/* 260202 */
@charset "UTF-8";
@media {
	:root {
	--color-red: #b4152b;
	--color-white: #FFFFFF;
	--color-lightgrey:#ededed;
	--color-grey: #EEEEEE;
	--color-darkgrey: #555555
	}
}
/*.t6-2{
	width: calc(25% - 0rem);
	margin-top: 1rem;
	background-color: #87a2a8;
	float: left;
	list-style-type: none;
	border-radius: 0.25rem;
	height: 170px;
	overflow: hidden;
}	
.t6-2 #carousel2{
	height: 170px
}*/

.scheer-nano-wrapper * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.scheer-nano-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.6;
	color: #1a1a1a;
	background-color: #f9fafb;
}

.scheer-nano-wrapper .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

/* Navigation */
.scheer-nano-wrapper nav {
	background: white;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	position: sticky;
	top: 0;
	z-index: 1000;
}
.messekachel p{
	font-size: 13px;
	line-height: 19px;
	margin-top: 0.5rem;
}
.scheer-nano-wrapper nav .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
}

.scheer-nano-wrapper nav img.logo {
	height: 3rem;
}

.scheer-nano-wrapper nav .nav-right {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.scheer-nano-wrapper nav .jahre-logo {
	height: 3rem;
}

.scheer-nano-wrapper .btn {
	background: #b91c1c;
	color: white;
	padding: 0.75rem 1.5rem;
	border-radius: 9999px;
	text-decoration: none;
	font-weight: bold;
	transition: background 0.3s;
	display: inline-block;
}

.scheer-nano-wrapper .btn:hover {
	background: #991b1b;
}

.scheer-nano-wrapper .btn-large {
	padding: 1rem 2rem;
	font-size: 1.125rem;
}

/* Hero Section */
.scheer-nano-wrapper .hero {
	background: #1a1a1a;
	color: white;
	padding: 2rem 0;
	position: relative;
	overflow: hidden;
}

.scheer-nano-wrapper .hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(70deg, rgba(121, 196, 229, 1), rgba(21, 135, 172, 1));
}

.scheer-nano-wrapper .hero .container {
	position: relative
}

.scheer-nano-wrapper .hero h1 {
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	color:white
}

.scheer-nano-wrapper .hero h1 .highlight {
	color: #ef4444;
	font-size: 2.5rem;
	color:white
}

.scheer-nano-wrapper .hero p {
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
	color: #FFF;
}

.scheer-nano-wrapper .hero p.lead {
	font-size: 1.5rem;
	color: #FFF
}

/* Product Section */
.scheer-nano-wrapper .product-section {
	background: white;
	padding: 4rem 0
}

.scheer-nano-wrapper .product-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem
}

.scheer-nano-wrapper .product-image {
	width: 100%;
	height:auto
}

.scheer-nano-wrapper h2 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	border-left: 4px solid #b91c1c;
	padding-left: 1rem
}

.scheer-nano-wrapper h3 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1rem
}

.scheer-nano-wrapper h4 {
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 0.75rem
}

.scheer-nano-wrapper .info-box {
	background: #f3f4f6;
	padding: 1.5rem;
	border-radius: 0.75rem;
	margin-bottom: 1.5rem
}

.scheer-nano-wrapper .info-box ul {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem
}

.scheer-nano-wrapper .info-box li::before {
	content: '✓';
	color: #b91c1c;
	font-weight: bold;
	margin-right: 0.5rem
}

.scheer-nano-wrapper .location-box {
	display: flex;
	align-items: center;
	padding: 1rem;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 0.5rem
}

.scheer-nano-wrapper .location-box .icon {
	font-size: 1.5rem;
	color: #b91c1c;
	margin-right: 1rem
}

/* Pricing Section */
.scheer-nano-wrapper .pricing-section {
	background: #b91c1c;
	color: white;
	padding: 4rem 0;
	text-align: center
}

.scheer-nano-wrapper .price-box {
	background: white;
	color: #1a1a1a;
	padding: 2rem;
	border-radius: 1.5rem;
	box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
	display: inline-block;
	margin: 1.5rem 0;
}

.scheer-nano-wrapper .price-main {
	font-size: 3.5rem;
	font-weight: 900;
	color: #b91c1c;
}

.scheer-nano-wrapper .price-label {
	font-size: 1.25rem;
	font-weight: bold;
	color: #6b7280;
}

.scheer-nano-wrapper .price-secondary {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #e5e7eb;
	font-size: 1.125rem;
}

.scheer-nano-wrapper .disclaimer {
	color: #fecaca;
	font-style: italic;
	font-size: 0.875rem;
	margin-top: 1rem;
}

/* Details Section */
.scheer-nano-wrapper .details-section {
	background: #f9fafb;
	padding: 4rem 0;
}

.scheer-nano-wrapper .details-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
}

.scheer-nano-wrapper .card {
	background: white;
	padding: 2rem;
	border-radius: 1rem;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.scheer-nano-wrapper .card h3 {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}

.scheer-nano-wrapper .card h3 .icon {
	margin-right: 0.75rem;
	font-size: 1.5rem;
}

.scheer-nano-wrapper .card ul {
	list-style: none;
}

.scheer-nano-wrapper .card ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.scheer-nano-wrapper .card ul li::before {
	content: '✓';
	color: #10b981;
	font-weight: bold;
	margin-right: 0.75rem;
	margin-top: 0.25rem;
}

.scheer-nano-wrapper .optional-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #e5e7eb;
}

.scheer-nano-wrapper .optional-item:last-child {
	border-bottom: none;
}

.scheer-nano-wrapper .optional-price {
	font-weight: bold;
	color: #b91c1c;
	min-width: 95px;
	text-align: right
}

.scheer-nano-wrapper .optional-desc {
	font-size: 0.875rem;
	color: #6b7280
}

.scheer-nano-wrapper .note {
	margin-top: 2rem;
	font-size: 0.875rem;
	color: #6b7280;
	font-style: italic
}

/* Footer */
.scheer-nano-wrapper footer {
	background: #1a1a1a;
	color: white;
	padding: 3rem 0;
	text-align: center
}

.scheer-nano-wrapper footer img {
	height: 4rem;
	margin-bottom: 2rem;
	filter: brightness(0) invert(1)
}

.scheer-nano-wrapper footer h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem
}

.scheer-nano-wrapper footer p {
	color: #9ca3af;
	margin-bottom: 2rem
}

.scheer-nano-wrapper .footer-info {
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-wrap: wrap;
	margin-bottom: 3rem
}

.scheer-nano-wrapper .footer-info-item {
	display: flex;
	align-items: center
}

.scheer-nano-wrapper .footer-info-item .icon {
	color: #ef4444;
	margin-right: 0.75rem
}

.scheer-nano-wrapper .footer-bottom {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid #374151;
	font-size: 0.875rem;
	color: #6b7280
}

.produkt_top .produkt_referenz table.cell{
	margin-left:0 !important;
	width:100% !important
}

#project_logos #project_partner #project_partner_logo img{
		max-height: 80px;
		max-width: 175px
}

/* Responsive */
@media (max-width: 768px) {
	.scheer-nano-wrapper .product-grid,
	.scheer-nano-wrapper .details-grid {
		grid-template-columns: 1fr;
	}

	.scheer-nano-wrapper .hero h1 {
		font-size: 2rem;
	}

	.scheer-nano-wrapper .hero h1 .highlight {
		font-size: 1.75rem;
	}

	.scheer-nano-wrapper .hero p.lead {
		font-size: 1.125rem;
	}

	.scheer-nano-wrapper .nav-right .jahre-logo,
	.scheer-nano-wrapper .nav-right .btn {
		display: none;
	}

	.scheer-nano-wrapper .info-box ul {
		grid-template-columns: 1fr;
	}

	.scheer-nano-wrapper .price-main {
		font-size: 2.5rem;
	}
}

@media (max-width: 550px){
	.projektbild.rechts,
	.projektbild.links{
		width: calc(100% - 1rem) !important;
		float:left;
		margin-left:0rem;
		margin-bottom:1rem
	}
	.bild_projekt {
		height: auto !important;
	}
}
@media (max-width: 829px){
		#project_logos {
			gap: 0.5rem
		}
		#project_partner {
			padding: 20px;
			border: 1px solid #e0e0e0;
			border-radius: 8px;
			background-color: #f9f9f9;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			margin-bottom:1rem
		}
}
@media (min-width: 830px){
	#project_logos {
		display: flex;
		gap: 30px; /* Abstand zwischen den Partnern */
	}
	#project_logos {
		display: flex;
		gap: 30px; /* Abstand zwischen den Partnern */
	}
	.container.nocategories .categories{
		display:none
	}
	#project_partner_logo{
		height:70px	
	}
	#project_partner {
		padding: 20px;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		background-color: #f9f9f9;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}
}

.image-model {
	width: 25%;
	position: relative;
	float: left;
	margin-right: 1rem
}

.image-model img.produkt_model_bild {
	width: 100%; /* Passt die Bildbreite automatisch an */
}
.model:before{
	content:"Modell: "
}
.model {
	text-align: right;
	position: absolute;
	margin-top: -1rem;
	font-size: 12px;
	background: black;
	height: 20px;
	margin-bottom: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	padding: 3px 6px;
	font-size: 12px;
	border-radius: 3px
}
#content.fixed{
	margin-top:3rem
}
/* Wenn das Menü geöffnet ist */
.open.menu-toggle .bar:nth-child(1) {
	transform: translateY(9px) rotate(45deg)
}

.open.menu-toggle .bar:nth-child(2) {
	opacity: 0
}

.open.menu-toggle .bar:nth-child(3) {
	transform: translateY(-9px) rotate(-45deg)
}

/* Hinweis - Ende - Deaktivieren, wenn Hinweis nicht erforderlich*/

.messekachel{
	float:left;
	margin-right:1rem;
	width: calc(25% - 2rem)
}

.messekachel .messecontainer {
	display: flex;
	align-items: center;	/* Vertikale Zentrierung (optional, falls benötigt) */
	height: 60px;		 /* Beispielhöhe, anpassbar */
	padding-left: 0
}

.messekachel img {
	max-width: 100%; /* Bild skaliert, um Überlaufen zu vermeiden */
	height: auto;	/* Proportionales Skalieren */
}
.projektbild.links .bild_projekt .image-container,
.projektbild.rechts .bild_projekt .image-container{
	height:100%
}
.image-container {
	position: relative;
	display: grid
}
.image-container img {
	display: block;
	width: 100%;
	height: auto
}
.source:before{
	content:"Quelle: "
}
.source {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	padding: 3px 6px;
	font-size: 12px;
	border-radius: 3px
}
.t7 .spancontent{
	font-size: 50%;
	line-height: 0.9rem;
	padding: 1rem
}
.t7{
	background-color: #eee;
	float: left;
	list-style-type: none;
	margin-top: 1rem;
	border-radius: 0.25rem;
	width: calc(25% - 0rem);
	height: min-content;
	min-height: 210px
}
.t5 div{
	padding-left:1rem
}
.t5{
	background-color: #eee;
	float: left;
	list-style-type: none;
	margin-top: 1rem;
	border-radius: 0.25rem;
	width: 50%;
	min-height: 210px
}
.downloadarchiv{
	padding: 1rem 1.25rem;
	background: #DDDDDD
}
.content.content_24 .history_box .accordion-item button.accordion-button a{
	display:block
}
#searchInput{
	width: calc(86% + 4.1rem);
	border: 1px solid #aaa;
	line-height: 3rem;
	padding-left: 1rem;
	font-size: 1rem;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem
}
.produkt_download-daten h2{
	padding-top:0 !important
}
.produkt_download-daten{
	border: 1px solid #aaa;
	width: 43%;
	float: left;
	padding: 1rem;
	margin: 0.5rem;
	min-height:245px
}
@media (max-width: 800px){
	.produkt_download-daten{
		width: calc(86% + 3.1rem) !important
	}
}
.com-content-article__body .moduletable .mod-custom.custom{
	display: flow-root;
	margin-bottom: 1rem; 
}
.com-content-article__body .moduletable .mod-custom.custom table.cell{
	margin-bottom: 15px;
	float: left;
	width: calc(100% - 18rem);
	margin-left: 1rem;
}
.com-content-article__body .moduletable .mod-custom.custom p{
	float:left
}
.downloadpdf iframe{
	margin-top: 1rem;
	height:500px
}
.wf-icon-zoom-image svg{
	z-index:unset !important
}
#web #wrapper .overlay #content #component.drei .com-wrapper.contentpane{
	width:100%;
	height:1000px
}
#web #wrapper .overlay #content #component.drei .com-wrapper.contentpane iframe{
	width:100%;
	height:100%
}
.produkt_referenz.KB div.moduletable .mod-custom.custom table.cell{
	width:100%
}
#toggleButtonCA::before {
	content: "Ansprechpartner";
	width: 120px;
	display: block;
	color: black;
	margin-left: -126px;
	text-align: right
}
#toggleButtonCA{
	background-image:url("../images/contact.svg");
	height:3rem;
	width:3rem;
	background-size:3rempx;
	color: white;
	border: none;
	cursor: pointer;
	background-color: unset
}
.containerCA {
	display: flex;
	justify-content: flex-start;
	float: right;
	position: absolute;
	right: 0;
	top: 16rem
}
#contentBoxCA {
	width: 0; /* Startet unsichtbar (0 Breite) */
	overflow: hidden;
	transition: width 0.5s ease-out; /* Animiert die Breite */
	background-color: #f9f9f9;
	white-space: nowrap; /* Verhindert Zeilenumbrüche, damit sich die Box nach links 
	ausdehnt */
	z-index: 1
}
.camper{
	margin-bottom:1.5rem
}
body{
	-webkit-text-size-adjust: none !important;}
#component.drei .com-content-article.item-page .com-content-article__body ul.camper {
	list-style-type: none; /* Standardnummerierung ausschalten */
	padding-left: 30px;
	counter-reset: my-counter; /* Initialisierung des Zählers */
}

#component.drei .com-content-article.item-page .com-content-article__body ul.camper li {
	position: relative;
	padding-left: 15px; /* Platz für die eigene Nummerierung schaffen */
}

#component.drei .com-content-article.item-page .com-content-article__body ul.camper li::before {
content: counter(my-counter) "" !important;
	counter-increment: my-counter;
	position: absolute;
	left: 0;
	color: var(--color-white) !important;
	font-weight: bold;
	font-family: inherit !important;
	background: var(--color-red);
	border-radius: 50%;
	width: 24px !important;
	height: 24px;
	text-align: center
}

