/** COLORS **/
/* rsz rot: #E2001A;

/** BASIC ELEMENTS **/
.uk-article h1.uk-article-title {
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #323232;
}
#yoo-zoo .items h1.pos-title,
#yoo-zoo .item h1.pos-title {
	font-family: 'Open Sans';
	font-weight: 600;
}
#yoo-zoo .heading h1.title  {
	font-family: 'Open Sans';
	font-size: 32px;
	line-height: 40px;
	font-weight: 300;
	margin-bottom: 1px;
}
#yoo-zoo .details h1.title {
	letter-spacing: -1px;
}
#yoo-zoo .details {
	margin-bottom: 20px;
}
#yoo-zoo .details div.heading {
	border-bottom: 1px solid #323232;
}
#yoo-zoo .item h2.pos-subtitle {
	text-transform: none;
	padding-left: 10px;
}
.rsz-button,
.uk-button-link {
	background-color: #E2001A;
	padding: 0 10px;
	/*border-radius: 7px;*/
	border-radius: 0px;
	color: #fff;
}
#yoo-zoo .teaser-item .teaser-item-bg {
	padding-bottom: 0 !important;
}
#yoo-zoo .teaser-item .pos-links {
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}
.rsz-teaser-date {

}
#yoo-zoo .teaser-item .pos-links span,
#yoo-zoo .teaser-item .pos-links a {
	display: inline-block;
	width: 100%;
}
#yoo-zoo .teaser-item .pos-links a {
	background-color: #555;
	color: #fff;
	text-align: center;
}
#yoo-zoo .teaser-item .teaser-item-bg:hover .pos-links a {
	background-color: #E2001A;
	text-decoration: none;
}
.rsz-button.rsz-button-big {
	padding: 5px 20px;
	display: inline-block;
	margin-bottom: 20px;
}
.rsz-button:hover,
.uk-button-link:hover {
	background-color: #E2001A;
	color: #fff;
}
#yoo-zoo .teaser-item p.pos-links {
	margin-top: 10px;
}
#yoo-zoo .items div.teaser-item-bg {
	background: none;
	border-bottom: 1px solid #ccc;
}
#yoo-zoo .items div.teaser-item:last-child .teaser-item-bg {
	border-bottom: 0;
}
hr {
	border-top: 1px solid rgb(50, 50, 50);
}
body.homepage hr {
	margin-top: 10px;
}
body.homepage h2 {
	margin-bottom: 10px;
}

/** LAYOUT **/

/* header */
.rsz-header {
	position: fixed;
	z-index: 110;
	max-width: 1130px;
	background-color: #fff;
}
@media (max-width: 960px) {
	.rsz-header {
		width: 100% !important;
	}
}
.tm-headerbar {
	min-height: 84px;
	margin: 0;
	background-image: url('../images/logo-line-2021.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
}

#logo-box {
	height: 70px;
	width: 350px;
}

/* navigation + search */
.uk-navbar {
	margin-top: -2px;
	margin-bottom: 0;
	margin-left: 130px;
	background-color: #fff;
}

.tm-navbar .uk-navbar-flip {
	border: 1px solid #aaa;
	border-top: 0;
	background-color: #fff;
}

/* top banner */
.tm-headerbar .uk-panel.top-banner {
	max-width: 468px;
	max-height: 60px;
}

.rsz-home-eilmeldung {
	margin-top: 0 !important;
	margin-bottom: 35px;
}

