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

:root {
	--font-breadcrumb: normal 400 14px/140% 'Source Sans Pro';
}


@media screen and (max-width: 1470px) {

.frame-layout-40 header h2 {
	font-size: 1.65vw;
}

}


@media screen and (max-width: 1470px) {

/* @group :root FONTS */

:root {
	--font-hI: normal 400 60px/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-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-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';
}

/* @end */

/* @group mainnav */

.sf-menu a {
	padding: 19px 20px 58px;
}

/* @end */

/* @group header */

header#header div#header-container {
	grid-template-columns: 270px 1fr;
	height: 136px;
}

main#main {
	padding-top: 136px;
}

nav#header-navigation {
	padding-left: 40px;
}

/* @end */

/* @group Flexslider */

div.flexslider div.caption-text div.caption-body p a {
	margin-top: 20px;
}

/* @end */

/* @group MAIN START*/

/* @group row 2 */

#main-start-row-2  {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
}

#main-start-row-2-left {
	width: 100%;
	padding-top: 0; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	background: var(--color-gray-O);
	color: var(--color-white);
}

#main-start-row-2-left header h1,
#main-start-row-2-left header h2 {
	padding-top: 40px;
	color: var(--color-white);
}

#main-start-row-2-right {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

.main-start-row-box-left {
	position: relative;
}

.main-start-row-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* @end */

/* @group row 3 */

.frame-layout-44 header div.tile a {
	font: var(--font-hII-tile);
}

.frame-layout-44 header div.tile a span.tilebottom {
	padding: 0 20px 20px;
}

/* @end */

/* @end */

.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% - 100px);
	height: auto;
	margin-top: 80px;
}

/* @group sticky submenu */

#news-top-side,
#main-middle div#main-middle-left-special .main-middle-block-top .stickywrap,
#solr-filter {
	top: 140px;
}

.stickywrap {
	top: 175px;
}

/* @end */
}


@media screen and (max-width: 1420px) {

/* @group mainnav */

.sf-menu a {
	padding: 19px 10px 58px;
}

/* @end */

}


@media screen and (max-width: 1310px) {

:root {
	--font-nav-lang: normal 700 16px/120% 'Source Sans Pro';
	--font-nav-main: normal 700 16px/120% 'Source Sans Pro';
	--font-nav-sub: normal 400 16px/120% 'Source Sans Pro';
}

span.fontquotespecial {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	
}
span.fontquotespecial::before {
	margin-right: 12x;
}

}

@media screen and (max-width: 1280px) {
	



/* @group footer */

footer#footer div.ce-bodytext table.contenttable tbody tr {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

footer#footer div.ce-bodytext table.contenttable tbody tr:last-child {
	margin-bottom: 0px;
}

footer#footer div.ce-bodytext table.contenttable tbody tr td {
	width: 100%;
	float: left;
}

/* @end */

/* @group Flexslider */

div.flexslider {
	margin: 0;
}


div.flexslider div.caption-text {
	padding: 20px 20px 0;
}






div.flexslider div.caption-text p.caption-title {
	padding-bottom: 10px;
}

div.flexslider div.caption-text div.caption-body p a {
	margin-top: 15px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}

div.flexslider div.caption-text  div.caption-body p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

/* @end */

/* @group MAIN START*/

/* @group row 2 */

#main-start-row-2-left header h1,
#main-start-row-2-left header h2 {
	padding-right: 20px;
	color: var(--color-white);
	padding-left: 20px;
}

#main-start-row-2-right {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

.main-start-row-box-left {
	position: relative;
}

.main-start-row-box-left div.ce-bodytext p {
	padding: 0 20px 20px;
}

/* @end */

/* @end */

/* @group DOWNLOAD BUTTONS */

/* @group startpage */

#main-start-row-2-left div.ce-bodytext p code a,
#main-start-row-2-left div.ce-bodytext p a.downloadbutton {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* @end */

/* @group general */

/* @group bodytext */

div.ce-bodytext p code a,
div.ce-bodytext p a.downloadbutton {
	padding: 0px 40px;
	margin-top: 0px;
}

/* @end */

/* @group table */

div.ce-bodytext table.contenttable tbody tr td code a,
div.ce-bodytext table.contenttable tbody tr td a.downloadbutton {
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}

/* @end */

/* @end */

/* @group main bottom */

#main-bottom-12-12 div.main-bottom-left div.ce-bodytext p code a,
#main-bottom-12-12 div.main-bottom-left div.ce-bodytext p a.downloadbutton {
	margin-top: 0px;
	padding: 5px 20px;
}

/* @end */

/* @end */

/* @group FRAME LAYOUTS */

/* @group download (+ preview) */

.frame-layout-20 div.ce-textpic.ce-left.ce-intext {
	display: grid;
	grid-template-columns: 50px 1fr;
	grid-column-gap: 0px;
	
}

.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 10px 0 10px 10px;
}

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

.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext h4 {
	padding-right: 10px;
	padding-bottom: 10px;
}

.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-gallery {
	/*display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;*/
}

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

.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext h4 {
	min-height: 68px;
	padding-right: 10px;
}

/* @end */

/* @end */

/* @group NEWS DETAIL */

div#main-news-right div#news-content-bottom div.news-related-dld-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

/* @end */

/* @group GRID ELEMENTS */

/* @group 4 Column (gray) */

