/* Resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, strong, b, u, i, 
img, form, label, ul, ol, li, iframe, table, tbody, thead, tr, th, td,
object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd,
q, s, samp, small, sub, sup, var, dl, dt, dd, fieldset, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 hack alte Browser */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* weitere Resets */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input::-moz-focus-inner { /* entfernt unerwünschten Abstand (z.B. Formular Sendebutton) */
	border: 0;
	padding: 0;
}

/* Grundlegende Angaben */

html, body {
	height: 100%;
}
body {
	color: #293540;
	font: 300 19px/1.8 'Roboto Condensed', sans-serif;
	-webkit-text-size-adjust: none;
}
body > #PageWrapper {
	background: #F7F7F7;
	min-height: 100%;
	padding: 0 0 180px 0;
	position: relative;
}
a {
	color: #B81B2C;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #B81B2C;
}
input, textarea, select, button {
	border: 1px solid #CFCFCF;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input[type='submit'],
input[type='text'],
input[type='email'],
textarea,
button,
select {
	-webkit-appearance: none;
}
input::-ms-clear {
	display: none;
}
input[type="text"]:disabled {
    background: inherit;
} 
ol, ul {
	list-style: none;
}
.cmsMargin {
	margin: 50px 0;
}
*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}
.wmWrapper {
	position: relative;
}
.wmMargin {
	margin-top: 60px;
	margin-bottom: 60px;
}
.wmPadding {
	padding-left: 20px;
	padding-right: 20px;
}
.wmMaxWidth {
	margin-left: auto;
	margin-right: auto;
	max-width: 1130px;
}
.wmClear:after {
	clear: both;
	content: "";
	display: block;
}

/* Webfonts */

@font-face {
	font-family: 'fontello';
	src: url('/img/webfonts/fontello.eot?49756368');
	src: url('/img/webfonts/fontello.eot?49756368#iefix') format('embedded-opentype'),
		url('/img/webfonts/fontello.woff?49756368') format('woff'),
		url('/img/webfonts/fontello.ttf?49756368') format('truetype'),
		url('/img/webfonts/fontello.svg?49756368#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Webfonts - Fontquirrel */

@font-face {
    font-family: 'ITC-Century-Book-CondensedRg';
    src: url('/img/webfonts/itc_century_book_condensed_regular-webfont.eot');
    src: url('/img/webfonts/itc_century_book_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/img/webfonts/itc_century_book_condensed_regular-webfont.woff2') format('woff2'),
         url('/img/webfonts/itc_century_book_condensed_regular-webfont.woff') format('woff'),
         url('/img/webfonts/itc_century_book_condensed_regular-webfont.ttf') format('truetype'),
         url('/img/webfonts/itc_century_book_condensed_regular-webfont.svg#itc_century_book_condensedRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tablet-Gothic-NarrowBold';
    src: url('/img/webfonts/tablet_gothic_narrow-bold-webfont.eot');
    src: url('/img/webfonts/tablet_gothic_narrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/img/webfonts/tablet_gothic_narrow-bold-webfont.woff2') format('woff2'),
         url('/img/webfonts/tablet_gothic_narrow-bold-webfont.woff') format('woff'),
         url('/img/webfonts/tablet_gothic_narrow-bold-webfont.ttf') format('truetype'),
         url('/img/webfonts/tablet_gothic_narrow-bold-webfont.svg#tablet_gothic_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tablet-Gothic-NarrowItalic';
    src: url('/img/webfonts/tablet_gothic_narrow-oblique-webfont.eot');
    src: url('/img/webfonts/tablet_gothic_narrow-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('/img/webfonts/tablet_gothic_narrow-oblique-webfont.woff2') format('woff2'),
         url('/img/webfonts/tablet_gothic_narrow-oblique-webfont.woff') format('woff'),
         url('/img/webfonts/tablet_gothic_narrow-oblique-webfont.ttf') format('truetype'),
         url('/img/webfonts/tablet_gothic_narrow-oblique-webfont.svg#tablet_gothic_narrowitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tablet-Gothic-NarrowRegular';
    src: url('/img/webfonts/tablet_gothic_narrow-regular-webfont.eot');
    src: url('/img/webfonts/tablet_gothic_narrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/img/webfonts/tablet_gothic_narrow-regular-webfont.woff2') format('woff2'),
         url('/img/webfonts/tablet_gothic_narrow-regular-webfont.woff') format('woff'),
         url('/img/webfonts/tablet_gothic_narrow-regular-webfont.ttf') format('truetype'),
         url('/img/webfonts/tablet_gothic_narrow-regular-webfont.svg#tablet_gothic_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Layout - Header */

#HeaderWrapper {
	background: #F7F7F7;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	height: 100px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4;
	-webkit-transition: height 300ms ease-out;
	-moz-transition: height 300ms ease-out;
	-ms-transition: height 300ms ease-out;
	-o-transition: height 300ms ease-out;
	transition: height 300ms ease-out;
}
#HeaderWrapper.mobile {
	position: absolute;
}
#HeaderWrapper.fixed {
	height: 76px;
}
#HeaderWrapper > div {
	height: 100%;
	margin: 0 auto;
	max-width: 1260px;
	padding: 0 30px;
	position: relative;
}

/* Logo */

#HeaderWrapper > div > a.logo {
	left: 30px;
	position: absolute;
	top: 10px;
	z-index: 2;
	-webkit-transition: top 300ms ease-out 300ms;
	-moz-transition: top 300ms ease-out 300ms;
	-ms-transition: top 300ms ease-out 300ms;
	-o-transition: top 300ms ease-out 300ms;
	transition: top 300ms ease-out 300ms;
}
#HeaderWrapper.fixed > div > a.logo {
	top: -100px;
	-webkit-transition: top 300ms ease-out;
	-moz-transition: top 300ms ease-out;
	-ms-transition: top 300ms ease-out;
	-o-transition: top 300ms ease-out;
	transition: top 300ms ease-out;
}
html[lang="fr"] #HeaderWrapper.fixed > div > a.logo {
	top: -140px;
}
#HeaderWrapper > div > a.logo > img {
	display: block;
	width: 320px;
}
html[lang="fr"] #HeaderWrapper > div > a.logo > img {
	width: 250px;
}
html[lang="it"] #HeaderWrapper > div > a.logo > img {
	width: 280px;
}

/* Icon */

#HeaderWrapper > div > a.icon {
	left: 30px;
	opacity: 0;
	position: absolute;
	top: -80px;
	z-index: 2;
	-webkit-transition: top 300ms ease-out 500ms, top 300ms ease-out 500ms;
	-moz-transition: top 300ms ease-out 500ms, top 300ms ease-out 500ms;
	-ms-transition: top 300ms ease-out 500ms, top 300ms ease-out 500ms;
	-o-transition: top 300ms ease-out 500ms, top 300ms ease-out 500ms;
	transition: opacity 300ms ease-in-out, top 300ms ease-out 500ms;
}
#HeaderWrapper.fixed > div > a.icon {
	opacity: 1;
	top: 13px;
	-webkit-transition: top 300ms ease-out 500ms;
	-moz-transition: top 300ms ease-out 500ms;
	-ms-transition: top 300ms ease-out 500ms;
	-o-transition: top 300ms ease-out 500ms;
	transition: top 300ms ease-out 500ms;
}
#HeaderWrapper > div > a.icon > img {
	display: block;
	width: 50px;
}

/* Sprachauswahl */

#HeaderWrapper > div > ul.lang {
	right: 30px;
	position: absolute;
	top: 39px;
	-webkit-transition: top 300ms ease-out;
	-moz-transition: top 300ms ease-out;
	-ms-transition: top 300ms ease-out;
	-o-transition: top 300ms ease-out;
	transition: top 300ms ease-out;
}
#HeaderWrapper.fixed > div > ul.lang {
	top: 28px;
}
#HeaderWrapper > div > ul.lang:after {
	clear: both;
	content: "";
	display: block;
}
#HeaderWrapper > div > ul.lang > li {
	float: left;
}
#HeaderWrapper > div > ul.lang > li > a {
	background: url("/img/layout/lang-hd.png") no-repeat top left;
	background-size: 100% auto;
	display: block;
	height: 22px;
	width: 32px;
}
#HeaderWrapper > div > ul.lang > li > a.en {
	background-position: 0 -35px;
}
#HeaderWrapper > div > ul.lang > li > a.it {
	background-position: 0 -70px;
}
#HeaderWrapper > div > ul.lang > li > a.fr {
	background-position: 0 -105px;
}

/* Telefon */

#HeaderWrapper > div > a.tel {
	display: none;
}

/* Newsletter */

#HeaderWrapper > div > a.newsletter {
	position: fixed;
	top: 30px;
	right: 60px;
	background: #B81B2C;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	padding: 0 15px;
	line-height: 40px;
	transition: top 300ms ease-out;
}
#HeaderWrapper > div > a.newsletter:hover {
	background: #305AA8;
}
#HeaderWrapper.fixed > div > a.newsletter {
	top: 18px;
}

/* Suche */

#HeaderWrapper > div > a.triggerSearch {
	display: flex;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 78px;
}


@media all and (max-width: 1680px){

	#HeaderWrapper > div > a.newsletter {
		right: 30px;
		top: 100px;
	}
	#HeaderWrapper.fixed > div > a.newsletter {
		top: 76px;
	}

}
@media all and (max-width: 1200px){

	html[lang="fr"] #HeaderWrapper > div > a.logo {
    top: 20px;
	}
	html[lang="fr"] #HeaderWrapper > div > a.logo > img {
    width: 200px;
	}	

}
@media all and (max-width: 1150px){

	#HeaderWrapper {
		height: 76px;
	}
	html[lang="fr"] #HeaderWrapper > div > a.logo {
		display: none;
	}
	html[lang="fr"] #HeaderWrapper > div > a.icon {
		opacity: 1;
    top: 13px;
	}
	#HeaderWrapper > div > ul.lang {
    top: 28px;
	}
	#HeaderWrapper > div > a.newsletter {
		top: 76px;
	}
	#HeaderWrapper > div > a.logo > img {
    width: 230px;
	}

}

@media all and (max-width: 1024px){

	#HeaderWrapper > div > a.newsletter {
		left: auto;
		right: 130px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 12px;
		line-height: 30px;
		padding: 0 12px;
		position: absolute;
	}
	#HeaderWrapper > div > ul.lang {
    display: none;
	}

}

@media all and (max-width: 600px){
	#HeaderWrapper > div > a.logo {
		display: none;
	}
	#HeaderWrapper > div > a.icon {
		opacity: 1;
		top: 13px;
	}
}

@media all and (max-width: 450px){

	#HeaderWrapper > div > a.tel {
		align-items: center;
		background: #305AA8;
		color: #FFFFFF;
		display: flex;
		font-size: 26px;
		font-weight: normal;
		justify-content: center;
		height: 48px;
		padding: 0 10px;
		position: fixed;
		right: 0;
		top: 50%;
		width: 48px;
	}
	#HeaderWrapper > div > a.tel:after {
		content: "\E811";
		font-family: "fontello";
	}

}

@media all and (max-width: 370px){

	#HeaderWrapper > div {
    padding: 0 20px;
	}
	#HeaderWrapper > div > a.icon {
    left: 20px;
	}
	#HeaderWrapper > div > a.newsletter {
		font-size: 0;
		display: flex;
	}
	#HeaderWrapper > div > a.newsletter::before {
		content: "Newsletter";
		font-size: 12px;
		line-height: 30px;
	}

}

/* Layout - Content */

#ContentWrapper {
	overflow: hidden;
	padding: 100px 0 0;
	position: relative;
	width: 100%;
	z-index: 2;
}
#ContentWrapper > div {
	margin: 0 auto;
	max-width: 1260px;
	padding: 80px 30px 0;
	position: relative;
}
#ContentWrapper > div:after {
	clear: both;
	content: "";
	display: block;
}
#ContentWrapper > div > aside {
	float: left;
	width: 25%; /* 300 */
}
#ContentWrapper > div > section {
	float: right;
	min-height: 400px;
	width: 70.833333333333329%; /* 850 */
}

@media all and (max-width: 1050px){

	#ContentWrapper {
		padding-top: 160px;
	}
	#ContentWrapper > div {
		padding-top: 60px;
	}

}
@media all and (max-width: 900px){

	#ContentWrapper {
		padding-top: 108px;
	}
	#ContentWrapper > div {
		padding-top: 50px;
	}
	#ContentWrapper > div > aside {
		display: none;
	}
	#ContentWrapper > div > section {
		float: none;
		width: 100%;
	}

}
@media all and (max-width: 450px){

	#ContentWrapper {
		padding-top: 81px;
	}
	#ContentWrapper > div {
		padding: 40px 20px;
	}

}

/* Layout - Footer */

#FooterWrapper {
	background: #FFFFFF;
	bottom: 0;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    font-size: 17px;
    line-height: 1.4;
	position: absolute;
	width: 100%;
	z-index: 2;
}
#FooterWrapper:after {
	clear: both;
	content: "";
	display: block;
}
#FooterWrapper > div {
	height: 100%;
	margin: 0 auto;
	max-width: 1150px;
	padding: 0 30px;
	position: relative;
}
#FooterWrapper > div:after {
	clear: both;
	content: "";
	display: block;
}

/* Newsletter */

