/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version     Id: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2014, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

@import url(../fonts/opensans/opensans_regular_macroman/stylesheet.css);

@import url(_custom.pagination.css);
@import url(_custom.navigation.css);
@import url(_custom.finder.css);
@import url(_custom.print.css);

@media all {


/********* bootstrap-overrides *********/

span[class^="icon-"] {
  margin: 4px 5px 0 0;
}

input[type="text"],
button {
  font-size: 14px;
}
/******* end bootstrap-overrides *******/


body {
  font-family: 'open_sansregular', sans-serif;
  background: #f3e2d2 url(../../../images/design/background.jpg);
  background-size: cover;
}

/************ Den orangen Rahmen und weiße Hintergrundfarbe
 *            für angeklickte Links eleminieren **********************************/
a,
a:focus,
a:hover,
a:active {
	background: transparent;
	outline: 0 none;
  color: #cf3500;
  font-weight: bold;
}

/******** bootstrap-Formate deaktivieren *******/
.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {
  background-color: transparent;
}
.list-striped li:nth-child(2n+1),
.list-striped dd:nth-child(2n+1),
.row-striped .row:nth-child(2n+1),
.row-striped .row-fluid:nth-child(2n+1) {
  background-color: transparent;
}


a {
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'open_sansregular', sans-serif;
  font-weight: bold;
  color: #cf3500;
}

h2 {
  font-size: 20px;
  margin-bottom: 18px;
  color:#966234;

}
h3 {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.3em;
  color:#966234;

}
h4 {
  font-size: 14px;
  margin-bottom: 3px;
  line-height: 1.5em;
  color:#966234;
  text-transform: uppercase;
}

h2 a {
  text-decoration: none;
}


p {
  margin-bottom: 0.5em;
}

ul li ul {
  margin-bottom: 0;
}


.small {
  font-size: 80%;
}

.small a,
.source a {
  font-weight: normal;
}

.source {
  margin-top: 0.3em;
  font-size: 80%;
  color: #888;
  display: block;
}

.btn {
  border-radius: 0 !important;
}


.ym-wrapper {
/*  max-width: 1150px;*/
  max-width: 1200px;
  background: transparent;
}

.ym-wbox {
  padding: 0;
}

header {
  padding: 20px 0 0 0;
  background: transparent;
}

header h1 {
  padding: 0 0.5em;
  letter-spacing: -0.02em;
}

header h1 a,
header h1 a:hover,
header h1 a:focus,
header h1 a:active {
  text-decoration: none;
}

/************ Sprachauswahl **********/
header nav#topnav {
  right: 3px;
}

header nav#topnav div.language-switch,
header nav#topnav div.topmenu {
  display: inline-block;
}

header nav#topnav div.language-switch {
  margin-left: 1.5em;
  position: relative;
  top: 0.1em;
}

header nav#topnav div.language-switch a {
  padding: 0 0 0 0.3em;
  text-decoration: none;
}

header nav#topnav div.language-switch a img {
	-webkit-box-shadow: #afafaf 3px 3px 2px;
		 -moz-box-shadow: #afafaf 3px 3px 2px;
		      box-shadow: #afafaf 3px 3px 2px;
}

header nav#topnav div.language-switch span.rawlink-spacer {
  display: none;
}
/************ Ende Sprachauswahl **********/

#breadcrumbs {
  padding: 0;
}
.breadcrumbs {
  background: #cccccc;
  border: 0;
  -webkit-border-radius: 0;
  	 -moz-border-radius: 0;
  				border-radius: 0;
  -webkit-box-shadow: 0 0 0;
	   -moz-box-shadow: 0 0 0;
	        box-shadow: 0 0 0;
}