/* content area */
#tm-middle {
	margin-top: 135px;
}
#yoo-zoo .item div.pos-top {
	position: relative;
	margin-bottom: -55px; /* switched with pos-title */
}
.rsz-full-image {
	position: relative;
	z-index: 1;
}
.rsz-full-image > img {
	width: 100%;
	height: auto;
}
#yoo-zoo .item h1.pos-title {
	position: relative;
	z-index: 2;
	/*margin-top: -55px;*/
	padding: 5px 150px 0 10px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#yoo-zoo .item.event h1.pos-title {
	margin-top: 0;
}
.rsz-full-copyright {
	bottom: 20px;
    position: absolute;
    right: 5px;
    z-index: 4;
    font-size: 11px;
}
.rsz-full-copyright::before {
	content: '©';
	padding-right: 2px;
}
.rsz-main-text {
	text-align: justify;
	padding: 10px;
}
#yoo-zoo .item .rsz-main-text h3,
#yoo-zoo .item h3 {
	font-family: 'Open Sans';
}
#yoo-zoo .item .socialbuttons {
	max-width: 250px;
	margin: 0 auto 20px;
}
#yoo-zoo .item .socialbuttons .fb_iframe_widget {
	margin-top: 2px;
}
#yoo-zoo .item .element-itemcreated {
	padding-left: 15px;
}
#yoo-zoo .item ul.pos-taxonomy {
	margin-bottom: 20px;
}
#yoo-zoo .item div.pos-related {
	border-bottom: 1px solid #323232;
}
#yoo-zoo .item div.pos-related,
#yoo-zoo .item div.pos-bottom .element {
	background: transparent;
	padding-left: 15px;
}
#yoo-zoo .item .pos-related h3 {
	display: none;
}
span.rsz-smaller {
	font-size: 13px;
	font-style: italic;
}

/* videos */
.element-media .mejs-container {
	max-height: 500px;
}

/* tags */

.element-itemtag {
	padding-left: 15px;
	margin-bottom: 15px;
}
.element-itemtag > div {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-bottom: 18px;
}
.element-itemtag > div a {
	color: #fff;
	background-color: #E2001A;
	padding: 5px 10px;
}
.element-itemtag > div a:hover {
	background-color: #555;
	text-decoration: none;
}
/* tag modules */

.rsz-mod-tags {
	display: flex;
}
.rsz-mod-tags strong {
	margin-right: 7px;
	margin-top: 4px;
}
.rsz-mod-tags ul {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
}

.rsz-mod-tags li {
	display: inline-block;
	background-color: #E2001A;
	margin-right: 2px;
	margin-bottom: 5px;
}
.rsz-mod-tags li a {
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
}
.rsz-mod-tags li:hover,
.rsz-mod-tags li:hover a {
	background-color: #555;
	text-decoration: none;
}
@media (max-width: 776px) {
	.rsz-mod-tags ul > li:nth-child(n + 9) {
		display: none;
	}
}
.home-cat-tags {
	margin-bottom: 15px;
}


/* tag page */

#yoo-zoo.blog-default-tag h3.tag-title {
	font-size: 32px;
	line-height: 40px;
	font-weight: 300;
	margin-bottom: 25px;
	border-bottom: 1px solid rgb(50, 50, 50);
	padding-bottom: 5px;
	color: rgb(50, 50, 50);
	letter-spacing: -1px;
}

/* pagination */

#yoo-zoo .zoo-pagination div.pagination-bg {
	visibility: hidden;
	margin-top: 30px;
}
#yoo-zoo .zoo-pagination div.pagination-bg > * {
	visibility: visible;
}
#yoo-zoo .zoo-pagination div.pagination-bg > * {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
#yoo-zoo .zoo-pagination div.pagination-bg > span,
#yoo-zoo .zoo-pagination div.pagination-bg > a:hover,
#yoo-zoo .zoo-pagination div.pagination-bg > a:focus {
	background-color: #e2001a;
	color: #fff;
}
#yoo-zoo .zoo-pagination div.pagination-bg > a {
	background-color: #f5f5f5;
	color: rgb(68, 68, 68);
	margin-left: 0px;
	margin-right: 4px;
}


/** PAGE SPECIFIC **/

/** ZOO CATEGORIES **/

