



/*.livestream #content .con .mod .teaser:not(.teaserStageSeparated):not(.teaserStopper):not(.teaserIdent) .av-playerContainer {
position: relative!important;
}*/

/* Fix für Formulare */
/* modForm.scss:71 */
.form label {
    padding-right: 8px;
}
.form select {
    border: 1px solid #d8dadb;
    height: 35px;
}
.form .form-global-msg {
    background-color: #FD732F;
}

.form .form-global-msg h2,
.form .form-global-msg ul {
    padding-left: 35px!important;
}

.form .form-global-msg h2,
.form .form-global-msg li {
    color: #fff!important;
}


/* Hotfix falsche bg-Farbe bei Errormsg. in Formularen */

.node-kontaktundhilfe .form .form-errormsg,
.node-upload .form .form-errormsg {
    background-color: #FD732F!important;
}

.node-upload .form .form-errormsg:after,
.node-kontaktundhilfe .form .form-errormsg:after {
    border-bottom-color: #FD732F!important;

}


/* Fix Ausspielungsbegrenzung Desktop/Mobil (wegen fehlender con-Klasse) */
html.view-m #content .mobileOnly, 
html.view-l #content .mobileOnly, 
html.view-xl #content .mobileOnly {
    display: none !important;
}

html.view-xs #content .desktopOnly, 
html.view-s #content .desktopOnly {
    display: none !important;
}

html.view-xs #content .mobileOnly,
html.view-s #content .mobileOnly,
html.view-xs #content .mobileAndDesktop,
html.view-s #content .mobileAndDesktop { 
	width: 100%;
}


/* Player UT-icon zentrieren */
.av-playerContainer .btn.avPlayerBtnSubtitle {
    margin-right: 0;
}

/* Sendekeksausblendung überall außer bei Artikeln */
/* integriert in kika-page.scss */
/*
.view-xl body:not(.cssArticle) .sectionSubHeader .broadcastInfo {
    display: none;
}
.view-l body:not(.cssArticle) .sectionSubHeader .broadcastInfo {
    display: none;
}
.view-m body:not(.cssArticle) .sectionSubHeader .broadcastInfo {
    display: none;
}
.view-s body:not(.cssArticle) .sectionAfterContent .broadcastInfo {
    display: none;
}
.view-xs body:not(.cssArticle) .sectionAfterContent .broadcastInfo {
    display: none;
}*/



/* in kika-fonts.scss integriert 
* {font-size: 100%;}*/


/* bereits in kika-modBigStage.scss überführt 
body.bigStage #bigstage {display:block;}*/

/* in modForm/kika-modForm.scss integriert
.modConFormVoting .mod.modFormVoting .formElement .radio .form-errormsg {
 display:none;
}*/

/* kika-teaser.scss integriert
.mod .box.boxMiniKika .teaser .shortInfos h4.headline {
  line-height: normal;
} */

/* bereits in player.scss integriert 
.av-playerContainer.streamer .avPlayerLayer.avPlayerInfoLayer {
 display:none !important;
}*/

/* in _kika-broadcast.scss integriert */
/*disable padding-right: 256px in headline
html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .headline,
html.view-xl body.cssBroadcast .sectionArticle .con:not(.conBroadcastHeader) .headline,
html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) h4.headline, 
body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) h4.headline,
body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile,
html.view-xl body.cssVideo .sectionArticle .con:not(.conBroadcastHeader) .dachzeile{ 
 padding-right: 0; 
}*/

/* in owl.scss integriert */
/* fix für abgeschnittene Störer 
.sectionC .modCon .owl-carousel .owl-stage-outer .owl-item .box .svgContainer,
.sectionZ  .modCon .owl-carousel .owl-stage-outer .owl-item .box .svgContainer {top:0!important;}*/

/* in _player.scss von kummerkasten integriert
 .view-s .node-kummerkasten .av-playerContainer a.startLink,
 .view-xs .node-kummerkasten .av-playerContainer a.startLink {
 display:none!important;
}*/

/* in style-kika.scss integriert 
body.node-webfolgen .broadcastInfo{display:none;}*/





