/* @override 
	https://www.luedecke.de/fileadmin/templates/css/layout.css?* */


	
/* @group :root FONTS */
:root {
	--font-hI: normal 400 80px/100% 'Bebas Neue';
	--font-hII: normal 400 34px/120% 'Bebas Neue';
	--font-hII-tile: normal 400 28px/110% 'Bebas Neue';
	--font-hIII: normal 400 24px/120% 'Bebas Neue';
	--font-hIII-footer: normal 400 28px/120% 'Bebas Neue';
	--font-hIV: normal 400 24px/120% 'Bebas Neue';
	--font-hV: normal 400 18px/120% 'Bebas Neue';
	--font-hVI: normal 400 16px/120% 'Bebas Neue';
	--font-p: normal 400 18px/140% 'Source Sans Pro';
	--font-p-i: italic 400 18px/140% 'Source Sans Pro';
	--font-p-b: normal 700 18px/140% 'Source Sans Pro';
	--font-p-b-i: italic 700 18px/140% 'Source Sans Pro';
	--font-download: normal 400 14px/140% 'Source Sans Pro';
	--font-download-new: normal 400 18px/140% 'Bebas Neue';
	--font-nav-lang: normal 700 20px/120% 'Source Sans Pro';
	--font-nav-main: normal 700 20px/120% 'Source Sans Pro';
	--font-nav-sub: normal 400 20px/120% 'Source Sans Pro';
	--font-nav-side-O: normal 400 20px/120% 'Source Sans Pro';
	--font-nav-side-I: normal 700 20px/120% 'Source Sans Pro';
	--font-hIII-footer: normal 700 20px/120% 'Source Sans Pro';
	--font-p-footer: normal 400 18px/120% 'Source Sans Pro';
	--font-nav-sitemap: normal 400 18px/120% 'Source Sans Pro';
	--letterspace-h: 0.03em;
	--letterspace-nav: 0.01em;
	--font-mobiletitel: normal 400 28px/120% 'Bebas Neue';
	--font-mobilenav: normal 400 18px/120% 'Source Sans Pro';
	--font-caption-year: normal 400 34px/100% 'Bebas Neue';
	--font-caption-timeline: normal 400 24px/100% 'Bebas Neue';
	--font-news-back: normal 400 14px/120% 'Source Sans Pro';
	--font-news-h: normal 400 24px/120% 'Bebas Neue';
	--font-news-date: normal 400 16px/120% 'Source Sans Pro';
	--font-p-table: normal 400 14px/140% 'Source Sans Pro';
	--font-p-tablecaption: italic 400 12px/140% 'Source Sans Pro';
}
/* @end */
/* @group :root COLOR */
:root {
	--color-black: rgba(29, 27, 29, 1);
	--color-black-trans: rgba(29, 27, 29, .5);
	--color-gray-O: rgba(51, 51, 51, 1);
	--color-gray-I: rgba(146, 146, 146, 1);
	--color-gray-II: rgba(156, 156, 156, 1);
	--color-gray-III: rgba(212, 212, 212, 1);
	--color-gray-IV: rgba(230, 230, 230, 1);
	--color-red: rgba(231, 0, 14, 1);
	--color-white: rgba(255, 255, 255, 1);
	--color-white-trans: rgba(255, 255, 255, .7);
	--color-tile: rgba(29, 27, 29, .5);
	--color-tile-hover: rgba(29, 27, 29, 0);
	--color-tile-red: rgba(231, 0, 14, .5);
	--color-tile-red-hover: rgba(231, 0, 14, .0);
}
/* @end */
/* @group MARGINS */
.frame-space-before-small {
	margin-top: 20px;
}
.frame-space-before-medium {
	margin-top: 40px;
}
.frame-space-before-large {
	margin-top: 60px;
}
.frame-space-after-small {
	margin-bottom: 20px;
}
.frame-space-after-medium {
	margin-bottom: 40px;
}
.frame-space-after-large {
	margin-bottom: 60px;
}
/* @end */
/* @group /// RESET /// */
p,
.container p,
.ce-bodytext p,
figure.image,
h1, h2, h3, h4, h5,
.ce-bodytext ul,
ul,
figure.video {
	margin: 0;
	padding: 0;
}
button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
* {
	box-sizing: border-box;
}
/* @end */
/* @group GENERAL */
/* @group Structure */
html, body {
	color: var(--color-black);
	font: var(--font-p);
	background-color: var(--color-black);
	-moz-osx-font-smoothing: grayscale;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
.maxwidth {
	max-width: 1760px;
	margin-left: auto;
	margin-right: auto;
}
.sitepadding {
	padding-left: 40px;
	padding-right: 40px;
}
.frame-type-textmedia {
	overflow: hidden;
}
figure.video div.video-embed video.video-embed-item {
	width: 100%;
	height: auto;
	float: left;
}
/* @end */
/* @group Text */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: var(--letterspace-h);
}
h1 {
	font: var(--font-hI);
	color: var(--color-red);
	padding: 0px 40px 24px 40px;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	-o-hyphens: manual;
	hyphens: manual;
}
h2 {
	font: var(--font-hII);
	color: var(--color-black);
	padding: 0px 40px 20px 40px;
}
div#main-middle-right header h2 {
	padding: 40px 40px 20px 40px;
}
div#main-middle-right .frame-6 header h2 {
	padding: 0 40px 20px;
}
div#c9263.frame.frame-default.frame-type-textmedia:first-child header h1,
#main-middle-right .frame-type-textmedia:first-child h1,
#main-middle-right.layout2025 .frame-type-textmedia h1 {
	font: var(--font-hII);
	color: var(--color-black);
	padding: 40px 40px 20px 40px;
}
/*div#main-middle-right .frame-7 {
	padding-top: 40px;
}*/
div#main-middle-right .frame-7 .ce-bodytext {
	padding: 40px 0 20px;
}
div#main-middle-right .frame-7 .ce-bodytext:last-child {
	padding-bottom: 0px;
}
div#main-middle-right .frame-8 header h4 {
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	min-height: 120px;
}
h3 {
	font: var(--font-hIII);
	color: var(--color-red);
	padding: 0px 40px 20px 40px;
}
footer h3 {
	font: var(--font-hIII-footer);
	color: var(--color-white);
	padding: 0px 0px 20px 0px;
}
h4 {
	font: var(--font-hIV);
	color: var(--color-black);
	padding: 0px 40px 20px 40px;
}
h5 {
	font: var(--font-hV);
	color: var(--color-red);
	padding: 0px 40px 20px 40px;
}
h6 {
	font: var(--font-hVI);
	color: var(--color-black);
	padding: 0px 40px 20px 40px;
}
.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5,
.ce-bodytext h6 {
	padding-top: 0px;
	padding-bottom: 20px;
}
.ce-bodytext p {
	font: var(--font-p);
	padding: 0px 40px 20px 40px;
}
.ce-bodytext p:last-child {
	padding: 0px 40px 40px;
}
.ce-bodytext p em {
	font: var(--font-p-i);
}
.ce-bodytext p strong {
	font: var(--font-p-b);
	/* Wörter nicht trennen */
	white-space: nowrap; /* keine Silbentrennung */
	-webkit-hyphens: none; 
	-ms-hyphens: none; 
	hyphens: none;
}
.ce-bodytext p strong em,
.ce-bodytext p em strong {
	font: var(--font-p-b-i);
	/* Wörter nicht trennen */
	white-space: nowrap; /* keine Silbentrennung */
	-webkit-hyphens: none; 
	-ms-hyphens: none; 
	hyphens: none;
}
.ce-bodytext ul {
	list-style: disc outside; url("sqpurple.gif");
	padding: 0px 40px 30px;
	overflow: hidden;
}
.frame-layout-10 .ce-bodytext ul,
.frame-layout-11 .ce-bodytext ul,
.frame-layout-12 .ce-bodytext ul,
.frame-layout-13 .ce-bodytext ul {
	list-style: disc outside; url("sqpurple.gif");
	padding: 0px 40px 20px 0;
	overflow: hidden;
}
.ce-bodytext ul li {
	margin: 0px 0px 0px 20px;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
div.ce-bodytext table.contenttable {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}
/* @end */
/* @group Links */
a,
.tinyaccordion li h4 {
	text-decoration: none;
	-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-o-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
}
.ce-bodytext p a,
.ce-bodytext ul li a,
div.powermail_field a {
	text-decoration: none;
	color: var(--color-red);
}
.ce-bodytext p a:hover,
.ce-bodytext ul li a:hover,
div.powermail_field a:hover {
	color: var(--color-black);
}
/* @end */
/* @group Links "contact" */
div.ce-bodytext p span.phonenumber,
div.ce-bodytext p span.faxnumber,
div.ce-bodytext p span.mailad,
div.ce-bodytext p span.filedownload {
	padding-left: 30px;
}
div.ce-bodytext p span.mailad a {
	color: var(--color-red);
    -webkit-hyphens: manual;
    /* these do not work in chrome
    -webkit-hyphenate-limit-lines: 3;
    -webkit-hyphenate-limit-zone: 50%;
    -webkit-hyphenate-character: "\@";
    -webkit-hyphenate-limit-before: 5;
    */
}
div.ce-bodytext p span.phonenumber {
	background: url('/fileadmin/templates/img/luedecke-phone.svg') no-repeat left 5px;
	background-size: 16px;
}
div.ce-bodytext p span.faxnumber {
	background: url('/fileadmin/templates/img/luedecke-fax.svg') no-repeat left 5px;
	background-size: 16px;
}
div.ce-bodytext p span.mailad {
	background: url('/fileadmin/templates/img/luedecke-mailad.svg') no-repeat left 5px;
	background-size: 16px;
}
div.ce-bodytext p span.filedownload {
	background: url('/fileadmin/templates/img/dld-1.png') no-repeat left 5px;
	background-size: 16px;
}
/* @end */
/* @group Image */
img.image-embed-item,
.ce-bodytext p img {
	width: 100%;
	height: auto;
	float: left;
}
/* @group Image gallery */
.frame-type-list div.c-gallery figcaption {
	display: none;
}
.frame-type-list div.c-gallery div.row figure {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: 0;
	margin: 0;
	background-color: var(--color-white);
}
.frame-type-list.frame-layout-8 div.c-gallery div.row figure {
	display: grid;
	grid-template-columns: repeat(6, auto);
	grid-gap: 0;
	margin: 0;
	background-color: var(--color-white);
}
.frame-type-list.frame-layout-9 div.c-gallery div.row figure {
	display: grid;
	grid-template-columns: repeat(8, auto);
	grid-gap: 0;
	margin: 0;
	background-color: var(--color-white);
}
.frame-type-list div.c-gallery div.row figure figure.c-gallery__figure.figure {
	margin: 0;
	display: inline-flex;
}
.frame-type-list div.c-gallery div.row figure figure.c-gallery__figure.figure a.lightbox {
	object-fit: cover;
	width: 100%;
	height: auto;
}
.frame-type-list div.c-gallery div.row figure figure.c-gallery__figure.figure a.lightbox img.c-gallery__image.figure-img.img-fluid,
.frame.frame-default.frame-type-list.frame-layout-0 div.c-gallery div.row figure figure.c-gallery__figure.figure a.c-gallery__link img.c-gallery__image.figure-img.img-fluid,
.frame.frame-default.frame-type-list.frame-layout-8 div.c-gallery div.row figure figure.c-gallery__figure.figure a.c-gallery__link img.c-gallery__image.figure-img.img-fluid,
.frame.frame-default.frame-type-list.frame-layout-9 div.c-gallery div.row figure figure.c-gallery__figure.figure a.c-gallery__link img.c-gallery__image.figure-img.img-fluid {
	width: 100%;
	height: 100%;
	float: left;
}
/* @end */
/* @end */
/* @group Videos */
.frame-8 div.ce-textpic.ce-center.ce-above div.ce-gallery {
	overflow: hidden;
}
.frame-8 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.video  {
	width: calc(100% - 80px);
	padding-top: calc(56.25% - 40px); /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
	background-color: var(--color-black);
}
.frame-8 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.video div.video-embed  {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.frame-8 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.video div.video-embed iframe.video-embed-item {
	width: 100%;
	height: 100%;
	border: 0;
}
.frame-8 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.video figcaption.video-caption {
	position: absolute;
	background-color: var(--color-red);
	bottom: 20px;
	right: 0px;
	padding: 2px 10px;
	font: var(--font-download-new);
	color: var(--color-white);
	box-shadow: 0 0 5px black;
	letter-spacing: var(--letterspace-h);
}
/* @end */
/* @end */
/* @group NAV-LANG */
ul#language_menu.language-menu {
	list-style-type: none;
	display: inline-flex;
}
ul#language_menu.language-menu li {
	font: var(--font-nav-lang);
	text-transform: uppercase;
	margin: 0 0 0 20px;
}
ul#language_menu.language-menu li:first-child {
	margin: 0;
}
ul#language_menu.language-menu li a {
	color: var(--color-gray-II);
	text-decoration: none;
}
ul#language_menu.language-menu li a:hover {
	color: var(--color-white);
	text-decoration: none;
}
ul#language_menu.language-menu li.active a:hover,
ul#language_menu.language-menu li.active a {
	color: var(--color-red);
}
/* @end */
/* @group NAV-SIDE */
ul#sideMenu,
ul#sideMenu ul {
	list-style-type: none;
	/*display: inline;*/
}
ul#sideMenu li {
	font: var(--font-nav-side-O);
	margin-top: 12px;
	margin-bottom: 12px;
}
ul#sideMenu ul {
	padding-left: 20px;
}
ul#sideMenu li a {
	color: var(--color-white);
	text-decoration: none;
	letter-spacing: var(--letterspace-nav);
}
ul#sideMenu li a:hover {
	color: var(--color-red);
}
ul#sideMenu li.active a {
	font: var(--font-nav-side-I);
}
ul#sideMenu li.active ul.level2 li a {
	font: var(--font-nav-side-O);
}
ul#sideMenu li.active ul.level2 li.active a {
	font: var(--font-nav-side-I);
}
ul#sideMenu li.active ul.level2 li.active ul.level3 li a {
	font: var(--font-nav-side-O);
}
ul#sideMenu li.active ul.level2 li.active ul.level3 li.active a {
	font: var(--font-nav-side-I);
}
ul#sideMenu li.active ul.level2 li.active ul.level3 li.active ul.level4 li a {
	font: var(--font-nav-side-O);
}
ul#sideMenu li.active ul.level2 li.active ul.level3 li.active ul.level4 li.active a {
	font: var(--font-nav-side-I);
}
/* @end */
/* @group NAV-SITEMAP */
footer#footer div.footer-sitemap ul {
	list-style-type: none;
	display: inline-block;
}
footer#footer div.footer-sitemap ul li {
	font: var(--font-nav-sitemap);
	margin-bottom: 3px;
}
footer#footer div.footer-sitemap ul li:first-child {
	margin: 0;
}
footer#footer div.footer-sitemap ul li a {
	color: var(--color-white);
	text-decoration: none;
}
footer#footer div.footer-sitemap ul li a:hover {
	color: var(--color-red);
	text-decoration: none;
}
footer#footer div.footer-sitemap ul li.active a:hover,
footer#footer div.footer-sitemap ul li.active a {
	color: var(--color-red);
}
/* @end */
/* @group HEADER */
header#header {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 13;
	background-color: var(--color-black);
}
header#header div#header-container {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto;
	grid-gap: 0px;
	height: 150px;
}
#header-left {
	padding-top: 40px;
	padding-right: 40px;
}
#header-left div#header-logo a img {
	width: 100%;
	max-width: 276px;
	height: auto;
	float: left;
}
#header-right-top {
	display: grid;
	grid-template-columns: 1fr 120px;
	grid-template-rows: auto;
	grid-gap: 0px;
	text-align: right;
	margin-top: 10px;
}
div#header-search a {
	width: 20px;
	height: 20px;
	float: right;
	margin-top: 3px;
	background: url('/fileadmin/templates/img/luedecke-magnify.svg') no-repeat left top;
	background-size: 20px 20px;
	color: rgba(255, 255, 255, 0);
}
#header-right-bottom {
	display: flex;
	justify-content: flex-end; /* alles im Container nach rechts */
	align-items: center;
}
/* @end */
/* @group MAIN */
main#main {
	display: grid;
	grid-template-rows: auto;
	grid-gap: 0px;
	padding-top: 150px;
}
/* @group main top */
#main-top  {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-gap: 0px;
}
#main-top div#main-top-left {
	background-color: var(--color-white);
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-top div#main-top-right,
.headerimage-layout2025 .ce-column {
	background-color: var(--color-black);
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-top div.main-top-block,
.headerimage-layout2025 figure {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: var(--color-white);
}
#main-top div#main-top-right img.image-embed-item,
.headerimage-layout2025 img.image-embed-item {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main-top div.main-top-block h2,
div#news-top-tile div.news-pagetitle h2 {
	position: absolute;
	width: 100%;
	bottom: 0px;	
	font: var(--font-hI);
	color: var(--color-red);
	padding: 0px 40px 24px 40px;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	-o-hyphens: manual;
	hyphens: manual;
}
/* @end */
/* @group main middle */
#main-middle  {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-gap: 0px;
}
#main-middle-ohnesidenav  {
	background-color: var(--color-white);
	padding: 0px 0 0 0;
}
/* @group main middle left */
div#main-middle-left {
	background-color: var(--color-gray-O);
	padding: 32px 40px;
}
div#main-middle-left div#main-middle-left-headline {
	font: var(--font-hII);
	color: var(--color-white);
	letter-spacing: var(--letterspace-h);
	padding-bottom: 13px;
}
/* @end */
/* @group main middle - special */
#main-middle div#main-middle-left-special {
	background-color: var(--color-gray-O);
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	grid-gap: 0px;
}
#main-middle div#main-middle-left-special .main-middle-block-top {
	padding: 0 40px 40px;
}

