/*
Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschließenden Schrägstrich ein. 

Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
*/


/*Schriftart importieren und definieren*/
@font-face {
    font-family: 'sfr-bold';
		    src: url("https://www.saechsischer-fluechtlingsrat.de/wp-content/themes/tortuga-child_SFR2021/fonts/Spartan-ExtraBold.ttf");
}
@font-face {
    font-family: 'sfr';
		src: 	url("https://www.saechsischer-fluechtlingsrat.de/wp-content/themes/tortuga-child_SFR2021/fonts/Spartan-SemiBold.ttf");
}
@font-face {
	font-family: 'lora';
	src: url("https://www.saechsischer-fluechtlingsrat.de/wp-content/themes/tortuga-child_SFR2021/fonts/Lora-VariableFont_wght.ttf")
}
@font-face {
	font-family: 'lora-italic';
	src: url("https://www.saechsischer-fluechtlingsrat.de/wp-content/themes/tortuga-child_SFR2021/fonts/Lora-Italic-VariableFont_wght.ttf")
}

/*lokale italic-Variante von Lora einbinden (nötig wegen mob. Browser-Kompatibilität*/
dfn, cite, em, i {
	font-family: lora-italic;
	font-style: normal;
}

/*Textformat allgemein*/
body, button, input, select, textarea {
  color: #2e2d30;
  line-height: 1.75rem;
	font-family: lora, serif;
	font-weight: 500;
	font-size: 1.0625rem;
}

/*Überschriften*/
h2 {
	font-family: 'sfr-bold', Tahoma, Arial;
	font-weight: 500;
	font-size: 1.2rem;
}
h3 {
	font-size: 1.2rem;
}

/*Allgemein: Listenelemente*/
ul,
ol {
	margin: 1em 0 1.5em;
	padding: 0 0 0 1.25em;
}
/*Allgemein: Listenelemente/Aufzählung mit Quadrat statt disk + grün!*/
ul {
	list-style-type: square;
}
ul li::marker {
	color: #369933;
}
/*Listenelemente: Abstände innerhalb seitenbereich, ohne hauptmenü und leisten*/
.content-area ul li,
.content-area ol li {
	margin-bottom: 0.5em;
	list-style-type: square;
}


/*Hintergrundfarbe Seite höchste Ebene*/
.site {
	background-color: #FEFBF4;
}

/*Hintergrundfarbe/breite Header & Menüfarben + Menüpadding verringern*/
.site-header {
background-color: #FEFBF4;
	max-width:1320px;
	margin: auto;
}

/*Hauptmenü mit Seitenbreite bündig*/
#main-navigation {
	margin-left: -2em;
}

/*-----Hauptmenü------*/
/*Navigationsleiste*/
.primary-navigation-wrap {
	margin: 0 .9em;
	box-shadow: 0 5px 0px 0px #2e2d30 !important;
	border-style: none !important;
	background: none;
}

/*Titel-Image und Titel*/
.site-branding {
	margin: -3px 0 -5px 0;
}

.main-navigation-menu .menu-item a{
	color: #2e2d30;
	text-transform: none;
	font-family: 'sfr-bold', open-sans, arial;
}

	/*Hauptmenüpunkt hover*/
.main-navigation-menu a:hover, 
.main-navigation-menu a:active {
  background: none;
	color: #369933;
	}

	/*Hauptmenüpunkt hervorgehoben, wenn Unterseite ausgewählt (1. bei dropdown)*/
.main-navigation-menu .current-menu-ancestor > a {
  color: #369933;
	box-shadow: 0px -5px inset;
}
/*(2. menüeintrag ohne dropdown*/
.main-navigation-menu li.current-menu-item > a {
	background: none;
	color: #369933;
	box-shadow: 0px -5px inset;
}

	/*Linkfarbe dropdown-menue bei hover*/
.main-navigation-menu ul a:hover, 
.main-navigation-menu ul a:active {
	color: #FFFCF6;
}

/*aktiver Link anders NUR im Dropdown-Menü (ohne box-shadow)*/
.sub-menu a {
	box-shadow: none !important;
}

/*hauptmenü dropdown*/
.main-navigation-menu ul {
  border-bottom-color: #2e2d30;
  border-top-color: #2e2d30;
	border-style: solid;
	border-width: 0px 0px 5px 0px;
	background-color: #E5F7E1;
	box-shadow: 0px 10px 20px -10px #2e2d30;
}
/*aktives menü-item in dropdown bei hover anders behandeln als top-level*/
.main-navigation-menu li.menu-item-has-children li.current-menu-item a:hover {
	color: #FFFCF6;
}
.main-navigation-menu ul a:hover {
	background-color: #369933;
	transition: 0.1s ease;
}


/*
.site-title a:link{
    display: inline-block;
		margin: 1.2em 0 0 0;
		text-transform: none;
		font-family: 'sfr-bold';
		color: #fffcf6;
	font-size: 1rem;
}
*/
/*Bilder hell bei hover (nur Bild-Links)*/
a img {
	transition: 0.2s ease;
	box-shadow: none !important;
}
a img:hover {
	filter: brightness(110%);
	box-shadow: none !important;
}