.produ_uebersicht .produkthoehe #button2013{
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.produ_uebersicht img{
	height: 200px
}
.carousel-slides.communication .carousel-slide{
	text-align:left
}
.carousel-slides.communication .carousel-slide .text{
	top: 0;
	left: 13rem;
	width: calc(100% - 17.5rem);
	background-color: #f0f0f0;
	height:100%;
	border-radius:0
}
.carousel-slides.communication .carousel-slide .sliderbildzwoelf img{
	height:100%
}
.carousel-slides.communication .carousel-slide .sliderbildzwoelf{
	min-width: 217px;
	overflow: hidden;
	width:auto;
	height:100%
}
#content #component.drei .blog .produkt_top .produkt_highlight p.readmore a{
	padding: 0.5rem
}
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) {
	/* Safari-spezifische Styles hier */
	}
}
@media only screen 
	and (max-width: 767px) 
	and (-webkit-min-device-pixel-ratio: 2) {
	.t5 div{
		padding-left: 0.5rem
	}
	.t7,.t5{
		margin-left:1rem;
		width:calc(100% - 2rem) !important
	}
	.t7 img{
		width: 74%;
		height: auto
	}
	.t7 .IBSH{
		margin-top:0.5rem
	}
	#menuleft1.open{
		width:calc(100% - 60px) !important
	}
}
.timeline .container .history_box ul{
	margin-top:0 !important;
	padding-left: 2rem !important;
	padding: 1rem 0
}
.timeline .container .history_box ul li:before{
	display:none !important
}
.timeline .container .history_box ul li{
	list-style-type: inherit !important;
}
.timeline .container .history_box{
	background: var(--color-grey);
	margin-bottom:0.5rem
}
.slider_images{
	width: 50%;
	height: 100%;
	float: left
}
.button_slider{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 300px;
	height: 33px
}
.produkt_top .h2{
	color: var(--color-red);
	margin-top: 1.5rem
}
.produkt_referenz .moduletable img{
	height: auto;
	max-width: 100%
}
.button_slider{
	right:2rem
}
.produkt_referenz .moduletable{
width: calc((100% / 3) - 3rem);
	float: left;
	background: var(--color-lightgrey);
	padding: 1rem;
	margin: 0.5rem;
	height: 410px
}
#carousel1 h1{
	margin-top:0
}
#carousel1.carousel .carousel-slides .carousel-slide.fade .text ul{
	margin-left:1rem
}
@media (min-width:701px) and (max-width:1000px){
	.camper{
		margin-top:-3rem !important
	}
}
@media (min-width:1001px){
	.camper {
		margin-top: -5rem !important
	}
	.carousel-slides .dreibilder.carousel-slide .picbox{
		width: calc(100% / 3);
		float: left;
		position: relative;
		height: 300px;
	}
	.dreibilder.carousel-slide img{
		width:calc(100% / 3);
		float:left
	}
}

@media (max-width:1000px){
	.produktt_1,
	.produktt_2,
	.produktt_3,
	.produktt_4,
	.produktt_5,
	.produktt_6,
	.produktt_7,
	.produktt_8 {
		margin: 1rem 0 !important;
		padding: 1rem 0 !important;
		width: calc(100% - 0rem) !important;
	}
	.carousel-slides .dreibilder.carousel-slide .picbox {
		width: unset;
		float: unset;
		position: unset;
		height: 300px;
	}
	.carousel-slides .dreibilder.carousel-slide .picbox img {
		min-height: 100%;
		overflow: hidden;
		height: auto;
		width: 100%;
		min-height: 100%;
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
		max-height: 100%;
		object-fit: cover
	}
}
@media (max-width:700px){
	.produktvariante {
		width: calc(100% / 1) !important
	}
	.produkt_referenz .moduletable{
		width: calc((100% / 1) - 3rem) !important;
	}
	.location.user{
		width:unset !important
	}
	.Job_Punkte .location {
		width: calc(100% - 2rem) !important;
	}
	.greybox{
		width: calc(50% - 0.5rem) !important;
		padding:1rem 0 !important}
		.drei .blog .bilder .item-content .produkt_top .produkt_highlight p.readmore{
		width: 100% !important;
		float:unset !important;
		margin-right:0
	}
	#content .drei .bilder .item-content .produkt_top .produkt_bild{
		margin-bottom:1rem
	}
	.bilder .blog-item .produkt_top .produkt_bild{
		width:100% !important
	}
	.camper{
		margin-top:-2.5rem !important
	}
	img.slider-produkt {
		left: 1rem !important
	}
	.sliderbutton {
		bottom: 3.5rem !important
	}
	.carousel-dots {
		width: 100% !important;
	}
	.image-model{
		width:100%;
		margin-bottom:1rem;
	}
	#content #component.drei .item-page .produkt_top img.produkt_bild {
		width: 100% !important;
		max-width:unset !important
	}
	.slider_start #carousel1.carousel .carousel-slides .carousel-slide.fade img.slider-produkt{
		width: 300px !important;
	}
	.button_slider{
		bottom: 2.5rem;
		right: 2rem;
	}
	.slider_images{
		height: 100%;
		width: auto !important;
	}
	.slider_images img{
		height: 100%;
		width: auto !important;
	}
	#carousel1.carousel .carousel-slides .carousel-slide .text {
		top: 16rem !important;
		left: 3rem !important;
		padding: 8px 12px !important;
		border-radius: 5px !important;
		text-align: left !important;
		height:286px !important;
		width: calc(100% - 7.5rem) !important;
		bottom:unset !important
	}
	.carousel{
		height: 660px !important
	}
	.carousel.dreislider{
		height: 320px !important
	}
}
@media (max-width:800px){
.content_24 .history_box .spancontent span img{
margin-top:-1rem 
	}
.content_24 .history_box .accordion-item{
margin-left: -1rem;
	width: calc(100% + 2rem);
	margin-bottom: -1rem;
	
	}
.content_24 .history_box{
display:block !important;
	padding:0
}
.content_24 .history_box	.spancontent{
	padding: 0.5rem;}
	#referenzen .Userpic img {
	height: auto !important;
	margin: 0 !important;
	width: 100% !important;
}
	#referenzen .Userpic {
	top: 0.5rem;
	position: relative;
	width: 100px;
	height: 100px;
}
	.bilder_rechts{
	width: 100%;
	max-height: 270px;
	overflow: hidden;
	margin-top:1rem
	}
	.bilder_rechts img{
	width: 100%;
	margin-top: calc(-64% + 270px);
	}
	.toggleDivItem.active {
	display: unset;
	}
	.toggleDivItem {
	display: none;
	padding-left: 0.5rem;
	width: calc(100% - 350px - 2rem) !important
	}
	.toggleDiv .active {
	background: var(--color-red);
	color: white;
}
	.produkt {
	width: calc(100% / 3 - 0.25rem);
	border-radius: 0.2rem;
	background: var( --color-darkgrey);
	text-align: center;
	margin: 0 0.25rem 0 0;
	margin-bottom: 0px;
	color: white;
	}
	.toggleDiv div {
	float: left;
	cursor: pointer;
	margin-bottom: 0.25rem;
	height: 3rem;
	justify-content: center;
	align-items: center;
	display: flex;
	}
	 .toggleDiv{
	 display:unset 
}
.carousel.description{
	height:515px
}
 /* .carousel.description .carousel-slides.communication div.carousel-slide.fade img{
	display:none
}*/
#referenzen #carousel2.carousel.description div.carousel-slides.communication .carousel-slide.fade .text{
width: calc(100% - 7.5rem) !important;
	left: 3rem !important;
	top: 7rem !important;
}
	
.carousel.description .carousel-slides.communication div.carousel-slide.fade .text{
width: calc(100% - 7.5rem);
	left: 3rem;
}
	.timeline .container .content span img,
	.timeline .container .content p img{
	height: auto;
	width: 135px !important;
	margin-right: 0.5rem
	}
	.timeline .container {
	position: relative;
	background-color: inherit;
	width: 95%;
	}
	.timeline .container .history_box ul{
	margin-top:0 !important;
	padding-left: 1.5rem !important;
	}
	.timeline .container .history_box ul li:before{display:none !important}
	.timeline .container .history_box ul li{
	list-style-type: inherit !important;
	}
	.timeline .container .spancontent{
	 background: var(--color-grey);
	border-radius: 0.25rem}
	.timeline .container .history_box,
	.timeline .container p{
	display: flex;
	background: var(--color-grey);
	padding: 1rem;
	border-radius: 0.25rem}
	.timeline .container.left,
	.timeline .container.right {
	border-left:5px dotted #DDD;
	margin-left: 1rem;
	}
	.content{
	overflow: unset !important;
	max-height: unset !important;
	margin-left: 1.5rem;
	}
	.timeline h2{
	padding-top: 1.3rem !important;}
	/* The actual timeline (the vertical ruler) */
	.timeline {
	position: relative;
	max-width: 1200px;
	 margin: 0 auto;
	}
	.timeline .container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	left: -19px;
	background-color: white;
	border: 4px solid var(--color-red);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
	}
}
@media (min-width:801px){
	html body#web div#wrapper div.overlay div#content div#component.drei div.com-content-article.item-page div.com-content-article__body div.timeline div.container.left div.content p img.img_width{
	}
		#referenzen .Userpic{
	margin: 1rem auto 1rem 5rem !important;
	}
	.bilder_rechts img{
	width:300px;
	float:right
}
	 .toggleDiv{
	 display:none 
}
	.timeline h2{
	padding-top: 0.75rem !important}
	/* The actual timeline (the vertical ruler) */
	.timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	}

	.timeline .container .content span img,
	.timeline .container .content p img{
	height: auto;
	width: 160px !important;
	margin-right: 0.5rem;
	height: fit-content;
	}
	.timeline .container .spancontent{
	background: var(--color-grey);
	padding: 1rem;
	border-radius: 0.25rem;
	}
	.timeline .container .content p{
	display: flex;
	background: var(--color-grey);
	padding: 1rem;
	border-radius: 0.25rem;
	}
	/* The actual timeline (the vertical ruler) */
	.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	/*background-color: var(--color-grey);*/
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	}
	/* Container around content */
	.timeline .container {
	position: relative;
	background-color: inherit;
	width: 50%;
	}
	.timeline .container.left {
	border-right:5px dotted #DDD
	}
	.timeline .container.right {
	border-left:5px dotted #DDD
	}
	/* The circles on the timeline */
	.timeline .container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -19px;
	background-color: white;
	border: 4px solid var(--color-red);
	top: 15px;
	border-radius: 50%
	}
	/* Place the container to the left */
	.timeline .left {
	left: 0;
	text-align: left;
	}
	.timeline .left h2{
	text-align: right;
	}
	/* Place the container to the right */
	.timeline .right {
	left: 50%;
	}

/* Fix the circle for containers on the right side */
.timeline .right::after {
	left: -19px;
}

/* The actual content */
.timeline .content {
	padding: 0px 30px;
	position: relative;
	max-height:unset
}
}
.items-more ol.com-content-blog__links .com-content-blog__link a:hover{
	color:var(--color-red) !important
}
.blog .items-more ol.com-content-blog__links{
color: var(--color-red);
	list-style-type: disc;

	border-top: 1px dotted var(--color-red);
}
.items-more .com-content-blog__links li.com-content-blog__link a{
color: black !important;

}
.headlineimage{
	width:100%
}

 @media (max-width:1040px){
.t6-2 {
	width: calc(50% - 2rem)
}
.messekachel img{
	max-width: 100px;
	height: auto
}
.messekachel{
	font-size:14px;
	line-height:18px;
	float: left;
	margin-right: 0rem;
	width: calc(25% - 1rem)
}
.messekachel:first-child{
	font-size:14px;
	line-height:18px;
	float: left;
	margin-right: 0rem;
	padding-left:0 !important;
	width: calc(25% - 1rem)
}
.projekthoehe{
	padding-bottom:4rem !important
}
.projekthoehe #button2013 {
	position: absolute;
	bottom: 0;
	width:100%
}
.t7{
	width: calc(50% - 2rem)
}
.t5{
	margin-left: 1em;
	width: calc(100% - 2rem);
	overflow:hidden;
	height:420px !important
}
.drei .blog .bilder .item-content .produkt_top .produkt_highlight p.readmore{
	width: calc(100% - 28%);
	float:right
}
.sidebar ul li li li{
	width:100%
}
.sidebar ul li {
	text-align: left;
	width: calc(100% - 3rem)
}
.nav-item .toggle-arrow{
	display: inline-block;
	margin-left: 5px;
	transition: transform 0.3s ease;
	position: absolute;
	top: 1.6rem;
	padding: 0;
	margin: 0
}
.default.current.active.deeper.parent.open ul.mod-menu__sub.list-unstyled.small li.nav-item.item-110.deeper.parent span.toggle-arrow{
	background:unset
}
/* Stil für den Toggle-Pfeil */
.toggle-arrow {
	cursor: pointer;
	position: absolute;
	right: 10px;	/* Abstand vom rechten Rand des Elternelements */
	top: 50%;
	transform: translateY(-50%);
	z-index: 1; /* Sicherstellen, dass der Pfeil vor anderen Inhalten bleibt */
	transition: transform 0.3s ease, opacity 0.3s ease /* Übergangseffekte für Rotation und Verblassen */
}
/* Container für die nav-item, um den Pfeil richtig zu positionieren */
.nav-item {
	position: relative;
}

/* Zustand für geöffnete Menüs */
.nav-item.open > .toggle-arrow::after {
	transform: rotate(180deg) !important;
}
.nav-item > .toggle-arrow:hover{
	background:#ddd;
}
.nav-item > .toggle-arrow::after {
	margin-right: 0rem;
	position: absolute;
	right: -3rem;
	top: -15px;
	content: "";
	display: inline-block;
	width: 2rem;	/* Breite des Bildes */
	height: 2rem; /* Höhe des Bildes */
	background-image: url("../images/Arrow.png");
	background-size: contain;	/* Bild an die Größe anpassen */
	background-repeat: no-repeat; /* Verhindern, dass sich das Bild wiederholt */
	transform: rotate(270deg) !important
}
/* Untermenü ausblenden */
.mod-menu__sub {
	display: none;
	position: absolute; /* Sicherstellen, dass das Untermenü die Pfeilposition nicht beeinflusst */
	top: 100%; /* Start unterhalb des Elternelements */
	left: 0; /* Ausrichten mit dem Elternelement */
	width: 100%; /* Breite auf das Elternelement abstimmen */
}

