/*
*
*
*
*
*
*Diese Datei ist urheberrechtlich geschützt von "Rene Weik | www.weik.online" und darf nicht kopiert oder auf anderen Webseiten verwendet werden.
*
*
*
*
*
*/
/* GLOBAL--------------------------------------          

// color: #368ccb / 180,84,111 */

:root {
	--templatefarbe_hex: #e2001a !important;
	--templatefarbe_rgb: 226,0,26 !important;
	--akzentfarbe_hex: var(--templatefarbe_hex) !important;
	--akzentfarbe_rgb: var(--templatefarbe_rgb) !important;
	--buttonfarbe_hex: var(--templatefarbe_hex) !important;
	--buttontextfarbe_hex: #fff !important;
	--hinweisboxfarbe_rgb: var(--templatefarbe_rgb) !important;
	--hinweisboxtextfarbe_hex: #fff !important;	
	--welcomeboxhintergrundfarbe_rgb: var(--templatefarbe_rgb) !important;	
	--welcomeboxhintergrundfarbe_hell_rgb: 255,255,255 !important;	
	--welcomeboxtextfarbe_hex: #fff !important;	
	--welcomeboxtextfarbe_hell_hex: var(--textfarbe_hex) !important;		
	--infobarhintergrundfarbe_hex: #070808 !important;
	--infobarhintergrundfarbe_rgb: 7,7,8 !important;
	--infobartextfarbe_hex: #fdfdfd !important;	
	--shortbartextfarbe_hex: #fff !important;
	--contactbartextfarbe_hex: #fff !important;		
	--footerhintergrundfarbe_hex: var(--infobarhintergrundfarbe_hex) !important;
	--footertextfarbe_hex: var(--infobartextfarbe_hex) !important;
	--textfarbe_hex: #030303 !important;
     --untermenutextfarbe_hex: #030303 !important;
	--hintergrundfarbe_hex: #ffffff !important;
	--hintergrundfarbe_rgb: 255,255,255 !important;
	--rahmenhintergrundfarbe_hex: #ffffff !important;
	--rahmenhintergrundfarbe_grau_hex: #ededee !important;
	--rahmenhintergrundfarbe_dunkel_hex: #444445 !important;
	--menuhintergrundfarbe_hex: var(--hintergrundfarbe_hex);
	--menuhintergrundfarbe_rgb: var(--hintergrundfarbe_rgb);
	--highlightboxhintergrundfarbe_rgb: 250,250,250 !important;
	--kachelboxenfarbe_rgb: 255,255,255 !important;
	--winkelfarbe_rgb: var(--highlightboxhintergrundfarbe_rgb) !important;
	--boxfarbe_hex: #efefef !important;
	--claimslidefarbe_hex: var(--templatefarbe_hex) !important;
	--claimboxinnerfarbe_hex: #f9f9f9 !important;
	--claimboxtextfarbe_hex: var(--akzentfarbe_hex) !important;	
	--boxverlauf_dunkel_rgb: 240,240,240 !important;		
	--boxverlauf_hell_rgb: 255,255,255 !important;	
}