/*header-slider nur auf Startseite & no hover-opacity*/
.su_image_carousel-sfr-header {
  display: none;
} 

/*Breite header u. schwarze linie unter navigation verdecken -> su_slider*/
.home .su_image_carousel-sfr-header {
	display: inline-block;
  left: 50%;
  transform: translateX(-50%);
	margin: -1px auto 0px auto;
	max-width: 1320px;
}
.su_image_carousel-sfr-header img:hover {opacity: 1;	
}
/*workaround: lücke zwischen site-container und banner wg. inline-block schließen*/
.home .site-content.container.clearfix {
	margin-top: -1em;
}

/*Seitentitel*/
.page-title {
	background-color:#fffcf6;
	color: #2e2d30 !important;
	padding: 0 0 0.5em 0;
	border-radius: 0 0 0 0;
	border-width: 0 0 4px 0;
	border-style: solid;
}

/*header-widgets margin*/
.header-widget {
		margin: 60px 0 0 0.8em;
}

/*Contentbreite, Farbe, abstand zum menü*/
.site-content .type-page {
	background-color: #FEFBF4;
	margin-top: 1em;
}

/*Farbe Seitenleiste*/
div .widget {
	background-color: #FEFBF4;
	box-shadow: none;
	border-style: none;
	border-radius: 0px;
}

/*Farbe Seitenleiste (Hintergrund)*/
div .widget {
	background-color: #FEFBF4;
	box-shadow: none;
	border-style: none;
	border-radius: 0px;
}

/*Farbe widget-text*/
div .widget p{
	color: #369933;
}

/*Farbe Widgetüberschrift*/
.widget-title {
	font-family: 'sfr-bold', tahoma, arial;
	text-transform: none;
  color: #369933;
	text-align:left;
	border-style:solid;
	border-width: 0 0 4px 0;
	padding-bottom: 0.5em;
	font-size: 1.1rem;
}

/*Aktuelles-Button-färben (nur auf Startseite)*/
.home #menu-item-1484 a{
	box-shadow: 0px -5px #41a62a inset;
}

/*Spendenbutton färben*/
#menu-item-63 a{
	color: #41a62a;
}

/*"aktuelle Beiträge" verbergen*/
.page-header {
	display: none;
}

/*Beitragskasten blog & Widgets & seiten, etc.*/
.type-post, .type-page, .type-attachment, .comments-area, .widget {
	padding: 0em;
  border-top: 0px solid #81A9B9;
	border-bottom: 0em solid #2e2d30;
	border-radius: 0px;
	box-shadow: 0 0px 0px #0004;
	background-color: #fEFBF4;
}
.post-column article {
	border-width: 0 0 3px 0;
	border-style: solid;
}
/*Beitragskasten blog ab auf Inhalt verkleinert (vorher: display: flex)*/
.post-layout-columns .post-wrapper .post-column {
	display: block;
}
/*Beitragskasten wrapper Höhe verschoben f. anpassung seitenleiste*/
.post-wrapper {
	margin-top: 1em;;
}

/*Metadaten im Beitragskasten*/
.entry-meta {
	margin: 1em 0 0 0;
	padding: 0.3em 0;
	border-style: solid;
	border-width: 1px 0;
	font-family: 'sfr';
	font-size: 0.75rem;
}

.entry-meta a:link{
	text-decoration: none;
}

/*Überschriften auf den Seiten und Beiträgen*/
.archive-title, .page-title, .entry-title {
  color: #2e2d30;
	font-family: 'sfr-bold';
  font-size: 1.25rem;
	line-height: 1.4rem;
	text-transform:none;

}

	/*Posttitel-Block im Blog*/
	.entry-header a{
		font-size: 95%;
	}

/*Beitragsbilder verkleinern und zentrieren (nur blog)*/
.post-wrapper .type-post .wp-post-image {
		height: 180px;
		display: block;
		margin-bottom: 1em;
		margin-right:auto;
		margin-left:auto;
		object-fit: cover;
		border-radius: 0px 0px 0 0;
}
/*Beitragsbilder verkleinern und zentrieren (nur post-ansicht)*/
.type-post .wp-post-image {
		height: 300px;
		width: 100%;
		display: block;
		margin-bottom: 1em;
		margin-right:auto;
		margin-left:auto;
		object-fit: cover;
		border-radius: 0px 0px 0 0;
}

/*Bilder im Text mit Abstand nach unten*/
img.alignleft {
	margin-top:.5em;
	margin-bottom: 1em;
}
img.alignright {
	margin-top:.5em;
	margin-bottom: 1em;
}
img.aligncenter {
	margin-top:.5em;
	margin-bottom: 1em;
}
img.alignnone {
	display: block;
}

/*Bildunterschriften*/
.wp-caption-text {
	text-align: center;
	line-height: 1.1rem;
	font-family: lora-italic;
}

