/* @override https://luetranet.de/fileadmin/templates/css/intranet-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-logout-btn: normal 400 18px/120% 'Bebas Neue';


	--font-product-backlink: normal 400 14px/140% 'Source Sans Pro';





}





/* @end */





/* @group :root COLOR */





:root {


	--color-black: rgba(29, 27, 29, 1);


	--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-light: rgba(29, 27, 29, .2);


	--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#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 {


	width: 100%;


	padding-left: 40px;


	padding-right: 40px;


}





/* @end */





/* @group Links */





a {


	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;


}





a[href^="tel"] {


	color: var(--color-black);


	text-decoration: none;


}





.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 {


	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 {


	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 HEADER Start & Standard */





header#header-intranet {


	width: 100%;


	height: auto;


	z-index: 13;


	background-color: var(--color-black);


	padding-top: 40px;


	padding-bottom: 40px;


}





header#header-intranet div#header-intranet-container {


	display: grid;


	grid-template-columns: 80px 1fr auto;


	grid-template-rows: 80px;


	grid-gap: 0px;


	height: 80px;


}





div#header-intranet-search {


	display: flex;


	align-items: center;


	padding-left: 40px;


}

















div#header-search-container {


	color: var(--color-white);


	display: block;


	padding: 0px;


	width: 100%;


	max-width: 380px;


}





div#header-search-container form#form_kesearch_searchfield {


	display: grid;


	grid-template-columns: 1fr auto;


}





div#header-search-container input#ke_search_searchfield_sword {


	background-color: var(--color-black);


	color: var(--color-white);


	padding: 0 0 0 10px;


	border-left: 1px solid var(--color-gray-I);


	border-top: 1px solid var(--color-gray-I);


	border-bottom: 1px solid var(--color-gray-I);


	border-right: 0;


}





div#header-search-container input#ke_search_searchfield_submit {


	border-left: 1px solid var(--color-gray-III);


	border-top: 1px solid var(--color-gray-III);


	border-bottom: 1px solid var(--color-gray-III);


	border-right: 1px solid var(--color-gray-III);


	background-color: var(--color-black);


	color: var(--color-gray-III);


	font: var(--font-hVI);


	letter-spacing: var(--letterspace-h);


	padding: 13px 20px 9px;


	color: var(--color-gray-III);


	-webkit-transition:


		color 0.3s ease,	


		border 0.3s ease;	


	-moz-transition:


		color 0.3s ease,	


		border 0.3s ease;


	-ms-transition:	


		color 0.3s ease,	


		border 0.3s ease;


	-o-transition:


		color 0.3s ease,	


		border 0.3s ease;


	transition:


		color 0.3s ease,	


		border 0.3s ease;


}





div#header-search-container input#ke_search_searchfield_submit:hover {


	border-left: 1px solid var(--color-red);


	border-top: 1px solid var(--color-red);


	border-bottom: 1px solid var(--color-red);


	border-right: 1px solid var(--color-red);


	color: var(--color-red);


}



































div#header-intranet-user img {


	width: 80px;


	height: auto;


	height: 80px;


	


	object-fit: cover;


	


	margin-right: 20px;


	border-radius: 40px;


}





div#header-intranet-user a {


	float: right;


	padding: 11px 20px 9px;


	margin-top: 20px;


	border: 1px solid var(--color-gray-III);


	color: var(--color-gray-III);


	font: var(--font-logout-btn);


	letter-spacing: var(--letterspace-h);


	-webkit-transition:


		color 0.3s ease,	


		border 0.3s ease;	


	-moz-transition:


		color 0.3s ease,	


		border 0.3s ease;


	-ms-transition:	


		color 0.3s ease,	


		border 0.3s ease;


	-o-transition:


		color 0.3s ease,	


		border 0.3s ease;


	transition:


		color 0.3s ease,	


		border 0.3s ease;


}





div#header-intranet-user a:hover {


	border: 1px solid var(--color-red);


	color: var(--color-red);


}





div#mobilenavi-intranet-logo a img {


	width: 42px;


	height: auto;


	float: left;


}





div#mobilenavi-intranet-user {


	width: auto;


	height: auto;


	float: left;


}





div#mobilenavi-intranet-user img {


	width: 42px;


	height: auto;


	height: 42px;


	


	object-fit: cover;





	margin-left: 20px;


	margin-right: 10px;


	


	border-radius: 21px;


}





div#mobilenavi-intranet-user a {


	float: right;


	margin-top: 7px;


	padding: 6px 10px 4px;


	border: 1px solid var(--color-gray-III);


	color: var(--color-gray-III);


	font: var(--font-logout-btn);


	letter-spacing: var(--letterspace-h);


	-webkit-transition:


		color 0.3s ease,	


		border 0.3s ease;	


	-moz-transition:


		color 0.3s ease,	


		border 0.3s ease;


	-ms-transition:	


		color 0.3s ease,	


		border 0.3s ease;


	-o-transition:


		color 0.3s ease,	


		border 0.3s ease;


	transition:


		color 0.3s ease,	


		border 0.3s ease;


}





div#mobilenavi-intranet-user a:hover {


	border: 1px solid var(--color-red);


	color: var(--color-red);


}





/* @end */





/* @group HEADER Login */





header#header-intranet {


	width: 100%;


	height: auto;


	z-index: 13;


	background-color: var(--color-black);


	padding-top: 40px;


	padding-bottom: 40px;


}





div#header-intranet-login-logo a img {


	width: auto;


	height: 40px;


	margin-top: 60px;


	margin-bottom: 20px;


}





/* @end */





/* @group MAIN */





main#main {


	display: grid;


	grid-template-rows: auto;


	grid-gap: 0px;


}





/* @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 {


	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 {


	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 {


	position: absolute;


	width: 100%;


	height: 100%;


	object-fit: cover;


}





#main-top div.main-top-block h1 {


	position: absolute;


	width: 100%;


	bottom: 0px;


}





/* @end */





/* @group main middle */





#main-middle  {


	display: grid;


	grid-template-columns: 33.33% 1fr;


	grid-gap: 0px;


}





/* @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;


}





#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


}





/* @end */





/* @group main middle right */





#main-middle div#main-middle-right {


	background-color: var(--color-white);


	padding: 0px 0 0 0;


}





/* @end */





/* @end */





/* @end */





/* @group MAIN Intranet */





main#main-intranet {


	display: grid;


	grid-template-columns: 240px 1fr 240px;


	grid-template-rows: auto;


	grid-column-gap: 20px;


}





main#main-intranet-login {


	display: grid;


	grid-template-columns: 240px 1fr;


}





/* @end */





/* @group NAV */








div#main-middle-left ul#sideMenu,


div#main-middle-left ul#sideMenu li ul,


div#main-intranet-left ul#mainMenu,


div#news-top-side-bottom ul#sideMenu,


div#news-top-side-bottom ul#sideMenu li ul {


	list-style-type: none;


	display: inline;


}





div#main-middle-left ul#sideMenu li,


div#main-intranet-left ul#mainMenu li,


div#news-top-side-bottom ul#sideMenu li {


	font: var(--font-nav-side-O);


	margin-top: 12px;


	margin-bottom: 12px;


}





div#main-middle-left ul#sideMenu li ul li,


div#news-top-side-bottom ul#sideMenu li ul li  {


	padding-left: 20px;


}





div#main-middle-left ul#sideMenu li a,


div#main-intranet-left ul#mainMenu li a,


div#news-top-side-bottom ul#sideMenu li a {


	color: var(--color-white);


	text-decoration: none;


}





div#main-middle-left ul#sideMenu li a,


div#main-middle-left ul#sideMenu li.active ul li a,


div#main-middle-left ul#sideMenu li.active ul li.active ul li a,


div#main-middle-left ul#sideMenu li.active ul li.active ul li.active ul li a,


div#news-top-side-bottom ul#sideMenu li a,


div#news-top-side-bottom ul#sideMenuli.active ul li a,


div#news-top-side-bottom ul#sideMenu li.active ul li.active ul li a,


div#news-top-side-bottom ul#sideMenu li.active ul li.active ul li.active ul li a {


	font: var(--font-nav-side-O);


	letter-spacing: var(--letterspace-nav);


}





div#main-middle-left ul#sideMenu li.active a,


