/* ||| COPY: CSS ||| Start */

/* GUIDE Overview */
.lms figure.sub h2 {
	font-size: 21px;
}
figure.sub a {
	text-decoration: none;
}
figure.sub p {
	margin-top:	7px;
}
/* Big Iconic Round Button */
.lms .big-iconic {
	display: block;
	overflow: hidden;
	font-family: "Century Gothic", "CenturyGothicRegular", "Avant Garde", "URW Gothic L", "Futura", "sans-serif";
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	width: 120px;
	height: 120px;		/* safety (bigger content) */
	line-height: 120px;
	border: solid 1px #ccc;
	border-radius: 50%;
	background: #fff;
}
.lms a:hover .big-iconic {
	background: #ea0c8b;
	border-color: #ea0c8b;
	color: #fff;
}
.lms .big-iconic img {
	display: inline;
	vertical-align: middle;
	margin-top: -4px;		/* Korrektur (Schriftart line-height) */
}
.lms a:hover .logo-skype-s {		/* NUR Test */
	filter: brightness(150%);			/* grau -> weiß */
}
.lms .sub .big-iconic {
	margin-top: 14px;
}
.block-verysmall .lms figcaption {
	text-align: center;
	/* color: #999; */
}

/* .lms | NEUE STYLES : [l]ace [m]odern [s]tyles */
.lms h1 {
	font-size: 24px;
	line-height: 31px;
	margin: 28px 0 16px;
}
.lms h2, .block-content-inner .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 ul.classic li {
	list-style: disc;
}
.lms hr {
	margin: 28px 0;
}
.lms p + hr {
	margin-top: 34px;
}
.lms .space {
	margin-top: 36px;
	margin-bottom: 36px;
}
.lms figure {		/* Illu/Block Bildunterschrift */
	margin:		0;
}
.lms .flex {		/* responsive image: max. original px, sonst 100% verfügbar */
	max-width: 100%;
	width: auto;
	height: auto;
}
.lms .contain {		/* clear old-fashioned + containing blocks */
	width: 100%;
	float: left;
}
/* 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 .rows-marked tbody tr:nth-child(odd) {		/* Zebra-Streifen Tabelle */
	background: #f6f6f6;
}
.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! */
}
/*correcting different block heights */
/* -intro = -1 */
@media screen and (min-width: 960px) {
	.landingpage-blocks-block:nth-child(3n+5) .block-small {
			clear: left;
	}
}
@media screen and (min-width: 640px) and (max-width: 959px) {

	.landingpage-blocks-block:nth-child(2n+4) .block-small {
		clear: left;
	}
}

/* ||| COPY: CSS ||| End */