/*Beitragsbild Projektübersicht sichtbar & skaliert*/
.page-template-projekte .type-page .wp-post-image {
	display: block;
	max-height: 110px;
	margin: auto;
	margin-bottom: 0.5em;
	object-fit: cover;
	object-position: bottom;
	border-radius: 0px;
}
/*Beitragsbild Publikationsübericht "Publikationen" sichtbar & skaliert*/
.page-template-publikationen .type-page .wp-post-image {
		height: 130px;
		display: block;
		margin-bottom: 1em;
		margin-right:auto;
		margin-left:auto;
		object-fit: cover;
		border-radius: 0px 0px 0 0;
}
/*Beitragsbild auf Page  verbergen (wg. Projektübersicht)*/
.type-page .wp-post-image {
	display: none;
}
/*Beitrags-Metadaten Projektübersicht unsichtbar*/
.page-template-projekte .entry-meta {
	display: none;
}

/*Beitrags-Metadaten Publikationsübersicht "Publikationen" unsichtbar*/
.page-template-publikationen .entry-meta {
	display: none;
}

/*Beitragsbild auf Page im Kalender sichtbar*/
.post-4.page.type-page .wp-post-image {
	display: block;
}

/*Textformat Beiträge (Blog)*/
.entry-content.entry-excerpt.clearfix {
	font-size: 1.0em;
	line-height:1.5em;
}

/*"weiterlesen"-Buttons: farbe, etc.*/
.read-more {
	margin: 0em 0em 1.7em 0;

}
.more-link:link, .more-link:visited {
	padding: 0;
	background: none;
	text-decoration: underline;
	color: #2e2d30; 
	box-shadow: none !important;
}
.more-link:hover {
	color: #43b43a;
}

/*Linkfarbe Text*/
/*Linkfarbe Text*/
.entry-content p a:link, .entry-content p a:visited, .entry-content ul a:link, .entry-content ul a:visited {
	color: #2e2d30;
	text-decoration: none;
	transition: 0.1s ease;
	box-shadow: 0px -3px inset #97E187;
	word-break: break-word;
	overflow-wrap: break-word;
}

.entry-content p a:hover, .entry-content p a:active {
	box-shadow: 0 -.5em inset #97E187;
}

/*Blog-Überschriften nicht in Grossbuchstaben (wie standard)*/
.entry-title {
	text-transform:none;
}

/*Linkfarbe Beitragsüberschrift & Hover*/
.entry-title a:link, .entry-title a:visited {
  color: #2e2d30;
	font-size: 1.1rem;
	font-weight: normal;
}
.entry-title a:hover, .entry-title a:active {
	color: #41a62a;
}

/*horizontale Linie*/
hr {
	height: 2px;
	background-color: #2E2D30;
}

/*suche button (Such-Widget im Header mit Aufklapp-Animation)*/
.search-form {
	margin: -0.5em 0 0 0;
}
.widget_search {
	width: 50px;
	transition: width 0.5s ease-in-out;
		transition-delay: 15s;
}
.widget_search:hover {
	width: 300px;
	transition-delay: 0s;
}
.search-form, .search-submit {
	background: #fffcf6;
}
.search-form, .search-submit:hover {
	background: #3f9527;
}
.search-form .search-submit .genericon-search {
	color: #2E2D30;
	font-size: 30px;
	font-weight: bold;
}
.search-form .search-submit .genericon-search:hover {
	color: #fffcf6;
}

/*page-header auf Suchseite anzeigen (klasse ist in search.php in child-theme neu definiert, weil ansonsten durch aktuelle beiträge entfernen unsichtbar*/
.page-header-suche {
	display: block;
	margin: 0 0 3em 0;
}
/*Suchfeld Anpassung auf Suchseite*/
.page-header-suche .search-form  .search-submit {
	background: #CAC9CC;
}
.page-header-suche .search-form  .search-submit:hover {
	background: #369933;
}

/*Allgemein: Eingabefelder (contact-form, Suchfeld, eingabefelder etc)*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea  
{
	border: 2px dotted #369933;
	color: #369933;
}

/*Kontaktformular Senden-Button*/
.contact-submit button {
	color: white;
	background: #3f9527;
}
.contact-submit button:hover {
	font-weight: bold;
	text-decoration: underline;
}

/*Paginierung auf Blogseite*/
.pagination a:link, .pagination a:visited{
	margin: 0 -5px 0 -5px;
	background: none;
	color: #2e2d30;
	font-weight: bold;
	text-decoration: underline;
}
.pagination a:hover{
	background: none;
	color: #43b43a;
	font-weight: bold;
}
.pagination .current {
	margin: 0 -5px 0 -5px;
	background: none;
	color: #43b43a;
	font-weight: bold;
}

/*Beitragsarchiv unten*/
#Beitragsarchiv a{
	display: block;
	max-width: 146px;
	margin: -1.3em 0 1.5em 0;
	padding: 0.4em 0em;
	background: none;
	color: #2e2d30;
	text-align: left;
	text-decoration: underline;
}
#Beitragsarchiv a:hover{
	background: none;
	color: #43b43a;
}

/*schnoerkel unten*/
#schnoerkel {
	max-width: 120px;
	padding-bottom: 35px;
}


