div.merkmale h1 {
	margin-top:0px;
}

div.merkmale {
	font-size: 13px!important;	
}

div.merkmale a.download {
	margin-top:10px;
	display:block;
}

div.merkmale h1 a {
	color: #00709d !important;
}

div#main-content.produkteinzelansicht a {
	font-weight: 400;	
	font-size: 13px;
}

div.produktbild-gross {
	/*background:#cbcacb;*/
	/*height:460px;	*/
	/*border:1px solid #CCC;*/
	padding-bottom:5px;
	/*padding-top:20px;*/
	width: 100%;
	/*margin-bottom:10px;*/
	margin-top:4px;
}

/*div.produktbild-gross:before{
	content: "";
	display: block;*/
	/*padding-top: 115%; *//*Sorgt für eine "relative" Bildhöhe zur Breite*/
/*}
*/
/*div.produktbild-gross img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}*/

div.beschreibung {
	font-size: 13px;
/*	width: 58.3333%;*/
	margin-bottom:16px;
}

div.thumbs {
	float:left;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:5px;
	width:100%;
}

div.thumbs a {
	float:left;
	display:block;
	margin-bottom: 10px;
	width:60px;
	height:60px;
	position:relative;
	margin-right:10px;
}

div.thumbs a img {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

div.farben {
	float:left;
	/*margin-top:15px;*/
	margin-bottom:15px;
	white-space:nowrap;
}

div.preis {
	font-weight:400;
	margin-bottom:8px;
	margin-top:10px;
}

div.datenblatt {
	margin-bottom:3px;
}

div.bestellink {
	margin-bottom:8px;
	margin-top:8px;
	/*margin-top:30px;*/
}

h1.weitere-infos {
	margin-bottom:7px;
}

div.scroll-product {
	margin-bottom:10px;
	float:left;
	width:100%;
	margin-top:20px;
}

div.scroll-product a.prevbutton {
	float:left;
}

div.scroll-product a.nextbutton {
	float:right;
}

div.zurueck {
	float:left;	
}

/*div.farbauswahl div,
div.ausstattung,
div.datenblatt {
	padding-left:12px;
}*/

div#main-content.produkteinzelansicht div.bestellink a {
	font-size: 15px;
	font-weight: 600 !important;
}

/* div.bestellink a {
	color: #00709d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}*/
 
div.merkmale ul li b {
	font-weight:500;
}

div.produkteinzelansicht table {
	margin-bottom:0px;
}


div#technikdaten {
	font-size: 11px;
	font-weight: 400;
	margin-top:10px;
}

.technical-table-scroll {
	width:100%;
	max-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	overscroll-behavior-inline:contain;
	scrollbar-color:#28759f #d9dfe3;
	scrollbar-width:thin;
}

.technical-table-scroll:focus-visible {
	outline:2px solid #28759f;
	outline-offset:3px;
}

.technical-table-scroll figure.table {
	display:block;
	margin:0 0 5px;
}

div#technikdaten table {
	width:100%;
	margin-bottom:0;
	min-width:500px; /*ergaenzt am 19.6.2025*/
}

.technical-table-scroll::-webkit-scrollbar {
	height:10px;
}

.technical-table-scroll::-webkit-scrollbar-track {
	background:#d9dfe3;
	border-radius:5px;
}

.technical-table-scroll::-webkit-scrollbar-thumb {
	background:#28759f;
	border:2px solid #d9dfe3;
	border-radius:5px;
}

.table-scroll-hint {
	margin:0 0 6px;
	color:#555;
	font-size:13px;
}

/*
 * Voruebergehender Foundation-Fallback fuer die Sichtbarkeit des mobilen Hinweises.
 * Sobald Bootstrap aktiv ist, diesen display-Block und die Regel im Small-Media-Query
 * entfernen; die bereits gesetzte Bootstrap-Klasse d-md-none uebernimmt dann die Anzeige.
 */
.table-scroll-hint {
	display:none;
}

div.produkteinzelansicht table tbody tr td,
div.produkteinzelansicht table thead tr th {
	border:1px solid #00709d;
	color: #333333;
	font-size: 13px; /*geaendert von 11px auf 13px am 19.6.2025*/
	font-weight: 400;
	padding:7px;
	-webkit-hyphens: auto; /*Silbentrennung*/
	-moz-hyphens: auto; /*Silbentrennung*/
	-ms-hyphens: auto; /*Silbentrennung*/
	hyphens: auto; /*Silbentrennung*/
}

div.produkteinzelansicht table thead tr th {
	padding-top:5px;
	padding-bottom:5px;
}

div.produkteinzelansicht table thead tr th {
	background-color:#bac6dc;
}

div.produkteinzelansicht table thead tr:nth-child(2) th {
	text-align:center;
}

