.accordion{margin:0;padding:0;border:2px solid hsl(0deg 0% 52%);border-radius:7px;width:20em}.accordion h3{margin:0;padding:0}.accordion:focus-within{border-color:var(--primaerfarbe)}.accordion:focus-within h3{background-color:hsl(0deg 0% 97%)}.accordion>*+*{border-top:1px solid hsl(0deg 0% 52%)}.j-accordion_trigger{background:none;color:hsl(0deg 0% 13%);display:block;font-size:1rem;font-weight:normal;margin:0;padding:1em 1.5em;position:relative;text-align:left;width:100%;outline:none}.j-accordion_trigger:focus, .j-accordion_trigger:hover{background:var(--primaerfarbe-focus)}.accordion-trigger:focus{outline:4px solid transparent}.accordion>*:first-child .j-accordion_trigger, .accordion>*:first-child{border-radius:5px 5px 0 0}.accordion>*:last-child .j-accordion_trigger, .accordion>*:last-child{border-radius:0 0 5px 5px}button{border-style:none}.accordion button::-moz-focus-inner{border:0}.accordion_title{display:block;pointer-events:none;border:transparent 2px solid;border-radius:5px;padding:0.25em;outline:none}.j-accordion_trigger:focus .accordion_title{border-color:var(--primaerfarbe)}.accordion_icon{border:solid currentColor;border-width:0 2px 2px 0;height:0.5rem;pointer-events:none;position:absolute;right:2em;top:50%;transform:translateY(-60%) rotate(45deg);width:0.5rem}.accordion-trigger:focus .accordion_icon, .accordion-trigger:hover .accordion_icon{border-color:var(--primaerfarbe)}.j-accordion_trigger[aria-expanded='true'] .accordion_icon{transform:translateY(-50%) rotate(-135deg)}.accordion_panel{margin:0;padding:1em 1.5em}.accordion_panel[hidden]{display:none}fieldset{border:0;margin:0;padding:0}input{border:1px solid hsl(0deg 0% 42%);border-radius:0.3em;display:block;font-size:inherit;padding:0.3em 0.5em}.w-alter__alterauswahl--container, .w-alter__avatar--container{display:flex;justify-content:space-between;max-width:600px;margin:30px auto}.w-alter__avatar--container{justify-content:space-evenly}.w-alter__alterauswahl--container{flex-wrap:wrap;justify-content:center;gap:20px}.w-alter__alterauswahl--container div{display:flex;flex-wrap:wrap;gap:20px;border-radius:7px}.w-alter__alterauswahl--box{width:125px;flex-direction:column-reverse;height:160px;border:solid 2px var(--primaerfarbe);display:flex;align-items:center;justify-content:flex-start;cursor:pointer;padding:5px}.w-alter__avatar{width:100px;cursor:pointer}.ausgrauen{filter:grayscale(100%);opacity:0.5}.highlighted{border:solid 1px yellow}/** * Generelle App-Styles */:root{/* --textfarbe:#505050;--primaerfarbe:#ff7260;--text_auf_primaerfarbe:#505050;--primaerfarbe-hover:#ffbbb3;--primaerfarbe-focus:#ffbbb3;--hintergrund-farbe:#fff;--secundaerfarbe:#9bd7d5;*/ --font-size:20px;--font-size-h1:35px;--font-size-h2:29px;--font-size-h3:24px;--font-size-h4:19px;min-height:100%}.hidden{display:none !important}html{min-height:100%;margin:0;padding:0}body{min-height:100%;margin:0;padding:0}div, section, nav{box-sizing:border-box}a{text-decoration:underline;cursor:pointer}a:hover{color:var(--primaerfarbe)}a:visited{color:var(--primaerfarbe)}footer{height:var(--menu-height)}.w-screen{height:100%;margin:auto;/* display:flex;align-items:center;justify-content:center;*/}.w-content{height:100%;position:relative}.flex--vertical{display:flex;flex-direction:column}.align--center{align-items:center}.filters{height:0;width:0}:root{--menu-height:60px;--translation-height:70px}#j-appmenu-burger{box-sizing:border-box;position:fixed;display:flex;top:0;left:0;width:var(--svg-width);background:transparent;align-items:flex-start;justify-content:space-between;padding:10px 20px;padding-top:0;z-index:100;max-width:var(--svg-width);left:calc(50% - var(--svg-width) / 2)}#j-appmenu-burger_container{width:70px;background:transparent}#j-appmenu-burger_button{width:auto;height:auto;display:block;background:transparent;border:none;align-self:flex-start;padding:0;z-index:10;margin:0}#j-appmenu-burger_button img{width:70px;height:auto;vertical-align:bottom;cursor:pointer}.mobile #j-appmenu-burger_container, .mobile #j-appmenu-burger_button img{width:50px}/* #j-appmenu-burger_button.close{background-image:url("/./app/assets/_icons/icons/close-w.svg")}*/ a.link__programmomat--logo{color:var(--primaerfarbe)}a.link__info{display:block;padding:3px;border:solid 3px var(--primaerfarbe);color:var(--primaerfarbe);border-radius:50%;text-align:center;height:30px;width:30px;font-size:1.5rem;line-height:1.5rem;font-weight:700;box-sizing:border-box}.j-appmenu-burger_link{height:var(--translation-height);display:block;transform:translate(0px, calc(var(--translation-height) * -1));transition-duration:0.3s;position:relative;transition-timing-function:ease-out}.j-appmenu-burger_link--infos{z-index:5}.j-appmenu-burger_li--impressum{transform:translate(0px, calc(var(--translation-height) * -2));transition-duration:0.6s;z-index:3}.j-appmenu-burger_li--datenschutz{transform:translate(0px, calc(var(--translation-height) * -3));transition-duration:0.9s;z-index:1}.j-appmenu-burger_link img{height:100%;width:auto}#j-appmenu-burger li{list-style-type:none}#j-appmenu-burger ul{margin:0;padding:0}.appmenu-burger_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.appmenu-burger__logo{align-self:flex-start}.appmenu-burger__logo{width:200px}.mobile .appmenu-burger__logo{width:120px}.w-ergebnis__programm--container{display:flex;margin:auto;max-width:1000px;justify-content:center;gap:20px;align-items:center;margin-top:40px}.w-ergebnis__programm--box{min-height:100px;padding:0 0 20px 0px;width:100%;max-width:600px}.w-ergebnis__programm--mediathekname{text-transform:uppercase;font-size:0.8rem;background:var(--primaerfarbe);margin-top:0;padding:5px;width:100%;display:inline-block;box-sizing:border-box}.w-ergbnis__grafik{display:block;margin:auto;margin-bottom:50px;max-width:1000px;max-height:60vh;width:100%}.w-ergebnis__programm--container.kultur .w-ergebnis__programm--mediathekname{background:var(--kultur)}.w-ergebnis__programm--container.bildung .w-ergebnis__programm--mediathekname{background:var(--bildung)}.w-ergebnis__programm--container.beratung .w-ergebnis__programm--mediathekname{background:var(--beratung)}.w-ergebnis__programm--container.information .w-ergebnis__programm--mediathekname{background:var(--information);color:white}.w-ergebnis__programm--container.sport .w-ergebnis__programm--mediathekname{background:var(--sport)}.w-ergebnis__programm--container.unterhaltung .w-ergebnis__programm--mediathekname{background:var(--unterhaltung)}.w-ergebnis__programm--link:after{content:url(../assets/_icons/icons/link_icon.svg);height:0.5rem;width:0.5rem;display:inline-block;margin-left:0.5rem;vertical-align:super}[dictionary="dieseprogrammeknnten"]{font-size:1.5rem}.ergebnis__box--name-spruch{padding:5px;padding-top:5px;display:flex;flex-direction:column;overflow:hidden;align-items:center;justify-content:center}.mobile .ergebnis__box--name-spruch{padding:10px 5px 5px 5px}.ergebnis__nickname{font-size:32px;font-family:"TheMixB-W7Bold"}.ergebnis__spruch{font-size:40px;font-family:"TheMixB-W8ExtraBold"}.mobile .ergebnis__nickname{font-size:16px;font-family:"TheMixB-W7Bold"}.mobile .ergebnis__spruch{font-size:20px;font-family:"TheMixB-W8ExtraBold"}.ergebnis__programm--box{padding:0px 0 0px 0px;text-align:left}.ergebnis__programm-inner-container{transition-timing-function:linear;padding-top:40px}.ergebnis__programm--link{font-family:"TheMixB-W5Plain";font-size:25px;color:#35546f;display:block;text-align:left;text-decoration:none}.ergebnis__programm--link:before{content:url(../assets/_icons/icons/link_icon.svg);height:1rem;width:1rem;display:inline-block;margin-right:0.5rem}.ergebnis__programm--mediathekname{font-family:"TheMixB-W7Bold";font-size:32px;margin-bottom:10px}.mobile .ergebnis__programm--link{font-size:20px}.mobile .ergebnis__programm--mediathekname{font-size:25px}.ergebnis__programm-container{overflow-y:auto}.ergebnis__spezial-programm--box h1{font-size:30px;margin-bottom:0;margin-top:30px;text-align:left}@keyframes print{0%{transform:translate(0, -100%)}100%{transform:translate(0, 0)}}@media (max-width:600px){.w-ergebnis__programm--container{flex-direction:column}}:root{--green-light:#c7e49c;--green:#8fc93a;--yellow-light:#ffdc83;--yellow:#ffba08;--orange-light:#f2b084;--orange:#e5630a}.w-info{text-align:center;position:fixed;left:0px;top:0px;width:90%;padding:14px;margin:5%;z-index:1000}/** * Alertlevels **/ .w-info.w-notice{background-color:var(--primaerfarbe);color:white;border-bottom:solid 5px var(--secundaerfarbe)}.w-info.w-warning{background-color:var(--yellow-light);color:black;border-bottom:solid 5px var(--yellow)}.w-info.w-error{background-color:var(--orange-light);color:black;border-bottom:solid 5px var(--orange)}.info__text{font-size:25px;overflow-y:scroll;padding:20px;height:90%;width:90%;margin:auto;margin-top:5%;text-align:left}.mobile .info__text{font-size:20px;padding:10px}.info__text p:first-of-type{margin-top:0}.w-interessen__auswahl--container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;max-width:1000px;margin:30px auto;flex-wrap:wrap;justify-content:center;gap:20px}.w-interessen__auswahl--box{width:125px;height:125px;border:solid 2px var(--primaerfarbe);display:flex;justify-content:center;align-items:center;border-radius:7px;position:relative;cursor:pointer}.w-interessen__auswahl--box #avatar__emoji{position:absolute;z-index:10}.w-interessen__auswahl--box img{height:120px;width:120px}.w-interessen__avatar{width:100px;cursor:pointer}.w-interessen__avatar--container{min-height:120px}.no-focus:focus{outline:none;cursor:none}.animated-licht{animation:flackern 3s infinite 1s}@keyframes flackern{0%{opacity:1}18%{opacity:1}20%{opacity:0.7}23%{opacity:1}25%{opacity:0.5}28%{opacity:1}30%{opacity:0.4}33%{opacity:0.7}35%{opacity:0.5}40%{opacity:1}100%{opacity:1}}@media (max-width:1000px){.w-interessen__auswahl--container{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;max-width:600px}}@media (max-width:480px){.w-interessen__auswahl--container{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;justify-items:center;max-width:300px}}.app-modal{background:white;width:90%;z-index:151;position:fixed;left:5%;top:10%;max-width:600px;max-height:80vh;padding:20px;font-size:20px}.app-modal_close{height:30px;width:30px;background:transparent;position:absolute;right:15px;top:15px}.overlay{opacity:0.5;background:black;height:100%;width:100%;position:fixed;left:0;top:0;z-index:150}.app-modal_title:focus{outline:none}h2.app-modal_title{margin-top:0}.app-modal_buttons{margin-top:20px;display:flex;gap:20px;justify-content:center}@media (min-width:656px){.app-modal{left:calc((100% - 600px) / 2)}}@font-face{font-family:"TheMixB-W5Plain";src:url("../assets/fonts/TheMixB-W5Plain.woff2") format("woff2"), url("../assets/fonts/TheMixB-W5Plain.woff") format("woff");font-style:normal;font-weight:400}@font-face{font-family:"TheMixB-W7Bold";src:url("../assets/fonts/TheMixB-W7Bold.woff2") format("woff2"), url("../assets/fonts/TheMixB-W7Bold.woff") format("woff");font-style:normal;font-weight:700}@font-face{font-family:"TheMixB-W9Black";src:url("../assets/fonts/TheMixB-W9Black.woff2") format("woff2"), url("../assets/fonts/TheMixB-W9Black.woff") format("woff");font-style:normal;font-weight:900}@font-face{font-family:"TheMixB-W8ExtraBold";src:url("../assets/fonts/TheMixB-W8ExtraBold.woff2") format("woff2"), url("../assets/fonts/TheMixB-W8ExtraBold.woff") format("woff");font-style:normal;font-weight:800}:root{--primaerfarbe:#35546f;--secundaerfarbe:rgb(167, 182, 205);--gelb:#fbc800;--dunkel-blau:#1f2b35;--text_auf_primaerfarbe:#fff;--green:#28fc3f;--red:#fe0e00;--secundaerfarbe-hell:#7dd5e9;--text-farbe:#4d4d4d;--sport:#ed1c24;--beratung:#009245;--kultur:#f7931e;--information:#2e3192;--bildung:#29abe2;--unterhaltung:#a5519b;--svg-width:1920px}body, button, input, select, textarea{font-family:"TheMixB-W5Plain"}a{color:var(--primaerfarbe)}a.app__button, button.app__button{font-size:20px;display:block;padding:10px;background-color:var(--gelb);color:white;text-decoration:none;width:100%;height:100%;border-radius:5px;box-sizing:border-box;padding:3px;border:var(--dunkel-blau) 3px solid;cursor:pointer}.app__button-container{width:126px;height:56px;padding:3px;background-color:var(--primaerfarbe);border-radius:5px}.app__button-inner-container{border:#fff 2px solid;width:100%;height:100%;padding:5px;border-radius:2px}body, html{text-align:center}html{background-color:white}body{color:#1f2b35;background:linear-gradient(rgba(167, 182, 205, 0.55) 0%, rgba(8, 79, 125, 0.55) 100%);background-repeat:no-repeat;background-size:contain}footer{width:100%}h2{font-family:"TheMixB-W7Bold"}input{margin:auto;display:block}.button__container{display:flex;width:100%;gap:20px;margin:20px auto;justify-content:center}.button__container .app__button{margin:0}/* .w-screen{background-image:linear-gradient( to bottom, var(--secundaerfarbe-dunkel), var(--primaerfarbe) );color:var(--text_auf_primaerfarbe)}*/ #w-preloader{position:absolute;width:100vw;height:100vh;background:var(--primaerfarbe);color:var(--text_auf_primaerfarbe);display:flex;justify-content:center;align-items:center;font-size:32px;z-index:200}#programmomat{margin:0;padding:0}.programmomat nav{position:fixed}.programmomat__container{/* height:100%;width:100%;*/ margin:auto;display:flex;align-items:center;flex-direction:column;overflow-x:hidden;overflow-y:auto}.programmomat__svg-container{height:100%;width:100%;flex:0 0 1920px;overflow:hidden;padding:0 10px}.programmomat__svg-container svg{width:100%}#nickname-input{width:100%;height:100%;box-sizing:border-box;border:none;font-size:32px;border-radius:10px}.mobile #nickname-input{font-size:20px}.mobile #spruch{font-size:25px}[id*="gradiant-grey"]{fill:url(#RadialGrey) !important}[id*="linear-gradient"]{fill:url(#LinearWhite) !important}.animated-robo{animation:rein-floaten 1.7s ease-out}@keyframes rein-floaten{0%{transform:translate(0, -30%)}30%{transform:translate(0, -30%)}70%{transform:translate(0, 30px)}100%{transform:translate(0, 0)}/* 0%{transform:translate(0, -15px)}*/ /* 94%{transform:translate(0, 0px)}94%{transform:translate(0, 5px)}100%{transform:translate(0, 0)}*/}[role='radiogroup']{padding:0;margin:0;list-style:none}[role='radiogroup']:focus{outline:none}[role='radio']{padding:4px 8px;border:0 solid transparent;border-radius:5px;display:inline-block;position:relative;cursor:default;outline:none;color:black}[role='radio']+[role='radio']{margin-left:1em}[role='radio']::before{position:relative;top:1px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='14' style='forced-color-adjust:auto;'%3E%3Ccircle cx='7' cy='7' r='6' stroke='rgb(0, 90, 156)' stroke-width='2' fill-opacity='0' /%3E%3C/svg%3E")}[role='radio'][aria-checked='true']::before{position:relative;top:1px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='14' style='forced-color-adjust:auto;'%3E%3Ccircle cx='7' cy='7' r='6' stroke='rgb(0, 90, 156)' stroke-width='2' fill-opacity='0' /%3E%3Ccircle cx='7' cy='7' r='3' fill='rgb(0, 90, 156)' stroke-opacity='0' /%3E%3C/svg%3E")}[role='radio'].focus, [role='radio']:hover{padding:2px 6px;border:2px solid #005a9c;background-color:#def;cursor:pointer}.w-startseite__programmomat{display:block;font-size:3rem;font-weight:700}