.stickywrap {
	/*position: sticky;
	top: 190px;*/
}

#main-middle div#main-middle-left-special .main-middle-block-top .stickywrap {
	/*top: 155px;*/
}

#main-middle div#main-middle-left-special .main-middle-block-top div#main-middle-left-headline {
	font: var(--font-hII);
	color: var(--color-white);
	letter-spacing: var(--letterspace-h);
	padding-top: 35px;
	padding-bottom: 13px;
}
#main-middle div#main-middle-left-special .main-middle-block-bottom {
	display: inherit;
	align-items: flex-end;
	/*background-color: violet;*/
}
/* @end */
/* @group main middle right */
#main-middle div#main-middle-right {
	background-color: var(--color-white);
	padding: 0px 0 0 0;
}
/* @end */
/* @end */
/* @group main bottom */
#main-bottom-13-23 {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-gap: 0px;
	background-color: var(--color-white);
}
#main-bottom-13-23 div.main-bottom-left {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-bottom-13-23 div.main-bottom-right {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-bottom-13-23 div.main-bottom-block {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#main-bottom-12-12  {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 0px;
	background-color: var(--color-black);
}
#main-bottom-12-12 div.main-bottom-left {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-bottom-12-12 div.main-bottom-right {
	width: 100%;
	padding-top: 100%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-bottom-12-12 div.main-bottom-block {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#main-bottom-12-12 div.main-bottom-left div.ce-gallery {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
#main-bottom-12-12 div.main-bottom-block .frame-layout-45 .ce-gallery figure.image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0.35;
}
#main-bottom-12-12 div.main-bottom-block .frame-layout-45 .ce-gallery figure.image img.image-embed-item {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main-bottom-12-12 div.main-bottom-left div.ce-bodytext,
#main-bottom-12-12 div.main-bottom-left header h2 {
	color: var(--color-white);
}
#main-bottom-12-12 div.main-bottom-left div.main-bottom-block div.ce-bodytext p:last-child {
	padding-bottom: 0;
}
#main-bottom-13-23-auto {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-gap: 0px;
	background-color: var(--color-white);
}
#main-bottom-13-23-auto div.main-bottom-left-auto {
	background-color: var(--color-gray-O);
	width: 100%;
	height: 100%;
	position: relative;
}
#main-bottom-13-23-auto div.main-bottom-right-auto {
	background-color: var(--color-white);
	margin-top: 40px;
}
#main-bottom-13-23-auto div.main-bottom-left-auto div.main-bottom-block {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#main-bottom-13-13-13  {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0px;
}
/* @end */
/* @end */
/* @group MAIN START*/
/* @group row 1 */
#main-start-row-1  {
	padding-top: 0px;
}
/* @end */
/* @group row 2 */
#main-start-row-2  {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-gap: 0px;
}
#main-start-row-2-left {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	background: var(--color-gray-O);
	color: var(--color-white);
}
#main-start-row-2-left header h2 {
	padding-top: 40px;
	color: var(--color-white);
}
#main-start-row-2-left header h1 {
	padding-top: 40px;
	color: var(--color-white);
	font: var(--font-hII);
	padding: 40px 40px 24px 40px;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	-o-hyphens: manual;
	hyphens: manual;
}
#main-start-row-2-right {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
.main-start-row-box,
.main-start-row-box-left,
.main-start-row-box-right,
.main-start-row-box-green {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/* @end */
/* @group row 3 Tile */
.frame-layout-44 {
	width: 25%;
	padding-top: 25%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-layout-44 figure.image img.image-embed-item {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	transition: all 1s ease;
	object-fit: cover; /* vs. gaps */
	width: 100%;
	height: 100%;
}
.frame-layout-44 header {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.frame-layout-44 header div.tile a {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font: var(--font-hII);
	color: var(--color-white);
}
.frame-layout-44 header div.tile a span.tilebottom {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0 20px 60px;
	text-align: center;
	letter-spacing: var(--letterspace-h);
	text-transform: uppercase;
	text-shadow: 0 0 5px black;
}
.desaturate {
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	filter: grayscale(100%);
	filter: gray;
}
/* @end */
/* @group row 4 */
#main-start-row-4  {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 0px;
}
#main-start-row-4-left {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-start-row-4-left,
#main-start-row-4-left h2 {
	color: var(--color-white);
}
#main-start-row-4-left .main-start-box-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0px;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#main-start-row-4-left .frame-layout-45 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .5;
	z-index: -1;
}
#main-start-row-4-left .frame-layout-45 div figure.image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#main-start-row-4-left .frame-layout-45 div figure.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main-start-row-4-right {
	background-color: var(--color-black);
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
#main-start-row-4-right .main-start-row-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom {
	position: relative;
	width: 100%;
	height: 50%;
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top {
	background-color: var(--color-white);
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom {
	background-color: var(--color-gray-O);
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom .ce-bodytext,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom header h2 {
	color: var(--color-white);
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p code a,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p a.downloadbutton {
	margin-top: 30px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p code a,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p a.downloadbutton {
	margin-top: 30px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-white);
	border: 1px solid var(--color-white);
	display: inline-block;
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p code a:hover,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p code a:hover,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p a.downloadbutton:hover,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p {
	padding: 0 40px;
}
/* @end */
/* @group text box green company */
#main-start-row-4-left div.ce-bodytext p {
	padding-bottom: 0;
}
#main-start-row-4-left div.ce-bodytext p code a,
#main-start-row-4-left div.ce-bodytext p a.downloadbutton {
	margin-top: 30px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-white);
	border: 1px solid var(--color-white);
	display: inline-block;
}
#main-start-row-4-left div.ce-bodytext p code a:hover,
#main-start-row-4-left div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @group text box centered */
#main-start-row-4 .main-start-box-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
/* @end */
/* @end */
/* @group FOOTER */
footer#footer {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: var(--color-white);
	font: var(--font-p-footer);
}
footer#footer div.footer-logo a img {
	width: 100%;
	max-width: 276px;
	height: auto;
	float: left;
}
footer#footer div.footer-adress {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 20px;
}
footer#footer div.footer-adress div.ce-bodytext p a {
	color: var(--color-white);
}
footer#footer div.footer-adress div.ce-bodytext p a:hover {
	color: var(--color-red);
} 
footer#footer div.footer-logocoupling img {
	width: 100%;
	max-width: 100px;
	height: auto;
	float: left;
}
footer#footer div.footer-socialicons,
footer#footer div.footer-socialicons-container {
	width: 100%;
	height: auto;
	float: left;
}
footer#footer div.footer-socialicon {
	width: 100%;
	max-width: 30px;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
