/* BH-Größen Link Tabelle */
.bra-sizegrid {
	margin: 10px 0 42px;
	border-collapse: collapse;
	/* scroll in table ... */
	display: block;
	overflow-x: auto;
}
.bra-sizegrid th, .bra-sizegrid td {
	font-family: "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", "sans-serif";  /**/
	font-size: 14px;
	text-align: center;
	border-top:	1px solid #ccc;
	padding: 0;
}
.bra-sizegrid th, .bra-sizegrid a {			/* Raster-Größe allgem. */
	padding: 10px 5px;
}
.bra-sizegrid thead th {
	font-weight: bold;
	border: none;
}
.bra-sizegrid tbody th {
	font-weight: bold;
	padding: 10px 20px;
}
.bra-sizegrid td a {
	display: block;
	text-decoration: none !important;		/* Ausnahme: alte Styles aggressiv */
	color: #757575;
}
.bra-sizegrid tbody tr:hover, .col-hover {
	background: #f6f6f6;
}
.bra-sizegrid td a:hover {
	background: #ea0c8b;
	color: #fff;
}
/* V 2 | stripped */
.v2 thead {
	display: none;
}
.v2 tr:first-child th, .v2 tr:first-child td {
	border-top: none;
}
.v2 .bra-u {
	display: none;
}
.v2 td a {
	width: 29px;
}
/* V 3 | teils stripped, geteilt */
.v3-wrapper {
	float: left;
	width: 100%;
	margin: 16px 0 30px;
}
.v3 {
	display: table;
	float: left;
	margin: 0;
}
.v3 .bra-u {
	display: none;
}
.v3 td a {
	width: 29px;
}
.part2 tbody th {
	/* display: none; */
}

/* MOBIL */
@media only screen and (max-width: 679px) { /* spezieller breakpoint (v3 Breite) */
	.bra-sizegrid tbody tr:hover, .col-hover {
		background: none;
	}
	.bra-sizegrid tbody tr:nth-child(odd) {		/* statt hover, Zebra-Streifen */
		background: #f6f6f6;
	}
	/* V 3 */
	.v3 {
		width: 100%;
	}
	.v3 td a {
		width: auto;
	}
	.v3 tbody th {
		width: 18px;
	}
}

/* .lms | NEUE STYLES : [l]ace [m]odern [s]tyles */
.lms h1 {
	font-size: 24px;
	line-height: 31px;
	margin: 28px 0 16px;
}
.lms h2 {
	font-size: 18px;
	line-height: 23px;
	margin: 20px 0 14px;
}
.lms p, .lms ol, .lms ul {
	font-size: 14px;
	line-height: 1.4;
	margin: 14px 0;
}
.lms .classic {		/* ol & ul */
	padding-left:	26px;
}
.lms .classic li {		/* ol & ul */
	margin:	4px 0 4px 4px;
}
.lms hr {
	margin: 28px 0;
}
.lms p + hr {
	margin-top: 34px;
}
.lms .space {
	margin-top: 36px;
	margin-bottom: 36px;
}
/* Daten-Tabellen, simpel */
.lms .daten {
	margin: 20px 0 20px;
	border-collapse: collapse;
}
.lms .stripe {		/* (.daten) oben + unten Border (sonst keine) */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.lms .daten th, .lms .daten td {
  font-family: "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", "sans-serif";
  font-size: 14px;
  text-align: center;
  border-top: 1px solid #ccc;
	padding: 10px;
}
.lms .daten th {
	font-weight: bold;
}
.lms .daten tbody th {
	text-align: right;
}
.lms .daten thead th {		/* Kopf oben = oben keine Linie */
	border-top: none;
}
.lms .cols-marked td:nth-child(even) {		/* Spezial*: Spalten Zebra-Streifen */
	background: #f6f6f6;
}
/* großer Aufzählungspunkt (1) */
.lms .step-point {
  display: inline-block;
  color: #fff;
  background: #ea0c8b;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  width: 28px;
  line-height: 28px;
  font-size: 16px;
  margin: 4px 4px -4px 4px;
}

/* .lms MOBIL | NEUE STYLES : [l]ace [m]odern [s]tyles */
@media only screen and (max-width: 639px) {	 /* < 640px */
	/* flip tables (.daten) lr -> tb !BE CAREFULL! :
	   wenige Reihen (2-3!) und Kopf am Besten NUR links */
	.lms .flip thead, .lms .flip tbody, .lms .flip tr {
    float: left;
  }
	.lms .flip th, .lms .flip td {
		display: block;
	}
	.lms .flip tbody th {
		text-align: center;
		height: 19px;
		overflow: auto;
	}
	/* ggf. + %-Breite für trs (+table=100%) = stabiler (2=50%), aber Zeilenumbruch! */
}