.grid-container.grid-container-grid4column-gray {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.grid-container.grid-container-grid4column-gray .grid-row {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.grid-container.grid-container-grid4column-gray .grid-row .grid-column .ce-bodytext {
	padding: 20px 20px 30px;
}

/* @end */

/* @end */

}




@media screen and (max-width: 1228px) {

/* @group POWERMAIL 2023 */

fieldset.layout3 select#powermail_field_anrede.powermail_select {
	height: 40px;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_anrede {
	width: 100px;
	float: left;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_vorname,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_nachname {
	width: calc(50% - 70px);
	float: left;
	margin-left: 20px;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_unternehmenorganisation,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_land,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_e_mail_adresse,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_telefon {
	width: calc(50% - 10px);
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_unternehmenorganisation,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_e_mail_adresse {
	margin-right: 10px;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_land,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_telefon {
	margin-left: 10px;
}

/* @end */

/* @group sticky submenu */

#news-top-side,
#main-middle div#main-middle-left-special .main-middle-block-top .stickywrap,
#solr-filter {
	top: 128px;
}

.stickywrap {
	top: 163px;
}

/* @end */

}


@media screen and (max-width: 1220px) {





/* @group :root FONTS */

:root {
	--font-hI: normal 400 48px/100% 'Bebas Neue';
	--font-hII: normal 400 28px/120% 'Bebas Neue';
	--font-hII-tile: normal 400 24px/110% 'Bebas Neue';
	--font-hIII: normal 400 20px/120% 'Bebas Neue';
	--font-hIII-footer: normal 400 24px/120% 'Bebas Neue';
	--font-hIV: normal 400 20px/120% 'Bebas Neue';
	--font-hV: normal 400 15px/120% 'Bebas Neue';
	--font-hVI: normal 400 12px/120% 'Bebas Neue';
	
	--font-p: normal 400 16px/140% 'Source Sans Pro';
	--font-p-i: italic 400 16px/140% 'Source Sans Pro';
	--font-p-b: normal 700 16px/140% 'Source Sans Pro';
	--font-p-b-i: italic 700 16px/140% 'Source Sans Pro';
	
	--font-download: normal 400 12px/140% 'Source Sans Pro';
	
	--font-nav-side-O: normal 400 16px/120% 'Source Sans Pro';
	--font-nav-side-I: normal 700 16px/120% 'Source Sans Pro';
	
	--font-hIII-footer: normal 700 16px/120% 'Source Sans Pro';
	--font-p-footer: normal 400 16px/120% 'Source Sans Pro';
	--font-nav-sitemap: normal 400 16px/120% 'Source Sans Pro';
	
	--letterspace-h: 0.03em;
	--letterspace-nav: 0.01em;
	
	--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';
}

/* @end */

/* @group mainnav */

.sf-menu a {
	padding: 17px 10px 55px;
}

/* @end */

/* @group header */

header#header div#header-container {
	grid-template-columns: 230px 1fr;
	height: 124px;
}

main#main {
	padding-top: 124px;
}

nav#header-navigation {
	padding-left: 20px;
}

#header-right-top {
	grid-template-columns: 1fr 80px;
}

/* @end */

/* @group footer */

footer#footer {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}

/* @end */

/* @group Flexslider */

div.flexslider {
	margin: 0;
}

div.flexslider div.caption-text p.caption-title {
	font-size: 28px;
}

div.flexslider div.caption-text div.caption-body p {
	font-size: 15px;
}

div.flexslider div.caption-text div.caption-body p a {
	margin-top: 15px;
	padding: 5px 20px;
	font: var(--font-p);
	font-size: 15px;
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}

div.flexslider div.caption-text  div.caption-body p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

/* @end */

/* @group NEWS PRODUCTS (only List) */

.news-list-view-products {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	
	
}

.news-list-view-products .article {
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-column-gap: 0px;
}

.news-list-view-products .article .newsimage .news-img-wrap {
	padding: 20px;
}

.news-list-view-products .article .newsheadline h4 {
	padding: 0 20px 0 0;
}

/* @end */

/* @group FRAME LAYOUTS */

/* @group download button */

.frame-layout-60 header,
.frame-layout-61 header {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0px;
}

.frame-layout-60 header h5 a,
.frame-layout-61 header h5 a {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

/* @end */

/* @group download (+ preview) */

.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext h4 {
	min-height: 56px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* @end */

/* @group download (- preview) */

.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext h4 {
	min-height: 56px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* @end */

/* @end */

/* @group GRID ELEMENTS */

/* @group 1:1 tile (below side navigation / text & image / link) */

.grid-container.grid-container-1-1-container .grid-row .grid-column .frame-type-textmedia.frame-layout-0 {
	padding: 20px;
}

/* @end */

/* @group 2 Column Contact */

.grid-container.grid-container-grid2column-kontakt {
	margin-left: 20px;
	margin-right: 20px;
	
	margin-bottom: 20px;
	margin-top: 20px;
}

.grid-container.grid-container-grid2column-kontakt .grid-row {
	grid-template-columns: 100px 1fr;
	grid-gap: 20px;
}

/* @end */


/* @end */

.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: 65px;
}




}

@media screen and (max-width: 1075px) {




/* @group :root FONTS */

:root {
	--font-hI: normal 400 36px/100% 'Bebas Neue';
	--font-hII: normal 400 28px/120% 'Bebas Neue';
	--font-hII-tile: normal 400 24px/110% 'Bebas Neue';
	--font-hIII: normal 400 20px/120% 'Bebas Neue';
	--font-hIII-footer: normal 400 24px/120% 'Bebas Neue';
	--font-hIV: normal 400 20px/120% 'Bebas Neue';
	--font-hV: normal 400 15px/120% 'Bebas Neue';
	--font-hVI: normal 400 12px/120% 'Bebas Neue';
	
	--font-p: normal 400 16px/140% 'Source Sans Pro';
	--font-p-i: italic 400 16px/140% 'Source Sans Pro';
	--font-p-b: normal 700 16px/140% 'Source Sans Pro';
	--font-p-b-i: italic 700 16px/140% 'Source Sans Pro';
	
	--font-download: normal 400 12px/140% 'Source Sans Pro';
	
	--font-nav-lang: normal 700 16px/120% 'Source Sans Pro';
	--font-nav-main: normal 700 16px/120% 'Source Sans Pro';
	--font-nav-sub: normal 400 16px/120% 'Source Sans Pro';
	
	--font-nav-side-O: normal 400 16px/120% 'Source Sans Pro';
	--font-nav-side-I: normal 700 16px/120% 'Source Sans Pro';
	
	--font-hIII-footer: normal 700 16px/120% 'Source Sans Pro';
	--font-p-footer: normal 400 16px/120% 'Source Sans Pro';
	--font-nav-sitemap: normal 400 16px/120% 'Source Sans Pro';
	
	--letterspace-h: 0.03em;
	--letterspace-nav: 0.01em;
	
	--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 14px/120% 'Source Sans Pro';
}

/* @end */

/* @group MOBILE NAVI */

#mobilenavi {
	display: block;
}

/* @end */

/* @group GENERAL */

/* @group Structure */

main#main.maxwidth.sitepadding {
	padding-left: 0px;
	padding-right: 0px;
}

div#header-container.maxwidth.sitepadding {
	padding-left: 40px;
	padding-right: 40px;
}

/* @end */

/* @group Videos */

.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% - 40px);
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

/* @end */

/* @end */

/* @group Text */

h1 {
	padding: 0px 20px 24px;
	
}

#main-middle-right .frame-type-textmedia:first-child h1 {
	padding: 40px 20px 20px;
}

h2 {
	padding: 0px 20px 20px;
}

#main-top div.main-top-block h2,
div#news-top-tile div.news-pagetitle h2 {
	padding: 20px;
}

div#main-middle-right header h2 {
	padding: 20px;
}

div#main-middle-right .frame-6 header h2 {
	padding: 0 20px 20px;
}

div#main-middle-right .frame-7 {
	padding-top: 20px;
}

div#main-middle-right .frame-7 .ce-bodytext {
	padding: 20px 0;
}

