/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

.logobar-mobile, .calendar-sendungen-mobile, .multilingual-mobile, .languageinfo-mobile, #mobile-footer {
    display: none;
}
.calendar-sendungen-desktop, .multilingual-desktop, .languageinfo-desktop {
  display: initial;
}

.responsive-menu-toggle {
    display: none !important;
}
#allesendungenpage .hideondesktop {
    display: none;
}
#allesendungenpage .hideonmobile {
    display: initial;
}

.layout-boxed {
    padding: 0;
}

/* damit beim boxed layout kein Schatten um den Content ist */
.layout-boxed #Wrapper {
    box-shadow: none;
}

.textsizesmall { font-size:65%; }

.textbold { font-weight: bold; }

.einruecken {
	padding-left: 20px;
}

blockquote {
    background: none;
}


/* Die ganze Seite nach links rücken - Abstand zum rechten Rand (ausser bei green header) */
.logobar .freirad-logo {
    width: 25% !important;
}
.with_aside .sidebar.columns {
    width: 25% !important;
}
.sections_group {
    padding-right: 150px !important;
    width: 75% !important;
}


/* Abstand links verkleinern */
@media only screen and (min-width: 768px) {
  .layout-boxed.with_aside .content_wrapper {
    padding-left: 0; /* vorher 100px */
  }
}


/* One Click Accessibility plugin */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items {
font-size:20px;
}


/* Links */

/* Links im Page und Post Text */
.the_content_wrapper a, .mcb-wrap .column a {
  color: #74c270;
}
.the_content_wrapper a:hover, .mcb-wrap .column a:hover {
  text-decoration: none;
}

h2 a, h2 a:hover, .post-links a, .post-links a:hover {
   color: black !important;
}

/* Zitate */
q {
	border: none;
    color: black;
    white-space: unset;
}

/* Bilder, mit Caption */
.image_frame, .wp-caption {
    border: none;
}
.wp-caption-text {
    background: none;
	padding: 10px 8px 5px 0;
}
figcaption {
    text-align: center;
}


/* Slider auf der Home im Contentbereich bei den aggregierten Posts */
/* Link deaktivieren */
.home .post-27454 .entry-title a {
    pointer-events: none;
    cursor: default;
}
/* "Weiterlesen" ausblenden */
.home .post-27454 .post-footer {
  display: none;
}


/* die Links, mit denen man sich für die Workshops anmeldet */
a[href*="workshop="] {
    padding-left: 20px;
    background-image: url(/wp-content/uploads/2021/08/icon-pencil.png);
    background-position: center left;
    background-repeat: no-repeat;
}


/* alternative Linkdarstellung, zb. bei grüner Hintergrundfarbe */
.alternativelinks a {
	color: white !important;
}
.alternativelinks a:hover {
	color: black !important;
}


/* Accordions, zb. bei der FAQ Seite */
details {
	margin-bottom: 18px;
    border: 1px #74C270 solid;
}
details[open] {
	padding-bottom: 5px;
}

details p {
	padding: 0 15px 15px 15px;
    margin-bottom: 0;
}

details h5 {
	padding: 0 15px 0 15px;
    margin-bottom: 0;
}

details > summary {
    cursor: pointer;
    padding: .5rem 1rem;
}

details[open] summary {
	color: white;
	background-color: #74C270;
	margin-bottom: 15px;
}

summary h4 {
    display: inline-block;
	padding: 10px 0;
    margin: 0;
}

details[open] summary h4, details[open] summary h4 {
	color: white;
}


/* Betheme Layout Boxed ist eingestellt */
/* damit ich hier mit dem Padding spielen kann */
.layout-boxed {
   /* padding: 0; */
}
/* Schatten um die Layout box */
.layout-boxed #Wrapper {
  /* box-shadow:none; */ /* vorher box-shadow: 0 0 15px rgb(0 0 0 / 6%); */
    margin: 0; /* Damit der linke Abstand verkleinert wird bzw. der Content mehr in der Mitte ist */
}

/* Background Bild - Piratin */
/* Für das Background Bild ziehen zusätzlich die Einstellungen in den BeTheme Options unter Globale Einstellungen/Hintergrund, zb. Transparent (Kopfzeile, Top Bar with menu, Inhalt) */
html {
	background-image: url(/wp-content/uploads/2021/03/piratin.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0;
	background-size: 400px;
    background-attachment: fixed;
}


/* HEADER */
/* Die Höhe des Headers wird in den BeTheme Options unter Header & Subheader/Kopfzeile/Höhe eingestellt */

#Header {
                    /* border: 1px green dashed; */
}

#Header #Top_bar {
    background-color: transparent !important;
}

.content_wrapper {
    padding-right: 0 !important;
}


/* GREEN HEADER THINGS ON */
#Header_wrapper {
    display: none;
}

#Header_wrapper .logo {
 display: none;
}
#logobar {
    position: fixed;
    top: 0;
}
.logobar {
    width: 100%;
    top: 0;
    opacity: .97;
    z-index: 99;
}
.logobar .freirad-logo {
    box-sizing: border-box;
    width: 30%;
    float: left;
    position: relative;   /* damit die rechte Border mit der Border darunter auf der selben Linie ist */
    left: 1px;
    text-align: right;
    padding-right: 45px;
    padding-top: 22px;
    height: 145px;
    border-right: 1px black solid;
    overflow: hidden;
}
.logobar .header-green {
    width: calc(75% - 43px);
    float: right;
    box-sizing: border-box;
    background-color: #74c270;
    height: 132px;
    overflow: hidden;
}
.stickyheaderdesktop {
    position: fixed;
    z-index: 300;
    top: 0;
    width: 100%;
}