@media print {
	a[href]:after {
		content: none !important;
	}
	#kopfbereichwrap {
		position: relative !important;
	}
	}
	* {
		padding: 0;
		margin: 0;
		border: 0;
		background-repeat: no-repeat;
		background-position: center center;
	}
	html {
		overflow-y: scroll;
		height: 100%;	
	}
	body {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		color: #030303;
		 line-height: 1.5em;		
		margin: 0;
		background-color: #fff;
		width: 100%;
		font-size: 15px;
		position: relative;
	}
	@media (min-width: 992px) {
	body {
		 line-height: 1.6em;		
	}
	}
	@media (min-width: 1200px) {
	body {
		 line-height: 1.7em;		
	}
	}
	@media (min-width: 1440px) {
	body {
		 line-height: 1.8em;		
	}
	}
	body.startseite {
		height: 100% !important;	
	}
	/*#wrap {
		height: 100%;	
	}*/
	/* FONTS  */
	/* ASSISTANT */
	/* assistant-200 - latin */
	@font-face {
	  font-family: 'Assistant';
	  font-style: normal;
	  font-weight: 200;
	  src: url('../fonts/assistant-v2-latin-200.eot'); /* IE9 Compat Modes */
	  src: local('Assistant ExtraLight'), local('Assistant-ExtraLight'),
		   url('../fonts/assistant-v2-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/assistant-v2-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/assistant-v2-latin-200.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/assistant-v2-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/assistant-v2-latin-200.svg#Assistant') format('svg'); /* Legacy iOS */
	}
	/* assistant-regular - latin */
	@font-face {
	  font-family: 'Assistant';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/assistant-v2-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Assistant'), local('Assistant-Regular'),
		   url('../fonts/assistant-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/assistant-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/assistant-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/assistant-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/assistant-v2-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
	}
	/* assistant-300 - latin */
	@font-face {
	  font-family: 'Assistant';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../fonts/assistant-v2-latin-300.eot'); /* IE9 Compat Modes */
	  src: local('Assistant Light'), local('Assistant-Light'),
		   url('../fonts/assistant-v2-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/assistant-v2-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/assistant-v2-latin-300.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/assistant-v2-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/assistant-v2-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
	}
	/* assistant-600 - latin */
	@font-face {
	  font-family: 'Assistant';
	  font-style: normal;
	  font-weight: 600;
	  src: url('../fonts/assistant-v2-latin-600.eot'); /* IE9 Compat Modes */
	  src: local('Assistant SemiBold'), local('Assistant-SemiBold'),
		   url('../fonts/assistant-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/assistant-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/assistant-v2-latin-600.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/assistant-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/assistant-v2-latin-600.svg#Assistant') format('svg'); /* Legacy iOS */
	}
	/* assistant-700 - latin */
	@font-face {
	  font-family: 'Assistant';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/assistant-v2-latin-700.eot'); /* IE9 Compat Modes */
	  src: local('Assistant Bold'), local('Assistant-Bold'),
		   url('../fonts/assistant-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/assistant-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/assistant-v2-latin-700.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/assistant-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/assistant-v2-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
	}
	/* assistant-800 - latin */
	@font-face {
	  font-family: 'Assistant';
	  font-style: normal;
	  font-weight: 800;
	  src: url('../fonts/assistant-v2-latin-800.eot'); /* IE9 Compat Modes */
	  src: local('Assistant ExtraBold'), local('Assistant-ExtraBold'),
		   url('../fonts/assistant-v2-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/assistant-v2-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/assistant-v2-latin-800.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/assistant-v2-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/assistant-v2-latin-800.svg#Assistant') format('svg'); /* Legacy iOS */
	}
	/* BOOTSTRAP-GRID wie Bootstrap 4 --------------------------------------*/
	.container {
		width: 100%;	
	}
	@media (min-width: 576px) {	/* NEU IN 2019 */
	.container {
		width: 100%;	
		max-width: 90%;
	}
	}
	@media (min-width: 768px) {
	.container {
		width: 750px;
		max-width: 100%;
	}
	}
	@media (min-width: 992px) {
	.container {
		width: 960px;
		max-width: 100%;
	}
	}
	@media (min-width: 1200px) {
	.container {
		width: 1140px;
		max-width: 100%;
	}
	}
	@media (min-width: 1440px) {
	.container {
		width: 1380px;
		max-width: 100%;
	}
	}
	
	.container-fluid {
		width: 95% !important;
		max-width: 1380px !important;
	}
	@media (min-width: 576px) {
	.container-fluid {
		width: 93% !important;
	}
	}
	@media (min-width: 768px) {
	.container-fluid {
		width: 95% !important;
	}
	}
	@media (min-width: 992px) {
	.container-fluid {
		width: 98% !important;
	}
	}
	
	@media (max-width: 991px) {
	nav .container-fluid {
		width: 100% !important;
	}
	}
	
	/* FORMATIERUNGEN--------------------------------------*/
	.margintop05em {
		margin-top:0.5em !important;	
	}
	.margintop1em {
		margin-top:1em !important;	
	}
	.margintop15em {
		margin-top:1.5em !important;	
	}
	.margintop2em {
		margin-top:2em !important;	
	}
	.margintop25em {
		margin-top:2.5em !important;	
	}
	.margintop3em {
		margin-top:3em !important;	
	}
	.margintop35em {
		margin-top:3.5em !important;	
	}
	.margintop4em {
		margin-top:4em !important;	
	}
	.margintop45em {
		margin-top:4.5em !important;	
	}
	.margintop5em {
		margin-top:5em !important;	
	}
	.marginbottom05em {
		margin-bottom:0.5em !important;	
	}
	.marginbottom1em {
		margin-bottom:1em !important;	
	}
	.marginbottom15em {
		margin-bottom:1.5em !important;	
	}
	.marginbottom2em {
		margin-bottom:2em !important;	
	}
	.marginbottom25em {
		margin-bottom:2.5em !important;	
	}
	.marginbottom3em {
		margin-bottom:3em !important;	
	}
	.marginbottom35em {
		margin-bottom:3.5em !important;	
	}
	.marginbottom4em {
		margin-bottom:4em !important;	
	}
	.marginbottom45em {
		margin-bottom:4.5em !important;	
	}
	.marginbottom5em {
		margin-bottom:5em !important;	
	}
	.marginright05em {
		margin-right:0.5em !important;	
	}
	.marginright1em {
		margin-right:1em !important;	
	}
	.marginright15em {
		margin-right:1.5em !important;	
	}
	.marginright2em {
		margin-right:2em !important;	
	}
	.marginright25em {
		margin-right:2.5em !important;	
	}
	.marginright3em {
		margin-right:3em !important;	
	}
	.marginright35em {
		margin-right:3.5em !important;	
	}
	.marginright4em {
		margin-right:4em !important;	
	}
	.marginright45em {
		margin-right:4.5em !important;	
	}
	.marginright5em {
		margin-right:5em !important;	
	}
	.marginleft05em {
		margin-left:0.5em !important;	
	}
	.marginleft1em {
		margin-left:1em !important;	
	}
	.marginleft15em {
		margin-left:1.5em !important;	
	}
	.marginleft2em {
		margin-left:2em !important;	
	}
	.marginleft25em {
		margin-left:2.5em !important;	
	}
	.marginleft3em {
		margin-left:3em !important;	
	}
	.marginbleft35em {
		margin-left:3.5em !important;	
	}
	.marginleft4em {
		margin-left:4em !important;	
	}
	.marginleft45em {
		margin-left:4.5em !important;	
	}
	.marginleft5em {
		margin-left:5em !important;	
	}
	.nomargintop {
		margin-top: 0 !important;
	}
	.nomarginright {
		margin-right: 0 !important;
	}
	.nomarginbottom {
		margin-bottom: 0 !important;
	}
	.nomarginleft {
		margin-left: 0 !important;
	}
	.nopaddingtop {
		padding-top: 0 !important;
	}
	.nopaddingright {
		padding-right: 0 !important;
	}
	.nopaddingbottom {
		padding-bottom: 0 !important;
	}
	.nopaddingleft {
		padding-left: 0 !important;
	}
	/* LAYOUTELEMENTE--------------------------------------*/
	.centerbox {
		text-align: center !important;
	}
	.center {
		margin: 0 auto;
		text-align: center !important;	
	}
	.untertitelbox  {
		text-align: center !important;	
	}
	.untertitelbox img {
		margin-bottom: 10px !important;
	}
	.untertitelbox  p{
		margin: 5px 0 50px 0;
	}
	@media (min-width: 768px) {
	.untertitelbox  p{
		margin: 10px 0 50px 0;
	}
	}
	@media (min-width: 992px) {
	.untertitelbox  p{
		margin: 10px 0 20px 0;
	}
	}
	#clear {
		clear: both;	
	}
	.clear {
		clear: both;	
	}
	.hinweisbox {
		padding: 2em 1em;
		background-color: #EFEFEF;	
	}
	.kde-header {		/* kennstdueinen-Farbe */
		background-color: #368ccb !important;
	}
	/* TYPO--------------------------------------*/
	/* TYPO--------------------------------------*/
	/* TYPO--------------------------------------*/
	/* ÜBERSCHRIFTEN--------------------------------------*/
	h1,
	.h1 {
	  font-size:18px;
	}
	h2,
	.h2 {
	  font-size: 16px;
	}
	h3,
	.h3 {
	  font-size: 15px;
	}
	h4,
	.h4 {
	  font-size: 14px;
	}
	h5,
	.h5 {
	  font-size: 14px;
	}
	h6,
	.h6 {
	  font-size: 13px;
	}
	@media (min-width: 768px) {
		h1,
		.h1 {
		  font-size:24px;
		}
		h2,
		.h2 {
		  font-size: 20px;
		}
		h3,
		.h3 {
		  font-size: 19px;
		}
		h4,
		.h4 {
		  font-size: 18px;
		}
		h5,
		.h5 {
		  font-size: 17px;
		}
		h6,
		.h6 {
		  font-size: 16px;
		}
	}
	@media (min-width: 992px) {
		h1,
		.h1 {
		  font-size:26px;
		}
		h2,
		.h2 {
		  font-size: 22px;
		}
		h3,
		.h3 {
		  font-size: 20px;
		}
		h4,
		.h4 {
		  font-size: 18px;
		}
		h5,
		.h5 {
		  font-size: 17px;
		}
		h6,
		.h6 {
		  font-size: 16px;
		}
	}
	@media (min-width: 1200px) {
		h1,
		.h1 {
		  font-size:28px;
		}
		h2,
		.h2 {
		  font-size: 23px;
		}
		h3,
		.h3 {
		  font-size: 21px;
		}
		h4,
		.h4 {
		  font-size: 19px;
		}
		h5,
		.h5 {
		  font-size: 18px;
		}
		h6,
		.h6 {
		  font-size: 17px;
		}
	}
	@media (min-width: 1440px) {
		h1,
		.h1 {
		  font-size:32px;
		}
		h2,
		.h2 {
		  font-size: 26px;
		}
		h3,
		.h3 {
		  font-size: 24px;
		}
		h4,
		.h4 {
		  font-size: 21px;
		}
		h5,
		.h5 {
		  font-size: 19px;
		}
		h6,
		.h6 {
		  font-size: 18px;
		}
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6 {
	  font-family: inherit;
	  font-weight: 700;
	  line-height: 1.5em;
	  color: inherit;
	}
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4, 
	h5,
	.h5 {
	  margin-top: 2.0em;
	  margin-bottom: 0.5em;
	}
	@media (min-width: 1200px) {
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4, 
	h5,
	.h5 {
	  margin-top: 2.5em;
	  margin-bottom: 0.6em;
	}
	}
	@media (min-width: 1440px) {
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4, 
	h5,
	.h5 {
	  margin-top: 2em;
	  margin-bottom: 0.6em;
	}
	}
	@media (min-width: 1440px) {
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4, 
	h5,
	.h5 {
	  margin-top: 2em;
	  margin-bottom: 0.6em;
	}
	}
	h4,
	.h4 {
	  margin-top: 1.0em;
	}
	@media (min-width: 1200px) {
	h4,
	.h4 {
	  margin-top: 2em;
	}
	}
	#productcontent h1 {
	  font-size: 18px;
	  margin-top: 0em;
	  margin-bottom: 0.2em;
	}
	@media (min-width: 768px) {
	#productcontent h1 {
	  font-size: 24px;
	  margin-bottom: 0.5em;  
	}  
	}
	@media (min-width: 992px) {
	#productcontent h1 {
	  font-size: 26px;
	  margin-bottom: 0.5em;  
	}  
	}
	@media (min-width: 1200px) {
	#productcontent h1 {
	  font-size: 28px;
	  margin-bottom: 0.5em;  
	}  
	}
	@media (min-width: 1440px) {
	#productcontent h1 {
	  font-size: 32px;
	  margin-bottom: 0.5em;  
	}  
	}
	#productcontent h2{
	  font-size: 16px;
	  margin-top: 0.4em; 
	}
	@media (min-width: 768px) {
	#productcontent h2 {
	  font-size: 19px;
	  margin-top: -0.6em;   
	}
	}
	@media (min-width: 992px) {
	#productcontent h2 {
	  font-size: 21px;
	  margin-top: -0.6em;   
	}
	}
	@media (min-width: 1200px) {
	#productcontent h2 {
	  font-size: 23px;
	  margin-top: -0.6em;   
	}
	}
	@media (min-width: 1440px) {
	#productcontent h2 {
	  font-size: 26px;
	  margin-top: -0.6em;   
	}
	}
	#productcontent .row {
		margin-bottom: 3em;		/* für alle rows als Sektionen für mehr Abstand */
	}
	#productcontent .row p {
		margin-bottom: 3em;		/* für die zweispaltigen Bildübersichten */
	}
	.unterseite h1 {
	  font-size: 18px;
	  margin-top: 0em;
	  margin-bottom: 0.2em;
	}
	@media (min-width: 768px) {
	.unterseite h1 {
	  font-size: 26px;
	  margin-bottom: 0.5em;  
	}  
	}
	@media (min-width: 992px) {
	.unterseite h1 {
	  font-size: 24px;
	  margin-bottom: 0.5em;  
	}  
	}
	@media (min-width: 1200px) {
	.unterseite h1 {
	  font-size: 28px;
	  margin-bottom: 0.5em;  
	}  
	}
	@media (min-width: 1440px) {
	.unterseite h1 {
	  font-size: 32px;
	  margin-bottom: 0.5em;  
	}  
	}
	.unterseite h2, .startseite .produktuebersicht h2{
	  font-size: 16px;
	  margin-top: 0.4em; 
	  margin-bottom: 1.5em;
	}
	@media (min-width: 768px) {
	.unterseite h2, .startseite .produktuebersicht h2 {
	  font-size: 19px;
	  margin-top: -0.6em;
	  margin-bottom: 1em;  
	}
	}
	@media (min-width: 992px) {
	.unterseite h2, .startseite .produktuebersicht h2 {
	  font-size: 21px;
	  margin-top: -0.6em;
	  margin-bottom: 1em;  
	}
	}
	@media (min-width: 1200px) {
	.unterseite h2, .startseite .produktuebersicht h2 {
	  font-size: 23px;
	  margin-top: -0.6em;
	  margin-bottom: 1em;  
	}
	}
	@media (min-width: 1440px) {
	.unterseite h2, .startseite .produktuebersicht h2 {
	  font-size: 26px;
	  margin-top: -0.6em;
	  margin-bottom: 1em;  
	}
	}
	p,
	li {
		font-size: 15px;
	}
	p.smallp {
		font-size: 12px;
		line-height: 1.3em;
	}
	@media (min-width: 768px) {
	p,
	li {
		font-size: 16px;
	}
	p.smallp {
		font-size: 12px;
	}
	}
	@media (min-width: 992px) {
	p,
	li {
		font-size: 17px;
	}
	p.smallp {
		font-size: 12px;
	}
	}
	@media (min-width: 1200px) {
	p,
	li {
		font-size: 18px;
	}
	p.smallp {
		font-size: 14px;
	}
	}
	@media (min-width: 1440px) {
	p,
	li {
		font-size: 19px;
	}
	p.smallp {
		font-size: 15px;
	}
	}
	p {
		margin: 0 0 1em;	
	}
	.bold {
		font-weight: bold;	
	}
	.facebook {
		color: #3b579d;
		text-decoration: none;
	}
	.facebook:hover,
	.facebook:focus {
		color: #3b579d;
		text-decoration: none;
	}
	.kursiv {
		font-style: italic;
	}
	.underline {
		text-decoration: underline;
	}
	.notextdecoration {
		text-decoration: none;		
	}
	.tief {
		letter-spacing: 2px;
		vertical-align: -1px; 
		font-size : 0.8em;	
	}
	.hoch {
		letter-spacing: 2px;
		vertical-align: 4px; 
		font-size : 0.8em;	
	}
	del {
		display: none;
	}
	/* LINKS----------------------------------------------*/
	a {
		color: inherit;
		text-decoration: underline;
	}
	a:link {
		  outline: none;
	}
	a:hover,
	a:focus {
	  color: #737373;
	  text-decoration: underline;
	}
	a.nolink,
	a.nolink:hover,
	a.nolink:focus,
	a.nolink:active {
		text-decoration: none !important;	
	}
	.tellink {
		text-decoration: none;
	}	
	.tellink:hover,
	.tellink:focus,
	.tellink:active {
		text-decoration: none;
		cursor: default;
	}
	.tellink:hover,
	.tellink:focus,
	.tellink:active {
		color: inherit !important;	
	}
	/* BILDER---------------------------------------------*/
	img {
		max-width: 100%;
		height: auto;
		text-align: center;
	}
	.produktbild {
		width: 100%;
	}
	.produktbild:hover {
		transform: scale(1.1);
	}
	.nooverflow {
		overflow: hidden;
	}
	.row img {
		margin-bottom: 15px;
		text-align: center;
	}
	@media (min-width: 768px) {
	.row img {
		margin-bottom: 30px;    
	}
	}
	#teaser,
	.teaser {
		margin-bottom: 0 !important;
	}
	#teaser2,
	.teaser2 {
		margin-bottom: 2em !important;
	}
	#teaser ul {
		margin: 0 !important;
	}
	.startbild {
		margin-top: 20px;
		padding: 5px;
		background: #fff;	
	}
	@media (min-width: 768px) {
	.startbild {
		margin-top: 40px;
		padding: 20px 20px 0 20px;
	}
	}
	.bildlinks {
		float: left;
		margin-right: 35px;
	}
	.bildlinks2 {
		float: left;
		margin-right: 50px;
	}
	iframe {
		border: none;	
	}
	.youtube,
	.youtube-klein {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 88%;
	}
	@media (min-width: 768px) {
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 93%;
	}
	}
	.youtube-klein iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 85%;
	}
	@media (min-width: 768px) {
	.youtube-klein iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 87%;
	}
	}
	@media (min-width: 992px) {
	.youtube-klein iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 86%;
	}
	}
	@media (min-width: 1200px) {
	.youtube-klein iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 91%;
	}
	}
	
	.dsgvo-block,
	.youtube-block {
		text-align: center;
		margin: 2em 0;
		padding: 0em 1em 2em 1em;
		background-color: #f9f9f9;
	}
	.dsgvo-block img,
	.youtube-block img {
		margin: 0 auto;
		max-width: 100%;    
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 88%;
	}
	@media (min-width: 768px) {
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 93%;
	}
	}
	.referenzen img {
		margin-bottom: 15px;
	}
	.border {
		border: 1px #ccc solid;
	}
	.rounded5 {
		border-radius: 5px;
	}
	.rounded10 {
		border-radius: 10px;
	}
	.rounded15 {
		border-radius: 15px;
	}
	.applook {
		border-radius: 15px;
		border: 1px solid #ccc;
		-webkit-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
		-moz-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
		box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
	}
	.shadow {
		-webkit-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
		-moz-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
		box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
	}
	.lieferantenlogo {
		margin-top: 3em;
		text-align: center;
	}
	/* AUFZÄHLUNGEN---------------------------------------*/
	ul{
		list-style-type: disc;		/* für z.B. Download-PDFs */
		margin: 1em 0 1em 1.1em;
	}
	ul.hakenliste {
		margin-top: 1.5em;
		margin-right: 0.3em;
		margin-left: 0.2em;
		margin-bottom: 0em;
	}
	ul.hakenliste li {
		list-style-type: none;
		margin-bottom: 1.5em;
		padding-left: 1.5em;
		text-indent: -1em;
	}
	ul.hakenliste i {
		color: #368ccb!important;
		width: 15px;
		text-align: center;
	}
	@media (min-width: 1300px) {
	ul.hakenliste i {			/* Extra Abstand speziell für Überschrift-Hakenlisten mit <br> für 2. Zeile in großer Bildschirmgröße */
		margin-right: 0.2em;	
	}
	}
		
	
	table.bildtabelle {
	  width: 100%;
	  margin-top: 10px;
	}
	table.bildtabelle td{
	  padding-bottom: 30px;
	}
	table.bildtabelle td.bildtabelletd1 {
	  width: 20%;
	  vertical-align: top;
	}
	table.bildtabelle td.bildtabelletd2 {
	  width: 80%;
	  vertical-align: top;
	}
	table.bildtabelle img {
	  padding: 5px 0;
	  max-width: 75%;
	  height: auto;
	}
	@media (min-width: 768px) {
	table.bildtabelle img {
	  padding: 5px 0;
	  max-width: 90%;
	  height: auto;
	}
	}
	/* PRODUKTÜBERSICHT------------------------------------------*/
	/* PRODUKTÜBERSICHT------------------------------------------*/
	/* PRODUKTÜBERSICHT------------------------------------------*/
	div.produktuebersicht {
		width: 100%;
		text-align: center;
		margin-top: 2em;
		margin-bottom: 1em;	
	}
	div.produktuebersicht div {
		margin-bottom: 30px;	
	}
	div.produktuebersicht div.nooverflow {
		margin-bottom: 0px !important;
		position: relative;
	}
	div.produktuebersicht img {
		height: auto;
		margin-bottom: 0;
	}
	
	div.produktuebersicht a {
		text-decoration: none;
		color: #fff;
	}
	div.produktuebersicht a:hover,
	div.produktuebersicht a:focus {
		color: #f2f2f2;
	}
	
	div.produktuebersicht h3 {							/* Links in Produktübersichten */
		position: absolute;
		bottom:  0;
		margin-top: 0;
		margin-bottom: 0; 
		text-align: center;
		margin: 0 auto;	
		width: 100%;
	}
	div.produktuebersicht h3 a {
		display: block;
		background-color: rgba(180,84,111,0.8);         /* KUNDENFARBE */
		-webkit-transition: background-color 0.4s linear;
		-moz-transition: background-color 0.4s linear;
		-ms-transition: background-color 0.4s linear;	
		-o-transition: background-color 0.4s linear;	
		transition: background-color 0.4s linear;		
		padding: 0.3em 0;
		width: 100%;
	}
	div.produktuebersicht h3 a:hover,
	div.produktuebersicht h3 a:focus {
		background-color: rgba(180,84,111,1);         /* KUNDENFARBE */
		-webkit-transition: background-color 0.4s linear;
		-moz-transition: background-color 0.4s linear;
		-ms-transition: background-color 0.4s linear;	
		-o-transition: background-color 0.4s linear;	
		transition: background-color 0.4s linear;	
	}
	@media (min-width: 768px) {
	div.produktuebersicht h3 {
	  font-size: 16px !important;
	}
	}
	@media (min-width: 992px) {
	div.produktuebersicht h3 {
	  font-size: 18px !important;
	}
	}
	@media (min-width: 1200px) {
	div.produktuebersicht h3 {
	  font-size: 19px !important;
	}
	}
	@media (min-width: 1440px) {
	div.produktuebersicht h3 {
	  font-size: 21px !important;
	}
	}
	
	h2.produktuebersicht-h2 {						/* Überschrift auf Produktseite */
		font-size: 14px !important;
		margin-bottom: 1em !important;	
	}
	@media (min-width: 768px) {
	h2.produktuebersicht-h2 {
		font-size: 16px !important;
		margin-top: 0.4em !important;
		margin-bottom: 3em !important;	
	}
	}
	
	
	
	div.produktuebersicht-alt {
		width: 100%;
		text-align: center;
		margin-top: 2em;
		margin-bottom: 1em;	
	}
	div.produktuebersicht-alt div {
		margin-bottom: 0px !important;
	}
	div.produktuebersicht-alt img {
		height: auto;
		margin-bottom: 0;
	}
	div.produktuebersicht-alt h3 {							/* Links in Produktübersichten */
	  position: relative !important;
	  margin-top: 0.5em !important;
	  margin-bottom: 2em !important;
	}
		
	div.produktuebersicht-alt h3 a {
		display: block;
		background-color: #fff !important;	
		padding: 0;
		width: 100%;
	}
	div.produktuebersicht-alt h3 a:hover,
	div.produktuebersicht-alt h3 a:focus {
		background-color: #fff !important;
	}
	
	div.produktuebersicht-alt a {
		text-decoration: underline;
		color: inherit;
	}
	div.produktuebersicht-alt a:hover,
	div.produktuebersicht-alt a:focus {
		color: #737373;
	}
		
		
	@media (min-width: 768px) {
	div.produktuebersicht-alt h3 {
	  margin-top: 0.5em !important;
	  margin-bottom: 2.5em !important;
	  font-size: 16px !important;
	}
	}
	@media (min-width: 992px) {
	div.produktuebersicht-alt h3 {
	  margin-top: 0.5em !important;
	  margin-bottom: 2.5em !important;
	  font-size: 18px !important;
	}
	}
	@media (min-width: 1200px) {
	div.produktuebersicht-alt h3 {
	  margin-top: 0.5em !important;
	  margin-bottom: 2.5em !important;
	  font-size: 19px !important;
	}
	}
	@media (min-width: 1440px) {
	div.produktuebersicht-alt h3 {
	  margin-top: 0.6em !important;
	  margin-bottom: 2.5em !important;
	  font-size: 21px !important;
	}
	}
	
	div.produktuebersichta-alt a,
	div.produktuebersichta-alt a:hover,
	div.produktuebersichta-alt a:focus {
		text-decoration: underline !important;
	}
	
	@media (min-width: 576px) {
	.produktuebersicht-versetzt {
		margin-top: 110px !important;
	}
	.produktuebersicht-versetzt div.versetzt {
		margin-top: -90px !important;
	}
	}
	@media (min-width: 768px) {
	.produktuebersicht-versetzt {
		margin-top: 130px !important;
	}
	.produktuebersicht-versetzt div.versetzt {
		margin-top: -105px !important;
	}
	}
	@media (min-width: 992px) {
	.produktuebersicht-versetzt {
		margin-top: 150px !important;
	}
	.produktuebersicht-versetzt div.versetzt {
		margin-top: -120px !important;
	}
	}
	@media (min-width: 1200px) {
	.produktuebersicht-versetzt {
		margin-top: 170px !important;
	}
	.produktuebersicht-versetzt div.versetzt {
		margin-top: -135px !important;
	}
	}
	@media (min-width: 1440px) {
	.produktuebersicht-versetzt {
		margin-top: 170px !important;
	}
	.produktuebersicht-versetzt div.versetzt {
		margin-top: -135px !important;
	}
	}
	
	
	/* TABELLEN------------------------------------------*/
	/* TABELLEN------------------------------------------*/
	/* TABELLEN------------------------------------------*/
	table.produktaufzaehlung {
		width: 100%;
		margin-top: 10px;
	}
	table.produktaufzaehlung td.produktaufzaehlungtd1 {
		width: 30%;
		vertical-align: middle;
	}
	table.produktaufzaehlung td.produktaufzaehlungtd2 {
		width: 70%;
		vertical-align: middle;
	}
	table.produktaufzaehlung img{
		padding: 15px 0 15px 0;
		max-width: 90%;
		height: auto;
	}
	table.produktaufzaehlung h4{
		font-size: 13px;
		line-height: 1.2em;	
		margin-top: 0;
	}
	@media (min-width: 768px) {
	table.produktaufzaehlung h4{
		font-size: 15px;
		line-height: 1.5em;	
		margin-top: 0;
	}
	}
	@media (min-width: 992px) {
	table.produktaufzaehlung h4{
		font-size: 17px;
		line-height: 1.5em;	
		margin-top: 0;
	}
	}
	table.produktaufzaehlung p{
		font-size: 14px;
		line-height: 1.4em;
		margin-bottom: 2em;
	}
	@media (min-width: 768px) {
	table.produktaufzaehlung p{	
		font-size: 15px;
		line-height: 1.5em;
		margin-bottom: 0em;		
	}
	}
	td.partner-ueberblicktd1 {
		width: 45%;
	}
	@media (min-width: 768px) {
		td.partner-ueberblicktd1 {
			width: 20%;
		}
	}
	.partner-ueberblick {			/*Tabelle auf Über-Uns-Seite*/
		width: 100%;
		border: none;
		margin-top: 20px;
	}
	.partner-ueberblick td{
		vertical-align: top;
	}
	.zeiten p {
		margin: 0;
	}
	.zeiten td{	
		vertical-align: top;	
	}
	.zeiten {						/*Öffnungszeiten*/
		float: left;	
		font-size: 12px;
	}
	@media (min-width: 768px) {
		.zeiten {
			font-size: 16px;
		}
	}
	@media (min-width: 992px) {
		.zeiten {
			font-size: 17px;
		}
	}
	@media (min-width: 1200px) {
		.zeiten {
			float: left;
			font-size: 18px;
		}
		.zeiten td{
			padding-right: 40px;
			vertical-align: top;	
		}
	}
	@media (min-width: 1440px) {
		.zeiten {
			font-size: 15px;
		}
	}
	.float-none {
		float: none;	
	}
	.float-left {
		float: left;	
	}
	.float-right {
		float: right;	
	}
	.ziffer {
		margin-left: -1px;
		margin-bottom: 10px !important;	
		margin-right: 10px;
	}
	.quelle {
		font-size: 14px;
		font-style: italic;
		margin-top: 1em;	
	}
	.back-to-top-button {					/* neuer nach Oben button mit Pfeil */
		background: rgba(180,84,111,0.8);
		position: fixed;
		padding: 12px 15px;
		bottom: 15px;
		right: 15px;
		font-size: 30px;
		color: #fff;
		margin: 0;
		border-radius: 2px;
		z-index: 8000;
	}
	.back-to-top-button:hover {
		background: rgba(153,153,153,0.9);
	}
	.telefon-button {					/* neuer Telefon-Button */
		background: rgba(180,84,111,0.8);
		position: fixed;
		padding: 12px;
		bottom: 15px;
		left: 15px;
		font-size: 30px;
		color: #fff;
		margin: 0;
		border-radius: 2px;
		z-index: 8000;	
	}
	@media (max-width: 575px) {
		.telefon-button,
		.back-to-top-button {
			bottom: 50px;
		}
	}
	a.back-to-top-button:hover,
	a.back-to-top-button:focus,
	a.telefon-button:hover,
	a.telefon-button:focus {
		color: #fff;
		background: rgba(180,84,111,0.9);
	}
	.beratung {
		margin-top: 4em;
	}
	/* KONTAKTBUTTONS -------------------------------*/
	/*#kontaktbuttons {
		margin-top: ;
	}*/
	.facebook-button {
		font-size: 13px;
		margin-bottom: 3em;	
		height: 30px;
		line-height: 30px;
		text-align: left;	
	}
	.facebook-button a {
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		text-align: center;	
		padding: 10px 20px 10px 18px;
		width: 100px;
		background: #3b5998;	
	}
	.facebook-button a:hover,
	.facebook-button a:focus {
		background: #adadad;
	}
	.kontaktaufruf {
		font-size: 13px;
		margin-bottom: 1em;	
		height: 30px;
		line-height: 30px;
		text-align: left;	
	}
	.kontaktaufruf a {
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		text-align: center;	
		padding: 10px 20px 10px 18px;
		width: 100px;
		background: #368ccb;	
	}
	.kontaktaufruf a:hover,
	.kontaktaufruf a:focus {
		background: #adadad;
	}
	@media (min-width: 768px){
	.kontakt-float {
		float: left;
		margin-right: 5px;
	}
	}
	/*---------------------------------------------*/
	.noborder {
		border-bottom: solid transparent 0px !important;							/*entfernt Trennstrich auf Startseite*/
	}
	.pointer {
		cursor: pointer !important;
	}
	/* KOPFBEREICH -------------------------------*/
	/* KOPFBEREICH -------------------------------*/
	/* KOPFBEREICH -------------------------------*/
	#kopfbereich{
		background-color: #fff;
		padding: 0 15px;	
	}
	@media (min-width: 576px) {
	#kopfbereich{
		padding: 0 15px;	
	}
	}
	@media (min-width: 768px) {
	#kopfbereich {
		padding: 0 30px;
	}
	}
	@media (min-width: 992px) {
	#kopfbereich {
		padding: 10px 30px;
		-webkit-transition: padding 0.4s linear;
		-moz-transition: padding 0.4s linear;
		-ms-transition: padding 0.4s linear;	
		-o-transition: padding 0.4s linear;	
		transition: padding 0.4s linear;	
	}
	.scrolled #kopfbereich { /* damit paqdding von #logo undverändert bleiben kann und nicht flackert, bei mobil aber dennoch einen kleineren Rand hat */
		padding: 0px 30px;
		-webkit-transition: padding 0.4s linear;
		-moz-transition: padding 0.4s linear;
		-ms-transition: padding 0.4s linear;	
		-o-transition: padding 0.4s linear;	
		transition: padding 0.4s linear;		
	}
	}
	#innerkopfbereich{
		height: 75px;
		background-color: #fff;
		-webkit-transition: height 0.4s linear;
		-moz-transition: height 0.4s linear;
		-ms-transition: height 0.4s linear;	
		-o-transition: height 0.4s linear;	
		transition: height 0.4s linear;		
	}
	@media (min-width: 576px) {
	#innerkopfbereich{
		height: 90px;	
	}
	.scrolled #innerkopfbereich {
		height: 90px;
		-webkit-transition: height 0.4s linear;
		-moz-transition: height 0.4s linear;
		-ms-transition: height 0.4s linear;	
		-o-transition: height 0.4s linear;	
		transition: height 0.4s linear;	
	}
	}
	@media (min-width: 768px) {
	#innerkopfbereich {
		height: 90px;
	}
	.scrolled #innerkopfbereich {
		height: 90px !important;
	}
	}
	@media (min-width: 992px) {
	#innerkopfbereich {
		height: 90px;
	}
	.scrolled #innerkopfbereich {
		height: 90px !important;
	}
	}
	@media (min-width: 1200px) {
	#innerkopfbereich {
		height: 100px;	
	}
	.scrolled #innerkopfbereich {
		height: 90px !important;
	}
	}
	@media (min-width: 1440px) {
	#innerkopfbereich {
		height: 120px;	
	}
	.scrolled #innerkopfbereich {
		height: 90px !important;
	}
	}
	/*Infobar*/
	#infobar{
		width: 100%;
		height: 35px;
		text-align: right;
		background-color: #444;
	}
	@media (min-width: 768px) {
	#infobar{
		height: 40px;
	}
	}
	@media (min-width: 992px) {
	#infobar{
		height: 45px;
	}
	}
	#infobar p {
		text-align: center;
		margin: 0;
		font-family: 'Assistant', sans-serif!important;	
		font-size: 12px;
		line-height: 30px;
		font-weight: bold;
		color: #fff;	
	}
	@media (min-width: 768px) {
	#infobar p {
		font-size: 13px;	
		line-height: 35px;
	}
	}
	@media (min-width: 992px) {
	#infobar p {
		font-size: 14px;	
		line-height: 40px;
	}
	}
	@media (min-width: 1200px) {
	#infobar p {
		font-size: 15px;	
	}
	}
	@media (min-width: 768px) {
	#infobar p.infobar-links {
		float: left;
	}
	}
	@media (min-width: 768px) {
	#infobar p.infobar-rechts {
		float: right;
	}
	}
	#infobar a {
			text-decoration: none;
	}
	#infobar a:hover, #infobar a:focus {
		color: inherit;
		text-decoration: underline;
	}
	.inverse-infobar,
	.inverse-infobar .container {
		background-color: #fff !important;	
	}
	.inverse-infobar p {
		color: #030303 !important;	
	}
	.scroll-menu {					/* Hintergrundleiste für Menü wenn es oben fixiert wird */
		background-color: #444;
		z-index: 1000;
	}
	/* LOGO */
	#logo{
		height: 100%;
		width: 325px;	
		float: left;
		padding: 10px 0;		
	}
	@media (min-width: 576px) {
	#logo{
		width: 325px;
	}
	}
	@media (min-width: 768px) {
	#logo{
		width: 325px;
	}
	}
	@media (min-width: 992px) {
	#logo{
		width: 260px;
		
	}
	.scrolled #logo {
	}
	}
	@media (min-width: 1200px) {
	#logo{
		width: 375px;			
	}
	.scrolled #logo {
	}
	}
	#logo img {
		height: 100%;
		width: auto;	
	}
	@media (min-width: 1400px) {
	#logo{
		width: 460px;			
	}
	.scrolled #logo {
	}
	}
	#logo img {
		height: 100%;
		width: auto;	
	}
	/* TEASER -------------------------------*/
	/* TEASER -------------------------------*/
	/* TEASER -------------------------------
	@media (min-width: 992px) {
	.startseite #teaser {					
		-webkit-transition: margin-top 0.4s linear;
		-moz-transition: margin-top 0.4s linear;
		-ms-transition: margin-top 0.4s linear;	
		-o-transition: margin-top 0.4s linear;	
		transition: margin-top 0.4s linear;	
	}	
	.startseite.scrolled #teaser {	
		margin-top: 140px;
		-webkit-transition: margin-top 0.4s linear;
		-moz-transition: margin-top 0.4s linear;
		-ms-transition: margin-top 0.4s linear;	
		-o-transition: margin-top 0.4s linear;	
		transition: margin-top 0.4s linear;	
	}
	}*/
	/* BREADCRUMBS -------------------------------*/
	/* BREADCRUMBS -------------------------------*/
	/* BREADCRUMBS -------------------------------*/
	.breadcrumb {
		padding: 0px; 
		margin-bottom: 15px;
		list-style: none;
		background-color: inherit;
		border-radius: 0px;
	}
	@media (min-width: 768px) {
	.breadcrumb { 
		margin-bottom: 15px;
	}
	}
	@media (min-width: 992px) {
	.breadcrumb {  
		margin-bottom: 30px;
	}
	}
	.breadcrumb span,
	.breadcrumb .breadcrumb-item {
		font-size: 12px;
	}
	@media (min-width: 992px) {
	.breadcrumb span,
	.breadcrumb .breadcrumb-item {
		font-size: 14px;
	}
	}
	.breadcrumb .breadcrumb-item .active{
		font-weight: bold;
	}
	/* HAUPTNAVIGATION -------------------------------*/
	/* HAUPTNAVIGATION -------------------------------*/
	/* HAUPTNAVIGATION -------------------------------*/
	
	.menu-right {
		float: right !important;
	}
	.menu-left {
		float: left !important;
	}
	.menu-center {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;	
	}
	.logo-right {
		float: right !important;
	}
	.logo-left {
		float: left !important;
	}
	/* SIDEBAR ---------------------------------------------*/
	/* SIDEBAR ---------------------------------------------*/
	/* SIDEBAR ---------------------------------------------*/
	#sidebar .navbar-default {
		background-color: inherit;
		margin-bottom: 15px;	
	}
	@media (min-width: 991px) {
	#sidebar .navbar-default {
		display:block;
	}
	#sidebar .navbar-default .collapse{
		display:block;
		visibility:visible;
	}
	}
	#sidebar .navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}
	#sidebar ul.nav {
		margin: 0;
	}
	/* SIDEBARTITLE */
	#sidebar a.sidebarnavititle {						/* wie productcontent h1 */
		font-size: 26px;
		color: inherit;
		text-decoration: none;
		font-weight: 700;
		line-height: 1.5em;	
	}
	#sidebar h2 {
		margin-bottom: 0.5em !important;	
	}
	/* SCHRIFTGRÖßEN */
	/* Ebene 1: Fenster, Türen...*/
	#sidebar ul.nav li a{
		color: inherit;
		text-decoration: none;
		font-size:16px;
	}
	/* Ebene 2*/
	#sidebar ul.nav li ul li a{
		color: inherit;
		font-size: 15px;
	}
	/* Ebene 3*/
	#sidebar ul.nav li ul li ul li a{
		color: inherit;
		font-size: 14px;
	}
	/* Ebene 4*/
	#sidebar ul.nav li ul li ul li ul li a{
		color: inherit;
		font-size: 13px;
	}
	@media (min-width: 1200px) {
	/* Ebene 1: Fenster, Türen...*/
	#sidebar ul.nav li a{
		font-size:18px;
	}
	/* Ebene 2*/
	#sidebar ul.nav li ul li a{
		font-size: 17px;
	}
	/* Ebene 3*/
	#sidebar ul.nav li ul li ul li a{
		font-size: 16px;
	}
	/* Ebene 4*/
	#sidebar ul.nav li ul li ul li ul li a{
		font-size: 15px;
	}
	}
	@media (min-width: 1440px) {
	/* Ebene 1: Fenster, Türen...*/
	#sidebar ul.nav li a{
		font-size:20px;
	}
	/* Ebene 2*/
	#sidebar ul.nav li ul li a{
		font-size: 19px;
	}
	/* Ebene 3*/
	#sidebar ul.nav li ul li ul li a{
		font-size: 18px;
	}
	/* Ebene 4*/
	#sidebar ul.nav li ul li ul li ul li a{
		font-size: 17px;
	}
	}
	/* EINRÜCKUNGEN */
	#sidebar ul.nav li a {
	  padding: 9px 18px 9px 12px !important;
	}
	#sidebar ul.nav li a.nav-zwei {
	  padding: 9px 18px 9px 20px !important;
	}
	#sidebar ul.nav li ul li a.nav-drei {
	  padding: 6px 18px 6px 30px !important;
	}
	#sidebar ul.nav li ul li ul li a.nav-vier {
	  padding: 9px 18px 9px 42px !important;
	}
	/* FARBEN */
	#sidebar ul.nav li a.active,						/* Aktives Navi-Element außerhalb der grauen Box*/
	#sidebar ul.nav li a.active:hover,
	#sidebar ul.nav li a.active:focus {
		color: #fff;
		font-weight: bold;
		background-color: #368ccb;					
		cursor: default;	
	}
	#sidebar ul.nav li a:hover, 						/* Hover außerhalb der grauen Box in Templatefarbe */
	#sidebar ul.nav li a:focus {
		color: #fff;
		font-weight: bold;
		background-color: #368ccb;					
	}
	#sidebar ul.nav-pills li { 
		font-weight: normal;
	}
	#sidebar ul.nav-stacked > li + li {
		margin-top: 0px;
		margin-left: 0;
	}
	/* graue Box*/
	ul.produkthauptseite { 							/* graue Box auf Produkthauptseite* */
		background-color: #f0f0f0;
	}
	#sidebar ul.nav .grau  {							/*regelt border-radius der kompletten grauen Box*/	 
		background-color: #f0f0f0;	
	}
	#sidebar ul.nav li.grau > a.active,
	#sidebar ul.nav li.grau > a.active:hover,
	#sidebar ul.nav li.grau > a.active:focus {		/*regelt obersten Punkt der grauen Box, wenn active*/
		background-color: #368ccb;
		color: #fff;
		font-weight: bold;
	}
	#sidebar ul.nav li.grau ul li a.active {			/*regelt alle mittleren aktiven Punkte*/
		text-decoration: none;						/*betrifft alle aktiven Punkte*/
	}
	#sidebar ul.nav li.grau a.lastgrau,
	#sidebar ul.nav li.grau a.lastgrau:hover,
	#sidebar ul.nav li.grau a.lastgrau:focus {		/*regelt border-radius des letzten Unterpunktes der grauen Box*/	 
	}
	#sidebar ul.nav li.grau a:hover, 					/*regelt Hover innerhalb der grauen Box */
	#sidebar ul.nav li.grau a:focus {
		font-weight: normal;	
		text-decoration: none;
		color: inherit;	
		background-color: #e3e3e3;
	}
	#sidebar ul.nav li.grau a.active, 	
	#sidebar ul.nav li.grau a.active:hover, 					/*regelt Hover innerhalb der grauen Box */
	#sidebar ul.nav li.grau a.active:focus {
		text-decoration: none;
		background-color: #368ccb;
		color: #fff;
		font-weight: bold;	
	}
	#sidebar ul.nav li.grau > a:hover,
	#sidebar ul.nav li.grau > a:focus {				/*regelt Hover des obersten Punkt der grauen Box*/
	}
	#sidebar ul.nav li.grau a.activeparent,				/*regelt den Elternlink des aktiven li (in der grauen Box)*/
	#sidebar ul.nav li.grau a.activeparent:hover,
	#sidebar ul.nav li.grau a.activeparent:focus {
		cursor: pointer;
		font-weight: bold;
	}
	/*MOBILES SIDEBARMENÜ */
	@media (max-width: 991px) {
	#sidebar .navbar-collapse {
		background-color: inherit;
		margin-top: 15px;	
		margin-bottom: 15px;
		padding-right: 0px;
		padding-left: 0px;
		overflow-x: visible;
		-webkit-overflow-scrolling: touch;
		border-top: none;
		box-shadow: none;
	}
	#sidebar .navbar-collapse ul {						/*zentriert die ausgeklappte Navigation */   
		width: 100%;
		background-color: #fafafa;						/* bei ausgeklappter Produktnavi: macht desamte Box hellgrau */ 
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;	
	}
	#sidebar .navbar-collapse .navbar-nav > li {		/*zentriert die ausgeklappte Navigation */    
		float: none;
		display: block;
		width: 100%;
	}
	#sidebar .navbar-collapse ul li.grau a  {			/* bei ausgeklappter Produktnavi: macht graue Box etwas dunkler */   
		background-color: #f0f0f0;
	}
	#sidebar .navbar-collapse ul li.grau ul li + li  {				/*entfernt 2px Abstand innerhalb der grauen Box, durch den der hellere Jintergrund durchkam */   
		margin-top: 0px !important;
	}
	#sidebar .navbar-collapse ul.nav > li > a.nav-zwei { 
	  padding: 9px 18px 9px 30px !important;
	}
	#sidebar .navbar-collapse ul.nav > li > ul > li>  a.nav-drei { 
	  padding: 6px 18px 6px 40px !important;
	}
	#sidebar .navbar-collapse ul.nav > li > ul > li> ul > li> a.nav-vier { 
	  padding: 9px 18px 9px 45px !important;
	}
	}
	/* SIDEBARLOGO */
	@media (max-width: 991px) {
	#sidebarlogo {
		display: none;
	}
	}
	@media (min-width: 992px) {
	#sidebarlogo{		
		text-align:	center;
		width: 100%;
		height: auto;
		position: relative;		
		right: 0;
		top: 0;	
		margin-top: 60px;	
		color: #fff;
	}
	}
	#sidebarlogo a:hover, #sidebarlogo a:active {
		color: #fff;
	}
	@media (min-width: 992px) {
	#sidebar img {
		max-height: 100%;
		max-width: 100%;
		margin: 0 auto;
		text-align:	center;	
		position: relative;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		padding: 0 20px; /* da 2020er Templates breiter sind */
	}
	}
	/* HAUPTBEREICH----------------------------------------------------*/
	/* HAUPTBEREICH----------------------------------------------------*/
	/* HAUPTBEREICH----------------------------------------------------*/
	#hauptbereich {
		clear: both;
		background-color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;	
	}
	@media (min-width: 768px) {
	#hauptbereich {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;	
	}
	}
	#innerhauptbereich {
		overflow: hidden;
		padding: 30px 0;
	}
	@media (min-width: 768px) {
	#innerhauptbereich {
		padding: 30px 0;
	}
	}
	@media (min-width: 992px) {
	#innerhauptbereich {
		padding: 30px 0;
	}
	}
	/* FOOTER----------------------------------------------------*/
	/* FOOTER----------------------------------------------------*/
	/* FOOTER----------------------------------------------------*/
	#innerfooter {
		padding-bottom: 140px;
	}
	@media (min-width: 576px) {
	#innerfooter {
		padding-bottom: 70px;
	}
	}
	@media (min-width: 768px) {
	#innerfooter {
		padding-bottom: 15px;
	}
	}
	#footer ul {
		text-align: center;
	}
	@media (min-width: 1200px) {
	#footer ul {
		text-align: right;
	}
	#footer p {
		text-align: left;	
	}
	}
	.adresse {
		margin-bottom: 25px;
	}
	@media (min-width: 1200px) {
	.adresse {
		margin-bottom: 0px;
	}
	}
	.adresse p {
		font-size: 12px !important;
		margin-top: 13px;	
		line-height: 1.5em;
		margin-bottom:0;
		text-align: center;
		font-weight: bold;
	}
	@media (min-width: 992px) {
	.adresse p {
		font-size: 14px !important;
	}
	}
	@media (min-width: 1440px) {
	.adresse p {
		font-size: 16px !important;
	}
	}
	
	#footer .list-inline > li {
		display: inline-block;
		margin-right: 5px;	
	}
	#footer .list-inline > li:last {
		display: inline-block;
		margin-right: none !important;
	}
	/* BUTTON FOOTER */
	#footer .btn {
		display: inline-block;
		padding: 4px 4px;
		margin-bottom: 0;
		font-weight: bold;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
			touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
		background-image: none;
		border: 0px solid transparent;
		text-decoration: none; 	
	}
	#footer .btn-footer:hover,
	#footer .btn-footer:focus,
	#footer .btn-footer.focus,
	#footer .btn-footer:active,
	#footer .open > .dropdown-toggle.btn-footer {
		cursor: pointer;
	}
	#footer .btn-footer.active {
		cursor: default;  	 	
	}
	/*FOOTERZUSATZ*/
	#footerzusatz {
		width: 100%;
		padding-top: 1em;
	}
	#produktangebot {
		color: #dedede !important;
		padding-top: 1em;
		padding-bottom: 1em;	
	}
	 #produktangebot ul {
		text-align: center;
		margin-top: 0 !important;
		margin-left: 0 !important;
		display: inline-block;
	}
	#footer p,
	#produktangebot p,
	#produktangebot ul li {
		font-size: 12px;
		color: #dedede !important;
	}
	#produktangebot p,
	#produktangebot ul li {
		text-align: center;	
	}
	#produktangebot ul.nav li a {
		padding: 4px 6px;
		display: inline-block;
	}
	#produktangebot ul.nav li a:hover {
		background-color: inherit;
		color: #fff;
	}
	#produktangebot h1 {
	display: none;
	}
	#produktangebot .nav-stacked li {
		float: none;
		display: inline;	
	}
	
	
	/* cookiebanner DSGVO 2020/2021 */
	.cookieConsentContainer {
		z-index: 9500;
		width: 350px;
		min-height: 20px;
		box-sizing: border-box;
		padding: 30px 30px 30px 30px;
		background: #242424;
		overflow: hidden;
		position: fixed;
		bottom: 30px;
		right: 30px;
		display: none;
	}
	.cookieConsentContainer .cookieTitle a,
	.cookieConsentContainer .cookieTitle a:hover {
		font-family: OpenSans, arial, "sans-serif";
		color: #FFFFFF;
		font-size: 22px;
		line-height: 20px;
		display: block;
		cursor: auto;
		text-decoration: none;
	}
	.cookieConsentContainer .cookieDesc p {
		margin: 0;
		padding: 0;
		font-family: OpenSans, arial, "sans-serif";
		color: #FFFFFF;
		font-size: 15px;
		line-height: 20px;
		display: block;
		margin-top: 10px;
	} .cookieConsentContainer .cookieDesc a {
		font-family: OpenSans, arial, "sans-serif";
		color: #FFFFFF;
		text-decoration: underline;
	}
	.cookieConsentContainer .cookieButton a {
		display: inline-block;
		font-family: OpenSans, arial, "sans-serif";
		color: #0F0F0F;
		font-size: 14px;
		font-weight: bold;
		margin-top: 14px;
		background: #ccc;
		box-sizing: border-box; 
		padding: 10px 14px;
		text-align: center;
		transition: background 0.3s;
	}
	.cookieConsentContainer .cookieButton a:hover { 
		cursor: pointer;
		background: #eee;
	}
	@media (max-width: 991px) {
		.cookieConsentContainer {
			bottom: 0px !important;
			left: 0px !important;
			width: 100%  !important;
		}
	}
	
	/* start consent-tools  DSGVO 2020/2021 */
	.yt-video-consent-wrapper,
	.vimeo-video-consent-wrapper,
	.markilux-banner-consent-wrapper,
	.markilux-configurator-consent-wrapper,
	.markilux-consent-wrapper,
	.neutral1-consent-wrapper,
	.neutral2-consent-wrapper {
		padding: 15px 15px 5px 15px;
		background-color: #EFEFEF;	
	}
	.yt-video-consent-wrapper-pic,
	.vimeo-video-consent-wrapper-pic,
	.markilux-banner-consent-wrapper-pic,
	.markilux-configurator-consent-wrapper-pic,
	.markilux-consent-wrapper-pic,
	.neutral1-consent-wrapper-pic,
	.neutral2-consent-wrapper-pic {
		cursor: pointer;
		max-width: 100%;
		height: auto;
	}
	.yt-video-consent-check-wrap,
	.vimeo-video-consent-check-wrap,
	.markilux-banner-consent-check-wrap,
	.markilux-configurator-consent-check-wrap,
	.markilux-consent-check-wrap,
	.neutral1-consent-check-wrap,
	.neutral2-consent-check-wrap {
		padding: 0px 15px 15px 15px;	
		background-color: #EFEFEF;
		margin-bottom: 30px;
	}
	.yt-video-consent-text,
	.vimeo-video-consent-text,
	.markilux-banner-consent-text,
	.markilux-configurator-consent-text,
	.markilux-consent-text,
	.neutral1-consent-text,
	.neutral2-consent-text {
		width: 100%;
		height: auto;
	}
	.yt-video-consent-text p,
	.vimeo-video-consent-text p,
	.markilux-banner-consent-text p,
	.markilux-configurator-consent-text p,
	.markilux-consent-text p,
	.neutral1-consent-text p,
	.neutral2-consent-text p {
		margin: auto;
	}
	.yt-video-consent-wrapper iframe,
	.vimeo-video-consent-wrapper iframe,
	.markilux-banner-consent-wrapper iframe,
	.markilux-configurator-consent-wrapper iframe,
	.markilux-consent-wrapper iframe,
	.neutral1-consent-wrapper iframe,
	.neutral2-consent-wrapper iframe {
		height: 0px;
		width: 0px;
	}
	/* end consent-tools */
	
	
	/* DATENSCHUTZERKLÄRUNG--------------------------------------*/
	.datenschutzdiv h2 {
		margin-top: 3.5em !important;
		margin-bottom: 0.1em !important;
	}
	.datenschutzdiv h3 {
		margin-top: 2.5em !important;
		margin-bottom: 0.5em !important;
	}
	
	
	/* AKTUELLES----------------------------------------------*/
	/* AKTUELLES----------------------------------------------*/
	/* AKTUELLES----------------------------------------------*/
	div.rand {
		width: 700px; 
		padding: 10px; 
		border-left-style: solid;
		border-left-width: 20px;
		border-left-color: #F6F6F2;
		background-color: white;
		text-align: left;
	}
	input.mini {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: gray;
		border-style: dashed;
		border-width: 1px;
		border-color: #F6F6F2;
		font-size: 8pt;
	}
	.linie {
		border-top-style: solid;
		border-top-width: 1px;
		border-color: silver;
	}
	table {
		background-color: white;
	}
	input.area {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		border: inherit solid 1px;
		width: 180px;
		font-size: 0.9em;
		padding: 5px;
		margin: 0;
		margin-top: 5px;
		color: #333;
		line-height: 0.9em;
	}
	input.areaheadline {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		border: inherit solid 1px;
		width: 360px;
		font-size: 0.9em;
		padding: 5px;
		margin: 0;
		margin-top: 5px;
		color: #333;
		line-height: 0.9em;
	}
	.red {
	color: #F00;	
	}
	#news h2,
	.startnews h2{
		margin-bottom: 0.6em;
	}
	#news h3,
	.startnews h3{
		margin-bottom: 0.4em;
	}
	#news p {
		line-height: 1.5em;
	}
	.headline {
		font-weight: bold;
		margin-top: 0.2em !important;
	}
	.headline2 {
		font-size: 16px !important;
		font-weight: bold;
	}
	.bildunterschrift {
		text-align: center !important;
		font-size: 12px !important;
		display: block !important;
		margin-top: -10px;
	}
	.deleteformat {
		text-align: left !important;
		font-size: 14px !important;
		font-weight: normal !important;
	}
	.newsli {
		margin-top: 2em;
		margin-bottom: 4em;	
		padding: 1em;
		background: rgb(240,240,240);
		background: -moz-linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 79%);
		background: -webkit-linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 79%);
		background: linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 79%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);	
	}
	.listNews a:link,
	.listNews a:visited,
	.listNews a:hover,
	.listNews a:active,
	.listNews a:focus {
		  outline: none;
		color: inherit;
		text-decoration: underline;
	}
	.listNews {
		list-style-type: none;
	}
	ul.listNews {
		margin: 0;
	}
	.datumsangabe {
		color: #368ccb;
		margin: 0 !important;	
	}
	.autor {
		font-size: 14px !important;
		line-height: 1.4em;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-color: inherit;
		padding-bottom: 8px;
		font-style: italic;
		margin: 0 !important;
	}
	/* KONTAKT------------------------------------------------*/
	/* KONTAKT------------------------------------------------*/
	/* KONTAKT------------------------------------------------*/
	label {
	  display: inline-block;
	  max-width: 100%;
	  margin-top: 10px;
	  margin-bottom: 5px;
	  font-weight: bold;
	  font-size: 14px;
	}
	@media (min-width: 768px) {
	label {
	  font-size: 14px;
	}
	}
	@media (min-width: 992px) {
	label {
	  font-size: 15px;
	}
	}
	@media (min-width: 1200px) {
	label {
	  font-size: 16px;
	}
	}
	@media (min-width: 1440px) {
	label {
	  font-size: 17px;
	}
	}
		
	span.rechnung {
		margin-left: 15px;
		font-size: 1.1em;
	}
	.form-control {
	  border-color: #030303;	
	}
	.btn:focus,
	.btn:active:focus,
	.btn.active:focus,
	.btn.focus,
	.btn:active.focus,
	.btn.active.focus {
	  outline: thin dotted;
	  outline: 5px auto -webkit-focus-ring-color;
	  outline-offset: -2px;
	}
	.form-control:focus {
	  border-color: #368ccb;		/*TEMPLATEFARBE*/
	  border-width: 1px;
	  outline: 0;
	  -webkit-box-shadow: none;
			  box-shadow: none; 
	}
	.btn-kontakt {
		background:#368ccb;		/*TEMPLATEFARBE*/
		border-color: transparent;
	}
	.btn:active,
	.btn.active {
	  background-image: none;
	  outline: 0;
	  box-shadow: none;
	}
	.sendbutton button {
		color: #fff;
		font-weight: normal;
	}
	.sendbutton .btn:hover,
	.sendbutton .btn:focus {
		color: #fff;
		font-weight: normal;
		text-decoration: none;	
	}
	.btn-kontakt:hover,
	.btn-kontakt:focus {
	  background-color: #999;
	  background-position: 0 -15px;
	}
	.btn-kontakt:active,
	.btn-kontakt.active {
	  background-color: #ccc;
	  border-color: #dbdbdb;
	}
	labelred {
		font-size: 0.9em;
		color: #F00;
	}			
	/* Dieser Abschnitt ist fuer das Skript wichtig */
	.form input, .form textarea { 
		position: static !important; 
		display: block !important; 
		speak: normal !important; 
	}
	#error-Box {
		border: 0.01em solid #f00;
		background: #f1e7e6;
		font-weight: bold;
		color: #f00;
		padding: 0.5em;
		text-align: center;
		margin-bottom: 1em;
		font-size: 0.8em;
	}
	/* GOOGLE MAPS---------------------------------------------*/
	/* GOOGLE MAPS---------------------------------------------*/
	/* GOOGLE MAPS---------------------------------------------*/
	#googlemap iframe{
		width: 100%;
		height: 350px;
		border: none;
		margin: 0;
	}
	@media (min-width: 768px) {
	#googlemap iframe{
		height: 560px;
	}
	}
	/* SLIDEBOX ---------------------------------------------*/
	/* SLIDEBOX ---------------------------------------------*/
	/* SLIDEBOX ---------------------------------------------*/
	#slidebox{
		width:315px;
		padding:35px 15px 30px 30px;
		background-color:#fff;
		position:fixed;
		bottom:0px;
		right:-430px;
		-moz-box-shadow: 0px 0px 3px #030303;
		-webkit-box-shadow: 0px 0px 3px #030303;
		box-shadow: 0px 0px 3px #030303;
		z-index: 5500;
	}
	#slidebox p {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		color:inherit;
	}
	#slidebox img {
		margin: 5px 0 20px 0;
	}
	a.more{
		font-size:11px;
		font-weight: bold;	
		text-transform:uppercase;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		letter-spacing:1px;
		line-height: 1.5;
		color:inherit;
	}
	a.more:hover{
		text-decoration:underline;
	}
	#slidebox h2{
		color:#368ccb;				
		font-size:18px;
		line-height: 1.3;	
		margin:10px 20px 10px 0px;
	}
	a.closebutton{
		background:transparent url(../img/slidebox/closebutton.gif) no-repeat top left;
		width:80px;
		height:20px;
		position:absolute;
		cursor:pointer;
		top:10px;
		right:10px;
	}
	a.closebutton:hover{
	}
	/* SITEMAP----------------------------------------------*/
	/* SITEMAP----------------------------------------------*/
	/* SITEMAP----------------------------------------------*/
	#sitemapliste ul {
		margin: 0;
	}
	#sitemapliste a {
		line-height: 1.7em;
	}
	.sitemap1, .sitemap2, .sitemap3, .sitemap4, .sitemap5 ,.sitemap6, .sitemap7, .sitemap8 {
		list-style-type: none;
	}
	.sitemap1 a, .sitemap2 a, .sitemap3 a, .sitemap4 a, .sitemap5 a, .sitemap6 a, .sitemap7 a, .sitemap8 a {
		color: inherit;
	}
	.sitemap1 {
		margin-left: 0;
		font-size: 1.05em;
		line-height: 1.3em;	
	}
	.sitemap2 {
		margin-left: 1em;
		font-size: 1em;
		line-height: 1.3em;	
	}
	.sitemap3 {
		margin-left: 2em;
		font-size: 0.95em;
		line-height: 1.3em;		
	}
	.sitemap4 {
		margin-left: 3em;
		font-size: 0.9em;
		line-height: 1.3em;			
	}
	.sitemap5 {
		margin-left: 4em;
		font-size: 0.9em;
		line-height: 1.3em;		
	}
	.sitemap6 {
		margin-left: 5em;
		font-size: 0.85em;
		line-height: 1.3em;	
	}
	.sitemap7 {
		margin-left: 6em;
		font-size: 0.8em;
		line-height: 1.3em;	
	}
	.sitemap8 {
		margin-left: 7em;
		font-size: 0.75em;
		line-height: 1.3em;	
	}
	/* ENDE SITEMAP*/
	/* TINY ---------------------------------------------*/
	/* TINY ---------------------------------------------*/
	/* TINY ---------------------------------------------*/
	.tinyhinweis{
		font-size: 12px !important;
		font-style: italic;
		font-weight: bold;
	}
	.tinybildbox {
	 text-align: center;
	 }
	 
	.tinybild{
		max-height: 500px; 
		margin: 0 auto;
		padding: 0;
		max-width: 100%;
	}
	/*COLORBOX CSS*/
	/* --------------------------------------------------------------------------------------------------------------------- */
	/* --------------------------------------------------------------------------------------------------------------------- */
	/* --------------------------------------------------------------------------------------------------------------------- */
	/*
		Colorbox Core Style:
		The following CSS is consistent between example themes and should not be altered.
	*/
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxWrapper {max-width:none;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
	.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
	#colorbox, #cboxContent, #cboxLoadedContent{-moz-box-sizing:content-box; -webkit-box-sizing:content-box;box-sizing:content-box;}
	/* 
		User Style:
		Change the following styles to modify the appearance of Colorbox.  They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
	*/
	#cboxOverlay{background:url(../img/colorboximages/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
	#colorbox{outline:0;}
		#cboxTopLeft{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -101px 0;}
		#cboxTopRight{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -130px 0;}
		#cboxBottomLeft{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -101px -29px;}
		#cboxBottomRight{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -130px -29px;}
		#cboxMiddleLeft{width:21px; background:url(../img/colorboximages/controls.png) left top repeat-y;}
		#cboxMiddleRight{width:21px; background:url(../img/colorboximages/controls.png) right top repeat-y;}
		#cboxTopCenter{height:21px; background:url(../img/colorboximages/border.png) 0 0 repeat-x;}
		#cboxBottomCenter{height:21px; background:url(../img/colorboximages/border.png) 0 -29px repeat-x;}
		#cboxContent{background:#fff; overflow:hidden;}
			.cboxIframe{background:#fff;}
			#cboxError{padding:50px; border:1px solid #ccc;}
			#cboxLoadedContent{margin-bottom:28px; margin-top: 60px;}
			#cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#666;}
			#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
			#cboxLoadingOverlay{background:url(../img/colorboximages/loading_background.png) no-repeat center center;}
			#cboxLoadingGraphic{background:url(../img/colorboximages/loading.gif) no-repeat center center;}
			/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
			#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
			
			/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
			#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
			#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
			#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorboximages/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
			#cboxPrevious:hover{background-position:-75px -25px;}
			#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorboximages/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
			#cboxNext:hover{background-position:-50px -25px;}
			#cboxClose{position:absolute; top:0; right:0; background:url(../img/colorboximages/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
			#cboxClose:hover{background-position:-25px -25px;}
	/*
	  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
	  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
	  See: http://jacklmoore.com/notes/ie-transparency-problems/
	*/
	.cboxIE #cboxTopLeft,
	.cboxIE #cboxTopCenter,
	.cboxIE #cboxTopRight,
	.cboxIE #cboxBottomLeft,
	.cboxIE #cboxBottomCenter,
	.cboxIE #cboxBottomRight,
	.cboxIE #cboxMiddleLeft,
	.cboxIE #cboxMiddleRight {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	}
	/* REHAU--------------------------------------*/
	/* REHAU--------------------------------------*/
	/* REHAU--------------------------------------*/
	#body-wissenlightframe,
	#wrap-wissenlightframe,
	#innerwrapper-wissenlightframe,
	#hauptbereich-wissenlightframe, 
	#innerhauptbereich-wissenlightframe {
		width: 590px !important;
		background-color: #fff !important;
		background-image: none !important;
		margin: 0 auto !important;
	}
	/* PRODUKTSUBNAVIGATION------------------*/
	nav.produktsubnav {
		width: 100%;
	}
	nav.produktsubnav::after {
		display: block;
		clear: both;
		content: "";
	}
	nav.produktsubnav ul {
		width: 100%;	
		float: left;
		margin: 10px 0 20px 0;
		padding-bottom: 10px;
		border-bottom: #ccc 2px solid;
		line-height: 1.5em;
	}
	@media (min-width: 768px) {
	nav.produktsubnav ul {
		width: 100%;	
		float: left;
		margin: 10px 0 30px 0;
		padding-bottom: 15px;
		border-bottom: #ccc 2px solid;	
	}
	}
	/*RSP*/
	nav.produktsubnav ul li{
		float:left;
		display: inline;
		background-color: #f2f2f2;	
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	nav.produktsubnav ul li.produktsub1{
		width: 49%;
	}
	nav.produktsubnav ul li.produktsub2{
		width: 49%;
		margin-left: 2% !important;	
	}
	nav.produktsubnav ul li.produktsub3{
		width: 49%;
		margin-top: 15px;	
	}
	nav.produktsubnav ul li.produktsub4{
		width: 49%;
		margin-top: 15px;	
		margin-left: 2% !important;	
	}
	nav.produktsubnav .nav-pills > li + li {
		margin-left: 0;
	}
	@media (min-width: 768px) {
	nav.produktsubnav ul li{
		float:left;
		display: inline;
		background-color: #f0f0f0;	
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	nav.produktsubnav ul li.produktsub1{
		width: 18.2%;
	}
	nav.produktsubnav ul li.produktsub2{
		width: 26.2%;
	}
	nav.produktsubnav ul li.produktsub3{
		width: 26.2%;
		margin-top: 0px;		
	}
	nav.produktsubnav ul li.produktsub4{
		width: 26.2%;
		margin-top: 0px;		
	}
	nav.produktsubnav .nav-pills > li + li {
		margin-left: 1% !important;
	}
	}
	nav.produktsubnav ul li a{
		color: inherit;
		font-size: 12px;
		text-align: center;
		text-decoration: none;
	}
	@media (min-width: 768px) {
	nav.produktsubnav ul li a{
		color: inherit;
		font-size: 15px;
		text-align: center;
	}
	}
	nav.produktsubnav ul.nav > li > a { 
	  padding: 6px 8px !important;
	}
	@media (min-width: 991px) and (max-width: 1199px){
	nav.produktsubnav ul.nav > li > a { 
	  padding: 6px 7px !important;
	}
	}
	nav.produktsubnav .nav-pills li { 
		font-weight: bold;
	}
	nav.produktsubnav ul.nav li a:hover, 
	nav.produktsubnav ul.nav li a:focus {
		background-color: transparent;
		text-decoration: underline;
		border-radius: 0px;
	}
	nav.produktsubnav ul.nav li a.active,
	nav.produktsubnav ul.nav li a.active:hover,
	nav.produktsubnav ul.nav li a.active:focus {	
		color: #fff;
		background-color: #368ccb;					
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;  
		border-radius: 0px;  
		text-decoration: none; 
		cursor: default;
	}
	.sichtbar {
		display: block !important;
	}
	.unsichtbar {
		display: none !important;
	}
	.nav-pills li {
		cursor: pointer;
	}
	
	/*-----------------------------------------------------------*/
	/*------ Produktübersicht Showcases Fly-In Effekt -----------*/
	/*-----------------------------------------------------------*/
	.vertikal-zentriert {
		display:flex; 
		align-items: center; 
		justify-content: center; 
		height: 236px;
	}
	@media (max-width: 1199px) {
		.vertikal-zentriert {
			height: 194px;
		}
	}
	@media (max-width: 991px) {
		.vertikal-zentriert {
			height: 145px;
		}
	}
	.showcase {
		margin-bottom: 0px;
	}
	@media (max-width: 1199px) {
		.showcase {
			font-size: 20px;
			margin-bottom: 20px;
			margin-top: 3em;
		}
	}
	@media (max-width: 991px) {
		.showcase {
			margin-bottom: 30px;
			margin-top: 3em;
		}
	}
	@media (max-width: 767px) {
		.showcase {
			display: none;
		}
	}
	.vertikal-zentriert h2 {
		font-size: 26px;
		font-weight: normal;
		margin-top:0px;
		margin-bottom:5px;
	}
	@media (max-width: 991px) {
		.vertikal-zentriert h2 {
			font-size: 18px;
			font-weight: bold;
		}
	}
	.vertikal-zentriert a {
		text-decoration: none;
	}
	.vonrechts {
		margin-left: 10000px;
	}
	.vonlinks {
		margin-left: -5000px;
	}
	
	/*-----------------------------------------------------------*/
	/*---------------------- Parallax Boxen ---------------------*/
	/*-----------------------------------------------------------*/
	
	.background-attachment-fixed {
		background-attachment: fixed;
	}
	
	.parallax-slide { 
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.parallax-slide .container {
		margin: 0px 15px;
	}
	
	#slide1{
		background-image: url('/img/parallax/markilux-markisen-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide1{
		background-image: url('/img/parallax/markilux-markisen-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide1{
		background-image: url('/img/parallax/markilux-markisen-lg.jpg');
		height: 500px;	
	}
	}
	@media (min-width: 992px) {
	#slide1{
		background-image: url('/img/parallax/markilux-markisen-xl.jpg');
		height: 600px;
	}
	}
	
	/* align = right */
	#slide2{
		background-image: url('/img/parallax/markilux-markisen-2-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide2{
		background-image: url('/img/parallax/markilux-markisen-2-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide2{
		background-image: url('/img/parallax/markilux-markisen-2-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide2{
		background-image: url('/img/parallax/markilux-markisen-2-xl.jpg');
		height: 600px;
	}
	}
	
	/* align = left */
	#slide3{
		background-image: url('/img/parallax/markilux-markisen-3-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide3{
		background-image: url('/img/parallax/markilux-markisen-3-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide3{
		background-image: url('/img/parallax/markilux-markisen-3-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide3{
		background-image: url('/img/parallax/markilux-markisen-3-xl.jpg');
		height: 600px;	
	}
	}
	
	/* align = left */
	#slide4{
		background-image: url('/img/parallax/markilux-markisen-4-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide4{
		background-image: url('/img/parallax/markilux-markisen-4-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide4{
		background-image: url('/img/parallax/markilux-markisen-4-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide4{
		background-image: url('/img/parallax/markilux-markisen-4-xl.jpg');
		height: 600px;	
	}
	}
	
	/* align = left */
	#slide5{
		background-image: url('/img/parallax/-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide5{
		background-image: url('/img/parallax/-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide5{
		background-image: url('/img/parallax/-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide5{
		background-image: url('/img/parallax/-xl.jpg');
		height: 600px;	
	}
	}
	
	/* align = left */
	#slide6{
		background-image: url('/img/parallax/-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide6{
		background-image: url('/img/parallax/-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide6{
		background-image: url('/img/parallax/-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide6{
		background-image: url('/img/parallax/-xl.jpg');
		height: 600px;	
	}
	}
	
	/* align = left */
	#slide7{
		background-image: url('/img/parallax/-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide7{
		background-image: url('/img/parallax/-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide7{
		background-image: url('/img/parallax/-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide7{
		background-image: url('/img/parallax/-xl.jpg');
		height: 600px;	
	}
	}
	
	/* align = left */
	#slide8{
		background-image: url('/img/parallax/-xs.jpg');
		height: 300px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;
	}
	@media (min-width: 576px) {
	#slide8{
		background-image: url('/img/parallax/-sm.jpg');
		height: 400px;
	}
	}
	@media (min-width: 768px) {
	#slide8{
		background-image: url('/img/parallax/-lg.jpg');
		height: 500px;
	}
	}
	@media (min-width: 992px) {
	#slide8{
		background-image: url('/img/parallax/-xl.jpg');
		height: 600px;	
	}
	}
	/* CLAIMS */
	.claim-slide{
		background-image: url(../img/parallax/effekt1.png);
	}
	@media (min-width: 768px) {
	.claim-slide{
		background-image: url(../img/parallax/effekt2.png);
	}
	}
	@media (min-width: 992px) {
	.claim-slide{
		background-image: url(../img/parallax/effekt3.png);
	}
	}
	@media (min-width: 1200px) {
	.claim-slide{
		background-image: url(../img/parallax/effekt4.png);
	}
	}
	.claim-slide {
		background-color: #368ccb;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		padding: 40px 15px;
	}
	@media (min-width: 992px) {
	.claim-slide {
		padding: 60px 15px;
	}
	}
	@media (min-width: 992px) {
	.claim-slide {
		padding: 80px 15px;
	}
	}
	.claim-slide .container,
	.parallax-slide .container{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;	
	}
	@media (min-width: 768px) {
	.claim-slide .container,
	.parallax-slide .container {
		width: 730px;
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;	
	}
	}
	@media (min-width: 992px) {
	.claim-slide .container,
	.parallax-slide .container	{
		width: 930px;
		max-width: 100%;
	}
	}
	@media (min-width: 1200px) {
	.claim-slide .container,
	.parallax-slide .container	{
		width: 1110px;
		max-width: 100%;
	}
	}
	.claimbox {
		text-align: center;
		width: 100%;
		padding: 15px 15px;
		background-color: rgba(255,255,255,1);
		height: auto;
		margin: auto;
		overflow: hidden;
	}
	.claimbox a {
		text-decoration: none;
	}
	.claimbox h2 {
		font-size: 30px;
		color: #b4546f;
		margin-top: 0;
		margin-bottom: 0.1em;
	}
	.claimbox h3 {
		font-size: 18px;
		font-weight: normal;
		padding: 0!important;
		margin: 0;
		color: #444;
	}
	@media (min-width: 576px) {
	.claimbox {
		padding: 20px 20px;
	}
	}
	@media (min-width: 768px) {
	.claimbox {
		padding: 30px 30px;
	}	
	.claimbox h2 {
		font-size: 32px;
	}
	.claimbox h3 {
		font-size: 20px;
	}
	}
	@media (min-width: 992px) {
	.claimbox h2 {
		font-size: 38px;
	}
	.claimbox h3 {
		font-size: 32px;
	}
	}
	@media (min-width: 1200px) {
	.claimbox h2 {
		font-size: 40px;
	}
	.claimbox h3 {
		font-size: 32px;
	}
	}
	div.parallax-slide .claimbox {
		background-color: rgba(255,255,255,0.85) !important;
	}
	#mapbox{
		background-color: #2A2A2A;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		height: 300px;
		width: 100%;
	}
	@media (min-width: 768px) {
	#mapbox{
		height: 400px;
	}
	}
	@media (min-width: 992px) {
	#mapbox{
		height: 500px;
	}
	}
	@media (min-width: 1200px) {
	#mapbox{
		height: 600px;
	}
	}
	#mapbox iframe {
		width: 100%;
		height: 100%;
	}
	.telefon-link {
		font-size: 30px;
		margin-right: 5px;
	}
	/* CSS SLIDER START --------------------------------------*/
	/* CSS SLIDER START --------------------------------------*/
	/* CSS SLIDER START --------------------------------------*/
	.cs_arrowprev {
	  left: 0;
	  background-image: none !important;			/* entfernt prev. + next- Schatten-Effekt */
	}
	.cs_arrownext {
	  right: 0;
	  background-image: none !important;
	}
	.csslider1 > .cs_description > label {
	  font-family: Arial, Helvetica, Geneva, sans-serif !important;
	  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6) !important;
	  max-width: 80% !important;
	  color: #ffffff !important;
	  bottom: 0px !important;
	  left: 0px !important;
	  margin-top: 0px !important;
	  margin-bottom: 0px !important;
	  font-weight: normal;
	}
	@media (max-width: 767px) {
		.csslider1 > .cs_description > label {
			max-width: 100% !important;
		}
	}
	/* TEXT */
	.csslider1 > .cs_description > label .cs_title {
	  font-size: 18px !important;
	  margin-bottom: 0em !important;
	  line-height: 1.3em !important;
	}
	.csslider1 label .cs_subtitle {
	  font-size: 12px !important;
	}
	.csslider1 > .cs_description > label > .cs_title {
	  padding: 10px 15px !important; 
	}
	@media (min-width: 768px) {
	.csslider1 > .cs_description > label .cs_title {
	  font-size: 22px !important;
	}
	.csslider1 label .cs_subtitle {
	  font-size: 16px !important;
	}
	.csslider1 > .cs_description > label > .cs_title {
	  padding: 15px 20px !important; 
	}
	}
	@media (min-width: 992px) {
	.csslider1 > .cs_description > label .cs_title {
	  font-size: 26px !important;
	}
	.csslider1 label .cs_subtitle {
	  font-size: 20px !important;
	}
	}
	/* TEXTBOX CONTAINER-SLIDER*/
	.csslider1 > .cs_description > label > .cs_title,
	.carousel-caption  {
	  background: rgba(180,84,111,0.85) !important;         /* KUNDENFARBE */
	}
	/* BOOTSTRAP STARTSILDER */
	.carousel-caption {
	  text-shadow: none !important;
	}
	/*.csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext {
		top: 75px !important;
		bottom: 75px !important;
	}*/
	#produktslider {
		width: 100%;
		height: auto;
		margin-bottom: 0 !important;
	}
	#produktslider img{
		margin-bottom: 0 !important;
	}
	/* FROALA */
	.fr-popup .fr-input-line input[type="text"],
	.fr-popup .fr-input-line textarea {
	  font-size: 16px !important;
	  height: 70px !important;
	}
	#froala-editor ul {						/* Resettet den Abstand der Listen so dass man die Zahlen sieht und die Bullets eingerückt sind */
		padding: 0 0 1.5em 1.5em;
	}
	#froala-editor ol {
		padding: 0 0 1.5em 2.5em;
	}
	/* STARTNEWS */
	/* STARTNEWS */
	/* STARTNEWS */
	.startnews {
		padding: 30px;
		border: 5px solid #368ccb;
		margin-bottom: 30px;
		margin: 4em 0;
	}
	
	.startnews h1 {
		margin-top: 0px !important;
	}
	/* ALARMBOX */
	/* ALARMBOX */
	/* ALARMBOX */
	.alarmbox {
		background-color: #368ccb;
		color: #fff;
		padding: 2em 1em;
		margin-bottom: 30px;
	}
	@media (min-width: 768px) {
	.alarmbox {
		padding: 2em 1em;
		}
	}
	.alarmbox h4 {
		font-size: 16px;
		margin: 0 !important;
	}
	@media (min-width: 768px) {
	.alarmbox a:hover,
	.alarmbox a:active,
	.alarmbox a:focus{
		color: #f2f2f2;
	}
	.alarmbox h4 {
		font-size: 19px;
		margin-top: 1em !important;
		margin-bottom: 1em !important;	
	}
	}
	
	/* BILDER----------------------------------------------------*/
	.wissentable img {
		padding-bottom: 0 !important;
		border: 0;	
	}
	.aircomfortrechts{
		margin-left: 3em;	
	}
	.geneostart {
		padding-bottom: 25px !important;
	}
	.geneovorteil,
	.inoventvorteil,
	.synegovorteil {
		margin-top: 10px !important;
		margin-bottom: 20px !important;	
	}
	.farbtool {
		position: relative;
		padding-bottom: 56.25%;
		height: 0; 
		overflow: hidden;
	}
	.farbtool object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* AUFZÄHLUNGEN--------------------------------------------*/
	.vorteilslinks{
		font-size: 0.9em;
		list-style-type: none;
		line-height: 1.8em;
		margin-top: 1em;
		margin-bottom: 2em;
	}
	.vorteilslinks a.link:hover,
	.vorteilslinks a.link:focus,
	.vorteilslinks a.link:active {
		font-weight: bold;
	}
	.listpflege{
		list-style-type: disc;
		margin-left: 1em;
	}
	/* TABELLEN-------------------------------------------------*/
	/* TECHNIK */
	.technik {
		font-size: 12px;
		width: 100%;
		margin-top: 16px;
		margin-bottom: 16px;
		border-collapse: collapse;
	}
	@media (min-width: 768px) {
	.technik {
		font-size: 15px;
	}
	}
	.technik td {
		line-height: 1.5em;
		padding: 5px;
		padding-left:10px;
		border: 1px solid #ccc;
	}
	.techniktd1 {
		width: 33%;
		font-weight: bold;
	}
	.techniktd2 {
		width: 67%;
	}
	.technik-inovent-td1 {
		width: 30%;
	}
	.technik-inovent-td2 {
		width: 18%;
	}
	.technik-inovent-td3 {
		width: 26%;
	}
	.technik-inovent-td4 {
		width: 26%;
	}
	/* WISSEN A-Z */
	.wissentable,
	.wissentable-lightframe {
		font-size: 13px;
		line-height: inherit;	
		width: 100%;
		margin-top: 16px;
		margin-bottom: 16px;
		border-collapse: collapse;
	}
	@media (min-width: 768px) {
	.wissentable,
	.wissentable-lightframe{
		width: 100%;
		margin-top: 16px;
		margin-bottom: 16px;
		border-collapse: collapse;
	}
	}
	.wissentable td {
		padding-bottom: 20px;
	}
	.wissentd1 {
		width: 20%;
		vertical-align: top;
	}
	.wissentd2 {
		width: 70%;
		padding-left: 10%;
	}
	@media (min-width: 768px) {
	.wissentd2 {
		width: 79%;
		padding-left: 1%;	
	}
	}
	.wissentable img{
		max-width: 100%;
		height: auto;
		margin-top: 2px;		
	}
	.wissentable h5{
		margin-top: 0px;		
	}
	#innerhauptbereich-wissenlightframe {
		padding-top: 50px;
	}
	/* GENEOVORTEILE------------------------------------------*/
	.geneovorteile-start {
		width: 100%;
		margin: 1.5em 0 2em 0;
		text-align: center;
		padding-right: 0 !important;
		padding-left: 0 !important;	
	}
	.geneovorteile-start .col-2,
	.geneovorteile-start .col-md-2 {
		padding-right: 0 !important;
		padding-left: 0 !important;	
	}
	.geneovorteile-start img {
		border: 0;
		padding: 0;	
		margin-bottom: 7px !important;
		text-align: center;
		width: 55px;
		height: auto;
	}
	@media (min-width: 992px) {
	.geneovorteile-start img {
		width: 60px;
		margin-top: 0 !important;
	}
	}
	.geneovorteile-start a {
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
	}
	table.geneovorteile {
		width: 100%;
		text-align: left;
	}
	table.geneovorteile p{
		margin: 0;
		font-weight: bold;
	}
	.geneovorteile a {
		font-weight: bold;
		font-size: 13px;
		line-height: 1.5em;	
	}
	table.geneovorteile td{
		vertical-align: middle;
		width: 73%;
		padding-left: 7%;
		padding-bottom: 15px;
	}
	@media (min-width: 768px) {
	table.geneovorteile td{
		vertical-align: middle;
		width: 78%;
		padding-left: 2%;
		padding-bottom: 0px;	
	}
	}
	.geneotd1 {
		width: 10% !important;
		padding-left: 0 !important;
	}
	.geneovorteile img{
		max-width: 100%;
		height: auto;
		padding: 0;
		margin: 15px 0 15px 0;
		border: 0;
	}
	/*wird mittels js bei IE aktiviert und behebt IE-Fehler */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.responsively-lazy {
		opacity: 1 !important;
	}
	}
	/*----------------------------------------*/
	/* SHARIFF BUTTONS -----------------------*/
	/*----------------------------------------*/
	
	#shariff-buttons {
		margin-top: 4em;
	}
	
	.share-pfeil {
		width: 400px;
		margin: 0 0 20px 0;
	}
	
	.social-buttons-mobile {
		bottom: 0;
		position: fixed;
		z-index: 10000;
		width: 100%;
	}
	div.shariff-row {
		width: 100%!important;
	}
	
	.shariff .orientation-horizontal {
		display: inline-flex!important;
	}
	
	@media (min-width: 576px){
	.shariff {
		width: 100%!important;
		}
	}
	
	.shariff ul {
		min-width: 400px;
	}
	
	.shariff .orientation-horizontal.button-style-standard li {
		min-width: 125px!important;
		flex: 1 0 auto;
	}
	.shariff li, .shariff li a {
		height: 35px!important;
	}
	.shariff li .fab, .shariff li .far, .shariff li .fas {
		line-height: 35px!important;
	}
	
	/* mobile Buttons */
	@media (max-width: 575px){
		.shariff-row {
			padding: 0!important;
			margin: 0;
			display: flex;
			flex-wrap: wrap;
		}
		#productcontent > section > div > div > ul > li.shariff-button {
			display: inline;
		}
		.shariff-row .col {
			padding: 0!important;
		}
		.shariff .orientation-horizontal {
			display: inline!important;
		}
		.shariff .orientation-horizontal li {
			width: 100%!important;
			margin-right: 0!important;
			margin-bottom: 0!important;
		}
	}	
	/* PFEIL_RUNTER **************************/
	/* PFEIL_RUNTER **************************/
	/* PFEIL_RUNTER **************************/
	.pfeil-runter {
		display: none;	
	}
	@media (min-width: 768px) {
	.pfeil-runter {
		width: 100%;
		bottom: 60px;	
		display: block;	
		position: absolute;
		z-index: 5000;
		margin: 0 auto;
		text-align: center;
	}
	}
	@media (min-width: 992px) {
	.pfeil-runter {
		bottom: 70px;	
	}
	}	
	@media (min-width: 1200px) {
	.pfeil-runter {
		bottom: 100px;	
	}
	}
	@media (min-width: 768px) {
	.glyphicon-download {
		right: 0;
		left: 0;
		position: absolute;
		z-index: 200;   
		font-size: 45px;
		width: 80px;
		margin: 0 auto;
		text-align: center;	
	}
	}
	@media (min-width: 992px) {
	.glyphicon-download {
		font-size: 50px;	
	}
	}
	@media (min-width: 1200px) {
	.glyphicon-download {
		font-size: 70px;
	}
	}
	.glyphicon-download {
		color: #368ccb;
	}
	.glyphicon-download:hover,
	.glyphicon-download:active,
	.glyphicon-download:focus {
		color: #565656;
	}
	/* BOUNCING GLYPHICON--------------------------------------*/
	/*http://codepen.io/anon/pen/yyJbPL*/
	@-moz-keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	  }
	  40% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	  }
	  60% {
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	  }
	}
	@-webkit-keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	  }
	  40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	  }
	  60% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	  }
	}
	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	  }
	  40% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	  }
	  60% {
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	  }
	}
	.bounce {
	  -moz-animation: bounce 4s infinite;
	  -webkit-animation: bounce 4s infinite;
	  animation: bounce 4s infinite;
	}
	.fr-view .fr-file::after {
		content: none!important;
	}
		
	/******************* BOOTSTRAP 4 *******************/
	/******************* BOOTSTRAP 4 *******************/
	/******************* BOOTSTRAP 4 *******************/
	/*bootstrap4 - added everything below from old template to fix the produkt menu and breadcrumbs*/
	.nav > li > a {
		display: block;
	}
	#sidebar .nav {
		display: block !important;
	}
	.icon-bar{
		margin-top: 4px;
	}
	@media (max-width: 991px) {
		.dropdown-toggle::after {
		display:none;
		}
	}
	.breadcrumb-item + .breadcrumb-item::before {
	content: none;
	}
	.breadcrumb .breadcrumb-item{
		 margin-right: 0.5rem;
	}
	.breadcrumb-first-item{
		padding-right:2px;	
	}
	@media (min-width: 1200px) {
	  .hidden-lg {
		display: none !important;
	  }
	}
	
	
	
	/* FIXIERTES HAUPTMENÜ */
	.fix-mainmenu{
		position: fixed;
		top: 0;
		width: 100%;
		clear: both;
		z-index: 4000;
		left: 0;
		right: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	body.weik-sidepmenu-push-toright .fix-mainmenu{
		left: -240px;
	}
	
	 #hauptbereichwrap {					
		margin-top: 105px;
	}
	
	@media (min-width: 576px) {					
	 #hauptbereichwrap {					
		margin-top: 120px;
	}
	}
	
	@media (min-width: 768px) {					
	 #hauptbereichwrap {					
		margin-top: 125px;
	}
	}
	
	@media (min-width: 992px) {					
	 #hauptbereichwrap {					
		margin-top: 150px;
	}
	.scrolled #hauptbereichwrap {				
		margin-top: 100px;
		-webkit-transition: margin 0.4s linear;
		-moz-transition: margin 0.4s linear;
		-ms-transition: margin 0.4s linear;	
		-o-transition: margin 0.4s linear;	
		transition: margin 0.4s linear;							
	}
	}						
	
	@media (min-width: 1200px) {					
	 #hauptbereichwrap {					
		margin-top: 180px;
	}
	.scrolled #hauptbereichwrap {				
		margin-top: 130px;
		-webkit-transition: margin 0.4s linear;
		-moz-transition: margin 0.4s linear;
		-ms-transition: margin 0.4s linear;	
		-o-transition: margin 0.4s linear;	
		transition: margin 0.4s linear;						
	}					
	}
	/* ENDE FIXIERTES HAUPTMENÜ */
	
	
	/* PREVIEW-MODE BOXEN ---------------- */
	.preview-bottom-text{
		display:block;
		position: fixed;
		bottom: 0;
		padding: 20px;
		width: 100%;
		z-index: 99999999;
		color: #fff;
		font-weight: bold;
		font-size: 15px !important;
		text-align: center;
		background: rgba(0,0,0,0.65);
		/*-webkit-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
		box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);*/
	}
	
	.preview-bottom-text .form-check-inline {
		margin-right: 25px;	
	}
	
	.preview-top-text{
		display:block;
		position: fixed;
		top: 0;
		padding: 20px;
		left: 0;
		z-index: 99999999;
		color: #fff;
		font-weight: bold;
		font-size: 15px !important;
		background: rgba(180,84,111,0.8);
		-webkit-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
		box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);	
	}
	/* ENDE PREVIEW-MODE BOXEN ---------------- */
	
	
	/* FLY-IN PRODUKTÜBERSICHT ---------------- */
	.animated {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	 }
	
	 @-webkit-keyframes fadeInLeft {
		0% {
		   opacity: 0;
		   -webkit-transform: translateX(-50px);
		}
		100% {
		   opacity: 1;
		   -webkit-transform: translateX(0);
		}
	 }
	
	 @keyframes fadeInLeft {
		0% {
		   opacity: 0;
		   transform: translateX(-50px);
		}
		100% {
		   opacity: 1;
		   transform: translateX(0);
		}
	 }
	
	 .fadeInLeft {
	 -webkit-animation-name: fadeInLeft;
	 animation-name: fadeInLeft;
	 } 
	
	
	   @-webkit-keyframes fadeInRight {
		0% {
		   opacity: 0;
		   -webkit-transform: translateX(50px);
		}
		100% {
		   opacity: 1;
		   -webkit-transform: translateX(0);
		}
	 }
	
	 @keyframes fadeInRight {
		0% {
		   opacity: 0;
		   transform: translateX(50px);
		}
		100% {
		   opacity: 1;
		   transform: translateX(0);
		}
	 }
	
	 .fadeInRight {
	 -webkit-animation-name: fadeInRight;
	 animation-name: fadeInRight;
	 } 
	 /* FLY-IN PRODUKTÜBERSICHT ---------------- */
	
	/* ICON-MENU + KACHELBOX ON HOME ---------------- */
	.separator {
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		height: 2px;
		margin-top: 10px;
		margin-bottom: 30px;
		background-color: #368ccb;
	}
	
	.startsymbole .fas,
	.startsymbole .far,
	.startsymbole .fab,
	.startsymbole .fal {
		color: #b4546f;
		font-size: 100px;
	}
	
	.startsymbole a,
	.kachel-textbox a{
		text-decoration: none;
	}
	
	h2.with-icon{
		margin-top: 1em !important;
	}
	
	.no-gutters {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.nomarginbottom img {
		margin-bottom: 0 !important;
	}
	
	.kachel-textbox {
		height: 100%;
		width: 60%;
		vertical-align: middle;
		display: flex;
		justify-content: center;
		flex-direction: column;	
	}
	
	@media (min-width: 992px) {
		.kachel-textbox {
			width: 70%;
	}
	}
	@media (min-width: 1200px) {
		.kachel-textbox {
			width: 70%;
	}
	}
	@media (min-width: 1300px) {
		.kachel-textbox {
			width: 70%;
	}
	}
	@media (min-width: 1440px) {
		.kachel-textbox {
			width: 60%;
	}
	}
	
	
	.kachelboxen h3 {
		margin-top: 0 !important;	
	}
	
	.kachelboxen .btn-lg {
		color: #fff;
		background-color: #b4546f;
		border-color: #b4546f;
		font-size: 12px;
	}
	@media (min-width: 576px) {
	.kachelboxen .btn-lg {
		font-size: 13px;	
	}
	}
	@media (min-width: 768px) {
	.kachelboxen .btn-lg {
		font-size: 14px;	
	}
	}
	@media (min-width: 992px) {
	.kachelboxen .btn-lg {
		font-size: 15px;	
	}
	}
	@media (min-width: 1200px) {
	.kachelboxen .btn-lg {
		font-size: 16px;	
	}
	}
	
	.kachelboxen .btn-lg:hover,
	.kachelboxen .btn-lg:focus,
	.kachelboxen .btn-lg:active {
		color: #fff;
		background-color: #888;
		border-color: #888;
	}
	
	.kachel-textrahmen {
		text-align: center !important;
		background-color: #f7f7f7;
		padding: 30px;
	}
	
	.kachelbg1 {
		background-image: url(../img/kachelbg/kachelbg1.jpg);
		background-position: center;
	}
	.kachelbg2 {
		background-image: url(../img/kachelbg/kachelbg2.jpg);
		background-position: center;
	}
	.kachelbg3 {
		background-image: url(../img/kachelbg/kachelbg3.jpg);
		background-position: center;
	}
	.kachelbg4 {
		background-image: url(../img/kachelbg/kachelbg4.jpg);
		background-position: center;
	}
	.kachelbg5 {
		background-image: url(../img/kachelbg/kachelbg5.jpg);
		background-position: center;
	}
	.kachelbg6 {
		background-image: url(../img/kachelbg/kachelbg6.jpg);
		background-position: center;
	}
	
	.kachel-textrahmen button {
		cursor: pointer;
	}
	
	.kachel-textrahmen h2 {
		font-size: 30px;
		color: #368ccb;
		margin-top: 0;
		margin-bottom: 0.1em;
	}
	.kachel-textrahmen h3 {
		font-size: 18px;
		font-weight: normal;
		padding: 0 0 20px 0!important;
		margin: 0;
		color: #444;
	}
	@media (min-width: 992px) {
	.kachel-textrahmen h2 {
		font-size: 30px;
	}
	.kachel-textrahmen h3 {
		font-size: 20px;
	}
	}
	@media (min-width: 1200px) {
	.kachel-textrahmen h2 {
		font-size: 36px;
	}
	.kachel-textrahmen h3 {
		font-size: 26px;
	}
	}
	@media (min-width: 1440px) {
	.kachel-textrahmen h2 {
		font-size: 40px;
	}
	.kachel-textrahmen h3 {
		font-size: 30px;
	}
	}
	
	
	/* DATENSCHUTZERKLÄRUNG--------------------------------------*/
	.datenschutzdiv h2 {
		margin-top: 3.5em !important;
		margin-bottom: 0.1em !important;
	}
	.datenschutzdiv h3 {
		margin-top: 2.5em !important;
		margin-bottom: 0.5em !important;
	}
	
	
	button a {
		text-decoration: none!important;
	}
	
	
	/* Style-Anpassungen für den Bootstrap Slider */
	.carousel-inner img {
		margin: 0;
	}
	.carousel-indicators {
		bottom: 0!important;
	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		top: 45%!important;
	}
	@media (min-width: 768px) {
	.carousel-indicators {
		bottom: 0!important;
	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		top: 50%!important;
	}
	}
	
	
	/*sticky sidebar buttons*/
	.shortcuts {
		position: fixed;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 9000!important;
	}
	
	.startseite .shortcuts {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;			
		transition-delay: 1s;	
		margin-left: -1000px;	
	}
	.startseite.scrolled .shortcuts {
		transition-delay: 1s;
		margin-left: 0;
	}
	
	.shortcuts a {
		display: block;
		padding: 13px;
		transition: all 0.5s ease;
		color: #fff;
		font-size: 20px;
		text-align: right;
	}
	
	.shortcuts a {
		width: 200px;
		margin-left: -160px;
	}
	@media (min-width: 768px) {
	.shortcuts a {
		width: 200px;
		margin-left: -160px;	
	}	
	}
	
	.shortcuts a:focus,
	.shortcuts a:hover,
	.shortcuts a:active {
		margin-left: 0px;
	}
	
	
	.shortcuts i {	
		margin-left: 12px;
	}
	.shortcuts span {
		display: block;	
	}
	
	.shortcuts-telefon {
		background: rgba(180,84,111,1);
		color: #fff;
	}
	.shortcuts-telefon:focus,
	.shortcuts-telefon:hover,
	.shortcuts-telefon:active {
		background: rgba(180,84,111,0.95);
		color: #fff;
	}
	
	.shortcuts-kontakt {
		background: rgba(180,84,111,0.85);
		color: #fff;
	}
	.shortcuts-kontakt:focus,
	.shortcuts-kontakt:hover,
	.shortcuts-kontakt:active {
		background: rgba(180,84,111,0.8);
		color: #fff;
	}
	.shortcuts-kontakt i {
		margin-left: 17px !important;
	}
	
	.shortcuts-anfahrt {
		background: rgba(180,84,111,0.7);
		color: #fff;
	}
	.shortcuts-anfahrt:focus,
	.shortcuts-anfahrt:hover,
	.shortcuts-anfahrt:active {
		background: rgba(180,84,111,0.65);
		color: #fff;
	}
	
	.shortcuts-jobs {
		background: rgba(180,84,111,0.55);
		color: #fff;
	}
	.shortcuts-jobs:focus,
	.shortcuts-jobs:hover,
	.shortcuts-jobs:active {
		background: rgba(180,84,111,0.5);
		color: #fff;
	}
	
	.shortcuts .tellink,
	.shortcuts .tellink:focus,
	.shortcuts .tellink:hover,
	.shortcuts .tellink:active {
		color: #fff !important;	
	}
	
	.shortcuts a,
	.shortcuts a:focus,
	.shortcuts a:hover,
	.shortcuts a:active {
		text-decoration: none !important;	
	}
	.shortcuts h3 {
		margin: 0 !important;	
	}
	
	
	
	/* Dropdown Menü Abstand rechts korrigiert + Ecken nicht mehr abgerundet */
	.dropdown-menu {
		border-radius: 0!important;
	}
	
	li.dropdown-submenu,
	li.dropdown-submenu > ul >li {
		margin-right: 0!important;
	}
	
	/* for megamenu */
	.megamenu {
	  position: static !important;
	}
	
	.megamenu .dropdown-menu {
	  background: none;
	  border: none;
	  width: 100%;
	}
	
	@media (max-width: 991px) {	
		.megamenu .megamenu-submenu {
			display: none;
		}
	}
	.megamenu .megamenu-submenu.open {
		display: block;
	}
	@media (min-width: 991px) {	
		.megamenu-nav {
			position: static !important;
		}
	}
	
	
	
	@media (min-width: 991px) {	/* ÄNDERUNGEN FÜR MEGAMENÜ NICHT BEI BURGERMENU */
	.megamenu div.dropdown-menu {
		margin: 0 !important;
		padding: 0 !important;	
	}
	}
	
	@media (min-width: 992px) {
	.megamenubox {
		background-color: #fff;
		padding: 10px 0;
		-webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.3);
	}
	}
	
	
	@media (min-width: 992px) {
	.megamenu-subheading,
	.megamenu-header {
		font-size: 17px;
		font-weight: bold;	
	}
	}
		
	@media (min-width: 1200px) {
	.megamenu-subheading,
	.megamenu-header {
		font-size: 18px;
		font-weight: bold;	
	}
	}	
		
	
	.megamenu-submenu {
		margin: 0 !important;	
	}
	
	.megamenu-submenu a.activeparent {
		background-color: #f0f0f0 !important;
		color: #2c3034!important;
	}
	
	
	
	@media (min-width: 992px) {
	.megamenu-subheading,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li {
		margin-right: 0px !important;
	}
	}
	
	
	
	@media (min-width: 992px) {
	.megamenu-subheading,	
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li a {
		padding: 6px 5px !important;
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open div {
		margin-left: 0px !important;
		margin-right: 0px !important;	
		padding-left: 0px !important;	
		padding-right: 0px !important;
		width: 100%;
		max-width: 100%;	
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul {
		margin-top: 0px !important;
		margin-left: 0px !important;		
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu .container,
	#hauptnavigation > ul > li.nav-item.megamenu .row {
		margin-left: 0px !important;
		margin-right: 0px !important;	
		padding-left: 0px !important;	
		padding-right: 0px !important;
		width: 100%;
		max-width: 100%;	
	}
	}
	
	
	@media (max-width: 991px) {
	.megamenubox.col-1, .megamenubox.col-2, .megamenubox.col-3, .megamenubox.col-4, .megamenubox.col-5, .megamenubox.col-6, .megamenubox.col-7, .megamenubox.col-8, .megamenubox.col-9, .megamenubox.col-10, .megamenubox.col-11, .megamenubox.col-12, .megamenubox.col, .megamenubox.col-auto, .megamenubox.col-sm-1, .megamenubox.col-sm-2, .megamenubox.col-sm-3, .megamenubox.col-sm-4, .megamenubox.col-sm-5, .megamenubox.col-sm-6, .megamenubox.col-sm-7, .megamenubox.col-sm-8, .megamenubox.col-sm-9, .megamenubox.col-sm-10, .megamenubox.col-sm-11, .megamenubox.col-sm-12, .megamenubox.col-sm, .megamenubox.col-sm-auto, .megamenubox.col-md-1, .megamenubox.col-md-2, .megamenubox.col-md-3, .megamenubox.col-md-4, .megamenubox.col-md-5, .megamenubox.col-md-6, .megamenubox.col-md-7, .megamenubox.col-md-8, .megamenubox.col-md-9, .megamenubox.col-md-10, .megamenubox.col-md-11, .megamenubox.col-md-12, .megamenubox.col-md, .megamenubox.col-md-auto, .megamenubox.col-lg-1, .megamenubox.col-lg-2, .megamenubox.col-lg-3, .megamenubox.col-lg-4, .megamenubox.col-lg-5, .megamenubox.col-lg-6, .megamenubox.col-lg-7, .megamenubox.col-lg-8, .megamenubox.col-lg-9, .megamenubox.col-lg-10, .megamenubox.col-lg-11, .megamenubox.col-lg-12, .megamenubox.col-lg, .megamenubox.col-lg-auto, .megamenubox.col-xl-1, .megamenubox.col-xl-2, .megamenubox.col-xl-3, .megamenubox.col-xl-4, .megamenubox.col-xl-5, .megamenubox.col-xl-6, .megamenubox.col-xl-7, .megamenubox.col-xl-8, .megamenubox.col-xl-9, .megamenubox.col-xl-10, .megamenubox.col-xl-11, .megamenubox.col-xl-12, .megamenubox.col-xl, .megamenubox.col-xl-auto {
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	}
	
	@media (min-width: 992px) {
	.megamenu.col-1, .megamenu.col-2, .megamenu.col-3, .megamenu.col-4, .megamenu.col-5, .megamenu.col-6, .megamenu.col-7, .megamenu.col-8, .megamenu.col-9, .megamenu.col-10, .megamenu.col-11, .megamenu.col-12, .megamenu.col, .megamenu.col-auto, .megamenu.col-sm-1, .megamenu.col-sm-2, .megamenu.col-sm-3, .megamenu.col-sm-4, .megamenu.col-sm-5, .megamenu.col-sm-6, .megamenu.col-sm-7, .megamenu.col-sm-8, .megamenu.col-sm-9, .megamenu.col-sm-10, .megamenu.col-sm-11, .megamenu.col-sm-12, .megamenu.col-sm, .megamenu.col-sm-auto, .megamenu.col-md-1, .megamenu.col-md-2, .megamenu.col-md-3, .megamenu.col-md-4, .megamenu.col-md-5, .megamenu.col-md-6, .megamenu.col-md-7, .megamenu.col-md-8, .megamenu.col-md-9, .megamenu.col-md-10, .megamenu.col-md-11, .megamenu.col-md-12, .megamenu.col-md, .megamenu.col-md-auto, .megamenu.col-lg-1, .megamenu.col-lg-2, .megamenu.col-lg-3, .megamenu.col-lg-4, .megamenu.col-lg-5, .megamenu.col-lg-6, .megamenu.col-lg-7, .megamenu.col-lg-8, .megamenu.col-lg-9, .megamenu.col-lg-10, .megamenu.col-lg-11, .megamenu.col-lg-12, .megamenu.col-lg, .megamenu.col-lg-auto, .megamenu.col-xl-1, .megamenu.col-xl-2, .megamenu.col-xl-3, .megamenu.col-xl-4, .megamenu.col-xl-5, .megamenu.col-xl-6, .megamenu.col-xl-7, .megamenu.col-xl-8, .megamenu.col-xl-9, .megamenu.col-xl-10, .megamenu.col-xl-11, .megamenu.col-xl-12, .megamenu.col-xl, .megamenu.col-xl-auto {
		padding-right: 10px !important;
		padding-left: 10px !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	}
	
	@media (max-width: 767px) {
	a.megamenu-subheading,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
		padding-left: 35px !important;
	}
	}
	@media (max-width: 991px) {
	a.megamenu-subheading,	
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
		padding-left: 35px !important;
	}
	}
	
	
	@media (max-width: 991px) {
	#mainmenu .navbar-collapse > .grau {
		background-color: #030303;
	} 
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a {
	background-color: #595959!important;		
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:focus,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:hover,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a.activeparent {
	background-color: #4a4a4a !important;		
	}
	}
	
	
	/* Highlight CSS-Anfang */
	.highlightbox {
		background-color: #f9f9f9;
		padding: 30px;
	}
	@media (min-width: 992px) {
		.highlightbox {
			background-color: #f9f9f9;
		}
	}
	
	.highlightbox table {
		background-color: #f9f9f9;
		width: 100%;	
	}
	
	#highlight1,
	#highlight2 {
		border-right: 0px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	@media (min-width: 992px) {
	#highlight1,
	#highlight2 {
		border-right: 1px solid #ccc;
		padding-right: 20px;
		paddin-bottom: 0px;
	}
	}
	
	#highlight1 img,
	#highlight2 img{
		margin-bottom: 0px;
		margin-top: 1em;
		width: 100%;
	}
	
	
	.highlightrechts {
		border-right: 0px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	@media (min-width: 992px) {
	.highlightrechts {
		border-bottom: 0px;
		padding-right: 20px;
		paddin-bottom: 0px;
	}
	}
	
	.highlightrechts img,
	.highlightrechts p {
		margin-bottom: 0px;
		margin-top: 1em;
		width: 100%;
	}
	
	.highlight-kontakt {
		width: 50%;
		margin: 0 auto;
	}
	
	.highlight-kontakt h3 {
		margin-top: 0 !important;
	}
	
	.highlight-zeiten td{	
		vertical-align: top;
		padding-right: 20px;
	}
	.highlight-zeiten {
		float: left;
	}
	@media (min-width: 576px) {
		.highlight-zeiten td{
			padding-right: 10px;	
		}
	}
	@media (min-width: 768px) {
		.highlight-zeiten td{
			padding-right: 15px;	
		}
	}
	@media (min-width: 992px) {
		.highlight-zeiten td{
			padding-right: 8px;
		}
	}
	@media (min-width: 1200px) {
		.highlight-zeiten td{
			padding-right: 10px;	
		}
	}
	.highlight-zeiten tr td:first-child {
	}
	.highlight-zeiten tr td:last-child {
		padding-right: 0 !important;
	}
	/* Highlight CSS-Ende */
	
	
	/* FROALA Vereinheitlichung */
	.fr-view h2,
	.fr-view h3,
	.fr-view h4,
	.startnews h2,
	.startnews h3,
	.startnews h4 {
		margin-top: 0 !important;
	}
	
	.fr-view iframe {
		width: 100%;
		display: block;
	}
	/* FROALA Vereinheitlichung Ende*/
	
	
	/* DROPDOWN-Menü: Abstand rechts korrigiert + Ecken nicht mehr abgerundet */
	.dropdown-menu {
		border-radius: 0!important;
	}
	
	li.dropdown-submenu,
	li.dropdown-submenu > ul >li {
		margin-right: 0!important;
	}
	
	/* MEGAMENU */
	.megamenu {
	  position: static !important;
	}
	
	.megamenu .dropdown-menu {
	  background: none;
	  border: none;
	  width: 100%;
	}
	
	@media (max-width: 991px) {	
		.megamenu .megamenu-submenu {
			display: none;
		}
	}
	.megamenu .megamenu-submenu.open {
		display: block;
	}
	@media (min-width: 991px) {	
		.megamenu-nav {
			position: static !important;
		}
	}
	
	
	
	@media (min-width: 991px) {	/* ÄNDERUNGEN FÜR MEGAMENÜ NICHT BEI BURGERMENU */
	.megamenu div.dropdown-menu {
		margin: 0 !important;
		padding: 0 !important;	
	}
	}
	
	@media (min-width: 992px) {
	.megamenubox {
		background-color: #fff;
		padding: 10px 0;
		-webkit-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 7px 17px 0px rgba(0,0,0,0.3);
	}
	}
	
	
	@media (min-width: 992px) {
	.megamenu-subheading,
	.megamenu-header {
		font-size: 17px;
		font-weight: bold;	
	}
	}
		
	@media (min-width: 1200px) {
	.megamenu-subheading,
	.megamenu-header {
		font-size: 18px;
		font-weight: bold;	
	}
	}	
		
	
	.megamenu-submenu {
		margin: 0 !important;	
	}
	
	.megamenu-submenu a.activeparent {
		background-color: #f0f0f0 !important;
		color: #2c3034!important;
	}
	
	
	
	@media (min-width: 992px) {
	.megamenu-subheading,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li {
		margin-right: 0px !important;
	}
	}
	
	
	
	@media (min-width: 992px) {
	.megamenu-subheading,	
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li a {
		padding: 6px 5px !important;
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open div {
		margin-left: 0px !important;
		margin-right: 0px !important;	
		padding-left: 0px !important;	
		padding-right: 0px !important;
		width: 100%;
		max-width: 100%;	
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul {
		margin-top: 0px !important;
		margin-left: 0px !important;		
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu .container,
	#hauptnavigation > ul > li.nav-item.megamenu .row {
		margin-left: 0px !important;
		margin-right: 0px !important;	
		padding-left: 0px !important;	
		padding-right: 0px !important;
		width: 100%;
		max-width: 100%;	
	}
	}
	
	
	@media (max-width: 991px) {
	.megamenubox.col-1, .megamenubox.col-2, .megamenubox.col-3, .megamenubox.col-4, .megamenubox.col-5, .megamenubox.col-6, .megamenubox.col-7, .megamenubox.col-8, .megamenubox.col-9, .megamenubox.col-10, .megamenubox.col-11, .megamenubox.col-12, .megamenubox.col, .megamenubox.col-auto, .megamenubox.col-sm-1, .megamenubox.col-sm-2, .megamenubox.col-sm-3, .megamenubox.col-sm-4, .megamenubox.col-sm-5, .megamenubox.col-sm-6, .megamenubox.col-sm-7, .megamenubox.col-sm-8, .megamenubox.col-sm-9, .megamenubox.col-sm-10, .megamenubox.col-sm-11, .megamenubox.col-sm-12, .megamenubox.col-sm, .megamenubox.col-sm-auto, .megamenubox.col-md-1, .megamenubox.col-md-2, .megamenubox.col-md-3, .megamenubox.col-md-4, .megamenubox.col-md-5, .megamenubox.col-md-6, .megamenubox.col-md-7, .megamenubox.col-md-8, .megamenubox.col-md-9, .megamenubox.col-md-10, .megamenubox.col-md-11, .megamenubox.col-md-12, .megamenubox.col-md, .megamenubox.col-md-auto, .megamenubox.col-lg-1, .megamenubox.col-lg-2, .megamenubox.col-lg-3, .megamenubox.col-lg-4, .megamenubox.col-lg-5, .megamenubox.col-lg-6, .megamenubox.col-lg-7, .megamenubox.col-lg-8, .megamenubox.col-lg-9, .megamenubox.col-lg-10, .megamenubox.col-lg-11, .megamenubox.col-lg-12, .megamenubox.col-lg, .megamenubox.col-lg-auto, .megamenubox.col-xl-1, .megamenubox.col-xl-2, .megamenubox.col-xl-3, .megamenubox.col-xl-4, .megamenubox.col-xl-5, .megamenubox.col-xl-6, .megamenubox.col-xl-7, .megamenubox.col-xl-8, .megamenubox.col-xl-9, .megamenubox.col-xl-10, .megamenubox.col-xl-11, .megamenubox.col-xl-12, .megamenubox.col-xl, .megamenubox.col-xl-auto {
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	}
	
	@media (min-width: 992px) {
	.megamenu.col-1, .megamenu.col-2, .megamenu.col-3, .megamenu.col-4, .megamenu.col-5, .megamenu.col-6, .megamenu.col-7, .megamenu.col-8, .megamenu.col-9, .megamenu.col-10, .megamenu.col-11, .megamenu.col-12, .megamenu.col, .megamenu.col-auto, .megamenu.col-sm-1, .megamenu.col-sm-2, .megamenu.col-sm-3, .megamenu.col-sm-4, .megamenu.col-sm-5, .megamenu.col-sm-6, .megamenu.col-sm-7, .megamenu.col-sm-8, .megamenu.col-sm-9, .megamenu.col-sm-10, .megamenu.col-sm-11, .megamenu.col-sm-12, .megamenu.col-sm, .megamenu.col-sm-auto, .megamenu.col-md-1, .megamenu.col-md-2, .megamenu.col-md-3, .megamenu.col-md-4, .megamenu.col-md-5, .megamenu.col-md-6, .megamenu.col-md-7, .megamenu.col-md-8, .megamenu.col-md-9, .megamenu.col-md-10, .megamenu.col-md-11, .megamenu.col-md-12, .megamenu.col-md, .megamenu.col-md-auto, .megamenu.col-lg-1, .megamenu.col-lg-2, .megamenu.col-lg-3, .megamenu.col-lg-4, .megamenu.col-lg-5, .megamenu.col-lg-6, .megamenu.col-lg-7, .megamenu.col-lg-8, .megamenu.col-lg-9, .megamenu.col-lg-10, .megamenu.col-lg-11, .megamenu.col-lg-12, .megamenu.col-lg, .megamenu.col-lg-auto, .megamenu.col-xl-1, .megamenu.col-xl-2, .megamenu.col-xl-3, .megamenu.col-xl-4, .megamenu.col-xl-5, .megamenu.col-xl-6, .megamenu.col-xl-7, .megamenu.col-xl-8, .megamenu.col-xl-9, .megamenu.col-xl-10, .megamenu.col-xl-11, .megamenu.col-xl-12, .megamenu.col-xl, .megamenu.col-xl-auto {
		padding-right: 10px !important;
		padding-left: 10px !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	}
	
	@media (max-width: 767px) {
	a.megamenu-subheading,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
		padding-left: 35px !important;
	}
	}
	@media (max-width: 991px) {
	a.megamenu-subheading,	
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
		padding-left: 35px !important;
	}
	}
	
	
	@media (max-width: 991px) {
	#mainmenu .navbar-collapse > .grau {
		background-color: #030303;
	} 
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a {
	background-color: #595959!important;		
	}
	}
	
	@media (max-width: 991px) {
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:focus,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:hover,
	#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a.activeparent {
	background-color: #4a4a4a !important;		
	}
	}
	
	/* Colour Bootstrap Default Button in Kundenfabe */
	
	.btn-default
	{
	  background-color: #368ccb!important; /* Templatefarbe */
	  border-color: #368ccb!important;
	  color:#FFF;
	}
	.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	  background-color: #ccc!important;
	  border-color: #ccc!important;
	  color:#FFF;
	}
	.btn-default a,
	.btn-default a:hover,
	.btn-default a:focus {
			 text-decoration: none;
			 color:#FFF; 
	}
	
	
	.rabattbutton {
		background-color: #b4546f !important;
	}
	a.rabattbutton,
	a.rabattbutton:hover {
		color: #fff !important;
	}
	
	.rabattbutton:hover {
		background-color: #368ccb !important;
	}
	
	/* cookiebanner DSGVO 2020/2021 */
	
	
	
	/* neuer markilux-konfigurator 2021 */
	#markilux-konfigurator div.youtube {
			 width: 100%!important;
			 height: 650px!important;
			 padding-top: 0!important;
			 padding-bottom: 0!important;
	}
	@media (min-width: 768px) {
	#markilux-konfigurator div.youtube {
			 width: 100%!important;
			 height: 650px!important;
			 padding-top: 0!important;
			 padding-bottom: 0!important;
	}
	}
	@media (min-width: 992px) {
	#markilux-konfigurator div.youtube {
			 width: 100%!important;
			 height: 700px!important;
			 padding-top: 0!important;
			 padding-bottom: 0!important;
	}
	}
	@media (min-width: 1200px) {
	#markilux-konfigurator div.youtube {
			 width: 100%!important;
			 height: 750px!important;
			 padding-top: 0!important;
			 padding-bottom: 0!important;
	}
	}
	
	
	/* cookiebanner DSGVO 2020/2021 */
	
	