div#main-middle-right .frame-7 .ce-bodytext:last-child {
	padding-bottom: 0px;
}

div#main-middle-right .frame-8 header h4 {
	padding-top: 20px;
		padding-right: 20px;
	min-height: 80px;
		padding-left: 20px;
}

h3 {
	padding: 0px 20px 20px;
}

footer h3 {
	padding: 0px 0px 20px 0px;
}

h4 {
	padding: 0px 20px 20px;
}

h5 {
	padding: 0px 20px 20px 20px;
}

h6 {
	padding: 0px 20px 20px 20px;
}

/*.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5,
.ce-bodytext h6 {
	padding: 0px 0px 20px;
}*/

.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5,
.ce-bodytext h6 {
	padding-bottom: 20px;
}

.ce-bodytext p {
	padding: 0px 20px 20px;
}
.ce-bodytext p:last-child {
	padding: 0px 20px 40px;
}

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

.frame-layout-10 .ce-bodytext ul,
.frame-layout-11 .ce-bodytext ul,
.frame-layout-12 .ce-bodytext ul,
.frame-layout-13 .ce-bodytext ul {
	padding: 0px 20px 20px 0;
}

.ce-bodytext ul li {
	margin: 0px 0px 0px 20px;
}

div.ce-bodytext table.contenttable {
	padding-left: 20px;
	padding-right: 20px;
}

/* @end */

/* @group header */

header#header {
	display: none;
}

/* @end */


/* @group MAIN */

main#main {
	display: grid;
	grid-template-rows: auto;
	grid-gap: 0px;
	padding-top: 84px;
}

/* @group main top */

#main-top  {
	display: grid;
	grid-template-columns: 33.3333% 1fr;
	grid-gap: 0px;
}

#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-gray-IV);
}

#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: 1fr;
	grid-gap: 0px;
}

/* @group main middle left */

#main-middle div#main-middle-left {
	display: none;
}

#main-middle 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: repeat(2, auto);
	grid-gap: 0px;

	grid-row: 2;
}

#main-middle div#main-middle-left-special .main-middle-block-top {
	display: none;
}

#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: none;
}

/* @end */

/* @group main middle right */

#main-middle div#main-middle-right {
	background-color: var(--color-white);
	padding: 0px 0 0 0;
}

/* @end */

/* @end */



/* @group main bottom */

#main-bottom-13-23,
#main-bottom-13-23-auto {
	grid-template-columns: 1fr;
}

#main-bottom-13-23 div.main-bottom-left {
	display: none;
}

#main-bottom-13-23 div.main-bottom-right {
	width: 100%;
	height: auto;
	padding-top: 0; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-bottom-13-23 div.main-bottom-block {
	position: relative;
}



#main-bottom-13-13-13  {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
}

#main-bottom-13-13-13 div.main-bottom-left {
	display: none;
}

#main-bottom-13-13-13 div.main-bottom-middle {
	width: 100%;
	padding-top: 0%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-bottom-13-13-13 div.main-bottom-right {
	width: 100%;
	padding-top: 0%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-bottom-13-13-13 div.main-bottom-block {
	width: 100%;
	padding-top: 0%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}







#main-bottom-12-12  {
	grid-template-columns: 1fr;
}

#main-bottom-12-12 div.main-bottom-left {
	width: 100%;
	padding-top: 0%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-bottom-12-12 div.main-bottom-right {
	width: 100%;
	padding-top: 0%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-bottom-12-12 div.main-bottom-block {
	position: relative;
	padding: 0;
}




#main-bottom-12-12 div.main-bottom-left div.ce-gallery {
	position: absolute;
}

#main-bottom-12-12 div.main-bottom-block .frame-layout-45 .ce-gallery figure.image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0.35;
}

#main-bottom-12-12 div.main-bottom-block .frame-layout-45 .ce-gallery figure.image img.image-embed-item {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-bottom-12-12 div.main-bottom-left div.ce-bodytext,
#main-bottom-12-12 div.main-bottom-left header h2 {
	color: var(--color-white);
}







/* @group main bottom - newsletter */

#main-bottom-13-23-auto div.main-bottom-left-auto {
	display: none;
}

#main-bottom-13-23-auto div.main-bottom-right-auto {
	margin-top: 40px;
}

#main-bottom-13-23-auto div.main-bottom-left-auto div.main-bottom-block {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* @end */


/* @group NEWS DETAIL */

div#main-news-wrap {
	grid-template-columns: 1fr;
}

div#main-news-left div#main-news-left-middle {
	display: none;
}

div#main-news-left div#main-top-left {
	width: 100%;
	padding-top: 0%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
	overflow: hidden;
}

div#main-news-left div.main-top-block,
div.main-top-block h1 {
	position: relative;
	width: 100%;
	float: left;
}

div.main-top-block h1 {
	padding-top: 40px;
}

div#main-news-right .news {
	margin-bottom: 20px;
}

/* @end */



/* @end */



/* @end */


/* @group footer */

footer#footer {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 40px;
}

footer#footer .footer-col:nth-child(5) {
	display: none;
}

footer#footer div.footer-logocoupling img {
	float: right;
}

/* @end */

/* @group FRAME LAYOUTS */

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

div#main-middle-right .frame-layout-10 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 20px;
}

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

div#main-middle-right .frame-layout-11 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group image/text 33% / 66% (+ margin) */

div#main-middle-right .frame-layout-12 {
	margin-bottom: 20px;
}

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;
	margin-left: 20px;
	margin-right: 20px;
}

div#main-middle-right .frame-layout-12 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group image/text 50% / 50% (+ margin) */

div#main-middle-right .frame-layout-13 {
	margin-bottom: 20px;
}

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: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

div#main-middle-right .frame-layout-13 div.ce-textpic.ce-left.ce-intext div.ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group text (+ margin)  */

div#main-middle-right .frame-layout-14 {
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
}

/* @end */

/* @group text (- margin)  */

div#main-middle-right .frame-layout-15 {
	margin-bottom: 20px;
	padding-top: 20px;
}

/* @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.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

}

.frame-layout-40 header div.tile a span.tilebottom {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0 20px 20px;
	text-align: center;
	letter-spacing: var(--letterspace-h);
	text-transform: uppercase;
	text-shadow: 0 0 5px black;
}

.frame-layout-40 header div.tile a:hover {
	background-color: var(--color-tile-hover);
	/*color: var(--color-red);*/
}

/* @end */

/* @group tile (only color) */

.frame-layout-41,
.frame-layout-42,
.frame-layout-43 {
	width: 25%;
	padding-top: 25%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
}