/* -------------------------------------- */

.logobar .col {
    display: block;
    float: left;
    padding: 30px 30px 26px 30px;
    font-size: 14px;
    color: white;
    line-height: 26px;
}
.logobar .col a {
    text-decoration: none;
}
.logobar .col .fas {
    color: white;
}
.logobar .fa-play {
    font-size: 22px;
}
.logobar .col .hl {
    font-size: 24px;
    font-weight: bold;
    padding-left: 18px;
    color: white;
    vertical-align: text-bottom;
}
.logobar .col strong {
    padding-left: 40px;
    color: white;
}
.logobar .col.player .currentProgram {
    color: white;
    vertical-align: text-bottom;
}
.logobar .col.player h2#currenttitle {
    padding-top: 2px;
}
.logobar .col.player h2#currenttitle:before {
    content: "Jetzt: ";
    font-weight: bold;
    color: black;
}
.logobar .col.player .currentProgram h2 {
    font-size: 14px;
    font-weight: normal;
    color: black;
    line-height: 26px;
    padding-left: 40px;
}
.logobar .fa-headphones {
    font-size: 28px;
}
.logobar .col.radiothek #sendungnachhoeren {
    font-size: 14px;
    color: black;
    padding-left: 50px;
    vertical-align: text-bottom;
}
.logobar .col-4 {
    width: 33%;
}
.logobar .col-eins {
    width: 29%;
}
.logobar .col-zwei {
    width: 30%;
}
.logobar .col-drei {
    width: 40%;
}
.logobar .clearer {
    clear:both;
}

/* GREEN HEADER THINGS OFF */



/* Layer Slider */
/*
header .ls-wp-container {
	position: relative;
	left: 75px;
}
*/


/* Subheader */
#Subheader {
  background-color: transparent;
}
#Subheader:after {
  box-shadow: none;
}

/* ----------------------------- */

/* HOME */

.home #Header_wrapper {
    display: block;
}

.home .column_blog {
    margin-top: 30px;
}

/* ----------------------------- */

/* Mitte */
.sections_group {
	position: relative;
    top: 0;
    box-sizing: border-box;
    border-left: black 1px solid;
	min-height: 650px;
                    /* border: 1px magenta dashed; */
}

body:not(.home) .sections_group {
    padding-top: 200px !important;   /* (nicht auf der home) Für den Abstand von oben, damit Sidebar und Content nicht unter dem grünen Header sind */
                            /* border: 1px cyan dashed; */
}


/* Breadcrumb */
.content_wrapper ul.breadcrumbs > li {
	display: inline-block;
	font-size: 75%;
	color: #d3d3d3;
}
.content_wrapper ul.breadcrumbs > li a, .icon-right-open {
    color: #d3d3d3;
}

.content_wrapper ul.breadcrumbs > li a:hover {
    text-decoration: none;
	color: #74c270;
}

.content_wrapper ul.breadcrumbs > li:first-child {
	padding: 0 0 25px 42px;
}
/* auf der Home wird die Breadcrumb nicht angezeigt */
.home .content_wrapper ul.breadcrumbs > li:first-child {
	display: none;
}

.content_wrapper ul.breadcrumbs > li:last-child {
	font-weight: 500;
}


/* Content in der Mitte */

/* Pages */
.page .wp-block-column {
    padding-left: 20px;
                    /* border: 1px lightgrey solid; */
}

/* Posts */
.section.section-post-header {
    display: none;          /* damit wird auch der Title bei den Single Posts ausgeblendet, wenn er nicht schon über die BeTheme Options/Blog/Single Post/Title ausgeblendet wurde */
}

.single-post .post {
	padding: 0 0 0 20px;
                    /* border: 1px brown solid; */
}
.single-post .post .wp-block-column:first-child {
	padding: 0 100px 0 1px;
                    /* border: 1px cyan solid; */
}

.post { /* bei Pages und Posts */
                    /* border: 1px yellow dotted; */
}


/* Blocksatz */
/* zb. bei Seiten ohne Sidebar oder bei Text unter den Bildern der Übersichtsseiten, mit first-child gilt, dass bei vorhandener Seitenleiste kein Blocksatz verwendet wird */
.the_content_wrapper>p, .wp-block-column:first-child p, .wp-block-column:first-child div, .uebersicht .masonry .post-desc-wrapper .post-excerpt {
    /* text-align: justify;*/
                    /* border: magenta 1px dashed; */
}
/* Ausgenommen: Seiten ohne Sidebar, wo es aber im Muffinbuilder eine zweite Spalte gibt, wo der Inhalt vom WP Editor über "Inhalt WP" Item angezeigt wird, zb. bei /workshops/  */
.mcb-wrap:nth-child(2) .mcb-column .the_content_wrapper>p {
    text-align: left;
                    /* border: cyan 1px solid; */
}


/* damit das BeTheme Item "Galerie" keinen linken Abstand hat - gilt f. Desktop und Mobile */
.wp-block-column .blocks-gallery-grid {
    margin-left: 0;
}


/* Übersichtsseiten - Aggregierte Beiträge */
.page .posts_group {
    /* padding: 0 20px 0 20px; */
}
.home .blog_wrapper {
	position: relative;  /* damit der Content links vertikal bündig mit dem grünen Header ist */
    left: -5px;
}
.page .post-item {
	padding: 0 20px 0 20px;
                    /* border: 1px lightpink dashed; */
}

