body {
	color: #606163;
}

/* Default header styles */
/* h1, h2, h3, h4, h5, h6 {
  
  line-height: 1.0 !important;
  }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #1D5C8E !important;
    }

h1 {
  	font-size: 2.225rem !important; }

h2 {
  	font-size: 1.5rem !important; }

h3 {
  	font-size: 1.275rem !important; }

h4 {
  	font-size: 1rem !important; }

h5 {
  	font-size: 0.925rem !important; }

h6 {
  	font-size: 0.825rem !important; }
*/

button, .button {
  	background-color: #487D7F !important;
  	border-color: #487D7F !important;
  	color: #FFFFFF !important;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #41888C !important;
	color: #FFFFFF !important; }
	
.row {
	 max-width: 77.5em !important;  	
}

#headerNo {

	width: 100% !important;
}


.divBottom, .divBottomText, .divCenterColumn {
	text-align: center;		 
	padding-top: 5px;
	padding-bottom: 5px;     
}

.divCenterLogo {
	padding-left: 0px;
	padding-top: 15px;
}

@media only screen and (min-width: 40.063em) { 
	.divBottomRow {
		position: relative;
		
	}
	
	.divBottom {
		position: absolute;
	    bottom: 10px;      
	}
	
	.divBottomText {
		position: absolute;
	    bottom: 10px;      
		left: 80px;
		text-align: left !important;
	}
}

#responsiveFooter {
	color: #FFF;
	background: #487D7F;  
  	background-position: top left;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;	
}

#responsiveFooter a {
	color: #FFF;
}

.responsiveFooterColumn {
	padding-top:30px;
	padding-bottom:30px;
	text-align:left;
}

#responsiveFooter2 {
	background: rgba(0,0,0,0.5);
	/* margin-top:40px;
	margin-bottom:20px; */
	color: #ffffff;
	
}

.responsiveFooter2Text {
	padding-top: 20px;
	padding-bottom: 20px;
	
}

#responsiveFooter2 a {
	font-weight:normal;
	font-size: 100%;
	text-decoration:none;
	color:#FFFFFF;
	padding-right:10px;
}
#responsiveFooter2 a:hover {
	text-decoration:underline;
}

.socialMediaFooter img[src$="svg"] {
	filter: invert(100%) brightness(100%);
  }

#hcmsFormContentContainer .socialMediaFooter img[src$="svg"] {
	filter: invert(0%);
}

figure { 
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  /* border: 1px solid #487D7F; */
}

figcaption { 
  text-align: center;
  font-weight: bold;
  position: absolute; 
  opacity: 0.85;
  background: #487D7F; 
  font-size: 16px;
  color: white; 
  bottom: -2.0em;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 1.5em;
  margin-bottom: 2.0em;
  margin-left: 0em;
  margin-right: 0em;

}

a.afigcaption {
	color: #FFF;		
}

img.figureCaptionIcon {
	max-height: 25px;
	margin-top: -5px;
	padding-right: 10px;	
}

.calculatorNav {
	padding-top: 10px;
}

.hideContainerWithCanvas {
    visibility: hidden;
    position: absolute;
    top: -9999px;
}

#nextBreadcrumb {
	margin-top: 25px;
}

#hcms3dViewerCell {
	max-height: 500px;
}

#hcms3dViewerLoader {
	margin-top: 40px;
	color: #487D7F;
}

#hcms3dViewerCell canvas {
    width: 100%; /* Füllt die Breite des Containers */
    height: 100%; /* Füllt die Höhe des Containers */
}

.hcms3dViewerContainer {
	position: relative;
}

#hcms3dViewerControls {
	position: absolute;
	bottom: 15px;
	margin: 0 auto;
}

#contentStartConfigurator {
	text-align: center;
}


#contentStartConfigurator .button {
	font-size: 1.2rem !important;
	min-width: 155px !important;
	margin-left: 2px;
	margin-right: 2px;
}

#contentStartConfigurator .button i {
	margin-bottom: 20px;
}



/* responsive tables */
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	table.hcmsResponsiveTable, 
	table.hcmsResponsiveTable thead, 
	table.hcmsResponsiveTable tbody, 
	table.hcmsResponsiveTable th, 
	table.hcmsResponsiveTable td, 
	table.hcmsResponsiveTable tr { 
		display: block; 
	}
 
 	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.hcmsResponsiveTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	table.hcmsResponsiveTable tr { border: 1px solid #ccc; }
 
	table.hcmsResponsiveTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	table.hcmsResponsiveTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	table.hcmsResponsiveTable td:before { content: attr(data-title); }
	
	.shipCellBold{
		font-weight:bold;
		background: #487D7F !important;
		color: #FFF;	
	}
}
.contBorderGrey{
	border: 1px solid grey;
}