footer#footer div.footer-socialicon:last-child {
	margin-right: 0px;
}
footer#footer div.footer-socialicon a {
	opacity: .85;
}
footer#footer div.footer-socialicon a:hover {
	opacity: 1;
}
/* @end */
/* @group FRAME LAYOUTS */
/* @group grey background */
div#main-middle-right .frame-layout-1 {
	background-color: var(--color-gray-II);
	padding: 40px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
}
/* @end */
/* @group image/text 33% / 66% (- margin) */
div#main-middle-right .frame-layout-10 div.ce-textpic.ce-left.ce-intext {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-column-gap: 0;
	background-color: var(--color-gray-III);
}
div#main-middle-right .frame-layout-10 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 30px 20px 30px 30px;
}
div#main-middle-right .frame-layout-10 div.ce-textpic.ce-left.ce-intext div.ce-bodytext p {
	padding: 0;
}
/* @end */
/* @group image/text 50% / 50% (- margin) */
div#main-middle-right .frame-layout-11 div.ce-textpic.ce-left.ce-intext {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-column-gap: 0;
	background-color: var(--color-gray-III);
}
div#main-middle-right .frame-layout-11 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 30px 20px 30px 30px;
}
div#main-middle-right .frame-layout-11 div.ce-textpic.ce-left.ce-intext div.ce-bodytext p {
	padding: 0;
}
/* @end */
/* @group image/text 33% / 66% (+ margin) */
div#main-middle-right .frame-layout-12 {
	margin-bottom: 40px;
}
div#main-middle-right .frame-layout-12 div.ce-textpic.ce-left.ce-intext {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-column-gap: 0;
	background-color: var(--color-gray-III);
	margin-left: 40px;
	margin-right: 40px;
}
div#main-middle-right .frame-layout-12 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 30px 20px 30px 30px;
}
div#main-middle-right .frame-layout-12 div.ce-textpic.ce-left.ce-intext div.ce-bodytext p {
	padding: 0;
}
/* @end */
/* @group image/text 50% / 50% (+ margin) */
div#main-middle-right .frame-layout-13 {
	margin-bottom: 40px;
}
div#main-middle-right .frame-layout-13 div.ce-textpic.ce-left.ce-intext {
	display: grid;
	grid-template-columns: calc(50% - 10px) 50%;
	grid-column-gap: 10px;
	background-color: var(--color-gray-III);
	margin-left: 40px;
	margin-right: 40px;
}
div#main-middle-right .frame-layout-13 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 30px 20px 30px 30px;
}
div#main-middle-right .frame-layout-13 div.ce-textpic.ce-left.ce-intext div.ce-bodytext p {
	padding: 0;
}
/* @end */
/* @group text (+ margin)  */
div#main-middle-right .frame-layout-14 {
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
	background-color: var(--color-gray-III);
	padding: 40px;
}
div#main-middle-right .frame-layout-14 header h2 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
}
div#main-middle-right .frame-layout-14 .ce-bodytext p {
	padding: 0;
}
div#main-middle-right .frame-layout-14 .ce-bodytext ul {
	padding: 0;
}
/* @end */
/* @group text (- margin)  */
div#main-middle-right .frame-layout-15 {
	margin-bottom: 40px;
	background-color: var(--color-gray-III);
	padding-top: 40px;
}
/* @end */
/* @group download (+ preview) */
.frame-layout-20 {
	background-color: var(--color-gray-III);
}
.frame-layout-20 figure.image img.image-embed-item {
	border: 1px solid var(--color-gray-III);
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext {
	display: grid;
	grid-template-columns: 112px 1fr;
	grid-column-gap: 0px;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 10px 10px 10px 20px;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext ul {
	list-style: none;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext ul li {
	width: calc(33.33% - 10px);
	float: left;
	margin-right: 10px;
	margin-left: 0;
	text-align: center;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext ul li a {
	font: var(--font-download);
	border: 1px solid var(--color-black);
	color: var(--color-black);
	padding: 0px 5px 30px;
	width: calc(100% - 0px);
	height: auto;
	float: left;
	background: url('/fileadmin/templates/img/dld-0.png') no-repeat center calc(100% - 8px);
	background-size: 15px 15px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext ul li a:hover {
	border: 1px solid var(--color-red);
	background: url('/fileadmin/templates/img/dld-1.png') no-repeat center calc(100% - 8px);
	background-size: 15px 15px;
	color: var(--color-red);
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext h4 {
	min-height: 66px;
	padding-right: 10px;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image {
	position: relative;
	overflow: hidden;
}
.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image figcaption.image-caption {
	position: absolute;
	background-color: var(--color-red);
	bottom: 20px;
	right: 0px;
	padding: 2px 10px;
	font: var(--font-download-new);
	color: var(--color-white);
	box-shadow: 0 0 10px black;
	letter-spacing: var(--letterspace-h);
}
/* @end */
/* @group download (- preview) */
.frame-layout-30 {
	background-color: var(--color-gray-III);
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext {
	padding: 10px 0 10px 10px;
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul {
	list-style: none;
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul li {
	width: calc(33.33% - 10px);
	float: left;
	margin-right: 10px;
	margin-left: 0;
	text-align: center;
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul li a {
	font: var(--font-download);
	border: 1px solid var(--color-black);
	color: var(--color-black);
	padding: 0px 5px 30px;
	width: calc(100% - 0px);
	height: auto;
	float: left;
	background: url('/fileadmin/templates/img/dld-0.png') no-repeat center calc(100% - 8px);
	background-size: 15px 15px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext ul li a:hover {
	border: 1px solid var(--color-red);
	background: url('/fileadmin/templates/img/dld-1.png') no-repeat center calc(100% - 8px);
	background-size: 15px 15px;
	color: var(--color-red);
}
.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext h4 {
	min-height: 80px;
	padding-right: 10px;
}
/* @end */
/* @group tile (with image & link) */
.frame-layout-40 {
	width: 25%;
	padding-top: 25%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-layout-40 figure.image img.image-embed-item {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover; /* vs. gaps */
	width: 100%;
	height: 100%;
}
.frame-layout-40 header {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.frame-layout-40 header div.tile a {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--color-tile);
	font: var(--font-hII-tile);
	color: var(--color-white);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.frame-layout-40 header div.tile a span.tilebottom {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0 20px 20px;
	text-align: center;
	letter-spacing: var(--letterspace-h);
	text-transform: uppercase;
	text-shadow: 0 0 5px black;
}
.frame-layout-40 header div.tile a:hover {
	background-color: var(--color-tile-hover);
	/*color: var(--color-red);*/
}
/* @end */
/* @group tile (only color) */
.frame-layout-41,
.frame-layout-42,
.frame-layout-43 {
	width: 25%;
	padding-top: 25%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-layout-41 header,
.frame-layout-42 header,
.frame-layout-43 header {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.frame-layout-41 header {
	background-color: var(--color-red);
}
.frame-layout-42 header {
	background-color: var(--color-gray-III);
}
.frame-layout-43 header {
	background-color: var(--color-gray-I);
}
.frame-layout-41 header div.tile,
.frame-layout-42 header div.tile,
.frame-layout-43 header div.tile {
	display: none;
}
/* @end */
/* @group background colors */
.frame-layout-50,
.frame-layout-51,
.frame-layout-52,
.frame-layout-53,
.frame-layout-54,
.frame-layout-55 {
	overflow: hidden;
}
.frame-layout-50 {
	background-color: var(--color-gray-II);
}
.frame-layout-51 {
	background-color: var(--color-gray-III);
}
.frame-layout-52  {
	background-color: var(--color-red);
}
.frame-layout-53 {
	background-color: var(--color-gray-O);
}
.frame-layout-54  {
	background-color: var(--color-white);
}
.frame-layout-55  {
	background-color: var(--color-red);
	margin-left: 40px;
	margin-right: 40px;
	text-align: center;
}
.frame-layout-55 div.ce-bodytext p code a,
.frame-layout-55 div.ce-bodytext p a.downloadbutton {
	color: var(--color-white);
	border: 1px solid var(--color-white);
	margin-top: 0px;
}
.frame-layout-55 div.ce-bodytext p code a:hover,
.frame-layout-55 div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
.frame-layout-50,
.frame-layout-50 h2,
.frame-layout-51,
.frame-layout-51 h2,
.frame-layout-54,
.frame-layout-54 h2   {
	color: var(--color-O);
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
.frame-layout-52,
.frame-layout-52 h2,
.frame-layout-53,
.frame-layout-53 h2,
.frame-layout-55,
.frame-layout-55 h2   {
	color: var(--color-white);
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
/* @end */
/* @group download button */
.frame-layout-60 header,
.frame-layout-61 header {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 20px;
}
.frame-layout-60 header h5 a,
.frame-layout-61 header h5 a {
	padding: 10px 40px;
	font: var(--font-p);
	display: inline-block;
}
.frame-layout-60 header h5 a {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
.frame-layout-60 header h5 a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
.frame-layout-61 header h5 a {
	color: var(--color-white);
	border: 1px solid var(--color-white);
}
.frame-layout-61 header h5 a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @group button link */
.frame-12 .ce-bodytext p {
	padding: 0;
}
.frame-12 span.buttonlink a {
	margin: 0;
	padding: 10px 20px;
	background: none;
	border-radius: 0;
	font: var(--font-p);
	display: inline-block;
	color: var(--color-red);
	border: 1px solid var(--color-red);
	margin-bottom: 40px;
}
.frame-12 span.buttonlink a:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
/* @end */
/* @end */
/* @group FRAMES */
.frame-0,
.frame-1 {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-2,
.frame-3 {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-4,
.frame-5 {
	width: 100%;
	padding-top: 25%; /* 4:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-9 {
	width: 100%;
	padding-top: 100%; /* 4:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.frame-11 {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}
.frame-0 .grid-container-contentwrapper,
.frame-2 .grid-container-contentwrapper,
.frame-4 .grid-container-contentwrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.frame-1 .grid-container-contentwrapper,
.frame-3 .grid-container-contentwrapper,
.frame-5 .grid-container-contentwrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.frame-9 .grid-container-contentwrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.frame-9 .grid-container-contentwrapper .grid-row {
	width: 100%;
}
.frame-9 .grid-container-contentwrapper .grid-row .ce-bodytext p:last-child {
	padding-bottom: 0px;
}
.frame-9 .grid-container-contentwrapper .grid-row div.ce-gallery {
	width: 100%;
	padding: 0 40px 20px;
	float: left;
}
.frame-9 .grid-container-contentwrapper .grid-row div.ce-gallery img.image-embed-item {
	max-width: 125px;
}
.frame-1 .grid-container-contentwrapper .ce-bodytext p:last-child,
.frame-2 .grid-container-contentwrapper .ce-bodytext p:last-child,
.frame-3 .grid-container-contentwrapper .ce-bodytext p:last-child,
.frame-4 .grid-container-contentwrapper .ce-bodytext p:last-child,
.frame-5 .grid-container-contentwrapper .ce-bodytext p:last-child {
	padding-bottom: 0px;
}
.frame-1 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-1 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton {
	margin-top: 0px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-white);
	border: 1px solid var(--color-white);
	display: inline-block;
}
.frame-1.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-1.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-1.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,

.frame-1.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-1.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-1.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton {
	margin-top: 0px;
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
}
.frame-1 .grid-container-contentwrapper .ce-bodytext p code a:hover,
.frame-2 .grid-container-contentwrapper .ce-bodytext p code a:hover,
.frame-3 .grid-container-contentwrapper .ce-bodytext p code a:hover,
.frame-4 .grid-container-contentwrapper .ce-bodytext p code a:hover,
.frame-5 .grid-container-contentwrapper .ce-bodytext p code a:hover,

.frame-1 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton:hover,
.frame-2 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton:hover,
.frame-3 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton:hover,
.frame-4 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton:hover,
.frame-5 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
.frame-layout-52 .ce-textpic.ce-center.ce-above div.ce-bodytext p code a:hover,
.frame-layout-52 .frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p code a:hover,
.frame-layout-52 .ce-textpic.ce-center.ce-above div.ce-bodytext p a.downloadbutton:hover,
.frame-layout-52 .frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
/* @end */
/* @group GRID ELEMENTS */
.grid-container {
	overflow: hidden;
}
/* @group 1:1 tile (below side navigation / text & image / link) */
.grid-container.grid-container-1-1-container {
	width: 100%;
	padding-top: 100%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}
.grid-container.grid-container-1-1-container .grid-row {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center;
}
.grid-container.grid-container-1-1-container .grid-row .grid-column {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 40px;
}
.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 h2 {
	padding: 0px 0px 0px;
}
.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 div.ce-bodytext p {
	padding: 5px 0 10px;
	/*background-color: var(--color-white-trans);*/
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
.frame-layout-51 .grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 div.ce-bodytext p {
	/*background-color: var(--color-gray-III);*/
}
.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 div.ce-gallery {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 div.ce-gallery figure.image  {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 div.ce-gallery figure.image img.image-embed-item {
	max-width: calc(70% - 50px);
	height: auto;
	margin-top: 80px;
}
.grid-container.grid-container-1-1-container h2 {
	padding: 40px;
}
/* @end */
/* @group 1 Column (gray) */
.grid-container.grid-container-grid1column-gray {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid1column-gray .grid-row .grid-column {
	background-color: var(--color-gray-III);
}
.grid-container.grid-container-grid1column-gray .grid-row .grid-column .ce-bodytext {
	padding: 40px;
}
.grid-container.grid-container-grid1column-gray .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid1column-gray .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
/* @end */
/* @group 2 Column */
.grid-container.grid-container-grid2column {
	margin-left: 40px;
	margin-right: 40px;
}
.grid-container.grid-container-grid2column .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}
/* @end */
/* @group 2 Column Contact */
.grid-container.grid-container-grid2column-kontakt {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.grid-container.grid-container-grid2column-kontakt .grid-row {
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-gap: 40px;
}
.grid-container.grid-container-grid2column-kontakt .grid-row:first-child figure {
	overflow: hidden;
	border-radius: 100%;
}
.grid-container.grid-container-grid2column-kontakt div.grid-column.grid-column-20,
.grid-container.grid-container-grid2column-kontakt div.grid-column.grid-column-21 {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.grid-container.grid-container-grid2column-kontakt .grid-row:last-child div.ce-bodytext h3 {
	padding: 0;
}
/* @end */
/* @group 2 Column (gray) */
.grid-container.grid-container-grid2column-gray {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid2column-gray .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}
.grid-container.grid-container-grid2column-gray .grid-row .grid-column {
	background-color: var(--color-gray-III);
}
.grid-container.grid-container-grid2column-gray .grid-row .grid-column .ce-bodytext {
	padding: 40px;
}
.grid-container.grid-container-grid2column-gray .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid2column-gray .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
/* @end */
/* @group 2 Column (gray only left) */
.grid-container.grid-container-grid2column-grayleft {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid2column-grayleft .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column-20 {
	background-color: var(--color-gray-III);
}
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column .ce-bodytext {
	padding: 30px;
}
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
/* @end */
/* @group 3 Column */
.grid-container.grid-container-grid3column {
	margin-left: 40px;
	margin-right: 40px;
}
.grid-container.grid-container-grid3column .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
}
/* @end */
/* @group 3 Column (gray) */
.grid-container.grid-container-grid3column-gray {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid3column-gray .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
}
.grid-container.grid-container-grid3column-gray .grid-row .grid-column {
	background-color: var(--color-gray-III);
}
.grid-container.grid-container-grid3column-gray .grid-row .grid-column .ce-bodytext {
	padding: 40px;
}
.grid-container.grid-container-grid3column-gray .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid3column-gray .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
/* @end */
/* @group 3 Column (gray only left 1/3) */
.grid-container.grid-container-grid3column-gray1left {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid3column-gray1left .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
}
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column-20 {
	background-color: var(--color-gray-III);
}
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column .ce-bodytext {
	padding: 40px;
}
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
/* @end */
/* @group 3 Column (gray only left 2/3) */
.grid-container.grid-container-grid3column-gray2left {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid3column-gray2left .grid-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
}
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column-20,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column-21 {
	background-color: var(--color-gray-III);
}
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column .ce-bodytext {
	padding: 40px;
}
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
/* @end */
/* @group 4 Column (gray) */
.grid-container.grid-container-grid4column-gray {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}
.grid-container.grid-container-grid4column-gray .grid-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
}
.grid-container.grid-container-grid4column-gray .grid-row .grid-column {
	background-color: var(--color-gray-III);
	margin-bottom: 0;
}
.grid-container.grid-container-grid4column-gray .grid-row .grid-column .ce-bodytext {
	padding: 20px 20px 40px;
}
.grid-container.grid-container-grid4column-gray .grid-row .grid-column .ce-bodytext ul,
.grid-container.grid-container-grid4column-gray .grid-row .grid-column .ce-bodytext p {
	padding: 0 0px 0px;
}
.grid-container.grid-container-grid4column-gray .frame {
	padding-bottom: 0;
}
#main-middle-right .grid-container.grid-container-grid4column-gray .grid-row .frame h2 {
	font: var(--font-hIII);
	padding: 20px 20px 15px;
}
/* @end */
/* @group 4:1 Container */
.grid-container.grid-container-4-1-container {
	width: 100%;
	height: auto;
	overflow: hidden;
}
/* @end */
/* @group Image under centered Text */
.grid-container-1-1-container-imgtxtcntrd {
	position: relative;
	padding-bottom: 100%;
}
.grid-container-1-1-container-imgtxtcntrd .grid-row-1 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;	
	z-index: 1;
}
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;		
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-black-trans);
}
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia {
	width: 100%;
	text-align: center;
	color: var(--color-white);
}
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia h2,
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia .ce-bodytext p,
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia a {
	color: var(--color-white);
}
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia .ce-bodytext p:last-child {
	padding: 0;
}
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia .ce-bodytext p code a,
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia .ce-bodytext p a.downloadbutton {
	color: var(--color-white);
	border: 1px solid var(--color-white);
	padding: 10px 40px;
	margin-top: 10px;
}
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia .ce-bodytext p code a:hover,
.grid-container-1-1-container-imgtxtcntrd .grid-column-20 .frame-type-textmedia .ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
	transition: all .2s ease;
}
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;	
	z-index: 0;
}
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .frame-type-textmedia,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .ce-textpic,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .ce-gallery,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .ce-outer,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .ce-inner,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .ce-row,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 .ce-column,
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 figure {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.grid-container-1-1-container-imgtxtcntrd .grid-row-2 img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	/* for firefox */
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
/* @end */
/* @end */
/* @group DOWNLOAD BUTTONS */
/* @group startpage */
#main-start-row-2-left div.ce-bodytext p code a,
#main-start-row-2-left div.ce-bodytext p a.downloadbutton {
	margin-top: 20px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-white);
	border: 1px solid var(--color-white);
	display: inline-block;
}
#main-start-row-2-left div.ce-bodytext p code a:hover,
#main-start-row-2-left div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @group general */
/* @group bodytext */
div.ce-bodytext p code a,
div.ce-bodytext p a.downloadbutton {
	padding: 0px 40px;
	font: var(--font-p);
	display: inline-block;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	margin-top: 40px;
}
div.ce-bodytext p code a:hover,
div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @group table */
div.ce-bodytext table.contenttable tbody tr td code a,
div.ce-bodytext table.contenttable tbody tr td a.downloadbutton {
	padding: 0px 40px;
	font: var(--font-p);
	display: inline-block;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	margin-top: 40px;
	margin-bottom: 40px;
}
div.ce-bodytext table.contenttable tbody tr td code a:hover,
div.ce-bodytext table.contenttable tbody tr td a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @end */
/* @group main bottom */
#main-bottom-12-12 div.main-bottom-left div.ce-bodytext p code a,
#main-bottom-12-12 div.main-bottom-left div.ce-bodytext p a.downloadbutton {
	margin-top: 0px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-white);
	border: 1px solid var(--color-white);
	display: inline-block;
}
#main-bottom-12-12 div.main-bottom-left div.ce-bodytext p code a:hover,
#main-bottom-12-12 div.main-bottom-left div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @group catalog */
div#main-middle-right .frame-layout-62 h2 {
	padding: 0px 40px;
	margin-bottom: 40px;
}
div#main-middle-right .frame-layout-62 header h2 a {
	padding: 10px 20px 8px;
	font: var(--font-hIV);
	display: inline-block;
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
div#main-middle-right .frame-layout-62 header h2 a:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
div.ce-bodytext p span.link-catalog a,
.frame-layout-13 div.ce-bodytext p a.downloadbutton {
	padding: 8px 10px 6px;
	font: var(--font-hV);
	letter-spacing: var(--letterspace-h);
	display: inline-block;
	color: var(--color-red);
	border: 1px solid var(--color-red);
	margin-top: 10px;
}
div.ce-bodytext p span.link-catalog a:hover,
.frame-layout-13 div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
/* @end */
/* @end */
/* @group BACK-TO-TOP */
.cd-top {
  display: inline-block;
  width: 40px;
  height: 80px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(backtotop.png);
  background-repeat: no-repeat;
  background-size: 40px 80px;
  background-position: left bottom;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 1;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
  -moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
  -o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
  transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: .5;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /*opacity: .7;*/
}
.no-touch .cd-top:hover {
  /*background-color: var(--color-orange);*/
  opacity: 1;
}
.cd-top.cd-is-visible:hover {
  /*background-color: var(--color-orange);*/
  opacity: 1;
}
/* @end */
/* @group POWERMAIL */
.tx-powermail fieldset {
	border: none;
	margin: 0;
	padding: 0 40px;
	max-width: 580px;
}
/* @group Input Fields */
.tx-powermail fieldset .powermail_input,
.tx-powermail fieldset .powermail_textarea {
	width: 100%;
	border: 1px solid var(--color-black);
	padding: 8px;
	font: var(--font-p);
	border-radius: 0;
}
.tx-powermail fieldset .powermail_fieldwrap {
	margin-bottom: 20px;
}
.tx-powermail fieldset label.powermail_label {
	display: block;
	margin-bottom: 8px;
}
/* @end */
/* @group Select Fields */
div.powermail_fieldwrap.powermail_fieldwrap_type_select div.powermail_field {
	width: auto;
	position: relative;
}
div.powermail_fieldwrap.powermail_fieldwrap_type_country div.powermail_field {
	width: auto;
	position: relative;
}
div.powermail_fieldwrap.powermail_fieldwrap_type_select div.powermail_field select,
div.powermail_fieldwrap.powermail_fieldwrap_type_country div.powermail_field select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-padding-start: calc(10px - 3px); /* firefox auto padding*/
	outline: none; /* chrome blue line */
	border: 1px solid var(--color-black);
	color: var(--color-black);
	border-radius: 0;
	width: 100%;
	height: 40px;
	padding: 8px 40px 8px 8px;
	cursor: pointer;
	background: url(../img/arrow-contact.png) calc(100% - 10px) no-repeat;
}
/* @end */
/* @group Checkbox */
input.powermail_checkbox {
	width: 15px;
	height: 15px;
	padding: 3px;
	float: left;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: var(--color-white);
	box-sizing: border-box;
	position: relative;
	box-sizing: content-box;
	border: 1px solid var(--color-black);
	transition: all .3s linear;
	box-shadow: none;
	margin-right: 10px;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-red);
}
input.powermail_checkbox:checked:after {
	content: '\e801';
}
div.powermail_field div.checkbox {
	display: inline-box;
	margin-bottom: 8px;
}
/* @end */
/* @group Send Button */
div.powermail_field input.powermail_submit {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 40px;
	font: var(--font-p);
	color: var(--color-black);
	border: 1px solid var(--color-black);
	border-radius: 0;
	display: inline-block;
}
#main-start-row-2-left div.ce-bodytext p code a:hover,
#main-start-row-2-left div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */
/* @group Text Info */
div.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_pflichtfeld {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 40px;
}
/* @end */
/* @group Captcha */
.powermail_fieldwrap_type_captcha {
	margin-top: 40px;
}
.powermail_fieldwrap_captcha label.powermail_label {
	color: var(--color-red);
}
input#powermail_field_captcha.powermail_captcha {
	width: 140px;
	height: 58px;
	border: 1px solid var(--color-black);
	padding: 8px;
	font: var(--font-p);
	float: left;
}
img#powermail_captchaimage.powermail_captchaimage {
	width: 250px;
	height: 58px;
}
/* @end */
/* @group Error Message */
.tx-powermail div.container-fluid form.powermail_form.powermail_form_1.nolabel ul.powermail_message {
	list-style: none;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 580px;
	margin-bottom: 40px;
	color: var(--color-red);
}
/* @end */
/* @group Confirmation page */
div.tx-powermail div.powermail_create p {
	padding: 0 40px 40px;
}
div.tx-powermail div.powermail_create p a,
div.tx-powermail div.powermail_create p a:visited {
	text-decoration: none;
	color: var(--color-red);
}
div.tx-powermail div.powermail_create p a:hover {
	color: var(--color-black);
}
/* @end */
/* @group Produktportal added */
div#c5452 div.tx-powermail,
div#c5453 div.tx-powermail  {
	max-width: 580px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 40px;
	margin-bottom: 40px;*/
	background-color: var(--color-white);
}
div#c5452 div.tx-powermail h3,
div#c5453 div.tx-powermail h3 {
	padding-top: 40px;
}
div#c5452 div.tx-powermail select#powermail_field_anrede.powermail_select,
div#c5453 div.tx-powermail select#powermail_field_anrede.powermail_select {
	background-color: var(--color-white);
}
div#c5452 div.tx-powermail input.powermail_submit,
div#c5453 div.tx-powermail input.powermail_submit {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 40px;
	font: var(--font-p);
	color: var(--color-black);
	border: 1px solid var(--color-black);
	display: inline-block;
	-webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
	-moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
	-o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
	transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */	
}
div#c5452 div.tx-powermail input.powermail_submit:hover,
div#c5453 div.tx-powermail input.powermail_submit:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */

/* @group Close button form */

.pmform-backlink-wrap {
	width: 100%;
	display: block;
	padding: 40px 40px 0;
	text-align: center;
}

.tx-powermail a.pmform-backlink {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-image: url(../img/pmform-backlink0.svg);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;
}

.tx-powermail a.pmform-backlink:hover {
	background-image: url(../img/pmform-backlink1.svg);
}

#main-middle-right .pmform-backlink-wrap {
	display: none;
}

/* @end */

/* @end */
/* @group NEWS PRODUCTS (only List) */
div.news-products-wrapper {
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 40px;
}
.news-list-view-products {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.news-list-view-products .article {
	background-color: var(--color-gray-III);
	display: grid;
	grid-template-columns: 120px 1fr;
	grid-column-gap: 0px;
	-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-o-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
}
.news-list-view-products a .article:hover {
	opacity: .85;
}
.news-list-view-products .article .newsimage {
	width: 100%;
	padding-top: 100%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
.news-list-view-products .article .newsimage .news-img-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	text-align: center; /* added 2023-03-28 */
}
.news-list-view-products .article .newsimage .news-img-wrap img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: inline-block; /* added 2023-03-28 instead float:left */
}
.news-list-view-products .article .newsheadline {
	display: flex;
	align-items: center;
	/*justify-content: center;*/
}
.news-list-view-products .article .newsheadline h4 {
	padding: 0 40px 0 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
/* @end */

/* @group MOBILE NAVI (Language) */
div.mm-navbar a.btn-langDE,
div.mm-navbar a.btn-langEN,
div.mm-navbar a.btn-langES {
	color: var(--color-white);
	background: var(--color-red);
	border: 0;
	font: var(--font-hII);
	letter-spacing: var(--letterspace-h);
}
/* @end */
/* @group NEWS LIST */
.news-list-view {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 40px;
	padding: 40px;
}
.news-list-view .article {
	display: grid;
	grid-template-columns: calc(33.3333% - 40px) 1fr;
	grid-column-gap: 40px;
	-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-o-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
}
.news-list-view a .article:hover {
	opacity: .85;
}
.news-list-view .article .newsimage {
	width: 100%;
	padding-top: 75%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}
.news-list-view .article .newsimage .news-img-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.news-list-view .article .newsimage .news-img-wrap img {
	width: 100%;
	height: auto;
}
.news-list-view .article .newsheadline {
	display: flex;
	align-items: center;
	/*justify-content: center;*/
}
.news-list-view .article .newsheadline h3 {
	padding: 0 0 20px;
	font: var(--font-news-h);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
.news-list-view .article div.newstext div.newsteaser p {
	color: var(--color-black);
}
.news-list-view .article div.newstext div.newsteaser div.news-more-link {
	color: var(--color-red);
}
div.news div.no-news-found {
	color: var(--color-gray-I);
	padding-left: 40px;
	padding-bottom: 40px;
	font-style: italic;
}
/* @group "Messe"-add */
.news-list-view a div.article.articletype-0 div.newstext div.news-list-date time {
	display: block;
	margin-bottom: 20px;
	font: var(--font-newsmesse-date);
	color: var(--color-gray-I);
}
.news-list-view .article .newsheadline-messe h3 {
	padding: 0 0 10px;
	font: var(--font-news-h);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
/* @end */
/* @end */
/* @group NEWS DETAIL */
div#main-news-wrap {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-auto-rows: 1fr;
	grid-gap: 0px;
}
/* @group news left */
#main-news-left {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	grid-gap: 0;
	background-color: var(--color-gray-O);
}
#main-news-left-top {
	position: relative;
}
#news-top-tile {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	background-color: var(--color-white);
}
.news-pagetitle {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#news-top-side {
	padding: 35px 40px;
	/*position: sticky;
	top: 155px;*/
}
#news-top-side-top {
	font: var(--font-hII);
	color: var(--color-white);
	letter-spacing: var(--letterspace-h);
	padding-bottom: 13px;
}
#main-news-left-bottom {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	grid-gap: 0;
	display: inherit;
	align-items: flex-end
}
/* @end */
/* @group news right */
/* @group links */
div#news-content-bottom div.news-single-text p a {
	color: var(--color-red);
}
div#news-content-bottom div.news-single-text p a:hover {
	color: var(--color-black);
}
div#news-content-bottom div.news-backlink-wrap a {
	padding: 5px 14px;
	font: var(--font-news-back);
	display: inline-block;
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
div#news-content-bottom div.news-backlink-wrap a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
div#news-content-bottom div.news-single-text p code a,
div#news-content-bottom div.news-single-text p a.downloadbutton {
	padding: 10px 20px;
	font: var(--font-p);
	display: inline-block;
	color: var(--color-red);
	border: 1px solid var(--color-red);
	margin-top: 10px;
}
div#news-content-bottom div.news-single-text p code a:hover,
div#news-content-bottom div.news-single-text p a.downloadbutton:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}
/* @end */
div#main-news-wrap div#main-news-right {
	display: grid;
	grid-template-columns: 1fr;
	background-color: var(--color-white);
}
div#main-news-wrap div#main-news-right div#news-content-top {
	width: 100%;
	padding-top: 50%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	background-color: var(--color-white);
}
div#main-news-wrap div#main-news-right div.newsimg-first {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
div#main-news-wrap div#main-news-right div#news-content-top div.newsimg-first a.lightbox img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
div#main-news-wrap div#main-news-right div#news-content-bottom {
	margin: 0px;
	padding: 40px;
}
div#main-news-right div#news-content-bottom div.news-single-title h2 {
	padding: 0;
	margin-top: 40px;
	margin-bottom: 10px;
}
div#main-news-right div#news-content-bottom span.news-single-date time {
	display: block;
	margin-bottom: 40px;
	font: var(--font-news-date);
	color: var(--color-gray-I);
}
div#main-news-right div#news-content-bottom div.news-single-text p {
	padding-bottom: 20px;
}
div#main-news-right div#news-content-bottom div.news-single-text ul {
	padding-left: 20px;
}
/*div#main-news-right div#news-content-bottom div.news-single-text p:last-child {
	padding-bottom: 40px;
}*/