/* start from weik.css */

/* HAUPTNAVIGATION 
------------------------------------------------- */
#mainmenu {
	font-family: 'Assistant', sans-serif!important;
	height: 100%; /* zentriert vertikal */	
}
.navbar-default,
.navbar-collapse {
	border: none;
	background-color: transparent;
}
@media (min-width: 991px) {						/* überschreibt Bootstrap (992), weil Menü zwischen 768 und 991 sonst nicht angezeigt wird) */
#mainmenu .navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
}
#mainmenu .navbar-collapse.collapse {
/*	display: block !important; bootstrap4 - deleted this to center the navigation in div #hauptnavigation*/
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
	visibility: visible !important;
}
#mainmenu .navbar-collapse.in {
	overflow-y: visible;
}
#mainmenu .navbar-fixed-top .navbar-collapse,
#mainmenu .navbar-static-top .navbar-collapse,
#mainmenu .navbar-fixed-bottom .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
}
#mainmenu .navbar-default {
	display: flex;	/* zentriert vertikal */
	justify-content: center;
	flex-direction: column;
	height: 100%;	
	background: transparent;	
	position: relative;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;	
	-webkit-transition: margin-top 0.4s linear;
	-moz-transition: margin-top 0.4s linear;
	-ms-transition: margin-top 0.4s linear;	
	-o-transition: margin-top 0.4s linear;	
	transition: margin-top 0.4s linear;	
}
@media (min-width: 992px) {
#mainmenu .navbar-default {
	-webkit-transition: margin-top 0s linear;
	-moz-transition: margin-top 0s linear;
	-ms-transition: margin-top 0s linear;	
	-o-transition: margin-top 0s linear;	
	transition: margin-top 0s linear;		
}
.scrolled #mainmenu .navbar-default {
	/*margin-top: 29px;*/
	-webkit-transition: margin-top 0.4s linear;
	-moz-transition: margin-top 0.4s linear;
	-ms-transition: margin-top 0.4s linear;	
	-o-transition: margin-top 0.4s linear;	
	transition: margin-top 0.4s linear;		
}	
}
@media (min-width: 1200px) {
#mainmenu .navbar-default {
	/*margin-top: 51px;*/	
}
.scrolled #mainmenu .navbar-default {
	/*margin-top: 26px;*/
}	
}
#mainmenu .navbar-default ul.nav {
/*	display: inline-block;*/  /* bootstrap4 - deleted this to make nav horizontal*/
	background-color: inherit;
	line-height: 1.5em;
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav {
	margin: 0;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav {
	margin-right: -5px;			/* gleicht margin-rechts 5px des letzen li aus */
}
}
#mainmenu .navbar-default ul.nav li {
	position: relative;
	/*display: flex; 2023*/
	margin-right: 2px;
	clear: left;
}
#mainmenu .navbar-default ul.nav li a {
	position: relative;
	display: block;
	padding: 5px 12px;
	text-decoration: none; 
	flex-grow: 100;
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav li a {
	padding: 5px 6px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav li a {
	padding: 6px 7px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav li a{
	padding: 9px 11px;
}
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav > li > a {
	font-size: 14px;  
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav > li > a { 
	font-size: 16px;  
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav > li > a { 
	font-size: 18px;  
}
}
@media (min-width: 1440px) {
#mainmenu .navbar-default ul.nav > li > a { 
	font-size: 20px;  
}
}
#mainmenu .navbar-default ul.nav > li > a {
	color: var(--textfarbe_hex);
	font-weight: bold;
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav li a.active,
#mainmenu .navbar-default ul.nav li a.active:hover,
#mainmenu .navbar-default ul.nav li a.active:focus,
#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau > a	{
	color: #fff;
	background-color: var(--akzentfarbe_hex);					
	cursor: default;
}
#mainmenu .navbar-default ul.nav li a:hover,
#mainmenu .navbar-default ul.nav li a:focus {
	color: var(--textfarbe_hex);
	text-decoration: none;
	background-color: #e3e3e3;
}
}

