/* Digitale Lernwelten – gemeinsames Stylesheet. Seitenspezifische Regeln sind mit html[data-seite="…"] eingegrenzt. */ /* nur: start */ :where(html[data-seite="start"]) .scp0:hover{ } :where(html[data-seite="start"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="start"]) .scp2:hover{ background: rgb(255, 255, 255) !important; } :where(html[data-seite="start"]) .scp3:active{ transform: translateY(-50%) scale(0.97) !important; } :where(html[data-seite="start"]) .scp4:hover{ opacity: 1 !important; } :where(html[data-seite="start"]) .scp5:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="start"]) .scp6:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="start"]) .scp7:hover{ color: var(--blue-800) !important; } /* nur: geschichte */ :where(html[data-seite="geschichte"]) .scp0:hover{ } :where(html[data-seite="geschichte"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="geschichte"]) .scp2:hover{ color: var(--blue-600) !important; } :where(html[data-seite="geschichte"]) .scp3:hover{ background: var(--blue-50) !important; } :where(html[data-seite="geschichte"]) .scp4:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="geschichte"]) .scp5:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="geschichte"]) .scp6:hover{ color: var(--blue-800) !important; } :where(html[data-seite="geschichte"]) .scp7:hover{ background: var(--blue-800) !important; } /* nur: referenzen */ :where(html[data-seite="referenzen"]) .scp0:hover{ } :where(html[data-seite="referenzen"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="referenzen"]) .scp2:hover{ animation-play-state: paused !important; } :where(html[data-seite="referenzen"]) .scp3:hover{ background: rgb(255, 255, 255) !important; } :where(html[data-seite="referenzen"]) .scp4:hover{ text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="referenzen"]) .scp5:hover{ background: var(--blue-50) !important; } :where(html[data-seite="referenzen"]) .scp6:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="referenzen"]) .scp7:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="referenzen"]) .scp8:hover{ color: var(--blue-800) !important; } /* nur: forschung */ :where(html[data-seite="forschung"]) .scp0:hover{ } :where(html[data-seite="forschung"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="forschung"]) .scp2:hover{ color: var(--blue-800) !important; } :where(html[data-seite="forschung"]) .scp3:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="forschung"]) .scp4:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="forschung"]) .scp5:hover{ background: var(--blue-800) !important; } /* nur: team */ :where(html[data-seite="team"]) .scp0:hover{ } :where(html[data-seite="team"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="team"]) .scp2:hover{ color: var(--blue-600) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="team"]) .scp3:hover{ background: rgb(255, 255, 255) !important; } :where(html[data-seite="team"]) .scp4:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="team"]) .scp5:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="team"]) .scp6:hover{ color: var(--blue-800) !important; } /* nur: gdm */ :where(html[data-seite="gdm"],html[data-seite="recht"]) .scp0:hover{ } :where(html[data-seite="gdm"],html[data-seite="recht"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="gdm"],html[data-seite="recht"]) .scp2:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="gdm"],html[data-seite="recht"]) .scp3:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="gdm"],html[data-seite="recht"]) .scp4:hover{ color: var(--blue-800) !important; } :where(html[data-seite="gdm"],html[data-seite="recht"]) .scp5:hover{ background: var(--blue-800) !important; } /* nur: podcast */ :where(html[data-seite="podcast"]) .scp0:hover{ } :where(html[data-seite="podcast"]) .scp1:hover{ background: rgb(255, 255, 255) !important; color: var(--blue-600) !important; } :where(html[data-seite="podcast"]) .scp2:hover{ color: var(--blue-800) !important; } :where(html[data-seite="podcast"]) .scp3:hover{ background: var(--mw-gold, #ebab01) !important; color: rgb(11, 14, 16) !important; } :where(html[data-seite="podcast"]) .scp4:hover{ color: var(--blue-800) !important; text-decoration-color: var(--blue-600) !important; } :where(html[data-seite="podcast"]) .scp5:hover{ background: var(--dlw-yellow) !important; color: var(--blue-900) !important; } :where(html[data-seite="podcast"]) .scp6:hover{ background: var(--blue-800) !important; } html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%} /* Two voices. CORE — Mulish: substitution for the logo's geometric-humanist light sans (Avenir-class). META — IBM Plex Mono: the institutional counter-voice for eyebrows, numbering and metadata. See readme.md > "Font substitution". Replace the core face with the licensed brand font when supplied. */ /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/c39ef070ae.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/9836f315b5.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/6c8912d7cf.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/4af8cef522.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/bb87500e32.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/a458a7d179.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/caa0275bed.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ed50e38341.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/3e942f428e.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/d32f0e0701.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/cea284b739.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/c2d0f99456.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/6afd581b69.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/331e2125be.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/202b70a626.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/b5295522a9.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/5bd6e08c21.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/cfd1ec33a9.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/98ffd004d3.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/9e13cab779.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/35b14911fc.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/69692d21af.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/72d85f72b0.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/ea63c73fc2.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/29dbd461d7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/6064868023.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/5d455fce6b.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/4b1b092248.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/28458a4b3e.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/563ead9e1c.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/f3e7d7b69f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/161102bed5.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/f2ca68ed5c.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/97ab910af4.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/99a18a68bf.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/0dfecb9926.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/3d93d6c612.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/e9d4a17c3f.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/fcb00b7f98.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ddf4684241.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/0edc9041bc.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/71f57b1368.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/dea292e9d6.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/2f38d235c6.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/1c933f6abc.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/aed5ed4835.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/d44b3b7ef3.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/b26a1ff91f.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/eddf10bc22.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/67289925c7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/3de7283462.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/5bd1609070.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/077c37f080.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/053927aaa0.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/876970c7f9.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{ --font-core:"Mulish","Avenir Next","Segoe UI",system-ui,sans-serif; --font-display:var(--font-core); --font-body:var(--font-core); --font-meta:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --font-mono:var(--font-meta); } :root{ /* ---- Brand blue. --blue-600 is sampled straight from the logo (#006595). ---- */ --blue-950:#02202f; --blue-900:#00303f; --blue-800:#00405c; --blue-700:#005279; --blue-600:#006595; --blue-500:#0f7aae; --blue-400:#3d95c2; --blue-300:#78b5d5; --blue-200:#b3d5e6; --blue-100:#dceaf3; --blue-50:#f1f7fa; /* ---- Paper: warm off-whites. The editorial ground. Set against the cool blue they are what makes the system read "edel" rather than "clean corporate". ---- */ --paper-50:#faf8f5; --paper-100:#f3f0ea; --paper-200:#e7e2d8; --paper-300:#d5cec1; /* ---- Ink: the full-bleed dark ground for statement sections ---- */ --ink:#0a1620; --ink-soft:#122633; --ink-line:rgba(255,255,255,.16); --ink-line-strong:rgba(255,255,255,.34); --ink-text:rgba(255,255,255,.72); --ink-text-strong:#ffffff; /* ---- Neutrals: cool-tinted greys, never pure black ---- */ --neutral-950:#0d151b; --neutral-900:#16222b; --neutral-800:#26343f; --neutral-700:#3b4a56; --neutral-600:#55646f; --neutral-500:#74828c; --neutral-400:#9aa5ad; --neutral-300:#c1c9cf; --neutral-200:#dde3e7; --neutral-100:#eef1f4; --neutral-50:#f7f9fa; --white:#ffffff; /* ---- Semantic hues, cool-shifted so they sit next to the brand blue ---- */ --teal-600:#0e7c7b; --teal-100:#d9efee; --green-600:#2c7a4b; --green-100:#dcefe3; --amber-600:#b06d05; --amber-500:#d98c0b; --amber-100:#fbeed4; --red-600:#b3352f; --red-100:#fadfdd; /* ---- Semantic aliases: use THESE in components ---- */ --text-strong:var(--neutral-900); --text-body:var(--neutral-800); --text-muted:var(--neutral-600); --text-subtle:var(--neutral-500); --text-inverse:var(--white); --text-brand:var(--blue-600); --text-meta:var(--neutral-500); --text-link:var(--blue-600); --text-link-hover:var(--blue-800); --surface-page:var(--white); --surface-paper:var(--paper-50); --surface-paper-deep:var(--paper-100); --surface-ink:var(--ink); --surface-ink-soft:var(--ink-soft); --surface-muted:var(--neutral-50); --surface-card:var(--white); --surface-sunken:var(--neutral-100); --surface-brand:var(--blue-600); --surface-brand-strong:var(--blue-800); --surface-brand-soft:var(--blue-50); --surface-brand-tint:var(--blue-100); --surface-inverse:var(--neutral-900); --border-rule:var(--paper-200); --border-subtle:var(--neutral-200); --border-default:var(--neutral-300); --border-strong:var(--neutral-400); --border-brand:var(--blue-600); --border-on-brand:color-mix(in srgb,var(--white) 45%,transparent); --focus-ring:var(--blue-500); --focus-ring-offset:var(--white); --status-info-fg:var(--blue-700); --status-info-bg:var(--blue-100); --status-success-fg:var(--green-600); --status-success-bg:var(--green-100); --status-warning-fg:var(--amber-600); --status-warning-bg:var(--amber-100); --status-danger-fg:var(--red-600); --status-danger-bg:var(--red-100); /* Learning-content accents (didactic roles inside netBook-style material) */ --role-task:var(--blue-600); /* Aufgabe */ --role-info:var(--teal-600); /* Wissen / Hintergrund */ --role-hint:var(--amber-500); /* Hilfestellung */ --role-media:var(--blue-800); /* Video / Audio */ /* Protection scrim used over full-bleed photography */ --scrim-photo:linear-gradient(to top,rgba(2,32,47,.78) 0%,rgba(2,32,47,.35) 45%,rgba(2,32,47,0) 100%); /* @kind color */ --scrim-brand:linear-gradient(to top,rgba(0,101,149,.92) 0%,rgba(0,101,149,.55) 60%,rgba(0,101,149,.15) 100%); /* @kind color */ } :root{ /* Type scale — 1.25 major third, rounded to whole px. */ --text-3xs:11px; --text-2xs:12px; --text-xs:13px; --text-sm:15px; --text-base:17px; --text-md:19px; --text-lg:22px; --text-xl:27px; --text-2xl:34px; --text-3xl:42px; --text-4xl:53px; --text-5xl:66px; --text-6xl:82px; --text-7xl:104px; --text-8xl:132px; --leading-tight:1.08; --leading-snug:1.22; --leading-normal:1.45; --leading-relaxed:1.62; --weight-hairline:200; --weight-light:300; --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-extrabold:800; /* Light display type needs negative tracking; small text needs positive. */ --tracking-mega:-0.045em; --tracking-display:-0.028em; --tracking-heading:-0.01em; --tracking-normal:0; --tracking-wide:0.04em; --tracking-caps:0.11em; --tracking-meta:0.16em; --measure-tight:44ch; --measure-body:66ch; --measure-wide:78ch; /* Composed roles */ --type-mega:var(--weight-hairline) var(--text-7xl)/0.93 var(--font-display); --type-display:var(--weight-hairline) var(--text-5xl)/0.98 var(--font-display); --type-h1:var(--weight-light) var(--text-3xl)/var(--leading-tight) var(--font-display); --type-h2:var(--weight-light) var(--text-2xl)/var(--leading-snug) var(--font-display); --type-h3:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core); --type-h4:var(--weight-semibold) var(--text-md)/var(--leading-snug) var(--font-core); --type-body:var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-body); --type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body); --type-label:var(--weight-semibold) var(--text-xs)/1.3 var(--font-core); --type-eyebrow:var(--weight-bold) var(--text-2xs)/1.2 var(--font-core); --type-meta:var(--weight-regular) var(--text-2xs)/1.3 var(--font-meta); --type-index:var(--weight-regular) var(--text-xs)/1 var(--font-meta); --type-lead:var(--weight-light) var(--text-lg)/1.5 var(--font-body); --type-caption:var(--weight-regular) var(--text-2xs)/var(--leading-normal) var(--font-body); } :root{ /* 4px base, with 2px and 6px half-steps for control interiors. */ --space-0:0; --space-px:1px; --space-0-5:2px; --space-1:4px; --space-1-5:6px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px; --space-40:160px; /* Rhythm roles */ --gap-inline:var(--space-2); --gap-stack:var(--space-4); --gap-group:var(--space-8); --gap-section:var(--space-24); --pad-card:var(--space-6); --pad-card-lg:var(--space-8); --pad-gutter:var(--space-6); } :root{ /* Restrained radii. The logo is drawn from true circles and straight lines, so UI corners stay small — except pills and avatars, which go fully round. */ --radius-none:0; --radius-xs:2px; --radius-sm:3px; --radius-md:5px; --radius-lg:8px; --radius-xl:12px; --radius-2xl:18px; --radius-pill:999px; --radius-circle:50%; --radius-control:var(--radius-md); --radius-card:var(--radius-lg); --radius-dialog:var(--radius-xl); --radius-media:var(--radius-md); --radius-tag:var(--radius-pill); } :root{ /* Shadows are cool-tinted (blue-black), low-opacity and short. Elevation is carried mostly by hairline borders; shadow is the secondary cue. */ --shadow-none:none; --shadow-hairline:0 0 0 1px var(--border-subtle); --shadow-xs:0 1px 2px rgba(13,21,27,.06); --shadow-sm:0 1px 3px rgba(13,21,27,.07),0 1px 2px rgba(13,21,27,.04); --shadow-md:0 2px 8px rgba(13,21,27,.08),0 1px 2px rgba(13,21,27,.05); --shadow-lg:0 8px 24px rgba(13,21,27,.10),0 2px 6px rgba(13,21,27,.05); --shadow-xl:0 20px 48px rgba(13,21,27,.14),0 4px 12px rgba(13,21,27,.06); --shadow-brand:0 6px 20px rgba(0,101,149,.22); --inset-sunken:inset 0 1px 2px rgba(13,21,27,.07); --inset-hairline-top:inset 0 1px 0 var(--border-subtle); --ring-focus:0 0 0 2px var(--focus-ring-offset),0 0 0 4px color-mix(in srgb,var(--focus-ring) 55%,transparent); --ring-focus-inverse:0 0 0 2px var(--blue-800),0 0 0 4px rgba(255,255,255,.7); } :root{ /* Calm, short, no bounce. Motion clarifies state; it never performs. */ --duration-instant:90ms; /* @kind other */ --duration-fast:150ms; /* @kind other */ --duration-normal:220ms; /* @kind other */ --duration-slow:320ms; /* @kind other */ --duration-deliberate:480ms; /* @kind other */ --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */ --ease-out:cubic-bezier(0,0,.25,1); /* @kind other */ --ease-in:cubic-bezier(.4,0,1,1); /* @kind other */ --ease-inout:cubic-bezier(.45,0,.15,1); /* @kind other */ --transition-control:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); /* @kind other */ --transition-surface:box-shadow var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard); /* @kind other */ --transition-reveal:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out); /* @kind other */ } :root{ --container-editorial:1320px; --container-prose:720px; --container-content:960px; --container-wide:1200px; --container-max:1440px; --margin-editorial:clamp(24px,5vw,88px); --indent-editorial:180px; --header-height:76px; --header-height-compact:60px; --sidebar-width:320px; --sidebar-width-compact:72px; --control-height-sm:32px; --control-height-md:40px; --control-height-lg:48px; --hairline:1px; /* @kind other */ --z-base:0; /* @kind other */ --z-sticky:100; /* @kind other */ --z-header:200; /* @kind other */ --z-overlay:800; /* @kind other */ --z-dialog:900; /* @kind other */ --z-toast:1000; /* @kind other */ --blur-glass:14px; /* @kind other */ --blur-scrim:6px; /* @kind other */ } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);text-wrap:balance} h1{font:var(--type-h1);letter-spacing:var(--tracking-display)} h2{font:var(--type-h2);letter-spacing:var(--tracking-heading)} h3{font:var(--type-h3)} h4{font:var(--type-h4)} p{margin:0;text-wrap:pretty} a{color:var(--text-link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--text-link) 35%,transparent);transition:var(--transition-control)} a:hover{color:var(--text-link-hover);border-bottom-color:currentColor} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-xs)} img,svg,video{display:block;max-width:100%} button{font:inherit} ::selection{background:var(--blue-200);color:var(--blue-950)} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}} @keyframes dlw-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} @keyframes dlw-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} @keyframes dlw-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .dlw-meta{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-meta)} /* Digitale Lernwelten — global stylesheet entry. @import lines only. */ /* Two voices. CORE — Mulish: substitution for the logo's geometric-humanist light sans (Avenir-class). META — IBM Plex Mono: the institutional counter-voice for eyebrows, numbering and metadata. See readme.md > "Font substitution". Replace the core face with the licensed brand font when supplied. */ /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/c39ef070ae.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/9836f315b5.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/6c8912d7cf.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/4af8cef522.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/bb87500e32.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/a458a7d179.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/caa0275bed.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ed50e38341.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/3e942f428e.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/d32f0e0701.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/cea284b739.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/c2d0f99456.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/6afd581b69.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/331e2125be.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 300; font-display: swap; src: url("fonts/202b70a626.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/b5295522a9.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/5bd6e08c21.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/cfd1ec33a9.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/98ffd004d3.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/9e13cab779.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/35b14911fc.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/69692d21af.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/72d85f72b0.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/ea63c73fc2.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 200; font-display: swap; src: url("fonts/29dbd461d7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/6064868023.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/5d455fce6b.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/4b1b092248.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/28458a4b3e.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/563ead9e1c.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/f3e7d7b69f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/161102bed5.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/f2ca68ed5c.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/97ab910af4.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/99a18a68bf.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/0dfecb9926.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/3d93d6c612.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/e9d4a17c3f.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/fcb00b7f98.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ddf4684241.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/0edc9041bc.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/71f57b1368.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/dea292e9d6.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/2f38d235c6.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/1c933f6abc.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/aed5ed4835.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/d44b3b7ef3.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/b26a1ff91f.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/eddf10bc22.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/67289925c7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/3de7283462.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/5bd1609070.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/077c37f080.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/053927aaa0.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/876970c7f9.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{ --font-core:"Mulish","Avenir Next","Segoe UI",system-ui,sans-serif; --font-display:var(--font-core); --font-body:var(--font-core); --font-meta:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --font-mono:var(--font-meta); } :root{ /* ---- Brand blue. --blue-600 is sampled straight from the logo (#006595). ---- */ --blue-950:#02202f; --blue-900:#00303f; --blue-800:#00405c; --blue-700:#005279; --blue-600:#006595; --blue-500:#0f7aae; --blue-400:#3d95c2; --blue-300:#78b5d5; --blue-200:#b3d5e6; --blue-100:#dceaf3; --blue-50:#f1f7fa; /* ---- Paper: warm off-whites. The editorial ground. Set against the cool blue they are what makes the system read "edel" rather than "clean corporate". ---- */ --paper-50:#faf8f5; --paper-100:#f3f0ea; --paper-200:#e7e2d8; --paper-300:#d5cec1; /* ---- Ink: the full-bleed dark ground for statement sections ---- */ --ink:#0a1620; --ink-soft:#122633; --ink-line:rgba(255,255,255,.16); --ink-line-strong:rgba(255,255,255,.34); --ink-text:rgba(255,255,255,.72); --ink-text-strong:#ffffff; /* ---- Neutrals: cool-tinted greys, never pure black ---- */ --neutral-950:#0d151b; --neutral-900:#16222b; --neutral-800:#26343f; --neutral-700:#3b4a56; --neutral-600:#55646f; --neutral-500:#74828c; --neutral-400:#9aa5ad; --neutral-300:#c1c9cf; --neutral-200:#dde3e7; --neutral-100:#eef1f4; --neutral-50:#f7f9fa; --white:#ffffff; /* ---- Semantic hues, cool-shifted so they sit next to the brand blue ---- */ --teal-600:#0e7c7b; --teal-100:#d9efee; --green-600:#2c7a4b; --green-100:#dcefe3; --amber-600:#b06d05; --amber-500:#d98c0b; --amber-100:#fbeed4; --red-600:#b3352f; --red-100:#fadfdd; /* ---- Semantic aliases: use THESE in components ---- */ --text-strong:var(--neutral-900); --text-body:var(--neutral-800); --text-muted:var(--neutral-600); --text-subtle:var(--neutral-500); --text-inverse:var(--white); --text-brand:var(--blue-600); --text-meta:var(--neutral-500); --text-link:var(--blue-600); --text-link-hover:var(--blue-800); --surface-page:var(--white); --surface-paper:var(--paper-50); --surface-paper-deep:var(--paper-100); --surface-ink:var(--ink); --surface-ink-soft:var(--ink-soft); --surface-muted:var(--neutral-50); --surface-card:var(--white); --surface-sunken:var(--neutral-100); --surface-brand:var(--blue-600); --surface-brand-strong:var(--blue-800); --surface-brand-soft:var(--blue-50); --surface-brand-tint:var(--blue-100); --surface-inverse:var(--neutral-900); --border-rule:var(--paper-200); --border-subtle:var(--neutral-200); --border-default:var(--neutral-300); --border-strong:var(--neutral-400); --border-brand:var(--blue-600); --border-on-brand:color-mix(in srgb,var(--white) 45%,transparent); --focus-ring:var(--blue-500); --focus-ring-offset:var(--white); --status-info-fg:var(--blue-700); --status-info-bg:var(--blue-100); --status-success-fg:var(--green-600); --status-success-bg:var(--green-100); --status-warning-fg:var(--amber-600); --status-warning-bg:var(--amber-100); --status-danger-fg:var(--red-600); --status-danger-bg:var(--red-100); /* Learning-content accents (didactic roles inside netBook-style material) */ --role-task:var(--blue-600); /* Aufgabe */ --role-info:var(--teal-600); /* Wissen / Hintergrund */ --role-hint:var(--amber-500); /* Hilfestellung */ --role-media:var(--blue-800); /* Video / Audio */ /* Protection scrim used over full-bleed photography */ --scrim-photo:linear-gradient(to top,rgba(2,32,47,.78) 0%,rgba(2,32,47,.35) 45%,rgba(2,32,47,0) 100%); /* @kind color */ --scrim-brand:linear-gradient(to top,rgba(0,101,149,.92) 0%,rgba(0,101,149,.55) 60%,rgba(0,101,149,.15) 100%); /* @kind color */ } :root{ /* Type scale — 1.25 major third, rounded to whole px. */ --text-3xs:11px; --text-2xs:12px; --text-xs:13px; --text-sm:15px; --text-base:17px; --text-md:19px; --text-lg:22px; --text-xl:27px; --text-2xl:34px; --text-3xl:42px; --text-4xl:53px; --text-5xl:66px; --text-6xl:82px; --text-7xl:104px; --text-8xl:132px; --leading-tight:1.08; --leading-snug:1.22; --leading-normal:1.45; --leading-relaxed:1.62; --weight-hairline:200; --weight-light:300; --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-extrabold:800; /* Light display type needs negative tracking; small text needs positive. */ --tracking-mega:-0.045em; --tracking-display:-0.028em; --tracking-heading:-0.01em; --tracking-normal:0; --tracking-wide:0.04em; --tracking-caps:0.11em; --tracking-meta:0.16em; --measure-tight:44ch; --measure-body:66ch; --measure-wide:78ch; /* Composed roles */ --type-mega:var(--weight-hairline) var(--text-7xl)/0.93 var(--font-display); --type-display:var(--weight-hairline) var(--text-5xl)/0.98 var(--font-display); --type-h1:var(--weight-light) var(--text-3xl)/var(--leading-tight) var(--font-display); --type-h2:var(--weight-light) var(--text-2xl)/var(--leading-snug) var(--font-display); --type-h3:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-core); --type-h4:var(--weight-semibold) var(--text-md)/var(--leading-snug) var(--font-core); --type-body:var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-body); --type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body); --type-label:var(--weight-semibold) var(--text-xs)/1.3 var(--font-core); --type-eyebrow:var(--weight-bold) var(--text-2xs)/1.2 var(--font-core); --type-meta:var(--weight-regular) var(--text-2xs)/1.3 var(--font-meta); --type-index:var(--weight-regular) var(--text-xs)/1 var(--font-meta); --type-lead:var(--weight-light) var(--text-lg)/1.5 var(--font-body); --type-caption:var(--weight-regular) var(--text-2xs)/var(--leading-normal) var(--font-body); } :root{ /* 4px base, with 2px and 6px half-steps for control interiors. */ --space-0:0; --space-px:1px; --space-0-5:2px; --space-1:4px; --space-1-5:6px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px; --space-40:160px; /* Rhythm roles */ --gap-inline:var(--space-2); --gap-stack:var(--space-4); --gap-group:var(--space-8); --gap-section:var(--space-24); --pad-card:var(--space-6); --pad-card-lg:var(--space-8); --pad-gutter:var(--space-6); } :root{ /* Restrained radii. The logo is drawn from true circles and straight lines, so UI corners stay small — except pills and avatars, which go fully round. */ --radius-none:0; --radius-xs:2px; --radius-sm:3px; --radius-md:5px; --radius-lg:8px; --radius-xl:12px; --radius-2xl:18px; --radius-pill:999px; --radius-circle:50%; --radius-control:var(--radius-md); --radius-card:var(--radius-lg); --radius-dialog:var(--radius-xl); --radius-media:var(--radius-md); --radius-tag:var(--radius-pill); } :root{ /* Shadows are cool-tinted (blue-black), low-opacity and short. Elevation is carried mostly by hairline borders; shadow is the secondary cue. */ --shadow-none:none; --shadow-hairline:0 0 0 1px var(--border-subtle); --shadow-xs:0 1px 2px rgba(13,21,27,.06); --shadow-sm:0 1px 3px rgba(13,21,27,.07),0 1px 2px rgba(13,21,27,.04); --shadow-md:0 2px 8px rgba(13,21,27,.08),0 1px 2px rgba(13,21,27,.05); --shadow-lg:0 8px 24px rgba(13,21,27,.10),0 2px 6px rgba(13,21,27,.05); --shadow-xl:0 20px 48px rgba(13,21,27,.14),0 4px 12px rgba(13,21,27,.06); --shadow-brand:0 6px 20px rgba(0,101,149,.22); --inset-sunken:inset 0 1px 2px rgba(13,21,27,.07); --inset-hairline-top:inset 0 1px 0 var(--border-subtle); --ring-focus:0 0 0 2px var(--focus-ring-offset),0 0 0 4px color-mix(in srgb,var(--focus-ring) 55%,transparent); --ring-focus-inverse:0 0 0 2px var(--blue-800),0 0 0 4px rgba(255,255,255,.7); } :root{ /* Calm, short, no bounce. Motion clarifies state; it never performs. */ --duration-instant:90ms; /* @kind other */ --duration-fast:150ms; /* @kind other */ --duration-normal:220ms; /* @kind other */ --duration-slow:320ms; /* @kind other */ --duration-deliberate:480ms; /* @kind other */ --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */ --ease-out:cubic-bezier(0,0,.25,1); /* @kind other */ --ease-in:cubic-bezier(.4,0,1,1); /* @kind other */ --ease-inout:cubic-bezier(.45,0,.15,1); /* @kind other */ --transition-control:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); /* @kind other */ --transition-surface:box-shadow var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard); /* @kind other */ --transition-reveal:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out); /* @kind other */ } :root{ --container-editorial:1320px; --container-prose:720px; --container-content:960px; --container-wide:1200px; --container-max:1440px; --margin-editorial:clamp(24px,5vw,88px); --indent-editorial:180px; --header-height:76px; --header-height-compact:60px; --sidebar-width:320px; --sidebar-width-compact:72px; --control-height-sm:32px; --control-height-md:40px; --control-height-lg:48px; --hairline:1px; /* @kind other */ --z-base:0; /* @kind other */ --z-sticky:100; /* @kind other */ --z-header:200; /* @kind other */ --z-overlay:800; /* @kind other */ --z-dialog:900; /* @kind other */ --z-toast:1000; /* @kind other */ --blur-glass:14px; /* @kind other */ --blur-scrim:6px; /* @kind other */ } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);text-wrap:balance} h1{font:var(--type-h1);letter-spacing:var(--tracking-display)} h2{font:var(--type-h2);letter-spacing:var(--tracking-heading)} h3{font:var(--type-h3)} h4{font:var(--type-h4)} p{margin:0;text-wrap:pretty} a{color:var(--text-link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--text-link) 35%,transparent);transition:var(--transition-control)} a:hover{color:var(--text-link-hover);border-bottom-color:currentColor} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-xs)} img,svg,video{display:block;max-width:100%} button{font:inherit} ::selection{background:var(--blue-200);color:var(--blue-950)} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}} @keyframes dlw-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} @keyframes dlw-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} @keyframes dlw-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .dlw-meta{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-meta)} /* nur: podcast */ :root:where([data-seite="podcast"]){--dlw-yellow:#F5B800;--dlw-yellow-ink:#8A6100;--dlw-yellow-soft:#FFF4CC} :where(html[data-seite="podcast"]) ::selection{background:var(--dlw-yellow);color:var(--blue-900)} html:where([data-seite="podcast"]){scroll-behavior:smooth} :where(html[data-seite="podcast"]) body{margin:0;background:#fff} :where(html[data-seite="podcast"]) a{color:var(--blue-600);text-decoration:none;border-bottom:none} :where(html[data-seite="podcast"]) a:hover{color:var(--blue-800);border-bottom-color:transparent} /* nur: podcast */ @keyframes podWave{from{transform:translate(0,-50%)}to{transform:translate(-50%,-50%)}} @keyframes dlwPulse{0%{transform:scaleX(0)}100%{transform:scaleX(1)}} /* nur: forschung, gdm, geschichte, referenzen, start, team */ :root:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="start"],[data-seite="team"]){--dlw-yellow:#F5B800;--dlw-yellow-ink:#8A6100;--dlw-yellow-soft:#FFF4CC} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="geschichte"],html[data-seite="recht"],html[data-seite="referenzen"],html[data-seite="start"],html[data-seite="team"]) ::selection{background:var(--dlw-yellow);color:var(--blue-900)} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="start"],[data-seite="team"]){scroll-behavior:smooth} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="geschichte"],html[data-seite="recht"],html[data-seite="referenzen"],html[data-seite="start"],html[data-seite="team"]) body{margin:0;background:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="geschichte"],html[data-seite="recht"],html[data-seite="referenzen"],html[data-seite="start"],html[data-seite="team"]) a{color:var(--blue-600);text-decoration:none;border-bottom:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="geschichte"],html[data-seite="recht"],html[data-seite="referenzen"],html[data-seite="start"],html[data-seite="team"]) a:hover{color:var(--blue-800);border-bottom-color:transparent} @keyframes dlwPulse{0%{transform:scaleX(0)}100%{transform:scaleX(1)}} /* nur: forschung, gdm, podcast, start, team */ @font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/5685dd613a.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/a22390c38b.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/08f6b71e51.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/2d0897c1a2.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} :root:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="podcast"],[data-seite="recht"],[data-seite="start"],[data-seite="team"]){ --mw-blau:#006595; --mw-blau-tint:#d4e6f0; --mw-gold:#e3b505; --mw-gold-text:#e3b505; --mw-ink:#0b0e10; --mw-text:#42494d; --mw-text-leise:#6b7378; --mw-linie-raster:#d5e4ee; --mw-grund-ton:#eef1f2; --mw-ease:cubic-bezier(.2,0,.2,1); --mw-ease-out:cubic-bezier(.16,1,.3,1); --font-core:"Raleway",system-ui,-apple-system,"Segoe UI",sans-serif; --font-display:var(--font-core); --font-body:var(--font-core); --font-meta:var(--font-core); --font-mono:var(--font-core); --blue-950:#0b0e10; --blue-900:#0b0e10; --blue-800:#0b0e10; --blue-700:#006595; --blue-600:#006595; --blue-500:#006595; --blue-400:#006595; --blue-300:#d4e6f0; --blue-200:#d4e6f0; --blue-100:#d5e4ee; --blue-50:#eef1f2; --paper-50:#ffffff; --paper-100:#eef1f2; --paper-200:#d5e4ee; --paper-300:#d5e4ee; --ink:#0b0e10; --ink-soft:#141a1e; --ink-line:#242a2e; --ink-line-strong:#3a4247; --ink-text:#d4e6f0; --neutral-950:#0b0e10; --neutral-900:#0b0e10; --neutral-800:#42494d; --neutral-700:#42494d; --neutral-600:#6b7378; --neutral-500:#6b7378; --neutral-400:#8d979c; --neutral-300:#d5e4ee; --neutral-200:#d5e4ee; --neutral-100:#eef1f2; --neutral-50:#f4f7f8; --amber-500:#e3b505; --amber-100:#ffffff; --amber-600:#e3b505; --dlw-yellow:#e3b505; --dlw-yellow-ink:#8f6b00; --dlw-yellow-soft:#eef1f2; --text-strong:#006595; --text-body:#42494d; --text-muted:#6b7378; --text-subtle:#6b7378; --text-meta:#6b7378; --text-brand:#006595; --text-link:#006595; --text-link-hover:#0b0e10; --surface-paper:#ffffff; --surface-paper-deep:#eef1f2; --surface-muted:#eef1f2; --surface-sunken:#eef1f2; --surface-brand-soft:#eef1f2; --surface-brand-tint:#d4e6f0; --surface-inverse:#0b0e10; --border-rule:#d5e4ee; --border-subtle:#d5e4ee; --border-default:#d5e4ee; --border-strong:#8d979c; --focus-ring:#e3b505; --tracking-meta:0.22em; --tracking-caps:0.18em; --type-meta:500 var(--text-2xs)/1.3 var(--font-meta); --type-index:500 var(--text-xs)/1 var(--font-meta); --type-body:300 var(--text-base)/1.7 var(--font-body); --type-body-sm:300 var(--text-sm)/1.6 var(--font-body); --type-lead:200 var(--text-lg)/1.6 var(--font-body); --type-h3:500 var(--text-lg)/1.3 var(--font-core); --type-h4:500 var(--text-md)/1.3 var(--font-core); --type-label:600 var(--text-xs)/1.3 var(--font-core); --type-eyebrow:600 var(--text-2xs)/1.2 var(--font-core); --weight-regular:300; --radius-xs:0; --radius-sm:0; --radius-md:0; --radius-lg:0; --radius-xl:0; --radius-2xl:0; --radius-pill:0; --radius-control:0; --radius-card:0; --radius-dialog:0; --radius-media:0; --radius-tag:0; --shadow-hairline:0 0 0 1px #d5e4ee; --shadow-xs:none; --shadow-sm:none; --shadow-md:none; --shadow-lg:none; --shadow-xl:none; --shadow-brand:none; --ring-focus:0 0 0 1px #fff,0 0 0 2px #e3b505; --ring-focus-inverse:0 0 0 1px #0b0e10,0 0 0 2px #e3b505; --margin-editorial:clamp(20px,4.4vw,56px); --control-height-md:44px; --control-height-lg:48px; } html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="podcast"],[data-seite="recht"],[data-seite="start"],[data-seite="team"]){scroll-padding-top:96px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body{font-weight:300;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;color:var(--mw-text)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) ::selection{background:var(--mw-gold);color:var(--mw-ink)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) *, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) *::before, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) *::after{border-radius:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rund]{border-radius:50% !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) :focus-visible{outline:1px solid var(--mw-gold) !important;outline-offset:3px !important;box-shadow:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) strong, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) b{font-weight:500} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) h1, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) h2{text-wrap:balance} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) p span[style*="font-weight: 600"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) p strong{font-weight:500 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) em{font-style:normal} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) span[style*="height: 3px"][style*="dlw-yellow"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) span[style*="height: 2px"][style*="dlw-yellow"]{height:1px !important;width:26px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl]{padding:0 max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important;background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:saturate(1.2) blur(14px) !important;backdrop-filter:saturate(1.2) blur(14px) !important;border-bottom-color:transparent !important;gap:34px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl][data-mw-scrolled]{border-bottom-color:var(--mw-linie-raster) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav{gap:clamp(18px,2.3vw,34px) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > button{position:relative;font-family:var(--font-core) !important;font-size:13px !important;font-weight:200 !important;letter-spacing:.22em !important;color:var(--mw-blau) !important;text-decoration:none !important;transition:color 200ms var(--mw-ease) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a::after, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > button::after{content:"";position:absolute;left:0;right:.22em;bottom:-9px;height:1px;background:var(--mw-gold);transform:scaleX(0);transform-origin:left center;transition:transform 320ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a:hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > button:hover{color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a:hover::after, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > button:hover::after{transform:scaleX(1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a[aria-current="page"]{color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a[aria-current="page"]::after{transform:scaleX(1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]{display:inline-flex !important;font-family:var(--font-core) !important;text-transform:none;font-size:16px !important;font-weight:600 !important;align-items:center;height:44px;padding:0 24px !important;border:1px solid var(--mw-gold) !important;letter-spacing:-.004em !important;transition:background-color 200ms var(--mw-ease),color 200ms var(--mw-ease) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]::after{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]:hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > button > span[aria-hidden="true"]{border-color:currentColor !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important;box-shadow:none !important;padding:10px !important;animation:mw-fall 260ms var(--mw-ease-out) both !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > span{font-size:10px !important;font-weight:600 !important;letter-spacing:.36em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > a{font-weight:300 !important;color:var(--mw-text) !important;transition:color 160ms var(--mw-ease),padding-left 240ms var(--mw-ease-out) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > a:hover{color:var(--mw-blau) !important;padding-left:22px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > a > span{color:var(--mw-gold-text) !important;font-weight:500 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="home"]{display:flex;align-items:center;line-height:0;color:var(--mw-blau);text-decoration:none;border:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="signet"]{display:block;width:47px;height:47px;flex:none;transition:transform 600ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="home"]:hover [data-mw="signet"]{transform:scale(1.06)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-scharnier"]{font-family:var(--font-core);font-weight:100;font-size:26px;line-height:1.2;letter-spacing:-.012em;color:var(--mw-blau);white-space:nowrap} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-scharnier"] svg{display:inline-block;width:1.32em;height:1.32em;vertical-align:-.295em;margin:0 .16em} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="g"]{color:var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]{position:relative;display:flex;align-items:stretch;min-height:clamp(480px,72vh,760px);padding-top:76px;background:#fff;color:var(--mw-text);overflow:hidden;box-sizing:border-box} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"][data-mw-klein]{min-height:clamp(400px,56vh,600px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"]{flex:1.9 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:56px 48px 64px max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));box-sizing:border-box} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1{margin:0 !important;padding:0 !important;font-family:var(--font-display) !important;font-weight:200 !important;color:var(--mw-blau) !important;letter-spacing:-.03em !important;line-height:1.04 !important;max-width:18ch;text-wrap:balance} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1 em{font-style:normal !important;font-weight:200 !important;color:inherit !important;position:relative;white-space:nowrap} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:1px;background:var(--mw-gold);transform-origin:left center;animation:mw-strich 1100ms 900ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] > p:not([data-mw]){margin:0 !important;font-family:var(--font-body) !important;font-weight:200 !important;font-size:17px !important;line-height:1.68 !important;color:var(--mw-text) !important;max-width:46ch;width:auto !important;min-width:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-label"]{font-size:10px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:var(--mw-text-leise);display:flex;align-items:center;gap:14px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-label"]::before{content:"";width:26px;height:1px;background:var(--mw-gold);transform-origin:left;animation:mw-strich 900ms 200ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]{flex:1 1 0;min-width:0;position:relative;overflow:hidden;background:var(--mw-grund-ton)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::before{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] img{animation:mw-bild 1600ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"]{margin:0;font-family:var(--font-core);font-weight:100;font-size:clamp(30px,8.2vw,112px);line-height:.92;letter-spacing:-.038em;white-space:nowrap;color:var(--mw-blau);animation:mw-spur 1600ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"] > span[aria-hidden]{display:block} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"] i{font-style:normal;display:inline-block;animation:mw-buchstabe 1000ms var(--mw-ease-out) both;animation-delay:calc(var(--i) * 55ms + 200ms)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"] i[data-mw="g"]{animation-name:mw-buchstabe,mw-gold;animation-duration:1000ms,1600ms;animation-delay:calc(var(--i) * 55ms + 200ms),calc(var(--i) * 55ms + 1000ms)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="sr"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1[data-mw="claim"]{font-size:clamp(14px,1.25vw,18px) !important;font-weight:100 !important;letter-spacing:.012em;line-height:1.5;max-width:40ch;color:var(--mw-text-leise) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="cta"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding-top:6px;pointer-events:auto} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf-voll"]{display:inline-flex;align-items:center;box-sizing:border-box;height:48px;padding:0 26px;font-family:var(--font-core);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid var(--mw-gold);color:var(--mw-blau);background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left/0% 100%;transition:background-size 360ms var(--mw-ease-out),color 200ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf"]:hover{background-size:100% 100%;color:var(--mw-ink)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="textlink"]{font-size:13px;font-weight:300;color:var(--mw-blau);text-decoration:none;padding-bottom:3px;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px;transition:background-size 320ms var(--mw-ease-out),color 200ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="textlink"]:hover{color:var(--mw-ink);background-size:0% 1px;background-position:right bottom} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="kennzahlen"]{background:var(--mw-ink);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)))} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zelle"]{padding:28px 24px 30px;border-left:1px solid #242a2e;min-width:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zelle"]:first-child{border-left:0;padding-left:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zahl"]{font-family:var(--font-core);font-size:40px;font-weight:200;line-height:1;letter-spacing:-.03em;color:var(--mw-gold);font-variant-numeric:tabular-nums lining-nums} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wort"]{font-size:13px;font-weight:300;line-height:1.5;color:var(--mw-blau-tint);padding-top:8px;max-width:30ch} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) h2[style*="var(--font-display)"]{font-weight:200 !important;letter-spacing:-.03em !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) h3{font-weight:500} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [style*="font-family: var(--font-meta)"]{font-weight:500} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [style*="background: var(--blue-50)"]{background:var(--mw-grund-ton) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="--control-height"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) a[style*="--control-height"]{font-size:11px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;height:44px !important;padding:0 24px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="--control-height"][style*="background: var(--blue-600)"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) a[style*="--control-height"][style*="background: var(--blue-600)"]{background:var(--mw-blau) !important;border-color:var(--mw-blau) !important;color:#fff !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="--control-height"][style*="background: var(--blue-600)"]:hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) a[style*="--control-height"][style*="background: var(--blue-600)"]:hover{background:var(--mw-ink) !important;border-color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]), :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]){background:transparent !important;border:1px solid var(--mw-gold) !important;color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]{border-radius:50% !important;background:rgba(255,255,255,.52) !important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:1px solid var(--mw-gold) !important;box-shadow:none !important;color:var(--mw-blau) !important;transition:background-color 380ms var(--mw-ease),border-color 380ms var(--mw-ease),scale 520ms var(--mw-ease-out),color 240ms var(--mw-ease) !important;overflow:visible} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]::after{content:"";position:absolute;inset:-1px;border-radius:50% !important;border:1px solid var(--mw-gold);opacity:0;scale:1;pointer-events:none;transition:opacity 600ms var(--mw-ease),scale 700ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]:not([style*="position: absolute"]):not([style*="position: fixed"]){position:relative} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf] > *{transition:translate 420ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]:hover{background:rgba(255,255,255,.86) !important;border-color:var(--mw-gold) !important;scale:1.08} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]:hover::after{opacity:.55;scale:1.32} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]:active{scale:.96} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf][data-mw-richtung="zurueck"]:hover > *{translate:-3px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf][data-mw-richtung="vor"]:hover > *{translate:3px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf][data-mw-richtung="hoch"]:hover > *{translate:0 -3px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf][style*="background: var(--blue-600)"]{background:rgba(0,101,149,.72) !important;color:#fff !important;border-color:rgba(255,255,255,.35) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf][style*="background: var(--blue-600)"]:hover{background:rgba(0,101,149,.9) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf] span[aria-hidden="true"]{border-color:currentColor !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]{background:rgba(255,255,255,.6) !important;color:var(--mw-blau) !important;border-color:var(--mw-gold) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]:hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[aria-label^="Bild "][style*="border: 2px solid var(--blue-600)"]{border-color:var(--mw-gold) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[role="dialog"][aria-label^="Cookies"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important;box-shadow:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[role="dialog"][aria-label^="Cookies"] strong{font-weight:500 !important;color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"]{border-top:1px solid var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"]{display:flex;align-items:center;gap:18px;color:var(--mw-blau);text-decoration:none;border:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"] svg{width:58px;height:58px;flex:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"] span{font-family:var(--font-core);font-size:28px;font-weight:100;line-height:1.08;letter-spacing:-.012em} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[href^="mailto"]{font-weight:200 !important} @keyframes mw-strich{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes mw-strich-y{from{transform:scaleY(0)}to{transform:scaleY(1)}} @keyframes mw-buchstabe{from{opacity:0;transform:translateY(.42em) scaleY(1.08)}to{opacity:1;transform:none}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kopf"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-image:linear-gradient(90deg,rgba(227,181,5,0) 0%,rgba(227,181,5,.95) 45%,rgba(227,181,5,.95) 55%,rgba(227,181,5,0) 100%),linear-gradient(90deg,rgba(227,181,5,.3) 0%,rgba(227,181,5,.3) 100%);background-repeat:no-repeat,no-repeat;background-size:36% 100%,100% 100%;background-position:-40% 0,0 0;animation:mw-goldzug 9s cubic-bezier(.42,0,.58,1) infinite;pointer-events:none} @keyframes mw-goldzug{0%{background-position:-40% 0,0 0}100%{background-position:140% 0,0 0}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kopf"]::after{animation:none;background-position:50% 0}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) .mw-a11y-ruhig [data-mw="kopf"]::after{animation:none;background-position:50% 0} @keyframes mw-spur{from{letter-spacing:.05em}to{letter-spacing:-.038em}} @keyframes mw-gold{from{color:var(--mw-blau)}to{color:var(--mw-gold)}} @keyframes mw-bild{from{opacity:.4;scale:1.06}to{opacity:1;scale:1}} @keyframes mw-fall{from{opacity:.4;translate:0 -6px}to{opacity:1;translate:0 0}} @keyframes mw-auf{from{opacity:.35;translate:0 22px}to{opacity:1;translate:0 0}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-reveal]{transition:translate 800ms var(--mw-ease-out),opacity 700ms var(--mw-ease-out);transition-delay:var(--mw-d,0ms)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-reveal="wartet"]{translate:0 22px;opacity:.5} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-reveal="da"]{translate:0 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-linie]{transform-origin:left center;transition:scale 1100ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-linie="wartet"]{scale:0 1} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-linie="da"]{scale:1 1} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu{position:fixed;inset:0;z-index:300;background:var(--mw-ink);color:#fff;padding:96px max(20px,env(safe-area-inset-left,0px)) 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow:auto;visibility:hidden;opacity:0;transition:opacity 260ms var(--mw-ease),visibility 0s 260ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu[data-offen]{visibility:visible;opacity:1;transition:opacity 260ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu a{font-family:var(--font-core);font-size:clamp(28px,8vw,40px);font-weight:200;letter-spacing:-.03em;line-height:1.25;color:#fff;text-decoration:none;border:0;translate:0 12px;opacity:0;transition:translate 500ms var(--mw-ease-out),opacity 500ms var(--mw-ease-out),color 160ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu[data-offen] a{translate:0 0;opacity:1} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu a:hover{color:var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu a[data-klein]{font-size:17px;font-weight:300;letter-spacing:0;color:var(--mw-blau-tint)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu [data-mw="menu-label"]{font-size:10px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:#8d979c;padding:22px 0 6px;border-top:1px solid #242a2e;margin-top:14px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu a[data-mw="menu-kontakt"]{align-self:flex-start;margin-top:24px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;height:48px;display:inline-flex;align-items:center;padding:0 26px;border:1px solid var(--mw-gold)} @media (max-width:900px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf{display:inline-flex;position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:310;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--mw-gold);background:#fff;color:var(--mw-blau);cursor:pointer;padding:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"]{background:var(--mw-ink);color:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span::before, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;transition:transform 260ms var(--mw-ease),background-color 160ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span::before, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span::after{content:"";position:absolute;left:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span::before{top:-6px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf span::after{top:6px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"] span{background:transparent} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-scharnier"]{font-size:20px;font-weight:200} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-scharnier"] > span, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-scharnier"] > [data-mw="g"]{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-scharnier"] svg{width:44px;height:44px;margin:0;vertical-align:middle} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]{flex-direction:column;min-height:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"]{padding:40px max(16px,env(safe-area-inset-left,0px)) 36px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]{flex:none;height:64vw;max-height:420px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::before{top:0;left:0;right:0;bottom:auto;width:auto;height:1px;transform-origin:left center;animation-name:mw-strich} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="kennzahlen"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zelle"]:nth-child(3){border-left:0;padding-left:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zelle"]:nth-child(n/**/+3){border-top:1px solid #242a2e} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zelle"]{padding:22px 14px 24px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="zahl"]{font-size:32px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"] svg{width:46px;height:46px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"] span{font-size:22px;font-weight:200}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-reveal], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-linie]{translate:none !important;scale:none !important;opacity:1 !important;transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"] i, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] img, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::before, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-label"]::before, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1 em::after{animation:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"] i[data-mw="g"]{color:var(--mw-gold)}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="ausmacht"]{padding:clamp(72px,9vw,128px) max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));display:flex;flex-direction:column;gap:clamp(34px,4vw,56px);background:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="ausmacht-kopf"]{display:flex;flex-direction:column;gap:14px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="ausmacht-kopf"] h2{margin:0;font-family:var(--font-display);font-weight:200;font-size:clamp(32px,3.6vw,52px);line-height:1.05;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kapitel"]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kapitel-liste"]{display:flex;flex-direction:column;border-top:1px solid var(--mw-linie-raster)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"]{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"titel" "sub";align-items:baseline;gap:6px 0;width:100%;padding:24px 40px 26px 0;border:0;border-bottom:1px solid var(--mw-linie-raster);background:none;cursor:pointer;text-align:left;font-family:var(--font-core);color:var(--mw-text-leise)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-nr"]{grid-area:nr;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--mw-text-leise);transition:color 300ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-titel"]{grid-area:titel;font-size:clamp(24px,2.5vw,36px);font-weight:200;line-height:1.1;letter-spacing:-.025em;color:#8d979c;transition:color 450ms var(--mw-ease),translate 600ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-sub"]{grid-area:sub;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--mw-text-leise);opacity:.75;transition:opacity 400ms var(--mw-ease),translate 600ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-zeit"]{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--mw-gold);transform-origin:left center;transform:scaleX(0)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"]:hover [data-mw="tab-titel"]{color:var(--mw-blau);translate:6px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"]:hover [data-mw="tab-sub"]{translate:6px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-titel"]{color:var(--mw-blau);translate:6px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-sub"]{opacity:1;translate:6px 0;color:var(--mw-text)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-nr"]{color:var(--mw-gold-text)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(var(--mw-p,1))} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kapitel"][data-mw-still] [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(1);transition:transform 700ms var(--mw-ease-out)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kapitel-text"]{display:grid;position:relative;border-left:1px solid var(--mw-gold);padding:28px 0 28px clamp(28px,4.4vw,72px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"]{grid-area:1/1;align-self:center;display:flex;flex-direction:column;gap:22px;opacity:0;visibility:hidden;translate:0 10px;transition:opacity 420ms var(--mw-ease),translate 520ms var(--mw-ease),visibility 0s 420ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"][data-aktiv]{opacity:1;visibility:visible;translate:0 0;transition:opacity 700ms 180ms var(--mw-ease-out),translate 900ms 180ms var(--mw-ease-out),visibility 0s} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel-titel"]{font-family:var(--font-core);font-size:clamp(34px,3.4vw,52px);font-weight:100;line-height:1.02;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel-nr"] span{font-size:.24em;font-weight:500;letter-spacing:.18em;color:var(--mw-text-leise);vertical-align:.25em;margin-left:.5em} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"] p{margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:1.75;color:var(--mw-text);max-width:46ch;text-wrap:pretty} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"][data-aktiv] p{animation:mw-zeilen 1100ms 260ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="hl"]{color:var(--mw-text);font-weight:400;transition:color 900ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"][data-aktiv] [data-mw="hl"]{color:var(--mw-blau);transition-delay:900ms} @keyframes mw-zeilen{from{clip-path:inset(0 0 100% 0);translate:0 8px}to{clip-path:inset(0 0 0 0);translate:0 0}} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kapitel"]{grid-template-columns:minmax(0,1fr)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"]{padding:18px 0 20px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kapitel-text"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 0 0;margin-top:-1px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel-titel"]{font-size:32px}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"][data-aktiv], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-titel"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-sub"]{transition:none !important;translate:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"][data-aktiv] p{animation:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(1)}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="projekte"]{max-width:1320px !important;padding-left:var(--margin-editorial) !important;padding-right:var(--margin-editorial) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important;gap:0 clamp(34px,3.6vw,64px) !important;padding:clamp(56px,7vw,104px) 0 !important;border:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"]{overflow:visible !important;background:transparent !important;isolation:isolate} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"]::before{content:"";position:absolute;inset:0;translate:16px 16px;border:1px solid var(--mw-gold);z-index:-1;transition:translate 900ms var(--mw-ease-out),opacity 600ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]:nth-child(even) [data-mw="projekt-bild"]::before{translate:-16px 16px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > img{clip-path:inset(0 0 0 0);transition:opacity 600ms var(--mw-ease),clip-path 1300ms var(--mw-ease-out),scale 1600ms var(--mw-ease-out) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"][data-mw-wipe="wartet"] > img{clip-path:inset(7% 7% 7% 7%);scale:1.05} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"][data-mw-wipe="wartet"]::before{translate:0 0;opacity:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]:hover [data-mw="projekt-bild"]::before{translate:10px 10px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]:nth-child(even):hover [data-mw="projekt-bild"]::before{translate:-10px 10px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] span[style*="border-radius: 999px"]{border-radius:999px !important;background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px !important;font-weight:600 !important;letter-spacing:.2em !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"]{gap:18px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"] > [data-mw="bildspalte"]{display:flex !important;flex-direction:column !important;min-width:0 !important;align-self:start !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"] > [data-mw="bildspalte"] > [data-mw="projekt-links"]{margin-top:14px !important;gap:8px 22px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]:not([data-mf-seite="r"]) > [data-mw="bildspalte"]{grid-column:1 !important;order:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]:not([data-mf-seite="r"]) > [data-mw="projekt-text"]{grid-column:2 !important;order:1 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="bildspalte"]{grid-column:2 !important;order:2 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="projekt-text"]{grid-column:1 !important;order:1 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > button, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] a, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] button{font-size:11px !important;font-weight:500 !important;letter-spacing:.1em !important;padding:3px 0 !important;white-space:nowrap} @media (max-width:860px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]{row-gap:26px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"] > [data-mw="bildspalte"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) !important} @media (max-width:860px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-mw="projekt"]{align-items:start !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] h2{text-box:trim-both cap alphabetic} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="ausmacht-kopf"]{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel-titel"]{font-family:var(--font-body) !important;font-size:clamp(19px,1.5vw,22px) !important;font-weight:500 !important;line-height:1.35 !important;letter-spacing:0 !important;color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"]{gap:12px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{background:transparent !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{padding:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{clip-path:inset(0 0 -90px 0)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{animation:none !important;transition:none !important;clip-path:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{z-index:2} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) body [data-mw="buehne-text"] h1[data-mw="claim"]{font-family:var(--font-core) !important;font-size:clamp(14px,1.25vw,18px) !important;font-weight:100 !important;line-height:1.5 !important;letter-spacing:.012em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1[data-mw="claim"] em{font-weight:100 !important;color:var(--mw-blau) !important;font-style:normal !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1[data-mw="claim"] em::after{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] h2{order:0;font-size:clamp(30px,3vw,46px) !important;font-weight:200 !important;line-height:1.08 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] h2 + span{font-size:clamp(15px,1.15vw,17px) !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.5 !important;color:var(--mw-gold-text) !important;margin-top:-4px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] p{order:1;font-weight:300 !important;line-height:1.75 !important;max-width:52ch !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"]{order:2;gap:14px 26px !important;margin-top:18px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > div > button{font-size:11px !important;font-weight:600 !important;letter-spacing:.18em !important;text-decoration:none !important;color:var(--mw-blau) !important;padding-bottom:4px !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a:hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > div > button:hover{color:var(--mw-ink) !important;background-size:0% 1px !important;background-position:right bottom !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a:first-child{display:inline !important;height:auto !important;padding:0 0 4px 0 !important;border:0 !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a:first-child:hover{background-size:0% 1px !important;background-position:right bottom !important;color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] div[style*="position: absolute"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"]::before{translate:8px 8px !important}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > img{clip-path:none !important;scale:none !important;transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf] > *, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]::after{transition:none !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"]{padding:44px max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) 36px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div{max-width:none !important;gap:20px 40px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"]{gap:12px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] svg{width:38px;height:38px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span{font-size:19px;font-weight:200} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[href^="mailto"]{font-size:17px !important;font-weight:200 !important;letter-spacing:.01em !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[aria-label][target="_blank"]{width:36px !important;height:36px !important;border-radius:50% !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[aria-label][target="_blank"] svg{width:15px !important;height:15px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div > div{gap:10px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div > div:last-child{gap:24px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div > div:last-child a{font-size:10px !important;font-weight:500 !important;letter-spacing:.3em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div > div:last-child a:hover{color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] > div{opacity:1 !important;filter:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] > div img{transform:none !important;transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] > div[style*="opacity: 0"]{clip-path:inset(100% 0 0 0);transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-richtung="oben"] > div[style*="opacity: 0"]{clip-path:inset(0 0 100% 0)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] > div[style*="opacity: 1"]{clip-path:inset(0 0 0 0);transition:clip-path 3200ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--mw-gold);z-index:4;opacity:0;pointer-events:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div)::after{opacity:1} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::after{top:var(--mw-strich-oben)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:not([data-mw-strich="oben"])::after{top:var(--mw-strich-unten)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div[style*="opacity: 1"])::after{animation:mw-aufziehen-hoch 3200ms cubic-bezier(.65,0,.35,1) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"])::after{animation-name:mw-aufziehen-runter} @keyframes mw-aufziehen-hoch{from{top:var(--mw-strich-unten)}to{top:var(--mw-strich-oben)}} @keyframes mw-aufziehen-runter{from{top:var(--mw-strich-oben)}to{top:var(--mw-strich-unten)}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 1"]{transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-schnell]:has(> div[style*="opacity: 1"])::after{animation-duration:1900ms;animation-timing-function:cubic-bezier(.7,0,.25,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 0"] img{translate:0 16%} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-schnell][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -16%} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 1"] img{translate:0 0;transition:translate 1900ms cubic-bezier(.7,0,.25,1) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] > div{clip-path:none !important;transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::after{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] img{translate:none !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="kontaktblock"]{display:flex;flex-direction:column;gap:4px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tel"]{font-family:var(--font-core);font-size:14px;font-weight:300;letter-spacing:.02em;color:var(--mw-text-leise);text-decoration:none;border:0;transition:color 200ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tel"]:hover{color:var(--mw-blau)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-typo"]{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px var(--margin-editorial) 56px clamp(32px,5vw,80px);border-left:1px solid var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-typo"]::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--mw-gold);transform-origin:top;animation:mw-strich-y 1400ms 200ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="jahr-gross"]{font-family:var(--font-core);font-weight:100;font-size:clamp(96px,13vw,210px);line-height:.86;letter-spacing:-.05em;color:var(--mw-gold);font-variant-numeric:lining-nums;animation:mw-auf-clip 1600ms 300ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="jahr-text"]{font-size:13px;font-weight:300;line-height:1.6;color:var(--mw-text);max-width:28ch;animation:mw-auf-clip 1200ms 700ms var(--mw-ease-out) both} @keyframes mw-auf-clip{from{clip-path:inset(0 100% 0 0);translate:-12px 0}to{clip-path:inset(0 0 0 0);translate:0 0}} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-typo"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 16px 40px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-typo"]::before{display:none}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] [data-yr]{font-weight:100 !important;font-size:clamp(40px,5vw,84px) !important;letter-spacing:-.04em !important;color:#b9c4ca !important;filter:none !important;transition:color 700ms var(--mw-ease),opacity 600ms var(--mw-ease) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-yr]{color:var(--mw-gold) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article span[style*="width: 15px"]{border-color:var(--mw-gold) !important;border-width:1px !important;width:11px !important;height:11px !important;right:calc(var(--g) / -2 - 5.5px) !important;background:#fff !important;transition:background-color 500ms var(--mw-ease),scale 600ms var(--mw-ease-out) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] > div:first-child > span[style*="width: 15px"]{background:var(--mw-gold) !important;scale:1.35} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] [data-body]{filter:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] h2{font-weight:100 !important;font-size:clamp(30px,3vw,48px) !important;letter-spacing:-.03em !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2{animation:mw-auf-clip 1100ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:mw-zeilen 1100ms 200ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] blockquote p{font-style:normal !important;font-weight:200 !important;color:var(--mw-gold-text) !important;border-left:1px solid var(--mw-gold);padding-left:18px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] nav[aria-label="Jahre"] button > span[aria-hidden="true"]{height:1px !important;background:var(--mw-gold) !important;width:22px !important;margin-left:-11px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] nav[aria-label="Jahre"] button[aria-current="true"]{color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] > div > div[aria-hidden="true"][style*="width: 1px"]{background:linear-gradient(var(--mw-linie-raster),var(--mw-linie-raster)) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="height: 8px"][style*="border-radius: 999px"]{height:18px !important;padding:8px 0 !important;background-clip:content-box !important;width:18px !important;background-color:var(--mw-linie-raster) !important;transition:width 420ms var(--mw-ease-out),background-color 300ms var(--mw-ease) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="height: 8px"][style*="border-radius: 999px"][style*="width: 24px"]{width:38px !important;background-color:var(--mw-gold) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="height: 8px"][style*="border-radius: 999px"]:hover{background-color:var(--mw-blau) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="jahr-gross"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="jahr-text"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:none !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) figcaption{max-width:none !important;text-wrap:wrap !important;font-size:13px !important;font-weight:300 !important;line-height:1.6 !important;color:var(--mw-text-leise) !important;padding-left:12px;border-left:1px solid var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="schluss"]{margin:0;font-family:var(--font-core);font-weight:100;font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="schluss"] strong{font-weight:200 !important;color:var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article[data-ch] [data-body] > [data-mw="cta"]{margin-top:-14px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 3 / 4"]:has(> img[style*="transform-origin: 50% 0"]){aspect-ratio:2 / 3 !important;max-width:380px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) img[style*="transform-origin: 50% 0"][style*="object-position: center top"]{object-fit:contain !important;transform:none !important;object-position:center bottom !important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 70%,transparent 100%);mask-composite:intersect} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) img[style*="object-fit: cover"]{object-fit:contain !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]{background:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] img{object-position:center center !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > img{background:transparent} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-gold]{background:var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-gold]::before{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="teambild"]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom !important;display:block} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:not([data-mw-klein]){min-height:clamp(480px,66vh,720px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"]{gap:22px;padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(48px,5.5vw,80px);overflow:visible} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wortmarke"]{font-size:clamp(32px,8.6vw,118px) !important;line-height:1 !important;letter-spacing:-.038em !important;white-space:nowrap !important;padding-bottom:.12em !important;overflow:visible !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="ausmacht"]{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);gap:clamp(24px,3vw,40px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab"]{padding:18px 40px 20px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="tab-titel"]{font-size:clamp(22px,2.1vw,30px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Impressionen"]{padding-bottom:72px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Impressionen"] h2{margin-bottom:8px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-weiss]{background:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-farbe] img{filter:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-farbe]{background:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q] p{color:var(--mw-blau) !important;font-weight:200 !important;font-size:clamp(20px,1.7vw,27px) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q]{transition:opacity 700ms var(--mw-ease) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q][data-mw-an] p{animation:mw-frage 1100ms var(--mw-ease-out) both} @keyframes mw-frage{from{clip-path:inset(0 100% 0 0);translate:-14px 0}to{clip-path:inset(0 -10% 0 0);translate:0 0}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q][data-mw-an] p{animation:none !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div) > div{overflow:hidden} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-chronik]{justify-content:center;gap:0 !important;padding-top:28px !important;padding-bottom:32px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-buehne"]{display:flex;flex-direction:column;gap:6px;width:100%} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-bild"]{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#fff;--mw-luft:clamp(18px,2.4vw,30px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-bild"] img{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:var(--mw-luft) 0;object-fit:contain;display:block} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-bild"] img[data-mw="chronik-oben"]{clip-path:inset(0 0 100% 0)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-strich"]{position:absolute;left:0;right:0;height:1px;background:var(--mw-gold);top:round(down, 100% - 1px, 1px);z-index:2;pointer-events:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-buehne"]{position:static} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-zeile"]{display:flex;align-items:flex-end;gap:clamp(16px,2vw,28px);min-height:1em} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-jahr"]{display:flex;font-family:var(--font-core);font-weight:100;font-size:clamp(64px,7.4vw,120px);line-height:1;height:1em;letter-spacing:-.03em;color:var(--mw-gold);font-variant-numeric:lining-nums tabular-nums;flex:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="ziffer"]{display:block;height:1em;overflow:hidden} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="rolle"]{display:flex;flex-direction:column;transition:transform 1300ms cubic-bezier(.75,0,.2,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="rolle"] > span{display:block;height:1em;line-height:1em} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-text"]{display:flex;flex-direction:column;gap:6px;padding-bottom:.9em;min-width:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-ort"]{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mw-text);animation:mw-chronik-ein 900ms 250ms var(--mw-ease-out) both} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-titel"]{font-size:clamp(16px,1.35vw,21px);font-weight:300;line-height:1.3;color:var(--mw-blau);animation:mw-chronik-ein 1100ms 420ms var(--mw-ease-out) both} @keyframes mw-chronik-ein{from{clip-path:inset(0 100% 0 0);translate:-16px 0}to{clip-path:inset(0 -10% 0 0);translate:0 0}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-lauf"]{height:1px;background:var(--mw-linie-raster);position:relative;overflow:hidden;margin-top:4px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-lauf"] > span{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mw-gold)} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="rolle"]{transition:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-ort"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="chronik-titel"]{animation:none}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf-voll"]{background:transparent !important;transition:border-color 300ms var(--mw-ease),color 200ms var(--mw-ease),letter-spacing 400ms var(--mw-ease-out) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf"]:hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="knopf-voll"]:hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important;letter-spacing:.22em} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a:first-child{background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-links"] > a:first-child:hover{background-size:0% 1px !important;background-position:right bottom !important;color:var(--mw-ink) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]:hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]:hover{background:#fff !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-gold]{background:#fff} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1:not([data-mw]){max-width:26ch !important;text-wrap:balance} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) h2[style*="max-width: 22ch"]{max-width:34ch !important;text-wrap:balance} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="ziffer"]{width:.64em;text-align:center} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{overflow:visible !important;margin-bottom:68px;border-radius:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{transform:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]{top:calc(100% + 16px) !important;bottom:auto !important;left:auto !important;transform:none !important;width:44px !important;height:44px !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-color:var(--mw-gold) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="zurueck"]{right:58px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="vor"]{right:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf] > span{width:8px !important;height:8px !important;border-top-width:1px !important;border-right-width:1px !important;border-color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]:hover{background:#fff !important;scale:1.06;border-color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="zurueck"]:hover > span{translate:-4px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="vor"]:hover > span{translate:4px 0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]:active > span{transition-duration:120ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article [data-body] :is(h2,h3,p,blockquote,figcaption,ul,span[data-mw]){transition:opacity 600ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article:not([data-mw-aktiv]) [data-body] :is(h2,h3,p,blockquote,figcaption,ul){opacity:.3} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article img, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article video{opacity:1 !important;filter:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[aria-label^="Bild "], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) button[aria-label^="Bild "] img{opacity:1 !important;filter:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div){--mw-luft:clamp(22px,3.2vw,40px);--mw-strich-oben:0px;--mw-strich-unten:round(down, 100% - 1px, 1px);background:#fff !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div) img{inset:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;padding:var(--mw-luft) 0 !important;object-fit:contain !important;background:transparent !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div) > img{clip-path:inset(0 0 0 0);filter:none !important;transition:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 0 100% 0);transition:clip-path 3200ms cubic-bezier(.65,0,.35,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(100% 0 0 0)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-schnell]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 1900ms cubic-bezier(.7,0,.25,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"] > div{background:transparent !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"]::before, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-typo"]::before{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-typo"]{border-left:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]::after{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw-rundknopf]:hover{scale:1.05} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg circle[stroke="var(--mw-gold)"]{transform-box:fill-box;transform-origin:center} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg circle[stroke="var(--mw-gold)"][fill="#fff"]{opacity:0;scale:.2;transition:opacity 300ms var(--mw-ease),scale 300ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg circle[stroke="var(--mw-gold)"][fill="var(--mw-gold)"]{animation:mw-punkt 1100ms var(--mw-ease-out) both} @keyframes mw-punkt{0%{opacity:0;scale:.2}45%{opacity:1;scale:1.7}70%{scale:.9}100%{opacity:1;scale:1}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] > div:first-child > span[style*="width: 15px"]{animation:mw-punkt-zs 1000ms var(--mw-ease-out) both} @keyframes mw-punkt-zs{0%{scale:.3}50%{scale:1.8}100%{scale:1.35}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg circle[stroke="var(--mw-gold)"]{animation:none !important;opacity:1 !important;scale:1 !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) span[aria-hidden="true"][style*="width: 5px"][style*="height: 5px"][style*="border-radius: 50%"]{background:var(--mw-gold) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1[data-mw="claim"]{font-size:clamp(14px,1.25vw,18px) !important;max-width:42ch !important;line-height:1.5 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1 em::after{height:.5px !important;bottom:-.04em !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1[data-mw="claim"] em:first-of-type::after{animation-delay:700ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] h1[data-mw="claim"] em:last-of-type::after{animation-delay:1050ms} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"]{border:0 !important;box-shadow:none !important;outline:0 !important;background:#fff !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > a > span{color:inherit !important;font-weight:300 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > a{color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] > div[style*="position: absolute"] > a:hover{color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) header[data-dc-tpl] :is(a,button):focus:not(:focus-visible){outline:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg:has(circle[stroke="var(--mw-gold)"]) path[stroke="var(--border-rule)"]{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="signet"] path, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"] svg path{stroke:currentColor;stroke-width:.45px !important;vector-effect:non-scaling-stroke;stroke-linejoin:round} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg.lm line, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg.lm circle{vector-effect:non-scaling-stroke;stroke-width:1px !important;shape-rendering:geometricPrecision} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg.lm line, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg.lm > circle[fill="none"]{stroke:var(--mw-blau) !important;stroke-opacity:1} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) svg.lm circle[fill="#fff"]{stroke:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Team Hero"]{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Team"]{padding-top:clamp(150px,16vh,190px) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Team"] div[style*="position: sticky"][style*="margin-top: -90px"]{margin-top:0 !important;top:110px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) img[style*="transform-origin: 50% 0"][style*="object-position: center top"]{-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important;filter:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q]{border-bottom:1px solid var(--mw-linie-raster)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q]:last-child{border-bottom:0} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"]::before{display:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"]{margin-bottom:0;border-radius:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > img{transition:clip-path 1300ms var(--mw-ease-out),scale 1600ms var(--mw-ease-out) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > img[style*="opacity: 1"]{animation:mw-projekt-wisch 900ms cubic-bezier(.7,0,.25,1) both} @keyframes mw-projekt-wisch{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]{top:auto !important;bottom:14px !important;left:auto !important;transform:none !important;width:38px !important;height:38px !important;color:#0b0e10 !important;background:rgba(255,255,255,.5) !important;border:1px solid rgba(255,255,255,.65) !important;-webkit-backdrop-filter:blur(7px) !important;backdrop-filter:blur(7px) !important;opacity:0;transition:opacity 260ms var(--mw-ease),background-color 220ms var(--mw-ease)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"]:hover > button[data-mw-rundknopf], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]:focus-visible{opacity:1} @media (hover:none){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]{opacity:1}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-richtung="zurueck"]{right:62px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-richtung="vor"]{right:14px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf] > span{width:7px !important;height:7px !important;border-top-width:1px !important;border-right-width:1px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]:hover{background:rgba(255,255,255,.82) !important;border-color:rgba(255,255,255,.9) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-bild"] > img{animation:none !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section p:not([data-mw]), :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) article p:not([data-mw]), :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="panel"] p{font-weight:400 !important;color:#2e3438 !important;line-height:1.72 !important;letter-spacing:.003em !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-text"] > p:not([data-mw]){font-weight:400 !important;color:#2e3438 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) p[style*="font-size: clamp(15px, 1.05vw, 17px)"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) p[style*="font-size: clamp(16px, 1.1vw, 18px)"]{font-size:17px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) li[data-q] p{font-weight:200 !important;color:var(--mw-blau) !important;line-height:1.35 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-screen-label="Zeitstrahl"] blockquote p{font-weight:200 !important;color:var(--mw-gold) !important;line-height:1.35 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section p[style*="text-transform: uppercase"]{font-weight:500 !important;color:var(--mw-blau) !important;line-height:1.8 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section p[style*="font-family: var(--font-display)"]:not([style*="italic"]){font-weight:300 !important;line-height:1.5 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section li[data-q] p[style*="font-family"]:not([data-mw]){font-weight:200 !important;line-height:1.35 !important;color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] h2{font-size:clamp(26px,2.3vw,34px) !important;text-wrap:pretty !important;hyphens:manual !important;letter-spacing:-.02em !important;max-width:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] h2 br{display:none} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="projekt-text"] h2 br + span::before{content:" "} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]){min-height:clamp(600px,86vh,880px) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{flex:0 0 calc((clamp(600px,86vh,880px) - 76px - 2 * clamp(26px,3vh,40px)) * .6) !important;margin-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));--mw-luft:clamp(26px,3vh,40px)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] img{object-position:center center !important} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{flex:none !important;height:118vw !important;max-height:none !important;margin-right:0}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]){min-height:0 !important;align-items:stretch !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{padding-top:56px !important;padding-bottom:56px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{--mw-luft:14px;flex:0 0 auto !important;height:auto !important;align-self:stretch;margin-top:calc(56px - var(--mw-luft));margin-bottom:calc(56px - var(--mw-luft))} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{height:min(150vw,560px) !important;width:auto !important;margin:0 16px 32px !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{flex:0 1 auto !important;max-width:min(820px,58vw)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{margin-left:auto !important;margin-right:auto !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] img{padding-left:24px !important;padding-right:24px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:0 9% !important;transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -9% !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{translate:0 0 !important;transition:translate 2300ms cubic-bezier(.16,1,.3,1) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{transition:clip-path 1700ms cubic-bezier(.77,0,.18,1) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 1700ms cubic-bezier(.77,0,.18,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation-duration:1700ms;animation-timing-function:cubic-bezier(.77,0,.18,1)} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] img{translate:none !important}} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{max-width:none}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{--mw-luft:10px} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] img{padding-left:0 !important;padding-right:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:0 3% !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -3% !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{transition:translate 3200ms cubic-bezier(.22,1,.36,1) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{transition:clip-path 2600ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 2600ms cubic-bezier(.65,0,.35,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation-duration:2600ms;animation-timing-function:cubic-bezier(.65,0,.35,1)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]::after{height:1px;background:var(--mw-gold)} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation:mw-illu-ein 1800ms 300ms cubic-bezier(.65,0,.35,1) backwards} @keyframes mw-illu-ein{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation:none}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{background:var(--mw-grund-ton) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{box-sizing:border-box !important;padding:clamp(16px,2.4vw,36px) !important;object-fit:contain !important;background:transparent !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{transition:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{animation:mw-projekt-wisch 1100ms cubic-bezier(.65,0,.35,1) both} @media (prefers-reduced-motion:reduce){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{animation:none !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div{align-items:center !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:row !important;align-items:baseline;gap:28px !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[href^="mailto"], :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="tel"]{font-size:14px !important;font-weight:400 !important;letter-spacing:.02em !important;color:var(--mw-text-leise) !important;background:none !important;border:0 !important;text-decoration:none !important;line-height:1 !important;padding:0 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] a[href^="mailto"]:hover, :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="tel"]:hover{color:var(--mw-blau) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] > div > div:last-child a{line-height:1 !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span{color:var(--mw-text-leise) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span [data-mw="g"]{color:var(--mw-text-leise) !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"]{color:var(--mw-text-leise) !important} @media (max-width:760px){:where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:column !important;gap:8px !important}} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) img[data-mw="signet"]{display:block;width:47px !important;height:47px !important;object-fit:contain !important;transform:none !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) [data-mw="wm-block"] img[data-mw="wm-logo"]{display:block;height:40px !important;width:auto !important;object-fit:contain !important} :where(html[data-seite="forschung"],html[data-seite="gdm"],html[data-seite="podcast"],html[data-seite="recht"],html[data-seite="start"],html[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] img[data-mw="wm-logo"]{height:36px !important} /* nur: geschichte */ @font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/5685dd613a.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/a22390c38b.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/08f6b71e51.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/2d0897c1a2.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} :root:where([data-seite="geschichte"]){ --mw-blau:#006595; --mw-blau-tint:#d4e6f0; --mw-gold:#e3b505; --mw-gold-text:#e3b505; --mw-ink:#0b0e10; --mw-text:#42494d; --mw-text-leise:#6b7378; --mw-linie-raster:#d5e4ee; --mw-grund-ton:#eef1f2; --mw-ease:cubic-bezier(.2,0,.2,1); --mw-ease-out:cubic-bezier(.16,1,.3,1); --font-core:"Raleway",system-ui,-apple-system,"Segoe UI",sans-serif; --font-display:var(--font-core); --font-body:var(--font-core); --font-meta:var(--font-core); --font-mono:var(--font-core); --blue-950:#0b0e10; --blue-900:#0b0e10; --blue-800:#0b0e10; --blue-700:#006595; --blue-600:#006595; --blue-500:#006595; --blue-400:#006595; --blue-300:#d4e6f0; --blue-200:#d4e6f0; --blue-100:#d5e4ee; --blue-50:#eef1f2; --paper-50:#ffffff; --paper-100:#eef1f2; --paper-200:#d5e4ee; --paper-300:#d5e4ee; --ink:#0b0e10; --ink-soft:#141a1e; --ink-line:#242a2e; --ink-line-strong:#3a4247; --ink-text:#d4e6f0; --neutral-950:#0b0e10; --neutral-900:#0b0e10; --neutral-800:#42494d; --neutral-700:#42494d; --neutral-600:#6b7378; --neutral-500:#6b7378; --neutral-400:#8d979c; --neutral-300:#d5e4ee; --neutral-200:#d5e4ee; --neutral-100:#eef1f2; --neutral-50:#f4f7f8; --amber-500:#e3b505; --amber-100:#ffffff; --amber-600:#e3b505; --dlw-yellow:#e3b505; --dlw-yellow-ink:#8f6b00; --dlw-yellow-soft:#eef1f2; --text-strong:#006595; --text-body:#42494d; --text-muted:#6b7378; --text-subtle:#6b7378; --text-meta:#6b7378; --text-brand:#006595; --text-link:#006595; --text-link-hover:#0b0e10; --surface-paper:#ffffff; --surface-paper-deep:#eef1f2; --surface-muted:#eef1f2; --surface-sunken:#eef1f2; --surface-brand-soft:#eef1f2; --surface-brand-tint:#d4e6f0; --surface-inverse:#0b0e10; --border-rule:#d5e4ee; --border-subtle:#d5e4ee; --border-default:#d5e4ee; --border-strong:#8d979c; --focus-ring:#e3b505; --tracking-meta:0.22em; --tracking-caps:0.18em; --type-meta:500 var(--text-2xs)/1.3 var(--font-meta); --type-index:500 var(--text-xs)/1 var(--font-meta); --type-body:300 var(--text-base)/1.7 var(--font-body); --type-body-sm:300 var(--text-sm)/1.6 var(--font-body); --type-lead:200 var(--text-lg)/1.6 var(--font-body); --type-h3:500 var(--text-lg)/1.3 var(--font-core); --type-h4:500 var(--text-md)/1.3 var(--font-core); --type-label:600 var(--text-xs)/1.3 var(--font-core); --type-eyebrow:600 var(--text-2xs)/1.2 var(--font-core); --weight-regular:300; --radius-xs:0; --radius-sm:0; --radius-md:0; --radius-lg:0; --radius-xl:0; --radius-2xl:0; --radius-pill:0; --radius-control:0; --radius-card:0; --radius-dialog:0; --radius-media:0; --radius-tag:0; --shadow-hairline:0 0 0 1px #d5e4ee; --shadow-xs:none; --shadow-sm:none; --shadow-md:none; --shadow-lg:none; --shadow-xl:none; --shadow-brand:none; --ring-focus:0 0 0 1px #fff,0 0 0 2px #e3b505; --ring-focus-inverse:0 0 0 1px #0b0e10,0 0 0 2px #e3b505; --margin-editorial:clamp(20px,4.4vw,56px); --control-height-md:44px; --control-height-lg:48px; } html:where([data-seite="geschichte"]){scroll-padding-top:96px} :where(html[data-seite="geschichte"]) body{font-weight:300;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;color:var(--mw-text)} :where(html[data-seite="geschichte"]) ::selection{background:var(--mw-gold);color:var(--mw-ink)} :where(html[data-seite="geschichte"]) *, :where(html[data-seite="geschichte"]) *::before, :where(html[data-seite="geschichte"]) *::after{border-radius:0 !important} :where(html[data-seite="geschichte"]) [data-mw-rund]{border-radius:50% !important} :where(html[data-seite="geschichte"]) :focus-visible{outline:1px solid var(--mw-gold) !important;outline-offset:3px !important;box-shadow:none !important} :where(html[data-seite="geschichte"]) strong, :where(html[data-seite="geschichte"]) b{font-weight:500} :where(html[data-seite="geschichte"]) h1, :where(html[data-seite="geschichte"]) h2{text-wrap:balance} :where(html[data-seite="geschichte"]) p span[style*="font-weight: 600"], :where(html[data-seite="geschichte"]) p strong{font-weight:500 !important} :where(html[data-seite="geschichte"]) em{font-style:normal} :where(html[data-seite="geschichte"]) span[style*="height: 3px"][style*="dlw-yellow"], :where(html[data-seite="geschichte"]) span[style*="height: 2px"][style*="dlw-yellow"]{height:1px !important;width:26px !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl]{padding:0 max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important;background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:saturate(1.2) blur(14px) !important;backdrop-filter:saturate(1.2) blur(14px) !important;border-bottom-color:transparent !important;gap:34px !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl][data-mw-scrolled]{border-bottom-color:var(--mw-linie-raster) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav{gap:clamp(18px,2.3vw,34px) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a, :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > button{position:relative;font-family:var(--font-core) !important;font-size:13px !important;font-weight:200 !important;letter-spacing:.22em !important;color:var(--mw-blau) !important;text-decoration:none !important;transition:color 200ms var(--mw-ease) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a::after, :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > button::after{content:"";position:absolute;left:0;right:.22em;bottom:-9px;height:1px;background:var(--mw-gold);transform:scaleX(0);transform-origin:left center;transition:transform 320ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a:hover, :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > button:hover{color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a:hover::after, :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > button:hover::after{transform:scaleX(1)} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a[aria-current="page"]{color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a[aria-current="page"]::after{transform:scaleX(1)} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]{display:inline-flex !important;font-family:var(--font-core) !important;text-transform:none;font-size:16px !important;font-weight:600 !important;align-items:center;height:44px;padding:0 24px !important;border:1px solid var(--mw-gold) !important;letter-spacing:-.004em !important;transition:background-color 200ms var(--mw-ease),color 200ms var(--mw-ease) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]::after{display:none} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]:hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > button > span[aria-hidden="true"]{border-color:currentColor !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important;box-shadow:none !important;padding:10px !important;animation:mw-fall 260ms var(--mw-ease-out) both !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > span{font-size:10px !important;font-weight:600 !important;letter-spacing:.36em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > a{font-weight:300 !important;color:var(--mw-text) !important;transition:color 160ms var(--mw-ease),padding-left 240ms var(--mw-ease-out) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > a:hover{color:var(--mw-blau) !important;padding-left:22px !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > a > span{color:var(--mw-gold-text) !important;font-weight:500 !important} :where(html[data-seite="geschichte"]) [data-mw="home"]{display:flex;align-items:center;line-height:0;color:var(--mw-blau);text-decoration:none;border:0} :where(html[data-seite="geschichte"]) [data-mw="signet"]{display:block;width:47px;height:47px;flex:none;transition:transform 600ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw="home"]:hover [data-mw="signet"]{transform:scale(1.06)} :where(html[data-seite="geschichte"]) [data-mw="wm-scharnier"]{font-family:var(--font-core);font-weight:100;font-size:26px;line-height:1.2;letter-spacing:-.012em;color:var(--mw-blau);white-space:nowrap} :where(html[data-seite="geschichte"]) [data-mw="wm-scharnier"] svg{display:inline-block;width:1.32em;height:1.32em;vertical-align:-.295em;margin:0 .16em} :where(html[data-seite="geschichte"]) [data-mw="g"]{color:var(--mw-gold)} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]{position:relative;display:flex;align-items:stretch;min-height:clamp(480px,72vh,760px);padding-top:76px;background:#fff;color:var(--mw-text);overflow:hidden;box-sizing:border-box} :where(html[data-seite="geschichte"]) section[data-mw="buehne"][data-mw-klein]{min-height:clamp(400px,56vh,600px)} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"]{flex:1.9 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:56px 48px 64px max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));box-sizing:border-box} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1{margin:0 !important;padding:0 !important;font-family:var(--font-display) !important;font-weight:200 !important;color:var(--mw-blau) !important;letter-spacing:-.03em !important;line-height:1.04 !important;max-width:18ch;text-wrap:balance} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1 em{font-style:normal !important;font-weight:200 !important;color:inherit !important;position:relative;white-space:nowrap} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:1px;background:var(--mw-gold);transform-origin:left center;animation:mw-strich 1100ms 900ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] > p:not([data-mw]){margin:0 !important;font-family:var(--font-body) !important;font-weight:200 !important;font-size:17px !important;line-height:1.68 !important;color:var(--mw-text) !important;max-width:46ch;width:auto !important;min-width:0 !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-label"]{font-size:10px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:var(--mw-text-leise);display:flex;align-items:center;gap:14px} :where(html[data-seite="geschichte"]) [data-mw="buehne-label"]::before{content:"";width:26px;height:1px;background:var(--mw-gold);transform-origin:left;animation:mw-strich 900ms 200ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]{flex:1 1 0;min-width:0;position:relative;overflow:hidden;background:var(--mw-grund-ton)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::before{display:none} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] img{animation:mw-bild 1600ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"]{margin:0;font-family:var(--font-core);font-weight:100;font-size:clamp(30px,8.2vw,112px);line-height:.92;letter-spacing:-.038em;white-space:nowrap;color:var(--mw-blau);animation:mw-spur 1600ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"] > span[aria-hidden]{display:block} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"] i{font-style:normal;display:inline-block;animation:mw-buchstabe 1000ms var(--mw-ease-out) both;animation-delay:calc(var(--i) * 55ms + 200ms)} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"] i[data-mw="g"]{animation-name:mw-buchstabe,mw-gold;animation-duration:1000ms,1600ms;animation-delay:calc(var(--i) * 55ms + 200ms),calc(var(--i) * 55ms + 1000ms)} :where(html[data-seite="geschichte"]) [data-mw="sr"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1[data-mw="claim"]{font-size:clamp(14px,1.25vw,18px) !important;font-weight:100 !important;letter-spacing:.012em;line-height:1.5;max-width:40ch;color:var(--mw-text-leise) !important} :where(html[data-seite="geschichte"]) [data-mw="cta"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding-top:6px;pointer-events:auto} :where(html[data-seite="geschichte"]) [data-mw="knopf"], :where(html[data-seite="geschichte"]) [data-mw="knopf-voll"]{display:inline-flex;align-items:center;box-sizing:border-box;height:48px;padding:0 26px;font-family:var(--font-core);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid var(--mw-gold);color:var(--mw-blau);background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left/0% 100%;transition:background-size 360ms var(--mw-ease-out),color 200ms var(--mw-ease)} :where(html[data-seite="geschichte"]) [data-mw="knopf"]:hover{background-size:100% 100%;color:var(--mw-ink)} :where(html[data-seite="geschichte"]) [data-mw="textlink"]{font-size:13px;font-weight:300;color:var(--mw-blau);text-decoration:none;padding-bottom:3px;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px;transition:background-size 320ms var(--mw-ease-out),color 200ms} :where(html[data-seite="geschichte"]) [data-mw="textlink"]:hover{color:var(--mw-ink);background-size:0% 1px;background-position:right bottom} :where(html[data-seite="geschichte"]) section[data-mw="kennzahlen"]{background:var(--mw-ink);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)))} :where(html[data-seite="geschichte"]) [data-mw="zelle"]{padding:28px 24px 30px;border-left:1px solid #242a2e;min-width:0} :where(html[data-seite="geschichte"]) [data-mw="zelle"]:first-child{border-left:0;padding-left:0} :where(html[data-seite="geschichte"]) [data-mw="zahl"]{font-family:var(--font-core);font-size:40px;font-weight:200;line-height:1;letter-spacing:-.03em;color:var(--mw-gold);font-variant-numeric:tabular-nums lining-nums} :where(html[data-seite="geschichte"]) [data-mw="wort"]{font-size:13px;font-weight:300;line-height:1.5;color:var(--mw-blau-tint);padding-top:8px;max-width:30ch} :where(html[data-seite="geschichte"]) h2[style*="var(--font-display)"]{font-weight:200 !important;letter-spacing:-.03em !important} :where(html[data-seite="geschichte"]) h3{font-weight:500} :where(html[data-seite="geschichte"]) [style*="font-family: var(--font-meta)"]{font-weight:500} :where(html[data-seite="geschichte"]) [style*="background: var(--blue-50)"]{background:var(--mw-grund-ton) !important} :where(html[data-seite="geschichte"]) button[style*="--control-height"], :where(html[data-seite="geschichte"]) a[style*="--control-height"]{font-size:11px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;height:44px !important;padding:0 24px !important} :where(html[data-seite="geschichte"]) button[style*="--control-height"][style*="background: var(--blue-600)"], :where(html[data-seite="geschichte"]) a[style*="--control-height"][style*="background: var(--blue-600)"]{background:var(--mw-blau) !important;border-color:var(--mw-blau) !important;color:#fff !important} :where(html[data-seite="geschichte"]) button[style*="--control-height"][style*="background: var(--blue-600)"]:hover, :where(html[data-seite="geschichte"]) a[style*="--control-height"][style*="background: var(--blue-600)"]:hover{background:var(--mw-ink) !important;border-color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]), :where(html[data-seite="geschichte"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]){background:transparent !important;border:1px solid var(--mw-gold) !important;color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover, :where(html[data-seite="geschichte"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]{border-radius:50% !important;background:rgba(255,255,255,.52) !important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:1px solid var(--mw-gold) !important;box-shadow:none !important;color:var(--mw-blau) !important;transition:background-color 380ms var(--mw-ease),border-color 380ms var(--mw-ease),scale 520ms var(--mw-ease-out),color 240ms var(--mw-ease) !important;overflow:visible} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]::after{content:"";position:absolute;inset:-1px;border-radius:50% !important;border:1px solid var(--mw-gold);opacity:0;scale:1;pointer-events:none;transition:opacity 600ms var(--mw-ease),scale 700ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]:not([style*="position: absolute"]):not([style*="position: fixed"]){position:relative} :where(html[data-seite="geschichte"]) [data-mw-rundknopf] > *{transition:translate 420ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]:hover{background:rgba(255,255,255,.86) !important;border-color:var(--mw-gold) !important;scale:1.08} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]:hover::after{opacity:.55;scale:1.32} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]:active{scale:.96} :where(html[data-seite="geschichte"]) [data-mw-rundknopf][data-mw-richtung="zurueck"]:hover > *{translate:-3px 0} :where(html[data-seite="geschichte"]) [data-mw-rundknopf][data-mw-richtung="vor"]:hover > *{translate:3px 0} :where(html[data-seite="geschichte"]) [data-mw-rundknopf][data-mw-richtung="hoch"]:hover > *{translate:0 -3px} :where(html[data-seite="geschichte"]) [data-mw-rundknopf][style*="background: var(--blue-600)"]{background:rgba(0,101,149,.72) !important;color:#fff !important;border-color:rgba(255,255,255,.35) !important} :where(html[data-seite="geschichte"]) [data-mw-rundknopf][style*="background: var(--blue-600)"]:hover{background:rgba(0,101,149,.9) !important} :where(html[data-seite="geschichte"]) [data-mw-rundknopf] span[aria-hidden="true"]{border-color:currentColor !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]{background:rgba(255,255,255,.6) !important;color:var(--mw-blau) !important;border-color:var(--mw-gold) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]:hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) button[aria-label^="Bild "][style*="border: 2px solid var(--blue-600)"]{border-color:var(--mw-gold) !important} :where(html[data-seite="geschichte"]) div[role="dialog"][aria-label^="Cookies"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important;box-shadow:none !important} :where(html[data-seite="geschichte"]) div[role="dialog"][aria-label^="Cookies"] strong{font-weight:500 !important;color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"]{border-top:1px solid var(--mw-gold)} :where(html[data-seite="geschichte"]) [data-mw="wm-block"]{display:flex;align-items:center;gap:18px;color:var(--mw-blau);text-decoration:none;border:0} :where(html[data-seite="geschichte"]) [data-mw="wm-block"] svg{width:58px;height:58px;flex:none} :where(html[data-seite="geschichte"]) [data-mw="wm-block"] span{font-family:var(--font-core);font-size:28px;font-weight:100;line-height:1.08;letter-spacing:-.012em} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[href^="mailto"]{font-weight:200 !important} @keyframes mw-strich{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes mw-strich-y{from{transform:scaleY(0)}to{transform:scaleY(1)}} @keyframes mw-buchstabe{from{opacity:0;transform:translateY(.42em) scaleY(1.08)}to{opacity:1;transform:none}} :where(html[data-seite="geschichte"]) [data-mw="kopf"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-image:linear-gradient(90deg,rgba(227,181,5,0) 0%,rgba(227,181,5,.95) 45%,rgba(227,181,5,.95) 55%,rgba(227,181,5,0) 100%),linear-gradient(90deg,rgba(227,181,5,.3) 0%,rgba(227,181,5,.3) 100%);background-repeat:no-repeat,no-repeat;background-size:36% 100%,100% 100%;background-position:-40% 0,0 0;animation:mw-goldzug 9s cubic-bezier(.42,0,.58,1) infinite;pointer-events:none} @keyframes mw-goldzug{0%{background-position:-40% 0,0 0}100%{background-position:140% 0,0 0}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="kopf"]::after{animation:none;background-position:50% 0}} :where(html[data-seite="geschichte"]) .mw-a11y-ruhig [data-mw="kopf"]::after{animation:none;background-position:50% 0} @keyframes mw-spur{from{letter-spacing:.05em}to{letter-spacing:-.038em}} @keyframes mw-gold{from{color:var(--mw-blau)}to{color:var(--mw-gold)}} @keyframes mw-bild{from{opacity:.4;scale:1.06}to{opacity:1;scale:1}} @keyframes mw-fall{from{opacity:.4;translate:0 -6px}to{opacity:1;translate:0 0}} @keyframes mw-auf{from{opacity:.35;translate:0 22px}to{opacity:1;translate:0 0}} :where(html[data-seite="geschichte"]) [data-mw-reveal]{transition:translate 800ms var(--mw-ease-out),opacity 700ms var(--mw-ease-out);transition-delay:var(--mw-d,0ms)} :where(html[data-seite="geschichte"]) [data-mw-reveal="wartet"]{translate:0 22px;opacity:.5} :where(html[data-seite="geschichte"]) [data-mw-reveal="da"]{translate:0 0} :where(html[data-seite="geschichte"]) [data-mw-linie]{transform-origin:left center;transition:scale 1100ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw-linie="wartet"]{scale:0 1} :where(html[data-seite="geschichte"]) [data-mw-linie="da"]{scale:1 1} :where(html[data-seite="geschichte"]) #mw-menu-knopf{display:none} :where(html[data-seite="geschichte"]) #mw-menu{position:fixed;inset:0;z-index:300;background:var(--mw-ink);color:#fff;padding:96px max(20px,env(safe-area-inset-left,0px)) 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow:auto;visibility:hidden;opacity:0;transition:opacity 260ms var(--mw-ease),visibility 0s 260ms} :where(html[data-seite="geschichte"]) #mw-menu[data-offen]{visibility:visible;opacity:1;transition:opacity 260ms var(--mw-ease)} :where(html[data-seite="geschichte"]) #mw-menu a{font-family:var(--font-core);font-size:clamp(28px,8vw,40px);font-weight:200;letter-spacing:-.03em;line-height:1.25;color:#fff;text-decoration:none;border:0;translate:0 12px;opacity:0;transition:translate 500ms var(--mw-ease-out),opacity 500ms var(--mw-ease-out),color 160ms} :where(html[data-seite="geschichte"]) #mw-menu[data-offen] a{translate:0 0;opacity:1} :where(html[data-seite="geschichte"]) #mw-menu a:hover{color:var(--mw-gold)} :where(html[data-seite="geschichte"]) #mw-menu a[data-klein]{font-size:17px;font-weight:300;letter-spacing:0;color:var(--mw-blau-tint)} :where(html[data-seite="geschichte"]) #mw-menu [data-mw="menu-label"]{font-size:10px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:#8d979c;padding:22px 0 6px;border-top:1px solid #242a2e;margin-top:14px} :where(html[data-seite="geschichte"]) #mw-menu a[data-mw="menu-kontakt"]{align-self:flex-start;margin-top:24px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;height:48px;display:inline-flex;align-items:center;padding:0 26px;border:1px solid var(--mw-gold)} @media (max-width:900px){:where(html[data-seite="geschichte"]) header[data-dc-tpl] nav{display:none !important} :where(html[data-seite="geschichte"]) #mw-menu-knopf{display:inline-flex;position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:310;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--mw-gold);background:#fff;color:var(--mw-blau);cursor:pointer;padding:0} :where(html[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"]{background:var(--mw-ink);color:#fff} :where(html[data-seite="geschichte"]) #mw-menu-knopf span, :where(html[data-seite="geschichte"]) #mw-menu-knopf span::before, :where(html[data-seite="geschichte"]) #mw-menu-knopf span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;transition:transform 260ms var(--mw-ease),background-color 160ms} :where(html[data-seite="geschichte"]) #mw-menu-knopf span::before, :where(html[data-seite="geschichte"]) #mw-menu-knopf span::after{content:"";position:absolute;left:0} :where(html[data-seite="geschichte"]) #mw-menu-knopf span::before{top:-6px} :where(html[data-seite="geschichte"]) #mw-menu-knopf span::after{top:6px} :where(html[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"] span{background:transparent} :where(html[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} :where(html[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}} @media (max-width:760px){:where(html[data-seite="geschichte"]) [data-mw="wm-scharnier"]{font-size:20px;font-weight:200} :where(html[data-seite="geschichte"]) [data-mw="wm-scharnier"] > span, :where(html[data-seite="geschichte"]) [data-mw="wm-scharnier"] > [data-mw="g"]{display:none} :where(html[data-seite="geschichte"]) [data-mw="wm-scharnier"] svg{width:44px;height:44px;margin:0;vertical-align:middle} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]{flex-direction:column;min-height:0 !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"]{padding:40px max(16px,env(safe-area-inset-left,0px)) 36px} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]{flex:none;height:64vw;max-height:420px} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::before{top:0;left:0;right:0;bottom:auto;width:auto;height:1px;transform-origin:left center;animation-name:mw-strich} :where(html[data-seite="geschichte"]) section[data-mw="kennzahlen"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px} :where(html[data-seite="geschichte"]) [data-mw="zelle"]:nth-child(3){border-left:0;padding-left:0} :where(html[data-seite="geschichte"]) [data-mw="zelle"]:nth-child(n/**/+3){border-top:1px solid #242a2e} :where(html[data-seite="geschichte"]) [data-mw="zelle"]{padding:22px 14px 24px} :where(html[data-seite="geschichte"]) [data-mw="zahl"]{font-size:32px} :where(html[data-seite="geschichte"]) [data-mw="wm-block"] svg{width:46px;height:46px} :where(html[data-seite="geschichte"]) [data-mw="wm-block"] span{font-size:22px;font-weight:200}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw-reveal], :where(html[data-seite="geschichte"]) [data-mw-linie]{translate:none !important;scale:none !important;opacity:1 !important;transition:none !important} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"], :where(html[data-seite="geschichte"]) [data-mw="wortmarke"] i, :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] img, :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::before, :where(html[data-seite="geschichte"]) [data-mw="buehne-label"]::before, :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1 em::after{animation:none !important} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"] i[data-mw="g"]{color:var(--mw-gold)}} :where(html[data-seite="geschichte"]) section[data-mw="ausmacht"]{padding:clamp(72px,9vw,128px) max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));display:flex;flex-direction:column;gap:clamp(34px,4vw,56px);background:#fff} :where(html[data-seite="geschichte"]) [data-mw="ausmacht-kopf"]{display:flex;flex-direction:column;gap:14px} :where(html[data-seite="geschichte"]) [data-mw="ausmacht-kopf"] h2{margin:0;font-family:var(--font-display);font-weight:200;font-size:clamp(32px,3.6vw,52px);line-height:1.05;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="geschichte"]) [data-mw="kapitel"]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch} :where(html[data-seite="geschichte"]) [data-mw="kapitel-liste"]{display:flex;flex-direction:column;border-top:1px solid var(--mw-linie-raster)} :where(html[data-seite="geschichte"]) [data-mw="tab"]{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"titel" "sub";align-items:baseline;gap:6px 0;width:100%;padding:24px 40px 26px 0;border:0;border-bottom:1px solid var(--mw-linie-raster);background:none;cursor:pointer;text-align:left;font-family:var(--font-core);color:var(--mw-text-leise)} :where(html[data-seite="geschichte"]) [data-mw="tab-nr"]{grid-area:nr;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--mw-text-leise);transition:color 300ms var(--mw-ease)} :where(html[data-seite="geschichte"]) [data-mw="tab-titel"]{grid-area:titel;font-size:clamp(24px,2.5vw,36px);font-weight:200;line-height:1.1;letter-spacing:-.025em;color:#8d979c;transition:color 450ms var(--mw-ease),translate 600ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw="tab-sub"]{grid-area:sub;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--mw-text-leise);opacity:.75;transition:opacity 400ms var(--mw-ease),translate 600ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw="tab-zeit"]{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--mw-gold);transform-origin:left center;transform:scaleX(0)} :where(html[data-seite="geschichte"]) [data-mw="tab"]:hover [data-mw="tab-titel"]{color:var(--mw-blau);translate:6px 0} :where(html[data-seite="geschichte"]) [data-mw="tab"]:hover [data-mw="tab-sub"]{translate:6px 0} :where(html[data-seite="geschichte"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-titel"]{color:var(--mw-blau);translate:6px 0} :where(html[data-seite="geschichte"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-sub"]{opacity:1;translate:6px 0;color:var(--mw-text)} :where(html[data-seite="geschichte"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-nr"]{color:var(--mw-gold-text)} :where(html[data-seite="geschichte"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(var(--mw-p,1))} :where(html[data-seite="geschichte"]) [data-mw="kapitel"][data-mw-still] [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(1);transition:transform 700ms var(--mw-ease-out)} :where(html[data-seite="geschichte"]) [data-mw="kapitel-text"]{display:grid;position:relative;border-left:1px solid var(--mw-gold);padding:28px 0 28px clamp(28px,4.4vw,72px)} :where(html[data-seite="geschichte"]) [data-mw="panel"]{grid-area:1/1;align-self:center;display:flex;flex-direction:column;gap:22px;opacity:0;visibility:hidden;translate:0 10px;transition:opacity 420ms var(--mw-ease),translate 520ms var(--mw-ease),visibility 0s 420ms} :where(html[data-seite="geschichte"]) [data-mw="panel"][data-aktiv]{opacity:1;visibility:visible;translate:0 0;transition:opacity 700ms 180ms var(--mw-ease-out),translate 900ms 180ms var(--mw-ease-out),visibility 0s} :where(html[data-seite="geschichte"]) [data-mw="panel-titel"]{font-family:var(--font-core);font-size:clamp(34px,3.4vw,52px);font-weight:100;line-height:1.02;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="geschichte"]) [data-mw="panel-nr"] span{font-size:.24em;font-weight:500;letter-spacing:.18em;color:var(--mw-text-leise);vertical-align:.25em;margin-left:.5em} :where(html[data-seite="geschichte"]) [data-mw="panel"] p{margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:1.75;color:var(--mw-text);max-width:46ch;text-wrap:pretty} :where(html[data-seite="geschichte"]) [data-mw="panel"][data-aktiv] p{animation:mw-zeilen 1100ms 260ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="hl"]{color:var(--mw-text);font-weight:400;transition:color 900ms var(--mw-ease)} :where(html[data-seite="geschichte"]) [data-mw="panel"][data-aktiv] [data-mw="hl"]{color:var(--mw-blau);transition-delay:900ms} @keyframes mw-zeilen{from{clip-path:inset(0 0 100% 0);translate:0 8px}to{clip-path:inset(0 0 0 0);translate:0 0}} @media (max-width:760px){:where(html[data-seite="geschichte"]) [data-mw="kapitel"]{grid-template-columns:minmax(0,1fr)} :where(html[data-seite="geschichte"]) [data-mw="tab"]{padding:18px 0 20px} :where(html[data-seite="geschichte"]) [data-mw="kapitel-text"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 0 0;margin-top:-1px} :where(html[data-seite="geschichte"]) [data-mw="panel-titel"]{font-size:32px}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="panel"], :where(html[data-seite="geschichte"]) [data-mw="panel"][data-aktiv], :where(html[data-seite="geschichte"]) [data-mw="tab-titel"], :where(html[data-seite="geschichte"]) [data-mw="tab-sub"]{transition:none !important;translate:none !important} :where(html[data-seite="geschichte"]) [data-mw="panel"][data-aktiv] p{animation:none !important} :where(html[data-seite="geschichte"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(1)}} :where(html[data-seite="geschichte"]) section[data-mw="projekte"]{max-width:1320px !important;padding-left:var(--margin-editorial) !important;padding-right:var(--margin-editorial) !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important;gap:0 clamp(34px,3.6vw,64px) !important;padding:clamp(56px,7vw,104px) 0 !important;border:0 !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"]{overflow:visible !important;background:transparent !important;isolation:isolate} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"]::before{content:"";position:absolute;inset:0;translate:16px 16px;border:1px solid var(--mw-gold);z-index:-1;transition:translate 900ms var(--mw-ease-out),opacity 600ms var(--mw-ease)} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]:nth-child(even) [data-mw="projekt-bild"]::before{translate:-16px 16px} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > img{clip-path:inset(0 0 0 0);transition:opacity 600ms var(--mw-ease),clip-path 1300ms var(--mw-ease-out),scale 1600ms var(--mw-ease-out) !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"][data-mw-wipe="wartet"] > img{clip-path:inset(7% 7% 7% 7%);scale:1.05} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"][data-mw-wipe="wartet"]::before{translate:0 0;opacity:0} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]:hover [data-mw="projekt-bild"]::before{translate:10px 10px} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]:nth-child(even):hover [data-mw="projekt-bild"]::before{translate:-10px 10px} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] span[style*="border-radius: 999px"]{border-radius:999px !important;background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px !important;font-weight:600 !important;letter-spacing:.2em !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"]{gap:18px !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"] > [data-mw="bildspalte"]{display:flex !important;flex-direction:column !important;min-width:0 !important;align-self:start !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"] > [data-mw="bildspalte"] > [data-mw="projekt-links"]{margin-top:14px !important;gap:8px 22px !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]:not([data-mf-seite="r"]) > [data-mw="bildspalte"]{grid-column:1 !important;order:0 !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]:not([data-mf-seite="r"]) > [data-mw="projekt-text"]{grid-column:2 !important;order:1 !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="bildspalte"]{grid-column:2 !important;order:2 !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="projekt-text"]{grid-column:1 !important;order:1 !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a, :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > button, :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] a, :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] button{font-size:11px !important;font-weight:500 !important;letter-spacing:.1em !important;padding:3px 0 !important;white-space:nowrap} @media (max-width:860px){:where(html[data-seite="geschichte"]) article[data-mw="projekt"]{row-gap:26px !important} :where(html[data-seite="geschichte"]) article[data-mw="projekt"] > [data-mw="bildspalte"], :where(html[data-seite="geschichte"]) article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important}} :where(html[data-seite="geschichte"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) !important} @media (max-width:860px){:where(html[data-seite="geschichte"]) article[data-mw="projekt"], :where(html[data-seite="geschichte"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) !important}} :where(html[data-seite="geschichte"]) article[data-mw="projekt"]{align-items:start !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] h2{text-box:trim-both cap alphabetic} :where(html[data-seite="geschichte"]) [data-mw="ausmacht-kopf"]{display:none !important} :where(html[data-seite="geschichte"]) [data-mw="panel-titel"]{font-family:var(--font-body) !important;font-size:clamp(19px,1.5vw,22px) !important;font-weight:500 !important;line-height:1.35 !important;letter-spacing:0 !important;color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) [data-mw="panel"]{gap:12px !important} :where(html[data-seite="geschichte"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{background:transparent !important} :where(html[data-seite="geschichte"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{padding:0 !important} :where(html[data-seite="geschichte"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{clip-path:inset(0 0 -90px 0)} :where(html[data-seite="geschichte"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img, :where(html[data-seite="geschichte"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{animation:none !important;transition:none !important;clip-path:none !important} :where(html[data-seite="geschichte"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{z-index:2} :where(html[data-seite="geschichte"]) body [data-mw="buehne-text"] h1[data-mw="claim"]{font-family:var(--font-core) !important;font-size:clamp(14px,1.25vw,18px) !important;font-weight:100 !important;line-height:1.5 !important;letter-spacing:.012em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1[data-mw="claim"] em{font-weight:100 !important;color:var(--mw-blau) !important;font-style:normal !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1[data-mw="claim"] em::after{display:none !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] h2{order:0;font-size:clamp(30px,3vw,46px) !important;font-weight:200 !important;line-height:1.08 !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] h2 + span{font-size:clamp(15px,1.15vw,17px) !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.5 !important;color:var(--mw-gold-text) !important;margin-top:-4px} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] p{order:1;font-weight:300 !important;line-height:1.75 !important;max-width:52ch !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"]{order:2;gap:14px 26px !important;margin-top:18px !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a, :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > div > button{font-size:11px !important;font-weight:600 !important;letter-spacing:.18em !important;text-decoration:none !important;color:var(--mw-blau) !important;padding-bottom:4px !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a:hover, :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > div > button:hover{color:var(--mw-ink) !important;background-size:0% 1px !important;background-position:right bottom !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a:first-child{display:inline !important;height:auto !important;padding:0 0 4px 0 !important;border:0 !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a:first-child:hover{background-size:0% 1px !important;background-position:right bottom !important;color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] div[style*="position: absolute"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important} @media (max-width:760px){:where(html[data-seite="geschichte"]) [data-mw="projekt-bild"]::before{translate:8px 8px !important}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > img{clip-path:none !important;scale:none !important;transition:none !important} :where(html[data-seite="geschichte"]) [data-mw-rundknopf], :where(html[data-seite="geschichte"]) [data-mw-rundknopf] > *, :where(html[data-seite="geschichte"]) [data-mw-rundknopf]::after{transition:none !important}} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"]{padding:44px max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) 36px !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div{max-width:none !important;gap:20px 40px !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"]{gap:12px} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] svg{width:38px;height:38px} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span{font-size:19px;font-weight:200} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[href^="mailto"]{font-size:17px !important;font-weight:200 !important;letter-spacing:.01em !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[aria-label][target="_blank"]{width:36px !important;height:36px !important;border-radius:50% !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[aria-label][target="_blank"] svg{width:15px !important;height:15px !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div > div{gap:10px !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div > div:last-child{gap:24px !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div > div:last-child a{font-size:10px !important;font-weight:500 !important;letter-spacing:.3em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div > div:last-child a:hover{color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] > div{opacity:1 !important;filter:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] > div img{transform:none !important;transition:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] > div[style*="opacity: 0"]{clip-path:inset(100% 0 0 0);transition:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-richtung="oben"] > div[style*="opacity: 0"]{clip-path:inset(0 0 100% 0)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] > div[style*="opacity: 1"]{clip-path:inset(0 0 0 0);transition:clip-path 3200ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--mw-gold);z-index:4;opacity:0;pointer-events:none} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div)::after{opacity:1} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::after{top:var(--mw-strich-oben)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:not([data-mw-strich="oben"])::after{top:var(--mw-strich-unten)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div[style*="opacity: 1"])::after{animation:mw-aufziehen-hoch 3200ms cubic-bezier(.65,0,.35,1) both} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"])::after{animation-name:mw-aufziehen-runter} @keyframes mw-aufziehen-hoch{from{top:var(--mw-strich-unten)}to{top:var(--mw-strich-oben)}} @keyframes mw-aufziehen-runter{from{top:var(--mw-strich-oben)}to{top:var(--mw-strich-unten)}} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 1"]{transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-schnell]:has(> div[style*="opacity: 1"])::after{animation-duration:1900ms;animation-timing-function:cubic-bezier(.7,0,.25,1)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 0"] img{translate:0 16%} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-schnell][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -16%} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 1"] img{translate:0 0;transition:translate 1900ms cubic-bezier(.7,0,.25,1) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] > div{clip-path:none !important;transition:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::after{display:none} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] img{translate:none !important}} :where(html[data-seite="geschichte"]) [data-mw="kontaktblock"]{display:flex;flex-direction:column;gap:4px !important} :where(html[data-seite="geschichte"]) [data-mw="tel"]{font-family:var(--font-core);font-size:14px;font-weight:300;letter-spacing:.02em;color:var(--mw-text-leise);text-decoration:none;border:0;transition:color 200ms var(--mw-ease)} :where(html[data-seite="geschichte"]) [data-mw="tel"]:hover{color:var(--mw-blau)} :where(html[data-seite="geschichte"]) [data-mw="buehne-typo"]{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px var(--margin-editorial) 56px clamp(32px,5vw,80px);border-left:1px solid var(--mw-gold)} :where(html[data-seite="geschichte"]) [data-mw="buehne-typo"]::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--mw-gold);transform-origin:top;animation:mw-strich-y 1400ms 200ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="jahr-gross"]{font-family:var(--font-core);font-weight:100;font-size:clamp(96px,13vw,210px);line-height:.86;letter-spacing:-.05em;color:var(--mw-gold);font-variant-numeric:lining-nums;animation:mw-auf-clip 1600ms 300ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="jahr-text"]{font-size:13px;font-weight:300;line-height:1.6;color:var(--mw-text);max-width:28ch;animation:mw-auf-clip 1200ms 700ms var(--mw-ease-out) both} @keyframes mw-auf-clip{from{clip-path:inset(0 100% 0 0);translate:-12px 0}to{clip-path:inset(0 0 0 0);translate:0 0}} @media (max-width:760px){:where(html[data-seite="geschichte"]) [data-mw="buehne-typo"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 16px 40px} :where(html[data-seite="geschichte"]) [data-mw="buehne-typo"]::before{display:none}} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] [data-yr]{font-weight:100 !important;font-size:clamp(40px,5vw,84px) !important;letter-spacing:-.04em !important;color:#b9c4ca !important;filter:none !important;transition:color 700ms var(--mw-ease),opacity 600ms var(--mw-ease) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-yr]{color:var(--mw-gold) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article span[style*="width: 15px"]{border-color:var(--mw-gold) !important;border-width:1px !important;width:11px !important;height:11px !important;right:calc(var(--g) / -2 - 5.5px) !important;background:#fff !important;transition:background-color 500ms var(--mw-ease),scale 600ms var(--mw-ease-out) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] > div:first-child > span[style*="width: 15px"]{background:var(--mw-gold) !important;scale:1.35} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] [data-body]{filter:none !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] h2{font-weight:100 !important;font-size:clamp(30px,3vw,48px) !important;letter-spacing:-.03em !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2{animation:mw-auf-clip 1100ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:mw-zeilen 1100ms 200ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] blockquote p{font-style:normal !important;font-weight:200 !important;color:var(--mw-gold-text) !important;border-left:1px solid var(--mw-gold);padding-left:18px} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] nav[aria-label="Jahre"] button > span[aria-hidden="true"]{height:1px !important;background:var(--mw-gold) !important;width:22px !important;margin-left:-11px !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] nav[aria-label="Jahre"] button[aria-current="true"]{color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] > div > div[aria-hidden="true"][style*="width: 1px"]{background:linear-gradient(var(--mw-linie-raster),var(--mw-linie-raster)) !important} :where(html[data-seite="geschichte"]) button[style*="height: 8px"][style*="border-radius: 999px"]{height:18px !important;padding:8px 0 !important;background-clip:content-box !important;width:18px !important;background-color:var(--mw-linie-raster) !important;transition:width 420ms var(--mw-ease-out),background-color 300ms var(--mw-ease) !important} :where(html[data-seite="geschichte"]) button[style*="height: 8px"][style*="border-radius: 999px"][style*="width: 24px"]{width:38px !important;background-color:var(--mw-gold) !important} :where(html[data-seite="geschichte"]) button[style*="height: 8px"][style*="border-radius: 999px"]:hover{background-color:var(--mw-blau) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="jahr-gross"], :where(html[data-seite="geschichte"]) [data-mw="jahr-text"], :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2, :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:none !important}} :where(html[data-seite="geschichte"]) figcaption{max-width:none !important;text-wrap:wrap !important;font-size:13px !important;font-weight:300 !important;line-height:1.6 !important;color:var(--mw-text-leise) !important;padding-left:12px;border-left:1px solid var(--mw-gold)} :where(html[data-seite="geschichte"]) [data-mw="schluss"]{margin:0;font-family:var(--font-core);font-weight:100;font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="geschichte"]) [data-mw="schluss"] strong{font-weight:200 !important;color:var(--mw-gold)} :where(html[data-seite="geschichte"]) article[data-ch] [data-body] > [data-mw="cta"]{margin-top:-14px} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 3 / 4"]:has(> img[style*="transform-origin: 50% 0"]){aspect-ratio:2 / 3 !important;max-width:380px !important} :where(html[data-seite="geschichte"]) img[style*="transform-origin: 50% 0"][style*="object-position: center top"]{object-fit:contain !important;transform:none !important;object-position:center bottom !important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 70%,transparent 100%);mask-composite:intersect} :where(html[data-seite="geschichte"]) img[style*="object-fit: cover"]{object-fit:contain !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]{background:#fff} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] img{object-position:center center !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > img{background:transparent} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-gold]{background:var(--mw-gold)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-gold]::before{display:none} :where(html[data-seite="geschichte"]) [data-mw="teambild"]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom !important;display:block} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:not([data-mw-klein]){min-height:clamp(480px,66vh,720px)} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"]{gap:22px;padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(48px,5.5vw,80px);overflow:visible} :where(html[data-seite="geschichte"]) [data-mw="wortmarke"]{font-size:clamp(32px,8.6vw,118px) !important;line-height:1 !important;letter-spacing:-.038em !important;white-space:nowrap !important;padding-bottom:.12em !important;overflow:visible !important} :where(html[data-seite="geschichte"]) section[data-mw="ausmacht"]{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);gap:clamp(24px,3vw,40px)} :where(html[data-seite="geschichte"]) [data-mw="tab"]{padding:18px 40px 20px 0} :where(html[data-seite="geschichte"]) [data-mw="tab-titel"]{font-size:clamp(22px,2.1vw,30px)} :where(html[data-seite="geschichte"]) section[data-screen-label="Impressionen"]{padding-bottom:72px !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Impressionen"] h2{margin-bottom:8px !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-weiss]{background:#fff} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-farbe] img{filter:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-farbe]{background:#fff} :where(html[data-seite="geschichte"]) li[data-q] p{color:var(--mw-blau) !important;font-weight:200 !important;font-size:clamp(20px,1.7vw,27px) !important} :where(html[data-seite="geschichte"]) li[data-q]{transition:opacity 700ms var(--mw-ease) !important} :where(html[data-seite="geschichte"]) li[data-q][data-mw-an] p{animation:mw-frage 1100ms var(--mw-ease-out) both} @keyframes mw-frage{from{clip-path:inset(0 100% 0 0);translate:-14px 0}to{clip-path:inset(0 -10% 0 0);translate:0 0}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) li[data-q][data-mw-an] p{animation:none !important}} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div) > div{overflow:hidden} :where(html[data-seite="geschichte"]) [data-mw-chronik]{justify-content:center;gap:0 !important;padding-top:28px !important;padding-bottom:32px !important} :where(html[data-seite="geschichte"]) [data-mw="chronik-buehne"]{display:flex;flex-direction:column;gap:6px;width:100%} :where(html[data-seite="geschichte"]) [data-mw="chronik-bild"]{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#fff;--mw-luft:clamp(18px,2.4vw,30px)} :where(html[data-seite="geschichte"]) [data-mw="chronik-bild"] img{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:var(--mw-luft) 0;object-fit:contain;display:block} :where(html[data-seite="geschichte"]) [data-mw="chronik-bild"] img[data-mw="chronik-oben"]{clip-path:inset(0 0 0 100%)} :where(html[data-seite="geschichte"]) [data-mw="chronik-strich"]{position:absolute;left:0;width:1.5px;height:0;background:var(--mw-gold);top:0;z-index:2;pointer-events:none;opacity:0} :where(html[data-seite="geschichte"]) [data-mw="chronik-buehne"]{position:static} :where(html[data-seite="geschichte"]) [data-mw="chronik-zeile"]{display:flex;align-items:flex-end;gap:clamp(16px,2vw,28px);min-height:1em} :where(html[data-seite="geschichte"]) [data-mw="chronik-jahr"]{display:flex;font-family:var(--font-core);font-weight:100;font-size:clamp(64px,7.4vw,120px);line-height:1;height:1em;letter-spacing:-.03em;color:var(--mw-gold);font-variant-numeric:lining-nums tabular-nums;flex:none} :where(html[data-seite="geschichte"]) [data-mw="ziffer"]{display:block;height:1em;overflow:hidden} :where(html[data-seite="geschichte"]) [data-mw="rolle"]{display:flex;flex-direction:column;transition:transform 1300ms cubic-bezier(.75,0,.2,1)} :where(html[data-seite="geschichte"]) [data-mw="rolle"] > span{display:block;height:1em;line-height:1em} :where(html[data-seite="geschichte"]) [data-mw="chronik-text"]{display:flex;flex-direction:column;gap:6px;padding-bottom:.9em;min-width:0} :where(html[data-seite="geschichte"]) [data-mw="chronik-ort"]{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mw-text);animation:mw-chronik-ein 900ms 250ms var(--mw-ease-out) both} :where(html[data-seite="geschichte"]) [data-mw="chronik-titel"]{font-size:clamp(16px,1.35vw,21px);font-weight:300;line-height:1.3;color:var(--mw-blau);animation:mw-chronik-ein 1100ms 420ms var(--mw-ease-out) both} @keyframes mw-chronik-ein{from{clip-path:inset(0 100% 0 0);translate:-16px 0}to{clip-path:inset(0 -10% 0 0);translate:0 0}} :where(html[data-seite="geschichte"]) [data-mw="chronik-lauf"]{height:1px;background:var(--mw-linie-raster);position:relative;overflow:hidden;margin-top:4px} :where(html[data-seite="geschichte"]) [data-mw="chronik-lauf"] > span{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mw-gold)} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="rolle"]{transition:none} :where(html[data-seite="geschichte"]) [data-mw="chronik-ort"], :where(html[data-seite="geschichte"]) [data-mw="chronik-titel"]{animation:none}} :where(html[data-seite="geschichte"]) [data-mw="knopf"], :where(html[data-seite="geschichte"]) [data-mw="knopf-voll"]{background:transparent !important;transition:border-color 300ms var(--mw-ease),color 200ms var(--mw-ease),letter-spacing 400ms var(--mw-ease-out) !important} :where(html[data-seite="geschichte"]) [data-mw="knopf"]:hover, :where(html[data-seite="geschichte"]) [data-mw="knopf-voll"]:hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important;letter-spacing:.22em} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a:first-child{background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-links"] > a:first-child:hover{background-size:0% 1px !important;background-position:right bottom !important;color:var(--mw-ink) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]:hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover, :where(html[data-seite="geschichte"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]:hover{background:#fff !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-gold]{background:#fff} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1:not([data-mw]){max-width:26ch !important;text-wrap:balance} :where(html[data-seite="geschichte"]) h2[style*="max-width: 22ch"]{max-width:34ch !important;text-wrap:balance} :where(html[data-seite="geschichte"]) [data-mw="ziffer"]{width:.64em;text-align:center} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{overflow:visible !important;margin-bottom:68px;border-radius:0 !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{transform:none !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]{top:calc(100% + 16px) !important;bottom:auto !important;left:auto !important;transform:none !important;width:44px !important;height:44px !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-color:var(--mw-gold) !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="zurueck"]{right:58px !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="vor"]{right:0 !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf] > span{width:8px !important;height:8px !important;border-top-width:1px !important;border-right-width:1px !important;border-color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]:hover{background:#fff !important;scale:1.06;border-color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="zurueck"]:hover > span{translate:-4px 0} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="vor"]:hover > span{translate:4px 0} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]:active > span{transition-duration:120ms} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article [data-body] :is(h2,h3,p,blockquote,figcaption,ul,span[data-mw]){transition:opacity 600ms var(--mw-ease)} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article:not([data-mw-aktiv]) [data-body] :is(h2,h3,p,blockquote,figcaption,ul){opacity:.3} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article img, :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article video{opacity:1 !important;filter:none !important} :where(html[data-seite="geschichte"]) button[aria-label^="Bild "], :where(html[data-seite="geschichte"]) button[aria-label^="Bild "] img{opacity:1 !important;filter:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div){--mw-luft:clamp(22px,3.2vw,40px);--mw-strich-oben:0px;--mw-strich-unten:round(down, 100% - 1px, 1px);background:#fff !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div) img{inset:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;padding:var(--mw-luft) 0 !important;object-fit:contain !important;background:transparent !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div) > img{clip-path:inset(0 0 0 0);filter:none !important;transition:none} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 0 100% 0);transition:clip-path 3200ms cubic-bezier(.65,0,.35,1)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(100% 0 0 0)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-schnell]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 1900ms cubic-bezier(.7,0,.25,1)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"] > div{background:transparent !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"]::before, :where(html[data-seite="geschichte"]) [data-mw="buehne-typo"]::before{display:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-typo"]{border-left:0 !important} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]::after{display:none !important} :where(html[data-seite="geschichte"]) [data-mw-rundknopf]:hover{scale:1.05} :where(html[data-seite="geschichte"]) svg circle[stroke="var(--mw-gold)"]{transform-box:fill-box;transform-origin:center} :where(html[data-seite="geschichte"]) svg circle[stroke="var(--mw-gold)"][fill="#fff"]{opacity:0;scale:.2;transition:opacity 300ms var(--mw-ease),scale 300ms var(--mw-ease)} :where(html[data-seite="geschichte"]) svg circle[stroke="var(--mw-gold)"][fill="var(--mw-gold)"]{animation:mw-punkt 1100ms var(--mw-ease-out) both} @keyframes mw-punkt{0%{opacity:0;scale:.2}45%{opacity:1;scale:1.7}70%{scale:.9}100%{opacity:1;scale:1}} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] > div:first-child > span[style*="width: 15px"]{animation:mw-punkt-zs 1000ms var(--mw-ease-out) both} @keyframes mw-punkt-zs{0%{scale:.3}50%{scale:1.8}100%{scale:1.35}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) svg circle[stroke="var(--mw-gold)"]{animation:none !important;opacity:1 !important;scale:1 !important}} :where(html[data-seite="geschichte"]) span[aria-hidden="true"][style*="width: 5px"][style*="height: 5px"][style*="border-radius: 50%"]{background:var(--mw-gold) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1[data-mw="claim"]{font-size:clamp(14px,1.25vw,18px) !important;max-width:42ch !important;line-height:1.5 !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1 em::after{height:.5px !important;bottom:-.04em !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1[data-mw="claim"] em:first-of-type::after{animation-delay:700ms} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] h1[data-mw="claim"] em:last-of-type::after{animation-delay:1050ms} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"]{border:0 !important;box-shadow:none !important;outline:0 !important;background:#fff !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > a > span{color:inherit !important;font-weight:300 !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > a{color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] > div[style*="position: absolute"] > a:hover{color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) header[data-dc-tpl] :is(a,button):focus:not(:focus-visible){outline:0 !important} :where(html[data-seite="geschichte"]) svg:has(circle[stroke="var(--mw-gold)"]) path[stroke="var(--border-rule)"]{display:none} :where(html[data-seite="geschichte"]) [data-mw="signet"] path, :where(html[data-seite="geschichte"]) [data-mw="wm-block"] svg path{stroke:currentColor;stroke-width:.45px !important;vector-effect:non-scaling-stroke;stroke-linejoin:round} :where(html[data-seite="geschichte"]) svg.lm line, :where(html[data-seite="geschichte"]) svg.lm circle{vector-effect:non-scaling-stroke;stroke-width:1px !important;shape-rendering:geometricPrecision} :where(html[data-seite="geschichte"]) svg.lm line, :where(html[data-seite="geschichte"]) svg.lm > circle[fill="none"]{stroke:var(--mw-blau) !important;stroke-opacity:1} :where(html[data-seite="geschichte"]) svg.lm circle[fill="#fff"]{stroke:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Team Hero"]{display:none !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Team"]{padding-top:clamp(150px,16vh,190px) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Team"] div[style*="position: sticky"][style*="margin-top: -90px"]{margin-top:0 !important;top:110px !important} :where(html[data-seite="geschichte"]) img[style*="transform-origin: 50% 0"][style*="object-position: center top"]{-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important;filter:none !important} :where(html[data-seite="geschichte"]) li[data-q]{border-bottom:1px solid var(--mw-linie-raster)} :where(html[data-seite="geschichte"]) li[data-q]:last-child{border-bottom:0} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"]::before{display:none !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"]{margin-bottom:0;border-radius:0 !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > img{transition:clip-path 1300ms var(--mw-ease-out),scale 1600ms var(--mw-ease-out) !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > img[style*="opacity: 1"]{animation:mw-projekt-wisch 900ms cubic-bezier(.7,0,.25,1) both} @keyframes mw-projekt-wisch{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]{top:auto !important;bottom:14px !important;left:auto !important;transform:none !important;width:38px !important;height:38px !important;color:#0b0e10 !important;background:rgba(255,255,255,.5) !important;border:1px solid rgba(255,255,255,.65) !important;-webkit-backdrop-filter:blur(7px) !important;backdrop-filter:blur(7px) !important;opacity:0;transition:opacity 260ms var(--mw-ease),background-color 220ms var(--mw-ease)} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"]:hover > button[data-mw-rundknopf], :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]:focus-visible{opacity:1} @media (hover:none){:where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]{opacity:1}} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-richtung="zurueck"]{right:62px !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-richtung="vor"]{right:14px !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf] > span{width:7px !important;height:7px !important;border-top-width:1px !important;border-right-width:1px !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]:hover{background:rgba(255,255,255,.82) !important;border-color:rgba(255,255,255,.9) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="projekt-bild"] > img{animation:none !important}} :where(html[data-seite="geschichte"]) section p:not([data-mw]), :where(html[data-seite="geschichte"]) article p:not([data-mw]), :where(html[data-seite="geschichte"]) [data-mw="panel"] p{font-weight:400 !important;color:#2e3438 !important;line-height:1.72 !important;letter-spacing:.003em !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-text"] > p:not([data-mw]){font-weight:400 !important;color:#2e3438 !important} :where(html[data-seite="geschichte"]) p[style*="font-size: clamp(15px, 1.05vw, 17px)"], :where(html[data-seite="geschichte"]) p[style*="font-size: clamp(16px, 1.1vw, 18px)"]{font-size:17px !important} :where(html[data-seite="geschichte"]) li[data-q] p{font-weight:200 !important;color:var(--mw-blau) !important;line-height:1.35 !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] blockquote p{font-weight:200 !important;color:var(--mw-gold) !important;line-height:1.35 !important} :where(html[data-seite="geschichte"]) section p[style*="text-transform: uppercase"]{font-weight:500 !important;color:var(--mw-blau) !important;line-height:1.8 !important} :where(html[data-seite="geschichte"]) section p[style*="font-family: var(--font-display)"]:not([style*="italic"]){font-weight:300 !important;line-height:1.5 !important} :where(html[data-seite="geschichte"]) section li[data-q] p[style*="font-family"]:not([data-mw]){font-weight:200 !important;line-height:1.35 !important;color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] h2{font-size:clamp(26px,2.3vw,34px) !important;text-wrap:pretty !important;hyphens:manual !important;letter-spacing:-.02em !important;max-width:none !important} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] h2 br{display:none} :where(html[data-seite="geschichte"]) [data-mw="projekt-text"] h2 br + span::before{content:" "} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]){min-height:clamp(600px,86vh,880px) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{flex:0 0 calc((clamp(600px,86vh,880px) - 76px - 2 * clamp(26px,3vh,40px)) * .6) !important;margin-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));--mw-luft:clamp(26px,3vh,40px)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] img{object-position:center center !important} @media (max-width:760px){:where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{flex:none !important;height:118vw !important;max-height:none !important;margin-right:0}} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]){min-height:0 !important;align-items:stretch !important} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{padding-top:56px !important;padding-bottom:56px !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{--mw-luft:14px;flex:0 0 auto !important;height:auto !important;align-self:stretch;margin-top:calc(56px - var(--mw-luft));margin-bottom:calc(56px - var(--mw-luft))} @media (max-width:760px){:where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{height:min(150vw,560px) !important;width:auto !important;margin:0 16px 32px !important}} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{flex:0 1 auto !important;max-width:min(820px,58vw)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{margin-left:auto !important;margin-right:auto !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] img{padding-left:24px !important;padding-right:24px !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:0 9% !important;transition:none !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -9% !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{translate:0 0 !important;transition:translate 2300ms cubic-bezier(.16,1,.3,1) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{transition:clip-path 1700ms cubic-bezier(.77,0,.18,1) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 1700ms cubic-bezier(.77,0,.18,1)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation-duration:1700ms;animation-timing-function:cubic-bezier(.77,0,.18,1)} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] img{translate:none !important}} @media (max-width:760px){:where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:0 !important} :where(html[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{max-width:none}} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{--mw-luft:10px} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] img{padding-left:0 !important;padding-right:0 !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:0 3% !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -3% !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{transition:translate 3200ms cubic-bezier(.22,1,.36,1) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{transition:clip-path 2600ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 2600ms cubic-bezier(.65,0,.35,1)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation-duration:2600ms;animation-timing-function:cubic-bezier(.65,0,.35,1)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]::after{height:1px;background:var(--mw-gold)} :where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation:mw-illu-ein 1800ms 300ms cubic-bezier(.65,0,.35,1) backwards} @keyframes mw-illu-ein{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation:none}} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{background:var(--mw-grund-ton) !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{box-sizing:border-box !important;padding:clamp(16px,2.4vw,36px) !important;object-fit:contain !important;background:transparent !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{transition:none !important} :where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{animation:mw-projekt-wisch 1100ms cubic-bezier(.65,0,.35,1) both} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{animation:none !important}} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div{align-items:center !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:row !important;align-items:baseline;gap:28px !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[href^="mailto"], :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="tel"]{font-size:14px !important;font-weight:400 !important;letter-spacing:.02em !important;color:var(--mw-text-leise) !important;background:none !important;border:0 !important;text-decoration:none !important;line-height:1 !important;padding:0 !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] a[href^="mailto"]:hover, :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="tel"]:hover{color:var(--mw-blau) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] > div > div:last-child a{line-height:1 !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span{color:var(--mw-text-leise) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span [data-mw="g"]{color:var(--mw-text-leise) !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"]{color:var(--mw-text-leise) !important} @media (max-width:760px){:where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:column !important;gap:8px !important}} :where(html[data-seite="geschichte"]) img[data-mw="signet"]{display:block;width:47px !important;height:47px !important;object-fit:contain !important;transform:none !important} :where(html[data-seite="geschichte"]) [data-mw="wm-block"] img[data-mw="wm-logo"]{display:block;height:40px !important;width:auto !important;object-fit:contain !important} :where(html[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] img[data-mw="wm-logo"]{height:36px !important} /* nur: referenzen */ @font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/5685dd613a.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/a22390c38b.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/08f6b71e51.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/2d0897c1a2.woff2") format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} :root:where([data-seite="referenzen"]){ --mw-blau:#006595; --mw-blau-tint:#d4e6f0; --mw-gold:#e3b505; --mw-gold-text:#e3b505; --mw-ink:#0b0e10; --mw-text:#42494d; --mw-text-leise:#6b7378; --mw-linie-raster:#d5e4ee; --mw-grund-ton:#eef1f2; --mw-ease:cubic-bezier(.2,0,.2,1); --mw-ease-out:cubic-bezier(.16,1,.3,1); --font-core:"Raleway",system-ui,-apple-system,"Segoe UI",sans-serif; --font-display:var(--font-core); --font-body:var(--font-core); --font-meta:var(--font-core); --font-mono:var(--font-core); --blue-950:#0b0e10; --blue-900:#0b0e10; --blue-800:#0b0e10; --blue-700:#006595; --blue-600:#006595; --blue-500:#006595; --blue-400:#006595; --blue-300:#d4e6f0; --blue-200:#d4e6f0; --blue-100:#d5e4ee; --blue-50:#eef1f2; --paper-50:#ffffff; --paper-100:#eef1f2; --paper-200:#d5e4ee; --paper-300:#d5e4ee; --ink:#0b0e10; --ink-soft:#141a1e; --ink-line:#242a2e; --ink-line-strong:#3a4247; --ink-text:#d4e6f0; --neutral-950:#0b0e10; --neutral-900:#0b0e10; --neutral-800:#42494d; --neutral-700:#42494d; --neutral-600:#6b7378; --neutral-500:#6b7378; --neutral-400:#8d979c; --neutral-300:#d5e4ee; --neutral-200:#d5e4ee; --neutral-100:#eef1f2; --neutral-50:#f4f7f8; --amber-500:#e3b505; --amber-100:#ffffff; --amber-600:#e3b505; --dlw-yellow:#e3b505; --dlw-yellow-ink:#8f6b00; --dlw-yellow-soft:#eef1f2; --text-strong:#006595; --text-body:#42494d; --text-muted:#6b7378; --text-subtle:#6b7378; --text-meta:#6b7378; --text-brand:#006595; --text-link:#006595; --text-link-hover:#0b0e10; --surface-paper:#ffffff; --surface-paper-deep:#eef1f2; --surface-muted:#eef1f2; --surface-sunken:#eef1f2; --surface-brand-soft:#eef1f2; --surface-brand-tint:#d4e6f0; --surface-inverse:#0b0e10; --border-rule:#d5e4ee; --border-subtle:#d5e4ee; --border-default:#d5e4ee; --border-strong:#8d979c; --focus-ring:#e3b505; --tracking-meta:0.22em; --tracking-caps:0.18em; --type-meta:500 var(--text-2xs)/1.3 var(--font-meta); --type-index:500 var(--text-xs)/1 var(--font-meta); --type-body:300 var(--text-base)/1.7 var(--font-body); --type-body-sm:300 var(--text-sm)/1.6 var(--font-body); --type-lead:200 var(--text-lg)/1.6 var(--font-body); --type-h3:500 var(--text-lg)/1.3 var(--font-core); --type-h4:500 var(--text-md)/1.3 var(--font-core); --type-label:600 var(--text-xs)/1.3 var(--font-core); --type-eyebrow:600 var(--text-2xs)/1.2 var(--font-core); --weight-regular:300; --radius-xs:0; --radius-sm:0; --radius-md:0; --radius-lg:0; --radius-xl:0; --radius-2xl:0; --radius-pill:0; --radius-control:0; --radius-card:0; --radius-dialog:0; --radius-media:0; --radius-tag:0; --shadow-hairline:0 0 0 1px #d5e4ee; --shadow-xs:none; --shadow-sm:none; --shadow-md:none; --shadow-lg:none; --shadow-xl:none; --shadow-brand:none; --ring-focus:0 0 0 1px #fff,0 0 0 2px #e3b505; --ring-focus-inverse:0 0 0 1px #0b0e10,0 0 0 2px #e3b505; --margin-editorial:clamp(20px,4.4vw,56px); --control-height-md:44px; --control-height-lg:48px; } html:where([data-seite="referenzen"]){scroll-padding-top:96px} :where(html[data-seite="referenzen"]) body{font-weight:300;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;color:var(--mw-text)} :where(html[data-seite="referenzen"]) ::selection{background:var(--mw-gold);color:var(--mw-ink)} :where(html[data-seite="referenzen"]) *, :where(html[data-seite="referenzen"]) *::before, :where(html[data-seite="referenzen"]) *::after{border-radius:0 !important} :where(html[data-seite="referenzen"]) [data-mw-rund]{border-radius:50% !important} :where(html[data-seite="referenzen"]) :focus-visible{outline:1px solid var(--mw-gold) !important;outline-offset:3px !important;box-shadow:none !important} :where(html[data-seite="referenzen"]) strong, :where(html[data-seite="referenzen"]) b{font-weight:500} :where(html[data-seite="referenzen"]) h1, :where(html[data-seite="referenzen"]) h2{text-wrap:balance} :where(html[data-seite="referenzen"]) p span[style*="font-weight: 600"], :where(html[data-seite="referenzen"]) p strong{font-weight:500 !important} :where(html[data-seite="referenzen"]) em{font-style:normal} :where(html[data-seite="referenzen"]) span[style*="height: 3px"][style*="dlw-yellow"], :where(html[data-seite="referenzen"]) span[style*="height: 2px"][style*="dlw-yellow"]{height:1px !important;width:26px !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl]{padding:0 max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important;background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:saturate(1.2) blur(14px) !important;backdrop-filter:saturate(1.2) blur(14px) !important;border-bottom-color:transparent !important;gap:34px !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl][data-mw-scrolled]{border-bottom-color:var(--mw-linie-raster) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav{gap:clamp(18px,2.3vw,34px) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a, :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > button{position:relative;font-family:var(--font-core) !important;font-size:13px !important;font-weight:200 !important;letter-spacing:.22em !important;color:var(--mw-blau) !important;text-decoration:none !important;transition:color 200ms var(--mw-ease) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a::after, :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > button::after{content:"";position:absolute;left:0;right:.22em;bottom:-9px;height:1px;background:var(--mw-gold);transform:scaleX(0);transform-origin:left center;transition:transform 320ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a:hover, :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > button:hover{color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a:hover::after, :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > button:hover::after{transform:scaleX(1)} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a[aria-current="page"]{color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a[aria-current="page"]::after{transform:scaleX(1)} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]{display:inline-flex !important;font-family:var(--font-core) !important;text-transform:none;font-size:16px !important;font-weight:600 !important;align-items:center;height:44px;padding:0 24px !important;border:1px solid var(--mw-gold) !important;letter-spacing:-.004em !important;transition:background-color 200ms var(--mw-ease),color 200ms var(--mw-ease) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]::after{display:none} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]:hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > button > span[aria-hidden="true"]{border-color:currentColor !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important;box-shadow:none !important;padding:10px !important;animation:mw-fall 260ms var(--mw-ease-out) both !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > span{font-size:10px !important;font-weight:600 !important;letter-spacing:.36em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > a{font-weight:300 !important;color:var(--mw-text) !important;transition:color 160ms var(--mw-ease),padding-left 240ms var(--mw-ease-out) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > a:hover{color:var(--mw-blau) !important;padding-left:22px !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > a > span{color:var(--mw-gold-text) !important;font-weight:500 !important} :where(html[data-seite="referenzen"]) [data-mw="home"]{display:flex;align-items:center;line-height:0;color:var(--mw-blau);text-decoration:none;border:0} :where(html[data-seite="referenzen"]) [data-mw="signet"]{display:block;width:47px;height:47px;flex:none;transition:transform 600ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw="home"]:hover [data-mw="signet"]{transform:scale(1.06)} :where(html[data-seite="referenzen"]) [data-mw="wm-scharnier"]{font-family:var(--font-core);font-weight:100;font-size:26px;line-height:1.2;letter-spacing:-.012em;color:var(--mw-blau);white-space:nowrap} :where(html[data-seite="referenzen"]) [data-mw="wm-scharnier"] svg{display:inline-block;width:1.32em;height:1.32em;vertical-align:-.295em;margin:0 .16em} :where(html[data-seite="referenzen"]) [data-mw="g"]{color:var(--mw-gold)} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]{position:relative;display:flex;align-items:stretch;min-height:clamp(480px,72vh,760px);padding-top:76px;background:#fff;color:var(--mw-text);overflow:hidden;box-sizing:border-box} :where(html[data-seite="referenzen"]) section[data-mw="buehne"][data-mw-klein]{min-height:clamp(400px,56vh,600px)} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"]{flex:1.9 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:56px 48px 64px max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));box-sizing:border-box} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1{margin:0 !important;padding:0 !important;font-family:var(--font-display) !important;font-weight:200 !important;color:var(--mw-blau) !important;letter-spacing:-.03em !important;line-height:1.04 !important;max-width:18ch;text-wrap:balance} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1 em{font-style:normal !important;font-weight:200 !important;color:inherit !important;position:relative;white-space:nowrap} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:1px;background:var(--mw-gold);transform-origin:left center;animation:mw-strich 1100ms 900ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] > p:not([data-mw]){margin:0 !important;font-family:var(--font-body) !important;font-weight:200 !important;font-size:17px !important;line-height:1.68 !important;color:var(--mw-text) !important;max-width:46ch;width:auto !important;min-width:0 !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-label"]{font-size:10px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:var(--mw-text-leise);display:flex;align-items:center;gap:14px} :where(html[data-seite="referenzen"]) [data-mw="buehne-label"]::before{content:"";width:26px;height:1px;background:var(--mw-gold);transform-origin:left;animation:mw-strich 900ms 200ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]{flex:1 1 0;min-width:0;position:relative;overflow:hidden;background:var(--mw-grund-ton)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::before{display:none} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] img{animation:mw-bild 1600ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"]{margin:0;font-family:var(--font-core);font-weight:100;font-size:clamp(30px,8.2vw,112px);line-height:.92;letter-spacing:-.038em;white-space:nowrap;color:var(--mw-blau);animation:mw-spur 1600ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"] > span[aria-hidden]{display:block} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"] i{font-style:normal;display:inline-block;animation:mw-buchstabe 1000ms var(--mw-ease-out) both;animation-delay:calc(var(--i) * 55ms + 200ms)} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"] i[data-mw="g"]{animation-name:mw-buchstabe,mw-gold;animation-duration:1000ms,1600ms;animation-delay:calc(var(--i) * 55ms + 200ms),calc(var(--i) * 55ms + 1000ms)} :where(html[data-seite="referenzen"]) [data-mw="sr"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1[data-mw="claim"]{font-size:clamp(14px,1.25vw,18px) !important;font-weight:100 !important;letter-spacing:.012em;line-height:1.5;max-width:40ch;color:var(--mw-text-leise) !important} :where(html[data-seite="referenzen"]) [data-mw="cta"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding-top:6px;pointer-events:auto} :where(html[data-seite="referenzen"]) [data-mw="knopf"], :where(html[data-seite="referenzen"]) [data-mw="knopf-voll"]{display:inline-flex;align-items:center;box-sizing:border-box;height:48px;padding:0 26px;font-family:var(--font-core);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid var(--mw-gold);color:var(--mw-blau);background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left/0% 100%;transition:background-size 360ms var(--mw-ease-out),color 200ms var(--mw-ease)} :where(html[data-seite="referenzen"]) [data-mw="knopf"]:hover{background-size:100% 100%;color:var(--mw-ink)} :where(html[data-seite="referenzen"]) [data-mw="textlink"]{font-size:13px;font-weight:300;color:var(--mw-blau);text-decoration:none;padding-bottom:3px;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px;transition:background-size 320ms var(--mw-ease-out),color 200ms} :where(html[data-seite="referenzen"]) [data-mw="textlink"]:hover{color:var(--mw-ink);background-size:0% 1px;background-position:right bottom} :where(html[data-seite="referenzen"]) section[data-mw="kennzahlen"]{background:var(--mw-ink);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)))} :where(html[data-seite="referenzen"]) [data-mw="zelle"]{padding:28px 24px 30px;border-left:1px solid #242a2e;min-width:0} :where(html[data-seite="referenzen"]) [data-mw="zelle"]:first-child{border-left:0;padding-left:0} :where(html[data-seite="referenzen"]) [data-mw="zahl"]{font-family:var(--font-core);font-size:40px;font-weight:200;line-height:1;letter-spacing:-.03em;color:var(--mw-gold);font-variant-numeric:tabular-nums lining-nums} :where(html[data-seite="referenzen"]) [data-mw="wort"]{font-size:13px;font-weight:300;line-height:1.5;color:var(--mw-blau-tint);padding-top:8px;max-width:30ch} :where(html[data-seite="referenzen"]) h2[style*="var(--font-display)"]{font-weight:200 !important;letter-spacing:-.03em !important} :where(html[data-seite="referenzen"]) h3{font-weight:500} :where(html[data-seite="referenzen"]) [style*="font-family: var(--font-meta)"]{font-weight:500} :where(html[data-seite="referenzen"]) [style*="background: var(--blue-50)"]{background:var(--mw-grund-ton) !important} :where(html[data-seite="referenzen"]) button[style*="--control-height"], :where(html[data-seite="referenzen"]) a[style*="--control-height"]{font-size:11px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;height:44px !important;padding:0 24px !important} :where(html[data-seite="referenzen"]) button[style*="--control-height"][style*="background: var(--blue-600)"], :where(html[data-seite="referenzen"]) a[style*="--control-height"][style*="background: var(--blue-600)"]{background:var(--mw-blau) !important;border-color:var(--mw-blau) !important;color:#fff !important} :where(html[data-seite="referenzen"]) button[style*="--control-height"][style*="background: var(--blue-600)"]:hover, :where(html[data-seite="referenzen"]) a[style*="--control-height"][style*="background: var(--blue-600)"]:hover{background:var(--mw-ink) !important;border-color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]), :where(html[data-seite="referenzen"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]){background:transparent !important;border:1px solid var(--mw-gold) !important;color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover, :where(html[data-seite="referenzen"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]{border-radius:50% !important;background:rgba(255,255,255,.52) !important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:1px solid var(--mw-gold) !important;box-shadow:none !important;color:var(--mw-blau) !important;transition:background-color 380ms var(--mw-ease),border-color 380ms var(--mw-ease),scale 520ms var(--mw-ease-out),color 240ms var(--mw-ease) !important;overflow:visible} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]::after{content:"";position:absolute;inset:-1px;border-radius:50% !important;border:1px solid var(--mw-gold);opacity:0;scale:1;pointer-events:none;transition:opacity 600ms var(--mw-ease),scale 700ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]:not([style*="position: absolute"]):not([style*="position: fixed"]){position:relative} :where(html[data-seite="referenzen"]) [data-mw-rundknopf] > *{transition:translate 420ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]:hover{background:rgba(255,255,255,.86) !important;border-color:var(--mw-gold) !important;scale:1.08} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]:hover::after{opacity:.55;scale:1.32} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]:active{scale:.96} :where(html[data-seite="referenzen"]) [data-mw-rundknopf][data-mw-richtung="zurueck"]:hover > *{translate:-3px 0} :where(html[data-seite="referenzen"]) [data-mw-rundknopf][data-mw-richtung="vor"]:hover > *{translate:3px 0} :where(html[data-seite="referenzen"]) [data-mw-rundknopf][data-mw-richtung="hoch"]:hover > *{translate:0 -3px} :where(html[data-seite="referenzen"]) [data-mw-rundknopf][style*="background: var(--blue-600)"]{background:rgba(0,101,149,.72) !important;color:#fff !important;border-color:rgba(255,255,255,.35) !important} :where(html[data-seite="referenzen"]) [data-mw-rundknopf][style*="background: var(--blue-600)"]:hover{background:rgba(0,101,149,.9) !important} :where(html[data-seite="referenzen"]) [data-mw-rundknopf] span[aria-hidden="true"]{border-color:currentColor !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]{background:rgba(255,255,255,.6) !important;color:var(--mw-blau) !important;border-color:var(--mw-gold) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]:hover{background:var(--mw-gold) !important;color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) button[aria-label^="Bild "][style*="border: 2px solid var(--blue-600)"]{border-color:var(--mw-gold) !important} :where(html[data-seite="referenzen"]) div[role="dialog"][aria-label^="Cookies"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important;box-shadow:none !important} :where(html[data-seite="referenzen"]) div[role="dialog"][aria-label^="Cookies"] strong{font-weight:500 !important;color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"]{border-top:1px solid var(--mw-gold)} :where(html[data-seite="referenzen"]) [data-mw="wm-block"]{display:flex;align-items:center;gap:18px;color:var(--mw-blau);text-decoration:none;border:0} :where(html[data-seite="referenzen"]) [data-mw="wm-block"] svg{width:58px;height:58px;flex:none} :where(html[data-seite="referenzen"]) [data-mw="wm-block"] span{font-family:var(--font-core);font-size:28px;font-weight:100;line-height:1.08;letter-spacing:-.012em} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[href^="mailto"]{font-weight:200 !important} @keyframes mw-strich{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes mw-strich-y{from{transform:scaleY(0)}to{transform:scaleY(1)}} @keyframes mw-buchstabe{from{opacity:0;transform:translateY(.42em) scaleY(1.08)}to{opacity:1;transform:none}} :where(html[data-seite="referenzen"]) [data-mw="kopf"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-image:linear-gradient(90deg,rgba(227,181,5,0) 0%,rgba(227,181,5,.95) 45%,rgba(227,181,5,.95) 55%,rgba(227,181,5,0) 100%),linear-gradient(90deg,rgba(227,181,5,.3) 0%,rgba(227,181,5,.3) 100%);background-repeat:no-repeat,no-repeat;background-size:36% 100%,100% 100%;background-position:-40% 0,0 0;animation:mw-goldzug 9s cubic-bezier(.42,0,.58,1) infinite;pointer-events:none} @keyframes mw-goldzug{0%{background-position:-40% 0,0 0}100%{background-position:140% 0,0 0}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="kopf"]::after{animation:none;background-position:50% 0}} :where(html[data-seite="referenzen"]) .mw-a11y-ruhig [data-mw="kopf"]::after{animation:none;background-position:50% 0} @keyframes mw-spur{from{letter-spacing:.05em}to{letter-spacing:-.038em}} @keyframes mw-gold{from{color:var(--mw-blau)}to{color:var(--mw-gold)}} @keyframes mw-bild{from{opacity:.4;scale:1.06}to{opacity:1;scale:1}} @keyframes mw-fall{from{opacity:.4;translate:0 -6px}to{opacity:1;translate:0 0}} @keyframes mw-auf{from{opacity:.35;translate:0 22px}to{opacity:1;translate:0 0}} :where(html[data-seite="referenzen"]) [data-mw-reveal]{transition:translate 800ms var(--mw-ease-out),opacity 700ms var(--mw-ease-out);transition-delay:var(--mw-d,0ms)} :where(html[data-seite="referenzen"]) [data-mw-reveal="wartet"]{translate:0 22px;opacity:.5} :where(html[data-seite="referenzen"]) [data-mw-reveal="da"]{translate:0 0} :where(html[data-seite="referenzen"]) [data-mw-linie]{transform-origin:left center;transition:scale 1100ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw-linie="wartet"]{scale:0 1} :where(html[data-seite="referenzen"]) [data-mw-linie="da"]{scale:1 1} :where(html[data-seite="referenzen"]) #mw-menu-knopf{display:none} :where(html[data-seite="referenzen"]) #mw-menu{position:fixed;inset:0;z-index:300;background:var(--mw-ink);color:#fff;padding:96px max(20px,env(safe-area-inset-left,0px)) 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow:auto;visibility:hidden;opacity:0;transition:opacity 260ms var(--mw-ease),visibility 0s 260ms} :where(html[data-seite="referenzen"]) #mw-menu[data-offen]{visibility:visible;opacity:1;transition:opacity 260ms var(--mw-ease)} :where(html[data-seite="referenzen"]) #mw-menu a{font-family:var(--font-core);font-size:clamp(28px,8vw,40px);font-weight:200;letter-spacing:-.03em;line-height:1.25;color:#fff;text-decoration:none;border:0;translate:0 12px;opacity:0;transition:translate 500ms var(--mw-ease-out),opacity 500ms var(--mw-ease-out),color 160ms} :where(html[data-seite="referenzen"]) #mw-menu[data-offen] a{translate:0 0;opacity:1} :where(html[data-seite="referenzen"]) #mw-menu a:hover{color:var(--mw-gold)} :where(html[data-seite="referenzen"]) #mw-menu a[data-klein]{font-size:17px;font-weight:300;letter-spacing:0;color:var(--mw-blau-tint)} :where(html[data-seite="referenzen"]) #mw-menu [data-mw="menu-label"]{font-size:10px;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:#8d979c;padding:22px 0 6px;border-top:1px solid #242a2e;margin-top:14px} :where(html[data-seite="referenzen"]) #mw-menu a[data-mw="menu-kontakt"]{align-self:flex-start;margin-top:24px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;height:48px;display:inline-flex;align-items:center;padding:0 26px;border:1px solid var(--mw-gold)} @media (max-width:900px){:where(html[data-seite="referenzen"]) header[data-dc-tpl] nav{display:none !important} :where(html[data-seite="referenzen"]) #mw-menu-knopf{display:inline-flex;position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:310;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--mw-gold);background:#fff;color:var(--mw-blau);cursor:pointer;padding:0} :where(html[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"]{background:var(--mw-ink);color:#fff} :where(html[data-seite="referenzen"]) #mw-menu-knopf span, :where(html[data-seite="referenzen"]) #mw-menu-knopf span::before, :where(html[data-seite="referenzen"]) #mw-menu-knopf span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;transition:transform 260ms var(--mw-ease),background-color 160ms} :where(html[data-seite="referenzen"]) #mw-menu-knopf span::before, :where(html[data-seite="referenzen"]) #mw-menu-knopf span::after{content:"";position:absolute;left:0} :where(html[data-seite="referenzen"]) #mw-menu-knopf span::before{top:-6px} :where(html[data-seite="referenzen"]) #mw-menu-knopf span::after{top:6px} :where(html[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"] span{background:transparent} :where(html[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} :where(html[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}} @media (max-width:760px){:where(html[data-seite="referenzen"]) [data-mw="wm-scharnier"]{font-size:20px;font-weight:200} :where(html[data-seite="referenzen"]) [data-mw="wm-scharnier"] > span, :where(html[data-seite="referenzen"]) [data-mw="wm-scharnier"] > [data-mw="g"]{display:none} :where(html[data-seite="referenzen"]) [data-mw="wm-scharnier"] svg{width:44px;height:44px;margin:0;vertical-align:middle} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]{flex-direction:column;min-height:0 !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"]{padding:40px max(16px,env(safe-area-inset-left,0px)) 36px} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]{flex:none;height:64vw;max-height:420px} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::before{top:0;left:0;right:0;bottom:auto;width:auto;height:1px;transform-origin:left center;animation-name:mw-strich} :where(html[data-seite="referenzen"]) section[data-mw="kennzahlen"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px} :where(html[data-seite="referenzen"]) [data-mw="zelle"]:nth-child(3){border-left:0;padding-left:0} :where(html[data-seite="referenzen"]) [data-mw="zelle"]:nth-child(n/**/+3){border-top:1px solid #242a2e} :where(html[data-seite="referenzen"]) [data-mw="zelle"]{padding:22px 14px 24px} :where(html[data-seite="referenzen"]) [data-mw="zahl"]{font-size:32px} :where(html[data-seite="referenzen"]) [data-mw="wm-block"] svg{width:46px;height:46px} :where(html[data-seite="referenzen"]) [data-mw="wm-block"] span{font-size:22px;font-weight:200}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw-reveal], :where(html[data-seite="referenzen"]) [data-mw-linie]{translate:none !important;scale:none !important;opacity:1 !important;transition:none !important} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"], :where(html[data-seite="referenzen"]) [data-mw="wortmarke"] i, :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] img, :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::before, :where(html[data-seite="referenzen"]) [data-mw="buehne-label"]::before, :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1 em::after{animation:none !important} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"] i[data-mw="g"]{color:var(--mw-gold)}} :where(html[data-seite="referenzen"]) section[data-mw="ausmacht"]{padding:clamp(72px,9vw,128px) max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));display:flex;flex-direction:column;gap:clamp(34px,4vw,56px);background:#fff} :where(html[data-seite="referenzen"]) [data-mw="ausmacht-kopf"]{display:flex;flex-direction:column;gap:14px} :where(html[data-seite="referenzen"]) [data-mw="ausmacht-kopf"] h2{margin:0;font-family:var(--font-display);font-weight:200;font-size:clamp(32px,3.6vw,52px);line-height:1.05;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="referenzen"]) [data-mw="kapitel"]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch} :where(html[data-seite="referenzen"]) [data-mw="kapitel-liste"]{display:flex;flex-direction:column;border-top:1px solid var(--mw-linie-raster)} :where(html[data-seite="referenzen"]) [data-mw="tab"]{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"titel" "sub";align-items:baseline;gap:6px 0;width:100%;padding:24px 40px 26px 0;border:0;border-bottom:1px solid var(--mw-linie-raster);background:none;cursor:pointer;text-align:left;font-family:var(--font-core);color:var(--mw-text-leise)} :where(html[data-seite="referenzen"]) [data-mw="tab-nr"]{grid-area:nr;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--mw-text-leise);transition:color 300ms var(--mw-ease)} :where(html[data-seite="referenzen"]) [data-mw="tab-titel"]{grid-area:titel;font-size:clamp(24px,2.5vw,36px);font-weight:200;line-height:1.1;letter-spacing:-.025em;color:#8d979c;transition:color 450ms var(--mw-ease),translate 600ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw="tab-sub"]{grid-area:sub;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--mw-text-leise);opacity:.75;transition:opacity 400ms var(--mw-ease),translate 600ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw="tab-zeit"]{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--mw-gold);transform-origin:left center;transform:scaleX(0)} :where(html[data-seite="referenzen"]) [data-mw="tab"]:hover [data-mw="tab-titel"]{color:var(--mw-blau);translate:6px 0} :where(html[data-seite="referenzen"]) [data-mw="tab"]:hover [data-mw="tab-sub"]{translate:6px 0} :where(html[data-seite="referenzen"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-titel"]{color:var(--mw-blau);translate:6px 0} :where(html[data-seite="referenzen"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-sub"]{opacity:1;translate:6px 0;color:var(--mw-text)} :where(html[data-seite="referenzen"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-nr"]{color:var(--mw-gold-text)} :where(html[data-seite="referenzen"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(var(--mw-p,1))} :where(html[data-seite="referenzen"]) [data-mw="kapitel"][data-mw-still] [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(1);transition:transform 700ms var(--mw-ease-out)} :where(html[data-seite="referenzen"]) [data-mw="kapitel-text"]{display:grid;position:relative;border-left:1px solid var(--mw-gold);padding:28px 0 28px clamp(28px,4.4vw,72px)} :where(html[data-seite="referenzen"]) [data-mw="panel"]{grid-area:1/1;align-self:center;display:flex;flex-direction:column;gap:22px;opacity:0;visibility:hidden;translate:0 10px;transition:opacity 420ms var(--mw-ease),translate 520ms var(--mw-ease),visibility 0s 420ms} :where(html[data-seite="referenzen"]) [data-mw="panel"][data-aktiv]{opacity:1;visibility:visible;translate:0 0;transition:opacity 700ms 180ms var(--mw-ease-out),translate 900ms 180ms var(--mw-ease-out),visibility 0s} :where(html[data-seite="referenzen"]) [data-mw="panel-titel"]{font-family:var(--font-core);font-size:clamp(34px,3.4vw,52px);font-weight:100;line-height:1.02;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="referenzen"]) [data-mw="panel-nr"] span{font-size:.24em;font-weight:500;letter-spacing:.18em;color:var(--mw-text-leise);vertical-align:.25em;margin-left:.5em} :where(html[data-seite="referenzen"]) [data-mw="panel"] p{margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:1.75;color:var(--mw-text);max-width:46ch;text-wrap:pretty} :where(html[data-seite="referenzen"]) [data-mw="panel"][data-aktiv] p{animation:mw-zeilen 1100ms 260ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="hl"]{color:var(--mw-text);font-weight:400;transition:color 900ms var(--mw-ease)} :where(html[data-seite="referenzen"]) [data-mw="panel"][data-aktiv] [data-mw="hl"]{color:var(--mw-blau);transition-delay:900ms} @keyframes mw-zeilen{from{clip-path:inset(0 0 100% 0);translate:0 8px}to{clip-path:inset(0 0 0 0);translate:0 0}} @media (max-width:760px){:where(html[data-seite="referenzen"]) [data-mw="kapitel"]{grid-template-columns:minmax(0,1fr)} :where(html[data-seite="referenzen"]) [data-mw="tab"]{padding:18px 0 20px} :where(html[data-seite="referenzen"]) [data-mw="kapitel-text"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 0 0;margin-top:-1px} :where(html[data-seite="referenzen"]) [data-mw="panel-titel"]{font-size:32px}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="panel"], :where(html[data-seite="referenzen"]) [data-mw="panel"][data-aktiv], :where(html[data-seite="referenzen"]) [data-mw="tab-titel"], :where(html[data-seite="referenzen"]) [data-mw="tab-sub"]{transition:none !important;translate:none !important} :where(html[data-seite="referenzen"]) [data-mw="panel"][data-aktiv] p{animation:none !important} :where(html[data-seite="referenzen"]) [data-mw="tab"][aria-selected="true"] [data-mw="tab-zeit"]{transform:scaleX(1)}} :where(html[data-seite="referenzen"]) section[data-mw="projekte"]{max-width:1320px !important;padding-left:var(--margin-editorial) !important;padding-right:var(--margin-editorial) !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important;gap:0 clamp(34px,3.6vw,64px) !important;padding:clamp(32px,3.6vw,52px) 0 !important;border:0 !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"]{overflow:visible !important;background:transparent !important;isolation:isolate} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"]::before{content:"";position:absolute;inset:0;translate:16px 16px;border:1px solid var(--mw-gold);z-index:-1;transition:translate 900ms var(--mw-ease-out),opacity 600ms var(--mw-ease)} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]:nth-child(even) [data-mw="projekt-bild"]::before{translate:-16px 16px} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > img{clip-path:inset(0 0 0 0);transition:opacity 600ms var(--mw-ease),clip-path 1300ms var(--mw-ease-out),scale 1600ms var(--mw-ease-out) !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"][data-mw-wipe="wartet"] > img{clip-path:inset(7% 7% 7% 7%);scale:1.05} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"][data-mw-wipe="wartet"]::before{translate:0 0;opacity:0} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]:hover [data-mw="projekt-bild"]::before{translate:10px 10px} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]:nth-child(even):hover [data-mw="projekt-bild"]::before{translate:-10px 10px} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] span[style*="border-radius: 999px"]{border-radius:999px !important;background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px !important;font-weight:600 !important;letter-spacing:.2em !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"]{gap:18px !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"] > [data-mw="bildspalte"]{display:flex !important;flex-direction:column !important;min-width:0 !important;align-self:start !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"] > [data-mw="bildspalte"] > [data-mw="projekt-links"]{margin-top:14px !important;gap:8px 22px !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]:not([data-mf-seite="r"]) > [data-mw="bildspalte"]{grid-column:1 !important;order:0 !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]:not([data-mf-seite="r"]) > [data-mw="projekt-text"]{grid-column:2 !important;order:1 !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="bildspalte"]{grid-column:2 !important;order:2 !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="projekt-text"]{grid-column:1 !important;order:1 !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a, :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > button, :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] a, :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] button{font-size:11px !important;font-weight:500 !important;letter-spacing:.1em !important;padding:3px 0 !important;white-space:nowrap} @media (max-width:860px){:where(html[data-seite="referenzen"]) article[data-mw="projekt"]{row-gap:26px !important} :where(html[data-seite="referenzen"]) article[data-mw="projekt"] > [data-mw="bildspalte"], :where(html[data-seite="referenzen"]) article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important}} :where(html[data-seite="referenzen"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) !important} @media (max-width:860px){:where(html[data-seite="referenzen"]) article[data-mw="projekt"], :where(html[data-seite="referenzen"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) !important}} :where(html[data-seite="referenzen"]) article[data-mw="projekt"]{align-items:start !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] h2{text-box:trim-both cap alphabetic} :where(html[data-seite="referenzen"]) [data-mw="ausmacht-kopf"]{display:none !important} :where(html[data-seite="referenzen"]) [data-mw="panel-titel"]{font-family:var(--font-body) !important;font-size:clamp(19px,1.5vw,22px) !important;font-weight:500 !important;line-height:1.35 !important;letter-spacing:0 !important;color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) [data-mw="panel"]{gap:12px !important} :where(html[data-seite="referenzen"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{background:transparent !important} :where(html[data-seite="referenzen"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{padding:0 !important} :where(html[data-seite="referenzen"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{clip-path:inset(0 0 -90px 0)} :where(html[data-seite="referenzen"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img, :where(html[data-seite="referenzen"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{animation:none !important;transition:none !important;clip-path:none !important} :where(html[data-seite="referenzen"]) body div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{z-index:2} :where(html[data-seite="referenzen"]) body [data-mw="buehne-text"] h1[data-mw="claim"]{font-family:var(--font-core) !important;font-size:clamp(14px,1.25vw,18px) !important;font-weight:100 !important;line-height:1.5 !important;letter-spacing:.012em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1[data-mw="claim"] em{font-weight:100 !important;color:var(--mw-blau) !important;font-style:normal !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1[data-mw="claim"] em::after{display:none !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] h2{order:0;font-size:clamp(30px,3vw,46px) !important;font-weight:200 !important;line-height:1.08 !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] h2 + span{font-size:clamp(15px,1.15vw,17px) !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.5 !important;color:var(--mw-gold-text) !important;margin-top:-4px} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] p{order:1;font-weight:300 !important;line-height:1.75 !important;max-width:52ch !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"]{order:2;gap:14px 26px !important;margin-top:18px !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a, :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > div > button{font-size:11px !important;font-weight:600 !important;letter-spacing:.18em !important;text-decoration:none !important;color:var(--mw-blau) !important;padding-bottom:4px !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a:hover, :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > div > button:hover{color:var(--mw-ink) !important;background-size:0% 1px !important;background-position:right bottom !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a:first-child{display:inline !important;height:auto !important;padding:0 0 4px 0 !important;border:0 !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a:first-child:hover{background-size:0% 1px !important;background-position:right bottom !important;color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] div[style*="position: absolute"]{border:1px solid var(--mw-linie-raster) !important;border-top:1px solid var(--mw-gold) !important} @media (max-width:760px){:where(html[data-seite="referenzen"]) [data-mw="projekt-bild"]::before{translate:8px 8px !important}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > img{clip-path:none !important;scale:none !important;transition:none !important} :where(html[data-seite="referenzen"]) [data-mw-rundknopf], :where(html[data-seite="referenzen"]) [data-mw-rundknopf] > *, :where(html[data-seite="referenzen"]) [data-mw-rundknopf]::after{transition:none !important}} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"]{padding:44px max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) 36px !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div{max-width:none !important;gap:20px 40px !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"]{gap:12px} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] svg{width:38px;height:38px} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span{font-size:19px;font-weight:200} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[href^="mailto"]{font-size:17px !important;font-weight:200 !important;letter-spacing:.01em !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[aria-label][target="_blank"]{width:36px !important;height:36px !important;border-radius:50% !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[aria-label][target="_blank"] svg{width:15px !important;height:15px !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div > div{gap:10px !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div > div:last-child{gap:24px !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div > div:last-child a{font-size:10px !important;font-weight:500 !important;letter-spacing:.3em !important;color:var(--mw-text-leise) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div > div:last-child a:hover{color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] > div{opacity:1 !important;filter:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] > div img{transform:none !important;transition:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] > div[style*="opacity: 0"]{clip-path:inset(100% 0 0 0);transition:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-richtung="oben"] > div[style*="opacity: 0"]{clip-path:inset(0 0 100% 0)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] > div[style*="opacity: 1"]{clip-path:inset(0 0 0 0);transition:clip-path 3200ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--mw-gold);z-index:4;opacity:0;pointer-events:none} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div)::after{opacity:1} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::after{top:var(--mw-strich-oben)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:not([data-mw-strich="oben"])::after{top:var(--mw-strich-unten)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div[style*="opacity: 1"])::after{animation:mw-aufziehen-hoch 3200ms cubic-bezier(.65,0,.35,1) both} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"])::after{animation-name:mw-aufziehen-runter} @keyframes mw-aufziehen-hoch{from{top:var(--mw-strich-unten)}to{top:var(--mw-strich-oben)}} @keyframes mw-aufziehen-runter{from{top:var(--mw-strich-oben)}to{top:var(--mw-strich-unten)}} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 1"]{transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-schnell]:has(> div[style*="opacity: 1"])::after{animation-duration:1900ms;animation-timing-function:cubic-bezier(.7,0,.25,1)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 0"] img{translate:0 16%} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-schnell][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -16%} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-schnell] > div[style*="opacity: 1"] img{translate:0 0;transition:translate 1900ms cubic-bezier(.7,0,.25,1) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] > div{clip-path:none !important;transition:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::after{display:none} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] img{translate:none !important}} :where(html[data-seite="referenzen"]) [data-mw="kontaktblock"]{display:flex;flex-direction:column;gap:4px !important} :where(html[data-seite="referenzen"]) [data-mw="tel"]{font-family:var(--font-core);font-size:14px;font-weight:300;letter-spacing:.02em;color:var(--mw-text-leise);text-decoration:none;border:0;transition:color 200ms var(--mw-ease)} :where(html[data-seite="referenzen"]) [data-mw="tel"]:hover{color:var(--mw-blau)} :where(html[data-seite="referenzen"]) [data-mw="buehne-typo"]{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px var(--margin-editorial) 56px clamp(32px,5vw,80px);border-left:1px solid var(--mw-gold)} :where(html[data-seite="referenzen"]) [data-mw="buehne-typo"]::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--mw-gold);transform-origin:top;animation:mw-strich-y 1400ms 200ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="jahr-gross"]{font-family:var(--font-core);font-weight:100;font-size:clamp(96px,13vw,210px);line-height:.86;letter-spacing:-.05em;color:var(--mw-gold);font-variant-numeric:lining-nums;animation:mw-auf-clip 1600ms 300ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="jahr-text"]{font-size:13px;font-weight:300;line-height:1.6;color:var(--mw-text);max-width:28ch;animation:mw-auf-clip 1200ms 700ms var(--mw-ease-out) both} @keyframes mw-auf-clip{from{clip-path:inset(0 100% 0 0);translate:-12px 0}to{clip-path:inset(0 0 0 0);translate:0 0}} @media (max-width:760px){:where(html[data-seite="referenzen"]) [data-mw="buehne-typo"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 16px 40px} :where(html[data-seite="referenzen"]) [data-mw="buehne-typo"]::before{display:none}} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] [data-yr]{font-weight:100 !important;font-size:clamp(40px,5vw,84px) !important;letter-spacing:-.04em !important;color:#b9c4ca !important;filter:none !important;transition:color 700ms var(--mw-ease),opacity 600ms var(--mw-ease) !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-yr]{color:var(--mw-gold) !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article span[style*="width: 15px"]{border-color:var(--mw-gold) !important;border-width:1px !important;width:11px !important;height:11px !important;right:calc(var(--g) / -2 - 5.5px) !important;background:#fff !important;transition:background-color 500ms var(--mw-ease),scale 600ms var(--mw-ease-out) !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] > div:first-child > span[style*="width: 15px"]{background:var(--mw-gold) !important;scale:1.35} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] [data-body]{filter:none !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] h2{font-weight:100 !important;font-size:clamp(30px,3vw,48px) !important;letter-spacing:-.03em !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2{animation:mw-auf-clip 1100ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:mw-zeilen 1100ms 200ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] blockquote p{font-style:normal !important;font-weight:200 !important;color:var(--mw-gold-text) !important;border-left:1px solid var(--mw-gold);padding-left:18px} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] nav[aria-label="Jahre"] button > span[aria-hidden="true"]{height:1px !important;background:var(--mw-gold) !important;width:22px !important;margin-left:-11px !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] nav[aria-label="Jahre"] button[aria-current="true"]{color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] > div > div[aria-hidden="true"][style*="width: 1px"]{background:linear-gradient(var(--mw-linie-raster),var(--mw-linie-raster)) !important} :where(html[data-seite="referenzen"]) button[style*="height: 8px"][style*="border-radius: 999px"]{height:18px !important;padding:8px 0 !important;background-clip:content-box !important;width:18px !important;background-color:var(--mw-linie-raster) !important;transition:width 420ms var(--mw-ease-out),background-color 300ms var(--mw-ease) !important} :where(html[data-seite="referenzen"]) button[style*="height: 8px"][style*="border-radius: 999px"][style*="width: 24px"]{width:38px !important;background-color:var(--mw-gold) !important} :where(html[data-seite="referenzen"]) button[style*="height: 8px"][style*="border-radius: 999px"]:hover{background-color:var(--mw-blau) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="jahr-gross"], :where(html[data-seite="referenzen"]) [data-mw="jahr-text"], :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2, :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:none !important}} :where(html[data-seite="referenzen"]) figcaption{max-width:none !important;text-wrap:wrap !important;font-size:13px !important;font-weight:300 !important;line-height:1.6 !important;color:var(--mw-text-leise) !important;padding-left:12px;border-left:1px solid var(--mw-gold)} :where(html[data-seite="referenzen"]) [data-mw="schluss"]{margin:0;font-family:var(--font-core);font-weight:100;font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.03em;color:var(--mw-blau)} :where(html[data-seite="referenzen"]) [data-mw="schluss"] strong{font-weight:200 !important;color:var(--mw-gold)} :where(html[data-seite="referenzen"]) article[data-ch] [data-body] > [data-mw="cta"]{margin-top:-14px} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 3 / 4"]:has(> img[style*="transform-origin: 50% 0"]){aspect-ratio:2 / 3 !important;max-width:380px !important} :where(html[data-seite="referenzen"]) img[style*="transform-origin: 50% 0"][style*="object-position: center top"]{object-fit:contain !important;transform:none !important;object-position:center bottom !important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 70%,transparent 100%);mask-composite:intersect} :where(html[data-seite="referenzen"]) img[style*="object-fit: cover"]{object-fit:contain !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]{background:#fff} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] img{object-position:center center !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > img{background:transparent} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-gold]{background:var(--mw-gold)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-gold]::before{display:none} :where(html[data-seite="referenzen"]) [data-mw="teambild"]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom !important;display:block} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:not([data-mw-klein]){min-height:clamp(480px,66vh,720px)} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"]{gap:22px;padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(48px,5.5vw,80px);overflow:visible} :where(html[data-seite="referenzen"]) [data-mw="wortmarke"]{font-size:clamp(32px,8.6vw,118px) !important;line-height:1 !important;letter-spacing:-.038em !important;white-space:nowrap !important;padding-bottom:.12em !important;overflow:visible !important} :where(html[data-seite="referenzen"]) section[data-mw="ausmacht"]{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);gap:clamp(24px,3vw,40px)} :where(html[data-seite="referenzen"]) [data-mw="tab"]{padding:18px 40px 20px 0} :where(html[data-seite="referenzen"]) [data-mw="tab-titel"]{font-size:clamp(22px,2.1vw,30px)} :where(html[data-seite="referenzen"]) section[data-screen-label="Impressionen"]{padding-bottom:72px !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Impressionen"] h2{margin-bottom:8px !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-weiss]{background:#fff} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-farbe] img{filter:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-farbe]{background:#fff} :where(html[data-seite="referenzen"]) li[data-q] p{color:var(--mw-blau) !important;font-weight:200 !important;font-size:clamp(20px,1.7vw,27px) !important} :where(html[data-seite="referenzen"]) li[data-q]{transition:opacity 700ms var(--mw-ease) !important} :where(html[data-seite="referenzen"]) li[data-q][data-mw-an] p{animation:mw-frage 1100ms var(--mw-ease-out) both} @keyframes mw-frage{from{clip-path:inset(0 100% 0 0);translate:-14px 0}to{clip-path:inset(0 -10% 0 0);translate:0 0}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) li[data-q][data-mw-an] p{animation:none !important}} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div) > div{overflow:hidden} :where(html[data-seite="referenzen"]) [data-mw-chronik]{justify-content:center;gap:0 !important;padding-top:28px !important;padding-bottom:32px !important} :where(html[data-seite="referenzen"]) [data-mw="chronik-buehne"]{display:flex;flex-direction:column;gap:6px;width:100%} :where(html[data-seite="referenzen"]) [data-mw="chronik-bild"]{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#fff;--mw-luft:clamp(18px,2.4vw,30px)} :where(html[data-seite="referenzen"]) [data-mw="chronik-bild"] img{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:var(--mw-luft) 0;object-fit:contain;display:block} :where(html[data-seite="referenzen"]) [data-mw="chronik-bild"] img[data-mw="chronik-oben"]{clip-path:inset(0 0 100% 0)} :where(html[data-seite="referenzen"]) [data-mw="chronik-strich"]{position:absolute;left:0;right:0;height:1px;background:var(--mw-gold);top:round(down, 100% - 1px, 1px);z-index:2;pointer-events:none} :where(html[data-seite="referenzen"]) [data-mw="chronik-buehne"]{position:static} :where(html[data-seite="referenzen"]) [data-mw="chronik-zeile"]{display:flex;align-items:flex-end;gap:clamp(16px,2vw,28px);min-height:1em} :where(html[data-seite="referenzen"]) [data-mw="chronik-jahr"]{display:flex;font-family:var(--font-core);font-weight:100;font-size:clamp(64px,7.4vw,120px);line-height:1;height:1em;letter-spacing:-.03em;color:var(--mw-gold);font-variant-numeric:lining-nums tabular-nums;flex:none} :where(html[data-seite="referenzen"]) [data-mw="ziffer"]{display:block;height:1em;overflow:hidden} :where(html[data-seite="referenzen"]) [data-mw="rolle"]{display:flex;flex-direction:column;transition:transform 1300ms cubic-bezier(.75,0,.2,1)} :where(html[data-seite="referenzen"]) [data-mw="rolle"] > span{display:block;height:1em;line-height:1em} :where(html[data-seite="referenzen"]) [data-mw="chronik-text"]{display:flex;flex-direction:column;gap:6px;padding-bottom:.9em;min-width:0} :where(html[data-seite="referenzen"]) [data-mw="chronik-ort"]{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mw-text);animation:mw-chronik-ein 900ms 250ms var(--mw-ease-out) both} :where(html[data-seite="referenzen"]) [data-mw="chronik-titel"]{font-size:clamp(16px,1.35vw,21px);font-weight:300;line-height:1.3;color:var(--mw-blau);animation:mw-chronik-ein 1100ms 420ms var(--mw-ease-out) both} @keyframes mw-chronik-ein{from{clip-path:inset(0 100% 0 0);translate:-16px 0}to{clip-path:inset(0 -10% 0 0);translate:0 0}} :where(html[data-seite="referenzen"]) [data-mw="chronik-lauf"]{height:1px;background:var(--mw-linie-raster);position:relative;overflow:hidden;margin-top:4px} :where(html[data-seite="referenzen"]) [data-mw="chronik-lauf"] > span{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mw-gold)} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="rolle"]{transition:none} :where(html[data-seite="referenzen"]) [data-mw="chronik-ort"], :where(html[data-seite="referenzen"]) [data-mw="chronik-titel"]{animation:none}} :where(html[data-seite="referenzen"]) [data-mw="knopf"], :where(html[data-seite="referenzen"]) [data-mw="knopf-voll"]{background:transparent !important;transition:border-color 300ms var(--mw-ease),color 200ms var(--mw-ease),letter-spacing 400ms var(--mw-ease-out) !important} :where(html[data-seite="referenzen"]) [data-mw="knopf"]:hover, :where(html[data-seite="referenzen"]) [data-mw="knopf-voll"]:hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important;letter-spacing:.22em} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a:first-child{background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/100% 1px !important;transition:background-size 420ms var(--mw-ease-out),color 200ms !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-links"] > a:first-child:hover{background-size:0% 1px !important;background-position:right bottom !important;color:var(--mw-ink) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] nav > a[data-mw="kontakt"]:hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) button[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover, :where(html[data-seite="referenzen"]) a[style*="--control-height"]:not([style*="background: var(--blue-600)"]):hover{background:transparent !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[data-mw-rundknopf]:hover{background:#fff !important;color:var(--mw-blau) !important;border-color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-gold]{background:#fff} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1:not([data-mw]){max-width:26ch !important;text-wrap:balance} :where(html[data-seite="referenzen"]) h2[style*="max-width: 22ch"]{max-width:34ch !important;text-wrap:balance} :where(html[data-seite="referenzen"]) [data-mw="ziffer"]{width:.64em;text-align:center} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{overflow:visible !important;margin-bottom:68px;border-radius:0 !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{transform:none !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]{top:calc(100% + 16px) !important;bottom:auto !important;left:auto !important;transform:none !important;width:44px !important;height:44px !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-color:var(--mw-gold) !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="zurueck"]{right:58px !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="vor"]{right:0 !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf] > span{width:8px !important;height:8px !important;border-top-width:1px !important;border-right-width:1px !important;border-color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]:hover{background:#fff !important;scale:1.06;border-color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="zurueck"]:hover > span{translate:-4px 0} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-richtung="vor"]:hover > span{translate:4px 0} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > button[data-mw-rundknopf]:active > span{transition-duration:120ms} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article [data-body] :is(h2,h3,p,blockquote,figcaption,ul,span[data-mw]){transition:opacity 600ms var(--mw-ease)} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article:not([data-mw-aktiv]) [data-body] :is(h2,h3,p,blockquote,figcaption,ul){opacity:.3} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article img, :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article video{opacity:1 !important;filter:none !important} :where(html[data-seite="referenzen"]) button[aria-label^="Bild "], :where(html[data-seite="referenzen"]) button[aria-label^="Bild "] img{opacity:1 !important;filter:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div){--mw-luft:clamp(22px,3.2vw,40px);--mw-strich-oben:0px;--mw-strich-unten:round(down, 100% - 1px, 1px);background:#fff !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div) img{inset:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;padding:var(--mw-luft) 0 !important;object-fit:contain !important;background:transparent !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div) > img{clip-path:inset(0 0 0 0);filter:none !important;transition:none} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 0 100% 0);transition:clip-path 3200ms cubic-bezier(.65,0,.35,1)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(100% 0 0 0)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-schnell]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 1900ms cubic-bezier(.7,0,.25,1)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"] > div{background:transparent !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"]::before, :where(html[data-seite="referenzen"]) [data-mw="buehne-typo"]::before{display:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-typo"]{border-left:0 !important} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]::after{display:none !important} :where(html[data-seite="referenzen"]) [data-mw-rundknopf]:hover{scale:1.05} :where(html[data-seite="referenzen"]) svg circle[stroke="var(--mw-gold)"]{transform-box:fill-box;transform-origin:center} :where(html[data-seite="referenzen"]) svg circle[stroke="var(--mw-gold)"][fill="#fff"]{opacity:0;scale:.2;transition:opacity 300ms var(--mw-ease),scale 300ms var(--mw-ease)} :where(html[data-seite="referenzen"]) svg circle[stroke="var(--mw-gold)"][fill="var(--mw-gold)"]{animation:mw-punkt 1100ms var(--mw-ease-out) both} @keyframes mw-punkt{0%{opacity:0;scale:.2}45%{opacity:1;scale:1.7}70%{scale:.9}100%{opacity:1;scale:1}} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] > div:first-child > span[style*="width: 15px"]{animation:mw-punkt-zs 1000ms var(--mw-ease-out) both} @keyframes mw-punkt-zs{0%{scale:.3}50%{scale:1.8}100%{scale:1.35}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) svg circle[stroke="var(--mw-gold)"]{animation:none !important;opacity:1 !important;scale:1 !important}} :where(html[data-seite="referenzen"]) span[aria-hidden="true"][style*="width: 5px"][style*="height: 5px"][style*="border-radius: 50%"]{background:var(--mw-gold) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1[data-mw="claim"]{font-size:clamp(14px,1.25vw,18px) !important;max-width:42ch !important;line-height:1.5 !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1 em::after{height:.5px !important;bottom:-.04em !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1[data-mw="claim"] em:first-of-type::after{animation-delay:700ms} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] h1[data-mw="claim"] em:last-of-type::after{animation-delay:1050ms} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"]{border:0 !important;box-shadow:none !important;outline:0 !important;background:#fff !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > a > span{color:inherit !important;font-weight:300 !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > a{color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] > div[style*="position: absolute"] > a:hover{color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) header[data-dc-tpl] :is(a,button):focus:not(:focus-visible){outline:0 !important} :where(html[data-seite="referenzen"]) svg:has(circle[stroke="var(--mw-gold)"]) path[stroke="var(--border-rule)"]{display:none} :where(html[data-seite="referenzen"]) [data-mw="signet"] path, :where(html[data-seite="referenzen"]) [data-mw="wm-block"] svg path{stroke:currentColor;stroke-width:.45px !important;vector-effect:non-scaling-stroke;stroke-linejoin:round} :where(html[data-seite="referenzen"]) svg.lm line, :where(html[data-seite="referenzen"]) svg.lm circle{vector-effect:non-scaling-stroke;stroke-width:1px !important;shape-rendering:geometricPrecision} :where(html[data-seite="referenzen"]) svg.lm line, :where(html[data-seite="referenzen"]) svg.lm > circle[fill="none"]{stroke:var(--mw-blau) !important;stroke-opacity:1} :where(html[data-seite="referenzen"]) svg.lm circle[fill="#fff"]{stroke:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Team Hero"]{display:none !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Team"]{padding-top:clamp(150px,16vh,190px) !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Team"] div[style*="position: sticky"][style*="margin-top: -90px"]{margin-top:0 !important;top:110px !important} :where(html[data-seite="referenzen"]) img[style*="transform-origin: 50% 0"][style*="object-position: center top"]{-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important;filter:none !important} :where(html[data-seite="referenzen"]) li[data-q]{border-bottom:1px solid var(--mw-linie-raster)} :where(html[data-seite="referenzen"]) li[data-q]:last-child{border-bottom:0} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"]::before{display:none !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"]{margin-bottom:0;border-radius:0 !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > img{transition:clip-path 1300ms var(--mw-ease-out),scale 1600ms var(--mw-ease-out) !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > img[style*="opacity: 1"]{animation:mw-projekt-wisch 900ms cubic-bezier(.7,0,.25,1) both} @keyframes mw-projekt-wisch{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]{top:auto !important;bottom:14px !important;left:auto !important;transform:none !important;width:38px !important;height:38px !important;color:#0b0e10 !important;background:rgba(255,255,255,.5) !important;border:1px solid rgba(255,255,255,.65) !important;-webkit-backdrop-filter:blur(7px) !important;backdrop-filter:blur(7px) !important;opacity:0;transition:opacity 260ms var(--mw-ease),background-color 220ms var(--mw-ease)} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"]:hover > button[data-mw-rundknopf], :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]:focus-visible{opacity:1} @media (hover:none){:where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]{opacity:1}} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-richtung="zurueck"]{right:62px !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-richtung="vor"]{right:14px !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf] > span{width:7px !important;height:7px !important;border-top-width:1px !important;border-right-width:1px !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > button[data-mw-rundknopf]:hover{background:rgba(255,255,255,.82) !important;border-color:rgba(255,255,255,.9) !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > img{animation:none !important}} :where(html[data-seite="referenzen"]) section p:not([data-mw]), :where(html[data-seite="referenzen"]) article p:not([data-mw]), :where(html[data-seite="referenzen"]) [data-mw="panel"] p{font-weight:400 !important;color:#2e3438 !important;line-height:1.72 !important;letter-spacing:.003em !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-text"] > p:not([data-mw]){font-weight:400 !important;color:#2e3438 !important} :where(html[data-seite="referenzen"]) p[style*="font-size: clamp(15px, 1.05vw, 17px)"], :where(html[data-seite="referenzen"]) p[style*="font-size: clamp(16px, 1.1vw, 18px)"]{font-size:17px !important} :where(html[data-seite="referenzen"]) li[data-q] p{font-weight:200 !important;color:var(--mw-blau) !important;line-height:1.35 !important} :where(html[data-seite="referenzen"]) section[data-screen-label="Zeitstrahl"] blockquote p{font-weight:200 !important;color:var(--mw-gold) !important;line-height:1.35 !important} :where(html[data-seite="referenzen"]) section p[style*="text-transform: uppercase"]{font-weight:500 !important;color:var(--mw-blau) !important;line-height:1.8 !important} :where(html[data-seite="referenzen"]) section p[style*="font-family: var(--font-display)"]:not([style*="italic"]){font-weight:300 !important;line-height:1.5 !important} :where(html[data-seite="referenzen"]) section li[data-q] p[style*="font-family"]:not([data-mw]){font-weight:200 !important;line-height:1.35 !important;color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] h2{font-size:clamp(26px,2.3vw,34px) !important;text-wrap:pretty !important;hyphens:manual !important;letter-spacing:-.02em !important;max-width:none !important} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] h2 br{display:none} :where(html[data-seite="referenzen"]) [data-mw="projekt-text"] h2 br + span::before{content:" "} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]){min-height:clamp(600px,86vh,880px) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{flex:0 0 calc((clamp(600px,86vh,880px) - 76px - 2 * clamp(26px,3vh,40px)) * .6) !important;margin-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial)));--mw-luft:clamp(26px,3vh,40px)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] img{object-position:center center !important} @media (max-width:760px){:where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{flex:none !important;height:118vw !important;max-height:none !important;margin-right:0}} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]){min-height:0 !important;align-items:stretch !important} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{padding-top:56px !important;padding-bottom:56px !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{--mw-luft:14px;flex:0 0 auto !important;height:auto !important;align-self:stretch;margin-top:calc(56px - var(--mw-luft));margin-bottom:calc(56px - var(--mw-luft))} @media (max-width:760px){:where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{height:min(150vw,560px) !important;width:auto !important;margin:0 16px 32px !important}} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{flex:0 1 auto !important;max-width:min(820px,58vw)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{margin-left:auto !important;margin-right:auto !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] img{padding-left:24px !important;padding-right:24px !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:0 9% !important;transition:none !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -9% !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{translate:0 0 !important;transition:translate 2300ms cubic-bezier(.16,1,.3,1) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{transition:clip-path 1700ms cubic-bezier(.77,0,.18,1) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 1700ms cubic-bezier(.77,0,.18,1)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation-duration:1700ms;animation-timing-function:cubic-bezier(.77,0,.18,1)} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] img{translate:none !important}} @media (max-width:760px){:where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:0 !important} :where(html[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{max-width:none}} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{--mw-luft:10px} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] img{padding-left:0 !important;padding-right:0 !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:0 3% !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:0 -3% !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{transition:translate 3200ms cubic-bezier(.22,1,.36,1) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{transition:clip-path 2600ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{transition:clip-path 2600ms cubic-bezier(.65,0,.35,1)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation-duration:2600ms;animation-timing-function:cubic-bezier(.65,0,.35,1)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]::after{height:1px;background:var(--mw-gold)} :where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation:mw-illu-ein 1800ms 300ms cubic-bezier(.65,0,.35,1) backwards} @keyframes mw-illu-ein{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation:none}} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"]{background:var(--mw-grund-ton) !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{box-sizing:border-box !important;padding:clamp(16px,2.4vw,36px) !important;object-fit:contain !important;background:transparent !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{transition:none !important} :where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img[style*="opacity: 1"]{animation:mw-projekt-wisch 1100ms cubic-bezier(.65,0,.35,1) both} @media (prefers-reduced-motion:reduce){:where(html[data-seite="referenzen"]) div[style*="aspect-ratio: 16 / 9"][style*="max-height: 78vh"] > img{animation:none !important}} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div{align-items:center !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:row !important;align-items:baseline;gap:28px !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[href^="mailto"], :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="tel"]{font-size:14px !important;font-weight:400 !important;letter-spacing:.02em !important;color:var(--mw-text-leise) !important;background:none !important;border:0 !important;text-decoration:none !important;line-height:1 !important;padding:0 !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] a[href^="mailto"]:hover, :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="tel"]:hover{color:var(--mw-blau) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] > div > div:last-child a{line-height:1 !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span{color:var(--mw-text-leise) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] span [data-mw="g"]{color:var(--mw-text-leise) !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"]{color:var(--mw-text-leise) !important} @media (max-width:760px){:where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:column !important;gap:8px !important}} :where(html[data-seite="referenzen"]) img[data-mw="signet"]{display:block;width:47px !important;height:47px !important;object-fit:contain !important;transform:none !important} :where(html[data-seite="referenzen"]) [data-mw="wm-block"] img[data-mw="wm-logo"]{display:block;height:40px !important;width:auto !important;object-fit:contain !important} :where(html[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="wm-block"] img[data-mw="wm-logo"]{height:36px !important} /* nur: team */ @keyframes lmDraw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}} @keyframes lmPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}} @keyframes lmSpin{to{transform:rotate(360deg)}} @keyframes lmBreath{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--dx),var(--dy))}} @keyframes lmArc{0%{stroke-dashoffset:214}60%,100%{stroke-dashoffset:0}} @media (prefers-reduced-motion: reduce){:where(html[data-seite="team"]) .lm *{animation:none !important}} /* Goldene Linie oben, genau wie unter der Kopfleiste */ html body footer[data-screen-label="Footer"]::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background-image:linear-gradient(90deg,rgba(227,181,5,0) 0%,rgba(227,181,5,.95) 45%,rgba(227,181,5,.95) 55%,rgba(227,181,5,0) 100%),linear-gradient(90deg,rgba(227,181,5,.3) 0%,rgba(227,181,5,.3) 100%);background-repeat:no-repeat,no-repeat;background-size:36% 100%,100% 100%;background-position:-40% 0,0 0;animation:mw-goldzug 9s cubic-bezier(.42,0,.58,1) infinite;pointer-events:none;z-index:4} /* Footer in den Farben der Kopfleiste: hell, nur rechts zwei ruhige Kreise, Logo bleibt frei */ html body footer[data-screen-label="Footer"]{position:relative !important;background:#fff !important;border-top:1px solid transparent !important;padding-top:56px !important;padding-bottom:44px !important;overflow:hidden} html body footer[data-screen-label="Footer"]::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 150"%3E %3Ccircle cx="300" cy="230" r="150" fill="%23d7e9f3"/%3E %3Ccircle cx="430" cy="140" r="58" fill="%23ebab01" opacity=".38"/%3E %3C/svg%3E') right bottom/clamp(260px,30vw,440px) auto no-repeat;pointer-events:none} html body footer[data-screen-label="Footer"] > div{position:relative;z-index:1} html body footer[data-screen-label="Footer"] a[href^="mailto"],html body footer[data-screen-label="Footer"] [data-mw="tel"]{color:#00557e !important;font-weight:500 !important} html body footer[data-screen-label="Footer"] a[href^="mailto"]:hover,html body footer[data-screen-label="Footer"] [data-mw="tel"]:hover{color:#0b0e10 !important} html body footer[data-screen-label="Footer"] a[aria-label][target="_blank"]{background:rgba(255,255,255,.7) !important;color:#00557e !important;border:1px solid #ebab01 !important} html body footer[data-screen-label="Footer"] a[aria-label][target="_blank"]:hover{background:#ebab01 !important;color:#0b0e10 !important} html body footer[data-screen-label="Footer"] > div > div:last-child a{color:#4a5459 !important;font-weight:600 !important} html body footer[data-screen-label="Footer"] > div > div:last-child a:hover{color:#00557e !important} /* nur: start */ :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"]{clip-path:inset(0 0 0 100%) !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"]{clip-path:inset(0 100% 0 0) !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"]{clip-path:inset(0 0 0 0) !important;transition:clip-path 2600ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 100% 0 0) !important;transition:clip-path 2600ms cubic-bezier(.65,0,.35,1) !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 0 0 100%) !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 0"] img{translate:4% 0 !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:-4% 0 !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > div[style*="opacity: 1"] img{translate:0 0 !important;transition:translate 3200ms cubic-bezier(.22,1,.36,1) !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu]::after{top:0 !important;bottom:0 !important;height:auto !important;width:1px !important;left:0} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu]:has(> div[style*="opacity: 1"])::after{animation:mw-wisch-nach-links 2600ms cubic-bezier(.65,0,.35,1) both !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu][data-mw-richtung="oben"]:has(> div[style*="opacity: 1"])::after{animation-name:mw-wisch-nach-rechts !important} @keyframes mw-wisch-nach-links{from{left:calc(100% - 1px)}to{left:0}} @keyframes mw-wisch-nach-rechts{from{left:0}to{left:calc(100% - 1px)}} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > img{animation-name:mw-illu-ein-seitlich !important} @keyframes mw-illu-ein-seitlich{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > div, :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu] > img{clip-path:none !important;transition:none !important;animation:none !important} :where(html[data-seite="start"]) [data-mw="buehne-bild"][data-mw-illu]::after{animation:none !important}} /* nur: geschichte */ :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] h2, :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article[data-mw-aktiv] [data-body] p{animation:none !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] [data-body]{transform:none !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] [data-mw-reveal]{translate:none !important;opacity:1 !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article [data-body] :is(h2,h3,p,blockquote,figcaption,ul){opacity:1 !important;filter:blur(0);transition:filter 500ms var(--mw-ease),opacity 500ms var(--mw-ease) !important} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article:not([data-mw-aktiv]) [data-body] :is(h2,h3,p,blockquote,figcaption,ul){filter:blur(3px);opacity:.7 !important} @media (prefers-reduced-motion:reduce){:where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article [data-body] :is(h2,h3,p,blockquote,figcaption,ul){transition:none !important}} /* nur: geschichte */ :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article [data-body] p[data-mw="schluss"], :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article [data-body] p[data-mw="schluss"] *{filter:none !important;opacity:1 !important;animation:none !important;translate:none !important;clip-path:none !important} /* nur: forschung */ :where(html[data-seite="forschung"]) img[src*="gdm_kino"][style*="aspect-ratio: 4 / 3"]{object-fit:cover !important;object-position:center center !important} /* ---------- Handy und Tablet ---------- */ @media (max-width:860px){ html body article[data-mw="projekt"]{grid-template-columns:minmax(0,1fr) !important;row-gap:24px !important;padding:clamp(34px,7vw,56px) 0 !important} html body article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="bildspalte"],html body article[data-mw="projekt"] > [data-mw="bildspalte"]{grid-column:1 !important;grid-row:auto !important;order:0 !important} html body article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="projekt-text"],html body article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important;order:1 !important} html body section[data-mw="buehne"]{flex-direction:column !important;align-items:stretch !important} html body [data-mw="buehne-text"]{flex:0 0 auto !important;padding-left:max(20px,env(safe-area-inset-left)) !important;padding-right:max(20px,env(safe-area-inset-right)) !important} html body [data-mw="buehne-bild"]{flex:0 0 auto !important;width:100% !important} html body [data-mw="projekt-links"]{gap:10px 18px !important} html body [data-mw="projekt-links"] a,html body [data-mw="projekt-links"] button{white-space:normal !important} html body [data-mw="projekt-bild"] > button[data-mw-rundknopf]{width:44px !important;height:44px !important;opacity:1 !important} html body footer[data-screen-label="Footer"] > div{row-gap:26px !important} } @media (max-width:520px){ html body [data-mw="wm-schrift"]{font-size:21px !important} html body [data-mw="wm-block"] svg{width:40px !important;height:40px !important} html body section[data-mw="projekte"]{padding-left:max(20px,env(safe-area-inset-left)) !important;padding-right:max(20px,env(safe-area-inset-right)) !important} } /* Unterseiten-Buehne: Bild groesser, Textspalte schmaler, kein Loch in der Mitte */ html body section[data-mw="buehne"][data-mw-klein] [data-mw="buehne-text"]{flex:1.15 1 0 !important} html body section[data-mw="buehne"][data-mw-klein] [data-mw="buehne-bild"]{flex:0 0 clamp(340px,42vw,620px) !important} html body section[data-mw="buehne"][data-mw-klein] [data-mw="buehne-text"] > p{max-width:54ch !important} @media (max-width:860px){html body section[data-mw="buehne"][data-mw-klein] [data-mw="buehne-bild"]{flex:0 0 auto !important}} /* Fuss: Wortmarke in Blau mit goldenen Versalien */ html body footer[data-screen-label="Footer"][data-screen-label] [data-mw="wm-block"]{display:inline-flex !important;align-items:center !important;gap:14px !important;color:var(--mw-blau) !important;text-decoration:none !important;border:0 !important} html body footer[data-screen-label="Footer"][data-screen-label] [data-mw="wm-block"] svg{width:50px !important;height:50px !important;flex:none !important;color:var(--mw-blau) !important} html body footer[data-screen-label="Footer"][data-screen-label] [data-mw="wm-schrift"]{font-family:var(--font-core) !important;font-size:26px !important;font-weight:100 !important;line-height:1.08 !important;letter-spacing:-.012em !important;color:var(--mw-blau) !important;white-space:nowrap !important} html body footer[data-screen-label="Footer"][data-screen-label] [data-mw="wm-schrift"] [data-mw="g"]{color:var(--mw-gold) !important;font-weight:100 !important;font-size:1.24em !important;line-height:0 !important} /* Fuss: eine Schrift, ein Grad, eine Farbe fuer alle Textlinks */ html body footer[data-screen-label="Footer"][data-screen-label] a[href^="mailto"],html body footer[data-screen-label="Footer"][data-screen-label] [data-mw="tel"],html body footer[data-screen-label="Footer"][data-screen-label] > div > div:last-child a{font-family:var(--font-core) !important;font-size:13px !important;font-weight:500 !important;letter-spacing:.012em !important;text-transform:none !important;color:#00557e !important;text-decoration:none !important;line-height:1.4 !important;padding:0 0 3px !important;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/0% 1px !important;transition:background-size 320ms var(--mw-ease),color 200ms !important} html body footer[data-screen-label="Footer"][data-screen-label] a[href^="mailto"]:hover,html body footer[data-screen-label="Footer"][data-screen-label] [data-mw="tel"]:hover,html body footer[data-screen-label="Footer"][data-screen-label] > div > div:last-child a:hover{color:#0b0e10 !important;background-size:100% 1px !important} html body footer[data-screen-label="Footer"] a:not(:has(svg)){font-family:var(--font-core) !important;font-size:13px !important;font-weight:500 !important;letter-spacing:.012em !important;text-transform:none !important;color:#00557e !important;text-decoration:none !important;padding-bottom:3px;background:linear-gradient(var(--mw-gold),var(--mw-gold)) no-repeat left bottom/0% 1px;transition:background-size 320ms var(--mw-ease),color 200ms} html body footer[data-screen-label="Footer"] a:not(:has(svg)):hover{color:#0b0e10 !important;background-size:100% 1px} html body footer[data-screen-label="Footer"] a:has(svg){color:#00557e !important} /* Kopfleiste: weiss, ohne Kreise - darunter die wandernde Goldlinie */ html body header[data-dc-tpl]{background-color:rgba(255,255,255,.94) !important;background-image:none !important;border-bottom:1px solid transparent !important} @media (min-width:761px){html body header[data-dc-tpl]{padding-right:clamp(20px,2.4vw,40px) !important}} html body header[data-dc-tpl] nav > a,html body header[data-dc-tpl] nav > button{font-size:15px !important;font-weight:500 !important;letter-spacing:.04em !important;text-transform:none !important;color:#00557e !important} html body header[data-dc-tpl] nav > a:hover,html body header[data-dc-tpl] nav > button:hover,html body header[data-dc-tpl] nav > a[aria-current="page"]{color:#0b0e10 !important} /* Lesbarkeit: Claim und Reiter-Titel kräftiger, ausgegraute Reiter dunkler */ html body [data-mw="buehne-text"] h1[data-mw="claim"]{font-weight:300 !important;color:#4a5459 !important} html body [data-mw="buehne-text"] h1[data-mw="claim"] em{font-weight:400 !important;color:var(--mw-blau) !important} html body [data-mw="tab-titel"]{font-weight:300 !important;color:#5d686e !important} html body [data-mw="tab"]:hover [data-mw="tab-titel"],html body [data-mw="tab"][aria-selected="true"] [data-mw="tab-titel"]{color:var(--mw-blau) !important} html body [data-mw="tab-sub"]{opacity:1 !important;color:#5d686e !important;font-weight:600 !important} html body [data-mw="tab"][aria-selected="true"] [data-mw="tab-sub"]{color:#2e3438 !important} /* nur: forschung, gdm, geschichte, podcast, referenzen, team */ html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body [data-mw="abo"]{flex-wrap:nowrap !important;gap:10px 14px !important;min-width:0} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body [data-mw="abo"] a{white-space:nowrap !important;flex:0 0 auto !important} @media (max-width:760px){html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body [data-mw="abo"]{flex-wrap:wrap !important}} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin:clamp(32px,4vw,56px) max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) clamp(32px,4vw,56px) 0 !important;align-self:stretch !important} @media (max-width:760px){html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin:0 16px 32px !important}} /* nur: forschung */ :where(html[data-seite="forschung"]) section[data-screen-label="Forschung"] li[data-q]{border-bottom:0 !important;border-top:0 !important} /* nur: forschung */ :where(html[data-seite="forschung"]) section[data-mw="buehne"]{min-height:0 !important} :where(html[data-seite="forschung"]) section[data-mw="buehne"] [data-mw="buehne-text"]{gap:28px !important;padding-top:clamp(48px,6vw,88px) !important;padding-bottom:clamp(40px,5vw,72px) !important} :where(html[data-seite="forschung"]) [data-mw="forschung-lead"]{margin:0;max-width:60ch;font-family:var(--font-core);font-weight:300;font-size:clamp(18px,1.45vw,22px);line-height:1.55;color:#2e3438;text-wrap:pretty} :where(html[data-seite="forschung"]) section[data-screen-label="Forschung"]{padding-top:clamp(32px,5vh,64px) !important} @media (max-width:760px){:where(html[data-seite="forschung"]) [data-mw="forschung-lead"]{font-size:18px}} /* nur: start */ html:where([data-seite="start"]) body [data-mw="panel"], html:where([data-seite="start"]) body [data-mw="panel"][data-aktiv]{transition:none !important;translate:none !important;transform:none !important} html:where([data-seite="start"]) body [data-mw="panel"] *, html:where([data-seite="start"]) body [data-mw="panel"][data-aktiv] *{animation:none !important;transition:none !important;clip-path:none !important;translate:none !important} /* nur: start */ html:where([data-seite="start"]) body [data-mw="abo"]{flex-wrap:nowrap !important;gap:10px 14px !important;min-width:0} html:where([data-seite="start"]) body [data-mw="abo"] a{white-space:nowrap !important;flex:0 0 auto !important} @media (max-width:760px){html:where([data-seite="start"]) body [data-mw="abo"]{flex-wrap:wrap !important}} html:where([data-seite="start"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin:clamp(32px,4vw,56px) max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) clamp(32px,4vw,56px) 0 !important;align-self:stretch !important} @media (max-width:760px){html:where([data-seite="start"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin:0 16px 32px !important}} /* Alle Seitenüberschriften (h1) gleich groß – Maß der Geschichte-Seite */ html body section[data-mw="buehne"] h1:not([data-mw="claim"]),html body h1[data-mw="team-titel"]{font-size:clamp(30px,3.6vw,54px) !important;font-weight:200 !important;letter-spacing:-.03em !important;line-height:1.04 !important} /* Team: Kreise wirklich rund, kein seitliches Überstehen auf dem Telefon */ html body [data-mw="team-foto"] > span{border-radius:50% !important} html body [data-mw="team-kopf"]{padding:4% 0} @media (max-width:760px){html body [data-mw="team-kopf"]{overflow-x:clip}} @media (max-width:760px){html body [data-mw="kreis-blau"]{left:-14%}html body [data-mw="kreis-gelb"]{right:-12%}} /* nur: team */ :where(html[data-seite="team"]) [data-mw="team-titel"]{margin:0 0 clamp(40px,5vw,72px);font-family:var(--font-display);color:var(--mw-blau,#006595)} /* Kopf- und Fußleiste ohne Kreise */ html body header[data-dc-tpl]{background-image:none !important} html body footer[data-screen-label="Footer"]::after{display:none !important} @media (min-width:761px){html body header[data-dc-tpl]{padding-right:max(var(--margin-editorial),calc((100vw - 1320px)/2 + var(--margin-editorial))) !important}} /* nur: team */ :where(html[data-seite="team"]) .mw-cv{margin-top:22px;border-top:1px solid var(--border-rule,#d9e1e6);max-width:64ch} :where(html[data-seite="team"]) .mw-cv-box{border-bottom:1px solid var(--border-rule,#d9e1e6)} :where(html[data-seite="team"]) .mw-cv summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px;font-family:var(--font-display);font-weight:300;font-size:21px;letter-spacing:-.01em;color:var(--blue-600,#006595)} :where(html[data-seite="team"]) .mw-cv summary::-webkit-details-marker{display:none} :where(html[data-seite="team"]) .mw-cv summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid var(--mw-gold,#e2b400);border-bottom:1.5px solid var(--mw-gold,#e2b400);transform:translateY(-3px) rotate(45deg);transition:transform .25s} :where(html[data-seite="team"]) .mw-cv details[open]>summary::after{transform:translateY(2px) rotate(-135deg)} :where(html[data-seite="team"]) .mw-cv-in{padding:0 2px 18px;max-height:52vh;overflow:auto;overscroll-behavior:contain} :where(html[data-seite="team"]) .mw-cv-sub .mw-cv-in{max-height:none;overflow:visible;padding-bottom:10px} :where(html[data-seite="team"]) .mw-cv-sub{border-top:1px solid var(--border-rule,#e6ecef)} :where(html[data-seite="team"]) .mw-cv-sub summary{font-family:var(--font-core);font-size:15px;font-weight:600;padding:12px 2px;color:var(--text-strong,#1d2b33)} :where(html[data-seite="team"]) .mw-cv-tab{width:100%;border-collapse:collapse;font:var(--type-body);font-size:15px;line-height:1.5;color:var(--text-muted)} :where(html[data-seite="team"]) .mw-cv-tab td{padding:7px 0;vertical-align:top;border:0} :where(html[data-seite="team"]) .mw-cv-tab td:first-child{width:96px;padding-right:16px;white-space:nowrap;color:var(--blue-600,#006595);font-weight:600;font-size:14px} :where(html[data-seite="team"]) .mw-cv a{color:var(--blue-600,#006595);text-decoration:underline;text-decoration-color:var(--mw-gold,#e2b400);text-underline-offset:3px} :where(html[data-seite="team"]) .mw-cv-in p{margin:6px 0;font-size:15px;color:var(--text-muted)} /* nur: team */ :where(html[data-seite="team"]) [data-mw="team-header"]{position:relative;width:100%;margin:0;margin-top:76px;overflow:visible;background:transparent} :where(html[data-seite="team"]) [data-mw="tt-wrap"]{position:relative;display:block;width:100%;line-height:0} :where(html[data-seite="team"]) [data-mw="tt-base"]{display:block;width:100%;height:auto} html:where([data-seite="team"]) body [data-mw="team-header"]{max-height:min(580px,40vw);overflow:hidden !important} @media (max-width:760px){html:where([data-seite="team"]) body [data-mw="team-header"]{max-height:none}} :where(html[data-seite="team"]) [data-mw="tt-wrap"] img[data-mw-tt]{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease;pointer-events:none} :where(html[data-seite="team"]) [data-mw="tt-wrap"] img[data-mw-tt].an{opacity:1} :where(html[data-seite="team"]) [data-mw="tt-hit"]{position:absolute;inset:0;width:100%;height:100%} :where(html[data-seite="team"]) [data-mw="tt-hit"] polygon{fill:transparent;cursor:pointer;outline:none} html:where([data-seite="team"]) body section#team{padding-top:0 !important} html:where([data-seite="team"]) body h1[data-mw="team-titel"]{margin:clamp(32px,3.6vw,56px) 0 clamp(40px,5vw,72px) !important;animation:none !important} /* nur: team */ html:where([data-seite="team"]) body section#team button[data-reveal]{padding-top:7px !important;padding-bottom:7px !important;gap:10px !important} html:where([data-seite="team"]) body section#team button[data-reveal] > span:first-child{font-size:clamp(15px,1.1vw,17px) !important;font-weight:400 !important;letter-spacing:-.01em !important} html:where([data-seite="team"]) body section#team button[data-reveal] > span:last-child{font-size:10px !important} html:where([data-seite="team"]) body section#team button[data-reveal] > span{transition:color .2s,font-weight .2s,opacity .2s !important} html:where([data-seite="team"]) body section#team button[data-reveal]:not([style*="background: rgb(255, 255, 255)"]) > span:first-child{color:#9aa4aa !important} html:where([data-seite="team"]) body section#team button[data-reveal]:not([style*="background: rgb(255, 255, 255)"]) > span:last-child{color:#b3bbc0 !important} html:where([data-seite="team"]) body section#team button[data-reveal][style*="background: rgb(255, 255, 255)"]{box-shadow:none !important} html:where([data-seite="team"]) body section#team button[data-reveal][style*="background: rgb(255, 255, 255)"] > span:first-child{color:var(--blue-600,#006595) !important;font-weight:700 !important} html:where([data-seite="team"]) body section#team button[data-reveal][style*="background: rgb(255, 255, 255)"] > span:last-child{color:var(--blue-600,#006595) !important;font-weight:700 !important} /* nur: team */ html:where([data-seite="team"]) body section#team h1[data-mw="team-titel"]{display:none !important} html:where([data-seite="team"]) body section#team{padding-top:clamp(54px,5.4vw,92px) !important} html:where([data-seite="team"]) body [data-mw="team-panel"] > [data-mw="team-art"]{align-self:start !important} html:where([data-seite="team"]) body [data-mw="team-panel"] > div{align-self:start !important} html:where([data-seite="team"]) body [data-mw="team-grid"]{display:grid !important;grid-template-columns:minmax(180px,230px) minmax(0,780px) !important;justify-content:start !important;column-gap:clamp(28px,3.2vw,56px) !important;align-items:start !important} html:where([data-seite="team"]) body [data-mw="team-namen"]{order:0 !important;align-self:start !important;display:flex !important;flex-direction:column !important;width:auto !important;border-top:1px solid var(--border-rule) !important} html:where([data-seite="team"]) body [data-mw="team-namen"] > button{grid-template-columns:minmax(0,1fr) !important;gap:2px !important} html:where([data-seite="team"]) body [data-mw="team-namen"] > button > span:last-child{text-align:left !important} html:where([data-seite="team"]) body [data-mw="team-namen"] > button:nth-child(7n/**/+1){border-top:0 !important} html:where([data-seite="team"]) body section[data-screen-label="Team"] div[data-mw="team-panel"][style]{order:1 !important;position:sticky !important;top:110px !important;margin-top:0 !important;margin-bottom:var(--mw-tg) !important;display:grid !important;width:auto !important} html:where([data-seite="team"]) body [data-mw="team-art"]{display:grid !important;grid-template-columns:minmax(0,1fr) 300px !important;column-gap:clamp(28px,3vw,52px) !important;align-items:start !important;width:100% !important} html:where([data-seite="team"]) body [data-mw="team-art"] > div:first-child{order:2 !important;max-width:300px !important;width:300px !important} html:where([data-seite="team"]) body [data-mw="team-art"] > div:last-child{order:1 !important;padding-top:4px} html:where([data-seite="team"]) body [data-mw="team-art"] h3{white-space:normal !important} @media (max-width:900px){html:where([data-seite="team"]) body [data-mw="team-grid"]{grid-template-columns:minmax(0,1fr) !important} html:where([data-seite="team"]) body [data-mw="team-namen"]{order:2 !important} html:where([data-seite="team"]) body [data-mw="team-art"]{grid-template-columns:1fr !important;row-gap:0} html:where([data-seite="team"]) body [data-mw="team-art"] > div:first-child{order:0 !important;max-width:320px !important;width:100% !important} html:where([data-seite="team"]) body [data-mw="team-art"] > div:last-child{order:1 !important}} /* nur: team */ html:where([data-seite="team"]) body [data-mw="team-art"] > div:first-child img{object-position:50% 0 !important} html:where([data-seite="team"]) body [data-mw="team-art"] > div:first-child{margin-top:-26px !important} /* nur: team */ html:where([data-seite="team"]) body section#team{--mw-tg:clamp(56px,6vw,96px)} html:where([data-seite="team"]) body section#team h1[data-mw="team-titel"]{margin-bottom:calc(var(--mw-tg) + 26px) !important} html:where([data-seite="team"]) body [data-mw="team-panel"] > [data-mw="team-art"]{grid-area:1 / 1 !important;align-self:center !important} html:where([data-seite="team"]) body [data-mw="team-panel"] > div{align-self:center} @media (max-width:760px){html:where([data-seite="team"]) body [data-mw="team-panel"] > *{position:absolute !important;top:0;left:0;right:0} html:where([data-seite="team"]) body [data-mw="team-panel"] > [data-mw="team-art"][aria-hidden="false"]{position:relative !important}} /* nur: start */ :where(html[data-seite="start"]) #mw-flieger{position:fixed;left:0;top:0;z-index:45;pointer-events:none;opacity:0;will-change:transform,opacity;transform-origin:50% 50%} :where(html[data-seite="start"]) #mw-flieger[data-sanft]{transition:opacity 700ms cubic-bezier(.2,0,.2,1)} :where(html[data-seite="start"]) #mw-flieger img{display:block;width:100%;height:100%;transition:transform 1100ms cubic-bezier(.33,0,.2,1)} :where(html[data-seite="start"]) #mw-flieger[data-gespiegelt] img{transform:scaleX(-1)} /* nur: start */ @media (min-width:761px){html:where([data-seite="start"]) body section[data-mw="buehne"] [data-mw="buehne-bild"][data-mw-illu]{flex:0 0 var(--mw-illu-w,458px) !important;margin-left:auto !important;margin-right:0 !important} html:where([data-seite="start"]) body section[data-mw="buehne"] [data-mw="buehne-bild"][data-mw-illu] img{object-fit:contain !important;object-position:50% 50% !important}} /* nur: start */ html:where([data-seite="start"]) body [data-mw="kapitel-text"] > [role=tabpanel]{align-self:start !important;margin-top:var(--mw-kap-oben,0px) !important} /* nur: start */ html:where([data-seite="start"]) body [data-mw="cta"] [data-mw="textlink"]{font-size:15px !important;font-weight:400 !important;letter-spacing:.01em !important} /* nur: start */ :where(html[data-seite="start"]) #mw-illu-fs{position:absolute;z-index:3;display:flex;gap:6px;justify-content:center;align-items:center;pointer-events:auto} :where(html[data-seite="start"]) #mw-illu-fs button{all:unset;cursor:pointer;width:24px;height:20px;display:flex;align-items:center} :where(html[data-seite="start"]) #mw-illu-fs button:hover span{background:#9fb3bf} :where(html[data-seite="start"]) #mw-illu-fs button span{display:block;width:100%;height:5px;background:#c3d0d8;border-radius:2px !important;overflow:hidden;position:relative} :where(html[data-seite="start"]) #mw-illu-fs button span i{position:absolute;inset:0;background:#00557e;transform-origin:left center;transform:scaleX(0)} :where(html[data-seite="start"]) #mw-illu-fs button.an span{background:#9fb3bf} :where(html[data-seite="start"]) #mw-illu-fs button.an span i{animation:mw-fs 3000ms linear forwards} html:where([data-seite="start"])[data-mw-flug-auto] #mw-illu-fs button.an span i, html:where([data-seite="start"])[data-mw-illu-warte] #mw-illu-fs button.an span i{animation-play-state:paused} @keyframes mw-fs{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media (prefers-reduced-motion:reduce){:where(html[data-seite="start"]) #mw-illu-fs button.an span i{animation:none;transform:scaleX(1)}} /* nur: referenzen */ :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > video[data-mw-video]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:3;display:none} :where(html[data-seite="referenzen"]) [data-mw="projekt-bild"] > video[data-mw-video][data-an]{display:block} /* nur: referenzen */ html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 0"], html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"] > div[style*="opacity: 0"]{clip-path:inset(0 0 0 100%) !important;transition:none !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 1"]{clip-path:inset(0 0 0 0) !important;transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div) > img{clip-path:inset(0 0 0 0) !important;transition:none !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div[style*="opacity: 1"]) > img, html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 100% 0 0) !important;transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 0"] img, html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:6% 0 !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 1"] img{translate:0 0 !important;transition:translate 1900ms cubic-bezier(.7,0,.25,1) !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])::after{top:var(--mf-bt,var(--mw-luft)) !important;bottom:auto !important;height:var(--mf-bh,calc(100% - 2 * var(--mw-luft))) !important;width:1.5px !important;left:calc(100% - 1.5px);right:auto !important;background:var(--mw-gold) !important;opacity:0} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div)::after{opacity:0} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div[style*="opacity: 1"])::after, html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"]:has(> div[style*="opacity: 1"])::after{opacity:1;animation:mf-wisch 1900ms cubic-bezier(.7,0,.25,1) both !important} @keyframes mf-wisch{0%{left:calc(100% - 1.5px);opacity:1}92%{opacity:1}100%{left:0;opacity:0}} @media (prefers-reduced-motion:reduce){html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]) > div, html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]) > img{clip-path:none !important;transition:none !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])::after{display:none}} html:where([data-seite="referenzen"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin-bottom:8px !important} html:where([data-seite="referenzen"]) body section[data-mw="buehne"]{min-height:0 !important;height:auto !important;padding-bottom:40px !important} html:where([data-seite="referenzen"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){aspect-ratio:16/9;height:auto !important;min-height:0 !important;align-self:center !important;flex:0 0 min(30vw,400px) !important;background:transparent !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div) img{padding:0 !important;object-fit:cover !important} html:where([data-seite="referenzen"]) body [data-mw="buehne-bild"]:not([data-mw-illu])::after{top:0 !important;height:100% !important} @media (max-width:760px){html:where([data-seite="referenzen"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){flex:none !important;width:auto !important;height:auto !important}} :where(html[data-seite="referenzen"]) section[data-screen-label="Auftraggeber"]{padding:var(--mf-tick-pt,28px) 0 var(--mf-tick-pb,28px) !important} /* nur: forschung, gdm, geschichte, podcast, referenzen, team */ html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 0"]{clip-path:inset(0 0 0 100%) !important;transition:none !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"] > div[style*="opacity: 0"]{clip-path:inset(0 100% 0 0) !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 1"]{clip-path:inset(0 0 0 0) !important;transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div) > img{clip-path:inset(0 0 0 0) !important;transition:none !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 100% 0 0) !important;transition:clip-path 1900ms cubic-bezier(.7,0,.25,1) !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"]:has(> div[style*="opacity: 1"]) > img{clip-path:inset(0 0 0 100%) !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 0"] img{translate:6% 0 !important;transition:none !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"] > div[style*="opacity: 0"] img{translate:-6% 0 !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]) > div[style*="opacity: 1"] img{translate:0 0 !important;transition:translate 1900ms cubic-bezier(.7,0,.25,1) !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu])::after{top:var(--mf-bt,0px) !important;bottom:auto !important;height:var(--mf-bh,100%) !important;width:1.5px !important;right:auto !important;left:calc(100% - 1.5px);background:var(--mw-gold) !important;opacity:0} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]):has(> div[style*="opacity: 1"])::after{opacity:1;animation:mw-seit-links 1900ms cubic-bezier(.7,0,.25,1) both !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu])[data-mw-richtung="oben"]:has(> div[style*="opacity: 1"])::after{animation-name:mw-seit-rechts !important} @keyframes mw-seit-links{0%{left:calc(100% - 1.5px);opacity:1}92%{opacity:1}100%{left:0;opacity:0}} @keyframes mw-seit-rechts{0%{left:0;opacity:1}92%{opacity:1}100%{left:calc(100% - 1.5px);opacity:0}} @media (prefers-reduced-motion:reduce){html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]) > div, html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]) > img{clip-path:none !important;transition:none !important} html:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu])::after{display:none}} html body #mw-menu{background:#fff !important;color:#14191c !important} html body #mw-menu a{color:var(--mw-blau,#006595) !important} html body #mw-menu a:hover{color:#00415f !important} html body #mw-menu a[data-klein]{color:#14191c !important;font-weight:400 !important} html body #mw-menu a[data-klein]:hover{color:var(--mw-blau,#006595) !important} html body #mw-menu [data-mw="menu-label"]{color:#4a5459 !important;border-top-color:#e3edf4 !important} html body #mw-menu a[data-mw="menu-kontakt"]{color:var(--mw-blau,#006595) !important;border-color:var(--mw-gold,#e2b400) !important} html body #mw-menu-knopf[aria-expanded="true"]{background:#fff !important;color:var(--mw-blau,#006595) !important} /* nur: referenzen */ html:where([data-seite="referenzen"]) body [data-mf-meta] > span:first-child{font-size:14px !important;letter-spacing:.14em !important} html:where([data-seite="referenzen"]) body [data-mw="projekt-text"] > span[data-dc-tpl]:has(> .sc-interp){font-size:19px !important;line-height:1.45 !important} html:where([data-seite="referenzen"]) body [data-mw="projekt-text"] > span[data-dc-tpl] > .sc-interp{font-size:inherit !important} /* nur: team */ html:where([data-seite="team"]) body [data-mw="team-panel"] > div:first-child{align-self:start !important;transform-origin:0 0 !important;max-width:none !important;transition:none !important} /* nur: team */ @media (max-width:900px){html:where([data-seite="team"]) body section[data-screen-label="Team"] div[data-mw="team-panel"][style]{position:relative !important;top:0 !important;z-index:auto !important} html:where([data-seite="team"]) body [data-mw="team-grid"]{row-gap:clamp(28px,5vw,48px) !important} html:where([data-seite="team"]) body section#team [data-mw="team-namen"]{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-rows:repeat(7,auto) !important;grid-auto-flow:column !important;column-gap:clamp(20px,5vw,48px) !important;border-top:0 !important} html:where([data-seite="team"]) body section#team [data-mw="team-namen"] > button:is(:nth-child(1),:nth-child(8)){border-top:1px solid var(--border-rule) !important}} /* nur: podcast */ :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] > div{max-width:calc(900px + 2 * var(--margin-editorial)) !important;grid-template-columns:minmax(0,1fr) !important} :where(html[data-seite="podcast"]) [data-mw="abo"] a[href^="http"]{font-size:14px !important;font-weight:500 !important;padding:7px 14px;border:1px solid var(--mw-blau,#00557e) !important;border-radius:3px;transition:background-color 200ms,color 200ms} :where(html[data-seite="podcast"]) [data-mw="abo"] a[href^="http"]:hover{background:var(--mw-blau,#00557e);color:#fff !important} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] > div{gap:clamp(56px,9vh,96px) !important} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] svg[aria-hidden="true"]:not(button svg){display:none !important} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] article:not([data-mw="folge"]){grid-template-columns:clamp(140px,22vw,240px) minmax(0,1fr) !important;background:#f4f7f9 !important;border:0 !important;box-shadow:none !important;border-radius:6px !important;gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,40px);align-items:start} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] article:not([data-mw="folge"]) > img{min-height:0 !important;height:auto !important;border-radius:5px} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] article:not([data-mw="folge"]) > div{padding:0 !important;justify-content:flex-start !important} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] article:not([data-mw="folge"]) h2{font-size:clamp(26px,2.4vw,36px) !important} @media (max-width:640px){:where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] article:not([data-mw="folge"]){grid-template-columns:minmax(0,1fr) !important}} :where(html[data-seite="podcast"]) [data-mw="abo"] > span{margin-right:6px} :where(html[data-seite="podcast"]) section[data-screen-label="Hero"]:has([data-mw="abo"]) [data-mw="buehne-text"] > p:not([data-mw]){max-width:54ch} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"]{padding-top:clamp(48px,8vh,88px) !important} html:where([data-seite="podcast"]) body section[data-screen-label="Hero"]:has([data-mw="abo"]) [data-mw="buehne-text"]{padding-top:clamp(40px,6vh,72px) !important;padding-bottom:clamp(40px,6vh,72px) !important;justify-content:center !important;gap:18px !important} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] > div > div:first-child > div:nth-child(2){padding-top:0 !important;padding-bottom:0 !important} :where(html[data-seite="podcast"]) section[data-screen-label="Folgen"] > div > div:first-child{gap:28px !important} /* nur: geschichte */ @media (min-width:980px){html:where([data-seite="geschichte"]) body [data-mw="buehne-typo"][data-mw-chronik]{flex:0 0 44% !important;padding-left:clamp(28px,3vw,48px) !important} html:where([data-seite="geschichte"]) body [data-mw="chronik-buehne"]{gap:14px !important} html:where([data-seite="geschichte"]) body [data-mw="chronik-bild"]{aspect-ratio:16/9 !important;--mw-luft:0px !important} html:where([data-seite="geschichte"]) body [data-mw="chronik-bild"] img{object-fit:cover !important;border-radius:5px} html:where([data-seite="geschichte"]) body [data-mw="chronik-zeile"]{align-items:flex-end !important;gap:clamp(20px,2.2vw,32px) !important} html:where([data-seite="geschichte"]) body [data-mw="chronik-text"]{flex:1 1 auto;padding-bottom:.55em !important;border-left:1px solid var(--mw-gold);padding-left:clamp(16px,1.6vw,24px);gap:8px !important} html:where([data-seite="geschichte"]) body [data-mw="chronik-titel"]{font-size:clamp(18px,1.5vw,23px) !important;line-height:1.28 !important;text-wrap:balance}} /* nur: geschichte */ @media (min-width:980px){html:where([data-seite="geschichte"]) body section[data-mw="buehne"]:has([data-mw-chronik]) [data-mw="buehne-text"], html:where([data-seite="geschichte"]) body [data-mw="buehne-typo"][data-mw-chronik]{justify-content:flex-start !important;padding-top:clamp(48px,7vh,80px) !important;padding-bottom:clamp(40px,6vh,64px) !important} html:where([data-seite="geschichte"]) body section[data-mw="buehne"]:has([data-mw-chronik]) [data-mw="buehne-text"] h1{max-width:none !important;text-wrap:balance} html:where([data-seite="geschichte"]) body [data-mw="buehne-typo"][data-mw-chronik]{flex-basis:40% !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-bild"]{aspect-ratio:auto !important;height:var(--mw-ch-h,240px);width:min(100%,calc(var(--mw-ch-h,240px) * 16 / 9))}} /* nur: geschichte */ @media (min-width:980px){html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-buehne"]{width:min(100%,calc(var(--mw-ch-h,240px) * 16 / 9)) !important;margin-left:auto !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-bild"]{width:100% !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-jahr"]{font-size:clamp(40px,calc(var(--mw-ch-h,240px) * .3),76px) !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-zeile"]{gap:clamp(14px,1.4vw,22px) !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-text"]{padding-bottom:.35em !important;padding-left:clamp(12px,1.2vw,18px) !important;gap:5px !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-ort"]{font-size:10px !important} html:where([data-seite="geschichte"]) body [data-mw-chronik] [data-mw="chronik-titel"]{font-size:clamp(15px,1.2vw,18px) !important}} :where(html[data-seite="geschichte"]) section[data-screen-label="Zeitstrahl"] article [data-body] :is(h2,p,blockquote,figcaption,ul){max-width:760px !important} /* Rechtliche Seiten und 404 (gleiches Design, eigene Inhalte) */ .dlw-recht{background:#fff;padding:clamp(8px,2vh,24px) 0 clamp(72px,12vh,140px)} .dlw-recht-in{max-width:var(--container-editorial);margin:0 auto;padding:0 var(--margin-editorial);box-sizing:border-box} .dlw-recht-text{max-width:760px;font:var(--type-body);color:var(--text-body)} .dlw-recht-text h2{font-family:var(--font-body);font-weight:300;font-size:clamp(22px,2vw,30px);line-height:1.2;color:var(--blue-600);margin:56px 0 16px;letter-spacing:-.01em} .dlw-recht-text h2:first-child{margin-top:0} .dlw-recht-text p{margin:0 0 16px;text-wrap:pretty;hyphens:auto} .dlw-recht-text a{color:var(--blue-600);text-underline-offset:4px} .dlw-recht-text .dlw-folgt{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--dlw-yellow-ink,#8A6100);border-left:2px solid var(--dlw-yellow,#F5B800);padding:6px 0 6px 14px} .dlw-recht-kopf{padding-top:clamp(120px,18vh,180px);padding-bottom:clamp(24px,4vh,48px)} .dlw-recht-kopf h1{margin:0;font-family:var(--font-body);font-size:clamp(30px,3.6vw,54px);font-weight:200;letter-spacing:-.03em;line-height:1.04;color:var(--blue-600)} .dlw-recht-kopf p{margin:20px 0 0;font:var(--type-body);color:var(--text-body);max-width:640px} .dlw-recht-text a{overflow-wrap:anywhere} /* Team: Kreisgrafik hinter dem Foto darf auf schmalen Handys nicht seitlich scrollen lassen */ html[data-seite="team"] body section#team{overflow-x:clip} /* Startseite, Handy und Tablet hochkant (einspaltig): Illustration in fester Größe unter dem Text zeigen */ @media (max-width:860px){ html[data-seite="start"] body section[data-mw="buehne"]:not(#x) [data-mw="buehne-bild"][data-mw-illu]{flex:0 0 auto !important;align-self:center !important;width:min(calc(100vw - 32px),460px) !important;height:calc(min(100vw - 32px, 460px) * 1.1198) !important;max-height:none !important;aspect-ratio:1920/2150;margin:0 auto 32px !important} } /* Referenzen, Handy/Tablet hochkant: Bild und Text der Projekte untereinander (vorher Bildspalte 0 px breit) */ @media (max-width:860px){ html[data-seite="referenzen"] body article[data-mw="projekt"]:not(#x) > [data-mw="bildspalte"], html[data-seite="referenzen"] body article[data-mw="projekt"]:not(#x) > [data-mw="projekt-text"]{grid-column:1 !important} html:is([data-seite="gdm"],[data-seite="podcast"]) body section[data-mw="buehne"]:not(#x) [data-mw="buehne-bild"]{height:64vw !important;max-height:520px !important} } @media (max-width:760px){ html[data-seite="referenzen"] body section[data-mw="buehne"]:not(#x) [data-mw="buehne-bild"]{width:auto !important;align-self:stretch !important;height:56vw !important;margin:0 16px 32px !important} } /* WM-START */ @font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/montserrat-var.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"]{font-family:"Montserrat",var(--font-core) !important;font-weight:100 !important;line-height:1 !important;letter-spacing:0 !important;padding-bottom:.06em !important} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"] [data-mw="wm-dig"]{display:block;font-size:.2542em;font-weight:400;line-height:1;text-transform:uppercase;margin:0 0 .2667em .0333em;white-space:nowrap} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"] [data-mw="wm-dig"] i{letter-spacing:.38em !important} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"] [data-mw="wm-dig"] i:last-child{letter-spacing:0 !important} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"] [data-mw="wm-lw"]{display:block;font-weight:100;line-height:.98;margin-left:-.0932em;white-space:nowrap} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"] [data-mw="wm-lw"] i{letter-spacing:-.03em !important} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"]{font-size:clamp(calc(32px / var(--mw-a11y-zoom,1)),calc(8.6vw / var(--mw-a11y-zoom,1)),calc(118px / var(--mw-a11y-zoom,1))) !important} html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"] *{font-family:"Montserrat",var(--font-core) !important} @media (max-width:860px){html[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"]{font-size:min(calc((100vw - 48px) / 5.3 / var(--mw-a11y-zoom,1)),calc(118px / var(--mw-a11y-zoom,1))) !important}} #mw-illu-fs{display:none !important} html[data-seite="start"]:not(#x) [data-mw="buehne-text"] h1[data-mw="claim"] + p{margin-top:0 !important} html[data-seite="start"]:not(#x) [data-mw="buehne-text"] h1[data-mw="claim"]{container-type:inline-size;font-size:16px !important;line-height:0 !important;white-space:normal !important} html[data-seite="start"]:not(#x) [data-mw="buehne-text"] h1[data-mw="claim"] > [data-mw="claim-in"]{display:block;font-size:max(19px,min(56px,calc(min(478.58px,100cqw) / 14.6)));line-height:1.6;white-space:nowrap;margin:-.28em 0 -.1em} html[data-seite="start"]:not(#x) [data-mw="buehne-text"] h1[data-mw="claim"] > [data-mw="claim-in"] em{display:inline-block;line-height:0 !important;vertical-align:baseline} div[style*="repeat(auto-fit, minmax(min(100%, 380px), 1fr))"]{container-type:inline-size} @container (max-width: 900px){div[style*="position: sticky"][style*="top: 120px"]{position:static !important}} @media (min-width:601px) and (max-width:900px){html[data-seite="team"]:not(#x) body [data-mw="team-art"]{grid-template-columns:minmax(220px,300px) minmax(0,1fr) !important;column-gap:clamp(24px,4vw,40px) !important;align-items:start !important}html[data-seite="team"]:not(#x) body [data-mw="team-art"] > div:first-child{order:0 !important;width:100% !important;max-width:300px !important}html[data-seite="team"]:not(#x) body [data-mw="team-art"] > div:last-child{order:1 !important;padding-top:4px}} a[data-mw="home"]:not(#x){position:relative} a[data-mw="home"]:not(#x)::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--mw-gold,#e3b505);-webkit-mask:url("img/logo/signet.png") center/contain no-repeat;mask:url("img/logo/signet.png") center/contain no-repeat;opacity:0;transition:opacity 300ms ease} a[data-mw="home"]:not(#x) img[data-mw="signet"]{transition:opacity 300ms ease} a[data-mw="home"]:not(#x):hover::after,a[data-mw="home"]:not(#x):focus-visible::after{opacity:1} a[data-mw="home"]:not(#x):hover img[data-mw="signet"],a[data-mw="home"]:not(#x):focus-visible img[data-mw="signet"]{opacity:0} button[aria-label^="Bild "][style*="width: 112px"]:not(#x){transition:opacity 200ms,transform 200ms,box-shadow 200ms !important} html:not(#x):not(#y) body button[aria-label^="Bild "][style*="width: 112px"]{border-color:transparent !important} button[aria-label^="Bild "][style*="width: 112px"]:not(#x):hover,button[aria-label^="Bild "][style*="width: 112px"]:not(#x):focus-visible,button[aria-label^="Bild "][style*="width: 112px"][style*="var(--blue-600)"]:not(#x){opacity:1 !important;transform:translateY(-3px);box-shadow:0 6px 14px rgba(0,60,90,.18)} html:not(#x) body [data-mw="abo"]{flex-wrap:wrap !important} button[aria-label="Vorheriges Bild"]:not(#x),button[aria-label="Nächstes Bild"]:not(#x){z-index:4 !important} html:not(#x) body :is(p,li,h1,h2,h3,h4){overflow-wrap:break-word} html:not(#x) body li[data-q] p{hyphens:auto;-webkit-hyphens:auto} html:not(#x) body li[data-q]:not([data-mw-an]){opacity:.55 !important} @media (max-width:420px){html:not(#x) body div[style*="--yc:"] > article{grid-template-columns:minmax(0,1fr) !important;row-gap:10px !important;padding-left:24px !important}html:not(#x) body div[style*="--yc:"] > div[style*="width: 1px"]{left:var(--margin-editorial) !important}html:not(#x) body div[style*="--yc:"] > article [data-yr]{text-align:left !important}html:not(#x) body div[style*="--yc:"] > article span[aria-hidden][style*="right: calc(var(--g) / -2"]{right:auto !important;left:-31.5px !important}} html:not(#x):not(#y) body [data-mw="team-namen"] [style*="var(--type-meta)"]{letter-spacing:.1em !important} html:not(#x):not(#y) body footer a[href^="mailto:"],html:not(#x):not(#y) body footer a[href^="tel:"],html:not(#x):not(#y) body footer a[href*="datenschutz"],html:not(#x):not(#y) body footer a[href*="impressum"],html:not(#x):not(#y) body [data-mw="projekt-links"] > a,html:not(#x):not(#y) body article button[aria-expanded]{display:inline-flex !important;align-items:center;min-height:26px;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box} html:not(#x):not(#y) body button[aria-label^="Bild "][style*="border-radius: 999px"]{border:8px solid transparent !important;background-clip:padding-box !important;margin:-8px !important;box-sizing:content-box !important} html:not(#x):not(#y) body div:has(> button[aria-label^="Bild "][style*="border-radius: 999px"]){gap:16px !important} @media (max-width:600px){html:not(#a):not(#b):not(#c) body :is([style*="var(--type-meta)"]:not([style*="font-size"]),[data-mw="chronik-ort"],[data-mw="knopf"],[data-mw="tab-sub"],[data-mw="buehne-label"],[data-mf-meta] span,#mw-filter button,[data-mw="projekt-links"] > a,article button[aria-expanded]){font-size:12px !important}} @media (max-width:360px){html:not(#x):not(#y) body [data-mw="team-namen"] [style*="var(--type-meta)"]{letter-spacing:.04em !important}} html:not(#x):not(#y) body header nav :is(a,button){min-height:26px;box-sizing:border-box}html:not(#x):not(#y) body header nav > :is(a,button){display:inline-flex;align-items:center} @media (max-width:640px){html:not(#x):not(#y) body nav[aria-label="Jahre"]{flex-wrap:wrap !important;height:auto !important;overflow:visible !important;padding-top:6px !important;padding-bottom:6px !important;column-gap:4px !important;row-gap:0 !important}html:not(#x):not(#y) body nav[aria-label="Jahre"] > button{flex:1 0 calc(20% - 4px) !important;min-width:0 !important;height:36px !important}} @media (max-width:540px){html:not(#x):not(#y) body section#team [data-mw="team-namen"]{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;grid-auto-flow:row !important}html:not(#x):not(#y) body section#team [data-mw="team-namen"] > button{border-top:0 !important}html:not(#x):not(#y) body section#team [data-mw="team-namen"] > button:first-child{border-top:1px solid var(--border-rule) !important}} @media (max-width:760px){html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]{margin-top:0 !important}} @media (max-width:760px){ html:not(#x):not(#y) body [data-mw="kapitel"]{display:flex !important;flex-direction:column !important} html:not(#x):not(#y) body [data-mw="kapitel"] > [data-mw="kapitel-liste"],html:not(#x):not(#y) body [data-mw="kapitel"] > [data-mw="kapitel-text"]{display:contents !important} html:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(1){order:1} html:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(2){order:3} html:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(3){order:5} html:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(4){order:7} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(1){order:2} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(2){order:4} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(3){order:6} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(4){order:8} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]{display:none !important;margin:0 !important} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel][data-aktiv]{display:flex !important;padding:6px 0 26px !important} html:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel] [data-mw="panel-titel"]{display:none !important} } html:not(#x):not(#y) body footer a[data-mw="wm-block"]{display:none !important} footer[data-screen-label="Footer"]:not(#x) > div:first-child{padding-right:76px;box-sizing:border-box;flex-wrap:wrap !important} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div:first-child > [data-mw="kontaktblock"]{flex:1 1 0;min-width:max-content} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div:first-child > div:has(> a[href*="impressum"]){flex:1 1 0;min-width:max-content;justify-content:flex-end} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div:first-child > div:has(> a[aria-label="Instagram"]){flex:0 0 auto;transform:translateX(38px)} html:not(#x):not(#y) body footer[data-screen-label="Footer"] a[href^="tel:"],html:not(#x):not(#y) body footer[data-screen-label="Footer"] a[href^="mailto:"],html:not(#x):not(#y) body footer[data-screen-label="Footer"] div:has(> a[href*="impressum"]) > a{white-space:nowrap !important;overflow-wrap:normal !important;hyphens:none !important} html:not(#x):not(#y) body footer[data-screen-label="Footer"]:has(> div.fuss-eng){padding-bottom:calc(180px / var(--mw-a11y-zoom,1)) !important} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div.fuss-eng{padding-right:0 !important} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div.fuss-eng > [data-mw="kontaktblock"],html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div.fuss-eng > div:has(> a[href*="impressum"]){flex:1 1 auto;min-width:0;flex-wrap:wrap} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div.fuss-eng > div:has(> a[aria-label="Instagram"]){order:10;flex:1 1 100%;justify-content:center;flex-wrap:wrap;transform:none} html:not(#x):not(#y) body footer[data-screen-label="Footer"] > div.fuss-eng > div:has(> a[href*="impressum"]){justify-content:flex-start} html:not(#x) body *{overflow-wrap:break-word} html.mw-a11y-gross:not(#x) body :is(p,li,span,a,h1,h2,h3,h4,figcaption,button,summary,td),html.mw-a11y-schrift:not(#x) body :is(p,li,span,a,h1,h2,h3,h4,figcaption,button,summary,td){hyphens:auto;-webkit-hyphens:auto} html:not(#x) body [data-mw="kapitel-text"] > [role=tabpanel]{min-width:0 !important} html.mw-a11y-schrift:not(#a):not(#b):not(#c) body [data-mw="claim-in"],html.mw-a11y-gross:not(#a):not(#b):not(#c) body [data-mw="claim-in"]{white-space:normal !important} html.mw-a11y-schrift:not(#a):not(#b):not(#c) body :is(h1,h2,h3):not([data-mw="wortmarke"]){line-height:1.25 !important} @media (max-width:900px){html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body section#team [data-mw="team-namen"]{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;grid-auto-flow:row !important}} html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body footer [data-mw="kontaktblock"],html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body footer div:has(> a[href*="impressum"]){flex-wrap:wrap !important} @media (max-width:600px){html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body [data-mw="chronik-zeile"]{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}} html:not(#x):not(#y) body nav[aria-label="Jahre"] > button{white-space:nowrap !important;overflow-wrap:normal !important;hyphens:none !important} html:not(#x):not(#y) body nav[aria-label="Jahre"] > button *{white-space:nowrap !important;overflow-wrap:normal !important;hyphens:none !important} html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body nav[aria-label="Jahre"]{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(78px,1fr)) !important;height:auto !important;overflow:visible !important;padding-top:6px !important;padding-bottom:6px !important;column-gap:4px !important;row-gap:0 !important} html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body nav[aria-label="Jahre"] > button{min-width:0 !important;height:40px !important;flex:none !important} @media (max-width:768px){html:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body nav[aria-label="Jahre"]{position:relative !important;top:auto !important}} html.mw-a11y-gross.mw-ew-900:not(#a):not(#b) body [data-mw="team-grid"]{grid-template-columns:minmax(0,1fr) !important} html.mw-a11y-gross.mw-ew-900:not(#a):not(#b) body [data-mw="team-namen"]{order:2 !important} html.mw-a11y-gross.mw-ew-900:not(#a):not(#b) body [data-mw="team-art"]{grid-template-columns:minmax(0,1fr) !important;row-gap:0 !important} html.mw-a11y-gross.mw-ew-900:not(#a):not(#b) body [data-mw="team-art"] > div:first-child{order:0 !important;max-width:320px !important;width:100% !important} html.mw-a11y-gross.mw-ew-900:not(#a):not(#b) body [data-mw="team-art"] > div:last-child{order:1 !important} html.mw-a11y-gross.mw-ew-760:not(#a):not(#b) body [data-mw="team-panel"] > *{position:absolute !important;top:0;left:0;right:0} html.mw-a11y-gross.mw-ew-760:not(#a):not(#b) body [data-mw="team-panel"] > [data-mw="team-art"][aria-hidden="false"]{position:relative !important} #mw-cookie{position:fixed;z-index:2147483000;left:16px;bottom:16px;width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:20px 22px;background:#fff;border-top:2px solid var(--mw-gold,#e3b505);box-shadow:0 10px 40px rgba(0,40,60,.22);font-family:var(--font-core,Raleway,sans-serif);color:var(--mw-text,#4a5459)} #mw-cookie[hidden]{display:none !important} #mw-cookie strong{display:block;font-size:17px;font-weight:600;color:var(--mw-blau,#006595);margin-bottom:6px} #mw-cookie p{margin:0 0 14px;font-size:15px;line-height:1.55} #mw-cookie a{color:var(--mw-blau,#006595)} #mw-cookie .mw-cookie-knoepfe{display:flex;flex-wrap:wrap;gap:10px} #mw-cookie button{font:inherit;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;min-height:44px;padding:0 20px;cursor:pointer;border-radius:0} #mw-cookie button.ja{background:var(--mw-blau,#006595);color:#fff;border:1px solid var(--mw-blau,#006595)} #mw-cookie button.ja:hover{background:#004a6e} #mw-cookie button.nein{background:#fff;color:var(--mw-blau,#006595);border:1px solid var(--mw-gold,#e3b505)} #mw-cookie button.nein:hover{background:#fdf6e0} #mw-cookie button:focus-visible{outline:2px solid var(--mw-gold,#e3b505);outline-offset:3px} footer #mw-cookie-link{background:none;border:0;padding:0;cursor:pointer;font-family:inherit} footer #mw-cookie-link:hover{color:var(--blue-800,#004a6e)} /* Referenz-Unterseiten (Produktbeschreibung) */ .dlw-rd-kopf{display:flex;flex-direction:column;gap:14px} .dlw-rd-kopf h1{max-width:none;overflow-wrap:break-word;hyphens:auto} .dlw-recht-kopf .dlw-rd-sub{margin:0;max-width:760px;font-family:var(--font-body);font-weight:300;font-size:clamp(19px,1.6vw,24px);line-height:1.45;color:var(--text-body);text-wrap:pretty} .dlw-rd-zurueck{align-self:flex-start;font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--blue-600);text-decoration:none;padding-bottom:4px;border-bottom:1px solid var(--dlw-yellow,#ebab01);transition:color 150ms} .dlw-rd-zurueck::before{content:"\2190\00a0\00a0"} .dlw-rd-zurueck:hover,.dlw-rd-zurueck:focus-visible{color:var(--blue-800,#004a6e)} .dlw-rd-oben{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,64px);align-items:start;margin:0 0 clamp(48px,7vh,80px)} .dlw-rd-bild{margin:0;aspect-ratio:16/9;overflow:hidden;background:#f3f4f4} .dlw-rd-bild img{display:block;width:100%;height:100%;object-fit:cover} .dlw-rd-fakten{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--dlw-yellow,#ebab01)} .dlw-rd-fakten>div{padding:14px 0;border-bottom:1px solid var(--border-rule,#e3e5e6)} .dlw-rd-fakten dt{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-meta,#6b757a);margin:0 0 4px} .dlw-rd-fakten dd{margin:0;font:var(--type-body-sm,var(--type-body));color:var(--text-body);overflow-wrap:break-word;hyphens:auto} .dlw-rd-fakten a{color:var(--blue-600);text-underline-offset:4px;overflow-wrap:anywhere} .dlw-recht-text.dlw-rd-text h2{margin-bottom:20px} .dlw-rd-text h3{font-family:var(--font-body);font-weight:500;font-size:clamp(18px,1.4vw,21px);line-height:1.3;color:var(--blue-600);margin:32px 0 10px} .dlw-rd-text h2+h3{margin-top:8px} .dlw-rd-text blockquote{margin:0 0 48px;padding:4px 0 4px 24px;border-left:2px solid var(--dlw-yellow,#ebab01)} .dlw-rd-text blockquote p{font-family:var(--font-body);font-weight:300;font-style:italic;font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:var(--blue-600);margin:0 0 12px} .dlw-rd-text cite{display:block;font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;font-style:normal;color:var(--text-meta,#6b757a)} .dlw-rd-ende{margin:clamp(48px,7vh,72px) 0 0} @media (max-width: 900px){ .dlw-rd-oben{grid-template-columns:minmax(0,1fr)} } @media (max-width: 600px){ .dlw-rd-text blockquote{padding-left:16px} } /* WM-END */ /* EW-GEN */ :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) header[data-dc-tpl] nav{display:none !important} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf{display:inline-flex;position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:310;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--mw-gold);background:#fff;color:var(--mw-blau);cursor:pointer;padding:0} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"]{background:var(--mw-ink);color:#fff} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span,:where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span::before,:where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;transition:transform 260ms var(--mw-ease),background-color 160ms} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span::before,:where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span::after{content:"";position:absolute;left:0} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span::before{top:-6px} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf span::after{top:6px} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"] span{background:transparent} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} :where(html.mw-a11y-gross.mw-ew-900[data-seite="forschung"],html.mw-a11y-gross.mw-ew-900[data-seite="gdm"],html.mw-a11y-gross.mw-ew-900[data-seite="podcast"],html.mw-a11y-gross.mw-ew-900[data-seite="recht"],html.mw-a11y-gross.mw-ew-900[data-seite="start"],html.mw-a11y-gross.mw-ew-900[data-seite="team"]) #mw-menu-knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="wm-scharnier"]{font-size:20px;font-weight:200} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="wm-scharnier"] > span,:where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="wm-scharnier"] > [data-mw="g"]{display:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="wm-scharnier"] svg{width:44px;height:44px;margin:0;vertical-align:middle} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) section[data-mw="buehne"]{flex-direction:column;min-height:0 !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-text"]{padding:40px max(16px,env(safe-area-inset-left,0px)) 36px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-bild"]{flex:none;height:64vw;max-height:420px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-bild"]::before{top:0;left:0;right:0;bottom:auto;width:auto;height:1px;transform-origin:left center;animation-name:mw-strich} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) section[data-mw="kennzahlen"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="zelle"]:nth-child(3){border-left:0;padding-left:0} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="zelle"]:nth-child(n/**/+3){border-top:1px solid #242a2e} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="zelle"]{padding:22px 14px 24px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="zahl"]{font-size:32px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="wm-block"] svg{width:46px;height:46px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="wm-block"] span{font-size:22px;font-weight:200} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="kapitel"]{grid-template-columns:minmax(0,1fr)} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="tab"]{padding:18px 0 20px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="kapitel-text"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 0 0;margin-top:-1px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="panel-titel"]{font-size:32px} :where(html.mw-a11y-gross.mw-ew-860[data-seite="forschung"],html.mw-a11y-gross.mw-ew-860[data-seite="gdm"],html.mw-a11y-gross.mw-ew-860[data-seite="podcast"],html.mw-a11y-gross.mw-ew-860[data-seite="recht"],html.mw-a11y-gross.mw-ew-860[data-seite="start"],html.mw-a11y-gross.mw-ew-860[data-seite="team"]) article[data-mw="projekt"]{row-gap:26px !important} :where(html.mw-a11y-gross.mw-ew-860[data-seite="forschung"],html.mw-a11y-gross.mw-ew-860[data-seite="gdm"],html.mw-a11y-gross.mw-ew-860[data-seite="podcast"],html.mw-a11y-gross.mw-ew-860[data-seite="recht"],html.mw-a11y-gross.mw-ew-860[data-seite="start"],html.mw-a11y-gross.mw-ew-860[data-seite="team"]) article[data-mw="projekt"] > [data-mw="bildspalte"],:where(html.mw-a11y-gross.mw-ew-860[data-seite="forschung"],html.mw-a11y-gross.mw-ew-860[data-seite="gdm"],html.mw-a11y-gross.mw-ew-860[data-seite="podcast"],html.mw-a11y-gross.mw-ew-860[data-seite="recht"],html.mw-a11y-gross.mw-ew-860[data-seite="start"],html.mw-a11y-gross.mw-ew-860[data-seite="team"]) article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important} :where(html.mw-a11y-gross.mw-ew-860[data-seite="forschung"],html.mw-a11y-gross.mw-ew-860[data-seite="gdm"],html.mw-a11y-gross.mw-ew-860[data-seite="podcast"],html.mw-a11y-gross.mw-ew-860[data-seite="recht"],html.mw-a11y-gross.mw-ew-860[data-seite="start"],html.mw-a11y-gross.mw-ew-860[data-seite="team"]) article[data-mw="projekt"],:where(html.mw-a11y-gross.mw-ew-860[data-seite="forschung"],html.mw-a11y-gross.mw-ew-860[data-seite="gdm"],html.mw-a11y-gross.mw-ew-860[data-seite="podcast"],html.mw-a11y-gross.mw-ew-860[data-seite="recht"],html.mw-a11y-gross.mw-ew-860[data-seite="start"],html.mw-a11y-gross.mw-ew-860[data-seite="team"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="projekt-bild"]::before{translate:8px 8px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-typo"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 16px 40px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-typo"]::before{display:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{flex:none !important;height:118vw !important;max-height:none !important;margin-right:0} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) [data-mw="buehne-bild"][data-mw-illu]{height:min(150vw,560px) !important;width:auto !important;margin:0 16px 32px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:0 !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{max-width:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"],html.mw-a11y-gross.mw-ew-760[data-seite="gdm"],html.mw-a11y-gross.mw-ew-760[data-seite="podcast"],html.mw-a11y-gross.mw-ew-760[data-seite="recht"],html.mw-a11y-gross.mw-ew-760[data-seite="start"],html.mw-a11y-gross.mw-ew-760[data-seite="team"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:column !important;gap:8px !important} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) header[data-dc-tpl] nav{display:none !important} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf{display:inline-flex;position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:310;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--mw-gold);background:#fff;color:var(--mw-blau);cursor:pointer;padding:0} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"]{background:var(--mw-ink);color:#fff} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span,:where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span::before,:where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;transition:transform 260ms var(--mw-ease),background-color 160ms} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span::before,:where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span::after{content:"";position:absolute;left:0} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span::before{top:-6px} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf span::after{top:6px} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"] span{background:transparent} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} :where(html.mw-a11y-gross.mw-ew-900[data-seite="geschichte"]) #mw-menu-knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="wm-scharnier"]{font-size:20px;font-weight:200} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="wm-scharnier"] > span,:where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="wm-scharnier"] > [data-mw="g"]{display:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="wm-scharnier"] svg{width:44px;height:44px;margin:0;vertical-align:middle} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) section[data-mw="buehne"]{flex-direction:column;min-height:0 !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-text"]{padding:40px max(16px,env(safe-area-inset-left,0px)) 36px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-bild"]{flex:none;height:64vw;max-height:420px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-bild"]::before{top:0;left:0;right:0;bottom:auto;width:auto;height:1px;transform-origin:left center;animation-name:mw-strich} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) section[data-mw="kennzahlen"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="zelle"]:nth-child(3){border-left:0;padding-left:0} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="zelle"]:nth-child(n/**/+3){border-top:1px solid #242a2e} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="zelle"]{padding:22px 14px 24px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="zahl"]{font-size:32px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="wm-block"] svg{width:46px;height:46px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="wm-block"] span{font-size:22px;font-weight:200} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="kapitel"]{grid-template-columns:minmax(0,1fr)} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="tab"]{padding:18px 0 20px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="kapitel-text"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 0 0;margin-top:-1px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="panel-titel"]{font-size:32px} :where(html.mw-a11y-gross.mw-ew-860[data-seite="geschichte"]) article[data-mw="projekt"]{row-gap:26px !important} :where(html.mw-a11y-gross.mw-ew-860[data-seite="geschichte"]) article[data-mw="projekt"] > [data-mw="bildspalte"],:where(html.mw-a11y-gross.mw-ew-860[data-seite="geschichte"]) article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important} :where(html.mw-a11y-gross.mw-ew-860[data-seite="geschichte"]) article[data-mw="projekt"],:where(html.mw-a11y-gross.mw-ew-860[data-seite="geschichte"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="projekt-bild"]::before{translate:8px 8px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-typo"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 16px 40px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-typo"]::before{display:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{flex:none !important;height:118vw !important;max-height:none !important;margin-right:0} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) [data-mw="buehne-bild"][data-mw-illu]{height:min(150vw,560px) !important;width:auto !important;margin:0 16px 32px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:0 !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{max-width:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="geschichte"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:column !important;gap:8px !important} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) header[data-dc-tpl] nav{display:none !important} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf{display:inline-flex;position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:310;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--mw-gold);background:#fff;color:var(--mw-blau);cursor:pointer;padding:0} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"]{background:var(--mw-ink);color:#fff} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span,:where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span::before,:where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span::after{display:block;width:18px;height:1px;background:currentColor;position:relative;transition:transform 260ms var(--mw-ease),background-color 160ms} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span::before,:where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span::after{content:"";position:absolute;left:0} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span::before{top:-6px} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf span::after{top:6px} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"] span{background:transparent} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)} :where(html.mw-a11y-gross.mw-ew-900[data-seite="referenzen"]) #mw-menu-knopf[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="wm-scharnier"]{font-size:20px;font-weight:200} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="wm-scharnier"] > span,:where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="wm-scharnier"] > [data-mw="g"]{display:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="wm-scharnier"] svg{width:44px;height:44px;margin:0;vertical-align:middle} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) section[data-mw="buehne"]{flex-direction:column;min-height:0 !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-text"]{padding:40px max(16px,env(safe-area-inset-left,0px)) 36px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-bild"]{flex:none;height:64vw;max-height:420px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-bild"]::before{top:0;left:0;right:0;bottom:auto;width:auto;height:1px;transform-origin:left center;animation-name:mw-strich} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) section[data-mw="kennzahlen"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="zelle"]:nth-child(3){border-left:0;padding-left:0} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="zelle"]:nth-child(n/**/+3){border-top:1px solid #242a2e} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="zelle"]{padding:22px 14px 24px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="zahl"]{font-size:32px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="wm-block"] svg{width:46px;height:46px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="wm-block"] span{font-size:22px;font-weight:200} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="kapitel"]{grid-template-columns:minmax(0,1fr)} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="tab"]{padding:18px 0 20px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="kapitel-text"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 0 0;margin-top:-1px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="panel-titel"]{font-size:32px} :where(html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"]) article[data-mw="projekt"]{row-gap:26px !important} :where(html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"]) article[data-mw="projekt"] > [data-mw="bildspalte"],:where(html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"]) article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important} :where(html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"]) article[data-mw="projekt"],:where(html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"]) article[data-mw="projekt"][data-mf-seite="r"]{grid-template-columns:minmax(0,1fr) !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="projekt-bild"]::before{translate:8px 8px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-typo"]{border-left:0;border-top:1px solid var(--mw-gold);padding:32px 16px 40px} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-typo"]::before{display:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{flex:none !important;height:118vw !important;max-height:none !important;margin-right:0} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) [data-mw="buehne-bild"][data-mw-illu]{height:min(150vw,560px) !important;width:auto !important;margin:0 16px 32px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]){padding-right:0 !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) section[data-mw="buehne"]:has([data-mw-illu]) [data-mw="buehne-text"]{max-width:none} :where(html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"]) footer[data-screen-label="Footer"] [data-mw="kontaktblock"]{flex-direction:column !important;gap:8px !important} html.mw-a11y-gross.mw-ew-860 body article[data-mw="projekt"]{grid-template-columns:minmax(0,1fr) !important;row-gap:24px !important;padding:clamp(34px,7vw,56px) 0 !important} html.mw-a11y-gross.mw-ew-860 body article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="bildspalte"],html.mw-a11y-gross.mw-ew-860 body article[data-mw="projekt"] > [data-mw="bildspalte"]{grid-column:1 !important;grid-row:auto !important;order:0 !important} html.mw-a11y-gross.mw-ew-860 body article[data-mw="projekt"][data-mf-seite="r"] > [data-mw="projekt-text"],html.mw-a11y-gross.mw-ew-860 body article[data-mw="projekt"] > [data-mw="projekt-text"]{grid-column:1 !important;grid-row:auto !important;order:1 !important} html.mw-a11y-gross.mw-ew-860 body section[data-mw="buehne"]{flex-direction:column !important;align-items:stretch !important} html.mw-a11y-gross.mw-ew-860 body [data-mw="buehne-text"]{flex:0 0 auto !important;padding-left:max(20px,env(safe-area-inset-left)) !important;padding-right:max(20px,env(safe-area-inset-right)) !important} html.mw-a11y-gross.mw-ew-860 body [data-mw="buehne-bild"]{flex:0 0 auto !important;width:100% !important} html.mw-a11y-gross.mw-ew-860 body [data-mw="projekt-links"]{gap:10px 18px !important} html.mw-a11y-gross.mw-ew-860 body [data-mw="projekt-links"] a,html.mw-a11y-gross.mw-ew-860 body [data-mw="projekt-links"] button{white-space:normal !important} html.mw-a11y-gross.mw-ew-860 body [data-mw="projekt-bild"] > button[data-mw-rundknopf]{width:44px !important;height:44px !important;opacity:1 !important} html.mw-a11y-gross.mw-ew-860 body footer[data-screen-label="Footer"] > div{row-gap:26px !important} html.mw-a11y-gross.mw-ew-860 body section[data-mw="buehne"][data-mw-klein] [data-mw="buehne-bild"]{flex:0 0 auto !important} html.mw-a11y-gross.mw-ew-760:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body [data-mw="abo"]{flex-wrap:wrap !important} html.mw-a11y-gross.mw-ew-760:where([data-seite="forschung"],[data-seite="gdm"],[data-seite="geschichte"],[data-seite="podcast"],[data-seite="recht"],[data-seite="referenzen"],[data-seite="team"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin:0 16px 32px !important} :where(html.mw-a11y-gross.mw-ew-760[data-seite="forschung"]) [data-mw="forschung-lead"]{font-size:18px} html.mw-a11y-gross.mw-ew-760:where([data-seite="start"]) body [data-mw="abo"]{flex-wrap:wrap !important} html.mw-a11y-gross.mw-ew-760:where([data-seite="start"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){margin:0 16px 32px !important} html.mw-a11y-gross.mw-ew-760 body [data-mw="team-kopf"]{overflow-x:clip} html.mw-a11y-gross.mw-ew-760 body [data-mw="kreis-blau"]{left:-14%} html.mw-a11y-gross.mw-ew-760 body [data-mw="kreis-gelb"]{right:-12%} html.mw-a11y-gross.mw-ew-760:where([data-seite="team"]) body [data-mw="team-header"]{max-height:none} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body [data-mw="team-grid"]{grid-template-columns:minmax(0,1fr) !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body [data-mw="team-namen"]{order:2 !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body [data-mw="team-art"]{grid-template-columns:1fr !important;row-gap:0} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body [data-mw="team-art"] > div:first-child{order:0 !important;max-width:320px !important;width:100% !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body [data-mw="team-art"] > div:last-child{order:1 !important} html.mw-a11y-gross.mw-ew-760:where([data-seite="team"]) body [data-mw="team-panel"] > *{position:absolute !important;top:0;left:0;right:0} html.mw-a11y-gross.mw-ew-760:where([data-seite="team"]) body [data-mw="team-panel"] > [data-mw="team-art"][aria-hidden="false"]{position:relative !important} html.mw-a11y-gross.mw-ew-760:where([data-seite="referenzen"]) body section[data-mw="buehne"] [data-mw="buehne-bild"]:not([data-mw-illu]){flex:none !important;width:auto !important;height:auto !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body section[data-screen-label="Team"] div[data-mw="team-panel"][style]{position:relative !important;top:0 !important;z-index:auto !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body [data-mw="team-grid"]{row-gap:clamp(28px,5vw,48px) !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body section#team [data-mw="team-namen"]{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-rows:repeat(7,auto) !important;grid-auto-flow:column !important;column-gap:clamp(20px,5vw,48px) !important;border-top:0 !important} html.mw-a11y-gross.mw-ew-900:where([data-seite="team"]) body section#team [data-mw="team-namen"] > button:is(:nth-child(1),:nth-child(8)){border-top:1px solid var(--border-rule) !important} :where(html.mw-a11y-gross.mw-ew-640[data-seite="podcast"]) section[data-screen-label="Folgen"] article:not([data-mw="folge"]){grid-template-columns:minmax(0,1fr) !important} html.mw-a11y-gross.mw-ew-860[data-seite="start"] body section[data-mw="buehne"]:not(#x) [data-mw="buehne-bild"][data-mw-illu]{flex:0 0 auto !important;align-self:center !important;width:min(calc(100vw - 32px),460px) !important;height:calc(min(100vw - 32px, 460px) * 1.1198) !important;max-height:none !important;aspect-ratio:1920/2150;margin:0 auto 32px !important} html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"] body article[data-mw="projekt"]:not(#x) > [data-mw="bildspalte"],html.mw-a11y-gross.mw-ew-860[data-seite="referenzen"] body article[data-mw="projekt"]:not(#x) > [data-mw="projekt-text"]{grid-column:1 !important} html.mw-a11y-gross.mw-ew-860:is([data-seite="gdm"],[data-seite="podcast"]) body section[data-mw="buehne"]:not(#x) [data-mw="buehne-bild"]{height:64vw !important;max-height:520px !important} html.mw-a11y-gross.mw-ew-760[data-seite="referenzen"] body section[data-mw="buehne"]:not(#x) [data-mw="buehne-bild"]{width:auto !important;align-self:stretch !important;height:56vw !important;margin:0 16px 32px !important} html.mw-a11y-gross.mw-ew-860[data-seite="start"]:not(#a):not(#b):not(#c) body [data-mw="wortmarke"]{font-size:min(calc((100vw - 48px) / 5.3 / var(--mw-a11y-zoom,1)),calc(118px / var(--mw-a11y-zoom,1))) !important} html.mw-a11y-gross.mw-ew-900:not(.mw-ew-600)[data-seite="team"]:not(#x) body [data-mw="team-art"]{grid-template-columns:minmax(220px,300px) minmax(0,1fr) !important;column-gap:clamp(24px,4vw,40px) !important;align-items:start !important} html.mw-a11y-gross.mw-ew-900:not(.mw-ew-600)[data-seite="team"]:not(#x) body [data-mw="team-art"] > div:first-child{order:0 !important;width:100% !important;max-width:300px !important} html.mw-a11y-gross.mw-ew-900:not(.mw-ew-600)[data-seite="team"]:not(#x) body [data-mw="team-art"] > div:last-child{order:1 !important;padding-top:4px} html.mw-a11y-gross.mw-ew-600:not(#a):not(#b):not(#c) body :is([style*="var(--type-meta)"]:not([style*="font-size"]),[data-mw="chronik-ort"],[data-mw="knopf"],[data-mw="tab-sub"],[data-mw="buehne-label"],[data-mf-meta] span,#mw-filter button,[data-mw="projekt-links"] > a,article button[aria-expanded]){font-size:12px !important} html.mw-a11y-gross.mw-ew-640:not(#x):not(#y) body nav[aria-label="Jahre"]{flex-wrap:wrap !important;height:auto !important;overflow:visible !important;padding-top:6px !important;padding-bottom:6px !important;column-gap:4px !important;row-gap:0 !important} html.mw-a11y-gross.mw-ew-640:not(#x):not(#y) body nav[aria-label="Jahre"] > button{flex:1 0 calc(20% - 4px) !important;min-width:0 !important;height:36px !important} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]{margin-top:0 !important} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel"]{display:flex !important;flex-direction:column !important} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel"] > [data-mw="kapitel-liste"],html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel"] > [data-mw="kapitel-text"]{display:contents !important} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(1){order:1} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(2){order:3} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(3){order:5} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-liste"] > [data-mw="tab"]:nth-child(4){order:7} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(1){order:2} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(2){order:4} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(3){order:6} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]:nth-child(4){order:8} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel]{display:none !important;margin:0 !important} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel][data-aktiv]{display:flex !important;padding:6px 0 26px !important} html.mw-a11y-gross.mw-ew-760:not(#x):not(#y) body [data-mw="kapitel-text"] > [role=tabpanel] [data-mw="panel-titel"]{display:none !important} html.mw-a11y-gross.mw-ew-900:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body section#team [data-mw="team-namen"]{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;grid-auto-flow:row !important} html.mw-a11y-gross.mw-ew-600:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body [data-mw="chronik-zeile"]{flex-direction:column !important;align-items:flex-start !important;gap:8px !important} html.mw-a11y-gross.mw-ew-768:is(.mw-a11y-gross,.mw-a11y-schrift):not(#a):not(#b):not(#c) body nav[aria-label="Jahre"]{position:relative !important;top:auto !important} html.mw-a11y-gross.mw-ew-900 .dlw-rd-oben{grid-template-columns:minmax(0,1fr)} html.mw-a11y-gross.mw-ew-600 .dlw-rd-text blockquote{padding-left:16px} /* EW-GEN-ENDE */