div#main-middle-left ul#sideMenu li.active ul li.active a,


div#main-middle-left ul#sideMenu li.active ul li.active ul li.active a,


div#main-middle-left ul#sideMenu li.active ul li.active ul li.active ul li.active a,


div#news-top-side-bottom ul#sideMenu li.active a,


div#news-top-side-bottom ul#sideMenu li.active ul li.active a,


div#news-top-side-bottom ul#sideMenu li.active ul li.active ul li.active a,


div#news-top-side-bottom ul#sideMenu li.active ul li.active ul li.active ul li.active a {


	font: var(--font-nav-side-I);


}





div#main-middle-left ul#sideMenu li a:hover,


div#main-intranet-left ul#mainMenu li a:hover,


div#news-top-side-bottom ul#sideMenu li a:hover {


	color: var(--color-red);


}





/* @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;


	background-color: rgba(255, 0, 255, .75);


}





/* @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 (social media) */





.frame-layout-46 {


	width: 25%;


	padding-top: 25%; /* 2:1 Aspect Ratio */


	position: relative; /* If you want text inside of it */


	float: left;


}





.frame-layout-46:nth-child(odd) {


	background-color: var(--color-gray-III);


}





.frame-layout-46:nth-child(even) {


	background-color: var(--color-gray-I);


}





.frame-layout-46 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-46 header {


	position: absolute;


	z-index: 1;


	top: 0;


	bottom: 0;


	left: 0;


	right: 0;


}





