/* ------------------------------------
 * HugoHäffner Headline "ugreen"
 * ------------------------------------ */

.hh-headline-ugreen > DIV > H1,
.hh-headline-ugreen > DIV > H2,
.hh-headline-ugreen > DIV > H3,
.hh-headline-ugreen {
	text-align: left !important;
	line-height: 1.2 !important;
}

.hh-headline-ugreen > DIV > H1 > SMALL, 
.hh-headline-ugreen > DIV > H2 > SMALL, 
.hh-headline-ugreen > DIV > H3 > SMALL, 
.hh-headline-ugreen > SMALL { 
	display: block; 
	font-size: .5em;
	letter-spacing: .15em;
	text-transform: uppercase;
	margin-bottom: -0.25rem;
	color: var(--hh-colors-headlines-ugreen-small-color);
}

.hh-headline-ugreen > DIV > H1:after,
.hh-headline-ugreen > DIV > H2:after,
.hh-headline-ugreen > DIV > H3:after,
H1.hh-headline-ugreen:after,
H2.hh-headline-ugreen:after,
H3.hh-headline-ugreen:after {
	display: block;
	margin-top: .25em;
	width: 10em;
	max-width: 25vw;
 	content: '';
	border-width: 0;
	border-style: solid;
	border-color: var(--hh-colors-headlines-ugreen-border-color);
}

.hh-headline-ugreen > DIV > H1, H1.hh-headline-ugreen {	margin-bottom: 1.25em !important; }
.hh-headline-ugreen > DIV > H2, H2.hh-headline-ugreen{ margin-bottom: 1.00em !important;}
.hh-headline-ugreen > DIV > H3, H3.hh-headline-ugreen { margin-bottom: 0.75em !important; }

.hh-headline-ugreen > DIV > H1:after, H1.hh-headline-ugreen:after { border-bottom-width: var(--hh-colors-headlines-ugreen-h1-border-width); }
.hh-headline-ugreen > DIV > H2:after, H2.hh-headline-ugreen:after { border-bottom-width: var(--hh-colors-headlines-ugreen-h1-border-width); }
.hh-headline-ugreen > DIV > H3:after, H3.hh-headline-ugreen:after { border-bottom-width: var(--hh-colors-headlines-ugreen-h1-border-width); }



/* ------------------------------------
 * HugoHäffner Headline "ugray"
 * ------------------------------------ */

.hh-headline-ugray > DIV > H1,
.hh-headline-ugray > DIV > H2,
.hh-headline-ugray > DIV > H3,
.hh-headline-ugray {
	text-align: left !important;
	font-size: 1.5em;
}

.hh-headline-ugray > DIV > H1 > SMALL,
.hh-headline-ugray > DIV > H2 > SMALL,
.hh-headline-ugray > DIV > H3 > SMALL,
.hh-headline-ugray > SMALL {
	display: block; 
	font-size: .5em;
	letter-spacing: .15em;
	font-weight: 400;
	color: var(--hh-colors-headlines-ugray-small-color);
	text-transform: uppercase;
}

.hh-headline-ugray > DIV > H1:after,
.hh-headline-ugray > DIV > H2:after,
.hh-headline-ugray > DIV > H3:after,
H1.hh-headline-ugray:after,
H2.hh-headline-ugray:after,
H3.hh-headline-ugray:after {
	display: block;
	margin-top: .25em;
	width: 15em;
	content: '';
	border-width: 0;
	border-style: solid;
	border-color: var(--hh-colors-headlines-ugray-border-color);
}

.hh-headline-ugray > DIV > H1, H1.hh-headline-ugray { margin-bottom: 1.25em; }
.hh-headline-ugray > DIV > H2, H2.hh-headline-ugray { margin-bottom: 1.00em; }
.hh-headline-ugray > DIV > H3, H3.hh-headline-ugray { margin-bottom: 0.75em; }

.hh-headline-ugray > DIV > H1:after, H1.hh-headline-ugray:after { border-bottom-width: var(--hh-colors-headlines-ugray-h1-border-width); }
.hh-headline-ugray > DIV > H2:after, H2.hh-headline-ugray:after { border-bottom-width: var(--hh-colors-headlines-ugray-h2-border-width); }
.hh-headline-ugray > DIV > H3:after, H3.hh-headline-ugray:after { border-bottom-width: var(--hh-colors-headlines-ugray-h3-border-width); }



/* ------------------------------------
 * HugoHäffner Headline "smalltext"
 * ------------------------------------ */

.hh-headline-smalltext > DIV > H1 > SMALL,
.hh-headline-smalltext > DIV > H2 > SMALL,
.hh-headline-smalltext > DIV > H3 > SMALL,
H1.hh-headline-smalltext > SMALL,
H2.hh-headline-smalltext > SMALL,
H3.hh-headline-smalltext > SMALL {
	display: block;
	font-size: .9rem;
	margin-bottom: .5em;
	padding-left: .1em;
	text-transform: uppercase;
}


.hh-headline-smalltext > DIV > H1:after,
.hh-headline-smalltext > DIV > H2:after,
.hh-headline-smalltext > DIV > H3:after,
H1.hh-headline-smalltext:after,
H2.hh-headline-smalltext:after,
H3.hh-headline-smalltext:after  {
	display: block;
	content: '';
	width: 3em;
	margin-top: .75em;
	border-width: 0;
	border-style: solid;
	border-color: var(--hh-colors-lightgray);
	border-bottom-width: .2rem;
}




/**

*/

.main-page .hh-headline-ugreen > DIV > H2,
.main-page H2.hh-headline-ugreen {
	margin-top: 1.6em;
	margin-bottom: 0.8em;
}

.main-page .hh-headline-ugreen > DIV > H3,
.main-page H3.hh-headline-ugreen {
	margin-top: 1.2em;
	margin-bottom: 0.4em;
}


#sidebar-news H2.hh-headline-ugreen {
	margin-top: 1.6em;
}
#sidebar-news H2.hh-headline-first {
	margin-top: 0 !important;
}