.doctorate{hyphens:auto;overflow-wrap:anywhere;color:var(--text-color); :where(ol, dd, dl, dt) { padding: 0px; margin: 0px; list-style-type: none; } & > .init { padding: 20px 50px 50px 200px; position: relative; background-color: var(--block-background); &::before { content: ""; width: 143px; height: 110px; position: absolute; top: 0px; left: 0px; z-index: 1; background: url("/skin/_global/_images/blocks/doctorate-overview-hat.svg") no-repeat top right / 130px, linear-gradient(149deg, transparent 70px, var(--block-background) 70px), var(--white-100); } & > form > fieldset { display: grid; grid-template-columns: minmax(0, 1fr) 200px; align-items: end; column-gap: 50px; } } &.overview > fieldset { grid-template-columns: repeat(2, minmax(0, 1fr)); } &.teaser > fieldset { grid-template-columns: repeat(3, minmax(0, 1fr)); } & > fieldset { display: grid; align-items: end; column-gap: 50px; row-gap: 20px; margin-bottom: 50px; } & .field { position: relative; &:has(> input[type="search"]:disabled, > 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); } & > :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; &:user-invalid { border-color: var(--error-color); } &:disabled { pointer-events: none; border-color: var(--copyright-color); color: var(--copyright-color); } &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 3px; } &: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 { 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(--hover-color-dark); outline-offset: -6px; } &:hover { border-color: var(--hover-color-dark); color: var(--hover-color-dark); outline: 1px solid var(--hover-color-dark); 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(2, minmax(0px, 1fr)); column-gap: 50px; row-gap: 50px; & > li { display: flex; flex-direction: column; --color: var(--skin-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; padding: 5px 20px 0px 20px; position: relative; --border-width: 2px; border: var(--border-width) solid var(--color); &::before { content: ""; position: absolute; top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); z-index: 1; border-width: 20px 38px 0px 0px; border-style: solid; border-color: var(--color) transparent transparent transparent; } &::after { content: ""; position: absolute; top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); z-index: 2; border-width: 18px 34px 0px 0px; border-style: solid; border-color: var(--white-100) transparent transparent transparent; } & > .title { order: 2; margin: 0px; text-wrap: balance; color: var(--fsu-blue); font-weight: 600; font-variation-settings: var(--fsu-font-variation-headline); font-size: 1.375rem; line-height: 1.813rem; } & > .d-title { order: 4; flex: 1 0 auto; margin-top: 10px; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; & > :where(em, i) { font-style: italic; font-synthesis: none; font-variation-settings: var(--fsu-font-variation-headline-block-italic); } & > sub { vertical-align: bottom; font-size: clamp(0.875rem, 0.750em, 1.375rem); line-height: clamp(1.125rem, 1.000em, 1.813rem); } & > sup { vertical-align: top; font-size: clamp(0.875rem, 0.750em, 1.375rem); line-height: clamp(1.125rem, 1.000em, 1.813rem); } } & > dl { order: 3; margin-top: 10px; color: var(--fsu-blue); & > div { & > :where(dd, dt) { display: inline; text-transform: uppercase; } & > dt::after { content: "\2006"; } } } & > .icon-faculty { order: 1; height: 50px; display: flex; gap: 10px; position: relative; left: -10px; z-index: 2; & > i.icon { color: var(--color); } & > span { align-self: center; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; } } & > .year { order: 5; align-self: center; height: 25px; display: flex; align-items: center; padding: 0px 5px; margin-top: 30px; background-color: var(--copyright-color); color: var(--white-100); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; } } } } & + 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; } } } } & > form > fieldset { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: end; column-gap: 50px; 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; } &: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){.doctorate{& > .init{padding:50px;&::before{width:108px;height:84px;background:url(/skin/_global/_images/blocks/doctorate-overview-hat.svg)no-repeat 100% 0/100px,linear-gradient(149deg,transparent 53px,var(--block-background) 53px),var(--white-100)}& > .block-headline{padding-left:105px;margin-bottom:20px}}&.teaser > fieldset{grid-template-columns:repeat(2,minmax(0,1fr));& > :nth-child(1 of .field){grid-column:span 2}}& > form > fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media(max-width:74.9375em){.doctorate{& > div[tabindex="-1"] > ol > li > article > :is(.title, .d-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){.doctorate{&.block-side-pa:has(> .init){padding-right:0;padding-left:0;& > .init{padding:20px 5%;&::before{width:calc(75px + 5%);height:63px;right:0;left:auto;background:url(/skin/_global/_images/blocks/doctorate-overview-hat.svg)no-repeat 0 0/75px,linear-gradient(-149deg,transparent 45%,var(--block-background) 45%),var(--white-100)}& > .block-headline{margin-right:100px;margin-bottom:1.813rem}& > form > fieldset{grid-template-columns:minmax(0,1fr);row-gap:10px;& > :nth-last-child(1 of .field){margin-top:5px}}}}&:is(.overview, .teaser) > fieldset{grid-template-columns:minmax(0,1fr)}& > fieldset{row-gap:10px;margin-bottom:20px}& .field{& > :where(input[type=search], select){font-size:1rem;line-height:1.313rem}}& > div[tabindex="-1"] > ol{grid-template-columns:minmax(0,1fr);row-gap:35px}& > form > fieldset{grid-template-columns:minmax(0,1fr);margin-top:20px}}}