/* Geöffnetes Untermenü anzeigen */
.nav-item.open > .mod-menu__sub {
	display: block;
	position: relative; /* Damit das Untermenü innerhalb des Flusses bleibt */
	top: 0; /* Zurücksetzen der Position */
	left: 0; /* Zurücksetzen der Position */
}
.footer-info div{
	width: 100%;
	float: left;
	padding: 1rem 0 0 1rem;
}
.footer-info .abstand{
	padding: 0 0 1rem 0;
	margin-top: 0;
}
.footer-info{
	margin: 0.25rem 1rem;
	border-radius: 0.5rem;
	background: var(--color-grey);
	display: flow-root;
}
.weiterfuerendes li:nth-child(2n) {
	width: calc(50% - 2rem)
}
.weiterfuerendes li {
 width: calc(50% - 1rem);
}
.weiterfuerendes .t6 li:last-child {
	width:calc(50% - 2rem)
} 
.weiterfuerendes .t6 .nav-item {
	margin-right: 1rem;
	background-color: #eee;
	float: left;
	list-style-type: none;
	margin-top: 1rem;
	border-radius: 0.25rem
}
#ts .t6 ul li a {
	height: calc(100px + 50px);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position-x: 50%;
	text-align: center;
	background-position-y: 51px;	 background-size: 90px;
}
.hmmh{
	display: inline-block;
	width: 100%
}
.hmmh .t2,
.hmmh .t4,
.hmmh .t6 {
	width: calc(50% - 2rem);
	margin-left: 1rem;
	position: relative;
	float: left;
	margin-bottom: 1rem
}
.hmmh .t4,
.hmmh .t3{
	margin-bottom:0 !important
}
.hmmh .t1,
.hmmh .t3,
.hmmh .t5{
	width: calc(50% - 1rem);
	margin-left:1rem;
	position: relative;
	float:left;
	margin-bottom: 1rem;
}
#top{
	background-color: var(--color-red);
	position: fixed;
	z-index: 3;
	width: 100%;
	top: 0
}
#logo img {
	filter: brightness(255);
}
}
@media (min-width:1041px){
.shops .shop{
	width: calc((100% / 3) - 3rem) !important
}
.shops .shop:last-child {
	margin-right: 1rem !important;
	width: calc((100% / 3) - 4rem) !important;
	margin-top: 1rem;
}
#menuleft1.sidebar.fixed{
	position: fixed !important;
	top:0;
	z-index:1
}
.produ_uebersicht .produkthoehe{
 padding-bottom:2rem !important
}
.projekthoehe .headlineimage{
	min-height: 263px}
.nav-item .toggle-arrow{
	display:none !important
}
.produ_uebersicht .produktt_3,
.produ_uebersicht .produktt_4,
.produ_uebersicht .produktt_5,
.produ_uebersicht .produktt_6{
	margin-top:0
}
.produ_uebersicht .produktt_3,
.produ_uebersicht .produktt_1,
.produ_uebersicht .produktt_5{
	width:calc(50% - 3rem);
	margin-left:1rem;
	float:left
}
.produ_uebersicht .produktt_2,
.produ_uebersicht .produktt_4,
.produ_uebersicht .produktt_6{
	width: calc(50% - 4rem);
	margin-left: 1rem;
	float:left
}
.t6 .nav-item {
	width: calc(25% - 2rem);
	margin-right: 1rem;
	background-color: #eee;
	float: left;
	list-style-type: none;
	margin-top: 1rem;
	border-radius: 0.25rem
}
.t6 li:nth-child(2) {
	width: calc(25% - 1rem)
}
.t6 li:nth-child(3) {
	width: calc(25% - 1rem)
}
.t6 li:nth-child(4) {
	width: calc(25%)
}
.t6 li:last-child {
	width: calc(25%)
}
.weiterfuerendes{
	margin-left: -1rem
}
#ts .t6 ul li a {
	height: calc(100px + 50px);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position-x: 50%;
	text-align: center;
	background-position-y: 51px;
	background-size: 90px
}
.hmmh .t1,
.hmmh .t2,
.hmmh .t3{
	width:calc(25% - 1rem);
	margin-right:1rem;
	float:left;
	position: relative
}
.hmmh .t4{
	width:calc(25%);
	float:left;
	position: relative
}
	 .t1 a::after {
	content: "home";
	text-align: center;
}
	 .hmmh .t1 a::after,
	 .hmmh .t2 a::after,
	 .hmmh .t3 a::after,
	 .hmmh .t4 a::after {
	position: absolute;
	bottom: 0;
	color: black;
	left: 0;

	background: white;
	padding: 1rem 1rem;
	width: calc(100% - 2rem);
	border-radius: 0 0 0.5rem 0.5rem;
	opacity: 0.85;
}
	#top{
	background-repeat:no-repeat;
	z-index:20;
	background-color: #b4152b;
	position: fixed;
	width: 100%;
	height: 4rem;
}
	 .menu-toggle{
	 display:none
	 }
	.footer-info .abstand{
		width: 100% !important;
		padding: 0;
		margin-top: 30px
	}
	.footer-info{
		background: var(--color-grey);
		display: flex;
	}
	.footer-info div{
		float: left;
		width: 33%;
		padding-left: 1.5rem;
		padding-top: 1.5rem;
	}

.HeaderText h1{
	color:white
}
.HeaderText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-14rem, -66%);
	line-height: 1.7rem;
	}
	.produkt_highlight {
	 float: left;
	 width: calc(100% - 350px)
	}
	.produktt_1, .produktt_2, .produktt_3, .produktt_4, .produktt_5, .produktt_6, .produktt_7, .produktt_8{
	 background-color:#fff;
	 position:relative;
	 float:left;
	 overflow:hidden;
		padding-bottom: 1.5rem !important;
	}
	#component .produ_uebersicht ul{
	position: relative
	}
	.projektuebersicht #button2013, .produ_uebersicht #button2013{
	border-radius:0;
	border-top:10px solid white;
	bottom:0;
	left:0;
	position:absolute;
	width:100% 
	} 

	#logo{
	position:relative
	}
	#top ul.menuservice{
	position: absolute;
	top: 1rem;
	right: 1rem
	}
	 	#header{
	position: inherit !important;
	display: flex;
	width:100%
	}

html body#web div#wrapper div.overlay div#content div#component.drei div.com-content-category-blog.blog div.com-content-category-blog__items.blog-items div.com-content-category-blog__item.blog-item div.item-content div.produ_uebersicht div.produktt_1.produkthoehe ul li:before{
	display:none
	}

	 #wrapper #top #logo ul.mod-menu.mod-list.nav{
	right: 0rem;
	}
	.t_top_right{
		position:relative
	}
	.t_top_right #button2013{
	position: absolute;
	bottom: 1rem;
	width: calc(100% - 2rem);
	left: 0;
	margin: 0 1rem;
	}

	#HeaderTeaser #HeaderText .produkt_highlight{
	 top: 1rem;
	 position: absolute;
	 left:16.5rem;
	 width:100% 
	}
	#HeaderTeaser img.produkt_bild {
	float: left;
	margin-right: 3%;
	position: absolute;
	top: 50%;
	transform: translate(0rem, -50%)
	}
	 .produkt_highlight_right img {
	 width: 80px;
	 height: auto !important;
	}
	 #component ul {
	}
	#component .produ_uebersicht .produkthoehe ul{
			margin-left: 0 !important
	}

.projektuebersicht .produktt_1.hundert.projekt.projekthoehe{margin-left:1rem;}
.projektuebersicht .produktt_3.hundert.projekt.projekthoehe{margin-left:1rem;margin-top: 0 !important;}
.projektuebersicht .produktt_5.hundert.projekt.projekthoehe{margin-left:1rem;}
.projektuebersicht .produktt_2.hundert.projekt.projekthoehe{margin-left:1rem;}
.projektuebersicht .produktt_4.hundert.projekt.projekthoehe{margin-left:1rem; margin-top: 0 !important;}
.projektuebersicht .produktt_6.hundert.projekt.projekthoehe{margin-left:1rem; margin-top: 0 !important;}

	
	.projektuebersicht .produktt_1.hundert.projekt.projekthoehe,
	.projektuebersicht .produktt_3.hundert.projekt.projekthoehe,
	.projektuebersicht .produktt_5.hundert.projekt.projekthoehe,
	.projektuebersicht .produktt_2.hundert.projekt.projekthoehe,
	.projektuebersicht .produktt_4.hundert.projekt.projekthoehe,
	.projektuebersicht .produktt_6.hundert.projekt.projekthoehe{
width: calc(50% - 3.5rem) !important;
	padding: 1rem;
}

	 .produktt_2{
margin: 15px 15px 15px 0;
	padding: 15px;
	width: calc((100% / 3) - 45px)
	}
	 .produktt_3{
	margin: 16px 15px 15px 0px;
	padding: 15px;
	width: calc((100% / 3) - 48px)
	}
	 .produktt_4{
	margin:0 15px 15px 0;
	padding:15px;
	width:calc(50% - 45px);
	}
	 .produktt_5{
	margin:0 15px 15px 15px;
	padding:15px;
	width:calc(50% - 60px);
	}
	 .produktt_6{
	margin:0 15px 15px 0;
	padding:15px;
	width:calc(50% - 45px);
	}
	 .produktt_7{
	margin:0 15px 15px 15px;
	padding:15px;
	width:calc(50% - 60px);
	}
	 .produktt_8{
	margin:0 15px 15px 0;
	padding:15px;
	width:calc(50% - 45px);
	}
	 #HeaderTeaser #button2013 {
	 bottom: 0.5rem;
	 position: absolute;
	 width: calc(100% - 2rem);
	 left: 0.5rem;
	}
	 .header_top_2{
	 height: 350px 
	}
	 .adis_bild{
	 overflow: hidden;
	 height: 180px 
	}
	 .adis_bild img{
	 width:100% 
	}
	 .t_top_left {
	 width:calc(100% + 1rem);
	 float: left;
	 height: 100%;
	 position: relative;
	}
	 #content{
	width:100%;
	overflow-x:hidden;
	padding:0;
	 background: #eee;
	}
	 .produkt_highlight_right{
	float:right
	}

	h2{
	color:#FFFFFF;
	font-weight:bold;
	}
	 #web{
	margin:0 auto;
	width:1040px;
	}
	 #top{
		 position: relative;
	width:1040px;
		background:var(--color-grey);
	margin: 0px auto;
	}
	 #header,
	#menuleft1,
	 #mainmenu,
	 #wrapper,
	 #head{
	width:1040px;
	}
}
.project-infobox ul li:before{
color: black !important;
	content: "-" !important;
}
	.project-infobox strong {
	color: black !important;
}
	.project-infobox{
	background-color: rgba(255, 87, 51, 0.3);
	padding: 0.5rem 1rem;
	margin: 1rem 0;
	color: black}
.weiterfuerendes .t6 .parent{
	display:none
	}
	#referenzen	.text .ref_name{
	color:var(--color-red);
	float: right;
	margin-top: 0.5rem;
	}
	.projecttitleimage img {
	max-width: 100%;
	height: auto;
}
	.projecttitleimage {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	max-height:250px
}

#referenzen .Userpic img{
	height: auto !important;
	margin:0 !important;
width: 100%;}
#referenzen .Userpic{
	text-align: left;

}
	#referenzen .text{
	width: calc(100% - 22rem);
	left: 16rem;
	}
#referenzen{
 width: 100%;
	display: inline-block;
	margin-top: 1rem;
	}
.feedback{
	text-align:left;
	padding: 0 1rem;
}
	#Contact:before{
	content:"Ansprechpartner"
	}
#Contact{
	float: right;
	text-align: center;
	margin-top: 1rem;
	background: var(--color-red);
	color: white;
	line-height: 2rem;
}

.Mitarbeiterstimmen h2,
.Ansprechpartner h2{
	color: var(--color-red);
	font-weight: inherit;
}
.Mitarbeiterstimmen h3,
.Ansprechpartner h3{
	color: var(--color-darkgrey);
	font-weight: normal;
	margin-bottom: 0.5rem;
}
.Mitarbeiterstimmen{width: 260px;
	background: #efefef;
	text-align: center;padding-top: 1rem;
	padding-bottom: 1rem;}

	.Ansprechpartner{width: 260px;
 width: 260px;
	background: #efefef;
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: black;
	line-height: 1.5rem
}
.Userpic{
border-radius: 50%;
	overflow: hidden;
	height: 150px;
	width: 150px;
	text-align: center;
	margin: auto auto 1rem auto;
	display: flex;
	justify-content: center;
	align-items: center
}
.container .content .accordion-item div.accordion-content p{
	display:block
}
.accordion {
	width: 100%;
	max-width: 600px;
	margin: auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.accordion-item {
	border-bottom: 1px solid #ccc;
}

.accordion-item:last-child {
	border-bottom: none;
}

.accordion-button {
	text-align: right;	
	width: 100%;
	padding: 15px;
	border: none;
	outline: none;
	border-top:2px solid var(--color-red);
	cursor: pointer;
	transition: background-color 0.3s;
	background: var(--color-grey);
}

.accordion-button:hover {
	background-color: #ddd;
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.accordion-content p {
	padding: 15px;
	margin: 0;
}

.drei .com-content-article.item-page .produkt_top ul.produkt_highlight{
	padding-left:0 !important
}

#component.drei .com-content-article.item-page .com-content-article__body ul{
	padding-left: 2.5rem;
}
#component.drei .com-content-article.item-page .com-content-article__body ul li{
	margin-bottom:0.2rem}
#component.drei .com-content-article.item-page .com-content-article__body ul li:before{
	margin-left: -1.3rem;
}


.sliderbutton a{
	color: var(--color-white)
}
.sliderbutton{
padding: 0.5rem;
	background: var(--color-red);
	color: var(--color-white);
	position: absolute;
	right: 1rem;
	bottom: 1rem
}
.sliderbutton a:hover{
	color: var(--color-white) !important
}
.sliderbutton:after{content: " ➔";color:white}
#content .teaser{
	margin-top:2rem
}
#component.drei .com-content-article.item-page .com-content-article__body ul li{
	list-style-type:none
}
#component.drei .com-content-article.item-page .com-content-article__body ul li:before{
	color: #b4152b;
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	width: 1.3em;
}
.slogan{
	margin-bottom: 2rem;
}
.slider_start .mod-custom.custom #carousel1.carousel .carousel-slides .carousel-slide a{
padding: 0.5rem;
	background: var(--color-red);
	color: var(--color-white);
	position: absolute;
right: -1rem;
	bottom: 1rem;
}
.slider_start .mod-custom.custom #carousel1.carousel .carousel-slides .carousel-slide a:after{
content:" ➔"
	}