.frame-layout-46 header div.tile a {


	position: absolute;


	z-index: 1;


	top: 0;


	bottom: 0;


	left: 0;


	right: 0;


	background-color: transparent;


	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-46 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-46 header div.tile a:hover {


	background-color: var(--color-tile-light);


	/*color: var(--color-black);*/


}





/* @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 {


	color: var(--color-white);


	border: 1px solid var(--color-white);


	margin-top: 0px;


}





.frame-layout-55 div.ce-bodytext p code a: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 */





/* @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 {


	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 {


	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 {


	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 {


	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 (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:1 Container */





.grid-container.grid-container-4-1-container {


	width: 100%;


	height: auto;


	overflow: hidden;


}





/* @end */





/* @end */





/* @group DOWNLOAD BUTTONS */





/* @group startpage */





#main-start-row-2-left div.ce-bodytext p code a {


	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 {


	color: var(--color-red);


	border: 1px solid var(--color-red);


}





/* @end */





/* @group general */





/* @group bodytext */





div.ce-bodytext p code a {


	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 {


	color: var(--color-red);


	border: 1px solid var(--color-red);


}





/* @end */





/* @group table */





div.ce-bodytext table.contenttable tbody tr td code a {


	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 {


	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 {


	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 {


	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 {


	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 {


	color: var(--color-black);


	border: 1px solid var(--color-black);


}

/* @group added 251203 */

.frame-layout-52 div.ce-bodytext p span.link-catalog a {
	color: var(--color-white);
	border: 1px solid var(--color-white);
}

.frame-layout-52 div.ce-bodytext p span.link-catalog a:hover {
	color: var(--color-black);
	border: 1px solid var(--color-black);
}

/* @end */

/* @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);


}





.tx-powermail fieldset .powermail_fieldwrap {


	margin-bottom: 20px;


}





.tx-powermail fieldset label.powermail_label {


	display: block;


	margin-bottom: 8px;


}





/* @end */





/* @group Input "Arbeitskleidung" */





.powermail_fieldwrap_arbeitskleidung div.powermail_field {


	display: grid;


	grid-template-columns: 1fr 1fr;


}





/* @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);


	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;


	


	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);


	display: inline-block;


}





#main-start-row-2-left div.ce-bodytext p code a: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 Erfolgreich geloescht */





.tx-powermail div.powermail_create {


	padding-left: 40px;


	padding-right: 40px;


	padding-bottom: 40px;


	color: var(--color-red);


}





/* @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;


}





.news-list-view-products .article .newsimage .news-img-wrap img {


	width: auto;


	max-width: 100%;


	height: auto;


	max-height: 100%;


	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 TIMELINE */





.align-0 {


	text-align: right;


}





.ce-timeline h1.center,


.ce-timeline h2.center,


.ce-timeline h3.center,


.ce-timeline h4.center,


.ce-timeline h5.center,


.ce-timeline h6.center {


	text-align:center;


}





.ce-timeline h1.left,


.ce-timeline h2.left,


.ce-timeline h3.left,


.ce-timeline h4.left,


.ce-timeline h5.left,


.ce-timeline h6.left {


	text-align:right;


}





.ce-timeline h1.right,


.ce-timeline h2.right,


.ce-timeline h3.right,


.ce-timeline h4.right,


.ce-timeline h5.right,


.ce-timeline h6.right {


	text-align:left;


}





.ce-timeline .text-center {


	text-align:center;


}





.ce-timeline .text-left {


	text-align:left;


}





.ce-timeline .text-right {


	text-align:right;


}





.ce-timeline ul.ce-timeline-list {


	position:relative;


	/*padding:1rem;*/


	padding:40px;


	margin:0 auto;


	max-width:1300px;


	list-style-type:none;


}





.ce-timeline ul.ce-timeline-list: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:40px;


	top:0;


}





.ce-timeline ul.ce-timeline-list:after {


	content:"";


	display:table;


	clear:both;


}





@media screen and (min-width: 768px) {





.ce-timeline ul.ce-timeline-list {


	/*padding:2rem;*/


}


.ce-timeline ul.ce-timeline-list:before {


	left:calc(50% - 1px);


	right:auto;


}





}





.ce-timeline ul.ce-timeline-list li {


	/*padding:1rem;


	border:0px solid #ccc;


	border-image:linear-gradient(to right, #ccc 0%, #ccc 100%);


	border-image-slice:1;


	position:relative;


	margin:1rem 3rem 1rem 1rem;*/


	clear:both;


	/*background-color:#2b2b2b;


	color:#fff;


	box-shadow:4px 4px 30px rgba(0,0,0,0.1);


	-moz-box-shadow:4px 4px 30px rgba(0,0,0,0.1);


	-webkit-box-shadow:4px 4px 30px rgba(0,0,0,0.1);*/


}





.ce-timeline ul.ce-timeline-list li h1,


.ce-timeline ul.ce-timeline-list li h2,


.ce-timeline ul.ce-timeline-list li h3,


.ce-timeline ul.ce-timeline-list li h4,


.ce-timeline ul.ce-timeline-list li h5,


.ce-timeline ul.ce-timeline-list li h6 {


	color:inherit;


}





.ce-timeline ul.ce-timeline-list li a {


	color:red;


}





.ce-timeline ul.ce-timeline-list li:after,


.ce-timeline ul.ce-timeline-list li:before {


	content:'';


	position:absolute;


}





.ce-timeline ul.ce-timeline-list li:before {


	/*right:-10px;


	top:calc(50% - 10px);


	border-style:solid;


	border-color:#2b2b2b #2b2b2b transparent transparent;


	border-width:10px;


	transform:rotate(45deg);*/


}





@media screen and (min-width: 768px) {





.ce-timeline ul.ce-timeline-list li {


	width: calc(50% - 40px);


	/*margin:1rem;*/


}





.ce-timeline ul.ce-timeline-list li.align-1 {


	float:right;


	/*margin:1rem;


	border-image:linear-gradient(to right, #ccc 0%, #ccc 100%);


	border-image-slice:1;*/


}





.ce-timeline ul.ce-timeline-list li.align-1:before {


	right:auto;


	left:-10px;


	border-color:transparent transparent #2b2b2b #2b2b2b;


}





}





/*.ce-timeline ul.ce-timeline-list li.text header {


	font-weight:bold;


}*/





.ce-timeline ul.ce-timeline-list li.time {


	text-align:center;


	max-width:160px;


	margin:0 48px 0 auto;


	font-size:1.2rem;


	font-weight:bold;


	color:#fff;


	background-color:#2b2b2b;


	padding:.2rem;


	border:none;


}





.ce-timeline ul.ce-timeline-list li.time:before {


	display:none;


}





@media screen and (min-width: 768px) {





.ce-timeline ul.ce-timeline-list li.time {


	text-align:center;


	margin:0 auto;


	padding:.5rem;


}


.ce-timeline ul.ce-timeline-list li.time:nth-of-type(2n) {


	float:none;


	margin:0 auto;


	border-image:none;


}


.ce-timeline ul.ce-timeline-list li.time:nth-of-type(2n):before {


	display:none;


}





}





.ce-timeline ul.ce-timeline-list li.gallery-width-50 .ce-timeline-text {


	width:50%;


}





.ce-timeline ul.ce-timeline-list li.gallery-width-50 .ce-timeline-gallery {


	width:calc(50% - 10px);


}





.ce-timeline ul.ce-timeline-list li.gallery-width-33 .ce-timeline-text {


	width:66%;


}





.ce-timeline ul.ce-timeline-list li.gallery-width-33 .ce-timeline-gallery {


	width:calc(33% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery {


	display:block;


	flex:none;


	margin-bottom:1rem;


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row {


	display:flex;


	flex-wrap:wrap;


	margin-top:-10px;


	margin-left:-10px;


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row .ce-timeline-image {


	width:calc(50% - 10px);


	margin-left:10px;


	margin-top:10px;


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row .ce-timeline-image img {


	max-width:100%;


	height:auto;


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-1 .ce-timeline-image {


	width:100%;


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-2 .ce-timeline-image {


	width:calc(50% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-3 .ce-timeline-image {


	width:calc(33.333% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-4 .ce-timeline-image {


	width:calc(25% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-5 .ce-timeline-image {


	width:calc(20% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-6 .ce-timeline-image {


	width:calc(16.6% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-7 .ce-timeline-image {


	width:calc(14.28% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery .ce-timeline-gallery-row.ce-timeline-columns-8 .ce-timeline-image {


	width:calc(12.5% - 10px);


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-0 .ce-timeline-gallery {


	width:100%;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-0 .ce-timeline-text {


	width:100%;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-1 .ce-timeline-gallery {


	width:100%;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-1 .ce-timeline-text {


	width:100%;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-2 {


	display:flex;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-gallery {


	margin-right:20px;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-gallery img {


	max-width:100%;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-3 {


	display:flex;


}





.ce-timeline ul.ce-timeline-list li.text-image.layout-3 .ce-timeline-gallery {


	margin-left:20px;


}





.ce-timeline ul.ce-timeline-list li p {


	margin-bottom:0;


}





/* @group additional by se */





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);


}





li.text-image.layout-1.align-0 div.ce-timeline-text header,


li.text-image.layout-1.align-1 div.ce-timeline-text header {


	font: var(--font-caption-year);


	margin-bottom: 10px;


}





li.text.align-0 header,


li.text.align-1 header {


	font: var(--font-caption-timeline);


}





div.ce-timeline-gallery {


	margin-top: 20px;


}





/* @end */





/* @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 GENERAL */





/* @group list */





.news-list-view {


	display: grid;


	grid-template-columns: 1fr;


	grid-row-gap: 40px;


	padding: 40px;


	overflow: hidden;


}


div#news-container-7924.news-list-view {
	grid-row-gap: 20px;
}


.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 10px;


	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);


}





/* @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 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;


}





#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 {


	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 {


	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 {


}





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-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;


}





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 */





/* @end */





/* @end */





/* @group NEWS SPEISEPLAN */





/* @group list */





.news-list-view-speiseplan-list {


	display: grid;


	grid-template-columns: repeat(3, 1fr);


	grid-column-gap: 20px;


	padding: 40px 40px 20px;


}





.news-list-view-speiseplan-list  div.article.articletype-1.speiseplan-list a {


	display: block;


	padding: 10px 10px 10px 40px;


	font: var(--font-download);


	border: 1px solid var(--color-black);


	color: var(--color-black);


	background: url('/fileadmin/templates/img/dld-0.png') no-repeat 10px 12px;


	background-size: 15px 15px;


	


	-webkit-transition: none;


	-moz-transition: none;


	-ms-transition: none;


	-o-transition: none;


	transition: none;


	


	-webkit-transition:


		border 0.3s ease,


		background 0.3s ease,


		color 0.3s ease;	


	-moz-transition:


		border 0.3s ease,


		background 0.3s ease,


		color 0.3s ease;


	-ms-transition:	


		border 0.3s ease,


		background 0.3s ease,


		color 0.3s ease;


	-o-transition:


		border 0.3s ease,


		background 0.3s ease,


		color 0.3s ease;


	transition:


		border 0.3s ease,


		background 0.3s ease,


		color 0.3s ease;	


	


	-webkit-hyphens: none;


	-moz-hyphens: none;


	-ms-hyphens: none;


	-o-hyphens: none;


	hyphens: none;


}





.news-list-view-speiseplan-list  div.article.articletype-1.speiseplan-list a:hover {


	border: 1px solid var(--color-red);


	color: var(--color-red);


	background: url('/fileadmin/templates/img/dld-1.png') no-repeat 10px 12px;


	background-size: 15px 15px;


}





/* @end */





/* @group detail */





.news-list-view-speiseplan-detail {


	padding: 0 40px;


	overflow: hidden;


}





.news-list-view-speiseplan-detail div.article.articletype-1.speiseplan-detail div.news-img-wrap a:hover {


	opacity: .8;


}





.news-list-view-speiseplan-detail div.article.articletype-1.speiseplan-detail div.news-img-wrap a img {


	width: 100%;


	height: auto;


	float: left;


}





/* @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 INSTAGRAM */



/* 4 Spalten, 40px Gap */
div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px;

  /* neu: padding links/rechts/unten */
  padding: 0 40px 40px 40px;
}

/* Links als Kachel */
div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery > a{
  display: block;
  text-decoration: none;
  color: inherit;
}

/* Kachel: 4:5 + overflow clip (ohne Radius) */
div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery-item{
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 0; /* explizit: kein Radius */
}

/* Bild cover */
div.tx-ns-instagram div.nsinstagram-v1apiview img.gallery-image{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1);
  transition: transform 250ms ease;
  will-change: transform;
}

/* Hover: 105% */
div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery > a:hover img.gallery-image{
  transform: scale(1.05);
}

/* Optional responsiv */
@media (max-width: 1040px){
  div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery{ grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 0 20px 20px 20px;
}
  
}
@media (max-width: 800px){
  div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery{
    grid-template-columns: 1fr;
  }

  /* ab dem 7. Eintrag ausblenden */
  div.tx-ns-instagram div.nsinstagram-v1apiview div.gallery > a:nth-child(n+7){
    display: none;
  }
}







/* @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 INTRANET added */





/* @group Login */





main#main-intranet-login .frame-type-felogin_login {


	background-color: var(--color-white);


	margin: 0;


	padding: 0;


	max-width: 460px;


	overflow: hidden;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 h3,


main#main-intranet-login .frame-type-felogin_login.frame-layout-0 p {


	display: none;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset {


	border: none;


	padding: 40px 40px 20px;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-login {


	font: var(--font-hII);


	padding-bottom: 30px;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-username label input {


	width: 100%;


	padding: 5px;


	margin-bottom: 20px;


	border: 1px solid var(--color-black);


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-username-forgotpassword label input {


	width: 100%;


	padding: 5px;


	margin-bottom: 40px;


	border: 1px solid var(--color-black);


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-username-forgotpassword-reset label input {


	width: 100%;


	padding: 5px;


	margin-bottom: 20px;


	border: 1px solid var(--color-black);


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-password label input {


	width: 100%;


	padding: 5px;


	border: 1px solid var(--color-black);


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-permalogin {


	margin-top: 20px;


	margin-bottom: 20px;


	font-size: 16px;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-submit input,


main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-submit-forgotpassword input {


	background-color: var(--color-black);


	color: var(--color-white);


	padding: 10px 20px;


	width: 100%;


	-webkit-transition:


		background-color 0.3s ease;	


	-moz-transition:


		background-color 0.3s ease;


	-ms-transition:	


		background-color 0.3s ease;


	-o-transition:


		background-color 0.3s ease;


	transition:


		background-color 0.3s ease;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-submit input:hover,


main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-submit-forgotpassword input:hover {


	background-color: var(--color-red);


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-submit-forgotpassword {


	margin-bottom: 10px;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-forgotpassword {


	margin-top: 10px;


	font-size: 12px;


	text-align: right;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-backtologin {


	margin-top: 10px;


	font-size: 12px;


	text-align: left;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-forgotpassword a,


main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-backtologin a {


	color: var(--color-gray-I);


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-forgotpassword a:hover,


main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-backtologin a:hover {


	color: var(--color-black);


}











main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-permalogin label {


	float: left;


	margin-bottom: 20px;


}








main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-loggedin-status {


	font: var(--font-hII);


	padding-bottom: 20px;


}








main#main-intranet-login .frame-default.frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-loggedin-name {


	margin-bottom: 30px;


}





input#permalogin {


	width: auto;


	min-width: 15px;


	height: auto;


	min-height: 15px;


	padding: 3px;


	float: right;


	


	cursor: pointer;


	-webkit-appearance: none;


	-moz-appearance: none;


	appearance: none;


	


	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-left: 10px;


	


	font-family: "fontello";


	font-style: normal;


	font-weight: normal;


	font-size: 15px;


	line-height: 100%;





	color: var(--color-red);


	


}





input#permalogin:checked:after {


	content: '\e801';


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-backtologin.tostartpage a {


	font: var(--font-hIII);


	display: inline-block;


	color: var(--color-red);


	margin-top: 20px;


	margin-bottom: 10px;


	letter-spacing: var(--letterspace-h);


	-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;


}





main#main-intranet-login .frame-type-felogin_login.frame-layout-0 form fieldset.login-intranet div.legend-backtologin.tostartpage a:hover {


	color: var(--color-black);


}





/* @end */





/* @group Image gallery Intranet */





.frame-layout-16 div.c-gallery {


	padding: 0 40px 40px;


}





.frame-layout-16 div.c-gallery figcaption {


	display: none;


}





.frame-layout-16 div.c-gallery div.row figure {


	display: grid;


	grid-template-columns: repeat(4, auto);


	grid-gap: 40px;


	margin: 0;


	background-color: var(--color-white);


}





.frame-layout-16 div.c-gallery div.row figure figure.c-gallery__figure.figure {


	margin: 0;


	display: inline-flex;


}





.frame-layout-16 div.c-gallery div.row figure figure.c-gallery__figure.figure a.lightbox {


	object-fit: cover;


	width: 100%;


	height: auto;


}





.frame-layout-16 div.c-gallery div.row figure figure.c-gallery__figure.figure a.lightbox img.c-gallery__image.figure-img.img-fluid {


	width: 100%;


	height: 100%;


	float: left;


}





/* @end */





/* @group Abstand File-Downloads */





.ce-bodytext p span.filedownload {


	display: inline-block;


	margin-bottom: 8px;


}





/* @end */





/* @group download (+ preview) (Intranet) */





.frame-layout-22 {


	background-color: var(--color-gray-III);


}





.frame-layout-22 figure.image img.image-embed-item {


	border: 1px solid var(--color-gray-III);


}





.frame-layout-22 div.ce-textpic.ce-left.ce-intext {


	display: grid;


	grid-template-columns: 112px 1fr;


	grid-column-gap: 0px;


	


}





.frame-layout-22 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {


	padding: 10px 10px 10px 20px;


}





.frame-layout-22 div.ce-textpic.ce-left.ce-intext div.ce-bodytext ul {


	list-style: none;


}





.frame-layout-22 div.ce-textpic.ce-left.ce-intext div.ce-bodytext ul li {


	width: calc(100% - 10px);


	float: left;


	margin-right: 10px;


	margin-left: 0;


	text-align: center;


}





.frame-layout-22 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-22 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-22 div.ce-textpic.ce-left.ce-intext div.ce-bodytext h4 {


	min-height: 66px;


	padding-right: 10px;


}





.frame-layout-22 div.ce-textpic.ce-left.ce-intext div.ce-gallery {


	/*background-color: var(--color-white);


	border: 1px solid var(--color-gray-II);*/


}





.frame-layout-22 div.ce-textpic.ce-left.ce-intext div.ce-gallery div.ce-row div.ce-column figure.image {


	position: relative;


	overflow: hidden;


}





.frame-layout-22 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 NEWS KONTAKTE */





.news-list-view-intranet-kontakte {


	display: grid;


	grid-template-columns: 1fr 1fr;


	grid-column-gap: 20px;


	grid-row-gap: 20px;


	padding: 20px 40px 40px;


	overflow: hidden;


}





.news-list-view-intranet-kontakte .article,


.news div.news-search-result-grid .article {


	display: grid;


	grid-template-columns: calc(33.3% - 0px) 67%;


	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;


	background-color: var(--color-gray-III);


}











.news-list-view-intranet-kontakte .article .newsimage,


.news div.news-search-result-grid .article .newsimage {


	width: 100%;


	padding-top: 130%; /* 2:1 Aspect Ratio */


	position: relative; /* If you want text inside of it */


}





.news-list-view-intranet-kontakte .article .newsimage .news-img-wrap,


.news div.news-search-result-grid .article .newsimage .news-img-wrap {


	position: absolute;


	top: 0;


	bottom: 0;


	left: 0;


	right: 0;


}





.news-list-view-intranet-kontakte .article .newsimage .news-img-wrap img,


.news div.news-search-result-grid .article .newsimage .news-img-wrap img {


	width: 100%;


	height: 100%;


	object-fit: cover;


}





.news-list-view-intranet-kontakte .article .newstext,


.news div.news-search-result-grid .article .newstext {


	padding: 0 20px 20px 30px;


}





.news-list-view-intranet-kontakte .article .newstext h4,


.news div.news-search-result-grid .article .newstext h4 {


	padding: 30px 0 20px;


	font: var(--font-hIV);


	-webkit-hyphens: auto;


	-moz-hyphens: auto;


	-ms-hyphens: auto;


	-o-hyphens: auto;


	hyphens: auto;


}





.news-list-view-intranet-kontakte .article .newstext h4 p,


.news div.news-search-result-grid .article .newstext h4 p {


	display: inline;


}





.news-list-view-intranet-kontakte div.news-list-category,


.news div.news-search-result-grid div.news-list-category {


	display: none;


}





.news-list-view-intranet-kontakte div.article.articletype-0 div.newstext div p,


.news div.news-search-result-grid div.article.articletype-0 div.newstext div p {


	padding-bottom: 20px;


}





.news-list-view-intranet-kontakte div.article.articletype-0 div.newstext div p:last-child,


.news div.news-search-result-grid div.article.articletype-0 div.newstext div p:last-child {


	padding-bottom: 0px;


}





.news-list-view-intranet-kontakte div.article.articletype-0 div.newstext div p span.phonenumber,


.news div.news-search-result-grid div.article.articletype-0 div.newstext div p span.phonenumber {


	background: url('/fileadmin/templates/img/luedecke-phone.svg') no-repeat left 5px;


	background-size: 16px;


	padding-left: 30px;


	color: var(--color-black);


}





.news-list-view-intranet-kontakte div.article.articletype-0 div.newstext div p span.mailad a,


.news div.news-search-result-grid div.article.articletype-0 div.newstext div p span.mailad a {


	padding-left: 30px;


	background: url('/fileadmin/templates/img/luedecke-mailad.svg') no-repeat left 5px;


	background-size: 16px;


	text-decoration: none;


	color: var(--color-red);


}





/* @end */





/* @group SEARCH Contacts */





/* @group Search */





div.news-search-form form.ns-news-advancedsearch {


	border: none;


	padding: 0 40px 20px;


	margin-top: 40px;


}





div.news-search-form form.ns-news-advancedsearch div.news-search-form,


div.news-search-form form.ns-news-advancedsearch div.news-search-buttons {


	max-width: 520px;


}





input#news-teaser.news-search-textfield,


input#news-title.news-search-textfield {


	padding: 10px 10px;


}


input#news-title.news-search-textfield {


	margin-left: 10px;


}





div.news-search-form form.ns-news-advancedsearch div.news-search-buttons {


	margin-top: 20px;


}





div.news-search-form input.btn.btn-secondary.news-search-button {


	padding: 8px 18px;


	font: var(--font-p);


	display: inline-block;


	color: var(--color-black);


	border: 1px solid var(--color-black);


	text-align: center;


}





div.news-search-form input.btn.btn-secondary.news-search-button:hover {


	color: var(--color-red);


	border: 1px solid var(--color-red);


}





div.news-search-form form.ns-news-advancedsearch div.news-search-buttons button.btn.btn-secondary.news-reset-button {


	margin-left: 20px;


}





div.news-search-form form.ns-news-advancedsearch div.news-search-buttons button.btn.btn-secondary.news-reset-button:hover {


	color: var(--color-red);


}





div.news-search-form form.ns-news-advancedsearch div.news-search-buttons button.btn.btn-secondary.news-reset-button::after {


	padding-left: 10px;


	content: url(/fileadmin/templates/img/searchreset.png);


}





/* @end */





/* @group Results */





div.news-search-result {


	padding: 0 40px;


}





.news div.news-search-result-grid {


	display: grid;


	grid-template-columns: 1fr 1fr;


	grid-column-gap: 20px;


	grid-row-gap: 20px;


	margin-top: 40px;


}





div.news-search-result-grid div.no-news-found span.noresult {


	font: var(--font-p-i);


	color: var(--color-gray-I);


}





/* @end */





/* @end */





/* @group WEBSHOP */





/* @group List */





div.tx-cart-products {


	padding: 40px;


	display: grid;


	grid-template-columns: repeat(4, 1fr);


	grid-row-gap: 40px;


}





div.intranet-product-image {


	width: 100%;


	padding-top: 100%; /* 2:1 Aspect Ratio */


	position: relative; /* If you want text inside of it */


}





div.intranet-product-image img {


	position: absolute;


	


	width: 100%;


	height: 100%;


	padding: 0px;


	


	object-fit: cover;


	left: 0;


	right: 0;


	top: 0;


	bottom: 0;


}





div.intranet-product-title {


	color: var(--color-black);


	font: var(--font-p-b);


	letter-spacing: var(--letterspace-h);


	display: block;


}





/* @end */





/* @group Detail */





div.product-grid {


	display: grid;


	grid-template-columns: 60% 40%;


	grid-gap: 0px;


}





div.product-grid div.product-image img {


	width: 100%;


	height: auto;


	float: left;


}





div.product-grid div.product-text div.product-backlink a {


	color: var(--color-gray-I);


	font: var(--font-product-backlink);


	display: block;


	margin-bottom: 20px;


}


div.product-grid div.product-text div.product-backlink a:hover {


	color: var(--color-black);


}





div.product-grid div.product-text {


	padding: 0px 40px 0;


}





div.product-grid div.product-text div.product-title {


	letter-spacing: var(--letterspace-h);


	font: var(--font-hII);


	color: var(--color-red);


	padding: 0px 0 24px;


}





div.product-grid div.product-text div.product-description {


	-webkit-hyphens: none;


	-moz-hyphens: none;


	-ms-hyphens: none;


	-o-hyphens: none;


	hyphens: none;


	padding-bottom: 20px;


}





div.product-size,


div.product-amount,


div.product-price {


	display: grid;


	grid-template-columns: 1fr 1fr;


	grid-gap: 0px;


	margin-bottom: 10px;


}





div.product-amount {


	margin-bottom: 20px;


}





div.product-price div.regular_price {


	text-align: right;


}





div.product-order {


	margin-bottom: 40px;


	display: grid;


	grid-template-columns: repeat(2, 1fr);


	grid-gap: 0px;


}





div.product-order div.product-tocart {


	text-align: right;


}





div.product-size input,


div.product-amount input.form-control {


	padding: 6px 10px;


	text-align: right;


}





label.size,


label.amount {


	padding-top: 8px;


}





div.product-grid div.product-text div.product-description p {


	padding-bottom: 20px;


}


div.product-grid div.product-text div.product-description p:last-child {


	padding-bottom: 0px;


}





/* @end */





/* @group Buttons */





div.intranet-product-more a {


	width: 100px;


	padding: 2px 0px;


	font: var(--font-p);


	display: inline-block;


	color: var(--color-black);


	border: 1px solid var(--color-black);


	margin-top: 20px;


	text-align: center;


	-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;


}





div.intranet-product-more a:hover {


	color: var(--color-red);


	border: 1px solid var(--color-red);


}


.add-to-cart-form div.product-order div.product-addtocart input.btn.btn-default.form-control 


 {


	width: auto;


	padding: 6px 10px;


	font: var(--font-product-backlink);


	display: inline-block;


	color: var(--color-white);


	border: 1px solid var(--color-red);


	background-color: var(--color-red);


	margin-top: 20px;


	text-align: center;


	-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;


}








div.product-order input.btn.btn-default.form-control,


div.product-order div.product-tocart a {


	width: auto;


	padding: 6px 10px;


	font: var(--font-product-backlink);


	display: inline-block;


	color: var(--color-red);


	border: 1px solid var(--color-red);


	


	margin-top: 20px;


	text-align: center;


	-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;


}





div.product-order input.btn.btn-default.form-control:hover,


div.product-order div.product-tocart a:hover {


	color: var(--color-black);


	border: 1px solid var(--color-black);


}








/* @end */





/* @group Pagination (hidden) */





.tx-cart-pagination ul.pagination {


	list-style: none;


	padding: 40px;


}





.tx-cart-pagination ul.pagination li {


	display: inline-block;


	margin-right: 15px;


}





.tx-cart-pagination ul.pagination li a {


	color: var(--color-black);


	display: block;


}





.tx-cart-pagination ul.pagination li.active a,


.tx-cart-pagination ul.pagination li a:hover {


	color: var(--color-red);


}





/* @end */





/* @group Cart */





.tx-cart {


	padding: 0 40px 40px;


}





/* @group cart empty */





.tx-cart div.cart-empty {


	color: var(--color-gray-I);


}





/* @end */





/* @group cart overview */





/* @group table top */





div.tx-cart div.row div.col-sm-12.col-md-12.col-lg-12.column div.row.top-buffer div.col-sm-6.text-right.pull-right {


	margin-bottom: 20px;


}





div.tx-cart div.row div.col-sm-12.col-md-12.col-lg-12.column div.row.top-buffer div.col-sm-6.text-right.pull-right a.btn.btn-danger {


	color: var(--color-red);


}





div.tx-cart div.row div.col-sm-12.col-md-12.col-lg-12.column div.row.top-buffer div.col-sm-6.text-right.pull-right a.btn.btn-danger:hover {


	color: var(--color-black);


}





/* @end */





/* @group table middle*/





table.checkout-product-table {


	width: 100%;


}





table.checkout-product-table thead tr th:nth-child(1) {


}





table.checkout-product-table thead {


	background-color: var(--color-gray-O);


	color: var(--color-white);


	text-align: left;


}





table.checkout-product-table thead th {


	padding: 8px 10px;


	font: var(--font-p);


}





table.checkout-product-table thead tr th:nth-child(1) {


}





table.checkout-product-table thead tr th:nth-child(2) {


	width: 160px;


}





form#form-cart.form div.row div.col-sm-12 table.checkout-product-table tbody tr td.col-md-2.text-right span.price {


	width: 150px;


}





table.checkout-product-table thead tr th:nth-child(3) {


	width: 100px;


	text-align: right;


}





table.checkout-product-table thead tr th:nth-child(4) {


	width: 150px;


}





table.checkout-product-table thead tr th:nth-child(5) {


}





table.checkout-product-table tbody tr td.col-md-1.text-right input.form-control.form-control-inline {


	width: 50px;


	text-align: right;


}





table.checkout-product-table tbody tr td.last.col-md-1.text-right {


	width: 30px;


}





table.checkout-product-table tbody tr td.col-md-6 p {


	font-size: 14px;


	color: var(--color-gray-I);


	display: none;


}





form#form-cart.form div.row div.col-sm-12 table.checkout-product-table tbody tr td.last.col-md-1.text-right a span.delete-link.btn.btn-danger {


	color: var(--color-red);


}





/* @end */





/* @group table bottom */





form#form-cart.form div.row div.col-sm-6.text-right.pull-right {


	margin-top: 20px;


	margin-bottom: 40px;


}





form#form-cart.form div.row div.col-sm-6.text-right.pull-right input.btn.btn-default {


	color: var(--color-gray-I);


	-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;


}





form#form-cart.form div.row div.col-sm-6.text-right.pull-right input.btn.btn-default:hover {


	color: var(--color-black);


}





/* @end */





/* @end */





/* @group cart billing, shipping, payment */





.cart-order-billingadress {


	margin-bottom: 40px;


}





div#checkout-step-shipping-address {


	margin-top: 40px;


}





div#checkout-step-billing-address.checkout-step.bg-light-grey div.checkout-step-content fieldset,


div#checkout-step-shipping-address.checkout-step.bg-light-grey div.checkout-step-content fieldset,


div#checkout-step-payment-method.checkout-step.bg-light-grey.bottom-buffer div.checkout-step-content fieldset,


div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content fieldset {


	border: none;


	padding: 0;


	margin: 0;


}





div#checkout-step-billing-address.checkout-step.bg-light-grey h5,


div#checkout-step-shipping-address.checkout-step.bg-light-grey h5,


div#checkout-step-payment-method.checkout-step.bg-light-grey h5,


div#checkout-step-review.checkout-step.bg-light-grey h5 {


	margin: 0;


	padding: 0;


	font: var(--font-hIII);


	padding-bottom: 20px;


}











div#checkout-step-billing-address.checkout-step.bg-light-grey div.checkout-step-content fieldset div.checkout-step-content-list div.field,


div#checkout-step-shipping-address.checkout-step.bg-light-grey div.checkout-step-content fieldset div.checkout-step-content-list div.field {


	width: 100%;


	height: auto;


	float: left;


	margin-bottom: 20px;


}





div#checkout-step-billing-address .form-control,


div#checkout-step-shipping-address .form-control {


	width: calc(100% - 240px);


	padding: 5px 10px;


}





textarea#orderItem-comment.form-control.comment {


	width: calc(100% - 240px);


	min-height: 150px;


}








input#billingAddress-street.form-control,


input#shippingAddress-street.form-control {


	margin-bottom: 20px;


}





div#checkout-step-billing-address.checkout-step.bg-light-grey div.checkout-step-content fieldset div.checkout-step-content-list div.field label,


div#checkout-step-shipping-address.checkout-step.bg-light-grey div.checkout-step-content fieldset div.checkout-step-content-list div.field label,


div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content div.row div.col-sm-12.column div.checkout-step-content-list fieldset div.field label.comment {


	width: 240px;


	height: auto;


	float: left;


	padding-right: 20px;


}





.cart-order-payment {


	margin-bottom: 40px;


}





input#shipping-same-as-billing,


input#orderItem-acceptTermsAndConditions,


input#orderItem-acceptRevocationInstruction,


input#orderItem-acceptPrivacyPolicy {


	width: 15px;


	height: 15px;


	padding: 3px;


	float: left;


	


	cursor: pointer;


	-webkit-appearance: none;


	-moz-appearance: none;


	appearance: none;


	


	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#shipping-same-as-billing:checked:after,


input#orderItem-acceptTermsAndConditions:checked:after,


input#orderItem-acceptRevocationInstruction:checked:after,


input#orderItem-acceptPrivacyPolicy:checked:after {


	content: '\e801';


}





div.powermail_field div.checkbox {


	display: inline-box;


	margin-bottom: 8px;


}





div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content div.row div.col-sm-12.column div.checkout-step-content-list fieldset div.checkout-step-fields {


	margin-bottom: 40px;


}





div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content div.row div.col-sm-12.column div.checkout-step-content-list fieldset div.checkout-step-fields div.field.accept-terms {


	width: 100%;


	float: left;


	margin-bottom: 10px;


}





div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content div.row div.col-sm-12.column div.checkout-step-content-list fieldset div.checkout-step-fields div.field.accept-terms label span a {


	color: var(--color-red);


}





div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content div.row div.col-sm-12.column div.checkout-step-content-list fieldset div.checkout-step-fields div.field.accept-terms label span a:hover {


	color: var(--color-black);


}





div#checkout-step-review.checkout-step.bg-light-grey div.checkout-step-content div.row div.col-sm-12.column div.checkout-step-content-list fieldset div.checkout-step-fields div.field.accept-terms label {


	width: 100%;


	height: auto;


	float: left;


}





.cart-comment {


	width: 100%;


	float: left;


	margin-top: 40px;


	margin-bottom: 40px;


}





div#checkout-step-summary.checkout-step-fields div.checkout-step-field {


	width: 100%;


	float: left;


	text-align: left;


	margin-bottom: 20px;


}





.tx-cart div.row div.form-block.top-buffer div.text-right.pull-right {


	width: 100%;


	float: left;


	text-align: left;


	margin-bottom: 40px;


}





/* @end */





/* @group cart button */





form#form-order.form div.cart-order-container div.cart-order-summary div.column div.form-block.top-buffer div.text-right.pull-right input.btn.btn-primary {


	width: auto;


	padding: 6px 10px;


	font: var(--font-p);


	display: inline-block;


	color: var(--color-red);


	border: 1px solid var(--color-red);


	text-align: center;


	margin-bottom: 120px;


	-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;


}





.tx-cart div.row div.form-block.top-buffer div.text-right.pull-right input.btn.btn-primary {


	width: auto;


	padding: 6px 10px;


	font: var(--font-p);


	display: inline-block;


	color: var(--color-red);


	border: 1px solid var(--color-red);


	text-align: center;


	margin-bottom: 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;


}





form#form-order.form div.cart-order-container div.cart-order-summary div.column div.form-block.top-buffer div.text-right.pull-right input.btn.btn-primary:hover,


.tx-cart div.row div.form-block.top-buffer div.text-right.pull-right input.btn.btn-primary:hover {


	color: var(--color-black);


	border: 1px solid var(--color-black);


}





div#checkout-step-summary.checkout-step-fields div.checkout-step-field table.checkout-step-table.data-table {


	width: 100%;


	margin-top: 0px;


	margin-bottom: 20px;


	border: 1px solid #333;


	padding: 20px;


}





/* @end */





/* @end */





/* @end */











/* @end */





/* @group Calenderize */





.tx-md-fullcalendar {


	padding-right: 40px;


	padding-left: 40px;


}





/* @end */





/* @group NEWSFEED */





div#newsfeed-left {


	width: 65%;


	float: left;


}


div#newsfeed-right {


	width: calc(35% - 40px);


	float: right;


	margin-right: 40px;


}


/* @end */





/* @group SHOP */





.unsichtbar {


	display: none;


}





/* @end */








/* @group FORUM */








.tx-ttboard-catlistheader-forum {


  font-family: Tahoma,Verdana,sans-serif;


  font-size: 1em;


}





.tx-ttboard-catlistheader-forum-single {








  background: #adaeb5;


}





.tx-ttboard-overview {


  width: calc(100% - 0px);


  padding-right: 40px;


	padding-left: 40px;


}





.tx-ttboard-overview a:link {


  color: #283a44;


  text-decoration: underline;


}





.tx-ttboard-overview a:hover {


  color: #6f081d;


  text-decoration: none;


}





.tx-ttboard-overview a:active, .tt_board_overview a:visited {


  color: #283a44;


  text-decoration: none;


}





.tx-ttboard-tree-rows {


  font-family: Tahoma,Verdana,sans-serif;


  font-size: 12px;


 }





.tx-ttboard-tree-rows td {


  font-family: Tahoma,Verdana,sans-serif;


  font-size: 12px;


  padding: 3px;


}





.tx-ttboard-tree-rows td a:link, .link-back-to-forum a:link, .link-to-forum-message a:link {


  color: #283a44;


  text-decoration: none;


}





.tx-ttboard-tree-rows td a:hover, .link-back-to-forum a:hover, .link-to-forum-message a:hover {


  color: #6f081d;


  text-decoration: none;


}





.tx-ttboard-tree-rows td a:active, .tree_rows td a:visited , .link-back-to-forum a:active, .link-back-to-forum a:visited, .link-to-forum-message a:active, .link-to-forum-message a:visited {


  color: #283a44;


  text-decoration: none;


}





.tx-ttboard-tree-row-forum {


  font-family: Tahoma,Verdana,sans-serif;


  font-size: 12px;


}





.tx-ttboard-list-row-forum {


  font-family: Tahoma,Verdana,sans-serif;


  font-size: 1.3em;


  color:#6f081d;


}





.tx-ttboard-list-cell-header-forum {


  padding: 5px;


  font-weight: bold;


  white-space: nowrap;


  text-align: center;


}





.tx-ttboard-tree-cell-header-forum {


  padding: 5px;


  font-weight: bold;


  white-space: nowrap;


  text-align: left;


}





.tx-ttboard-tree-cell-header-forum-single {


  padding: 5px;


  font-weight: bold;


  white-space: nowrap;


  text-align: left;


  background: #adaeb5;


}





.tx-ttboard-list-cat-title-forum {


  font: var(--font-h1);


  font-size: 30px;


  padding: 5px;


  font-weight: bold;


  text-align: left;


}





.tx-ttboard-list-cell-title {


  padding: 5px;


  font-weight: bold;


  text-align: left;


}





.tx-ttboard-list-cell-replies, .tx-ttboard-list-cell-discussions {


  padding: 5px;


  white-space: nowrap;


  text-align: center;


}





.tx-ttboard-list-cell-last {


  padding: 5px;


  text-align: center;


}





.tx-ttboard-tree-abstand {


  padding: 15px;


}





.tx-ttboard-search-forum {


  font: var(--font-p);


  font-size: 10px;


  font-weight: bold;


  text-align: center;


}





.tx-ttboard-list-cell-header-forum {


  padding: 5px;


  font-weight: bold;


  white-space: nowrap;


  text-align: center;


}





.tx-ttboard-tree-cell-header-forum {


  padding: 5px;


  font-weight: bold;


  white-space: nowrap;


  text-align: left;


}





.tx-ttboard-list-cat-title-forum {


  font-family: Tahoma,Verdana,sans-serif;


  font-size: 12px;


  padding: 5px;


  font-weight: bold;


  text-align: left;


}





.tx-ttboard-list-cell-title {


  padding: 5px;


  font-weight: bold;


  text-align: left;


}





.tx-ttboard-list-cell-replies, .tx-ttboard-list-cell-discussions {


  padding: 5px;


  white-space: nowrap;


  text-align: center;


}





.tx-ttboard-list-cell-last {


  padding: 5px;


  text-align: center;


}





.tx-ttboard-tree-abstand {


  padding: 15px;


}





.tx-ttboard-link-to-forum-message {


}





.tx-ttboard-link-back-to-forum {


}








#boardSearchSubmitId {


  background-color:#F4F4F4;


  border:1px solid #BDBDBD;


  font-family:Tahoma,Verdana,sans-serif;


  font-size:11px;


  height:20px;


  line-height:15px;


  margin-top:10px;


  padding:0px;


  width:90px;


}





.tx-ttboard-border-forum {


  border:1px solid #BDBDBD;


  padding: 3px;


}





#mailform {


	margin: 1em 40px 120px;


	float: left;


}


form#mailform div.csc-mailform-field input {


	


}





.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum  {


	padding: 0 40px 40px;


}


form#mailform div.csc-mailform-field {


	float: left;


	margin-bottom: 30px;


	font-size: 15px;


	width: 100%;


}


form#mailform div.csc-mailform-field textarea {


	width: 100%;


}


form#mailform div.csc-mailform-field input {


		width: 100%;





	border: 1px solid var(--color-black);





	padding: 8px;





	font: var(--font-p);


		max-width: 100%;


		float: left;


	


}


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum tbody tr td a {


	color: var(--color-red);


}





div#c7804.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum tbody tr td form {


	display: none;


}





div#c7804.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-thread  {


	margin-right: 40px;


	margin-left: 40px;


	width: calc(100% - 80px);


}





div#c7804.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-thread tbody tr td:nth-child(1) {


	width: 100px;


}


.frame-layout-0 table.tx-ttboard-overview tbody tr:nth-child(1) td:nth-child(2),


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum tbody tr:nth-child(2) td:nth-child(2) {


	background-color: var(--color-red);


	color: var(--color-white);


}


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-overview tbody tr:nth-child(1) td:nth-child(3),


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum tbody tr:nth-child(2) td:nth-child(3) {


	background-color: var(--color-black);


	color: var(--color-white);


}


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-overview tbody tr:nth-child(odd) td,


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum tbody tr:nth-child(odd) td {


	background-color: var(--color-gray-IV);


	color: var(--color-black);


}


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-overview tbody tr:nth-child(even) td ,


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-table-forum tbody tr:nth-child(even) td{


	background-color: var(--color-gray-III);


	color: var(--color-black);


}


.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-overview tbody tr:nth-child(1) td {


	background-color: var(--color-gray-I);


	color: var(--color-white);


}


div#c7804.frame.frame-default.frame-type-list.                                                                                                f{


	background-color: var(--color-white);


}





/* @end */





/* @group KALENDER */





div.row.my-3 div.col-sm-4.text-right a.mr-3 {


	color: #323232;


	margin-right: 20px;


}





div.tx-md-calendarize-frontend {


	padding: 40px 40px 80px;


}





div.tx-md-calendarize-frontend h1 {


	padding-right: 0;


	padding-left: 0;


	font-size: 28px;


}


div.tx-md-calendarize-frontend form div.form-group {


	margin-bottom: 20px;


}


div.tx-md-calendarize-frontend form div.form-group label {


	


}


div.tx-md-calendarize-frontend form {


	padding-bottom: 120px;


}


div.form-group .form-control {


	


}





div.tx-md-calendarize-frontend form input.btn.btn-primary {


		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;


	margin-right: 10px;


}





div.tx-md-calendarize-frontend form a {


	color: var(--color-red);


}











div.tx-md-calendarize-frontend a.btn.btn-primary.mt-3 {


	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;


	background-color: white;


	float: left;


}








div.tx-md-calendarize-frontend a.btn.btn-primary.mt-3:hover {


color: var(--color-black);


	border: 1px solid var(--color-black);


background-color: white;


}


div.calendarize div.panel.panel-default div.panel-body  {


	padding: 40px;


}





div.calendarize div.panel.panel-default div.panel-body h1 {


		padding-right: 0;


	padding-left: 0;


	font-size: 28px;


}





div.calendarize div.panel.panel-default div.panel-body h3.state-default {


	padding-right: 0;


	padding-bottom: 20px;


	padding-left: 0;


	color: var(--color-black);


}





div.calendarize div.panel.panel-default div.panel-body dl.dl-horizontal.meta dd {


	padding-left: 0;


	margin-left: 0;


}





div.calendarize div.panel.panel-default div.panel-body div.btn-group a.btn.btn-default {


			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;


	margin-right: 10px;


}


.border.p-3.mb-3 legend {


	display: none;


	


}








fieldset#itemContainer_0 {





}


.cal-item.category49 {


	background-color: #00baff;


		border-style: none;


	border-width: 0;


}





.cal-item.category48 {


	background-color: #fefe3a;


	color: black;


		border-style: none;


	border-width: 0;


}


div.fc-event-main {


	border-style: none;


	border-width: 0;


}


.cal-item.category48  {


		border-style: none;


	border-width: 0;


}


.cdiv.fc-event-main div.fc-event-main-frame   {


	color: black;


	border-style: none;


	border-width: 0;


}


.cal-item.category48 div.fc-event-main div.fc-event-main-frame   {


	color: black;


	border-style: none;


	border-width: 0;


}





.cal-item.category51  {


	background-color: orange;


		border-style: none;


	border-width: 0;


}





.cal-item.category52  {


	background-color: #7eff00;


		border-style: none;


	border-width: 0;


}


.category-filter.col-md-3.mt-5 div.form-check.category52.border.border-white.rounded {


	background-color: #7eff00;


		margin-bottom: 10px;


			font-size: 15px;





}





.cal-item.category53  {


	background-color: #fb3f3f;


		border-style: none;


	border-width: 0;


}


.category-filter.col-md-3.mt-5 div.form-check.category53.border.border-white.rounded {


	background-color: #fb3f3f;


	margin-bottom: 10px;


		font-size: 15px;


}


.cal-item.category54  {


	background-color: #d6d6d6;


		border-style: none;


	border-width: 0;


}


.category-filter.col-md-3.mt-5 div.form-check.category54.border.border-white.rounded {


	background-color: #d6d6d6;


		margin-bottom: 10px;


			font-size: 15px;


}


.category-filter.col-md-3.mt-5 div.form-check.category51.border.border-white.rounded {


	background-color: orange;


		margin-bottom: 10px;


			font-size: 15px;





}


.category-filter.col-md-3.mt-5 div.form-check.category49.border.border-white.rounded {


	background-color: #00baff;


		margin-bottom: 10px;


			font-size: 15px;


			border-style: none;


}





.category-filter.col-md-3.mt-5 div.form-check.category48.border.border-white.rounded {


	background-color: #fefe3a;


	color: black;


		margin-bottom: 10px;


			font-size: 15px;


			border-style: none;


}


.cal-item.category55  {


	background-color: rgba(106, 0, 138, 0.53);


		border-style: none;


	border-width: 0;


}


.category-filter.col-md-3.mt-5 div.form-check.category55.border.border-white.rounded {


	background-color: rgba(106, 0, 138, 0.53);


	color: black;


		margin-bottom: 10px;


	font-size: 16px;


}


div.fc-event-main div.fc-event-main-frame  {


	padding: 0px;


	color: black;


	border-style: none;


	border-width: 0;


}



div.fc-event-main div.fc-event-main-frame div.fc-event-time {

	font-size: 11px;

	line-height: 11px;

	padding-top: 3px;

}


div.fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {


	font-size: 16px;


	color: black;


}





.fc-theme-standard .fc-scrollgrid {


		font-size: 16px;


	color: black;


}


div.fc-event-title-container div.fc-event-title.fc-sticky {


	font-weight: bold;

	font-size: 12px;

	line-height: 12px;

}


.fc-scrollgrid-section-header th div.fc-scroller-harness div.fc-scroller table.fc-col-header thead tr th {


	background-color: rgba(230, 230, 230, 1);


}





.fc-daygrid-day-number {


	color: #1d1a1d;


}


div#categoryFilter7981.category-filter.col-md-3.mt-5 p {


	font-size: 14px;


	margin-bottom: 15px;


}


.border.border-white.rounded {


	width: 25%;


	float: left;


}


.cal-item.category57,


.category-filter.col-md-3.mt-5 div.form-check.category57.border.border-white.rounded {


border-style: none;


background-color: #c8e8f6;


margin-bottom: 15px;


}


.cal-item.category58, 


.category-filter.col-md-3.mt-5 div.form-check.category58.border.border-white.rounded {


border-style: none;


background-color: #fe6d65;


margin-bottom: 15px;





}


.cal-item.category61,


.category-filter.col-md-3.mt-5 div.form-check.category61.border.border-white.rounded {


border-style: none;


background-color: #55fbc0;


margin-bottom: 15px;


}

.cal-item.category59,


.category-filter.col-md-3.mt-5 div.form-check.category59.border.border-white.rounded {


border-style: none;


background-color: #55fbc0;


margin-bottom: 15px;


}


.cal-item.category60,


.category-filter.col-md-3.mt-5 div.form-check.category60.border.border-white.rounded {


border-style: none;


background-color: #f4f496;


}





.modal.fade.show div.modal-dialog.modal-lg div.modal-content div.modal-content-inner div.tx-md-fullcalendar div.modal-body h3.state-default {


	padding-right: 0;


	padding-left: 0;


}





div#categoryFilter5240.category-filter.col-md-3.mt-5 {


	width: 100%;


}





div#categoryFilter5240.category-filter.col-md-3.mt-5 div.form-check.border.border-white.rounded {


	width: 25%;


}





h2#calModalLabel.modal-title {


	padding-right: 0;


	padding-left: 0;


}





.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend form input.btn.btn-primary {


		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: 18px;


}





.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend form input.btn.btn-primary:hover {


	color: var(--color-black);


	border: 1px solid var(--color-black);


}


.frame.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend form a {


		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-bottom: 10px;


	margin-left: 10px;


	text-decoration: none;


	


}





.frame.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend form a:hover {


	color: var(--color-black);


	border: 1px solid var(--color-black);


}





.frame.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend form div.text-right.mb-3 {display:none }





.frame.frame-default.frame-type-list.frame-layout-0 table.tx-ttboard-overview tbody tr td strong a {


	color: black;


}





.frame.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend span.buttonred {


	display: inline-block;


	float: left;


	margin-top: 16px;


	margin-left: 40px;


}


.frame.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend span.buttonred a {


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: 0px;


	background-color: white;


text-decoration: none;


}





.frame.frame-default.frame-type-list.frame-layout-0 div.tx-md-calendarize-frontend span.buttonred a:hover {


		color: var(--color-black);


	border: 1px solid var(--color-black);





}





/* @end */



/* @group BM Gallery mit Fancybox */



figure.c-gallery__figure.figure.col-sm-12.col-md-6.col-lg-3 img.img-fluid {

	width: 100%;

	height: auto;

}



/* @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 */

div#c8390.frame.frame-default.frame-type-textmedia.frame-layout-22 div.ce-textpic.ce-left.ce-intext div.ce-bodytext p a {
	opacity: 0;
}

