/* @override https://luetranet.de/fileadmin/templates/css/intranet-responsive.css?* */
	
@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;
}

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

}

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

/* @group mainnav */

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

/* @end */



}

@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.slidercontent {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-column-gap: 0px;
}

div.flexslider {
	margin: 0;
}

div.flexslider-caption {
	width: 100%;
	padding-top: 100%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

div.flexslider-image {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

div.flexslider-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

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

div.flexslider div.caption-text p.caption-title {
	font: var(--font-hII);
	color: var(--color-black);
	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 {
	font: var(--font-p);
}

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

/* @end */

/* @group general */

/* @group bodytext */

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

/* @end */

/* @group table */

div.ce-bodytext table.contenttable tbody tr td code a {
	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 {
	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 */

}


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

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.slidercontent {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-column-gap: 0px;
}

div.flexslider {
	margin: 0;
}

div.flexslider-caption {
	width: 100%;
	padding-top: 100%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

div.flexslider-image {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

div.flexslider-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

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

div.flexslider div.caption-text p.caption-title {
	font: var(--font-hII);
	font-size: 28px;
	color: var(--color-black);
	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 {
	font: var(--font-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 */

/* @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: 1024px) {

/* @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';
	
	--font-logout-btn: normal 400 14px/120% 'Bebas Neue';
}

/* @end */

/* @group MOBILE NAVI */

#mobilenavi {
	display: block;
}

#mobilenavi-intranet {
	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;
}

h2 {
	padding: 0px 20px 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-intranet {
	display: none;
}

main#main-intranet-login {
	grid-template-columns: 1fr;
}

main#main-intranet-login.maxwidth.sitepadding div#main-intranet-spacer {
	display: none;
}

div#header-intranet-login-logo a img {
	width: auto;
	height: 30px;
	margin-top: 40px;
	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.3333% 1fr;
	grid-gap: 0px;
	margin-top: 84px;
}

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

/* @end */


/* @group Flexslider */

div.slidercontent {
	display: grid;
	grid-template-columns: 33.33% 1fr;
	grid-column-gap: 0px;
}

div.flexslider {
	margin: 0;
}

div.flexslider-caption {
	width: 100%;
	padding-top: 100%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

div.flexslider-image {
	width: 100%;
	padding-top: 50%; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
}

div.flexslider-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

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

div.flexslider div.caption-text p.caption-title {
	font: var(--font-hII);
	font-size: 24px;
	color: var(--color-black);
	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 {
	font: var(--font-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 {
	padding: 0 20px;
}

.tx-powermail div.powermail_create {
	padding-left: 20px;
	padding-right: 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 {
	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 {
	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#newsfeed-left div.newsfeed-servus {
	padding: 20px 40px 0 20px;
}

div#newsfeed-right {
	width: calc(35% - 20px);
	margin-right: 20px;
}

div#newsfeed-right div.newsfeed-datum {
	margin-top: 20px;
}

/* @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.tx-mailchimp {
	padding: 0 20px;
}

/* @end */

/* @group BUTTONINFO */

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

/* @end */

/* @group NEWS KONTAKTE */

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

.news-list-view-intranet-kontakte .article .newstext,
.news div.news-search-result-grid .article .newstext {
	padding: 0 20px 20px;
}

.news-list-view-intranet-kontakte .article .newstext h4,
.news div.news-search-result-grid .article .newstext h4 {
	padding: 20px 0 10px;
}

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

.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 3px;
	background-size: 16px;
}

.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 {
	background: url('/fileadmin/templates/img/luedecke-mailad.svg') no-repeat left 3px;
	background-size: 16px;
}

/* @end */

/* @group SEARCH Contacts */

/* @group Search */

div.news-search-form form.ns-news-advancedsearch {
	padding: 0 20px 20px;
	margin-top: 20px;
}

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: 100%;
}

input#news-teaser.news-search-textfield,
input#news-title.news-search-textfield {
	width: calc(50% - 5px);
}

input#news-teaser.news-search-textfield {
	margin-right: 5px;
}
input#news-title.news-search-textfield {
	margin-left: 5px;
}

/* @end */

/* @group Results */

div.news-search-result {
	padding: 0 20px;
}

.news div.news-search-result-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}

/* @end */

/* @end */

/* @group INSTAGRAM */

div.c-socialwall div.c-socialwall {
	padding-left: 20px;
	padding-right: 20px;
	
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 40px;
	grid-auto-rows: minmax(3, auto);
	padding-bottom: 30px;
}

/* @end */

/* @group WEBSHOP */

/* @group List */

div.tx-cart-products {
	padding: 20px;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 40px;
}

/* @end */

/* @group Detail */

div.product-grid div.product-text {
	padding: 0px 20px 0;
}

/* @end */





/* @group Cart */

.tx-cart {width: calc(100% - 0px);
	padding: 0 20px 40px;
	margin-right: 0;
		margin-left: 0;
}

/* @end */

/* @end */

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

}

@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 {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}



.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 {
  font-family: "flexslider-icon";
  font-size: 30px;
  display: inline-block;
  content: '⟨';
  color: var(--color-white);
}

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

div.flexslider {
	margin: 0;
}

div.flexslider-caption {
	width: 100%;
	padding-top: 0; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	grid-row: 2;
}

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

div.flexslider-box {
	position: relative;
}

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

div.flexslider div.caption-text p.caption-title {
	font: var(--font-hII);
	color: var(--color-black);
	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 {
	font: var(--font-p);
}

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

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

}



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

div#newsfeed-left {
	width: 100%;
	float: left;
}
div#newsfeed-right {
	width: calc(100% - 40px);
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}