.slider_start .mod-custom.custom #carousel1.carousel .carousel-slides .carousel-slide.slider-images.fade{
max-width:100%
}
.slider_start .mod-custom.custom #carousel1.carousel .carousel-slides .carousel-slide.slider-images img{
width: 100%;
	float: left;
	position: relative;
	left: 0;
	top: 0;
}
.slider_start .mod-custom.custom #carousel1.carousel .carousel-slides .carousel-slide.slider-images h1{
	color: var(--color-white);
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.slider_start #carousel1.carousel .carousel-slides .carousel-slide.fade .text ul{
	font-size:120%
}
.slider_start #carousel1.carousel .carousel-slides .carousel-slide.fade .text ul,
.slider_start #carousel1.carousel .carousel-slides .carousel-slide.fade .text h1{
color:white
}
#carousel1.carousel .carousel-slides .carousel-slide .text{
position: absolute;
	top: 1rem;
	left: 45%;
	padding: 8px 12px;
	border-radius: 5px;
	text-align: left;
	height:286px;
	width: calc(100% - 45% - 4rem);
	}
.slider_start #carousel1.carousel .carousel-slides .carousel-slide.fade img{
left: 4rem;
	position: absolute;
	top: 1rem;
	width: 34%
}
.slider_start .carousel{
background: linear-gradient(70deg, rgba(121, 196, 229, 1), rgba(21, 135, 172, 1));
}
.layout-container_p .content-column_p h2{
	padding-top:0 !important
}
		.modulebox {
			display: block; /* Sicherstellen, dass die Boxen Block-Elemente sind */
			margin-bottom: 10px; /* Optionaler Abstand zwischen den Boxen */
		}
.drei div.com-content-article.item-page div.com-content-article__body .content-column_p img.blueEfficiency{
	width: 50px !important;
}
.drei div.com-content-article.item-page div.com-content-article__body .content-column_p img{
 max-width: 100% !important;
	max-height: 167px;
}
.layout-container_p {
	display: flex;
	flex-wrap: wrap;
}

.content-column_p {
	flex: 1 !important;
	box-sizing: border-box !important;
	padding: 20px;
	border: 1px solid #ccc;
	position: relative;
}

.layout-footer_p {
	padding: 20px;
	background-color: #f1f1f1;
	text-align: center;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}


.carousel p a.carousel-next,
.carousel p a.carousel-prev{
color: white !important;
}
.carousel p a.carousel-next:hover,
.carousel p a.carousel-prev:hover{
color: white;
	background-color: var(--color-red);
}


.carousel-slides .dreibilder.carousel-slide .picbox img{
	min-height:100%;
	overflow:hidden;
	height: auto;
	width: 100%;
	min-height:100%;
	overflow:hidden
}

.carousel-container {
	overflow: hidden;
	width: 100%; /* Anpassen an die gewünschte Breite des Carousels */
	position: relative;
}

.carousel-slides {
	display: flex;
	transition: transform 0.5s ease; /* Für eine sanfte Animation */
}
.carousel-slide.dreibilder{
	min-width:100%
}
.carousel-slide {
	flex: 0 0 33.33%; /* Jede Slide nimmt 33.33% der Breite des Containers ein */
	 /* max-width: 33.33%;*/ /* Sicherstellen, dass jede Slide nicht breiter als 33.33% ist */
	position: relative;
	text-align: center; /* Optional: Zentriert den Text innerhalb der Slide */
}

.carousel-text-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Hintergrundfarbe des Text-Overlays */
	color: white;
	padding: 10px;
}

.carousel-prev, .carousel-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5); /* Hintergrundfarbe der Pfeile */
	color: white;
	text-decoration: none;
}

.carousel-prev {
	/*left: 10px;*/
}

.carousel-next {
	/*right: 10px;*/
}

.carousel-dots {
	text-align: center;
	margin-top: 20px;
}

.carousel-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #bbb;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 5px;
}

.carousel-dot.active {
	background-color: var(--color-red);
}


	/* Carousel container styles */
	.carousel {
	position: relative;
	max-width: 100%;
	margin: auto;
	background-color: #f0f0f0;
	overflow: hidden;
	height: 380px;
	z-index:0
	}

	/* Slide container styles */
	.carousel-slides {
	position: relative;
	width: 100%;
	height: 100%;
	}

	/* Individual slide styles */
	.carousel-slide {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: opacity 1s;
	text-align: center;
	box-sizing: border-box
	}

	/* Active slide animation */
	.fade {
	opacity: 1;
	}

	/* Navigation buttons styles */
	.carousel-prev, .carousel-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	background-color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	}

	.carousel-next {
	right: 0;
	border-radius: 3px 0 0 3px;
	}

	/* Slide indicators (dots) styles */
	.carousel-dots {
position: inherit;
	bottom: 52px;
	text-align: center;
	background: white;
	width: fit-content;
	padding: 0.5rem 1rem;
	margin: 0 auto;
	opacity: 0.95;
	}

	.carousel-dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	}

	.carousel-dot:hover {
	background-color: #717171;
	}
.Job_Punkte{
	display: inline-block;
	margin-top: 1rem
}
.jobbutton a{
	color: var(--color-white) !important;
}
.jobbutton{
	color: var(--color-red);
	text-decoration: none;
	background-color: white;
	border: 1px solid var(--color-red);
}
.jobbutton:hover{
	color: var(--color-white);
	text-decoration: none;
	background-color: var(--color-red);
	border: 1px solid var(--color-red);
}
.location.border{
	border: 1px solid #aaa;
	border-radius: 2rem;
	width: fit-content;
	padding: 0.5rem 1rem;
	margin-top: 0.5rem;
	float: left;
	margin-right: 0.5rem
}
.picturebox img{
	margin-top: -10%;
	width: 100%;
	height: auto;
}
.picturebox{
	overflow:hidden;
	background: #EEE;
	float: left;
	margin-right: 1rem;
	border-radius: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 1rem
}
.width3{
	width: calc(50% - 0.5rem);
}
.width2{
	width: calc(50% - 0.5rem);
	margin-right:0
}
.location{
	margin-right: 1.5rem;
}
.hiring_subtitle{
	color: var(--color-red);
	height: 2rem;
	width: 100%;
	margin-top:1rem;
	line-height: 2rem
}
.greybox .location:before{
	 width: 40px;
	margin-left: calc(50% - 5px);
}
.greybox{
	width: calc(25% - 2.75rem);
	background: #F7F7F7;
	border-radius: 0.5rem;
	padding: 2rem 1rem 1rem 1rem;
	margin-right: 1rem;
	float: left;
	min-height: 115px;
	margin-bottom:1rem
}
.greybox:last-child{
	margin-right: 0;
}
.hiring_subtitle:before{
	width: 34px !important;
	margin-top: -3px;
}
.location:before,
.hiring_subtitle:before{
	float: left;
	margin-right: 0.5rem
}
.icon_options:before{
content: url("../../../images/icons/pictogram/benefit2.svg");
	width: 24px;
}
.icon_work:before{
content: url("../../../images/icons/pictogram/work.svg");
	width: 24px;
}
.icon_benefit:before{
content: url("../../../images/icons/pictogram/benefit.svg");
	width: 24px;
}
.icon_bike:before{
content: url("../../../images/icons/pictogram/bike.svg");
	width: 24px;
}
.icon_calender:before{
content: url("../../../images/icons/pictogram/calender.svg");
	width: 24px;
}
.icon_career:before{
content: url("../../../images/icons/pictogram/career.svg");
	width: 24px;
}
.icon_education:before{
content: url("../../../images/icons/pictogram/education.svg");
	width: 24px;
}
.icon_electro:before{
content: url("../../../images/icons/pictogram/electro.svg");
	width: 24px;
}
.icon_home:before{
content: url("../../../images/icons/pictogram/home.svg");
	width: 24px;
}
.icon_map:before{
content: url("../../../images/icons/pictogram/map.svg");
	width: 24px;
}
.icon_parental_time:before{
content: url("../../../images/icons/pictogram/parental_time.svg");
	width: 24px;
}
.icon_pay:before{
content: url("../../../images/icons/pictogram/pay.svg");
	width: 24px;
}
.icon_time:before{
content: url("../../../images/icons/pictogram/time.svg");
	width: 24px;
}
.icon_user:before{
content: url("../../../images/icons/pictogram/user.svg");
	width: 24px;
}
.slider .slides .slide img{
		max-width:300px
}
.slider-container {
		position: relative;
		max-width: 100%;
		margin: auto;
		overflow: hidden;
		height:230px
	}

	 .slider-container .slides2 {
		display: flex;
		transition: opacity 1s ease-in-out;
		 height: 100%
	}

	 .slider-container .slide2 {
		min-width: 33.33%;
		box-sizing: border-box;
		position: relative;
		 justify-content: center;
	align-items: center;
		display: flex
	}

	 .slider-container .slide2 img {
		width: 100%;
		vertical-align: middle;
		 filter: none;
	}

	 .slider-container .text-overlay {
		position: absolute;
		bottom: 8px;
		left: 16px;
		padding: 8px 12px;
		border-radius: 5px;
		color: #b4152b;
		background:white
	}

.footer-info .copyright{
	padding-bottom: 0.5rem !important
}
.footer-info{
	margin-top: 0.5rem
}
.slider .slides .slide .text a:hover{
	background-color:var(--color-red);
	color:var(--color-width)
}
.slider .slides .slide .text a{
	background-color: white;
	padding: 0.25rem;
	margin-top: 0.5rem;
	display: block;
	width: 203px;
	text-align: center
}
.produ_uebersicht .neu{
	right: 1rem
}
.slider .slides .neu{
	left: 18rem
}
.com-content-article__body .neu,
.produ_uebersicht .neu,
.slider .slides .neu{
background-image: url("../../../images/icons/neu.svg");
	background-repeat: no-repeat;
	position: absolute;
	background-size: 100%;
	width: 60px;
	height: 60px;
	float: left;
	transform: rotate(-15deg);
	border-radius: 50%;
	box-shadow: 0px 0px 10px white;
	right: 0.5rem;
	top: 0.5rem;
}
.slider-container .prev,
.slider-container .next{
		top: 39%;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 11%;
	width: auto;
	padding: 16px;
	color: var(--color-red);
	font-weight: bold;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	background: white;
	opacity: 0.5
}
.next {
	right: 0;
	border-radius: 3px 0 0 3px
}
.prev:hover, .next:hover {
	opacity: 1
}
.slider h1{
	color:white
}
.slider {
	position: relative;
	max-width: 100%;
	color:white;
	margin: auto;
	background: linear-gradient(70deg, rgba(121, 196, 229, 1), rgba(21, 135, 172, 1))
}
.slides {
	display: flex;
	transition: transform 1s ease;
	overflow: hidden
}
.slide {
	min-width: 100%;
	box-sizing: border-box;
	display: none;
	position: relative;
	height: 330px
}
.slide img {
	width: auto;
	vertical-align: middle;
	margin: 1rem 1rem 1rem 3rem;
}
.text {
	position: absolute;
	top: 1rem;
	left: 24rem;
	padding: 8px 12px;
	border-radius: 5px;
	width: calc(100% - 30rem)
}
.dots {
	text-align: center;
	padding: 10px 0;
	background: white
}
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: lightgrey;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	cursor: pointer
}
.dot.active, .dot:hover {
	background-color: var(--color-red)
}
.fade {
	display: block !important;
	opacity: 0;
	animation: fadeEffect 1s forwards
}
@keyframes fadeEffect {
	from {opacity: 0}
	to {opacity: 1}
}
.footer-info #mod-custom257.mod-custom.custom:nth-last-child(2){
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 1rem 0 0 0
}
.footer-info{
	padding-bottom: 3rem;
	margin-bottom: 0
}
#wrapper .footer-info #mod-custom257.mod-custom.custom:last-child{
	width: 97%;
	position: absolute;
	bottom: 0;
	height: 1rem;
	text-align: center
}
#web #wrapper .overlay #content #component.drei .com-content-article.item-page{
	margin-top:1rem
}
.weiterfuerendes .t6{
	width:100%
}
.hundert.projekt.beschreibung .projektbeschreibung{
	display: inline-block
}
.projektbildunterschrift{
	margin-top: 0.5rem;
	line-height: 1rem
}
.projektbild.rechts{
	float: right;
	margin-left:1rem
}
.projektbild.links{
	float: left;
	margin-right:1rem
}
.projektbild{
	width: 250px;
	padding: 0.5rem;
	background: #f2f2f2
}
.projektbild img{
	width: 100%;
	height: auto
}
.bild_projekt{
	overflow: hidden;
	height: 150px
}
.projektuebersicht .hundert.projekt.projekthoehe .subheadline,
.beschreibung.hundert.projekt .subheadline{
}
#component .com-content-article.item-page .com-content-article__body .beschreibung.hundert.projekt table{
	max-width:600px
}
#component .com-content-article.item-page .com-content-article__body .beschreibung.hundert.projekt table img{
	max-width:90%;
	height: auto
}
.hundert.projekt strong{
	color:var(--color-red)
}
#component .projektuebersicht .hundert.projekt.projekthoehe ul{
	margin: 0 20px 1rem 0 !important
}
.weiterfuerendes h1.landingpage {
	margin-top: 2rem;
	display: inline-block
}
.std-text .convertforms{
	float: left
}
.std-text{
	margin-top:3rem
}
.bilder-leiste{
	width: 250px;
	float: left;
	margin-right: 1rem;
	top: 3rem;
	position: relative
}
.Einfacher-Grafikrahmen {
	border-color:#000000;
	border-width:1px;
	border-style:solid
}
.Einfacher-Textrahmen {
	border-style:solid
}
p.Einf--Abs- {
	color:#000000;
	padding: 0.25rem 0;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1
}
span.Text {
	font-style:normal;
	font-weight:normal;
	line-height:1.4rem
}
span.Text----fett {
	color:#9c242d;
	font-style:normal;
	font-weight:600
}
p.ParaOverride-1 {
	text-align:center
}
span.CharOverride-1 {
	color:#ffffff;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase
}
span.CharOverride-2 {
}
span.CharOverride-3 {
	color:#636363;
	font-style:normal;
	font-weight:bold;
	margin: 1rem 0;
	display: block
}
span.CharOverride-4 {
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase
}
span.CharOverride-5 {
	line-height: 1.65rem;
	font-style:normal;
	font-weight:bold
}
span.CharOverride-6 {
	line-height: 1.65rem;
}
#_idContainer013 {
	display:inline-block;
	height:68px;
	width:246px
}
img._idGenObjectAttribute-1 {
	width:100%
}
._idGenObjectStyleOverride-1 {
	background-color: #b4152b;
	border-width: 0px;
	top: 20px;
	position: relative;
	padding: 1rem 0 1rem;
	margin-top: 2rem
}
._idGenObjectStyleOverride-2 {
	border-width:0px
}
.header {
	background-color: #b4152b;
	color: #fff;
	padding: 1rem 0 0.5rem;
	transform: rotate(-2deg);
	text-align: center
}
#hinweis a{
	color:#FFF !important
}
.produkt_download .produkt_daten .produkt_icon a img{
	max-width:225px
}
.convertforms .cf-content-wrap{
	padding: 0.5rem 0
}
#HeaderTeaser.Header_2 img.fullsize {
	float: left;
	margin-top:0 !important;
	height:100%;
	margin-right: 3%;
	position: absolute;
	top: 50%;
	transform: translate(0rem, -50%)
}
.height40{
	height:30px !important	
}
.height40 img{
	height: 30px;
	width: 30px !important;
	float: left;
	margin-right: 1rem
}
.block{
	float: left;
	border-radius: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	overflow: hidden
}
.iconbox .text_icon{
	top: 20%;
	left: 50%;
	transform: translate(-50%, -80%);
	position: relative;
	width: 100%;
	text-align: center;
	height: 0
}
.iconbox .icon{
	top: 16%;
	left: 50%;
	transform: translate(-25px, -16%);
	position: relative;
	width: 50px
}
.iconbox{
	background:#EEE;
	height:150px;
	margin-right:1rem;
	margin-bottom: 1rem
}
.block img{
	width:100%
}
.b1{
	max-height: 300px;
}
.b2{
	width: calc(50% - 1rem)
}
.b3{
	width:calc((100% / 3) - 1rem);
	height: 150px;
}
.b4{
	width:calc((100% / 4) - 1rem)
}
.b5{
	width:calc((100% / 5) - 1rem)
}
.produ_uebersicht .bo_icons{
	position: absolute;
	top: 5rem;
	right: 0
}
.produ_uebersicht .bo_icons img{
	height:80px !important;
	max-width: 80px !important;
	margin-right: 1rem
}
.bo_icons p{
	float:right
}
.bo_icons{
	float:right;
	text-align:center;
	width:210px
}
.onlineshop a{
	background-image: url("../../../images/Online_kaufen.svg");
	background-repeat: no-repeat}