#main {
  padding: 2em 1.5em 1.5em 1.5em;
  background: #FFFFFF;
  background-image: url(../../../images/design/headers/header_3.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

div.page-header {
  border-bottom: 0;
  margin: 0;
}

.ym-col2 {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
  padding-right: 2em;
}
.ym-col2 .ym-cbox {
  padding: 0;
}

.ym-col2 div.tag-category a.title-link,
.ym-col2 .blog h2 a {
  color: #966234;
}

.ym-col2 div.category-desc {
  margin-bottom: 2em;
}

.ym-col2 .blog .items-row {
  padding-bottom: 2.5em;
}
.ym-col2 .blog .items-row:last-of-type {
  padding-bottom: 0;
}

.ym-col2 .blog .items-row .ym-gbox-full {
  padding-bottom: 0.5em;
  border-bottom: 1px solid grey;
}
.ym-col2 .blog .items-row:last-of-type .ym-gbox-full {
  border-bottom: 0;
}

/***** AllVideos in Aeitenspalte **********/
.ym-col3 .avPlayerWrapper {
  clear: none;
}

/************ Icons **********/
div.icons .dropdown-toggle {
  display: none;
}

div.icons ul.dropdown-menu {
  position: relative;
  display: block;
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 2px 0 0.7em 1em;
  z-index: 1;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	-webkit-box-shadow: 0 0 0 !important;
		 -moz-box-shadow: 0 0 0 !important;
		      box-shadow: 0 0 0 !important;
}

div.icons ul.dropdown-menu li[class$="-icon"] {
  font-size: 90%;
  padding: 0 2px;
  margin-left: 0;
  float: none;
}

div.icons ul.dropdown-menu li[class$="-icon"] a {
  color: #cf3500;
  display: inline;
  padding: 2px 2px !important;
}

div.icons ul.dropdown-menu li[class$="-icon"] a:hover,
div.icons ul.dropdown-menu li[class$="-icon"] a:focus,
div.icons ul.dropdown-menu li[class$="-icon"] a:active {
  font-weight: normal;
  background: transparent;
  color: #ef693b;
}

div.icons ul.dropdown-menu li span[class^="fa fa-"] {
  margin-right: 7px;
}
/********* Ende Icons *********/

.item-page div#article-footer,
div[class^="blog"] div#article-footer {
  width: 30%;
  display: table;
  border-top: 1px solid #cfcfcf;
  height: 2em;
}

div#back-link {
  font-size: 0.85em;
  display: table-cell;
}

p.readmore span {
  display: none;
}

/************ Tags **********/
.tags {
  margin-top: 2em;
}

.tags li {
  display: inline-block;
  margin: 0 2px 5px 0;
  padding: 0 !important;
  background-color: #DFDFDF;
}
.tags li:hover,
.tags li:focus,
.tags li:active {
  background-color: #bfbfbf;
  color: #FFFFFF;
}

.tags a.label-info[href] {
  background-color: transparent;
}
.tags a.label {
  border-radius: 0;
  padding: 0.2em 0.7em;
  color: #444444;
  font-size: 90%;
  font-weight: normal;
  border: none !important;
  text-decoration: none;
  text-shadow: none;
}
.tags a.label:hover {
  text-shadow: 0;
}
/********* Ende Tags *********/


/********* Tag-Artikelliste *********/
div.tag-category ol ul {
  list-style-type: disc;
}
div.tag-category ol ul ul {
  list-style-type: circle;
}
div.tag-category ol ul li {
  margin-bottom: 0;
  padding-top: 0;
}

div.tag-category a.title-link {
  left: 0;
  padding-left: 0;
}

div.tag-category a.title-link h2 {
  margin-top: -1.25em;
}

div.tag-category fieldset.filters label {
  font-size: 14px;
  width: auto !important;
  margin: 2px 10px 0 10px;
}

div.tag-category fieldset.filters input {
  height: 20px;
  padding: 2px 2px 2px 5px;
  -webkit-border-radius: 0;
  	 -moz-border-radius: 0;
  				border-radius: 0;
}

div.tag-category fieldset.filters div[id^="limit"] {
  width: 65px !important;
}

div.tag-category fieldset.filters div[id^="limit"] a {
  -webkit-border-radius: 0;
  	 -moz-border-radius: 0;
  				border-radius: 0;
}

div.tag-category fieldset.filters div[id^="limit"] a:hover,
div.tag-category fieldset.filters div[id^="limit"] a:focus,
div.tag-category fieldset.filters div[id^="limit"] a:active {
  color: #444444;
  border: 1px solid #aaaaaa;
}

div.tag-category fieldset.filters div[id^="limit"] div[class$="-drop"] li.highlighted {
  background: #ea0019;
}

div.tag-category ol {
  margin: 0 0 0 5px;
}
div.tag-category ol li {
  margin: 0;
}

div.tag-category ol li {
  padding: 50px 0 20px 5px;
  clear: both;
}
/*** zugeschnitten auf die override-Datei
 *   templates\jyaml\html\com_tags\tag\default_items.php:  */