/* Ergänzung für lange Menünamen */
@media screen and (max-width: 991px) {
	.sidebarnavititle.active .hoehe, 
	.dropdown-submenu.m_open.grau a.hoehe, 
	.dropdown-submenu.grau a.hoehe, 
	#mainmenu .navbar-default ul.nav li a.hoehe {
		height: 70px;
		line-height: 25px;
		padding-top: 9px !important;
	}
}

@media screen and (max-width: 991px) {
	.sidebarnavititle.active .abstand, 
	.dropdown-submenu.m_open.grau a .abstand, 
	.dropdown-submenu.grau a .abstand, 
	#mainmenu .navbar-default ul.nav li a .abstand {
		padding-left: 10px;
	}
}

@media screen and (max-width: 991px) {
	.sidebarnavititle.active .abstand2, 
	.dropdown-submenu.m_open.grau a .abstand2, 
	.dropdown-submenu.grau a .abstand2, 
	#mainmenu .navbar-default ul.nav li a .abstand2 {
		padding-left: 20px;
	}
}

.menu-right {
	float: right !important;
}
.menu-left {
	float: left !important;
}
.menu-center {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;	
}
/* HAUPTNAVIGATION */


/* FIXIERTES HAUPTMENÜ 
------------------------------------------------- */
.fix-mainmenu{
	position: fixed;
	top: 0;
	width: 100%;
	clear: both;
	z-index: 4000;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body.weik-sidepmenu-push-toright .fix-mainmenu{
	left: -290px;
}
/* FIXIERTES HAUPTMENÜ */


/* DROPDOWN 
------------------------------------------------- */

/* DROPDOWN-Menü: Abstand rechts korrigiert + Ecken nicht mehr abgerundet */
.dropdown-menu {
	border-radius: 0!important;
}

li.dropdown-submenu,
li.dropdown-submenu > ul >li {
	margin-right: 0!important;
}
/* DROPDOWN */


/* MEGAMENU 
------------------------------------------------- */
.megamenu {
  position: static !important;
}

.megamenu .container {
  background-color: transparent !important;
}

.megamenu .container-fluid{
	padding: 0 30px !important;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
  left: 0%;
}

.megamenuextratext {
	border: 4px solid var(--templatefarbe_hex);	
	padding: 15px;
	margin-top: 30px;
}

@media (max-width: 991px) {	
    .megamenu .megamenu-submenu {
        display: none;
    }
}
.megamenu .megamenu-submenu.open {
    display: block;
}
@media (min-width: 991px) {	
    .megamenu-nav {
        position: static !important;
    }
}

@media (min-width: 991px) {	/* ÄNDERUNGEN FÜR MEGAMENÜ NICHT BEI BURGERMENU */
.megamenu div.dropdown-menu {
	margin: 0 !important;
	padding: 0 !important;	
}
}

@media (min-width: 992px) {
.megamenubox {
	background-color: #fff;	
	-webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.4);
}
}