/* MDR-Quiz fix */
/* in style-kika.scss integriert warten auf cdn 23.04.2020*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.col-3.quiz-answers .quiz-answers__wrapper {
		flex-basis:calc(100% /3 - 4%);
	}
	.quiz-answers__btn::before,
	.btn.btn-next.is-shown::after {
 		content:'\25BA';
	}
}




/*integriert in kika-smartbanner.scss */
/* Fix für Smartbanner

html.kika-smartbanner.view-xs .node-quiz #header, html.kika-smartbanner.view-s .node-quiz #header, html.kika-smartbanner.view-m .node-quiz #header, html.kika-smartbanner.view-l .node-quiz #header, html.kika-smartbanner.view-xs .node-aufruf #header, html.kika-smartbanner.view-s .node-aufruf #header, html.kika-smartbanner.view-m .node-aufruf #header, html.kika-smartbanner.view-l .node-aufruf #header{
margin-top: 84px; 
} 

html.kika-smartbanner.view-xs .cssBroadcastSeries #header, html.kika-smartbanner.view-s .cssBroadcastSeries #header, html.kika-smartbanner.view-m .cssBroadcastSeries #header, html.kika-smartbanner.view-l .cssBroadcastSeries #header, html.kika-smartbanner.view-xs .node-compubot #header, html.kika-smartbanner.view-s .node-compubot #header, html.kika-smartbanner.view-m .node-compubot #header, html.kika-smartbanner.view-l .node-compubot #header{
margin-top: 84px; 
} 
*/

/* integriert in kika-footer.scss
.view-m #footer .footerWrapperKids .unitD.chat a {
    padding-right: 30px;
}*/

/* integriert in modGlossar.scss
.download-disclaimer .mod.modGlossar {
	margin-bottom:0;
}*/



/* Fix für Av-Player Endscreen: Play- und Pause-Icons */
/* integriert in player.scss 27.04.2020 
.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .ui-pieProgress .ui-pieProgress-pause { 
display: block !important;
color: #ffe918 !important;
} 
.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .ui-pieProgress .ui-pieProgress-start { 
display: none !important;
} 
.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .ui-pieProgress.paused .ui-pieProgress-pause { 
display: none !important;
} 
.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .ui-pieProgress.paused .ui-pieProgress-start { 
display: block !important;
} 

.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .ui-pieProgress.paused, .av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .ui-pieProgress-start{
z-index: 12 !important;
} 

.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .mediaConRelatedVideos .mediaCon .autoplayCounter{
z-index: 10;
}*/



/* in player.scss überführt */

/* Fix für Player-Endscreen: Box Größen und Punkte bei zu langem Teasertext */

.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .shortInfos{
overflow: hidden;
text-overflow: ellipsis;
width: 60%;
}

.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .mediaCon{
width: 40%;
}

.av-playerContainer .avPlayerLayer.avLayerEndscreen.hasRelated .shortInfos .wholeTitle .headline a{
white-space: nowrap;
}

.av-playerContainer.kikaAv-big.avPlayerStandardSize .avPlayerLayer.avLayerEndscreen.hasRelated .mediaConRelatedVideos{
min-width: 70% !important;
overflow-x: hidden;
}

.av-playerContainer.kikaAv-big.avPlayerBigSize .avPlayerLayer.avLayerEndscreen.hasRelated .mediaConRelatedVideos{
min-width: 60% !important;
}

.av-playerContainer.kikaAv-big.avPlayerBigSize .avPlayerLayer.avLayerEndscreen.hasRelated.fullSizePlayer .mediaConRelatedVideos, .modLightbox-contentWrapper .av-playerContainer.avPlayerBigSize .avPlayerLayer.avLayerEndscreen.hasRelated .mediaConRelatedVideos{
min-width: 50% !important;
}

.av-playerContainer .avPlayerLayer.avLayerEndscreen .mediaConRelatedVideos{
overflow-x: hidden;
}

.av-playerContainer.kikaAv-big.avPlayerBigSize .avPlayerLayer.avLayerEndscreen.hasRelated .moreBtn a .icon-font {
margin-right: -0.1em !important;
} 

.av-playerContainer.kikaAv-big.avPlayerBigSize .avPlayerLayer.avLayerEndscreen.hasRelated.fullSizePlayer .moreBtn a .icon-font{
margin-right: 0.1em !important;
}

/* Viewport XL */

.view-xl .avPlayerLayer.avLayerEndscreen.hasRelated .box{
width: 100% !important;
max-width: 100% !important;
}