/* @group Flexslider */

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

/* @end */

/* @group TIMELINE */

.ce-timeline ul.ce-timeline-list {
	padding: 0 40px 40px 20px;
}

.ce-timeline ul.ce-timeline-list:before {
	right:20px;
}

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

li.text-image.layout-1.align-0 div.ce-timeline-text header,
li.text-image.layout-1.align-1 div.ce-timeline-text header {
	padding-top: 40px;

}

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


.tx-md-fullcalendar {
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}

div#categoryFilter5240.category-filter.col-md-3.mt-5 {
	width: calc(100% - 40px);
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  width: 100%;
}
 div.fc-button-group button.fc-timeGridWeek-button.fc-button.fc-button-primary {
	display: none;
}
div.fc-toolbar-chunk button.fc-today-button.fc-button.fc-button-primary {
	display: none;
}
div.fc-button-group button.fc-dayGridMonth-button.fc-button.fc-button-primary {
	display: none;
}
h2#fc-dom-1.fc-toolbar-title {
	font-size: 20px;
}

div.fc-button-group button.fc-timeGridDay-button.fc-button.fc-button-primary.fc-button-active {
		display: none;
}
/* @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 {
	width: 100%;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.frame-12 .ce-bodytext table.contenttable tbody td {
	width: inherit;
	float: none;
	padding: 0.5rem;
}

.frame-12 .ce-bodytext table.contenttable td:first-child {
	width: 30%;
}


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

div.slidercontent {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
}

.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 {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '⟨';
  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-caption {
	width: 100%;
	padding-top: 0; /* 2:1 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	grid-row: 2;
}

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

div.flexslider-box {
	position: relative;
}

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

div.flexslider div.caption-text p.caption-title {
	font: var(--font-hII);
	color: var(--color-black);
	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 {
	font: var(--font-p);
}

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

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

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

/* @end */
/* @group WARENKORB */

#c5060 .row {

  display: block;
 
   --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right:0;
  margin-left: 0;

  padding-right: 0px;
		
}

textarea#orderItem-comment.form-control.comment {
	width: 100%;
}