/*div#main-news-right div#news-content-bottom div.news-single-text p:last-child {
	padding-bottom: 0px;
}*/
div#main-news-right div#news-content-bottom div.news-related-dld-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
div#main-news-right div#news-content-bottom div.newsimg-other {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	margin-top: 40px;
}
div#main-news-right div#news-content-bottom div.newsimg-other div.outer {
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	background-color: var(--color-white);
}
div#main-news-right div#news-content-bottom div.newsimg-other div.outer div.mediaelement.mediaelement-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
div#main-news-right div#news-content-bottom div.newsimg-other div.outer div.mediaelement.mediaelement-image a.lightbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div#main-news-right div#news-content-bottom div.news-related-dld div.ce-bodytext {
	padding: 0;
	margin: 0;
}
div#main-news-right div#news-content-bottom div.news-related-dld div.ce-bodytext h4 {
	padding: 10px;
	min-height: 76px;
}
div#main-news-right div#news-content-bottom div.news-related-dld div.ce-bodytext ul {
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}
div.news-list-view div.page-navigation {
}
/* @end */
/* @group news next/prev detail */
div#news-content-bottom ul.pager {
	width: 100%;
	height: 60px;
	margin-top: 40px;
	padding-top: 20px;
	list-style-type: none;
	position: relative;
	border-top: 1px solid #333;
}
div#news-content-bottom ul.pager li.previous {
	font: var(--font-nav-lang);
	text-transform: uppercase;
	position: absolute;
	left: 0;
}
div#news-content-bottom ul.pager li.next {
	font: var(--font-nav-lang);
	text-transform: uppercase;
	position: absolute;
	right: 0;
}
div#news-content-bottom ul.pager li a {
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 5px;
	display: inline-block;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	font-weight: normal;
	font-style: normal;
}
div#news-content-bottom ul.pager li a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}
/* @end */





