<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** main teaser **/
.id-Teaser-el-image {
	max-height: 460px !important;
}

.teaserimg img {
	height: 460px !important;
	max-height: 460px;
}

/** toplist **/
ul.toplist {
	padding-left: 28px;
}
ul.toplist li {
	margin-bottom: 15px;
}
ul.toplist li a {
	text-decoration: none;
	font-size: 15px;
}
ul.toplist li a span {
	color: #00a443;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-bottom: .7142857143rem;
	text-transform: uppercase;
}
ul.toplist li p {
	font-family: "Merriweather",serif;
}



/** theme page **/
.id-col-gt750 .id-LB--ONE_COL .id-Teaser-el--listLeftStyle .id-Teaser-el-image {
    width: 30% !important;
}

.a20spacer {
	margin-bottom: 20px;
    display: block;
    height: 20px;
}


/** pagi **/
.pagi {
	text-align: right;
}

/** section#ds &amp;&amp; section#imp **/
section#ds,
	section#imp {
	padding-top: 10px;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}

section#ds {
	font-size: 75%;
	text-align: right;
}

section#imp dl {
	margin-bottom: 15px;
}

section#rel,
	section#add {
	margin-top: 50px;
}


/** article **/
article#fra {
	font-family: "Merriweather",serif;
}
article#fra .t {
	margin-bottom: 25px;
}
article#fra .t img {
	width: 100%;
	max-width: 100%;
}
article#fra .t span {
	display: block;
	text-align: right;
	color: #888;
	font-size: 75%;
	font-family: "Roboto",sans-serif;
}
article#fra header span {
	text-transform: uppercase;
	font-family: "Roboto",sans-serif;
}

article#fra div.meta-time {
	font-size: 85%;
	font-family: "Roboto",sans-serif;
	color: #888;
	margin-bottom: 10px;
	float: right;
}

article#fra h1,
	article#fra h2, 
	article#fra h3,
	article#fra aside strong:first-child {
	font-family: "Roboto",sans-serif;
	font-size: 140%;
	font-weight: 500;
	margin: 15px 0 15px 0;
}

article#fra h2, 
	article#fra h3 {
		margin-top: 1.5em !important;
}

article#fra h2 strong,
	article#fra h3 strong {
	font-weight: normal !important;
}

article#fra h1 {
	font-family: "Merriweather",serif;
	font-size: 160%;
	font-weight: 700;
	line-height: 1.35;
}

article#fra aside {
	margin: 25px 0 25px 0;
}
article#fra aside strong:first-child {
	display: block;
	margin-bottom: 10px;
}
article#fra aside ul {
	margin-left: 25px;
}

article#fra figure {
	width: 325px;
	float: left;
	margin: 0 20px 20px 0;
}
article#fra figure img {
	width: 100%;
	max-width: 325px;
	height: auto;
	max-height: 183px;
}
article#fra figure figcaption {
	background-color: #f1f1f1;
	font-size: 85%;
	font-family: "Roboto",sans-serif;
	color: #888;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

article .adcs-figure-copy {
	display: block;
	font-weight: lighter;
	font-size: 0.8em;
}
article .adcs-figure-copy:before {
	content: "Â©";
	display: inline-block;
	margin-right: 5px;
}

article#fra video {
	width: 100%;
    margin-top: 25px;
    margin-bottom: 15px;
}

article sup {
	top: -5px;
    position: relative;
}


.cta {
	width: 50%;
    display: block;
    border: 1px solid #00a443;
    margin: 2em auto;
    text-align: center;
    background-color: #00a443;
    color: #fff;
    padding: 0.5em;
    text-decoration: none;
}
.cta:hover {
	background-color: #008b39;
}


/** css fix for strong marker */
aside.article-linkbox a {
	color: #00a443;
}
aside.article-linkbox strong {
    display: inline-block !important;
    font-weight: normal !important;
    text-decoration: inherit !important;
	font-size: inherit !important;
}

/** adding some arrows before the li */
aside.article-linkbox ul.list li:before {
	content: "\00BB";
	color: #00a443;
	position: relative;
}

/** youtube container */
.adcs-youtube-container {
	max-width: 100%;
	width: 100%;
	left: 0;
	right:0;
	margin:auto;
}
.adcs-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.adcs-youtube iframe,
	.adcs-youtube object,
	.adcs-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/** adcs-custom-branding */
section.adcs-custom-branding,
	section.adcs-custom-branding a {
	text-align: right;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #555;
    margin: 1em 0;
}
section.adcs-custom-branding a {
	text-align: none;
	text-decoration: none;
	cursor: help;
	font-size: 1em;
}
section.adcs-custom-branding a:hover {
	text-decoration: underline;
}


@media (max-width: 420px) {
	article#fra figure {
		width: 100%;
		float: none;
	}
	article#fra figure img {
		width: 100%;
		max-width: inherit;
		max-height: inherit;
	}
}</pre></body></html>