.frame-layout-41 header,
.frame-layout-42 header,
.frame-layout-43 header {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* @end */

/* @group background colors */

.frame-layout-55  {
	margin-left: 20px;
	margin-right: 20px;
}

.frame-layout-50 .grid-container,
.frame-layout-51 .grid-container,
.frame-layout-52 .grid-container,
.frame-layout-53 .grid-container,
.frame-layout-54 .grid-container,
.frame-layout-55 .grid-container {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* @end */

/* @group download (+ preview) */

.frame-layout-20 div.ce-textpic.ce-left.ce-intext {
	grid-template-columns: 100px 1fr;
}

/* @end */

/* @group catalog */

div#main-middle-right .frame-layout-62 h2 {
	padding: 0px 20px;
	margin-bottom: 40px;
}

/* @end */

/* @group button link */

.frame-12 .ce-bodytext p {
	padding: 0;
}

/* @end */

/* @end */


/* @group Flexslider */

div.flexslider {
	margin: 0;
}

div.flexslider div.caption-text p.caption-title {
	font-size: 24px;
}

div.flexslider div.caption-text div.caption-body p {
	font-size: 13px;
}

div.flexslider div.caption-text div.caption-body p a {
	margin-top: 10px;
	padding: 5px 20px;
	font: var(--font-p);
	font-size: 13px;
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}

div.flexslider div.caption-text  div.caption-body p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

/* @end */

/* @group GRID ELEMENTS */

/* @group 1 Column (gray) */

.grid-container.grid-container-grid1column-gray {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */

/* @group 2 Column */

.grid-container.grid-container-grid2column {
	margin-left: 20px;
	margin-right: 20px;
}

/* @end */

/* @group 2 Column (gray) */

.grid-container.grid-container-grid2column-gray {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */

/* @group 2 Column (gray only left) */

.grid-container.grid-container-grid2column-grayleft {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */

/* @group 3 Column */

.grid-container.grid-container-grid3column {
	margin-left: 20px;
	margin-right: 20px;
}

/* @end */

/* @group 3 Column (gray) */

.grid-container.grid-container-grid3column-gray {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */

/* @group 3 Column (gray only left 1/3) */

.grid-container.grid-container-grid3column-gray1left {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */

/* @group 3 Column (gray only left 2/3) */

.grid-container.grid-container-grid3column-gray2left {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */



/* @end */

/* @group POWERMAIL */

.tx-powermail fieldset,
.tx-powermail div.container-fluid form.powermail_form.powermail_form_1.nolabel ul.powermail_message {
	padding: 0 20px;
}

div.tx-powermail div.powermail_create p {
	padding: 0 20px 20px;
}

/* @end */

/* @group NEWS PRODUCTS (only List) */

div.news-products-wrapper {
	padding-left: 20px;
	padding-right: 20px;
	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 {
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-column-gap: 0px;
}

.news-list-view-products .article .newsimage .news-img-wrap {
	padding: 20px;
}

.news-list-view-products .article .newsheadline h4 {
	padding: 0 20px 0 0;
}

/* @end */

/* @group FRAMES */

.frame-0,
.frame-1 {
	width: 100%;
	padding-top: 0%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
	padding-bottom: 0px;
	padding-top: 0px;
}

.frame-2,
.frame-3,
.frame-4,
.frame-5,
.frame-9 {
	width: 100%;
	padding-top: 0%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	float: left;
	padding-bottom: 40px;
	padding-top: 40px;
}

.frame-10 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.frame-11 {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.frame-0 .grid-container-contentwrapper,
.frame-2 .grid-container-contentwrapper,
.frame-4 .grid-container-contentwrapper,
.frame-1 .grid-container-contentwrapper,
.frame-3 .grid-container-contentwrapper,
.frame-5 .grid-container-contentwrapper,
.frame-9 .grid-container-contentwrapper {
	position: relative;
}

.frame-1 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5 .grid-container-contentwrapper .ce-bodytext p code a,

.frame-1 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton {
	padding: 5px 20px;
}

.frame-1.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-1.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-1.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-2.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-3.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-4.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,
.frame-5.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p code a,

.frame-1.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5.frame-layout-50 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-1.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5.frame-layout-51 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-1.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-2.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-3.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-4.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton,
.frame-5.frame-layout-54 .grid-container-contentwrapper .ce-bodytext p a.downloadbutton {
	margin-top: 0px;
}

/* @end */

/* @group NEWS LIST */

.news-list-view {
	grid-row-gap: 40px;
	padding: 20px 20px 40px;
}

.news-list-view .article {
	grid-template-columns: calc(33.3333% - 20px) 1fr;
	grid-column-gap: 20px;
}



.news-list-view .article .newsheadline h3 {
	padding: 0 0 10px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}

div.news div.no-news-found {
	padding-left: 20px;
	padding-bottom: 40px;
}

/* @end */

/* @group NEWS DETAIL */

div#main-news-wrap {
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

/* @group news left */

#news-top-tile {
	padding-top: 90px; /* 1:1 Aspect Ratio */
}

#news-top-side {
	display: none;
}

#main-news-left-bottom {
	display: none;
}

/* @end */

/* @group news right */

div#main-news-wrap div#main-news-right div#news-content-bottom {
	margin: 0px;
	padding: 20px;
}

div#main-news-right div#news-content-bottom span.news-single-date time {
	margin-bottom: 20px;
}

/* @end */

/* @end */

/* @group NEWSLETTER */

div#mc_embed_signup {
	max-width: 100%;
}

form#mc-embedded-subscribe-form.validate {
	margin: 0;
}

div#mc_embed_signup {
	padding: 0 20px 20px;
}

/* @end */

/* @group BUTTONINFO */

div.button.phonebtn,
div.button.locationbtn,
div.button.mailadbtn {
	display: none;
}

/* @end */

/* @group SOLR */

#solr-results {
	padding: 20px;
}

div#main-top-left.header-produkte div.main-top-block {
	background-color: var(--color-white);
}

#solr-nav {
	display: none;
}

#solr-filter {
	padding: 20px;
	top: 88px;
}

#solr-filter-headline {
	padding-bottom: 10px;
}

div#solr-filter .facet.facet-type.panel-group div.panel {
	margin-bottom: 0px;
}

div#tx-solr-search div.row div.col-md-12 div.results-list.list-group div.list-group-item.search-result.results-entry {
	margin-bottom: 40px;
}

div#tx-solr-search div.row div.col-md-12 div.results-list.list-group div.list-group-item.search-result.results-entry:last-child {
	margin-bottom: 0px;
}

div.tx-traceparts div.produkte-top {
	padding: 0 20px;
}

div#rootlinemenu-detail {
	padding: 20px 20px 0;
}

.frame-type-list.frame-layout-0 div.tx-traceparts div.produkte-bottom {
	width: calc(100% - 40px);
	margin-right: 20px;
	margin-left: 20px;
}

/* @end */

/* @group tinyaccordion */

