/* ------------------------------------------------
 * styles for news_tuhh
 * ------------------------------------------------ */

/* CONTENT-FRAME allgemein */

#content-frame .news {
	margin-top:1em;
	margin-bottom:0;
	padding-bottom:0;
}
#content-frame .news .news-img-wrap a {
	background:transparent;
	border:none;
	margin-top:0;
	padding:0;
}
#content-frame .news .footer {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
#content-frame .news .footer p {
	line-height: 140%;
  margin-bottom: 0;
}

/* LISTEN-ANSICHT */

#content-frame .news-list-view .article {
	display: flex;
}
#content-frame .news-list-view .article::after {
	display: none;
}
#content-frame .news-list-view h3 {
	font-size: 120%;
	line-height:100%;
}
#content-frame .news-list-view h3 a {
	text-decoration: none;
}
#content-frame .news-list-view .news-img-wrap {
	background:transparent;
	flex-basis:auto;
	flex-grow:0;
	flex-shrink:1;
	margin-top:0;
	min-width:initial;
	width:auto;
}
#content-frame .news-list-view .news-img-wrap img {
	width: 100px;
}
#content-frame .news-list-view .right-column {
	flex-basis:0;
	flex-grow:1;
	flex-shrink:0;
}
#content-frame .news-list-view .topnews .right-column {
	background-color: lightblue;
	padding: 1em;
}
#content-frame .news-list-view .teaser-text {
	margin-bottom: 0;
}
#content-frame .news-list-view .teaser-text p  {
	margin-bottom: 0;
}

/* Browser in der Listenansicht */

#content .news ul.f3-widget-paginator {
	list-style-type:none;
	list-style:none;
}
#content .news ul.f3-widget-paginator::before,
#content .news ul.f3-widget-paginator::after {
	content:".";
	color:transparent;
}
#content .news .f3-widget-paginator:first-of-type {
	margin-bottom:4rem;
	padding-left: 0;
}
#content .news .f3-widget-paginator:last-of-type {
 margin-top:6rem;
}
#content .news ul.f3-widget-paginator p {
	margin: 0.5rem 0;
}
#content .news ul.f3-widget-paginator li {
	float:left;
	margin:0 0.5rem;
}
#content .news ul.f3-widget-paginator li.current {
	border:1px solid #00BDDC;
	border-radius:8px;
	display: inline-block;
	padding: 0.4rem 1rem 0.2rem;
	width:auto;
}
#content .news ul.f3-widget-paginator li  a {
	background-color: #00BDDC;
	border:1px solid #00BDDC;
	border-radius: 8px;
	color:white;
	display: inline-block;
	font-weight: bold;
	padding: 0.4rem 1rem 0.2rem;
	text-align: center;
	text-decoration: none;
	width: auto;
}
#content .news ul.f3-widget-paginator li a:hover {
	background-color: #E4E4E4;
	color:#00BDDC;
}
/* DETAIL-ANSICHT */

#content-frame .news-single h3 {
	font-size: 220%;
	line-height:100%;
}
#content .news-single .article .news-img-wrap img {
	width:auto;
	width: 340px;
}
#content-frame .news-single .mediaelement {
	width:auto;
}
#content-frame .news-single .teaser-text {
	margin-bottom: 1rem;
	color: black;
	font-size: 16px;
	line-height: 140%;
}
#content-frame .news-related {
	padding: 1rem;
	background: #eee;
}
/*	Backlink as a button  */
#content-frame .news-backlink-wrap a {
	background-color: #00BDDC;
	border:1px solid #00BDDC;
	border-radius: 8px;
	color:white;
	display: inline-block;
	font-weight: bold;
	margin: 5px 2em 14px 0;
	padding: 10px 25px;
	text-align: center;
	text-decoration:none;
	width: auto;
}
#content-frame .news-backlink-wrap a:hover {
	background-color: #E4E4E4;
	color:#00BDDC;
	text-decoration:none;
}

/*	SIDEBAR	 */

#sidebar .news-list-view .news-img-wrap {
	min-width:00px;
}
#sidebar .news-list-view .news-img-wrap img {
  width: 50px;
}