@media (min-width: 992px) {
.megamenuboxinner {
	padding: 30px 0  30px 15px;
	text-align: center;
}
}

.megamenurechts {
	padding: 15px;
}

.megamenurechts p,
.megamenurechts img {
	margin: 0 !important;
}

.megamenuextratext a:hover,
.megamenuextratext a:focus,
.megamenurechts a:hover,
.megamenurechts a:focus {
	background-color: transparent !important;
}

.megamenukontakt a:hover,
.megamenukontakt a:focus{
	background-color: transparent !important;
	color: #e1e1e1 !important;
	cursor: pointer;
}

.megamenuboxinner .col-lg-4,
.megamenuboxinner .col-lg-6 {
	border-right: 1px solid #ccc;	
}

.megamenuboxinner .megamenu-standardlinks a {
  align-items: center;
  justify-content: center;	
}

.megamenukontakt {
	background: var(--buttonfarbe_hex);	
	color: var(--buttontextfarbe_hex);	
	padding: 5px 15px;
	text-align: center;
}

@media (min-width: 992px) {
.megamenu-subheading,
.megamenu-header {
	text-align: left;
}
}

@media (min-width: 992px) {
.megamenu-subheading,
.megamenu-header {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 3px;
	display: flex !important;
}
}
	
@media (min-width: 1200px) {
.megamenu-subheading,
.megamenu-header {
	font-size: 22px;
	font-weight: bold;	
}
}	

