/*
 * This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com
*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=ed75b2d6-cb5f-4dad-a810-91a0a6fe638d&fontids=1488866,1488878,1488998,1489010");
@font-face{
	font-family: "Helvetica Neue LT W01_31488866";
	src:url("../fonts/1488866/d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix");
	src:url("../fonts/1488866/d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix") format("eot"),url("../fonts/1488866/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2") format("woff2"),url("../fonts/1488866/ca8d25cd-e264-4404-b271-4afc45c779c4.woff") format("woff"),url("../fonts/1488866/e8f8260f-dbee-4daa-81a4-0e415715c569.ttf") format("truetype");
}
@font-face{
	font-family: "Helvetica Neue LT W01_41488878";
	src:url("../fonts/1488878/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix");
	src:url("../fonts/1488878/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"),url("../fonts/1488878/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("../fonts/1488878/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"),url("../fonts/1488878/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype");
}
@font-face{
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	src:url("../fonts/1488998/13e5efa8-b7a2-4f0f-a459-c966f7d3f458.eot?#iefix");
	src:url("../fonts/1488998/13e5efa8-b7a2-4f0f-a459-c966f7d3f458.eot?#iefix") format("eot"),url("../fonts/1488998/108e1ff6-3205-4c92-9aa5-9abb2823fe92.woff2") format("woff2"),url("../fonts/1488998/f61c722b-9236-445e-bb7e-eeb1009cd627.woff") format("woff"),url("../fonts/1488998/5cd6e481-b6d9-47fa-b568-1636d8a6cc52.ttf") format("truetype");
}
@font-face{
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	src:url("../fonts/1489010/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix");
	src:url("../fonts/1489010/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix") format("eot"),url("../fonts/1489010/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.woff2") format("woff2"),url("../fonts/1489010/ac30e84e-cb19-4576-b6f9-491fccbd42ff.woff") format("woff"),url("../fonts/1489010/b583b782-0709-4a13-899f-7e9ab1a7eccd.ttf") format("truetype");
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?k3aqix');
  src:  url('../fonts/icomoon.eot?k3aqix#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?k3aqix') format('truetype'),
    url('../fonts/icomoon.woff?k3aqix') format('woff'),
    url('../fonts/icomoon.svg?k3aqix#icomoon-chafner') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-arrow-up:before {
  content: "\e903";
}
.icon-chevron-down:before {
  content: "\e904";
}
.icon-chevron-left:before {
  content: "\e905";
}
.icon-chevron-right:before {
  content: "\e906";
}
.icon-chevron-up:before {
  content: "\e907";
}
.icon-cross:before {
  content: "\e908";
}
.icon-delete:before {
  content: "\e91b";
}
.icon-document:before {
  content: "\e909";
}
.icon-download:before {
  content: "\e90a";
}
.icon-edit:before {
  content: "\e91c";
}
.icon-external-link:before {
  content: "\e90b";
}
.icon-facebook:before {
  content: "\e90c";
}
.icon-mail:before {
  content: "\e90d";
}
.icon-minus:before {
  content: "\e90e";
}
.icon-plus:before {
  content: "\e90f";
}
.icon-search:before {
	content: "\e910";
	float: left;
	text-indent: 0;
}

.icon-search{
	display: inline-table;
	text-indent: -9999px;
}

.icon-steps-1:before {
  content: "\e911";
}
.icon-steps-2:before {
  content: "\e912";
}
.icon-steps-3:before {
  content: "\e913";
}
.icon-steps-4:before {
  content: "\e914";
}
.icon-steps-5:before {
  content: "\e915";
}
.icon-steps-6:before {
  content: "\e916";
}
.icon-steps-7:before {
  content: "\e917";
}
.icon-steps-8:before {
  content: "\e918";
}
.icon-steps-9:before {
  content: "\e919";
}
.icon-steps-check:before {
  content: "\e91a";
}
.icon-video:before {
  content: "\e0";
}

/* ==========================================================================
   LAYOUT styles: opinionated defaults
   ========================================================================== */

* {
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
*behavior: url(../polyfills/boxsizing.htc);
}

/*html { -webkit-font-smoothing: antialiased; }*/

html, body {
	max-width: 100%;
	height: 100%;
	background-color: #fff;

	-webkit-overflow-scrolling: touch;
}

body {
	color: #000;
	font-family: "Helvetica Neue LT W01_31488866";
	font-size: 16px;
	line-height: 1.375em;
	font-weight: normal;
	position: relative;
	min-width: 320px;
	overflow-x: hidden;
	
	/* Font Smoothing  */
	-moz-osx-font-smoothing: grayscale;
}

p.greaterp{
  font-size: 18px;
  line-height: 1.375em;
}

@media (max-width:767px) {
	/*body {
		font-size: 14px;
		line-height: 1.375em;
	}*/
}