/*Footer, fusszeile*/
.site-footer {
	background-color: #fefbf4;
	border-width: 5px 0 0 0;
	border-style: solid;
	border-color: #2e2d30;
	max-width: 1250px;
	width: 100%;
	padding: 0em;
}
.footer-wrap {
	background-color: #fefbf4;
}
#footer-text {
	color: #2e2d30;
}
#footer-text a{
	color: #2e2d30;
}
#footer-text a:hover{
	color: #43b43a;
}
#fusszeile {
	display: inline;
	font-weight: bold;
	padding-left: 1em;
}
#copyright {
 display: inline;
 padding-right: 1.2em;
}
#Impressum {
 display: inline;
 padding-right: 1.2em;
}
#footer-text {
	padding: 1em 0em 3em 0em;
}

/*bilderklasse für box-shadow bspw flyerbilder etc*/
.sfr-flyer-img-boxshadow {
	box-shadow: lightgrey 0px 0px 20px !important;
}

/*plugin: eventsmanager*/
.em.em-view-container {
	padding-top: 1em;
}
/*eventsmanager einzelansicht: "veranstaltung" als Text einblenden*/
.event .page-title {
	background:none;
}
.event .page-title:before {
	content: "Veranstaltung";
	display: block;
	margin: -1.3em 0 1em 0;
	color: 	#ffff;
	padding: 10px;
	box-shadow: 9em 0px inset #ece103;
}

.event {
  border: 2px solid #ece103 !important;
	box-shadow: -4px 4px 0px #ece103 !important;
	background-color: #ffff !important;
}
.event .wp-post-image {
	display: none;
}
.em.em-item.em-item-single.size-medium .em-item-header .em-item-image img {
	border: none !important;
}
.em.em-item.em-item-single.size-medium .em-item-header .em-item-image {
	margin-bottom: 0px;
}
.em.em-item.em-item-single .em-item-meta h3 {
	font-family: 'sfr-bold', Tahoma, Arial;
	font-size: 1.25rem !important;
	text-transform: none !important;
}
.em.em-item.em-item-single .em-item-meta a {
	text-decoration: none !important;	
	box-shadow: none;
}
.em.em-item.em-item-single .em-item-meta .button {
	font-size: 1rem;
	color: #369933;
	border: 1px lightgrey solid;
	border-radius: 3px;
	padding: 10px;
	font-weight: bold;
}
.em.em-item.em-item-single .em-item-meta button {
	font-size: 0.9rem;
	margin: 0px !important;
	color: var(--default-color);
	border: 1px lightgrey solid !important;
	border-radius: 3px;
}
.em.em-item .em-item-meta .em-item-meta-line a {
	font-style: normal !important;
}
.em.em-event-booking-form {
	border-top: 3px #2e2d30 solid;
}

/*einzelansicht: buchungsformular*/
.em.pixelbones h2 {
	font-family: 'sfr-bold';
	font-size: 1.5em !important;
	box-shadow: 0px 4px;
}

.em.pixelbones .input-user-field {
		margin-bottom: 0 !important;
	}
}
/*eventsmanager widget seitenleiste*/
.em .em-widget-category {
	display: none;
	font-size: .85em!important;
	color: #2e2d30!important;
	font-family: lora-italic!important;
}

.em.em-list-widget .em-item .em-item-info  * {
	color: #369933!important;
}
.em.em-list-widget ul {
	list-style-type: none!important;
}
.em.em-list-widget .em-item .em-item-info 	{
	border-left: none;
	padding-left: none;
}
.em.em-list-widget .em-item-image {
	gap: 0px;
	box-shadow: 2px 0px var(--default-border);
}
.em.em-list-widget .em-item-image img {
	filter: sepia(0%);
	padding: 6px !important;
	min-height: 60px;
	object-fit: cover !important;
}

.em.em-list-widget .em-item-image:hover img {
	filter: sepia(0%) opacity(100%);
}
.em.em-list-widget .em-item .em-item-info    { 
	line-height: 1.5rem;
	font-size: 0.85em;
	font-weight: 500;
	padding-left: 8px;
}
.em.em-list-widget .em-item .em-item-info .em-item-name {
	margin-bottom: 5px;
}
.em.em-list-widget .em-item .em-item-info .em-widget-category {
	font-size: 95%;
	line-height: 1rem;
}
.em.em-list-widget .em-item .em-item-info .em-item-meta .em-item-meta-line .em-icon  {
	margin-left:0px;
}
.em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line {
	grid-template-columns: 25px 1fr;
}

.em .em-icon.em-icon-calendar {
  background-image: url('https://www.saechsischer-fluechtlingsrat.de/wp-content/uploads/2023/05/kalender-icon_sfr.png');
}
.em .em-icon.em-icon-clock {
	background-image: 
url('https://www.saechsischer-fluechtlingsrat.de/wp-content/uploads/2023/06/uhr-icon_sfr.png')
}

.em.em-list-widget .em-list-no-items {
	color: #369933!important;
	line-height: 1.5em;
	font-size: 0.9em;
	font-weight: 500;
}
/*plugin: eventsmanager kalenderansicht*/
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div {
	padding: 0 8px;
}
/*plugin: eventsmanager event-list-grid*/
.em.em-list .em-item .em-item-info h3.em-item-title {
	font-family: sfr-bold;
}
.em.em-list .em-item .em-item-info h3.em-item-title a{
		color: #2E2D30 !important;
}
/*
.em.em-item .em-item-image img, .em.em-list .em-item .em-item-image img {
	width: 100%;
	min-height: 70%;
	object-fit: cover;
	object-position: right;
}*/

