@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:url('/system/fira-sans-350.woff2') format('woff2'),url('/system/fira-sans-350.woff') format('woff')}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;src:url('/system/fira-sans-350-italic.woff2') format('woff2'),url('/system/fira-sans-350-italic.woff') format('woff')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:url('/system/fira-sans-500.woff2') format('woff2'),url('/system/fira-sans-500.woff') format('woff')}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:400;src:url('/system/fira-sans-condensed-350.woff2') format('woff2'),url('/system/fira-sans-condensed-350.woff') format('woff')}
@font-face{font-family:'Fira Sans Condensed';font-style:italic;font-weight:400;src:url('/system/fira-sans-condensed-350-italic.woff2') format('woff2'),url('/system/fira-sans-condensed-350-italic.woff') format('woff')}
@font-face{font-family:'Fira Sans Condensed';font-style:normal;font-weight:500;src:url('/system/fira-sans-condensed-500.woff2') format('woff2'),url('/system/fira-sans-condensed-500.woff') format('woff')}
body{font-family:'Fira Sans',var(--bs-font-sans-serif);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;background-color:#d0e2f5;scroll-margin-top:38px}
h2{font-size:1.5rem;font-weight:500;margin-top:-.25rem;margin-bottom:.75rem}
h3{font-size:1.25rem;font-weight:500;margin-top:1.5rem;margin-bottom:.75rem}
h4{font-size:1.0625rem;font-weight:500;margin-top:1rem;margin-bottom:.5rem}
h5{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}
h6{font-size:1.125rem;font-weight:500;margin-top:-.5rem;margin-bottom:.875rem;color:#6c757d!important}
h4+h6{margin-top:-.25rem}
b{font-weight:500}
strong{font-weight:500}
a{text-decoration:none}
.lead{font-size:1.125rem;font-weight:500}
blockquote,.blockquote{font-size:1rem;font-weight:400;font-style:italic;background-color:#f8f9fa;border:1px solid #dee2e6;padding:.5rem .625rem}
kbd{padding:.1rem .37rem .175rem .375rem;vertical-align:.075em;margin-right:.025rem}
ol,ul{padding-left:1rem}
ul{list-style-type:disc}
ol:last-child,ul:last-child{margin-bottom:-.25rem}
.icon-label{margin-bottom:.5rem;background-color:#f8f9fa;border:1px solid #dee2e6}
.icon-label:last-child{margin-bottom:0}
.icon-label div{padding:.5rem .625rem}
.icon-label>div:first-child{width:4rem;padding:.25rem;font-size:1.75rem;text-shadow:#6c757d 0 0 15px;background-color:#dee2e6;color:#fff;box-shadow:0 0 1px rgba(0,0,0,.3)!important}
.mt--3{margin-top:-1rem}
form>div{margin-bottom:1rem}
form>div:last-child{margin-bottom:0}
p+.btn,ol+.btn,ul+.btn,p+.buttonleiste,ol+.buttonleiste,ul+.buttonleiste{margin-top:-.25rem}
.buttonleiste{margin-right:-.5rem;margin-bottom:-.5rem}
.buttonleiste .btn{margin-right:.5rem;margin-bottom:.5rem}
.btn+h3{margin-top:1.75rem}
.randspalte p+.btn{margin-top:0}
.bg-black{background-color:#000}
.float-clear{clear:both}
.btn-socialmedia-box{float:right;z-index:2;padding:0;margin-top:-3px}
.btn-socialmedia{padding:0;margin-left:.875rem;background:transparent;border:0;border-radius:.375rem}
.btn-socialmedia:hover{text-decoration:none}
.btn-socialmedia:focus{outline:0;box-shadow:0 0 0 .25rem rgba(0,102,203,0.25)}
.btn-socialmedia:disabled,.btn-close.disabled{pointer-events:none;user-select:none;opacity:.25}
.btn-socialmedia-white{filter:invert(1) grayscale(100%) brightness(200%)}
.card-body p:first-child{margin-top:-.125rem}
.card-body p:last-child{margin-bottom:-.25rem}
.livestream-sendung{padding-top:0;padding-bottom:0}
.livestream-sendung .card-body{padding-top:.75rem;padding-bottom:0}
.livestream-sendung h3{margin-top:0}
.btn,.nav-pills>.nav-link{padding-bottom:.375rem;background-image:linear-gradient(to bottom,rgba(255,255,255,.1),rgba(0,0,0,.1))!important}
.btn-sm{padding-bottom:.1625rem}
.list-group-icon-item{padding-left:2.75rem;text-indent:-1.75rem}
.list-group-item i::before{width:1.75rem;font-size:1.25rem;vertical-align:-.25rem;text-indent:0}
.list-group-item .badge{text-indent:0}
a.list-group-item-action:hover,.dropdown-item:hover{color:#101214;background-color:#e9ecef}
a.list-group-item-action:active,.dropdown-item:active{color:#000;background-color:#dee2e6}
.alert{padding:.5rem .625rem .5rem 2.5rem;text-indent:-.875rem}
.alert i::before{width:.875rem;font-size:1.25rem;vertical-align:-.25rem}
.alert:last-child{margin-bottom:0}
.text-truncate-1{-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.text-truncate-2{-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.text-truncate-3{-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.text-truncate-4{-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.text-truncate-5{-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.text-truncate-6{-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.text-truncate-7{-webkit-line-clamp:7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.seitenkopf{width:100%;background-color:#fff}
.seitenkopf-dunkel{background-color:#000}
.seitenkopf-hoehe{height:90px}
.seitenkopf-box{display:flex;width:100%;align-items:stretch;overflow:hidden}
.seitenkopf-box-logo{flex:0 0 content}
.seitenkopf-box-frequenz-hintergrund{flex:1 20 50%}
.seitenkopf-box-hintergrund{display:flex;width:100%;height:100%;align-items:stretch;background-size:cover;background-position:center}
.seitenkopf-box-hintergrund-verlauf-hell{background:linear-gradient(to right,transparent 93%,rgba(255,255,255,.3) 96%,rgba(255,255,255,.8) 98.5%,#fff)}
.seitenkopf-box-hintergrund-verlauf-dunkel{background:linear-gradient(to right,transparent 93%,rgba(0,0,0,.3) 96%,rgba(0,0,0,.8) 98.5%,#000)}
.seitenkopf-box-frequenz{flex:0 0 content}
.seitenkopf-overlay{margin-top:-90px;width:100%;visibility:hidden;opacity:0;transition:visibility 2s ease-in-out .5s,opacity .5s ease-in-out}
.seitenkopf-overlay-sichtbar{visibility:visible;opacity:1;transition-delay:0s}
.frequenz{margin-left:-9%}
.seitenkopf-box-hintergrund-textfeld{flex:1 1 0%}
.seitenkopf-text{margin-bottom:1px}
.hintergrund-text-box{display:flex;height:100%;margin-left:-23px;padding-right:5%;font-size:.875rem}
.hintergrund-text{font-size:.75rem;color:#000;text-shadow:0 0 3px rgba(255,255,255,.8),0 0 6px rgba(255,255,255,.8)}
.hintergrund-text-hell{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.8)}
.aktuelle-sendung-box{flex:0 0 25%;padding-left:1.175rem}
.aktuelle-sendung{overflow:hidden}
.aktuelle-sendung h6{font-size:1rem}
#menue{margin-left:-.75rem;margin-right:-.75rem}
#menue .btn{background-image:none!important}
#menue .btn:hover,#menue .btn:focus,#menue .btn:active{background-image:linear-gradient(to bottom,#1a68b5,#004e9c)!important}
.menue-icon{display:inline-block;cursor:pointer}
.menue-balken-1,.menue-balken-2,.menue-balken-3{display:block;width:16px;height:2px;background-color:#fff;margin-top:3px;border-radius:1px;transition:0.4s}
.menue-umschalten .menue-balken-1{-webkit-transform:rotate(-45deg) translate(-4px,3.5px);transform:rotate(-45deg) translate(-4px,3.5px)}
.menue-umschalten .menue-balken-2{opacity:0}
.menue-umschalten .menue-balken-3{-webkit-transform:rotate(45deg) translate(-3px,3.5px);transform:rotate(45deg) translate(-3px,-3.5px)}
.btn-scroll{visibility:hidden;opacity:0;transition:visibility 0s ease-in-out .5s,opacity .5s ease-in-out}
.btn-scroll-sichtbar{visibility:visible;opacity:1;transition-delay:0s}
#navbar-list{position:absolute;border-bottom:1px solid #d9d9d9;width:100%}
#navbar-list ul{margin-left:-1.5rem}
#navbar-list ul ul{margin-left:1.5rem;font-size:.875rem}
.tab-pane ul{margin-bottom:.75rem}
.menue-box{display:flex;align-items:stretch;margin-top:.75rem;margin-left:-.75rem;margin-right:-.75rem}
.menue-tabs{flex:0 0 content;padding-bottom:.25rem;line-height:1.5!important}
.menue-tabs .nav-link{margin-bottom:.5rem;border:1px #0052a2 solid}
.menue-eintraege{flex:1 1 content;margin-left:1.25rem;line-height:2!important}
.gesperrt{pointer-events:none;user-select:none}
#eilmeldung-button{margin-bottom:6px}
p.kopfleiste{font-size:.875rem;line-height:1.3125!important;margin-bottom:1px}
.hauptinhalt{width:100%;padding-top:.75rem;opacity:1;transition:opacity .1s ease-in-out}
.hauptinhalt-matt{opacity:.25}
.hintergrundfarben{background:linear-gradient(to bottom,transparent 1.5rem,#f0f6fb,#e8f1fa,transparent calc(100% - 5rem))}
.hintergrundfarben-fruehling{background:linear-gradient(to bottom,transparent 1.5rem,#e4f8e0,#e8f1fa,transparent calc(100% - 5rem))}
.hintergrundfarben-sommer{background:linear-gradient(to bottom,transparent 1.5rem,#faf4e0,#e8f1fa,transparent calc(100% - 5rem))}
.hintergrundfarben-herbst{background:linear-gradient(to bottom,transparent 1.5rem,#f8ece0,#e8f1fa,transparent calc(100% - 5rem))}
.hintergrundfarben-vielfalt{background:linear-gradient(to bottom,transparent 1.5rem,#f8c0c0,#ffe2c0,#fffac0,#c0dfc9,#c0d3ff,#dcc1e1,transparent calc(100% - 5rem))}
.figure-50{width:100%;margin-top:0;margin-bottom:.875rem;pointer-events:none}
.figure-100{width:100%;margin-top:0;margin-bottom:.875rem;pointer-events:none}
ul .figure-50, ul .figure-100{margin-top:.875rem;margin-bottom:1rem}
img.figure-img{margin-bottom:0}
.figure-caption{margin-top:.125rem;margin-bottom:0}
.ladeanzeige{position:fixed;z-index:1010;display:flex;width:100%;height:100%;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:visibility 0s ease-in-out .1s,opacity .1s ease-in-out}
.ladeanzeige-sichtbar{visibility:visible;opacity:1;transition-delay:0s}
.ladeanzeige-spinner{width:5rem;height:5rem}
.randspalte{font-size:.875rem;line-height:1.3125!important}
.randspalte,.seitenkopf-text,#sitemap,.engschrift,h6{font-family:'Fira Sans Condensed','Fira Sans',var(--bs-font-sans-serif)}
.card{margin-top:0;margin-bottom:.75rem;border:1px solid rgba(0,0,0,.15);box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
h4.card-header{padding-top:.495rem;padding-bottom:.402rem;background-color:rgba(73,80,87,.85);margin-top:-2rem;line-height:1.0625rem;text-shadow:0 0 3px rgba(0,0,0,.5)}
img.card-img-top{min-height:2rem;box-shadow:0 0 1px rgba(0,0,0,.3)!important}
.card .badge{font-size:.875rem;font-weight:500;background-color:#495057;border-radius:50rem!important;float:right;padding-top:4px;padding-bottom:3px;margin-top:1px;margin-right:-1px;margin-left:.5rem}
.card+.randspalte .badge{font-size:.75rem}
.card .active .badge{color:#0066cb;background-color:#fff}
.card .active{pointer-events:none}
.card-footer{padding:1rem .5rem .5rem 1rem;background-color:#fff;border-top-color:#dee2e6}
.card-footer .btn{margin:0 .5rem .5rem 0;float:left}
.sendungseintrag{padding-top:.5rem;padding-bottom:.625rem}
.sendungseintrag-verstrichen{opacity:.6}
.sendungseintrag-aktuell{background-color:#fcf8e3;color:#000}
.titelarchiv-label{width:4.8rem}
.audio-box{background-color:#444445;float:left;width:100%;padding:.25rem;line-height:.5rem}
.audio-box-innen{background-color:#f1f3f4;width:100%}
audio{width:100%}
.legende{width:1rem;height:1rem;border:1px solid #6c757d;margin-top:1px;margin-right:.5rem}
.wettergrafik{width:100%;table-layout:fixed;border:0;border-spacing:0;padding:0;overflow-x:auto;font-size:75%}
.wettergrafik tr{text-align:center;vertical-align:middle;margin-top:1px}
.wettergrafik tr td{padding:0;border: 1px solid #f8f9fa;cursor:default}
.wettergrafik tr td div{width:100%}
.text-vertikal{writing-mode:vertical-rl;transform:rotate(180deg)}
.text-vertikal-zentriert{margin-left:calc(45% - 7px)}
.accordion{margin:-1rem;--bs-accordion-btn-padding-x:1rem;--bs-accordion-btn-icon-width:1rem}
.accordion-collapse{background-color:#f8f9fa}
.accordion-body{padding:.75rem 1rem .875rem 1rem}
h5.modal-title{margin-top:3px}
.modal .figure-50,.modal .figure-100{margin-bottom:.125rem}
.modal-header{height:3rem;background-color:#e9ecef;border-bottom-color:#ced4da}
.modal-header.bg-danger{border-color:#b02a37;border-bottom-color:#842029;color:#fff}
.modal-body{padding-top:.875rem;padding-bottom:.5rem}
.modal-footer{margin-top:-.75rem;background-color:#f8f9fa;border-top-color:#dee2e6}
.sitemap{padding-top:.5rem;font-size:.875rem;line-height:1.75!important;color:#495057;background-color:#ced4da}
.sitemap a{color:#495057}
.sitemap a:hover{color:#0066cb}
.sitemap h5{margin-top:.25rem}
.sitemap ul{margin-bottom:.875rem}
.seitenfuss{font-size:.875rem;line-height:1.25!important;background-color:rgba(73,80,87,.96);color:#fff;box-shadow:0 0 25px 0 rgba(255,255,255,.75)!important;visibility:hidden;opacity:0;transition:visibility 1s ease-in-out .25s,opacity .25s ease-in-out;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}
.seitenfuss-sichtbar{visibility:visible;opacity:1;transition-delay:0s}
.seitenfuss-hoehe,.streamleiste-hoehe{height:67px}
.seitenfuss p{margin-bottom:0}
.seitenfuss-stream>button,.streamleiste>button{font-size:3rem;line-height:3.45rem;width:52px;height:52px;padding:0;transition:all .3s}
.seitenfuss-icon{height:50px;width:50px;margin:1px .75rem 0 1rem;font-size:2rem;color:rgba(0,0,0,.9);text-shadow:rgba(255,255,255,.7) 0 0 15px}
.seitenfuss-titelleiste{opacity:0;transition:opacity .5s linear}
.seitenfuss-titelleiste-sichtbar{opacity:1}
.seitenfuss-titelanzeige{margin-right:.5rem}
#streamplayer-spinner{display:block;width:2.25rem;height:2.25rem;padding:0;margin:.375rem}
.streamleiste-button>.btn{font-size:1.25rem;line-height:2.5rem;width:40px;height:40px;padding:0;margin-left:.5rem}
.seitenfuss-button>.btn{font-size:1.25rem;line-height:2.5rem;width:40px;height:40px;padding:0;margin-left:1rem}
.seitenfuss-ausblenden{margin-left:1rem}
.seitenfuss-link{margin:0;visibility:hidden;opacity:0;transition:visibility 1s ease-in-out .25s,opacity .25s ease-in-out}
.seitenfuss-link-sichtbar{visibility:visible;opacity:1;transition-delay:0s}
.progress{height:.75rem}
.progress-bar{width:10%}
.quizantworten{margin-bottom:-.5rem}
.quizantworten .col-12{margin-bottom:.5rem}
.quizantworten .btn{width:100%;height:100%}
@media(min-width:576px){.seitenkopf-hoehe{height:96px} .seitenkopf-overlay{margin-top:-96px} #menue{margin-left:0;margin-right:0} #navbar-list ul{margin-left:-.75rem} #navbar-list ul ul{margin-left:2.25rem} .menue-box{margin-left:0;margin-right:0} .hauptinhalt{padding-top:1.5rem} .card{margin-bottom:1.5rem} .figure-50{float:right;width:50%;margin-left:.75rem;margin-top:.325rem;margin-bottom:.125rem;pointer-events:auto;cursor:zoom-in} ul .figure-50, ul .figure-100{margin-top:.325rem;margin-bottom:.125rem} .col-lg-8 .figure-50{margin-bottom:.125rem} .modal .figure-50,.modal .figure-100{width:100%;margin-left:0;margin-top:0;margin-bottom:.125rem;cursor:auto} .sitemap{padding-top:1rem} .quizantworten{padding-left:.5rem;padding-right:.5rem} .quizantworten .col-12{padding-left:.25rem;padding-right:.25rem}}
@media(min-width:768px){.seitenkopf-hoehe{height:104px} .seitenkopf-overlay{margin-top:-104px} .hintergrund-text-box{margin-left:-26px} .col-md-5 .figure-100{pointer-events:auto;cursor:zoom-in} .modal .figure-100{margin-top:0;margin-bottom:.125rem;cursor:auto}}
@media(min-width:992px){.seitenkopf-hoehe{height:114px} .seitenkopf-overlay{margin-top:-114px} .hintergrund-text-box{margin-left:-6%} .figure-100{pointer-events:auto;cursor:zoom-in} .modal .figure-100{margin-top:0;margin-bottom:.125rem;cursor:auto}}
@media(min-width:1200px){.seitenkopf-hoehe{height:136px} .seitenkopf-overlay{margin-top:-136px}}
@media(min-width:1400px){.seitenkopf-hoehe{height:160px} .seitenkopf-overlay{margin-top:-160px}}