.view-xl .av-playerContainer.kikaAv-big.avPlayerStandardSize .avPlayerLayer.avLayerEndscreen.hasRelated .moreBtn a .icon-font {
margin-right: -0.122em !important;
}

/* Viewport M StandardSize-Player */

.view-m .av-playerContainer.kikaAv-big.avPlayerStandardSize .avPlayerLayer.avLayerEndscreen.hasRelated .moreBtn a .icon-font {
margin-right: -0.1em !important;
}

.view-m .av-playerContainer.kikaAv-big.avPlayerStandardSize .avPlayerLayer.avLayerEndscreen.hasRelated.fullSizePlayerSmallViewport .moreBtn a .icon-font {
margin-right: -0.122em  !important;
} 

/* Viewport L StandardSize-Player */


.view-l .av-playerContainer.kikaAv-big.avPlayerStandardSize .avPlayerLayer.avLayerEndscreen.hasRelated .moreBtn a .icon-font {
margin-right: -0.1em !important;
}

.view-l .av-playerContainer.kikaAv-big.avPlayerStandardSize .avPlayerLayer.avLayerEndscreen.hasRelated.fullSizePlayerSmallViewport .moreBtn a .icon-font {
margin-right: -0.122em !important;
}
/* bis hier in player.scss überführt */


/* ab hier in kika-teaser.scss überführt*/
/* Fix für kikaninchen-Suchergebnisse in Ergebnisliste bei Viewport XS, S*/

.view-xs .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText, .view-s .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText{
margin-left: 8px;
margin-top: 4px;
}

.view-xs .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultIcon, .view-s .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultIcon{
left: 2px;
bottom: 20px;
}

@media screen and (min-width: 580px){
.view-s .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultIcon{
bottom: 8px;
left: 0px;
}
.view-s .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText{
margin-left: 35px;
}
}

@media screen and (orientation: portrait) and (min-device-width: 360px) and (max-device-width: 480px){
.view-xs .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText, .view-s .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText{
width: 90px;
margin-left: 8px !important;
margin-top: 8px !important;
}
}

@media screen and (orientation: portrait) and (max-device-width: 359px){
.view-xs .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText, .view-s .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText{
width: 80px;
margin-left: 6px !important;
margin-top: 8px !important;
}
}

/* Fix für kikaninchen-Suchergebnisse in Ergebnisliste bei Viewport M*/

.view-m .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultText{
margin-left: 30px;
}

.view-m .node-search .modList .filterResult.kikaninchen .teaserSearch .mediaCon .resultIcon{
left:-4px;
}

/* Fix für Video-Direktaufruf, Abstand von Video zu Titel reduziert */

body .section .mod .box.boxInnerDetail .teaser.teaserAv .shortInfos {
margin: -15px 0;
}




/*ARIA-HOTFIX FÜR CHECKBOXEN*/
/**/
.form-button input + label:after, 
.ipgFilter .checkbox input + label:after {
	color:#065 !important;
}