.em.em-list .em-item .em-item-meta .em-item-taxonomy ul a{
	font-style: lora-italic;
	text-decoration: none !important;
}

/*plugin: magic liquidizer responsive table, Schriftgröße behalten und ränder kleiner*/
.ml-table {
	padding: 0 5px 0 5px;
}
.ml-responsive-table dd {
	font-size:100%;
}

/*plugin: shortcode ultimate su_, su_expand mask gradient*/
.su-expand.su-expand-collapsed .su-expand-content {mask: linear-gradient(to bottom,  rgba(0,0,0, 1) 0, rgba(0,0,0, 1) 40%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0
  ) 100% 50% / 100% 100% repeat-x;
}
.su-expand-link.su-expand-link-more a{
	color: #369933 !important;
}
/*plugin: shortcode ultimate su_, spoiler-style*/
.su-spoiler-style-sfr-box {
	border-style: solid;
	border-color: #2e2d30;
	border-width: 2px;
	box-shadow: -4px 4px #2e2d30;	
}

/*plugin: simple banner
und Verhalten Spendenbanner (s. functions.php*/
.simple-banner {
	z-index: -100;
	box-shadow: 0 -1px inset #369933;
	padding: 0em 1.8em 0em 0em;
}
.simple-banner-show  {
		z-index: 100;
    animation: SHW .5s;
    animation-fill-mode: both
}
@keyframes SHW {
    from {
				top: -100px;
        opacity:0
    }
    to {
				top: 0;
        opacity:1
    }
}
.simple-banner-text {
	max-width: 1230px;
	min-height: 3em;
	padding-top: 0 !important;
	margin-left: auto;
	margin-right: auto;
}
.simple-banner-text img {
	float: left;
	height: 2.8em;
}
.spendenbutton a {
	font-size: 0.8em;
	float: right;
	margin-top: 0.5em;
	margin-bottom: auto;
	color: #fffcf6 !important;
	padding: 0.3em 1.5em;
	background: #369933;
	transition: all 0.2s ease;
}
.spendenbutton a:hover {
	color: #fffcf6 !important;
	background: #BB7D00;
}

/*plugin: WP-Media-Player (nativ)*/
.wp-playlist-item {
	padding: 1em 0em;
	font-family: lora;
}
.wp-playlist-current-item {
	font-family: lora;
}


/*plugin: image source*/
/*quellenanzeige am Fuß jeder Seite*/
.isc_image_list_box {
	font-family: lora-italic;
	font-size: 85%;
}
.isc_image_list_title {
	margin-bottom: 0;
}
.isc_image_list {
	margin: 0;
}

/*plugin: shariff display inline-block*/
.Shariff-sfr {	
	display: flex;
	clear: both;
	width: fit-content;
	padding-top: 1.5em;
	border-style: solid;
	border-width: 4px 0px 0px 0px;
	border-color: #2e2d30;
	margin: 1.5em 0 1.5em 0;
}
.shariff-link {
	box-shadow: none !important;
}

/*Bullets vom Sprachenschalter entfernen */
#polylang-3 ul {
	list-style: none !important;
	margin-top:-8px;
}

/*Plugin: wpel (external links), externe Links kennzeichnen*/
.fa {
	color:#41a62a;
}
/*wpel: Icon-Hintergrund und Unterstreichung verdecken*/
.wpel-icon {
	background: #fffcf6;
	box-shadow: 0em 3px 0px 0.3em #fffcf6;
}
.wpel-icon-left i.wpel-icon {
    display: inline;
}
.wpel-icon-right i.wpel-icon {
    display: inline;
}

/*Plugin: Simple Yearly Archive*/
.sya_container ul {list-style: square}
.sya_container li{
    padding-left: 6.5em;
    text-indent: -5.4em;
}
.sya_categories:before { content: '\A '; white-space: pre; }
.sya_categories  {
	color:gray;
	font-size:.7em;
	}

/*Plugin: My-Calendar (Widgetansicht)*/
aside#my_calendar_upcoming_widget-3 p{
	margin:0em;
}
aside#my_calendar_upcoming_widget-3 li{
	margin-left:0.5em;
	list-style:square;
	color:#369933;
	margin-bottom:0.8em;
	font-size: 0.85em;
	line-height: 1.5em;
}
aside#my_calendar_upcoming_widget-3 a {
	text-decoration: none;
	box-shadow: none;
	transition: 0.2s ease;
}
aside#my_calendar_upcoming_widget-3 a:hover {
	color: #2e2d30;
}
/*Textformat für no-events-eintrag*/
.no-events-fallback {
	font-size: 0.85em;
	color: #369933;
}

/*Plugin: My-Calendar (Einzelansicht)*/
.mc-main .single-event  p {
	margin-top:1em;
}

.single-event .event-title.summary {
	font-family: 'sfr-bold';
	font-weight: 500;
	margin: 0.7em 0;
	text-align: left;
	font-size: 1.24rem;
	text-decoration: none;
}