/* @group TABELLEN */

/* @group Reset #main-middle-right */

#main-middle-right {
  overflow-x: auto;
  width: 100%;
  box-sizing: border-box;
}

/* @end */

/* Tabellen-Reset */

.frame-12 .ce-bodytext table,
.frame-12 .ce-bodytext caption,
.frame-12 .ce-bodytext tbody,
.frame-12 .ce-bodytext tfoot,
.frame-12 .ce-bodytext thead,
.frame-12 .ce-bodytext tr,
.frame-12 .ce-bodytext th,
.frame-12 .ce-bodytext td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.frame-12 .ce-bodytext table {
  border-collapse: collapse;
  border-spacing: 0;
  background: none;
  background-image: none;
  width: auto;
  height: auto;
}
.frame-12 .ce-bodytext table th, td {
  background: none;
  background-image: none;
  font-weight: normal;
  text-align: left;
  vertical-align: baseline;
}

.frame-12 .ce-bodytext table {
	border-collapse: collapse;
	width: 100%;
	table-layout: auto; /* gleichmäßige Spaltenverteilung */
	min-width: 500px; /* sorgt dafür, dass horizontales Scrollen möglich ist */
}

.frame-12 .ce-bodytext table th,
.frame-12 .ce-bodytext table tbody td {
	margin: 0;
	padding: 0.5rem;
	border: 1px solid var(--color-gray-III);
	box-sizing: border-box;
	text-align: left;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	-o-hyphens: manual;
	hyphens: manual;	
}