ul.tinyaccordion {
	padding: 20px;
}

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

/* @end */
}


@media screen and (max-width: 990px) {

/* @group SOLR */

div#tx-solr-search div.row div.col-md-12 div.results-list.list-group div.list-group-item.search-result.results-entry div.row h3.results-topic {
	padding-right: 0;
}

/* @end */

}


@media screen and (max-width: 840px) {




/* @group GENERAL */

/* @end */

/* @group Text */

div#main-middle-right .frame-8 header h4 {
	min-height: auto;
}

/* @end */

/* @group footer */

footer#footer {
	grid-template-columns: 230px 280px 1fr;
	grid-gap: 0px;
}

footer#footer .footer-col:nth-child(2) {
	padding-left: 80px;
}

footer#footer .footer-col:nth-child(4) {
	display: none;
}

/* @end */

/* @group Flexslider */

div.slidercontent,
.frame-layout-91 .flexslider div.slidercontent,
.frame-layout-90 .flexslider div.slidercontent {
	grid-template-columns: 1fr;
}

.flex-direction-nav a,
.frame-layout-91 .flexslider .flex-direction-nav a,
.frame-layout-90 .flexslider .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  overflow: hidden;
  opacity: .8;
  cursor: pointer;
  color: var(--color-white);
  background-color: var(--color-red);
  padding-top: 5px;
}
.flex-direction-nav a:before,
.frame-layout-91 .flexslider .flex-direction-nav a:before,
.frame-layout-90 .flexslider .flex-direction-nav a:before {
  font-size: 30px;
}

.flex-direction-nav .flex-prev,
.frame-layout-91 .flexslider .flex-direction-nav .flex-prev,
.frame-layout-90 .flexslider .flex-direction-nav .flex-prev {
  left: 0;
  padding-left: 12px;
}
.flex-direction-nav .flex-next,
.frame-layout-91 .flexslider .flex-direction-nav .flex-next,
.frame-layout-90 .flexslider .flex-direction-nav .flex-next {
  right: 0px;
  text-align: right;
  padding-right: 13px;
}

div.flexslider,
.frame-layout-91 .flexslider,
.frame-layout-90 .flexslider {
	margin: 0;
}

.frame-layout-91 .flexslider {
	margin-bottom: 40px;
}

div.flexslider-caption,
.frame-layout-91 .flexslider div.flexslider-caption,
.frame-layout-90 .flexslider div.flexslider-caption {
	padding-top: 0; /* 2:1 Aspect Ratio */
	grid-row: 2;
}

div.flexslider-image,
.frame-layout-91 .flexslider div.flexslider-image,
.frame-layout-90 .flexslider div.flexslider-image,
.frame-layout-92 .flexslider div.flexslider-image {
	padding-top: 0; /* 2:1 Aspect Ratio */
}

div.flexslider-box {
	position: relative;
}

div.flexslider div.caption-text {
	padding: 40px;
}

.frame-layout-91 .flexslider div.caption-text p.caption-title,
.frame-layout-90 .flexslider div.caption-text p.caption-title {
	font: var(--font-hII);
	padding-bottom: 10px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}

div.flexslider div.caption-text div.caption-body p a {
	margin-top: 20px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}

.frame-layout-91 .flexslider div.caption-text div.caption-body p a,
.frame-layout-90 .flexslider div.caption-text div.caption-body p a {
	margin-top: 20px;
	padding: 5px 20px;
	display: inline-block;
}

div.flexslider div.caption-text div.caption-body p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

.frame-layout-92 .flexslider .flex-direction-nav a {
  top: 50%;
}

/* @end */

#main-top  {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
}

#main-top div#main-top-left,
#news-top-tile {
	background-color: var(--color-white);
	width: 100%;
	padding-top: 90px; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-top div.main-top-block {
	background-color: var(--color-white);
}


/* @group MAIN START*/

/* @group row 2 */

#main-start-row-2-left header h1,
#main-start-row-2-left header h2 {
	padding: 40px 40px 20px;
}

#main-start-row-2-right {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

.main-start-row-box-left {
	position: relative;
}

.main-start-row-box-left div.ce-bodytext p {
	padding: 0 40px 20px;
}

/* @end */

/* @group row 4 */

#main-start-row-4  {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
}

#main-start-row-4-left {
	width: 100%;
	padding-top: 50%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-start-row-4-left .main-start-box-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0px;
	z-index: 0;
		
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#main-start-row-4-left .frame-layout-45 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .5;
	z-index: -1;
}

#main-start-row-4-left .frame-layout-45 div figure.image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#main-start-row-4-left .frame-layout-45 div figure.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



#main-start-row-4-right {
	background-color: var(--color-black);
	width: 100%;
	padding-top: 100%; /* 1:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

#main-start-row-4-right .main-start-row-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom {
	position: relative;
	width: 100%;
	height: 50%;
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top {
	background-color: var(--color-white);
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom {
	background-color: var(--color-gray-O);
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom .ce-bodytext,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom header h2 {
	color: var(--color-white);
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p code a,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p a.downloadbutton {
	margin-top: 30px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p code a,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p a.downloadbutton {
	margin-top: 30px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-white);
	border: 1px solid var(--color-white);
	display: inline-block;
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p code a:hover,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p code a:hover,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p a.downloadbutton:hover,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p a.downloadbutton:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p {
	padding: 0 40px;
}


/* @end */



/* @end */

/* @group FRAME LAYOUTS */

/* @group download (+ preview) */

.frame-layout-20 div.ce-textpic.ce-left.ce-intext div.ce-bodytext h4 {
	padding-bottom: 20px;
}

/* @end */

/* @group download (- preview) */

.frame-layout-30 div.ce-textpic.ce-center.ce-above div.ce-bodytext h4 {
	padding-bottom: 20px;
}

/* @end */

/* @end */

/* @group NEWS DETAIL */

/* @group news right */

div#main-news-wrap div#main-news-right div#news-content-bottom {
	padding: 20px;
}

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 {
	margin-bottom: 20px;
}

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.newsimg-other {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

div#main-news-right div#news-content-bottom div.news-related-dld div.ce-bodytext h4 {
	padding: 10px;
	min-height: 76px;
}

/* @end */



/* @end */

/* @group SOLR */


#main-top-right.header-produkte {
	display: none;
}

#solr-container {
	grid-template-columns: 1fr;
}

#solr-filter {
	display: none;
}

button#filter-icon {
	display: block;
}

/* @end */


/* @group tinyaccordion *ADDONS* */

ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-left.ce-intext,
ul.tinyaccordion .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-right.ce-intext {
	display: block;
}

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

/* @end */


}



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




/* @group Flexslider */

.flex-direction-nav a {
	top: calc(33.3333% - 20px);
}