.single-event div.time-block {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
		color: #369933;
    width: 30%;
    text-align: center;
    background-color: none;
    padding: 1em;
		border-style: solid;
		border-bottom-style: dashed;
		border-bottom-width: .1em;
		border-radius: 0;
		border-color: #369933;

}
.single-event .mc-main .vcard, #mc_event .vcard {
  font-size: 1em;
  background-color: none;
	text-align: center;
  padding: .8em;
	width: 30%;
	float:none;
	clear:none;
	color: #369933;
		border-style: solid;
		border-radius: 0;
		border-color: #369933;
		border-top: none;
}
.single-event .mc-main .vcard div.map {
	display:none;
}
.single-event .mc-main .vcard .location-link {
	display:none;
}
.single-event div.mc_title_img img {
	float:right;
	width:69%;
	min-height:250px;
	max-height:300px;
	object-fit: cover;
	object-position: 100% 50%;
	border-radius: 0px;
}

.single-event div.mc_title_txt {
	display: block;
	margin: 0 0 1em 0;
	float: right;
	width: 100%;
	text-align: right;
	font-size: .6em;
}
.single-event div.export {
	display:block;
	font-size:.65em;
	text-align: center;
	width: 30%;
}
.single-event div.mc-details {
	display:inline-block;
}

.single-event .description {
	padding-top: .5em;
	clear:both;
}
/*mycalendar kartenansicht ausblenden (google wird geladen, wenn nicht deaktiviert!)*/
.single-event .mc-maps {
	display: none;
}
/*plugin: my.calendar Kalenderansicht Tabelle*/
div.my-calendar-nav li {
	list-style: none;
}
div.my-calendar-nav a {
	background: #41a62a;
	padding: 5px;
	color: #fffcf6 !important;
	box-shadow: none !important;
}

.heading.my-calendar-month {
	font-family: 'sfr-bold';
	line-height: 1em;
	font-weight: 500;
	text-align: left;
	font-size: 1.24rem;
}
.my-calendar-header a {
	text-decoration: none;
	color: #41a62a;
}
.my-calendar-header .button {
	background: #41a62a;
}
.my-calendar-table .event-title.summary, .my-calendar-table .event-title.summary a {
	font-family: 'sfr';
	line-height: 1em;
	margin: 0 0;
	text-align: left;
	font-size: .8em;
	text-decoration: none !important;
	padding: 0 0 1em 0;
	color: #41a62a;
}
.my-calendar-table .day-heading {
	color: #fffcf6;
	background: #2e2d30;
	border: none;
	text-align: left;
	}
.my-calendar-table .weekend-heading {
	color: #fffcf6;
	background: #41a62a;
	border: none;
	text-align: left;
}
.my-calendar-table td {
	vertical-align: top;
	border-bottom: 4px solid ;
	border-left: none;
	border-right: none;
}
.my-calendar-table .nextmonth {
	background: #E5F7E1;
}
.my-calendar-table .event-icon {
	font-size: 0.7em;
	vertical-align: baseline;
}

.mc-search .button {
	background: #41a62a;
}

/*Plugin: my-calendar Kalenderansicht liste*/
.mc-content .mc-list .mc-text-button {
	color: #fffcf6;
	background: #41a62a;
}
.mc-content .mc-list .details {
	padding-left: .5em;
	border-left: 4px solid #41a62a;
}
.mc-content .mc-list .event-title.summary {
	color: #41a62a;
}
/*suchwidget ohne Hintergrund*/
#search-3 {
	background-color:white;
	padding:0;
	}

/*begrüßungstext (magazin-startseite) hintergrund*/
#custom_html-7, #custom_html-11 {
	background-color:whitesmoke;
	/*background-image:url("https://www.saechsischer-fluechtlingsrat.de/wp-content/uploads/2017/09/Website_Background_magazintext2.jpg");*/
	background-position: top right;
		background-size: 100%;

	box-shadow: 0 5px 20px #0003;
	border-radius: 6px;
}


/*Projektübersichtsseite*/
#titel_uebersicht {
	display: inline-block;
	margin: 0 0 1em 0;
	padding: 1em;
	background-color: white;
	border-radius: 6px;
}

/*Projektübersicht im Menü*/
#menu-item-3957 a{
	text-align:center;
	font-weight:bold;
}

/*plugin: cookie-notice*/
.cn-button.bootstrap {
	background: #369933;
}

/*plugin: recent-posts-widget rpwe*/
.rpwe-title a {
	box-shadow: none !important;
}
.rpwe-block ul{
	list-style: square outside;
	margin-left: 0.5em;
}
.rpwe-block li{
	list-style-type: square;
	font-size: 0.85em;
}
.rpwe-block a{
	text-decoration: none;
}
.rpwe-block h3{
	background: none !important;
	margin-top: 0 !important;
	font-weight: 500;
	font-size: 1em !important;
	line-height: 1.5em;
}
.rpwe-thumb {
	border: 0px solid #eee !important;
	box-shadow: none !important;
	margin: 5px;
	padding: 0px !important;
}
.rpwe-summary{
	font-size: 1.0rem;
}
.rpwe-time{
	color: #7DD969;
	font-size: 1.0rem;
}
.rpwe-comment{
	color: #bbb;
	font-size: 1.0rem;
	padding-left: 5px;
}