.megamenu-submenu {
	margin: 0 !important;	
}

@media (min-width: 992px) {
.megamenu-submenu a.activeparent {
	background-color: #f0f0f0 !important;
	color: #2c3034!important;
}

}
@media (min-width: 992px) {
.megamenu-subheading,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li {
    margin-right: 0px !important;
}
}

@media (min-width: 992px) {
.megamenu-subheading,	
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li a {
    padding: 15px 15px !important;
}
}

@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open div {
	margin-left: 0px !important;
	margin-right: 0px !important;	
	padding-left: 0px !important;	
	padding-right: 0px !important;
	width: 100%;
	max-width: 100%;	
	position: static;
}
}

@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul {
	margin-top: 0px !important;
	margin-left: 0px !important;
	width: 100%;	
}
}

@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu .container,
#hauptnavigation > ul > li.nav-item.megamenu .row {
	margin-left: 0px !important;
	margin-right: 0px !important;	
	padding-left: 0px !important;	
	padding-right: 0px !important;
	width: 100%;
	max-width: 100%;	
}
}

@media (max-width: 991px) {
.megamenubox.col-1, .megamenubox.col-2, .megamenubox.col-3, .megamenubox.col-4, .megamenubox.col-5, .megamenubox.col-6, .megamenubox.col-7, .megamenubox.col-8, .megamenubox.col-9, .megamenubox.col-10, .megamenubox.col-11, .megamenubox.col-12, .megamenubox.col, .megamenubox.col-auto, .megamenubox.col-sm-1, .megamenubox.col-sm-2, .megamenubox.col-sm-3, .megamenubox.col-sm-4, .megamenubox.col-sm-5, .megamenubox.col-sm-6, .megamenubox.col-sm-7, .megamenubox.col-sm-8, .megamenubox.col-sm-9, .megamenubox.col-sm-10, .megamenubox.col-sm-11, .megamenubox.col-sm-12, .megamenubox.col-sm, .megamenubox.col-sm-auto, .megamenubox.col-md-1, .megamenubox.col-md-2, .megamenubox.col-md-3, .megamenubox.col-md-4, .megamenubox.col-md-5, .megamenubox.col-md-6, .megamenubox.col-md-7, .megamenubox.col-md-8, .megamenubox.col-md-9, .megamenubox.col-md-10, .megamenubox.col-md-11, .megamenubox.col-md-12, .megamenubox.col-md, .megamenubox.col-md-auto, .megamenubox.col-lg-1, .megamenubox.col-lg-2, .megamenubox.col-lg-3, .megamenubox.col-lg-4, .megamenubox.col-lg-5, .megamenubox.col-lg-6, .megamenubox.col-lg-7, .megamenubox.col-lg-8, .megamenubox.col-lg-9, .megamenubox.col-lg-10, .megamenubox.col-lg-11, .megamenubox.col-lg-12, .megamenubox.col-lg, .megamenubox.col-lg-auto, .megamenubox.col-xl-1, .megamenubox.col-xl-2, .megamenubox.col-xl-3, .megamenubox.col-xl-4, .megamenubox.col-xl-5, .megamenubox.col-xl-6, .megamenubox.col-xl-7, .megamenubox.col-xl-8, .megamenubox.col-xl-9, .megamenubox.col-xl-10, .megamenubox.col-xl-11, .megamenubox.col-xl-12, .megamenubox.col-xl, .megamenubox.col-xl-auto {
	padding-right: 0px !important;
    padding-left: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
}

@media (min-width: 992px) {
.megamenu.col-1, .megamenu.col-2, .megamenu.col-3, .megamenu.col-4, .megamenu.col-5, .megamenu.col-6, .megamenu.col-7, .megamenu.col-8, .megamenu.col-9, .megamenu.col-10, .megamenu.col-11, .megamenu.col-12, .megamenu.col, .megamenu.col-auto, .megamenu.col-sm-1, .megamenu.col-sm-2, .megamenu.col-sm-3, .megamenu.col-sm-4, .megamenu.col-sm-5, .megamenu.col-sm-6, .megamenu.col-sm-7, .megamenu.col-sm-8, .megamenu.col-sm-9, .megamenu.col-sm-10, .megamenu.col-sm-11, .megamenu.col-sm-12, .megamenu.col-sm, .megamenu.col-sm-auto, .megamenu.col-md-1, .megamenu.col-md-2, .megamenu.col-md-3, .megamenu.col-md-4, .megamenu.col-md-5, .megamenu.col-md-6, .megamenu.col-md-7, .megamenu.col-md-8, .megamenu.col-md-9, .megamenu.col-md-10, .megamenu.col-md-11, .megamenu.col-md-12, .megamenu.col-md, .megamenu.col-md-auto, .megamenu.col-lg-1, .megamenu.col-lg-2, .megamenu.col-lg-3, .megamenu.col-lg-4, .megamenu.col-lg-5, .megamenu.col-lg-6, .megamenu.col-lg-7, .megamenu.col-lg-8, .megamenu.col-lg-9, .megamenu.col-lg-10, .megamenu.col-lg-11, .megamenu.col-lg-12, .megamenu.col-lg, .megamenu.col-lg-auto, .megamenu.col-xl-1, .megamenu.col-xl-2, .megamenu.col-xl-3, .megamenu.col-xl-4, .megamenu.col-xl-5, .megamenu.col-xl-6, .megamenu.col-xl-7, .megamenu.col-xl-8, .megamenu.col-xl-9, .megamenu.col-xl-10, .megamenu.col-xl-11, .megamenu.col-xl-12, .megamenu.col-xl, .megamenu.col-xl-auto {
	padding-right: 10px !important;
    padding-left: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
}

@media (max-width: 767px) {
a.megamenu-subheading,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
	padding-left: 35px !important;
}
}
@media (max-width: 991px) {
a.megamenu-subheading,	
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
	padding-left: 35px !important;
}
}