body[style*="/fileadmin/"] {
	background: none no-repeat center center fixed; 
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

html.openmenu body {
	overflow: hidden;
}

img { -ms-interpolation-mode: bicubic; }

button, html, input, select, textarea {
	font-family: "Helvetica Neue LT W01_31488866";
	
	/*
	-webkit-appearance: none;
	*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	text-transform: none !important;
}

#ie_clearing {
	display: none;
}

a,
a:visited,
a:hover,
a:active,
a:focus {
	outline: 0;
}

p, li, label {
	letter-spacing: 0.04em;
}

/*input[type="radio"],
input[type="checkbox"] {
	-webkit-appearance: checkbox;
	cursor: pointer;
}*/

b, strong {
	font-weight: normal;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
}

h1, h2, h3, h4, h5, h6 {
	color: #004f26;
	font-weight: normal;
	margin: 0;
}

h1 {
	font-family: "Helvetica Neue LT W01_31488866";
	font-size: 54px;
	line-height: 1.074em;
	color: #87867a;
}

h1.startseite {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 56px;
	letter-spacing: 0.025em;
	line-height: 1em;
	color: #004f26;
}

h1.slider {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	margin: 0;
	font-size: 38px;
	line-height: 1.11em;
	text-transform: uppercase;
	color: #004f26;
	letter-spacing: 0.025em;
}

h1.uppercase {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 56px;
	letter-spacing: 0.025em;
	line-height: 1em;
	text-transform: uppercase;
	color: #004f26;
}

h2 {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 30px;
	line-height: 1.133em;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

h3 {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 24px;
	line-height: 1.3em;
	letter-spacing: 0.025em;
}

h4 {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 22px;
	line-height: 1.181em;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	margin: 30px 0 15px;
}

h4:first-child {
	margin: 0;
}

h5 {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0.025em;
}

h6 {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 16px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

.mask_header h6 {
	margin-bottom: 13px;
}

@media (max-width:767px) {
	h1 {
		font-size: 36px;
		line-height: 1.074em;
	}

	h1.startseite {
		font-size: 38px;
		letter-spacing: 0.025em;
		line-height: 1em;
	}

	h1.slider {
		font-size: 26px;
		line-height: 1.11em;
		letter-spacing: 0.025em;
	}

	h1.uppercase {
		font-size: 38px;
		letter-spacing: 0.025em;
		line-height: 1em;
	}

	h2 {
		font-size: 24px;
		line-height: 1.133em;
		letter-spacing: 0.025em;
	}

	h3 {
		font-size: 22px;
		line-height: 1.3em;
		letter-spacing: 0.025em;
	}

	h4 {
		font-size: 20px;
		line-height: 1.181em;
		letter-spacing: 0.025em;
	}

	h5 {
		font-size: 18px;
		line-height: 1.2em;
		letter-spacing: 0.025em;
	}

	h6 {
		font-size: 14px;
		line-height: 1.375em;
		letter-spacing: 0.025em;
	}
}

table.contenttable {
	width: 100%;
}

.frame-layout-1,
.powermail_confirmation {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.powermail_confirmation table {
	margin: 1em 0;
}

.frame-layout-1 table.contenttable,
.powermail_confirmation table {
	min-width: 1070px;
	border-spacing: 0 5px;
	border-collapse: separate;
}

.col-md-6 .frame-layout-1 table.contenttable {
	min-width: 528px;
}

.col-md-7 .frame-layout-1 table.contenttable {
	min-width: 618px;
}

.col-md-8 .frame-layout-1 table.contenttable {
	min-width: 780px;
}

.col-md-9 .frame-layout-1 table.contenttable {
	min-width: 798px;
}

.frame-layout-1 table.contenttable thead th:first-child {
	text-align: left;
	padding-left: 17px;
}

.frame-layout-1 table.contenttable thead th,
.powermail_confirmation table thead th {
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 17px;
	line-height: 1.176em;
	letter-spacing: 0.025em;
	color: #004F25;
	font-family: "Helvetica Neue LT W01_67 Md Cn";
}

.frame-layout-1 table.contenttable tbody tr:nth-child(even),
.powermail_confirmation table tbody tr:nth-child(even) {
	background-color: rgba(255,255,255,0.75);
}

.frame-layout-1 table.contenttable tbody tr:nth-child(odd),
.powermail_confirmation table tbody tr:nth-child(odd) {
	background-color: rgba(255,255,255,1);

}

.frame-layout-1 table.contenttable tr,
.powermail_confirmation table tr {
	margin-bottom: 5px;
}

.frame-layout-1 table.contenttable td,
.frame-layout-1 table.contenttable th,
.powermail_confirmation td,
.powermail_confirmation th {
	padding: 9px 7px;
}

.powermail_confirmation strong {
	color: #004f25;
}

@media (max-width:767px) {
	.frame-layout-1 table.contenttable thead th,
	.powermail_confirmation table thead th {
		font-size: 16px;
		line-height: 1.176em;
		letter-spacing: 0.025em;
	}
}

/* ==========================================================================
   SECTIONS styles: opinionated defaults
   ========================================================================== */

section.content[style*="/fileadmin/"] {
	background: none no-repeat center center scroll; 
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

section.content[style*="/fileadmin/"][style*="-parallax-"] {
	background: none no-repeat center center fixed; 
}

.ajax-content section.content {
	/*overflow: hidden;*/
}

.ajax-content section.content.custom14 {
	overflow: hidden;
}

.content > .inner-content {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content.custom9 > .inner-content {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.content.custom10 > .inner-content {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.content.custom11 > .inner-content {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.content.custom13 > .inner-content {
	padding-bottom: 10px !important;
}

.desktop .content > .inner-content {
	padding-top: 0;
	padding-bottom: 0;
}
.custom12 {
	display: none;
}

.custom12.open {
	display: block;
}

.custom12 > .inner-content {
	position: relative;
}

.custom12 > .inner-content:after {
	content: "";
	position: absolute;
	top: -8px;
	left: 75px;
	margin-left: -8px;
	display: block;
	z-index: 50;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff transparent;
}

.custom12 + .custom12 > .inner-content:after {
	left: 305px;
}

.custom12 + .custom12 + .custom12 > .inner-content:after {
	left: 535px;
}

.custom12 + .custom12 + .custom12 + .custom12 > .inner-content:after {
	left: 765px;
}

.custom12.custom2 > .inner-content:after {
	border-color: transparent transparent #e8e7e0 transparent;
}

.custom12.custom3 > .inner-content:after {
	border-color: transparent transparent #f8f8f6 transparent;
}

.custom12.custom4 > .inner-content:after {
	border-color: transparent transparent #333333 transparent;
}

.custom12.custom5 > .inner-content:after {
	border-color: transparent transparent #242424 transparent;
}

.custom12.custom6 > .inner-content:after {
	border-color: transparent transparent #004f26 transparent;
}

.content.closed + .content > .inner-content {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media (max-width:991px) {
	.content > .inner-content {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (max-width:767px) {
	.content > .inner-content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* ==========================================================================
   GENERAL styles: opinionated defaults
   ========================================================================== */

.wrapper,
.inner-content {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	padding: 15px;
}

.outer-content {
	overflow-x: hidden;
}

a,
a:visited,
a:active,
a:focus {
	text-decoration: none;
	color: #000;
	opacity: 1;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

a:hover {
	opacity: 0.875;
}

html.touch a,
html.touch a:visited,
html.touch a:active,
html.touch a:focus,
html.touch a:hover,
figure > a:hover {
	opacity: 1;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.frame-type-text ul {
	padding-left: 20px;
	list-style-type: square;
}

figure,
figure img,
.img-responsive,
img[style*="float:left"] {
	width: 100%;
	height: auto;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

img[style*="float:left"] {
	float: none !important;
}

img[style*="float:right"] {
	margin-left: 15px;
}

@media (max-width:767px) {
	img[style*="float"] {
		width: 100%;
		height: auto;

		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	img[style*="float:right"] {
		margin-bottom: 15px;
		margin-left: 0;
	}

	img[style*="float"] {
		float: none !important;
	}
}


div[class*="col-"] {
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}

div[class*="col-"].padding {
	padding: 50px 55px 0 !important;
}

div.table {
	display: table;
	width: 100%;
	height: 100%;
}

div.table-row {
	display: table-row;
	width: 100%;
}

div.table-cell {
	vertical-align: middle;
}

.custom1 > .inner-content {
	padding-top: 0 !important;
	padding-bottom: 0  !important;
	max-width: none;
	padding: 0;
}

.custom1 .row {
	margin: 0;
}

.custom1 div[class*="col-"] {
	padding: 0;
}

.custom1 .ce-left .ce-gallery, .ce-column {
	float: none;
}

.custom2 {
	background-color: #e8e7e0;
}

.custom3 {
	background-color: #f8f8f6;
}

.custom4 {
	background-color: #333333;
	color: #fff;
}

.custom4 a,
.custom4 a:visited,
.custom4 a:focus,
.custom4 a:active,
.custom4 a:hover {
	color: #fff;
}

.custom5 {
	background-color: #242424;
	color: #fff;
}

.custom5 a,
.custom5 a:visited,
.custom5 a:focus,
.custom5 a:active,
.custom5 a:hover {
	color: #fff;
}

.custom6 {
	background-color: #004f26;
}

.custom6 header > h4 {
	color: #fff;
}

.custom6 header > div.line {
	background-color: #fff;
}

.custom16 {
	background-color: #ADCB47;
}

.custom16 header > h4 {
	color: #fff;
}

.custom16 header > div.line {
	background-color: #fff;
}

.custom7 > .inner-content {
	max-width: none;
}

.custom999 {
	background-color: #fff;
}

.custom8 > .inner-content {
	max-width: 800px;
}

/* ==========================================================================
   SLIDER styles: opinionated defaults
   ========================================================================== */

.flexslider-container {
	overflow: hidden;
}

.flexslider .slides > li:first-child {
	/*display: block;*/
}

.flexslider.no-karussell {
	height: 100vh;
	height: calc(100vh - 120px);
}

.flexslider.no-karussell.tx_mask_slider-notfullscreen1 {
	height: auto;
}

.flexslider.no-karussell .slides,
.flexslider.no-karussell .slides > li {
	height: 100%;
}

.flexslider.no-karussell .slides > li {
	background: none no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.flexslider.no-karussell .slides img {
	display: none;
}

.flexslider.karussell {
	/*margin-left: -12.5%;
	margin-right: -12.5%;*/
	margin-left: 30px;
	margin-right: 30px;
}

.flexslider.karussell .slides > li,
div.karussell-element {
	min-height: 500px;
	background-color: #fff;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

/*.flexslider.karussell .slides > li.not-visible {
	background-color: #f4f3f0;
}

.flexslider.karussell .slides > li.not-visible > * {
	opacity: 0;
}*/

.flexslider.karussell .slides > li.versteckt {
	opacity: 0;
}

.flexslider.karussell .ce-gallery figure {
	display: block;
}

.flexslider.karussell .ce-gallery figcaption {
	padding: 33px 40px 68px;
	position: relative;
	display: block;
}

div.karussell-element .ce-gallery figcaption {
	padding: 33px 40px;
	position: relative;
}

.flexslider.karussell a.mehr,
.flexslider.karussell a.mehr:active,
.flexslider.karussell a.mehr:focus,
.flexslider.karussell a.mehr:visited,
.flexslider.karussell a.mehr:hover,
div.karussell-element a.mehr,
div.karussell-element a.mehr:active,
div.karussell-element a.mehr:focus,
div.karussell-element a.mehr:visited,
div.karussell-element a.mehr:hover {
	position: absolute;
	right: 32px;
	bottom: 36px;
}

.outer-slider-nav {
	text-align: center;
	margin-top: 31px;
}

@media (min-width:992px) {
	[data-count="4"] + .outer-slider-nav {
		display: none;
	}
}

.outer-slider-nav a,
.outer-slider-nav a:visited,
.outer-slider-nav a:focus,
.outer-slider-nav a:active,
.outer-slider-nav a:hover {
	color: #87867a;
	padding: 8px;
	display: inline-block;
	font-size: 17px;
	line-height: 1;
}

@media (max-width:767px) {
	.flexslider.karussell .slides > li.versteckt {
		display: none !important;
	}
	
	.outer-slider-nav a,
	.outer-slider-nav a:visited,
	.outer-slider-nav a:focus,
	.outer-slider-nav a:active,
	.outer-slider-nav a:hover {
		font-size: 16px;
		line-height: 1;
	}
}

.flexslider.no-karussell .slides > li video {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 20;
}

.flexslider.no-karussell .slides > li video.tx_mask_video-relative,
.flexslider.no-karussell .slides > li video.tx_mask_video-relative0 {
	object-fit: cover;
}

html.ie .flexslider.no-karussell .slides > li video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 105%;
	min-height: 105%; 
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: 0;

	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.flexslider.no-karussell .slides > li video ~ .loader {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 30;
	opacity: 1;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	
	-webkit-animation: spin 4s infinite; /* Safari 4+ */
	-moz-animation:    spin 4s infinite; /* Fx 5+ */
	-o-animation:      spin 4s infinite; /* Opera 12+ */
	animation:         spin 4s infinite; /* IE 10+, Fx 29+ */
}

html.videoloaded .flexslider.no-karussell .slides > li video ~ .loader {
	display: none;
}

@keyframes spin { 
	from {
		transform: rotate(0deg); 
	}to{
		transform: rotate(360deg); 
	}
}

.flex-control-nav {
	bottom: 80px;
	z-index: 50;
	opacity: 0.25;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.flex-control-nav:hover {
	opacity: 0.5;
}

.flexslider.no-karussell .slides > li video > img {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 40;
}

html.ie .flexslider.no-karussell .slides > li video > img {
	top: 50%;
	left: 50%;
	min-width: 105%;
	min-height: 105%; 
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: 0;

	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}


@media (max-width:991px) {
	.flexslider.karussell {
		/*margin-left: 0;
		margin-right: 0;*/
	}

	/*.flexslider.karussell .slides > li.not-visible {
		background-color: #fff;
	}

	.flexslider.karussell .slides > li.not-visible > * {
		opacity: 1;
	}*/
}

@media (max-width:767px) {
	.flexslider.no-karussell {
		height: 70vh;
		height: calc(70vh - 120px);
	}
}


/* ==========================================================================
   INDEXED SEARCH styles: opinionated defaults
   ========================================================================== */
.tx-indexedsearch-searchbox form {
  margin: 0;
  padding: 0;
}

.tx-indexedsearch-searchbox .formline {
  clear: both;
  padding-bottom: 10px;
  overflow: auto;
}

.tx-indexedsearch-searchbox label {
  width: 150px;
  float: left;
}

.tx-indexedsearch-searchbox input {
  float: left;
}

.tx-indexedsearch-searchbox-button {
  width: 150px;
}

.isearch_linkMode {
  display: block;
  float: left;
  padding: 2px 10px;
}

.tx-indexedsearch-rules {
  position: relative;
  padding: 10px 0;
}

.tx-indexedsearch-rules h2 {
  font-weight: normal;
  font-size: 100%;
  padding: 0;
  margin: 0;
}

.tx-indexedsearch-rules a .isearch-rules-text {
  display: none;
  text-decoration: none;
}

.tx-indexedsearch-rules a:hover .isearch-rules-text {
  display: block;
  text-decoration: none;
  position: absolute;
  font-weight: normal;
  top: 0;
  left: 100px;
  padding: 10px;
}

.tx-indexedsearch-whatis {
  padding-bottom: 10px;
}

.tx-indexedsearch-sw {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
}

.tx-indexedsearch-browsebox {
  padding: 0 0 10px;
  margin: 0;
  list-style-type: none;
}

.tx-indexedsearch-browsebox li {
	display: inline-block;
	margin-right: 1em;
}

.tx-indexedsearch-res .result-row {
  margin: 10px 0 20px 0;
}

.tx-indexedsearch-icon {
  float: left;
  display: block;
}

.tx-indexedsearch-result-number {
  float: left;
  display: block;
}

.tx-indexedsearch-title {
  float: left;
  display: block;
}

.tx-indexedsearch-percent {
  float: right;
  display: block;
}

.tx-indexedsearch-description {
	clear: both;
	display: block;
	margin: 1em 0 0;
}

.tx-indexedsearch-info {
	margin: 0 0 1em;
	clear: both;
	display: block;
	font-size: 0.875em;
}

.tx-indexedsearch-info dt,
.tx-indexedsearch-info dd {
  clear: both;
  display: inline-block;
}

.tx-indexedsearch-info dd {
  margin: 0 35px 0 0;
}

.tx-indexedsearch-info p {
	margin: 0;
}

.tx-indexedsearch-path {
  display: block;
}

.tx-indexedsearch-searchbox {
	max-width: 555px;
}

.tx-indexedsearch-searchbox legend {
  display: none;
}

.tx-indexedsearch-searchbox input,
.tx-indexedsearch-searchbox label {
  display: block;
  float: none;
  width: 100%;
}

.tx-indexedsearch-searchbox input {
  margin-bottom: 0.5em;
  padding: 5px;
  background-color: #fff;
}

.tx-indexedsearch-searchbox input {
  border: 1px solid #e3e5e8;
}

.tx-indexedsearch-searchbox input:focus {
  border: 1px solid #0069b4;
}

.tx-indexedsearch-search-submit input:hover,
.tx-indexedsearch-search-submit input:visited,
.tx-indexedsearch-search-submit input:active {
  border: 1px solid #0069b4;
}

/* ==========================================================================
   BURGER MENU styles: opinionated defaults
   ========================================================================== */

a.mobile {
	display: block;
	padding-left: 15px;
}

a.openmobile {
	display: none;
}

@media (max-width:767px) {
	a.mobile {
		display: none;
	}

	a.openmobile {
		display: block;
	}
}

/* Icon 1 */

.nav-icon {
	margin: 2px 0;
	width: 18px;
	height: 14px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.nav-icon:after {
	content: "";
	background-color: #e8e7e0;
	left: -10px;
	top: -10px;
	width: 37px;
	height: 37px;
	position: absolute;
	z-index: -1;
}

.nav-icon1 span,
.nav-icon3 span,
.nav-icon4 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background-color: #004f25;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.nav-icon1 span:nth-child(1) {
	top: 0px;
}

.nav-icon1 span:nth-child(2) {
	top: 6px;
}

.nav-icon1 span:nth-child(3) {
	top: 12px;
}

html.openmenu .nav-icon1 span:nth-child(1) {
	top: 13px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

html.openmenu .nav-icon1 span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

html.openmenu .nav-icon1 span:nth-child(3) {
	top: 13px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/* Icon 3 */

.nav-icon3 span:nth-child(1) {
	top: 0px;
}

.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
	top: 6px;
}

.nav-icon3 span:nth-child(4) {
	top: 12px;
}

html.openmenu .nav-icon3 span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

html.openmenu .nav-icon3 span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

html.openmenu .nav-icon3 span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

html.openmenu .nav-icon3 span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/* ==========================================================================
   HEADER styles: opinionated defaults
   ========================================================================== */

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e8e7e0;
}

.header + * {
	padding-top: 120px;
}

.logo {
	width: 246px;
	padding: 13.5px 0;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

html.fixed .inner-body .logo {
	width: 146px;
	padding: 0;
}

.outer-nav {
	position: absolute;
	right: 15px;
	top: 47px;
	z-index: 5;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

html.fixed .inner-body .outer-nav {
	top: 25px;
}

.outer-nav > * {
	float: left;
}

@media (max-width:767px) {
	.header + * {
		padding-top: 67px;
	}

	.inner-body .logo {
		width: 146px;
		padding: 0;
	}

	.inner-body .outer-nav {
		top: 25px;
	}
}

/* ==========================================================================
   LANG styles: opinionated defaults
   ========================================================================== */

ul.menu.language {
	margin: 0 12px;
}

ul.menu.language li {
	display: inline-block;
}

ul.menu.language li a,
ul.menu.language li a:visited,
ul.menu.language li a:focus,
ul.menu.language li a:active {
	color: #c3c2bc;
	padding: 0 6.5px;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
}

ul.menu.language li.current a,
ul.menu.language li.current a:visited,
ul.menu.language li.current a:focus,
ul.menu.language li.current a:active,
ul.menu.language li a:hover {
	color: #87867a;
}

ul.menu.language li.notrans {
	cursor: not-allowed;
	opacity: 0.5;

	/* TYPO3 9.5 Update */
	color: #c3c2bc;
	padding: 0 6.5px;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
}

ul.menu.language li.notrans a,
ul.menu.language li.notrans a:visited,
ul.menu.language li.notrans a:focus,
ul.menu.language li.notrans a:active,
ul.menu.language li.notrans a:hover {
	pointer-events: none;
}

@media (max-width:468px) {
	ul.menu.language {
		display: none;
	}

	ul.menu.language li a,
	ul.menu.language li a:visited,
	ul.menu.language li a:focus,
	ul.menu.language li a:active {
		padding: 0 3px;
	}
}

/* ==========================================================================
   NEW LANG styles: opinionated defaults
   ========================================================================== */

.outer-nav > select.language {
	opacity: 0;
}

.outer-nav > select.language,
.outer-nav > select.language + span {
	margin-left: 54px;
	margin-right: 10px;
}

span.select2 {
	top: -2px;
	left: -5px;
}

/* DOT FIX */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0 !important;
}

/* SELECT2 */

.select2-container--default .select2-selection--single {
	border: 0 none transparent;
	outline: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	color: #87867a;
	line-height: 28px;
	outline: 0 !important;
}

.select2-container--default .select2-results__option--selected {
	background-color: #e5e5e5;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #004f26;
}

.select2-results__option--selectable {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	color: #87867a;
}

.select2-dropdown {
    border: 1px solid #e5e5e5 !important;
    border-radius: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	top: 45%;
}

@media (max-width:468px) {
	span.select2 {
	    display: none;
	}
}

/* ==========================================================================
   SUCHE styles: opinionated defaults
   ========================================================================== */

ul.menu.meta {
	padding: 0;
}

ul.menu.meta li {
	display: inline-block;
}

ul.menu.meta li a,
ul.menu.meta li a:visited,
ul.menu.meta li a:focus,
ul.menu.meta li a:active,
ul.menu.meta li a:hover {
	color: #004f26;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	padding: 0 7.5px;
	text-transform: uppercase;
}

ul.menu.meta li:first-child a,
ul.menu.meta li:first-child a:visited,
ul.menu.meta li:first-child a:focus,
ul.menu.meta li:first-child a:active,
ul.menu.meta li:first-child a:hover {
	color: #87867a;
}

/* ==========================================================================
   MAUS styles: opinionated defaults
   ========================================================================== */

.scroll-down {
	cursor: pointer;
}

@media (max-width:767px) {
	.scroll-down {
		display: none;
	}
}

html.ie .scroll-down {
	display: none;
}

.scroll-down-teaser-sections {
	cursor: pointer;
}

@media (max-width:767px) {
	.scroll-down-teaser-sections {
		display: none;
	}
}

html.ie .scroll-down-teaser-sections {
	display: none;
}

.mouse-wrap {
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 66px;
	z-index: 50;

	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.mouse-wrap p {
	font-size: 14px;
	color: #575654;
	animation: nudgeText 5.5s ease-out infinite;
	position: absolute;
	left: 50%;
	top: 20px;

	-webkit-transform: translateX(-50%) translateY(0);
	-ms-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

.mouse {
	top: 0;
	position: absolute;
	left: 50%;
	width: 20px;
	animation: nudgeMouse 5.5s ease-out infinite;

	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mouse:after {
	content: '';
	background-color: #575654;
	width: 2px;
	height: 4px;
	border-radius: 100%;
	animation: trackBallSlide 5.5s linear infinite;
	position: absolute;
	top: -20px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transform:translateY(20px);

	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}

.mouse .frame {
	width: 100%;
	position: absolute;
	z-index: 1;
}

.mouse .frame path {
	fill: none;
	stroke: #575654;
	stroke-width: 3;
	opacity:0.5;
}

.mouse .mouse-left, .mouse .mouse-right {
	width: 50%;
	position: absolute;
	z-index: 2;
}

.mouse .mouse-right {
	right: 0;
}

.mouse .Animate-Draw {
	fill: none;
	stroke: #575654;
	stroke-width: 3;
	fill-opacity: 1;
}

.mouse .mouse-left .Animate-Draw {
	animation: DrawLine 5.5s ease-out infinite;
}

.mouse .mouse-right .Animate-Draw {
	animation: DrawLineBack 5.5s ease-out infinite;
}

/*Keyframes*/
@keyframes DrawLine {
	0% {
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	22% {
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	38%{
		stroke-dashOffset: 125;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	38.1%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:0;
	}
	48%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	64%{
		stroke-dashOffset: 125;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	64.1%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:0;
	}
	74%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	90%{
		stroke-opacity:1;
		stroke-dashOffset: 125;
		stroke-dasharray: 120;
	}
	90.1%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:0;
	}
}

@keyframes DrawLineBack {
	0% {
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	22% {
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	38%{
		stroke-dashOffset: -114;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	38.1%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:0;
	}
	48%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	64%{
		stroke-dashOffset: -114;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	64.1%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:0;
	}
	74%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:1;
	}
	90%{
		stroke-opacity:1;
		stroke-dashOffset: -114;
		stroke-dasharray: 120;
	}
	90.1%{
		stroke-dashOffset: 0;
		stroke-dasharray: 120;
		stroke-opacity:0;
	}
}

@keyframes nudgeMouse {
	0% {
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
	}
	22% {
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
	}
	38%{
		-webkit-transform: translateY(9px) translateX(-50%);
		-ms-transform: translateY(9px) translateX(-50%);
		transform: translateY(9px) translateX(-50%);
	}
	48%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
	}
	64%{
		-webkit-transform: translateY(9px) translateX(-50%);
		-ms-transform: translateY(9px) translateX(-50%);
		transform: translateY(9px) translateX(-50%);
	}
	74%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
	}
	90%{
		-webkit-transform: translateY(9px) translateX(-50%);
		-ms-transform: translateY(9px) translateX(-50%);
		transform: translateY(9px) translateX(-50%);
	}
}

/*Text*/
@keyframes nudgeText {
	0% {
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
	22% {
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
	38%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 0.5;
	}
	48%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
	64%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 0.5;
	}
	74%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
	}
	90%{
		-webkit-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 0.5;
	}
}

/*Mouse wheel*/
@keyframes trackBallSlide {
	0% {
		-webkit-transform:translateY(20px) scale(1);
		-ms-transform:translateY(20px) scale(1);
		transform:translateY(20px) scale(1);
		opacity:1;
	}
	22% {
		-webkit-transform:translateY(20px) scale(1);
		-ms-transform:translateY(20px) scale(1);
		transform:translateY(20px) scale(1);
		opacity:1;
	}
	26%{
		-webkit-transform:translateY(30px) scale(0.9);
		-ms-transform:translateY(30px) scale(0.9);
		transform:translateY(30px) scale(0.9);
		opacity:1;
	}
	34%{
		-webkit-transform:translateY(55px) scale(0.1);
		-ms-transform:translateY(55px) scale(0.1);
		transform:translateY(55px) scale(0.1);
		opacity:0;
	}
	41%{
		-webkit-transform:translateY(30px) scale(0);
		-ms-transform:translateY(30px) scale(0);
		transform:translateY(30px) scale(0);
		opacity:0.3;
	}
	48%{
		-webkit-transform:translateY(20px) scale(1);
		-ms-transform:translateY(20px) scale(1);
		transform:translateY(20px) scale(1);
		opacity:1;
	}
	52%{
		-webkit-transform:translateY(30px) scale(0.9);
		-ms-transform:translateY(30px) scale(0.9);
		transform:translateY(30px) scale(0.9);
		opacity:1;
	}
	60%{
		-webkit-transform:translateY(55px) scale(0.1);
		-ms-transform:translateY(55px) scale(0.1);
		transform:translateY(55px) scale(0.1);
		opacity:0;
	}
	67%{
		-webkit-transform:translateY(30px) scale(0);
		-ms-transform:translateY(30px) scale(0);
		transform:translateY(30px) scale(0);
		opacity:0.3;
	}
	74%{
		-webkit-transform:translateY(20px) scale(1);
		-ms-transform:translateY(20px) scale(1);
		transform:translateY(20px) scale(1);
		opacity:1;
	}
	78%{
		-webkit-transform:translateY(30px) scale(0.9);
		-ms-transform:translateY(30px) scale(0.9);
		transform:translateY(30px) scale(0.9);
		opacity:1;
	}
	86%{
		-webkit-transform:translateY(55px) scale(0.1);
		-ms-transform:translateY(55px) scale(0.1);
		transform:translateY(55px) scale(0.1);
		opacity:0;
	}
	93%{
		-webkit-transform:translateY(30px) scale(0);
		-ms-transform:translateY(30px) scale(0);
		transform:translateY(30px) scale(0);
		opacity:0.3;
	}
	100%{
		-webkit-transform:translateY(20px) scale(1);
		-ms-transform:translateY(20px) scale(1);
		transform:translateY(20px) scale(1);
		opacity:1;
	}
}

/* ==========================================================================
   FOOTER MENU styles: opinionated defaults
   ========================================================================== */

.footer {
	font-size: 14px;
	line-height: 1.571em;
	color: #717171;
	position: relative;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
	font-size: 16px;
	line-height: 1.375em;
	color: #fff;
}

@media (max-width:767px) {
	.footer h1,
	.footer h2,
	.footer h3,
	.footer h4,
	.footer h5,
	.footer h6 {
		font-size: 14px;
		line-height: 1.375em;
	}
}

.footer h1 + *,
.footer h2 + *,
.footer h3 + *,
.footer h4 + *,
.footer h5 + *,
.footer h6 + * {
	margin-top: 1em;
}

.footer2 {
	text-align: right;
	font-size: 14px;
	line-height: 1.375em;
}

.footer2 .content > .inner-content {
	padding-top: 0;
	padding-bottom: 0;
}

.footer2 ul {
	margin-right: -10px;
	margin-left: -10px;
}

.footer2 li {
	display: inline-block;
}

.footer2 li a,
.footer2 li a:focus,
.footer2 li a:visited,
.footer2 li a:active,
.footer2 li a:hover {
	padding: 21.5px 10px;
	display: block;
}

@media (max-width:767px) {
	.footer2 ul {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer2 li a,
	.footer2 li a:focus,
	.footer2 li a:visited,
	.footer2 li a:active,
	.footer2 li a:hover {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.outer-scroll-up {
	width: 100%;
}

.outer-scroll-up span {
	font-size: 17px;
}

.outer-scroll-up a,
.outer-scroll-up a:focus,
.outer-scroll-up a:visited,
.outer-scroll-up a:active,
.outer-scroll-up a:hover {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	text-align: center;
	color: #87867A;
	font-size: 16px;
	line-height: 1.375em;
	margin: 26px 0;
	display: block;
}

/* ==========================================================================
   KACHELHINTERGRUND styles: opinionated defaults
   ========================================================================== */

.mask_kachelhintergrund {
}

.mask_kachelhintergrund .ce-left .ce-gallery, .ce-column {
	float: none;
}

.mask_kachelhintergrund .inner-kachelhintergrund {
	position: relative;
	height: 100%;
}

.mask_kachelhintergrund .inner-kachelhintergrund header,
.mask_kachelhintergrund .inner-kachelhintergrund .ce-bodytext {
	position: absolute;
	z-index: 10;
	padding: 22px;
	left: 0;
	width: 100%;
	top: 0;
}

.mask_kachelhintergrund .inner-kachelhintergrund .ce-bodytext {
	top: auto;
	bottom: 0;
	text-align: right;
	text-transform: uppercase;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 17px;
	line-height: 1.353em;
}

.mask_kachelhintergrund h4 {
	margin-top: 0;
}

@media (max-width:767px) {
	.mask_kachelhintergrund .inner-kachelhintergrund .ce-bodytext {
		font-size: 16px;
		line-height: 1.353em;
	}
}

.mask_kachelhintergrund .inner-kachelhintergrund .ce-bodytext span[class*="icon-"] {
	margin-left: 14px;
}

.mask_kachelhintergrund .inner-kachelhintergrund .ce-bodytext p {
	margin: 0;
}

.mask_kachelhintergrund a:hover {
	opacity: 1;
}

.mask_kachelhintergrund .hover-kachelhintergrund {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0,0,0,0);

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.mask_kachelhintergrund:hover .hover-kachelhintergrund {
	background-color: rgba(0,0,0,0.2);
}

.mask_kachelhintergrund .outer-text {
	position: absolute;
	left: 33%;
	top: 0;
	height: 100%;
	z-index: 5;
}

.mask_kachelhintergrund .inner-text {
	margin-top: 78px;
}

.mask_kachelhintergrund .outer-text > img.image-embed-item {
	float: left;
	height: 100%;
	display: block;
}

.mask_kachelhintergrund .outer-text > img.image-embed-item + * {
	margin-left: 58px;
	float: left;
}

@media (max-width:767px) {
	.mask_kachelhintergrund.kontaktbox td {
		display: block;
	}
	
	.mask_kachelhintergrund.kontaktbox .inner-text {
		margin-top: 80px;
	}
	
	.mask_kachelhintergrund.kontaktbox .outer-text {
		position: absolute;
		z-index: 10;
		padding: 22px;
		left: 0;
		width: 100%;
		top: 0;
	}
	
	.mask_kachelhintergrund .outer-text > img.image-embed-item + * {
		margin-left: 0;
		margin-top: 80px;
	}

	.mask_kachelhintergrund .outer-text > img.image-embed-item {
		display: none;
	}
}


/* ==========================================================================
   KACHELHINTERGRUND styles: opinionated defaults
   ========================================================================== */

.mask_kachelhintergrundicon {
}

.mask_kachelhintergrundicon .inner-kachelhintergrundicon {
	position: relative;
}

.mask_kachelhintergrundicon .inner-kachelhintergrundicon header,
.mask_kachelhintergrundicon .inner-kachelhintergrundicon .ce-bodytext {
	position: absolute;
	z-index: 10;
	padding: 22px;
	left: 50%;
	width: 100%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mask_kachelhintergrundicon span[class*="icon-"] {
	font-size: 70px;
	line-height: 1;
	margin-bottom: 30px;
	display: block;
}

.mask_kachelhintergrundicon a:hover {
	opacity: 1;
}

.mask_kachelhintergrundicon .hover-kachelhintergrundicon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0,0,0,0);

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.mask_kachelhintergrundicon:hover .hover-kachelhintergrundicon {
	background-color: rgba(0,0,0,0.3);
}

.mask_kachelhintergrundicon h4 {
	margin: 0;
}

@media (max-width:767px) {
	.mask_kachelhintergrundicon .ce-image {
		width: 90px;
		margin: 0 auto;
	}
}

/* ==========================================================================
   TEXTBILD styles: opinionated defaults
   ========================================================================== */

.mask_textbild {
	position: relative;
}

.mask_textbild h2 {
	margin: 0;
}

.mask_textbild .outer-text {
	width: 85%;
	padding: 85px 43% 65px 90px;
	min-height: 450px;
}

.mask_textbild.textbild-links .outer-text {
	padding: 85px 90px 65px 43%;
	margin-left: 15%;
}

.mask_textbild .outer-image {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 10;
	width: 50%;

	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.mask_textbild .outer-image .ce-center .ce-outer {
	float: none;
	right: 0;
}

.mask_textbild .outer-image  .ce-center .ce-inner {
	float: none;
	right: 0;
}

.mask_textbild.textbild-links .outer-image {
	right: auto;
	left: 0;
}

@media (max-width:991px) {
	.mask_textbild .outer-text {
		padding: 42.5px 23% 32.5px 45px;
		min-height: 350px;
	}

	.mask_textbild.textbild-links .outer-text {
		padding: 42.5px 45px 32.5px 23%;
	}

	.mask_textbild .outer-image {
		width: 33%;
	}
}

@media (max-width:767px) {
	.mask_textbild .outer-text {
		padding: 30px 25px 20px;
		min-height: 0 !important;
		width: 100%;
	}

	.mask_textbild.textbild-links .outer-text {
		padding: 30px 25px 20px;
		margin: 0;
	}

	.mask_textbild .outer-image {
		position: relative;
		right: 0;
		top: 0;
		left: 0;
		width: 100%;

		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.mask_textbild .outer-text.hidden,
	.mask_neuigkeit .outer-text.hidden {
		display: block !important;
	}

	.mask_textbild .outer-text:first-child,
	.mask_neuigkeit .outer-text:first-child {
		display: none;
	}
}

/* ==========================================================================
   NUMBERS styles: opinionated defaults
   ========================================================================== */

.mask_numbers {
	background-color: transparent !important;
	position: relative;
	padding-top: 100%;
}

.mask_numbers .inner-numbers {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	border: 15px solid #000;
	margin: 5%;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mask_numbers.smallerheader(not:.force) .inner-numbers {
	border: 0 none transparent;
}

.mask_numbers.smaller .inner-numbers {
	margin: 15%;
}

.mask_numbers.custom2 .inner-numbers {
	border-color: #e8e7e0;
}

.mask_numbers.custom3 .inner-numbers {
	border-color: #f8f8f6;
}

.mask_numbers.custom4 .inner-numbers {
	border-color: #333333;
}

.mask_numbers.custom5 .inner-numbers {
	border-color: #242424;
}

.mask_numbers.custom6 .inner-numbers {
	border-color: #004f26;
}

.mask_numbers h4 {
	font-size: 70px;
	line-height: 1;
	margin: 0;
}

.mask_numbers.smallerheader h4 {
	font-size: 35px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width:767px) {
	.mask_numbers.smallerheader h4 {
		font-size: 25px;
		line-height: 1;
	}
}

.mask_numbers.smallerheader.force h4 {
	font-size: 20px;
	line-height: 1;
}

@media (max-width:767px) {
	.mask_numbers.smallerheader.force h4 {
		font-size: 18px;
		line-height: 1;
	}
}

.mask_numbers p {
	margin: 0;
	text-transform: uppercase;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
}

.mask_numbers .outer-text {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	width: 100%;

	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.mask_numbers.frame-space-before-extra-large {
	margin-top: 5.75em;
}

@media (max-width:767px) {
	.mask_numbers h3 {
		font-size: 60px;
		line-height: 1;
	}
}

/* ==========================================================================
   DESKTOP styles: opinionated defaults
   ========================================================================== */

nav.desktop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #e8e7e0;
}


nav.desktop .header {
	background-color: #e8e7e0;
}

html.opendesktop nav.desktop {
	display: block;
}

.inner-desktop {
	height: 100%;
	overflow-y: auto;
}

nav.desktop ul.menu.main .element1 {
	width: 25%;
	padding: 7.5px;
	float: left;
	position: relative;
}

/*nav.desktop ul.menu.main .element1:first-child + .element1 {
	position: absolute;
	top: 353px;
	left: 7.5px;
	z-index: 5;
}*/

nav.desktop ul.menu.main .element1 > a > span {
	position: absolute;
	left: 26px;
	bottom: 20px;
	z-index: 5;
	display: block;
}

nav.desktop ul.menu.main .element1 > a,
nav.desktop ul.menu.main .element1 > a:focus,
nav.desktop ul.menu.main .element1 > a:visited,
nav.desktop ul.menu.main .element1 > a:active {
	display: block;
	padding: 20px 26px;
	background-color: #004f25;
	height: 105px;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 0.025em;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	opacity: 1;
}

nav.desktop ul.menu.main .element1 > a:hover {
	background-color: #003f1c;
}

nav.desktop ul.menu.main .element2 > a,
nav.desktop ul.menu.main .element2 > a:focus,
nav.desktop ul.menu.main .element2 > a:visited,
nav.desktop ul.menu.main .element2 > a:active,
nav.desktop ul.menu.main .element2 > a:hover {
	display: block;
	padding: 25px 26px 5px;
	color: #004F25;
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 18px;
	line-height: 1.16em;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	opacity: 1;
}

nav.desktop ul.menu.main .element3 > a,
nav.desktop ul.menu.main .element3 > a:focus,
nav.desktop ul.menu.main .element3 > a:visited,
nav.desktop ul.menu.main .element3 > a:active,
nav.desktop ul.menu.main .element3 > a:hover {
	display: block;
	padding: 5px 26px;
	color: #484848;
	font-size: 16px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
}

nav.desktop ul.menu.main .element2 {
	position: relative;
	padding-bottom: 20px;
}

nav.desktop ul.menu.main .element2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 25px;
	right: 25px;
	height: 1px;
	background-color: #cbcac2;
	z-index: 5;
}

nav.desktop ul.menu.subnav {
	padding: 7.5px;
	float: left;
	width: 25%;
}

nav.desktop ul.menu.subnav li {
	background-color: #deddd6;
	padding: 2.5px 26px;
}

nav.desktop ul.menu.subnav li.first {
	padding-top: 20px;
}

nav.desktop ul.menu.subnav li.last {
	padding-bottom: 20px;
}

nav.desktop ul.menu.subnav .element1 > a,
nav.desktop ul.menu.subnav .element1 > a:focus,
nav.desktop ul.menu.subnav .element1 > a:visited,
nav.desktop ul.menu.subnav .element1 > a:active,
nav.desktop ul.menu.subnav .element1 > a:hover {
	font-size: 14px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
}

@media (max-width:991px) {
	nav.desktop ul.menu.main .element1,
	nav.desktop ul.menu.subnav {
		width: 50%;
	}
}

/* ==========================================================================
   MOBILE styles: opinionated defaults
   ========================================================================== */

body > .mobile {
	display: none;
}

.mm-menu {
	background: #e8e7e0;
	border-color: transparent;
	color: #484848;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
	padding-left: 15px;
	padding-right: 15px;
}

.mm-listview > li {
	position: relative;
}

.mm-listview > li > a,
.mm-listview > li > span {
	padding: 10px 0 10px;
}

.mm-listview > li.element1.main {
	margin-bottom: 5px;
}

.mm-listview > li.element1.main.last {
	margin-bottom: 10px;
}

.mm-listview > li.element1.main > a,
.mm-listview > li.element1.main > span {
	background-color: #004f25;
	padding: 14px 0 14px 15px;
	opacity: 1;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 16px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	color: #fff;
	text-transform: uppercase;
}

.mm-listview > li.element1.subnav > a,
.mm-listview > li.element1.subnav > span {
	background-color: #deddd6;
	padding: 5px 15px;
	opacity: 1;
	font-family: "Helvetica Neue LT W01_31488866";
	font-size: 12px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	color: #484848;
}

.mm-listview > li.element1.subnav.first > a,
.mm-listview > li.element1.subnav.first > span {
	padding-top: 15px;
}

.mm-listview > li.element1.subnav.last > a,
.mm-listview > li.element1.subnav.last > span {
	padding-bottom: 15px;
}

.mm-listview > li:not(.mm-divider)::after {
	display: none;
}

.mm-menu .mm-listview > li.element1.main .mm-next::after {
	border-color: #fff;
}

.mm-listview li.element1.main .mm-next {
	background: #004f25;
	opacity: 1;
}

.mm-listview li.element1.subnav .mm-next {
	background: #deddd6;
	opacity: 1;
}

.mm-listview li.element1.main .mm-next:before {
	top: 10px;
	bottom: 10px;
	border-color: #fff !important;
	opacity: 0.5;
}

.mm-navbars-top {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 62px;
}

.mm-navbar .mm-title {
	display: none;
}

.mm-navbar > a[aria-owns*="mm-"] + .mm-title {
	display: block;
}

.mm-menu .mm-navbar > a[aria-owns="mm-1"],
.mm-menu .mm-navbar > a[aria-owns="mm-1"] + * {
	background: #004f25;
	opacity: 1;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 16px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding: 14px 15px;
	height: 100%;
	width: 50px;
}

.mm-menu .mm-navbar > a[aria-owns="mm-1"] + * {
	padding: 14px 0 14px 15px;
	width: auto;
}

.mm-menu .mm-navbar > a[aria-owns="mm-1"]:after {
	content: '';
	border-left-width: 1px;
	border-left-style: solid;
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 50px;
	border-color: #fff !important;
	opacity: 0.5;
}
.mm-menu .mm-btn[aria-owns="mm-1"]:after,
.mm-menu .mm-btn[aria-owns="mm-1"]:before {
    border-color: #fff;
}

.mm-navbar.mm-hasbtns {
	padding-right: 0;
	padding-left: 50px;
	height: auto;
}

.mm-hasnavbar-top-1 .mm-panels {
	top: 50px;
}

.mm-panels > .mm-panel:first-child {
	margin-top: 12px;
}

.mm-panels > .mm-panel:first-child ~ * {
	margin-top: 62px;
}

.mm-listview > li.element2 > a,
.mm-listview > li.element2 > span {
	padding: 14px 20px;
	opacity: 1;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 16px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	color: #004f25;
	text-transform: uppercase;
}

.mm-listview > li.element2,
.mm-listview > li.element3 {
	border-bottom: 1px solid #cbcac1;
}

.mm-listview > li.element3.first {
	border-top: 1px solid #cbcac1;
}

.mm-listview li.element2 .mm-next:before {
	top: 10px;
	bottom: 10px;
	border-color: #cbcac1 !important;
}

.mm-menu .mm-listview > li.element2 .mm-next:after {
	border-color: #004f25;
}

.mm-menu .mm-navbar > a[aria-owns*="mm-"]:not([aria-owns="mm-1"]),
.mm-menu .mm-navbar > a[aria-owns*="mm-"]:not([aria-owns="mm-1"]) + * {
	opacity: 1;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 16px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	color: #004f25;
	text-transform: uppercase;
	text-align: left;
	padding: 14px 15px;
	height: 100%;
	width: 50px;
}

.mm-menu .mm-navbar > a[aria-owns*="mm-"]:not([aria-owns="mm-1"]) + * {
	padding: 14px 0 14px 15px;
	width: auto;
}

.mm-menu .mm-navbar > a[aria-owns*="mm-"]:not([aria-owns="mm-1"]):after {
	content: '';
	border-left-width: 1px;
	border-left-style: solid;
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 50px;
	border-color: #cbcac1 !important;
}

.mm-menu .mm-btn[aria-owns*="mm-"]:not([aria-owns="mm-1"]):after,
.mm-menu .mm-btn[aria-owns*="mm-"]:not([aria-owns="mm-1"]):before {
    border-color: #004f25;
}

.mm-listview > li.element3 > a,
.mm-listview > li.element3 > span {
	padding: 14px 20px;
	opacity: 1;
	font-family: "Helvetica Neue LT W01_31488866";
	font-size: 14px;
	line-height: 1.375em;
	letter-spacing: 0.025em;
	color: #484848;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
	margin-top: -19px;
}

.mm-slideout {
	-webkit-transition: none;
	transition: none;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
	background-color: #004f25;
}

.mm-menu .mm-listview > li.element2.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.element2.mm-selected > span,
.mm-menu .mm-listview > li.element3.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.element3.mm-selected > span {
	background-color: transparent;
}

/* ==========================================================================
   MOBILEHEADER styles: opinionated defaults
   ========================================================================== */

.mobileheader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
}

html.openmobile .mobileheader {
	display: block;
}

.mobileheader a.mobile {
	display: block;
}

.mobileheader .logo {
	width: 146px;
	padding: 0;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.mobileheader .outer-nav {
	position: absolute;
	right: 15px;
	top: 47px;
	z-index: 5;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.mobileheader .outer-nav {
	top: 25px;
}

.mobileheader .outer-nav > * {
	float: left;
}

.mobileheader ul.menu.language {
	display: block;
}

/* ==========================================================================
   MOBILEHEADER styles: opinionated defaults
   ========================================================================== */

.mask_bildbechriftung {
	position: relative;
	padding-top: 15px;
}

.mask_bildbechriftung figcaption.image-caption {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	padding: 15px 30px;
}

.mask_bildbechriftung .ce-gallery {
	float: none;
}

.mask_bildbechriftung img.image-embed-item {
	margin: 0 8.333%;
	width: 83.333%;
}

@media (max-width:991px) {
	.mask_bildbechriftung figcaption.image-caption {
		position: relative;
		left: auto;
		top: auto;
		caption-side: top;
	}

	.mask_bildbechriftung img.image-embed-item {
		margin: 0;
		width: 100%;
	}
}

/* ==========================================================================
   KONTAKTE UND PERSONEN styles: opinionated defaults
   ========================================================================== */

.mask_personen .mask_header_name {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	letter-spacing: 0.025em;
	font-size: 18px;
	line-height: 1em;
	text-transform: uppercase;
}

@media (max-width:767px) {
	.mask_personen .mask_header_name {
		letter-spacing: 0.025em;
		font-size: 17px;
		line-height: 1em;
	}
}

/* ==========================================================================
   ZITAT styles: opinionated defaults
   ========================================================================== */

.mask_zitat {
	border: 5px solid #e8e7e0;
	padding: 8% 9% 4% 9%;
	position: relative;
}

.mask_zitat.box {
	padding: 8% 255px 4% 9%;
	width: 91.667%;
}

.mask_zitat .inner-zitat {
	font-size: 20px;
	line-height: 1.6em;
	position: relative;
	z-index: 1;
}

@media (max-width:767px) {
	.mask_zitat .inner-zitat {
		font-size: 18px;
		line-height: 1.6em;
	}
}

.mask_zitat .mask_kachelhintergrund {
	position: absolute;
	right: -8.333%;
	top: 50%;
	z-index: 10;
	width: 255px;

	-webkit-transform: translateX(15px) translateY(-50%);
	-ms-transform: translateX(15px) translateY(-50%);
	transform: translateX(15px) translateY(-50%);
}

@media (max-width:767px) {
	.mask_zitat.box {
		padding: 100px 9% 4%;
		margin-top: 100px;
		width: 100%;
	}

	.mask_zitat .mask_kachelhintergrund {
		left: 50%;
		top: 0;

		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
}


.mask_zitat .quote {
	position: absolute;
	z-index: 0;
	left: 2.5%;
	top: 9%;
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 250px;
	line-height: 1;
	color: #e8e7e0;
	font-style: italic;
}

@media (max-width:767px) {
	.mask_zitat .quote {
		font-size: 175px;
		line-height: 1;
	}
}

/* ==========================================================================
   PUNKT UND LINIE styles: opinionated defaults
   ========================================================================== */

.mask_dotline .dot {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #004f25;
	position: relative;
	margin: 7px;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.mask_dotline .dot:before,
.mask_dotline .dot:after {
	content: "";
	display: block;
	width: 2px;
	height: 225px;
	background-color: #cecdc4;
	position: absolute;
	left: 4px;
	top: -225px;
	z-index: 5;
}

.mask_dotline .dot:after {
	top: auto;
	bottom: -225px;
}

@media (max-width:767px) {
	.mask_dotline .dot:before,
	.mask_dotline .dot:after {
		display: none;
	}
}

/* ==========================================================================
   NEUIGKEIT styles: opinionated defaults
   ========================================================================== */

.mask_neuigkeit > * {
	float: left;
}

.mask_neuigkeit > .outer-text {
	width: 58.333%;
	padding: 10% 7% 7%;
	position: relative;
}

.mask_neuigkeit > .outer-image {
	width: 41.667%;
}

.mask_neuigkeit time {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 5;
	font-family: "Helvetica Neue LT W01_67 Md Cn";
}

.mask_neuigkeit .ce-center .ce-outer {
	float: none;
	right: 0;
}

.mask_neuigkeit .ce-center .ce-inner {
	float: none;
	right: 0%;
}

@media (max-width:767px) {
	.mask_neuigkeit > .outer-text {
		width: 100%;
	}

	.mask_neuigkeit > .outer-image {
		width: 100%;
	}
}

/* ==========================================================================
   TEXTBOX styles: opinionated defaults
   ========================================================================== */

.mask_textbox .outer-text {
	padding: 40px 47px;
}

.mask_textbox .name2 {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	font-size: 15px;
	line-height: 1.375em;
	color: #87867A;
}

.mask_textbox.bigger .outer-text {
	padding: 80px 94px;
}

@media (max-width:991px) {
	.mask_textbox.bigger .outer-text {
		padding: 40px 47px;
	}
}

@media (max-width:991px) {
	#c3493 .mask_textbox .outer-text,
	#c3554 .mask_textbox .outer-text,
	#c1121 .mask_textbox .outer-text {
		padding: 40px 11.75px;
	}
}

@media (max-width:767px) {
	.mask_textbox .outer-text {
		padding: 10px 11.75px;
	}
	
	.mask_textbox.moveup .outer-text {
		padding: 25px 11.75px;
	}

	.mask_textbox.bigger .outer-text {
		padding: 20px 23.5px;
	}
}

.mask_textbox.smaller .outer-text {
	padding: 15px;
	font-size: 15px;
	line-height: 1.375em;
}

.mask_textbox.smaller .inner-text h4 {
}

.mask_textbox.min-height .outer-text {
	min-height: 595px;
}

.col-md-3 .mask_textbox.min-height .outer-text {
	min-height: 275px;
}

.col-md-4 .mask_textbox.min-height .outer-text {
	min-height: 395px;
}

.col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 675px;
}

#c730 .col-md-6 .mask_textbox.min-height .outer-text,
#c2786 .col-md-6 .mask_textbox.min-height .outer-text,
#c2717 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 325px;
}

#p37 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 480px;
}

#p49 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 265px;
}

#p49 #c1717 .row:first-child .col-md-6 .mask_textbox.min-height .outer-text,
#p49 #c2811 .row:first-child .col-md-6 .mask_textbox.min-height .outer-text,
#p49 #c2842 .row:first-child .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 525px;
}

#c2282 .row:nth-child(3) .col-md-6 .mask_textbox.min-height .outer-text,
#c2821 .row:nth-child(3) .col-md-6 .mask_textbox.min-height .outer-text,
#c2852 .row:nth-child(3) .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 615px;
}

#p49 #c2852 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 605px;
}

#p51 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 325px;
}

#p51 #c3219 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 395px;
}

#p54 .col-md-6 .mask_textbox.min-height .outer-text {
	min-height: 375px;
}

@media (max-width:767px) {
	.mask_textbox.min-height .outer-text {
		min-height: 0 !important;
	}

	#c1121 .mask_textbox.min-height .outer-text {
		min-height: 195px !important;
	}
	
	.col-md-3 .mask_textbox.min-height .inner-text h4 {
		font-size: 17px;
		line-height: 1.181em;
		letter-spacing: 0.025em;
	}
}

.mask_textbox.smaller.min-height .outer-text {
	min-height: 180px;
	position: relative;
}

html.no-touch .mask_textbox.smaller.min-height:hover .outer-text,
html.touch .mask_textbox.smaller.min-height .outer-text {
	background-color: #004f26;
	color: #fff !important;
}

.mask_textbox.smaller.min-height:hover .outer-text span,
html.touch .mask_textbox.smaller.min-height .outer-text span {
	color: #fff !important;
}

.mask_textbox.smaller.min-height a.mehr {
	display: none;
	position: absolute;
	bottom: 20px;
	width: auto;
	left: 23.5px;
	right: 23.5px;
}

.mask_textbox.smaller.min-height:hover a.mehr,
html.touch .mask_textbox.smaller.min-height a.mehr {
	display: block;
	color: #fff !important;
}

.mask_textbox.smaller.min-height:hover span.hide {
	display: none;
}

.mask_textbox .outer-more {
	display: none;
}

html.no-touch .mehrtext:hover a.showmore,
.mask_textbox.open a.showmore {
	display: none;
}

html.no-touch .mehrtext:hover .outer-more,
.mask_textbox.open .outer-more {
	display: block;
}

html.no-touch .mehrtext:hover .inner-text,
.mask_textbox.open .inner-text {
	display: none;
}

.mask_textbox.moveup {
	margin-top: -167px;
}

@media (max-width:991px) {
	.mask_textbox.smaller.min-height span.hide {
		display: none;
	}

	.mask_textbox.moveup {
		margin-top: -140px;
	}
}

@media (max-width:767px) {
	.mask_textbox.moveup {
		margin-top: -70px;
	}
}

.mask_textbox.moveup .outer-text {
	position: relative;
}

.mask_textbox.moveup a.mehrbox,
.mask_textbox.moveup a.mehrbox:visited,
.mask_textbox.moveup a.mehrbox:focus,
.mask_textbox.moveup a.mehrbox:active,
.mask_textbox.moveup a.mehrbox:hover {
	position: absolute !important;
	bottom: 0;
	left: 50%;
	white-space: nowrap;

	-webkit-transform: translateY(50%) translateX(-50%);
	-ms-transform: translateY(50%) translateX(-50%);
	transform: translateY(50%) translateX(-50%);
}

.mask_textbox .inner-text p {
	margin: 1em 0 0;
}

.mask_textbox.mindesktop265 .outer-text {
	min-height: 265px !important;
}

.mask_textbox.mindesktop305 .outer-text {
	min-height: 305px !important;
}

.mask_textbox.mindesktop325 .outer-text {
	min-height: 325px !important;
}

.mask_textbox.mindesktop350 .outer-text {
	min-height: 350px !important;
}

.mask_textbox.mindesktop375 .outer-text {
	min-height: 375px !important;
}

.mask_textbox.mindesktop400 .outer-text {
	min-height: 400px !important;
}

.mask_textbox.mindesktop425 .outer-text {
	min-height: 425px !important;
}

.mask_textbox.mindesktop450 .outer-text {
	min-height: 450px !important;
}

.mask_textbox.mindesktop475 .outer-text {
	min-height: 475px !important;
}

.mask_textbox.mindesktop500 .outer-text {
	min-height: 500px !important;
}

.mask_textbox.mindesktop525 .outer-text {
	min-height: 525px !important;
}

.mask_textbox.mindesktop550 .outer-text {
	min-height: 550px !important;
}

.mask_textbox.mindesktop575 .outer-text {
	min-height: 575px !important;
}

.mask_textbox.mindesktop600 .outer-text {
	min-height: 600px !important;
}

.mask_textbox.mindesktop625 .outer-text {
	min-height: 625px !important;
}

.mask_textbox.mindesktop650 .outer-text {
	min-height: 650px !important;
}

.mask_textbox.mindesktop675 .outer-text {
	min-height: 675px !important;
}

.mask_textbox.mindesktop680 .outer-text {
	min-height: 680px !important;
}

@media (max-width:991px) {
	.mask_textbox.mintablet265 .outer-text {
		min-height: 265px !important;
	}

	.mask_textbox.mintablet275 .outer-text {
		min-height: 275px !important;
	}

	.mask_textbox.mintablet300 .outer-text {
		min-height: 300px !important;
	}

	.mask_textbox.mintablet305 .outer-text {
		min-height: 305px !important;
	}

	.mask_textbox.mintablet325 .outer-text {
		min-height: 325px !important;
	}

	.mask_textbox.mintablet350 .outer-text {
		min-height: 350px !important;
	}

	.mask_textbox.mintablet375 .outer-text {
		min-height: 375px !important;
	}

	.mask_textbox.mintablet400 .outer-text {
		min-height: 400px !important;
	}

	.mask_textbox.mintablet425 .outer-text {
		min-height: 425px !important;
	}

	.mask_textbox.mintablet450 .outer-text {
		min-height: 450px !important;
	}

	.mask_textbox.mintablet475 .outer-text {
		min-height: 475px !important;
	}

	.mask_textbox.mintablet500 .outer-text {
		min-height: 500px !important;
	}

	.mask_textbox.mintablet525 .outer-text {
		min-height: 525px !important;
	}

	.mask_textbox.mintablet550 .outer-text {
		min-height: 550px !important;
	}

	.mask_textbox.mintablet575 .outer-text {
		min-height: 575px !important;
	}

	.mask_textbox.mintablet600 .outer-text {
		min-height: 600px !important;
	}

	.mask_textbox.mintablet625 .outer-text {
		min-height: 625px !important;
	}

	.mask_textbox.mintablet650 .outer-text {
		min-height: 650px !important;
	}

	.mask_textbox.mintablet675 .outer-text {
		min-height: 675px !important;
	}

	.mask_textbox.mintablet680 .outer-text {
		min-height: 680px !important;
	}
}

@media (max-width:767px) {
	.mask_textbox.mindesthoehe .outer-text {
		min-height: 0 !important;
	}
}

/* ==========================================================================
   AKKPRDEON styles: opinionated defaults
   ========================================================================== */

.mask_akkordeonelement {
	background-color: #004F25;
	margin-bottom: 2px;
	position: relative;

	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.mask_akkordeonelement:hover:not(.open) {
	background-color: #003718;
}

.mask_akkordeonelement.open {
	background-color: #E8E7E0;
}

.mask_akkordeonelement .akkordeonelement-header span {
	display: none;
	position: absolute;
	z-index: 5;
	left: 20px;
	top: 22px;
}

.mask_akkordeonelement .akkordeonelement-header span:first-child {
	display: block;
}

.mask_akkordeonelement.open .akkordeonelement-header span:first-child {
	display: none;
}

.mask_akkordeonelement.open .akkordeonelement-header span:first-child + span {
	display: block;
}

.mask_akkordeonelement .akkordeonelement-header {
	cursor: pointer;
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 17px;
	line-height: 1.353em;
	text-transform: uppercase;
	color: #fff;
	padding: 19px 30px 19px 60px;
}

.mask_akkordeonelement.open .akkordeonelement-header {
	color: #004F25;
}

.mask_akkordeonelement .akkordeonelement-content {
	padding: 5px 30px 20px 60px;
	display: none;
}

.mask_akkordeonelement.open .akkordeonelement-content {
	display: block;
}

/* ==========================================================================
   TABS styles: opinionated defaults
   ========================================================================== */

div[class*="col-"][class*="tab"] {
	display: none;
}

div[class*="col-"][class*="tab"].open {
	display: block;
}

.mask_tabnav {
	padding: 0;
}

.mask_tabnav .outer-tabnav {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 15px;
}

.mask_tabnav .inner-tabnav {
	min-width: 1040px;
}

.mask_tabnav ul.menu {
	margin: 0 -12px;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

body.startseite .mask_tabnav ul.menu {
	text-align: center;
}

@media (max-width:767px) {
	body.startseite .mask_tabnav ul.menu {
		text-align: left;
	}
}

.mask_tabnav ul.menu li {
	display: inline-block;
}

.mask_tabnav ul.menu li a,
.mask_tabnav ul.menu li a:visited,
.mask_tabnav ul.menu li a:focus,
.mask_tabnav ul.menu li a:active {
	position: relative;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 1.353em;
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	display: block;
	padding: 2px 12px;
	color: rgba(255,255,255,0.5);
}

.mask_tabnav ul.menu li a:hover,
.mask_tabnav ul.menu li.active a,
.mask_tabnav ul.menu li.active a:visited,
.mask_tabnav ul.menu li.active a:focus,
.mask_tabnav ul.menu li.active a:active {
	color: rgba(255,255,255,1);
}

.mask_tabnav ul.menu li a:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -8px;
	display: none;
	z-index: 50;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff transparent;
}

.mask_tabnav ul.menu li.active a:after {
	display: block;
}

.mask_tabnav ul.menu li[data-bg="custom2"] a:after {
	border-color: transparent transparent #e8e7e0 transparent;
}

body.startseite .mask_tabnav ul.menu li[data-bg="custom2"] a:after {
	border-color: transparent transparent #f8f8f6 transparent;
}

.mask_tabnav ul.menu li[data-bg="custom3"] a:after {
	border-color: transparent transparent #f8f8f6 transparent;
}

.mask_tabnav ul.menu li[data-bg="custom4"] a:after {
	border-color: transparent transparent #333333 transparent;
}

.mask_tabnav ul.menu li[data-bg="custom5"] a:after {
	border-color: transparent transparent #242424 transparent;
}

.mask_tabnav ul.menu li[data-bg="custom6"] a:after {
	border-color: transparent transparent #004f26 transparent;
}

/* ==========================================================================
   BILDTEXTBUTTON styles: opinionated defaults
   ========================================================================== */

.mask_bildtextbutton .ce-textpic {
	width: 25%;
	float: left;
}

.mask_bildtextbutton .inner-text {
	float: right;
	width: 75%;
	padding: 60px 70px 30px;
}

.mask_bildtextbutton a.mehrbox,
.mask_bildtextbutton a.mehrbox:visited,
.mask_bildtextbutton a.mehrbox:focus,
.mask_bildtextbutton a.mehrbox:active,
.mask_bildtextbutton a.mehrbox:hover {
	position: absolute !important;
	right: 45px;
	bottom: -25px;
}

.mask_bildtextbutton .outer-text {
	position: relative;
}

@media (max-width:767px) {
	.mask_bildtextbutton .ce-textpic {
		width: 100%;
	}

	.mask_bildtextbutton .inner-text {
		width: 100%;
	    padding: 20px 23.3px 30px;
	}
	
	.mask_bildtextbutton .ce-textpic,
	.mask_bildtextbutton .ce-textpic * {
		float: none !important;
	}
	
	.mask_bildtextbutton a.mehrbox,
	.mask_bildtextbutton a.mehrbox:visited,
	.mask_bildtextbutton a.mehrbox:focus,
	.mask_bildtextbutton a.mehrbox:active,
	.mask_bildtextbutton a.mehrbox:hover {
	    right: 23.3px;
	}

	.mask_bildtextbutton .outer-text {
		margin-bottom: 26px;
	}
}

/* ==========================================================================
   TOOLTIP styles: opinionated defaults
   ========================================================================== */

.mask_tooltip {
	position: relative;
}

.mask_tooltip .inner-text {
	display: none;
	position: absolute;
	left: 50px;
	max-width: 70%;
	padding: 0 30px;
	top: 70px;
	background-color: #fff;
	z-index: 50;

	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

html.no-touch .mask_tooltip a.tooltip:hover + .inner-text,
html.no-touch .mask_tooltip a.tooltip:active + .inner-text,
html.no-touch .mask_tooltip.open .inner-text {
	-webkit-user-select: none;
	-webkit-touch-callout: none;

	display: block;
}

.mask_tooltip .inner-text:after {
	content: "";
	position: absolute;
	top: -8px;
	left: 30px;
	display: block;
	z-index: 50;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff transparent;
}

/* ==========================================================================
   TEXTMEHR styles: opinionated defaults
   ========================================================================== */

.mask_textmehr .inner-text > a.showmore ~ * {
	display: none;
}

.mask_textmehr.open .inner-text > a.showmore {
	display: none;
}

.mask_textmehr.open .inner-text > a.showmore ~ * {
	display: block;
}

/* ==========================================================================
   LEGIERUNGEN styles: opinionated defaults
   ========================================================================== */

.mask_tabnav li.first {
	margin-left: 22px;
	padding-left: 23px;
	position: relative;
}

.mask_tabnav li.first:before {
	content: "";
	position: absolute;
	left: 0;
	top: -15px;
	bottom: -15px;
	height: auto;
	z-index: 5;
	border-left: 1px solid rgba(255,255,255,0.5);
}

/* ==========================================================================
   Lightbox styles: opinionated defaults
   ========================================================================== */

.mfp-bg {
	background: #3E3E39;
	opacity: 0.82;
}

.mfp-ajax-holder .mfp-content {
	max-width: 955px;
	background-color: #fff;
}

.mfp-ajax-holder .mfp-content .content > .inner-content {
	padding: 60px 80px;
}

.mfp-box .mfp-ajax-holder .mfp-content .content > .inner-content {
	padding: 0 !important;
}

.mfp-box div[class*="col-"] {
	padding-top: 0;
	padding-bottom: 0;
}

.mfp-ajax-holder .mfp-content .frame-layout-1 table.contenttable {
	min-width: 755px;
}

.mfp-ajax-holder .mfp-content .mask_tabnav .inner-tabnav {
	min-width: 725px;
}

.mfp-close-btn-in .mfp-close {
	color: #87867a;
	right: 32px;
	top: 26px;
	padding: 0;
	z-index: 5000;
	opacity: 1;
	font-size: 24px;
	line-height: 48px;
}

.mfp-close-btn-in .mfp-iframe-holder .mfp-close {
	left: 0;
	top: -45px;
	color: #fff;
}

@media (max-width:767px) {
	.mfp-ajax-holder .mfp-content .content > .inner-content {
		padding: 60px 15px 15px;
	}
}

/* ==========================================================================
   Tageskurse styles: opinionated defaults
   ========================================================================== */

body.startseite .tx_hedelmetallkurse.mask_tabnav-filter,
body.startseite .tx_hedelmetallkurse.custom2 {
	background-color: #f8f8f6;
}

body.startseite .tx_hedelmetallkurse.mask_tabnav-filter > * {
	background-color: #004f26;
	max-width: 1070px;
}

.tx_hedelmetallkurse table.contenttable {
	margin: 10px 0;
}

.tx_hedelmetallkurse table.contenttable td ~ td {
	text-align: center;
}

.tdEDMKPreistitelGr {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
}

.tx_hedelmetallkurse hr {
	margin: 1em 0 1.5em;
}

/* ==========================================================================
   Chartcontainer styles: opinionated defaults
   ========================================================================== */

.outer-chart {
	background-color: #fff;
	margin: 1em 0;
	padding: 50px 40px;
}

.chart-container {
	height: 360px;
	width: 100%;
}

.divKursfinderCont {
	margin: 1em 0;
}

.divKursfinderCont form > * {
	margin: 10px 0;
}

.divKursfinderCont form > .outer-datum {
	margin: 23px 0;
}

/*
tx_evoweb_sfregister update
*/
.tx_evoweb_sfregister #bargraph{display:none;height:14px;width:372px}.tx_evoweb_sfregister #bargraph.show{display:block}.tx_evoweb_sfregister #sfrZone_loading{background:transparent url(/typo3/sysext/core/Resources/Public/Icons/T3Icons/spinner/spinner-circle-dark.svg) no-repeat 4px 1px;padding-left:24px}.tx_evoweb_sfregister form{overflow:hidden;width:100%;max-width:800px}.tx_evoweb_sfregister .clear{clear:left;width:100%;height:1px}.tx_evoweb_sfregister .form-group{float:left;width:48%;margin:0;min-height:70px}.tx_evoweb_sfregister .form-group label{float:left}.tx_evoweb_sfregister .form-group.checkbox{padding-top:20px;min-height:50px}.tx_evoweb_sfregister .form-group.checkbox label{float:none;display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.tx_evoweb_sfregister .form-control{display:block;width:90%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background:#fff none;border:1px solid #ccc;border-radius:4px}.tx_evoweb_sfregister select.form-control{width:97%}.tx_evoweb_sfregister .checkbox label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.tx_evoweb_sfregister .checkbox label::after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0;margin-left:-20px;padding-left:1px;padding-top:1px;font-size:11px;color:#555}.tx_evoweb_sfregister .checkbox input[type=checkbox],.tx_evoweb_sfregister .checkbox input[type=radio]{opacity:0;z-index:1}.tx_evoweb_sfregister .checkbox input[type=checkbox]:focus+label::before,.tx_evoweb_sfregister .checkbox input[type=radio]:focus+label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.tx_evoweb_sfregister .checkbox input[type=checkbox]:checked+label::after,.tx_evoweb_sfregister .checkbox input[type=radio]:checked+label::after{font-size:1.3em;line-height:.9em;content:"\2713"}.tx_evoweb_sfregister .checkbox input[type=checkbox]:disabled+label,.tx_evoweb_sfregister .checkbox input[type=radio]:disabled+label{opacity:.65}.tx_evoweb_sfregister .checkbox input[type=checkbox]:disabled+label::before,.tx_evoweb_sfregister .checkbox input[type=radio]:disabled+label::before{background-color:#eee;cursor:not-allowed}.tx_evoweb_sfregister .form-group.city{width:29%;margin-left:10px}.tx_evoweb_sfregister .form-group.housenumber{width:12%;margin-left:10px}.tx_evoweb_sfregister .form-group.zip{width:16%}.tx_evoweb_sfregister .form-group.housenumber input,.tx_evoweb_sfregister .form-group.zip input{width:80%}.tx_evoweb_sfregister .form-group.dateOfBirth select{padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background:#fff none;border:1px solid #ccc;border-radius:4px}.tx_evoweb_sfregister .form-group.captcha{min-height:inherit}.tx_evoweb_sfregister .grecaptcha-badge{margin-right:-10000px}.tx_evoweb_sfregister .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.tx_evoweb_sfregister .btn.active.focus,.tx_evoweb_sfregister .btn.active:focus,.tx_evoweb_sfregister .btn.focus,.tx_evoweb_sfregister .btn:active.focus,.tx_evoweb_sfregister .btn:active:focus,.tx_evoweb_sfregister .btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.tx_evoweb_sfregister .btn.focus,.tx_evoweb_sfregister .btn:focus,.tx_evoweb_sfregister .btn:hover{color:#333;text-decoration:none}.tx_evoweb_sfregister .btn.active,.tx_evoweb_sfregister .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.tx_evoweb_sfregister .btn.disabled,.tx_evoweb_sfregister .btn[disabled],.tx_evoweb_sfregister fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}.tx_evoweb_sfregister a.btn.disabled,.tx_evoweb_sfregister fieldset[disabled] a.btn{pointer-events:none}.tx_evoweb_sfregister .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.tx_evoweb_sfregister .btn-primary.focus,.tx_evoweb_sfregister .btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.tx_evoweb_sfregister .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.tx_evoweb_sfregister .btn-primary.active,.tx_evoweb_sfregister .btn-primary:active,.tx_evoweb_sfregister .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.tx_evoweb_sfregister .btn-primary.active.focus,.tx_evoweb_sfregister .btn-primary.active:focus,.tx_evoweb_sfregister .btn-primary.active:hover,.tx_evoweb_sfregister .btn-primary:active.focus,.tx_evoweb_sfregister .btn-primary:active:focus,.tx_evoweb_sfregister .btn-primary:active:hover,.tx_evoweb_sfregister .open>.dropdown-toggle.btn-primary.focus,.tx_evoweb_sfregister .open>.dropdown-toggle.btn-primary:focus,.tx_evoweb_sfregister .open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.tx_evoweb_sfregister .btn-primary.active,.tx_evoweb_sfregister .btn-primary:active,.tx_evoweb_sfregister .open>.dropdown-toggle.btn-primary{background-image:none}.tx_evoweb_sfregister .btn-primary.disabled.focus,.tx_evoweb_sfregister .btn-primary.disabled:focus,.tx_evoweb_sfregister .btn-primary.disabled:hover,.tx_evoweb_sfregister .btn-primary[disabled].focus,.tx_evoweb_sfregister .btn-primary[disabled]:focus,.tx_evoweb_sfregister .btn-primary[disabled]:hover,.tx_evoweb_sfregister fieldset[disabled] .btn-primary.focus,.tx_evoweb_sfregister fieldset[disabled] .btn-primary:focus,.tx_evoweb_sfregister fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.tx_evoweb_sfregister .btn-primary .badge{color:#337ab7;background-color:#fff}.tx_evoweb_sfregister .file-upload{position:relative;overflow:hidden;margin:0 10px;width:20%}.tx_evoweb_sfregister .file-upload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0}.tx_evoweb_sfregister .upload .form-control{float:left;width:61%}.tx_evoweb_sfregister .form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.tx_evoweb_sfregister .pull-right{float:right!important}.tx_evoweb_sfregister .pull-left{float:left!important}

.tx_evoweb_sfregister iframe#bargraph.show {
	display: none;
}

.form-group.checkbox.gtc,
.form-group.checkbox.privacy {
	width: 100%;
	padding-left: 30px;
}

.form-group.checkbox.gtc input[type="checkbox"],
.form-group.checkbox.privacy input[type="checkbox"] {
	position: absolute;
}

.tx_evoweb_sfregister .checkbox label:before {
	top: 3px;
}

.divKursfinderCont .outer-select,
div.powermail_fieldwrap_type_select > .powermail_field,
.tx_evoweb_sfregister .outer-select {
	background-color: #fff;
	width: 100%;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	color: #87867a;
	position: relative;
}

.divKursfinderCont .outer-select:before,
div.powermail_fieldwrap_type_select > .powermail_field:before,
.tx_evoweb_sfregister .outer-select:before {
	content: "";
	position: absolute;
	right: 46px;
	top: 10px;
	bottom: 10px;
	height: auto;
	border-left: 2px solid #d6d6d2;
	z-index: 5;
}

.divKursfinderCont .outer-select:after,
div.powermail_fieldwrap_type_select > .powermail_field:after,
.tx_evoweb_sfregister .outer-select:after {
	content: "";
	position: absolute;
	right: 17px;
	top: 17px;
	color: #004f26;
	z-index: 5;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\e904";
}

.divKursfinderCont select,
div.powermail_fieldwrap_type_select > .powermail_field select,
.tx_evoweb_sfregister .outer-select select {
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 0 25px;
	height: 50px;
	text-transform: uppercase;
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	position: relative;
	z-index: 10;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.divKursfinderCont select::-ms-expand,
div.powermail_fieldwrap_type_select > .powermail_field select::-ms-expand,
.tx_evoweb_sfregister .outer-select select::-ms-expand {
	display: none;
}

.divKursfinderCont select,
div.powermail_fieldwrap_type_select > .powermail_field select,
.divKursfinderCont input,
.tx_evoweb_sfregister .outer-select select {
	width: 100%;
}

.outer-datum td:first-child + td {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	color: #87867a;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

.date,
.dateVon,
.dateBis {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	text-transform: uppercase;
	color: #87867a;
	background-color: #fff;
	border: 0 none transparent;
	line-height: 50px;
	height: 50px;
	text-align: center;
}

.submKursfnder {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	text-transform: uppercase;
	color: #fff;
	background-color: #004f26;
	border: 0 none transparent;
	line-height: 50px;
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
}

/* ==========================================================================
   Powermail styles: opinionated defaults
   ========================================================================== */

div.tx-powermail .container-fluid {
	padding: 0;
}

form.powermail_form > h3,
form.powermail_form legend {
	display: none;
}

form.powermail_form h3 {
	margin-bottom: 15px;
}

form.powermail_form h4 {
	color: #87867a;
	margin: 0;
}

fieldset.powermail_fieldset {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

div.powermail_fieldwrap {
	margin-top: 7.5px;
	margin-bottom: 7.5px;
	float: left;
	padding-left: 7.5px;
	padding-right: 7.5px;
	width: 100%;
	position: relative;
}

fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap {
	width: 50%;
}

fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_check,
fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_content {
	width: 33.333333%;
}

fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_html,
fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_textarea,
fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_text,
fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_submit,
fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_radiobuttons,
.tx_evoweb_sfregister .form-control {
	width: 100%;
}

input.powermail_input,
input.powermail_captcha,
input.powermail_date,
textarea.powermail_textarea,
#tx_felogin_pi1-forgot-email,
input.tx-indexedsearch-searchbox-sword,
.tx_evoweb_sfregister .form-control {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	text-transform: uppercase;
	color: #87867a;
	background-color: #fff;
	border: 0 none transparent;
	line-height: 50px;
	height: 50px;
	width: 100%;
	padding: 0 20px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

input.powermail_captcha,
.powermail_captchaimage {
	width: 50%;
	max-height: 50px;
}

.powermail_captchaimage {
	float: left;
}

.powermail_fieldwrap_type_captcha {
	text-align: right;
}

input.tx-indexedsearch-searchbox-sword {
	margin-top: 0.5em;
}

textarea.powermail_textarea {
	height: auto;
	line-height: 1.375em;
	padding: 20px;
}

div.tx-powermail div.radio ~ div.radio {
	margin-top: 0.25em;
}

div.tx-powermail div.radio input,
div.tx-powermail div.checkbox input {
	margin-right: 0.25em;
}

input.powermail_submit,
.powermail_confirmation input.btn-danger,
.powermail_confirmation input.btn-primary,
input.tx-indexedsearch-searchbox-button {
	font-family: "Helvetica Neue LT W01_77 Bd Cn";
	text-transform: uppercase;
	color: #fff;
	background-color: #004f26;
	border: 0 none transparent;
	line-height: 50px;
	padding: 0 20px;
	height: 50px;
	margin: 0 0 0 auto;
	display: inherit;
	min-width: 200px;
}

.powermail_confirmation input.btn-danger {
	margin-right: 1em;
}

form.powermail_form ul.parsley-errors-list {
	background-color: red;
	border: 1px solid red;
	bottom: -15px;
	font-size: 0.75em;
	margin: 0;
	padding: 2px 8px;
	position: absolute;
	right: 0;
	width: auto;
	z-index: 5;
	opacity: 0.5;
}

form.powermail_form ul.parsley-errors-list:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #ff0000 transparent transparent;
	left: -10px;
	top: 3px;
}

form.powermail_form ul.parsley-errors-list li {
	color: #fff;
	list-style-type: none;
	margin: 0;
	opacity: 1;
}

form.powermail_form .powermail_field {
	position: relative;
}

form.powermail_form ul.parsley-errors-list li:before {
	display: none;
}

/* Sonderfall Service-Paket */

form.powermail_form_4 {
	padding: 0 94px 80px;
	background-color: #e8e7e0;
	position: relative;
	z-index: 5;
	margin-top: -80px;
}

form.powermail_form_4 div.powermail_fieldwrap_type_input,
form.powermail_form_4 div.powermail_fieldwrap_type_submit,
form.powermail_form_4 div.powermail_fieldwrap_type_captcha,
form.powermail_form_5 div.powermail_fieldwrap_type_input,
form.powermail_form_6 div.powermail_fieldwrap_type_input,
form.powermail_form_6 div.powermail_fieldwrap_type_check,
form.powermail_form_6 div.powermail_fieldwrap_type_submit,
form.powermail_form_6 div.powermail_fieldwrap_type_captcha,
form.powermail_form_11 div.powermail_fieldwrap_type_input,
form.powermail_form_11 div.powermail_fieldwrap_type_check,
form.powermail_form_11 div.powermail_fieldwrap_type_submit,
form.powermail_form_11 div.powermail_fieldwrap_type_captcha,
form.powermail_form_22 div.powermail_fieldwrap_type_input,
form.powermail_form_22 div.powermail_fieldwrap_type_check,
form.powermail_form_22 div.powermail_fieldwrap_type_submit,
form.powermail_form_22 div.powermail_fieldwrap_type_captcha {
	width: 50%;
}

form.powermail_form_6 .powermail_fieldset_40 div.powermail_fieldwrap_type_check {
	width: 100%;
}

form.powermail_form_6 .powermail_fieldset_40 div.powermail_fieldwrap_type_check .checkbox  {
	display: inline-block;
	width: 10%;
}

form.powermail_form_4 div.powermail_fieldwrap_type_input {
	padding-right: 0;
}

form.powermail_form_4 div.powermail_fieldwrap_type_submit {
}

form.powermail_form_4 input.powermail_submit {
	margin: 0 auto 0 0;
}

.powermail_confirmation h1 {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 24px;
	line-height: 1.3em;
	letter-spacing: 0.025em;
	color: #004f26;
}

@media (max-width:991px) {
	form.powermail_form_4 div.powermail_fieldwrap_type_input {
		width: 60%;
	}

	form.powermail_form_4 div.powermail_fieldwrap_type_submit {
		width: 40%;
	}

	form.powermail_form_4 {
		padding: 0 47px 40px;
		margin-top: -40px;
	}
}

@media (max-width:767px) {
	form.powermail_form_4 div.powermail_fieldwrap_type_input,
	form.powermail_form_4 div.powermail_fieldwrap_type_submit,
	form.powermail_form_5 div.powermail_fieldwrap_type_input,
	form.powermail_form_6 div.powermail_fieldwrap_type_input,
	form.powermail_form_6 div.powermail_fieldwrap_type_captcha,
	form.powermail_form_6 div.powermail_fieldwrap_type_check,
	form.powermail_form_11 div.powermail_fieldwrap_type_input,
	form.powermail_form_11 div.powermail_fieldwrap_type_check,
	form.powermail_form_11 div.powermail_fieldwrap_type_submit,
	form.powermail_form_22 div.powermail_fieldwrap_type_input,
	form.powermail_form_22 div.powermail_fieldwrap_type_check,
	form.powermail_form_22 div.powermail_fieldwrap_type_submit {
		width: 100%;
	}

	fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap {
		width: 100%;
	}

	fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_check,
	fieldset.powermail_fieldset_1 ~ fieldset.powermail_fieldset div.powermail_fieldwrap_type_content {
		width: 100%;
	}

	form.powermail_form_4 div.powermail_fieldwrap_type_input {
		width: 100%;
		padding: 0;
	}

	form.powermail_form_4 div.powermail_fieldwrap_type_submit {
		width: 100%;
	}

	form.powermail_form_4 {
		padding: 0 23.5px 20px;
		margin-top: -20px;
	}
}

.powermail_message.powermail_message_error {
	display: none;
}

.f3-form-error {
	border: 1px solid red !important;
}

.f3-form-error[type="checkbox"] + label {
	color: red !important;
}

.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap {
	width: 33.33%;
}

.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(5),
.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(6) {
	width: 50%;
}

.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(7),
.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(8) {
	width: 80%;
}

.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(9) {
	width: 20%;
}

@media (max-width:767px) {
	.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(5),
	.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(6) {
		width: 100%;
	}
	.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(7),
	.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(8) {
		width: 100%;
	}

	.powermail_form_23 .powermail_fieldset > .powermail_fieldwrap:nth-child(9) {
		width: 100%;
	}
}

/* ==========================================================================
   SEARCH styles: opinionated defaults
   ========================================================================== */

.tx-indexedsearch-rules {
	margin-top: 3em;
}

.tx-indexedsearch-icon {
	display: none;
}

/* ==========================================================================
   FRÄSEN IN EDELMETALL styles: opinionated defaults
   ========================================================================== */

.tx-felogin-pi1 {
	background: url(https://www.c-hafner.de/fileadmin/user_upload/allgemeines/gruener-hintergrund-hoch.jpg) no-repeat bottom left scroll #004f21;
	background-size: 100% auto;
	padding: 55px 60px 50px;
	color: #fff;
}

.tx-felogin-pi1 h3 {
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 1em;
}

.tx-felogin-pi1 h3 + div {
	margin-bottom: 10px;
}

.tx-felogin-pi1 a,
.tx-felogin-pi1 a:visited,
.tx-felogin-pi1 a:focus,
.tx-felogin-pi1 a:active,
.tx-felogin-pi1 a:hover {
	color: #fff;
}

.tx-felogin-pi1 div.powermail_fieldwrap {

}

.tx-felogin-pi1 input.powermail_submit {
    color: #004f26;
    background-color: #e8e7e0;
	min-width: 110px;
	margin: 0 0 0 auto;
}

.tx_evoweb_sfregister {
	background-color: #e8e7e0;
	padding: 55px 60px 50px;
}

.tx_evoweb_sfregister h3 {
	text-transform: uppercase;
	margin-bottom: 1em;
}

.tx_evoweb_sfregister .form-group .error {
	display: none;
}


.tx_evoweb_sfregister .form-group.housenumber input,
.tx_evoweb_sfregister .form-group.zip input {
	width: 100%;
}

.tx_evoweb_sfregister .form-group.city {
	margin-left: 0;
	width: 34%;
}

#c8724 .tx_evoweb_sfregister .form-group.city,
#c8770 .tx_evoweb_sfregister .form-group.city,
#c8779 .tx_evoweb_sfregister .form-group.city {
	width: 84%;
}

.tx_evoweb_sfregister .form-group {
	margin-top: 7.5px;
	margin-bottom: 7.5px;
	float: left;
	padding-left: 7.5px;
	padding-right: 7.5px;
	width: 50%;
	position: relative;
	min-height: 55px;
}

.tx_evoweb_sfregister form.form .form-group {
	min-height: 0;
}

.tx_evoweb_sfregister .form-group.submit {
	width: 100%;
}

.tx_evoweb_sfregister .inner-select {
	clear: both;
}

@media (max-width:767px) {
	.tx_evoweb_sfregister .form-group {
		width: 100%;
	}
}

.tx_evoweb_sfregister .form-group.password {
	overflow: visible;
}

.tx_evoweb_sfregister #bargraph {
	width: auto!important;
	margin-left: -10px;
}

.tx_evoweb_sfregister #bargraph.show {
	border: 0 none transparent;
}

.tx_evoweb_sfregister .errorMessage {
	padding: 0 7.5px;
}

.tx_evoweb_sfregister .form-group.username {
	display: none;
}

/* ==========================================================================
   PRINT styles: opinionated defaults
   ========================================================================== */

.h_scannerkonfigurieren-selection {
	background-color: #e8e7e0;
	padding: 50px;
}

.h_scannerkonfigurieren-selection fieldset {
	margin-left: 32.5px;
	max-width: 80%;
}

.h_scannerkonfigurieren-selection h6 {
	margin-left: 40px;
	position: relative;
}

.h_scannerkonfigurieren-selection h6:before {
	content: "1";
	position: absolute;
	left: -40px;
	top: -1px;
	font-size: 14px;
	border: 2px solid #004f26;
	display: block;
	line-height: 22px;
	width: 25px;
	height: 25px;
	text-align: center;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.h_scannerkonfigurieren-selection div[class*="col-"] + div[class*="col-"] h6:before {
	content: "2";
}

.h_scannerkonfigurieren-distributor .outer-distributor {
	background-color: #004f25;
	padding: 50px 50px 34px;
	margin-top: 15px;
	color: #fff;
}

.h_scannerkonfigurieren-distributor .outer-distributor h3 {
	color: #fff;
}

.h_scannerkonfigurieren-distributor .outer-distributor a,
.h_scannerkonfigurieren-distributor .outer-distributor a:active,
.h_scannerkonfigurieren-distributor .outer-distributor a:focus,
.h_scannerkonfigurieren-distributor .outer-distributor a:visited,
.h_scannerkonfigurieren-distributor .outer-distributor a:hover {
	color: #fff;
	font-weight: bold;
}

/* ==========================================================================
   PRINT styles: opinionated defaults
   ========================================================================== */

@media print {
	.print-logo {
		width: 200px !important;
		margin-bottom: 25px;
	}

	.mfp-close,
	.drucken {
		opacity: 0 !important;
	}

	section.content > .inner-content {
		padding: 0 !important;
	}

	a[href]:after {
		content: "" !important;
	}
}

/* ==========================================================================
   SOCIALLINKS styles: opinionated defaults
   ========================================================================== */

.mask_sociallinks {

}

.mask_sociallinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mask_sociallinks li {
	display: inline-block;
	margin-right: 5px;
}

.mask_sociallinks a,
.mask_sociallinks a:active,
.mask_sociallinks a:visited,
.mask_sociallinks a:focus {
	display: block;
	background-color: #242424;
	padding: 6px 9px;
	color: #fff;
	font-weight: 600;
}

.mask_sociallinks a:hover {
	opacity: 1;
}

.mask_sociallinks a:hover[href*="facebook.com"] {
	background-color: #4065B4;
}

.mask_sociallinks a:hover[href*="linkedin.com"] {
	background-color: #0072B2;
}

.mask_sociallinks a:hover[href*="youtube.com"] {
	background-color: #FF0000;
}

.mask_sociallinks a:hover[href*="instagram.com"] {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

/** Teaser Section **/

.mouse-wrap.teaser-sections-scroll{
	bottom:unset;
	position: fixed;
	top:92vh;
}

.teaser-sections{
	width:100%;
	min-height:620px;
	position: relative;
	padding: 5% 0 7% 10%;
	background-position: 100% 20%;
}

.teaser-background-image img {
	width: 100%;
	height: auto;
}

.over-title h6 {
	font-size: 16px;
	letter-spacing: 0.4px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 10px;
}

.teaser-sections.black .over-title h6{
	color: #484848;
}

.teaser-sections.white .over-title h6{
	color: #FFFFFF;
}

.teaser-sections.black .main-title {
	color: #484848;
}

.teaser-sections.white .main-title {
	color: #FFFFFF;
}

.main-title {
	font-size: 48px;
	letter-spacing: 0;
	color: #FFFFFF;
	line-height: 50px;
	margin-top:29px;
	width: 931px;
}

.main-text {
	max-width: 650px;
}

.main-title p{
	margin:0;
}

.teaser-sections.black span.over-title-border {
	border-top: 2px solid #484848;
}

.teaser-sections.white span.over-title-border {
	border-top: 2px solid #FFFFFF;
}

span.over-title-border {
	border-top: 2px solid white;
	width: 49px;
	height: 10px;
	position: absolute;
}

.teaser-section-footer {
	width: 100%;
	min-height: 620px;
	position: relative;
}

.bubble-background {
	margin-top:42px;
	background-size: contain;
	display: inline-block;
	padding: 0px 30px 82px 40px;
	width: 417px;
}

.bubble-title h3{
	font-size: 24px;
	letter-spacing: 0.6px;
	color: #484848;
	text-transform: uppercase;
	text-align: center;
}

.bubble-title {
	min-height: 86px;
	display: flex;
	align-items: center;
}

.bubble-container {
	display: inline-block;
	padding: 0px 30px 0px 0px;
	width: 430px;
	position: relative;
}

.bubble-icon{
	bottom: 20px;
	position: relative;
	padding-left: 230px;
}

.bubble-container.container-1 .bubble-background {
	margin-top: 20px;
	background-size: contain;
	display: inline-block;
	padding: 15px 30px 10px 40px;
	width: 320px;
}

.bubble-container.container-1 .bubble-icon{
	bottom: 25px;
	position: relative;
	padding-left: 170px;
}

.bubble-container.container-1 .bubble-title{
	width: 200px;
	bottom: 65px;
	position: relative;
	right: 20px;
}

.bubble-container.container-2{
	display: block;
	margin-left: 300px;
	margin-top: -25px;
	width:330px;
	padding:0;
}

.bubble-container.container-1 {
	height: 200px;
}

.bubble-container.container-2 .bubble-background {
	margin-top:0;
	background-size: contain;
	display: inline-block;
	padding: 10px 70px 55px 20px;
	width: 330px;
	height: 250px;
}

.bubble-container.container-2 .bubble-icon{
	bottom: 5px;
	position: relative;
	padding-left: 120px;
}

.bubble-container.container-0 {
	height: 260px;
}

.bubble-container.container-0 .bubble-title {
	margin-top: -12px;
}

.teaser-sections.black .bubble-title h3 {
	color: #484848;
}

.teaser-sections.white .bubble-title h3 {
	color: #FFFFFF;
}

.bubble-plus-icon {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 85px;
	bottom: 20px;
}

.bubble-plus-icon.icon-1 {
	left: 55px;
}

.bubble-plus-icon.icon-2 {
	left: unset;
	right: 35px;
	bottom: 90px;
}

.bubble-icon-lightbox {
	margin-bottom: 25px;
	margin-top: 30px;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 40px 80px 40px 80px;
	width: auto;
	max-width: 650px;
	margin: 20px auto;
	transition: 1s all;
}

/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-close-btn-in .mfp-close {
	font-size: 34px;
}

/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

body.noscroll {
	overflow-y: hidden!important;
}

.white-popup h1, .white-popup h2, .white-popup h3, .white-popup h4 {
	font-size: 30px;
	letter-spacing: 0.75px;
	color: #484848;
	text-transform: uppercase;
}

.lightbox-image-desktop img{
	max-width: 490px;
	height: auto;
}

.lightbox-image-desktop {
	margin-top: 20px;
}

.teaser-section-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	height:660px;
	background-size: cover;
}

.teaser-footer-title h2{
	font-size:41px;
	letter-spacing: 2.5px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.teaser-footer-icons{
	width: 100%;
	text-align: center;
}

.teaser-icon-container {
	display: flex;
	margin-top: 50px;
}

.teaser-icon-wrapper {
	width: 100%;
	text-align: center;
}

.teaser-icon-title h3{
	font-size:16px;
	letter-spacing: 0.4px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.lightbox-image-mobile{
	display:none;
}

.lazy-image{
	background-repeat: no-repeat;
	background-size: cover;
}

.footer .custom15{
	position: absolute;
	top: -90px;
}

.footer .custom15 a{
	color: #FFFFFF;
}

.blob.white {
	border-radius: 50%;
	transform: scale(1);
	background: #E7E6DF;
	box-shadow: 0 0 0 0 rgba(231, 230, 223, 1);
	animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(231, 230, 223, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(231, 230, 223, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(231, 230, 223, 0);
	}
}

@media (min-width: 1024px) and (max-width:1350px) {
	.teaser-sections {
		background-position: 0% 20%;
	}

	.mouse-wrap.teaser-sections-scroll{
		bottom:unset;
		top:82vh;
	}
}

@media (min-width: 768px) and (max-width:1023px) {
	.teaser-sections {
		background-position: 58% 20%;
		padding: 7% 0 7% 6%;
	}

	.mouse-wrap.teaser-sections-scroll{
		bottom:unset;
		top:82vh;
	}

	.bubble-title{
		min-height: 66px;
		display: flex;
		align-items: center;
	}

	.main-title{
		margin-right: 60px;
		width: auto;
	}

	.bubble-container {
		display: block;
	}

	.bubble-container.container-0 .bubble-background {
		margin-left: -55px;
	}

	.bubble-container.container-1 .bubble-background {
		margin-left: 20px;
	}

	.bubble-container.container-2 {
		display: block;
		margin-left: 0;
		margin-top: 0;
		width: 330px;
		padding: 0;
	}

	.bubble-container.container-1 {
		height: auto;
		max-height: 200px;
	}

	.bubble-plus-icon {
		right: 130px;
	}

	.bubble-plus-icon.icon-1 {
		left: 70px;
	}

	.bubble-plus-icon.icon-2 {
		left: unset;
	}
}

@media  (max-width:767px) {
	.teaser-sections {
		background-position: 50% 20%;
		padding: 13% 6% 8% 6%;
		min-height: 470px;
	}

	.bubble-background{
		width:auto;
	}

	.bubble-container {
		display: block;
		padding: 0px 40px 0px 0px;
		width: 350px;
	}

	.bubble-container.container-0{
		height:unset;
		margin-left: -20px;
	}

	.bubble-container.container-1{
		height:unset;
		min-height: 100px;
	}

	.bubble-container.container-2{
		height:unset;
	}


	.bubble-container.container-1 .bubble-background {
		margin-left: 20px;
	}

	.bubble-container.container-2 {
		display: block;
		width: 350px;
		padding: 0;
		height: 299px;
		margin-top: -40px;
		margin-left: -20px;
	}

	.bubble-plus-icon {
		right: 90px;
		bottom: 1px;
	}

	.bubble-plus-icon.icon-1 {
		left: 35px;
		bottom: 40px;
	}

	.bubble-plus-icon.icon-2 {
		right: 120px;
		left: unset;
		bottom: 60px;
	}

	.bubble-background .bubble-icon{
		display:none;
	}

	.main-title{
		font-size:26px;
		margin-right: 25px;
		width: auto;
		line-height: 30px;
	}

	.bubble-title h3{
		font-size:18px;
		max-width: 300px;
		min-height: 66px;
		display: flex;
		align-items: center;
	}

	.bubble-container.container-0 .bubble-background{
		margin-left: -20px;
		padding: 65px 30px 50px 25px;
		background-position: 50% 50%;
		position: relative;
		height: 175px;
		width:100%;
		margin-top:10px;
	}

	.bubble-container.container-1 .bubble-background {
		padding: 135px 0px 0px 25px;
		background-position: 50% 50%;
		margin-top: 20px;
		width: 245px;
	}

	.bubble-container.container-1 {
		height: unset;
		margin-top: -65px;
		margin-left: 10px;
	}


	.bubble-container.container-2 {
		height: 200px;
		margin-top: -55px;
		margin-left: -20px;
	}

	.bubble-container.container-2 .bubble-background {
		padding: 110px 60px 0px 30px;
		background-position: 50% 50%;
		margin-top: -15px;
		width: 275px;
		margin-left: -20px;
	}

	.teaser-footer-title h2{
		font-size: 26px;
		width: 100%;
		text-align: center;
		padding: 20px;
		margin-top: 41px;
	}

	.teaser-section-footer {
		height: unset;
		align-items: unset;
	}

	.teaser-icon-container {
		margin-top: 30px;
		position: relative;
		display: block;
		margin-bottom: 50px;
		display: block;
		width: 70%;
		margin: 0 auto;
	}

	.mfp-container {
		padding: 0;
	}

	.mfp-content {
		height: 100%;
	}

	.white-popup {
		margin: 0;
		height: 100%;
		padding: 40px 30px 40px 30px;
	}

	.white-popup p{
		font-size:14px;
	}

	.white-popup h1, .white-popup h2, .white-popup h3, .white-popup h4 {
		font-size: 18px;
	}

	.lightbox-image-desktop {
		display:none;
	}

	.lightbox-image-desktop img {
		width: 100%;
	}

	.lightbox-image-mobile img {
		width: 100%;
		height: auto;
	}

	.lightbox-image-mobile{
		display:block;
		margin-top:20px;
		height:auto;
		width:100%;
	}

	.teaser-icon-wrapper {
		width: 49%;
		text-align: center;
		display: inline-block;
		margin-top: 20px;
	}
	
	.mfp-iframe-holder .mfp-content {
		height: 90%;
		top: 5%;
	}
	
}

/* ==========================================================================
   SHOW PASSWORD styles: opinionated defaults
   ========================================================================== */

.showpassword {
	position: relative;
}

.showpassword-button {
	position: absolute;
	right: 20px;
	top: 13px;
	z-index: 5;
	font-size: 1.25em;
	color: #87867a !important;
}

/* ==========================================================================
   ZAHLEN styles: opinionated defaults
   ========================================================================== */

.mask_zahlen {
	display: flex;
}

.mask_zahlen-zahl {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 190px;
	line-height: 1;
	letter-spacing: -9.5px;
	color: #fff;
	opacity: 0.32;
	font-weight: 600;
	margin-right: 35px;
}

@media (max-width:767px) {
	.mask_zahlen-zahl {
		font-size: 120px;
		line-height: 1;
	}
}

.mask_zahlen-text {

}

.mask_zahlen-text:before {
	content: "";
	width: 49px;
	height: 0px;
	border-top: 2px solid #FFFFFF;
	display: block;
	padding-bottom: 7px;
	margin-top: 30px;
}

/* ==========================================================================
   Textmithintergrundbild styles: opinionated defaults
   ========================================================================== */

.mask_textmithintergrundbild {
	background: none no-repeat right center scroll; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	position: relative;
}

.mask_textmithintergrundbild-padding {
	padding-top: 60%;
}

.mask_textmithintergrundbild-text {
	position: absolute;
	left: 50%;
	top: 65%;
	width: 80%;

	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media (max-width:991px) {
	.mask_textmithintergrundbild-text {
		top: 75%;
	}
}

@media (max-width:767px) {
	.mask_textmithintergrundbild-text {
		top: 70%;
	}
}


.mask_textmithintergrundbild-text p:last-child {
	margin-bottom: 0;
}

.mask_textmithintergrundbild-text h2 {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 35px;
	line-height: 1.133em;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

@media (max-width:767px) {
	.mask_textmithintergrundbild-text h2 {
		font-size: 24px;
		line-height: 1.133em;
		letter-spacing: 0.025em;
	}
}

/* ==========================================================================
   Aufzaehlungsslider styles: opinionated defaults
   ========================================================================== */

.mask_aufzaehlungsslider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mask_aufzaehlungsslider img {
	width: 70%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

@media (max-width:991px) {
	.mask_aufzaehlungsslider img {
		width: 50%;
	}
}

@media (max-width:767px) {
	.mask_aufzaehlungsslider img {
		width: 70%;
	}
}

.mask_aufzaehlungsslider h2 {
	font-family: "Helvetica Neue LT W01_67 Md Cn";
	font-size: 35px;
	line-height: 1.133em;
	margin-bottom: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0em;
	color: #fff;
}

@media (max-width:767px) {
	.mask_aufzaehlungsslider h2 {
		font-size: 24px;
		line-height: 1.133em;
		letter-spacing: 0.025em;
	}
}

.mask_aufzaehlungsslider a.active > *,
.mask_aufzaehlungsslider a.active:hover > *,
.mask_aufzaehlungsslider a.active:visited > *,
.mask_aufzaehlungsslider a.active:focus > *,
.mask_aufzaehlungsslider a.active:active > *,
.mask_aufzaehlungsslider a:hover > * {
	color: #004F25;
}

.mask_aufzaehlungsslider-element {
	position: absolute;
	left: 7.5px;
	top: 7.5px;
	z-index: 5;
	width: 100%;
	width: calc(100% - 15px);

	-webkit-transition: all 0.45s ease-in-out 0s;
	transition: all 0.45s ease-in-out 0s;
}

.mask_aufzaehlungsslider-element.inactive {
	opacity: 0;
	top: -150px;
}

.mask_aufzaehlungsslider-element.active {
	opacity: 1;
	top: 7.5px;
}

.mask_aufzaehlungsslider-element.tmp-inactive {
	opacity: 0;
	top: 150px;
}

.mask_aufzaehlungsslider-text {
	margin-left: 20%;
	margin-top: 120px;
	background-color: #fff;
	padding: 210px 20px 80px 20px;
}

.mask_aufzaehlungsslider-selector {
	margin-bottom: 100px;
}

@media (max-width:767px) {
	.mask_aufzaehlungsslider-text {
		padding: 100px 20px 20px 20px;
	}
}

#mask_aufzaehlungsslider-a {
	position: relative;
	z-index: 1;
}

#mask_aufzaehlungsslider-b {
	position: relative;
	z-index: 2;
}

/* ==========================================================================
   Aufzaehlungsslider styles: opinionated defaults
   ========================================================================== */

.mask_download-inner {
	position: relative;
	background-color: #fff;
	padding: 10px 35px 10px 10px;
}

.mask_download-header {
	/*font-weight: bold;*/
	text-transform: uppercase;
  	font-family: "Helvetica Neue LT W01_77 Bd Cn"
}

.mask_download p {
	margin: 0;
}

.mask_download-download,
.mask_download-download:visited,
.mask_download-download:focus,
.mask_download-download:active,
.mask_download-download:hover {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #004F25;
}