/*Sidebar/Seitenleiste page+3textfelder und allgemein*/
#secondary li
{
	margin: 0 0 0px 0px;
}

#secondary p 
{ 
	line-height: 1.5rem;
	font-size: 1em;
	color: #369933;
	font-family: lora, serif;
	font-weight: 500;
	font-size: 1rem;
}

#secondary a{
	color: #369933;
	box-shadow: 0 -3px inset #97E187;
	transition: 0.2s ease;
}
#secondary a:hover{
		color: #2e2d30;
}

#secondary {
	float: right;
	display: block;
	width: 27%;
	margin: 1em 0;
	padding: 0 0;
	border-top: 0px solid #81A9B9;
	box-shadow: none;
	background-color: none;
	border-radius: 0px 0px 0px 0px;
}
/*Überschriften Seitenleiste*/
#secondary h2 {
	font-size: 1.25rem;
	text-transform: none;
	line-height: 1.4rem;
	color: #369933;
	border-style: solid;
	border-width: 0 0 4px 0;
	margin-top: 0;
	padding-bottom: 0.5em;
}

/*shortcode-plugin code: aus Plugin-settings entfernen (übersichtlicher hier)*/

.tnp-widget .tnp-submit {
  background-color: #ffffff!important;
  color: #192f38!important;
}

/*su-button vorlage "sfr"*/
.su-button-doc {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  text-align: left !important;
	border: solid 2px #369933 !important;
	border-radius: 1px !important;
	background: none !important;
	font-size: 5em !important;
	box-shadow: none !important;
	}
.su-button-doc:hover {
	box-shadow: 5px 0px inset !important;
}

/*su-spoiler allgemein*/
.su-spoiler-title {
	font-size: inherit !important;
}

/*su-spoiler vorlage "sfr-border" für ACT etc.*/
.su-spoiler-sfr-border .su-spoiler-title {
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
	max-width: 300px;
	}
.su-spoiler-sfr-border .su-spoiler-icon {
	color: #369933;
}
.su-spoiler-sfr-border .su-spoiler-content {
	padding-left: 0em !important;
}
.su-spoiler-sfr-border .su-spoiler-title:hover {
	box-shadow: 21px 0px 0 0 #369933 inset;
		transition: 0.1s ease;
}
.su-spoiler-sfr-border .su-spoiler-title:hover .su-spoiler-icon {
	color: #fffcf6;
}

/*Tabs-oberste Ebene*/

.su-tabs {
	background: none !important;
}

/*Tab, any state*/

.su-tabs > .su-tabs-nav > span {

  /* Background color */
  background-color: #FFFCF6;

  /* Text */
  color:#2E2D30;
  font-size: 1em;
  font-weight: bold;

	
	/*Rahmen*/
	border-style: solid;
	border-color: #2E2D30;
	Border-width: 1px;
	border-radius: 0px !important;

}

/*Tab, inactive state*/

.su-tabs > .su-tabs-nav > span:not(.su-tabs-current) {
  background-color: #FFFCF6;
  color: #2E2D30;
  font-size: 1em;

}

/*Tab, on mouse over*/

.su-tabs > .su-tabs-nav > span:hover {
  background-color: #FFFCF6;
  color: #369933;
	
	/*Seitenhighlight und animation*/
	transition: 0.1s ease;
	box-shadow: 4px 0px inset;
}

/*Tab, active state*/

.su-tabs > .su-tabs-nav > span.su-tabs-current {
  background-color: #41A62A;
  color: #FFFCF6;
	border-right-width: 0;
}

/*Tab, active state, on mouse over*/

.su-tabs > .su-tabs-nav > span.su-tabs-current:hover {
  background-color: #41A62A;
	box-shadow: none;
  color:#FFFCF6;
}

/*Tab content*/

.su-tabs > .su-tabs-panes > div {
  background-color: #FFFCF6;
	box-shadow: 3px 0px inset #41A62A;
	border-style: solid;
	border-color: #41A62A;
	border-width: 1px;
	border-left-width: 0;
	border-radius: 0px !important;
	color: #2E2D30;
  font-size: 1em;
}


@media only screen and (max-width: 70em) {
#secondary {
		width: 30%;
	}
	.main-navigation-menu a {
		font-size: 85%;
		padding: 0.8em 0.7em 0.7em;
	}
}

/*plugin: shortcode ultimate*/
.su-tabs-mobile-scroll .su-tabs-nav {
	white-space: normal !important;
}

@media only screen and (max-width: 60em) {
	.header-widget {
		display: inline-block;
		float: none;
		margin: 1em 0.5em;
		max-width: 100%;
		vertical-align: top;
	}
	/*dropdown-navigation anders*/
	.main-navigation-menu ul {
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	box-shadow: none;
}
.main-navigation-menu ul a {
	padding: .5em;
	border-color: #369933;
}
	#main-navigation {
	padding-right: 0;
	}
/*Hauptmenüpunkt hervorgehoben, wenn Unterseite ausgewählt (1. bei dropdown)*/
.main-navigation-menu .current-menu-ancestor > a {
	box-shadow: none;}