h2.entry-title {  /* zb. die Überschriften der aggregierten Beiträge auf der Home */
    line-height: 32px;
}

/* Übersichtsseiten - wie zb. die Home */

/* Custom field "metadescription" */
.uebersicht .blog_wrapper .masonry .metadescription {
	font-size: 12px;
	font-weight: bold;
}
.uebersicht .blog_wrapper .masonry .metadescription-within {
  display:none;
}

/* den Title unter dem Bild ausblenden, aber den über dem Title nicht */
.uebersicht .blog_wrapper h2.entry-title {
    font-size: 22px;
	margin: 0 0 5px -2px;
	display: none;
}

.uebersicht .blog_wrapper h2.entry-title.visible {
	display: block;
}

/* Text unter den Bildern */
.uebersicht .masonry .post-desc-wrapper .post-desc {
    padding: 0;
}
.uebersicht .masonry .post-desc-wrapper .post-excerpt {
    font-size: 90%;
	padding-top: 20px;
	/*line-height: 1.8;*/
}

/* weiterlesen */
.uebersicht .masonry .post-desc-wrapper .post-footer {
	margin: -20px 0 25px -15px;
	background: transparent;
}

.uebersicht .masonry .post-desc-wrapper .post-footer .post-links {
	font-size: 70%;
 	float: left;
	border-left-width: 0;
	border-style: none;
	padding-left: 0;
	text-decoration: underline;
}

.uebersicht .icon-doc-text{
	display: none;
}

/* ----------------------------- */

/* Übersichtsseiten - wie zb. die /multilingual/, /workshops/, ... */

/* BeTheme Item "Blog" bei Übersichtsseiten hebt Definitionen von oben auf, zb. xxx .post-item */
    .uebersicht-mouseover .blog_wrapper .post-item {
        padding: 0;
    }

/* damit bei Übersichtsseiten wie zb. /workshops/ das BeTheme Item "Blog" links am grünen Header ausgerichtet ist - f. Desktop */
.uebersicht-mouseover .blog_wrapper .post-item {
    padding: 0 20px 0 14px;
}

.uebersicht-mouseover .metadescription, .uebersicht-mouseover .metadescription-within, .uebersicht-mouseover .above, .uebersicht-mouseover .post-excerpt, .uebersicht-mouseover .post-footer {
	display: none;
}
.uebersicht-mouseover .post-title.under h2 {
	font-size: 95%;
    line-height: 20px;
    margin-top: 10px;
}
/* Formatierung der h3 bei den Übersichtsseiten mit den Mouseover */
.metadescription-within h3 {
    font-size: 95%;
}
.uebersicht-mouseover .post-desc {
	padding: 5px 0 0 0!important;
}

/* Mouseover Funktionalität */
.uebersicht-mouseover .image_wrapper {
    position: relative;
}
.uebersicht-mouseover .image_wrapper:hover .metadescription-within {
    color: black;
    line-height: 20px;
    background-color:rgba(255,255,255,0.9);
    /* Transition does not work ??? */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 100% 0; /* damit der Block das ganze Bild ausfüllt */
    width: 101%; /* mit nur 100% ist rechts ein Streifen vom Bild sichtbar */
    text-align: center;
    display: inherit;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;
}

/* Die arabische und die Farsi-Multilingual Seite muss von rechts-nach-links formatiert sein */
.postid-24095 .wp-block-columns .wp-block-column, .postid-25237 .wp-block-columns .wp-block-column {
    direction: rtl;
}

/* https://freirad.at/basisseminar-auf-arabisch-%d9%86%d8%af%d9%88%d8%a9-%d8%b9%d9%86-%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b9%d9%85%d9%84-%d8%a7%d9%84%d8%a5%d8%b0%d8%a7%d8%b9%d9%8a/ */
.rtl {
    direction: rtl;
}


/* ----------------------------- */

/* Übersichtsseiten - Programmzeitungen */
.page-id-27 .entry-content {
    margin-left: 20px;
}

.programmzeitungen .wp-caption-text {
    background: white;
    color: black;
	margin-top: 5px;
}

/* ----------------------------- */

/* Übersichtsseiten - Projekte */
.page-id-11 .entry-content {
    margin-left: 22px;
}
.page-id-11 h3 {
    font-size: 23px;
	font-weight: 400;
}
.page-id-11 .column_blog.uebersicht {
    position: relative;
    left: -35px;
}
.page-id-11 .Latest_news ul li .desc_footer {
    border-color: #74C270;
}
.page-id-11 .Latest_news ul li .desc_footer .date {
    display:none;
}
.page-id-11 .photo {
	padding-right: 30px;
	margin-bottom: 30px;
}
.page-id-11 .column_blog_news .post-excerpt {
	margin-bottom: 30px !important;
}

/* ----------------------------- */

/* Übersichtsseiten - Alle Sendungen (= /alle-sendungen/) */
#allesendungenpage, #sendungdetailspage {
    margin-left: 24px;
}
#allesendungenpage #allesendungentags li {
    line-height: 28px;
    display: inline-block;
    margin: 0 8px 8px 0;
}
#allesendungenpage #allesendungentags a, #allesendungenpage .filter_used a {
    color: white;
    padding: 5px;
    /* border-radius: 5px; */
}
#allesendungenpage .filter_used a {
    pointer-events: none;
    cursor: default;
}
#allesendungenpage .filterbutton a {
    position: relative;
    top: 7px;
    left: 15px;
}
#allesendungenpage #allesendungen h2 {
    margin-top: 40px;
}
#allesendungenpage #allesendungen li>a {
    font-size: 16px;
    color: black;
    line-height: 32px;
}
#allesendungenpage #allesendungen .tags a {
    color: white;
    font-size: 60%;
    padding: 4px 6px 3px 3px;
    position: relative;
    bottom: 3px;
}
#allesendungenpage #allesendungen .tags a {
    opacity: 0.7;
}
#allesendungenpage #allesendungen .hideondesktop .tags a {
    background-color: transparent;
}

