@charset "utf-8";

@media screen and (max-width: 768px) {
	:root {
		--News_padding: var(--Gap_L);
	}
}

@media screen and (min-width:769px) and ( max-width:1160px) {
	:root {
		--News_padding: calc( calc( 100% - 840px ) / 2 );
	}
}

@media screen and (min-width:1161px) {
	:root {
		--News_padding: calc( calc( 100% - 840px ) / 2 );
	}
}

body {
	#news {
		width:100%;
		background: var(--Color_1D000);
		& h3 {
			display: inline-flex;
			margin: 0 0 var(--Gap_L);
			padding: var(--Gap_S) var(--Gap_L);
			font-size: var(--Size_12);
			font-weight: 600;
			color: var(--Color_FF);
			background: var(--Color_R);
		}
		& ul {
			display: flex;
			flex-direction: column;
			gap: var(--Gap_M);
			margin: 0 0 var(--Gap_L);
			& li {
				& a {
					display: flex;
					align-items: center;
					justify-content: space-between;
					flex-wrap: var(--FWrap_WNN);
					gap: var(--Gap_M);
					padding: var(--Gap_S);
					background: var(--Color_FF);
					border-bottom: 1px var(--Color_1D060) solid;
					& em {
						font-size: var(--Size_10);
						color: var(--Color_K);
					}
					& strong {
						flex: 1;
						font-size: var(--Size_10);
						color: var(--Color_R);
					}
					& date {
						font-size: var(--Size_10);
						color: var(--Color_K);
					}
				}
				& a:hover {
					background: var(--Color_R);
					& em {
						color: var(--Color_FF);
					}
					& strong {
						color: var(--Color_FF);
					}
					& date {
						color: var(--Color_FF);
					}
				}
			}
		}
		& div {
			text-align: center;
			& a {
				font-size: var(--Size_10);
				color: var(--Color_K);
				font-weight: 600;
			}
			& a:hover {
				color: var(--Color_R);
			}
		}
	}
}

aside {
	#news {
		margin: var(--Margin_S) 0 0;
		padding: var(--Margin_S) var(--News_padding) 0;
	}
}

body#Teppen_Dash_Company.Top {
	#news {
		& h3 {
			color: var(--Color_1D);
			background: var(--Color_FF);
		}
		& ul {
			& li {
				& a {
					background: var(--Color_K);
					border-bottom: 1px var(--Color_FF060) solid;
					& em {
						color: var(--Color_FF);
					}
					& strong {
						color: var(--Color_FF);
					}
					& date {
						color: var(--Color_FF);
					}
				}
				& a:hover {
					background: var(--Color_FF000);
					& em {
						color: var(--Color_R);
					}
					& strong {
						color: var(--Color_R);
					}
					& date {
						color: var(--Color_R);
					}
				}
			}
		}
		& div {
			& a {
				color: var(--Color_FF);
			}
			& a:hover {
				color: var(--Color_R);
			}
		}
	}
}

#Teppen_Dash_Company.Top {
	aside {
		#news {
			margin: var(--Margin_S) 0 0;
			padding: var(--Margin_S) var(--News_padding) 0;
		}
	}
}

body#Teppen_Dash_Company.Page {
	#news {
		& h3 {
			color: var(--Color_FF);
			background: var(--Color_K);
		}
		& ul {
			& li {
				& a {
					background: var(--Color_FF);
					border-bottom: 1px var(--Color_1D060) solid;
					& em {
						color: var(--Color_K);
					}
					& strong {
						flex: 1;
						color: var(--Color_K);
					}
					& date {
						color: var(--Color_K);
					}
				}
				& a:hover {
					& em {
						color: var(--Color_R);
					}
					& strong {
						color: var(--Color_R);
					}
					& date {
						color: var(--Color_R);
					}
				}
			}
		}
		& div {
			& a {
				color: var(--Color_K);
			}
			& a:hover {
				color: var(--Color_R);
			}
		}
	}
}