/* 
CSS Document Vergleichstabelle
*/

:root {
	/* Default Farben, falls Farbschema durch JavaScript nicht erkannt wird */
	--vergleichPrimaryColor:226,0,26;
	--vergleichFocusColor:23,166,0;
	--vergleichTextColor:80,80,80;
	--vergleichInvertedTextColor:255,255,255;
	--vergleichHeadlineColor:0,0,0;
	--vergleichInvertedHeadlineColor:var(--calculatorInvertedTextColor);
	--vergleichBackgroundColor:255,255,255;
	--vergleichBlurBackgroundColor:240,240,240;
	--vergleichShadowColor:0,0,0;
	--vergleichSuccessColor:109, 179, 47;
}

/* /////////////////////////////////////////// 
//////////// Darkmode Adjustments ////////////
/////////////////////////////////////////// */

[data-theme="dark"] {
	--vergleichTextColor:255,255,255;
	--vergleichHeadlineColor:var(--calculatorTextColor);
	--vergleichInvertedHeadlineColor:var(--calculatorInvertedTextColor);
	--vergleichBackgroundColor:35, 45, 50;
	--vergleichBlurBackgroundColor:27, 37, 42;
}

#emastersCompareWrapper {
	width:75%;
	margin:0 auto;
}

.vergleichstabelleNavigation {
	width:100%;
	float:left;
}

.vergleichstabelleButton {
	padding: 0.5em 1.75em;
  font-size: 1.10em;
  cursor: pointer;
  float: left;
  font-weight:500;
}

.vergleichstabelleActiveButton {
	background-color: rgb(var(--vergleichPrimaryColor));
  color: rgb(var(--vergleichInvertedTextColor));
  border:1px solid rgb(var(--vergleichPrimaryColor));
  border-bottom: 0;
}

.vergleichstabelleInactiveButton {
	background-color: rgb(var(--vergleichBackgroundColor));
  color: rgb(var(--vergleichPrimaryColor));
  border:1px solid rgb(var(--vergleichPrimaryColor));
  border-bottom: 0;
}

.vergleichstabelleContentWrapper {
	float:left;
	width:100%;
}

.vergleichstabelleContent {
	float:left;
	width:100%;
	padding:2em 2.5em;
	border:1px solid rgb(var(--vergleichPrimaryColor));
}

.vergleichstabelleContent ul {
	font-size:1.2em;
}

.vergleichstabelleContent ul li {
	margin:0.75em 0;
}

.highlightListingElement {
	display:inline-block;
	border-bottom:2px solid rgb(var(--vergleichPrimaryColor));
	padding-bottom:0.1em;
	font-weight:600;
	font-size:1.1em;
	margin-right:0.25em;
}