/* Ausblenden des Sendehinweises in Header  */
.channelHeaderTeaser .con:not(.conPinboard) .mod .boxCon .box.cssProgramHint {
    display: none;
}

/* Fix React-Suche clear-button */
.kbcGms {
    line-height: 1;
}

/*Fix  AVs: Download/Sharing-Link auch in MMG ermöglichen */
body.cssMultimediaGallery #content div[data-ctrl-multimediagallery].con .box.cssAv .innerTeaser .cssProgramHintBox {
    display:flex !important;
}

/* Fix Audio-ShowNotes */
.mod .cssAv .showNotes {
    z-index: 3;
    position: relative;
    margin-top: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.78;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1008px){
    .mod .cssAv .showNotes {
       max-width: calc(100% - 22rem);
   }
}
.mod .cssAv .showNotes p {
    margin-bottom: 24px;
}
.mod .cssAv .showNotes p>a {
    font-weight: 700;
    color: #0062ae;
}

/* Fix Sendungsdokumente große Bilder */
@media (min-width: 1008px) {
body.cssBroadcast #content .sectionDetailPage .box.cssBroadcast .imageWrapper:before {
    padding-top: 56.25%;
    }
}

/* Tabellen im Artikel und Ueberschriften in Ergebnissen */
@media (min-width: 1008px){
    body:not(.node-ergebnisse) .hasSectionDetail .con .mod.modTable .table {
        max-width: calc(100% - 22rem);
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }
    body.node-ergebnisse h3.headline {
        max-width: none !important;
    }
}

/* Fix Bündelgruppe Abstand Boxentitel */
body:not(.sportsStart) .conMultiGroupWrapper .conSub>h3.headline, body:not(.sportsStart) .conMultiGroupWrapper h3.conHeadline {
    margin-bottom: 1.5rem !important;
}

/* Fix Article Sharing Headline */
.articleMeta-social .ui-social-btn.ui-social-trigger:after {
    font-weight: 700;
    font-size: .6875rem;
}
.articleMeta-social .ui-social-btn.ui-social-trigger {
    margin: 0 0.5em 0.25rem 0;
}
@media (min-width: 1008px){
    .articleMeta-social {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* Fix Article Dachzeile Zeichenabstand */
@media (min-width: 1008px){
    #content .conDetailHeader .mod.modParagraph .dachzeile {
        letter-spacing: 1.75px;
    }
}

/* Fix Überschrift Teaserpluslinks Podcastplayer */
h4.TeaserPlusLinksStyle__Headline-sc-58xedb-4.fQjLpD:before {
    content: 'Weitere Podcasts';
}

/* Fix Darstellung Liste in Akkordeon in Spezial-Teaser mit Text */
#content .teaser.special.extended ul.ui-collapsible ul li {
    display: initial; 
    margin-bottom: 10px;
}

/* Fix Ticker-Linie zieht sich auch durch Sprungmarken & weiterführende Links */
@media (min-width: 1008px) {
    .tickerArticle .jumpLabelList {
        padding-left: 11rem;
        padding-right: 11rem;
    }
    .conRelatedLinks.ui-tickerArticle-con::before {
        display: none !important;
    }
}
/* Highlighting aktiver Tage im Konzertkalender */
body.cssConcert #content .ui-cal table td.hasEntries > span > a, 
body.cssConcertCalendar #content .ui-cal table td.hasEntries > span > a {
    color: #962887;
}
html.no-touch body.cssConcert #content .ui-cal table td.hasEntries > span > a:hover, 
html.no-touch body.cssConcertCalendar #content .ui-cal table td.hasEntries > span > a:hover {
    color: #962887;
    opacity: 0.8;
}

/* BEGIN Post-Bildergalerie-Update Fixes */
/* Fix General Slider Layouts */
.swiper-container {
    display: flex;
	flex-direction: column;
}
.swiper-horizontal {
    display: flex;
    flex-direction: column;
}