.tag-category p.tag-listintro {
  margin: 1em 0 0 0.8em;
}
.tag-category img {
  float: left;
  margin: 5px 15px 15px 0;
}
/********* Ende Tag-Artikelliste *********/


/********* fancybox *********/
div.gallery-text {
  padding-top: 0.4em;
}

div.gallery.no-top-margin {
  margin-top: 0 !important;
}

div.gallery:not(.resume) {
  margin-top: 2em;
}
/*
div.gallery.resume {
  margin-top: 0;
}*/

div.gallery.pull-right {
  margin-left: 1.2em;
}

div.gallery.pull-left {
  margin-right: 0.8em;
}
div.gallery img {
	-webkit-box-shadow: #afafaf 5px 5px 3px;
		 -moz-box-shadow: #afafaf 5px 5px 3px;
		      box-shadow: #afafaf 5px 5px 3px;
/*
	-webkit-border-radius: 7px;
		 -moz-border-radius: 7px;
					border-radius: 7px;
*/
}

div.gallery div.gallery-item {
  display: inline-block;
  margin: 0 0.8em 1em 0;
  max-width: 250px;
  vertical-align: top;
}

div.gallery-item.no-max-width {
  max-width: 100% !important;
}

div.gallery div.gallery-item div.gallery-text {
  margin: 0.5em 0 1em 0;
}

.fancybox-title {
  font-family: 'open_sansregular', sans-serif;
  text-align: left;
}

a.fancybox-close:hover,
a.fancybox-close:focus,
a.fancybox-close:active {
  background-image: url(../../../media/plg_fancybox/images/fancybox_sprite.png);
}

/********* Virtuelle Ausstellung *********/
div.gallery.virtuelle-ausstellung {
  margin-top: 0;
}

div.gallery.virtuelle-ausstellung img {
	-webkit-box-shadow: 0 0 0;
		 -moz-box-shadow: 0 0 0;
		      box-shadow: 0 0 0;
}

div.gallery.virtuelle-ausstellung div.gallery-item div.gallery-text {
  font-size: 0.9em;
}
/********* Ende fancybox *********/

.no-article-footer div#article-footer {
  display: none;
}

div.avVideo img.jwlogo {
  display: none;
}

/********* Angebote *********/
.blog.angebote .items-row .ym-gbox-full {
  border-bottom: 0;
}

.page-sfx-angebote .page-header + h2,
.page-sfx-angebote .page-header + div h2 {
  margin-top: -21px;
}

.blog.angebote .items-row.row-0,
.blog.angebote .items-row.row-2 {
  padding-bottom: 0;
}

.blog.angebote .items-row.row-2,
.blog.angebote .items-row.row-7,
.blog.angebote .items-row.row-9 {
  border-top: 1px solid grey;
  padding-top: 2em;
}

.blog.angebote .items-row.row-4,
.blog.angebote .items-row.row-8 {
  padding-top: 0;
  padding-bottom: 0;
}
.blog.angebote .items-row.row-4 .page-header,
.blog.angebote .items-row.row-8 .page-header {
  display: none;
}

.blog.angebote .gallery + .tags {
  margin-top: 0;
}

/********* Ende Angebote *********/


/********* Zitate *********/
blockquote:before {
  content: "ʻʻ";
  display: block;
  float: left;
  font-family: "times new roman",serif;
  font-size: 6em;
  font-style: normal;
  letter-spacing: -0.13em;
  margin-left: -50px;
  margin-right: 10px;
  margin-top: 22px;
}

blockquote {
  font-family: "open_sansregular",sans-serif;
  margin: 20px 0;
  padding-left: 50px;
  padding-right: 0;
  border-left: 0;
}

blockquote p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}


/********* Themen-Übersichtsseite *********/
div.zeile {
  display: table-row;
}
/********* Ende Themen-Übersichtsseite *********/

/********* PfD-geförderte Veranstaltungene *********/
p.pfd img.bund {
  margin-right: 2em;
}

/********* Ende PfD-geförderte Veranstaltungene *********/

/********* footer *********/
footer {
  background: transparent;
  border-top: 1px;
  color: #6f6f6f;
}
footer .ym-cbox {
  padding: 0.5em 1.5em;
}
/********* Ende footer *********/


/********* Newsletter abonnieren *********/
div.modns table {
  border-bottom: none;
}

div.modns table tr td {
  padding-left: 0;
  padding-right: 0;
  vertical-align: middle;
}

div.modns table tr:nth-child(1) td {
  padding-top: 1em;
}

