.studies-application{background-color:var(--block-background);& > .block-1000 > .grid{display:grid;grid-template-columns:60% minmax(0,1fr);grid-column-gap:50px;& :where(& > form > fieldset > legend > .title, & > div > .title){min-height:25px;display:flex;align-items:center;margin:0;padding-bottom:5px;border-bottom:5px solid var(--skin-color,var(--fsu-gold));text-transform:uppercase;color:var(--text-color);font-weight:inherit;font-size:inherit}& > form > fieldset{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;row-gap:20px;& > legend{display:contents}& > :nth-last-child(1 of .field){margin-top:5px}& > .field{position:relative;&:has(> select:disabled){display:none}& > label.default{min-height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}& > select{width:100%;height:44px;padding-right:44px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-italic);font-size:1.188rem;line-height:1.563rem;&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px;& + .select-icon{color:var(--hover-color-dark)}}}}& > button[type=submit]{width:100%;height:44px;padding:0 10px;box-sizing:border-box;background-color:var(--white-100);border:1px solid var(--fsu-blue);cursor:pointer;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&:disabled{pointer-events:none;border:1px solid var(--copyright-color);color:var(--copyright-color)}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}& > div{& > .title{margin-bottom:50px}& > ul{display:flex;flex-direction:column;gap:25px;padding:0;margin:0;list-style-type:none;& > li > a{display:block;padding:calc((42px - 1.5rem)/2)20px;background-color:var(--white-100);border:1px solid var(--fsu-blue);text-align:center;color:var(--fsu-blue);font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;text-decoration:none;&: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}}}}}}& > .text-application{& h3{margin-top:0}& .text{& p:first-child{margin-top:0}& :where(p:last-child, ul:last-child, ol:last-child){margin-bottom:1.267em}}& .deadline p.box{padding:15px;clear:both;&.bg{color:var(--white-100)}&.border{border-width:1px;border-style:solid}&.bg.ida{background-color:var(--nav-background)}&.border.jen{border-color:var(--fsu-blue);color:var(--fsu-blue)}}& .portal{width:fit-content;display:flex;margin:0 auto;align-items:center;box-sizing:border-box;padding:var(--link-block-padding)20px;border:1px solid var(--copyright-color);color:var(--copyright-color);background-color:var(--white-100);cursor:pointer;pointer-events:none;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&.active{pointer-events:auto;border:1px solid var(--fsu-blue);color:var(--fsu-blue);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}}@media(max-width:47.9375em){.studies-application>.block-1000>.grid{grid-template-columns:minmax(0,1fr);row-gap:30px;& > form > fieldset{row-gap:10px;& > .field > select{font-size:1rem;line-height:1.313rem}}& > div{& > .title{margin-bottom:15px}& > ul{gap:15px}}}}.studies-base{background-color:var(--block-background);& > .grid{display:grid;grid-template-columns:62% minmax(0,1fr);column-gap:50px; :where(dl, dt, dd, ul) { margin: 0px; padding: 0px; list-style-type: none; } &.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); } & .headline { min-height: 25px; display: flex; align-items: center; margin: 0px; padding-bottom: 5px; border-bottom: 5px solid var(--fak-color, var(--fsu-gold)); text-transform: uppercase; color: var(--text-color); font-weight: inherit; font-size: inherit; } & dl { display: grid; grid-template-columns: 240px auto; border-bottom: 1px solid rgba(51, 57, 57, 0.5); & > dt { padding: var(--link-block-padding) 0px; color: var(--copyright-color); } & > dd { grid-column: 2 / 3; padding: var(--link-block-padding) 0px; border-top: 1px solid rgba(51, 57, 57, 0.5); color: var(--text-color); & + dt { border-top: 1px solid rgba(51, 57, 57, 0.5); } &:first-of-type { border-top: none; } &:has(> a:first-child) { padding-top: 0px; } &:has(> a:last-child) { padding-bottom: 0px; } &.institution { padding-left: 21px; position: relative; &.gold { --tile-color: var(--fsu-gold); } &.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); } &::before { content: ""; display: block; width: 9px; height: 9px; margin-bottom: 1px; background-color: var(--tile-color, var(--copyright-color)); position: absolute; top: calc(1.000rem + var(--link-block-padding) - 9px); left: 0px; } } } } & 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; } } } & .bookmark { display: flex; flex-wrap: wrap; column-gap: 28px; } & > form > fieldset { display: grid; grid-template-columns: minmax(0px, 1fr); align-items: end; row-gap: 20px; & > legend { display: contents; } & > :nth-last-child(1 of .field) { margin-top: 5px; } & > .field { position: relative; &:has(> select:disabled) label.default { color: var(--copyright-color); pointer-events: none; } & > label.default { min-height: 25px; display: flex; align-items: center; margin-bottom: 5px; cursor: pointer; text-transform: uppercase; color: var(--fsu-blue); } & > select { width: 100%; height: 44px; padding-right: 44px; box-sizing: border-box; background-color: var(--white-100); border: 1px solid var(--fsu-blue); cursor: pointer; color: var(--fsu-blue); font-variation-settings: var(--fsu-font-variation-text-italic); font-size: 1.188rem; line-height: 1.563rem; &:disabled { pointer-events: none; border-color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } @media (hover: hover) { &:hover { border-color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); outline-offset: 3px; & + .select-icon { color: var(--hover-color-dark); } } } } & > button[type="submit"] { width: 100%; height: 44px; padding: 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(--white-100); 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; } } } } }}& > .text-application{& h3{margin-top:0}& .text{& p:first-child{margin-top:0}& :where(p:last-child, ul:last-child, ol:last-child){margin-bottom:1.267em}}& .deadline p.box{padding:15px;clear:both;&.bg{color:var(--white-100)}&.border{border-width:1px;border-style:solid}&.bg.ida{background-color:var(--nav-background)}&.border.jen{border-color:var(--fsu-blue);color:var(--fsu-blue)}}& .portal{width:fit-content;display:flex;margin:0 auto;align-items:center;box-sizing:border-box;padding:var(--link-block-padding)20px;border:1px solid var(--copyright-color);color:var(--copyright-color);background-color:var(--white-100);cursor:pointer;pointer-events:none;text-decoration:none;font-variation-settings:var(--fsu-font-variation-text-condensed);font-size:1.125rem;line-height:1.5rem;&.active{pointer-events:auto;border:1px solid var(--fsu-blue);color:var(--fsu-blue);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:-4px}}}}}}@media(min-width:48.0000em) and (max-width:74.9375em){.studies-base>.grid>form>fieldset{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px;& > legend > .headline{grid-column:span 2}& > :nth-last-child(1 of .field){grid-column:2/3}&:has(:last-child:nth-child(1 of .field)){grid-template-areas:"legend legend" "submit submit";& > legend > .headline{grid-area:legend}& > :nth-last-child(1 of .field){grid-area:submit}}&:has(:last-child:nth-child(5 of .field)){grid-template-areas:"legend legend" "applicationFor accessLocation" "foldSemester access" ". submit";& > legend > .headline{grid-area:legend}& > :nth-child(1 of .field){grid-area:applicationFor}& > :nth-child(2 of .field){grid-area:foldSemester}& > :nth-child(3 of .field){grid-area:accessLocation}& > :nth-child(4 of .field){grid-area:access}& > :nth-last-child(1 of .field){grid-area:submit}}&:has(:last-child:nth-child(6 of .field)){grid-template-areas:"legend legend" "applicationFor accessLocation" "combination access" "foldSemester submit";& > legend > .headline{grid-area:legend}& > :nth-child(1 of .field){grid-area:applicationFor}& > :nth-child(2 of .field){grid-area:combination}& > :nth-child(3 of .field){grid-area:foldSemester}& > :nth-child(4 of .field){grid-area:accessLocation}& > :nth-child(5 of .field){grid-area:access}& > :nth-last-child(1 of .field){grid-area:submit}}}}@media(max-width:74.9375em){.studies-base>.grid{grid-template-columns:minmax(0,1fr);row-gap:45px}}@media(max-width:47.9375em){.studies-base>.grid{&.block-side-pa{padding-right:0;padding-left:0}& .headline{padding-right:5%;padding-left:5%}& dl{grid-template-columns:minmax(0,1fr);& > dt{padding-right:5%;padding-left:5%;padding-bottom:0;& + dd{border-top:none}& + dd:not(.institution){padding-top:0}}& > dd{grid-column:auto;padding-right:0;padding-left:0;margin-right:5%;margin-left:5%;&.institution{padding-left:21px;&::before{left:0}}}}& .bookmark{flex-direction:column;padding-right:0;padding-left:0;margin-right:5%;margin-left:5%}& > form > fieldset{row-gap:10px;& > .field{margin-right:5%;margin-left:5%;& > select{font-size:1rem;line-height:1.313rem}}}}}.studies-overview{& > fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;column-gap:50px;row-gap:20px;margin-bottom:50px;& > .filter{position:relative;&:has(select:disabled, input:disabled) label{color:var(--copyright-color);pointer-events:none}& > label{min-height:25px;display:flex;align-items:center;margin-bottom:5px;cursor:pointer;text-transform:uppercase;color:var(--fsu-blue)}& > :where(select, input[type=search]){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;&:user-invalid{border-color:var(--error-color)}&:disabled{pointer-events:none;border-color:var(--copyright-color)}&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:3px}@media(hover:hover){&:hover{border-color:var(--hover-color-dark);outline:1px solid var(--hover-color-dark);outline-offset:3px;& + .select-icon{color:var(--hover-color-dark)}}}}}} :where(ol, ul) { margin: 0px; padding: 0px; list-style-type: none; } & > .list-all-letter > li { &.hidden { display: none; } & > .letter { padding: 0px 10px; margin: 0px; border-bottom: 2px solid var(--fsu-blue); color: var(--fsu-blue); font-weight: 600; font-variation-settings: var(--fsu-font-variation-headline); font-size: 1.563rem; line-height: 2.063rem; } & > ol > li { padding: 0px 10px; position: relative; border-width: 0px 1px 1px 1px; border-style: solid; border-color: transparent transparent rgba(0, 35, 80, 0.5) transparent; &.hidden { display: none; } &:nth-last-child(1 of :not(.hidden)) { border-bottom: none; } & > a { display: flex; flex-direction: column; padding: 7px 0px; outline: none; text-decoration: none; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: -2px; } @media (hover: hover) { &:hover:after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .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; } & > .graduation { padding-top: 3px; color: var(--copyright-color); text-transform: uppercase; font-size: 0.750rem; line-height: 1.000rem; } } & > ul { padding: 7px 0px 7px 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 { content: ""; display: block; width: 9px; height: 9px; margin-bottom: 1px; background-color: var(--tile-color, var(--fsu-gold)); position: absolute; top: calc(0.750rem - 9px); left: -21px; } &.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; } } } } } } }}@media(min-width:75.0000em){.studies-overview>.list-all-letter>li>ol>li{display:grid;grid-template-columns:60% minmax(0,1fr);column-gap:20px;& > ul{align-self:center}}}@media(min-width:48.0000em) and (max-width:74.9375em){.studies-overview>fieldset{column-gap:24px}}@media(max-width:74.9375em){.studies-overview{& > .list-all-letter > li > ol > li{& > 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))}& > ul{padding-top:0}}}}@media(max-width:47.9375em){.studies-overview{&.block-side-pa{padding-right:0;padding-left:0}& :is(& > .block-headline, & > fieldset, & > .list-all-letter > li > .letter, & > .list-all-letter > li > ol > li){padding-right:5%;padding-left:5%}& > fieldset{grid-template-columns:minmax(0,1fr);row-gap:10px;margin-bottom:20px;& .filter > :where(select, input[type=search]){font-size:1rem;line-height:1.313rem}}& > .list-all-letter > li > .letter{font-size:1.375rem;line-height:1.813rem}}}.studies-text-wrapper .acc{margin-bottom:45px}.studies-text-wrapper .acc:last-child{margin-bottom:0}