/* @group Added 2025 */

div#news-content-bottom div.news-single-text figure {
	margin: 0;
}

div#news-content-bottom div.news-single-text h4 {
	padding-left: 0;
}

div#news-content-bottom div.news-single-text table {
	width: 100%;
	border: 0;
}

/*div#news-content-bottom div.news-single-text table tbody {
	display: block;
	margin-bottom: 20px;
}*/

div#news-content-bottom div.news-single-text table tbody tr td {
	padding: 0;
	vertical-align: top;
	/*padding-bottom: 20px;*/
}

/*
div#news-content-bottom div.news-single-text table tbody tr td:first-child {
	background-color: red;
}
div#news-content-bottom div.news-single-text table tbody tr td:last-child {
	background-color: beige;
}
div#news-content-bottom div.news-single-text table tbody tr td p {
	background-color: lime;
}*/

div#news-content-bottom div.news-single-text table tbody tr td:first-child {
	width: 33.3333%;
	padding-right: 20px;
}

div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td:first-child {
	width: calc(50% - 0px);
	padding-right: 10px;
	float: left;
}
div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td:last-child {
	width: calc(50% - 0px);
	padding-right: 0; /* reset general */
	padding-left: 10px;
	float: left;
}

div#news-content-bottom div.news-single-text img {
	width: 100%;
	height: auto;
	float: left;
}