/* @end */
div#categoryFilter5240.category-filter.col-md-3.mt-5 div.form-check.border.border-white.rounded {
	width: 100%;
}

}



@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';
}

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

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

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

#main-start-row-4-right .main-start-row-box .main-start-row-4-right-bottom div.ce-bodytext p code a {
	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 */

/* @group NEWS KONTAKTE */

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

/* @end */

/* @group SEARCH Contacts */

/* @group Results */

.news div.news-search-result-grid {
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
	margin-top: 20px;
}

/* @end */

/* @end */

/* @group WEBSHOP */

/* @group List */

div.tx-cart-products {
	grid-template-columns: repeat(2, 1fr);
}

/* @end */

/* @group Detail */

div.product-grid {
	grid-template-columns: 1fr;
}

div.product-grid div.product-image {
	grid-row: 1 / 2;
}

div.product-grid div.product-text {
	grid-row: 2 / 2;
	padding: 0px 20px 0;
}

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

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

div#checkout-step-billing-address .form-control,
div#checkout-step-shipping-address .form-control {
	width: calc(100% - 0px);
}

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: 100%;
	margin-bottom: 10px;
}

/* @end */

/* @end */

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

/* @group Table reDefine */

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,
form#form-cart.form div.row div.col-sm-6.text-right.pull-right {
	text-align: right;
}

table.checkout-product-table {
	border: 1px solid var(--color-gray-IV);
	padding: 15px 0;
	position: relative;
}

table.checkout-product-table thead {
	display: none;
}

table.checkout-product-table tr {
	width: 100%;
	float: left;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--color-gray-IV);
}

table.checkout-product-table tr:last-child {
	border-bottom: none;
	padding-top: 15px;
	padding-bottom: 0;
}

table.checkout-product-table tbody td {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0;
	margin-bottom: 3px;
}

table.checkout-product-table tbody td:nth-child(1) {
	font-weight: bold;
}
table.checkout-product-table tbody td:nth-child(2)::before {
	content: 'Stückpreis';
	padding-right: 80px;
}
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: auto;
	float: right;
	text-align: right;
}
table.checkout-product-table tbody td:nth-child(3)::before {
	content: 'Anzahl';
	padding-right: 104px;
}
form#form-cart.form div.row div.col-sm-12 table.checkout-product-table tbody tr td.col-md-1.text-right input.form-control.form-control-inline {
	width: 90px;
	float: right;
}
table.checkout-product-table tbody td:nth-child(4)::before {
	content: 'Zwischensumme';
}
table.checkout-product-table tbody td:nth-child(4) {
	display: none;
}
table.checkout-product-table tbody td:nth-child(5) {
	text-align: right;
}
table.checkout-product-table tbody td:nth-child(5)::before {
	content: 'Artikel löschen';
	padding-right: 5px;
	font-size: 12px;
	color: var(--color-gray-I);
}

table.checkout-product-table tbody tr td.last.col-md-1.text-right {
	width: 100%;
	float: left;
}

/* @end */
}


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

/* @group tile (social media) */

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

.frame-layout-46:nth-child(1),
.frame-layout-46:nth-child(4) {
	background-color: var(--color-gray-I);
}

.frame-layout-46:nth-child(2),
.frame-layout-46:nth-child(3) {
	background-color: var(--color-gray-III);
}

/* @end */


/* @group INSTAGRAM */

div.c-socialwall div.c-socialwall {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 40px;
	grid-auto-rows: minmax(3, auto);
	padding-bottom: 30px;
}

/* @end */

}


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

/* @end */

/* @group WEBSHOP */

/* @group List */

div.tx-cart-products {
	grid-template-columns: repeat(1, 1fr);
}



/* @end */


/* @end */


.news-list-view-speiseplan-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 20px;
	padding: 40px 20px 20px;
}

.news-list-view-speiseplan-detail {
	padding: 0 20px;
}

















}