@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-c95a01dd4fe8c0e9ac26381262d761ba.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-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}body i.icon.fill{--icon-font-fill:1}body i.icon.size-relative{font-size:clamp(.875rem,1em,1.125rem)}body i.icon.size-small{font-size:90%}body i.icon.size-14{font-size:14px}body i.icon.size-18{font-size:18px}body i.icon.size-22{font-size:22px}body i.icon.size-24{font-size:24px}body i.icon.size-25{font-size:25px}body i.icon.size-28{font-size:28px}body i.icon.size-36{font-size:36px}body i.icon.size-50{font-size:50px}body i.icon.size-65{font-size:65px}body i.icon.weight-100{--icon-font-wght:100}body i.icon.weight-200{--icon-font-wght:200}body i.icon.weight-300{--icon-font-wght:300}body i.icon.weight-400{--icon-font-wght:400}body i.icon.navigate_before{text-indent:-2px}body i.icon.navigate_next{text-indent:2px}body i.icon.playlist_remove{text-indent:5px;&::after { vertical-align:middle; }}body i.icon.share{text-indent:-2px}body i.icon.upside-down{transform:rotate(180deg)}body i.icon.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; }}body i.icon.accessibility::after{content:"\e84e"}body i.icon.add::after{content:"\e145"}body i.icon.adjust::after{content:"\e39e"}body i.icon.arrow_forward::after{content:"\e5c8"}body i.icon.arrow_outward::after{content:"\f8ce"}body i.icon.bookmark::after{content:"\e866"}body i.icon.bug_report::after{content:"\e868"}body i.icon.calendar_add_on::after{content:"\ef85"}body i.icon.captive_portal::after{content:"\f728"}body i.icon.chat::after{content:"\e0b7"}body i.icon.close::after{content:"\e5cd"}body i.icon.delete::after{content:"\e872"}body i.icon.download::after{content:"\f090"}body i.icon.event_upcoming::after{content:"\f238"}body i.icon.expand_less::after{content:"\e5ce"}body i.icon.expand_more::after{content:"\e5cf"}body i.icon.fact_check::after{content:"\f0C5 "}body i.icon.fax::after{content:"\ead8"}body i.icon.fax_space::after{content:"\2006\ead8"}body i.icon.fiber_manual_record::after{content:"\e061"}body i.icon.filter_alt::after{content:"\ef4f"}body i.icon.first_page::after{content:"\e5dc"}body i.icon.folder::after{content:"\e2c7"}body i.icon.folder_off::after{content:"\eb83"}body i.icon.grade::after{content:"\e885"}body i.icon.grid_view::after{content:"\e9b0"}body i.icon.home::after{content:"\e88a"}body i.icon.id_card::after{content:"\f4ca"}body i.icon.id_card_space::after{content:"\2006\f4ca\2006"}body i.icon.info::after{content:"\e88e"}body i.icon.last_page::after{content:"\e5dd"}body i.icon.local_library::after{content:"\e54b"}body i.icon.location_on::after{content:"\e0c8"}body i.icon.lock::after{content:"\e88d"}body i.icon.lock_open::after{content:"\e898"}body i.icon.mail::after{content:"\e158"}body i.icon.mail_space::after{content:"\2006\e158"}body i.icon.menu::after{content:"\e5d2"}body i.icon.navigate_before::after{content:"\e408"}body i.icon.navigate_next::after{content:"\e409"}body i.icon.near_me::after{content:"\e569"}body i.icon.open_in_full::after{content:"\f1ce"}body i.icon.open_in_new::after{content:"\e89e"}body i.icon.password::after{content:"\f042"}body i.icon.pause::after{content:"\e034"}body i.icon.person_pin::after{content:"\e55a"}body i.icon.phonelink_ring::after{content:"\e0dd"}body i.icon.phonelink_ring_space::after{content:"\2006\e0dd"}body i.icon.phone_in_talk::after{content:"\e61d"}body i.icon.phone_in_talk_space::after{content:"\2006\e61d"}body i.icon.play::after{content:"\e037"}body i.icon.radio_button_checked::after{content:"\e837"}body i.icon.replay::after{content:"\e042"}body i.icon.rocket_launch::after{content:"\eb9b"}body i.icon.rss_feed::after{content:"\e0e5"}body i.icon.schedule::after{content:"\e8b5"}body i.icon.search::after{content:"\e8b6"}body i.icon.share::after{content:"\e80d"}body i.icon.sign_language::after{content:"\ebe5"}body i.icon.sort::after{content:"\e164"}body i.icon.stop::after{content:"\e047"}body i.icon.summarize::after{content:"\f071"}body i.icon.support_agent::after{content:"\f0e2"}body i.icon.support_agent_space::after{content:"\2006\f0e2\2006"}body i.icon.sync_alt::after{content:"\ea18"}body i.icon.translate::after{content:"\e8e2"}body i.icon.trending_flat::after{content:"\e8e4"}body i.icon.upload::after{content:"\f09b"}body i.icon.video_call::after{content:"\e070"}body i.icon.video_camera_front::after{content:"\f080"}body i.icon.view_list::after{content:"\e8ef"}body i.icon.volume_up::after{content:"\e050"}body i.icon.warning::after{content:"\f083"}html{min-height:100%;display:flex;overflow-y:scroll;scroll-padding-top:50px}html[data-skin=biopha]{--skin-color:var(--color-biopha)}html[data-skin=chege]{--skin-color:var(--color-chege)}html[data-skin=fsv]{--skin-color:var(--color-fsv)}html[data-skin=m_ehealth]{--skin-color:var(--color-m_ehealth)}html[data-skin=mirz]{--skin-color:var(--color-mirz)}html[data-skin=paf]{--skin-color:var(--color-paf)}html[data-skin=phifak]{--skin-color:var(--color-phifak)}html[data-skin=rewi]{--skin-color:var(--color-rewi)}html[data-skin=thefak_fe]{--skin-color:var(--color-thefak_fe)}html[data-skin=wiwi]{--skin-color:var(--color-wiwi)}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}body :is(button,input,select,textarea){font-family:inherit;letter-spacing:inherit;font-size:inherit;line-height:inherit;border-radius:unset}body :where(input:where([type=email],[type=number],[type=password],[type=search],[type=text]),select){padding:0 15px;text-indent:1px;appearance:none}body input[type=search]::-webkit-search-decoration,body input[type=search]::-webkit-search-cancel-button,body input[type=search]::-webkit-search-results-button,body input[type=search]::-webkit-search-results-decoration{display:none}body select{overflow-x:hidden}body select:disabled{opacity:1}body .select-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:absolute;right:0;bottom:0;z-index:1;pointer-events:none;background-clip:padding-box;border:1px solid transparent;background-color:var(--white-100);color:var(--fsu-blue)}body select:disabled+.select-icon{color:var(--copyright-color)}body img{border:none}body 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; } }}body iframe:not(#rocketchat-iframe){@media(hover:hover){&:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}}}body .block-max{width:100%}body .block-1340{max-width:83.75rem;margin:0 auto}body .block-1000{width:62.5rem;margin:0 auto}body .block-800{width:50rem}body .block-dito{position:relative;box-sizing:border-box;border:2px solid var(--error-color)}body .block-dito::after{content:attr(data-name);position:absolute;top:40px;right:40px;z-index:100;color:var(--error-color);font-size:3.75rem}body .placeholder{clear:both}::placeholder{color:var(--copyright-color)}body .layer_1,body .layer_2{margin:0;padding:0;list-style-type:none}body .layer_1_item_link,body .layer_2_item_link{display:block;color:var(--white-100);text-decoration:underline transparent 1px;text-underline-offset:3px}body .block-headline{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);font-size:1.563rem;line-height:2.063rem}body .pa-45{padding-top:45px;padding-bottom:45px}body .pa-t-45{padding-top:45px}body .pa-b-45{padding-bottom:45px}body .ma-45{margin-top:45px;margin-bottom:45px}body .ma-t-45{margin-top:45px}body .ma-t-45-relative{margin-top:1.5rem}body .ma-b-45{margin-bottom:45px}body a span.info{display:inline-block;position:relative}body a span.info i.icon{display:inline-block;vertical-align:top}body a span.file,body a 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,1rem);line-height:clamp(1rem,1.25em,1.313rem)}body span.hidden_text,body legend.hidden_text{width:1px;height:1px;position:absolute;margin:-1px;overflow:hidden;white-space:nowrap}body fieldset{margin:0;border:none;padding:0}.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(0.75,0,0,0.75) infinite; }}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#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; }}html .overlay{filter:opacity(.25);background-color:var(--white-100);pointer-events:none}body dialog{padding:0;position:relative;border:none;overflow-wrap:anywhere;hyphens:auto;&::backdrop { background-color:transparent; } &: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:0px; position:absolute; top:0px; right:0px; cursor:pointer; border:none; background-color:transparent; 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:0px; scrollbar-width:thin; scrollbar-color:var(--white-100) var(--copyright-color); background-color:var(--nav-background); box-shadow:0px 1px 4px rgba(0,0,0,0.5),0px 2px 8px rgba(0,0,0,0.06),0px 4px 16px rgba(0,0,0,0.06); color:var(--white-100); & > nav { display:grid; grid-template-columns:300px 300px; gap:44px; padding:44px 30px 0px 30px; & > div { & > h2 { height:44px; display:flex; align-items:center; padding-left:10px; margin:0px; 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.500rem; } & > ul { padding:0px; margin:0px; list-style-type:none; & > li { padding:var(--link-block-padding) 0px 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.500rem; @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:0px; position:absolute; top:0px; left:0px; background-color:var(--nav-background); box-shadow:0px 1px 4px rgba(0,0,0,0.5),0px 2px 8px rgba(0,0,0,0.06),0px 4px 16px rgba(0,0,0,0.06); .block-search { padding:45px 0px 25px 0px; 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); }:is(input[type="search"],select):hover { border-color:var(--white-100); outline-color:var(--white-100); } select:hover + .select-icon { color:inherit; } } } }}body .scrollbar{position:relative;& > div { overflow: auto hidden; scrollbar-width: thin; &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -3px; } } &.scroll > div:hover { scrollbar-color: var(--white-100) var(--copyright-color); } &.scroll.left > div::before { content: ""; width: 15px; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; box-shadow: inset 10px 0px 15px -10px rgba(0, 0, 0, 0.6); pointer-events: none; } &.scroll.right > div::after { content: ""; width: 15px; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 1; box-shadow: inset -10px 0px 15px -10px rgba(0, 0, 0, 0.6); pointer-events: none; }}body>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}#head .logo-wrapper{display:flex;margin:18px 0 20px 7px}#head .logo-wrapper a{width:102px;height:35px;display:block;text-decoration:none;color:var(--white-100)}#head .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;}}#head .logo-wrapper a:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}#head .logo-wrapper a:hover{outline:1px solid var(--white-100);outline-offset:3px}#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}#identity::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))}#identity 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}#identity a:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}#identity a:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}#super-identity-wrapper{height:33px;display:flex;position:relative;top:-2px;border-top:2px solid var(--fsu-blue);box-sizing:border-box}#super-identity-wrapper .left-edge,#super-identity-wrapper .right-edge{width:20px;height:33px;position:absolute;top:-2px;background-color:var(--skin-color,var(--fsu-gold))}#super-identity-wrapper .left-edge{left:-1px;clip-path:polygon(0 0,2px 0,100% calc(100% - 2px),100% 100%,calc(100% - 2px) 100%,0 2px)}#super-identity-wrapper .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))}#super-identity 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}#super-identity a:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}#super-identity a: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){ :where(li, ul) { margin: 0px; padding: 0px; list-style-type: none; } :where(& > 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;.nav-main-control { align-self: start; display: grid; grid-template-columns: 44px auto; grid-template-rows: 44px; align-items: center; padding: 0px 15px 0px 0px; position: relative; margin: 0px; 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.500rem; &:focus-visible { outline: 3px solid var(--white-100); outline-offset: -6px; } &:hover { outline: 1px solid var(--white-100); outline-offset: -4px; } .loading { grid-column: 1 / 2; width: 44px; background-color: var(--fsu-blue); } }}#nav-hub .nav ul{display:flex;margin:0;padding:0;list-style-type:none}#nav-hub .nav 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}#nav-hub .nav a.active{background-color:var(--nav-background)}#nav-hub .nav a:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}#nav-hub .nav a:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}#nav-level-wrapper{background-color:var(--nav-background);display:none;ol { display: flex; margin: 0px; padding: 0px 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: 0px 5px; position: relative; cursor: pointer; border: none; background-color: transparent; &: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-main .nav{width:100%;height:100%;overflow:hidden;position:relative}#nav-main .list-wrapper{width:25%;height:100%;display:none;box-sizing:border-box;position:absolute;top:0;left:0}#nav-main ul .list-wrapper{width:100%;left:100%}#nav-main .list-wrapper.active{display:block}#nav-main .list-wrapper.transition{transition:transform 700ms ease-in-out 0ms}#nav-main 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:0px; }}#nav-main li{margin-bottom:10px}#nav-main li:last-child{margin-bottom:0}#nav-main li .entry{display:grid;grid-template-columns:minmax(0,1fr)auto;grid-template-rows:minmax(50px,max-content);position:relative;color:var(--white-100)}#nav-main li .path{background-color:var(--white-100);color:var(--fsu-blue)}#nav-main li .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)}#nav-main li .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)}#nav-main 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;}}#nav-main a:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}#nav-main .path a:focus-visible{outline-color:var(--hover-color-dark);outline-offset:-4px}#nav-main a:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}#nav-main a .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}#nav-main li .children a{padding-right:15px}#nav-main li 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}#nav-main li button:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}#nav-main li button:hover{outline:1px solid var(--white-100);outline-offset:-4px}#nav-main li button[aria-expanded=false]:hover{background-color:var(--hover-color-dark)}#nav-main li button .loading{background-color:var(--button-color)}#nav-main li .path button{background-color:initial}#nav-main li .path button:focus-visible{outline-color:var(--hover-color-dark);color:var(--hover-color-dark)}#nav-main li .path button:hover{outline-color:var(--hover-color-dark);color:var(--hover-color-dark)}#nav-main li .path button[aria-expanded=false]:hover{background-color:inherit}:where(#breadcrumb-wrapper,#nav-breadcrumb-wrapper){background-color:var(--nav-background);&#breadcrumb-wrapper { grid-row: 2 / 3; } ol { display: flex; margin: 0px; padding: 0px; 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: 0px 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: 0.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; } } } } }}.nav-sticky #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%);.logo-wrapper { opacity: 1; pointer-events: auto; }}#nav-hub .logo-wrapper{position:absolute;top:8px;left:-98px;opacity:0;pointer-events:none;a { width: 78px; height: 27px; display: block; text-decoration: none; &: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; } } }}#main_wrapper{flex:1 0 auto}.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: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } }}#auto-translate-wrapper{.auto-translate-text { display: flex; width: fit-content; align-items: center; padding: 0px 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); } }}#body_wrapper div:last-child>[data-spacing-type="3"]:last-child{margin-bottom:45px}#sidebar-wrapper{position:fixed;right:15px;bottom:19px;z-index:90}#sidebar-wrapper ul{padding:0;margin:0;list-style-type:none}#sidebar-wrapper .list{display:flex;flex-direction:column;gap:15px}#sidebar-wrapper .list>li{width:44px;height:44px;display:flex;align-items:center;justify-content:flex-end;position:relative}#sidebar-wrapper li.share-mobile{display:none}#sidebar-wrapper .sub-list{display:flex;gap:5px;visibility:hidden;position:absolute;right:calc(100% + 15px);opacity:0}#sidebar-wrapper li.share .sb-button[aria-expanded=true]~.sub-list{visibility:visible;opacity:1}#sidebar-wrapper .sb-link,#sidebar-wrapper .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)}#sidebar-wrapper .sb-button[aria-expanded=true]{color:var(--button-color);z-index:110}#sidebar-wrapper .sb-button:disabled{border-color:var(--copyright-color);color:var(--copyright-color);pointer-events:none}#sidebar-wrapper .sb-link:focus-visible,#sidebar-wrapper .sb-button:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}#sidebar-wrapper .sb-link:hover,#sidebar-wrapper .sb-button:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}#sidebar-wrapper 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;}}#sidebar-wrapper a.bg-image:hover::after{background-color:var(--hover-color-dark);@media(forced-colors:active){background-color: LinkText;}}#sidebar-wrapper li.share .sb-button[aria-expanded=true]~.sub-list a.bg-image.whatsapp:after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/sidebar_share_whatsapp.svg)}#sidebar-wrapper li.share .sb-button[aria-expanded=true]~.sub-list a.bg-image.facebook:after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_facebook.svg)}#sidebar-wrapper li.share .sb-button[aria-expanded=true]~.sub-list a.bg-image.linkedin:after{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg)}#foot-wrapper{background-color:var(--nav-background)}#ribbon-wrapper{margin-bottom:45px}#ribbon{height:12px}#ribbon.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}#nav-layer .layer_1_item{display:grid;grid-template-columns:auto 44px;grid-template-rows:auto auto;border-bottom:1px solid var(--white-100)}#nav-layer .layer_1_item:first-child{border-top:1px solid var(--white-100)}#nav-layer .layer_1_item_link{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;font-weight:500;font-variation-settings:var(--fsu-font-variation-headline-block);font-size:1.375rem;line-height:1.813rem}#nav-layer .layer_1_item_link:focus-visible{outline:3px solid var(--white-100);outline-offset:3px}#nav-layer .layer_1_item_link:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}#nav-layer .layer_1_item_link_status{grid-column:2/3;grid-row:1/2;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;color:var(--white-100);border:none;background-color:initial;cursor:pointer}#nav-layer .layer_1_item_link_status:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}#nav-layer .layer_1_item_link_status:hover{outline:1px solid var(--white-100);outline-offset:-4px}#nav-layer .layer_2{grid-column:1/3;grid-row:2/3;background-color:var(--white-100);display:none;&.show { display: block; }}#nav-layer .layer_2_item_link{min-height:44px;display:flex;align-items:center;padding:0 14px;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed)}#nav-layer .layer_2_item_link:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}#nav-layer .layer_2_item_link:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}#social-partner{margin-bottom:45px;ul { margin: 0px; padding: 0px; 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 0px 9px 0px; 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.500rem; &: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 .layer_1{display:flex;flex-wrap:wrap;padding-right:55px;gap:0 22px}#nav-foot-wrapper .layer_1_item_link{min-height:44px;display:flex;align-items:center;padding:0 5px;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;font-variation-settings:var(--fsu-font-variation-text-condensed-thin);font-size:.813rem;line-height:1.063rem}#nav-foot-wrapper .layer_1_item_link:first-child{padding-left:0}#nav-foot-wrapper .layer_1_item_link:focus-visible{outline:3px solid var(--white-100);outline-offset:-3px}#nav-foot-wrapper .layer_1_item_link:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}@media(max-width:99.7500em){#nav-hub .logo-wrapper{display:none}}@media(min-width:75.0000em){html{&.nav-expanded { #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: 0px; left: 0px; } #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); } :is(#main_wrapper, #foot-wrapper) { display: none; } } &.nav-expanded.nav-sticky { #head-wrapper { display: none; } #nav-hub-wrapper { box-shadow: none; } } #nav-wrapper:not(:has(#nav-hub-wrapper)) { display: none; }}#head{max-width:none;margin:0}#nav-tabulator{display:block;margin:0;padding:0;list-style-type:none;position:absolute;top:18px;left:11px;z-index:10}#nav-tabulator 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}#nav-tabulator a:focus-visible{position:static;overflow:unset;outline:3px solid var(--hover-color-dark);outline-offset:-6px}#nav-tabulator a:hover{outline:1px solid var(--hover-color-dark);outline-offset:-4px}#head-nav-wrapper{a.quickstart { width: auto; padding: 0px 10px; white-space: nowrap; i.icon { margin-right: 10px; } } .nav-main-control-wrapper { display: none; }}#nav-head-wrapper{display:none}#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-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 .list-wrapper{border-left:1px solid var(--copyright-color)}#nav-main .list-wrapper.fiv{border-left-color:transparent}#nav-main ul .list-wrapper{width:calc(100% + 1px)}#nav-breadcrumb-wrapper{display:none}}@media(min-width:62.4375em){body .pa-t-45-viewport-2-1{padding-top:45px}}@media(min-width:48.0000em){#sidebar-wrapper{transform:translateY(60px)translate3d(0,0,0)}#sidebar-wrapper li.up{visibility:hidden}}@media(min-width:48.0000em) and (max-width:74.9375em){.nav-expanded #nav-wrapper{width:70vw}#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 { #head .logo-wrapper a { transition: transform 350ms ease-in-out; } #head-nav-wrapper { transition: transform 350ms ease-in-out; } } #head .logo-wrapper a { position: fixed; top: 10px; left: auto; transform: translateY(0px); } #head-nav-wrapper { position: fixed; border-top: 2px solid var(--skin-color, var(--fsu-gold)); transform: translateY(0px); box-shadow: 0px 1px 4px var(--box-shadow-color), 0px 2px 8px var(--box-shadow-color), 0px 4px 16px var(--box-shadow-color); } } &.nav-sticky-hidden { #head .logo-wrapper a { transform: translateY(-46px); } #head-nav-wrapper { transform: translateY(-46px); box-shadow: none; } } &.nav-expanded { width: 100%; position: fixed; #nav-wrapper { height: 100dvh; display: grid; grid-template-rows: min-content min-content min-content minmax(0, 1fr); position: fixed; top: 0px; right: 0px; z-index: 120; box-shadow: 0px 1px 4px var(--box-shadow-color), 0px 2px 8px var(--box-shadow-color), 0px 4px 16px var(--box-shadow-color); } } #nav-wrapper:not(:has(#nav-hub-wrapper)) { background-color: rgba(23, 68, 136, 0.5); }}body .block-1340,body .block-1000,body .block-800{width:100%}body .block-side-pa{padding-right:5%;padding-left:5%;box-sizing:border-box}#head-wrapper{grid-template-columns:1fr}#head{grid-column:auto;grid-template-columns:min-content auto 1fr}#head .logo-wrapper{width:81px;height:28px;margin:8px 0 8px calc(5% - 7px);position:relative;z-index:115}#head .logo-wrapper 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: 0px; } 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: 0px; 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: 0px 5px; box-sizing: border-box; } ol { gap: 5px; padding: 0px; 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 .nav{grid-auto-columns:100%}#nav-main .list-wrapper{width:100%;border:none}#breadcrumb-wrapper{display:none}.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))}#sidebar-wrapper{right:5%;&:has(.rocketchat-widget[data-state="opened"]) { transform:none; }}html:not(.nav-expanded) #sidebar-wrapper{z-index:120}:is(#ribbon-wrapper,#nav-layer-wrapper,#social-partner){margin-bottom:36px}#nav-layer .layer_1_item_link{margin:0 5%}#nav-layer .layer_1_item_link_status{right:5%}#nav-layer .layer_2_item_link{padding:0 5%}}@media(max-width:47.9375em){body .block-headline{font-size:1.375rem;line-height:1.813rem}body dialog{&#dialog-quickstart { width: 100%; & > nav { grid-template-columns: 1fr; gap: 50px; & > div { & > h2, & > ul > li { padding-left: 0px; } } } } &#dialog-search { .block-search fieldset { grid-template-columns: minmax(0, 1fr) auto; input[type="search"] { font-size: 1.000rem; line-height: 1.313rem; } } }}#super-identity-wrapper{display:none}.nav-expanded #nav-wrapper{width:100%}.block_info{flex-direction:column;gap:15px;text-align:center}#sidebar-wrapper li.up{display:none}#ribbon-wrapper{padding-right:0;padding-left:0}#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; } } }}#nav-layer .layer_1_item_link{font-size:1.188rem;line-height:1.563rem}#nav-foot-wrapper .layer_1_item{gap:0 16px}}@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; } } #nav-hub .logo-wrapper { transition: opacity 150ms ease-in-out; } #sidebar-wrapper .sub-list { transition: opacity 200ms ease; } }}@view-transition{navigation: auto;
	}}@media print{html{min-height:auto;display:block}body{display:block}body>header{display:none}#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}.rte_wrapper 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}.rte_wrapper 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}.rte_wrapper h3{margin-top:1.563rem;font-size:1.188rem;line-height:1.563rem}.rte_wrapper h4{margin-top:1.5rem;font-size:1rem;line-height:1.313rem}}.rte_wrapper ol,.rte_wrapper ul{display:table;color:#333939;padding:0;margin:1.5rem 0 0;list-style:none;border-spacing:0}.rte_wrapper ol{counter-reset:li}.rte_wrapper ul.spacing_big,.rte_wrapper ol.spacing_big{margin:calc(1.5rem - 5px)0 -5px;border-spacing:0 5px}.rte_wrapper ol>li,.rte_wrapper ul>li{display:table-row}.rte_wrapper ol>li::before{display:table-cell;counter-increment:li;content:counters(li,".")".\00a0";overflow-wrap:normal}.rte_wrapper 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:400;font-feature-settings:"liga";font-variation-settings:"FILL" 1,"GRAD" 100,"wght" 200;font-size:14px;text-indent:-3px}.rte_wrapper [dir=rtl] ul>li::before{direction:rtl}.rte_wrapper ul>li ul>li:before{font-size:12px}.rte_wrapper ul ul,.rte_wrapper ul ol,.rte_wrapper ol ul,.rte_wrapper ol ol{margin-top:0}.rte_wrapper ul.spacing_big ul,.rte_wrapper ul.spacing_big ol,.rte_wrapper ol.spacing_big ul,.rte_wrapper ol.spacing_big ol{margin:0 0 -5px;border-spacing:0 5px}html[data-backend]{.rte_wrapper table { margin-top: 1.500rem; } .external table { margin-top: 0px; }}.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; } th { font-weight: normal; text-align: left; } :is(td, th) { padding: 15px; box-sizing: border-box; vertical-align: top; border: 1px solid rgba(51, 57, 57, 0.3); } :is(td, th).no_break { white-space: nowrap; } :is(td, th).w_10 { width: 10%; } :is(td, th).w_20 { width: 20%; } :is(td, th).w_30 { width: 30%; } :is(td, th).w_40 { width: 40%; } :is(td, th).w_50 { width: 50%; } :is(a, p, ol, ul) { color: inherit !important; font-size: inherit !important; line-height: inherit !important; } :is(ol, ul) { text-align: left; } :is(p, ol, ul):first-child { margin-top: 0px; } 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); } tr:first-of-type:not(thead + tbody tr, tbody + tfoot tr) :is(td, th) { border-color: var(--fsu-blue); background-color: var(--fsu-blue); --icon-font-fill: 1; color: var(--white-100); font-size: 1.125rem; line-height: 1.500rem; 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 :is(td, th):first-child:not(.reset) { 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; --icon-font-fill: 0; color: var(--fsu-blue); } &.matrix tr:first-of-type:not(thead + tbody tr, tbody + tfoot tr) :is(td, 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}.rte_wrapper p{color:var(--text-color);margin-top:1.5rem;margin-bottom:0}.rte_wrapper strong{font-weight:600;font-variation-settings:var(--fsu-font-variation-text-bold)}.rte_wrapper em{font-style:italic;font-synthesis:none;font-variation-settings:var(--fsu-font-variation-text-italic)}.rte_wrapper sup,.rte_wrapper sub{font-size:.75rem;line-height:1rem}.rte_wrapper sup{vertical-align:top}.rte_wrapper sub{vertical-align:bottom}.rte_wrapper hr{border-top:1px solid var(--copyright-color);border-bottom:none;margin:1.5rem 0}.rte_wrapper 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; } &:hover { text-decoration-thickness:2px; }}.rte_wrapper blockquote{position:relative;margin:1.5rem 0 0;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: 1.000rem; line-height: 1.500rem; } &::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; } } }}: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; }}.rte_wrapper .quote_normal{font-size:1rem;line-height:1.5rem}}#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 0px; div[tabindex="-1"]:focus-visible { outline:3px solid var(--hover-color-dark); outline-offset:0px; }: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; touch-action:none; background-color:var(--white-100); border:1px solid 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: 0px; } } &.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: 0px; box-shadow: inset var(--before-horizontal, 0px) var(--before-vertical, 0px) 15px -10px rgba(0, 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: 0px; box-shadow: inset var(--after-horizontal, 0px) var(--after-vertical, 0px) 15px -10px rgba(0, 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: 0.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: 1.000rem 0px 1.000rem 1.000rem; 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:1 1 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:0px; & > 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}@media(prefers-reduced-motion:no-preference){.acc summary i.icon{transition:transform 350ms ease-in-out}}.acc details[open]:not(.isClosing) summary i.icon{transform:rotate(180deg)}.acc .button-wrapper{display:flex;justify-content:flex-end}.acc .button-wrapper 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(--button-color);font-variation-settings:var(--fsu-font-variation-text-condensed)}.acc .button-wrapper button:disabled{pointer-events:none;-webkit-text-decoration:none;text-decoration:underline transparent 1px;text-underline-offset:3px;color:var(--copyright-color)}.acc .button-wrapper button:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.acc .button-wrapper button:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}.acc .entries{margin:0;padding:0;list-style-type:none}.acc .entries>li{border-bottom:1px solid rgba(0,35,80,.5);text-align:unset}.acc .entries>li:first-of-type{border-top:1px solid rgba(0,35,80,.5)}.acc details{padding:3px;margin:-3px}.acc summary{display:flex;color:var(--fsu-blue);list-style:none!important;cursor:pointer}.acc summary::-webkit-details-marker,.acc summary::marker{display:none}.acc details[open] summary{background-color:rgba(238,238,238,.5)}.acc summary:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.acc summary:hover{outline:1px solid var(--hover-color-dark);outline-offset:0}.acc summary:hover i.icon{color:var(--hover-color-dark)}.acc summary 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}.acc summary>span{padding-right:calc(20% - 64px);padding-left:20px}.acc summary .num{text-transform:uppercase}.acc summary i.icon{width:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--button-color)}.acc details>div{background:linear-gradient(rgba(238,238,238,.5),var(--white-100))}.acc .content{padding:20px 0 20px 20px;box-sizing:border-box}.acc .content:has(>a){padding-bottom:10px}.acc .rte_wrapper{display:flow-root}.acc figure{width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;row-gap:10px;padding:0;margin:0}.acc .image-bottom figure{margin-top:1.5rem}.acc :is(.image-top,.image-bottom) figure{width:100%}.acc figure div{display:flex;align-items:center;justify-content:center}.acc figure div.ratio-16-9{aspect-ratio:16/9}.acc figure div a:focus-visible{outline-offset:3px}.acc figure div a:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}.acc img{max-width:100%;display:block;margin:0 auto}.acc figcaption{align-self:end;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}.acc figcaption p{margin:0;color:inherit}.acc figcaption a{color:inherit;@media(forced-colors:active){color: LinkText;}}.acc figcaption a:hover{text-decoration-thickness:2px}.acc figcaption a span.info i.icon{vertical-align:text-bottom}.acc figcaption a span.info i.icon.lock,.acc figcaption a span.info i.icon.mail_space{vertical-align:middle}.acc figcaption em{font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}.acc figcaption small{font-size:inherit}.acc .rte_wrapper table{display:none}.acc .rte_wrapper blockquote:where(.type-2,.type-3) p{z-index:0}.acc .block-800>a{width:fit-content;display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color)}.acc .block-800>a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.acc .block-800>a:hover{text-decoration-thickness:2px}@media(min-width:48.0000em){.acc .rte_wrapper:is(.image-right,.image-left) figure{margin-bottom:50px}.acc .image-left figure{margin-right:50px;float:left}.acc .image-right figure{margin-left:50px;float:right}.acc .rte_wrapper:not(.image-top)>:is(blockquote,h2,h3,h4,p,ol,ul):first-child,.acc .rte_wrapper:not(.image-top) div[lang]>:is(blockquote,h2,h3,h4,p,ol,ul):first-child,.acc .rte_wrapper:not(.image-top) figure+:is(blockquote,h2,h3,h4,p,ol,ul),.acc .rte_wrapper:not(.image-top) figure+div[lang] :is(blockquote,h2,h3,h4,p,ol,ul):first-child{margin-top:0}}@media(min-width:48.0000em) and (max-width:74.9375em){.acc .content{padding-right:20px}.acc .rte_wrapper:is(.image-left,.image-right) figure{width:calc(50% - 25px)}}@media(max-width:74.9375em){.acc summary>span{padding-right:0}}@media(max-width:47.9375em){.acc.block-side-pa{padding-right:0;padding-left:0}.acc .block-headline{padding-right:5%;padding-left:5%}.acc .button-wrapper button{padding-right:10px}.acc details{padding-right:0;padding-left:0;margin-right:0;margin-left:0}.acc summary>span{padding-left:5%}.acc .content{padding-right:5%;padding-left:5%}.acc figure{width:100%}.acc .rte_wrapper:not(.image-top,.image-right,.image-left)>:is(blockquote,h2,h3,h4,p,ol,ul):first-child,.acc .rte_wrapper:not(.image-top,.image-right,.image-left) 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); } p { margin: 0px; } .image { grid-column: 1 / 2; grid-row: 1 / 4; min-height: 180px; display: flex; align-items: center; justify-content: center; margin: 0px 2px 0px 0px; img { max-width: 100%; display: block; } } .title { grid-column: 2 / 3 ; grid-row: 1 / 2; display: flex; align-items: flex-end; padding: 20px 20px 0px 20px; 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; } .short { grid-column: 2 / 3 ; grid-row: 2 / 3; padding: 0px 20px; 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: 0.750rem; line-height: 1.000rem; } .audio { grid-column: 1 / 3 ; grid-row: 4 / 5; margin: 2px 0px 0px 0px; 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);.image { grid-column: 1 / 2; grid-row: 1 / 2; min-height: 90px; margin-bottom: 2px; } .title { grid-column: 2 / 3 ; grid-row: 1 / 2; padding: 10px; margin-bottom: 2px; } .short { grid-column: 1 / 3 ; padding: 10px 10px 0px 10px; margin-left: 0px; } small { grid-column: 1 / 3 ; padding: 20px 10px 10px 10px; margin-left: 0px; }}}.brands{background-color:var(--block-background);overflow-wrap:anywhere;hyphens:auto;ul { list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 15px; &::after { content: ""; flex-grow: 300; } &.block::after { content: none; } li { flex-grow: 1; figure { margin: 0px; a { display: block; &: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; } } } 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: 0px; 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)}.contact-facility.biopha{--border-color:var(--color-biopha)}.contact-facility.chege{--border-color:var(--color-chege)}.contact-facility.fsv{--border-color:var(--color-fsv)}.contact-facility.m_ehealth{--border-color:var(--color-m_ehealth)}.contact-facility.mirz{--border-color:var(--color-mirz)}.contact-facility.paf{--border-color:var(--color-paf)}.contact-facility.phifak{--border-color:var(--color-phifak)}.contact-facility.rewi{--border-color:var(--color-rewi)}.contact-facility.thefak_fe{--border-color:var(--color-thefak_fe)}.contact-facility.wiwi{--border-color:var(--color-wiwi)}.contact-facility .grid{padding-bottom:20px;background-color:var(--block-background);border-bottom:4px solid var(--border-color)}.contact-facility .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}.contact-facility .left{grid-area:left;padding-right:40px}.contact-facility .left p:first-child{margin-bottom:0}.contact-facility .left ul:first-child li:first-child a{padding-top:1.5rem}.contact-facility .left p:last-child:not(:has(a)){margin-bottom:1.5rem}.contact-facility ul{margin:0;padding:0;list-style-type:none}.contact-facility .right{grid-area:right;padding-left:40px}.contact-facility .right p:last-child:not(:has(a)){margin-bottom:1.5rem}.contact-facility .right p:has(a){margin-bottom:0}.contact-facility .table{display:grid;grid-template-columns:min-content 1fr;grid-template-rows:1.5rem auto;grid-template-areas:"icon content" ". content";column-gap:5px}.contact-facility .icon{grid-area:icon;align-self:center}.contact-facility .content{grid-area:content}.contact-facility a{width:fit-content;display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color)}.contact-facility a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.contact-facility a: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}.contact-facility .grid:not(:has(.left)):not(:has(.right)){grid-template-columns:1fr;grid-template-areas:"title"}.contact-facility .grid:has(.left):not(:has(.right)){grid-template-columns:1fr;grid-template-areas:"title" "left"}.contact-facility .grid:not(:has(.left)):has(.right){grid-template-columns:1fr;grid-template-areas:"title" "right"}.contact-facility .grid:has(.left) .right{border-left:1px solid var(--border-color)}.contact-facility .title{grid-area:title}.contact-facility .left{grid-area:left}.contact-facility .right{grid-area:right}}@media(min-width:48.0000em) and (max-width:74.9375em){.contact-facility :is(.title,.left){padding-left:0}.contact-facility .right{padding-right:0}}@media(max-width:74.9375em){.contact-facility .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}.contact-facility .title{padding-right:0;padding-left:0}.contact-facility .left{padding-right:0;padding-left:0}.contact-facility .left ul:last-child{margin-bottom:20px}.contact-facility .left p:last-child:has(a){margin-bottom:20px}.contact-facility .right{padding-right:0;padding-left:0;border-left:none}.contact-facility .grid:has(.left) .right{border-top:1px solid var(--border-color)}.contact-facility .grid:has(.left) .right p:first-child{margin-top:1.5rem}.contact-facility .right p:last-child:has(a){margin-bottom:20px}}.contact-person{hyphens:auto;overflow-wrap:anywhere;color:var(--text-color);ul { 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); 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; } } & > span { display: inline-block; } } &.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: 0px; 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}.crossnav 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}.crossnav 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}.crossnav a:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}.crossnav a: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 :is(ol,ul){display:flex;flex-direction:column;row-gap:50px;padding:0;margin:0;list-style-type:none}.deadline 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)}.deadline li.biopha{--color:var(--color-biopha)}.deadline li.chege{--color:var(--color-chege)}.deadline li.fsv{--color:var(--color-fsv)}.deadline li.m_ehealth{--color:var(--color-m_ehealth)}.deadline li.mirz{--color:var(--color-mirz)}.deadline li.paf{--color:var(--color-paf)}.deadline li.phifak{--color:var(--color-phifak)}.deadline li.rewi{--color:var(--color-rewi)}.deadline li.thefak_fe{--color:var(--color-thefak_fe)}.deadline li.wiwi{--color:var(--color-wiwi)}.deadline .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}.deadline .date .long{display:flex;flex-direction:column}.deadline .date span:first-child,.deadline .date span.adapted{font-variation-settings:var(--fsu-font-variation-headline);font-size:1.563rem;line-height:2.063rem}.deadline .date .short{display:none}.deadline .content{padding:18px 20px 15px}.deadline .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}.deadline .content>a{outline:none;text-decoration:none}.deadline .content>a::after{content:"";width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:0;left:0;position:absolute;z-index:1}.deadline .content>a:focus-visible:after{outline:3px solid var(--hover-color-dark);outline-offset:0}.deadline .content>a:hover:after{outline:1px solid var(--hover-color-dark);outline-offset:0}.deadline .video-chat-wrapper{display:grid;color:var(--text-color)}.deadline .videochat>div{padding:var(--link-block-padding)0}.deadline .video-chat-wrapper 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;}}.deadline .video-chat-wrapper a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.deadline .video-chat-wrapper a:hover{text-decoration-thickness:2px}@media(min-width:48.0000em){.deadline li .content{border-top:1px solid var(--block-background)}.deadline .videochat{display:flex;align-items:center;gap:3px}}@media(max-width:74.9375em){.deadline .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 li{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.deadline .date,.deadline .content{padding-right:15px;padding-left:15px}.deadline .date{text-align:left}.deadline .date .long{display:none}.deadline .date .short{display:flex;flex-direction:column}.deadline .date span:first-child,.deadline .date span.adapted{font-size:1.375rem;line-height:1.813rem}.deadline .content{border-left:1px solid var(--block-background)}.deadline .videochat .seperator{display:none}}.distribution-light{hyphens:auto;overflow-wrap:anywhere}.distribution-light :is(.block_info.hidden){display:none}.distribution-light legend{width:100%;display:flex;align-items:center;padding:7px 20px;box-sizing:border-box;background-color:var(--copyright-color);text-transform:uppercase;color:var(--white-100)}.distribution-light legend+div{padding:0 20px 20px;border-width:0 1px 1px;border-style:solid;border-color:var(--copyright-color);background-color:var(--block-background)}.distribution-light .field{padding-top:3px;position:relative}.distribution-light :is(select,button[type=submit]){height:44px;box-sizing:border-box;background-color:var(--block-background);cursor:pointer;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}.distribution-light :is(select:disabled,button[type=submit]:disabled){pointer-events:none;color:var(--copyright-color)}.distribution-light button[type=submit]:disabled{background-color:var(--white-100);border-color:var(--copyright-color)}.distribution-light select{width:100%;padding-left:10px;border-top:none;border-right:none;border-bottom:1px solid var(--copyright-color);border-left:none;color:var(--fsu-blue)}.distribution-light select:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-1px}.distribution-light select:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-1px}.distribution-light select+.select-icon{background-color:var(--block-background)}.distribution-light select:hover+.select-icon{color:var(--hover-color-dark)}.distribution-light .reset{width:44px;height:44px;display:none;align-items:center;justify-content:center;box-sizing:border-box;position:absolute;right:0;bottom:0;z-index:2;cursor:pointer;background-clip:padding-box;border:1px solid transparent;background-color:var(--block-background);color:var(--fsu-blue)}.distribution-light .reset.show{display:flex}.distribution-light .reset:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-7px}.distribution-light .reset:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}.distribution-light button[type=submit]{width:250px;display:flex;align-items:center;justify-content:center;padding:0;margin:20px auto 0;border:1px solid var(--button-color);background-color:var(--button-color);cursor:pointer;color:var(--white-100)}.distribution-light button[type=submit]:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}.distribution-light button[type=submit]:hover{border-color:var(--hover-color-dark);background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}.distribution-light .block_info{margin-top:20px}@media(max-width:47.9375em){.distribution-light.block-side-pa{padding-right:0;padding-left:0}.distribution-light :is(legend,legend+div){padding-right:5%;padding-left:5%}.distribution-light legend+div{border:none}.distribution-light select{padding-left:5px}.distribution-light button[type=submit]{width:100%}}.employee-list{hyphens:auto;overflow-wrap:anywhere; :is(button.hidden, .block_info.hidden) { display: none; } fieldset { display: flex; column-gap: 50px; margin-bottom: 20px; .filter { position: relative; &:has(select:disabled, input:disabled) label { pointer-events: none; color: var(--copyright-color); } label { 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-color: 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); } } } } :where(.button-reset-institution, .button-reset-search, .button-reset-alphabet) { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px; position: absolute; right: 0px; bottom: 0px; z-index: 2; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); 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: -7px; } } } } } .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; 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, ul) { 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; a { display: block; padding: var(--link-block-padding) 0px; text-decoration: underline; color: var(--text-color); 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 { color: var(--text-color); margin-bottom: 0px; } ul + 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 0px; } .filter:has(select[name="alphabet"]) { flex: 1 0 0px; }}}@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 0px; } .filter:has(select[name="alphabet"]) { flex: 1 0 0px; } }}}@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; } 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 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.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; } } } & > .completed { padding: var(--link-block-padding) 0px var(--link-block-padding) 10px; margin: 0px; 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: 0px; 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, ul) { margin: 0px; padding: 0px; list-style-type: none; } & > .ics { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: absolute; top: 0px; right: 0px; padding: 0px 0px 2px 0px; 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, 0.5); & > dt { padding: var(--link-block-padding) 0px var(--link-block-padding) 10px; color: var(--copyright-color); } & > dd { grid-column: 2 / 3; padding: var(--link-block-padding) 10px var(--link-block-padding) 10px; border-top: 1px solid rgba(51, 57, 57, 0.5); color: var(--text-color); &:first-of-type { border-top: none; } &:has(> a:first-child, > div a:first-child) { padding-top: 0px; } &:has(> a:last-child, li a:last-child) { padding-bottom: 0px; } & + dt { border-top: 1px solid rgba(51, 57, 57, 0.5); } 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; } } } } } & > .clone { width: fit-content; display: block; padding: var(--link-block-padding) 0px 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(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: 0px; padding-left: 0px; } & > .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: 0px; & + dd { border-top: none; &:has(+ dd) { margin-top: 10px; } } } & > dd { grid-column: auto; padding-top: 0px; padding-right: 0px; padding-left: 0px; 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)); 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-color: 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 { 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-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); } } } } & > .reset { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px; position: absolute; right: 0px; bottom: 0px; z-index: 2; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); 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; } } } & > 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 solid 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 solid 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%; top: 0px; left: 0px; position: absolute; } &: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(0px, 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: 1.000rem; line-height: 1.313rem; } } &:has(> .pagination) { margin-top: 20px; & > .pagination { grid-column: 1 / 2; } } } & > div[tabindex="-1"] > ol { grid-template-columns: minmax(0px, 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: 0px; 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(0px, 1fr)); 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-color: 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 { 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 { border-color: var(--copyright-color); pointer-events: none; } &.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); } } } } & > .reset { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px; position: absolute; right: 0px; bottom: 0px; z-index: 2; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); 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; } } } & > 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); } } } } } } } & :is(dl, dt, dd, ul) { margin: 0px; padding: 0px; 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, 0.5); &.hidden { display: none; } & > dt { padding: var(--link-block-padding) 0px 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, 0.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 0px 0px 0px; & > :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: 0px; } @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: 0.750rem; line-height: 1.000rem; & > li { box-sizing: border-box; padding: 4px 5px 3px 5px; 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: 0px; box-sizing: border-box; padding: 0px 0px 2px 0px; 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: 0px; padding-left: 0px; } & > #event-program { summary { padding-right: 5%; padding-left: 5%; } & > .content { & > #event-program-filter > fieldset { grid-template-columns: minmax(0px, 1fr); row-gap: 10px; padding-right: 5%; padding-bottom: 20px; padding-left: 5%; & > .last-row { display: grid; grid-template-columns: minmax(0px, 1fr); grid-column: auto; row-gap: 10px; } & .filter { &.span-2 { grid-column: auto; } & > :where(input[type="search"], select) { font-size: 1.000rem; 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: 0px; & > a.ics { top: -10px; } } & > dt { padding-right: 5%; padding-left: 5%; padding-bottom: 0px; } & > dd { grid-column: auto; padding-right: 0px; padding-left: 0px; margin: 0px 5%; & > .title { margin-right: 54px; } & > .locations > li { flex-direction: column; & > .seperator { display: none; } } & > a.ics { top: 0px; } } } } } }}}.external table{margin-top:0;table-layout:fixed}.facilities{hyphens:auto;overflow-wrap:anywhere}.facilities ul{display:grid;padding:0;margin:0;list-style-type:none}.facilities>ul{grid-row-gap:45px}.facilities>ul>li>span{display:block;padding:0 10px 1rem;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}.facilities ul ul{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(67px,max-content);grid-column-gap:50px}.facilities 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}.facilities a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-3px}.facilities a:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}@media(min-width:75.0000em){.facilities ul ul>li:is(: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 ul{grid-template-columns:repeat(2,minmax(0,1fr))}.facilities ul ul>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>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))}}@media(max-width:47.9375em){.facilities ul ul{grid-template-columns:minmax(0,1fr)}.facilities ul ul>li:last-child a{border-bottom-color:transparent}}.page-form{hyphens:auto;overflow-wrap:anywhere;fieldset { display: contents; }}.page-form [class^=form-] .block-max{padding:0 0 35px;background-color:var(--block-background)}.page-form [class^=form-].pa-t-45-desc .block-max{padding-top:45px}.page-form [class^=form-].pa-b-45-desc .block-max{padding-bottom:45px}.page-form :where(label.default,legend.default){min-height:25px;display:inline-block;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}.page-form :where(label,legend) .mark{display:inline-block;vertical-align:top;font-size:clamp(.75rem,.8em,1rem);line-height:clamp(1rem,1.25em,1.313rem)}.page-form :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)}.page-form .field{position:relative}.page-form :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}.page-form :where(.form-select,.form-textarea,.form-textfield) :where(input,select,textarea):focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){.page-form :where(.form-select,.form-textarea,.form-textfield) :where(input,select,textarea):hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px}}.page-form :where(.form-textfield,.form-textarea,.form-select) :where(input,select,textarea):user-invalid{border-color:var(--error-color)}.page-form input[readonly]{pointer-events:none;border-style:dashed}.page-form select{cursor:pointer}@media(hover:hover){.page-form select:hover+.select-icon{color:var(--hover-color-dark)}}.page-form select[multiple]{height:auto;min-height:44px;padding-right:15px}.page-form textarea{height:245px;padding:15px;resize:vertical}.page-form :is(.form-checkbox,.form-radiobutton) legend.default{margin-bottom:25px}.page-form :is(.form-checkbox,.form-radiobutton) ul{padding:0;margin:0;list-style-type:none}.page-form :is(.form-checkbox,.form-radiobutton) .field{display:grid;grid-template-columns:44px 1fr;grid-template-rows:44px min-content;column-gap:10px}.page-form :is(.form-checkbox,.form-radiobutton) li:not(:last-child){margin-bottom:25px}.page-form :is(.form-checkbox,.form-radiobutton) input{grid-column:1/2;grid-row:1/2;outline:none;margin:10px}.page-form :is(.form-checkbox,.form-radiobutton) input:checked+label>span:has(>i.icon) i.icon::after{content:"\e5cd"}.page-form :is(.form-checkbox,.form-radiobutton) input:focus-visible+label{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){.page-form :is(.form-checkbox,.form-radiobutton) input:hover+label{outline:1px solid var(--hover-color-dark);outline-offset:3px}.page-form :is(.form-checkbox,.form-radiobutton) input:hover+label>span:has(>i.icon){border-color:var(--hover-color-dark);color:var(--hover-color-dark)}}.page-form :is(.form-checkbox,.form-radiobutton) input:user-invalid+label{color:var(--error-color)}.page-form :is(.form-checkbox,.form-radiobutton) input:user-invalid+label>span:has(>i.icon){border-color:var(--error-color)}.page-form :is(.form-checkbox,.form-radiobutton) 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}.page-form :is(.form-checkbox,.form-radiobutton) label a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}}.page-form :is(.form-checkbox,.form-radiobutton) label a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){.page-form :is(.form-checkbox,.form-radiobutton) label a:hover{text-decoration-thickness:2px}}.page-form :is(.form-checkbox,.form-radiobutton) label strong{font-weight:600;font-variation-settings:"opsz" 15,"slnt" -10,"wdth" 100,"wght" 600,"GRAD" 0}.page-form :is(.form-checkbox,.form-radiobutton) label>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)}.page-form .form-radiobutton label>span:has(>i.icon){border-radius:50%}.page-form :is(.form-checkbox,.form-radiobutton) label>span+span{grid-column:2/2;grid-row:1/3;margin-top:calc((44px - 1.563rem)/2)}.page-form .reset{width:44px;height:44px;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:0;position:absolute;right:0;bottom:0;z-index:2;cursor:pointer;background-clip:padding-box;border:1px solid transparent;background-color:var(--white-100);color:var(--fsu-blue)}.page-form .reset.show{display:flex}.page-form .reset:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-7px}@media(hover:hover){.page-form .reset:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}}.page-form .form-attach .field{height:44px;display:flex;align-items:center;column-gap:20px}.page-form .form-attach input{cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem}.page-form .form-attach input:user-invalid{color:var(--error-color)}.page-form .form-attach 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)}.page-form .form-attach button.show{display:flex}.page-form .form-attach button:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-7px}@media(hover:hover){.page-form .form-attach button:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}}.page-form .hint{margin:0;color:var(--copyright-color);font-size:.75rem;line-height:1rem}.form-process{margin-top:45px}.form-process .error-fields{margin-bottom:1.813rem}.form-process 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}.form-process .rte_wrapper p:first-child{margin-top:0}.form-process .submission{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:45px 0}.form-process input:is([name=ego-mail],[name=ego-subject]){display:none}.form-process button:is([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}.form-process button[type=submit]{width:100%;border:1px solid var(--fsu-blue);color:var(--fsu-blue)}.form-process button[type=reset]{grid-column:3/4;justify-self:end;border:none;text-decoration:underline 1px;text-underline-offset:3px;color:var(--text-color)}.form-process button[type=submit]:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){.form-process button[type=submit]:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}.form-process button[type=reset]:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}@media(hover:hover){.form-process button[type=reset]:hover{text-decoration-thickness:2px}}.form-process .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}.form-process .explanation li{display:table-row}.form-process .explanation .symbol{display:table-cell;overflow-wrap:normal}.form-process .explanation li:first-child .symbol{text-align:center}.form-process .explanation .content{padding:6px 0}.form-process .explanation .content :is(p,a){color:inherit}@media(forced-colors:active){.form-process .explanation .content a{color:LinkText}}.form-process :is(.error,.error h2,.error ul){--skin-color:var(--error-color);color:var(--error-color)}@media(min-width:75.0000em){.page-form :is(.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 [class^=form-].pa-t-45-viewport-2-1-desc .block-max{padding-top:45px}}@media(max-width:74.9375em){.page-form .hint{display:none}}@media(max-width:47.9375em){.page-form [class^=form-].pa-t-45-desc .block-max{padding-top:30px}.page-form [class^=form-].pa-b-45-desc .block-max{padding-bottom:30px}.page-form :where(.form-select,.form-textarea,.form-textfield) :where(input,select,textarea){font-size:1rem;line-height:1.5rem}.page-form :is(.form-checkbox,.form-radiobutton) label{font-size:1rem;line-height:1.5rem}.page-form :is(.form-checkbox,.form-radiobutton) li:not(:last-child){margin-bottom:20px}.page-form .form-attach input{font-size:1rem;line-height:1.5rem}.form-process h2{font-size:1.188rem;line-height:1.563rem}.form-process .explanation h2{margin-top:1.563rem}.form-process .submission{grid-template-columns:minmax(0,1fr);grid-row-gap:20px;margin:20px 0}.form-process button[type=submit]{grid-column:1/2}.form-process button[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: 0px; } ul { padding: 0px; margin: 0px; list-style-type: none; figure { width: 100%; height: 100%; padding: 0px; margin: 0px; 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 solid 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(0px, 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: 0.750rem; line-height: 1.000rem; } }}@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: 0px; left: 0px; 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: 0px; padding-left: 0px; } :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; figure { 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; } } } } } & > a { display: block; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; 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 { 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; } 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: 0px; } 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(0.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; touch-action: none; background-color: var(--white-100); border: 1px solid 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 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: auto minmax(0px, 1fr) auto; grid-template-areas: "media . ." "media . ." "author . ."; column-gap: var(--gap); &:has(.title) { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: auto minmax(0px, 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 .title { font-size: 1.750rem; 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) { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: auto minmax(0px, 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; } .title { 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 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: auto minmax(0px, 1fr) auto; grid-template-areas: "media ." "media ." "author ."; column-gap: var(--gap); &:has(.title) { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: auto minmax(0px, 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 .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)); }}.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 .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{word-break:break-word;hyphens:auto}.iframe iframe{width:100%;border:none;background-color:var(--white-100)}.iframe iframe.format-16-9{aspect-ratio:16/9}.iframe iframe.format-auto{height:400px}.iframe .approval{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;aspect-ratio:16/9}.iframe .approval:not(:has(figure)){background-color:var(--block-background)}.iframe :is(.approval-text,figure){grid-column:1/2;grid-row:1/2}.iframe .approval-text{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: transparent; 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) 0px; 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.500rem; &: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; } } }}.iframe figure{margin:0;img { width: 100%; display: block; aspect-ratio: 16 / 9; filter: opacity(0.6); } figcaption { padding-top: 3px; 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:48.0000em) and (max-width:74.9375em){.iframe .approval-text{width:380px;padding:30px}}@media(max-width:47.9375em){.iframe.block-side-pa{padding-right:0;padding-left:0}.iframe .block-headline{padding-right:5%;padding-left:5%}.iframe .approval-text{width:100%;padding:5%}}.legal-notice{color:var(--text-color)}.legal-notice p{margin:1.5rem 0 0}.legal-notice p:first-child>span{margin:1.5rem 0 0;display:block}.legal-notice p:last-child>span{margin:0 0 1.5rem;display:block}.legal-notice ul+p{margin-top:0}.legal-notice ul{padding:0;margin:0;list-style-type:none}.legal-notice a{display:block;padding:var(--link-block-padding)0;text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}}.legal-notice a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.legal-notice a:hover{text-decoration-thickness:2px}.linklist ul{margin:0;padding:0;list-style-type:none}.linklist li{display:flex;align-items:flex-start;gap:5px;padding:11px 0 9px;break-inside:avoid-column;border-bottom:1px dotted var(--copyright-color)}.linklist .block-800 li:last-child{border-bottom:none}.linklist li>i.icon:after{color:var(--skin-color,var(--fsu-gold));line-height:1.5rem}.linklist a{overflow-wrap:anywhere;hyphens:auto;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}.linklist a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}.linklist a:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}@media(min-width:48.0000em){.linklist:not(:has(.block-800)) ul{column-count:2;column-gap:50px}}@media(max-width:47.9375em){.linklist:not(:has(.block-800)) 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; gap: 20px; & > :nth-child(1 of .field) { grid-column: span 2; } & > :nth-child(3 of .field) { align-self: end; } & > .field { &:not(:nth-last-child(1 of .field), :nth-last-child(2 of .field)) { grid-column: span 2; } &:has(> button) { align-self: end; } & > label { 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: 0px; 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 0px 0px; color: var(--text-color); } } .text { margin: 0px; color: var(--text-color); & > a { 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; } } } }}@media(max-width:47.9375em){.blockLogin form>fieldset{row-gap:10px;& > .field > :where(input[type="password"], input[type="text"]) { font-size: 1.000rem; line-height: 1.313rem; }}}.map-extern iframe{aspect-ratio:16/9;border:none;height:100%;width:100%}.map-extern .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%}.map-extern .approval 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}.map-extern .approval a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.map-extern .approval a: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}.medialist :is(dd,dl,dt,ol){padding:0;margin:0;list-style-type:none}.medialist fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr) 44px 44px);column-gap:50px;margin-bottom:20px}.medialist .filter{position:relative}.medialist fieldset :nth-last-child(4 of .filter){grid-column:span 3}.medialist fieldset :nth-last-child(3 of .filter):nth-child(1 of .filter){grid-column:span 4}.medialist :is(:nth-last-child(1 of .filter),:nth-last-child(2 of .filter)){align-self:end}.medialist .filter:has(select:disabled,input:disabled) label{pointer-events:none;color:var(--copyright-color)}.medialist label.default{height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}.medialist select,.medialist input[type=search]{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}.medialist input[type=search]{padding-right:88px}.medialist select:disabled,.medialist input[type=search]:disabled{pointer-events:none;border-color:var(--copyright-color);color:var(--copyright-color)}.medialist input[type=search].invalid{border-color:var(--error-color)}.medialist select:focus-visible,.medialist input[type=search]:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}.medialist select:hover,.medialist input[type=search]:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px}.medialist select:hover+.select-icon{color:var(--hover-color-dark)}.medialist button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;cursor:pointer;background-clip:padding-box;border:1px solid transparent;background-color:var(--white-100)}.medialist :is(.button-view,.button-search,.button-order):disabled{pointer-events:none;color:var(--copyright-color)}.medialist :is(.button-reset-search,.button-reset-sort,.button-search){position:absolute;right:0;bottom:0;z-index:2;color:var(--fsu-blue)}.medialist :is(.button-reset-search,.button-reset-sort,.button-search):focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-7px}.medialist :is(.button-reset-search,.button-reset-sort,.button-search):hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}.medialist :is(.button-reset-search,.button-reset-sort){display:none}.medialist :is(.button-reset-search.show,.button-reset-sort.show){display:flex}.medialist .button-reset-search{right:44px}.medialist :is(.button-view,.button-order){color:var(--button-color)}.medialist :is(.button-view,.button-order):focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.medialist :is(.button-view,.button-order):hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}.medialist .button-order{border:1px solid var(--button-color)}.medialist .button-order:disabled{border-color:var(--copyright-color)}.medialist .button-order:hover{border-color:var(--hover-color-dark)}.medialist ol.path{min-height:44px;display:flex;flex-wrap:wrap;column-gap:5px;margin-bottom:20px;color:var(--text-color)}.medialist ol.path li{display:flex;align-items:center;gap:5px}.medialist ol.path 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;}}.medialist ol.path a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.medialist ol.path a:hover{-webkit-text-decoration:underline;text-decoration-color:inherit}.medialist .entries{display:grid;grid-template-columns:1fr;row-gap:20px}.medialist :is(.entries>li,.entries ol){display:contents}.medialist .entries li li{display:grid;grid-template-columns:60% 1fr auto;grid-template-rows:1fr;align-items:center;position:relative}.medialist .entries li>a{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:20px 10px;outline:none;border-right:1px solid rgba(51,57,57,.5);text-decoration:none}.medialist .entries li>a::after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1}.medialist .entries li>a:focus-visible:after{outline:3px solid var(--hover-color-dark);outline-offset:0}.medialist .entries li>a:hover:after{outline:1px solid var(--hover-color-dark);outline-offset:0}.medialist .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}.medialist .text{margin:0;color:var(--text-color)}.medialist dl{padding:20px 10px;text-transform:uppercase;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-regular);font-size:.75rem;line-height:1rem}.medialist dl div{display:flex;flex-wrap:wrap;column-gap:5px}.medialist .category{margin-bottom:5px}.medialist .category dt{width:1px;height:1px;position:absolute;margin:-1px;overflow:hidden;white-space:nowrap}.medialist .category dd{padding:calc((21px - 1rem)/2)5px;background-color:var(--block-background)}.medialist dl a{position:relative;z-index:2;text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}}.medialist dl a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.medialist dl a:hover{text-decoration-thickness:2px}.medialist .entries li>div{padding-right:6px}.medialist .entries li>div :is(a,div){width:44px;height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--button-color)}.medialist .entries li>div a{position:relative;z-index:2}.medialist .entries li>div a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.medialist .entries li>div a:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-3px}@media(min-width:74.9375em){.medialist .tile{grid-template-columns:1fr 1fr;gap:50px}.medialist .tile li li{grid-template-columns:1fr auto;grid-template-rows:1fr min-content;padding:20px;border:1px solid var(--block-background)}.medialist .tile li>a{align-self:start;grid-column:1/3;padding:0 0 20px;border-right:none}.medialist .tile dl{align-content:end;padding:0}.medialist .tile li>div{align-content:end;padding-right:0}}@media(min-width:48.0000em){.medialist:not(:has(ol.path)) fieldset{margin-bottom:50px}}@media(max-width:74.9375em){.medialist :nth-last-child(1 of .filter){display:none}.medialist fieldset{grid-template-columns:minmax(0,1fr)44px;column-gap:24px;row-gap:10px}.medialist fieldset :nth-last-child(4 of .filter){grid-column:span 2}.medialist fieldset :nth-last-child(3 of .filter):nth-child(1 of .filter){grid-column:span 1}.medialist .entries li li{grid-template-columns:1fr auto;grid-template-rows:unset;align-items:start}.medialist .entries li>a{grid-column:1/3;padding-bottom:15px;border-right:none}.medialist .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))}.medialist dl{padding:10px;border-top:1px solid rgba(51,57,57,.5)}.medialist .entries li>div{border-top:1px solid rgba(51,57,57,.5)}}.medialist-history{position:relative;overflow-wrap:anywhere;hyphens:auto}.medialist-history p{color:var(--text-color);margin-top:0;margin-bottom:1.5rem}.medialist-history :is(dl,dt,dd,ol){padding:0;margin:0;list-style-type:none}.medialist-history fieldset{display:grid;grid-template-columns:minmax(0,1fr)44px 44px;column-gap:50px;margin-bottom:50px}.medialist-history .filter{position:relative}.medialist-history :is(:nth-last-child(1 of .filter),:nth-last-child(2 of .filter)){align-self:end}.medialist-history .filter:has(select:disabled) label{pointer-events:none;color:var(--copyright-color)}.medialist-history label.default{height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}.medialist-history 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}.medialist-history select:disabled{pointer-events:none;border-color:var(--copyright-color);color:var(--copyright-color)}.medialist-history select:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}.medialist-history select:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px}.medialist-history select:hover+.select-icon{color:var(--hover-color-dark)}.medialist-history button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;cursor:pointer;background-clip:padding-box;border:1px solid transparent;background-color:var(--white-100);color:var(--button-color)}.medialist-history button:disabled{pointer-events:none;color:var(--copyright-color)}.medialist-history button:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.medialist-history button:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-5px}.medialist-history .buttonOrder{border:1px solid var(--button-color)}.medialist-history .buttonOrder:disabled{border-color:var(--copyright-color)}.medialist-history .buttonOrder:hover{border-color:var(--hover-color-dark)}.medialist-history .entries{display:grid;grid-template-columns:1fr;row-gap:20px}.medialist-history .entries li{display:grid;grid-template-columns:60% 1fr auto;grid-template-rows:1fr;align-items:center;position:relative}.medialist-history .entries li>a{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:20px 10px;outline:none;border-right:1px solid rgba(51,57,57,.5);text-decoration:none}.medialist-history .entries li>a::after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1}.medialist-history .entries li>a:focus-visible:after{outline:3px solid var(--hover-color-dark);outline-offset:0}.medialist-history .entries li>a:hover:after{outline:1px solid var(--hover-color-dark);outline-offset:0}.medialist-history .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}.medialist-history .text{color:var(--text-color);margin:0}.medialist-history dl{padding:20px 10px;text-transform:uppercase;color:var(--text-color);font-variation-settings:var(--fsu-font-variation-text-regular);font-size:.75rem;line-height:1rem}.medialist-history dl div{display:flex;flex-wrap:wrap;column-gap:5px}.medialist-history .category{margin-bottom:5px}.medialist-history .category dt{width:1px;height:1px;position:absolute;margin:-1px;overflow:hidden;white-space:nowrap}.medialist-history .category dd{padding:calc((21px - 1rem)/2)5px;background-color:var(--block-background)}.medialist-history dl a{position:relative;z-index:2;color:inherit;text-decoration-thickness:1px;text-underline-offset:3px;@media(forced-colors:active){color: LinkText;}}.medialist-history dl a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.medialist-history dl a:hover{text-decoration-thickness:2px}.medialist-history .entries li>div{padding-right:6px}.medialist-history .entries li>div :is(a,div){width:44px;height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--button-color)}.medialist-history .entries li>div a{position:relative;z-index:2}.medialist-history .entries li>div a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.medialist-history .entries li>div a:hover{color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-3px}@media(min-width:74.9375em){.medialist-history .tile{grid-template-columns:1fr 1fr;gap:50px}.medialist-history .tile li{grid-template-columns:1fr auto;grid-template-rows:1fr min-content;padding:20px;border:1px solid var(--block-background)}.medialist-history .tile li>a{align-self:start;grid-column:1/3;padding:0 0 20px;border-right:none}.medialist-history .tile dl{align-content:end;padding:0}.medialist-history .tile li>div{align-content:end;padding-right:0}}@media(max-width:74.9375em){.medialist-history :nth-last-child(1 of .filter){display:none}.medialist-history fieldset{grid-template-columns:minmax(0,1fr)44px;column-gap:24px;row-gap:10px}.medialist-history .entries li{grid-template-columns:1fr auto;grid-template-rows:unset;align-items:start}.medialist-history .entries li>a{grid-column:1/3;padding-bottom:15px;border-right:none}.medialist-history .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))}.medialist-history dl{padding:10px;border-top:1px solid rgba(51,57,57,.5)}.medialist-history .entries li>div{border-top:1px solid rgba(51,57,57,.5)}}@media(max-width:47.9375em){.medialist-history fieldset{margin-bottom:20px}}.news-entry ul{display:flex;margin:0 0 45px;padding:0;list-style-type:none}.news-entry .navigation{column-gap:20px;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem}.news-entry li a{height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none}.news-entry li a[data-direction]{width:44px}.news-entry li a:is([data-direction=first],[data-direction=last]){pointer-events:none;border:1px solid var(--copyright-color);background-color:var(--white-100);color:var(--copyright-color)}.news-entry li a:is([data-direction=prev],[data-direction=next]){background-color:var(--button-color);color:var(--white-100)}.news-entry li a:is([data-direction=prev],[data-direction=next]):focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}.news-entry li a:is([data-direction=prev],[data-direction=next]):hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}.news-entry .overview a{width:200px;border:1px solid var(--fsu-blue);background-color:var(--white-100);color:var(--fsu-blue)}.news-entry .overview a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.news-entry .overview a:hover{border:1px solid var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}.news-entry .categories{flex-wrap:wrap;gap:10px;text-transform:uppercase}.news-entry .categories li{display:flex;align-items:center;padding:3px 8px 1px;border:1px solid var(--copyright-color);color:var(--copyright-color)}.news-entry p{margin:0;color:var(--text-color)}.news-entry p a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}}.news-entry p a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:0}.news-entry p a:hover{text-decoration-thickness:2px}@media(max-width:47.9375em){.news-entry .overview{flex-grow:1}.news-entry .overview a{width:auto}}html[data-backend] .news-overview>.rss{pointer-events:none}.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)); column-gap: 50px; &:has(> .filter) { row-gap: 20px; margin-bottom: 50px; & > :nth-child(4 of .filter) { grid-column: span 2; } & > :nth-child(5 of .filter) { align-self: end; } & > .filter { position: relative; &:has(> select:disabled, > input[type="search"]:disabled) label.default { color: var(--copyright-color); pointer-events: none; } & > label.default { 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-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); } } } } & > .reset { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px; position: absolute; right: 0px; bottom: 0px; z-index: 2; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); 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; } } } & > 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 solid 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 solid 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%; top: 0px; left: 0px; position: absolute; } &: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(0px,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:1.000rem; line-height:1.313rem; } } &:has(> .pagination) { margin-top:40px; & > .pagination { grid-column:1/2; } } } & > div[tabindex="-1"] > ol { grid-template-columns:minmax(0px,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}.progress progress{appearance:none;border:1px solid var(--fsu-blue);width:100%;height:100px;padding:3px;box-sizing:border-box;background-color:var(--white-100)}.progress progress::-webkit-progress-bar{background-color:var(--white-100)}.progress progress::-webkit-progress-value{background-color:var(--fsu-blue)}.progress progress::-moz-progress-bar{background-color:var(--fsu-blue)}.progress .description{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px}.progress .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}.progress :is(.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}.progress .current{grid-column:1/2}.progress .target{text-align:right;grid-column:2/3}.progress span>span{display:inline-block}@media(max-width:74.9375em){.progress :is(.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 progress{height:80px}.progress .current{grid-column:1/3}.progress .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: 0px 14px; background-color: var(--nav-background); border: solid var(--nav-background); border-width: 1px 1px 0px 1px; 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: 0px 20px; margin: 0px; list-style-type: none; border: solid var(--nav-background); border-width: 0px 1px 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, 0.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.500rem; &: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:74.9375em){.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, 0.5); }}}@media(min-width:48.0000em) and (max-width:74.9375em){.quicklinks details{summary { padding: 0px 9px; } & > ul { padding: 0px 15px; }}}@media(max-width:74.9375em){.quicklinks details>ul{display:none}}@media(max-width:47.9375em){.quicklinks details{summary { padding: 0px 4px; } & > ul { padding: 0px 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)); column-gap: 50px; &:has(> .field) { row-gap: 20px; .field { position: relative; &:has(> input[type="search"]) { grid-column: span 3; } &:has(> button[type="submit"]) { align-self: end; } label { 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); } } } } .reset { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; padding: 0px; position: absolute; right: 0px; bottom: 0px; z-index: 2; box-sizing: border-box; cursor: pointer; background-clip: padding-box; border: 1px solid transparent; background-color: var(--white-100); 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; } } } 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.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 solid 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; } :where(dd, dl, dt, ol, ul) { 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%; top: 0px; left: 0px; position: absolute; 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; a { display: block; padding: 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; } } & > span { display: inline-block; } } p { margin-bottom: 0px; color: var(--text-color); } ul + 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){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)); } fieldset { column-gap: 24px; } 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; } 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%; top: 0; left: 0; position: absolute; } & > .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; touch-action: none; background-color: var(--white-100); border: 1px solid 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 0px 0px 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 0px 0px 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: 0px; &::before { margin-top: calc(56.25% - 32px); top: 0px; left: 44px; border-width: 0px 42px 32px 0px; border-color: transparent transparent var(--fak-color) transparent; } &::after { margin-top: calc(56.25% - 32px + (var(--fak-color-border-width) * 2)); top: 0px; left: calc(44px + 2px); border-width: 0px 42px 32px 0px; 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: 0px; top: 0px; 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%; top: 0px; left: 0px; position: absolute; } & > .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; touch-action: none; background-color: var(--white-100); border: 1px solid 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: 0px; 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: 0px; border-color: var(--block-background) transparent transparent transparent; } &:nth-child(odd).triangle.text-top > article > .content::before { left: 100px; border-width: 32px 42px 0px 0px; } &:nth-child(odd).triangle.text-top > article > .content::after { left: 102px; border-width: 32px 42px 0px 0px; } &:nth-child(even).triangle.text-top > article > .content::before { right: 100px; border-width: 32px 0px 0px 42px; } &:nth-child(even).triangle.text-top > article > .content::after { right: 102px; border-width: 32px 0px 0px 42px; } &.triangle.text-bottom > article > .content::before { margin-top: calc(56.25% - 32px); top: 0px; 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: 0px; border-color: transparent transparent var(--block-background) transparent; } &:nth-child(odd).triangle.text-bottom > article > .content::before { left: 100px; border-width: 0px 42px 32px 0px; } &:nth-child(odd).triangle.text-bottom > article > .content::after { left: 102px; border-width: 0px 42px 32px 0px; } &:nth-child(even).triangle.text-bottom > article > .content::before { right: 100px; border-width: 0px 0px 32px 42px; } &:nth-child(even).triangle.text-bottom > article > .content::after { right: 102px; border-width: 0px 0px 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: 0px; top: 0px; left: 100%; transform: rotate(180deg); writing-mode: vertical-rl; } &.triangle.text-top > article > .content::before { margin-bottom: calc(56.25% - 32px); right: 50px; bottom: 0px; left: auto; border-width: 32px 0px 0px 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: 0px; left: auto; border-width: 32px 0px 0px 42px; border-color: var(--block-background) transparent transparent transparent; } &.triangle.text-bottom > article > .content::before { margin-top: calc(56.25% - 32px); top: 0px; right: 50px; left: auto; border-color: transparent transparent var(--fak-color) transparent; border-width: 0px 0px 32px 42px; } &.triangle.text-bottom > article > .content::after { margin-top: calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2)); top: 0px; right: 52px; left: auto; border-color: transparent transparent var(--block-background) transparent; border-width: 0px 0px 32px 42px; } } fieldset { margin-top: 20px; }}}.social-media{overflow-wrap:anywhere;hyphens:auto}.social-media ul{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0;padding:0;list-style-type:none}.social-media 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)}.social-media a::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;}}.social-media a.pf-1::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_bluesky.svg)}.social-media a.pf-2::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_clarivate.svg)}.social-media a.pf-3::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_facebook.svg)}.social-media a.pf-4::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_frontiers.svg)}.social-media a.pf-5::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_github.svg)}.social-media a.pf-6::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_google_scholar.svg)}.social-media a.pf-7::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_instagram.svg)}.social-media a.pf-8::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_kudos.svg)}.social-media a.pf-9::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg)}.social-media a.pf-10::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_mastodon.svg)}.social-media a.pf-11::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_orcid.svg)}.social-media a.pf-12::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_pubmed.svg)}.social-media a.pf-13::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_researcher_id.svg)}.social-media a.pf-14::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_researchgate.svg)}.social-media a.pf-15::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_scopus.svg)}.social-media a.pf-16::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_source_forge.svg)}.social-media a.pf-17::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_tiktok.svg)}.social-media a.pf-18::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_youtube.svg)}.social-media a.pf-19::before{mask-image:url(/pub/theme/vorlage_fe/skin/_images/social_x.svg)}.social-media a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-1px}.social-media a: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}.target-groups 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}.target-groups a:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:1px}.target-groups a:hover{--gradient-color:var(--hover-color-dark);outline:1px solid var(--gradient-color);outline-offset:4px}.target-groups 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%)}.target-groups.lazy-bg div.icon.tg1{background-image:url(/skin/_global/_images/blocks/target_groups_01.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg2{background-image:url(/skin/_global/_images/blocks/target_groups_02.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg3{background-image:url(/skin/_global/_images/blocks/target_groups_03.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg4{background-image:url(/skin/_global/_images/blocks/target_groups_04.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg5{background-image:url(/skin/_global/_images/blocks/target_groups_05.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg6{background-image:url(/skin/_global/_images/blocks/target_groups_06.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg7{background-image:url(/skin/_global/_images/blocks/target_groups_07.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg8{background-image:url(/skin/_global/_images/blocks/target_groups_08.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg9{background-image:url(/skin/_global/_images/blocks/target_groups_09.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg10,.target-groups.lazy-bg div.icon.tg14{background-image:url(/skin/_global/_images/blocks/target_groups_10.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg11{background-image:url(/skin/_global/_images/blocks/target_groups_11.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg12{background-image:url(/skin/_global/_images/blocks/target_groups_12.svg),var(--gradient)}.target-groups.lazy-bg div.icon.tg13{background-image:url(/skin/_global/_images/blocks/target_groups_13.svg),var(--gradient)}@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%; top: 0px; left: 0px; position: absolute; } &: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: 0px; }}}.teaser-grid{overflow-wrap:anywhere;hyphens:auto;& > ul { --gap: 20px; display: flex; flex-wrap: wrap; gap: var(--gap); padding: 0px; margin: 0px; list-style-type: none; & > li { flex: 0 0 100%; padding: 20px 20px 40px 20px; box-sizing: border-box; position: relative; background-color: var(--block-background); & > article { display: flex; flex-direction: column; & > a, & > .title { 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; } & > a { outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 1; } & > .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); } } } } & > .text { margin: 0px; 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.750rem; line-height: 2.313rem; } & > .text { margin-top: calc(1.750rem / 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: 0px; text-align: right; } & > .text { grid-area: text; } & > .category { grid-area: category; text-align: right; margin-right: 0px; } } &.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%; top: 0px; left: 0px; position: absolute; } &: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: 0px; }}}@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(0px, 1fr); row-gap: 35px; } &:not(:has(ol > li:last-child img)) > ol + a { margin-top: 0px; }}}.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%; top: 0px; left: 0px; position: absolute; 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(0.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; touch-action: none; background-color: var(--white-100); border: 1px solid 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%; top: 0px; left: 0px; position: absolute; 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: 0px; } }}}.teaser-text{hyphens:auto;overflow-wrap:anywhere;& > ul { display: flex; flex-direction: column; row-gap: 50px; padding: 0px; margin: 0px; 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: 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 { outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; } & > .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; z-index: 20; 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; } } & > figure { 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 { 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 0px; position: absolute; 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: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:0px; } } } & > figure { grid-column:1/3; & > figcaption { top:100%; left:0px; 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:0px; 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: 0px; padding-left: 0px; } & > .block-headline { padding-right: 5%; padding-left: 5%; } & > ul { row-gap: 35px; & > li > article { grid-template-columns: minmax(0px, 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: 0px; } } } & > figure { grid-column: 1 / 2; grid-row: 1 / 3; & > picture.bg { display: none; } & > figcaption { padding-right: 5px; padding-left: 5px; bottom: 100%; right: 0px; left: auto; text-align: right; background-color: rgba(255, 255, 255, 0.8); } } } }}}.text-image{display:flow-root}.text-image.has-block-headline:not(.first-of-group) .block-headline{margin-top:45px}.text-image:not(.first-of-group,.has-block-headline).image-top figure{margin-top:1.5rem}.text-image.image-bottom figure{margin-top:1.5rem}.text-image figure{width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;row-gap:10px;padding:0;margin:0}.text-image:is(.image-top,.image-bottom) figure{width:1e3px;grid-template-columns:800px 1fr;grid-template-rows:auto;column-gap:10px}.text-image figure div{display:flex;align-items:center;justify-content:center}.text-image figure div.ratio-16-9{aspect-ratio:16/9}.text-image figure div a:focus-visible{outline-offset:3px}.text-image figure div a:hover{outline:1px solid var(--hover-color-dark);outline-offset:3px}.text-image img{max-width:100%;display:block;margin:0 auto}.text-image figcaption{align-self:end;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}.text-image figcaption p{margin:0;color:inherit}.text-image figcaption a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}}.text-image figcaption a:hover{text-decoration-thickness:2px}.text-image figcaption a span.info i.icon{vertical-align:text-bottom}.text-image figcaption a span.info i.icon.lock,.text-image figcaption a span.info i.icon.mail_space{vertical-align:middle}.text-image figcaption em{font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}.text-image figcaption small{font-size:inherit}.text-image p.box{padding:15px;clear:both}.text-image p.box.border{border-width:1px;border-style:solid}.text-image p.box.border.jen{border-color:var(--text-color)}.text-image p.box.border.max{border-color:var(--skin-color,var(--fsu-gold))}.text-image p.box.border.ron{border-color:var(--block-background)}.text-image p.box.bg:not(.noa){color:var(--white-100)}.text-image p.box.bg.ava{background-color:var(--fsu-blue)}.text-image p.box.bg.ida{background-color:var(--link-color)}.text-image p.box:is(.mia,.noa){background-color:var(--block-background)}.text-image p.box.bg:not(.noa) a{color:var(--white-100)}.text-image p.box.bg:not(.noa) a:focus-visible{outline-color:var(--white-100)}.text-image p.box.bg:not(.noa) a.button{border-color:var(--white-100)}.text-image p.box.bg:not(.noa) a.button:hover{border-color:var(--white-100);color:var(--white-100);outline-color:var(--white-100)}.text-image p 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}.text-image p a.button.center{margin-right:auto;margin-left:auto}.text-image p a.button:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.text-image p a.button: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:is(.first-of-group,.has-block-headline):not(.image-top) .rte_wrapper>div :is(blockquote,h2,h3,h4,p,ul,ol,.fsu-table-wrapper):first-child{margin-top:0}.text-image:not(.first-of-group,.has-block-headline):is(.image-right,.image-left) .rte_wrapper>div :is(h2,h3,h4):first-child{margin-top:1.5rem}.text-image:not(.first-of-group,.has-block-headline):is(.image-right,.image-left):has(.rte_wrapper>div p.box:first-child) figure{margin-top:1.5rem}.text-image:is(.image-right,.image-left) figure{margin-bottom:50px}.text-image.image-right figure{margin-left:50px;float:right}.text-image.image-left figure{margin-right:50px;float:left}}@media(min-width:48.0000em) and (max-width:74.9375em){.text-image:is(.image-left,.image-right) figure{width:calc(50% - 25px)}}@media(max-width:74.9375em){.text-image:is(.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 :is(blockquote,h2,h3,h4,p,ul,ol,.fsu-table-wrapper):first-child{margin-top:0}.text-image:not(.first-of-group,.has-block-headline):is(.image-right,.image-left) figure{margin-top:1.5rem}.text-image: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)}.text-label>.icon{grid-area:icon;align-self:center;justify-self:center;color:var(--fsu-blue)}.text-label .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}.text-label .rte_wrapper{grid-area:content;margin-bottom:1.813rem}.text-label .rte_wrapper 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%}.text-label .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 ."}.text-label>.icon{margin:1.563rem 0}.text-label .title{align-self:center}.text-label .rte_wrapper{margin-bottom:1.563rem}}.text-video{display:flow-root}.text-video.has-block-headline:not(.first-of-group) .block-headline{margin-top:45px}.text-video:not(.first-of-group,.has-block-headline).video-top figure{margin-top:1.5rem}.text-video.video-bottom figure{margin-top:1.5rem}.text-video figure{width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:auto min-content;row-gap:10px;padding:0;margin:0}.text-video:is(.video-top,.video-bottom) figure{width:1e3px;grid-template-columns:800px 1fr;grid-template-rows:auto;column-gap:10px}.text-video figure a:focus-visible{outline-offset:3px}.text-video :is(video,iframe,.approval){width:100%;display:block;aspect-ratio:16/9;border:none}.text-video:is(.video-right,.video-left) video{aspect-ratio:9/16}.text-video .approval{position:relative;margin:0 auto}.text-video .approval img{width:100%;display:block}.text-video .approval 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}.text-video .approval a.load-frame:focus{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.text-video .approval a.load-frame:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}.text-video figcaption{align-self:end;color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}.text-video figcaption p{margin:0;color:inherit}.text-video figcaption a{text-decoration:underline 1px;text-underline-offset:3px;color:inherit;@media(forced-colors:active){color: LinkText;}}.text-video figcaption a:hover{text-decoration-thickness:2px}.text-video figcaption a span.info i.icon{vertical-align:text-bottom}.text-video figcaption a span.info i.icon.lock,.text-video figcaption a span.info i.icon.mail_space{vertical-align:middle}.text-video figcaption em{font-variation-settings:var(--fsu-font-variation-text-condensed-italic)}.text-video figcaption small{font-size:inherit}.text-video p.box{padding:15px;clear:both}.text-video p.box.border{border-width:1px;border-style:solid}.text-video p.box.border.jen{border-color:var(--fsu-blue)}.text-video p.box.border.max{border-color:var(--skin-color,var(--fsu-gold))}.text-video p.box.border.ron{border-color:var(--block-background)}.text-video p.box.bg:not(.noa){color:var(--white-100)}.text-video p.box.bg.ava{background-color:var(--fsu-blue)}.text-video p.box.bg.ida{background-color:var(--link-color)}.text-video p.box:is(.mia,.noa){background-color:var(--block-background)}.text-video p.box.bg:not(.noa) a{color:var(--white-100)}.text-video p.box.bg:not(.noa) a:focus-visible{outline-color:var(--white-100)}.text-video p.box.bg:not(.noa) a.button{border-color:var(--white-100)}.text-video p.box.bg:not(.noa) a.button:hover{border-color:var(--white-100);color:var(--white-100);outline-color:var(--white-100)}.text-video p 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}.text-video p a.button.center{margin-right:auto;margin-left:auto}.text-video p a.button:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.text-video p a.button: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:is(.first-of-group,.has-block-headline):not(.video-top) .rte_wrapper>div :is(blockquote,h2,h3,h4,p,ul,ol,.fsu-table-wrapper):first-child{margin-top:0}.text-video:not(.first-of-group,.has-block-headline):is(.video-right,.video-left) .rte_wrapper>div :is(h2,h3,h4):first-child{margin-top:1.5rem}.text-video:not(.first-of-group,.has-block-headline):is(.video-right,.video-left):has(.rte_wrapper>div p.box:first-child) figure{margin-top:1.5rem}.text-video:is(.video-right,.video-left) figure{margin-bottom:1.5rem}.text-video.video-right figure{margin-left:50px;float:right}.text-video.video-left figure{margin-right:50px;float:left}}@media(min-width:48.0000em) and (max-width:74.9375em){.text-video:is(.video-left,.video-right) figure{width:calc(50% - 25px)}}@media(max-width:74.9375em){.text-video:is(.video-top,.video-bottom) figure{width:100%;grid-template-columns:1fr;grid-template-rows:auto min-content}}@media(max-width:47.9375em){.text-video:is(.first-of-group,.has-block-headline):not(.video-top,.video-right,.video-left) .rte_wrapper>div :is(blockquote,h2,h3,h4,p,ul,ol,.fsu-table-wrapper):first-child{margin-top:0}.text-video:not(.first-of-group,.has-block-headline):is(.video-right,.video-left) figure{margin-top:1.5rem}.text-video:is(.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_entry{width:100%;position:relative}.theme_stage_multiple_entry .image_wrapper{position:relative;background-color:var(--block-background);z-index:10}.theme_stage_multiple_entry .image_wrapper img{width:100%;display:block;aspect-ratio:16/9}.theme_stage_multiple_entry .watermark_wrapper{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:20}.theme_stage_multiple_entry .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)}.theme_stage_multiple_entry .title{padding:0;margin:0 0 5px}.theme_stage_multiple_entry .title 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}.theme_stage_multiple_entry .title a::after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:1}.theme_stage_multiple_entry .title a:focus-visible:after{outline:3px solid var(--hover-color-dark);outline-offset:0}.theme_stage_multiple_entry .title a:hover:after{outline:1px solid var(--hover-color-dark);outline-offset:0}.theme_stage_multiple_entry:not(:has(.short)) .title{margin-bottom:0}.theme_stage_multiple_entry .short{color:var(--text-color)}.theme_stage_multiple_entry .image_info{color:var(--copyright-color);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:.75rem;line-height:1rem}.theme_stage_multiple_entries .navigation{position:absolute;z-index:40}.theme_stage_multiple_entries .navigation ul{padding:0;margin:0;display:flex;gap:10px}.theme_stage_multiple_entries .navigation li{display:block}.theme_stage_multiple_entries .navigation li.hidden{display:none}.theme_stage_multiple_entries .navigation .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}.theme_stage_multiple_entries .navigation .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)}.theme_stage_multiple_entries .navigation .button:not(.disabled):focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}.theme_stage_multiple_entries .navigation .button:not(.disabled):hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}.theme_stage_multiple_entries .navigation .button.disabled{background-color:initial;color:var(--copyright-color);border:1px solid var(--copyright-color);box-sizing:border-box;cursor:unset}.theme_stage_multiple_entries .navigation button i{color:var(--white-100)}.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_entry{display:grid}.theme_stage_multiple_entry.sibling{position:absolute;filter:opacity(.2);top:0}.theme_stage_multiple_entry .content_wrapper{display:grid;position:relative}.theme_stage_multiple_entry .content{hyphens:auto;overflow-wrap:anywhere;z-index:30}.theme_stage_multiple_entry .title a,.theme_stage_multiple_entry .short,.theme_stage_multiple_entry .description,.theme_stage_multiple_entry .author{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.theme_stage_multiple_entry .title a{-webkit-line-clamp:3;line-clamp:3}.theme_stage_multiple_entry .short{-webkit-line-clamp:3;line-clamp:3}.theme_stage_multiple_entry .description{-webkit-line-clamp:2;line-clamp:2}.theme_stage_multiple_entry .author{-webkit-line-clamp:1;line-clamp:1}}@media(min-width:62.5000em){.theme_stage_multiple_entry{grid-template-columns:minmax(570px,1fr)30px minmax(auto,556px)24px;grid-template-rows:min-content}.theme_stage_multiple_entry .image_wrapper{grid-column:1/3;grid-row:1/2}.theme_stage_multiple_entry .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}.theme_stage_multiple_entry .content{grid-column:1/3;grid-row:2/3}.theme_stage_multiple_entry.sibling .content{z-index:0}.theme_stage_multiple_entry .image_info{grid-column:2/3;grid-row:4/5}.theme_stage_multiple_entries .navigation{width:100%;display:grid;grid-template-columns:minmax(570px,1fr)60px minmax(auto,526px)24px;left:0;bottom:10px}.theme_stage_multiple_entries .navigation ul{grid-column:3/4}}@media(min-width:48.0000em) and (max-width:62.4375em){.theme_stage_multiple_entry{grid-template-columns:5% 1fr 5%;grid-template-rows:1fr 30px min-content 230px}.theme_stage_multiple_entry .image_wrapper{grid-column:1/4;grid-row:1/4}.theme_stage_multiple_entry .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}.theme_stage_multiple_entry .content{grid-column:1/4;grid-row:1/2}.theme_stage_multiple_entry .image_info{grid-column:3/4;grid-row:3/4;align-self:center}.theme_stage_multiple_wrapper[data-count="1"] .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; }}.theme_stage_multiple_entries .navigation{left:5%;bottom:45px}}@media(max-width:74.9375em){.theme_stage_multiple_headline h1,.theme_stage_multiple_entry .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_entry .content{display:flex;flex-direction:column}}@media(max-width:47.9375em){.theme_stage_multiple_entry{grid-template-columns:5% 1fr 5%;grid-template-rows:1fr 20px min-content 250px}.theme_stage_multiple_entry .image_wrapper{grid-column:1/4;grid-row:1/4}.theme_stage_multiple_entry .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}.theme_stage_multiple_entry .content{grid-column:1/2;grid-row:1/2;padding:20px}.theme_stage_multiple_entry .image_info{grid-column:1/2;grid-row:3/4}.theme_stage_multiple_wrapper[data-count="1"] .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_multiple_entries .navigation{left:5%;bottom:24px}}.theme_stage_single_wrapper .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}.theme_stage_single_wrapper:not(:has(.short)) .title{margin-bottom:0}.theme_stage_single_text{background-color:var(--block-background)}.theme_stage_single_text .title{color:var(--fsu-blue)}.theme_stage_single_text .short{color:var(--text-color)}.theme_stage_single_media{background-color:var(--block-background)}.theme_stage_single{max-width:83.75em;margin:0 auto}.theme_stage_single .media_wrapper{position:relative}.theme_stage_single .media_wrapper img,.theme_stage_single .media_wrapper video,.theme_stage_single .media_wrapper iframe{width:100%;display:block;aspect-ratio:16/9;border:none}.theme_stage_single .approval{position:relative}.theme_stage_single .approval a.load-frame{height:44px;display:flex;padding:0 20px;align-items:center;box-sizing:border-box;position:absolute;bottom:10%;left:50%;margin-left:-100px;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;z-index:20}.theme_stage_single .approval a.load-frame:focus{outline:3px solid var(--hover-color-dark);outline-offset:-6px}.theme_stage_single .approval a.load-frame:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}.theme_stage_single .watermark_wrapper{width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:10}.theme_stage_single .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)}.theme_stage_single .content .title{color:var(--fsu-blue)}.theme_stage_single .content .short{color:var(--text-color)}.theme_stage_single .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{display:grid}.theme_stage_single .content_wrapper{display:grid;position:relative}.theme_stage_single_text,.theme_stage_single .content{hyphens:auto;overflow-wrap:anywhere}.theme_stage_single .title,.theme_stage_single .short,.theme_stage_single .description,.theme_stage_single .author{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.theme_stage_single .title{-webkit-line-clamp:3;line-clamp:3}.theme_stage_single .short{-webkit-line-clamp:4;line-clamp:4}.theme_stage_single .description{-webkit-line-clamp:2;line-clamp:2}.theme_stage_single .author{-webkit-line-clamp:1;line-clamp:1}}@media(min-width:62.5000em){.theme_stage_single{grid-template-columns:minmax(570px,1fr)30px minmax(auto,556px)24px;grid-template-rows:min-content}.theme_stage_single .media_wrapper{grid-column:1/3;grid-row:1/2}.theme_stage_single .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}.theme_stage_single .content{grid-column:1/3;grid-row:2/3}.theme_stage_single .media_info{grid-column:2/3;grid-row:4/5}}@media(min-width:48.0000em) and (max-width:62.4375em){.theme_stage_single{grid-template-rows:auto 30px auto}.theme_stage_single .media_wrapper.intern,.theme_stage_single .media_wrapper.youtube,.theme_stage_single .media_wrapper.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{grid-template-columns:5% 1fr 5%}.theme_stage_single .media_wrapper{grid-column:1/4;grid-row:1/3}.theme_stage_single .media_wrapper.intern,.theme_stage_single .media_wrapper.youtube,.theme_stage_single .media_wrapper.dbt{width:90%;margin:0 auto}.theme_stage_single .approval a.load-frame{top:50%;right:5%;bottom:auto;left:auto;margin-top:-24px;margin-left:0}.theme_stage_single .content_wrapper{grid-column:2/3;grid-row:2/4;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 15px min-content 45px}.theme_stage_single .content{grid-column:1/2;grid-row:1/2}.theme_stage_single .media_info{grid-column:1/2;grid-row:3/4}}@media(max-width:47.9375em){.theme_stage_single{grid-template-rows:auto 20px auto}.theme_stage_single .media_wrapper.intern,.theme_stage_single .media_wrapper.youtube,.theme_stage_single .media_wrapper.dbt{padding-bottom:20px}.theme_stage_single .content{padding:20px}}