#yoo-zoo .width50.first .teaser-item-bg {
	margin-right: 20px;
}
#yoo-zoo .items .width50 .teaser-item {
	padding-bottom: 35px;
}
#yoo-zoo .items .width50 .teaser-item-bg,
#yoo-zoo .items div.teaser-item:last-child div.teaser-item-bg {
	background-color: rgb(245,245,245);
	border-bottom: 0;
	padding-bottom: 10px;
}
#yoo-zoo .width50 .teaser-item .pos-media {
	margin-right: 0;
}
#yoo-zoo .width50 .teaser-item .pos-media .element-image {
	overflow: hidden;
}
#yoo-zoo .width50 .teaser-item .pos-media img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;
}
#yoo-zoo .width50 .teaser-item:hover .pos-media img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}
#yoo-zoo .width50 .teaser-item .pos-content {
	padding-left: 15px;
	padding-right: 15px;
}
#yoo-zoo .width50 .teaser-item .pos-content .element-itemname {
	margin-bottom: 5px;
}
#yoo-zoo .width50 .teaser-item .pos-content .rsz-teaser-text {
	margin-top: 15px;
}
#yoo-zoo .width50 .teaser-item .pos-content .element-itemname a {
	color: rgb(68,68,68);
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
}
#yoo-zoo .width50 .teaser-item .pos-links {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 8px;
}
#yoo-zoo .width50 .teaser-item .pos-links a {
	padding-top: 5px;
	padding-bottom: 5px;
}
#yoo-zoo .items p.pos-links span a::after {
	content: none;
}

/** EVENTS **/

#yoo-zoo.events-default .items .row,
#yoo-zoo.events-default .categories .row {
	margin-left: 0;
}
#yoo-zoo.events-default .item .pos-title {
	margin-bottom: 10px;
}
#yoo-zoo.events-default div.pos-description .element-textpro.first {
	background: rgba(0, 0, 0, 0) url("../images/icons/pin_2_24.png") no-repeat scroll 0 50%;
	background-size: auto 90%;
}
#yoo-zoo.events-default div.item > div.floatbox {
	padding-left: 10px;
}
#yoo-zoo div.pos-description > div {
    font-size: 16px !important;
    line-height: 16px !important;
    margin-bottom: 3px !important;
    margin-top: 0 !important;
}
div#yoo-zoo div.pos-description > div p {
	margin-top: 15px;
}

.rsz-media-release {
	padding-left: 10px;
	font-style: italic;
}

/** SEARCH **/

body.rsz-search #search-results .uk-article h1 {
	margin-bottom: 15px;
	padding-left: 0;
}
.finderrsz-search button.btn-primary {
	background-color: #e2001a;
}