@media (max-width: 991px) {
#mainmenu .navbar-collapse > .grau {
	background-color: var(--textfarbe_hex);
} 
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a {
background-color: #595959!important;		
}
}

@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:focus,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:hover,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a.activeparent {
background-color: #4a4a4a !important;		
}
}

/* MEGAMENU */

/* end from weik.css */

.hide-dropdown a.sidebarnavititle .caret,
.hide-dropdown .dropdown-toggle::after,
#mainmenu .navbar-default ul.nav li.hide-dropdown a.caret_a
{
	display:none;
}
.bottom-mobile{
    display: none !important; 
}

@media screen and (max-width:991px){
  #mainmenu .navbar-default ul.nav li{
	  margin-right:1px;
  }
	
}







/*--- weik push menu */
@media screen and (max-width:991px){
    @supports (-webkit-overflow-scrolling: touch) {       /* CSS specific to iOS devices */        body {cursor: pointer;}    }
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: none;
		width: 100%;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		top: 100%
	}

	.hide-dropdown a.sidebarnavititle .caret,
	#mainmenu .navbar-default ul.nav li.hide-dropdown a.caret_a
	{
		display:inline-block;
	}

	.caret {
		display: inline-block;
		float: right;
		margin-top: 13px;
	}

	.caret,
	.navbar-nav .dropdown-submenu > a:before {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-right:0 !important;
		border-top: 6px solid transparent !important;
		border-bottom: 6px solid transparent !important;
		border-left: 6px solid #fff !important;
	}

	.dropdown-submenu.open .caret, 
	.dropdown.open a.sidebarnavititle .caret,
	.caret.open {
		border-top-color: #555555 !important;
		border-left:6px solid transparent !important;
		border-right:6px solid transparent !important;
		border-top: 6px solid #fff !important;
	}

	.navbar-nav .dropdown-submenu > a:before {
		margin-top: 17px !important;
	}

	.navbar-nav .dropdown li {
		text-indent: 10px;
		background-color: #030303;
	}	

	.navbar-nav .dropdown-submenu .grau {
		background-color: #030303;
	}

	.dropdown-menu .nav-zwei {
		text-indent: 20px;
	}

	.dropdown-menu .nav-drei {
		text-indent: 30px;
	}  
	
	.dropdown-menu .nav-vier {
		text-indent: 40px;
	}   

	/*.navbar-default{
		height:0px;
	}*/

	#sidebar .navbar-default{
		display:none;
	}

	.navbar-toggle .icon-bar{
		position:relative;
	}

	.navbar-default .navbar-toggle .icon-bar{
	background: var(--templatefarbe_hex);
	}

	.navbar-toggle.active .icon-bar.bar1 {
	  top: 6px;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.navbar-toggle.active .icon-bar.bar2 {
		background-color: transparent;
	}

	.navbar-toggle.active .icon-bar.bar3 {
		top: -8px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	@media (min-width: 576px) {	
	.navbar-toggle.active .icon-bar.bar3 {
		top: -8px;
	}
	}

	#mainmenu .navbar-default ul.nav{
		float:left;
		width:100%;
	}

	#mainmenu .navbar-default ul.nav li{
		/* float:left; */
		width:100%;
		display:block;
	}

	.dropdown-menu > li > a{
		height: 40px;
		line-height: 40px;
		color: #f7f7f7;
	}

	.navbar-collapse.weik-sidepmenu{
		position:fixed;
	}

	.navbar-nav>li>a {
		height: 50px;
		line-height:50px;
		color:#fff !important;
		padding:0px 12px 0 25px!important;
	}

	.dropdown-submenu > a:before{
		top:11px;
		margin-right:0px !important;
	}

	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a, 
	.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover, 
	.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus{
		background-color:#030303;
		color:#f7f7f7 !important;
	}

	#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > a {
		font-weight: bold !important;
		background-color: #707070 !important;
	}	

	#hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open > ul > li a,	
	#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > ul > li > a {
		background-color: #707070;		
	}

	#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > ul > li > a.active {
		background-color: var(--templatefarbe_hex) !important;		
	}

	li.open .sidebarnavititle {
		background-color: #030303 !important;		
	}

	#mainmenu .navbar-default ul.nav li.dropdown.open a.sidebarnavititle{
		/*background-color:#030303;*/
		height:40px;
		line-height:40px;
		font-weight: bold;
	}

	.sidebarnavititle.active,
	.dropdown-submenu.m_open.grau a,
	.dropdown-submenu.grau a,
	#mainmenu .navbar-default ul.nav li a{
		height:40px; line-height:40px;
		padding-top:0px !important;
		padding-bottom:0px !important;
	}

	.dropdown-menu.main-dropdown-menu{
		float:left;
		padding-top:0px;
	}

	.dropdown-menu {
		padding: 0 !important;
	}

	.sidebarnavititle.active .caret{
		top:14px !important;
	}

	.navbar-nav>li>a:hover,
	.navbar-nav>li>a:focus,
	.navbar-nav>li>a:active{
		color:var(--templatefarbe_hex);
	}

	ul.dropdown-menu.main-dropdown-menu li.open a{
	 color: var(--templatefarbe_hex) !important;
	}

	#hauptnavigation{
		background:#333;
	}

	.collapse.navbar-collapse#hauptnavigation{
		right: -290px;
		position:fixed;
		width: 290px;
		height: 100%;
		top: 0;
		bottom: 0;
		z-index: 1000;
		visibility: visible;
		padding: 0;
		margin: 0 !important;
	   -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		display:block;
		overflow-y:visible;		
		overflow-x:hidden;
	}


	.show-left-menu{
		right:0px !important;
	}

	.weik-sidepmenu {
		background: var(--templatefarbe_hex);
		position: fixed;
	}

	.weik-sidepmenu h3 {
		color: #afafaf;
		font-size: 1.9em;
		padding: 20px;
		margin: 0;
		font-weight: 300;
		background: var(--templatefarbe_hex);
	}

	.weik-sidepmenu a {
		display: block;
		color: #fff;
		font-size: 1.1em;
		font-weight: 300;
	}

	.weik-sidepmenu a:hover {
		background: var(--templatefarbe_hex);
	}

	.weik-sidepmenu a:active {
		background: #afafaf;
		color: var(--templatefarbe_hex);
	}


	/* Orientation-dependent styles for the content of the menu */
	.weik-sidepmenu-vertical {
		width: 290px;
		height: 100%;
		top: 0;
		bottom:0;
		z-index: 1000;
	}

	.weik-sidepmenu {
		position: fixed;
		padding: 0;
		margin: 0 !important;
		overflow-x: hidden;
		overflow-y: visible;
		display: block;
		visibility: visible;
	}

	.weik-sidepmenu-vertical a {
		border-bottom: 1px solid #424242;
		padding: 1em;
	}

	.weik-sidepmenu-horizontal {
		width: 100%;
		height: 150px;
		left: 0;
		z-index: 1000;
		overflow: hidden;
	}

	.weik-sidepmenu-horizontal h3 {
		height: 100%;
		width: 20%;
		float: left;
	}

	.weik-sidepmenu-horizontal a {
		float: left;
		width: 20%;
		padding: 0.8em;
		border-left: 1px solid #258ecd;
	}


	/* Vertical menu that slides from the left or right */
	.weik-sidepmenu-left {
		left: -260px;
	}

	.weik-sidepmenu-right {
		right: -260px;
	}

	.weik-sidepmenu-left.weik-sidepmenu-open {
		left: 0px;
	}

	.weik-sidepmenu-right.weik-sidepmenu-open {
		right: 0px;
	}


	/* Horizontal menu that slides from the top or bottom */
	.weik-sidepmenu-top {
		top: -150px;
	}

	.weik-sidepmenu-bottom {
		bottom: -150px;
	}

	.weik-sidepmenu-top.weik-sidepmenu-open {
		top: 0px;
	}

	.weik-sidepmenu-bottom.weik-sidepmenu-open {
		bottom: 0px;
	}


	/* Push classes applied to the body */
	.weik-sidepmenu-push {
		overflow-x:visible;
		position: relative;
		right: 0;
	}

	.weik-sidepmenu-push-toright {
		right: 290px;
	}

	.weik-sidepmenu-push-toleft {
		right: -290px;
	}


	/* Transitions */
	.weik-sidepmenu,
	.weik-sidepmenu-push {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

}