.frame-layout-91 .flexslider .flex-direction-nav a,
.frame-layout-90 .flexslider .flex-direction-nav a {
	top: calc(40% - 20px);
}

/* @end */

/* @group TIMELINE */

div.timeline-start img {
	width: 24px;
	float: right;
	margin-right: 10px;
}

.frame-layout-80 {
	padding: 20px;
}

.frame-layout-80::before {
	right: 21px;
}

.frame-13 {
	width: calc(100% - 25px);
	margin-right: 25px;
	text-align: right;
	float: right;
}

.frame-14 {
	width: calc(100% - 0px);
	margin-left: 0px;
	padding-right: 25px;
	float: left;
}

/* @end */

}



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




/* @group GENERAL */

/* @group Image */

/* @group Image gallery */

.frame-type-list div.c-gallery div.row figure {
	grid-template-columns: repeat(4, auto);
}

.frame-type-list.frame-layout-8 div.c-gallery div.row figure {
	grid-template-columns: repeat(3, auto);
}

.frame-type-list.frame-layout-9 div.c-gallery div.row figure {
	grid-template-columns: repeat(4, auto);
}

/* @end */

/* @end */

/* @end */

/* @group MAIN */

/* @group main-bottom */

#main-bottom-13-13-13  {
	grid-template-columns: 1fr;
}

/* @end */

/* @end */

/* @group Text */

div.ce-bodytext table.contenttable tbody tr td {
	width: calc(50% - 10px);
	float: left;
	padding: 0;
	margin: 0;
}

div.ce-bodytext table.contenttable tbody tr td:first-child {
	margin: 0 10px 0 0;
}

div.ce-bodytext table.contenttable tbody tr td code a,
div.ce-bodytext table.contenttable tbody tr td a.downloadbutton {
	width: 100%;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
}

/*div.ce-bodytext table.contenttable tbody tr td:first-child {
	margin-top: 20px;
}

div.ce-bodytext table.contenttable tbody tr td:last-child {
	margin-bottom: 40px;
}*/

/* @end */

/* @group footer */

footer#footer {
	grid-template-columns: 50% 50%;
	grid-column-gap: 20px;
	grid-row-gap: 40px;
}

/* @end */

/* @group Flexslider */

.flex-direction-nav a,
.frame-layout-91 .flexslider .flex-direction-nav a,
.frame-layout-90 .flexslider .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  position: absolute;
  top: inherit;
  bottom: 0px;
  z-index: 2;
  overflow: hidden;
  opacity: .8;
  cursor: pointer;
  color: var(--color-white);
  background-color: var(--color-red);
  padding-top: 3px;
}
.flex-direction-nav a:before,
.frame-layout-91 .flexslider .flex-direction-nav a:before,
.frame-layout-90 .flexslider .flex-direction-nav a:before {
  font-size: 20px;
  color: var(--color-white);
}

.flex-direction-nav .flex-prev {
  left: 0;
  padding-left: 10px;
}
.flex-direction-nav .flex-next {
  right: 0px;
  text-align: right;
  padding-right: 10px;
}

div.flexslider {
	margin: 0;
}

div.flexslider div.caption-text {
	padding: 30px 40px;
}

div.flexslider div.caption-text div.caption-body p a {
	margin-top: 20px;
	padding: 5px 20px;
	font: var(--font-p);
	color: var(--color-gray-O);
	border: 1px solid var(--color-gray-O);
	display: inline-block;
}

