.article-output h2.title br
{
	content: ' ';
}

.article-output h2.title br:after
{
    content: ' ';
}


/* -------------------------------------------------------------
	Body Blank Page Styles
------------------------------------------------------------- */

body.body-blank-page, #ajax-body
{
	background: #68af21;
	color: #fff !important;
   -moz-hyphens: auto !important;
   -o-hyphens: auto !important;
   -webkit-hyphens: auto !important;
   -ms-hyphens: auto !important;
   hyphens: auto !important;
   -moz-box-sizing: border-box !important;
   -webkit-box-sizing: border-box !important;
   -ms-box-sizing: border-box !important;
   box-sizing: border-box !important;
}

#ajax-body a, #ajax-body h1, #ajax-body h2, #ajax-body h3, #ajax-body h4, #ajax-body p
{
	color: #fff !important;
	-moz-hyphens: auto !important;
	-o-hyphens: auto !important;
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
}

#ajax-body h2
{
	padding: 0 !important;
	margin: 0 0 26px 0 !important; /* Fallback */
	margin-bottom: 1.625rem;
	word-break: break-all;
}

body.body-blank-page-iframe .container, body.body-blank-page-iframe .container_12, .ajax-wrapper .container, .ajax-wrapper .container_12, .ajax-wrapper .grid_12
{
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #68af21;
}

.touch body.body-blank-page .article
{
	padding-bottom: 52px !important;
}

.no-touch #ajax-body
{
	padding: 65px 78px 39px 78px !important;
}

body.body-blank-page-iframe .article-backlink, .ajax-wrapper .article-backlink
{
	display: none;
}


.fancybox-type-ajax .fancybox-inner
{
	background: #68af21; 
}


/* -------------------------------------------------------------
	Global hover effect
------------------------------------------------------------- */

.teaser-item.hovereffect .img-placeholder
{
    will-change: transform;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
	-webkit-transform: translate3d(0,0,-1);
	-moz-transform: translate3d(0,0,-1);
	-o-transform: translate3d(0,0,-1);
	-ms-transform: translate3d(0,0,-1);
	transform: translate3d(0,0,-1);
}

.hovereffect a:hover .img-placeholder, .hovereffect .table:hover .img-placeholder, .hovereffect.bl-hover:hover .img-placeholder, .hovereffect .bl-hover:hover .img-placeholder
{
	will-change: transform;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* Hovercolor only when table is used */
.hovereffect a:hover .table, .hovereffect .table:hover .table, .hovereffect.bl-hover:hover .table
{
	background-color: transparent !important;
}

/* Klick Status */
.hovereffect a:active .img-placeholder, .hovereffect .table:active .img-placeholder, .hovereffect.bl-hover:active .img-placeholder, .hovereffect .bl-hover:active .img-placeholder
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.teaser-image .img-placeholder
{
	background-color: transparent;
}


/* -------------------------------------------------------------
	Fancybox
------------------------------------------------------------- */

.fancybox-overlay {
	background: url('/portals/_default/skins/templates/img/ui-elements/bg-overlay.png');
}

.fancybox-close {
	top: -26px;
	right: -26px;
	width: 52px;
	height: 52px;
	background: url('/portals/_default/skins/templates/img/ui-elements/btn-close.png');
}

@media screen and (max-width: 959px) {
	.fancybox-close {
		top: 10px;
		right: 10px;
	}	
}

/* Umrandung der ausgewählten thumbnails */
#fancybox-thumbs ul li.active {
	border: 1px solid #fff;
}

.fancybox-skin, .fancybox-wrap, .fancybox-inner
{ 
	-moz-border-radius: 13px !important;
	-webkit-border-radius: 13px !important;
	border-radius: 13px !important;
	max-width: 1248px;
}


/* -------------------------------------------------------------
	Fancybox & Flexslider Next and Prev Buttons
------------------------------------------------------------- */

.fancybox-nav span, .flex-direction-nav a {
	display: block;
	visibility: visible !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
	opacity: 0.4; /* Start opacity for buttons */
}

@media screen and (max-width: 719px) {
	.fancybox-nav span, .flex-direction-nav a {
		display: none;
	}
}

.flex-direction-nav a {
	position: absolute;
	top: 50%;
	text-indent: -9999px;
}

.fancybox-nav:hover span, .touch .fancybox-nav span, .flexslider:hover .flex-direction-nav a, .touch .flexslider .flex-direction-nav a {
	opacity: 0.9; /* Hover opacity for buttons */
}

.fancybox-prev span, .fancybox-next span, .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
	width: 66px;
	height: 66px;
	margin-top: -33px;
	overflow: hidden;
	background-color: transparent;
	background-image: url('/portals/_default/skins/templates/img/ui-elements/nav-arrow.png');
}

.fancybox-nav span:hover, a.flex-prev:hover, a.flex-next:hover {
	opacity: 1;
}

.fancybox-prev span, .flex-direction-nav .flex-prev {
	left: 0px; /* Abstand zum Rand */
	background-position: 0 0;
	-webkit-border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	-moz-border-radius-bottomright: 13px;
	border-top-right-radius: 13px;
	border-bottom-right-radius: 13px;

}

.fancybox-next span, .flex-direction-nav .flex-next {
	right: 0; /* Abstand zum Rand */
	background-position: -66px 0;
	-webkit-border-top-left-radius: 13px;
	-webkit-border-bottom-left-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-moz-border-radius-bottomleft: 13px;
	border-top-left-radius: 13px;
	border-bottom-left-radius: 13px;
}


/* Only on Heusenstamm Homepage */
.mod-3703 .flex-prev, .mod-3703 .flex-next, .mod-5017 .flex-prev, .mod-5017 .flex-next
{
	margin-top: 30px;
}


/* -------------------------------------------------------------
	Flexslider Navigation Bottom
------------------------------------------------------------- */

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #7b7b7b /* Fallback */;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; -o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(255,255,255,0.3);
}

.flex-control-paging li a:hover {
	background: #c5c5c5; /* Fallback */
	background: rgba(255,255,255,0.7);
}

.flex-control-paging li a.flex-active {
	background: #ffffff;
	background: rgba(255,255,255,0.9);
	cursor: default;
}


/* -------------------------------------------------------------
	Article Image Zoom
------------------------------------------------------------- */

.article-image .icon-zoom
{
    background-image: url('/portals/_default/skins/templates/img/ui-elements/zoom.png');
}