div#news-content-bottom div.news-single-text p span.newscaption,
div#news-content-bottom div.news-single-text td span.newscaption {
	font-size: 14px;
	line-height: 130%;
	font-style: italic;
	width: 100%;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 20px;
}

div#news-content-bottom div.news-single-img-related div.news-related-dld div.news-related-dld-content {
	margin-top: 40px;
}

/*div#main-news-right div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td {
	padding-bottom: 20px;
}*/

div#main-news-right div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td p:last-child {
	padding-bottom: 0px;
}

/*div#news-content-bottom div.news-single-text table.contenttable tbody tr td p span.tablefontsize {
	font: var(--font-p-tablecaption);
}*/

/* @end */




/* @end */
/* @group GOOGLE MAPS */
/* @group "Show Map" in go_ext_maps */
.frame.frame-default.frame-type-list.frame-layout-0 div.tx-go-maps-ext div.js-gme-preview {
  width: 100%;
  /*height: 100vh;*/
  height: 550px;
  float: left;
  background-color: var(--color-red);
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame.frame-default.frame-type-list.frame-layout-0 div.tx-go-maps-ext div.js-gme-preview a.js-gme-show {
  color: var(--color-white);
  text-decoration: none;
  font: var(--font-hIV);
  letter-spacing: var(--letterspace-h);
}
/* @end */
/* @end */
/* @group BUTTONINFO */
div.button {
	position:fixed;
	height: 40px;
	padding: 5px;
	transition: right 0.5s ease-in-out;
	background-color: var(--color-red);
	overflow: hidden;
	box-sizing: padding-box;
	box-sizing: border-box;
	z-index: 10;
}
div.button.phonebtn {
	top: calc(50% - 70px);
	right: -190px;
	width: 230px;
}
div.button.locationbtn {
	top: calc(50% - 20px);
	right: -320px;
	width: 360px;
}
div.button.mailadbtn {
	top: calc(50% + 30px);
	right: -190px;
	width: 230px;
}
div.button.phonebtn:hover,
div.button.locationbtn:hover,
div.button.mailadbtn:hover {
	right: 0px;
}
.button span { 
	opacity: 0;
	position: absolute;
	top: 8px;
	left: 60px;
	transition: opacity .3s linear 0.3s;
}
.button:hover span {
	opacity:1;
}
.button button,
.button button a {
	color: var(--color-white);
}
.button button a:hover {
	color: var(--color-black);
}
.button button img {
	width: 30px;
	height: 30px;
}
/* @end */
/* @group OVERRIDES */
footer .ce-bodytext p,
footer .ce-bodytext p:first-child,
footer .ce-bodytext p:last-child,
footer div.ce-bodytext table.contenttable {
	padding: 0px;
	margin: 0px;
}
.frame-layout-12 h2,
.frame-layout-12 h3,
.frame-layout-12 h4,
.frame-layout-12 h5,
.frame-layout-12 h6,
.frame-layout-13 h2,
.frame-layout-13 h3,
.frame-layout-13 h4,
.frame-layout-13 h5,
.frame-layout-13 h6,
.frame-layout-14 h2,
.frame-layout-14 h3,
.frame-layout-14 h4,
.frame-layout-14 h5,
.frame-layout-14 h6,
.frame-layout-30 h4,
#main-news-right-search h2,
.grid-container.grid-container-grid1column-gray .grid-row .grid-column h2,
.grid-container.grid-container-grid1column-gray .grid-row .grid-column h3,
.grid-container.grid-container-grid1column-gray .grid-row .grid-column h4,
.grid-container.grid-container-grid1column-gray .grid-row .grid-column h5,
.grid-container.grid-container-grid1column-gray .grid-row .grid-column h6,
.grid-container.grid-container-grid2column-gray .grid-row .grid-column h2,
.grid-container.grid-container-grid2column-gray .grid-row .grid-column h3,
.grid-container.grid-container-grid2column-gray .grid-row .grid-column h4,
.grid-container.grid-container-grid2column-gray .grid-row .grid-column h5,
.grid-container.grid-container-grid2column-gray .grid-row .grid-column h6,
.grid-container.grid-container-grid3column-gray .grid-row .grid-column h2,
.grid-container.grid-container-grid3column-gray .grid-row .grid-column h3,
.grid-container.grid-container-grid3column-gray .grid-row .grid-column h4,
.grid-container.grid-container-grid3column-gray .grid-row .grid-column h5,
.grid-container.grid-container-grid3column-gray .grid-row .grid-column h6,
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column h2,
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column h3,
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column h4,
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column h5,
.grid-container.grid-container-grid2column-grayleft .grid-row .grid-column h6,
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column h2,
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column h3,
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column h4,
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column h5,
.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column h6,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column h2,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column h3,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column h4,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column h5,
.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column h6 {
	padding-left: 0;
	padding-right: 0;
}
.frame-layout-10 p.mail {
	display: inline-box;
	margin-top: 20px;
}
/* @end */
/* @group SUCHE */
div#c8671.frame.frame-default.frame-type-textmedia.frame-layout-15 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
	padding-left: 0;
}
/* @end */
/* @group ANFRAGE BILDDATEN */
div#c8251.frame.frame-default.frame-type-textmedia,
div#c8732.frame.frame-default.frame-type-textmedia  {
	max-width: 780px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	background-color: white;
}
/* @end */
/* @group POWERMAIL 2023 */
fieldset.layout3 {
	max-width: 100%;
}
fieldset.layout3 legend.powermail_legend {
	display: none;
}
fieldset.layout3 select#powermail_field_anrede.powermail_select {
	height: 43px;
}
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_anrede {
	width: 140px;
	float: left;
}
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_vorname,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_nachname {
	width: calc(50% - 110px);
	float: left;
	margin-left: 40px;
}
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_unternehmenorganisation,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_land,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_e_mail_adresse,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_telefon {
	width: calc(50% - 20px);
	float: left;
}
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_unternehmenorganisation,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_e_mail_adresse {
	margin-right: 20px;
}
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_land,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_telefon {
	margin-left: 20px;
}
/* @end */
/* @group UMBAU STARTSEITE + IMAGEFILM */
:root {
	--font-hO: normal 400 50px/120% 'Bebas Neue';
}
#main-start-row-0 {
	width: 100%;
	height: auto;
	float: left;
}
video#videointro {
	width: 100%;
	height: auto;
	float: left;
}
#start-imagevideo {
	position: relative;
	width: 100%;
	height: auto;
	float: left;
}
#start-imagevideo-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
#start-imageoverlay-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	display: flex;
	align-items: end;
	justify-content: center;
}
#start-overlaycontent-wrap {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 140px;
}
#imageoverlay-text div.ce-bodytext p {
	font: var(--font-hO);
	letter-spacing: var(--letterspace-h);
	color: var(--color-white);
	text-shadow: 0 0 8px var(--color-black);
	text-align: center;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