/* Sendungsdetailseite */
# #progdetails { border: cyan 1px dashed; }
# #progspecial { border: magenta 1px dashed; }
# #progdetails2 { background-color: yellow; }

.prog_info {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

.prog_info_img {
    display: inline-block;
    vertical-align: top;
    margin: 0px 15px 0px 0px;
    max-height:100%;
}

.prog_info_img img {
    max-height:100%;
}

.prog_macherin_img img {
    height: 100px !important;
}

.prog_info_content {
    display: inline-block;
    vertical-align: top;
}

.page-id-21366 .prog_dat {
    font-size: 16px !important;
    font-weight: bold !important;
}

#progspecial {
    border-top: 1px #d3d3d3 dotted;
    padding-top: 30px;
}

/* ----------------------------- */

/* /faqs/  */
.page-id-23322 .entry-content {
    margin-left: 22px;
}

/* ----------------------------- */

/* /oeffentlichkeit/ = Seite mit den downloadbaren Pressetexten (zb. pdfs) = page-id-23751 */
.page-id-23751 .oeffentlichkeit {
    margin-left: 22px;
}
.page-id-23751 .oeffentlichkeit .mcb-column h2 {
    margin-bottom: 0;
    position: relative;
    top: 20px;
}

/* ----------------------------- */
/* Beiträge, Posts */
.normalerbeitrag {
    margin-left: 4px;
}
.normalerbeitrag .two-third {
    padding-right: 15px;
}
.normalerbeitrag h2 {
    margin-top: 75px;
}
.normalerbeitrag h3 {
    margin-top: 50px;
}


/* ----------------------------- */

/* Icons vor bestimmten Links - "normale" Links, jpg, pdf */

.linkicon a[href^="http://"], .linkicon a[href^="https://"] {
    padding-left: 20px;
    background-image: url(/wp-content/uploads/2021/09/icon-link.png);
    background-position: center left;
    background-repeat: no-repeat;
}
.linkicon a[href$=".jpg"] {
    padding-left: 20px;
    background-image: url(/wp-content/uploads/2021/09/icon-img.png);
    background-position: center left;
    background-repeat: no-repeat;
}
.linkicon a[href$=".pdf"] {
    padding-left: 20px;
    background-image: url(/wp-content/uploads/2021/08/icon-pdf.png);
    background-position: center left;
    background-size: contain; /* braucht es für die mobile Darstellung, weil sonst oben abgeschnitten */
    background-repeat: no-repeat;
}

.wp-block-column.linkicon {
    padding: 0;
}

/* ----------------------------- */

/* Formulare */
.button-default input[type="submit"] {
	background-color: #74c270;
}

/* Newsletterformularseite und Workshopformularseite */
.page-id-40 .entry-content, .page-id-1395 .entry-content {
    margin-left: 20px;
}

/* ----------------------------- */

/* (single) Pages/Posts */
.title_wrapper .post-meta {
	display:none;
}


/* Social Media Sharing */
/* das "Teilen" links neben den Share Buttons ausblenden */
.share-label {
	display:none;
}

.share-simple-wrapper {
    border-top: 1px #d3d3d3 dotted;
}

/* ----------------------------- */

/* Mitte-Rechts - Rechte Spalte der Mitte (gemeint ist also nicht die Sidebar, sondern der rechte Teil vom Gutenberg Spalten-Block) */

/* Innenabstand der Boxen */
.wp-block-group.has-background {
	padding: 20px;
}
/* Schatten */
.wp-block-group.has-background, .wp-block-column:nth-child(2) figure.wp-block-image {
	box-shadow: 2px 2px 6px rgb(211 211 211 / 50%);
	/*box-shadow: 1px 1px 5px #d3d3d3;*/
}
/* kein Schatten, wenn ein Bild innerhalb des Sidebarblocks ist oder zb. bei der Seite mit den Logos zum Downloaden */
.wp-block-column:nth-child(2) .wp-block-group__inner-container figure.wp-block-image, .page-id-1320 .wp-block-group.has-background, .wp-block-column:nth-child(2) figure.wp-block-image {
	box-shadow: none;
}

/* damit das letzte Element in einem Block keinen Abstand nach unten verursacht */
.wp-block-column .wp-block-group .wp-block-group__inner-container p:last-child, .wp-block-column .wp-block-image {
    margin-bottom: 0;
}

/* damit unter einem Bild kein unterer Abstand ist - https://forum.selfhtml.org/self/2013/oct/17/padding-margin-und-float-probleme/1592288#m1592288 */
.wp-block-image img {
    vertical-align: bottom;
}

/* ----------------------------- */

/* Sidebars */

/* manche Blöcke sollen nur auf der Home angezeigt werden */
#menu-menue-2, #block-23, #block-25 {
	display: none;
}
.home #menu-menue-2, .home #block-7, .home #block-23, .home #block-25 {
	display: initial;
}

/* Hintergrund der Sidebars ohne Farbe */
.mcb-sidebar, .mcb-sidebar:before, .widget_nav_menu ul {
	background-color: transparent;
}