.onlineshop2 a{
	background-image: url("../../../images/Online_kaufen_mieten.svg");
	background-repeat: no-repeat}
.onlineshop2 a,
.onlineshop a{
	padding: 0.25rem;
	float: right;
	min-width: 175px;
	text-align: center;
	color: white;
	border-radius: 0.25rem;
	font-weight: bold;
	top: 3rem;
	height: 90px;
	background-size: 100%;
	right: 0;
	z-index: 1
}
.produ_uebersicht {
	line-height: 1.2rem
}
.produ_uebersicht .projekt img.breit.logo {
	max-width: 85%;
	height: unset
}
.projektuebersicht img.logo.quadrat {
	width: 53% !important
}
.produkt_download .produkt_daten h2{
	margin-top: 0 !important
}
.produktvariante{
	width: calc(100% / 4 - 2rem);
	float: left;
	padding-right: 2rem
}
.produktvariante .produktbild{
	height:calc(100px + 0.5rem);
	margin-top:0.5rem
}
.produktvariante .produktbild img{
	height:100px;
	width:auto
}
.w100{width: calc(100% - 230px) !important;}
.neun .toggleDivItem {
	width: calc(100% / 7 - 52px)
}
.acht .toggleDivItem {
	width: calc(100% / 6 - 60px)
}
.sieben .toggleDivItem {
	width: calc(100% / 5 - 70px)
}
.sechs .toggleDivItem {
	width: calc(100% / 4 - 80px)
}
.produkt_beschreibung tr td h3{
	margin-top: 2rem;
	margin-bottom: 0.5rem
}
.produkt_download div.produkt_daten .produkt_bild_2{
	float:unset	
}
.produkt_download .produkt_daten{
	height: 290px
}
.menu-toggle{
	cursor:pointer
}
.convertforms .cf-form-wrap {
	padding: 20px 0px
}
.produkt_daten{
	/*width:calc(25% - 1.6rem)*/ 
}
.Firmenlogos{
	width:100%;
	display: inline-block;
	width: 100%
}
.firma{
	margin-top: 0.5rem;
	width:calc(100% / 3);
	float:left
}
.firma .logo{
	height:80px;
	position: relative
}
.firma img{
	max-height: 80px;
	width: auto;
	position: absolute;
	bottom: 0;
	max-width: 70%;
	height: auto
}
.produkttabelle2 table th{
	background-color:var(--color-red);
	color:white;
	text-align:left;
	padding:0.25rem 0.5rem
}
.produkttabelle2 table td{
	padding:0.25rem 0.5rem
}
.produkttabelle2 table tr:nth-child(even) {
	background-color: #EEE
}
.produkttabelle2 table tr:nth-child(odd) {
	background-color: #DDD
}
.tabelle_MH_ESB{
	width:100%
}
.tabelle_MH_ESB td{
	width:calc(100% / 3)
}
.tabelle_MH_ESB td img{
	width:100%;
	object-fit: cover;
	height: 220px
}
.prdbesfoto{
	max-width:500px;
	width:90%;
	height:auto
}
.produktfoto{
	width: 100%;
	height: auto;
	max-width: 400px;
	float:left;
	margin-right: 1rem
}
#Message {
	position: relative;
	bottom: 5rem;
	margin-left: 2rem;
	height: 0;
	color: white;
	text-shadow: 0px 0px 5px black;
	font-weight: bold;
	line-height: 2.25rem
}
.moduletable.HR a.wfpopup.wf-zoom-image img{
	width:250px 
}
.produkttabelle .toggleDivItem.zwei{
	width: calc(((100% / 5) * 2) - 93px) !important
}
.produkttabelle .toggleDivItem.drei{
	width: calc(((100% / 5) * 3) - 134px) !important
}
.produkttabelle.fuenf .toggleDivItem{
	width: calc(100% / 5 - 51px);
	height: 100%;
	border-left: 1px solid #fff
}
.produkttabelle.faq .zeile .togglename{
	width: calc(100% - 16rem);
	line-height: 2.5rem;
	height: 100%
}
 .produkttabelle.faq .zeile .toggleDivItem.active{
 	width: 7rem !important;
	line-height: 2.5rem;
}
 body{
	line-height: 1.5rem
}
 .item-mainsite {
	margin-bottom: 10px 
}
 .item-text{
	margin: 1rem;
	line-height: 1.5rem
}
 .trigger {
	padding: .8em 0.5em .7em 1em;
	cursor: pointer;
	border: 1px solid #757575;
	background-color: #EEE;
	filter: grayscale(100%) 
}
 .trigger:hover{
	text-decoration:underline;
	cursor:pointer 
}
 .content {
	overflow: hidden;
	background-color: #FFF;
	transition: max-height 0.3s ease-in;
	max-height: 0 
}
 .content.show {
	max-height: unset
}
 .trigger.collapsed::before {
	transform: rotate(0deg) 
}
 .trigger::before {
	transform: rotate(270deg);
	content: url(../images/arrow_state_right.svg);
	float: right;
	height: 1.5rem;
	width: 1.5rem;
	position: relative;
	margin-top: -0.2rem 
}
/* Neue Tabelle statisch */

 .zeile.displaynone{
	 background: var(--color-red) !important;
	 color: var(--color-white)
}
 .togglename {
	 width: 200px;
	 float: left;
	 line-height: 2rem;
	 padding-left: 0.5rem
}
.toggleunit{

	width: 75px;
}
.toggleDivItem{

	width: calc(100% / 3 - 80px);
}
.toggleunit,
.toggleDivItem {
	line-height: 2rem;
	padding-left: 0.5rem;
	
	float: left;
		 border-left: 1px solid white
}
.produkt{
	display:none
}
.produkttabelle {
	width: 100%;
	background: #eee;
	display:grid
}

/* Klasse für das aktivierte Produkt */
.produkt.active {
}
.zeile:nth-child(2n +1) {
	background:#dadada
}
.zeile {
border-bottom: 1px solid white;
}

.toggleDiv {
	width: 100%;
	height: 2.5rem;
}

.toggleDiv div {
	float: left;
	cursor: pointer;
}

.toggleDiv .active {
	background: var(--color-red);
	color: white;
}
/* Neue Tabelle statisch ENDE*/
	#component ul {
	padding-left: 1.5rem;
	margin-top: 1rem;
	margin-bottom:2rem
	}
img.headpic{
	width:100%;
	max-width: 300px;	
	float:left
}
.press img{
	margin-top:1rem;
	width:90%	
}
.press	td
{
	width: 25%;
	max-width:300px;
}
.Onlineshop .produ_uebersicht .produktt_1,
.Onlineshop .produ_uebersicht .produktt_2,
.Onlineshop .produ_uebersicht .produktt_3{
	height: 400px;
}
.Onlineshop .produ_uebersicht .produktt_1 img,
.Onlineshop .produ_uebersicht .produktt_2 img,
.Onlineshop .produ_uebersicht .produktt_3 img{
	display: inline !important;
}

h1{
	color: var(--color-red);
	margin-bottom: 0.5rem;
	font-weight: normal;
	margin-top: 1rem;
	line-height:2.5rem;
	font-size:1.75rem
}

.t4 a{
	background-image: url('../../../images/Startseite/htm.png');
}
.t2 a{
	background-image: url('../../../images/Startseite/maritime.png');
}
.t1 a{
	background-image: url('../../../images/Startseite/mobile.png');
}
.t3 a{
	background-image: url('../../../images/Startseite/home.png');
}
.t4 a,
.t2 a,
.t3 a,
.t1 a{
	height: 300px;
	background-repeat: no-repeat;
	border-radius: 0.5rem;
	background-size: cover;
	background-position-y: bottom;
	background-position-x: center
}
 .t6 a.ueberuns{
	 background-image: url('../images/Icon_Ueber_uns.svg')
}
 .t6 a.service{
	 background-image: url('../images/Icon_Service.svg')
}
 .t6 a.onlineshop{
	 background-image: url('../images/Icon_Onlineshop.svg')
}
 .t6 a.karriere{
	 background-image: url('../images/Icon_Personal.svg')
}
 .t6 a.kontakt{
	 background-image: url('../images/Icon_Kontakt.svg')
}
 .t6 a.youtube{
	 background-image: url('../images/Icon_Youtube.svg')
}
 .t6 a.blue_flame {
	 background-image: url('../images/Icon_Blue_flame.svg')
}
 .t6 a.kunde {
	 background-image: url('../images/Icon_Kunde.svg')
}
 .t6 a.nachhaltigkeit {
	 background-image: url('../images/Icon_Nachhaltigkeit.svg')
}
 .t6 a.vielfalt {
	 background-image: url('../images/Icon_Vielfalt.svg')
}
 .t6 a.forschung {
	 background-image: url('../images/Icon_Forschung.svg')
}
 .t6 a.geschichte {
	 background-image: url('../images/Icon_Geschichte.svg')
}
 .t6 a.referenzen2 {
	 background-image: url('../images/Icon_Referenzen.svg')
}
.t6 a.news {
	background-image: url('../images/Icon_News.svg');
}
.t6 a.presse {
	background-image: url('../images/Icon_Presse.svg');
}
	.Firmenlogos{
	margin-bottom:1rem
	}
.produkt_beschreibung img{
	max-width:350px;
	height: auto;
}
.produkt_beschreibung table tr td:first-child{
	max-width:calc{100% - 100px}
}
.produkt_beschreibung table tr td img{
	min-width:100px
}

#logo img{
	height: 30px;
	margin-top: 1rem;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}
#hotline{
 	display:none
}
#wrapper #content .header_top_2 .t_top_right .adis_bild img{
	left: 0.5rem;
	position: relative;
	width: calc(100% - 1rem);
	top: 0.5rem;
}
#wrapper #content #component.drei .blog div.com-content-category-blog__items.blog-items div.com-content-category-blog__item.blog-item{
	border-bottom: 2px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%;
	display: grid;
}
#content .header_top_2 .t_top_right ul.mod-menu.mod-list.nav.button2013{
	bottom: 0.5rem;
	position: absolute;
	width: calc(100% - 1rem);
	right: 0.5rem;
	padding: 0;
	margin: 0;
}
.header_top_2 .t_top_right ul.mod-menu.mod-list.nav.button2013 li.nav-item a:hover{
	color: white
}
#ts a {
	text-decoration: none;
	display: block;
	padding: 10px;
	padding-left: 10px;
	padding-left: 10px;
	line-height: 1em;
	color:black
}
.bt-cs .next, .bt-cs .prev{
	display:visible !important;
}
.ref_htm td.cell {
	 vertical-align: top;
	 margin-right: 1rem;
	 padding: 0.5rem 2rem 0 0;
}
 .ref_htm img{
	 width:250px 
}
 .ref_mobile td:first-child, .KB td:first-child, .HR td:first-child{
	 width:125px;
	 padding:0 !important 
}
 .produkt_referenz.KB .HR, .produkt_referenz.HR .KB{
	 display:none 
}
 #content .com-content-article a img.logo{
	 height:auto 
}
.discription{
	position: absolute;
	top: 4rem;
	width: 65%;
	left: 16.5rem;
}
 #ts .t6 ul li a:hover{
	 opacity:0.3 
}
 .t1 a, .t2 a, .t3 a, .t4 a{
}
 .projektuebersicht td h3{
	 text-align:left 
}
 .projektuebersicht img.logo.quadrat{
	 width:53% !important 
}
 .projektuebersicht img.logo{
	 width:86%;
	 margin:0.5rem 0 
}
 .projektuebersicht td:last-child{
	 text-align:right 
}
 .projektuebersicht td:first-child{
	 text-align:left 
}
 .projektuebersicht td{
	 text-align:center 
}
 .produkt_bild {
	 width: 25%;
}

 ul.produkt_highlight li{
	 margin-left:1.5rem 
}
 ul.produkt_highlight li, .produkt_highlight ul li{
	 list-style-type: none 
}
 .produ_uebersicht .produktt_4 table{
	 width:100% 
}
 .produ_uebersicht .produktt_4 table td{
	 width:50%;
}
 .produ_uebersicht .produktt_4 table td:last-child{
	 vertical-align:top 
}
 #component.drei .com-content-article.item-page .icons{
	 display:none 
}
 .cat_name:hover{
	 opacity:0.5 
}
 .cat_name{
	 text-align: center;
	 color: #666 
}
 .cat_name a{
	 display:block
}
 #hotline{
	 padding:0.5rem 
}
 .telefonhotline{
	 padding:10px 1rem;
}
 #hotline .bearbeitet{
	 padding:1rem: 0;
	 background:orange;
	 font-weight:bold;
	 text-align:center 
}
 #hotline .nichts{
	 padding:1rem: 0;
	 background:red;
	 font-weight:bold;
	 text-align:center 
}
 .Header_1 {
	 opacity:0;
	 animation: one 20s infinite;
	 -o-animation: one 20s infinite;
	 -webkit-animation: one 20s infinite;
	 -ms-animation: one 20s infinite;
	 -moz-animation: one 20s infinite;
	 animation-timing-function: ease-in-out;
}
 .Header_2 {
	 opacity:0;
	 animation: two 20s infinite;
	 -o-animation: two 20s infinite;
	 -webkit-animation: two 20s infinite;
	 -ms-animation: two 20s infinite;
	 -moz-animation: two 20s infinite;
	 animation-timing-function: ease-out-in;
}
/* KHZ */
 @keyframes one {
	 0% {
	 opacity:1;
	 margin-left:0rem;
	}
	 5% {
	 opacity:1;
	 margin-left:0rem;
	}
	 9.99% {
	 opacity:0;
	 margin-left:0rem;
	}
	 10% {
	 opacity:0;
	 margin-left:300rem;
	}
	 50% {
	 opacity:0;
	 margin-left:300rem;
	}
	 55.09% {
	 opacity:1;
	 margin-left:300rem;
	}
	 55.1% {
	 opacity:0;
	 margin-left:0rem;
	}
	 60% {
	 opacity:1;
	 margin-left:0rem;
	}
	 100% {
	 opacity:1;
	 margin-left:0rem;
	}
}
/* MH micro */
 @keyframes two {
	 0% {
	 opacity:0;
	 margin-left:300rem;
	}
	 9.9% {
	 opacity:0;
	 margin-left:300rem;
	}
	 10% {
	 opacity:0;
	 margin-left:0rem;
	}
	 15% {
	 opacity:1;
	 margin-left:0rem;
	}
	 50% {
	 opacity:1;
	 margin-left:0rem;
	}
	 55% {
	 opacity:0;
	 margin-left:0rem;
	}
	 59.9% {
	 opacity:0;
	 margin-left:0rem;
	}
	 60%{
	 opacity:0;
	 margin-left:300rem;
	}
	 100% {
	 opacity:0;
	 margin-left:300rem;
	}
}
 .adis_text h2{
	 color: var(--color-red) !important;
}
 .adis_text{
	 margin: 0.5rem 1rem;
}
 #btcontentslider231{
	 width:auto !important 
}
 .projekt h3{
	 font-weight: bold !important 
}