div.flexslider div.caption-text  div.caption-body p a:hover {
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

.frame-layout-92 .flex-direction-nav .flex-prev {
	left: 0%;
	padding-left: 12px;
}

/* @end */

/* @group GRID ELEMENTS */

.grid-container .grid-column {
	margin-bottom: 20px;
}

.grid-container .grid-column:last-child {
	margin-bottom: 0px;
}



/* @group 1 Column (gray) */

.grid-container.grid-container-grid1column-gray .grid-row .grid-column .ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group 2 Column */

.grid-container.grid-container-grid2column .grid-row {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

/* @end */

/* @group 2 Column (gray) */

.grid-container.grid-container-grid2column-gray .grid-row {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

.grid-container.grid-container-grid2column-gray .grid-row .grid-column .ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group 2 Column (gray only left) */

.grid-container.grid-container-grid2column-grayleft .grid-row {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

/* @end */

/* @group 3 Column */

.grid-container.grid-container-grid3column .grid-row {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

/* @end */

/* @group 3 Column (gray) */

.grid-container.grid-container-grid3column-gray .grid-row {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

.grid-container.grid-container-grid3column-gray .grid-row .grid-column .ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group 3 Column (gray only left 1/3) */

.grid-container.grid-container-grid3column-gray1left .grid-row {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

.grid-container.grid-container-grid3column-gray1left .grid-row .grid-column .ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group 3 Column (gray only left 2/3) */

.grid-container.grid-container-grid3column-gray2left .grid-row {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

.grid-container.grid-container-grid3column-gray2left .grid-row .grid-column .ce-bodytext {
	padding: 20px;
}

/* @end */

/* @group 4 Column (gray) */

.grid-container.grid-container-grid4column-gray .grid-row {
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 20px;
}

/* @end */

/* @end */

/* @group NEWS PRODUCTS (only List) */

.news-list-view-products {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 20px;
}

.news-list-view-products .article {
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-column-gap: 0px;
}

.news-list-view-products .article .newsimage .news-img-wrap {
	padding: 10px;
}

.news-list-view-products .article .newsheadline h4 {
	padding: 0 10px 0 0;
}

/* @end */

/* @group NEWS LIST */

.news-list-view {
	grid-row-gap: 40px;
	padding: 20px 20px 40px;
}

.news-list-view .article {
	display: grid;
	grid-template-columns: calc(33.3333% - 20px) 1fr;
	grid-column-gap: 20px;
}

.news-list-view .article .newsheadline h3 {
	padding: 0 0 10px;
}

/* @end */

/* @group NEWS DETAIL */

div#main-news-right div#news-content-bottom div.news-related-dld-content {
	grid-template-columns: 1fr;
	grid-gap: 0px;
}

div#main-news-right div#news-content-bottom div.news-related-dld div.ce-bodytext h4 {
	padding: 10px 10px 20px;
	min-height: auto;
}

div#news-content-bottom div.news-single-text table.contenttable tbody tr td {
	padding: 0px;
}

div#news-content-bottom div.news-single-text table.contenttable tbody tr td:nth-child(1) {
	width: 50%;
	padding-right: 10px;
}

div#news-content-bottom div.news-single-text table.contenttable tbody tr td:nth-child(2) {
	padding-left: 10px;
}

/* @end */

/* @group SOLR */

div#rootlinemenu-detail {
	margin-bottom: 0px;
}

div.tx-traceparts div.produkte-top {
	grid-template-columns: 33% 1fr;
	grid-template-rows: repeat(2, auto);
	grid-gap: 0;
}

div.tx-traceparts div.produkte-top div.produkte-top-right {
	grid-column: 1 / 3;
	grid-row: 2;
}

div.tx-traceparts div.produkte-top div.produkte-top-left {
	grid-column: 1 / 3;
	grid-row: 1;
	margin-bottom: 60px;
}

div.hide-hI {
	display: block;
}
div.produkte-top-right h1 {
	display: none;
}

div.produkte-top-right {
	display: grid;
	grid-template-rows: repeat(2, auto);
}

div.produkte-tabmenu {
	grid-row: 1;
	margin-bottom: 40px;
}

div.tx-traceparts div.produkte-top table.table.table-condensed.table-striped {
	margin-bottom: 0;
}

div.tx-traceparts div.produkte-top h1 {
	/*padding: 0 0 20px;*/
	padding: 0;
}

div.produkte-top-left {
	padding-right: 0px;
}


/* @end */

/* @group Order FORM */

.fancybox-slide {
    padding: 20px;
}

/* @end */

/* @group POWERMAIL 2023 */

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_anrede {
	width: 100%;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_vorname {
	width: calc(50% - 10px);
	margin-left: 0;
	margin-right: 10px;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_nachname {
	width: calc(50% - 10px);
	margin-left: 10px;
}

/* @group Close button form */

.pmform-backlink-wrap {
	padding: 20px 20px 0;
}

.tx-powermail a.pmform-backlink {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}

/* @end */

/* @end */
}

@media screen and (max-width: 640px) {
	
/* @group :root FONTS */

:root {
	--font-hI: normal 400 24px/100% 'Bebas Neue';
	--font-hII: normal 400 20px/120% 'Bebas Neue';
	--font-hII-tile: normal 400 20px/110% 'Bebas Neue';
	--font-hIII: normal 400 18px/120% 'Bebas Neue';
	--font-hIII-footer: normal 400 20px/120% 'Bebas Neue';
	--font-hIV: normal 400 18px/120% 'Bebas Neue';
	--font-hV: normal 400 13px/120% 'Bebas Neue';
	--font-hVI: normal 400 10px/120% 'Bebas Neue';
	
	--font-p: normal 400 16px/140% 'Source Sans Pro';
	--font-p-i: italic 400 16px/140% 'Source Sans Pro';
	--font-p-b: normal 700 16px/140% 'Source Sans Pro';
	--font-p-b-i: italic 700 16px/140% 'Source Sans Pro';
	
	--font-download: normal 400 10px/140% 'Source Sans Pro';
	
	--font-nav-lang: normal 700 13px/120% 'Source Sans Pro';
	--font-nav-main: normal 700 13px/120% 'Source Sans Pro';
	--font-nav-sub: normal 400 13px/120% 'Source Sans Pro';
	
	--font-nav-side-O: normal 400 16px/120% 'Source Sans Pro';
	--font-nav-side-I: normal 700 16px/120% 'Source Sans Pro';
	
	--font-hIII-footer: normal 700 16px/120% 'Source Sans Pro';
	--font-p-footer: normal 400 16px/120% 'Source Sans Pro';
	--font-nav-sitemap: normal 400 16px/120% 'Source Sans Pro';
	
	--letterspace-h: 0.03em;
	--letterspace-nav: 0.01em;
	
	--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 14px/120% 'Source Sans Pro';
	
	--font-breadcrumb: normal 400 12px/140% 'Source Sans Pro';
}

/* @end */

/* @group GENERAL */

/* @group Structure */

div#header-container.maxwidth.sitepadding {
	padding-left: 20px;
	padding-right: 20px;
}

#main-top div#main-top-left,
#news-top-tile  {
	padding-top: 74px; /* 1:1 Aspect Ratio */
}

/* @end */

/* @end */

/* @group HEADER */

header#header div#header-container {
	height: 84px;
}

#header-left {
	padding-top: 20px;
	padding-right: 0px;
}

#header-left div#header-logo a img {
	max-width: 190px;
}

/* @end */


/* @group Text */

h1 {
	padding: 0px 20px 10px;
}

#main-middle-right .frame-type-textmedia:first-child h1 {
	padding: 20px 20px 20px;
}

h2 {
	padding: 0px 20px 10px;
}

h3 {
	padding: 0px 20px 10px;
}

h4 {
	padding: 0px 20px 10px;
}

h5 {
	padding: 0px 20px 10px;
}

h6 {
	padding: 0px 20px 10px;
}

/*.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5,
.ce-bodytext h6 {
	padding: 0px 0px 10px;
}*/

.ce-bodytext h2,
.ce-bodytext h3,
.ce-bodytext h4,
.ce-bodytext h5,
.ce-bodytext h6 {
	padding-bottom: 10px;
}

.ce-bodytext p {
	padding: 0px 20px 20px;
}
.ce-bodytext p:last-child {
	padding: 0px 20px 20px;
}

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

.frame-layout-10 .ce-bodytext ul,
.frame-layout-11 .ce-bodytext ul,
.frame-layout-12 .ce-bodytext ul,
.frame-layout-13 .ce-bodytext ul {
	padding: 0px 20px 20px 0;
}

.ce-bodytext ul li {
	margin: 0px 0px 0px 20px;
}

div.ce-bodytext table.contenttable {
	padding-left: 20px;
	padding-right: 20px;
}

/* @end */

/* @group row 2 */

.main-start-row-box,
.main-start-row-box-right {
	position: relative;
}

#main-start-row-2-right {
	padding-top: 0; /* 2:1 Aspect Ratio */
	float: left;
}

#main-start-row-2-left header h1,
#main-start-row-2-left header h2 {
	padding: 40px 20px 20px;
}
.main-start-row-box-left div.ce-bodytext p {
	padding: 0 20px 20px;
}

/* @end */

/* @group tile (with image & link) */

.frame-layout-40 {
	width: 50%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
}

/* @end */

/* @group tile (only color) */

.frame-layout-41,
.frame-layout-42,
.frame-layout-43 {
	width: 50%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
}

/* @end */

/* @group row 3 Tile */

.frame-layout-44 {
	width: 50%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
}

#main-start-row-3 .frame-layout-44:nth-child(3) {
	float: right;
}

/* @end */

/* @group row 4 */

#main-start-row-4-left div.ce-bodytext p code a,
#main-start-row-4-left div.ce-bodytext p a.downloadbutton {
	margin-top: 20px;
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p code a,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-top div.ce-bodytext p a.downloadbutton {
	margin-top: 20px;
}

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p code a,
#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p a.downloadbutton {
	margin-top: 20px;
}

/* @end */

/* @group footer */