#FooterWrapper > div > div.left {
	float: left;
	padding: 40px 50px 60px 0;
	width: 50%;
}
#FooterWrapper > div > div.left > form:after {
	clear: both;
	content: "";
	display: block;
}
#FooterWrapper > div > div.left > form > p {
	color: #949393;
	padding: 0 0 20px;
}
#FooterWrapper > div > div.left > form > p > strong {
	color: #293540;
	margin: 14px 0 -5px;
	display: block;
	font-size: 24px;
}
#FooterWrapper > div > div.left > form > p > :not(strong) {
	display: none;
}
#FooterWrapper > div > div.left > form > input.field {
	background: #F7F7F7;
	border: 0;
	color: #305AA8;
	float: left;
	font-size: 18px;
	font-weight: normal;
	height: 55px;
	line-height: 55px;
	padding: 0 20px;
	width: 59.595959595959599%; /* 295 */
}
#FooterWrapper > div > div.left > form > input.field::-webkit-input-placeholder {
	opacity: 1;
}
#FooterWrapper > div > div.left > form > input.field:-moz-placeholder { /* Firefox 18- */
	opacity: 1; 
}
#FooterWrapper > div > div.left > form > input.field::-moz-placeholder {  /* Firefox 19+ */
	opacity: 1;
}
#FooterWrapper > div > div.left > form > input.field:-ms-input-placeholder {  
	opacity: 1;
}
#FooterWrapper > div > div.left > form > input.button {
	background: #305AA8;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-size: 18px;
	font-weight: normal;
	height: 55px;
	line-height: 55px;
	width: 36.363636363636367%; /* 180 */
}
#FooterWrapper > div > div.left > form > input.button:hover {
	background: #B81B2C;
}

/* Downloads */

#FooterWrapper > div > div.right {
	border-left: 1px dashed #949393;
	float: left;
	padding: 40px 0 40px 50px;
	width: 50%;
}
#FooterWrapper > div > div.right > ul > li {
	margin: 0 0 16px;
}
#FooterWrapper > div > div.right > ul > li:last-child {
	margin-bottom: 0;
}
#FooterWrapper > div > div.right > ul > li > a {
	color: #949393;
	display: table;
	font-weight: 300;
	padding: 0 0 0 60px;
	position: relative;
}
#FooterWrapper > div > div.right > ul > li > a:before {
    color: #305AA8;
    font-family: "fontello";
    font-size: 26px;
    left: 0;
    line-height: 1;
    margin: -13px 0 0;
    position: absolute;
    top: 50%;
}
#FooterWrapper > div > div.right > ul > li.download > a:before {
	content: "\E801";
}
#FooterWrapper > div > div.right > ul > li.fb > a:before {
	content: "\E822";
}
#FooterWrapper > div > div.right > ul > li.insta > a:before {
	content: "\F16D";
}
#FooterWrapper > div > div.right > ul > li.contact > a:before {
	content: "\E84E";
}
#FooterWrapper > div > div.right > ul > li > a > strong {
	color: #293540;
	display: table;
	font-weight: normal;
}
#FooterWrapper > div > div.right > ul > li > a:hover > strong {
	color: #B81B2C;
}
#FooterWrapper > div > div.right > ul > li > a:hover:before {
	color: #B81B2C;
}

/* Fußzeile */

#FooterWrapper > div > div.bottom {
	border-top: 1px dashed #949393;
	clear: both;
}
#FooterWrapper > div > div.bottom.fr {
	border-top: none;
}
#FooterWrapper > div > div.bottom:after {
	clear: both;
	content: "";
	display: block;
}
#FooterWrapper > div > div.bottom > .copyright {
	color: #949393;
	float: left;
	line-height: 83px;
}

@media all and (max-width: 1150px){

	#FooterWrapper > div > div.left {
		padding-bottom: 40px;
		padding-right: 32px;
	}
	#FooterWrapper > div > div.right {
		padding-bottom: 40px;
		padding-left: 32px;
	}

}
@media all and (max-width: 900px){

	#FooterWrapper > div > div.left,
	#FooterWrapper > div > div.right {
		float: none;
		padding-bottom: 0;
		padding-right: 0;
	}
	#FooterWrapper > div > div.left {
		border-bottom: 1px dashed #949393;
		padding-bottom: 45px;
		width: 100%;
	}
	#FooterWrapper > div > div.left > form > p > strong {
		margin-top: 0;
	}
	#FooterWrapper > div > div.right {
		border-left: 0 none;
		display: table;
		margin: 0 auto;
		padding-bottom: 40px;
		padding-left: 0;
		width: auto;
	}
	#FooterWrapper > div > div.bottom {
		padding: 25px 0;
	}
	#FooterWrapper > div > div.bottom > .copyright {
		float: none;
		line-height: 1.5;
		padding: 0 0 10px;
		text-align: center;
	}

}
@media all and (max-width: 450px){

	#FooterWrapper > div {
		padding-left: 20px;
		padding-right: 20px;
	}
	#FooterWrapper > div > div.left {
		padding-bottom: 35px;
		padding-top: 30px;
	}
	#FooterWrapper > div > div.left > form > input.field,
	#FooterWrapper > div > div.left > form > input.button {
		float: none;
		height: 50px;
		line-height: 50px;
		text-align: center;
		width: 100%;
	}
	#FooterWrapper > div > div.left > form > p {
		padding-bottom: 30px;
	}
	#FooterWrapper > div > div.right {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	#FooterWrapper > div > div.right > ul > li > a {
		padding-left: 43px;
	}
		
}

/* Layout - Header - Suche */

.fancySearch {
	max-width: 800px;
	width: calc(100vw - 48px);
	opacity: 0;
	overflow: hidden;
	padding: 72px 75px 70px !important;
	top: 50px;
	-webkit-transition: opacity 500ms ease, top 500ms ease;
	-moz-transition: opacity 500ms ease, top 500ms ease;
	-ms-transition: opacity 500ms ease, top 500ms ease;
	-o-transition: opacity 500ms ease, top 500ms ease;
	transition: opacity 500ms ease, top 500ms ease;
}
.fancySearch.animated {
	opacity: 1;
	top: 0;
}
.fancySearch > h2 {
	font-size: 48px;
	font-weight: bold;
	margin: 0 0 20px;
	text-align: left;
}
.fancySearch > form > .row {
	background: #F7F7F7;
	padding: 0 0 0 55px;
	position: relative;
}
.fancySearch > form > .row:before {
	color: #293540;
	content: '\E814';
	font-family: 'fontello';
	left: 25px;
	line-height: 55px;
	position: absolute;
	top: 0;
}
.fancySearch > form > .row > .field {
	background: #F7F7F7;
	border: 0 none;
	height: 55px;
	line-height: 55px;
	outline: 0;
	overflow: hidden;
	padding: 3px 15px 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.fancySearch > .topKeywords {
	margin: 43px 0 0;
}
.fancySearch > .topKeywords > p {
	color: #305AA8;
	font-size: 24px;
	font-weight: normal;
	display: inline-block;
	line-height: 1.2;
	margin: 0 0 15px;
	padding: 0 0 2px;
	text-transform: uppercase;
}
.fancySearch > .topKeywords > ul:after {
	clear: both;
	content: "";
	display: block;
}
.fancySearch > .topKeywords > ul > li {
	float: left;
	margin: 5px 5px 0 0;
}
.fancySearch > .topKeywords > ul > li > a {
	background: #305AA8;
	color: #FFFFFF;
	display: block;
	line-height: 35px;
	padding: 0 13px;
}
.fancySearch > .topKeywords > ul > li > a:hover {
	background: #B81B2C;
}
.fancySearch > .searchList {
	margin-bottom: 0;
	margin-top: 43px;
	max-height: 2000px;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	-webkit-transition: max-height 3000ms ease;
	-moz-transition: max-height 3000ms ease;
	-ms-transition: max-height 3000ms ease;
	-o-transition: max-height 3000ms ease;
	transition: max-height 3000ms ease;
}
.fancySearch > .searchList > p {
	color: #305AA8;
	font-size: 24px;
	font-weight: normal;
	display: inline-block;
	line-height: 1.2;
	padding: 0 0 2px;
	text-transform: uppercase;
}
.fancySearch > .searchList > ul.result {
	margin: 15px 0 0;
	overflow: hidden;
}
.fancySearch > .searchList > a.button {
	background: #305AA8;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
  font-weight: normal;
	line-height: 55px;
	margin: 15px 0 0;
	padding: 0 15px;
	text-align: center;
	width: 100%;
}
.fancySearch > .searchList > a.button:hover {
	background: #B81B2C;
}

@media all and (max-width: 940px){

	/* Suche */

	.fancySearch {
		padding: 46px 50px 50px !important;
		width: 600px;
	}

}
@media all and (max-width: 700px){

	/* Suche */

	.fancySearch {
		padding: 26px 30px 30px !important;
		width: 500px;
	}
	.fancySearch > h2 {
		font-size: 28px;
	}

}
@media all and (max-width: 600px){

	/* Suche */

	.fancySearch {
		width: 400px;
	}
	.fancySearch > h2 {
		display: none;
	}
	.fancySearch > .sitemap > div > a:before {
		top: 0;
	}

}
@media all and (max-width: 500px){
		
	/* Suche */

	.fancySearch {
		width: 280px;
	}
	.fancySearch > form > .row {
		background: none;
		padding-left: 0;
		padding-right: 0;
	}
	.fancySearch > form > .row:before {
		display: none;
	}
	/*
	.fancySearch > form > .row > .button {
		margin: 5px 0 0;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}
	*/
	.fancySearch > .topKeywords {
		margin-top: 23px;
		text-align: center;
	}
	.fancySearch > .topKeywords > ul > li {
		display: inline-block;
		float: none;
	}
	.fancySearch > .topKeywords > ul > li > a {
		font-size: 14px;
		line-height: 30px;
	}
	.fancySearch > .sitemap {
		margin-top: 23px;
		text-align: center;
	}

}

/* Menü - Hauptmenü - Desktop */

.mobileTrigger {
	display: none;
}
nav.desktop {
	position: absolute;
	right: 110px;
	top: 11px;
	transition: top 300ms ease-out;
	z-index: 2;
}
#HeaderWrapper.fixed nav.desktop {
	top: 0;
}
nav.desktop > ul:after {
	clear: both;
	content: "";
	display: block;
}
nav.desktop > ul > li {
	float: left;
	padding: 0 12px 1px 12px;
	position: relative;
}
html[lang="fr"] nav.desktop > ul > li {
	padding: 0 8px 1px 8px;
}
nav.desktop > ul > li:nth-child(8) {
	display: none;
}
nav.desktop > ul > li.lang {
	display: none;
}
nav.desktop > ul > li > a {
	color: #293540;
	display: block;
	font-size: 17px;
	line-height: 76px;
	padding: 0;
	position: relative;
	/* text-transform: uppercase; */
}
nav.desktop > ul > li > a:after {
	background: #B81B2C;
	bottom: 24px;
	content: "";
	display: none;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}
nav.desktop > ul > li:hover > a,
nav.desktop > ul > li > a.selected {
	color: #B81B2C;
}
nav.desktop > ul > li:hover > a:after,
nav.desktop > ul > li > a.selected:after {
	display: block;
}
nav.desktop > ul > li:hover > ul {
	height: auto;
	min-height: 200px;
	min-width: 200px;
	padding: 14px 0;
	opacity: 1;
	overflow: visible;
	top: 76px;
}
nav.desktop > ul > li > ul {
	background: rgb(253,253,253);
	background: -moz-linear-gradient(-45deg,  rgba(253,253,253,1) 0%, rgba(253,253,253,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(253,253,253,1) 100%);
	background: linear-gradient(135deg,  rgba(253,253,253,1) 0%,rgba(253,253,253,1) 100%);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	height: 0;
	left: -12px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 82px;
	-webkit-transition: opacity 500ms ease-in-out, top 200ms ease-out;
	-moz-transition: opacity 500ms ease-in-out, top 200ms ease-out;
	-ms-transition: opacity 500ms ease-in-out, top 200ms ease-out;
	-o-transition: opacity 500ms ease-in-out, top 200ms ease-out;
	transition: opacity 500ms ease-in-out, top 200ms ease-out;
}
nav.desktop > ul > li.last > ul {
	left: auto;
	right: -12px;
}
nav.desktop > ul > li.singleColumn > ul > li > a {
    color: #293540;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 1px;
    padding: 6px 24px;
    white-space: nowrap;
}
nav.desktop > ul > li.singleColumn > ul > li > a:hover,
nav.desktop > ul > li.singleColumn > ul > li > a.selected {
	color: #B81B2C;
}

/* MultiColumns */

nav.desktop > ul > li.multiColumns {
	position: static;
}
nav.desktop > ul > li.multiColumns > ul {
    left: 0;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
}
nav.desktop > ul > li.multiColumns > ul > li {
	float: left;
	margin: 0 2% 20px 0;
	width: 32%;
}
nav.desktop > ul > li.multiColumns > ul > li:nth-child(3n) {
	margin-right: 0;
}
nav.desktop > ul > li.multiColumns > ul > li:nth-child(3n) + li {
	clear: left;
}
nav.desktop > ul > li.multiColumns > ul > li > a {
    border-bottom: 1px solid #D7D7D7;
    color: #293540;
    display: block;
    line-height: 1.2;
    margin: 0 0 8px;
    padding: 0;
}
nav.desktop > ul > li.multiColumns > ul > li > a:hover,
nav.desktop > ul > li.multiColumns > ul > li > a.selected {
	color: #B81B2C;
}
nav.desktop > ul > li.multiColumns > ul > li > ul > li > a {
    color: #293540;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 1px;
    padding: 4px 0;
}
nav.desktop > ul > li.multiColumns > ul > li > ul > li > a:hover,
nav.desktop > ul > li.multiColumns > ul > li > ul > li > a.selected {
	color: #B81B2C;
}

@media all and (max-width: 1150px){

	nav.desktop {
		top: 0;
	}

}

/* Menü - Hauptmenü Mobile */

.mobileTrigger.show:before {
	content: "\E826";
    font-family: "fontello";
}
.mobileTrigger.show {
	color: #B81B2C;
    cursor: pointer;
    display: block;
    font-size: 50px;
    font-weight: normal;
    line-height: 76px;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
nav.mobile {
	position: absolute;
	right: 0;
	top: 109px;
	width: 100%;
	z-index: 99999;
}
nav.mobile > ul {
	height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
}
nav.mobile > ul.open {
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(253,253,253,1) 100%);
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(253,253,253,1) 100%);
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(253,253,253,1) 100%);
	box-shadow: 0 5px 4px rgba(0, 0, 0, 0.1);
	height: auto;
	padding: 40px 0 25px;
	opacity: 1;
	overflow: visible;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