.t6 a.forschung{
	 height: 1.8rem;
	 background-repeat: no-repeat;
	 background-position-x: 5px;
	 padding-left:60px 
}
.t6 a.service,
.t6 a.news,
.t6 a.ueberuns,
.t6 a.geschichte,
.t6 a.nachhaltigkeit,
.t6 a.vielfalt,
.t6 a.personal,
.t6 a.kunde,
.t6 a.referenzen2,
.t6 a.blue_flame,
.t6 a.youtube{
	 height: 1.8rem;
	 background-repeat: no-repeat;
	 background-position-x: 5px;
	 line-height: 1.8rem;
	 padding-left:60px 
}
 .HeaderTeaser.topstory .bt-inner{
	 height: 321px !important 
}
 .bt-introtext{
	height:100%
}
 .blog .readmore a.btn{
	 padding:0.5rem 0 
}
 .produkt_top .produkt_bild iframe{
	 margin-left:0 !important 
}
 .t1 .bt-csbox.white.heater.spacer, .t2 .bt-csbox.white.heater.spacer, .t3 .bt-csbox.white.heater.spacer, .t4 .bt-csbox.white.heater.spacer{
	 width:unset !important 
}
 #content .t6 .nav.menubox{
	 margin-left:0;
	 width:unset 
}
 #content .t6 .nav.menubox li{
	 list-style-type: none 
}
 .auchdasistscheer .readmore a{
	 padding:0.5rem 
}
 .h400{
	 height:377px !important 
}
 #menuleft1 .moduletable_Hauptebene ul.nav.menu.mod-list li.item-2.active.deeper.parent ul.nav-child.unstyled.small li.item-841{
	 display:none 
}
 #component.drei iframe{
}
 .slider_start .custom #Message{
	 position: relative;
	 bottom: 4rem;
	 margin-left: 12px;
	 height:0;
	 color: white;
	 text-shadow: 0px 0px 5px black;
	 font-weight: bold;
}

 .t4{
	 height:auto;
	 overflow: hidden;
}
 #faq {
	 width: calc(100% - 1.5rem) 
}
 .faqlink{
	 cursor: pointer;
	 background-repeat: no-repeat;
	 background-size: 168px;
	 right: 9px;
	 background-position: top right;
	 width: 170px;
	 height: 96px;
	 display: block;
	 top: 12px;
	 float: right 
}
 #faq-question-box{
	 background:#fefefe 
}
 .button2013_3{
	 position: relative !important;
	 margin-bottom: 0.5rem;
	 margin-top: 0px !important;
}
 #faq-question{
	 width:100%;
	 padding:0.5rem;
	 background: var(--color-red);
	 color:var(--color-white);
	 font-weight: bold;
	 cursor:pointer;
	 margin-bottom:0.5rem;
}
 #faq-answer{
	 font-style: italic;
	 padding:0.5rem 0 2rem 
}
	.t_top_right .slides_control .slide{
	 width:300px !important 
}
 .t_top_right{
	 overflow:hidden 
}
 .bt-introtext h2.produkt_highlight{
	 width:50% 
}
 .bild_auch{
	 width:30% 
}
 .bild_auch img{
	 width:100% 
}
 .bild_text{
	 width:65% 
}
 .header_top_2 .bt-introtext #button2013{
	 margin-top:0 
}
 .noattitude{
	 background: var(--color-red);
	 padding: 0.4rem 1rem;
	 color: var(--color-white);
	 margin-top: 0.5rem;
}
 #redim-cookiehint .cookiehead .headline{
	 background:none 
}
 .produ_uebersicht .produktt_1.hundert.projekt, .produ_uebersicht .produktt_2.hundert.projekt, .produ_uebersicht .produktt_3.hundert.projekt, .produ_uebersicht .produktt_4.hundert.projekt, .produ_uebersicht .produktt_5.hundert.projekt, .produ_uebersicht .produktt_6.hundert.projekt{
	 height:950px 
}
 tr.gallery td{
	 border-right:1px solid #DDD;
	 padding:0 0.5rem 
}
 #content #component.drei .item-page .produkt_top img.produkt_bild{
	 max-width:310px 
}
 .referenzen {
	 cursor: pointer;
	 background-image: url(../../../images/referenzen.svg);
	 background-repeat: no-repeat;
	 width: 150px;
	 height: 51px;
	 float: right;
	 margin-top: -3.4rem;
	 margin-right: -10px;
}
 #content{
	 -moz-hyphens: auto;
	 -o-hyphens: auto;
	 -webkit-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto 
}
 .blog.auchdasistscheer table{
	 margin-bottom:1rem 
}
 .bt-cs.HeaderTeaser.topstory .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner{
	 height: 300px 
}
 .gr__scheer-heizsysteme_de #web.pace-done #wrapper #content	.bt-csbox.white.heater.spacer .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner .bt-introtext{
	 padding: 0 40px 
}
 .gr__scheer-heizsysteme_de #web.pace-done #wrapper #content	.bt-csbox.white.heater .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner .bt-category{
	 display:none 
}
 .HeaderTeaser #button2013{
	 margin-top: 0px;
	 position: absolute;
	 bottom: 0;
	 width: 100%;
	 text-align: center 
}
 .produ_uebersicht .produktt_4.hundert, .produ_uebersicht .produktt_3.hundert{
	 height:250px 
}
 .auchdasistscheer .produkt_top .produkt_bild img{
	 width:100%;
	 max-width:350px 
}
 .produkt_top .produkt_bild img{
	 width:100%;
	 height:100% 
}
 #component .headline{
	 margin-top:0.5rem 
}
 .header_top_2 .t_top_right .custom .bt-title{
	 clear: both;
	 color: #b4152b;
	 font-weight: lighter 
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner .bt-introtext ul{
	 margin-left:200px 
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner img.produkt_bild{
	 margin:5px 1rem 5px 0 
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner #button2013:hover{
	 background-color:#FFF;
	 font-weight:bold 
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner .bt-center a.bt-image-link{
	 text-align: right;
	 position: absolute;
	 right: 0;
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner p.readmore{
	 background: #FFF;
	 margin-top: 16px;
	 color: #00ABE1 !important;
	 text-align: center 
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner a.bt-title{
	 color: #FFFFFF;
	 font-weight: bold 
}
 .HeaderTeaser .slides_container .slides_control .slide .bt-row.bt-row-first .bt-inner a.bt-category{
	 display:none 
}
 #inno_heizsysteme{
	 margin-top: -78px;
	 z-index: 20;
	 top: 0;
	 float: right;
	 margin-right: 20px;
}
 .auchdasistscheer .Text{
	 border-bottom: 2px solid #ddd;
	 padding-top: 10px;
	 padding-bottom: 10px 
}
 .t_top_right .custom .Text img{
	 width:100% 
}
 .header_top .t_top .custom #HeaderTeaser{
	 padding-bottom:15px 
}
 .t_top{
	 padding:15px 
}
 .HeaderTeaser #button2013, #HeaderTeaser #button2013{
	 background:#FFF 
}
 .HeaderTeaser #button2013 a:hover, #HeaderTeaser #button2013 a:hover{
	 background-color: white;
}
 .HeaderTeaser #button2013 a, #HeaderTeaser #button2013 a{
	 color:rgba(21, 135, 172, 1) !important;
	 background: aliceblue;
	 text-align:center
}
 .HeaderTeaser{
	 padding: 15px 50px 15px 50px 
}
 #HeaderTeaser{
	 position:relative 
}
 #HeaderTeaser .produkt_highlight_right img.blueEfficiency{
	position: absolute;
	left: 9rem;
	top: 10rem;
	width: 85px;
}
.button2013,
#button2013-2,
#button2013{
	margin-top:16px;
	background-color:#b4152b;
	color:#FFFFFF !important;
	list-style:none;
	text-align:center;
}
 #HeaderTeaser #button2013{
	 display: grid 
}
 .HeaderTeaser, #HeaderTeaser{
	 width: calc(100% - 1rem);
	 color: #FFFFFF;
	 background: linear-gradient(70deg, rgba(121, 196, 229, 1), rgba(21, 135, 172, 1));
	 position: absolute;
	 height: calc(100% - 2rem);
	 /*padding: 1rem*/
	 padding:1rem 1rem 1rem 0;
}
 .easy_img_caption_inner{
	 display:none !important 
}

 #proforms_proforms table.m4j_form_table, #proforms_proforms table.m4j_form_table tr, #proforms_proforms table.m4j_form_table tr:hover, #proforms_proforms table.m4j_form_table tr td, #proforms_proforms table.m4j_form_table tr:hover td, #proforms_proforms table.m4j_form_table tr td div table {
	 background: transparent;
	 border: none;
	 width: 65rem !important;
	 border-bottom: 2px dotted #ddd !important 
}
 .t_top_right {
	 background:#FFF;
	 width: 100%;
	 float: right 
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif
}

ul.menuservice li {
	float:left;
	margin-right:1rem;
	list-style-type: none;
}
ul.menuservice li a {
	color:white
}
ul.menuservice li::marker {
	content: '';
}
#wrapper #top #logo ul.mod-menu.mod-list.nav{
	float: right;
	top: 0.8rem;
	position: absolute;
}
img.EU-Label,
img.blueEfficiency{
	max-width: unset !important;
	float: right;
	height: unset !important;
}


.produkt_daten{
	/*width:calc(50% - 1.6rem);*/
}
.tabelle_MH_ESB td img {
	width: 100%;
	object-fit: cover;
	height: 21vw;
}
	 h1.landingpage{
	 padding-left:1rem
	 
 }
 
#ts .cat_name a{
	 margin-top: -4rem;
	background: var(--color-red);
	padding: 1rem 0;
	z-index: 3;
	opacity: 0.8;
	color: white;
 }
	.discription {
	position: absolute;
	top: 4rem;
	width: calc(60% - 5rem);
	left: 13rem;
}

#logo{
	position:relative
}
#top ul.menuservice{
	position: absolute;
	top: 1.1rem;
	right: 4rem;
	width: 120px;
}
 #wrapper #top #logo ul.mod-menu.mod-list.nav{
	right: 5rem;
}
 .bar {
	width: 30px;
	height: 3px;
	margin: 4px 0;
	transition: 0.4s;
	background:white
}

.overlay2 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5) /* Halbtransparentes graues Overlay */
}	 
	.grayed-out{
	opacity:0.8;
	filter: grayscale(80%) blur(1px)
	}
	.menu-toggle {
	position: absolute;
	top: 1rem;
	right: 20px;
	z-index: 3;
	}
	.bar {
	width: 30px;
	height: 3px;
	margin: 6px 0;
	transition: 0.4s;
	background:white
	}
	.sidebar ul {
	list-style-type: none;
	padding: 0
	}
	.sidebar ul li {
	text-align: left;
	}