footer#footer {
	padding: 40px 20px 20px;
}

footer#footer div.footer-logo a img {
	width: 100%;
	max-width: 190px;
	height: auto;
	float: left;
}

/* @end */

/* @group Flexslider */

div.flexslider div.caption-text {
	padding: 30px 20px 50px;
}

/* @end */

/* @group NEWS LIST */

.news-list-view .article {
	grid-template-columns: calc(50% - 20px) 1fr;
	grid-column-gap: 20px;
}

/* @end */

.frame-11 {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div#c872.frame.frame-default.frame-type-textpic.frame-layout-40 {
	float: right;
}

div#c1415.frame.frame-default.frame-type-textpic.frame-layout-41 {
	float: right;
}




/* @group Added 2024 */

div#news-content-bottom div.news-single-text table.contenttable tbody tr td:nth-child(1) {
	padding-right: 5px;
}

div#news-content-bottom div.news-single-text table.contenttable tbody tr td:nth-child(2) {
	padding-left: 5px;
}

div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td:first-child {
	width: calc(50% - 5px);
	padding-right: 5px;
}

div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td:last-child {
	width: calc(50% - 5px);
	padding-left: 5px;
}

/* @end */



/* @group button link */

.frame-12 .ce-bodytext p {
	padding: 0;
}

/* @end */

span.fontquotespecial {
	font-size: 18px;
	/*font-weight: 400;*/
}

ul.tinyaccordion table.contenttable tbody tr td,
ul.tinyaccordion table.contenttable tbody tr td:first-child {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

ul.tinyaccordion table.contenttable tbody tr td:last-child {
	margin-bottom: 0px;
}

ul.tinyaccordion div.ce-bodytext ul {
	padding-right: 0px;
}

.ce-bodytext p strong,
.ce-bodytext p strong em,
.ce-bodytext p em strong {
	white-space: inherit; /* keine Silbentrennung */
	-webkit-hyphens: auto; 
	-ms-hyphens: auto; 
	hyphens: auto;
}

}


@media screen and (max-width: 480px) {

/* @group footer */

footer#footer {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

footer#footer .footer-col:nth-child(2) {
	padding-left: 0px;
}

footer#footer .footer-col:nth-child(2) div.ce-bodytext table.contenttable tbody tr td {
	float: none;
	display: inline;
	margin-right: 5px;
}

footer#footer div.ce-bodytext table.contenttable tbody tr {
	margin-bottom: 0px;
}

footer h3 {
	padding-bottom: 10px;
}

/* @end */

/* @group POWERMAIL */

/* @group Captcha */

input#powermail_field_captcha.powermail_captcha {
	width: 100%;
	float: right;
}

img#powermail_captchaimage {
	float: right;
	margin-top: 10px;
}

img#powermail_captchaimage.powermail_captchaimage {
	width: 100%;
	height: auto;
}

/* @end */

/* @end */

/* @group FRAME LAYOUTS */

/* @group image/text 33% / 66% (- margin) */

div#main-middle-right .frame-layout-10 div.ce-textpic.ce-left.ce-intext {
	grid-template-columns: 1fr;
}

/* @end */

/* @group image/text 50% / 50% (- margin) */

div#main-middle-right .frame-layout-11 div.ce-textpic.ce-left.ce-intext {
	grid-template-columns: 1fr;
}

/* @end */

/* @group image/text 33% / 66% (+ margin) */

div#main-middle-right .frame-layout-12 div.ce-textpic.ce-left.ce-intext {
	grid-template-columns: 1fr;
}

/* @end */

/* @group image/text 50% / 50% (+ margin) */

div#main-middle-right .frame-layout-13 div.ce-textpic.ce-left.ce-intext {
	grid-template-columns: 1fr;
}

/* @end */

/* @end */

/* @group NEWS LIST */

.news-list-view .article {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

.news-list-view div.newstext {
	display: block;
	margin-top: 20px;
}

.news-list-view .article .newsimage {
	padding-top: inherit; /* 2:1 Aspect Ratio */
}

.news-list-view .article .newsimage .news-img-wrap {
	position: relative;
}

/* @end */

/* @group SOLR */

div#tx-solr-search div.row div.col-md-12 div.results-list.list-group div.list-group-item.search-result.results-entry {
	grid-template-columns: 100px 1fr;
	/*margin-bottom: 20px;*/
}

div#tx-solr-search div.row div.col-md-12 div.results-list.list-group div.list-group-item.search-result.results-entry div.row h3.results-topic {
	padding-top: 0;
}

/* @end */

/* @group POWERMAIL 2023 */

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_vorname,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_nachname {
	width: calc(100% - 0px);
	margin-right: 0px;
	margin-left: 0px;
}

fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_unternehmenorganisation,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_land,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_e_mail_adresse,
fieldset.layout3 div.powermail_fieldwrap.powermail_fieldwrap_telefon {
	width: calc(100% - 0px);
	margin-right: 0px;
	margin-left: 0px;
}

/* @end */

/* @group Added 2023 */

div#news-content-bottom div.news-single-text table.contenttable tbody tr td p img {
	max-width: 100%;
}

/* @end */

/* @group Added 2024 */

div#news-content-bottom div.news-single-text table.contenttable tbody tr td:nth-child(1) {
	padding-right: 0px;
	width: 100%;
	float: left;
}

div#news-content-bottom div.news-single-text table.contenttable tbody tr td:nth-child(2) {
	padding-left: 0px;
	width: 100%;
	float: left;
}

div#news-content-bottom div.news-single-text table.contenttable tbody.table5050 tr td:first-child,
div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td:first-child,
div#news-content-bottom div.news-single-text table.contenttable tbody.table5050 tr td:last-child,
div#news-content-bottom div.news-single-text table.contenttable tbody.twoimagecol tr td:last-child {
	width: 100%;
	padding: 0;
}


/* @end */

/* @group Gridelements */

/* @group 2 Column Contact */

.grid-container.grid-container-grid2column-kontakt .grid-row {
	grid-template-columns: 1fr;
	grid-gap: 10px;
}

.grid-container.grid-container-grid2column-kontakt div.grid-column.grid-column-20 {
	max-width: 100px;
}

/* @end */

/* @end */

/* @group TIMELINE */

.frame-layout-80 img {
	max-width: 100%;
}

/* @end */
}






@media screen and (max-width: 375px) {

/* @group SOLR */

div#tx-solr-search div.row div.col-md-12 div.results-list.list-group div.list-group-item.search-result.results-entry {
	grid-template-columns: 60px 1fr;
	/*margin-bottom: 20px;*/
}

/* @end */

}





.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

.fancybox-slide--iframe .fancybox-content img {
    width  : 800px;
    height : 600px;
    max-width  : 20%;
    max-height : 20%;
    margin: 0;
}