.widget a:hover {
    text-decoration: none;
	font-weight: bold;
}


/* Menü Widget */
.widget_mfn_menu {
	line-height: 0.6;
}

.widget_mfn_menu ul li a {
	color: black;
	font-size: 15px;
	border: none;    /* keine Border um die Menüpunkte */
	background-color: transparent;
}

.widget_mfn_menu ul li a:hover {
	font-weight: bold;
	background-color: transparent;
}

#widget_mfn_menu-9.widget_mfn_menu ul li a:hover {
	color: black !important;
}
#widget_mfn_menu-10.widget_mfn_menu ul li a:hover {
	color: #74c270 !important;
}
/* aktiver Menüpunkt */
.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a {
	color: black !important;
	background: transparent;
    font-weight: 900;
}


/* Keine "Bullets" für die Navigation in der Sidebar */
.widget_mfn_menu ul li ul li a {
    padding-left: 0;
}

.widget_mfn_menu ul li ul li a:before {
    content: none;
    margin-right: 0;
}


/* Linke Sidebar */
.is-affixed .inner-wrapper-sticky {
    top: 230px !important;
}

.mcb-sidebar {
    border: none; /* schwarze Border neben dem Menü mache ich jetzt in .sections_group */
}

.home .sidebar-1 {
    position: fixed;
    top: 390px;
}
body:not(.home) .sidebar-1 {
    position: fixed;
    top: 205px;
}

/* BeTheme Muffin Menü Widget */
/* Einstellung für Untermenü "Show on hover, always show active" - Verlangsamung beim Öffnen (ursprgl. 1s) */
.widget_mfn_menu ul.submenus-hover .sub-menu {
	-webkit-transition:max-height 4s ease-in-out;
	-moz-transition:max-height 4s ease-in-out;
	-o-transition:max-height 4s ease-in-out;
	transition:max-height 4s ease-in-out;
}
/* Einstellung für Untermenü "Show on click" - das sub-menu bleibt nach Klick auf ein sub-menu item geöffnet */
.widget_mfn_menu ul.submenus-click li.current-menu-parent > ul {
    max-height: 10000px !important;
}

/* Rechtsbündigkeit in der linken Sidebar */
.mcb-sidebar.sidebar-1 {
	/* border-color: black; */
	text-align: right;
}

.mcb-sidebar.sidebar-1 .widget-area {
	padding-right: 18px;
}


/* betrifft alle Widgets in der linken Sidebar: #widget_mfn_menu-9, #block-16, #is_widget-3, #block-14, widget_mfn_menu-10, #block-17, #block-15, #block-7 */
.sidebar-1 .widget {
    margin-top: 0 !important;
    margin-bottom: 0;
}


/* Linke Sidebar - 1. Menüblock */
/* Hauptnavigationspunkte */
.widget_mfn_menu ul#menu-menue-1 li a {
	font-size: 18px;
}

/* damit die Untermenüpunkte besser von den Hauptmenüpunkten unterschieden werden können */
/* Unternavigationspunkte */
.widget_mfn_menu .sub-menu {
	padding-right: 10px; /* 5px */
                    /* border-right: 1px #d3d3d3 solid; */
}

.widget_mfn_menu .sub-menu li:last-child a {
	margin-bottom: 30px;
}

.widget_mfn_menu ul#menu-menue-1 .sub-menu li a {
	font-size: 14px;
    line-height: 0.4;
}


/* Linke Sidebar - Suche */

/* formatiert das Widget vom Plugin Ivory Search */
/* margin-top usw. von .widget wird weiter oben definiert */
.sidebar-1 #is_widget-3.widget_is_search {
    margin-bottom: 20px;     /* braucht es, weil sonst das Suchfeld nicht anklickbar ist (wg. margin-bottom: 0; in .sidebar-1 .widget */
}

.widget_is_search form {
	background: transparent;
	width: 200px;
	float: right;
}
input[type="search"] {
    box-shadow: none;
}
.is-form-style.is-form-style-3 input.is-search-input {
    color: #74c270;
    border-left: 0!important;
	border-right: 0!important;
	border-top: 0!important;
	border-bottom: 1px #d3d3d3 dotted!important;
}
.is-form-style.is-form-style-3 .is-search-icon {
    border: none !important;
	border-bottom: 1px #d3d3d3 dotted !important;
}
/* der Suchicon Button wird beim Hovern nicht verändert */
.button-default button:after {
    background: none;
}

/* Suche auf der Search Seite */
.sidebar-1 #is_widget-4.widget_is_search {
    margin-bottom: 20px;     /* braucht es, weil sonst das Suchfeld nicht anklickbar ist (wg. margin-bottom: 0; in .sidebar-1 .widget */
}
/* Auf der Search-Seite war vorher die Farbe der Menüpunkte beim Hovern weiß */
.search .widget_mfn_menu ul li a:hover, .search .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a, .search .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a {
    color: #000!important;
}

/* dynamisches Suchergebnis direkt unter dem Suchfeld - ACHTUNG: diese Anzeige ist vielleicht gar nicht eingeschalten */
div.is-ajax-search-result {
    background: #74c270 !important;
    padding: 1px !important;
    width: 700px !important;
}
.is-ajax-search-result a {
    color: #74c270 !important;
}
.is-search-sections .meta>span:not(:last-child):after {
    content: '' !important;
}
.is-ajax-search-result .author, .is-ajax-search-result  .is-meta-category i {
    display: none;
}
.is-ajax-search-result .is-highlight {
    color: white;
    padding: 3px 2px 2px 2px;
}


