table, th, td {
	padding: 0.3rem;
	vertical-align: top;
	border-collapse: collapse;
	font-family: var(--barlow);
	font-size: 0.9rem;
}
/*th:last-child, 
td:last-child {
   padding: 0 0 0.5rem 0;
}*/
th {
	background-color: #ddd;
}
/*tr:nth-of-type(odd) {
   background-color: #eee;
}*/
tr, td {
	border-bottom: none;
}
tr:nth-child(odd) {
	background-color: #f0f0f0;
}
tr:nth-child(even) {
	background-color: #fcfcfc;
}
tr:last-child {
	border-bottom: none;
}
table a {
	border-bottom: 1px dotted var(--main-color);
	padding: 1px 2px;
}
table a:active,
table a:hover,
table a:focus {
	border-bottom: none;
	color: white;
	background-color: var(--main-color);
}

#studiengang .zeile {
	border-bottom: 1px solid #ABC;
	padding: 10px 0 0 0;
	width: 100%;
}
#studiengang .zeile br{
	clear: left;
}
#studiengang .name{
	float: left;
	margin-left: -250px;
	width: 250px;
}
#studiengang .wert{
	margin-left: 250px;
	float: left;
}
/*#studiengang h4
{
	display: inline;
	padding:1px 5px 1px 5px;
	color:#FFFFFF!important;
	background: #366c63;
}*/
#studiengang #fachstudienberater{
	border-top: 20px solid #366c63;
}

.studi-table-scrollable{
	overflow-x:auto;
}


/*
#maincontent {
   border: none;
}
#content {
   padding: 0;
}
*/
/*
#studiengang_container {
   display: flex;
}
#studienganguebersicht {
   border: 1px solid #CFD3D6;
   border-radius: 0.2rem;
   flex: 3 1 70%;
   /*margin: 0.6rem 0 0 0;*/ 
   /*padding: 0.9rem;*/
   /*-moz-box-flex: 1;*/
/*}*/
/*
#studiengang-marginalbereich {
   flex: 1 1 22%;
   margin: 0.6rem 0 0 20px;
}
*/

.studienganguebersicht-title-lower{font-size:0.95rem;}

#page-title {
	display: none;
}

#studienganguebersicht-title { 
	/*font-family:'InfoTextWeb-Bold','Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;*/
	font-family:var(--barlow-semi-condensed);
	font-size: 1.5rem;
	width:100%;
	height:auto; 
	background: transparent;
	/*letter-spacing: 0.03rem;*/
	line-height: 1.65rem;
	color:var(--main-color);
	margin: 0 0 1.5rem 0;
	/*float: left;*/
	clear: both;
	padding: 0;
	/*   margin-top: 1.25rem;
	padding-left: 0.95rem;*/
}
#studiengang_banner {
	border-radius: 0.2rem;
	width: 100%
}

.info_zeile {
	width: 100%;
	display: flex;
	margin: 0 0 0.25rem 0;
	flex-wrap: wrap;
	/*line-height: 1.5rem;*/
}

.punktlinie {
	border-bottom: 1px dotted grey;
	flex: 1 0 auto;
	margin: 0 0.3rem 0.35rem 0.3rem;
}
.grossbuchstaben {
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	font-weight: bold;
}
.studiengang_kurzinfo {
	flex: 1 1 auto;
}
p#studiengang_kurzinfos {
	/*display: block;*/
	margin: 1.5rem 0 0.5rem 0;
	padding: 1rem 0;
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	/*clear: none;*/
}
#studiengang_kurzinfos p {
	clear: none;
}

.studiengang_text {
	/*display: table-cell;*/
	margin-bottom: 1.2rem;
}
.studiengang_text p {
	/*text-align:  justify;*/
}

#bewerbung_button {
	width: 100%;
	border-radius: 0.2rem;
	margin-bottom: 10px;
}
.studiengang_marginal_titel {
	width: 100%;
	font-size: 1rem;
	border-top: 4px solid var(--main-color);
	padding-top: 0.5rem;
}


@media screen and (max-width: 950px) {
   
#studiengang {
   flex: 3 1 70%;
}
#studiengang-marginalbereich {
   flex: 1 1 25%;
}

}



@media screen and (max-width: 750px) {
   
#studiengang_container {
   flex-wrap: wrap;
   overflow-x: hidden;
}
#studiengang {
   flex: 1 0 100%;
}
#studiengang-marginalbereich {
   display: flex;
   flex-wrap: wrap;
   margin-right: -15px;
   flex: 1 0 100%;
   margin-left: 0;
   align-items: stretch;
}
#studiengang-marginalbereich > div {
   flex: 1 1 30%;
   margin: 0 15px 15px 0;
}   
   
}


@media screen and (max-width: 550px) {
   
#studiengang-marginalbereich > div {
   flex: 1 1 45%;
   margin: 0 15px 12px 0;
}   
   
}

@media screen and (max-width: 350px) {
   
#studiengang-marginalbereich > div {
   flex: 1 1 100%;
   margin: 0 15px 12px 0;
}   
   
}