/** WIDGETKIT **/
@media (min-width: 960px) {
	.uk-panel.rsz-home-top {
		margin-top: 0 !important;
	}
}
.rsz-home-top .uk-position-relative,
.rsz-cat-top .uk-position-relative {
	z-index: 104;
}
.rsz-home-top .uk-panel-body,
.rsz-cat-top .uk-panel-body {
	position: relative;
	z-index: 105;
	margin-right: -150px;
	padding: 0 30px 0 0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
@media (min-width: 960px) {
	.rsz-home-top .uk-panel-body,
	.rsz-cat-top .uk-panel-body {
		height: 320px;
	}
	.rsz-home-top .uk-position-relative,
	.rsz-cat-top .uk-position-relative {
		max-height: 320px;
	}
}
.rsz-home-top .uk-panel-body .uk-h2,
.rsz-cat-top .uk-panel-body .uk-h2 {
	font-weight: 600;
	padding-top: 10px;
}
.rsz-home-top .uk-panel-body .rsz-home-top-par,
.rsz-cat-top .uk-panel-body .rsz-home-top-par {
	padding-right: 100px;
}
.rsz-home-top .uk-panel-body .rsz-home-top-par p,
.rsz-cat-top .uk-panel-body .rsz-home-top-par p {
	text-align: justify;
}
.rsz-home-top .uk-dotnav > *,
.rsz-cat-top .uk-dotnav > * {
	padding-left: 10px;
}
.rsz-home-top .uk-dotnav > * > *,
.rsz-cat-top .uk-dotnav > * > * {
	border: 0;
	border-radius: 0px;
	background-color: #fff;
	width: 15px;
	height: 15px;
}
.rsz-home-top .uk-dotnav-contrast > li:hover > *,
.rsz-cat-top .uk-dotnav-contrast > li:hover > * {
	background-color: #ccc;
}
.rsz-home-top .uk-dotnav-contrast > .uk-active > *,
.rsz-cat-top .uk-dotnav-contrast > .uk-active > * {
	background-color: #E2001A !important;
}
.uk-grid > * > .uk-panel.rsz-home-mixed {
	margin-top: 15px;
}
.rsz-home-mixed .uk-panel-header,
.rsz-wk-grid .uk-panel-header {
	background-color: #f5f5f5;
}
.rsz-home-mixed .uk-panel-header > h3,
.rsz-wk-grid .uk-panel-header > h3 {
	margin-bottom: 5px;
}

.rsz-home-mixed .uk-panel-header > div.uk-margin,
.rsz-wk-grid .uk-panel-header > div.uk-margin {
	margin-top: 5px;
}

.rsz-home-mixed .uk-panel-header > h3,
.rsz-home-mixed .uk-panel-header > div.uk-margin,
.rsz-wk-grid .uk-panel-header > h3,
.rsz-wk-grid .uk-panel-header > div.uk-margin  {
	padding: 0 15px;
}
.rsz-home-mixed .uk-button-link,
.rsz-wk-grid .uk-button-link {
	width: 100%;
	background-color: #555;
}
.rsz-home-mixed .uk-overlay-hover:hover .uk-button-link,
.rsz-wk-grid .uk-overlay-hover:hover .uk-button-link {
	background-color: #e2001a;
	text-decoration: none;
}

.zoo-gallery-wall {
	padding-left: 10px;
}

/** MAIN MENU **/
.uk-navbar-nav {
	margin-top: 1px;
	text-transform: uppercase;
}
.uk-navbar-nav > li > a {
	line-height: 32px;
	padding: 0 12px;
}
.uk-navbar-nav .menu-home {
	padding: 0;
	background-image: url('../images/menu/menu-home_inactive.png');
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 15px 18px;
}
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li:focus > a {
	color: #E2001A;
	background-color: transparent;
}
.uk-navbar-nav > li.uk-active > .menu-home,
.uk-navbar-nav .menu-home:hover {
	background-image: url('../images/menu/menu-home_active.png');
}

/* dropdown */

.uk-dropdown, .uk-dropdown-blank {
	width: 250px;
}

.uk-navbar-nav li.uk-parent > div.uk-dropdown {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 5px;
	border: 0;
}
.uk-navbar-nav li.uk-parent > div.uk-dropdown a {
	padding-left: 12px;
}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
	background-color: #e2001a;
}

/* offcanvas menu */

.uk-nav-header {
	font-size: 14px;
}

.uk-nav-offcanvas .uk-nav-sub {
	padding-left: 0;
}
.uk-nav-offcanvas .uk-nav-sub > li {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.uk-nav-offcanvas > li > a:hover,
.uk-nav-offcanvas > li > a:focus,
.uk-nav-offcanvas > li.uk-active > a,
.uk-nav-offcanvas .uk-nav-sub > li:hover,
.uk-nav-offcanvas .uk-nav-sub > li:focus,
.uk-nav-offcanvas .uk-nav-sub > li.uk-active {
	background: #404040 !important;
	color: #fff;
	border: 0;
	outline: none;
}
.uk-nav-offcanvas .uk-nav-sub > li > a {
	text-transform: uppercase;
}

.uk-offcanvas-bar .uk-search {
	margin-left: 0;
	margin-right: 0;
}
.uk-offcanvas-bar .uk-search input {
	background-color: #555;
	color: #fff;
	height: 36px;
}
.uk-offcanvas .uk-search::before {
	line-height: 36px;
}
.uk-offcanvas .uk-search::before,
.uk-offcanvas-bar .uk-search input::placeholder {
	color: #eee;
}


/** SIDEBAR A **/

.tm-sidebar-a .uk-panel,
.rsz-box.uk-panel {
	background-color: #f5f5f5;
}

.tm-sidebar-a h3.uk-panel-title,
.rsz-box h3.uk-panel-title {
	background-color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid #444;
}
.rsz-box h3.uk-panel-title {
	text-align: left;
}

.rsz-side-banner {
	padding: 0 0 28px;
	text-align: center;
	position: relative;
}
.rsz-side-banner:after {
	content: '- Anzeige -';
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	margin: 4px 8px;
}
.rsz-side-banner.rsz-side-banner-lower:after {
	content: '- Anzeigen -';
}
.rsz-side-banner .banneritem {
	margin-top: 15px;
}
.rsz-side-banner .banneritem:first-child {
	margin-top: 0;
}

.rsz-bm-modul li,
.rsz-module li {
	padding-left: 15px;
	padding-right: 15px;
}
.rsz-bm-modul li a h3.uk-h5 {
	font-weight: 400;
}
.rsz-module li a {
	color: rgb(68,68,68);
}
.rsz-module-most-read {
	padding-bottom: 10px;
}
.rsz-module-most-read .module-buttons {
	margin-top: 20px;
	margin-bottom: 10px !important;
}
.rsz-module-most-read .module-buttons p {
	margin-bottom: 0;
	height: 30px;
}
.rsz-module-most-read .module-buttons a {
	min-width: 75px;
}

/** INNERTOP SUCHMASKE **/
#tm-main-top div.zoo-filter {
	text-align: center;
	padding-top: 30px;
}
#tm-main-top div.zoo-filter div.form-element-row
{
	display: inline-block;
	vertical-align: top;
}
#tm-main-top div.zoo-filter div.field
{
	display: inline-block;
	margin-right: 20px;
}
#tm-main-top div.zoo-filter span.field-label {

}
#tm-main-top div.zoo-filter input.calendar-element {
	margin: 0 0 5px 5px;
	height: 20px;
}
#tm-main-top div.zoo-filter button.button {

}
#tm-main-top div.zoo-filter button.button:after {
	/*content: " Events";*/
}