/* Fix IPG Slider https://stg2.mdr.de/tv/index.html */
.mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapperInner {
    display: flex;
    gap: 0;
}
.mod .box.boxIpgTeaser.boxIpgTeaserSlider .ipgTeaserWrapper {
    padding: 0;
}
.mod .box.boxIpgTeaser.boxIpgTeaserSlider .teaser {
    display: flex;
    flex-direction: column;
    width: 240px;
    min-width: 240px;
}
.mod .box.boxIpgTeaser.boxIpgTeaserSlider .teaser.ipgHint {
    justify-content: center;
}
@media (min-width: 1008px) {
	#content .section .modC.modSlideable .boxCon .box:not(.floatBox).swiper-slide.cssBroadcast {
	width: calc(33.333% - .66rem);
	min-width: calc(33.333% - .66rem);
}	
}
#content .section .modA.modSlideable .boxCon .box:not(.floatBox).swiper-slide.cssBroadcast {
	width: 100%;
	min-width: 100%;
}

/* Fix Scrollbar and make it appear above Arrows */
.mod .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: static;
    flex: none;
    order: 2;
    height: 0.1875rem;
    width: 100%;
    margin-top: 0.5rem;
}

/* Fix IPG Search Slider */
#content .section .mod.modG.cssIpgSearchSlider {
	height: auto;
    border-bottom: 0;
}
.cssIpgSearchSlider .boxConWrapper::after {
    position: absolute;
    bottom: 44px;
    content: "";
    width: 100%;
    height: 0.25rem;
    background-color: #e5e5e5;
}
.cssIpgSearchSlider .box.currentDay:after {
    position: absolute;
    bottom: -9px;
    content: "";
    width: 100%;
    height: 0.25rem;
    background-color: #0062ae;
    z-index: 1;
}
.cssIpgSearchSlider .swiper-slide {
	max-height: 57px;
}

/* Fix full width slider on mobile by adding a bit of padding */
#content .section .mod.modSlideable {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
@media (min-width: 1008px) {
	#content .section .mod.modSlideable {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Fix Programmtips and Livestreams Slider */
#content .section .mod.modSlideable .boxCon {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
}
#content .mod .boxCon .box:not(.floatBox).swiper-slide.cssBroadcast {
    display: flex;
    flex-direction: column;
    width: 240px;
    min-width: 240px;
}

/* Fix Stage Box Slider */
#content .mod .boxCon .box:not(.floatBox).swiper-slide {
    min-width: 100%;
}
.conStagebox .modStage .controls.sliding .buttons {
    display: flex;
}
.conStagebox .swiper-horizontal > .swiper-scrollbar {
    position: static;
    flex: none;
    order: 2;
    height: 0.1875rem;
    width: 100%;
    margin-top: 0.5rem;
}

/* Fix Absatzbox Standard Audioplayer not being able to be paused */ 
#content .con:not(.cssBoxTeaserFocus):not(.cssBoxThumbnail):not(.conDetailHeader) .mod .boxImage.cssAudio .linkAll,
#content .con:not(.cssBoxTeaserFocus):not(.cssBoxThumbnail):not(.conDetailHeader) .mod .boxImageSquare.cssAudio .linkAll {
	z-index: auto;
}

/* Fix 2- & 3-column Layouts */
@media (min-width: 1008px) {
	#content .mod.modB .boxCon .box:not(.floatBox).swiper-slide {
		width: calc(50% - 0.5rem);
		min-width: calc(50% - 0.5rem);
	}

	#content .mod.modC .boxCon .box:not(.floatBox).swiper-slide,
    #content .mod.modD .boxCon .box:not(.floatBox).swiper-slide,
    #content .mod.modE .boxCon .box:not(.floatBox).swiper-slide {
		width: calc(100% / 3 - 0.5rem);
		min-width: calc(100% / 3 - 0.5rem);
	}
}
/* END Post-Bildergalerie-Update Fixes */