div.modns table tr:nth-child(2) td {
  padding: 0.7em 0 2em 0;
}

div.modns table tr td input[type="text"] {
  margin-bottom: 0;
}

div.modns table tr:nth-child(5) td {
  padding-top: 1.5em;
}

div.modns table tr td input[type="submit"] {
  width: 50% !important;
}

/* Erfolgsmeldung */
div.modns span {
  display: block;
  margin-top: 1em;
  font-weight: bold;
}
/********* Ende Newsletter abonnieren *********/

/********* Aktuelles *********/
.module-box.aktuelles {
  margin-top: 2.5em;
}
/*
.module-box.aktuelles h3 {
  font-size: 20px;
}
*/
.newsflash-title.aktuelles:not(:first-of-type) {
  border-top: 1px solid grey;
  margin-top: 1.5em;
  padding-top: 1em;
}

div.newsflash.aktuelles {
  border-bottom: 1px solid grey;
  padding-bottom: 0.8em;
}

.newsflash figure {
  margin-top: 10px;
  margin-bottom: 20px;
}


/********* Ende Aktuelles *********/


/********* Login *********/
.module-box.login {
  margin: 0.5em 0 3em 0;
  padding: 0.5em;
  background: #cfcfcf;
}

.module-box.login form#login-form {
  margin-bottom: 0;
}

.module-box.login .input-prepend {
  width: 100%;
}

.module-box.login .controls button {
  width: 95% !important;
  font-family: 'open_sansregular', sans-serif;
}

.module-box.login .controls input[type="text"],
.module-box.login .controls input[type="password"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
  width: 85% !important;
  height: 2.2em !important;
}

.module-box.login span.add-on,
.module-box.login .controls input[type="text"],
.module-box.login .controls input[type="password"] {
  text-align: left !important;
}

.module-box.login span[class^="icon-"] {
    margin: 3px 5px 0 0;
}

.module-box.login .controls button,
.module-box.login div.logout-button input[type="submit"] {
  background: #cf3500;
}
.module-box.login .controls button:hover,
.module-box.login .controls button:focus,
.module-box.login .controls button:active,
.module-box.login div.logout-button input[type="submit"]:hover,
.module-box.login div.logout-button input[type="submit"]:focus,
.module-box.login div.logout-button input[type="submit"]:active {
  background: #a0170b;
}

.module-box.login div#form-login-remember,
ul.unstyled {
  display: none;
}

.module-box.login div.login-greeting {
  margin-bottom: 1em;
}

div.login + div:not(.module-box) {
  display: none;
}
/********* Ende Login *********/

/********* Ende Seitenspalte *********************************************/


/****************** Videos mit GDPR-Protection ******************/
.gdpr-protector-shield .headline,
.gdpr-protector-shield .headline + p {
  background-color: #FFF;
}
.gdpr-protector-shield i.fa::before {
/*
  color: var(--info-background-color) !important;
  text-shadow: 0 0 25px #000;
*/
  color: #000;
  text-shadow: 0 0 25px #fff;
}

#gdpr-protector-container_220127 .gdpr-protector-shield {
  background-image: url("../../../images/content/images/poster_irgendjemand-musste-die-taeter-ja-bestrafen.jpg");
  background-size: cover;
  min-height: 366px;
}


/********* "Drucken"-Fenster *********/
/*body.tmpl-component div.icons li.email-icon,*/
body.tmpl-component div.tags,
body.tmpl-component div#article-footer {
  display: none;
}
body.tmpl-component h2 {
  width: 82%;
}
body.tmpl-component a {
  text-decoration: none;
}
body.tmpl-component a:hover,
body.tmpl-component a:focus,
body.tmpl-component a:active {
  text-decoration: underline;
}
body.tmpl-component div#pop-print{
  float: right;
  margin-top: 2px;
}
body.tmpl-component div#pop-print a {
  border: 0;
/*  color: #000000;*/
  font-weight: normal;
  text-decoration: none;
}
body.tmpl-component div#pop-print a span.icon-print {
/*  margin: 5px 2px 0 0;*/
  font-size: 129%;
  margin-right: 5px;
}


/********* "Mailto"-Fenster *********/
body.tmpl-component div#mailto-window div.mailto-close {
  margin-bottom: 20px;
}
body.tmpl-component div#mailto-window form#mailtoForm,
body.tmpl-component div#mailto-window div.formelm {
  display: table;
}
body.tmpl-component div#mailto-window div.formelm label,
body.tmpl-component div#mailto-window div.formelm input {
  display: table-cell;
}
body.tmpl-component div#mailto-window div.formelm label {
  width: 110px;
}


