@font-face{font-family:"Univers";src:url("fonts/univers/UniveConLig.woff") format("woff"),url("fonts/univers/UniveConLig.woff2") format("woff2");font-style:normal;font-weight:300}
@font-face{font-family:"Univers";src:url("fonts/univers/UniveConLigObl.woff") format("woff"),url("fonts/univers/UniveConLigObl.woff2") format("woff2");font-style:italic;font-weight:300}
@font-face{font-family:"Univers";src:url("fonts/univers/UniveCon.woff") format("woff"),url("fonts/univers/UniveCon.woff2") format("woff2");font-style:normal;font-weight:500}
@font-face{font-family:"Univers";src:url("fonts/univers/UniveConObl.woff") format("woff"),url("fonts/univers/UniveConObl.woff2") format("woff2");font-style:italic;font-weight:500}
@font-face{font-family:"Univers";src:url("fonts/univers/UniveConBol.woff") format("woff"),url("fonts/univers/UniveConBol.woff2") format("woff2");font-style:normal;font-weight:700}
@font-face{font-family:"Univers";src:url("fonts/univers/UniveConBolObl.woff") format("woff"),url("fonts/univers/UniveConBolObl.woff2") format("woff2");font-style:italic;font-weight:700}

/*:root {
  --font-family-sans-serif: "Univers", Helvetica, Arial, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}*/
body {
	/*color: #333;*/
	font-family:"Univers",Helvetica,Arial,sans-serif;
	font-weight:300;
	line-height:1.3;
	background-color:#ebebeb;
	color:#6b6c6d;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-ms-overflow-style:-ms-autohiding-scrollbar;
	margin: 0;
	height: 100% !important;
}
* {
	font-weight: normal;
	font-size: 1rem;
}
main, footer {
	margin: 0 auto;
	max-width: 1340px;
}
header {
	padding-bottom: 20px;
	background-color: white;
	/* padding-left: 100px;
	padding-right: 100px; */
	max-width: 1340px;
	margin: 0 auto;
}

.top-nav {
	position: relative; 
	top: 0; 
	background-color: #333; 
	color: white; 
	height: 45px;
	min-width: 700px;
}
footer {
	height: 80px;
	padding-bottom: 30px;
}
.login-link {
	position: absolute;
	top: 6px;
	right: 30px;
}
.login-link a, .login-link a:visited, .login-link a:hover {
	color: white;
	text-decoration: none;
}
.login-logout-btn:hover {
	color: #e2001a !important;
}
.login-logout-btn {
	background-color: transparent;
	color: white;
	border: none;
	cursor: pointer;
}

a {
	color: #e2001a;
}
a:hover {
	text-decoration: none;
}
.list-group-item a {
	color: #333;
}
.list-group-item a:hover {
	text-decoration: none;
}
.list-group-item-mcver {
	border: 1px solid #333;
}
.mc-version-header  {
	border: 0;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	background-color: #ebebeb;;
	text-align: left;
	color: #333;
	margin-left: 0;
	margin-right: 0;
}
.mc-version-header-caption  {
	font-size: 1.2rem;
	font-weight: bolder;
	padding-left: 0;
}
.mc-version-body {
	background-color: white;
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}

b {
	font-weight: bold;
}
input, button {
	height: 30px;
	border: 1px solid #333;
	padding: 0.1em 0.5em 0.1em;
	background-color:white;
	/* margin-bottom: 5px; */
}
.login {
	width: 250px;
}
.cta {
	display: inline-block;
	background: #e2001a;
	width: 550px;
	height: 35px;
	color: white;
	text-align: center;
	border: 1px solid #e2001a;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25rem;
}
.download-btn:hover {
	background: #f2002a;
	border-color: #f2002a;
}
.download-btn {
	background: #e2001a;
	width: 100%;
	color: white;
	border: 1px solid #e2001a;
	font-size: 1.2rem;
}
.download-btn-grey:hover {
	background: #444;
	border-color: #444;
}
.download-btn-grey {
	background: #333;
	width: 100%;
	color: white;
	border: 1px solid #333;
	font-size: 1.2rem;
}
.panel-lic-download:not(.panel-disabled) .download-btn {
	cursor: pointer;
}
#downloadsReleaseSelect.show  svg.select-closed {
   display: none;
}
#downloadsReleaseSelect:not(.show) svg.select-open {
   display: none;
}
.status-icons {
	position: absolute;
	right: 2px;
	top: 0;
	height: 100%;
	width: 28px;
	border-left: 1px solid #6b6c6d;
	padding: 3px 0px 5px 3px;
}
 
.downloads-release-filter {
	padding: 0.6rem;
	background-color: white;
	border: 1px solid #333;
	margin-bottom: 20px;
}
.downloads-release-filter div:first-child {
	width: 40%;
	 font-size: 1.1rem; 
	 font-weight: 700;
}
.downloads-release-filter div:nth-child(2) {
	width: 300px;
}
.dropdown-item.active {
	background-color: #ebebeb;
}
div.card-header[aria-expanded=true] svg.bar-down {
   display: none;
}
div.card-header[aria-expanded=false] svg.bar-up {
   display: none;
}

.downloads-group-header:hover {
	background-color: #444;
}
.downloads-group-header {
	background-color: #333333;
	color: white;
	border-radius: unset !important;
	border: 0;
}
.downloads-group-header-red:hover {
	background-color: #f2002a;
}
.downloads-group-header-red {
	background-color: #e2001a;
	color: white;
	border-radius: unset !important;
	border: 0;
}
.downloads-group-header h5 {
	margin-bottom: 0;
	flex-grow: 99;
	height: 30px;
	cursor: pointer;
}
.downloads-button-red:hover {
	background-color: #f2002a;
}
.downloads-button-red {
	background-color: #e2001a;
	color: white;
	border-radius: unset !important;
	border: 0;
	font-size: 1.25rem;
	height: 40px;
}



.btn-sm:hover, .btn-group-sm > .btn:hover {
	background-color: #f5f5f5 !important;
}
.btn-sm, .btn-group-sm > .btn {
	border-radius: unset;
	font-size: 1rem;
	padding: 0.10rem 0.5rem;
}

tr {
	height: 40px;
}


/* styling */
select {
  /*width:100%;*/
  border: 1px solid #333;
  padding: 0.1em 0.5em 0.1em;
  background-color:white;
  background-image:url("/images/arrowdown.png");
  background-position: right;
  background-repeat: no-repeat;
}
select:hover {
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1);
}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}
.lt-ie10 select {
    background-image: none;
}
select.mc_version {
	width: 250px;
}
.back-btn-container {
	width: 145px;
}
.dreieck-links {
  width: 0px;
  height: 0px;

  border-top: 20px solid transparent;
  border-right: 15px solid #333;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent; 
  margin-left: -20px;
}
.back-btn {
	height: 40px;
	width: 130px;
	padding: 7px;
	background-color: #333;
	color: white;
	font-size: 1.25rem;
	text-align: center;
}
.back-btn-container:hover .dreieck-links {
	border-right-color: #e2001a;
}
.back-btn-container:hover .back-btn {
	background-color: #e2001a;
}