@charset "utf-8";@font-face{font-family:roboto flex;src:url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Flex.Cyrillic.Ext.woff2)format("woff2-variations");font-display:swap;font-weight:400 900;font-stretch:30% 100%;unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:roboto flex;src:url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Flex.Cyrillic.woff2)format("woff2-variations");font-display:swap;font-weight:400 900;font-stretch:30% 100%;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:roboto flex;src:url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Flex.Latin.Ext.woff2)format("woff2-variations");font-display:swap;font-weight:400 900;font-stretch:30% 100%;unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:roboto flex;src:url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Flex.Latin.woff2)format("woff2-variations");font-display:swap;font-weight:400 900;font-stretch:30% 100%;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:roboto flex fallback;size-adjust:88%;ascent-override:85%;src:local("Arial")}@font-face{font-family:icon;src:url(/pub/theme/vorlage_fe/skin/fonts/Icon-64cc3c7db82fdec6dce958d995123135.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:roboto;src:local("Roboto-Regular"),url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Regular.Latin.Ext.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:roboto;src:local("Roboto-Regular"),local("Roboto Regular"),url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Regular.Latin.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:roboto;src:local("Roboto-Bold"),url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Bold.Latin.Ext.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal;unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:roboto;src:local("Roboto-Bold"),url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Bold.Latin.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:roboto;src:local("Roboto-Italic"),url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Italic.Latin.Ext.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic;unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:roboto;src:local("Roboto-Italic"),url(/pub/theme/vorlage_fe/skin/fonts/Roboto.Italic.Latin.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white-100:rgba(255, 255, 255, 1);--white-85:rgba(255, 255, 255, 0.85);--white-80:rgba(255, 255, 255, 0.8);--white-50:rgba(255, 255, 255, 0.5);--white-30:rgba(255, 255, 255, 0.3);--white-10:rgba(255, 255, 255, 0.1);--block-background:rgba(238, 238, 238, 1);--nav-background:rgba(23, 68, 136, 1);--copyright-color:rgba(76, 79, 79, 1);--link-color:rgba(29, 96, 189, 1);--hover-color-dark:rgba(0, 102, 226, 1);--text-color:rgba(51, 57, 57, 1);--error-color:rgba(130, 24, 16, 1);--button-color:rgba(80, 100, 140, 1);--button-color-80:rgba(80, 100, 140, 0.8);--box-shadow-color:rgba(0, 0, 0, 0.06);--fsu-blue:rgba(0, 35, 80, 1);--fsu-gold:rgba(136, 116, 64, 1);--color-biopha:rgba(57, 126, 65, 1);--color-chege:rgba(116, 167, 64, 1);--color-fsv:rgba(87, 142, 182, 1);--color-m_ehealth:rgba(206, 60, 58, 1);--color-mirz:rgba(0, 129, 152, 1);--color-paf:rgba(223, 123, 42, 1);--color-phifak:rgba(139, 50, 129, 1);--color-rewi:rgba(193, 47, 111, 1);--color-thefak_fe:rgba(106, 80, 157, 1);--color-wiwi:rgba(213, 156, 33, 1);--fsu-font-family:"Roboto Flex", "Roboto Flex Fallback", sans-serif;--fsu-font-variation-headline:"opsz" 15, "slnt" 0, "wdth" 30, "wght" 600, "GRAD" 100;--fsu-font-variation-headline-block:"opsz" 15, "slnt" 0, "wdth" 30, "wght" 500, "GRAD" 0;--fsu-font-variation-headline-block-italic:"opsz" 15, "slnt" -10, "wdth" 30, "wght" 500, "GRAD" 0;--fsu-font-variation-text-regular:"opsz" 15, "slnt" 0, "wdth" 100, "wght" 400, "GRAD" 0;--fsu-font-variation-text-bold:"opsz" 15, "slnt" 0, "wdth" 100, "wght" 600, "GRAD" 100;--fsu-font-variation-text-italic:"opsz" 15, "slnt" -10, "wdth" 100, "wght" 400, "GRAD" 0;--fsu-font-variation-text-condensed:"opsz" 15, "slnt" 0, "wdth" 30, "wght" 400, "GRAD" 0;--fsu-font-variation-text-condensed-bold:"opsz" 15, "slnt" 0, "wdth" 30, "wght" 600, "GRAD" 100;--fsu-font-variation-text-condensed-italic:"opsz" 15, "slnt" -10, "wdth" 30, "wght" 400, "GRAD" 0;--fsu-font-variation-text-condensed-thin:"opsz" 15, "slnt" 0, "wdth" 50, "wght" 200, "GRAD" 0;--fsu-font-variation-text-quote:"opsz" 15, "slnt" -10, "wdth" 80, "wght" 400, "GRAD" 0;--fsu-font-variation-text-quote-bold:"opsz" 15, "slnt" -10, "wdth" 100, "wght" 700, "GRAD" 0;--fsu-font-variation-text-bolder:"opsz" 15, "slnt" 0, "wdth" 100, "wght" 900, "GRAD" 0;--fsu-h1-font-size-scale:1.495rem + 0.34vw;--fsu-h1-font-size-scale-max:1.750rem;--fsu-h1-font-size-scale-min:1.563rem;--fsu-h1-line-height-scale:1.972rem + 0.45vw;--fsu-h1-line-height-scale-max:2.313rem;--fsu-h1-line-height-scale-min:2.063rem;--fsu-block-font-size-scale:1.120rem + 0.34vw;--fsu-block-font-size-scale-max:1.375rem;--fsu-block-font-size-scale-min:1.188rem;--fsu-block-line-height-scale:1.472rem + 0.45vw;--fsu-block-line-height-scale-max:1.813rem;--fsu-block-line-height-scale-min:1.563rem;--link-block-padding:calc((44px - 1.500rem) / 2)}body i.icon{letter-spacing:normal;text-transform:none;direction:ltr;font-family:icon;font-style:normal;font-weight:400;font-feature-settings:"liga";font-variation-settings:"FILL" var(--icon-font-fill,0),"GRAD" 100,"wght" var(--icon-font-wght,400);font-size:1em;line-height:1;&.fill{--icon-font-fill:1}&.size-relative{font-size:clamp(.875rem,1em,1.125rem)}&.size-small{font-size:90%}&.size-14{font-size:14px}&.size-18{font-size:18px}&.size-22{font-size:22px}&.size-24{font-size:24px}&.size-25{font-size:25px}&.size-28{font-size:28px}&.size-36{font-size:36px}&.size-50{font-size:50px}&.size-65{font-size:65px}&.weight-100{--icon-font-wght:100}&.weight-150{--icon-font-wght:150}&.weight-200{--icon-font-wght:200}&.weight-300{--icon-font-wght:300}&.weight-400{--icon-font-wght:400}&.navigate_before{text-indent:-2px}&.navigate_next{text-indent:2px}&.playlist_remove{text-indent:5px;&::after{vertical-align:middle}}&.upside-down{transform:rotate(180deg)}&.fsu-menu-close{width:44px;position:relative;&::after{content:"\e5d2"}&::before{content:"\e5cd";position:absolute;right:6px;bottom:-4px;background-color:var(--fsu-blue);font-variation-settings:"FILL" 0,"GRAD" 100,"wght" 800;font-size:16px}}&.accessibility::after{content:"\e84e"}&.add::after{content:"\e145"}&.adjust::after{content:"\e39e"}&.arrow_forward::after{content:"\e5c8"}&.arrow_outward::after{content:"\f8ce"}&.bookmark::after{content:"\e866"}&.bug_report::after{content:"\e868"}&.calendar_add_on::after{content:"\ef85"}&.captive_portal::after{content:"\f728"}&.chat::after{content:"\e0b7"}&.close::after{content:"\e5cd"}&.delete::after{content:"\e872"}&.download::after{content:"\f090"}&.event_upcoming::after{content:"\f238"}&.expand_less::after{content:"\e5ce"}&.expand_more::after{content:"\e5cf"}&.fact_check::after{content:"\f0C5 "}&.fax::after{content:"\ead8"}&.fiber_manual_record::after{content:"\e061"}&.filter_alt::after{content:"\ef4f"}&.first_page::after{content:"\e5dc"}&.folder::after{content:"\e2c7"}&.folder_off::after{content:"\eb83"}&.grade::after{content:"\e885"}&.grid_view::after{content:"\e9b0"}&.home::after{content:"\e88a"}&.id_card::after{content:"\f4ca"}&.info::after{content:"\e88e"}&.last_page::after{content:"\e5dd"}&.local_library::after{content:"\e54b"}&.location_on::after{content:"\e0c8"}&.lock::after{content:"\e88d"}&.lock_open::after{content:"\e898"}&.mail::after{content:"\e158"}&.mail_space::after{content:"\2006\e158"}&.menu::after{content:"\e5d2"}&.navigate_before::after{content:"\e408"}&.navigate_next::after{content:"\e409"}&.near_me::after{content:"\e569"}&.open_in_full::after{content:"\f1ce"}&.open_in_new::after{content:"\e89e"}&.password::after{content:"\f042"}&.pause::after{content:"\e034"}&.person_pin::after{content:"\e55a"}&.phonelink_ring::after{content:"\e0dd"}&.phone_in_talk::after{content:"\e61d"}&.play::after{content:"\e037"}&.radio_button_checked::after{content:"\e837"}&.replay::after{content:"\e042"}&.rocket_launch::after{content:"\eb9b"}&.rss_feed::after{content:"\e0e5"}&.schedule::after{content:"\e8b5"}&.school::after{content:"\e80c"}&.search::after{content:"\e8b6"}&.share::after{content:"\e80d"}&.sign_language::after{content:"\ebe5"}&.sort::after{content:"\e164"}&.stop::after{content:"\e047"}&.summarize::after{content:"\f071"}&.support_agent::after{content:"\f0e2"}&.support_agent_space::after{content:"\2006\f0e2\2006"}&.sync_alt::after{content:"\ea18"}&.translate::after{content:"\e8e2"}&.trending_flat::after{content:"\e8e4"}&.upload::after{content:"\f09b"}&.video_call::after{content:"\e070"}&.video_camera_front::after{content:"\f080"}&.view_list::after{content:"\e8ef"}&.volume_up::after{content:"\e050"}&.warning::after{content:"\f083"}}html{min-height:100%;display:flex;overflow-y:scroll;scroll-padding-top:50px;&[data-skin=biopha]{--skin-color:var(--color-biopha)}&[data-skin=chege]{--skin-color:var(--color-chege)}&[data-skin=fsv]{--skin-color:var(--color-fsv)}&[data-skin=m_ehealth]{--skin-color:var(--color-m_ehealth)}&[data-skin=mirz]{--skin-color:var(--color-mirz)}&[data-skin=paf]{--skin-color:var(--color-paf)}&[data-skin=phifak]{--skin-color:var(--color-phifak)}&[data-skin=rewi]{--skin-color:var(--color-rewi)}&[data-skin=thefak_fe]{--skin-color:var(--color-thefak_fe)}&[data-skin=wiwi]{--skin-color:var(--color-wiwi)}&.nav-sticky > body > header > #nav-wrapper > #nav-hub-wrapper{position:fixed;top:0;z-index:120;box-shadow:0 1px 4px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,6%),0 4px 16px rgba(0,0,0,6%);& > #nav-hub > .logo-wrapper{opacity:1;pointer-events:auto;@media(prefers-reduced-motion:no-preference){transition: opacity 150ms ease-in-out;}}}& > body{width:100%;min-width:20em;margin:0;padding:0;display:flex;flex-direction:column;flex:1 0 auto;position:relative;background-color:var(--white-100);font-family:var(--fsu-font-family);letter-spacing:.02em;font-variation-settings:var(--fsu-font-variation-text-regular);font-size:1em;line-height:1.5em;& fieldset{padding:0;margin:0;border:none}& :where(button, input, select, textarea){font-family:inherit;letter-spacing:inherit;font-size:inherit;line-height:inherit;border-radius:unset}& :where(input:where([type=email], [type=number], [type=password], [type=search], [type=text]), select){padding:0 15px;text-indent:1px;appearance:none}& input[type=search]{&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration{display:none}}& ::placeholder{color:var(--copyright-color)}& select{overflow-x:hidden;&:disabled{opacity:1;& + .select-icon{color:var(--copyright-color)}}& + .select-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;z-index:1;pointer-events:none;color:var(--fsu-blue)}&:has( + .select-icon + button[type=button].show) + .select-icon{display:none}}& :where(input[type=search] + button[type=button], select + .select-icon + button[type=button]){width:44px;height:44px;display:none;align-items:center;justify-content:center;padding:0;position:absolute;right:0;bottom:0;z-index:2;cursor:pointer;border:none;background-color:initial;color:var(--fsu-blue);&.show{display:flex}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}& :where(dt.hidden_text, legend.hidden_text, span.hidden_text){width:1px;height:1px;position:absolute;margin:-1px;overflow:hidden;white-space:nowrap}& img{border:none}& video{&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}}}& iframe:not(#rocketchat-iframe){@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}}}& .block-dito{position:relative;box-sizing:border-box;border:2px solid var(--error-color);&::after{content:attr(data-name);position:absolute;top:40px;right:40px;z-index:100;color:var(--error-color);font-size:3.75rem}}& .block-max{width:100%}& .block-1340{max-width:83.75em;margin:0 auto}& .block-1000{width:62.5em;margin:0 auto}& .block-800{width:50em}& .pa-45{padding-top:45px;padding-bottom:45px}& .pa-t-45{padding-top:45px}& .pa-b-45{padding-bottom:45px}& .ma-45{margin-top:45px;margin-bottom:45px}& .ma-t-45{margin-top:45px}& .ma-t-45-relative{margin-top:1.5rem}& .ma-b-45{margin-bottom:45px}& .block-headline{display:block;margin:0 0 1.5rem;color:var(--fsu-blue);font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.563rem;line-height:2.063rem}& .block_info{display:flex;gap:40px;align-items:center;color:var(--fsu-blue);&.hidden{display:none}& > .icon_wrapper{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--block-background);clip-path:circle(50% at 50% 50%)}& > span{text-wrap:balance;text-transform:uppercase;font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem;& > a, & > span > a{color:inherit;text-decoration:underline 1px;text-underline-offset:3px;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}& a > span.info{display:inline-block;position:relative;& > i.icon{display:inline-block;vertical-align:top}& > :where(span.file, span.lang){display:inline-block;vertical-align:top;text-transform:uppercase;font-weight:400;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:clamp(.75rem,.8em,.875rem);line-height:clamp(1rem,1.25em,1.313rem)}}& .loading{width:100%;height:100%;padding:10px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:30;&::before, &::after{content:"";width:24px;height:24px;box-sizing:border-box;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);border-width:3px;border-style:solid;border-color:var(--white-100)transparent transparent transparent;border-radius:50%}&::before{animation:loading 2s linear infinite}&::after{animation:loading 2s cubic-bezier(.75,0,0,.75)infinite}}& > #error-wrapper{min-height:44px;padding:10px;display:flex;align-items:center;box-sizing:border-box;position:fixed;right:76px;bottom:19px;background-color:var(--block-background);border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;&.hidden{display:none}}& .overlay{filter:opacity(.25);background-color:var(--white-100);pointer-events:none}& dialog{padding:0;position:relative;border:none;overflow-wrap:anywhere;hyphens:auto;&::backdrop{background-color:initial}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}& > button[name=close]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;position:absolute;top:0;right:0;cursor:pointer;border:none;background-color:initial;color:inherit;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:-4px}}& > i.icon{color:var(--white-100)}}&#dialog-quickstart{height:100dvh;max-height:100dvh;margin-right:0;scrollbar-width:thin;scrollbar-color:var(--white-100)var(--copyright-color);background-color:var(--nav-background);box-shadow:0 1px 4px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,6%),0 4px 16px rgba(0,0,0,6%);color:var(--white-100);& > nav{display:grid;grid-template-columns:300px 300px;gap:44px;padding:44px 30px 0;& > div{& > h2{height:44px;display:flex;align-items:center;padding-left:10px;margin:0;border-bottom:1px solid var(--white-30);text-transform:uppercase;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}& > ul{padding:0;margin:0;list-style-type:none;& > li{padding:var(--link-block-padding)0 var(--link-block-padding)10px;& > a{-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:inherit;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}}}&#dialog-search{width:100%;max-width:100%;margin:0;position:absolute;top:0;left:0;background-color:var(--nav-background);box-shadow:0 1px 4px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,6%),0 4px 16px rgba(0,0,0,6%);& .block-search{padding:45px 0 25px;fieldset{grid-template-columns:repeat(2,minmax(0,1fr) auto);.field:has(input[type=search]){grid-column:span 2}label{color:var(--white-100)} :is(input[type="search"], select, button[type="submit"]) { border-color: var(--white-100); } :is(input[type="search"], select):focus-visible { outline-color: var(--white-100); } @media (hover: hover) { :is(input[type="search"], select):hover { border-color: var(--white-100); outline-color: var(--white-100); } select:hover + .select-icon { color: inherit; } }}}}}& .scrollbar{position:relative;& > div{overflow:auto hidden;scrollbar-width:thin;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}}@media(hover:hover){&.scroll>div:hover{scrollbar-color:var(--white-100)var(--copyright-color)}}&.scroll.left > div::before{content:"";width:15px;height:100%;position:absolute;top:0;left:0;z-index:1;box-shadow:inset 10px 0 15px -10px rgba(0,0,0,.6);pointer-events:none}&.scroll.right > div::after{content:"";width:15px;height:100%;position:absolute;top:0;right:0;z-index:1;box-shadow:inset -10px 0 15px -10px rgba(0,0,0,.6);pointer-events:none}}& > header{background-color:var(--fsu-blue);& > #head-wrapper{display:grid;grid-template-columns:1fr minmax(auto,83.75em)1fr;grid-template-rows:auto;position:relative;border-top:2px solid var(--skin-color,var(--fsu-gold));& > #nav-tabulator{display:none}& > #head{grid-column:2/4;display:grid;grid-template-columns:min-content minmax(auto,400px)auto 1fr;grid-template-rows:auto;column-gap:30px;& > .logo-wrapper{display:flex;margin:18px 0 20px 7px;& > a{width:102px;height:35px;display:block;text-decoration:none;color:var(--white-100);&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:3px}}& > .logo{width:100%;height:100%;display:block;mask-image:url(/pub/theme/vorlage_fe/skin/_images/fsu_word_mark.svg);mask-repeat:no-repeat;mask-size:cover;background-color:var(--white-100);@media(forced-colors:active){background-color: LinkText;}}}}& > #identity-wrapper{align-self:center;margin:10px 0;text-transform:uppercase;overflow-wrap:anywhere;hyphens:auto;& > #identity{display:flex;padding:2px 0 2px 12px;box-sizing:border-box;position:relative;&::before{width:2px;height:calc(100% - 4px);content:"";position:absolute;top:0;left:0;border-top:2px solid var(--skin-color,var(--fsu-gold));border-bottom:2px solid var(--skin-color,var(--fsu-gold));border-left:2px solid var(--skin-color,var(--fsu-gold))}& > a{color:var(--white-100);-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:2px;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.25rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}& > #super-identity-wrapper{grid-column:3/4;height:33px;display:flex;position:relative;top:-2px;border-top:2px solid var(--fsu-blue);box-sizing:border-box;& > :where(.left-edge, .right-edge){width:20px;height:33px;position:absolute;top:-2px;background-color:var(--skin-color,var(--fsu-gold));&.left-edge{left:-1px;clip-path:polygon(0 0,2px 0,100% calc(100% - 2px),100% 100%,calc(100% - 2px) 100%,0 2px)}&.right-edge{right:-1px;clip-path:polygon(calc(100% - 2px) 0,100% 0,100% 2px,2px 100%,0 100%,0 calc(100% - 2px))}}& > #super-identity{margin:0 18px;border-bottom:2px solid var(--skin-color,var(--fsu-gold));& > a{height:100%;padding:0 11px;display:flex;align-items:center;position:relative;z-index:1;text-wrap:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:2px;color:var(--white-100);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}& > #head-nav-wrapper{grid-column:4/5;align-self:start;justify-self:end;display:flex;& > .nav{display:flex;align-items:flex-start;justify-content:flex-end}}}}& :where(#head-nav-wrapper, #nav-head-wrapper){& ul{padding:0;margin:0;list-style-type:none} :is(& > nav > ul, & > ul) { display: flex; gap: 1px; padding-right: 1px; :where(a, button) { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0px; margin: 0px; cursor: pointer; border: none; background-color: var(--fsu-blue); text-decoration: none; color: var(--white-100); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { outline: 1px solid var(--white-100); outline-offset: -4px; } } } :where(.language-wrapper, .accessibility-wrapper) { position: relative; ul { display: none; position: absolute; top: 44px; right: 0px; z-index: 100; background-color: var(--fsu-blue); box-shadow: -2px 2px 2px var(--box-shadow-color); &.visible { display: flex; flex-direction: column; border: 1px solid rgba(77, 101, 133, 1); a { justify-content: left; font-size: 1.000rem; line-height: 1.500rem; } li:not(:first-child) { border-top: 1px solid rgba(38, 68, 106, 1); } } } &.language-wrapper { .hidden { display: none; } :where(button, a span:first-child) { text-transform: uppercase; font-weight: 900; font-variation-settings: var(--fsu-font-variation-text-bolder); font-size: 0.813rem; line-height: 1.063rem; } ul.visible a { width: auto; padding: 0px 44px 0px 0px; span:first-child { width: 44px; text-align: center; } } } &.accessibility-wrapper { ul.visible a { width: auto; padding: 0px 10px; white-space: nowrap; i.icon { margin-right: 10px; } } } } }}& > #nav-wrapper{display:grid;grid-template-columns:100%;--nav-hub-height:44px;grid-template-rows:minmax(var(--nav-hub-height),auto)auto;& > #nav-hub-wrapper{grid-row:1/2;position:relative;background-color:var(--fsu-blue);& > #nav-hub{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;position:relative;& > .logo-wrapper{position:absolute;top:8px;left:-98px;opacity:0;pointer-events:none;a{width:78px;height:27px;display:block;text-decoration:none;color:var(--white-100);&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:3px}}.logo{width:100%;height:100%;display:block;mask-image:url(/pub/theme/vorlage_fe/skin/_images/fsu_word_mark.svg);mask-repeat:no-repeat;mask-size:cover;background-color:var(--white-100);@media(forced-colors:active){background-color: LinkText;}}}}& > .nav-main-control{align-self:start;display:grid;grid-template-columns:44px auto;grid-template-rows:44px;align-items:center;padding:0 15px 0 0;position:relative;margin:0;cursor:pointer;border:none;background-color:var(--fsu-blue);text-transform:uppercase;color:var(--white-100);font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:-4px}}& > .loading{grid-column:1/2;width:44px;background-color:var(--fsu-blue)}}& > .nav ul{display:flex;margin:0;padding:0;list-style-type:none;& a{height:44px;display:flex;align-items:center;justify-content:center;padding:0 15px;white-space:nowrap;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--white-100);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}&.active{background-color:var(--nav-background)}}}}}& > #nav-level-wrapper{background-color:var(--nav-background);display:none;& ol{display:flex;margin:0;padding:0 10px;list-style-type:none;& > li{width:100%;max-width:50px;min-width:44px;height:44px;& > button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 5px;position:relative;cursor:pointer;border:none;background-color:initial;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}& > .loading{background-color:var(--nav-background)}}}}}& > #nav-main-wrapper{display:none;position:relative;background-color:var(--nav-background);& > #nav-main{height:100%;& > .nav{width:100%;height:100%;overflow:hidden;position:relative;& .list-wrapper{width:25%;height:100%;display:none;box-sizing:border-box;position:absolute;top:0;left:0;&.active{display:block}&.transition{transition:transform 700ms ease-in-out 0ms}& > ul{width:100%;height:100%;display:flex;flex-direction:column;margin:0;padding:0;list-style-type:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--white-100)var(--copyright-color);&:focus-visible{outline:3px solid var(--white-100);outline-offset:0}& > li{margin-bottom:10px;&:last-child{margin-bottom:0}&.hidden{display:none}& > .entry{display:grid;grid-template-columns:minmax(0,1fr)auto;grid-template-rows:minmax(50px,max-content);position:relative;color:var(--white-100);&.path{background-color:var(--white-100);color:var(--fsu-blue);& > a:focus-visible{outline-color:var(--hover-color-dark);outline-offset:-4px}& > button{background-color:initial;&:focus-visible{outline-color:var(--hover-color-dark);color:var(--hover-color-dark)}@media(hover:hover){&:hover{outline-color:var(--hover-color-dark);color:var(--hover-color-dark)}&[aria-expanded=false]:hover{background-color:inherit}}}}&.hub::before{content:"";width:2px;position:absolute;top:4px;bottom:4px;left:6px;border-top:2px solid var(--white-30);border-bottom:2px solid var(--white-30);border-left:2px solid var(--white-30)}&.path.hub::before{border-top-color:rgba(23,68,136,.5);border-bottom-color:rgba(23,68,136,.5);border-left-color:rgba(23,68,136,.5)}&.children > a{padding-right:15px}& > a{padding:3px 59px 3px 15px;display:flex;align-items:center;color:inherit;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}& > .link-text{overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-align:center;-webkit-line-clamp:3;line-clamp:3}}& > button{align-self:center;width:44px;height:44px;display:flex;position:relative;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;border:none;background-color:var(--button-color);color:inherit;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:-4px}&[aria-expanded=false]:hover{background-color:var(--hover-color-dark)}}& > .loading{background-color:var(--button-color)}}}& > .list-wrapper{width:100%;left:100%}}}}}}}}& :where(#breadcrumb-wrapper, #nav-breadcrumb-wrapper){background-color:var(--nav-background);&#breadcrumb-wrapper{grid-row:2/3}& ol{display:flex;margin:0;padding:0;list-style-type:none;& > li{display:flex;align-items:center;color:var(--white-100);& > a{height:33px;display:flex;align-items:center;justify-content:center;padding:0 5px;white-space:nowrap;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:inherit;font-variation-settings:var(--fsu-font-variation-text-condensed-thin);font-size:.813rem;line-height:1.063rem;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}}& > #main-wrapper{flex:1 0 auto;& #auto-translate-wrapper{.auto-translate-text{display:flex;width:fit-content;align-items:center;padding:0 10px;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);min-height:30px;background-color:var(--block-background);.icon{margin-right:10px}}&.invert{background-color:var(--block-background);.auto-translate-text{background-color:var(--white-100)}}}& > div:last-child > [data-spacing-type="3"]:last-child{margin-bottom:45px}& > #sidebar-wrapper{position:fixed;right:15px;bottom:19px;z-index:90;& ul{padding:0;margin:0;list-style-type:none}& > .list{display:flex;flex-direction:column;gap:15px;& > li{width:44px;height:44px;display:flex;align-items:center;justify-content:flex-end;position:relative;&.share-mobile{display:none}&.share > .sb-button[aria-expanded=true] ~ .sub-list{visibility:visible;opacity:1;& a.bg-image.whatsapp::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/sidebar_share_whatsapp.svg)}& a.bg-image.facebook::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_facebook.svg)}& a.bg-image.linkedin::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg)}}& > .sub-list{display:flex;gap:5px;visibility:hidden;position:absolute;right:calc(100% + 15px);opacity:0}}}& :where(.sb-link, .sb-button){width:44px;height:44px;display:flex;padding:0;margin:0;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;border:1px solid var(--button-color);background-color:var(--white-100);text-decoration:none;color:var(--button-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}&.sb-button{&[aria-expanded=true]{color:var(--button-color);z-index:110}&:disabled{pointer-events:none;border:1px dashed var(--copyright-color);color:var(--copyright-color)}}}& a.bg-image{&::after{width:100%;height:100%;content:"";mask-repeat:no-repeat;mask-position:center;background-color:var(--button-color);@media(forced-colors:active){background-color: LinkText;}}@media(hover:hover){&:hover::after{background-color:var(--hover-color-dark);@media(forced-colors:active){background-color: LinkText;}}}}}}& > #foot-wrapper{background-color:var(--nav-background);& > #ribbon-wrapper{margin-bottom:45px;& > #ribbon{height:12px;&.lazy-bg{background:url(/pub/theme/vorlage_fe/skin/_images/footer_background.svg)no-repeat 50% 0/100% 100%}}}& > #nav-layer-wrapper{margin-bottom:45px;& ul{padding:0;margin:0;list-style-type:none}& > #nav-layer > ul > li{display:grid;grid-template-columns:auto 44px;grid-template-rows:auto auto;border-bottom:1px solid var(--white-100);&:first-child{border-top:1px solid var(--white-100)}& > a{grid-column:1/2;grid-row:1/2;min-height:44px;display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--white-100);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}& > button{grid-column:2/3;grid-row:1/2;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:initial;cursor:pointer;color:var(--white-100);&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:-4px}}&[aria-expanded=true] ~ ul{display:block}}& > ul{grid-column:1/3;grid-row:2/3;background-color:var(--white-100);display:none;& > li > a{min-height:44px;display:flex;align-items:center;padding:0 14px;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}& > #social-partner{margin-bottom:45px;& ul{margin:0;padding:0;list-style-type:none}& > div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:minmax(0,1fr)min-content;grid-gap:45px;&:has(> #nav-global-footer){& > #nav-global-footer{grid-column:1/7;grid-row:1/2;& > ul{display:flex;flex-wrap:wrap;gap:45px;& > li{flex:1 1 200px;& > ul > li{padding:11px 0 9px;a{display:block;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--white-100);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}}& > #social{grid-column:7/8;grid-row:1/3;justify-self:center;& > ul{flex-direction:column;flex-wrap:nowrap}}& > #partner{grid-column:1/7;grid-row:2/3}}& > #social{grid-column:1/8;grid-row:1/2;& > ul{display:flex;flex-wrap:wrap;gap:5px;& a{width:44px;height:44px;display:block;text-decoration:none;color:var(--white-100);&::after{content:"";width:100%;height:100%;display:block;mask-repeat:no-repeat;mask-position:center;mask-size:100%;background-color:var(--white-100);@media(forced-colors:active){background-color: LinkText;}}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:-1px}}}}&.lazy-bg a{&.instagram::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_instagram.svg)}&.tiktok::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_tiktok.svg)}&.youtube::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_youtube.svg)}&.linkedin::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg)}&.facebook::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_facebook.svg)}&.mastodon::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_mastodon.svg)}&.bluesky::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_bluesky.svg)}}}& > #partner{grid-column:1/8;grid-row:2/3;& > ul{display:flex;flex-wrap:wrap;gap:25px;& > li{display:flex;align-items:center;& > a{display:block;text-decoration:none;color:var(--white-100);&.diversity{width:101px;height:55px}&.conduct{width:74px;height:40px}&.family{width:106px;height:34px}&.sport{width:70px;height:47px}&.accreditation{width:55px;height:55px}&.equality{width:50px;height:50px}&.thuringia{width:122px;height:50px}&.research{width:81px;height:50px}&::after{content:"";width:100%;height:100%;display:block;mask-repeat:no-repeat;mask-position:center;mask-size:100%;background-color:var(--white-100);@media(forced-colors:active){background-color: LinkText;}}&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:3px}}}}}&.lazy-bg a{&.diversity::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_diversity.svg)}&.conduct::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_conduct.svg)}&.family::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_family.svg)}&.sport::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_sport.svg)}&.accreditation::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_accreditation.svg)}&.equality::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_equality.svg)}&.thuringia::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_thuringia.svg)}&.research::after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/partner_research.svg)}}}}}& > #nav-foot-wrapper > #nav-foot > ul{display:flex;flex-wrap:wrap;gap:0 25px;padding:0 55px 0 0;margin:0;list-style-type:none;& > li{height:44px;display:flex;align-items:center;padding:10px 0;box-sizing:border-box;& > a{-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--white-100);font-variation-settings:var(--fsu-font-variation-text-condensed-thin);font-size:.813rem;line-height:1.063rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}}}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(max-width:99.7500em){html.nav-sticky>body>header>#nav-wrapper>#nav-hub-wrapper>#nav-hub>.logo-wrapper{display:none}}@media(min-width:75.0000em){html{&.nav-expanded > body{& > header > #nav-wrapper{width:100%;--head-height-visible:75px;height:calc(100dvh - var(--head-height-visible));grid-template-rows:minmax(var(--nav-hub-height),auto)auto 1fr auto;position:fixed;bottom:0;left:0;& > #nav-level-wrapper{grid-row:2/3;overflow:hidden}& > #nav-main-wrapper{grid-row:3/4;overflow:hidden}& > #breadcrumb-wrapper{grid-row:4/5;background-color:var(--fsu-blue)}}& > :where(#main-wrapper, #foot-wrapper){display:none}}&.nav-expanded.nav-sticky > body > header{& > #head-wrapper{display:none}& > #nav-wrapper > #nav-hub-wrapper{box-shadow:none}}& > body > header{& > #head-wrapper{& > #nav-tabulator{display:block;margin:0;padding:0;list-style-type:none;position:absolute;top:18px;left:11px;z-index:10;& a{height:44px;padding:0 15px;display:flex;align-items:center;justify-content:center;position:absolute;top:-64px;left:0;background-color:var(--white-100);color:var(--fsu-blue);text-wrap:nowrap;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{position:static;overflow:unset;outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}& > #head{max-width:none;margin:0;& > #head-nav-wrapper{& a.quickstart{width:auto;padding:0 10px;white-space:nowrap;i.icon{margin-right:10px}}& .nav-main-control-wrapper{display:none}}}}& > #nav-wrapper{&:not(:has(#nav-hub-wrapper)){display:none}& > #nav-head-wrapper{display:none}& > #nav-breadcrumb-wrapper{display:none}& > #nav-level-wrapper ol > li > button{&::before{content:"";width:40px;height:2px;display:block;border-radius:5px;background-color:var(--white-50);position:absolute;z-index:20}&.active::before{height:4px;background-color:var(--white-100);@media(forced-colors:active){background-color: ButtonText;}}&::after{content:"";width:100%;height:14px;display:block;border:1px solid transparent;position:absolute;z-index:10}&.hover{&::after{border-top-color:var(--white-100);border-bottom-color:var(--white-100)}&.first:after{border-left-color:var(--white-100);border-top-left-radius:12px;border-bottom-left-radius:12px}&.last:after{border-right-color:var(--white-100);border-top-right-radius:12px;border-bottom-right-radius:12px}}}& > #nav-main-wrapper{background:url(/pub/theme/vorlage_fe/skin/_images/navigation-background.svg)50% 100% no-repeat var(--nav-background);background-size:100%;& > #nav-main > .nav .list-wrapper{border-left:1px solid var(--copyright-color);&.fiv{border-left-color:transparent}& > ul > li > .list-wrapper{width:calc(100% + 1px)}}}}}}}@media(min-width:62.4375em){html>body .pa-t-45-viewport-2-1{padding-top:45px}}@media(min-width:48.0000em){html>body>#main-wrapper>#sidebar-wrapper{transform:translateY(60px)translate3d(0,0,0);& > .list > li.up{visibility:hidden}}}@media(min-width:48.0000em) and (max-width:74.9375em){html{&.nav-expanded > body > header > #nav-wrapper{width:70vw}& > body > #foot-wrapper > #social-partner{& > div{grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:24px 30px;&:has(> #nav-global-footer){& > #nav-global-footer{grid-column:1/5;& > ul{gap:24px}}& > #social{grid-column:5/6}& > #partner{grid-column:1/5}}}}}}@media(max-width:74.9375em){html{&.nav-sticky{&.nav-sticky-transition{& > body > header > #head-wrapper > #head{& > .logo-wrapper > a{transition:transform 350ms ease-in-out}& > #head-nav-wrapper{transition:transform 350ms ease-in-out}}}& > body > header > #head-wrapper > #head{& > .logo-wrapper > a{position:fixed;top:10px;left:auto;transform:translateY(0)}& > #head-nav-wrapper{position:fixed;border-top:2px solid var(--skin-color,var(--fsu-gold));transform:translateY(0);box-shadow:0 1px 4px var(--box-shadow-color),0 2px 8px var(--box-shadow-color),0 4px 16px var(--box-shadow-color)}}}&.nav-sticky-hidden{& > body > header > #head-wrapper > #head{& > .logo-wrapper > a{transform:translateY(-46px)}& > #head-nav-wrapper{transform:translateY(-46px);box-shadow:none}}}&.nav-expanded{width:100%;position:fixed;& > body > header > #nav-wrapper{height:100dvh;display:grid;grid-template-rows:min-content min-content min-content minmax(0,1fr);position:fixed;top:0;right:0;z-index:120;box-shadow:0 1px 4px var(--box-shadow-color),0 2px 8px var(--box-shadow-color),0 4px 16px var(--box-shadow-color)}}&:not(.nav-expanded) > body > #main-wrapper > #sidebar-wrapper{z-index:120}& > body{& :is(.block-1340, .block-1000, .block-800){width:100%}& .block-side-pa{padding-right:5%;padding-left:5%;box-sizing:border-box}& .block_info > span{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}& > header{& > #nav-wrapper:not(:has(#nav-hub-wrapper)){background-color:rgba(23,68,136,.5)}& > #head-wrapper{grid-template-columns:1fr;& > #head{grid-column:auto;grid-template-columns:min-content auto 1fr;& > .logo-wrapper{width:81px;height:28px;margin:8px 0 8px calc(5% - 7px);position:relative;z-index:115;& > a{width:81px;height:28px;position:absolute;top:0;left:0}}& > #identity-wrapper{grid-column:1/4;grid-row:2/3;max-width:540px;margin:8px 0}& > #super-identity-wrapper{grid-column:2/3;grid-row:1/2;z-index:111}& > #head-nav-wrapper{justify-content:flex-end;width:100%;position:absolute;top:0;right:0;z-index:110;background-color:var(--fsu-blue);& .quickstart{i.icon{margin-right:0}span{width:1px;height:1px;position:absolute;margin:-1px;overflow:hidden;white-space:nowrap}}& :where(.language-wrapper, .accessibility-wrapper, .login-wrapper){display:none}& .nav-main-control{position:relative;background-color:var(--fsu-blue);& > .loading{background-color:var(--fsu-blue)}}}}}& > #nav-wrapper{display:none;& > #nav-head-wrapper{padding-top:2px;position:relative;background-color:var(--fsu-blue);& > ul{& :where(.language-wrapper, .accessibility-wrapper){position:static;ul{right:auto;left:0;background-color:var(--fsu-blue);box-shadow:none;&.visible{width:100%;box-sizing:border-box;border:none;li:not(:first-child){border-top:none}}}&.accessibility-wrapper ul.visible{padding-left:calc(44px + 1px)}}& > li:last-child{margin-left:auto}}}& > #nav-breadcrumb-wrapper a{height:44px}& > #nav-hub-wrapper{display:none}& > #nav-level-wrapper{padding:5px 0;& > div{padding:0 5px;box-sizing:border-box;& ol{gap:5px;padding:0;counter-reset:entry;& > li{width:44px;counter-increment:entry;& > button{text-decoration:none;background-color:var(--button-color);color:var(--white-100);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.278rem;&::before{content:counter(entry)}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--white-100);outline-offset:-4px;background-color:var(--hover-color-dark)}}&.active{color:var(--copyright-color);background-color:var(--white-100);&:focus-visible{outline-color:var(--hover-color-dark)}@media(hover:hover){&:hover{outline-color:var(--hover-color-dark);color:var(--hover-color-dark)}}@media(forced-colors:active){color: ButtonFace; background-color: ButtonText;}}& > .loading{background-color:var(--button-color)}}}}}}& > #nav-main-wrapper > #nav-main > .nav{grid-auto-columns:100%;& .list-wrapper{width:100%;border:none}}& > #breadcrumb-wrapper{display:none}}}& > #main-wrapper{& > #sidebar-wrapper{right:5%;&:has(.rocketchat-widget[data-state=opened]){transform:none}}}& > #foot-wrapper{& > :is(#ribbon-wrapper, #nav-layer-wrapper, #social-partner){margin-bottom:36px}& > #nav-layer-wrapper > #nav-layer > ul > li{grid-template-columns:5% auto 44px 5%;& > a{grid-column:2/3}& > button{grid-column:3/4}& > ul{grid-column:1/5;& > li > a{padding:0;margin:0 5%}}}}}}}@media(max-width:47.9375em){html{&.nav-expanded{ #nav-wrapper { width: 100%; } & :where(#main-wrapper, #foot-wrapper) { display: none; }}& > body{& .block-headline{font-size:1.375rem;line-height:1.813rem}& .block_info{flex-direction:column;gap:15px;text-align:center}& dialog{&#dialog-quickstart{width:100%;& > nav{grid-template-columns:1fr;gap:50px;& > div{& > h2, & > ul > li{padding-left:0}}}}&#dialog-search{.block-search fieldset{grid-template-columns:minmax(0,1fr)auto;input[type=search]{font-size:1rem;line-height:1.313rem}}}}& > header > #head-wrapper > #head > #super-identity-wrapper{display:none}& > #main-wrapper{& > #sidebar-wrapper > .list > li.up{display:none}}& > #foot-wrapper{& > #ribbon-wrapper{padding-right:0;padding-left:0}& > #nav-layer-wrapper > #nav-layer > ul > li > a{font-size:1.188rem;line-height:1.563rem}& > #social-partner{& > div{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,auto);grid-gap:36px;&:has(> #nav-global-footer){& > #nav-global-footer{grid-column:1/2;grid-row:1/2;& > ul{gap:24px}}& > #social{grid-column:1/2;grid-row:2/3;justify-self:start;& > ul{flex-direction:row;flex-wrap:wrap}}& > #partner{grid-column:1/2;grid-row:3/4}}}}}}}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;& > body{& :where(button, input, select, textarea, [tabindex="-1"], [tabindex="0"]){outline-color:transparent;transition:outline-color 150ms linear}& a{outline-color:transparent;transition:outline-color 150ms linear,text-decoration 150ms linear;&::after{outline-color:transparent;transition:outline-color 150ms linear}} #sidebar-wrapper .sub-list { transition: opacity 200ms ease; }}}@view-transition{navigation: auto;
	}}@media print{html{min-height:auto;display:block;& > body{display:block;& > header{display:none}& > #main-wrapper > #sidebar-wrapper{display:none}}}}.rte_wrapper{& h2{margin:45px 0 1.5rem;color:var(--fsu-blue);text-wrap:balance;font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.563rem;line-height:2.063rem}& h3{margin:1.813rem 0 1.5rem;color:var(--fsu-blue);text-wrap:balance;font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.375rem;line-height:1.813rem}& h4{margin:1.563rem 0 1.5rem;color:var(--fsu-blue);text-wrap:balance;font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.188rem;line-height:1.563rem}}@media(max-width:47.9375em){.rte_wrapper{& h2{font-size:1.375rem;line-height:1.813rem}& h3{margin-top:1.563rem;font-size:1.188rem;line-height:1.563rem}& h4{margin-top:1.5rem;font-size:1rem;line-height:1.5rem}}}.rte_wrapper{ :where(ol, ul) { display: table; padding: 0px; margin: 1.500rem 0px 0px 0px; list-style: none; border-spacing: 0px; color: var(--text-color); &.spacing_big { margin: calc(1.500rem - 5px) 0px -5px 0px; border-spacing: 0px 5px; & :where(ol, ul) { margin: 0px 0px -5px 0px; border-spacing: 0px 5px; } } & > li { display: table-row; } & :where(ol, ul) { margin-top: 0px; } } & ol { counter-reset: li; & > li::before { display: table-cell; counter-increment: li; content: counters(li, ".") ".\00a0"; overflow-wrap: normal; } } & ul > li::before { display: table-cell; vertical-align: top; content: "\e047"; color: var(--skin-color, var(--fsu-gold)); letter-spacing: normal; text-transform: none; direction: ltr; font-family: "Icon"; font-style: normal; font-weight: normal; font-feature-settings: "liga"; font-variation-settings: "FILL" 1, "GRAD" 100, "wght" 200; font-size: 14px; text-indent: -3px; & ul > li::before { font-size: 12px; } } &[dir="rtl"] ul > li::before { direction: rtl; }}html[data-backend]{.rte_wrapper table{margin-top:1.5rem}.external table{margin-top:0}}.rte_wrapper table{border:none;border-collapse:separate!important;border-spacing:1px;background-color:var(--white-100);color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);& table{display:none}& :where(td, th){padding:15px;box-sizing:border-box;vertical-align:top;border:1px solid rgba(51,57,57,.3);&.no_break{white-space:nowrap}&.w_10{width:10%}&.w_20{width:20%}&.w_30{width:30%}&.w_40{width:40%}&.w_50{width:50%}& :is(a, p, ol, ul){color:inherit;font-size:inherit;line-height:inherit}& :where(p, ol, ul):first-child{margin-top:0}& :where(ol, ul){text-align:left}& strong{font-weight:600;font-variation-settings:var(--fsu-font-variation-text-condensed-bold)}& em{font-style:italic;font-synthesis:none;font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}}& th{--icon-font-fill:1;border-color:var(--fsu-blue);background-color:var(--fsu-blue);text-align:left;color:var(--white-100);font-weight:400;font-size:1.125rem;line-height:1.5rem;& > ul > li::before{color:var(--white-100)}& > a:focus-visible{outline-color:var(--white-100)}@media(hover:hover){&>a:hover{text-decoration-thickness:2px}}}&.matrix{& th:first-child:not(.reset){--icon-font-fill:0;padding-left:20px;border-color:var(--copyright-color);background:linear-gradient( 90deg,var(--skin-color,var(--fsu-gold)) 10px,var(--bg-gradient,var(--white-100)) 11px );background-origin:border-box;color:var(--fsu-blue);& > ul > li::before{color:var(--skin-color,var(--fsu-gold))}}& tr:first-of-type:not(thead + tbody tr, tbody + tfoot tr) th:first-child{background:var(--white-100);border-color:var(--white-100);color:var(--fsu-blue);& > a:focus-visible{outline-color:var(--hover-color-dark)}}}}.rte_wrapper :is(table+p.table_definition,.fsu-table-wrapper+p.table_definition,.fsu-table-wrapper+button+p.table_definition){margin-top:1rem;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}.rte_wrapper{hyphens:auto;overflow-wrap:anywhere;& p{color:var(--text-color);margin-top:1.5rem;margin-bottom:0}& strong{font-weight:600;font-variation-settings:var(--fsu-font-variation-text-bold)}& em{font-style:italic;font-synthesis:none;font-variation-settings:var(--fsu-font-variation-text-italic)} :where(sub, sup) { font-size: 0.750rem; line-height: 1.000rem; } & sup { vertical-align: top; } & sub { vertical-align: bottom; } & hr { border-top: 1px solid var(--copyright-color); border-bottom: none; margin: 1.500rem 0px; } & a { text-decoration: underline 1px; text-underline-offset: 3px; color: inherit; @media (forced-colors: active) { color: LinkText; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } & blockquote { position: relative; margin: 1.500rem 0px 0px 0px; p:first-of-type { margin-top: 0px; } p:not(:last-of-type) { font-variation-settings: var(--fsu-font-variation-text-quote); font-size: 1.188rem; line-height: 1.750rem; } p:has(cite) { margin-top: 5px; cite { display: block; text-align: right; color: var(--copyright-color); font-style: normal; font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; } } &:not(.type-2, .type-3) { p:first-of-type::before { content: "\00BB"; } p:nth-last-of-type(2)::after { content: "\00AB"; } } &.type-1 { padding-left: 30px; --border-width: 6px; &::before { content: ""; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: calc(var(--border-width) / 2); border-left: var(--border-width) solid var(--skin-color, var(--fsu-gold)); } } &:where(.type-2, .type-3) { p { padding-right: 75px; padding-left: 75px; position: relative; &:not(:last-of-type) { color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-quote-bold); font-size: 1.750rem; line-height: 2.313rem; } &::before, &::after { position: absolute; z-index: -1; color: var(--skin-color, var(--fsu-gold)); font-variation-settings: var(--fsu-font-variation-text-quote-bold); } &::before { left: 0px; } &::after { right: 0px; } } &.type-2 p { &::before, &::after { font-size: 106px; line-height: 159px; } &:first-of-type::before { content: "\00BB"; top: -80px; } &:last-of-type::after { content: "\00AB"; bottom: -47px; } } &.type-3 p { &::before, &::after { font-size: 115px; line-height: 172px; } &:first-of-type::before { content: "\201E"; top: -118px; } &:last-of-type::after { content: "\201C"; bottom: -98px; } } } }}:is(html[lang=en] .rte_wrapper blockquote.type-3 p,.rte_wrapper div[lang=en] blockquote.type-3 p){&:first-of-type::before{content:"\201C";top:-43px}&:last-of-type::after{content:"\201D";bottom:-93px}}:is(html:where([lang=fr],[lang=es]) .rte_wrapper blockquote.type-3 p,.rte_wrapper div:where([lang=fr],[lang=es]) blockquote.type-3 p){&::before, &::after{font-size:106px;line-height:159px}&:first-of-type::before{content:"\00AB";top:-80px}&:last-of-type::after{content:"\00BB";bottom:-47px}}@media(min-width:75.0000em){:where(.image-right,.video-right) .rte_wrapper blockquote:where(.type-2,.type-3){padding-right:100px;& > p:has(cite){margin-top:50px;margin-right:20px}}.rte_wrapper.image-right blockquote:where(.type-2,.type-3){padding-right:300px;& > p:has(cite){margin-top:50px;margin-right:20px}}}@media(min-width:48.0000em) and (max-width:74.9375em){:where(.image-right,.video-right) .rte_wrapper blockquote:where(.type-2,.type-3),.rte_wrapper.image-right blockquote:where(.type-2,.type-3){padding-right:calc(50% - 25px);p:has(cite){margin-top:50px;margin-right:20px}}}@media(max-width:74.9375em){.rte_wrapper blockquote:where(.type-2,.type-3) p:not(:last-of-type){font-size:clamp(var(--fsu-h1-font-size-scale-min),var(--fsu-h1-font-size-scale),var(--fsu-h1-font-size-scale-max));line-height:clamp(var(--fsu-h1-line-height-scale-min),var(--fsu-h1-line-height-scale),var(--fsu-h1-line-height-scale-max))}}@media(max-width:47.9375em){.rte_wrapper{& blockquote{&.type-1{padding-left:20px;--border-width:3px;p:not(:last-of-type){font-size:1rem;line-height:1.5rem}&::before{border-top-left-radius:8px;border-bottom-left-radius:8px}}&:where(.type-2, .type-3){p{padding-right:30px;padding-left:30px}&.type-2 p{&::before, &::after{font-size:58px;line-height:87px}&:first-of-type::before{top:-33px;left:-8px}&:last-of-type::after{right:-8px;bottom:-24px}}&.type-3 p{&::before, &::after{font-size:65px;line-height:98px}&:first-of-type::before{top:-57px;left:-8px}&:last-of-type::after{right:-8px;bottom:-55px}}}}& .quote_normal{font-size:1rem;line-height:1.5rem}}:is(html[lang=en] .rte_wrapper blockquote.type-3 p,.rte_wrapper div[lang=en] blockquote.type-3 p){&:first-of-type::before{content:"\201C";top:-14px;left:-18px}&:last-of-type::after{content:"\201D";bottom:-52px}}:is(html:where([lang=fr],[lang=es]) .rte_wrapper blockquote.type-3 p,.rte_wrapper div:where([lang=fr],[lang=es]) blockquote.type-3 p){&::before, &::after{font-size:58px;line-height:87px}&:first-of-type::before{content:"\00AB";top:-33px}&:last-of-type::after{content:"\00BB";bottom:-24px}}}#lightbox-wrapper{width:100%;max-width:100%;height:100%;max-height:100%;padding:0;margin:0;border:none;background-color:var(--white-100);hyphens:auto;overflow-wrap:anywhere;overflow:hidden auto;&:focus-visible{outline-color:var(--hover-color-dark)}.block-1340{min-height:100%;display:flex;align-items:center;.block-1000{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:min-content auto min-content;row-gap:20px;padding:20px 0;div[tabindex="-1"]:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0} :is(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } :is(fieldset.hidden, fieldset > div.hidden, ol.hidden, li.hidden) { display: none; } :is(fieldset > div, ol) { flex-grow: 1; } ul { display: flex; column-gap: 25px; &.transition { transition: transform 700ms ease-in-out 0ms; } & > li { flex: 0 0 100%; &.opacity { transition: filter 500ms linear; filter: opacity(0.2); } figure { display: grid; grid-template-columns: 1fr; grid-template-rows: auto min-content; row-gap: 10px; padding: 0px; margin: 0px; .safari-troll-image-ratio { aspect-ratio: 16 / 9; picture { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--block-background); img { max-width: 100%; max-height: 100%; display: block; margin: 0px auto; } } } figcaption { color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); p { margin: 0px; } small { font-size: inherit; } } } } } button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; &[name="close"] { justify-self: end; position: static; } &:is(button[name="close"], fieldset > button) { background-color: var(--button-color); color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } } fieldset { display: flex; align-items: center; & > div { text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } ol { display: flex; justify-content: center; li > button { background-color: var(--white-100); color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); i.icon { --icon-font-fill: 0; &::after { content: "\e39e"; } } } &[aria-current]:hover i.icon::after { content: "\e837"; } } } } }}}}.fsu-table-wrapper{margin-top:1.5rem;position:relative;& > section{overflow:auto hidden;scrollbar-width:thin;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}}&.scroll > section::before, &.scroll > section::after{content:"";width:var(--width);height:var(--height);position:absolute;top:var(--top);z-index:20;pointer-events:none}&.scroll > section::before{left:0;box-shadow:inset var(--before-horizontal,0px)var(--before-vertical,0px)15px -10px rgba(0,0,0,.3)}&.scroll.bottom > section::before{--width:100%;--height:15px;--top:calc(100% - 15px);--before-vertical:-10px}&.scroll.left > section:not(:has(table.matrix))::before{--width:15px;--height:100%;--top:0px;--before-horizontal:10px}&.scroll.bottom.left > section:not(:has(table.matrix))::before{--width:100%;--height:100%;--top:0px;--before-horizontal:10px;--before-vertical:-10px}&.scroll > section::after{right:0;box-shadow:inset var(--after-horizontal,0px)var(--after-vertical,0px)15px -10px rgba(0,0,0,.3)}&.scroll.top > section::after{--width:100%;--height:15px;--top:0px;--after-vertical:10px}&.scroll.right > section::after{--width:15px;--height:100%;--top:0px;--after-horizontal:-10px}&.scroll.top.right > section::after{--width:100%;--height:100%;--top:0px;--after-horizontal:-10px;--after-vertical:10px}& :where(td, th){box-sizing:border-box}& table:not(.matrix) tr:not(:first-child) td.empty:not(.bg), & table.matrix tr:not(:first-child) td:not(:first-child).empty:not(.bg), & table.matrix tr:not(:first-child) td.reset.empty:not(.bg){opacity:.3}& .matrix :where(td, th):first-child:not(.reset){position:sticky;left:1px;z-index:10}& :is(td, th).bg{background-color:var(--block-background);--bg-gradient:var(--block-background)}& + button{width:44px;height:44px;display:none;align-items:center;justify-content:center;margin:1rem 0 1rem 1rem;float:right;cursor:pointer;border:none;background-color:var(--white-100);color:var(--button-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-3px}}}}#dialog-table{width:100%;max-width:100%;height:100%;max-height:100%;padding:0;margin:0;border:none;background-color:var(--white-100);&:focus-visible{outline-color:var(--hover-color-dark)}& > div{height:100%;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;padding:20px 5%;& > div{flex:auto;max-height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:min-content minmax(0,1fr)min-content;row-gap:20px;&::after{content:"";height:44px}}}& button{justify-self:end;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background-color:var(--button-color);color:var(--white-100);&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}}& .fsu-table-wrapper{height:100%;margin:0;& > section{height:100%;overflow:auto; :is(td, th) { max-width: 50em; min-width: 12.500em; }}&.scroll:is(.top, .bottom) > section{overflow-y:scroll}&.scroll:is(.right, .left) > section{overflow-x:scroll}}}@media(min-width:75.0000em){.fsu-table-wrapper.scroll+button{display:flex}}@media(max-width:74.9375em){.fsu-table-wrapper{table{table-layout:fixed}}}.acc{&:has( > .button-wrapper) > .block-headline{margin-bottom:0}& > .button-wrapper{display:flex;justify-content:flex-end;& > button{height:44px;display:flex;align-items:center;justify-content:flex-end;padding:0;margin:0;border:none;cursor:pointer;background-color:initial;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);&:disabled{pointer-events:none;border:1px dashed var(--copyright-color);-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--copyright-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}& > ul{margin:0;padding:0;list-style-type:none;& > li{border-bottom:1px solid rgba(0,35,80,.5);text-align:unset;&:first-child{border-top:1px solid rgba(0,35,80,.5)}& > details{padding:3px;margin:-3px;&[open]{&:not(.isClosing) > summary > i.icon{transform:rotate(180deg)}& > summary{background-color:rgba(238,238,238,.5)}}& > summary{display:flex;color:var(--fsu-blue);list-style:none!important;cursor:pointer;&::-webkit-details-marker, &::marker{display:none}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:0;& > i.icon{color:var(--hover-color-dark)}}}& span{flex-grow:1;padding:16px 0;overflow-wrap:anywhere;hyphens:auto;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}& > span{padding-right:calc(20% - 64px);padding-left:20px;& > .num{text-transform:uppercase}}& > i.icon{width:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--button-color);@media(prefers-reduced-motion:no-preference){transition: transform 350ms ease-in-out;}}}& > div{background:linear-gradient(rgba(238,238,238,.5),var(--white-100));& > .content{padding:20px 0 20px 20px;box-sizing:border-box;&:has(> a){padding-bottom:10px}& > .rte_wrapper{display:flow-root;&:is(.image-top, .image-bottom) > figure{width:100%}&.image-bottom > figure{margin-top:1.5rem}& > figure{width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;row-gap:10px;padding:0;margin:0;& > div{display:flex;align-items:center;justify-content:center;&.ratio-16-9{aspect-ratio:16/9}& > a{&:focus-visible{outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}}& img{max-width:100%;display:block;margin:0 auto}}}& > figcaption{align-self:end;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;& > p{margin:0;color:inherit;& > a{color:inherit;@media(forced-colors:active){color: LinkText;}& > span.info > i.icon{vertical-align:text-bottom;&:where(.lock, .mail_space){vertical-align:middle}}}& > em{font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}}& > small{font-size:inherit}}}& table{display:none}& blockquote:where(.type-2, .type-3) p{z-index:0}}& > a{width:fit-content;display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}}}}}@media(min-width:48.0000em){.acc>ul>li>details>div>.content>.rte_wrapper{&:where(.image-right, .image-left) > figure{margin-bottom:50px}&.image-left > figure{margin-right:50px;float:left}&.image-right > figure{margin-left:50px;float:right}&:not(.image-top){& > :where(blockquote, h2, h3, h4, p, ol, ul):first-child, & > div[lang] > :where(blockquote, h2, h3, h4, p, ol, ul):first-child, & > figure + :where(blockquote, h2, h3, h4, p, ol, ul), & > figure + div[lang] :where(blockquote, h2, h3, h4, p, ol, ul):first-child{margin-top:0}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.acc>ul>li>details>div>.content{padding-right:20px;& > .rte_wrapper:where(.image-left, .image-right) > figure{width:calc(50% - 25px)}}}@media(max-width:74.9375em){.acc>ul>li>details>summary>span{padding-right:0}}@media(max-width:47.9375em){.acc{&.block-side-pa{padding-right:0;padding-left:0}& > .block-headline{padding-right:5%;padding-left:5%}& > .button-wrapper > button{padding-right:10px}& > ul > li > details{padding-right:0;padding-left:0;margin-right:0;margin-left:0;& > summary > span{padding-left:5%}& > div > .content{padding-right:5%;padding-left:5%;& > .rte_wrapper{& > figure{width:100%}&:not(.image-top, .image-right, .image-left){& > :is(blockquote, h2, h3, h4, p, ol, ul):first-child, & > div[lang] > :is(blockquote, h2, h3, h4, p, ol, ul):first-child{margin-top:0}}}}}}}.audio-single{hyphens:auto;overflow-wrap:anywhere;& > .grid{display:grid;grid-template-columns:182px minmax(0,1fr);grid-template-rows:1fr auto auto auto;& :where(.image, .title, .short, small){background-color:var(--block-background)}& > .title{grid-column:2/3;grid-row:1/2;display:flex;align-items:flex-end;padding:20px 20px 0;margin:0;box-sizing:border-box;text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > .image{grid-column:1/2;grid-row:1/4;min-height:180px;display:flex;align-items:center;justify-content:center;margin:0 2px 0 0;& > picture > img{max-width:100%;display:block}}& > .short{grid-column:2/3;grid-row:2/3;padding:0 20px;margin:0;color:var(--text-color)}& > small{grid-column:2/3;grid-row:3/4;padding:20px;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}& > .audio{grid-column:1/3;grid-row:4/5;margin:2px 0 0;& > audio{width:100%;display:block}}}}@media(max-width:74.9375em){.audio-single>.grid>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.audio-single>.grid{grid-template-columns:92px minmax(0,1fr);& > .title{grid-column:2/3;grid-row:1/2;padding:10px;margin-bottom:2px}& > .image{grid-column:1/2;grid-row:1/2;min-height:90px;margin-bottom:2px}& > .short{grid-column:1/3;padding:10px 10px 0;margin-left:0}& > small{grid-column:1/3;padding:20px 10px 10px;margin-left:0}}}.brands{background-color:var(--block-background);overflow-wrap:anywhere;hyphens:auto;ul{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:15px;&::after{content:"";flex-grow:300}&.block::after{content:none}li{flex-grow:1;figure{margin:0;a{display:block;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:0}}}picture{height:100px;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:var(--white-100);img{max-width:100%;max-height:60px;display:block}}figcaption{padding-top:4px;max-width:min-content;min-width:fit-content;color:var(--copyright-color);line-height:1.313rem;p{margin:0;color:inherit}}}}}}@media(max-width:47.9375em){.brands ul::after{content:none}}.contact-facility{--border-color:var(--skin-color, var(--fsu-gold));hyphens:auto;overflow-wrap:anywhere;color:var(--text-color);&.biopha{--border-color:var(--color-biopha)}&.chege{--border-color:var(--color-chege)}&.fsv{--border-color:var(--color-fsv)}&.m_ehealth{--border-color:var(--color-m_ehealth)}&.mirz{--border-color:var(--color-mirz)}&.paf{--border-color:var(--color-paf)}&.phifak{--border-color:var(--color-phifak)}&.rewi{--border-color:var(--color-rewi)}&.thefak_fe{--border-color:var(--color-thefak_fe)}&.wiwi{--border-color:var(--color-wiwi)}& > .grid{padding-bottom:20px;background-color:var(--block-background);border-bottom:4px solid var(--border-color);& > .title{grid-area:title;margin:0 0 20px;text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > .left{grid-area:left;padding-right:40px;& > p{margin-bottom:0}& :where(dl, dt, dd){margin:0;padding:0;list-style-type:none}& > dl{margin-bottom:6px;& > div{display:flex;column-gap:10px;&:has(> dt > span.hidden_text:first-child){column-gap:0}& > dt{flex:none;padding-top:var(--link-block-padding)}}}}& > .right{grid-area:right;padding-left:40px;& > p{&:last-child:not(:has(a)){margin-bottom:1rem}&:has(a){margin-bottom:6px}& > .table{display:grid;grid-template-columns:min-content 1fr;grid-template-rows:1.5rem auto;grid-template-areas:"icon content" ". content";column-gap:5px;& > .icon{grid-area:icon;align-self:center}& > .content{grid-area:content}}}}& a{width:fit-content;display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}@media(min-width:75.0000em){.contact-facility{& > .grid{padding-right:40px;padding-left:40px;& > .title{max-width:800px;box-sizing:border-box}}}}@media(min-width:48.0000em){.contact-facility>.grid{display:grid;grid-template-columns:55% minmax(0,1fr);grid-template-areas:"title title" "left right";padding-top:29px;&:not(:has(.left)):not(:has(.right)){grid-template-columns:1fr;grid-template-areas:"title"}&:has(.left):not(:has(.right)){grid-template-columns:1fr;grid-template-areas:"title" "left"}&:not(:has(.left)):has(.right){grid-template-columns:1fr;grid-template-areas:"title" "right";& > .right{padding-left:0}}&:has(.left) .right{border-left:1px solid var(--border-color)}& > .title{grid-area:title}& > .left{grid-area:left}& >.right{grid-area:right}}}@media(max-width:74.9375em){.contact-facility>.grid>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.contact-facility>.grid{padding-top:25px;padding-bottom:0;&:has(.left) .right{border-top:1px solid var(--border-color);& > p:first-child{margin-top:1rem}}& > .title{padding-right:0;padding-left:0}& > .left{padding-right:0;padding-left:0}& > .right{padding-left:0;border-left:none;& > p:has(a){margin-bottom:6px}}}}.contact-person{hyphens:auto;overflow-wrap:anywhere;color:var(--text-color); :where(dl, dt, dd) { margin: 0px; padding: 0px; list-style-type: none; } .grid { display: grid; grid-gap: 4px; .box-wrapper { display: flex; flex-wrap: wrap; background-color: var(--block-background); & > dl > div { display: flex; column-gap: 10px; &:has(> dt > span.hidden_text:first-child) { flex-wrap: wrap; column-gap: 0px; & > dd { flex-basis: 100%; } } & > dt { flex: 0 0 auto; padding-top: var(--link-block-padding); } } a { width: fit-content; display: block; padding: var(--link-block-padding) 0px var(--link-block-padding) 0px; text-decoration: underline 1px; text-underline-offset: 3px; color: var(--text-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } &.theme-wrapper { grid-area: theme; align-items: center; padding: 15px 40px; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } &.name-function-wrapper { grid-area: name; flex-direction: column; align-items: flex-start; justify-content: center; padding: 15px 40px; .name { margin: 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } } &.institution-wrapper { grid-area: institution; align-items: center; flex-wrap: nowrap; padding: 15px 40px; text-wrap: balance; color: var(--copyright-color); text-transform: uppercase; font-size: 0.750rem; line-height: 1.000rem; &.extern { --tile-color: var(--copyright-color); } &.biopha { --tile-color: var(--color-biopha); } &.chege { --tile-color: var(--color-chege); } &.fsv { --tile-color: var(--color-fsv); } &.m_ehealth { --tile-color: var(--color-m_ehealth); } &.mirz { --tile-color: var(--color-mirz); } &.paf { --tile-color: var(--color-paf); } &.phifak { --tile-color: var(--color-phifak); } &.rewi { --tile-color: var(--color-rewi); } &.thefak_fe { --tile-color: var(--color-thefak_fe); } &.wiwi { --tile-color: var(--color-wiwi); } span { margin-left: 21px; position: relative; &::before { content: ""; width: 9px; height: 9px; display: block; background-color: var(--tile-color, var(--fsu-gold)); position: absolute; top: calc(0.750rem - 9px); left: -21px; } } } &.image-wrapper { grid-area: image; width: 217px; min-height: 279px; position: relative; figure { margin: 0px; img { display: block; } figcaption { padding: 0px 2px; position: absolute; transform: rotate(180deg); writing-mode: vertical-rl; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; small { font-size: inherit; } } } } &.contact-wrapper { grid-area: contact; align-items: flex-start; padding: 8px 40px; } &.address-wrapper { grid-area: address; flex-direction: column; align-items: flex-start; padding: 15px 40px; } &.link-wrapper { grid-area: link; align-items: flex-start; padding: 8px 40px; } &.response-time-wrapper { grid-area: response-time; align-items: flex-start; padding: 15px 40px; } } }}@media(min-width:48.0000em){.contact-person .grid{figcaption{top:0;left:100%}&.layout-0{grid-template-columns:1fr;grid-template-rows:min-content;grid-template-areas:"name" "contact"}&.layout-1{grid-template-columns:1fr;grid-auto-rows:min-content;grid-template-areas:"theme" "name" "contact"}&.layout-2{grid-template-columns:1fr 30%;grid-auto-rows:min-content;grid-template-areas:"name institution" "contact contact"}&.layout-3{grid-template-columns:1fr 30%;grid-auto-rows:min-content;grid-template-areas:"theme institution" "name institution" "contact contact"}&.layout-4{grid-template-columns:1fr min-content;grid-template-rows:1fr min-content;grid-template-areas:"name image" "contact image"}&.layout-5{grid-template-columns:1fr min-content;grid-template-rows:min-content 1fr min-content;grid-template-areas:"theme image" "name image" "contact image"}&.layout-6{grid-template-columns:1fr min-content;grid-template-rows:1fr min-content min-content;grid-template-areas:"name image" "institution image" "contact image"}&.layout-7{grid-template-columns:50% auto min-content;grid-template-rows:min-content 1fr min-content min-content;grid-template-areas:"theme theme image" "name name image" "institution institution image" "contact contact contact"}&.layout-8{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name" "contact address"}&.layout-9{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme" "name name" "contact address"}&.layout-10{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name institution" "contact address"}&.layout-11{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme institution" "name institution" "contact address"}&.layout-12{grid-template-columns:55% auto min-content;grid-template-rows:1fr min-content;grid-template-areas:"name name image" "contact contact image" "address address address"}&.layout-13{grid-template-columns:55% auto min-content;grid-template-rows:min-content 1fr min-content;grid-template-areas:"theme theme image" "name name image" "contact contact image" "address address address"}&.layout-14{grid-template-columns:55% auto min-content;grid-template-rows:1fr min-content min-content;grid-template-areas:"name name image" "institution institution image" "contact contact image" "address address address"}&.layout-15{grid-template-columns:55% auto min-content;grid-template-rows:min-content 1fr min-content min-content;grid-template-areas:"theme theme image" "name name image" "institution institution image" "contact address address"}&.layout-16{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name" "contact link"}&.layout-17{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme" "name name" "contact link"}&.layout-18{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name institution" "contact link"}&.layout-19{grid-template-columns:55% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme institution" "name institution" "contact link"}&.layout-20{grid-template-columns:auto min-content;grid-template-rows:1fr min-content min-content;grid-template-areas:"name image" "contact image" "link image"}&.layout-21{grid-template-columns:55% auto min-content;grid-template-rows:min-content 1fr min-content;grid-template-areas:"theme theme image" "name name image" "contact link link"}&.layout-22{grid-template-columns:55% auto min-content;grid-template-rows:1fr min-content min-content;grid-template-areas:"name name image" "institution institution image" "contact link link"}&.layout-23{grid-template-columns:55% auto min-content;grid-template-rows:min-content 1fr min-content min-content;grid-template-areas:"theme theme image" "name name image" "institution institution image" "contact link link"}&.layout-24{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name name" "contact address link"}&.layout-25{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme theme" "name name name" "contact address link"}&.layout-26{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name institution" "contact address link"}&.layout-27{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme institution" "name name institution" "contact address link"}&.layout-28{grid-template-columns:55% auto min-content;grid-template-rows:1fr repeat(2,min-content);grid-template-areas:"name name image" "contact contact image" "address link link"}&.layout-29{grid-template-columns:33% 33% auto min-content;grid-template-rows:min-content 1fr min-content;grid-template-areas:"theme theme theme image" "name name name image" "contact address link link"}&.layout-30{grid-template-columns:33% 33% auto min-content;grid-template-rows:1fr min-content min-content;grid-template-areas:"name name name image" "institution institution institution image" "contact address link link"}&.layout-31{grid-template-columns:33% 33% auto min-content;grid-template-rows:min-content 1fr min-content min-content;grid-template-areas:"theme theme theme image" "name name name image" "institution institution institution image" "contact address link link"}&.layout-40{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name name" "contact address response-time"}&.layout-41{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme theme" "name name name" "contact address response-time"}&.layout-42{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name institution" "contact address response-time"}&.layout-43{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme institution" "name name institution" "contact address response-time"}&.layout-44{grid-template-columns:33% 33% auto min-content;grid-template-rows:1fr min-content;grid-template-areas:"name name name image" "contact address response-time response-time"}&.layout-45{grid-template-columns:33% 33% auto min-content;grid-template-rows:min-content 1fr min-content;grid-template-areas:"theme theme theme image" "name name name image" "contact address response-time response-time"}&.layout-46{grid-template-columns:33% 33% auto min-content;grid-template-rows:1fr min-content min-content;grid-template-areas:"name name name image" "institution institution institution image" "contact address response-time response-time"}&.layout-47{grid-template-columns:33% 33% auto min-content;grid-template-rows:min-content 1fr min-content min-content;grid-template-areas:"theme theme theme image" "name name name image" "institution institution institution image" "contact address response-time response-time"}&.layout-56{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name name" "contact address response-time" "contact link response-time"}&.layout-57{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme theme" "name name name" "contact address response-time" "contact link response-time"}&.layout-58{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"name name institution" "contact address response-time" "contact link response-time"}&.layout-59{grid-template-columns:33% 33% minmax(0,1fr);grid-auto-rows:min-content;grid-template-areas:"theme theme institution" "name name institution" "contact address response-time" "contact link response-time"}&.layout-60{grid-template-columns:33% 33% auto min-content;grid-template-rows:1fr repeat(2,min-content);grid-template-areas:"name name name image" "contact address response-time response-time" "contact link response-time response-time"}&.layout-61{grid-template-columns:33% 33% auto min-content;grid-template-rows:min-content 1fr repeat(3,min-content);grid-template-areas:"theme theme theme image" "name name name image" "contact address response-time response-time" "contact link response-time response-time"}&.layout-62{grid-template-columns:33% 33% auto min-content;grid-template-rows:1fr repeat(3,min-content);grid-template-areas:"name name name image" "institution institution institution image" "contact address response-time response-time" "contact link response-time response-time"}&.layout-63{grid-template-columns:33% 33% auto min-content;grid-template-rows:min-content 1fr repeat(3,min-content);grid-template-areas:"theme theme theme image" "name name name image" "institution institution institution image" "contact address response-time response-time" "contact link response-time response-time"}}}@media(min-width:48.0000em) and (max-width:74.9375em){.contact-person .grid .box-wrapper:not(.image-wrapper){padding-right:20px;padding-left:20px}}@media(max-width:74.9375em){.contact-person .grid .box-wrapper.name-function-wrapper .name{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.contact-person.block-side-pa{padding-right:0;padding-left:0;.block-headline{padding-right:5%;padding-left:5%}.grid{grid-template-columns:1fr;.box-wrapper{grid-area:unset;padding:10px 5%;&.theme-wrapper{grid-row:1/2}&.image-wrapper{width:auto;figcaption{top:10px;left:calc(5% + 217px)}}}}}}.crossnav{overflow-wrap:anywhere;hyphens:auto;& > ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(82px,max-content);grid-column-gap:50px;grid-row-gap:25px;padding:0;margin:0;list-style-type:none;& > li > a{height:100%;display:flex;align-items:center;padding:16px 18px 18px;box-sizing:border-box;box-shadow:0 0 4px rgba(0,0,0,.25);background-color:var(--nav-background);text-decoration:none;color:var(--white-100);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.crossnav>ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:47.9375em){.crossnav>ul{grid-template-columns:minmax(0,1fr)}}.deadline :where(ol,ul){display:flex;flex-direction:column;row-gap:50px;padding:0;margin:0;list-style-type:none;& > li{display:grid;grid-template-columns:280px 1fr;position:relative;--border-width:5px;box-sizing:border-box;--color:var(--skin-color, var(--fsu-gold));border-bottom:var(--border-width)solid var(--color);border-right:var(--border-width)solid var(--color);&.biopha{--color:var(--color-biopha)}&.chege{--color:var(--color-chege)}&.fsv{--color:var(--color-fsv)}&.m_ehealth{--color:var(--color-m_ehealth)}&.mirz{--color:var(--color-mirz)}&.paf{--color:var(--color-paf)}&.phifak{--color:var(--color-phifak)}&.rewi{--color:var(--color-rewi)}&.thefak_fe{--color:var(--color-thefak_fe)}&.wiwi{--color:var(--color-wiwi)}& > .date{background-color:var(--block-background);background-clip:padding-box;display:flex;flex-direction:column;color:var(--fsu-blue);padding:15px 20px;position:relative;text-align:right;& :where(span:first-child, span.adapted){font-variation-settings:var(--fsu-font-variation-headline);font-size:1.563rem;line-height:2.063rem}& > .long{display:flex;flex-direction:column}& > .short{display:none}}& > .content{padding:18px 20px 15px;& > .title{color:var(--fsu-blue);hyphens:auto;overflow-wrap:anywhere;text-wrap:balance;text-decoration:none;font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > a{outline:none;text-decoration:none;&::after{content:"";width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:0;left:0;position:absolute;z-index:1}&:focus-visible::after{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover::after{outline:1px solid var(--hover-color-dark);outline-offset:0}}}& > .video-chat-wrapper{display:grid;color:var(--text-color);& > .videochat > div{padding:var(--link-block-padding)0}& a{width:fit-content;padding:var(--link-block-padding)0;display:block;position:relative;z-index:2;text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}}}@media(min-width:48.0000em){.deadline :where(ol,ul)>li>.content{border-top:1px solid var(--block-background);& > .video-chat-wrapper > .videochat{display:flex;align-items:center;gap:3px}}}@media(max-width:74.9375em){.deadline :where(ol,ul)>li>.content>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.deadline :where(ol,ul)>li{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto; :is(.date, .content) { padding-right: 15px; padding-left: 15px; } & > .date { text-align: left; & :where(span:first-child, span.adapted) { font-size: 1.375rem; line-height: 1.813rem; } & > .long { display: none; } & > .short { display: flex; flex-direction: column; } } & > .content { border-left: 1px solid var(--block-background); & > .video-chat-wrapper > .videochat > .seperator { display: none; } }}}.distribution-light{hyphens:auto;overflow-wrap:anywhere;& > .block-800{& > form > fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:50px;row-gap:20px;& > legend{display:contents;& > span{grid-column:span 3;min-height:25px;display:flex;align-items:center;margin:0;padding-bottom:5px;border-bottom:5px solid var(--skin-color,var(--fsu-gold));color:var(--text-color)}}& > .field{position:relative;&:has(> select){grid-column:span 3}&:has(> select:disabled) > label.default{color:var(--copyright-color);pointer-events:none}& > label.default{min-height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}& > select{width:100%;height:44px;padding-right:44px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem;&:disabled{pointer-events:none;border:1px dashed var(--copyright-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px;& + .select-icon{color:var(--hover-color-dark)}}}}& > button[type=submit]{width:100%;height:44px;padding:0 10px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:disabled{pointer-events:none;border:1px dashed var(--copyright-color);color:var(--copyright-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}& > div > .block_info{margin-top:20px}}}@media(min-width:48.0000em) and (max-width:74.9375em){.distribution-light>.block-800>form>fieldset{grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:24px;& > legend > span{grid-column:span 2}& > .field:has(> select){grid-column:span 2}}}@media(max-width:47.9375em){.distribution-light>.block-800>form>fieldset{grid-template-columns:minmax(0,1fr);row-gap:10px;& > legend > span{grid-column:auto}& > :nth-last-child(1 of .field){margin-top:5px}& > .field:has(> select){grid-column:auto}& > .field > select{font-size:1rem;line-height:1.313rem}}}.employee-list{hyphens:auto;overflow-wrap:anywhere; :is(button.hidden, .block_info.hidden) { display: none; } fieldset { display: flex; align-items: end; column-gap: 50px; margin-bottom: 20px; .filter { position: relative; &:has(select:disabled, input:disabled) label { pointer-events: none; color: var(--copyright-color); } label { min-height: 25px; display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: var(--fsu-blue); } :where(input[type="search"], select) { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &[name="alphabet"] { text-transform: uppercase; } &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &.invalid { border-color: var(--error-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } } } .toggle-all { display: flex; justify-content: flex-end; button { height: 44px; display: flex; align-items: center; justify-content: center; padding: 0px 10px 0px 0px; cursor: pointer; border: none; background-color: transparent; -webkit-text-decoration: none; text-decoration: underline transparent 1px; text-underline-offset: 3px; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { -webkit-text-decoration: underline; text-decoration-color: inherit; } } } } :where(ol, dl, dt, dd) { margin: 0px; padding: 0px; list-style-type: none; } ol > li { border-bottom: 1px solid rgba(0, 35, 80, 0.5); &:first-child { border-top: 1px solid rgba(0, 35, 80, 0.5); } details { padding: 3px; margin: -3px; &[open]:not(.isClosing) summary i.icon { transform: rotate(180deg); } summary { display: grid; grid-template-columns: 4fr 3fr 44px; grid-template-rows: 1fr auto; align-items: center; column-gap: 10px; padding: 5px 0px 5px 10px; list-style: none !important; cursor: pointer; &::-webkit-details-marker, &::marker { display: none; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; i.icon { color: var(--hover-color-dark); } } } .name { grid-column: 1 / 2; grid-row: 1 / 2; margin: 0px; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } .function { grid-column: 1 / 2; grid-row: 2 / 3; color: var(--text-color); line-height: 1.313rem; } .institution { grid-column: 2 / 3; grid-row: 1 / 3; display: flex; color: var(--copyright-color); text-transform: uppercase; font-size: 0.750rem; line-height: 1.000rem; &.extern { --tile-color: var(--copyright-color); } &.biopha { --tile-color: var(--color-biopha); } &.chege { --tile-color: var(--color-chege); } &.fsv { --tile-color: var(--color-fsv); } &.m_ehealth { --tile-color: var(--color-m_ehealth); } &.mirz { --tile-color: var(--color-mirz); } &.paf { --tile-color: var(--color-paf); } &.phifak { --tile-color: var(--color-phifak); } &.rewi { --tile-color: var(--color-rewi); } &.thefak_fe { --tile-color: var(--color-thefak_fe); } &.wiwi { --tile-color: var(--color-wiwi); } span { margin-left: 21px; position: relative; &::before { content: ""; width: 9px; height: 9px; display: block; background-color: var(--tile-color, var(--fsu-gold)); position: absolute; top: calc(0.750rem - 9px); left: -21px; } } } i.icon { grid-column: 3 / 4; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; color: var(--button-color); @media (prefers-reduced-motion: no-preference) { transition: transform 350ms ease-in-out; } } } .content { display: grid; grid-template-columns: 4fr 3fr 44px; grid-template-rows: auto; column-gap: 10px; padding: 0px 0px 10px 10px; color: var(--text-color); & dl > div { display: flex; column-gap: 10px; &:has(> dt > span.hidden_text:first-child) { flex-wrap: wrap; column-gap: 0px; & > dd { flex-basis: 100%; } } & > dt { flex: 0 0 auto; padding-top: var(--link-block-padding); } } a { width: fit-content; display: block; padding: var(--link-block-padding) 0px; text-decoration: underline; color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } & > span { display: inline-block; } } p { margin-bottom: 0px; } dl + p { margin-top: 0px; } figure { margin: 0px; img { display: block; } figcaption { padding: 3px 0px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; small { font-size: inherit; } } } .empty { grid-column: 1 / 3; padding-top: var(--link-block-padding); color: var(--text-color); } } } }}@media(min-width:75.0000em){.employee-list{.filter:has(select[name=institution], input[type=search]){flex:2 0}.filter:has(select[name=alphabet]){flex:1 0}}}@media(min-width:48.0000em) and (max-width:74.9375em){.employee-list{fieldset{flex-wrap:wrap;column-gap:24px;row-gap:20px;.filter:has(select[name=institution]){flex:1 0 100%}.filter:has(input[type=search]){flex:2 0}.filter:has(select[name=alphabet]){flex:1 0}}}}@media(max-width:74.9375em){.employee-list ol>li details summary .name{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.employee-list{fieldset{flex-wrap:wrap;row-gap:10px;.filter{flex:0 0 100%}}ol > li details{summary{grid-template-columns:1fr 44px;padding-bottom:5px;.function{grid-column:1/2;grid-row:2/3}.institution{grid-column:1/2;grid-row:3/4;margin-top:10px}i.icon{grid-column:2/3;grid-row:1/4}}.content{grid-template-columns:1fr;grid-template-rows:auto auto}}}}.event-entry{hyphens:auto;overflow-wrap:anywhere;& > .overview{width:fit-content;display:block;padding:var(--link-block-padding)10px;margin-bottom:45px;box-sizing:border-box;border:1px solid var(--fsu-blue);text-decoration:none;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}& > .completed{padding:var(--link-block-padding)0 var(--link-block-padding)10px;margin:0;color:var(--text-color)}& > details{&[open]:not(.isClosing) > summary > i.icon{transform:rotate(180deg)}& > summary{height:44px;display:flex;align-items:center;padding-left:10px;list-style:none!important;cursor:pointer;background-color:var(--copyright-color);color:var(--white-100);&::-webkit-details-marker, &::marker{display:none}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}& > h2{flex-grow:1;margin:0;text-transform:uppercase;font-size:inherit}& > i.icon{width:44px;display:flex;justify-content:center;@media(prefers-reduced-motion:no-preference){transition: transform 350ms ease-in-out;}}}& > .content{position:relative;& :is(dl, dt, dd){margin:0;padding:0;list-style-type:none}& > .ics{width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:absolute;top:0;right:0;padding:0 0 2px;cursor:pointer;text-decoration:none;text-indent:2px;color:var(--button-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:-4px;color:var(--hover-color-dark)}}}& > dl{display:grid;grid-template-columns:minmax(200px,25%)auto;border-bottom:1px solid rgba(51,57,57,.5);& > dt{padding:var(--link-block-padding)0 var(--link-block-padding)10px;color:var(--copyright-color)}& > dd{grid-column:2/3;padding:var(--link-block-padding)10px;border-top:1px solid rgba(51,57,57,.5);color:var(--text-color);&:first-of-type{border-top:none}&:has(> a:first-child, > div a:first-child){padding-top:0}&:has(> a:last-child, dd a:last-child){padding-bottom:0}& + dt{border-top:1px solid rgba(51,57,57,.5)}& > dl > div{display:flex;column-gap:10px;&:has(> dt > span.hidden_text:first-child){flex-wrap:wrap;column-gap:0;& > dd{flex-basis:100%}}& > dt{flex:none;padding-top:var(--link-block-padding)}}a{width:fit-content;display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}& > .clone{width:fit-content;display:block;padding:var(--link-block-padding)0;margin-left:auto;margin-right:0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}}@media(min-width:48.0000em){.event-entry>details>.content>dl>dd>.videochat{display:flex;align-items:center;gap:3px}}@media(max-width:47.9375em){.event-entry{&.block-side-pa{padding-right:0;padding-left:0}& > .overview{margin-right:5%;margin-left:5%}& > .completed, & > details > summary, & > details > .content > dl > dt{padding-right:5%;padding-left:5%}& > details > .content{& > .ics{top:4px;right:5%}& > dl{grid-template-columns:100%;& > dt{padding-bottom:0;& + dd{border-top:none;&:has( + dd){margin-top:10px}}}& > dd{grid-column:auto;padding-top:0;padding-right:0;padding-left:0;margin-right:5%;margin-left:5%;& + dd{padding-top:var(--link-block-padding)}& > .videochat > .seperator{display:none}}}& > .clone{margin-right:5%}}}}.event-overview{hyphens:auto;overflow-wrap:anywhere; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > form > fieldset { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: end; column-gap: 50px; &:has(> .filter) { row-gap: 20px; margin-bottom: 50px; & > :nth-child(2 of .filter) { grid-column: span 2; } & > :nth-last-child(-n + 3 of .filter) { margin-top: 5px; } & > .filter { position: relative; &:has(> select:disabled, > input[type="search"]:disabled) label.default { color: var(--copyright-color); pointer-events: none; } &:has(> input[type="checkbox"]:disabled) > label.checkbox { color: var(--copyright-color); pointer-events: none; & > .checkbox { border: 1px dashed var(--copyright-color); } } &:has(> input[type="checkbox"]) { display: grid; grid-template-columns: 44px auto; grid-template-rows: 44px; margin-top: 5px; & > input { grid-column: 1 / 2; grid-row: 1 / 2; } & > label { grid-column: 1 / 3; grid-row: 1 / 2; } } & > label.default { min-height: 25px; display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: var(--fsu-blue); } & > :where(input[type="search"], select) { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); } &.invalid { border-color: var(--error-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } & > label.checkbox { height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; & > .checkbox { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin-right: 15px; box-sizing: border-box; flex-shrink: 0; background-color: var(--white-100); border: 1px solid var(--fsu-blue); & > .icon { display: none; } } } & > input[type="checkbox"] { width: 40px; height: 40px; margin: 2px; display: block; &:disabled { pointer-events: none; } &:checked + label.checkbox > .checkbox > .icon { display: block; } &:focus-visible { outline: none; & + label.checkbox { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } } @media (hover: hover) { &:hover + label.checkbox { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & > .checkbox { border: 1px solid var(--hover-color-dark); } } } } & > button[type="submit"] { width: 100%; height: 44px; padding: 0px 10px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } } } &:has(> .pagination) { margin-top: 50px; & > .pagination { grid-column: 3 / 4; display: flex; align-items: center; gap: 10px; & > div { flex-grow: 1; text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } & > button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; background-color: var(--button-color); cursor: pointer; color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } } } } & > div[tabindex="-1"] { &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } & > ol { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: 50px; row-gap: 50px; & > li { display: flex; flex-direction: column; position: relative; background-color: var(--white-100); box-shadow: 0px 0px 4px var(--box-shadow-color), 0px 0px 8px var(--box-shadow-color), 0px 0px 16px var(--box-shadow-color); --color: var(--skin-color, var(--fsu-gold)); &.gold { --color: var(--fsu-gold); } &.biopha { --color: var(--color-biopha); } &.chege { --color: var(--color-chege); } &.fsv { --color: var(--color-fsv); } &.m_ehealth { --color: var(--color-m_ehealth); } &.mirz { --color: var(--color-mirz); } &.paf { --color: var(--color-paf); } &.phifak { --color: var(--color-phifak); } &.rewi { --color: var(--color-rewi); } &.thefak_fe { --color: var(--color-thefak_fe); } &.wiwi { --color: var(--color-wiwi); } & > article { flex: 1 0 auto; display: flex; flex-direction: column; & > a { display: block; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { display: block; padding: 20px 15px 0px 15px; margin: 0px 0px 10px 0px; position: relative; z-index: 0; border-top: 3px solid var(--color); text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; & > span { &::before, &::after { content: ""; width: 30px; position: absolute; top: 0px; right: 0px; } &::before { height: 30px; z-index: 1; background-color: var(--color); } &::after { height: 31px; z-index: 2; background-color: var(--white-100); border-top-right-radius: 30px; } } } } & > .date-time-categories { padding: 0px 15px; margin-bottom: 5px; text-transform: uppercase; color: var(--fsu-blue); font-size: 0.750rem; line-height: 1.000rem; & :where(li, ul) { display: inline; } & .academic-timing { text-transform: none; } & li:not(:first-child):before { content: "\2006\00B7\2006"; } } & > p { padding: 0px 15px; margin: 0px 0px 15px 0px; color: var(--text-color); } & > ul { flex: 1 0 auto; display: flex; align-content: flex-end; flex-wrap: wrap; gap: 10px; padding: 0px 15px 15px 15px; text-transform: uppercase; font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > li { padding: 4px 5px 3px 5px; box-sizing: border-box; border: 1px solid var(--text-color); color: var(--text-color); } } } } } & .block_info > span > .completed-text.hidden { display: none; } }}@media(min-width:48.0000em) and (max-width:74.9375em){.event-overview{& > form > fieldset{&:has(> .filter){column-gap:24px}&:has(> .pagination){grid-template-columns:repeat(2,minmax(0,1fr));& > .pagination{grid-column:2/3}}}& > div[tabindex="-1"] > ol{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media(max-width:74.9375em){.event-overview>div[tabindex="-1"]>ol>li>article>a>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.event-overview{& > form > fieldset{grid-template-columns:minmax(0,1fr);&:has(> .filter){row-gap:10px;margin-bottom:20px;& > :nth-child(2 of .filter){grid-column:auto}& > .filter > :where(input[type=search], select){font-size:1rem;line-height:1.313rem}}&:has(> .pagination){margin-top:20px;& > .pagination{grid-column:1/2}}}& > div[tabindex="-1"] > ol{grid-template-columns:minmax(0,1fr);row-gap:35px}}}.event-program{hyphens:auto;overflow-wrap:anywhere;color:var(--text-color);& > #event-program{summary{height:44px;display:flex;align-items:center;padding-left:10px;list-style:none!important;cursor:pointer;&::-webkit-details-marker, &::marker{display:none}}&[open]:not(.isClosing) > summary > i.icon{transform:rotate(180deg)}& > summary{background-color:var(--copyright-color);color:var(--white-100);&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}& > h2{flex-grow:1;margin:0;text-transform:uppercase;font-size:inherit}& > i.icon{width:44px;display:flex;justify-content:center;@media(prefers-reduced-motion:no-preference){transition: transform 350ms ease-in-out;}}}& > .content{& > #event-program-filter{&[open]:not(.isClosing) > summary > span[data-status=open]{display:block}&:where(:not([open]), .isClosing) > summary > span[data-status=close]{display:block}& > summary{width:min-content;margin-left:auto;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-4px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}& > span{white-space:nowrap;display:none}}& > fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;column-gap:50px;row-gap:20px;padding-bottom:35px;& > .last-row{grid-column:span 3;display:flex;justify-content:space-between;row-gap:20px}& .filter{position:relative;&.span-2{grid-column:span 2}&:has(> select:disabled, > input:disabled) > label.default{color:var(--copyright-color);pointer-events:none}&:has(> input[type=checkbox]:disabled) > label.checkbox{color:var(--copyright-color);pointer-events:none;& > .checkbox{border:1px dashed var(--copyright-color)}}&:has(> input[type=checkbox]){display:grid;grid-template-columns:44px auto;grid-template-rows:44px;margin-top:5px;& > input{grid-column:1/2;grid-row:1/2}& > label{grid-column:1/3;grid-row:1/2}}& > label.default{min-height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}& > :where(input[type=search], select){width:100%;height:44px;padding-right:44px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem;&:disabled{pointer-events:none;border:1px dashed var(--copyright-color)}&.invalid{border-color:var(--error-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px;& + .select-icon{color:var(--hover-color-dark)}}}}& > label.checkbox{height:44px;display:flex;align-items:center;cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;& > .checkbox{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-right:15px;box-sizing:border-box;flex-shrink:0;background-color:var(--white-100);border:1px solid var(--fsu-blue);& > .icon{display:none}}}& > input[type=checkbox]{width:40px;height:40px;margin:2px;display:block;&:disabled{pointer-events:none}&:checked + label.checkbox > .checkbox > .icon{display:block}&:focus-visible{outline:none;& + label.checkbox{outline:3px solid var(--hover-color-dark);outline-offset:3px}}@media(hover:hover){&:hover+label.checkbox{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px;& > .checkbox{border:1px solid var(--hover-color-dark)}}}}}}}& :is(dl, dt, dd, ul){margin:0;padding:0;list-style-type:none}& > .days > div{&.hidden{display:none}& > dt{padding:var(--link-block-padding)10px;border-bottom:1px solid var(--text-color);text-transform:uppercase}& > dd > .times > div{display:grid;grid-template-columns:minmax(200px,25%)auto;grid-auto-rows:minmax(64px,auto);border-bottom:1px solid rgba(51,57,57,.5);&.hidden{display:none}& > dt{padding:var(--link-block-padding)0 var(--link-block-padding)10px;& > .next-day{white-space:nowrap}}& > dd{grid-column:2/3;padding:var(--link-block-padding)54px var(--link-block-padding)10px;position:relative;border-bottom:1px solid rgba(51,57,57,.5);&.hidden{display:none}&:nth-last-child(1 of :not(.hidden)){border-bottom:none}& > .title{text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem;& > a{-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}& > :where(.locations, .short){margin:5px 0 0;& > :where(p, ol, ul):first-child{margin-top:0}&.locations > li{display:flex;gap:3px;& > a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}& > .properties{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;text-transform:uppercase;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;& > li{box-sizing:border-box;padding:4px 5px 3px;border:1px solid var(--text-color);&.keyword{background-color:var(--block-background);border:none}}}& > .ics{align-self:center;width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:0;box-sizing:border-box;padding:0 0 2px;cursor:pointer;text-decoration:none;text-indent:2px;color:var(--button-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:-4px;color:var(--hover-color-dark)}}}}}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.event-program>#event-program>.content>#event-program-filter>fieldset{column-gap:24px;& > .last-row{grid-column:span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}}@media(max-width:74.9375em){.event-program>#event-program>.content>.days>div>dd>.times>div>dd>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.event-program{&.block-side-pa{padding-right:0;padding-left:0}& > #event-program{summary{padding-right:5%;padding-left:5%}& > .content{& > #event-program-filter > fieldset{grid-template-columns:minmax(0,1fr);row-gap:10px;padding-right:5%;padding-bottom:20px;padding-left:5%;& > .last-row{display:grid;grid-template-columns:minmax(0,1fr);grid-column:auto;row-gap:10px}& .filter{&.span-2{grid-column:auto}& > :where(input[type=search], select){font-size:1rem;line-height:1.313rem}}}& > .days > div{& > dt{padding-right:5%;padding-left:5%}& > dd > .times > div{grid-template-columns:auto;grid-auto-rows:auto;&:has(dd:nth-child(2 of dd:not(.hidden))) > dt{margin-bottom:10px}&:not(:has(dd:nth-child(2 of dd:not(.hidden)))) > dd{padding-top:0;& > a.ics{top:-10px}}& > dt{padding-right:5%;padding-left:5%;padding-bottom:0}& > dd{grid-column:auto;padding-right:0;padding-left:0;margin:0 5%;& > .title{margin-right:54px}& > .locations > li{flex-direction:column;& > .seperator{display:none}}& > a.ics{top:0}}}}}}}}.external table{margin-top:0;table-layout:fixed}.facilities{hyphens:auto;overflow-wrap:anywhere;ul{display:grid;padding:0;margin:0;list-style-type:none}& > ul{grid-row-gap:45px;& > li{& > .title{display:block;padding:0 10px 1rem;margin:0;border-bottom:1px solid var(--fsu-blue);text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > ul{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(67px,max-content);grid-column-gap:50px;& > li > a{height:100%;display:flex;align-items:center;box-sizing:border-box;padding:8px 10px 10px;border-bottom:1px solid var(--fsu-blue);-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}}@media(min-width:75.0000em){.facilities>ul>li>ul>li:where(:nth-child(3n+1):nth-last-child(-n+3),:nth-child(3n+2):nth-last-child(-n+2),:nth-child(3n+3):nth-last-child(-n+1))>a{border-bottom-color:transparent}}@media(min-width:48.0000em) and (max-width:74.9375em){.facilities>ul>li>ul{grid-template-columns:repeat(2,minmax(0,1fr));& > li:is(:nth-child(2n+1):nth-last-child(-n+2), :nth-child(2n+2):nth-last-child(-n+1)) > a{border-bottom-color:transparent}}}@media(max-width:74.9375em){.facilities>ul>li>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.facilities>ul>li>ul{grid-template-columns:minmax(0,1fr);& > li:last-child a{border-bottom-color:transparent}}}.page-form{hyphens:auto;overflow-wrap:anywhere;& > fieldset{display:contents;& :where(.form-attach, .form-checkbox, .form-radiobutton, .form-select, .form-textarea, .form-textfield):has(:where(input, select, textarea):user-invalid) :where(label, legend){color:var(--error-color)}& [class^=form-]{& > .block-max{padding:0 0 35px;background-color:var(--block-background)}&.pa-t-45-desc > .block-max{padding-top:45px}&.pa-b-45-desc > .block-max{padding-bottom:45px}}& :where(label.default, legend.default){min-height:25px;display:inline-block;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}& :where(label, legend) .mark{display:inline-block;vertical-align:top;font-size:clamp(.75rem,.8em,.875rem);line-height:clamp(1rem,1.25em,1.313rem)}& .field{position:relative}& :where(.form-hidden, .form-select, .form-textarea, .form-textfield) :where(input, select, textarea){width:100%;height:44px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem}& :where(.form-select, .form-textarea, .form-textfield) :where(input, select, textarea){&:user-invalid{border-color:var(--error-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px}}}& input[readonly]{pointer-events:none;border-style:dashed}& select{cursor:pointer;@media(hover:hover){&:hover+.select-icon{color:var(--hover-color-dark)}}&[multiple]{height:auto;min-height:44px;padding-right:15px}}& textarea{height:245px;padding:15px;resize:vertical}& :where(.form-checkbox, .form-radiobutton){& legend.default{margin-bottom:25px}& ul{padding:0;margin:0;list-style-type:none;& > li:not(:last-child){margin-bottom:25px}}& .field{display:grid;grid-template-columns:44px 1fr;grid-template-rows:44px min-content;column-gap:10px}& input{grid-column:1/2;grid-row:1/2;outline:none;margin:10px;&:checked + label > span:has(> i.icon) i.icon::after{content:"\e5cd"}&:focus-visible + label{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover+label{outline:1px solid var(--hover-color-dark);outline-offset:3px}&:hover+label>span:has(>i.icon){border-color:var(--hover-color-dark);color:var(--hover-color-dark)}}&:user-invalid + label{color:var(--error-color)}&:user-invalid + label > span:has(> i.icon){border-color:var(--error-color)}}& label{grid-column:1/3;grid-row:1/3;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;margin-bottom:0;cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem;& a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}& strong{font-weight:600;font-variation-settings:"opsz" 15,"slnt" -10,"wdth" 100,"wght" 600,"GRAD" 0}& > span:has(> i.icon){grid-column:1/2;grid-row:1/2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--fsu-blue);background-color:var(--white-100)}& > span + span{grid-column:2/2;grid-row:1/3;margin-top:calc((44px - 1.563rem)/2)}}&.form-radiobutton label > span:has(> i.icon){border-radius:50%}}& .form-attach{& .field{height:44px;display:flex;align-items:center;column-gap:20px}& input{cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem;&:user-invalid{color:var(--error-color)}}& button{width:44px;height:44px;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:0;cursor:pointer;background-clip:padding-box;border:1px solid transparent;background-color:initial;color:var(--fsu-blue);&.show{display:flex}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-7px}@media(hover:hover){&:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}}}}& .hint{margin:0;color:var(--copyright-color);font-size:.75rem;line-height:1rem}& .form-process{margin-top:45px;& .error-fields{margin-bottom:1.813rem}& h2{display:block;margin:0 0 1.5rem;text-wrap:balance;color:var(--fsu-blue);font-weight:600;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& .rte_wrapper p:first-child{margin-top:0}& .submission{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:45px 0;& > input:where([name=ego-mail], [name=ego-subject]){display:none}& > button{&:where([type=submit], [type=reset]){height:44px;padding:0;box-sizing:border-box;background-color:initial;cursor:pointer;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}&[type=submit]{width:100%;border:1px solid var(--fsu-blue);color:var(--fsu-blue);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}&[type=reset]{grid-column:3/4;justify-self:end;border:none;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}& .explanation ol{display:table;padding:0;margin:0 -10px;border-spacing:10px;list-style-type:none;counter-reset:li;color:var(--copyright-color);font-size:.75rem;line-height:1rem;& > li{display:table-row;&:first-child .symbol{text-align:center}& .symbol{display:table-cell;overflow-wrap:normal}& .content{padding:6px 0;& :where(p, a){color:inherit}@media(forced-colors:active){& a{color:LinkText}}}}}& :where(.error, .error h2, .error ul){--skin-color:var(--error-color);color:var(--error-color)}}}}@media(min-width:75.0000em){.page-form>fieldset :where(.form-select,.form-textarea,.form-textfield) :where(input,select,textarea){padding-right:20%;&[type=number]{padding-right:15px}}}@media(min-width:62.4375em){.page-form>fieldset [class^=form-].pa-t-45-viewport-2-1-desc>.block-max{padding-top:45px}}@media(max-width:74.9375em){.page-form>fieldset .hint{display:none}}@media(max-width:47.9375em){.page-form>fieldset{& [class^=form-]{&.pa-t-45-desc > .block-max{padding-top:30px}&.pa-b-45-desc > .block-max{padding-bottom:30px}}& :where(.form-select, .form-textarea, .form-textfield) :where(input, select, textarea){font-size:1rem;line-height:1.5rem}& :where(.form-checkbox, .form-radiobutton){& label{font-size:1rem;line-height:1.5rem}& ul > li:not(:last-child){margin-bottom:20px}}& .form-attach input{font-size:1rem;line-height:1.5rem}& .form-process{& h2{font-size:1.188rem;line-height:1.563rem}& .explanation h2{margin-top:1.563rem}& .submission{grid-template-columns:minmax(0,1fr);grid-row-gap:20px;margin:20px 0;& > button{&[type=submit]{grid-column:1/2}&[type=reset]{grid-column:1/2;grid-row:2/3;justify-self:start}}}}}}.gallery-image{div[tabindex="-1"]{&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}ul{padding:0;margin:0;list-style-type:none;figure{width:100%;height:100%;padding:0;margin:0;a{display:block;picture{width:100%;height:100%;display:flex;justify-content:center;align-items:center;img{max-width:100%;max-height:100%}}}}}}&.thumbnail{ :is(ul, fieldset) { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-gap: 2px; } a { padding: 10px; aspect-ratio: 1 / 1; background-color: var(--block-background); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -3px; } @media (hover: hover) { &:hover { background-color: var(--white-100); outline: 1px solid var(--hover-color-dark); outline-offset: -1px; } } } figcaption { padding: 0px 10px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; p { margin: 0px; color: inherit; } small { display: block; font-size: inherit; } & :first-child { padding-top: 5px; } & :last-child { padding-bottom: 5px; } } fieldset { margin-top: 30px; & > div { grid-column: 4 / 5; display: flex; align-items: center; gap: 10px; div { flex-grow: 1; text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; background-color: var(--button-color); cursor: pointer; color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } }}&.grid{ul{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;li{background-color:var(--block-background);&.span-3{grid-column:span 3}&.span-4{grid-column:span 4}&.span-6{grid-column:span 6}&.span-9{grid-column:span 9}&.ratio-16-9{aspect-ratio:16/9}&.ratio-9-16{aspect-ratio:9/16}&.ratio-1-1{aspect-ratio:1/1}a{&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}}}}}small{display:block;margin-top:5px;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}}}@media(min-width:48.0000em){.gallery-image{&.grid{ul{li{&[aria-hidden]{background:linear-gradient(30deg,var(--skin-color,var(--fsu-gold)) 0%,24%,var(--block-background) 55%,var(--block-background) 60%,88%,var(--skin-color,var(--fsu-gold)) 100%)}&.dark-magic{position:relative;a{height:100%}img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}}}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.gallery-image{&.thumbnail{ :is(ul, fieldset) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } fieldset > div { grid-column: 3 / 4; }}}}@media(max-width:74.9375em){.gallery-image{&.grid{ul{gap:6px}}}}@media(max-width:47.9375em){.gallery-image{&.thumbnail{&.block-side-pa{padding-right:0;padding-left:0} :is(.block-headline, li div, fieldset) { padding-right: 5%; padding-left: 5%; } :is(ul, fieldset) { grid-template-columns: minmax(0px, 1fr); } a { padding: 5%; aspect-ratio: auto; } fieldset { margin-top: 5px; }}&.grid{ul{li{&:is(.span-3, .span-4, .span-6, .span-9){grid-column:span 12}&[aria-hidden]{display:none}}}}}}.gallery-video{overflow-wrap:anywhere;hyphens:auto;&.format-16-9 :is(div.approval, figure, iframe, video){aspect-ratio:16/9}&.format-9-16 :is(div.approval, figure, iframe, video){aspect-ratio:9/16} :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } ul { --gap: 20px; display: flex; flex-wrap: wrap; gap: var(--gap); & > li { flex: 0 0 100%; display: flex; flex-direction: column; position: relative; & > article { display: flex; flex-direction: column; & :where(& > a > blockquote, & > blockquote) { display: inline; margin: 0px; &::before { content: "\00BB"; } &::after { content: "\00AB"; } } & :where(& > a, & > .title, & > blockquote) { margin: var(--gap) 0px 3px 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } & > a { outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 10px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 10px; } } & :where(& > .title, & > blockquote > .title) { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > blockquote > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } & > figure { order: -1; width: 100%; margin: 0px; :where(img, iframe, video) { width: 100%; display: block; border: none; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } :where(video, iframe) { position: relative; z-index: 20; } & > .approval { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); align-items: center; justify-items: center; :where(picture, a) { grid-column: 1 / 2; grid-row: 1 / 2; } & > a { width: fit-content; display: block; padding: var(--link-block-padding) 20px; z-index: 30; cursor: pointer; background-color: var(--white-100); border: 1px solid var(--fsu-blue); color: var(--fsu-blue); text-align: center; text-decoration: none; font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } } } & > small { padding: 2px 0px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; } } } } &.slider fieldset { display: none; align-items: center; margin-top: 20px; }}.js .gallery-video.slider{.block-1340{overflow:clip visible}div[tabindex="-1"]{&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}ul{flex-wrap:nowrap;@media(prefers-reduced-motion:no-preference){&.transition{transition:transform 700ms ease-in-out 0ms}}& > li.opacity{pointer-events:none;filter:opacity(.2);@media(prefers-reduced-motion:no-preference){transition: filter 500ms linear;}}}} :is(fieldset > div.hidden, ol.hidden, li.hidden) { display: none; } :where(fieldset > div, ol) { flex-grow: 1; } fieldset { button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; } & > div { text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } ol { display: flex; justify-content: center; li > button { background-color: transparent; color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); i.icon { --icon-font-fill: 0; &::after { content: "\e39e"; } } } &[aria-current]:hover i.icon::after { content: "\e837"; } } } } & > button { background-color: var(--button-color); color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } }}@media(min-width:75.0000em){.gallery-video{&.format-9-16{.epr-1 > article{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr)auto;grid-template-areas:"media . ." "media . ." "author . .";column-gap:var(--gap);&:has(.title){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"media title title" "media author author";column-gap:var(--gap)}}.epr-2{flex-basis:calc((100%/3) - (var(--gap) * 2/3));&:nth-child(odd){margin-right:10px}}}.epr-1 > article{& :where(& > a, & > .title, & > blockquote){font-size:1.75rem;line-height:2.313rem}}.epr-4{flex-basis:calc((100%/4) - (var(--gap) * 3/4))}}.js .gallery-video :where(.medium,.small,.tiny){display:none}}@media(min-width:48.0000em){.gallery-video{&.format-16-9 .epr-1:has(.title) > article{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"media media title" "media media author";column-gap:var(--gap)}.epr-1{ :where(div.approval, figure, iframe, video) { grid-area: media; } :where(img, iframe, video) { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: unset; } & > article { & :where(& > a, & > .title, & > blockquote) { grid-area: title; } } small { grid-area: author; }}.epr-2{flex-basis:calc(50% - (var(--gap)/2))}.epr-3{flex-basis:calc((100%/3) - (var(--gap) * 2/3))}}.js .gallery-video.slider:has(ul>li.epr-1:nth-child(2),ul>li.epr-2:nth-child(3),ul>li.epr-3:nth-child(4),ul>li.epr-4:nth-child(5)) fieldset{display:flex}}@media(min-width:48.0000em) and (max-width:74.9375em){.gallery-video{&.format-9-16 .epr-1 > article{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr)auto;grid-template-areas:"media ." "media ." "author .";column-gap:var(--gap);&:has(.title){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"media title" "media author";column-gap:var(--gap)}}&.grid.format-9-16 .epr-4{flex-basis:calc(50% - (var(--gap)/2))}&.slider.format-9-16 .epr-4{flex-basis:calc((100%/3) - (var(--gap) * 2/3))}.epr-1 > article{& :where(& > a, & > .title, & > blockquote){font-size:clamp(var(--fsu-h1-font-size-scale-min),var(--fsu-h1-font-size-scale),var(--fsu-h1-font-size-scale-max));line-height:clamp(var(--fsu-h1-line-height-scale-min),var(--fsu-h1-line-height-scale),var(--fsu-h1-line-height-scale-max))}}}.js .gallery-video{&.slider:has(ul > li:nth-child(4)) fieldset{display:flex} :where(.big, .small, .tiny) { display: none; }}}@media(max-width:74.9375em){.gallery-video ul>li>article{& > a, & > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}@media(min-width:32.5000em) and (max-width:47.9375em){.js .gallery-video.slider{&.format-16-9:has(ul > li:nth-child(2)) fieldset, &.format-9-16:has(ul > li:nth-child(3)) fieldset{display:flex}&.format-9-16 :where(.epr-2, .epr-3, .epr-4){flex-basis:calc(50% - (var(--gap)/2))} :where(.big, .medium, .tiny) { display: none; }}}@media(max-width:32.4375em){.gallery-video.format-9-16 div[tabindex="-1"]{width:70%}.js .gallery-video{&.slider:has(ul > li:nth-child(2)) fieldset{display:flex} :where(.big, .medium, .small) { display: none; }}}.iframe{overflow-wrap:anywhere;& > iframe{width:100%;border:none;background-color:var(--white-100);&.format-16-9{aspect-ratio:16/9}&.format-auto{height:400px}}& > .approval{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"content";aspect-ratio:16/9;&:not(:has(figure)){background-color:var(--block-background)}& > .approval-text{grid-area:content;align-self:center;justify-self:center;z-index:10;width:500px;padding:45px;box-sizing:border-box;background-color:var(--nav-background);& > div{padding-bottom:20px;color:var(--white-100);a{background-color:initial;text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}& > a{display:block;padding:var(--link-block-padding)0;background-color:var(--white-100);color:var(--fsu-blue);text-align:center;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}& > figure{grid-area:content;margin:0;& > picture > img{width:100%;display:block;aspect-ratio:16/9;filter:opacity(.6)}& > figcaption{padding-top:3px;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;small{font-size:inherit}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.iframe>.approval>.approval-text{width:380px;padding:30px}}@media(max-width:47.9375em){.iframe.block-side-pa{padding-right:0;padding-left:0;& > .block-headline{padding-right:5%;padding-left:5%}& > .approval{& > .approval-text{width:100%;padding:5%}& > figure > figcaption{padding-right:5%;padding-left:5%}}}}.legal-notice{hyphens:auto;overflow-wrap:anywhere;color:var(--text-color); :where(dl, dt, dd) { padding: 0px; margin: 0px; list-style-type: none; } & a { width: fit-content; display: block; padding: var(--link-block-padding) 0px; text-decoration: underline 1px; text-underline-offset: 3px; color: inherit; @media (forced-colors: active) { color: LinkText; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } & > p { margin: 1.500rem 0px 0px 0px; &:first-child > span { margin: 1.500rem 0px 0px 0px; display: block; } &:last-child > span { margin: 0px 0px 1.500rem 0px; display: block; } } & > dl { & > div { display: flex; column-gap: 10px; &:has(> dt > span.hidden_text:first-child) { column-gap: 0px; } & > dt { flex: 0 0 auto; padding-top: var(--link-block-padding); } } & + p { margin-top: 0px; } }}.linklist{hyphens:auto;overflow-wrap:anywhere;& > div{&.block-800 > ul > li:last-child{border-bottom:none}& > ul{margin:0;padding:0;list-style-type:none;& > li{display:flex;align-items:flex-start;gap:5px;padding:11px 0 9px;break-inside:avoid-column;border-bottom:1px dotted var(--copyright-color);& > i.icon:after{color:var(--skin-color,var(--fsu-gold));line-height:1.5rem}& > a{text-wrap:balance;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}}@media(min-width:48.0000em){.linklist>div:not(.block-800)>ul{column-count:2;column-gap:50px}}@media(max-width:47.9375em){.linklist>div:not(.block-800)>ul>li:last-child{border-bottom:none}}html[data-backend] .blockLogin form>fieldset>.field>button{pointer-events:none}.blockLogin{&.block-max:has(input[name=doauth]){background-color:var(--block-background)}form{&.error{& > fieldset > .field > :where(input[type=password], input[type=text]){border-color:var(--error-color)}& > .message{color:var(--error-color)}}& > fieldset{display:grid;grid-template-columns:1fr 44px;align-items:end;gap:20px;& > :nth-child(1 of .field){grid-column:span 2}& > .field{&:not(:nth-last-child(1 of .field), :nth-last-child(2 of .field)){grid-column:span 2}&:has(> button){align-self:end}& > label{min-height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}& > :where(input[type=password], input[type=text]){width:100%;height:44px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem;&:user-invalid{border-color:var(--error-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px}}}& > button{width:44px;height:44px;display:flex;padding:0;align-items:center;justify-content:center;color:var(--white-100);background-color:var(--button-color);cursor:pointer;border:none;&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}}}}& > .message{margin:5px 64px 0 0;color:var(--text-color)}}.text{margin:0;color:var(--text-color);& > a{display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}@media(max-width:47.9375em){.blockLogin form>fieldset{row-gap:10px;& > .field > :where(input[type=password], input[type=text]){font-size:1rem;line-height:1.313rem}}}.map-extern{& > iframe{width:100%;height:100%;aspect-ratio:16/9;border:none}& > .approval{display:flex;aspect-ratio:16/9;align-items:center;justify-content:center;background:url(/skin/_global/_images/blocks/map_extern_background.png)no-repeat 50%;& > a{display:block;padding:var(--link-block-padding)20px;background-color:var(--white-100);border:1px solid var(--fsu-blue);color:var(--fsu-blue);text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}.medialist{position:relative;overflow-wrap:anywhere;hyphens:auto; :where(dd, dl, dt, ol) { padding: 0px; margin: 0px; list-style-type: none; } & > form > fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr) 44px 44px); align-items: end; column-gap: 50px; margin-bottom: 20px; & > :nth-last-child(4 of .filter) { grid-column: span 3; } & > :nth-last-child(3 of .filter):nth-child(1 of .filter) { grid-column: span 4; } & > .filter { position: relative; &:has(> input[type="search"]:disabled, > select:disabled) label.default { pointer-events: none; color: var(--copyright-color); } & > label.default { min-height: 25px; display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: var(--fsu-blue); } & > :where(input[type="search"], select) { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); } &.invalid { border-color: var(--error-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } & > input[type="search"] { padding-right: 88px; } & > button { &.button-reset-search { right: 44px; } &.button-search { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0px; position: absolute; right: 0px; bottom: 0px; z-index: 2; cursor: pointer; border: none; background-color: transparent; color: var(--fsu-blue); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } &:where(.button-view, .button-order) { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } &.button-order { border: 1px solid var(--button-color); @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); } } } &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); color: var(--copyright-color); } } } } } & > .path { min-height: 44px; display: flex; flex-wrap: wrap; column-gap: 5px; margin-bottom: 20px; color: var(--text-color); & > li { display: flex; align-items: center; gap: 5px; & > a { -webkit-text-decoration: none; text-decoration: underline transparent 1px; text-underline-offset: 3px; color: inherit; font-variation-settings: var(--fsu-font-variation-text-regular); @media (forced-colors: active) { color: LinkText; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { -webkit-text-decoration: underline; text-decoration-color: inherit; } } } } } & > .entries { display: grid; grid-template-columns: 1fr; row-gap: 20px; & :where(& > li, & > li > ol) { display: contents; } & > li > ol > li { display: grid; grid-template-columns: 60% 1fr auto; grid-template-rows: auto; align-items: center; position: relative; & > div { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 20px 10px; border-right: 1px solid rgba(51, 57, 57, 0.5); & > a { outline: none; text-decoration: none; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > .short { margin: 0px; color: var(--text-color); } } & > dl { padding: 20px 10px; text-transform: uppercase; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-regular); font-size: 0.750rem; line-height: 1.000rem; & > div { display: flex; flex-wrap: wrap; column-gap: 5px; &.category { margin-bottom: 5px; & > dt { width: 1px; height: 1px; position: absolute; margin: -1px; overflow: hidden; white-space: nowrap; } & > dd { padding: calc((21px - 1.000rem) / 2) 5px; background-color: var(--block-background); } } & > dd > a { position: relative; z-index: 2; text-decoration: underline 1px; text-underline-offset: 3px; color: inherit; @media (forced-colors: active) { color: LinkText; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } } } & :where(& > a, & > span) { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--button-color); } & > a { position: relative; z-index: 2; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -3px; } } } } }}@media(min-width:75.0000em){.medialist.tile>.entries{grid-template-columns:1fr 1fr;gap:50px;& > li > ol > li{grid-template-columns:1fr auto;grid-template-rows:1fr auto;padding:20px;border:1px solid var(--block-background);& > div{grid-column:1/3;align-self:start;padding:0 0 20px;border-right:none}& > dl{padding:0}}}}@media(min-width:48.0000em){.medialist:not(:has(>.path)) fieldset{margin-bottom:50px}}@media(max-width:74.9375em){.medialist{& > form > fieldset{grid-template-columns:minmax(0,1fr)44px;column-gap:24px;row-gap:10px;& > :nth-last-child(1 of .filter){display:none}& > :nth-last-child(4 of .filter){grid-column:span 2}& > :nth-last-child(3 of .filter):nth-child(1 of .filter){grid-column:span 1}}& > .entries > li > ol > li{grid-template-columns:1fr auto;grid-template-rows:unset;align-items:start;& > div{grid-column:span 2;padding-bottom:15px;border-right:none;border-bottom:1px solid rgba(51,57,57,.5);& > a{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}& > dl{padding:10px}}}}.medialist-history{position:relative;overflow-wrap:anywhere;hyphens:auto; :where(dd, dl, dt, ol) { padding: 0px; margin: 0px; list-style-type: none; } & > p { color: var(--text-color); margin-top: 0px; margin-bottom: 1.500rem; } & > fieldset { display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; align-items: end; column-gap: 50px; margin-bottom: 50px; & > .filter { position: relative; &:has(> select:disabled) label.default { pointer-events: none; color: var(--copyright-color); } & > label.default { min-height: 25px; display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: var(--fsu-blue); } & > select { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); } &.invalid { border-color: var(--error-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } & > button { &:where(.button-view, .button-order) { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } &.button-order { border: 1px solid var(--button-color); @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); } } } &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); color: var(--copyright-color); } } } } } & > .entries { display: grid; grid-template-columns: 1fr; row-gap: 20px; & > li { display: grid; grid-template-columns: 60% 1fr auto; grid-template-rows: auto; align-items: center; position: relative; & > div { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 20px 10px; border-right: 1px solid rgba(51, 57, 57, 0.5); & > a { outline: none; text-decoration: none; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > .short { margin: 0px; color: var(--text-color); } } & > dl { padding: 20px 10px; text-transform: uppercase; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-regular); font-size: 0.750rem; line-height: 1.000rem; & > div { display: flex; flex-wrap: wrap; column-gap: 5px; &.category { margin-bottom: 5px; & > dt { width: 1px; height: 1px; position: absolute; margin: -1px; overflow: hidden; white-space: nowrap; } & > dd { padding: calc((21px - 1.000rem) / 2) 5px; background-color: var(--block-background); } } & > dd > a { position: relative; z-index: 2; text-decoration: underline 1px; text-underline-offset: 3px; color: inherit; @media (forced-colors: active) { color: LinkText; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } } } & :where(& > a, & > span) { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--button-color); } & > a { position: relative; z-index: 2; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -3px; } } } } }}@media(min-width:75.0000em){.medialist-history.tile>.entries{grid-template-columns:1fr 1fr;gap:50px;& > li{grid-template-columns:1fr auto;grid-template-rows:1fr auto;padding:20px;border:1px solid var(--block-background);& > div{grid-column:1/3;align-self:start;padding:0 0 20px;border-right:none}& > dl{padding:0}}}}@media(max-width:74.9375em){.medialist-history{& > fieldset{grid-template-columns:minmax(0,1fr)44px;column-gap:24px;row-gap:10px;& > :nth-last-child(1 of .filter){display:none}}& > .entries > li{grid-template-columns:1fr auto;grid-template-rows:unset;align-items:start;& > div{grid-column:span 2;padding-bottom:15px;border-right:none;border-bottom:1px solid rgba(51,57,57,.5);& > a{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}& > dl{padding:10px}}}}@media(max-width:47.9375em){.medialist-history>fieldset{margin-bottom:20px}}.news-entry>div{& > ul{display:flex;margin:0 0 45px;padding:0;list-style-type:none;&.navigation{column-gap:20px;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;& > li{& > a{height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;&[data-direction]{width:44px}&:where([data-direction=first], [data-direction=last]){pointer-events:none;border:1px solid var(--copyright-color);background-color:var(--white-100);color:var(--copyright-color)}&:where([data-direction=prev], [data-direction=next]){background-color:var(--button-color);color:var(--white-100);&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}}}&.overview > a{width:200px;border:1px solid var(--fsu-blue);background-color:var(--white-100);color:var(--fsu-blue);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border:1px solid var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}&.categories{flex-wrap:wrap;gap:10px;text-transform:uppercase;& > li{display:flex;align-items:center;padding:3px 8px 1px;border:1px solid var(--copyright-color);color:var(--copyright-color)}}}& > p{margin:0;color:var(--text-color);& > a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{text-decoration-thickness:2px}}}}}@media(max-width:47.9375em){.news-entry>div>ul.navigation>li.overview{flex-grow:1;& > a{width:auto}}}html[data-backend] .news-overview>.rss{pointer-events:none;color:var(--copyright-color)}.news-overview{position:relative;hyphens:auto;overflow-wrap:anywhere; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > .rss { width: 44px; height: 44px; display: flex; position: absolute; right: 0px; top: 0px; text-decoration: none; align-items: center; justify-content: center; color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } & > form > fieldset { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: end; column-gap: 50px; &:has(> .filter) { row-gap: 20px; margin-bottom: 50px; & > :nth-child(4 of .filter) { grid-column: span 2; } & > .filter { position: relative; &:has(> select:disabled, > input[type="search"]:disabled) label.default { color: var(--copyright-color); pointer-events: none; } & > label.default { min-height: 25px; display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: var(--fsu-blue); } & > :where(input[type="search"], select) { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); } &.invalid { border-color: var(--error-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } & > button[type="submit"] { width: 100%; height: 44px; padding: 0px 10px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:disabled { pointer-events: none; border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } } } &:has(> .pagination) { margin-top: 70px; & > .pagination { grid-column: 3 / 4; display: flex; align-items: center; gap: 10px; & > div { flex-grow: 1; text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } & > button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; background-color: var(--button-color); cursor: pointer; color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } } } } & > div[tabindex="-1"] { &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } & > ol { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: 50px; row-gap: 50px; & > li { display: flex; flex-direction: column; position: relative; background-color: var(--block-background); --color: var(--skin-color, var(--fsu-gold)); &.gold { --color: var(--fsu-gold); } &.biopha { --color: var(--color-biopha); } &.chege { --color: var(--color-chege); } &.fsv { --color: var(--color-fsv); } &.m_ehealth { --color: var(--color-m_ehealth); } &.mirz { --color: var(--color-mirz); } &.paf { --color: var(--color-paf); } &.phifak { --color: var(--color-phifak); } &.rewi { --color: var(--color-rewi); } &.thefak_fe { --color: var(--color-thefak_fe); } &.wiwi { --color: var(--color-wiwi); } & > article { flex: 1 0 auto; display: flex; flex-direction: column; & > div { display: flex; flex-direction: column; padding: 15px; border-top: 4px solid var(--color); & > :where(time, ul) { text-transform: uppercase; color: var(--text-color); font-size: 0.750rem; line-height: 1.000rem; } & > time { order: -2; display: block; } & > ul { order: -1; & > li { display: inline; &:not(:first-child):before { content: "\2006\00B7\2006"; } } } & > a { margin: 15px 0px 0px 0px; outline: none; text-decoration: none; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > .short { margin: 5px 0px 0px 0px; color: var(--text-color); } } & > figure { margin: auto 0px 0px 0px; & > picture > img { width: 100%; display: block; aspect-ratio: 16 / 9; } & > figcaption { padding: 3px 0px; position: absolute; top: 100%; right: 0px; text-align: right; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } } & > .hidden { display: none; } }}@media(min-width:75.0000em){.news-overview:not(:has(ol>li:last-child:nth-child(3) img,ol>li:last-child:nth-child(6) img,ol>li:last-child:nth-child(9) img,ol>li:last-child:nth-child(12) img))>form>fieldset:has(>.pagination){margin-top:50px}}@media(min-width:48.0000em) and (max-width:74.9375em){.news-overview{&:not(:has(ol > li:last-child:nth-child(even) img)) > form > fieldset:has(> .pagination){margin-top:50px}& > form > fieldset{&:has(> .filter){column-gap:24px}&:has(> .pagination){grid-template-columns:repeat(2,minmax(0,1fr));& > .pagination{grid-column:2/3}}}& > div[tabindex="-1"] > ol{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media(max-width:74.9375em){.news-overview{& > .rss{right:5%}& > div[tabindex="-1"] > ol > li > article > div > a{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}@media(max-width:47.9375em){.news-overview{&:not(:has(ol > li:last-child img)) > form > fieldset:has(> .pagination){margin-top:20px}& > form > fieldset{grid-template-columns:minmax(0,1fr);&:has(> .filter){row-gap:10px;margin-bottom:20px;& > :nth-child(4 of .filter){grid-column:auto}& > :nth-child(5 of .filter){margin-top:5px}& > .filter > :where(input[type=search], select){font-size:1rem;line-height:1.313rem}}&:has(> .pagination){margin-top:40px;& > .pagination{grid-column:1/2}}}& > div[tabindex="-1"] > ol{grid-template-columns:minmax(0,1fr);row-gap:35px}}}.webanalytics-opt-out iframe{width:100%;border:1px solid var(--error-color);box-sizing:border-box}@media(max-width:47.9375em){.webanalytics-opt-out iframe{height:260px}}.progress{background-color:var(--block-background);hyphens:auto;overflow-wrap:anywhere;& > div{& > progress{width:100%;height:100px;padding:3px;box-sizing:border-box;appearance:none;background-color:var(--white-100);border:1px solid var(--fsu-blue);&::-webkit-progress-bar{background-color:var(--white-100)}&::-webkit-progress-value{background-color:var(--fsu-blue)}&::-moz-progress-bar{background-color:var(--fsu-blue)}}& > .description{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px;& > .state{grid-column:1/3;padding-top:5px;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}& > :where(.current, .target){color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > .current{grid-column:1/2}& > .target{text-align:right;grid-column:2/3}& > span > span{display:inline-block}}}}@media(max-width:74.9375em){.progress>div>.description>:where(.current,.target){font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.progress>div{& > progress{height:80px}& > .description{& > .current{grid-column:1/3}& > .target{text-align:left;grid-column:1/3}}}}.quicklinks details{&[open] summary i.icon:last-of-type{transform:rotate(180deg)}summary{height:44px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:0 14px;background-color:var(--nav-background);border:solid var(--nav-background);border-width:1px 1px 0;color:var(--white-100);list-style:none!important;cursor:pointer;&::-webkit-details-marker, &::marker{display:none}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}span{margin-left:5px;flex-grow:1;text-transform:uppercase}}& > ul{padding:0 20px;margin:0;list-style-type:none;border:solid var(--nav-background);border-width:0 1px 1px;& > li{min-height:44px;display:flex;align-items:center;break-inside:avoid-column;justify-content:flex-start;padding:5px 0;box-sizing:border-box;border-bottom:1px solid rgba(51,57,57,.5);&:last-child{border-bottom:none}&.empty{color:var(--text-color)}a{overflow-wrap:anywhere;hyphens:auto;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}}}}}}@media(min-width:75.0000em){.quicklinks details:not(.block-800)>ul{column-count:2;column-gap:50px;padding-bottom:14px;& > li:last-child{border-bottom:1px solid rgba(51,57,57,.5)}}}@media(min-width:48.0000em) and (max-width:74.9375em){.quicklinks details{summary{padding:0 9px}& > ul{padding:0 15px}}}@media(max-width:74.9375em){.quicklinks details>ul{display:none}}@media(max-width:47.9375em){.quicklinks details{summary{padding:0 4px}& > ul{padding:0 10px}}}.block-search{hyphens:auto;overflow-wrap:anywhere;&.pa-t-45-desc .block-max{padding-top:45px}&.pa-b-45-desc .block-max{padding-bottom:45px}.block-max{background-color:var(--block-background);margin-bottom:50px}fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;column-gap:50px;&:has(> .field){row-gap:20px;.field{position:relative;&:has(> input[type=search]){grid-column:span 3}label{min-height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)} :where(input[type="search"], select) { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; color: var(--fsu-blue); background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &:user-invalid { border-color: var(--error-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } button[type="submit"] { width: 100%; height: 44px; padding: 0px 15px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } }}}&:not(:has(> .field > select)) .field:has(> input[type=search]){grid-column:span 2}&:has(.pagination){margin-top:50px;.pagination{grid-column:-1/-2;display:flex;align-items:center;gap:10px;div{text-align:center;flex-grow:1;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--button-color);cursor:pointer;color:var(--white-100);&:disabled{box-sizing:border-box;pointer-events:none;background-color:var(--white-100);border:1px dashed var(--copyright-color);color:var(--copyright-color)}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}}}}}div[tabindex="-1"]{&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0} :where(dd, dl, dt, ol) { margin: 0px; padding: 0px; list-style-type: none; } & > ol > li { position: relative; border-bottom: 1px solid rgba(0, 35, 80, 0.5); &:last-child, &:has(> article > dl) { border-bottom: none; } & > article { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; & > div { display: flex; flex-direction: column; padding: 20px 10px; & > a { outline: none; text-decoration: none; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > .url { color: var(--link-color); font-size: 0.750rem; line-height: 1.000rem; } & > .short { margin: 0px; color: var(--text-color); } } &:has(> dl) { grid-template-columns: calc((((100% - (2 * 50px)) / 3) * 2) + (2 * 50px)) 1fr auto; margin-bottom: 20px; & > div { border-right: 1px solid rgba(51, 57, 57, 0.5); } & > dl { padding: 20px 10px; text-transform: uppercase; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-regular); font-size: 0.750rem; line-height: 1.000rem; & > div { display: flex; flex-wrap: wrap; column-gap: 5px; } } & > a { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; text-decoration: none; color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -3px; } } } } & > details { padding: 3px; margin: -3px; &[open]:not(.isClosing) summary i.icon { transform: rotate(180deg); } summary { display: grid; grid-template-columns: 4fr 3fr 44px; grid-template-rows: 1fr auto; align-items: center; column-gap: 10px; padding: 5px 0px 5px 10px; list-style: none !important; cursor: pointer; &::-webkit-details-marker, &::marker { display: none; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; i.icon { color: var(--hover-color-dark); } } } .name { grid-column: 1 / 2; grid-row: 1 / 2; margin: 0px; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } .function { grid-column: 1 / 2; grid-row: 2 / 3; color: var(--text-color); line-height: 1.313rem; } .institution { grid-column: 2 / 3; grid-row: 1 / 3; display: flex; color: var(--copyright-color); text-transform: uppercase; font-size: 0.750rem; line-height: 1.000rem; &.biopha { --tile-color: var(--color-biopha); } &.chege { --tile-color: var(--color-chege); } &.fsv { --tile-color: var(--color-fsv); } &.m_ehealth { --tile-color: var(--color-m_ehealth); } &.mirz { --tile-color: var(--color-mirz); } &.paf { --tile-color: var(--color-paf); } &.phifak { --tile-color: var(--color-phifak); } &.rewi { --tile-color: var(--color-rewi); } &.thefak_fe { --tile-color: var(--color-thefak_fe); } &.wiwi { --tile-color: var(--color-wiwi); } span { margin-left: 21px; position: relative; &::before { content: ""; width: 9px; height: 9px; display: block; background-color: var(--tile-color, var(--fsu-gold)); position: absolute; top: calc(0.750rem - 9px); left: -21px; } } } i.icon { grid-column: 3 / 4; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; color: var(--button-color); @media (prefers-reduced-motion: no-preference) { transition: transform 350ms ease-in-out; } } } .content { display: grid; grid-template-columns: 4fr 3fr 44px; grid-template-rows: auto; column-gap: 10px; padding: 0px 0px 10px 10px; color: var(--text-color); & dl > div { display: flex; column-gap: 10px; &:has(> dt > span.hidden_text:first-child) { flex-wrap: wrap; column-gap: 0px; & > dd { flex-basis: 100%; } } & > dt { flex: 0 0 auto; padding-top: var(--link-block-padding); } } a { width: fit-content; display: block; padding: var(--link-block-padding) 0px; text-decoration: underline 1px; text-underline-offset: 3px; color: inherit; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } & > span { display: inline-block; } } p { margin-bottom: 0px; color: inherit; } dl + p { margin-top: 0px; } figure { margin: 0px; img { display: block; } figcaption { padding: 3px 0px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; small { font-size: inherit; } } } } } } }}}@media(min-width:62.4375em){.block-search.pa-t-45-viewport-2-1-desc .block-max{padding-top:45px}}@media(min-width:48.0000em) and (max-width:74.9375em){.block-search fieldset:has(.pagination){&:has(> .field){column-gap:24px}&:has(.pagination){grid-template-columns:repeat(2,minmax(0,1fr))}}}@media(max-width:74.9375em){.block-search{ :is(div[tabindex="-1"] ol > li > a .title, div[tabindex="-1"] ol > li > details summary .name) { font-size: clamp(var(--fsu-block-font-size-scale-min), var(--fsu-block-font-size-scale), var(--fsu-block-font-size-scale-max)); line-height: clamp(var(--fsu-block-line-height-scale-min), var(--fsu-block-line-height-scale), var(--fsu-block-line-height-scale-max)); } div[tabindex="-1"] ol > li > article { &:has(dl) { grid-template-columns: 1fr auto; grid-template-rows: unset; align-items: start; & > div { grid-column: 1 / 3; padding-bottom: 15px; border-right: none; } & > dl { padding: 10px; border-top: 1px solid rgba(51, 57, 57, 0.5); } & > a { border-top: 1px solid rgba(51, 57, 57, 0.5); } } }}}@media(max-width:47.9375em){.block-search{.block-max{margin-bottom:20px}fieldset{grid-template-columns:minmax(0,1fr);&:has(> .field){row-gap:10px; :is(input[type="search"], select) { font-size: 1.000rem; line-height: 1.313rem; } :is(.field:has(input[type="search"]), fieldset:not(:has(select)) .field:has(input[type="search"])) { grid-column: auto; }}&:has(.pagination){margin-top:20px}}div[tabindex="-1"] ol > li > article > details{summary{grid-template-columns:1fr 44px;padding-bottom:5px;.function{grid-column:1/2;grid-row:2/3}.institution{grid-column:1/2;grid-row:3/4;margin-top:10px}i.icon{grid-column:2/3;grid-row:1/4}}.content{grid-template-columns:1fr;grid-template-rows:auto auto}}}}.slider-light{hyphens:auto;overflow-wrap:anywhere;.block-1340{overflow:clip visible} :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } div[tabindex="-1"] { &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } & > ul { display: flex; column-gap: 25px; @media (prefers-reduced-motion: no-preference) { &.transition { transition: transform 700ms ease-in-out 0ms; } } & > li { flex: 0 0 100%; display: flex; position: relative; --fak-color: var(--skin-color, var(--fsu-gold)); &.opacity { pointer-events: none; filter: opacity(0.2); @media (prefers-reduced-motion: no-preference) { transition: filter 500ms linear; } } &.biopha { --fak-color: var(--color-biopha); } &.chege { --fak-color: var(--color-chege); } &.fsv { --fak-color: var(--color-fsv); } &.m_ehealth { --fak-color: var(--color-m_ehealth); } &.mirz { --fak-color: var(--color-mirz); } &.paf { --fak-color: var(--color-paf); } &.phifak { --fak-color: var(--color-phifak); } &.rewi { --fak-color: var(--color-rewi); } &.thefak_fe { --fak-color: var(--color-thefak_fe); } &.wiwi { --fak-color: var(--color-wiwi); } & > article { flex: 0 0 100%; display: grid; grid-template-columns: 50% 50%; grid-template-rows: 1fr; & > .content { display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; --fak-color-border-width: 2px; border-left: var(--fak-color-border-width) solid var(--fak-color); background-color: var(--block-background); &::before, &::after { content: ""; display: block; position: absolute; border-style: solid; } &::before { z-index: 1; } &::after { z-index: 2; } & > a, & > .title { margin: 0px 0px 2px 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } & > a { margin-right: 14px; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } & > .info { position: inherit; & > i.icon::after { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; right: 0px; color: var(--button-color-80); } } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0; } @media (hover: hover) { &:hover { &::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0; } & i.icon::after { color: var(--hover-color-dark); } } } } & > p { margin: 0px; color: var(--text-color); } } & > figure { grid-column: 1 / 2; grid-row: 1 / 2; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); margin: 0px; & > picture { grid-column: 1 / 2; grid-row: 1 / 2; align-self: center; overflow: hidden; &.bg { height: 100%; z-index: -1; & > img { height: 100%; filter: blur(10px) grayscale(60%); transform: scale(1.1); } } & > img { width: 100%; display: block; aspect-ratio: 16 / 9; } } & > figcaption { padding: 3px 0px; position: absolute; top: 100%; left: 0px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } } } :is(fieldset > div.hidden, ol.hidden) { display: none; } :is(fieldset > div, ol) { flex-grow: 1; } fieldset { display: flex; align-items: center; margin-top: 42px; button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; } & > div { text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } & > ol { display: flex; justify-content: center; & > li > button { background-color: transparent; color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); & > i.icon { --icon-font-fill: 0; &::after { content: "\e39e"; } } } &[aria-current]:hover > i.icon::after { content: "\e837"; } } } } & > button { background-color: var(--button-color); color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } }}@media(min-width:48.0000em){.slider-light{ul:not(:has(> li:nth-child(2))){padding-bottom:22px}div[tabindex="-1"] > ul > li > article > .content{&::before{top:calc(50% - 42px);right:50%;border-width:42px 0 0 32px;border-color:var(--fak-color)transparent transparent transparent}&::after{top:calc(50% - 42px + var(--fak-color-border-width));right:calc(50% - (var(--fak-color-border-width) * 2));border-width:42px 0 0 32px;border-color:var(--block-background)transparent transparent transparent}}}}@media(max-width:74.9375em){.slider-light{div[tabindex="-1"] > ul > li > article > .content{padding:20px;& > a{margin-right:24px}& > a, & > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}}@media(max-width:47.9375em){.slider-light{div[tabindex="-1"] ul > li > article{grid-template-columns:100%;grid-template-rows:auto 1fr;& > .content{border-top:var(--fak-color-border-width)solid var(--fak-color);border-left:0;&::before{margin-top:calc(56.25% - 32px);top:0;left:44px;border-width:0 42px 32px 0;border-color:transparent transparent var(--fak-color)transparent}&::after{margin-top:calc(56.25% - 32px + (var(--fak-color-border-width) * 2));top:0;left:calc(44px + 2px);border-width:0 42px 32px 0;border-color:transparent transparent var(--block-background)transparent}& > a > .info > i.icon::after{margin-top:calc(56.25% + var(--fak-color-border-width))}}& > figure{& > picture.bg{display:none}& > figcaption{padding:0;top:0;left:100%;transform:rotate(180deg);writing-mode:vertical-rl}}}fieldset{margin-top:20px}}}.slider-pro{hyphens:auto;overflow-wrap:anywhere;.block-1340{overflow:clip visible} :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } div[tabindex="-1"] { &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } & > ul { display: flex; column-gap: 25px; @media (prefers-reduced-motion: no-preference) { &.transition { transition: transform 700ms ease-in-out 0ms; } } & > li { flex: 0 0 calc(50% - (25px / 2)); display: flex; flex-direction: column; position: relative; aspect-ratio: 8 / 9; --fak-color: var(--skin-color, var(--fsu-gold)); &.opacity { pointer-events: none; filter: opacity(0.2); @media (prefers-reduced-motion: no-preference) { transition: filter 500ms linear; } } &.text-top > article { grid-template-rows: 1fr auto; .content { border-bottom: var(--fak-color-border-width) solid var(--fak-color); } } &.text-bottom > article { grid-template-rows: auto 1fr; & > .content { grid-column: 1 / 2; grid-row: 2 / 3; } & > figure { grid-column: 1 / 2; grid-row: 1 / 2; } } &:is(.text-full, .image-full) > article > .content { padding-top: 20px; } &.text-full > article { grid-template-rows: 1fr; } &.image-full > article { grid-template-rows: 1fr min-content; & > .content { grid-column: 1 / 2; grid-row: 2 / 3; z-index: 1; background-color: rgba(238, 238, 238, 0.8); } & > figure { grid-column: 1 / 2; grid-row: 1 / 3; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); & > picture { grid-column: 1 / 2; grid-row: 1 / 2; align-self: center; overflow: hidden; &.bg { height: 100%; z-index: -1; & > img { height: 100%; filter: blur(10px) grayscale(60%); transform: scale(1.1); } } & > img { aspect-ratio: 8 / 9; } } } } &:where(.text-full, .image-full, .text-bottom) > article > .content { border-top: var(--fak-color-border-width) solid var(--fak-color); } &.biopha { --fak-color: var(--color-biopha); } &.chege { --fak-color: var(--color-chege); } &.fsv { --fak-color: var(--color-fsv); } &.m_ehealth { --fak-color: var(--color-m_ehealth); } &.mirz { --fak-color: var(--color-mirz); } &.paf { --fak-color: var(--color-paf); } &.phifak { --fak-color: var(--color-phifak); } &.rewi { --fak-color: var(--color-rewi); } &.thefak_fe { --fak-color: var(--color-thefak_fe); } &.wiwi { --fak-color: var(--color-wiwi); } &.triangle > article { & > .content { &::before, &::after { content: ""; display: block; position: absolute; border-style: solid; } &::before { z-index: 1; } &::after { z-index: 2; } } } & > article { flex: 0 0 100%; display: grid; grid-template-columns: 1fr; & > .content { display: flex; flex-direction: column; justify-content: flex-end; padding: 30px 20px 20px 20px; background-color: var(--block-background); --fak-color-border-width: 2px; & > a, & > .title { margin: 0px 0px 2px 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } & > a { margin-right: 24px; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } & > .info { position: inherit; & > i.icon::after { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; right: 0px; color: var(--button-color-80); } } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { &::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } & i.icon::after { color: var(--hover-color-dark); } } } } & > p { margin: 0px; color: var(--text-color); } } & > figure { margin: 0px; :where(div.approval, img, video, iframe) { aspect-ratio: 16 / 9; } :where(img, video, iframe) { width: 100%; display: block; border: none; } :where(video, iframe) { position: relative; z-index: 2; } & > .approval { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; justify-items: end; :where(picture, a) { grid-column: 1 / 2; grid-row: 1 / 2; } & > a { width: fit-content; display: block; padding: var(--link-block-padding) 20px; margin-right: 30px; z-index: 1; cursor: pointer; background-color: var(--white-100); border: 1px solid var(--fsu-blue); color: var(--fsu-blue); text-align: center; text-decoration: none; font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } } & > figcaption { padding: 3px 0px; position: absolute; top: 100%; left: 0px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } &.text-bottom i.icon::after { margin-top: calc(56.25% + var(--fak-color-border-width)); } &.image-full .content { position: relative; } } } } :is(fieldset.hidden, fieldset > div.hidden, ol.hidden, li.hidden) { display: none; } :is(fieldset > div, ol) { flex-grow: 1; } fieldset { display: flex; align-items: center; margin-top: 42px; button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; } & > div { text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } & > ol { display: flex; justify-content: center; & > li > button { background-color: transparent; color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); & > i.icon { --icon-font-fill: 0; &::after { content: "\e39e"; } } } &[aria-current]:hover > i.icon::after { content: "\e837"; } } } } & > button { background-color: var(--button-color); color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } }}@media(min-width:48.0000em){.slider-pro{div[tabindex="-1"] > ul{&:not(:has(li:nth-child(3))){padding-bottom:22px}& > li{&.triangle.text-top > article > .content::before{margin-bottom:calc(56.25% - 32px);bottom:0;border-color:var(--fak-color)transparent transparent transparent}&.triangle.text-top > article > .content::after{margin-bottom:calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2));bottom:0;border-color:var(--block-background)transparent transparent transparent}&:nth-child(odd).triangle.text-top > article > .content::before{left:100px;border-width:32px 42px 0 0}&:nth-child(odd).triangle.text-top > article > .content::after{left:102px;border-width:32px 42px 0 0}&:nth-child(even).triangle.text-top > article > .content::before{right:100px;border-width:32px 0 0 42px}&:nth-child(even).triangle.text-top > article > .content::after{right:102px;border-width:32px 0 0 42px}&.triangle.text-bottom > article > .content::before{margin-top:calc(56.25% - 32px);top:0;border-color:transparent transparent var(--fak-color)transparent}&.triangle.text-bottom > article > .content::after{margin-top:calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2));top:0;border-color:transparent transparent var(--block-background)transparent}&:nth-child(odd).triangle.text-bottom > article > .content::before{left:100px;border-width:0 42px 32px 0}&:nth-child(odd).triangle.text-bottom > article > .content::after{left:102px;border-width:0 42px 32px 0}&:nth-child(even).triangle.text-bottom > article > .content::before{right:100px;border-width:0 0 32px 42px}&:nth-child(even).triangle.text-bottom > article > .content::after{right:102px;border-width:0 0 32px 42px}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.slider-pro{div[tabindex="-1"] > ul > li{&:nth-child(odd).triangle.text-top > article > .content::before{left:50px}&:nth-child(odd).triangle.text-top > article > .content::after{left:52px}&:nth-child(even).triangle.text-top > article > .content::before{right:50px}&:nth-child(even).triangle.text-top > article > .content::after{right:52px}&:nth-child(odd).triangle.text-bottom > article > .content::before{left:50px}&:nth-child(odd).triangle.text-bottom > article > .content::after{left:52px}&:nth-child(even).triangle.text-bottom > article > .content::before{right:50px}&:nth-child(even).triangle.text-bottom > article > .content::after{right:52px}}}}@media(max-width:74.9375em){.slider-pro{div[tabindex="-1"] ul > li > article > .content{padding:20px;& > a, & > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}}@media(max-width:47.9375em){.slider-pro{div[tabindex="-1"] > ul > li{flex-basis:100%;& > article > figure figcaption{padding:0;top:0;left:100%;transform:rotate(180deg);writing-mode:vertical-rl}&.triangle.text-top > article > .content::before{margin-bottom:calc(56.25% - 32px);right:50px;bottom:0;left:auto;border-width:32px 0 0 42px;border-color:var(--fak-color)transparent transparent transparent}&.triangle.text-top > article > .content::after{margin-bottom:calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2));right:52px;bottom:0;left:auto;border-width:32px 0 0 42px;border-color:var(--block-background)transparent transparent transparent}&.triangle.text-bottom > article > .content::before{margin-top:calc(56.25% - 32px);top:0;right:50px;left:auto;border-color:transparent transparent var(--fak-color)transparent;border-width:0 0 32px 42px}&.triangle.text-bottom > article > .content::after{margin-top:calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2));top:0;right:52px;left:auto;border-color:transparent transparent var(--block-background)transparent;border-width:0 0 32px 42px}}fieldset{margin-top:20px}}}.social-media{overflow-wrap:anywhere;hyphens:auto;& > ul{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0;padding:0;list-style-type:none;& > li > a{width:220px;display:block;padding:var(--link-block-padding)10px var(--link-block-padding)54px;position:relative;box-sizing:border-box;border:1px solid var(--block-background);text-decoration:none;text-transform:uppercase;color:var(--button-color);&::before{flex-shrink:0;content:"";width:44px;height:44px;display:block;position:absolute;top:calc(50% - 22px);left:0;mask-repeat:no-repeat;mask-position:center;background-color:var(--button-color);@media(forced-colors:active){background-color: LinkText;}}&.pf-1::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_bluesky.svg)}&.pf-2::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_clarivate.svg)}&.pf-3::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_facebook.svg)}&.pf-4::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_frontiers.svg)}&.pf-5::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_github.svg)}&.pf-6::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_google_scholar.svg)}&.pf-7::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_instagram.svg)}&.pf-8::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_kudos.svg)}&.pf-9::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg)}&.pf-10::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_mastodon.svg)}&.pf-11::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_orcid.svg)}&.pf-12::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_pubmed.svg)}&.pf-13::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_researcher_id.svg)}&.pf-14::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_researchgate.svg)}&.pf-15::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_scopus.svg)}&.pf-16::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_source_forge.svg)}&.pf-17::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_tiktok.svg)}&.pf-18::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_youtube.svg)}&.pf-19::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_x.svg)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-1px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:-1px}}}}}@media(max-width:74.9375em){.social-media>ul{column-gap:20px}}.target-groups{& > ul{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-column-gap:15px;padding:0;margin:0;list-style-type:none;& > li > a{--gradient-color:var(--button-color);height:100%;display:block;padding:10px 0;box-sizing:border-box;text-align:center;text-decoration:none;color:var(--gradient-color);font-variation-settings:var(--fsu-font-variation-text-condensed);line-height:1.313rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:1px}@media(hover:hover){&:hover{--gradient-color:var(--hover-color-dark);outline:1px solid var(--gradient-color);outline-offset:4px}}& > div.icon{width:100%;height:80px;margin-bottom:15px;filter:drop-shadow(0 0 4px hsla(0,0%,0%,.25));background-repeat:no-repeat;background-position:50%;--gradient:radial-gradient(circle closest-side at 50%, var(--gradient-color), var(--gradient-color) 98%, transparent 98%);&.tg1{background-image:url(/skin/_global/_images/blocks/target_groups_01.svg),var(--gradient)}&.tg2{background-image:url(/skin/_global/_images/blocks/target_groups_02.svg),var(--gradient)}&.tg3{background-image:url(/skin/_global/_images/blocks/target_groups_03.svg),var(--gradient)}&.tg4{background-image:url(/skin/_global/_images/blocks/target_groups_04.svg),var(--gradient)}&.tg5{background-image:url(/skin/_global/_images/blocks/target_groups_05.svg),var(--gradient)}&.tg6{background-image:url(/skin/_global/_images/blocks/target_groups_06.svg),var(--gradient)}&.tg7{background-image:url(/skin/_global/_images/blocks/target_groups_07.svg),var(--gradient)}&.tg8{background-image:url(/skin/_global/_images/blocks/target_groups_08.svg),var(--gradient)}&.tg9{background-image:url(/skin/_global/_images/blocks/target_groups_09.svg),var(--gradient)}&:where(.tg10, .tg14){background-image:url(/skin/_global/_images/blocks/target_groups_10.svg),var(--gradient)}&.tg11{background-image:url(/skin/_global/_images/blocks/target_groups_11.svg),var(--gradient)}&.tg12{background-image:url(/skin/_global/_images/blocks/target_groups_12.svg),var(--gradient)}&.tg13{background-image:url(/skin/_global/_images/blocks/target_groups_13.svg),var(--gradient)}}}}&:not(.lazy-bg) > ul > li > a > div.icon{background-image:unset}}@media(max-width:74.9375em){.target-groups>ul{grid-template-columns:repeat(auto-fit,124px);grid-column-gap:25px;grid-row-gap:30px}}.teaser-event{overflow-wrap:anywhere;hyphens:auto; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > ol { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: 50px; row-gap: 50px; & > li { display: flex; flex-direction: column; position: relative; background-color: var(--white-100); box-shadow: 0px 0px 4px var(--box-shadow-color), 0px 0px 8px var(--box-shadow-color), 0px 0px 16px var(--box-shadow-color); --color: var(--skin-color, var(--fsu-gold)); &.gold { --color: var(--fsu-gold); } &.biopha { --color: var(--color-biopha); } &.chege { --color: var(--color-chege); } &.fsv { --color: var(--color-fsv); } &.m_ehealth { --color: var(--color-m_ehealth); } &.mirz { --color: var(--color-mirz); } &.paf { --color: var(--color-paf); } &.phifak { --color: var(--color-phifak); } &.rewi { --color: var(--color-rewi); } &.thefak_fe { --color: var(--color-thefak_fe); } &.wiwi { --color: var(--color-wiwi); } & > article { flex: 1 0 auto; display: flex; flex-direction: column; & > a { display: block; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { display: block; padding: 20px 15px 0px 15px; margin: 0px 0px 10px 0px; position: relative; z-index: 0; border-top: 3px solid var(--color); text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; & > span { &::before, &::after { content: ""; width: 30px; position: absolute; top: 0px; right: 0px; } &::before { height: 30px; z-index: 1; background-color: var(--color); } &::after { height: 31px; z-index: 2; background-color: var(--white-100); border-top-right-radius: 30px; } } } } & > .date-time-categories { padding: 0px 15px; margin-bottom: 5px; text-transform: uppercase; color: var(--fsu-blue); font-size: 0.750rem; line-height: 1.000rem; & :where(li, ul) { display: inline; } & .academic-timing { text-transform: none; } & li:not(:first-child):before { content: "\2006\00B7\2006"; } } & > p { padding: 0px 15px; margin: 0px 0px 15px 0px; color: var(--text-color); } & > ul { flex: 1 0 auto; display: flex; align-content: flex-end; flex-wrap: wrap; gap: 10px; padding: 0px 15px 15px 15px; text-transform: uppercase; font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > li { padding: 4px 5px 3px 5px; box-sizing: border-box; border: 1px solid var(--text-color); color: var(--text-color); } } & > figure { order: -1; margin: 0px; & > picture { display: block; position: relative; z-index: 0; &::before { content: ""; width: 30px; position: absolute; right: 0px; bottom: 0px; } &::before { height: 30px; z-index: -1; background-color: var(--color); } & > img { width: 100%; display: block; aspect-ratio: 16 / 9; border-bottom-right-radius: 27px; } } & > figcaption { padding: 0px 2px; position: absolute; top: 0px; left: 100%; transform: rotate(180deg); writing-mode: vertical-rl; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } & + a { width: fit-content; display: block; padding: var(--link-block-padding) 0px var(--link-block-padding) 0px; margin: 0px 0px 0px auto; text-decoration: underline 1px; text-underline-offset: 3px; color: var(--text-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } }}@media(min-width:48.0000em) and (max-width:74.9375em){.teaser-event>ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:74.9375em){.teaser-event>ol>li>article>a>.title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.teaser-event>ol{grid-template-columns:minmax(0,1fr);row-gap:35px;& > li > article > figure > figcaption{padding:0}}}.teaser-grid{overflow-wrap:anywhere;hyphens:auto;& > ul{--gap:20px;display:flex;flex-wrap:wrap;gap:var(--gap);padding:0;margin:0;list-style-type:none;& > li{flex:0 0 100%;padding:20px 20px 40px;box-sizing:border-box;position:relative;background-color:var(--block-background);& > article{display:flex;flex-direction:column;& > a, & > .title{margin:0 0 5px;text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > a{outline:none;text-decoration:none;&::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}& > .title{display:inline;margin:0;font-weight:inherit;font-size:inherit}& > .info{position:inherit;& > i.icon::after{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;color:var(--button-color-80)}}&:focus-visible::after{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{&::after{outline:1px solid var(--hover-color-dark);outline-offset:0}& i.icon::after{color:var(--hover-color-dark)}}}}& > .text{margin:0;color:var(--text-color)}& > .category{order:-1;display:block;margin-right:24px;margin-bottom:12px;color:var(--copyright-color);text-transform:uppercase;line-height:1.313rem}}}}}@media(min-width:75.0000em){.teaser-grid ul>li.epr-1>article{& > a, & > .title{font-size:1.75rem;line-height:2.313rem}& > .text{margin-top:calc(1.75rem/3)}}}@media(min-width:48.0000em){.teaser-grid ul>li{&.epr-1 > article{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:min-content 1fr;grid-template-areas:"category . ." "title text text";column-gap:20px;& > a, & > .title{grid-area:title;margin-bottom:0;text-align:right}& > .text{grid-area:text}& > .category{grid-area:category;text-align:right;margin-right:0}}&.epr-2{flex-basis:calc(50% - (var(--gap)/2))}&.epr-3{flex-basis:calc((100%/3) - (var(--gap) * 2/3))}}}@media(min-width:48.0000em) and (max-width:74.9375em){.teaser-grid ul>li.epr-1>article{& > a, & > .title{font-size:clamp(var(--fsu-h1-font-size-scale-min),var(--fsu-h1-font-size-scale),var(--fsu-h1-font-size-scale-max));line-height:clamp(var(--fsu-h1-line-height-scale-min),var(--fsu-h1-line-height-scale),var(--fsu-h1-line-height-scale-max))}& > .text{margin-top:calc(clamp(var(--fsu-h1-font-size-scale-min),var(--fsu-h1-font-size-scale),var(--fsu-h1-font-size-scale-max))/3)}}}@media(max-width:74.9375em){.teaser-grid ul>li>article{& > a, & > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}.teaser-news{hyphens:auto;overflow-wrap:anywhere; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > ol { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: 50px; row-gap: 50px; & > li { display: flex; flex-direction: column; position: relative; background-color: var(--block-background); --color: var(--skin-color, var(--fsu-gold)); &.gold { --color: var(--fsu-gold); } &.biopha { --color: var(--color-biopha); } &.chege { --color: var(--color-chege); } &.fsv { --color: var(--color-fsv); } &.m_ehealth { --color: var(--color-m_ehealth); } &.mirz { --color: var(--color-mirz); } &.paf { --color: var(--color-paf); } &.phifak { --color: var(--color-phifak); } &.rewi { --color: var(--color-rewi); } &.thefak_fe { --color: var(--color-thefak_fe); } &.wiwi { --color: var(--color-wiwi); } & > article { flex: 1 0 auto; display: flex; flex-direction: column; & > div { display: flex; flex-direction: column; padding: 15px; border-top: 4px solid var(--color); & > :where(time, ul) { text-transform: uppercase; color: var(--text-color); font-size: 0.750rem; line-height: 1.000rem; } & > time { order: -2; display: block; } & > ul { order: -1; & > li { display: inline; &:not(:first-child):before { content: "\2006\00B7\2006"; } } } & > a { margin: 15px 0px 0px 0px; outline: none; text-decoration: none; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > .short { margin: 5px 0px 0px 0px; color: var(--text-color); } } & > figure { margin: auto 0px 0px 0px; & > picture > img { width: 100%; display: block; aspect-ratio: 16 / 9; } & > figcaption { padding: 3px 0px; position: absolute; top: 100%; right: 0px; text-align: right; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } & + a { width: fit-content; display: block; padding: var(--link-block-padding) 0px var(--link-block-padding) 0px; margin: 20px 0px 0px auto; text-decoration: underline 1px; text-underline-offset: 3px; color: var(--text-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } }}@media(min-width:75.0000em){.teaser-news:not(:has(ol>li:last-child:nth-child(3) img,ol>li:last-child:nth-child(6) img,ol>li:last-child:nth-child(9) img))>ol+a{margin-top:0}}@media(min-width:48.0000em) and (max-width:74.9375em){.teaser-news{& > ol{grid-template-columns:repeat(2,minmax(0,1fr))}&:not(:has(ol > li:last-child:nth-child(even) img)) > ol + a{margin-top:0}}}@media(max-width:74.9375em){.teaser-news>ol>li>article>div>a{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.teaser-news{& > ol{grid-template-columns:minmax(0,1fr);row-gap:35px}&:not(:has(ol > li:last-child img)) > ol + a{margin-top:0}}}.teaser-pages{hyphens:auto;overflow-wrap:anywhere; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } &.border :where(img, video) { box-sizing: border-box; border: 1px solid var(--copyright-color); } &:where(.icon-arches, .icon-area, .icon-border, .icon-circle, .icon-diagonal, .icon-rumble) { picture { display: flex; aspect-ratio: 16 / 9; align-items: center; justify-content: center; position: relative; img { width: auto; height: 80%; position: relative; z-index: 5; } } &.icon-circle picture::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; background: radial-gradient(circle at center, var(--white-100) 42%, transparent 42% 42.5%, var(--skin-color, var(--fsu-gold)) 43% 44%, transparent 44.5% 100%); } &.icon-arches picture::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; background: url("/skin/_global/_images/blocks/icon-bg-arches.svg") no-repeat center / cover; } &.icon-diagonal picture::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; mask: url("/skin/_global/_images/blocks/icon-bg-diagonal.svg") no-repeat center / cover; background-color: var(--skin-color, var(--fsu-gold)); } &.icon-rumble picture::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; mask: url("/skin/_global/_images/blocks/icon-bg-rumble.svg") no-repeat center / cover; background-color: var(--skin-color, var(--fsu-gold)); } &.icon-area picture::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 3; background: linear-gradient(180deg, transparent 50%, var(--block-background) 50%); } &.icon-border picture::after { content: ""; width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0px; left: 0px; z-index: 3; border-bottom: 4px solid var(--skin-color, var(--fsu-gold)); } } & > div[tabindex="-1"] { &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } & > ul { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 50px; & > li { display: flex; position: relative; & > article { flex: 0 0 100%; display: flex; flex-direction: column; & > a { text-decoration: none; &:nth-of-type(1) { outline: none; margin: 0px 0px 5px 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 10px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 10px; } } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } &:nth-of-type(2) { padding: var(--link-block-padding) 10px; margin-top: 24px; display: block; position: relative; z-index: 20; box-sizing: border-box; border: 1px solid var(--fsu-blue); background-color: transparent; text-align: center; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: -4px; } } } } & > p { flex-grow: 1; margin: 0px; color: var(--text-color); } & > figure { order: -1; margin: 0px; &:not(:has(figcaption)) { margin-bottom: 32px; } & :where(img, video) { width: 100%; display: block; aspect-ratio: 16 / 9; } & > video { position: relative; z-index: 20; } & > figcaption { padding: 3px 0px; margin-bottom: 10px; text-align: right; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } } } &.slider fieldset { display: none; }}@media(min-width:48.0000em) and (max-width:74.9375em){.teaser-pages>div[tabindex="-1"]>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.js .teaser-pages.slider{&:not(:has(ul > li:last-child:nth-child(1), ul > li:last-child:nth-child(2))) fieldset{display:flex}.small{display:none}& > div[tabindex="-1"] > ul > li{flex:0 0 calc(50% - (50px/2));&:not(:last-child){margin-right:50px}&:nth-child(2n):not(:last-child){margin-right:25px}}}}@media(max-width:74.9375em){.teaser-pages>div[tabindex="-1"]>ul>li>article>a:nth-of-type(1){font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}.js .teaser-pages.slider{overflow:clip visible;& > div[tabindex="-1"] > ul{display:flex;gap:unset;@media(prefers-reduced-motion:no-preference){&.transition{transition:transform 700ms ease-in-out 0ms}}& > li.opacity{pointer-events:none;filter:opacity(.2);@media(prefers-reduced-motion:no-preference){transition: filter 500ms linear;}}} :is(fieldset > div.hidden, ol.hidden, li.hidden) { display: none; } :is(fieldset > div, ol) { flex-grow: 1; } fieldset { align-items: center; margin-top: 20px; button { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; } & > div { text-align: center; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 1.125rem; line-height: 1.500rem; } ol { display: flex; justify-content: center; li > button { background-color: transparent; color: var(--button-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: -6px; } @media (hover: hover) { &:hover { color: var(--hover-color-dark); i.icon { --icon-font-fill: 0; &::after { content: "\e39e"; } } } &[aria-current]:hover i.icon::after { content: "\e837"; } } } } & > button { background-color: var(--button-color); color: var(--white-100); &:disabled { box-sizing: border-box; pointer-events: none; background-color: var(--white-100); border: 1px dashed var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } @media (hover: hover) { &:hover { background-color: var(--hover-color-dark); outline: 1px solid var(--white-100); outline-offset: -4px; } } } }}}@media(max-width:47.9375em){.teaser-pages>div[tabindex="-1"]>ul{grid-template-columns:minmax(0,1fr);gap:30px}.js .teaser-pages.slider{&:not(:has(ul > li:last-child:nth-child(1))) fieldset{display:flex}.medium{display:none}& > div[tabindex="-1"] > ul > li{flex:0 0 100%;&:not(:last-child){margin-right:14px}}}}.teaser-studies{overflow-wrap:anywhere;hyphens:auto; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > ol { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-column-gap: 50px; grid-gap: 50px; & > li { position: relative; background-color: var(--block-background); & > article { display: flex; flex-direction: column; & > .content { padding: 20px; & > a { display: flex; flex-direction: column; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { margin: 0px 0px 10px 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } & > .graduation { margin-bottom: 10px; color: var(--fsu-blue); text-transform: uppercase; } } & > ul { padding-left: 21px; color: var(--copyright-color); text-transform: uppercase; font-size: 0.750rem; line-height: 1.000rem; & > li { margin-bottom: 5px; position: relative; &:last-child { margin-bottom: 0px; } &::before { flex-shrink: 0; content: ""; width: 9px; height: 9px; display: block; margin-bottom: 1px; position: absolute; top: calc(0.750rem - 9px); left: -21px; background-color: var(--tile-color, var(--fsu-gold)); } &.faculty-1 { --tile-color: var(--color-mirz); } &.faculty-2 { --tile-color: var(--color-thefak_fe); } &.faculty-3 { --tile-color: var(--color-paf); } &.faculty-4 { --tile-color: var(--color-biopha); } &.faculty-5 { --tile-color: var(--color-chege); } &.faculty-6 { --tile-color: var(--color-rewi); } &.faculty-7 { --tile-color: var(--color-wiwi); } &.faculty-8 { --tile-color: var(--color-m_ehealth); } &.faculty-9 { --tile-color: var(--color-fsv); } &.faculty-10 { --tile-color: var(--color-phifak); } & > a { position: relative; z-index: 2; text-decoration: underline 1px; text-underline-offset: 3px; color: inherit; @media (forced-colors: active) { color: LinkText; } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } } } } & > figure { order: -1; margin: 0px; & > picture > img { width: 100%; display: block; aspect-ratio: 16 / 9; } & > figcaption { padding: 0px 2px; position: absolute; top: 0px; left: 100%; transform: rotate(180deg); writing-mode: vertical-rl; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } & + a { width: fit-content; display: block; padding: var(--link-block-padding) 0px; margin-left: auto; margin-right: 0px; text-decoration: underline 1px; text-underline-offset: 3px; color: var(--text-color); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px } } } }}@media(max-width:74.9375em){.teaser-studies>ol{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));& > li > article > .content > a > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}@media(max-width:47.9375em){.teaser-studies ol{grid-gap:35px;& > li > article{& > .content{padding:20px 10px}& > figure > figcaption{padding:0}}}}.teaser-text{hyphens:auto;overflow-wrap:anywhere;& > ul{display:flex;flex-direction:column;row-gap:50px;padding:0;margin:0;list-style-type:none;& > li{position:relative;& > article{display:grid;grid-template-rows:1fr;&::after{grid-row:1/2;content:"";width:100%;height:100%;z-index:10;background-color:var(--block-background);--clip-0:calc(0% - 1px);--clip-100:calc(100% + 1px)}& > .content{grid-row:1/2;display:flex;flex-direction:column;justify-content:center;padding:20px;background-color:var(--block-background);color:var(--text-color);& > a, & > .title{margin:0 0 2px;text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > a{outline:none;text-decoration:none;&::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}& > .title{display:inline;margin:0;font-weight:inherit;font-size:inherit}& > .info{position:inherit;& > i.icon::after{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;z-index:20;color:var(--button-color-80)}}&:focus-visible::after{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover{&::after{outline:1px solid var(--hover-color-dark);outline-offset:0}& i.icon::after{color:var(--hover-color-dark)}}}}& > p{margin:0}}& > figure{grid-row:1/2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);margin:0;& > picture{grid-column:1/2;grid-row:1/2;align-self:center;overflow:hidden;&.bg{align-self:start;height:100%;z-index:-1;& > img{height:100%;filter:blur(10px)grayscale(60%);transform:scale(1.1)}}& > img{width:100%;display:block;aspect-ratio:16/9}}& > figcaption{padding:3px 0;position:absolute;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;& > small{font-size:inherit}}}}}}}@media(min-width:48.0000em){.teaser-text>ul>li{&:nth-child(odd) > article{grid-template-columns:50% 30px 1fr;&::after{grid-column:2/3;clip-path:polygon( var(--clip-0) var(--clip-0),var(--clip-100) var(--clip-0),var(--clip-100) var(--clip-100),var(--clip-0) var(--clip-100),var(--clip-0) calc(50% + 30px),100% 50%,var(--clip-0) calc(50% - 30px) )}& > .content{grid-column:3/4;background:linear-gradient(90deg,var(--block-background),transparent);& > a{margin-right:24px;& > .info > i.icon::after{right:0}}}& > figure{grid-column:1/3;& > figcaption{top:100%;left:0;right:auto}}}&:nth-child(even) > article{grid-template-columns:1fr 30px 50%;&::after{grid-column:2/3;clip-path:polygon( var(--clip-0) var(--clip-0),var(--clip-100) var(--clip-0),var(--clip-100) calc(50% - 30px),0% 50%,var(--clip-100) calc(50% + 30px),var(--clip-100) var(--clip-100),var(--clip-0) var(--clip-100) )}& > .content{grid-column:1/2;background:linear-gradient(270deg,var(--block-background),transparent);text-align:right;& > a > .info > i.icon::after{right:50%}}& > figure{grid-column:2/4;& > figcaption{top:100%;right:0;left:auto}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.teaser-text>ul>li{&:nth-child(odd) > article > .content{padding-right:15px;padding-left:15px;& > a{margin-right:29px}}&:nth-child(even) > article > .content{padding-left:15px;padding-right:15px}}}@media(max-width:74.9375em){.teaser-text>ul>li>article>.content{& > a, & > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}@media(max-width:47.9375em){.teaser-text{&.block-side-pa{padding-right:0;padding-left:0}& > .block-headline{padding-right:5%;padding-left:5%}& > ul{row-gap:35px;& > li > article{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 25px auto;&::after{grid-column:1/2;grid-row:2/3;clip-path:polygon( var(--clip-0) var(--clip-0),calc(50% - 25px) var(--clip-0),50% 100%,calc(50% + 25px) var(--clip-0),var(--clip-100) var(--clip-0),var(--clip-100) var(--clip-100),var(--clip-0) var(--clip-100) )}& > .content{grid-column:1/2;grid-row:3/4;padding:15px 5% 30px;background:linear-gradient(180deg,var(--block-background),transparent);text-align:left;& > a{margin-right:calc(44px - 5%);& > .info > i.icon::after{margin-top:calc(56.25% - 25px);right:0}}}& > figure{grid-column:1/2;grid-row:1/3;& > picture.bg{display:none}& > figcaption{padding-right:5px;padding-left:5px;bottom:100%;right:0;left:auto;text-align:right;background-color:rgba(255,255,255,.8)}}}}}}.text-image{display:flow-root;&.has-block-headline:not(.first-of-group) .block-headline{margin-top:45px}&:not(.first-of-group, .has-block-headline).image-top figure{margin-top:1.5rem}&.image-bottom figure{margin-top:1.5rem}& figure{width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;row-gap:10px;padding:0;margin:0;& > div{display:flex;align-items:center;justify-content:center;&.ratio-16-9{aspect-ratio:16/9}& > a{&:focus-visible{outline-offset:3px}@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}}& img{max-width:100%;display:block;margin:0 auto}}}& > figcaption{align-self:end;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;& > p{margin:0;color:inherit;& > a > span.info i.icon{vertical-align:text-bottom;&:where(.lock, .mail_space){vertical-align:middle}}& > em{font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}}& > small{font-size:inherit}}}&:where(.image-top, .image-bottom) figure{width:1e3px;grid-template-columns:800px 1fr;grid-template-rows:auto;column-gap:10px}& p{&.box{padding:15px;clear:both;&.border{border-width:1px;border-style:solid;&.jen{border-color:var(--text-color)}&.max{border-color:var(--skin-color,var(--fsu-gold))}&.ron{border-color:var(--block-background)}}&.bg{&:not(.noa){color:var(--white-100);& > a{color:var(--white-100);&:focus-visible{outline-color:var(--white-100)}&.button{border-color:var(--white-100);@media(hover:hover){&:hover{border-color:var(--white-100);color:var(--white-100);outline-color:var(--white-100)}}}}}&.ava{background-color:var(--fsu-blue)}&.ida{background-color:var(--link-color)}}&:where(.mia, .noa){background-color:var(--block-background)}}& > a.button{width:fit-content;display:block flow-root;margin:1.5rem 0;padding:calc(var(--link-block-padding) - 1px)20px;border:1px solid var(--fsu-blue);text-decoration:none;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&.center{margin-right:auto;margin-left:auto}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}@media(min-width:48.0000em){.text-image{&:where(.first-of-group, .has-block-headline):not(.image-top) .rte_wrapper > div > :where(blockquote, h2, h3, h4, p, ul, ol, .fsu-table-wrapper):first-child{margin-top:0}&:not(.first-of-group, .has-block-headline):where(.image-right, .image-left) .rte_wrapper > div > :where(h2, h3, h4):first-child{margin-top:1.5rem}&:not(.first-of-group, .has-block-headline):where(.image-right, .image-left):has(.rte_wrapper > div p.box:first-child) figure{margin-top:1.5rem}&:where(.image-right, .image-left) figure{margin-bottom:50px}&.image-right figure{margin-left:50px;float:right}&.image-left figure{margin-right:50px;float:left}}}@media(min-width:48.0000em) and (max-width:74.9375em){.text-image:where(.image-left,.image-right) figure{width:calc(50% - 25px)}}@media(max-width:74.9375em){.text-image:where(.image-top,.image-bottom) figure{width:100%;grid-template-columns:1fr;grid-template-rows:auto min-content}}@media(max-width:47.9375em){.text-image{&:is(.first-of-group, .has-block-headline):not(.image-top, .image-right, .image-left) .rte_wrapper > div > :where(blockquote, h2, h3, h4, p, ul, ol, .fsu-table-wrapper):first-child{margin-top:0}&:not(.first-of-group, .has-block-headline):is(.image-right, .image-left) figure{margin-top:1.5rem}&:is(.image-right, .image-left) figure{width:100%;grid-template-columns:1fr;grid-template-rows:auto min-content}}}.text-label{display:grid;background-color:var(--block-background);& > .icon{grid-area:icon;align-self:center;justify-self:center;color:var(--fsu-blue)}& > .title{grid-area:title;margin-top:1.813rem;margin-bottom:1.5rem;text-transform:uppercase;text-wrap:balance;color:var(--fsu-blue);font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}& > .rte_wrapper{grid-area:content;margin-bottom:1.813rem;& p:first-child{margin-top:0}}}@media(min-width:75.0000em){.text-label{grid-template-columns:160px 680px;grid-template-areas:"icon title" "icon content"}}@media(min-width:48.0000em) and (max-width:74.9375em){.text-label{grid-template-areas:". icon . title ." ". icon . content ."}}@media(max-width:74.9375em){.text-label{grid-template-columns:5% min-content 5% 1fr 5%;& > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}}@media(max-width:47.9375em){.text-label{grid-template-areas:". icon . title ." ". content content content .";& > .icon{margin:1.563rem 0}& > .title{align-self:center}& > .rte_wrapper{margin-bottom:1.563rem}}}.text-video{display:flow-root;&.has-block-headline:not(.first-of-group) .block-headline{margin-top:45px}&:not(.first-of-group, .has-block-headline).video-top figure{margin-top:1.5rem}&.video-bottom figure{margin-top:1.5rem}& figure{width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;row-gap:10px;padding:0;margin:0;& :where(video, iframe, .approval){width:100%;display:block;aspect-ratio:16/9;border:none}& > .approval{position:relative;margin:0 auto;& img{width:100%;display:block}& > a.load-frame{height:44px;display:flex;padding:0 20px;align-items:center;box-sizing:border-box;position:absolute;top:50%;right:30px;margin-top:-24px;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);text-align:center;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}& > figcaption{align-self:end;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem;& > p{margin:0;color:inherit;& > a > span.info i.icon{vertical-align:text-bottom;&:where(.lock, .mail_space){vertical-align:middle}}& > em{font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}}& > small{font-size:inherit}}}&:where(.video-top, .video-bottom) figure{width:1e3px;grid-template-columns:800px 1fr;grid-template-rows:auto;column-gap:10px}&:where(.video-right, .video-left) video{aspect-ratio:9/16}& p{&.box{padding:15px;clear:both;&.border{border-width:1px;border-style:solid;&.jen{border-color:var(--text-color)}&.max{border-color:var(--skin-color,var(--fsu-gold))}&.ron{border-color:var(--block-background)}}&.bg{&:not(.noa){color:var(--white-100);& > a{color:var(--white-100);&:focus-visible{outline-color:var(--white-100)}&.button{border-color:var(--white-100);@media(hover:hover){&:hover{border-color:var(--white-100);color:var(--white-100);outline-color:var(--white-100)}}}}}&.ava{background-color:var(--fsu-blue)}&.ida{background-color:var(--link-color)}}&:where(.mia, .noa){background-color:var(--block-background)}}& > a.button{width:fit-content;display:block flow-root;margin:1.5rem 0;padding:calc(var(--link-block-padding) - 1px)20px;border:1px solid var(--fsu-blue);text-decoration:none;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&.center{margin-right:auto;margin-left:auto}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}@media(min-width:48.0000em){.text-video{&:where(.first-of-group, .has-block-headline):not(.video-top) .rte_wrapper > div > :where(blockquote, h2, h3, h4, p, ul, ol, .fsu-table-wrapper):first-child{margin-top:0}&:not(.first-of-group, .has-block-headline):where(.video-right, .video-left) .rte_wrapper > div > :where(h2, h3, h4):first-child{margin-top:1.5rem}&:not(.first-of-group, .has-block-headline):where(.video-right, .video-left):has(.rte_wrapper > div p.box:first-child) figure{margin-top:1.5rem}&:where(.video-right, .video-left) figure{margin-bottom:1.5rem}&.video-right figure{margin-left:50px;float:right}&.video-left figure{margin-right:50px;float:left}}}@media(min-width:48.0000em) and (max-width:74.9375em){.text-video:where(.video-left,.video-right) figure{width:calc(50% - 25px)}}@media(max-width:74.9375em){.text-video:where(.video-top,.video-bottom) figure{width:100%;grid-template-columns:1fr;grid-template-rows:auto min-content}}@media(max-width:47.9375em){.text-video{&:where(.first-of-group, .has-block-headline):not(.video-top, .video-right, .video-left) .rte_wrapper > div > :where(blockquote, h2, h3, h4, p, ul, ol, .fsu-table-wrapper):first-child{margin-top:0}&:not(.first-of-group, .has-block-headline):where(.video-right, .video-left) figure{margin-top:1.5rem}&:where(.video-right, .video-left) figure{width:100%;grid-template-columns:1fr;grid-template-rows:auto min-content}}}.theme_stage_multiple_wrapper{overflow:hidden;background-color:var(--block-background);& > .theme_stage_multiple{max-width:83.75em;margin:0 auto;position:relative;& > .theme_stage_multiple_entries{& > .theme_stage_multiple_entry{width:100%;position:relative;& > .image_wrapper{position:relative;background-color:var(--block-background);z-index:10;& img{width:100%;display:block;aspect-ratio:16/9}& > .watermark_wrapper{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:20}}& > .content_wrapper{& > .content{padding:30px;position:relative;background-color:var(--white-100);box-shadow:0 1px 4px var(--box-shadow-color),0 2px 8px var(--box-shadow-color),0 4px 16px var(--box-shadow-color);& > .title{padding:0;margin:0 0 5px;&:not(:has( + .short)){margin-bottom:0}& > a{outline:none;text-decoration:none;text-wrap:balance;color:var(--fsu-blue);font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.75rem;line-height:2.313rem;&::after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1}&:focus-visible::after{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){&:hover::after{outline:1px solid var(--hover-color-dark);outline-offset:0}}}}& > .short{color:var(--text-color)}}& > .image_info{color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}}}& > .navigation{position:absolute;z-index:40;& > ul{padding:0;margin:0;display:flex;gap:10px;& > li{display:block;&.hidden{display:none}&.counter{width:40px;height:44px;display:flex;justify-content:center;align-items:center;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}& > .button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border:none;color:var(--white-100);text-decoration:none;background-color:var(--button-color);&:not(.disabled){&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}& > i{color:var(--white-100)}}&.disabled{box-sizing:border-box;pointer-events:none;background-color:initial;border:1px dashed var(--copyright-color);color:var(--copyright-color)}}}}}}}}.theme-stage-multiple-hidden{width:1px!important;height:1px;position:absolute;margin:-1px!important;overflow:hidden;white-space:nowrap}.theme_stage_multiple_headline>h1{margin:0;text-wrap:balance;color:var(--fsu-blue);font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.75rem;line-height:2.313rem}@media(min-width:1em){.theme_stage_multiple_wrapper>.theme_stage_multiple>.theme_stage_multiple_entries>.theme_stage_multiple_entry{display:grid;&.sibling{position:absolute;filter:opacity(.2);top:0}& > .content_wrapper{display:grid;position:relative;& > .content{hyphens:auto;overflow-wrap:anywhere;z-index:30}& :where(a, .short, .description, .author){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}& :where(a, .short){-webkit-line-clamp:3;line-clamp:3}& .description{-webkit-line-clamp:2;line-clamp:2}& .author{-webkit-line-clamp:1;line-clamp:1}}}}@media(min-width:62.5000em){.theme_stage_multiple_wrapper>.theme_stage_multiple>.theme_stage_multiple_entries{& > .theme_stage_multiple_entry{grid-template-columns:minmax(570px,1fr)30px minmax(auto,556px)24px;grid-template-rows:min-content;&.sibling > .content_wrapper > .content{z-index:0}& > .image_wrapper{grid-column:1/3;grid-row:1/2}& > .content_wrapper{grid-column:2/4;grid-row:1/2;grid-template-columns:60px minmax(0,1fr);grid-template-rows:1fr min-content 15px min-content 15px 44px 10px;& > .content{grid-column:1/3;grid-row:2/3}& > .image_info{grid-column:2/3;grid-row:4/5}}}& > .navigation{width:100%;display:grid;grid-template-columns:minmax(570px,1fr)60px minmax(auto,526px)24px;left:0;bottom:10px;& > ul{grid-column:3/4}}}}@media(min-width:48.0000em) and (max-width:62.4375em){.theme_stage_multiple_wrapper{& > .theme_stage_multiple > .theme_stage_multiple_entries{& > .theme_stage_multiple_entry{grid-template-columns:5% 1fr 5%;grid-template-rows:1fr 30px min-content 230px;& > .image_wrapper{grid-column:1/4;grid-row:1/4}& > .content_wrapper{grid-column:2/3;grid-row:2/5;grid-template-columns:202px 15px minmax(0,1fr);grid-template-rows:1fr 15px 44px 45px;& > .content{grid-column:1/4;grid-row:1/2}& > .image_info{grid-column:3/4;grid-row:3/4;align-self:center}}}& > .navigation{left:5%;bottom:45px}}&[data-count="1"] > .theme_stage_multiple > .theme_stage_multiple_entries > .theme_stage_multiple_entry{grid-template-rows:auto 30px auto;& > .image_wrapper{grid-row:1/3}& > .content_wrapper{grid-row:2/4;grid-template-rows:1fr 15px min-content 45px;& > .image_info{grid-column:1/3}}}}}@media(max-width:74.9375em){.theme_stage_multiple_headline>h1,.theme_stage_multiple_wrapper>.theme_stage_multiple>.theme_stage_multiple_entries>.theme_stage_multiple_entry>.content_wrapper>.content>.title>a{font-size:clamp(var(--fsu-h1-font-size-scale-min),var(--fsu-h1-font-size-scale),var(--fsu-h1-font-size-scale-max));line-height:clamp(var(--fsu-h1-line-height-scale-min),var(--fsu-h1-line-height-scale),var(--fsu-h1-line-height-scale-max))}}@media(max-width:62.4375em){.theme_stage_multiple_wrapper>.theme_stage_multiple>.theme_stage_multiple_entries>.theme_stage_multiple_entry>.content_wrapper>.content{display:flex;flex-direction:column}}@media(max-width:47.9375em){.theme_stage_multiple_wrapper{& > .theme_stage_multiple > .theme_stage_multiple_entries{& > .theme_stage_multiple_entry{grid-template-columns:5% 1fr 5%;grid-template-rows:1fr 20px min-content 250px;& > .image_wrapper{grid-column:1/4;grid-row:1/4}& > .content_wrapper{grid-column:2/3;grid-row:2/5;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 15px 42px 15px 44px 24px;& > .content{grid-column:1/2;grid-row:1/2;padding:20px}& > .image_info{grid-column:1/2;grid-row:3/4}}}& > .navigation{left:5%;bottom:24px}}&[data-count="1"] > .theme_stage_multiple > .theme_stage_multiple_entries > .theme_stage_multiple_entry{grid-template-rows:auto 20px auto;& > .image_wrapper{grid-row:1/3}& > .content_wrapper{grid-row:2/4;grid-template-rows:1fr 15px min-content 45px}}}}.theme_stage_single_wrapper{hyphens:auto;overflow-wrap:anywhere;& .title{margin:0 0 5px;text-wrap:balance;font-weight:600;font-variation-settings:var(--fsu-font-variation-headline);font-size:1.75rem;line-height:2.313rem}&:not(:has(.short)) .title{margin-bottom:0}& > .theme_stage_single_text{background-color:var(--block-background);& .title{color:var(--fsu-blue)}& .short{color:var(--text-color)}}& > .theme_stage_single_media{background-color:var(--block-background);& > .theme_stage_single{max-width:83.75em;margin:0 auto;& > .media_wrapper{position:relative;& :where(iframe, img, video){width:100%;display:block;aspect-ratio:16/9;border:none}& > .approval{position:relative;& > a.load-frame{height:44px;display:flex;align-items:center;padding:0 20px;margin-left:-100px;position:absolute;bottom:10%;left:50%;z-index:20;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);color:var(--fsu-blue);text-align:center;text-decoration:none;cursor:pointer;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}& > .watermark_wrapper{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:10}}& > .content_wrapper{& > .content{padding:30px;background-color:var(--white-100);box-shadow:0 1px 4px var(--box-shadow-color),0 2px 8px var(--box-shadow-color),0 4px 16px var(--box-shadow-color);& .title{color:var(--fsu-blue)}& .short{color:var(--text-color)}}& > .media_info{color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}}}}}@media(min-width:1em){.theme_stage_single_wrapper>.theme_stage_single_media>.theme_stage_single{display:grid;& > .content_wrapper{display:grid;position:relative;& :where(.title, .short, .description, .author){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}& .title{-webkit-line-clamp:3;line-clamp:3}& .short{-webkit-line-clamp:4;line-clamp:4}& .description{-webkit-line-clamp:2;line-clamp:2}& .author{-webkit-line-clamp:1;line-clamp:1}}}}@media(min-width:62.5000em){.theme_stage_single_wrapper>.theme_stage_single_media>.theme_stage_single{grid-template-columns:minmax(570px,1fr)30px minmax(auto,556px)24px;grid-template-rows:min-content;& > .media_wrapper{grid-column:1/3;grid-row:1/2}& > .content_wrapper{grid-column:2/4;grid-row:1/2;grid-template-columns:60px minmax(0,1fr);grid-template-rows:2fr min-content 15px min-content 1fr;& > .content{grid-column:1/3;grid-row:2/3}& > .media_info{grid-column:2/3;grid-row:4/5}}}}@media(min-width:48.0000em) and (max-width:62.4375em){.theme_stage_single_wrapper>.theme_stage_single_media>.theme_stage_single{grid-template-rows:auto 30px auto;& > .media_wrapper:where(.intern, .youtube, .dbt){padding-bottom:30px}}}@media(max-width:74.9375em){.theme_stage_single_wrapper .title{font-size:clamp(var(--fsu-h1-font-size-scale-min),var(--fsu-h1-font-size-scale),var(--fsu-h1-font-size-scale-max));line-height:clamp(var(--fsu-h1-line-height-scale-min),var(--fsu-h1-line-height-scale),var(--fsu-h1-line-height-scale-max))}}@media(max-width:62.4375em){.theme_stage_single_wrapper>.theme_stage_single_media>.theme_stage_single{grid-template-columns:5% 1fr 5%;& > .media_wrapper{grid-column:1/4;grid-row:1/3;&:where(.intern, .youtube, .dbt){width:90%;margin:0 auto}& > .approval > a.load-frame{top:50%;right:5%;bottom:auto;left:auto;margin-top:-24px;margin-left:0}}& > .content_wrapper{grid-column:2/3;grid-row:2/4;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 15px min-content 45px;& > .content{grid-column:1/2;grid-row:1/2}& > .media_info{grid-column:1/2;grid-row:3/4}}}}@media(max-width:47.9375em){.theme_stage_single_wrapper>.theme_stage_single_media>.theme_stage_single{grid-template-rows:auto 20px auto;& > .media_wrapper:where(.intern, .youtube, .dbt){padding-bottom:20px}& > .content_wrapper > .content{padding:20px}}}