@-webkit-keyframes alertFocus {  0% { color:#f15502;  transform:scale(1); } 100% { color:#cc2000; transform:scale(1.2); }} 
@keyframes alertFocus {  0% { color:#f15502;  transform:scale(1); } 100% { color:#cc2000; transform:scale(1.2); }}
.form-button input:focus:not(:checked) + label:after, 
.ipgFilter .checkbox input:focus:not(:checked) + label:after {
	-webkit-animation: alertFocus 150ms ease-in-out alternate infinite;
	animation: alertFocus 150ms ease-in-out alternate infinite;
}

@-webkit-keyframes alertFooterFocus {  0% { color:#ff;  transform:scale(1); } 100% { color:rgba(255,255,255, 0.5); transform:scale(1.2); }} 
@keyframes alertFooterFocus {  0% { color:#fff;  transform:scale(1); } 100% { color:rgba(255,255,255, 0.5); transform:scale(1.2); }}
#footer .form-button input:focus:not(:checked) + label:after, 
#footer .ipgFilter .checkbox input:focus:not(:checked) + label:after {
	-webkit-animation: alertFooterFocus 150ms ease-in-out alternate infinite;
	animation: alertFooterFocus 150ms ease-in-out alternate infinite;
}
#footer .form-button input + label:after, 
#footer .ipgFilter .checkbox input + label:after {
 color:#fff;
}

.conWrapper .con.quickfix .modCon {
	margin:0 !important;
}
.conWrapper .con.quickfix .modCon .mod {
	padding:22px;
}

/* BEREITS IN SCSS ÜBERFÜHRT: */

/* FIX fuer staticHTML -->

.box.staticHTML {
    padding:0;
}

 FIX fuer Likebutton bei Audios -->

.av-playerContainer.hasAudio .controls .avPlayerAdd .controls-left {
    width:100%;
}

.av-playerContainer.hasAudio .controls .avPlayerAdd .controls-left .btn.rating {
    float: right;
}

.sectionQuiz .quiz-answers .av-playerContainer.hasAudio .controls .avPlayerAdd .controls-left .btn.infoBtn {
    display: none;
}

.av-playerContainer .avPlayerSubtitles p span {
    color:#fff;
}

 FIX fuer Bewertungen nach dem Video -->

.av-playerContainer.ended .controls {
    z-index: unset!important;
}

.av-playerContainer.ended .rating {
    display: block;
    z-index: 6;
}



*/

/*Hotfix für XS - / S - Darstellung des doppelten Channelheaders */

.view-xs .sectionA.sectionSubHeader.imgHeader,
.view-s .sectionA.sectionSubHeader.imgHeader {
  background-image: none !important;
}


/* Hotfix für Audio-Control-Button - Pause  

.av-playerContainer.hasAudio .controls{
height: 0;
bottom: 15px;
}

.av-playerContainer.hasAudio .controls .avPlayerProgressBarWrapper{
margin-top: 0 !important;
}

.av-playerContainer.hasAudio .controls .avPlayerProgressBarWrapper .timeFrame{
bottom: -15px !important; 
}

*/


/* Hotfix für Audio-Control-Buttons - Quizspiel */
#quiz-content .av-playerContainer .controls .btn{
min-width: auto; 
}




/* Hotfix Versalien / uppercase */

.section .con h2.conHeadline{
text-transform: none;
}


/*fix ipg teaser*/
/*
#content .con .mod.modA .teaser.teaserIPGLivestream .mediaCon .media {
  padding-top: 0; }

  #content .con .mod.modA .teaser.teaserIPGLivestream .mediaCon .media > *:first-child {
    top: unset;
    left: unset;
    height: 24px !important; }

*/


/* bei uk-style Schrift ohne ultramagnetic */
.uk-style h1, .uk-style h2, .uk-style h3,  .uk-style h4, .uk-style h5, .uk-style #bigstage, .uk-style caption, .uk-style button, .uk-style .subnavi ul li a, .uk-style .moreBtn, .uk-style .searchForm input, .uk-style .teaser .dachzeile, .uk-style p.more, .uk-style .mediaInfo, .uk-style .subtitle, .uk-style .broadcastInfo, .uk-style .controls, .uk-style .downloadInfo, .uk-style .searchBox, .uk-style .icon-duration, .uk-style .bundleNavi, .uk-style .mediaHint, .uk-style .formTrigger, .uk-style .sectionIPGControl, .uk-style .uk-style .sectionIPGBody, .uk-style .uk-style .conIPGSlider, .uk-style .closeBtn, .uk-style p.dachzeile, .uk-style span.title, .uk-style .modFormVoting label, .uk-style #header .menueToggle, .uk-style .footerWrapperKids, .uk-style .comments_tags {
    font-family: arial, roboto, helvetica, sans-serif;
}

/*Alexa Skills Test*/

.node-alexaskills .Rbxja {
    margin: 0;
    padding: 0 10px 10px;
}


/* Hotfix für Position Eltern-Logo Hover-Effekt */
#header .logo {
    margin: 52px 0 11px 50px;
}
#header .logo .ani {
    top: 27px;
}

/* Hotfix für Footer Elternseite */
html.view-xs #footer .footerWrapperParents .unitC h3, html.view-s #footer .footerWrapperParents .unitC h3 {
    color: #14334D !important;
}

/*ATI-Nielsen - Tracking Schalter*/

p#cookieStateNielsen, .boxCon p#cookieState {
    color: #858285;
}

#nielsenText p {
    color: #14334d;
}

/* Hotfix Kommunikationsportal ausblenden des Drucken-Button */
 span.moreBtn.print {
    display: none;
}