/* Suchergebnis */
.search .section {
    margin-left: 20px;
}
.search .content_wrapper .sections_group {
    padding-top: 185px !important;
}
.search .posts_group {
    max-width: 850px;
}
.search .posts_group .post-item {
    margin-bottom: 0;
}
.search .author, .search .date span {
    display: none;
}
/* Suche in Sendungen */
.search .searchinbroadcast .author-date {
	display: none;
}
.search .post-desc-wrapper .post-footer {
	margin: -20px 0 25px -15px;
	background: transparent;
}
.search .post-desc-wrapper .post-footer .post-links {
	font-size: 70%;
 	float: left;
	border-left-width: 0;
	border-style: none;
	padding-left: 0;
	text-decoration: underline;
}
.search .icon-doc-text {
	display: none;
}
.search .pager {
    text-align: left;
    padding-left: 200px;
}
.search .pager .pages {
    background-image: none;
}
.search .pager .pages a.active, .search .pager .pages a:hover {
    font-weight: bold;
}
.pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current {
    color: #74c270;
}
.search .pager a.prev_page:hover, .search .pager a.next_page:hover {
    font-weight: bold;
    text-decoration: none;
    color: #74c270;
}
.search .pager .icon-right-open {
    color: unset;
}



/* Linke Sidebar - 2. Menüblock */
#menu-menue-2 a {
    color: #74c270;
}
#menu-menue-2 a:hover {
    color: black !important;
}

/* Linke Sidebar - Dein Sound im Radio */
#block-23.widget {
/* margin-top von .widget wird weiter oben definiert */
	color: #74c270;
    position: relative;
    right: 10px;
}
.sidebar-1 #block-23 p {
    margin: 0;
}
#block-23.widget a {
	color: #74c270;
}
#block-23.widget a:hover {
    text-decoration: none;
	font-weight: bold;
}


/* Linke Sidebar - social-sidebar - Achtung, weiter oben gibt es zu block-7 auch schon eine Definition */
#block-7.widget {
/* margin-top von .widget wird weiter oben definiert */
    margin-bottom: 30px;
}
.social-sidebar {
    text-align: right;
}
.social-sidebar li {
    display: inline;
	font-size: 17px;
}
/* Abstände zwischen den einzelnen Icons */
.social-sidebar [class^="icon-"]:before {
  width: 1.5em;
}

/* ----------------------------- */

/* Rechte Sidebar */

/* Achtung, bei den Unterseiten gehören die Einträge rechts nicht zur Sidebar, sondern zur Mitte */


/* Kalender, Calendar */
.widget_codewidget.widget {
    margin-top: 0;
}
.widget_codewidget h3 {
    display: none;
}

/* ----------------------------- */

/* Footer */
#Footer {
	border: 1px solid transparent;
	border-top-color: black;
    padding-left: 200px !important;
    padding-right: 30px;
}

#Footer .widgets_wrapper  {
  padding: 0;
}

#Footer a:hover {
  text-decoration: none;
}

#back_to_top.sticky {
    right: 8px !important;  /* orig. 75px */
    background-color: rgba(255, 255, 255, 0.7) !important;
}



/* RESPONSIVE ---------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

/* Background Bild - Piratin */
/*	.admin-bar #Top_bar a.responsive-menu-toggle.is-sticky {
            top: 88px;
    		left: auto;
    		right: 62px;
        }
*/

/* Background Bild - Piratin */
/* Für das Background Bild ziehen zusätzlich die Einstellungen in den BeTheme Options unter Globale Einstellungen/Hintergrund, zb. Transparent (Kopfzeile, Top Bar with menu, Inhalt) */
    html {
        background: none;
    	/*
        background-image: url(/wp-content/uploads/2021/03/piratin.jpg);
    	background-repeat: no-repeat;
    	background-position: 30px 190px;
    	background-size: 300px;
        background-attachment: fixed;
        */

    }

    .logobar-mobile {
        display: initial;
        position: fixed;
        top: 0px;
        width: 100% !important;
        z-index: 9;
    }

    .logobar-mobile .header-green {
        width: 100% !important;
        padding: 30px 15px 20px 0;
        height: 100px;
        background-color: #74c270;
        float: none;
        box-sizing: border-box;
        overflow: hidden;
    }

    .logobar-mobile .freirad-logo {
        box-sizing: border-box;
        padding: 20px 0 18px 25px;
        background-color: white;
        background-image: url(/wp-content/uploads/2021/03/piratin.jpg);
    	background-repeat: no-repeat;
    	background-position: 81% 0;
    	background-size: 100px;
        /* dünkler
        -moz-box-shadow: 0 1px 2px -1px rgb(0 0 0 / 50%);
        -webkit-box-shadow: 0 1px 2px -1px rgb(0 0 0 / 50%);
        box-shadow: 0 1px 2px -1px rgb(0 0 0 / 50%);
        */
        /* heller
        -moz-box-shadow: 0 1px 4px -1px rgb(211 211 211 / 50%);
        -webkit-box-shadow: 0 1px 4px -1px rgb(211 211 211 / 50%);
        box-shadow: 0 1px 4px -1px rgb(211 211 211 / 50%);
        */
        border-bottom: black 1px solid;
    }

    .sections_group {
        padding-right: unset !important;
        width: unset !important;
        border-bottom: 1px rgba(116, 194, 112, 0.5) solid !important;
        border-left: unset;  /* das ist die schwarze Linie rechts neben der Sidebar auf Desktop */
    }

    body:not(.home) .sections_group {
        padding-top: 230px !important;
    }
    body.home .sections_group {
        padding-top: 190px !important;
    }

    .logobar-mobile .fas,
    .logobar-mobile .fa-play,
    .logobar-mobile .fa-headphones,
    .logobar-mobile .hl {
        color: white !important;
    }
    .logobar-mobile .currentProgram h2, .logobar-mobile #sendungnachhoeren {
        color: black !important;
    }
    .logobar-mobile .col {
        display: block;
        float: left;
        font-size: 11px;
    }
    .logobar-mobile .col-eins {
        width: 60%;
        padding-left: 25px;
        padding-right: 5px;
        padding-top: 2px;
    }
    .logobar-mobile .col-zwei {
        width: 40%;
    }
    .logobar-mobile a {
        text-decoration: none;
    }
    .logobar-mobile .fa-play {
        font-size: 16px;
        position: relative;
        bottom: 2px;
    }
    .logobar-mobile .hl {
        font-size: 20px;
        font-weight: bold;
        padding-left: 5px;
    }
    .logobar-mobile strong {
        padding-left: 0px;
        color: black;
    }
    .logobar-mobile .currentProgram h2#currenttitle {
        line-height: 15px;
        padding-top: 2px;
    }
    .logobar-mobile .col.player h2#currenttitle:before {
        content: "Jetzt: ";
        font-weight: bold;
        color: black;
    }
    .logobar-mobile .currentProgram h2 {
        font-size: 11px;
        font-weight: normal;
    }
    .logobar-mobile .fa-headphones {
        font-size: 20px;
        position: relative;
        bottom: 1px;
    }
    .logobar-mobile #sendungnachhoeren {
        font-size: 11px;
        padding-left: 0;
    }

    .logobar-mobile .clearer {
        clear:both;
    }