/* HAUPTNAVIGATION MOBIL-------------------------------*/
/* HAUPTNAVIGATION MOBIL-------------------------------*/
/* HAUPTNAVIGATION MOBIL-------------------------------*/
@media (max-width: 991px) {
#mainmenu .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: none;
	box-shadow: none;
}

#mainmenu .navbar-collapse ul.nav {				/*zentriert die ausgeklappte Navigation */ 
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;		
	margin-right: 0px;	
	width: 100%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	float: none;
	display: block;
}

#mainmenu .navbar-collapse ul.nav li {
	position: relative;
	display: flex;
	margin-right:0px;	
	margin-left:0px;		
	flex-wrap: wrap;
}

#mainmenu .navbar-collapse ul.nav li a {
	position: relative;
	display: block;
	padding: 10px 12px;
	padding-left:25px;
	color:#f7f7f7 !important;
	text-decoration: none;
	text-align:left;
}

#mainmenu .navbar-collapse ul.nav > li > a {
	color: #030303;
	text-transform: uppercase;
    font-size: 15px !important;
	text-align:left;
}

#mainmenu .navbar-collapse ul.nav li a:hover,
#mainmenu .navbar-collapse ul.nav li a:focus {
	color: #fff !important;
    text-decoration: none;
    background-color: #828282!important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#mainmenu .navbar-collapse ul.nav li a.active,
#mainmenu .navbar-collapse ul.nav li a.active:hover,
#mainmenu .navbar-collapse ul.nav li a.active:focus {
	background-color: var(--templatefarbe_hex);
    cursor: default;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
    font-weight: bold;	
}
	
#hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open > a {
    font-weight: bold;		
}

	.dropdown-submenu > ul.dropdown-menu {
		left: 0%;
	}
}

@media (min-width: 768px) {								/*blendet das Standardmenü schon ab 768px ein - Standard wäre  992px*/
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
	#mainmenu .navbar-collapse .grau {
		background-color: #434343;
	} 
	#hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open {
		background-color: #707070 !important;	
	}
}







/* HAUPTNAVIGATION TOGGLE-SYMBOL-------------------------------*/
/* HAUPTNAVIGATION TOGGLE-SYMBOL-------------------------------*/
/* HAUPTNAVIGATION TOGGLE-SYMBOL-------------------------------*/
#mainmenu .toggle-wrap{
	margin-top: 0px !important;
	padding-top: 0 !important;
}
@media (min-width: 992px) {	
#mainmenu .toggle-wrap{
	display: none;
}
}

#mainmenu button.navbar-toggle {
	position: relative;
	float: none;
	padding: 5px;		
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	display: inline-block;
}

#mainmenu button.navbar-toggle:hover, 
#mainmenu button.navbar-toggle:focus {
	background-color:transparent;
}


@media (min-width: 992px) {
#mainmenu .togglehead{
	display:none !important;	
}
	.megamenu-submenu {
		display: none;
	}

	.megamenu a.submenu-main {
		width: 100%;
	}

	#mainmenu .megamenu .submenu-caret {
		display: none !important;
	}
}


#mainmenu .togglehead p{
	color: inherit;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: center;
}
@media (min-width: 768px) {
#mainmenu .togglehead p{
	font-size: 14px;
	line-height: 20px;
}
}



.navbar-toggle .icon-bar {
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 1px;
}
@media (min-width: 576px) {
.navbar-toggle .icon-bar {
  width: 24px;
  height: 3px;
}
}
@media (min-width: 768px) {
.navbar-toggle .icon-bar {
  width: 26px;
  height: 3px;
}
}
@media (min-width: 1200px) {
.navbar-toggle .icon-bar {
  width: 28px;
  height: 4px;
}
}
@media (min-width: 1440px) {
.navbar-toggle .icon-bar {
  width: 28px;
  height: 4px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 3px;
}
}
@media screen and (max-width:991px){
    .bottom-mobile{
        display: block !important;
    }
}

.bar1 {
	margin-top: 0px;	/*entfernt margin oberhalb vom ersten Strich im Burger-Menü */
}



/* fixes a bug in the menu colors */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: inherit;
    border-color: inherit;
}



/**
 menu css for scroll and fix 
*/
 .navbar-inverse{
    z-index: 4;
    width: 1110px !important;
    max-width: 100%;
    left: 0;
    right: 0;
		 }
.affix {
	top: 0;
	width: 100%;
	}

.affix + .container-fluid {
		padding-top: 70px;
		   }
                   
#mainmenu button.navbar-toggle:hover, #mainmenu button.navbar-toggle:focus{
    outline:none;
}

#mainmenu .megamenu .grau {
	clear: both;
}
@media (max-width: 991px){
	.navbar-expand-sm .navbar-collapse {
		display: block !important;
	}
	#mainmenu .dropdown-toggle-split {
		width: 17%;
		float: right;
	}
	#mainmenu .megamenu .grau {
		clear: right;
	}	
}


/*megamenu-animations*/
@media (min-width: 992px) {
	.animate {
	  animation-duration: 1s;
	  -webkit-animation-duration: 1s;
	  animation-fill-mode: both;
	  -webkit-animation-fill-mode: both;
	}
  }
  
  @keyframes slideIn {
	0% {
	  transform: translateY(-1rem);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0rem);
	  opacity: 1;
	}
	0% {
	  transform: translateY(-1rem);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes slideIn {
	0% {
	  -webkit-transform: translateY(-1rem);;
	  -webkit-opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  -webkit-opacity: 1;
	}
	0% {
	  -webkit-transform: translateY(-1rem);
	  -webkit-opacity: 0;
	}
  }
  
@media (min-width: 992px) {
  .slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
  }

  #hauptnavigation .dropdown-menu {
	opacity: 0;
	transition: opacity 2s linear;
  }
}

  @keyframes mmclose {
	0% {
	  display: block;
	  opacity: 1;
	}
	99% {
	  display: block;
	}
	100% {
	  display: none;
	  opacity: 0;
	}
  }

@media (min-width: 992px) {
  .mmclose  > .dropdown-menu {
	animation: mmclose 1s linear;
	animation-fill-mode: forwards;
 }
}
.dropdown-menu > li > label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > label:hover,
.dropdown-menu > li > label:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > li > input:checked ~ label,
.dropdown-menu > li > input:checked ~ label:hover,
.dropdown-menu > li > input:checked ~ label:focus,
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > li > input[disabled] ~ label,
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
  color: #999999;
}
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu > li > label {
  margin-bottom: 0;
  cursor: pointer;
}
.dropdown-menu > li > input[type="radio"],
.dropdown-menu > li > input[type="checkbox"] {
  display: none;
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.dropdown-menu > li > label:focus,
.dropdown-menu > li > input:focus ~ label {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu.pull-top {
  bottom: 100%;
  top: auto;
  margin: 0 0 2px;
  -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-center {
  right: 50%;
  left: auto;
}
.dropdown-menu.pull-middle {
  right: 100%;
  margin: 0 2px 0 0;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
  left: auto;
}
.dropdown-menu.pull-middle.pull-right {
  right: auto;
  left: 100%;
  margin: 0 0 0 2px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.pull-middle.pull-center {
  right: 50%;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.bullet {
  margin-top: 8px;
}
.dropdown-menu.bullet:before {
  width: 0;
  height: 0;
  content: '';
  display: inline-block;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: rotate(360deg);
  border-width: 0 7px 7px;
  border-bottom-color: #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  top: -7px;
  left: 9px;
}
.dropdown-menu.bullet:after {
  width: 0;
  height: 0;
  content: '';
  display: inline-block;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: rotate(360deg);
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
  top: -6px;
  left: 10px;
}
.dropdown-menu.bullet.pull-right:before {
  left: auto;
  right: 9px;
}
.dropdown-menu.bullet.pull-right:after {
  left: auto;
  right: 10px;
}
.dropdown-menu.bullet.pull-top {
  margin-top: 0;
  margin-bottom: 8px;
}
.dropdown-menu.bullet.pull-top:before {
  top: auto;
  bottom: -7px;
  border-bottom-width: 0;
  border-top-width: 7px;
  border-top-color: #cccccc;
  border-top-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu.bullet.pull-top:after {
  top: auto;
  bottom: -6px;
  border-bottom: none;
  border-top-width: 6px;
  border-top-color: #ffffff;
}
.dropdown-menu.bullet.pull-center:before {
  left: auto;
  right: 50%;
  margin-right: -7px;
}
.dropdown-menu.bullet.pull-center:after {
  left: auto;
  right: 50%;
  margin-right: -6px;
}
.dropdown-menu.bullet.pull-middle {
  margin-right: 8px;
}
.dropdown-menu.bullet.pull-middle:before {
  top: 50%;
  left: 100%;
  right: auto;
  margin-top: -7px;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-width: 7px;
  border-left-color: #cccccc;
  border-left-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu.bullet.pull-middle:after {
  top: 50%;
  left: 100%;
  right: auto;
  margin-top: -6px;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-width: 6px;
  border-left-color: #ffffff;
}
.dropdown-menu.bullet.pull-middle.pull-right {
  margin-right: 0;
  margin-left: 8px;
}
.dropdown-menu.bullet.pull-middle.pull-right:before {
  left: -7px;
  border-left-width: 0;
  border-right-width: 7px;
  border-right-color: #cccccc;
  border-right-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu.bullet.pull-middle.pull-right:after {
  left: -6px;
  border-left-width: 0;
  border-right-width: 6px;
  border-right-color: #ffffff;
}
.dropdown-menu.bullet.pull-middle.pull-center {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu.bullet.pull-middle.pull-center:before {
  border: none;
  display: none;
}
.dropdown-menu.bullet.pull-middle.pull-center:after {
  border: none;
  display: none;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  left: 100%;
}

@media (max-width: 767px) {
  .navbar-nav .dropdown-submenu > a:before {
    margin-top: 8px;
    border-color: inherit;
    border-style: solid;
    border-width: 4px 4px 0;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .navbar-nav .dropdown-submenu > a {
    padding-left: 40px;
  }
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label {
    padding-left: 35px;
  }
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 45px;
  }
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 55px;
  }
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 65px;
  }
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
  .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
    padding-left: 75px;
  }
}
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
    border-top-color: #555555;
  }
}
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
  background-color: #080808;
  color: #ffffff;
}

a.submenu-main {
  width: 83%;
  float: left;
  padding-right: 0px !important;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
    border-top-color: #ffffff;
  }
}
.open > .dropdown-menu {
  display: block !important;
  top: 100%
}

.open > .dropdown-menu.hide-top-dropdown{
    display: none !important;
}

#mainmenu .navbar-default ul.nav > li > a.main_a {
float: left;
}

#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 2px 12px !important; 
margin-right: 7px;
} 
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 2px 12px !important; 
margin-right: 7px;
} 
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 6px 12px !important; 
margin-right: 7px;
} 
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 9px 12px !important; 
margin-right: 7px;
} 
}

@media (max-width: 990px) {
  #mainmenu .navbar-default ul.nav > li > a.main_a {
    width: 83%;
    float: left;
    padding-right: 0px !important;  
  }

  #mainmenu .navbar-default ul.nav > li > a.caret_a {
    width: 17%;
    float: left;
    /*padding: 0px !important; 2023*/
    margin-right: 0px;
  }  
}