#imageoverlaybuttonwrap {
	padding-bottom: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 80px;
	margin-top: 60px;
}
#start-overlaycontent-wrap div.ce-bodytext p {
	padding: 5px 0 0;
}
#imageoverlay-left div.ce-bodytext p {
	text-align: right;
}
#imageoverlay-left div.ce-bodytext p a,
#imageoverlay-right div.ce-bodytext p a {
	color: var(--color-white);
	border: 1px solid var(--color-white);
	padding: 15px 30px;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-shadow: 0 0 8px var(--color-black);
	-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;
	-o-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		border 0.3s ease,		
		color 0.3s ease;
	transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;
}
#imageoverlay-left div.ce-bodytext p a:hover,
#imageoverlay-right div.ce-bodytext p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
	text-shadow: 0 0 0px var(--color-black);
}
/* @group Media Queries */
@media screen and (max-width: 1470px) {
:root {
	--font-hO: normal 400 40px/120% 'Bebas Neue';
}
}
@media screen and (max-width: 1220px) {
:root {
	--font-hO: normal 400 36px/120% 'Bebas Neue';
}
#start-overlaycontent-wrap {
	padding-bottom: 80px;
}
#imageoverlaybuttonwrap {
	grid-column-gap: 40px;
	margin-top: 20px;
}
}
@media screen and (max-width: 1024px) {
:root {
	--font-hO: normal 400 30px/120% 'Bebas Neue';
}
#start-overlaycontent-wrap {
	padding-bottom: 40px;
}
}
@media screen and (max-width: 640px) {
:root {
	--font-hO: normal 400 24px/120% 'Bebas Neue';
}
#imageoverlaybuttonwrap {
	grid-column-gap: 20px;
}
}
@media screen and (max-width: 575px) {
#start-imagevideo {
	padding-bottom: 100%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
video#videointro {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#imageoverlaybuttonwrap {
	grid-gap: 10px;
	margin-top: 10px;
}
#start-overlaycontent-wrap {
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
#imageoverlay-left div.ce-bodytext p a,
#imageoverlay-right div.ce-bodytext p a {
	padding: 10px 20px;
	display: inline-block;
	width: auto;
	text-align: center;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
#imageoverlay-left div.ce-bodytext p,
#imageoverlay-right div.ce-bodytext p {
	text-align: center;
}
}
/* @end */
/* @end */
/* @group iFrame Virtueller Rundgang */
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice {
	margin: 0;
	padding: 0;
	background: red;
}
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice {
	border: none;
	background: var(--color-red);
}
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice p {
	color: var(--color-white);
	text-decoration: none;
	font: var(--font-hIV);
	letter-spacing: var(--letterspace-h);
	padding-bottom: 20px;
}
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice p.cm-buttons button.cm-btn.cm-btn-success,
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice p.cm-buttons button.cm-btn.cm-btn-success-var {
	background: transparent;
	padding: 8px 20px 5px;
	border: 1px solid var(--color-white);
	border-radius: 0;
	margin-right: 20px;
	-webkit-transition:
		background 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		background 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;	
	-ms-transition:	
		background 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;	
	-o-transition:
		background 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;	
	transition:
		background 0.3s ease,
		border 0.3s ease,
		color 0.3s ease;	
}
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice p.cm-buttons button.cm-btn.cm-btn-success-var {
	margin-right: 0;
}
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice p.cm-buttons button.cm-btn.cm-btn-success:hover,
div#c8999.frame.frame-default.frame-type-html.frame-layout-0 div div.klaro.we_cookie_consent.cm-as-context-notice div.context-notice p.cm-buttons button.cm-btn.cm-btn-success-var:hover {
	background: var(--color-white);
	color: var(--color-red);
}
/* @end */

/* @group PREZI */

#preziwrap {
	position: relative;
	width: 100%;
	padding-bottom: 59.5%;
	background: var(--color-black);
}

#preziwrap iframe#iframe_container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* @end */

/* @group QUOTATION */

span.fontquotespecial,
p.fontquotespecial {
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	font-weight: 300;
	font-size: 24px;
	line-height: 140%;
	font-style: italic;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
.caption-text span.fontquotespecial,
.caption-text p.fontquotespecial {
	padding-left: 0px;
	padding-right: 0px;
	font: var(--font-p);
	font-weight: 300;
	font-style: italic;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
span.fontquotespecial::before,
p.fontquotespecial::before {
	content: '„';
	margin-right: 3px;
}
span.fontquotespecial::after,
p.fontquotespecial::after {
	content: '“';
}

span.font-luedecke {
	font-weight: 600;
	font-style: italic;
	letter-spacing: .01em;
	-webkit-hyphens: auto;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}

/* @end */

/* @group TIMELINE */

div.timeline-start {
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}
div.timeline-start img {
	width: 36px;
	height: auto;
	float: left;
	margin-left: calc(50% - 18px);
}

.frame-layout-80 {
	position: relative;
	padding: 40px;
}

.frame-layout-80 header h3 {
	padding: 0;
	color: var(--color-black);
	font: var(--font-caption-year);
	margin-bottom: 10px;
	margin-top: 40px;
}

.frame-layout-80 .frame:first-child header h3 {
	margin-top: 0px;
}

.frame-layout-80 header h3 {
	padding: 0;
	color: var(--color-black);
	font: var(--font-caption-year);
	margin-bottom: 10px;
	margin-top: 40px;
}

.frame-layout-80 div.ce-bodytext p,
.frame-layout-80 div.ce-bodytext p strong {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	white-space: normal;
	padding: 0;
}

.frame-layout-80 div.ce-bodytext p span.timelinecap-name {
	font: var(--font-caption-timeline);
}

.frame-layout-80::before {
	content:'';
	position: absolute;
	height: 100%;
	width: 2px;
	background:linear-gradient(to bottom, var(--color-red) 0%, var(--color-red) 10%, var(--color-red) 90%, var(--color-white) 100%);
	right: calc(50% - 1px);
	top: 0;
}

.frame-13 {
	width: calc(50% - 40px);
	margin-right: calc(50% + 40px);
	text-align: right;
	float: left;
}

.frame-14 {
	width: calc(50% - 40px);
	margin-left: calc(50% + 40px);
	float: left;
}

.frame-layout-80 figure {
	margin-top: 20px;
}

.frame-layout-80 .ce-gallery {
	margin-bottom: 10px;
}

.frame-layout-80 .frame-13 figure {
	overflow: hidden;
	text-align: right;
}

.frame-layout-80 img {
	max-width: 305px;
	float: none;
}

/* @end */

/* @group NEWSLETTER */

div#mc_embed_signup {
	padding: 0 40px 40px;
	max-width: 640px;
}

div#mc_embed_signup input {
	border-radius: 0;
}

#mc_embed_signup .indicates-required {
	text-align: left;
}

#mc_embed_signup .mc-field-group {
	width:100%;
	padding:0;
	min-height:auto;
	margin-bottom: 10px;
}

div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdpr label,
div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdpr p,
div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdprLegal p.smallfont,
div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdpr fieldset.mc_fieldset.gdprRequired.mc-field-group label.checkbox.subfield span {
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	text-transform: none;
	color: var(--color-black);
}

div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdpr p {
	margin-bottom: 10px;
}

div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdpr label {
	font-weight: bold;
}

div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdpr p.smallfont,
div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdprLegal p.smallfont {
	color: var(--color-gray-I);
}

div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdprLegal p a {
	display: inline-block;
	color: var(--color-black);
}

div#mergeRow-gdpr.mergeRow.gdpr-mergeRow.content__gdprBlock.mc-field-group div.content__gdprLegal p a:hover {
	color: var(--color-red);
}

div#mc_embed_signup_scroll div.indicates-required {
	text-align: left;
}

input#mc-embedded-subscribe.button {
	height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 40px 10px;
	font: var(--font-p);
	color: var(--color-black);
	border: 1px solid var(--color-black);
	display: inline-block;
	background-color: transparent;
	border-radius: 0;
}

input#mc-embedded-subscribe.button:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
	background-color: transparent;
}

/* @end */

/* @group NEWSLETTER 2025 */

div#mc_embed_signup_scroll div.indicates-required {
	font-size: 14px;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#mc_embed_signup_scroll div.mc-field-group label {
	display: block;
	margin-bottom: 8px;
}