/* Aufklappbares Menü inkl. Burger */
    /* Burger Menu anzeigen */
    #Header_wrapper {
        display: initial;
    }
    #Header_wrapper #Header{
        min-height: 0 !important;
    }

a, span {
	-webkit-tap-highlight-color: transparent; /* beim Klick auf den mobilen Burger und auf einen Menüpunkt im mobilen Menü war kurz ein hellblauer Hintergrund zu sehen */
}

    #Header_wrapper .responsive-menu-toggle {
        display: initial !important;
        position: fixed;
        top: 142px !important;
        left: auto !important;
        right: 20px !important;
        background-color: rgba(255, 255, 255, 1) !important;
        z-index: 205 !important;
    }
    .icon-menu-fine {
        color: black;
    }
    .icon-menu-fine:before {
        font-weight: bold;
    }

    #Header_wrapper #menu {
        position: fixed !important;
        top: 188px;
        background-color: rgba(255, 255, 255, 0.95);
        text-align: right;
        padding-top: 15px;
        padding-bottom: 20px;
        /* dünkler
        -moz-box-shadow: 0 1px 2px -1px rgb(0 0 0 / 50%);
        -webkit-box-shadow: 0 1px 2px -1px rgb(0 0 0 / 50%);
        box-shadow: 0 1px 2px -1px rgb(0 0 0 / 50%);
        */
        /* heller
        -moz-box-shadow: 0 1px 4px -1px rgb(211 211 211 / 50%);
        -webkit-box-shadow: 0 1px 4px -1px rgb(211 211 211 / 50%);
        box-shadow: 0 1px 4px -1px rgb(211 211 211 / 50%);
        */
        border-bottom: black 1px solid;
        /* border-bottom: rgba(116, 194, 112, 0.5) 1px solid; */
    }
    #Header_wrapper #menu ul li a {
        padding: 0 25px 0 50px;
    }
    #Header #menu > ul > li.current-menu-item > a, #Header #menu > ul > li.current_page_item > a, #Header #menu > ul > li.current-menu-parent > a, #Header #menu > ul > li.current-page-parent > a, #Header #menu > ul > li.current-menu-ancestor > a, #Header #menu > ul > li.current_page_ancestor > a {
        background: none;
    }
    #Header_wrapper ul.menu-main a span {
        font-size: 15px;
        line-height: 30px !important;
    }

    /* das Plus zum Öffnen der Untermenüs */
    #Header_wrapper .menu-toggle {
        width: 100% !important;
        text-align: left !important;
        top: -6px !important;
        left: 35px !important;
    }

    #Header_wrapper ul.sub-menu{
        background-color: white !important;
    }
    #Header_wrapper ul.sub-menu a {
        padding: 0 5px 0 35px !important;
        /* color: white !important; */
    }
    #Header_wrapper ul.sub-menu a span {
        font-size: 13px;
        line-height: 24px !important;
        padding-right: 30px !important;
    }

    /* Das Kassetten Symbol */
    #Header_wrapper #menu-item-25922 img {
        position: relative;
        top: 8px;
    }


    /* Layerslider im Header - Mobile Home */
    .home .mfn-main-slider {
        display: none;
    }