/****** Fehlermeldungen *******/
#system-messages {
  margin-top: 2.15em
}

#system-message {
  margin: 0;
}

#system-message .alert {
  border-radius: 0;
}
/****** Ende Fehlermeldungen *******/


/****** Error page 404 *******/
body.tmpl-error .header_image img {
  top: -1px;
}
body.tmpl-error div#main {
  top: -20px;
}
body.tmpl-error footer {
  top: -50px;
}
body.tmpl-error .ym-col2 {
  width: 100%;
  margin: 0;
  margin-left: 0 !important;
}
body.tmpl-error header {
  margin-top: 0;
}
/****** Ende Error page 404 *******/


}
/***** Ende media all ******/


/***********************************************************************************************************************************************************
********************************************************** Media Queries ***********************************************************************************
************************************************************************************************************************************************************/

/*******************************************************************************/
@media all and (min-width: 1700px) {

.ym-wrapper {
  max-width: 1600px !important;
}

body:not(.tmpl-error) .ym-col2 {
  width: 65% !important;
}
.ym-col3 {
  margin-left: 65% !important;
}

}

/*******************************************************************************/
@media all and (min-width: 1366px) {

.ym-wrapper {
  max-width: 1200px;
}

}

/*******************************************************************************/
@media all and (max-width: 1200px) {

}

/*******************************************************************************/
@media all and (max-width: 1024px) {

body {
  padding-top: 0;
}

}

/*******************************************************************************/
@media all and (min-width: 768px) and (max-width: 800px) {

.ym-col2 .finder button#toggler {
  margin-top: 0.5em;
  margin-left: 0;
}

div#search-form div.input-append {
  margin-top: 10px;
}

div#search-form div.input-append input[id^="filter_date"] {
  margin-left: 0 !important;
}

}

/*******************************************************************************/
@media all and (max-width: 767px) {

body {
  background-image: url();
}
/*
body:not(.tmpl-component) div.icons {
  display: none;
}
*/

#main {
  padding: 0.5em 0.5em 0 0.7em;
}

.ym-col2 {
  width: 100% !important;
  padding-right: 0;
  border-bottom: 3px solid #bfbfbf;
  margin-bottom: 1em;
}

.ym-col3 {
  width: 100% !important;
  margin-left: 0 !important;
}
.ym-col3 .ym-cbox {
  padding: 0;
}

img.no-mobile-float {
  float: none !important;
  display: block;
}

footer .ym-cbox {
  padding: 0.5em 0.5em;
}


.item-page div#article-footer,
div[class^="blog"] div#article-footer {
  border-top: none;
}


div#footer-modules-container {
  background: #FFFFFF;
  padding: 1em 0 0 0;
  margin-top: 1.5em;
  border-top: 3px solid #bfbfbf;
}

div#footer-modules-container .module-box {
  margin-top: 1em;
}

div#footer-modules-container form#mod-finder-searchform {
  margin: 0 0 0.5em;
}

div#footer-modules-container form#mod-finder-searchform input#mod-finder-searchword {
  width: 75%;
}
div#footer-modules-container form#mod-finder-searchform button {
  width: 17%;
}

div.tag-category fieldset.filters input {
  display: block;
}
.tag-category p.tag-listintro {
  margin: 1em 0 0 0;
}
div.tag-category ol {
  margin: 15px 0 0 0px;
}

.ym-gbox-right {
  padding: 0;
}

div.icons ul.dropdown-menu {
  margin: 2px 0 0.7em 0;
}

}

/*******************************************************************************/
@media all and (max-width: 750px) {

header h1 {
  font-size: 22px;
  padding-left: 0.2em;
  padding-top: 0;
  margin-top: 0.5em;
}

}

/*******************************************************************************/
@media all and (max-width: 600px) {

.ym-col2 .finder button#toggler {
  margin-top: 0.5em;
  margin-left: 0;
}

ul#finder-filter-select-dates li.filter-date {
  display: block;
  width: 98%;
}

}

/*******************************************************************************/
@media all and (max-width: 480px) {

div.icons li.print-icon {
  display: none;
}

div.themen img {
  float: none !important;
  display: block;
  margin-bottom: 1em;
}

}