#mc_embed_signup .mc-field-group {
	margin-bottom: 20px;
}

div#mc_embed_signup_scroll div.mc-field-group div.mce_inline_error {
	background: inherit;
	color: inherit;
	font: inherit;
	padding: inherit;
}

ul.powermail-errors-list.filled li,
div#mc_embed_signup_scroll div.mc-field-group div.mce_inline_error,
div#mce-success-response.response {
	display: inherit;
	margin-top: 4px;
	list-style: none;
	font-size: 14px;
	line-height: 140%;
	font-style: italic;
	color: var(--color-red);
	margin-bottom: 0;
}

input#mce-EMAIL.required.email,
input#mce-FNAME.text,
input#mce-LNAME.text,
input#mce-COMPANY.text {
	width: 100%;
	border: 1px solid var(--color-black);
	padding: 8px;
	font: var(--font-p);
	border-radius: 0;
}

div#mc_embed_signup input#gdpr_5078.gdpr {
	width: 15px;
	height: 15px;
	padding: 3px;
	float: left;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: var(--color-white);
	box-sizing: border-box;
	position: relative;
	box-sizing: content-box;
	border: 1px solid var(--color-black);
	transition: all .3s linear;
	box-shadow: none;
	margin-right: 10px;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-red);
}
div#mc_embed_signup input#gdpr_5078.gdpr:checked:after {
	content: '\e801';
}

/* @end */

/* @group Youtube*/

.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text div.youtubevideo-gdpr-note {
	font-weight: normal;
}

.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text div.youtubevideo-gdpr-note a {
	color: var(--color-red);
}

.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text div.youtubevideo-gdpr-note a:hover {
	color: var(--color-black);
}

.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text button.youtubevideo-gdpr-button {
	color: var(--color-black);
	text-transform: inherit;
	font-weight: normal;
	display: inline-block;
	border: 1px solid var(--color-black);
	background-color: transparent;
}

.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text button.youtubevideo-gdpr-button:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
	background-color: var(--color-white);
}

@media (prefers-color-scheme: dark) {
.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text button.youtubevideo-gdpr-button {
	color: var(--color-white);
	border: 1px solid var(--color-white);
}

.youtubevideo-gdpr-overlay div.youtubevideo-gdpr-text button.youtubevideo-gdpr-button:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
	background-color: transparent;
}
}

/* @end */

/* @group tinyaccordion */

ul.tinyaccordion {
	list-style:none;
	border-top: 0px solid var(--color-black);
	padding: 40px;
	
	background-color: var(--color-gray-III);
}

.frame:last-child ul.tinyaccordion {
	margin-bottom: 0px;
}

ul.tinyaccordion div.ce-bodytext ul {
	/*list-style-image: url('../img/tinyacc-plus.svg');*/
	list-style: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 20px;
}

ul.tinyaccordion figure,
ul.tinyaccordion figure.table table.contenttable {
	padding: 0;
	margin: 0;
	width: 100%;
}

ul.tinyaccordion figure.table table.contenttable ul li {
	padding-left: 30px;
	margin: 0;
	background: url('../img/tinyacc-ul-dot.svg');
	background-size: 12px;
	background-position-x: 7px;
	background-position-y: 7px;
	background-repeat: no-repeat;
}

ul.tinyaccordion figure.table table.contenttable ul.tinyacc-ul-hooks li {
	padding-left: 30px;
	margin: 0;
	background: url('../img/tinyacc-ul-hook.svg');
	background-size: 14px 14px;
	background-position-x: 3px;
	background-position-y: 7px;
	background-repeat: no-repeat;
}

ul.tinyaccordion figure {
	background-color: var(--color-white);
	padding: 20px;
}

ul.tinyaccordion table tbody tr {
	vertical-align: top;
	width: 100%;
}

ul.tinyaccordion table tbody tr td {
	padding: 0;
	margin: 0;
}

ul.tinyaccordion div.ce-bodytext ul li {
	padding-left: 5px;
	padding-bottom: 5px;
}

ul.tinyaccordion h4 {
	padding: 20px 60px 20px 0;
	cursor: pointer;
	margin-bottom: 0;
	
}

ul.tinyaccordion h3 {
	padding: 0 60px 20px 0;
}

ul.tinyaccordion h4 {
	background: url('../img/tinyacc-plus.svg');
	background-size: 30px 30px;
	background-position-x: calc(100% - 0px);
	background-position-y: 18px;
	background-repeat: no-repeat;
}

ul.tinyaccordion h4.acc-selected {
	background: url('../img/tinyacc-minus.svg');
	background-size: 30px 30px;
	background-position-x: calc(100% - 0px);
	background-position-y: 18px;
	background-repeat: no-repeat;
}

ul.tinyaccordion .acc-section {
	overflow:hidden;
}

ul.tinyaccordion .csc-default,
ul.tinyaccordion ul.tinyaccordion,
ul.tinyaccordion ul.tinyaccordion .news-single-item {
	padding: 0;
}

ul.tinyaccordion li .csc-header:first-child {
	display: none;
}

ul.tinyaccordion h2 {
	display: none;
}

ul.tinyaccordion li.acc-li:first-child {
	border-top: 1px solid var(--color-gray-II);
}

ul.tinyaccordion li.acc-li {
	border-bottom: 1px solid var(--color-gray-II);
}

ul.tinyaccordion li.acc-li h4 {
	letter-spacing: var(--letterspace-h);
	font: var(--font-hII);
	color: var(--color-black);	
}

ul.tinyaccordion figure.table table.contenttable tbody tr td p strong {
	font: var(--font-hIII);
	letter-spacing: var(--letterspace-h);
}

ul.tinyaccordion li.acc-li h4.acc-selected,
ul.tinyaccordion li.acc-li h4:hover {
	color: var(--color-masterI);
	text-decoration: none;
}

ul.tinyaccordion li.acc-li div.acc-section {
	background-color: transparent; !important
	background-color: var(--color-gray-III);
}

ul.tinyaccordion li.acc-li div.ce-bodytext p {
	padding: 0 0 20px;
}

ul.tinyaccordion li.acc-li div.ce-outer,
ul.tinyaccordion li.acc-li div.ce-inner {
	float: none;
	right: 0;
}

ul.tinyaccordion li.acc-li .ce-column {
	width: 100%;
	height: auto;
	float: left;
}

ul.tinyaccordion li.acc-li .acc-section div.frame {
	background-color: transparent;
}

ul.tinyaccordion li.acc-li .acc-section div.frame div.ce-textpic {
	display: grid;
	grid-template-columns: 1fr 60px;
}

ul.tinyaccordion li.acc-li .acc-section div.frame div.ce-textpic div.ce-bodytext {
	grid-column: 1 / 3;
	grid-row: 1;
}

ul.tinyaccordion li.acc-li .acc-section div.frame div.ce-textpic div.ce-gallery {
	margin: 0;
}

ul.tinyaccordion li.acc-li figure.video {
	width: 100%;
	position: relative;
	padding-bottom: 56%;
}

ul.tinyaccordion li.acc-li .video-embed {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

ul.tinyaccordion li.acc-li iframe.video-embed-item {
	width: 100%;
	height: 100%;
}

ul.tinyaccordion .frame-type-textmedia figure.image {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 6px;
	text-align: center;
}

ul.tinyaccordion .frame-type-textmedia figure.image img {
	max-width: 200px;
	height: auto;
	max-height: 250px;
	width: auto;
	display: inline-block;
}

/* @end */

/* @group tinyaccordion *ADDONS* */

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	padding-bottom: 20px;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div:nth-child(1) { /* Gallery */
	grid-column: 1 / 2;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div:nth-child(2) { /* Bodytext */
	grid-column: 2 / 3;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div:nth-child(1) { /* Gallery */
	grid-column: 2 / 3;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div:nth-child(2) { /* Bodytext */
	grid-column: 1 / 2;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div:nth-child(1) figure,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div:nth-child(1) figure {
	background-color: transparent;
	padding: 0px;
	overflow: hidden;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div.ce-gallery figure figcaption.image-caption {
	text-align: left;
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	font-size: 15px;
	line-height: 140%;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-row,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div.ce-row {
	margin-bottom: 20px;
	overflow: hidden;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-row:last-child,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div.ce-row:last-child {
	margin-bottom: 0px;
}

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-row div.ce-column figure.image img,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext div.ce-row div.ce-column figure.image a img,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div.ce-row div.ce-column figure.image img,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext div.ce-row div.ce-column figure.image a img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* @end */

/* @group ClickOnPic */

.cop-bgimg {
    position: relative;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.cop-bgimg img {
    position: relative;
	width: 100%;
	height: auto;
}

.cop-marker {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: var(--color-red);
    border-radius: 50%;
    cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.cop-marker-icon {
    color: white;
    font-style: italic;
    font-weight: bold;
}

.cop-box {
    position: absolute;
    transform: translateX(-50%); /* Zentriert das Popup horizontal */
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 12;
	width: 240px;
}

.cop-box-content {
    position: relative;
}

.cop-box-img {
    width: 100%;
    position: relative;
	padding-bottom: 56.25%;
}

.cop-box-ratio {
    position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.cop-box-ratio img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.cop-box-content h3 {
	font: var(--font-hIII);
	color: var(--color-red);
	padding: 0 0 5px;
}

.cop-box-txt {
	padding: 15px;
}

.cop-box-content p {
    margin: 0;
	font: var(--font-p-table);
	padding-bottom: 10px;
}

.cop-box-content p:last-child {
	padding-bottom: 0px;
}

.cop-box-content p a {
	padding: 3px 6px;
	font: var(--font-p-table);
	color: var(--color-black);
	border: 1px solid var(--color-black);
	display: inline-block;
	margin-top: 5px;
}

.cop-box-content p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

.close-cop-box {
    position: absolute;
    top: 5px;
    right: 10px;
	z-index: 1;
    background-color: transparent;
    border: none;
    font-size: 36px;
    cursor: pointer;
	-webkit-filter: invert(1); /* safari 6.0 - 9.0 */
	filter: invert(1);	
}

/* @end */

/* @group POWERMAIL 2025 */

div.powermail_fieldwrap.powermail_fieldwrap_inputartikel.powermail_fieldwrap_produkt label.powermail_label,
div.powermail_fieldwrap.powermail_fieldwrap_inputartikel.powermail_fieldwrap_produkt div.powermail_field {
	display: inline-block;
}

input#powermail_field_produkt.powermail_input.powermail_inputartikel.luedecke-article {
	width: auto;
	padding: 0;
	border: none;
	color: var(--color-red);
}

div.powermail_fieldwrap.powermail_fieldwrap_inputartikel.powermail_fieldwrap_produkt div.powermail_field::before {
	content: ': ';
	padding-right: 3px;
}

/* @end */