nav.mobile > ul > li:nth-child(8) {
	display: none;
}
nav.mobile > ul > li > ul {
	display: none;
}
nav.mobile > ul > li > ul.open {
    background: #F7F7F7;
    border-bottom: 1px solid #E0E0E0;
    display: block;
    padding: 17px 0;
}
nav.mobile > ul > li > ul > li > ul {
	display: none;
}
nav.mobile > ul > li > ul > li > ul.open {
    background: #FDFDFD;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
    display: block;
    margin: 10px 0;
    padding: 12px 0;
}

/* Sprachauswahl */

nav.mobile > ul > li.lang {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 1;
}
nav.mobile > ul.open > li.lang {
	top: 30px;
	-webkit-transition: top 300ms ease-in;
	-moz-transition: top 300ms ease-in;
	-ms-transition: top 300ms ease-in;
	-o-transition: top 300ms ease-in;
	transition: top 300ms ease-in;
}
nav.mobile > ul > li.lang:after {
	clear: both;
	content: "";
	display: block;
}
nav.mobile > ul > li.lang > a {
	background: url("/img/layout/lang-hd.png") no-repeat top left;
	background-size: 100% auto;
	display: block;
	float: left;
	height: 22px;
	margin: 0 0 0 8px;
	padding: 0;
	width: 32px;
}
nav.mobile > ul > li.lang > a.en {
	background-position: 0 -35px;
}
nav.mobile > ul > li.lang > a.it {
	background-position: 0 -70px;
}
nav.mobile > ul > li.lang > a.fr {
	background-position: 0 -105px;
}

/* 1. Ebene */