div.produkteinzelansicht table tbody tr td {
	background-color:#e1e2e2;
	text-align:left; /*geaendert von center zu left am 19.6.2025*/
}

div.produkteinzelansicht div.row div.medium-5 {
	padding-left:5px;
}

div.merkmale ul {
	margin-bottom:5px;
	margin-left:0px;
}


/*################################


######## FOR MEDIUM  DEVICES######
#################################*/
@media only screen and (min-width: 40.063em) and (max-width: 64em)  {
div.beschreibung,
div.merkmale ul li,
div.farben div {
	font-weight: 400 !important;
	font-size:14px !important;	
}

div.produkteinzelansicht table tbody tr td,
div.produkteinzelansicht table thead tr th {
	padding:4px;
}
}

/*##########################
####FOR SMALL DEVICES#####
##########################*/
@media only screen and (max-width: 40em) {
.table-scroll-hint {
	display:block;
}

div.beschreibung,
div.merkmale ul li,
div.farben div {
	font-weight: 400 !important;
	font-size:14px !important;	
}

div.produkteinzelansicht table tbody tr td,
div.produkteinzelansicht table thead tr th {
	padding:3px 4px 3px;
	min-width:40px;
	
}
div.beschreibung {
	width: 100%;
}

div.datenblatt {
	margin-bottom: 8px;
}

div.farben {
    margin-top: 10px;
}

div.preis {
    margin-bottom: 10px;
}

div.thumbs {
    margin-bottom: 0px;
}

div#content div#main-content.produkteinzelansicht div.merkmale {
	margin-top:10px;
}

div.merkmale ul {
    margin-left: 15px;
}

div#content div#main-content.produkteinzelansicht div.merkmale ul li {
	font-weight: 300 !important;
	font-size: 13px !important;
}

div.produkteinzelansicht div.row div.medium-5 {
    padding-left: 15px !important;
}
}

div.preis h1 {
	margin-bottom:3px;
	display:inline;
	margin-right:5px;
}

/*div.bestellink a,
div.datenblatt a,
div.zurueck a {
	font-weight: 400;	
	font-size: 13px;
}*/

div#technikdaten h1 {
	margin-bottom:10px;
}

div.merkmale {
	margin-bottom:15px;
}

/*Produkt Einstiegsseite Beginn*/

div#produkteinstieg {
	margin-left:-18px;
}

div.produkteinstieg-item {
	float: left;
	width:30%;
	border-left:2px solid #dfe0e1;
	border-bottom:2px solid #b4b3b5;
	border-top:2px solid #e5e5e6;
	border-right: 2px solid #caced0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#d8dbdc;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(182,181,183,1);
	-moz-box-shadow: 3px 3px 2px 0px rgba(182,181,183,1);
	box-shadow: 3px 3px 2px 0px rgba(182,181,183,1);
    margin-bottom: 35px;
    margin-right: 3%;
    position: relative;
    text-decoration: none;
}

div.produkteinstieg-item img {
	max-height:190px;
}

div.produkteinstieg-item a {
	display:block;
	padding: 10px 10px;
	height:330px;
	position:relative;
}

div.produkteinstieg-item a div.kategoriebeschreibung {
	font-size: 13px;
    font-weight: 300;
	color: #333333;
	line-height:17px;
	padding-bottom:8px;
}

div.produkteinstieg-item a figure.image {
	display:block;
	position:absolute;
	bottom:0;
	padding-bottom:10px;
	width: 92%;
}

div.produkteinstieg-item a picture {
	display:block;
}

div.produkteinstieg-item a picture img {
    display: block;
    margin-left: auto;
    margin-right: auto;	
}

@media only screen AND (min-width: 63.01em) and (max-width: 64em) { 
div.produkteinstieg-item {
	width:30%;
/*	outline:1px solid #FF0000;*/
}
div.produkteinstieg-item a {
	height:320px;
}
}

@media only screen AND (min-width: 40.063em) and (max-width: 63em) {  /*1008*/
div.produkteinstieg-item {
	width:47%;
/*	outline:1px solid #FF0000;*/
}
div.produkteinstieg-item a {
	height:320px;
}
}

@media only screen AND (max-width: 847px) {
div.produkteinstieg-item {
	width:46%;

}
}

@media only screen AND (max-width: 647px) {
div.produkteinstieg-item {
	width:45%;

}
}

@media only screen AND (max-width: 640px) {
div.produkteinstieg-item {
	width:46%;

}
}

@media only screen AND (max-width: 500px) {
div.produkteinstieg-item {
	width:96%;
}
}

div.produkteinzelansicht div.buttons {
	float:left;
	margin-top:5px;
	width:100%;
}

div.produkteinzelansicht div.buttons a {
	margin-right:8px;
}

div.produkteinzelansicht div.buttons a img {
	margin-bottom:8px;

}