.frame-12 .ce-bodytext table th {
	font: var(--font-hIV);
	font-size: 20px;
	line-height: 120%;
}

.frame-12 .ce-bodytext table tbody tr {
	width: 100%;
}

/* Responsive Tabellen */

.frame-12 .ce-textpic {
	padding-left: 40px;
	padding-right: 40px;
}

.frame-12 .ce-bodytext {
	overflow-x: auto;
	width: 100%;
	display: block; /* ← Wichtig! Damit der Container scrollbar wird */
	margin-bottom: 40px;
}

.frame-12 .ce-bodytext p {
	position: sticky;
	left: 0;
	
	padding-left: 0;
	padding-right: 0;
}

.frame-12 .ce-bodytext ul {
	padding: 0px 0px 0px 20px;
}

.frame-12 .ce-bodytext ul li {
	margin: 0;
}

.frame-12 .ce-bodytext table {
	/*margin-bottom: 40px;*/
}

/* Sticky erste Spalte */
.frame-12 .ce-bodytext table th:first-child,
.frame-12 .ce-bodytext table td:first-child {
	position: sticky;
	left: 0;
	background-color: #fff; /* oder var(--background-color), um transparentes Überlagern zu vermeiden */
	z-index: 2; /* damit über anderen Zellen */
	/*box-shadow: 2px 0 5px -2px rgba(0,0,0,0.2); /* leichter Schatten rechts */
    font-weight: 600;
}

/* Höherer z-index für TH */
.frame-12 .ce-bodytext table thead th:first-child {
  z-index: 3;
}

/* Farbige erste td jeder ersten Zeile */
.frame-12 .ce-bodytext table tbody tr:nth-child(odd) td:first-child {
  background-color: var(--color-gray-III);
}

/* Farbige erste td jeder zweiten Zeile */
.frame-12 .ce-bodytext table tbody tr:nth-child(even) td:first-child {
  background-color: var(--color-gray-IV);
}

span.red-font {
	color: var(--color-red);
}

/* @end */