/* Calendar - mobil */
    .calendar-sendungen-desktop {
        display: none;
     }
    .calendar-sendungen-mobile {
        display: initial;
    }

    .section_wrapper {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .home.page .section_wrapper {
    	padding-right: 15px !important;
    }



/* Breadcrumb */
    .content_wrapper ul.breadcrumbs {
    	padding: 0 25px 30px 27px;
    }
    .content_wrapper ul.breadcrumbs > li:first-child {
        padding: unset;
    }


/* Positionierung vom Content Bereich */
    .einruecken {
        padding-left: unset;
    }

    h2.entry-title {  /* zb. die Überschriften der aggregierten Beiträge auf der Home */
        line-height: 28px;
    }

/* Pages */
    .page .the_content {
    	padding: 0;
                    /* border: 1px cyan solid; */
    }

    .page .post-item {
    	padding: 0 0 0 10px;
                        /* border: 1px lightpink dashed; */
    }

    .page .the_content .wp-block-column:first-child {
    	padding: 0;
                    /* border: 1px brown dashed; */
    }

    .page .wp-block-column {
        padding-left: unset;
    }

/* Posts */
    .single-post .post {
        padding: 0;
    }
    .single-post .post .wp-block-column:first-child {
        padding: 0;
    }


/* ----------------------------- */

 /* Übersichtsseiten - Programmzeitungen */
.page-id-27 .entry-content {
    margin-left: unset;
}

/* ----------------------------- */

/* Newsletterformularseite und Workshopformularseite */
    .page-id-40 .entry-content, .page-id-1395 .entry-content {
        margin-left: unset;
    }

/* ----------------------------- */

/* Übersichtsseiten - Projekte */
    .page-id-11 h3 {
        font-size: 18px;
    	font-weight: 700;
    }
    .page-id-11 .entry-content {
        margin-left: unset;
    }
    .page-id-11 .column_blog.uebersicht {
        left: -15px;
    }
    .Latest_news ul li .photo {
        width: unset;
        border-right-width: 0;
        }
    .page-id-11 .photo {
        padding-right: unset;
    }
    .Latest_news ul li.has-post-thumbnail .desc {
        margin-left: unset;
        width: 100%;
        padding-left: unset;
    }

/* ----------------------------- */

/* Übersichtsseiten - Alle Sendungen (= /alle-sendungen/) */
    #allesendungenpage, #sendungdetailspage {
        margin-left: unset;
        padding-right: 3px;
    }

    #allesendungenpage #allesendungentags li {
        line-height: 28px;
    }
    #allesendungenpage h2 {
        font-size: 18px;
    }
    #allesendungenpage #filterzeilemobil {
        font-size: 90% !important;
    }
    #allesendungenpage #allesendungen li {
        border-bottom: 1px solid lightgrey;
        padding: 5px 0;
    }
    #allesendungenpage #allesendungen li>a {
        font-size: 14px;
        line-height: 20px;
    }
    #allesendungenpage .hideonmobile {
        display: none;
    }
    #allesendungenpage .hideondesktop {
        display: initial;
    }
    #allesendungenpage #allesendungen .tags a {
        font-size: 95%;
        border: none;
        position: relative;
        bottom: 1px;
    }


.page-id-21366 .prog_dat {
    font-size: 14px !important;
}

/* ----------------------------- */

/* /faqs/ = page-id-23322 */
    .page-id-23322 .entry-content {
        margin-left: unset;
    }

/* ----------------------------- */

/* /oeffentlichkeit/ = page-id-23751 = Seite mit den downloadbaren Pressetexten (zb. pdfs) */
    .page-id-23751 .sections_group {
        width: 100% !important;
    }
    .page-id-23751 .oeffentlichkeit {
        margin-left: unset;
    }

/* ----------------------------- */

/* Multilingual - mobil */
    .multilingual-desktop, .languageinfo-desktop {
        display: none;
     }
    .multilingual-mobile, .languageinfo-mobile {
        display: initial;
    }

    .multilingual-mobile .image_item .wp-caption-text {
        color: black;
        text-align: left;
        background: none;
    }
    .multilingual-mobile .image_item .wp-caption-text a {
        color: black;
     }

/* ----------------------------- */
/* Beiträge, Posts */
    .normalerbeitrag {
        margin-left: unset;
    }
    .normalerbeitrag .two-third {
        padding-right: unset;
    }


/* ----------------------------- */

/* Linke Sidebar - wird auf Mobile unten angehängt */
    .home .sidebar-1 {
        position: unset;
    }
    body:not(.home) .sidebar-1 {
        position: unset;
    }

    .mcb-sidebar.sidebar-1 .widget-area {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

/* Teile von der linken Sidebar auf Mobile ein bzw. ausblenden */
    #widget_mfn_menu-9, #widget_mfn_menu-10, #block-22, #block-23, #block-24 {
        display: none !important;
    }
    #block-7 {  /* block-7 gibt es mittlerweile nicht mehr, was war das? */
        display: unset;
    }

    .sidebar-1 {
    	text-align: left !important;
    }

    .widget_is_search form {
        width: 200px;
        float: left;
    }

    /* Suchergebnis */
    .search .section {
        margin-left: unset;
    }
    .search .pager {
        text-align: unset;
        padding-left: unset;
    }

    .with_aside .sidebar.columns {
        width: unset !important;
    }

    .social-sidebar {
        text-align: left;
    }

    /* Footer */
    #Footer {
    	border: 1px solid transparent;
    	border-top-color: rgba(116, 194, 112, 0.5);
        padding-left: unset !important;
        padding-right: unset;
    }
    #Footer .container {
        padding-left: 25px!important;
        padding-right: 25px!important;
    }
    footer .container .column.one-fifth {
    	display: none;
    }
    footer .container .column.one-fifth:first-child {
    	display: initial;
    }
    .logobar, footer #desktop-footer {
        display: none;
    }
    footer #mobile-footer {
        display: initial;
    }
    footer #mobile-footer p {
        margin: 0 0 8px;
    }
}