@media (max-width: 960px) {
	.rsz-header {
		display: block;
		height: 120px;
		margin-left: -25px;
		background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 55%, rgba(221,221,221,0.5) 75%, rgba(221,221,221,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 55%, rgba(221,221,221,0.5) 75%, rgba(221,221,221,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 55%, rgba(221,221,221,0.5) 75%, rgba(221,221,221,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	.uk-navbar {
		display: block;
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 50px;
	    margin: 0;
		background-image: url('../images/logo_h100.png');
		background-repeat: no-repeat;
		background-size: auto 85%;
		background-position: center bottom;
		background-color: transparent;
	}
	.uk-navbar-toggle {
		margin-top: 14px;
	}
	.tm-headerbar {
		display: block !important;
		position: absolute;
	    top: 55px;
	    left: 0;
	    width: 100%;
	    min-height: auto;
	    background-image: none;
	    background-color: transparent;
	}
	.tm-headerbar .uk-panel.top-banner {
		float: none;
		left: 50%;
	}
	.tm-headerbar .top-banner .bannergrouptop-banner {
		position: relative;
		left: -50%;
	}
	.tm-logo {
		display: none;
	}
	.uk-offcanvas-bar {
		background-color: #E2001A;
	}
	html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
		background-color: transparent;
	}
	.uk-nav-offcanvas > li {
		margin: 3px 0;
	}
	.uk-nav-offcanvas > li > a {
		text-transform: uppercase;
		font-size: 20px;
	}
	html .uk-nav.uk-nav-offcanvas > li.uk-active > a.menu-home {
		background-image: url('../images/menu/menu-home_mobile.png');
		background-repeat: no-repeat;
		background-position: 20px 13px;
		background-size: 15px 18px;
	}
	.uk-offcanvas-bar p {
		color: #ccc;
	}

	.rsz-home-top .uk-panel-body .uk-h2,
	.rsz-cat-top .uk-panel-body .uk-h2 {
		line-height: 35px;
	}
	.rsz-home-top .uk-panel-body,
	.rsz-cat-top .uk-panel-body {
		margin-right: 0;
	}
	.rsz-home-top .uk-panel-body .rsz-home-top-par,
	.rsz-cat-top .uk-panel-body .rsz-home-top-par {
		padding-right: 0;
	}
	#yoo-zoo .item h1.pos-title {
		padding-right: 10px;
	}
	.rsz-full-copyright {
		bottom: auto;
		top: 0;
		right: 0;
		padding-left: 5px;
		padding-right: 5px;
		background-color: rgba(255,255,255,0.5);
	}
}


@media (min-width: 1200px) {
	.rsz-home-top {
		margin-bottom: 30px;
	}
}

ins {
    background: white !important;
}