nav.mobile > ul > li > a {
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(253,253,253,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(253,253,253,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(253,253,253,1) 100%);
    border-bottom: 1px solid #FFFFFF;
    color: #293540;
    display: block;
    line-height: 1.5;
    padding: 17px 30px 15px;
    text-transform: uppercase;
}

/* 2. Ebene */

nav.mobile > ul > li > ul > li > a {
    color: #293540;
    display: block;
    line-height: 1.5;
    padding: 8px 50px;
}

/* 3. Ebene */

nav.mobile > ul > li > ul > li > ul > li > a {
    color: #293540;
    display: block;
    font-size: 17px;
    line-height: 1.5;
    padding: 6px 80px;
    position: relative;
}
nav.mobile > ul > li > ul > li > ul > li > a:before {
    color: #B81B2C;
	content: "\E81E";
    font-family: "fontello";
    font-size: 22px;
    font-weight: normal;
    left: 50px;
    position: absolute;
    top: 2px;
}

@media all and (max-width: 450px){

	nav.mobile {
		top: 82px;
	}
	nav.mobile > ul > li.lang {
		right: 20px;
		top: 10px;
	}
	nav.mobile > ul.open > li.lang {
		top: 20px;
	}
	nav.mobile > ul > li > a {
		padding-left: 20px;
		padding-right: 20px;
	}
	nav.mobile > ul > li > ul > li > a {
		padding-left: 40px;
		padding-right: 40px;
	}
	nav.mobile > ul > li > ul > li > ul > li > a {
		padding-left: 70px;
		padding-right: 70px;		
	}
	nav.mobile > ul > li > ul > li > ul > li > a:before {
		left: 40px;
	}
	.mobileTrigger.show {
		line-height: 80px;
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Menü - Submenü */

ul.submenu > li:not(.active) > ul {
	display: none;
}

/* 1. Ebene */

ul.submenu > li > a {
	color: #293540;
}
ul.submenu > li > a:hover {
	color: #B81B2C;
}

/* 2. Ebene */

ul.submenu > li > ul {
	padding: 0 0 0 20px;
}
ul.submenu > li > ul > li {
	color: #949393;
}
ul.submenu > li > ul > li > a {
	color: #949393;
    font-weight: 300;
    position: relative;
}
ul.submenu > li > ul > li.active,
ul.submenu > li > ul > li:hover,
ul.submenu > li > ul > li.active > a,
ul.submenu > li > ul > li:hover > a {
	color: #B81B2C;
}

/* Menü - Metamenü */

ul.metamenu {
	float: right;
	margin: 0 -12px 0 0;
}
ul.metamenu:after {
	clear: both;
	content: "";
	display: block;
}
ul.metamenu > li {
	float: left;
}
ul.metamenu > li > a {
	color: #949393;
	display: block;
	font-weight: 300;
	line-height: 83px;
	padding: 0 12px;
	position: relative;
}
ul.metamenu > li > a:before {
	background: #949393;
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	top: 35px;
	width: 1px;
}
ul.metamenu > li:first-child > a:before {
	display: none;
}
ul.metamenu > li > a:hover,
ul.metamenu > li > a.selected {
	color: #293540;
}

@media all and (max-width: 900px){

	ul.metamenu {
		float: none;
		display: table;
		margin: 0 auto;
	}
	ul.metamenu > li > a {
		line-height: 1.5;
	}
	ul.metamenu > li > a:before {
		top: 5px;
	}

}

/* Elemente - Überschriften */

h1 {
	color: #305AA8;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.1;
	margin-top: 0 !important;
	text-transform: uppercase;
}
h1.red {
	color: #B81B2C;
}
h1.noUppercase {
	text-transform: none;
}
h2 {
	color: #305AA8;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}
h2.red  {
	border-bottom: 1px dashed #949393;
	padding: 0 0 5px;
	color: #B81B2C;
}
h3 {
	font-size: 24px;
}

/* Folgeüberschriften */

h1.cms + h2.cms {
    font-family: "ITC-Century-Book-CondensedRg", serif;
    font-size: 30px;
	margin-top: -36px;
}
h2.cms + h3.cms {
	margin-top: -36px;
}

@media all and (max-width: 900px){

	h1 {
		font-size: 40px;
	}

}
@media all and (max-width: 450px){

	h1 {
		font-size: 32px;
	}
	h2,
	h3 {
		font-size: 26px;
	}

}

/* Elemente - Textinhalt */

.cmsText.blue {
	color: #305AA8;
}

.cmsText a {
	text-decoration: underline;
}
.cmsText a:hover {
	color: #293540;
}

/* Elemente - Aufzählung */

.cmsList > h2 {
	border-bottom: 1px dashed #949393;
	color: #293540;
	margin: 0 0 20px 0;
	padding: 0 0 5px;
}
.cmsList > ul > li:before {
	background: #293540;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 6px;
}
.cmsList > ul > li {
	line-height: 1.4;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	position: relative;
}

/* 2-spaltig */

.cmsList2Columns > ul > li {
	float: left;
	width: 50%;
}
.cmsList2Columns > ul > li:nth-child(2n+1) {
	padding-right: 20px;
}
.cmsList2Columns > ul > li:nth-child(2n) + li {
	clear: left;
}
.cmsList2Columns:after {
	clear: both;
	content: "";
	display: block;
}

@media all and (max-width: 750px){

	.cmsList2Columns > ul > li {
		clear: none !important;
		padding-right: 0 !important;
		width: 100%;
	}

}

/* Elemente - Bild-Text */

.cmsImage:after {
	clear: both;
	content: "";
	display: block;
}
.cmsImage > .left {
	float: left;
	margin: 0 20px 10px 0;
	max-width: 50%;
}
.cmsImage > .right {
	float: right;
	margin: 0 0 10px 20px;
	max-width: 50%;
}
.cmsImage img {
	display: block;
	width: 100%;
}
.cmsImage div.frame {
	position: relative;
}
.cmsImage figcaption {
	font-size: smaller;
	font-style: italic;
	line-height: 1.5;
	margin: 8px 0 0 0;
}

@media all and (max-width: 750px){

	.cmsImage > .left,
	.cmsImage > .right {
		float: none;
		margin: 0 0 10px 0;
		max-width: none;
	}
	
}

/* Element - Bild-Text Kontakt */

.cmsImage.contact {
	background: #FCFCFC;
    border-bottom: 1px solid #D5D5D5;
}
.cmsImage.contact > .left,
.cmsImage.contact > .right {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	width: 50%;
}
.cmsImage.contact .right + p {
	margin-right: 50%;
}
.cmsImage.contact .left + p {
	margin-left: 50%;
}
.cmsImage.contact p {
	font-size: 17px;
    padding: 30px 20px;
    text-align: center;
}
.cmsImage.contact p > strong {
	font-weight: normal;
}
.cmsImage.contact img {
    margin: -1px;
}

@media all and (max-width: 700px){

	.cmsImage.contact img {
		margin: 0;
	}
	.cmsImage.contact > .left,
	.cmsImage.contact > .right {
		width: 100%;
	}
	.cmsImage.contact p {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.cmsImage.contact p {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
}

/* Elemente - Bildergalerie */

.cmsGallery:after {
	clear: both;
	content: "";
	display: block;
}
.cmsGallery + * {
	margin-top: -40px;
}
.cmsGallery > li {
	float: left;
	margin: 0 5.88235294117646% 5.88235294117646% 0; /* 0 45 45 0 */
	position: relative;
	width: 47.058823529411768%; /* 400 */
}
.cmsGallery > li:nth-child(2n) {
	margin-right: 0;
}
.cmsGallery > li:nth-child(2n) + li {
	clear: left;
}
.cmsGallery > li > figure {
	overflow: hidden;
	position: relative;
}
.cmsGallery > li > figure > div {
	display: block;
	position: relative;
}
.cmsGallery > li > figure > div > img {
	display: block;
	width: 100%;
}
.cmsGallery > li > figure > figcaption {
    font-size: smaller;
    line-height: 1.3;
    padding: 8px 0 0;
}

@media all and (max-width: 500px){

	.cmsGallery + * {
		margin-top: auto;
	}
	.cmsGallery > li {
		clear: both !important;
		float: none !important;
		margin: 0 0 20px 0 !important;
		width: 100% !important;
	}
	
}

/* Element - Einzelteaser */

.cmsSingleTeaser > article {
	background: #FCFCFC;
	border-bottom: 1px solid #EBEBEB;
	cursor: pointer;
	position: relative;
	top: 0;
}
.cmsSingleTeaser > article:hover { /* in Gruppenteaser definiert */
	-webkit-animation: moveTop .75s;
	animation: moveTop .75s;	
}
.cmsSingleTeaser > article > h2 {
	display: none;
}
.cmsSingleTeaser > article > figure {
	margin: 0 0 -1px;
	position: relative;
}
.cmsSingleTeaser > article > figure:after {
	clear: both;
	content: "";
	display: block;
}
.cmsSingleTeaser > article > figure > a {
	display: block;
	float: left;
	position: relative;
	width: 47.058823529411768%; /* 400 */
}
.cmsSingleTeaser > article > figure > a > img {
	display: block;
	width: 100%;
}
.cmsSingleTeaser > article > figure > figcaption {
    float: right;
    font-size: 18px;
    line-height: 1.5;
    padding: 20px 30px 30px;
    width: 52.94117647058823%;
}
.cmsSingleTeaser > article > figure > figcaption > a {
    display: table;
    font-size: 26px;
    font-weight: 300;
}
.cmsSingleTeaser > article > figure > figcaption > p > span {
	display: block;
}
.cmsSingleTeaser > article > figure > figcaption > p > span.addition,
.cmsSingleTeaser > article > figure > figcaption > p > span.date {
	color: #000000;
	font-weight: normal;
}

@media all and (max-width: 900px) and (min-width: 551px){

	.cmsSingleTeaser > article > figure > figcaption {
		padding-left: 20px;
	}

}
@media all and (max-width: 550px){

	.cmsSingleTeaser > article > figure > a {
		float: none;
		width: 100%;
	}
	.cmsSingleTeaser > article > figure > figcaption {
		float: none;
		padding: 20px;
		width: 100%;
	}

}

/* Elemente - Teaser */

.cmsTeaser + * {
	margin-top: -20px;
}
.cmsTeaser:after {
	clear: both;
	content: "";
	display: block;
}
.cmsTeaser > h2 {
	margin: 0 0 20px 0;
}
.cmsTeaser article {
	background: #FCFCFC;
	border-bottom: 1px solid #EBEBEB;
	cursor: pointer;
	float: left;
	margin: 0 5.88235294117646% 5.88235294117646% 0; /* 0 45 45 0 */
	position: relative;
	width: 47.058823529411768%; /* 400 */
}
.cmsTeaser article:nth-child(2n) {
	margin-right: 0;
}
.cmsTeaser article:nth-child(2n) + article {
	clear: left;
}
.cmsTeaser article:hover {
	-webkit-animation: moveTop .75s;
	animation: moveTop .75s;	
}
@-webkit-keyframes moveTop {

	0% {
		top: 0;
	}
	50% {
		top: -10px;
	}
	100% {
		top: 0;
	}

}
@keyframes moveTop {

	0% {
		top: 0;
	}
	50% {
		top: -10px;
	}
	100% {
		top: 0;
	}

}
.cmsTeaser article > h2 {
	display: none;
}
.cmsTeaser article > figure > a {
	display: block;
	position: relative;
}
.cmsTeaser article > figure > a:before {
	border: 5px solid rgba(255, 255, 255, 0.25);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.cmsTeaser article > figure > a > img {
	display: block;
	width: 100%;
}
.cmsTeaser article > figure > figcaption {
    font-size: 18px;
    line-height: 1.5;
    padding: 20px;
}
.cmsTeaser article > figure > figcaption > a {
    display: table;
    font-size: 26px;
    font-weight: 300;
}
.cmsTeaser article > figure > figcaption > p > span {
	display: block;
}
.cmsTeaser article > figure > figcaption > p > span.addition,
.cmsTeaser article > figure > figcaption > p > span.date {
	color: #000000;
	font-weight: normal;
}

@media all and (max-width: 550px){
	
	.cmsTeaser + * {
		margin-top: auto;
	}
	.cmsTeaser article {
		clear: both !important;
		float: none !important;
		margin: 0 0 30px 0 !important;
		width: 100% !important;
	}
	.cmsTeaser article > figure > figcaption {
		min-height: 0 !important;
	}

}

/* Elemente - Tabelle */

.cmsTable > h2 {
	margin: 0 0 5px 0;
}
.cmsTable > table {
	width: 100%;
}
.cmsTable > table > tbody > tr.val2 {
	background: #FFFFFF;
}
.cmsTable > table > tbody > tr > td {
    border-bottom: 1px solid #EBEBEB;
    line-height: 1.5;
    padding: 8px 10px 9px;
	position: relative;
}
.cmsTable > p {
	font-size: smaller;
	padding: 5px 10px 0 10px;
}

/* Elemente - Verlinkungen */

/* Links (intern & extern) */

.cmsText + .cmsLink {
	margin-top: -40px;
}
.cmsLink + .cmsLink {
	margin-top: -40px;
}
.cmsLinkButton + .cmsLinkButton {
	margin-top: -35px;
}
.cmsLink > a:before {
	color: #B81B2C;
	content: '\E814';
	font-family: 'fontello';
	font-size: 16px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 3px;
}
.cmsLink.ext > a:before {
	color: #305AA8;
}
.cmsLink > a {
	color: #293540;
	display: inline-block;
	padding: 0 0 0 30px;
	position: relative;
}
.cmsLinkButton > a {
	display: inline-block;
	background: #B81B2C;
	color: #FFFFFF;
	font-weight: 400;
	padding: 8px 15px;
	line-height: 1.28;
}
.cmsLinkButton > a:hover {
	background: #305aa8;
}

/* Verweisliste */

.cmsText + .cmsRefs {
	margin-top: -40px;
}
.cmsRefs > h2,
.cmsRefButtons > h2 {
	margin: 0 0 20px 0;
}
.cmsRefs > ul > li > a:before {
	color: #B81B2C;
	content: '\E814';
	font-family: 'fontello';
	font-size: 16px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 3px;
}
.cmsRefs > ul > li > a {
	color: #293540;
	display: inline-block;
	padding: 0 0 0 30px;
	position: relative;
}

.cmsRefButtons li + li {
	margin-top: 15px;
}
.cmsRefButtons a {
	display: inline-block;
	background: #B81B2C;
	color: #FFFFFF;
	font-weight: 400;
	padding: 8px 15px;
	line-height: 1.28;
}
.cmsRefButtons a:hover {
	background: #305aa8;
}

/* E-Mail */

.cmsMail > a:before {
	color: #B81B2C;
	content: '\E819';
	font-family: 'fontello';
    font-size: 40px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: -19px;
}
.cmsMail > a {
	color: #293540;
	display: inline-block;
	padding: 0 0 0 45px;
	position: relative;
}

.cmsLink > a:hover,
.cmsRefs > ul > li > a:hover,
.cmsMail > a:hover {
	-webkit-animation: move .75s;
	animation: move .75s;
}
@-webkit-keyframes move {

	0% {
		left: 0;
	}
	50% {
		left: 10px;
	}
	100% {
		left: 0;
	}

}
@keyframes move {

	0% {
		left: 0;
	}
	50% {
		left: 10px;
	}
	100% {
		left: 0;
	}

}

/* Elemente - Dropdown */

.cmsDrop > h3:before {
	content: '\E83D';
	font-family: 'fontello';
    font-size: 20px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 11px;
}
.cmsDrop.black > h3:before {
	top: 8px;
}
.cmsDrop > h3 {
	border-bottom: 1px dashed #949393;
    color: #305aa8;
	cursor: pointer;
	display: block;
    font-size: 24px;
    font-weight: normal;
	padding: 8px 0 8px 35px;
	position: relative;
}
.cmsDrop.red > h3 {
	color: #B81B2C;
	text-transform: uppercase;
}
.cmsDrop.black > h3 {
	border-bottom: 0;
	color: #293540;
	font-size: 19px;
}
.cmsDrop > h3.contentHide:before {
	content: '\E83A';
}
.cmsDrop > h3.contentHide + div {
	display: none;
}
.cmsDrop > h3 + div {
	background: #FCFCFC;
	overflow: hidden;
	padding: 0 20px;
}

/* Elemente - HTML */

/* Elemente - Youtube */

.cmsYoutube > h2 {
	margin: 0 0 5px 0;
}
.cmsYoutube > div:before {
	color: #ADADAD;
	content: '\E839';
	font-family: 'fontello';
	font-size: 75px;
	height: 60px;
	left: 50%;
	line-height: 60px;
	margin: -30px 0 0 -40px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80px;
}
.cmsYoutube > div {
	background: #F1F1F2;
	height: 0;
	overflow: hidden;
	padding: 30px 0 56.25% 0;
	position: relative;
}
.cmsYoutube > div > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.cmsYoutube > p {
	line-height: 1.3;
	margin: 10px 0 0 0;
}

/* Elemente - Iframe */

.cmsIframe {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}		
.cmsIframe > iframe {
	width: 100%;
}

/* Elemente - Downloads */

.cmsDownload + .cmsDownload {
	margin-top: -20px;
}
.cmsDownload {
	position: relative;
}
.cmsDownload > a {
	color: #293540;
	display: inline-block;
	padding: 0 0 0 65px;
	position: relative;
}
.cmsDownload > a:hover {
	color: #E57D26;
}
.cmsDownload > a:before {
	content: "\E801";
	/* content: "FILE"; */
	display: block;
	font-family: "fontello";
	font-size: 26px;
	font-weight: normal;
	height: 27px;
	left: 0;
	line-height: 27px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 50px;
}
.cmsExcel > a:hover {
	color: #4CB86D;
}
.cmsExcel > a:before {
	color: #4CB86D;
	content: "\E801";
}
.cmsPDF > a:hover {
	color: #E84C3D;
}
.cmsPDF > a:before {
	color: #E84C3D;
	content: "\E801";
}
.cmsWord > a:hover {
	color: #3896D3;
}
.cmsWord > a:before {
	color: #3896D3;
	content: "\E801";
}

/* Elemente - Formular */

.cmsForm {
	background: #FCFCFC;
	border-bottom: 1px solid #EBEBEB;
	padding: 30px;
}
.cmsForm > h2 {
	margin: 0 0 20px 0;
}
.cmsForm > .row {
	margin: 20px 0;
	padding: 0 40px 0 0;
	position: relative;
}
.cmsForm > .row:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm > .row.validation:before {
	color: #305AA8;
	content: '\E848';
	font-family: 'fontello';
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
}
.cmsForm > .row > label {
	display: block;
	float: left;
	line-height: 44px;
	padding: 0 10px 0 0;
	width: 30%;
}
.cmsForm > .row > .field {
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	height: 44px;
	outline: medium none;
	padding: 0 10px;
	width: 70%;
}
.cmsForm > .row > .field:focus {
	border: 1px solid #B2B2B2;
}
.cmsForm > .row > textarea.field {
	height: 100px;
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cmsForm > .row > select.field {
	padding: 7px 10px 7px 6px;
}
.cmsForm > .row > input[type='file'].field {
	border: 1px solid #EBEBEB !important;
	height: auto;
	line-height: 1;
	padding: 8px 10px;
}
.cmsForm > .row > input[type='file'].field:focus {
	border: 0;
	box-shadow: none;
}
.cmsForm > .row > .checkbox {
	border: 0 none;
	margin: 0 8px 0 0;
	padding: 0;
	width: auto;
}
.cmsForm > .row > p {
	display: inline-block;
	line-height: 44px;
}
.cmsForm > .infotext {
	line-height: 1.3;
}
.cmsForm > .row > .datepicker {
	cursor: pointer;
	width: 143px;
}
.cmsForm > .row > .calicon {
	border-left: 1px solid #EBEBEB;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin: 0 0 0 -37px;
	padding: 0 9px;
	position: absolute;
	top: 1px;
}
.cmsForm > .row > .calicon:before {
	content: "\E803";
	font-family: "fontello";
}
.cmsForm > .row > .spm {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EBEBEB;
	float: left;
	padding: 15px;
	position: relative;
	width: 70%;
}
.cmsForm > .row > .spm:after {
	content: '\E83C';
	font-family: 'fontello';
	font-size: 20px;
	left: 146px;
	position: absolute;
	top: 13px;
}
.cmsForm > .row > .spm > img {
	border: 1px solid #EBEBEB;
	float: left;
}
.cmsForm > .row > .spm > img + input {
	border: 1px solid #EBEBEB;
	float: left;
	height: 32px;
	margin: 0 0 0 30px;
	padding: 0 8px;
	text-align: center;
	width: 90px;
}
.cmsForm > .row > .spm > p {
	clear: both;
	padding: 8px 0 0 0;
}
.cmsForm > .button {
	margin: 20px 40px 20px 0;
	position: relative;
	text-align: right;
}
.cmsForm > .button > input { /* Sende-Button */
	background: #305AA8;
	border: 0;
	color: #FFFFFF;
    cursor: pointer;
    font-weight: normal;
    height: 40px;
    line-height: 34px;
    padding: 0 22px;
}
.cmsForm > .button > input:hover {
	background: #3665BC;
}
.cmsForm > .msg {
	line-height: 1.3;
	margin: 0 40px 10px 0;
	padding: 4px 10px;
}
.cmsForm .error {
	background: #FFFFFF;
	border: 1px solid #FFA3A3 !important;
	box-shadow: 0 0 3px #FF0000;
}

@media all and (max-width: 900px){

	.cmsForm {
		margin-left: -30px;
		margin-right: -30px;
	}

}
@media all and (max-width: 700px){
	
	.cmsForm > .row {
		padding-right: 0;
	}
	.cmsForm > .row > label {
		float: none;
		margin-bottom: 5px;
		padding-right: 20px;
		width: 100%;
	}
	.cmsForm > .row > .field {
		width: 100%;
	}
	.cmsForm > .row > .calicon {
		top: 50px;
	}
	.cmsForm > .row > .spm {
		width: 100%;
	}
	.cmsForm > .button {
		margin-right: 0;
	}
	.cmsForm > .msg {
		margin-right: 0;
	}

}
@media all and (max-width: 450px){

	.cmsForm {
		margin-left: -20px;
		margin-right: -20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.cmsForm > .row > .spm {
		text-align: center;
	}
	.cmsForm > .row > .spm:after {
		content: "\E83A";
		left: 50%;
		margin: 0 0 0 -5px;
		top: 43px;
	}
	.cmsForm > .row > .spm > img {
		float: none;
		margin: 0 0 20px;
	}
	.cmsForm > .row > .spm > img + input {
		display: block;
		float: none;
		left: 50%;
		margin-left: -60px;
		position: relative;
		width: 120px;
	}
	.cmsForm > .row > .spm > p {
		font-size: 15px;
		text-align: left;
	}

}

/* Element - Einzelteaser ohne Bild */

.cmsTeaserNoImg > a {
    color: #293540;
    display: table;
    font-weight: 300;
    line-height: 1.5;
}
.cmsTeaserNoImg > a:after {
    color: #D7D7D6;
	content: "\E814";
    display: table;
    font-family: "fontello";
    font-size: 45px;
}
.cmsTeaserNoImg > a:hover:after {
	-webkit-animation: zoom .75s; /* in cmsImg2Refs definiert */
	animation: zoom .75s;
}
.cmsTeaserNoImg > a > strong {
    color: #305AA8;
    display: table;
    font-size: 30px;
    font-weight: normal;
}

/* Element Gruppenteaser - Liste */

.cmsTeaserList > ul > li {
	background: #FFFFFF;
	margin: 0 0 5px;
	min-height: 89px;
}
.cmsTeaserList > ul > li:hover {
	background: none;
}
.cmsTeaserList > ul > li > a {
	color: #293540;
	display: block;
    line-height: 1.4;
	min-height: 89px;
	padding: 15px 150px 15px 300px;
	position: relative;
}
.cmsTeaserList > ul > li > a:after {
    color: #D7D7D6;
	content: "\E814";
    font-family: "fontello";
    font-size: 35px;
    line-height: 1;
    margin: -17px 0 0;
    position: absolute;
    right: 50px;
    top: 50%;
}
.cmsTeaserList > ul > li:hover > a:after {
	color: #B81B2C;
}
.cmsTeaserList > ul > li > a > .title {
    display: table;
    font-family: "ITC-Century-Book-CondensedRg",serif;
    font-size: 27px;
    font-weight: normal;
    line-height: 1.1;
    opacity: 0.9;
    padding: 3px 0 5px;
}
.cmsTeaserList > ul > li > a > .text {
    color: #949393;
    display: block;
    font-size: 15px;
    font-weight: 300;
}
.cmsTeaserList > ul > li > a > .date {
    font-size: 24px;
    font-weight: bold;
    left: 35px;
    position: absolute;
    top: 17px;
}
.cmsTeaserList > ul > li > a > .town {
	bottom: 15px;
	color: #949393;
	font-size: 15px;
	font-weight: 300;
	left: 35px;
	position: absolute;
}

@media all and (max-width: 1050px){

	.cmsTeaserList > ul > li > a {
		padding-left: 285px;
		padding-right: 95px;
	}
	.cmsTeaserList > ul > li > a > .date,
	.cmsTeaserList > ul > li > a > .town {
		left: 25px;
	}
	.cmsTeaserList > ul > li > a:after {
		right: 25px;
	}

}
@media all and (max-width: 700px){

	.cmsTeaserList > ul > li > a {
		padding-bottom: 17px;
		padding-left: 30px;
	}
	.cmsTeaserList > ul > li > a > .date {
		font-size: inherit;
		left: auto;
		position: relative;
		top: auto;
	}
	.cmsTeaserList > ul > li > a > .town {
		bottom: auto;
		color: inherit;
		display: table;
		font-size: inherit;
		font-weight: normal;
		left: auto;
		position: relative;
	}
	.cmsTeaserList > ul > li > a > .text {
		padding: 0 0 5px;
	}

}
@media all and (max-width: 450px){

	.cmsTeaserList > ul > li > a {
		padding-left: 20px;
		padding-right: 72px;
	}
	.cmsTeaserList > ul > li > a:after {
		font-size: 30px;
		margin-top: -16px;
		right: 20px;
	}

}

.cmsTeaserSlider article > h2 {
	display: none;
}
.cmsTeaserSlider article {
	background: #FFFFFF;
	cursor: pointer;
}
.cmsTeaserSlider article .date {
	background: #B81B2C;
	box-shadow: 0 0 8px rgb(0 0 0 / 30%);
	border-radius: 4px;
	color: #FFFFFF;
	line-height: 1;
	font-size: 14px;
	position: absolute;
	padding: 8px;
	top: 20px;
	right: 20px;
	z-index: 1;
}
.cmsTeaserSlider article figure a {
	display: block;
	overflow: hidden;
}
.cmsTeaserSlider article figure a img {
	transition: transform 300ms ease;
}
.cmsTeaserSlider article:hover figure a img {
	transform: scale(1.05);
}
.cmsTeaserSlider article figcaption {
	padding: 16px 20px;
}
.cmsTeaserSlider.noText article figcaption {
	background: rgba(0,0,0,0.3);
	backdrop-filter: blur(8px);
	bottom: 0;
	position: absolute;
	width: 100%;
}
.cmsTeaserSlider article .title {
	display: block;
	margin-bottom: 8px;
}
.cmsTeaserSlider article .text {
	font-size: 17px;
	line-height: 1.5;
}
.cmsTeaserSlider.noText article .title {
	color: #FFFFFF;
	margin: 0;
}

/* dots */

.cmsTeaserSlider .owl-dots {
	display: table;
	margin: 16px auto 0;
}
.cmsTeaserSlider .owl-dots .owl-dot {
	display: inline-block;
}
.cmsTeaserSlider .owl-dots .owl-dot > span {
	border: 1px solid #B81B2C;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	margin: 0 8px;
	width: 10px;
}
.cmsTeaserSlider .owl-dots .owl-dot > span:last-child {
	margin-right: 0;
}
.cmsTeaserSlider .owl-dots .owl-dot.active > span {
	background: #B81B2C;
}

/* nav */

.cmsTeaserSlider .owl-nav > div {
	align-items: center;
	background: #B81B2C;
	display: flex;
	height: 40px;
	justify-content: center;
  position: absolute;
	margin-top: -40px;
	top: 50%;
	width: 40px;
}
.cmsTeaserSlider .owl-nav > div.disabled {
	opacity: 0.3;
}
.cmsTeaserSlider .owl-nav > .owl-next {
	right: -60px;
}
.cmsTeaserSlider .owl-nav > .owl-prev {
	left: -60px;
}
.cmsTeaserSlider .owl-nav > div:before {
  content: '\E83A';
	color: #FFFFFF;
	font-family: "fontello";
	font-size: 20px;
}
.cmsTeaserSlider .owl-nav > .owl-prev::before {
	transform: rotate(90deg);
}
.cmsTeaserSlider .owl-nav > .owl-next::before {
	transform: rotate(-90deg);
}

@media all and (max-width: 1360px){

	.cmsTeaserSlider {
		padding: 0 50px;
	}
	.cmsTeaserSlider .owl-nav > .owl-next {
		right: -50px;
	}
	.cmsTeaserSlider .owl-nav > .owl-prev {
		left: -50px;
	}

}

@media all and (max-width: 980px){

	.cmsTeaserSlider {
		padding: 0 30px;
	}

}

@media all and (max-width: 600px){

	.cmsTeaserSlider article .date {
		border-radius: unset;
		position: relative;
		display: block;
		padding: 8px;
		text-align: center;
		top: auto;
		right: auto;
	}

}

/* Element - Verweise mit Bild (2-spaltig) */

.cmsImg2Refs {
	margin-top: -80px;
}
.cmsImg2Refs > ul:after {
	clear: both;
	content: "";
	display: block;
}
.cmsImg2Refs > ul > li {
	float: left;
	position: relative;
	width: 50%;
}
.cmsImg2Refs > ul > li > a {
	background: rgb(92,108,139);
	background: -moz-linear-gradient(-45deg,  rgba(92,108,139,1) 0%, rgba(174,174,173,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(92,108,139,1) 0%,rgba(174,174,173,1) 100%);
	background: linear-gradient(135deg,  rgba(92,108,139,1) 0%,rgba(174,174,173,1) 100%);
	display: block;
	position: relative;
	-webkit-transition: box-shadow 300ms ease-in-out;
	-moz-transition: box-shadow 300ms ease-in-out;
	-ms-transition: box-shadow 300ms ease-in-out;
	-o-transition: box-shadow 300ms ease-in-out;
	transition: box-shadow 300ms ease-in-out;
}
.cmsImg2Refs > ul > li > a:hover {
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}
.cmsImg2Refs > ul > li > a:before {
    bottom: 22px;
    color: #FFFFFF;
	content: "\E814";
    font-family: "fontello";
	font-size: 28px;
    line-height: 1;
    position: absolute;
    right: 8%;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	-webkit-transition: transform 300ms ease-in-out;
	-moz-transition: transform 300ms ease-in-out;
	-ms-transition: transform 300ms ease-in-out;
	-o-transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}
.cmsImg2Refs > ul > li > a:hover:before {
	color: #B81B2C;
	-webkit-animation: zoom .75s;
	animation: zoom .75s;
}
@-webkit-keyframes zoom {

	0% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

}
@keyframes zoom {

	0% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

}
.cmsImg2Refs > ul > li > a > img {
	display: block;
	width: 100%;
}

/* Titel */

.cmsImg2Refs > ul > li p.title {
	color: #FFFFFF;
    font-family: "ITC-Century-Book-CondensedRg", serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
    padding: 0 8%;
    position: absolute;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    top: 25px;
}
.cmsImg2Refs > ul > li p.title > strong {
	display: table;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding: 0 0 2px;
}
.cmsImg2Refs > ul > li p.title > span {
	opacity: 0.85;
}

/* Zusatztext */

.cmsImg2Refs > ul > li p.addition {
    bottom: 24px;
    color: #FFFFFF;
    line-height: 1.3;
    padding: 0 80px 0 8%;
    position: absolute;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

@media all and (max-width: 1050px){

	.cmsImg2Refs {
		margin-top: -60px;
	}
	.cmsImg2Refs > ul > li p.title {
		font-size: 22px;
	}

}
@media all and (max-width: 900px){

	.cmsImg2Refs {
		margin-top: -50px;
	}

}
@media all and (max-width: 750px){

	.cmsImg2Refs > ul > li p.title {
		font-size: 20px;
	}	

}
@media all and (max-width: 550px){

	.cmsImg2Refs > ul > li {
		float: none;
		width: 100%;
	}
	.cmsImg2Refs > ul > li p.title {
		font-size: 28px;
	}

}
@media all and (max-width: 450px){

	.cmsImg2Refs {
		margin-top: -40px;
	}
	.cmsImg2Refs > ul > li p.title {
		font-size: 20px;
	}

}

/* Element - Verweise mit Bild (3-spaltig) */

.cmsImg3Refs > ul:after {
	clear: both;
	content: "";
	display: block;
}
.cmsImg3Refs > ul > li.top {
	width: 100%;
}
.cmsImg3Refs > ul > li.left,
.cmsImg3Refs > ul > li.right {
	float: left;
	width: 50%;
}
.cmsImg3Refs > ul > li.left > a,
.cmsImg3Refs > ul > li.right > a {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset;
	padding: 0 0 55px;
}
.cmsImg3Refs > ul > li.left.hasImg > a,
.cmsImg3Refs > ul > li.right.hasImg > a {
	padding-bottom: 260px;
}
.cmsImg3Refs > ul > li > a {
	background: rgb(92,108,139);
	background: -moz-linear-gradient(-45deg,  rgba(92,108,139,1) 0%, rgba(174,174,173,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(92,108,139,1) 0%,rgba(174,174,173,1) 100%);
	background: linear-gradient(135deg,  rgba(92,108,139,1) 0%,rgba(174,174,173,1) 100%);
	display: block;
	position: relative;
}
.cmsImg3Refs > ul > li > a:before {
    bottom: 22px;
    color: #FFFFFF;
	content: "\E814";
    font-family: "fontello";
	font-size: 28px;
    line-height: 1;
    position: absolute;
    right: 8%;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	-webkit-transition: transform 300ms ease-in-out;
	-moz-transition: transform 300ms ease-in-out;
	-ms-transition: transform 300ms ease-in-out;
	-o-transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}
.cmsImg3Refs > ul > li.top > a:before {
	right: 4%;
}
.cmsImg3Refs > ul > li > a:hover:before {
	color: #B81B2C;
	-webkit-animation: zoom .75s; /* in cmsImg2Refs definiert */
	animation: zoom .75s;
}
.cmsImg3Refs > ul > li.top > a > img {
	display: block;
	width: 100%;
}
.cmsImg3Refs > ul > li.left > a > img,
.cmsImg3Refs > ul > li.right > a > img {
	bottom: 70px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    left: 50%;
    max-width: 30.833333%;
    position: absolute;
    outline: 1px solid #FFFFFF;
	-moz-transform: translateX(-20%);
	-webkit-transform: translateX(-20%);
	-o-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-20%);
}

/* Titel */

.cmsImg3Refs > ul > li > a > p.title {
	color: #FFFFFF;
    font-family: "ITC-Century-Book-CondensedRg", serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
    padding: 25px 8% 20px;
    position: absolute;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    top: 0;
}
.cmsImg3Refs > ul > li.top > a > p.title {
	padding-left: 4%;
	padding-right: 4%;
}
.cmsImg3Refs > ul > li.left > a > p.title,
.cmsImg3Refs > ul > li.right > a > p.title {
	position: relative;
}
.cmsImg3Refs > ul > li > a > p.title > strong {
	display: table;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	padding: 0 0 2px;
}
.cmsImg3Refs > ul > li > a > p.title > span {
	opacity: 0.85;
}

/* Zusatztext */

.cmsImg3Refs > ul > li > a > p.addition {
    bottom: 24px;
    color: #FFFFFF;
    line-height: 1.3;
    overflow: hidden;
    padding: 0 80px 0 8%;
    position: absolute;
    text-overflow: ellipsis;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    width: 100%;
}
.cmsImg3Refs > ul > li.top > a > p.addition {
	padding-left: 4%;
}

@media all and (max-width: 1050px){

	.cmsImg3Refs > ul > li.top > a > p.title {
		font-size: 25px;
	}
	.cmsImg3Refs > ul > li.left > a > p.title,
	.cmsImg3Refs > ul > li.right > a > p.title {
		font-size: 22px;
	}
	.cmsImg3Refs > ul > li > a > p.addition {
		font-size: 17px;
	}

}
@media all and (max-width: 900px){

	.cmsImg3Refs > ul > li.top > a > p.title {
		font-size: 25px;
	}

}
@media all and (max-width: 700px){

	.cmsImg3Refs > ul > li.left > a > img,
	.cmsImg3Refs > ul > li.right > a > img {
		max-width: 40%;
		-moz-transform: translateX(-30%);
		-webkit-transform: translateX(-30%);
		-o-transform: translateX(-30%);
		-ms-transform: translateX(-30%);
		transform: translateX(-30%);
	}

}
@media all and (max-width: 550px){

	.cmsImg3Refs > ul > li.left,
	.cmsImg3Refs > ul > li.right {
		float: none;
		width: 100%;
	}
	.cmsImg3Refs > ul > li.top {
		margin-bottom: 30px;
	}
	.cmsImg3Refs > ul > li.top > a:before {
		right: 8%;
	}
	.cmsImg3Refs > ul > li > a > p.title {
		padding: 20px 8% !important;
	}
	.cmsImg3Refs > ul > li.top > a > p.title {
		font-size: 22px;
		position: relative;
	}
	.cmsImg3Refs > ul > li.top > a > p.addition {
		padding-left: 8%;
		white-space: normal;
	}
	.cmsImg3Refs > ul > li.left.hasImg > a,
	.cmsImg3Refs > ul > li.right.hasImg > a {
		min-height: 0 !important;
	}
	.cmsImg3Refs > ul > li.left > a > img,
	.cmsImg3Refs > ul > li.right > a > img {
		max-width: 50%;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

}

/* Element - Verweisblöcke */

body.fullwidth .cmsRefBlocks.dark {
	background: #E6E6E6;
	padding: 50px 0;
	position: relative;
	z-index: 1;
}
body.fullwidth .cmsRefBlocks.dark:after {
	background: #E6E6E6;
	content: "";
	height: 100%;
	left: -99999px;
	position: absolute;
	top: 0;
	width: 999999px;
	z-index: -1;
}
.cmsRefBlocks > h2 {
	margin: 0 0 10px;
}
body.fullwidth .cmsRefBlocks.dark > h2 {
	color: #293540;
}
.cmsRefBlocks > p {
	margin: 0 0 40px;
}
.cmsRefBlocks > .wrap {
	margin: 5px 0 0;
}
.cmsRefBlocks > .wrap:after {
	clear: both;
	content: "";
	display: block;
}
.cmsRefBlocks > .wrap > div {
	float: left;
	margin: 0 4.44444444444% 5px 0;
	width: 21.666666666666668%; /* 260 */
}
.cmsRefBlocks > .wrap > div:nth-child(4n) {
	margin-right: 0;
}
.cmsRefBlocks > .wrap > div:nth-child(4n) + div {
	clear: left;
}
.cmsRefBlocks > .wrap > div > a {
	background: #C3D9F1;
	border-top: 6px solid #C3D9F1;
	color: #2189C8;
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.35;
    overflow: hidden;
    padding: 10px 12px 40px;
    position: relative;
}
body.fullwidth .cmsRefBlocks.dark > .wrap > div > a {
	background: #FFFFFF !important;
	border: 0 !important;
	border-top: 1px solid #FFFFFF !important;
	color: #305AA8 !important;
}
.cmsRefBlocks > .wrap > div > a:after {
    bottom: 10px;
    color: #FFFFFF;
	content: "\E814";
    font-family: "fontello";
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 12px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
body.fullwidth .cmsRefBlocks.dark > .wrap > div > a:after {
	color: #D7D7D6 !important;
	text-shadow: none !important;
}
.cmsRefBlocks > .wrap > div > a:hover:after {
	color: #B81B2C !important;
	-webkit-animation: zoom .75s; /* in cmsImg2Refs definiert */
	animation: zoom .75s;
}
body.fullwidth .cmsRefBlocks.dark > .wrap > div > a:hover:after {
	color: #B81B2C !important;
}
.cmsRefBlocks > .wrap:nth-child(2n-1) div:first-child > a,
.cmsRefBlocks > .wrap:nth-child(2n-1) div:nth-child(2) > a {
	background: #E2ECF8;
	border-color: #2189C8;
}
.cmsRefBlocks > .wrap:nth-child(2n-1) div:nth-child(3) > a {
	background: none;
	border-bottom: 4px solid #6C91C3;
	border-left: 4px solid #6C91C3;
	border-right: 4px solid #6C91C3;
	border-top: 6px solid #175B9C;
}
.cmsRefBlocks > .wrap:nth-child(2n-1) div:nth-child(3) > a:after {
	color: #949393;
	text-shadow: none;
}
.cmsRefBlocks > .wrap:nth-child(2n) div:nth-child(3) > a {
	background: #6C91C3;
	border-color: #6C91C3;
	color: #FFFFFF;
}
.cmsRefBlocks > .wrap > div:nth-child(4) > a {
	background: #EEF5FE;
	border-color: #269FE1;
	color: #269FE1;
}
.cmsRefBlocks > .wrap > div:nth-child(4) > a:after {
	color: #949393;
  text-shadow: none;
}
.cmsRefBlocks > .wrap > div > a > strong {
	display: table;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.cmsRefBlocks.dark > .wrap > div > a > strong {
    border-bottom: 1px solid #305AA8;
    display: block;
    margin-right: -12px;
    padding-bottom: 2px;
    padding-right: 12px;
    text-transform: none;
}

/* Variante benutzerdefinierter Hintergrund */

.cmsRefBlocks.custom > .wrap > div > a {
  background: var(--custom-background) !important;
	border: unset !important;
	color: #FFFFFF;
}
.cmsRefBlocks > .wrap > div[data-background='Hellrot'] > a {
	color: #B81B2C !important;
}
.cmsRefBlocks > .wrap > div[data-background='Hellblau'] > a {
	color: #2189C8 !important;
}
.cmsRefBlocks > .wrap > div > a:after {
	color: #FFFFFF !important;
}
.cmsRefBlocks.custom > .wrap > div > a:hover:after {
	color: #FFFFFF !important;
}

@media all and (max-width: 1200px){

	body:not(.fullwidth) .cmsRefBlocks > .wrap > div {
		margin-right: 3.5%;
		width: 31%;
	}
	body:not(.fullwidth) .cmsRefBlocks > .wrap > div:nth-child(4n) {
		margin-right: 3.5%;
	}
	body:not(.fullwidth) .cmsRefBlocks > .wrap > div:nth-child(3n) {
		margin-right: 0;
	}
	body:not(.fullwidth) .cmsRefBlocks > .wrap > div:nth-child(4n) + li {
		clear: none;
	}
	body:not(.fullwidth) .cmsRefBlocks > .wrap > div:nth-child(3n) + li {
		clear: left;
	}

}
@media all and (max-width: 850px){

	.cmsRefBlocks > p {
		margin-bottom: 20px;
	}
	.cmsRefBlocks > .wrap > div {
		margin-right: 4% !important;
		width: 48% !important;
	}
	.cmsRefBlocks > .wrap > div:nth-child(3n) {
		margin-right: 4% !important;
	}
	.cmsRefBlocks > .wrap > div:nth-child(2n) {
		margin-right: 0 !important;
	}
	.cmsRefBlocks > .wrap > div:nth-child(3n) + li {
		clear: none !important;
	}
	.cmsRefBlocks > .wrap > div:nth-child(2n) + li {
		clear: left !important;
	}

}
@media all and (max-width: 450px){

	.cmsRefBlocks > .wrap > div {
		margin-right: 0% !important;
		width: 100% !important;
	}
	.cmsRefBlocks > .wrap > div > a {	
		margin-top: 15px !important;
		min-height: 160px !important;
	}

}

/* Element - Textinhalt blau */

.cmsTextBlue {
	background: #305AA8;
	color: #FFFFFF;
	padding: 30px;
}
.cmsTextBlue > h2 {
	color: #FFFFFF;
	padding: 0 0 8px;
}
.cmsTextBlue a {
	color: #FFFFFF;
	font-weight: bold;
}

@media all and (max-width: 450px){

	.cmsTextBlue {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Element - Visitenkarte */

.cmsBusinessCard {
	padding: 0 0 0 100px;
}
body.fullwidth .cmsBusinessCard {
	padding-left: 25%;
}
.cmsBusinessCard:after {
	clear: both;
	content: "";
	display: block;
}
.cmsBusinessCard > img {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
    float: left;
}
.cmsBusinessCard > div {
    float: left;
    line-height: 1.53;
    padding: 0 0 0 50px;
}
.cmsBusinessCard > div > strong {
	color: #305AA8;
	display: block;
	font-size: 22px;
	font-weight: normal;
}
.cmsBusinessCard > div > a {
	color: #293540;
	display: table;
	padding: 0 0 0 40px;
	position: relative;
}
.cmsBusinessCard > div > a:hover {
	color: #305AA8;
}
.cmsBusinessCard > div > a:before {
    font-family: "fontello";
    font-size: 16px;
    font-weight: normal;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 7px;
}
.cmsBusinessCard > div > a.phone:before {
	content: "\E811";
    font-size: 20px;
    top: 4px;
}
.cmsBusinessCard > div > a.mail:before {
	content: "\E80E";
}

@media all and (max-width: 1000px){

	body.fullwidth .cmsBusinessCard {
		padding-left: 15%;
	}

}
@media all and (max-width: 700px){

	.cmsBusinessCard,
	body.fullwidth .cmsBusinessCard {
		padding-left: 0;
	}

}
@media all and (max-width: 700px){

	.cmsBusinessCard > img {
		float: none;
		display: table;
		margin: 0 auto 12px;
	}
	.cmsBusinessCard > div {
		display: block;
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
	.cmsBusinessCard > div > a {
		margin-left: auto;
		margin-right: auto;
	}

}
@media all and (max-width: 450px){

	.cmsBusinessCard {
		margin-left: -10px;
		margin-right: -10px;
	}
	.cmsBusinessCard > div {
		font-size: 17px;
		line-height: 1.8;
	}
		
}

/* Element - Download mit Bild */

.cmsSpecialDownloadWrapper {
	margin-bottom: 0 !important;
}
.cmsSpecialDownloadWrapper:after {
	clear: both;
	content: "";
	display: block;
}
.cmsSpecialDownload {
	float: left;
	margin: 0 9.5% 9.5% 0;
	width: 27%;
}
.cmsSpecialDownload:nth-child(3n) {
	margin-right: 0;
}
.cmsSpecialDownload:nth-child(3n) + div {
	clear: left;
}
.cmsSpecialDownload > a {
	display: block;
	padding: 0 0 40px;
	position: relative;
	width: 100%;
}
.cmsSpecialDownload > a:hover {
	-webkit-animation: moveTop .75s; /* in Gruppenteaser definiert */
	animation: moveTop .75s;
}
.cmsSpecialDownload > a:after {
    bottom: 0;
    color: #305aa8;
    content: "\E801";
    font-family: "fontello";
    font-size: 26px;
    left: 50%;
    line-height: 1;
    margin: 0 0 0 -13px;
    position: absolute;
}
.cmsSpecialDownload > a > img {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    display: block;
    outline: 1px solid #ffffff;
    width: 100%;
}
.cmsSpecialDownload > a > p {
    color: #293540;
    line-height: 1.3;
    margin: 20px 0 0;
	overflow: hidden;
    text-align: center;	
}

@media all and (max-width: 600px){

	.cmsSpecialDownload {
		margin-bottom: 6.5%;
		margin-right: 6.5%;
		width: 29%;
	}
	.cmsSpecialDownload > a > p {
		font-size: 17px;
	}

}
@media all and (max-width: 450px){

	.cmsSpecialDownload {
		margin-bottom: 30px;
		margin-right: 0%;
		width: 100%;
	}	

}

/* Element - Filter - Auswahl */

.cmsFilter > .selection {
    background: #FCFCFC;
    border-bottom: 1px solid #EBEBEB;
    padding: 30px;
}
.cmsFilter > .selection > div:after {
	clear: both;
	content: "";
	display: block;
}

/* Checkbox */

.cmsFilter > .selection > h2 {
	margin: 0 0 15px;
}
.cmsFilter > .selection > .checkbox > div {
    float: left;
    margin: 0 2% 15px 0;
    position: relative;
    width: 23.5%;
}
.cmsFilter > .selection > .checkbox > div:nth-child(4n) {
	margin-right: 0;
}
.cmsFilter > .selection > .checkbox > div:nth-child(4n) + div {
	clear: left;
}
.cmsFilter > .selection > .checkbox > div > input {
	left: 0;
	margin: 0;
	position: absolute;
	top: 6px;
}
body.isSafari .cmsFilter > .selection > .checkbox > div > input {
	top: 2px;
}
.cmsFilter > .selection > .checkbox > div > label {
    display: block;
    line-height: 1.2;
    padding: 0 0 0 25px;
}
.cmsFilter > .selection > form > input.button {
    background: #305AA8;
    border: 0 none;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    display: table;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    line-height: 51px;
    margin: 10px 0 0 auto;
    padding: 0 25px;
    text-transform: uppercase;
}
.cmsFilter > .selection > form > input.button:hover {
	background: #3665BC;
}

/* Selectbox */

.cmsFilter > .selection > .selectbox > select {
    background: #E6E6E6;
    border: 0 none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    float: left;
    margin: 0 2% 20px 0;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 23.5%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.cmsFilter > .selection > .selectbox > select:nth-child(4n) {
	margin-right: 0;
}
.cmsFilter > .selection > .selectbox > select:nth-child(4n) + select {
	clear: left;
}

@media all and (max-width: 1000px){

	.cmsFilter > .selection > .checkbox > div {
		margin-right: 3.5%;
		width: 31%;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(4n) {
		margin-right: 3.5%;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(3n) {
		margin-right: 0;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(4n) + div {
		clear: none;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(3n) + div {
		clear: left;
	}
	.cmsFilter > .selection > .selectbox > select {
		margin-right: 4%;
		width: 48%;		
	}
	.cmsFilter > .selection > .selectbox > select:nth-child(4n) {
		margin-right: 4%;
	}
	.cmsFilter > .selection > .selectbox > select:nth-child(2n) {
		margin-right: 0;
	}
	.cmsFilter > .selection > .selectbox > select:nth-child(4n) + div {
		clear: none;
	}
	.cmsFilter > .selection > .selectbox > select:nth-child(2n) + div {
		clear: left;
	}	

}
@media all and (max-width: 650px){

	.cmsFilter > .selection > .checkbox > div {
		margin-right: 4%;
		width: 48%;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(3n) {
		margin-right: 4%;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(2n) {
		margin-right: 0;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(3n) + div {
		clear: none;
	}
	.cmsFilter > .selection > .checkbox > div:nth-child(2n) + div {
		clear: left;
	}
	.cmsFilter > .selection > .selectbox > select {
		margin-bottom: 15px;
		margin-right: 0% !important;
		width: 100%;		
	}

}
@media all and (max-width: 450px){

	.cmsFilter > .selection {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.cmsFilter > .selection > .checkbox > div > label {
		font-size: 17px;
	}
	.cmsFilter > .selection > form > input.button {
		text-align: center;
		width: 100%;
	}

}

/* Element - Filter - Ausgabe */

.cmsFilter > .content {
	margin: 20px 0 0;
}
.cmsFilter > .content > div {
	background: #FFFFFF;
	margin: 0 0 5px;
	min-height: 89px;
}
.cmsFilter > .content > div.hide {
	display: none;
}
.cmsFilter > .content > div > a {
	color: #293540;
	display: block;
    line-height: 1.4;
	min-height: 89px;
	padding: 15px 150px 15px 300px;
	position: relative;
}
.cmsFilter > .content > div > a:after {
    color: #D7D7D6;
	content: "\E814";
    font-family: "fontello";
    font-size: 35px;
    line-height: 1;
    margin: -17px 0 0;
    position: absolute;
    right: 30px;
    top: 50%;
}
.cmsFilter > .content > div:hover > a:after {
	color: #305AA8;
}
.cmsFilter > .content > div > a > .title {
    display: table;
    font-family: "ITC-Century-Book-CondensedRg",serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
    opacity: 0.9;
    padding: 3px 0 5px;
}
.cmsFilter > .content > div > a > .text {
    color: #949393;
    display: block;
    font-size: 15px;
    font-weight: 300;
}
.cmsFilter > .content > div > a > .date {
    font-size: 26px;
    left: 30px;
    position: absolute;
    top: 15px;
}
.cmsFilter > .content > div > a > .town {
	bottom: 15px;
	color: #949393;
	font-size: 15px;
	font-weight: 300;
	left: 30px;
	position: absolute;
}

/* Fehlermeldung */

.cmsFilter > .content > .error {
	display: none;
}
.cmsFilter.used > .content > .error:first-child {
	display: block;
}

@media all and (max-width: 1050px){

	.cmsFilter > .content > div > a {
		padding-left: 260px;
		padding-right: 110px;
	}

}
@media all and (max-width: 700px){

	.cmsFilter > .content > div > a {
		padding-bottom: 17px;
		padding-left: 30px;
	}
	.cmsFilter > .content > div > a > .date {
		font-size: inherit;
		left: auto;
		position: relative;
		top: auto;
	}
	.cmsFilter > .content > div > a > .town {
		bottom: auto;
		color: inherit;
		display: table;
		font-size: inherit;
		font-weight: normal;
		left: auto;
		position: relative;
	}
	.cmsFilter > .content > div > a > .text {
		padding: 0 0 5px;
	}

}
@media all and (max-width: 450px){

	.cmsFilter > .content > div > a {
		padding-left: 20px;
		padding-right: 72px;
	}
	.cmsFilter > .content > div > a:after {
		font-size: 30px;
		margin-top: -16px;
		right: 20px;
	}

}

/* Element - Artikel */

.cmsArticle {
	padding: 0 140px 0 0;
	position: relative;
}
.cmsArticle + h1 {
	margin-top: -20px !important;
}
.cmsArticle > h2 {
	color: #293540;
	font-size: 22px;
}
.cmsArticle > a {
	border: 1px solid #305AA8;
	color: #305AA8;
	font-size: 18px;
    height: 40px;
    line-height: 38px;
	margin: -22px 0 0;
    padding: 0 25px;
	position: absolute;
	right: 0;
	top: 50%;
}
.cmsArticle > a:hover {
	background: #305AA8;
	color: #FFFFFF;
}

@media all and (max-width: 450px){

	.cmsArticle {
		padding-right: 0;
	}
	.cmsArticle > a {
		display: block;
		margin-bottom: 23px;
		position: relative;
		text-align: center;
	}

}

/* Element - Facebook Button */

.cmsFacebookButton > a {
    background: #305AA8;
    border: 0 none;
    color: #FFFFFF;
    display: table;
    font-size: 18px;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
}
.cmsFacebookButton > a:hover {
	background: #3665BC;
}

/* Element - Bild-Verweis Kombination */

.cmsImageRef:after {
	clear: both;
	content: "";
	display: block;
}
.cmsImageRef > figure {
	float: left;
	width: 50%;
}
.cmsImageRef img {
	display: block;
	width: 100%;
}
.cmsImageRef div.frame {
	position: relative;
}
.cmsImageRef div.frame:before {
	border: 5px solid rgba(255, 255, 255, 0.25);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.cmsImageRef figcaption {
	font-size: smaller;
	font-style: italic;
	line-height: 1.5;
	margin: 8px 0 0 0;
}
.cmsImageRef p {
	margin-left: 50%;
	padding: 0 0 0 30px;
}
.cmsImageRef p > a {
	color: #293540;
    display: table;
    line-height: 1.3;
    padding: 6px 0 6px 30px;
	position: relative;
}
.cmsImageRef p > a:before {
	color: #B81B2C;
	content: '\E814';
	font-family: 'fontello';
	font-size: 16px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 9px;
}
.cmsImageRef p > a:hover {
	-webkit-animation: move .75s;
	animation: move .75s;
}

@media all and (max-width: 750px){

	.cmsImageRef > figure {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
	}
	.cmsImageRef p {
		margin-left: 0;
		padding-left: 0;
		padding-top: 10px;
	}
	
}

/* Element - Terminverwaltung */

.cmsAppointments > ul > li {
    background: #FFFFFF;
    margin: 0 0 5px;
    min-height: 89px;
}
.cmsAppointments > ul > li > a {
	color: #293540;
	display: block;
    line-height: 1.4;
	padding: 15px 150px 15px 300px;
	position: relative;
}
.cmsAppointments > ul > li > a:after {
    color: #D7D7D6;
	content: "\E814";
    font-family: "fontello";
    font-size: 35px;
    line-height: 1;
    margin: -17px 0 0;
    position: absolute;
    right: 50px;
    top: 50%;
}
.cmsAppointments > ul > li:hover > a:after {
	color: #305AA8;
}
.cmsAppointments > ul > li > a > .index0 {
    display: table;
    font-family: "ITC-Century-Book-CondensedRg",serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1;
    opacity: 0.9;
    padding: 3px 0 5px;
}
.cmsAppointments > ul > li > a > .index1 {
    color: #949393;
    display: block;
    font-size: 15px;
    font-weight: 300;
}
.cmsAppointments > ul > li > a > .index2 {
    font-size: 26px;
    left: 50px;
    position: absolute;
    top: 16px;
}
.cmsAppointments > ul > li > a > .index3 {
	bottom: 15px;
	color: #949393;
	font-size: 15px;
	font-weight: 300;
	left: 50px;
	position: absolute;
}

@media all and (max-width: 1050px){

	.cmsAppointments > ul > li > a {
		padding-left: 260px;
		padding-right: 110px;
	}
	.cmsAppointments > ul > li > a > .index2,
	.cmsAppointments > ul > li > a > .index3 {
		left: 30px;
	}
	.cmsAppointments > ul > li > a:after {
		right: 30px;
	}

}
@media all and (max-width: 700px){

	.cmsAppointments > ul > li > a {
		padding-bottom: 17px;
		padding-left: 30px;
	}
	.cmsAppointments > ul > li > a > .index2 {
		font-size: inherit;
		left: auto;
		position: relative;
		top: auto;
	}
	.cmsAppointments > ul > li > a > .index3 {
		bottom: auto;
		color: inherit;
		display: table;
		font-size: inherit;
		font-weight: normal;
		left: auto;
		position: relative;
	}
	.cmsAppointments > ul > li > a > .index1 {
		padding: 0 0 5px;
	}

}
@media all and (max-width: 450px){

	.cmsAppointments > ul > li > a {
		padding-left: 20px;
		padding-right: 72px;
	}
	.cmsAppointments > ul > li > a:after {
		font-size: 30px;
		margin-top: -16px;
		right: 20px;
	}

}

.cmsGuidelines .wrapper {
	display: flex;
	flex-direction: column;
	margin-top: 80px;
	row-gap: 48px;
}
.cmsGuidelines .wrapper > div {
	position: relative;
}
.cmsGuidelines .wrapper .button {
	align-items: center;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	line-height: 1.3;
	min-width: 150px;
	min-height: 48px;
	padding: 10px 20px;
	position: relative;
	text-align: center;
}
.cmsGuidelines .wrapper .button[data-background='lightblue'] {
	color: #2189C8;
}
.cmsGuidelines .wrapper .button[data-background='lightred'] {
	color: #B81B2C;
}
.cmsGuidelines .wrapper > div::after {
	bottom: -50%;
	color: #293540;
	content: "\E814";
	font-family: "fontello";
	font-size: 20px;
	line-height: 1;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	margin-bottom: -9px;
	transform: rotate(90deg);
}
.cmsGuidelines .wrapper > div:last-child::after {
	display: none;
}

@media all and (min-width: 600px){

	.cmsGuidelines .wrapper {
		align-items: center;
    display: flex;
    flex-direction: row;
    row-gap: 20px;
    flex-wrap: wrap;
		margin-top: 0;
	}
	.cmsGuidelines .wrapper > div {
    padding-right: 60px;
	}
	.cmsGuidelines .wrapper > div:last-child {
    padding-right: 0;
	}
	.cmsGuidelines .wrapper > div::after {
		bottom: auto;
		left: auto;
    right: 20px;
    top: 50%;
    margin-left: 0;
		margin-bottom: 0;
    margin-top: -10px;
    transform: unset;
	}
	.cmsGuidelines .wrapper > div .button {
    max-width: 275px;
	}

}

@media all and (min-width: 1200px){

	.cmsGuidelines .wrapper > div {
    padding-right: 80px;
	}
	.cmsGuidelines .wrapper > div::after {
    right: 30px;
	}

}

/* Erweiterung - Suchergebnisse */

/* Ergebnisse */

.searchList > p {
	color: #305AA8;
	display: inline-block;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 16px;
	padding: 0 0 2px;
	text-transform: uppercase;
}
.searchList > ul.result > li {
	border-bottom: 1px solid #949393;
	cursor: pointer;
	padding: 10px 0;
	position: relative;
}
.searchList > ul.result > li:last-child {
	border-bottom: 0 none;
	padding-bottom: 0;
}
.searchList > ul.result > li > a.title {
	color: #305AA8;
	display: block;
	line-height: 1.2;
}
.searchList > ul.result > li > a.title > strong {
	color: #305AA8;
}
.searchList > ul.result > li > a.url {
	color: #949393;
	display: none;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	margin: 2px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.searchList > ul.result > li > .index {
	color: #949393;
	display: none;
	font-size: 45px;
	font-weight: 200;
	left: 0;
	line-height: 32px;
	position: absolute;
	text-align: center;
	top: 25px;
	width: 50px;
}
.searchList > ul.result > li > p.text {
	color: #293540;
	display: none;
	font-size: 16px;
	line-height: 1.4;
	margin: 10px 0 0;
}
.searchList > a {
	background: #305AA8;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.15;
	margin: 0 0 25px;
	padding: 15px;
	text-align: center;
}
.searchList > a:hover {
	background: #B81B2C;
}

/* Navigation */

.searchList > ul.navi {
	margin: 26px 0 0;
	text-align: center;
}
.searchList > ul.navi:after {
	clear: both;
	content: "";
	display: block;
}
.searchList > ul.navi > li {
	display: inline-block;
	margin: 2px;
}
.searchList > ul.navi > li > a {
	border: 1px solid #305AA8;
	color: #305AA8;
	display: block;
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	min-width: 36px;
	padding: 0 10px;
	text-align: center;
}
.searchList > ul.navi > li > a:hover,
.searchList > ul.navi > li > a.selected {
	background: #305AA8;
	color: #FFFFFF;
}

/* Formular */

.searchList > h2 {
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 20px;
	text-align: left;
}
.searchList > form > .row {
	background: #EBEBE8;
	max-width: 650px;
	padding: 0 130px 0 55px;
	position: relative;
}
.searchList > form > .row:before {
	color: #A5A9AE;
	content: '\E845';
	font-family: 'fontello';
	left: 25px;
	line-height: 50px;
	position: absolute;
	top: 0;
}
.searchList > form > .row > .field {
	background: #EBEBE8;
	border: 0 none;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 3px 15px 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.searchList > form > .row > .button {
	background: #BEAB7B;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	line-height: 50px;
	margin: 0;
	padding: 0 15px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 130px;
}
.searchList > form > .row > .button:hover {
	background: #AB9E7A;
}
.searchList > .topKeywords {
	margin: 43px 0 0;
}
.searchList > .topKeywords > p {
	border-bottom: 2px solid #A0A9B0;
	color: #A0A9B0;
	display: inline-block;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 15px;
	padding: 0 0 2px;
	text-transform: uppercase;
}
.searchList > .topKeywords > ul:after {
	clear: both;
	content: "";
	display: block;
}
.searchList > .topKeywords > ul > li {
	float: left;
	margin: 5px 5px 0 0;
}
.searchList > .topKeywords > ul > li > a {
	background: #305AA8;
	color: #FFFFFF;
	display: block;
	line-height: 35px;
	padding: 0 13px;
}
.searchList > .topKeywords > ul > li > a:hover {
	background: #B81B2C;
}

@media all and (max-width: 700px){

	.searchList > h2 {
		font-size: 28px;
	}

}
@media all and (max-width: 600px){

	/* Ergebnisse */

	.searchList > ul.result > li {
		padding-left: 0;
	}
	.searchList > ul.result > li > .index {
		display: none;
	}

}
@media all and (max-width: 600px){

	.searchList > .sitemap > div > a:before {
		top: 0;
	}

}
@media all and (max-width: 500px){

	/* Formular */
	
	.searchList > form > .row {
		background: none;
		padding-left: 0;
		padding-right: 0;
	}
	.searchList > form > .row:before {
		display: none;
	}
	.searchList > form > .row > .button {
		margin: 5px 0 0;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}
	.searchList > .topKeywords {
		margin-top: 23px;
		text-align: center;
	}
	.searchList > .topKeywords > ul > li {
		display: inline-block;
		float: none;
	}
	.searchList > .topKeywords > ul > li > a {
		font-size: 14px;
		line-height: 30px;
	}
	.searchList > .sitemap {
		margin-top: 23px;
		text-align: center;
	}

}

/*! jQuery UI - v1.11.4 - 2015-07-09
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* jQuery UI Kalender Styles Micado */

/* Datepicker */

/* benutzerdefinierte Styles */

.ui-datepicker {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 15px;
	margin: -1px 0 0;
}
.ui-datepicker-header {
	background: #FCFCFC !important;
	border: 1px solid #CCCCCC;
	margin: -11px -11px 0 -11px !important;
	padding: 0.4em !important;
}
.ui-datepicker td {
	border: 1px solid #CCCCCC !important;
	padding: 0 !important;
}
.ui-state-default {
	background: none !important;
	border: 0 !important;
	color: inherit !important;
	text-align: center !important;
	font-weight: 300 !important;
	padding: 0.3em !important;
}
.ui-state-active, .ui-state-hover {
	background: #F7F7F7 !important;
}
.ui-datepicker-month, .ui-datepicker-year {
	font-size: 1em !important;
}
/* benutzerdefinierte Styles Ende */

/* generelle Vererbungen */

.ui-datepicker {
	padding: 10px !important;
}
.ui-corner-all {
	border-radius: 0 !important;
}
.ui-icon {
	background: none !important;
	text-indent: 0 !important;
	width: auto !important;
	height: auto !important;
}
.ui-datepicker-title {
	font-weight: normal;
	margin: 0 4.5em !important;
	font-size: 0.9em !important;
}
.ui-datepicker th {
	font-weight: normal;
	padding: 0.5em 0 !important
}
.ui-datepicker-calendar span {
	font-size: 0.9em !important;
}
.ui-datepicker-prev, .ui-datepicker-next {
	color: #305AA8 !important;
	width: auto !important;
	height: auto !important;
	margin: 7px 0 0 0 !important;
	top: 0 !important;
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
	cursor: pointer !important;
}
.ui-datepicker-prev {
	left: 5px !important;
}
.ui-datepicker-next {
	right: 5px !important;
}
.ui-datepicker-prev span, .ui-datepicker-next span {
	left: auto !important;
	margin: 0 !important;
	top: auto !important;
	position: static !important;
	font-size: 0.8em !important;
}

@charset "UTF-8";
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  height: 100%; }

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s; }

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-toolbar {
  top: 0;
  right: 0; }

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 90%;
  height: 90%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .25s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px; }

.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff; }

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none; }

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3; }

.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor; }

.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 44px;
  padding: 0;
  color: #fff;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .25s; }

.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px; }

.fancybox-arrow--right {
  right: 0; }

.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0; }

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6; }

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3; }

/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0; }
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent; }

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px; }

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px; }

/* Thumbs */
.fancybox-thumbs {
  display: none; }

.fancybox-button--thumbs {
  display: none; }

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block; }
  .fancybox-button--thumbs span {
    font-size: 23px; }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995; }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px; }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0; }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box; }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1); }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1; } }

/* Fancybox - Custom */

.fancybox-container .fancybox-bg {
	background-color: rgba(255, 255, 255, 0.8);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120% 120%;
	height: 120%;
	left: -10%;
	opacity: 1;
	top: -10%;
	width: 120%;
	z-index: 2;
}
.fancybox-container .fancybox-bg.slide {
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
	z-index: 2;
}
.fancybox-container .fancybox-bg.slide.show {
	opacity: 1;
}
.fancybox-container.black .fancybox-bg {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	filter: none;
}
.fancybox-container .fancybox-bg:before {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.45);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.fancybox-container .fancybox-bgwhite {
	background: #FFFFFF;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.fancybox-container.black .fancybox-bg:before {
	display: none;
}
.fancybox-container .fancybox-navigation.remove {
	display: none !important;
}
.fancybox-container .fancybox-toolbar {
	display: none;
}
.fancybox-container .fancybox-infobar__body {
	display: none;
}
.fancybox-container .fancybox-navigation .fancybox-arrow--left {
	background: #305AA8;
	border-radius: 0;
	height: 100px;
	left: 0;
	line-height: 80px;
	margin: -40px 0 0;
	opacity: 1;
	position: fixed;
	top: 50%;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
.fancybox-container .fancybox-navigation .fancybox-arrow--right {
	background: #305AA8;
	border-radius: 0;
	height: 100px;
	line-height: 80px;
	margin: -40px 0 0;
	opacity: 1;
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
.fancybox-container .fancybox-navigation .fancybox-arrow--left:before {
	background: none;
	border: 0 none;
	content: '\E808';
	display: block;
	font-family: 'fontello';
	font-size: 24px;
	left: 0;
	line-height: 100px;
	position: absolute;
	right: 0;
	top: 0;
}
.fancybox-container .fancybox-navigation .fancybox-arrow--right:before {
	background: none;
	border: 0 none;
	content: '\E808';
	display: block;
	font-family: 'fontello';
	font-size: 24px;
	left: 0;
	line-height: 100px;
	position: absolute;
	right: 0;
	top: 0;
}
.fancybox-container .fancybox-navigation .fancybox-arrow--left:after,
.fancybox-container .fancybox-navigation .fancybox-arrow--right:after {
	display: none;
}
.fancybox-container .fancybox-slider-wrap.remove {
	display: none !important;
}
.fancybox-container .fancybox-slide > * {
	overflow: visible;
}
.fancybox-container .fancybox-caption-wrap {
	background: none;
	bottom: 30px;
	display: none;
	padding-top: 30px;
	text-align: center;
}
.fancybox-container .fancybox-caption-wrap:before {
	background: #305AA8;
	content: "";
	height: 2px;
	left: 30px;
	position: absolute;
	right: 30px;
	top: 0;
}
.fancybox-container .fancybox-caption-wrap.remove {
	display: none !important;
}
.fancybox-container .fancybox-caption {
	background: #FFFFFF;
	border-top: 0 none;
	color: #305AA8;
	display: inline-block;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
}
.fancybox-container .fancybox-image {
	z-index: 2;
}
.fancybox-container .fancybox-title {
	background: #F2F2F2;
	bottom: 0;
	left: 0;
	line-height: 75px;
	opacity: 0;
	overflow: hidden;
	padding: 0 35px;
	position: absolute;
	right: 0;
	text-overflow: ellipsis;
	-webkit-transition: bottom 300ms ease, opacity 300ms ease;
	-moz-transition: bottom 300ms ease, opacity 300ms ease;
	-ms-transition: bottom 300ms ease, opacity 300ms ease;
	-o-transition: bottom 300ms ease, opacity 300ms ease;
	transition: bottom 300ms ease, opacity 300ms ease;
	white-space: nowrap;
	z-index: 1;
}
.fancybox-container .fancybox-title.show {
	bottom: -75px;
	opacity: 1;
}
.fancybox-container .fancybox-close-small {
	background: #EFEFEF;
	border-radius: 50%;
	color: #888888;
	display: block;
	font-size: 0;
	height: 40px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	-webkit-transition: background 300ms ease, color 300ms ease;
	-moz-transition: background 300ms ease, color 300ms ease;
	-ms-transition: background 300ms ease, color 300ms ease;
	-o-transition: background 300ms ease, color 300ms ease;
	transition: background 300ms ease, color 300ms ease;
	width: 40px;
}
.fancybox-close-small:after {
	display: none !important;
}
.fancybox-container .fancybox-close-small:before {
	content: '\E805';
	font-family: 'fontello';
	font-size: 20px;
	font-weight: normal;
	line-height: 40px;
}
.fancybox-container .fancybox-close-small:hover {
	background: #305AA8;
	color: #FFFFFF;
}

/* Header */

.fancybox-container .fancybox-header {
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	height: 89px;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
.fancybox-container .fancybox-header.animated {
	opacity: 1;
}
.fancybox-container .fancybox-header.show {
	opacity: 1;
}
.fancybox-container .fancybox-header > div {
	height: 100%;
	margin: 0 auto;
	max-width: 1400px;
	padding: 0 30px;
	position: relative;
}
.fancybox-container .fancybox-header > div > .logo {
	display: block;
	left: 50%;
	margin: 0 0 0 -84.5px;
	overflow: hidden;
	position: absolute;
	top: 21.5px;
	width: 169px;
	z-index: 2;
}
.fancybox-container .fancybox-header > div > .logo img {
	display: block;
	height: auto;
	width: 100%;
}
.fancybox-container .fancybox-header > div > .socialMedia {
	left: 30px;
	line-height: 30px;
	position: absolute;
	text-transform: uppercase;
	top: 35px;
}
.fancybox-container .fancybox-header > div > .socialMedia:after {
	clear: both;
	content: "";
	display: block;
}
.fancybox-container .fancybox-header > div > .socialMedia > p {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0 15px 0 0;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul {
	float: left;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul:after {
	clear: both;
	content: "";
	display: block;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li {
	float: left;
	margin: 0 15px 0 0;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a {
	display: block;
	font-weight: normal;
	line-height: 30px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a:before {
	color: #C4C6CB;
	font-family: 'fontello';
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.fb > a:before {
	content: '\E83F';
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.tw > a:before {
	content: '\E842';
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.gp > a:before {
	content: '\E841';
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.pt > a:before {
	content: '\E80E';
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.fb > a:hover:before {
	color: #3B5998;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.tw > a:hover:before {
	color: #00ACED;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.gp > a:hover:before {
	color: #DD4B39;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li.pt > a:hover:before {
	color: #B0433B;
}
.fancybox-container .sendECard {
	border-radius: 50%;
	bottom: -10px;
	height: 150px;
	position: absolute;
	right: 35px;
	width: 150px;
	z-index: 3;
}
.fancybox-container .sendECard > a {
	background: #305AA8;
	border-radius: 50%;
	color: #FFFFFF;
	display: block;
	font-size: 17px;
	height: 100%;
	line-height: 1.2;
	outline: 0;
	padding: 80px 0 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.fancybox-container .sendECard > a:before {
	color: #FFFFFF;
	content: '\E8FC';
	font-family: 'fontello';
	font-size: 39px;
	font-weight: normal;
	left: 53px;
	position: absolute;
	top: 30px;
}
.fancybox-container .fancybox-header > div > a.triggerClose {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	opacity: 1;
	padding: 0 55px 0 0;
	position: absolute;
	right: 30px;
	text-transform: uppercase;
	top: 30px;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
	z-index: 2;
}
.fancybox-container .fancybox-header > div > a.triggerClose:before {
	background: #EFEFEF;
	border-radius: 50%;
	color: #9DA1A8;
	content: '\E82A';
	display: block;
	font-family: 'fontello';
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
}
.fancybox-container .fancybox-header > div > a.triggerClose:hover:before {
	background: #305AA8;
	color: #FFFFFF;
}

/* Header */

.fancybox-header ~ .fancybox-inner {
	top: 89px;
	z-index: 5;
}

/* 360° Panorama */

.fancybox-container.pano .fancybox-inner {
	margin-top: 89px;
	top: 0;
}

/* Video - Übersicht */

.fancybox-container.video .fancybox-inner {
	margin-top: 89px;
	top: 0;
}

@media all and (max-width: 980px){

	/* Header */

	.fancybox-container .fancybox-header > div > .sendECard > a {
		height: 25px;
		padding-left: 0;
		width: 25px;
	}
	.fancybox-container .fancybox-header > div > .sendECard > a:before {
		text-align: center;
		width: 25px;
	}
	.fancybox-container .fancybox-header > div > .sendECard > a > span {
		display: none;
	}

	/* Close */

	.fancybox-container .fancybox-close-small {
		right: -20px;
		top: -20px;
	}

}
@media all and (max-height: 840px){

	.fancybox-container .sendECard {
		right: 15px;
	}

}
@media all and (max-width: 840px){

	/* Header */
		
	.fancybox-container .fancybox-header > div > .sendECard {
		display: none;
	}
		
}
@media all and (max-width: 700px){

	.fancybox-container .fancybox-title {
		background: rgba(0,0,0, 0.40);
		color: #FFFFFF;
		font-size: 16px;
		line-height: 45px;
		padding-left: 20px;
		padding-right: 20px;
		z-index: 3;
	}
	.fancybox-container .fancybox-title.show {
		bottom: 0;
	}

	/* Header */

	.fancybox-container .fancybox-header > div > .socialMedia > p {
		display: none;
	}
	.fancybox-container .fancybox-header > div > .sendECard {
		display: none;
	}

	.fancybox-container .sendECard {
		display: none;
	}

	/* Schließen */
	
	.fancybox-container .fancybox-header > div > a.triggerClose {
		padding: 0;
		text-indent: -9999px;
		width: 40px;
	}
	.fancybox-container .fancybox-header > div > a.triggerClose:before {
		text-indent: 0;
	}
		
}
@media all and (max-width: 500px){

	/* Header */

	.fancybox-container .fancybox-header {
		height: 64px;
	}
	.fancybox-container .fancybox-header > div > .logo {
		margin-left: -70px;
		top: 12.5px;
		width: 140px;
	}
	.fancybox-container .fancybox-header > div > .socialMedia {
		top: 17.5px;
	}
	.fancybox-container .fancybox-header > div > .socialMedia > ul > li.tw,
	.fancybox-container .fancybox-header > div > .socialMedia > ul > li.gp {
		display: none;
	}
	.fancybox-container .fancybox-header > div > a.triggerClose {
		top: 11.5px;
	}

	/* Close */

	.fancybox-container .fancybox-close-small {
		right: -15px;
		top: -15px;
	}

	/* Header */

	.fancybox-header ~ .fancybox-inner {
		top: 64px;
	}

	/* 360° Panorama */

	.fancybox-container.pano .fancybox-inner {
		margin-top: 64px;
	}

	/* Video - Übersicht */

	.fancybox-container.video .fancybox-inner {
		margin-top: 64px;
	}

	/* Navi */

	.fancybox-container .fancybox-navigation .fancybox-arrow--left,
	.fancybox-container .fancybox-navigation .fancybox-arrow--right {
		display: none;
	}

}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}