#menuleft1.sidebar ul.mod-menu.mod-list.nav li ul li.nav-item span.AGBs{
	text-align: left;
		margin-left:1rem
	}
	.sidebar ul li span,
	.sidebar ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	transition: .3s;
	font-weight:bold;
	padding: 15px;
	}
	.sidebar ul li li li a{
	padding-left:45px
	}
	.sidebar ul li li a{
	font-weight:unset !important;
	padding-left:30px
	}
	.sidebar ul li a:hover {
	background-color: #FFFFFF;
	color:#000000
	}
	 .t6 {
	 margin: 0 1rem;
	}
	 #HeaderTeaser #HeaderText .produkt_highlight{
	 top: 1rem;
	 position: absolute;
	 margin:0 !important;
	 padding:0;
	 width:100% 
	}
	 #HeaderTeaser img.produkt_bild {
	height: 226px;
		 width:unset !important
	}
	 .produ_uebersicht .produktt_1.hundert.projekt, .produ_uebersicht .produktt_2.hundert.projekt, .produ_uebersicht .produktt_3.hundert.projekt, .produ_uebersicht .produktt_4.hundert.projekt, .produ_uebersicht .produktt_5.hundert.projekt, .produ_uebersicht .produktt_6.hundert.projekt {
	 padding-bottom: 4rem;
	}
	 #component .produ_uebersicht .produkt_highlight_right {
	 position: absolute;
	 right: 0.5rem;
	}
	 .produ_uebersicht img.logo{
	 margin-bottom: unset;
	}
	 .produkt_highlight_right img {
	 margin-bottom: 10px;
	 width: 100px;
	 height: auto;
	}
	 .produ_uebersicht .projekt img.headlineimage{
	 height: unset !important 
	}
	 .projektuebersicht .produktt_1, .projektuebersicht .produktt_2, .projektuebersicht .produktt_3, .projektuebersicht .produktt_4, .projektuebersicht .produktt_5, .projektuebersicht .produktt_6, .projektuebersicht .produktt_7, .projektuebersicht .produktt_8 {
	 padding-bottom: 4rem;
	}
	 .com-content-article__body .neu{
	 left: 14rem;
	top: 10rem;}
	.produktt_1, .produktt_2, .produktt_3, .produktt_4, .produktt_5, .produktt_6, .produktt_7, .produktt_8{
	margin: 1rem 0;
	padding: 1rem;
	width: calc(100% - 2rem);
	background: white;
	position: relative;
	}
	 #HeaderTeaser #button2013{
	 position: absolute;
	 bottom: 0.5rem;
	 width: calc(100% - 1rem);
	 left: 0.5rem;
	}
	 .adis_text {
	 margin: 1rem 1rem;
	}
	 .HeaderTeaser, #HeaderTeaser{
	 height: 17rem;
	}
	 .t_top_left {
	 width: calc(100%);
	 float: left;
	 height: 19rem;
	 position: relative;
	}
	 .t_top_right {
	 width: calc(100%);
	 float: right;
	 padding-bottom: 3rem;
	 position: relative;
	}

	 .header_top_2 div.t_top_right .adis_text #button2013{
	 bottom: 1rem;
	 background-color: #b4152b;
	 color: #FFFFFF !important;
	 text-align: center;
	 right: 1rem;
	 position: absolute;
	 width: calc(100% - 300px - 2rem);
	}
	 .header_top_2 .t_top_right .t8 #button2013{
	 width: calc(100% - 300px - 3rem) !important;
	 bottom: 1rem;
	 right: 1rem;
	 position: absolute;
	}
	 .adis_bild{
	 float: left;
	 width: 100%;
	 margin-right: 1rem;
	 overflow: hidden;
	 margin-bottom:1rem;
	}
	 .adis_bild img{
	 width:100% 
	}
	 .header_top_2 .t_top_right .t8 img{
	 float:left;
	 margin-bottom: 1rem;
	}
	 #wrapper {
	 box-shadow: 0;
	}
	 .slider_start img{
	 width:100% 
	}
	 #content{
	 width:100%;
	 overflow:hidden;
	 padding:0;
	 background: #eee 
	}
	 .bt-cs .bt-inner{
	 overflow:hidden;
	 width:100% 
	}
	 .produkt_highlight_right{
	 float:right;
	 width:auto 
	}

	 #mainmenu, #wrapper, #head{
	 width:100% 
	}
	#btcontentslider215.bt-csbox .slides_container{
	 width:auto !important 
	}
}
.box_news{
	height:10px;
	background:#AAA !important;
	color:#000;
}
.t6 .custombox ul, .t4 .custombox ul{
	margin-left:18px;
}
 .t4 #button2013{
	width:calc(100% - 60px) !important;
}
 .produkt_beschreibung a{
	color: #b4152b;
	 font-weight:bold;
}
 .produkt_icon{
	margin-bottom:5px;
	margin-top: 1rem
}
.produkt_hinweis{
	background-color:#b4152b;
	color:#fff;
	border: 1px dotted #a1293a;
	padding: 0 1rem 0.25rem 1rem;
}
.produkt_hinweis a{
	font-weight:bold;
	text-decoration:underline;
	color:#eee !important;
	text-decoration: underline !important;
}
.produkt_hinweis a:hover{
	color:#ddd !important;
}
.produkt_download .produkt_download h3{
	font-weight:bold !important;
	color:#444 !important;
}
.produkt_daten .produkt_dateiname a{
	line-height:1.2rem;
}
.produkt_daten h2{
	font-weight:bold !important;
}
#head #menuleft1 .moduletable_test ul.nav.menu{
	background:#00ABE1
}
#menuleft1 .moduletable_test{
	margin-top:36px;
	background:#00ABE1
}
 .produkt_dateiname .download_size{
	color:#444;
}
 box_top{
	padding:0 !important;
}
 #HeaderText{
	 width: calc(100% - 120px);
}
 .startseitehover img_bild{
	 width:100% 
}

 .produkt_dateiname_2{
	display:block;y
	float:right;
	margin-left:24px;
}
 .produkt_icon_2{
	display:block;
	float:left;
}
.t1 a:after,
.t2 a:after,
.t3 a:after,
.t4 a:after{
	position: absolute;
	bottom: 0;
	color: black;
	left: 0;
	background: white;
	padding: 1rem 1rem;
	width: calc(100% - 2rem);
	border-radius: 0 0 0.5rem 0.5rem;
	opacity: 0.85;
}
.t4 a:after{
	content: "heater to move®";
	text-align: center;
}
.t3 a:after{
	content: "home";
	text-align: center;
}
.t2 a:after{
	content: "maritime";
	text-align: center
}
.t1 a:after{
	content: "mobile";
	text-align: center
}
#component .produ_uebersicht .produkt_highlight_right{
	margin-top: 1rem
}

 .slider_start, {
	background-color:#EEEEEE;
	background-repeat:repeat-y;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
}
 .startseitehover img_bild{
	overflow:hidden
}
 box ul li{
	line-height:1rem;
	padding-top:3px;
}
 box{
	background-color:#FFF;
	padding:15px;
}
 box2{
	background-color:#FFF;
	padding:0 15px 34px 15px;
	z-index:10;
	position: relative;
}
	a{
	color:#b4152b;
	text-decoration:none;
}
	a:hover{
	color:#eb4b61;
	text-decoration:none;
}
 html body#web.pace-done div#wrapper div#content div div#ts div.t1 div#mod-custom298.mod-custom.custom div.Header_2 ul, html body#web.pace-done div#wrapper div#content div div#ts div.t1 div#mod-custom297.mod-custom.custom div.Header_1 ul{
	 width: 100%;
	 margin-left: 2rem 
}
	#HeaderTeaser ul{
	 width: 75%;
	 margin-left: 256px 
}
 #ts .t1 .mod-custom.custom ul, #ts .t2 .mod-custom.custom ul, #ts .t3 .mod-custom.custom ul, #ts .t4 .mod-custom.custom ul{
	 margin-left: 2rem;
	 margin-right: 1rem;
	 margin-bottom: 1rem;
}
 .t1 #button2013{
	 bottom: 0;
	 display: block;
	 position: absolute;
	 width: 100%;
	 padding: 0.25rem 
}
 #ts .t1 img.productimg, #ts .t2 img.productimg, #ts .t3 img.productimg, #ts .t4 img.productimg{
	 margin:0.5rem 
}
 .t4 box.autoheight,.t5 box.autoheight,.t6 box.autoheight{
	height:auto;
	padding: 1rem 0 0 1rem !important;
}
 p.readmore{
	 padding:0 !important 
}
 p.readmore a:hover{
	 background-color: #f00020;
}
 .t4 box.white, .t5 box.white, .t6 box.white{
	background-color:#FFF;
	color:#000;
}
 .t4 box.white h2, .t4 box.white ul, .t5 box.white h2, .t5 box.white ul, .t6 box.white h2, .t6 box.white ul{
	color: #b4152b;
}
 .t4 box h2, .t4 box a, .t4 box ul, .t5 box h2, .t5 box a, .t5 box ul, .t6 box h2, .t6 box a, .t6 box ul{
	color:white;
}
 .t5 box a:hover, .t6 box a:hover{
	color:#eee;
}
 .t4 box .button2013_2, .t5 box .button2013_2, .t6 box .button2013_2{
	bottom:75px !important
}
 .t4 box #button2013, .t5 box #button2013, .t6 box #button2013{
	background-color:white;
	bottom:15px;
	color:#999;
	position:absolute;
	width:calc(100% - 45px);
}
 .t4 box #button2013:hover, .t5 box #button2013:hover, .t6 box #button2013:hover{
	background-color:grey;
	color:white;
}
 .t4 box #button2013 a, .t5 box #button2013 a, .t6 box #button2013 a{
	color:#999 !important;
}
 .t4 box #button2013 a:hover, .t5 box #button2013 a:hover, .t6 box #button2013 a:hover{
	color:#FFF !important;
}
 #fyear {
	 width: 100%;
	 padding: 15px 0;
	 color:#555;
	 text-align:center;
	 padding-bottom:2rem 
}
 #content{
	height:auto;
	 background:#FFF
}
 .phr_width{
	width:50px !important;
}
 .startseitehover{
	opacity:1;
	max-height: 393px;
	overflow:hidden;
	background:#fafafa none repeat scroll 0 0;
}
 .bt-cs a.prev{
	left:10px;
}
 .bt-cs a.next{
	right:10px;
}
 #right{
	height:100%;
}
 .produkt_download{
	display:table;
	width:100%;
	padding-bottom:20px;
}
 #fmenu{
	float:left;
	z-index:90;
	height:400px;
	width:100%;
}
 #fmenu .footermenu h3{
	color:#FFF;
	
}
 #fmenu .footermenu{
	text-align:left;
}
 #fmenu .footermenu ul{
	list-style-type:none;
}
 #fmenu .footermenu ul li{
}
 #fmenu .footermenu ul li a{
	padding:2px 0;
	
	font-weight:bold;
}
 #fmenu .footermenu ul li ul li a{
	padding:2px 0 2px 10px;
	
	font-weight:normal;
}
 #fmenu .footermenu ul li a:hover, #fmenu .footermenu ul li ul li a:hover{
	color:#DDD;
}
 #fmenu .footermenu2 h3{
	color:#FFF;
	
}
 #fmenu .footermenu2{
	text-align:left;
}
 #fmenu .footermenu2 ul{
	list-style-type:none;
}
 #fmenu .footermenu2 ul li{
}
 #fmenu .footermenu2 ul li a{
	color:white;
	
	font-weight:bold;
	padding:0 10px;
	text-decoration:none;
}
 #fmenu .footermenu2 ul li ul li a{
	padding:2px 0 2px 10px;
	
	font-weight:normal;
}
 #fmenu .footermenu2 ul li a:hover, #fmenu .footermenu2 ul li ul li a:hover{
	color:#DDD;
}
 #f1, #f2, #f3, #f4, #f5{
	background-color:#b4152b;
	width:calc(100%/5);
	float:left;
	height:390px;
	padding-top:10px;
	z-index:90;
}
 .hinweis{
	background-color:#b4152b;
	padding:0.5rem;
	 color:#FFF
}
 #jump a{
	background:#ddd none repeat scroll 0 0;
	color:#333;
	line-height:1.7rem;
	
	padding:5px;
	text-decoration:none;
}
 #jump a:hover{
	background-color:#b4152b;
	color:white;
}
 .projektuebersicht #button2013 a, .produ_uebersicht #button2013 a{
	color:#FFF;
}
 #breadcrumbs ol{
	left:-10px;
	padding:0 5px;
	position:relative;
}
 .produkt_tabelle tr:hover a{
	color:#fff !important;
}
 .item-page{
	width:100%
}
 .blog{
	width:100%;
	margin-bottom:1rem;
}
 img.gallery{
	width:25%;
	vertical-align:top;
}
 .bt-cs .bt-inner{
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	height:376px;
}
 .componentheading.page-header{
	display:none;
}
 .bt-cs .bt-row{
	padding:0;
}
 .bt-inner p.readmore{
	background:#b4152b;
	border:0px solid #e5e5e5;
	bottom:0;
	color:#FFF;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:100%;
}
.button2013 a,
 #button2013 a, .bt-inner p.readmore a{
	color:#FFF;
	display:block;
	padding:10px;
	
	font-weight:normal
}
 .bt-inner p{
	padding:0px;
}
 .bt-row{
	height:450px;
	width:100%
}
 .bt-inner p.readmore{
	margin:0
}
 .produkt_download{
}
 .produkt_download .produkt_daten{
	float:left;
	padding:10px;
	margin-right:5px;
	margin-top:5px;
	background:#EEEEEE;
	text-align:center;
}
 .produkt_download .produkt_daten .produkt_dateiname{
	
}
 .produ_uebersicht h2{
	line-height: 1.75rem;
	padding-top: 0 !important;
	margin-top: 0 !important;
}
 .produ_uebersicht ul{
	list-style-type:none;
}
 .produ_uebersicht li:before{
	color:#b4152b;
	content:"\f00c";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:-1.3em;
	width:1.3em;
}
 .produ_uebersicht.heater .produktt_1 ul li:first-child:before{
	 color:#b4152b;
	 content:"";
	 font-family:FontAwesome;
	 display:inline-block;
	 margin-left:-1.3em;
	 width:0rem;
}
 .produkt_tabelle table{
	border:1px solid #ddd;
	border-collapse:collapse;
	width:100%;
}
 .produkt_top{
	 width:100%;

}
 .produkt_beschreibung{
	display:table;
	width:100%;
		margin-top: 1rem;
}
 .produkt_tabelle th, .produkt_tabelle td{
	text-align:left;
	padding:8px;
	border-right:1px solid #ddd;
}
 .produkt_tabelle tr:nth-child(even){
	background-color:#f2f2f2
}
 .produkt_tabelle th{
	background-color:#b4152b;
	color:white;
}
 .produkt_tabelle tr:hover{
	background-color:#aaa;
	color:#fff;
}
 .produkt_check {
	list-style:none !important;
}
 .produkt_check li:before{
	 list-style:none !important;
	color:#b4152b;
	content:"\f00c";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:-1.3em;
	width:1.3em;
}
 .produ_uebersicht.heater .produktt_1 li:first-child::before, .produ_uebersicht.heater .produktt_2 li:first-child::before, .produ_uebersicht.heater .produktt_3 li:first-child::before {
	 color: #b4152b;
	 content: "";
	 font-family: FontAwesome;
	 display: inline-block;
	 margin-left: -1.3em;
	 width: 0;
}
 .produkt_highlight li:before{
	color:#b4152b;
	content:"\f00c";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:-1.3em;
	width:1.3em;
}
 .auchdasistscheer .produkt_highlight{
	float:left;
	width: calc(100% - 470px);
}
 .produkt_top .produkt_highlight.h-auto .produkt_highlight_right img.blueEfficiency{
	margin-top:40px
}
/* .h-10{
	float:left;
	margin:10px 10px
}
 .h-20{
	float:left;
	margin:20px 10px
}
 .h-30{
	float:left;
	margin:30px 10px
}
 .h-40{
	float:left;
	margin:40px 10px
}
 .h-50{
	float:left;
	margin:50px 10px
}
 .h-60{
	float:left;
	margin:60px 10px
}
 .h-70{
	float:left;
	margin:70px 10px
}
 .h-80{
	float:left;
	margin:80px 10px
}
 .h-90{
	float:left;
	margin:90px 10px
}
 .h-100{
	float:left;
	margin:100px 10px
}
 .h-110{
	float:left;
	margin:110px 10px
}
 .h-120{
	float:left;
	margin:120px 10px
}
 .h-130{
	float:left;
	margin:130px 10px
}
 .h-140{
	float:left;
	margin:140px 10px
}
 .h-150{
	float:left;
	margin:150px 10px
}
 .h-auto{
	float:left;
	margin:auto 10px
}*/
 .auchdasistscheer .produkt_bild{
	 float:left;
	margin-right:3% 
}
 .produkt_bild{
	float:left !important;
	margin-right:3%;
	 width:25% !important
}
 .produkt_bild_2{
	float:left;
	max-width: 200px;
	 max-height: 100%;
}
 .produkt_tabelle{
	width:100%
}
 #hotline .customm{
	padding:10px;
}
 #zeiten{
	background:#EEEEEE none repeat scroll 0 0;
	float:left;
	left:42%;
	margin-top:30px;
	padding:5px;
	position:absolute;
	z-index:1001;
	display:none;
}
.button2013:hover,
 .bt-inner .readmore a:hover, #button2013:hover{
	background-color:#f00020;
	 color:white
}

 #button2013-2{
	bottom:0;
	margin-left:-15px;
	padding:10px;
	position:absolute;
	width:100%;
}
 #button2013 a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
 .projektuebersicht, .produ_uebersicht{
	 background-color:#eee;
	 /*float:left;*/
	 
	 width:100%;
	 overflow:hidden 
}

 .produktt_faq{
	 background-color:#fff;
	 position:relative;
	 float:left;
	 overflow:hidden;
	 margin: 0 15px 15px 15px;
	 padding: 15px;
	 height:14px;
	 width: calc(100% - 60px) 
}

 .bt-cs .bt-inner .bt-title{
	 text-transform:none 
}
 .bt-cs .bt-inner img{
	 border:0px solid #fff;
	 margin:5px 0;
	 max-width:99%;
	 outline:0px solid #b5b5b5 
}
 .bt-cs .bt-center{
	text-align:left;
}
 .videocontainer{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
}
 .youvideo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
 .m4jSelection{
	height:22px !important;
}
 .background-slider .ari-image-slider.nivoSlider{
	filter:blur(5px)
}
 .m4jTextArea{
	width:300px !important;
}
 .m4jInputField{
	height:20px;
	width:300px !important;
}
 .m4j_required{
	color:#b4152b;
	padding-right:10px;
}
.m4j_submit, .m4j_reset{
	font-family:Arial, Helvetica, sans-serif;	
	padding:5px
}
.m4j_submit:hover, .m4j_reset:hover{
	color:#FFF;
	background-color:#b4152b;
	cursor:pointer
}
#m4jSubmitWrap{
	margin-left:105px;
	width:410px;
}
#component .zeitung a[href$="pdf"]{
	background:none;
	padding-left:20px;
}
.footermenu{
	padding-left:10px;
}
.pace{
	z-index:9999
}
#proformsCaptcha .alignInput input{
	display:block;
	color:#000;
}
.messebilder, .messen{
	width:100%;
}
.messebilder td{
	width:50%;
}
.messebilder td img{
	width:100%;
	height:auto
}
#datenschutz .infoplus a{
	color:#666 !important;
	text-decoration:none !important;
}
#ca_banner p span a{
	font-weight:bold;
	color:#666 !important;
	text-decoration:none !important;
}
.noicon a[href$="pdf"]{
	background:none !important;
	padding-left:0 !important;
}
.ari-image-slider-loading #ais_140{
	height:214px !important;
}
#ais_152_wrapper, #ais_152{
	position:absolute;
	right:0;
}
.djslider-loader-default{
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#component .pager ul li{
	background:#eee none repeat scroll 0 0;
	float:left;
	margin-right:3px;
	text-align:center;
	width:100px;
}
#component .pager{
	width:100%;
	margin:0 auto;
}
#component .pager ul{
	list-style:none !important;
	margin-left:30%;
	margin-top:5%;
}
td.tabellebezeichnung{
	color:#aaa;
}
.moduletablea{
	margin-left:382px;
	position:absolute;
	width:400px;
}
.moduletablea .ari-image-slider-wrapper{
	position:relative;
	width:428px;
}
#component .blog div h2{
	border:1px solod #000;
}
#content #menu .search{
	margin-left:10px;
	margin-top:9px;
}
ol.breadcrumb li{
	float:left;
	margin-right:5px;
	list-style-type:none;
	padding:5px 0;
}
ol.breadcrumb li a{
	color:#000;
	padding-right:5px;
	text-decoration:none;
}
ol.mod-breadcrumbs li.mod-breadcrumbs__divider.float-start{
	 display:none 
}
#breadcrumbs nav.mod-breadcrumbs__wrapper ol li.mod-breadcrumbs__item.breadcrumb-item{
	 margin-left:0.2rem;
	 margin-right:0.2rem;
}
#breadcrumbs nav.mod-breadcrumbs__wrapper ol li.mod-breadcrumbs__item.breadcrumb-item:after{
	 content:" ➤";
	 color:#b4152b 
}
#breadcrumbs nav.mod-breadcrumbs__wrapper ol li.mod-breadcrumbs__item.breadcrumb-item:last-child:after{
	 content:"" 
}
.ari-image-slider{
	box-shadow:none;
}
span#jcemediabox-popup-numbers a{
	width:18px;
}
#component .blog .items-row .item,
#component .blog .items-leading,
#component .blog-featured .items-row,
#component .blog-featured .items-leading{
	border-bottom:2px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
}
#download{
	border:1px solid #999;
	width:310px;
	background-image:url("../images/download.png");
	background-repeat:no-repeat;
	background-color:#EFEFEF;
	margin:10px 0;
	padding:5px;
	text-align:right;
}
hr{
	margin:10 0px;
}
#web #wrapper #content #menu .moduletable ul.menu li.item-122 ul li.item-130 a.Spezial:hover{
	opacity;
	0.7;
}
#wrapper #content #menu .moduletable ul.menu li.item-122 ul li.item-130 a.Spezial{
	font-weight:bold;
	color:#FFFFFF;
	padding:inherit;
}
.headline2{
	padding:5px 10px 9px 10px;
	margin-bottom:10px;
	height:20px;
	color:#333333;
	font-weight:bold;
	background-color:#cccccc;
	text-align:right;
}
.headline{
	margin:0 0 10px;
	float:left;
	width:calc(100% - 20px);
	padding: 14px 10px 10px;
	height:20px;
	color:#ffffff;
	background-color:#b4152b;
	text-align:left;
}
.headline a{
	color:#ffffff !important
}
html body#web #wrapper #content #right #component .blog-featured .items-leading .leading-0 table tbody tr td #button2013 a, html body#web #wrapper #content #right #component .item-page table tbody tr td #button2013 a, html body#web #wrapper #content #right #component .blog-featured .items-row .item table tbody tr td #button2013 a{
	color:#fff
}
html body#web #wrapper #content #menu .moduletable ul.menu li ul li.active a{
	color:#222;
	background-color:#bbb
}
#lveis-wrapper_3{
	margin:0 !important
}
html body#web #wrapper #top #kontakt .moduletable table tbody tr td span.mainlevelmenu_kontakt{
	color:#bbb
}
html body#web #wrapper #top #flagge{
	float:right;
	margin-right:15px;
	margin-top:-100px
}
#component .pagination{
	margin:20px auto 0;
	width:100%;
	height:40px
}
#component .pagination ul{
	list-style:none;
	margin:0 auto;
	padding:0px
}
#component .pagination li{
	background-color:#DDDDDD;
	color:#000000;
	float:left;
	list-style:none outside none;
	margin:0 5px 0 0;
	padding:2px 10px
}
.search input.button{
	width:40px;
	color:#111111;
	margin-left:15px
}
#ldi{
	float:left;
	margin-top:-390px
}
td.cell{
	border-bottom:1px dashed #CCCCCC;
	padding:2px 5px
}
td.cell2{
	padding:2px 5px
}
html body#web #wrapper #content #menu .moduletable form .search{
	margin-left:24px;
	margin-top:35px
}
html body#web #wrapper #content #right #component .item-page #article-index ul li a.active{
	color:#111111;
	font-weight:bold
}
html body#web #wrapper #content #right #component .item-page #article-index a.hover{
	color:#555555;
	font-weight:bold;
	background-color:#000000
}
#component .item-page .pagination ul li{
	float:left;
	list-style:none outside none;
	margin-right:12px
}
html body#web #wrapper #content #right #component .item-page table tbody tr td.cell{
	padding:3px
}
html body#web #wrapper #content #right #component .item-page .headline strong a{
	color:#FFFFFF
}
.headline{
	line-height:1.0em
}
html body#web #wrapper #content #right #component .item-page #article-index{
	background-color:#EEEEEE;
	line-height:20px;
	margin-bottom:5px;
	margin-top:5px;
	padding:5px 10px;
	width:100%
}
html body#web #wrapper #content #right #component .item-page #article-index ul{
	list-style:disc outside url("../images/arrow-red.png");
	margin-left:15px
}
html body#web #wrapper #content #right #component .item-page #article-index active.li{
	list-style:disc outside url("../images/arrow-blue.png");
	margin-left:15px
}
html body#web #wrapper #content #right #component .item-page #article-index ul li{
	border-bottom:1px solid #FFFFFF
}
#menuleft1 ul.menu li a:hover, #menuleft1 ul.menu li a.hover{
	background-color:#941425;
	color:#fff !important
}
dd.result-created, dd.result-category{
	font-style:italic;
	color:#AAAAAA
}
dt.result-title{
	padding-top:5px;
	border-top:1px solid #AAAAAA;
	margin-top:5px
}
.search .button{
	color:#111111;
	padding:4px 9px
}
.inputbox{
	border:0 solid #aaaaaa;
	padding:5px
}
.userbox p{
	line-height:140%;
	margin-bottom:5px;
	margin-top:0;
	padding:0
}
.userbox a{
	color:#FFFFFF;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1em;
	margin-left:15px;
	text-decoration:none
}
.userbox a:hover{
	color:#333333
}
.userbox a:active{
	color:#777777
}
#user10{
	background:#b4152b;
	border-left:1px solid #CA5766;
	overflow:hidden
}
#user9{
	background:#b4152b;
	border-left:1px solid #CA5766;
	overflow:hidden;
	float:left
}
#user8{
	background:#b4152b;
	border-left:1px solid #CA5766;
	overflow:hidden;
	float:left
}
#user7{
	background:#b4152b;
	border-left:1px solid #CA5766;
	overflow:hidden;
	float:left
}
#user6{
	background:#b4152b;
	border-left:1px solid #CA5766;
	overflow:hidden;
	float:left
}
#user5{
	background:#b4152b;
	float:left;
	width:171px
}
.userbox{
	position:relative
}
*{
	margin:0px;
	padding:0px;
	border:0px
}
html{
	height:100.2%
}
#mainmenu{
	height:32px
}
#header{
	margin:0px auto;
	position: relative;
}
#header img{
	width:100%
}
#wrapper{
	margin:0px auto;
	position: relative
}
#kontakt{
	display: none;
	float:right;
	margin-right:10px;
	margin-top:-30px;
	width:400px;
	z-index:2
}
#news{
	width:200px;
	background-color:#5876A5;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF
}
#news h3{
	background-color:#0B244C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px
}
#news p{
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px
}
#component{
	background-color:#ffffff;
	background-repeat:repeat-y;
	display:flex;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 1rem
}
#component a{
	color:#b4152b;
	text-decoration:none
}
#component h2{
	clear: both;
	color: #b4152b;
	margin: 9px 0;
	font-weight: lighter;
	padding-top: 1rem;
}
#component h3{
	color:#b4152b;
	font-weight:normal;
	margin-bottom:1rem
}
#component h6{
	font-family:Helvetica, Arial, sans-serif;
	margin-top:25px;
	font-weight:bold
}
#menu{
	float:left;
	background:#707173;
	font-weight:normal;
	position:absolute;
	width:230px
}
#menu h3{
	background-color:#0B244C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center
}
#menu ul{
	width:230px;
	overflow:hidden
}
#menu ul li{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid #8D8D8F
}
#menu ul li ul{
	margin-left:14px;
	margin-top:1px
}
#menu ul li ul li{
	border-bottom:1px solid #666666 !important
}
#menu ul li ul li a{
	background-color:#888888
}
#menu li.active a{
	background-color:#8D8D8F;
	color:#000000
}
#menu ul.menu li a:hover, #menu ul.menu li a.hover{
	color:#000000 !important;
	background-color:#9B9B9C
}
#footer{
	color:#888;
	text-align:center
}
#font{
	margin-top:25px;
	padding-right:10px;
	position:absolute;
	text-align:right;
	width:1031px;
	z-index:200
}
.box-grey ul.menu-bullettree li.current a{
	font-weight:bold;
	color:#BD0D1C !important
}
ol li{
	margin:0.3em 0 0.3em 1.6em;
	padding:0
}
ul.menutop{
	font-weight:bold
}
ul.level2{
	font-weight:normal
}
ul.level2 li{
	border-bottom:1px solid #81ADE3;
	border-top:1px solid #81ADE3
}
p.readmore{
	background: #b4152b;
	color:#FFF;
	text-align:center;
	text-decoration:none
}
p.readmore a{
	color:#FFF !important;
	display:block
}
item column-1{
	margin-bottom:300px
}
#breadcrumbs a.pathway{
	color:#b4152b;
	text-decoration:none
}
#breadcrumbs a.pathway:active{
	color:#666666
}
#breadcrumbs span{
	color:#666666;
	text-decoration:none
}
p{
	padding-top:3px;
	padding-bottom:3px
}
table.multithumb{
	width:auto;
	border:1px solid #EFEFEF
}
.mainlevelmenu_kontakt{
	color:#707173;
	display:block;
	float:right;
	font-weight:normal;
	padding:0 5px;
	text-decoration:none
}
.moduletable_Hauptebene{
	background:#b4152b none repeat scroll 0 0;
	text-decoration:none;
	position:absolute
}
#slideshow_3{
	overflow:hidden;
	width:810px;
	border:0 solid #FFFFFF !important;
	height:214px
}