html, body 
	{
		padding:0; 
		margin: 0;
		font-family: 'Quicksand', sans-serif !important;
		font-size: 1rem !important;
		color: #666 !important;
	}
	
	/* loading overlay */
	#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #fff; z-index:9999;}
	
	.lds-cover-loadinganimation {
	  display: inline-block;
	  position: fixed;
	  left: 50%;
	  top: 50%;
	  width: 80px;
	  height: 80px;
	  margin-left: -40px;
	  margin-top: -40px;
	}
	
	.lds-cover-loadinganimation div {
	  display: inline-block;
	  position: absolute;
	  left: 8px;
	  width: 16px;
	  background: #009999;
	  animation: lds-cover-loadinganimation 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
	}
	.lds-cover-loadinganimation div:nth-child(1) {
	  left: 8px;
	  animation-delay: -0.24s;
	}
	.lds-cover-loadinganimation div:nth-child(2) {
	  left: 32px;
	  animation-delay: -0.12s;
	}
	.lds-cover-loadinganimation div:nth-child(3) {
	  left: 56px;
	  animation-delay: 0;
	}
	@keyframes lds-cover-loadinganimation {
	  0% {
		top: 8px;
		height: 64px;
	  }
	  50%, 100% {
		top: 24px;
		height: 32px;
	  }
	}
	
	/*
	@media(min-width:768px){

		div.col, div.row, p
		{
			text-align: justify;
		}
		
		div.col h1, div.row h1, div.col h2, div.row h2
		{
			text-align: left;
		}
	}*/
	
	
	h1, h2, h3, h4, h5, h6
	{		
		font-family: 'DaxlineWebBold' !important;
		/*text-transform: uppercase !important;*/
		display: block !important;
	}
	h4, h5 {text-align: left }
	
	hr 
	{
		border-width:0.15rem;
		border-color:#e6e6e6;;
	}
	
	a
	{
		color: #29aea9; /* Änderung StBr bessere Sichtbarkeit */
	}
	
	.bar-buttons {
		text-align:left; 
		padding:.5rem; 
	}	
	.bar-buttons:hover {
		background: #ccc;
		color: #000 !important;
	}
	
	medium {font-family:DaxlineWebMedium;font-weight:500}
	green {color:#29aea9}
	
	.font-medium {
		font-size: 1.25rem;
		vertical-align: middle !important;
		font-family: 'DaxlineWebMedium';
	}
	
	.link-grey
	{
		text-decoration: none !important;
		color:#666 !important;
	}

	.text-green {
		color: #009999;
	}
	
	.default-iframe
	{
		border: none; 
		width: 100%; 
		height: 100%; 
		min-height: 800px;
	}
	
	.responsive_map 
	{
		height: 0;
		overflow: hidden;
		padding-bottom: 56%;
		position: relative;
	}
	
	.responsive_map iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	.search
	{
		min-height: 500px;
	}
	
	.search .counter, .search .form-limit
	{
		display: none;
	}
	
	.searchintro p
	{
		text-align: center;
	}
	
	#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection
	{
		background-color: #eee !important;
		border: 1px solid #999 !important;
		color: #333 !important;
	}
	
	#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll
	{
		font-size: 11.5pt !important;
		padding: 5px 8px 6px !important;
	}
	
	.cookie_dse_area
	{
		padding: 7px;
		border: 1px solid #29aea9;
	}
	
	.privacy_info_message
	{
		color: #009999;
		border: 1px solid #009999;
		padding: 10px;
		margin-bottom: 20px;
	}
	
	/* hide startpage header in IE10 and IE11 because no apng support */
	@media all and (-ms-high-contrast:none) {
		 .hide-on-ie { display: none } /* IE10 */
		 *::-ms-backdrop, .hide-on-ie { display: none } /* IE11 */
	}


	
	@media(min-width:768px){

		.border-left-notmobile {
			border-left: 2px solid #009999 !important;
		 }

	}

	
	/* Fonts */
	@font-face {
	  font-family: DaxlineWebBold;
	  src: url('/..fonts/DaxlineWebPro-Bold.eot');
	  font-display: swap;
	}

	@font-face {
	  font-family: DaxlineWebBold;
	  src: url('../fonts/DaxlineWebPro-Bold.woff') format('woff');
	  font-display: swap;
	}

	@font-face {
	  font-family: DaxlineWebLight;
	  src: url('/..fonts/DaxlineWebPro-Light.eot');
	  font-display: swap;
	}

	@font-face {
	  font-family: DaxlineWebLight;
	  src: url('../fonts/DaxlineWebPro-Light.woff') format('woff');
	  font-display: swap;
	}
	
	@font-face {
	  font-family: DaxlineWebMedium;
	  src: url('/..fonts/DaxlineWebPro-Medium.eot');
	  font-display: swap;
	}

	@font-face {
	  font-family: DaxlineWebMedium;
	  src: url('../fonts/DaxlineWebPro-Medium.woff') format('woff');
	  font-display: swap;
	}
	
	/* quicksand-300 - latin */
	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../fonts/quicksand-v20-latin-300.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/quicksand-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/quicksand-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/quicksand-v20-latin-300.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/quicksand-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/quicksand-v20-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
	 font-display: swap;
	}
	/* quicksand-regular - latin */
	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/quicksand-v20-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/quicksand-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/quicksand-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/quicksand-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/quicksand-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/quicksand-v20-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
	font-display: swap;
	}
	/* quicksand-500 - latin */
	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: 500;
	  src: url('../fonts/quicksand-v20-latin-500.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/quicksand-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/quicksand-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/quicksand-v20-latin-500.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/quicksand-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/quicksand-v20-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
	font-display: swap;
	}
	/* quicksand-600 - latin */
	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: 600;
	  src: url('../fonts/quicksand-v20-latin-600.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/quicksand-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/quicksand-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/quicksand-v20-latin-600.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/quicksand-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/quicksand-v20-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */
	font-display: swap;
	}
	/* quicksand-700 - latin */
	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/quicksand-v20-latin-700.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/quicksand-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/quicksand-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/quicksand-v20-latin-700.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/quicksand-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/quicksand-v20-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
	font-display: swap;
	}

	.back-to-top {
		position: fixed;
		bottom: 25px;
		right: 25px;
		display: none;
		transform: rotate(-90deg);
	}

	
	/* headline */
	#logo
	{
		display: inline-block;
		height: 65px;
		position: absolute;
		top: 12px;
		transition: all ease .5s;
	}
	
	@media (min-width: 1200px) 
	{
		#logo 
		{
			margin-left: 5%;
		}
		
		#toolbar 
		{
			margin-right:  5%;
		}
	}
	
	@media (min-width: 1400px) 
	{
		#logo 
		{
			margin-left: 10%
		}
		
		#toolbar 
		{
			margin-right: 10%;
		}
	}
	
	#toolbar
	{
		position: absolute;
		z-index: 1;
		top: 20px;
		right: 0px;
		width: 200px;
		text-align: right;
		font-size: 22px !important;
		transition: all ease .5s;
		padding-right: 8px;
	}
	
	#toolbar a
	{		
		font-size: 22px !important;
	}
	
		#language-selector a .label
	{
		font-family: 'Quicksand', sans-serif;
		font-weight: bold;
		color: #a3a4a7 !important;
		position: relative;
		top: 2px;
	}
	
	#language-selector a 
	{
		text-decoration: none !important;
	}
	
	/* Navi */	
	.navbar-toggler 
	{
		position: fixed;
		top: 25px;
		right: 15px;
		z-index: 100000;
	}
	
	.navbar-toggler.active ~ #toolbar
	{
		top: -100px !important;
	}
	
	.navbar, .navbar a
	{
		text-align: left;
	}
	
	.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before
	{
		background-color: #808080 !important;
	}
	
	.bsnav-mobile .navbar
	{
		padding-top: 20px !important;
		width: 300px !important;
	}
	
	.bsnav-mobile.in  > .navbar
	{
		position: absolute;
		z-index: 1000;
		box-shadow: 0px 2px 3px #333;
	}
	
	#collapsible-nav
	{
		transition: all ease 0.08s;
		margin-top: 80px;
		opacity: 0; /* will be fadein after document.ready reached */
		pointer-events: none;
	}
	
	/*
	.dropdown-like ~ .navbar-nav
	{
		position: relative !important;
		left: 0px !important;
		width: 300px !important;
	}*/
	
	.navbar-wrapper .bsnav
	{
		background-color: #fff !important;
	}
	
	.navbar-wrapper .bsnav.sticked.in
	{
		background-color: #fff !important;
		box-shadow: 0 3px 8px #ccc;
	}
	
	.sticked.in #collapsible-nav
	{
		margin-top: 10px !important;
	}
	
	.sticked.in #logo
	{
		height: 55px;
	}
	
	.bsnav-sticky
	{
		z-index: 40 !important;
	}
	
	.navbar-wrapper .navbar a
	{
		font-size: 23px;
		font-family: 'DaxlineWebBold';
		color: #808080 !important;
	}
	
	/*
	.nav-item.dropdown:not(.megamenu)>.navbar-nav,
	.nav-item.dropdown:not(.megamenu)>.navbar-nav .navbar-nav
	{
		width: 225px !important;
		z-index: 100;
		box-shadow: -5px 11px 18px -10px rgba(0,0,0,0.75);
	}
		
	.nav-item.dropdown:not(.megamenu)>.navbar-nav.in
	{
		clip: rect(0,50vw,2000px,-100px) !important; 
	}
		*/
		
	.nav-item.dropdown:not(.megamenu) > .navbar-nav .navbar-nav
	{
		left: -97% !important;
		clip: auto !important;
	}

	#collapsible-nav .nav-item.dropdown:not(.megamenu) > .navbar-nav .navbar-nav a
	{
		font-size: 17px !important;
		font-weight: bold;
	}
	
	.navbar-wrapper .nav-item  .deeper a,
	.navbar-wrapper .nav-item .nav-item a
	{
		font-size: 15px;
		font-family: 'DaxlineWebLight';
		padding: 10px 0px 10px 11px !important;
	}
	
	.navbar-wrapper .nav-item  .deeper .caret
	{
		transform: rotate(-90deg);
		right: 4%;
	}
	
	.navbar-wrapper .nav-item  .deeper .caret
	{
		transform: rotate(-90deg);
		right: 3%;
	}
	
	.navbar-wrapper .nav-item  .deeper a:hover,
	.navbar-wrapper .nav-item .nav-item a:hover 
	{
		/*
		background: #e6e6e6;
		border-left: 4px solid #009999;
		*/
	}	
	
	.navbar-wrapper .nav-item .nav-item a
	{

	}
	
	.nav-item.dropdown>.navbar-nav
	{
		background: rgb(255,255,255) !important;
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(241 241 241) 100%) !important;
		box-shadow: 0px 3px 3px #999;
	}
	
	.dropdown.megamenu > .product-overview-menuitem  ~ .navbar-nav.in
	{
		padding-bottom: 70px;
	}
	
	.nav-item.dropdown>.navbar-nav .navbar-nav
	{
		background: transparent !important;
		box-shadow: none !important;
	}
	
	/*
	.nav-item.dropdown:not(.megamenu)>.navbar-nav .navbar-nav {
		transition: 200ms !important;
    }*/
	
	.navbar-wrapper 
	{
		/*position: relative;
		z-index: 0;
		min-height: 80px*/
		min-height: 160px;
	}	
	
	.center-link a, a.center-link{
		text-align: center !important;
		left: 0px !important;
	}
	
	.left-link a, a.left-link{
		text-align: left !important;
	}
			
	.navbar a:hover, .stuck  .navbar a:hover
	{
		color: #333 !important;
	}

	.navbar li.active
	{
		color: #333 !important;
	}
	
	.navbar-nav .nav-link {
		z-index: 1000; /* Änderung StBr */
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	
	.navbar-wrapper .nav-item .caret
	{
		float: left;
		margin: 0px !important;
		position: relative;
		top: -53%;
		left: 86%;
	}
	
	
	.navbar-wrapper .overview-link-copy /*:not(.product-overview-menuitem)*/
	{
		display: none !important;
	}
	
	
	#collapsible-nav .overview-copy-wrapper
	{
		display: none !important;
	}
	
		
	#collapsible-nav  .overview-row .overview-copy
	{
		display: inline-block;
	}
	
	#collapsible-nav .overview-row .overview-copy > a
	{
		display: inline-block !important;
		font-size: 16px;
		color: #00929c  !important;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0px !important;
		font-weight: bold !important;
	}
	
	#collapsible-nav .overview-copy > a:hover {
		/*border: 2px solid #29aea9 !important;		*/
	}
	
	#collapsible-nav .overview-row
	{
		display: flex !important;
		position: absolute!important;
		bottom: 0px!important;
		text-align: center;
		left: 0%;
		width:100%;
		border-bottom: 1px solid #858585;
		background: #d5d5d5;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	
	/*
	#collapsible-nav .nav-item.dropdown:not(.megamenu)>.navbar-nav .navbar-nav {
		display: none !important;
	}
	*/
	
	.navbar-wrapper .bsnav
	{
		z-index: auto;
	}
	
	.navbar-toggler.toggler-spring.active
	{
		z-index: 80;
	}
	
	.bsnav-mobile .nav-item .caret
	{
		margin-left: -8px;
	}
	
	.bsnav-mobile .nav-item .caret
	{
		margin-left: -8px;
	}
	
	.bsnav-mobile .navbar-nav .nav-item.active .navbar-nav
	{
		display: none;
	}
	
	.bsnav-mobile .navbar-nav 
	{
		padding: 0px 15px;
	}
	
	.bsnav-mobile .navbar-nav .active > a
	{
		font-weight: bold;
	}
	
	/*
	.bsnav-mobile .navbar-nav .navbar-nav
	{
		background: #eee;
	}
	*/
	
	.bsnav-mobile .navbar-nav .navbar-nav a:before
	{
		content:'- '
	}
	
	/*
	.bsnav-mobile .navbar-nav .navbar-nav .navbar-nav
	{
		background: #ddd;
	}
	*/
	
	.bsnav-mobile .navbar-nav .navbar-nav .navbar-nav a:before
	{
		content:'-- '
	}
	
	.bsnav-mobile .navbar-nav .navbar-nav .navbar-nav .navbar-nav a:before
	{
		content:'--- '  
	}
	
	.bsnav-mobile .navbar-nav .navbar-nav .navbar-nav .navbar-nav .navbar-nav a:before
	{
		content:'---- '
	}
	
	.bsnav-mobile .in > .caret
	{
		transform: rotate(180deg);
	}
	
	.bsnav-mobile .overview-copy:after
	{
		background-image: url('/images/icons/category-overview-icon.png');
		background-size: 14px 14px;
		display: inline-block;
		width: 14px; 
		height: 14px;
		position: relative;
		content: "";
		left: -7px;
	}
		
	.bsnav-mobile a.overview-link-copy
	{
		display: inline-block !important;
	}

	
	/*
	.bsnav-mobile .navbar-nav .nav-item.active > .navbar-nav
	{
		display: block;
	}*/
	
	.navbar-nav .nav-item.active > .nav-link, 
	.navbar-nav .nav-item:active:focus > .nav-link, 
	.navbar-nav .nav-item:active > .nav-link, 
	.navbar-nav .nav-item:focus > .nav-link, 
	.navbar-nav .nav-item:hover > .nav-link 
	{
		color: #009999 !important;
		
	}
	
	.nav-item.active .caret, 
	.nav-item:hover .caret
	{
		border-top-color: #009999 !important;
	}

	@media (min-width: 1200px) 
	{	
		.navbar-collapse
		{
			margin-left: 20px;
			margin-right: 20px;
		}
	}
	
	@media (max-width: 560px) 
	{
		#toolbar
		{
			right: 50px !important;
			width: 150px !important;
		}
		
		#toolbar a
		{
			font-size: 17px !important;
		}
		
		#toolbar img
		{
			max-height: 16px;
		}
		
		#language-selector a .label
		{
			top: 0px !important;
		}
	}
	
	@media (max-width: 350px) 
	{
		#toolbar #language-icon
		{
			display: none;
		}
	}
	
	@media (max-width: 320px) 
	{
		#toolbar #search-icon
		{
			display: none;
		}
	}
	
	@media (max-width: 991px) 
	{		
		.navbar-wrapper .navbar 
		{
			min-height: 70px;
		}
	
		#toolbar
		{
			right: 60px !important;
		}
		
		#logo
		{
			height: 50px !important;
			top: 10px !important;
		}
			
		.navbar-wrapper
		{
			min-height: 70px;
		}
	}

	@media (min-width: 991px) 
	{		
		.navbar-toggler
		{
			display: none;
		}
	
		.navbar-wrapper .navbar a
		{
			font-size: 20px;
		}
		
		.navbar-wrapper .nav-item  .deeper a
		{
			font-size: 13px !important;
		}

		.navbar-wrapper  .nav-item > .caret
		{
			left: 92% !important;
		}
	}
	
	@media (max-width: 1200px)
	{
		.navbar-nav .nav-link {
			padding-right: 0.8rem !important;
			padding-left: 0.8rem !important;
		}	
		
		/*
		.nav-item.dropdown:not(.megamenu)>.navbar-nav,
		.nav-item.dropdown:not(.megamenu)>.navbar-nav .navbar-nav
		{
			width: 165px !important;
			z-index: 100; 
			box-shadow: -5px 11px 18px -10px rgba(0,0,0,0.75);
		}
		*/
		
		.navbar-wrapper .nav-item .deeper a, .navbar-wrapper .nav-item .nav-item a
		{
			padding: 8px 0px 8px 6px !important;
		}
	}

	@media (min-width: 1400px) 
	{
		.navbar-wrapper .navbar a
		{
			font-size: 22px;
		}
		
		.navbar-wrapper .nav-item  .deeper a
		{
			font-size: 14px !important;
		}
	
		
	}
	
	@media (min-width: 1600px) 
	{
		.navbar-wrapper .navbar a
		{
			font-size: 23px;
		}
		
		.navbar-wrapper .nav-item  .deeper a
		{
			font-size: 16px !important;
		}
	}
	
	/* Nav product icons */
	.custom-nav-icon
	{
		height: 30px;
		position: relative;
		left: -6px;
	}
	
	.bsnav-mobile .custom-nav-icon
	{
		display: none;
	}
	
	
		
	/* header */
	.jumbotron
	{
		background-position: 0% 50%;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		height: calc(100vw * 0.322);
		padding: 0px !important;
		border-radius: 0px !important;
		margin-bottom: 0px !important;
		overflow: hidden;
	}
	
	.white-background
	{
		background-color: #fff;
	}
	
	
	.grey-background
	{
		background-color: #E6E6E6;
	}
	
	.dark-grey-background
	{
		background-color: #ccc;
	}
	
	.grey-border-bottom
	{
		border-bottom: 2px solid #e6e6e6;
	}
	
	.white-border-bottom
	{
	border-bottom: 3px solid #fff;
	}
	
	.grey-border-top
	{
		border-top: 2px solid #e6e6e6;
	}
	
	.clickable
	{
		cursor: pointer !important;
	}
	
	#footer
	{
		background-color: #B3B3B3;
		color: #fff !important;
	}
	
	#footer a
	{
		background-color: #B3B3B3;
		color: #fff !important
	}
	
	.item-page{
		
	}
	
		
	.item-page a{
		color: #29aea9;
	}
	
		.item-page a:hover{
		color: #29aea9;
	}
	
	.dropdownlist
	{
		border: 4px solid #009999; 
		padding: 8px; 
	}
	
	.button-gradient {
	
	  background-image: linear-gradient(to right, #1b9ba5 0%, #1fbdc1 50%, #64c2c7 100%);
	}
	
	.button-gradient:hover {
	  background-image: linear-gradient(to right, #64c2c7 0%, #1fbdc1 50%,  #1b9ba5 100%);
	  color: #fff !important;
	}

	.button
	{
		display: inline-block;
		padding: 10px 30px;
		background-color: #009999;
		border: 1px solid #009999;
		color: #fff !important;;
		margin-top: 3px;
		margin-bottom: 3px;
		font-family: 'DaxlineWebBold', sans-serif;
	}
	
	.button:hover
	{
		border: 1px solid #009999;
		background-color: #fff;
		color: #009999 !important;
		cursor: pointer;
		text-decoration: none !important;
	}
	
	.button-alternative
	{
		background-color: #f5f5f5 !important;
		color: #009999 !important;
	}
	
	.button-alternative:hover
	{
		background-color: #009999 !important;
		color: #fff !important;
	}
	
	.radio
	{
		margin-left: 10px;
		font-size: 11px;
		font-weight: bold !important;
	}
	
		.radio input
		{
			margin-right: 3px;
			position: relative;
			top: 3px;
		}
	
	.breadcrumb
	{
		background-color: transparent !important;
		padding: 0px !important;
	}
	
	.breadcrumb li
	{
		padding: 0px !important;
	}
	
	
	.breadcrumb a
	{
		color: #009999 !important;
		font-size: 13px;
	}
	
	.breadcrumb span
	{
		font-size: 13px;
	}
	
	.breadcrumb .divider
	{
		display: inline-flex;
		margin-right: 2px;
	}
	
	/* Blog/News */
	
	#news-detail-wrapper
	{
		/*max-width: 800px;*/
		margin: 0 auto;
	}
	
	#news-detail-wrapper h1
	{
		text-align: left !important;
	}
	
	.blog h2, h5
	{
		text-align: left;
	}
	
	.item-image
	{
		text-align: center;
	}
	
	.item-image img	
	{
		max-width: 100%;
		display: inline;
	}
	
	.pagination .pagination-start,
	.pagination .pagination-end
	{
		display: none;
	}
	
	.pagination 
	{
		text-align: center;
		margin-bottom: 20px;
		font-size:1.2rem;
	}
	
	.pagination ul
	{
		display: inline-block;
		margin: 0 auto;
		padding-left: 0;
	}
	
	.pagination li
	{
		padding: 5px;
		display: inline-block;
	}
	
	/* Bootstrap Modal */
	
	.modal
	{
		z-index: 110000 !important;
	}
	
	.modal-content
	{
		color: #fff !importnat;
		background: rgb(69,182,190);
		background: linear-gradient(180deg, rgba(69,182,190,1) 0%, rgba(10,121,128,1) 100%);
		border-radius: 10px !important;
		border: none !important;
	}
	
	#productImgModal .modal-content
	{
		background: #fff;
	}
	
	#productImgModal .close
	{
		color: #333 !important;
	}
	
	#productModal .close, #productDownloadModal .close, #canditatureModal .close
	{
		font-size: 3.5rem !important;
		font-weight: 400 !important;
		line-height: 0.3  !important;
		opacity: 0.9 !important;
	}
	
	.close:hover, .close:focus
	{
		outline: 0 !important;
	}
	
	#productModal .modal-header, #productDownloadModal .modal-header, #canditatureModal .modal-header
	{
		border: none !important;
	}
	
	#productModalLabel, #productDownloadModalLabel, #canditatureModalLabel
	{
		color: #fff;
		display: block !important;
		text-align: center;
		width: 100%;
	}
	
	.close
	{
		color: #fff !important;
	}
	
	/* font styles additionally to bootstrap */
	.font-weight-thicker
	{
		font-weight: 500 !important;
	}
	
	/* Margins / Spacings */
	.content-spacing
	{
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}
	
	.little-content-spacing
	{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	.content-spacing-top
	{
		padding-top: 45px !important;
	}
	
	.content-spacing-bottom
	{
		padding-bottom: 45px !important;
	}
	
	.carousel-inner-smaller
	{
		width: 85% !important;
		margin: 0 auto !important;
	}
	
	#carouselProductIndicators .carousel-inner {
		filter: drop-shadow(5px 5px 5px #666);
	}
	
	#carouseBiglProductIndicators .carousel-inner-smaller
	{
		background-color: #fff;
		padding: 15px;
		border-radius: 10px;
	}
	
	.carousel-control-next, .carousel-control-prev {
		opacity: 0.75 !important;
		width: 5% !important;
	}
	
	.carousel-control-next:hover, .carousel-control-prev:hover{
		opacity: 1 !important;
	}	
	
	.carousel-indicators li
	{
		background-color: #009999 !important;
		height: 5px;
	}
	
	.carousel-control-prev-icon
	{	
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23009999' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
	}
	
	.carousel-control-next-icon
	{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23009999' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
	}
	
	
	/* Category/Page Styles */
	#category-header, #page-header
	{
		height: calc(100vw * 0.213) !important;
	}
		
	 #category #category-header h1, #page-header h1
	{
		font-family: 'DaxlineWebBold', sans-serif;
		text-align: right;
		color: #009999;
		font-size: 2.2rem;
		padding: 2%;
		width: 38%;		/*vorher 40%*/
		height: 100%;
		margin-top: 0;
		margin-left: 7%;	/*vorher 3%*/
		display: block;
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	#page-header h1
	{
		display: flex !important;
		justify-content: flex-end;
		align-items: center;
	}
	
	#category-teasertext-wrapper
	{
		display: table; 
		width: 100%; 
		height: 100%; 
		margin: 0; 
		padding: 0; 
		position: relative; 
		top: -3%; /* correct optical alignment error */
	}
	
	#category-teasertext
	{
		text-align: right;
		color: #333;
		font-size: 1.0rem;
		line-height: 2.4rem;
		font-family: 'DaxlineWebBold', sans-serif;
		text-transform: none;
		margin-top: 4px;
		display: table-cell; 
		vertical-align: middle
	}
	
	#category ul
	{
		margin: 0px;
		margin-top: 10px;
		margin-bottom: 15px;
		padding: 0px;
		margin-left: 17px;
		list-style: none; /* Remove default bullets */
	}
	
		
	#category ul > li > ul
	{
		margin: 0px;
		padding: 0px;
		margin-left: 15px;
		list-style: none; /* Remove default bullets */
	}
	
	#category ul > li::before
	{
		content: "\25aa";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: #009999; /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1em; /* Also needed for space (tweak if needed) */
		margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
	
	#category ul  > li > ul > li::before
	{
		content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: #009999; /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1em; /* Also needed for space (tweak if needed) */
		margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
	
	#category #category-products 
	{
		width: 100%;
		max-width: 1500px;
		margin-left: auto;
		margin-right: auto;
		font-size: 0.9rem;
	}
	
	#category #category-products a
	{
		display: block;
		padding: 10px 5px;
	}
	
	#category #category-products a:hover
	{
		text-decoration: none;
	}
	
	#category #category-products tr
	{
		margin: 0px;
	}	
	
	#category #category-products tr:hover
	{
		background: #999 !important;
		cursor: pointer;
	}	
	
	#category #category-products tr:hover a, 	#category #category-products tr:hover a:hover
	{
		color: #fff !important;
	}
	
	#category #category-products tr:nth-child(even) 
	{
		background: #ebf6f7;
	}
	
	#category #category-products tr:nth-child(odd) 
	{
		background: #d5ecee;
	}
	
	#category #category-products td
	{
		padding: 0px 0px;
	}
	
	#category #category-products td:last-child
	{
		padding-right: 10px;
	}
	
	#category #category-products .category-product-img
	{
		max-width: 100px;
		min-width: 50px;
	}
	
	#category #category-products .category-product-title
	{
		font-weight: bold;
		text-align: left;
	}
	
	#category #category-products .category-product-prop1,
	#category #category-products .category-product-prop2,
	#category #category-products .category-product-prop3,
	#category #category-products .category-product-prop4,
	#category #category-products .category-product-prop5,
	#category #category-products .category-product-prop6,
	#category #category-products .category-product-prop7,
	#category #category-products .category-product-prop8						
	{
		min-width: 65px;		
	}
	
	#category #category-products .category-product-getaquote
	{
		width: 130px;
	}
	
	
	.category-application
	{
		font-family: 'DaxlineWebMedium', sans-serif;
		text-align: left;
		font-size: 21px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}
	
	@media (max-width: 1400px) 
	{
		.category-application
		{
			font-size: 17px;
		}
		
		#category #category-products td
		{
			font-size: 0.9rem;
		}
	}
	
	@media (max-width: 1000px) 
	{
		.category-application
		{
			font-size: 14px;
		}
		
		#category #category-products .category-product-getaquote
		{
			display: none;
		}
		
		#category #category-products td
		{
			font-size: 0.8rem;
		}
	}
	
	@media (max-width: 750px) 
	{		
		#category #category-products td
		{
			font-size: 0.7rem;
		}
		
		#category #category-products .category-product-getaquote,
		#category #category-products .category-product-prop7,
		#category #category-products .category-product-prop8	
		{
			display: none;
		}
		
		#category #category-products .category-product-prop1,
		#category #category-products .category-product-prop2,
		#category #category-products .category-product-prop3,
		#category #category-products .category-product-prop4,
		#category #category-products .category-product-prop5,
		#category #category-products .category-product-prop6,
		#category #category-products .category-product-prop7,
		#category #category-products .category-product-prop8						
		{
			min-width: 50px;		
		}
	
		
		#category #category-products td
		{
			padding: 10px 0px;
		}
	}
	
	@media (max-width: 500px) 
	{
		#category #category-products .category-product-prop1,
		#category #category-products .category-product-prop2,
		#category #category-products .category-product-prop3					
		{
			display: none;	
		}
		
		.category-application
		{
			font-size: 11px;
		}
	}
	
	
	.category-application li
	{
		margin-top: 9px;
		margin-bottom: 9px;
	}
	
	.category-product
	{
		display: inline-block;
		width: 26%;
		margin-left: 2.5%;
		margin-right: 2.5%;
		padding: 1%;
		font-weight: bold;
		text-align: center;
		color: #009999 !important;
	}
	
	.category-product:hover
	{
		background-color: #009999 !important;
		color: #fff !important;
	}
	
	.category-product a
	{

	}
	
	.nav-item.dropdown.megamenu  .navbar-nav  > div > div > div > .navbar-nav  >.nav-item > a
	{
		color: #29aea9 !important;
		font-size: 20px !important;
		font-weight: bold;
		position: relative;
		/*left: -30px;*/
	}
	
	@media (max-width: 1400px) 
	{
		.nav-item.dropdown.megamenu  .navbar-nav  > div > div > div > .navbar-nav  >.nav-item > a 
		{
			font-size: 16px !important;
			left: 6px !important;
		}
		
		 #category #category-header h1, #page-header h1
		{
			font-size: 2.2rem !important;
		}
		
		#category-teasertext
		{
			margin-top: 3%;
			font-size: 1.2rem !important;
			line-height: 1.8rem !important;
		}
	}
	
	@media (min-width: 1000px) and (max-width: 1400px) 
	{
		 #category #category-header h1, #page-header h1
		{
			font-size: 1.5rem !important;
			line-height: 1.7rem !important;
		}
		
		#category-teasertext
		{
			font-size: 1.0rem !important;
			line-height: 2.05rem !important;
		}
	}
	
	@media (max-width: 1000px) 
	{
		 #category #category-header h1, #page-header h1
		{
			font-size: 1.3rem !important;
			line-height: 1.5rem !important;
		}
		
		#category-teasertext
		{
			font-size: 0.8rem !important;
			line-height: 1.6rem !important;
		}
	}
	
	@media (max-width: 750px) 
	{		
		 #category #category-header h1, #page-header h1
		{
			font-size: 1.15rem !important;
			line-height: 1.12rem !important;
		}
		
		#category-teasertext
		{
			font-size: 0.6rem !important;
			line-height: 1.0rem !important;
		}
	}
	
	@media (max-width: 500px) 
	{
		#category-header, #page-header
		{
			height: calc(100vw * 0.45) !important;
			background-size: cover;
			background-position-x: 55%;
		}
		
		 #category #category-header h1, #page-header h1
		{
			width: 50%;
			font-size: 1.1rem !important;
			margin-left: 0px !important;
		}
		
		#category-teasertext
		{
			/*display: none;*/
			margin-top: 10px;
			font-size: 0.6rem !important;
			line-height: 1.3rem !important;
		}
	}
	
	@media (max-width: 400px) 
	{
		#category-header
		{
			height: calc(100vw * 0.45) !important;
			background-size: cover;
			background-position-x: 55%;
		}
		
		 #category #category-header h1, #page-header h1
		{
			width: 100%;
			font-size: 1.2rem !important;
			padding-top: 4% !important;
			padding-right: 3% !important;
			padding-left: 4% !important;
			text-align: left !important;
		}
		
		#category-teasertext
		{
			/*display: none;*/
			margin-top: 10px;
			font-size: 0.9rem !important;
			line-height: 1.2rem !important;
			text-align: left !important;
		}
	}
	
	
	/* Product Styles */
	#product
	{
		
	}
	
	#product h1
	{
		font-family: 'DaxlineWebBold', sans-serif;
		text-align: left;
		color: #009999;
		font-size: 1.7rem;
	}
	
	#product_teasertext
	{
		font-family: 'DaxlineWebMedium', sans-serif;
		/*font-weight: bold;*/
		font-weight: 500;
		color: #009999;
		padding: 0px 0px 30px 0px;
		font-size: 1.3rem;
		display: flex;
		text-align: left !important;
		/*justify-content: center;*/
		align-items: center;
	}
	
	#product .nav-tabs
	{
		border-bottom: 2px solid #e6e6e6 !important;
	}
	
	#product .nav-tabs .nav-link.active
	{
		background-color: #e6e6e6;
		color: #009999;
		border-color: #e6e6e6 !important;
	}
	
	#product .nav-tabs .nav-link
	{
		color: #666;
		border-radius: 0px !important;
		padding: .5rem 4rem !important;
		font-family: 'DaxlineWebBold', sans-serif;
		/*border-color: #e9ecef #e9ecef #dee2e6;*/
	}	
	
	#productImgModal .carousel-control-prev-icon
	{	
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
	}
	
	#productImgModal .carousel-control-next-icon
	{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
	}
	
	#productImgModal .modal-body .close
	{
		font-size: 3.5rem !important;
		opacity: 0.9;
		position: absolute;
		right: 3%;
		top: 0px;
		font-weight: 400;
		z-index: 10000;
	}
	
	#product #features-wrapper
	{
		font-weight: 400;
		margin: 20px 0px;
	}
	
	#product #features-wrapper ul
	{
		margin: 0px;
		margin-left: 17px;
		padding: 0px;
	}
	
	#product #features-wrapper ul, ul.vxi-ul
	{
		list-style: none; /* Remove default bullets */
	}
	
		
	#product #features-wrapper ul > li > ul, ul.vxi-ul  > li > ul
	{
		margin: 0px;
		padding: 0px;
		margin-left: 15px;
		list-style: none; /* Remove default bullets */
	}
	
	#product #features-wrapper ul > li::before, ul.vxi-ul > li::before
	{
		content: "\25aa";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: #009999; /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1em; /* Also needed for space (tweak if needed) */
		margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
	
	#product #features-wrapper ul  > li > ul > li::before, ul.vxi-ul  > li > ul > li::before
	{
		content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: #009999; /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1em; /* Also needed for space (tweak if needed) */
		margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
	
	#product_downloads .download_button
	{
		margin-right: 17px;
		margin-left: 17px;	
		margin-top: 10px;
		text-align: center;
		display: inline-block;
		vertical-align: top;
		max-width: 70px;
	}
	
	#product_downloads img
	{
		display: inline-block;
		margin: 0 auto;
	}
	
	#product_downloads span
	{
		display: inline-block;
		margin-top: 5px;
		text-decoration: none !important;
		font-size: 13px;
		line-height: 13px;
		font-weight: bold;
		color: #666 !important;
	}
		
	.product_datatable
	{
		margin: 0px;
		padding: 0px;
	}
	
	.product_datatable tr
	{
		margin: 0px;
		padding: 0px;
	}
	
	.product_datatable tr:nth-child(even) 
	{
		background: #ebf6f7 !important;
	}
	
	.product_datatable tr:nth-child(odd) 
	{
		background: #d5ecee !important;
	}
	
	.product_datatable th
	{
		padding: 5px 20px;
		background-color: #009999;
		color: #fff;
		font-weight: bold;
	}
	
	.product_datatable td
	{
		padding: 5px 20px;
		color: #666;
		font-weight: normal;
	}
	
	@media (max-width: 1400px) 
	{
		#product .nav-tabs .nav-link
		{
			padding: .25rem 2rem !important;
		}
	}
	
	@media (max-width: 1000px) 
	{
		#product .nav-tabs .nav-link
		{
			padding: .125rem 0.9rem !important;
		}
	}
	
	@media (max-width: 500px) 
	{
		#product .nav-tabs .nav-link
		{
			padding: .6rem 0.5rem !important;
			font-size: 0.8rem !important;
		}
	}
	
	
	
	/* Multislide Bootstrap 4 Carousel */	
	@media (max-width: 992px) {
		.multislide-carousel .carousel-inner .carousel-item > div {
			display: none;
		}
		.multislide-carousel .carousel-inner .carousel-item > div:first-child {
			display: block;
		}
		
		.related_product_content > div
		{
				font-size: 1rem !important;
		}
	}

	.multislide-carousel .carousel-inner .carousel-item.active,
	.multislide-carousel .carousel-inner .carousel-item-next,
	.multislide-carousel .carousel-inner .carousel-item-prev {
		display: flex;
		justify-content: center;
	}
	
	.carousel-control-prev {
		/*justify-content: left !important;*/
	}
	
	.carousel-control-next {
		/*justify-content: right !important;*/
	}

	@media (min-width: 992px) {
		.multislide-carousel .carousel-inner .carousel-item-right.active,
		.multislide-carousel .carousel-inner .carousel-item-next {
		  transform: translateX(16.6%);
		}
		
		.multislide-carousel .carousel-inner .carousel-item-left.active, 
		.multislide-carousel .carousel-inner .carousel-item-prev {
		  transform: translateX(-16.6%);
		}
	}

	.multislide-carousel .carousel-inner .carousel-item-right,
	.multislide-carousel .carousel-inner .carousel-item-left{ 
		transform: translateX(0);
	}

	.related_product
	{

	}
	
	.related_product_content > div
	{
		height: 40%;
		padding-top: 60%;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	
	/* set height to width */
	.related_product_content:before{
	  content: '';
	  padding: 50% 0; /* vertical value as  100% equals width */
	  display: inline-block;
	  float: left;
	}
	
	.tooltip-arrow, .tooltip > .tooltip-inner 
	{		
		background-color: #E6E6E6 !important;
		color: #333 !important;
	}	
	.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
	.bs-tooltip-bottom .arrow::before {
	  border-bottom-color: #E6E6E6; /* Red */
	}
	
	.whitepaper-content
	{
		margin: 30px 0px;
		text-align: left;
	}
	
	.whitepaper-content .whitepaper-img 
	{
		float: left;
		margin-right: 15px;
		width: 100%;
		max-width: 180px;
		border: 2px solid #e6e6e6;
	}
	
	.whitepaper-content .whitepaper-title
	{
		font-family: 'DaxlineWebBold', sans-serif;
		color: #009999;		
		display: block;
		font-size: 16px;
	}
	
	.whitepaper-content .whitepaper-name
	{
		display: block;
		font-size: 13px;
		font-weight: bold;
		margin: 10px 0px;
	}
	
	.whitepaper-content .button 
	{
		margin-top: 15px;
	}
	
	.overlay-green:hover 
	{
	background:#eafafb;
	}
	
	.overlay-grey:hover 
	{
	background:#E6E6E6;
	}
	.overlay-dark-grey:hover 
	{
	background:#ccc;
	}

	/* Breite beträgt höchstens 1000px*/ 
	@media (max-width: 1000px) 
	{ 			
		html, body
		{
			font-size: 0.9rem !important;
		}
		
		h1
		{

		}
				
		h2
		{
			
		}

		.content-spacing
		{
			padding-top: 40px !important;
			padding-bottom: 40px !important;
		}	
		
		.little-content-spacing
		{
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}
		
		.content-spacing-top
		{
			padding-top: 40px !important;
		}
		
		.content-spacing-bottom
		{
			padding-bottom: 40px !important;
		}
	}
	
	
	/* Breite beträgt höchstens 768px*/ 
	@media (max-width: 768px) 
	{ 
		html, body
		{
			font-size: 0.9rem !important;
		}
					
		h1
		{
			font-size: 1.5rem  !important;
		}
				
		h2
		{

		}
		
		.breadcrumb a
		{
			color: #009999 !important;
			font-size: 10px;
		}
		
		.breadcrumb span
		{
			font-size: 10px !important;
		}
			
		
		.content-spacing
		{
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}
		
		.little-content-spacing
		{
			padding-top: 10px !important;
			padding-bottom: 10px !important;
		}
	
		.content-spacing-top
		{
			padding-top: 20px !important;
		}
					
		.content-spacing-bottom
		{
			padding-bottom: 20px !important;
		}
	}
	
	/* Breite beträgt höchstens 560px*/ 
	@media (max-width: 560px) 
	{ 
	
		html, body
		{
			font-size: 0.9rem !important;
		}
		
			
		.modal-dialog
		{
			margin: 0 auto !important;
		}
					
	}
	
	#login-form {
		margin-left: 40%;
		margin-right: 40%;
		width: 245px;
		text-align: left;
		margin-bottom: 3rem;
		margin-top: 1rem;
	}
	
/* ------------------- Readmore Whitepaper Kacheln -------------------*/	
	.kachel {width:319px;min-height:420px;box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6)}
	.kachel-small {width:319px;box-shadow: 0px 0px 12px -6px rgba(0,0,0,0.6)}
	.kachel h3 {padding-top:30px}
	.kachel-text {padding:5px 25px 25px 25px;color:#666}
	.kachel:hover {box-shadow: 0px 0px 20px -6px rgba(0,0,0,1);transition: 0.3s;}
	.kachel-small:hover {box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);transition: 0.3s;}
	.link-green:hover {color:#29aea9}
	
/* ------------------- Sidebuttons Contact/Call/Distributors -------------------*/	
#sidenav {
  width: 80px;
  position: fixed;
  z-index: 100;
  top: 40%;  
  right:1%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.popover-body {display:none !important} 

#sidenav img {
  height:75%;
  width:65px;
  padding:10px 5px 7px 10px;
}

#sidenav a:link a:visited a:active {display:none;opacity:0%}
  
@media(orientation:portrait){
    #sidenav {
      width:100%;
      height:90px;
      bottom:-20px;top:auto;right:auto;left:auto;
      text-align:center !important;
      background: #eee;
  	  box-shadow: 0px -5px 5px 0 rgba(0, 0, 0, 0.2);
    }
	
	/* Back-to-top Button Position in portrait-media nach oben verschieben wegen Überlappung */
		.back-to-top {
		bottom: 90px;
	}
	
}

/* ------------------- Produktübersicht Seite -------------------*/	

new {font-family:DaxlineWebBold;font-size:0.9rem;color:white;background-color:#009AA3;text-transform:uppercase;padding:3px 7px 3px 7px;margin-left:10px}
.bus-box {width:20%;margin-top:5px}
.bus-box a:hover {color:#fff;font-weight:600;text-decoration:none}
.bus-box p {background: rgb(81,152,159);background:linear-gradient(0deg,rgba(81,152,159,1) 0%, rgba(89,186,196,1) 100%);text-align:center;padding:5px 0px 5px 0px;color:#fff;margin:2px}
.show-box {color:#51989f;cursor:pointer}
  
/* ------------------------------------------------------------------------------*/
	
	
	/* Below is the custom gradient styling for the js "read more" feature */

	[data-readmore] {
	  position: relative;
	}


	/* Set default styling of gradient. 
	   Note the height of 0. We'll transition the height, rather than the background. I think this makes for a smoother effect. This also has the added benefit of not overlaying the text at the bottom with an absolutely positioned pseudo-element-even if it is transparent-which could prevent text selection. */
	[data-readmore]:before {
	  content: '';
	  width: 100%;
	  height: 0;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  display: block;
	  /*background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 1));*/
	  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	  
	  /* Be sure to use the same speed value as in your Readmore configuration, keeping in mind that CSS transition speed is stated in seconds. */
	  transition: height .5s
	}
	
	.grey-background [data-readmore]:before {
	  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(230, 230, 230, 1)) !important; 
	}

	/* Set the height of the gradient to 80 when CLOSED */
	[data-readmore][aria-expanded="false"]:before,
	/* Also when transitioning from OPEN to CLOSED */
	[data-readmore][aria-expanded="true"].transitioning:before {
	  height: 80px;
	}


	/* This isn't strictly necessary, but I think it makes for a smoother effect. */
	/* Set the height of the gradient to 0 when transitioning from CLOSED to OPEN */
	[data-readmore][aria-expanded="false"].transitioning:before {
	  height: 0;
	}