/*(2. menüeintrag ohne dropdown*/
.main-navigation-menu li.current-menu-item > a {
	box-shadow: none;
}	
/*Aktuelles-Button-färben (nur auf Startseite)*/
.home #menu-item-1484 a{
	color: #369933;
	box-shadow: none;
}
/*untermenue 2. ebene weniger einrücken*/
.main-navigation-menu ul li ul a {
		padding-left: 1em;
	}
	
/*Seitentitel verkleinern (SFRev!)*/
	.site-branding .site-title {
		display: block;
		font-size: 32px;
		font-size: 0.05rem;
		line-height: 0.5rem;
	}

/*untermenue leicht einrücken*/
	.main-navigation-menu ul {
		padding-left: 10px;
	}
/*menue: Pfeile z ausklappen positionieren und auf breite ziehen*/
.main-navigation-menu span.submenu-dropdown-toggle {
    display: block;
    float: right;
    margin: 0;
		padding: 0.5em 0 0.5em 11em;
    color: #2E2D30;
		position: absolute;
		z-index: 100;
	}

.main-navigation-toggle {
    display: inline-block;
    float: left;
    margin: 0 0 0 1.5em;
    padding: 0.8em 1.2em;
    color: #fff;
    background: #369933;
	}
.main-navigation-menu {
    display: none;
    float: left;
    padding: 3px 0;
    width: 100%;
    border-top: 5px solid #369933;
	}
.main-navigation-menu .submenu-dropdown-toggle:hover, .main-navigation-menu .submenu-dropdown-toggle:active {
    background: none;
    cursor: pointer;
		opacity: .5;
		width: 100%;
		max-width: 100%;
	}
.main-navigation-toggle:hover, .main-navigation-toggle:focus, .main-navigation-toggle:active {
    background: #369933;
    cursor: pointer;
}
	
.sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: none;
    margin-right: -1.5em;
    padding: 0;
    width: 100%;
	}
	#secondary {
		width: 100%;
	}	
	/*suche button (Such-Widget im Header mit Aufklapp-Animation)*/
.search-form {
 margin: 0 auto;
}
.widget_search {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	transition: none;
}

.search-form, .search-submit {
		background: none;
}
.search-form, .search-submit:hover {
	background: #3f9527;
}
.search-form .search-submit .genericon-search {
	color: #2E2D30;
	font-size: 30px;
	font-weight: bold;
}
.search-form .search-submit .genericon-search:hover {
	color: white;
}

/*Footer Elemente untereinander*/
#fusszeile {
	display: inline;
}
#copyright {
 display: inline;
}
#Impressum {
 display: block;
}
#footer-text {
	padding: 1em 0em 3em 0em;
}
}

@media only screen and (max-width: 30em) {

/*Bildausrichtung zentrieren*/
	.alignright,
	.alignleft {
		display: block;
		clear: both;
		margin: 1em auto;
	}
	
/*Schriftgröße verkleinern*/
	/*Seite und Beitragstitel*/
	.page-title, .entry-title {
		font-size: 1rem;
	word-break: break-word;
	overflow-wrap: break-word;
	}
	/*Posttitel-Block im Blog*/
	.entry-header a{
		font-size:90%;
	}
	/*Schrift Post&Page*/
	div.entry-content.clearfix {
		font-size:.9em;
		line-height:1.4em;
	}
/*Seitentitel verkleinern (SFRev!)*/
	.site-branding .site-title {
		font-size: 32px;
		font-size: 0.2rem;
		line-height: 0.5rem;
	}
/*Magazin-Widget Text kleiner*/
	#custom_html-7, #custom_html-11 {
		font-size:.9rem;
		line-height:1.1rem
	}
	#secondary {
		width: 100%;
	}
	/*Listenelemente: Abstand links kleiner innerhalb seitenbereich, ohne hauptmenü und leisten
.content-area ul li,
.content-area ol li {
	margin-left: -.75em;
}*/
/*untermenue schrift kleiner*/
.main-navigation-menu ul a {
		font-size: 0.75rem;
	}
/*plugin: eventsmanager einzelansicht mobil*/
	.event {
		padding: 1.2em 0.6em !important ;
		font-size: 95%;
	}
	.em.em-event-booking-form .em-booking-section {
		padding: 0 0;
	}
/*plugin: simple-banner mobil*/
	.simple-banner {
		padding: 0;
		max-height: 2.5em;
	}
	.simple-banner-text img {
				max-height: 2.5em;
	}
	.spendenbutton a {
		font-size: 75%;
		padding: 0.1em 0.8em;
	}
	
	/*Plugin My-calendar Mobilansicht*/
	.mc-main .single-event .event-title.summary {
		font-size:105%;
		text-align:left;
		margin-bottom: .5em;
		border-radius: 3px;
	}
	.single-event div.time-block {
    display:block;
		float:none;
		width:100%;
		margin:0;
		border-radius: 3px 3px 0 0;
	}
	.single-event .mc-main .vcard, #mc_event .vcard {
  	display:block;
		float:none;
		width:100%;
	}
	.single-event div.export {
	width: 100%;
}
	.single-event div.mc_title_img img {
		display:flex;
		clear: both;
		padding: 0;
		float:none;
		width:100%;
	}
}