It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://uni-hamburg.de

  1. <!DOCTYPE html><html class="v5 l" lang="de"><head><meta charset="utf-8" /><title>Universität Hamburg</title><meta content="width=device-width, initial-scale=1" name="viewport" /><meta name="csrf-param" content="authenticity_token" />
  2. <meta name="csrf-token" content="2EPlqtmly3dcHYb_ZOaRxgpit-LrxJaNXf3mWqrZ8-bP42ywP1AD8c1QuFyIizgJVfiDLFUxLZ4Zv7gssrZ_OQ" /><script>inline_editing={
  3. storeMarkerDefinitions: function(x){}
  4. }</script><meta content="www2-fiona" name="srcsvr" /><meta content="66g1q0uz95tch9afvqkkiy8ut2cega" name="facebook-domain-verification" /><meta content="Universität Hamburg" property="og:title" /><meta content="Die Universität Hamburg ist mit mehr als 42.000 Studierenden die größte Forschungs- und Ausbildungseinrichtung Norddeutschlands. Als eine der leistungsstärksten Universitäten in Deutschland vereint sie ein umfangreiches Lehrangebot mit exzellenter Fo" property="og:description" /><meta content="https://www.uni-hamburg.de/" property="og:url" /><meta content="website" property="og:type" /><meta content="https://www.uni-hamburg.de/6694510/hauptgebaeude1200x300-ef680e585b2db44e8424982970ddc82e1345bef1.jpg" property="og:image" /><meta content="Uni Hamburg, Studieren, Hamburg, Exzellenzinitiative, Forschung, Exzellenz" name="keywords" /><meta content="Die Universität Hamburg ist mit mehr als 42.000 Studierenden die größte Forschungs- und Ausbildungseinrichtung Norddeutschlands. Als eine der leistungsstärksten Universitäten in Deutschland vereint sie ein umfangreiches Lehrangebot mit exzellenter Fo" name="description" /><meta content="Online-Dienste" name="author" /><style>:root {
  5. --UHHfff-fff: #fff;
  6. --UHHfff-hellgrau: #fff;
  7. --UHHfff-grau: #fff;
  8. --UHH0271bb-fff: #0271bb;
  9. --UHH0271bb-grau: #0271bb;
  10. --UHH0271bb-dunkelgrau: #0271bb;
  11. --UHH0271bb-hellblau: #0271bb;
  12. --UHHf3f3f3-grau: #f3f3f3;
  13. --UHH3b515c-grau: #3b515c;
  14. --UHH3b515c-schwarz: #3b515c;
  15. --UHH666-fff: #666;
  16. --UHH4e4e4e-fff: #4e4e4e;
  17. --UHH4e4e4e-4e4e4e: #4e4e4e;
  18. --UHHc40017-hellrot: #c40017;
  19. }
  20. [data-color-scheme$='dark'] {
  21. --UHHfff-fff: #fff;
  22. --UHHfff-hellgrau: #252525;
  23. --UHHfff-grau: #383838;
  24. --UHH0271bb-fff: #fff;
  25. --UHH0271bb-grau: #383838;
  26. --UHH0271bb-dunkelgrau: #202020;
  27. --UHH0271bb-hellblau: #36a9f1;
  28. --UHHf3f3f3-grau: #383838;
  29. --UHH3b515c-grau: #383838;
  30. --UHH3b515c-schwarz: #121212;
  31. --UHH666-fff: #fff;
  32. --UHH4e4e4e-fff: #fff;
  33. --UHH4e4e4e-4e4e4e: #4e4e4e;
  34. --UHHc40017-hellrot: #ff7777;
  35. }
  36.  
  37. /* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de  */
  38. @font-face {
  39. font-family:"TheSansUHHSemiLightCaps"; font-display:fallback;
  40. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-32ba22c7d79fd9bb62f6fdc072fb890589bf54d6665920f1c24590c325a3239b.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-f1f416632a372e0ee2916e64c4fa080e09f7b85d34733ee238f74d2c92277772.woff") format("woff");
  41. font-weight:normal;font-style:normal;
  42. }
  43. @font-face {
  44. font-family:"TheSansUHHBold"; font-display:fallback;
  45. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-7bc7a19f2f859b122f413c47ab20a3459e68b5484d4e41852c867e1af7fdb23f.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-621f45c5f2f47df061ba574b6be403b7b43bb99e4793b2dd3992367924c7b038.woff") format("woff");
  46. font-weight:normal;font-style:normal;
  47. }
  48. @font-face {
  49. font-family:"TheSansUHHBoldCaps"; font-display:fallback;
  50. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-e693e29862e9a63c8fcda7276514608cf455cb6db1c1d5ba18a5cbbafdb8453b.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-3a4112e7cbd5753169c343ef7e82a720be8b61925034e7898d7050446d6b532b.woff") format("woff");
  51. font-weight:normal;font-style:normal;
  52. }
  53. @font-face {
  54. font-family:"TheSansUHHRegular";
  55. font-display:fallback;
  56. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-a70a9f7caed90d127fec33f5f7d4b2fb55c4e620f7860fb24424f69b67ed0345.woff") format("woff");
  57. font-weight:normal;font-style:normal;
  58. }
  59. @font-face {
  60. font-family:"TheSansUHH";font-display:fallback;
  61. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-a70a9f7caed90d127fec33f5f7d4b2fb55c4e620f7860fb24424f69b67ed0345.woff") format("woff");
  62. font-weight:normal;font-style:normal;
  63. }
  64. @font-face {
  65. font-family:"TheSansUHHRegularCaps"; font-display:fallback;
  66. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-2b6f7440c42c3e72ad537b81477bb606ae8e63b48872d6bd715b19a5a7811ba7.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-a39e3894376021fe9d1286463a9b7c29ce7eac94ec1b3944774d7450a22c538b.woff") format("woff");
  67. font-weight:normal; font-style:normal;
  68. }
  69. @font-face {
  70. font-family:"TheSansUHHItalic";
  71. font-display:fallback;
  72. src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-d6fab6cd19bfdef91af497a14e0f55591960c719c1e743956e22524fbdff953d.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-cb670ada72881c9e14bd18b5e639eb5feac63f8e20c633cd4c6e3eaa0f03210d.woff") format("woff");
  73. font-weight:normal;
  74. font-style:normal;
  75. }
  76.  
  77.  
  78. html.ios { -webkit-text-size-adjust: 100%}
  79. html.ios.orientationchanged {height:calc(100% + 100px);position:absolute}
  80. html.ios.orientationchanged body{bottom:100px;position:absolute}
  81.  
  82. html, body {background-color:#fff; margin:0; padding:0; z-index:1}
  83. html.ios, .ios body {-webkit-overflow-scrolling :touch !important; overflow:auto !important; }
  84. body {font-family:TheSansUHH, sans-serif; color:#4E4E4E; overflow-y:scroll; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}
  85. .sticky body {scroll-padding-top:100px}
  86. .m body {scroll-padding-top:200px}
  87. .s body {scroll-padding-top:200px}
  88. * {box-sizing:border-box}
  89. header,nav,main,footer,aside,section {display:block}
  90. iframe{border:0}
  91. img {border:0; display:block}
  92. img:not([src]) {visibility:hidden}
  93. img.unblock {display:inline}
  94. .outer .standard img {display:inline}
  95. .outer > .nomargintop {margin-top:0 !important}
  96. :target:before{content:""; position:absolute;width:0px;height:70px;margin-top:-70px}
  97. .unsichtbar,.uhhhidden {display:none !important}
  98. .d-none {display:none}
  99. .versteckt {position:absolute; left:-10000px}
  100. .breite {width:100%; max-width:1258px; margin:auto}
  101. .clear:after {content:""; display:table; clear:both; width:100%}
  102. img.defer[data-src]{width:1px !important;height:1px !important}
  103. h1,h2,h3,h4,h5 {font-family:TheSansUHHBold,sans-serif; font-weight:normal}
  104. em, i {font-family:TheSansUHHItalic,sans-serif; font-style:normal}
  105. em.em {font-family:TheSansUHH,sans-serif; font-style:normal}
  106. .em a span.a:after {content:"@"}
  107. strong,b,th {font-family:TheSansUHHBold,sans-serif; font-weight:normal}
  108. em.em a, i a.em {font-style:normal }
  109. h1 em, h2 em, h3 em, h4 em, h5 em, em h1, em h2, em h3, em h4, em h5 {font-family:TheSansUHHBoldItalic; font-weight:normal; font-style:normal}
  110. strong em, b em, strong i, b i,em strong, em b, i strong, i b {font-family:TheSansUHHBoldItalic; font-weight:normal; font-style:normal}
  111. .swiper-slide-duplicate *{user-select:none;}
  112. .deferbg{background-image:none !important}
  113. input,textarea,select{border-radius:0 !important}
  114.  
  115. table.db_table{display:none}
  116. del.alt,mark.neu, mark{background-color:yellow;color:#4e4e4e }
  117. del.alt:before{content:"gelöscht: "; position:absolute; left:-10000px;visibility:hidden;width:1px;height:1px;display:block; overflow:hidden }
  118. mark.neu:before{content:"neu: "; position:absolute; left:-10000px;visibility:hidden;width:1px;height:1px;display:block; overflow:hidden }
  119. html[lang="en"] del.alt:before{content:"deleted: "}
  120. html[lang="en"] mark.neu:before{content:"new: " }
  121. a[href^="tel"]{color:inherit !important;text-decoration:inherit !important;cursor:inherit !important;}
  122. a[href^="tel"]:focus{box-shadow:inherit!important}
  123.  
  124. iframe[src*="onTEAM/campus/einrichtung.html"]{max-width:100%}
  125. .s iframe[src*="onTEAM/campus/einrichtung.html"]{max-width:calc(100% + 40px); margin-left:-20px; border-width:1px 0 !important}
  126.  
  127. #seite {position:relative; background-color:#fff; overflow:hidden}
  128. .l #seite,
  129. .l header,
  130. .l section.nav {min-width:1200px !important}
  131. .s.r-fixed #seite {margin:auto}
  132. .m.r-fixed #seite,
  133. .m.r-fixed header .breite {max-width:1200px !important; margin:auto}
  134.  
  135.  
  136. header #meta,header .logos, .nav, footer .info,footer .social,footer .liste, footer .ende {padding:0 20px}
  137.  
  138. header {position:relative; z-index:700; top:0; left:0; width:100%; height:0}
  139.  
  140. header #meta,header .logos, .nav, footer .info,footer .social,footer .liste, footer .ende {padding:0 20px}
  141. .s section.info {  padding: 100px 20px 6px 20px;}
  142. #meta {color:var(--UHHfff-fff); background:var(--UHH0271bb-grau); font-family:TheSansUHHSemiLightCaps; font-size:16px; position:absolute; top:0; left:0; width:100%; z-index:20}
  143. html:not(.l) #meta {height:45px; font-size:14px; position:fixed; top:0; left:0; font-family:TheSansUHH; padding:0 0px 0 20px}
  144. .extern #meta {background:#fff}
  145. .extern header nav.rechts .quick {display:none}
  146.  
  147. #meta > .breite {display:table; height:100%}
  148. #meta > .breite > .links, header #meta > .breite > .rechts {display:table-cell; vertical-align:middle}
  149. #meta .links .uhh a {white-space:nowrap; font-family:TheSansUHHBoldCaps; line-height:43px!important; font-size:13px!important}
  150. .s #meta .links .uhh a {font-family:TheSansUHHBoldCaps; font-size:17px!important}
  151. .m #meta .links .uhh a {font-family:TheSansUHHBoldCaps; font-size:19px!important}
  152. .l #meta .links .uhh {display:none}
  153. html:not(.l) #meta .links li:not(.uhh) {display:none}
  154. html:not(.l) #meta .rechts .stine,
  155. html:not(.l) #meta .rechts .sitemap {display:none}
  156.  
  157. #meta ul {margin:0; padding:0; list-style-type:none}
  158. #meta .quick .rechts ul {margin:0 2px 2px 0;}
  159. #meta ul.breite {margin:auto}
  160. #meta > .breite > .rechts>ul {float:right}
  161. #meta nav>ul>li {float:left}
  162. #meta  nav>ul>li + li:not(.presse) {margin-left:21px}
  163. html:not(.l) #meta  nav>ul>li + li:not(.presse) {margin-left:0}
  164. #meta nav>ul>li>a,
  165. #meta .quick>.ul>.li>a {height:30px; line-height:28px; float:left; display:block; color:var(--UHHfff-fff); text-decoration:none}
  166. html:not(.l) #meta nav>ul>li>a,
  167. html:not(.l) #meta .quick>.ul>.li>a {height:45px; line-height:43px; width:50px; text-align:center}
  168. html:not(.l) #meta nav>ul>li.uhh>a,
  169. html:not(.l) #meta .quick>.ul>.li.uhh>a {width:auto}
  170. .extern #meta nav>ul>li>a {width:auto; color:#4e4e4e; font-family:TheSansUHHSemiLightCaps; font-size:16px}
  171.  
  172. #meta .quick>a {position:relative; text-align:center; padding-right:20px;}
  173. #meta .quick>a:after {content:""; position:absolute;right: 3px;width: 8px;height: 8px;border: 2px solid var(--UHHfff-fff);border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0.75);top: 8px!important;}
  174. #meta .meldungen {display:inline-block; position:relative; top:2px; margin-left:5px; margin-top:3px; width:19px; height:19px; background-color:#c40017; border-radius:10px; margin-right:5px; text-align:center}
  175. #meta .meldungen a {color:var(--UHHfff-fff); position:relative; top:-3px}
  176.  
  177. html:not(.l) #meta .quick {display:none!important}
  178. .quick #meta .quick>a:after {content:""; transform:rotate(0); top:8px!important;
  179. background-image:url("https://assets.rrz.uni-hamburg.de/assets/x-fff-24-55d323cb5912f69a886010d25cc034f0027f7d6edefdc32bc942e961d43b5d36.svg");background-size:18px;background-position:center;
  180. right:2px; border:0; height:16px; width:16px;}
  181. #meta .quick .slide {display:none; position:absolute; top:30px; right:0px; left:0; background:var(--UHH0271bb-grau); z-index:20; padding:0 20px}
  182.  
  183. html.m #meta .links {width:calc(100% - 220px)}
  184. html.m #meta .rechts {width: 220px}
  185. html.m #meta .links ul {text-align:right;font-size:0}
  186. html.m #meta .links .intranet, html.m #meta .links .stine { margin-left:20px;font-family:TheSansUHHSemiLightCaps; font-size:16px;display:inline-block !important; float:none !important}
  187. html.m #meta .links .intranet a, html.m #meta .links .stine a{width:auto !important}
  188.  
  189. #meta .sprache {border:1px solid transparent; border-width:0 1px; position:relative}
  190. #meta .sprachen {display:none}
  191.  
  192. .sprache:not(.l) #meta .sprache {border-color:#fff}
  193. #meta .sprache a {color:var(--UHHfff-fff); white-space:nowrap; padding-right:20px;}
  194. .extern #meta .sprache a {color:#4e4e4e}
  195. html:not(.l) .extern #meta .sprache a {color:var(--UHHfff-fff)}
  196. #meta .sprache>a {color:var(--UHHfff-fff); display:block; position:relative;padding-right:20px;z-index:2}
  197. .s #meta .sprache>a {font-size:17px; font-family:TheSansUHHBoldCaps}
  198. @media  screen and (max-width:350px) {
  199. .s #meta .links .uhh a,.s #meta .sprache>a {font-size:15px !important}
  200. }
  201. @media  screen and (max-width:325px) {
  202. .s #meta .links .uhh a,.s #meta .sprache>a {font-size:14px !important;line-height:45px}
  203. }
  204. .m #meta .sprache>a {font-size:19px; font-family:TheSansUHHBoldCaps}
  205. .l #meta .sprache>a {text-align:left !important}
  206. html[lang^="de"]:not(.l) #meta .sprache>a:before {content:"de"}
  207. html[lang^="en"]:not(.l) #meta .sprache>a:before {content:"en"}
  208. html[lang^="es"]:not(.l) #meta .sprache>a:before {content:"es"}
  209. html[lang^="fr"]:not(.l) #meta .sprache>a:before {content:"fr"}
  210. html[lang^="it"]:not(.l) #meta .sprache>a:before {content:"it"}
  211. html[lang^="pt"]:not(.l) #meta .sprache>a:before {content:"pt"}
  212. html[lang^="ru"]:not(.l) #meta .sprache>a:before {content:"ru"}
  213. html[lang^="tr"]:not(.l) #meta .sprache>a:before {content:"tr"}
  214. html[lang^="vi"]:not(.l) #meta .sprache>a:before {content:"vi"}
  215. #meta .sprache>a:after {content:""; position:absolute;right: 3px;width: 8px;height: 8px;border: 2px solid var(--UHHfff-fff);border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0.75);top: 8px!important;}
  216. .extern #meta .sprache>a:after {border-color: #333;border-width: 0 1px 1px 0}
  217. html:not(.l) #meta .sprache>a:after {top:18px}
  218. /* .m #meta .sprache>a:after {display:none;} */
  219. /* .s #meta .sprache>a:after {display:none;} */
  220. html:not(.l) #meta .sprache>a:before { transform:rotate(0);top:0px;line-height:43px;margin:0;width:40px;height:45px;display:block;font-size:17px}
  221. html:not(.l).sprache #meta .sprache>a:before { width:50px;content:""; background-image:url("https://assets.rrz.uni-hamburg.de/assets/close-5fa03a8d7f458b2093b27563ed29274e4b7b387e402b8fc2b0820acc0bef2c5d.svg"); background-position:center; background-repeat:no-repeat}
  222. html:not(.l):not(.sprache) #meta .sprache>a:after{content:""; position:absolute;right: 3px;width: 8px;height: 8px;border: 2px solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg) scale(1);top: 15px !important;}
  223. html:not(.l).sprache #meta .sprache>a:after{content:none}
  224. html:not(.l).sprache #meta .sprache>a:focus:after { background:var(--UHH0271bb-grau)}
  225. .sprache #meta .sprache>a:after {content:"\00D7"; border:0;transform:rotate(0); top:0!important; font-size:20px; margin-bottom:-2px; margin-left:3px; background:none;width:auto}
  226. html:not(.l) #meta .sprache a span {display:none}
  227.  
  228. html.l #meta .mobilemenu {display:none}
  229. html:not(.l) #meta .mobilemenu>a {float:left; width:50px; height:45px; display:block; position:relative; text-align:center; background-image:url("https://assets.rrz.uni-hamburg.de/assets/hamburger-b3b3524203bc7ee7181ac8d2ba6c2ef9a8ee80845dbb53f02fbf6a207c6cae12.svg"); background-position:center; background-repeat:no-repeat}
  230. .mobilemenu:not(.l) #meta .mobilemenu>a {background-image:url("https://assets.rrz.uni-hamburg.de/assets/close-5fa03a8d7f458b2093b27563ed29274e4b7b387e402b8fc2b0820acc0bef2c5d.svg"); position:relative; z-index:100001; box-shadow:0 1px 0 0 var(--UHH0271bb-fff) ,1px 1px 0 0 var(--UHH0271bb-fff) }
  231. html:not(.l) .gebaerdensprache, html:not(.l) .leichtesprache{display:none!important}
  232. #mobilemenu .gebaerdensprache, #mobilemenu  .leichtesprache{display:block;}
  233. .gebaerdensprache,.leichtesprache{background-position:left center; background-repeat:no-repeat;color:#fff}
  234. .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg");padding-left:22px;}
  235. .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-grau-a488fa880a6043bcee8e6a7a2c39fd1dddee02b40decfd84c8a564f99f5e666f.svg")}
  236. .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg");padding-left:25px;}
  237. .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-grau-44f9530d4c5243f865590c2e1bdb352ee0efccf3ef6d83ade22232e50f587487.svg")}
  238. .m .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg")}
  239. .m .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg")}
  240. .s .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg")}
  241. .s .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg")}
  242.  
  243.  
  244. header .logos {}
  245. .l.sticky .zentrale header .logos {position:fixed; top:-110px; left:0; right:0}
  246. header .logos .breite {position:relative; z-index:10}
  247. header .logos .bild {position:absolute; top:68px; left:0}
  248. header .logos .bild {width:270px; height:88px}
  249. header .logos .bild img {transition:width 0.2s; position:absolute; left:0; bottom:0; display:block; width:100%}
  250. .l.sticky .zentrale header .logos .bild img {width:120px}
  251. header .logos .text {position:absolute; top:0; right:0; height:160px; width:350px}
  252. html:not(.l) header .logos .text {height:121px; text-align:right; right:-5px}
  253. header .logos .text a {position:absolute; bottom:0; right:0; font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); line-height:1.1em}
  254. .l header .logos .text a .kurz {display:none}
  255. html:not(.l) header .logos .text a .kurz {color:#4e4e4e; font-family:TheSansUHHBoldCaps; font-size:16px; line-height:1.25em; margin-bottom:4px;}
  256. html:not(.l) header .logos .text a .wortmarke {display:none}
  257. header .logos .text .wortmarke b,header .logos .text .wortmarke strong {letter-spacing:1px; display:block; font-family:TheSansUHHBoldCaps; font-weight:normal; color:rgb(29,29,27); font-size:24px}
  258. html:not(.l) header .logos .bild {width:135px; height:44px; top:69px}
  259. html:not(.l) header .logos .bild img {width:100%}
  260. header .logos .text img {max-height:87px}
  261.  
  262.  
  263. @keyframes sticky {
  264. 0% {opacity:0!important; top:-20px; height:35px}
  265. 100% {opacity:1; top:0px; height:70px}
  266. }
  267.  
  268. .nav {}
  269. html:not(.l) .nav {display:none}
  270. .nav .breite {position:relative}
  271.  
  272. .zentrale .nav {position:absolute; top:128px; left:0; right:0; z-index:40}
  273. .l.sticky .zentrale .nav {position:fixed; background-color:#fff; opacity:1; top:0px; min-height:70px; animation-name:sticky }
  274. #nav {transition:transform 0.2s}
  275. .zentrale nav.top {float:left; margin-left:410px}
  276. .l.sticky .zentrale nav.top {margin:15px 0 0 410px }
  277.  
  278. body.einrichtung .nav {position:absolute; top:203px; left:0; right:0; z-index:40  }
  279. .sticky body.einrichtung .nav {position:fixed; background-color:#fff; opacity:1; top:0; min-height:70px; animation-name:sticky}
  280. body.einrichtung nav.top {float:left; margin-left:-50px}
  281. /**/  body.einrichtung nav.top {margin-left:0}
  282. .l.sticky body.einrichtung nav.top {margin-top:15px}
  283.  
  284. body.news .nav {position:absolute; top:218px; left:0; right:0; background-color:rgb(59,81,92)}
  285. .l.sticky body.news .nav {position:fixed; opacity:1; top:0; min-height:70px; animation-name:sticky; z-index:40;}
  286. body.news nav.top {transition:all 0.1s; float:left}
  287. .top.menu {font-size:20px}
  288. .news .top.menu {margin-left:-26px}
  289. .top.menu:after {content:""; clear:both; display:table; width:100%}
  290. .top.menu ul {list-style-type:none; margin:0; padding:0}
  291. .top.menu a {white-space:nowrap; display:block; text-decoration:none; color:#000}
  292. .zentrale .top.menu>ul {margin-left:-36px}
  293. .top.menu>ul>li {float:left; position:relative; margin-left:50px}
  294. /**/          .top.menu>ul>li:first-child {margin-left:0}
  295. .zentrale .top.menu>ul>li {margin-left:36px}
  296. .news .top.menu>ul>li {margin-left:1px}
  297. .top.menu>ul>li.on {z-index:100}
  298. .top.menu a:hover {outline:none}
  299. .top.menu a:focus {outline:none;text-decoration:underline}
  300. .top.menu>ul>li>a {font-size:25px; font-family:TheSansUHHBoldCaps; text-transform:uppercase; color:#333}
  301. .zentrale .top.menu>ul>li:not(:last-child)>a {padding-right:25px}
  302. .news .top.menu>ul>li>a {padding:0 7px; margin:0 20px; color:#fff; height:70px; line-height:67px}
  303. .top.menu>ul>li>a:focus,.mouse .top.menu>ul>li>a:hover,.top.menu>ul>li>a.hier {color:var(--UHH0271bb-hellblau)}
  304. .news .top.menu>ul>li>a:focus, .mouse .news .top.menu>ul>li>a:hover,.news .top.menu>ul>li>a.hier {text-decoration:underline; color:#fff}
  305. .zentrale .top.menu>ul>li>a:after {display:none; content:">"; transform:rotate(90deg); position:absolute; right:0; bottom:5px; height:16px; line-height:12px}
  306. .top.menu>ul>li>a.once {}
  307. .top.menu>ul>li>ul {width:410px; margin-left:-50px; margin-top:0px; padding:30px 70px 35px 50px; background-color:#fff; display:none; position:absolute; overflow:hidden}
  308. .top.menu>ul>li.on>ul {}
  309. .top.menu>ul>li>ul li {clear:left; float:left; width:100%; border-bottom:1px solid #bbb}
  310. .top.menu>ul>li>ul li:last-child {border-bottom:none}
  311. .top.menu>ul>li>ul a {white-space:normal; line-height:30px; padding:20px 0; margin:0 -20px 0 0; font-family:TheSansUHHBold; color:#4e4e4e}
  312. .top.menu>ul>li>ul a:focus,.mouse .top.menu>ul>li>ul a:hover,.top.menu>ul>li>ul ahier {color:var(--UHH0271bb-hellblau) }
  313.  
  314. .zentrale.nav-5 nav.top { margin-left: 370px;}
  315. .zentrale.nav-5 .top.menu > ul > li { margin-left: 20px;}
  316. html[lang="en"] .zentrale.nav-5 nav.top { margin-left: 350px;}
  317. html[lang="en"] .zentrale.nav-5 .top.menu > ul > li { margin-left: 13px;}
  318. .l.sticky .zentrale nav.top { margin: 15px 0 0 370px;}
  319.  
  320. @media only screen and (max-width:1300px) {
  321. .zentrale.nav-5 .top.menu > ul > li > a { font-size: 23px;}
  322. .zentrale.nav-5 .top.menu > ul > li { margin-left: 6px;}
  323. .zentrale.nav-5 nav.top { margin-top: 2px;}
  324. }
  325.  
  326. #suche input[type="text"]:focus{outline:1px dotted #000;outline-offset:-1px}
  327.  
  328. .nav #suche {position:absolute; right:0; width:71px}
  329. .zentrale .nav #suche {top:-13px; height:64px}
  330. .einrichtung .nav #suche {top:-13px; height:64px}
  331. .news .nav #suche {top:0px; height:70px}
  332.  
  333. .l.sticky .zentrale .nav #suche {top:0}
  334. .l.sticky .einrichtung .nav #suche {top:0}
  335. .l.sticky .news .nav #suche {top:0}
  336. .nav #suche a {display:block; width:100%; height:100%;background-repeat:no-repeat;background-position:center;}
  337. .zentrale .nav #suche a,
  338. .einrichtung .nav #suche a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_grau-bcacdd8e5a663497675d976c63aa1b5559fbf0a596707bddbf3b7ba746160e33.svg");background-size:29px}
  339. .suche .zentrale .nav #suche a,
  340. .suche .einrichtung .nav #suche a{background-color:var(--UHH0271bb-grau);background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-01a30ce766445350d8336d48b2a9a8d4856cd67a6b9260756f2fd20c9667c529.svg")}
  341. .news .nav #suche a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-01a30ce766445350d8336d48b2a9a8d4856cd67a6b9260756f2fd20c9667c529.svg");background-size:29px}
  342. .suche .news .nav #suche a{background-color:var(--UHH0271bb-grau);}
  343.  
  344. .nav #suche form {transition:opacity 0.2s; position:absolute; top:-1000px; right:0; width:586px; height:60px; opacity:0}
  345. .chemie .nav #suche form {width:1026px}
  346. .suche .nav #suche form {opacity:1}
  347. .suche .nav #suche form input[type="text"]{border:1px solid var(--UHH0271bb-fff); color:var(--UHH4e4e4e-fff)}
  348. .suche .zentrale .nav #suche form {top:64px}
  349. .suche .einrichtung .nav #suche form {top:64px}
  350. .suche .news .nav #suche form {top:70px}
  351. .nav #suche form input[type="text"] {width:100%; height:100%; border:0; background:#fff; font-family:TheSansUHH; font-size:16px; padding:0 71px 0 20px }
  352.  
  353. .chemie .nav #suche form input[type="text"] {width:calc(100% - 440px); float:right}
  354.  
  355. .nav #suche form input[type="submit"] {width:60px; bottom:1px; border:0; background:#fff; position:absolute; top:1px; right:1px; font-size:0; color:transparent;
  356. background-position:center; background-repeat:no-repeat; background-size:15px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg"); cursor:pointer;padding:0
  357. }
  358.  
  359. #meta #suche {}
  360. #meta #suche a {height:45px; width:50px; float:left; position:relative; text-align:center}
  361.  
  362. html:not(.l) #meta .suche {border:1px solid transparent; border-width:0 1px}
  363. .suche:not(.l) #meta .suche {border:1px solid #fff; border-width:0 1px}
  364. .suche:not(.l) #meta #suche a {position:relative; z-index:30; box-shadow:0 1px 0 0 var(--UHH0271bb-fff);background-position:center;background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/close-5fa03a8d7f458b2093b27563ed29274e4b7b387e402b8fc2b0820acc0bef2c5d.svg") }
  365. html:not(.suche) #meta #suche a {  background-image:url("https://assets.rrz.uni-hamburg.de/assets/search-0ac1990f4228497df0c0079276440f3fd30b6a90f9d9431c896c0b37b4db44c6.svg"); background-position:center; background-repeat:no-repeat}
  366. #meta #suche div:not(.auswahl):not(.row):not(.cell) {transition:opacity 0.2s; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%}
  367. .suche #meta #suche div {opacity:1}
  368.  
  369. #meta #suche form {border-top:1px solid #fff; transition:opacity 0.25s; position:absolute; top:-200px; right:0; width:100%; opacity:0; background-color:var(--UHH0271bb-grau); padding:20px 20px 24px 20px}
  370. .chemie #meta #suche form {padding-bottom:4px}
  371. .suche #meta #suche form {transition:opacity 0.25s; top:45px; opacity:1}
  372. #meta #suche form input[type="text"] {width:100%; height:40px; border:0; background:#fff; font-family:TheSansUHH; padding:0 30px 0 15px }
  373. #meta #suche form input[type="submit"] {width:30px; height:40px; border:0; background:#fff; position:absolute; right:20px; top:20px; font-size:0; color:transparent;
  374. background-position:center; background-repeat:no-repeat; background-size:10px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg");padding:0
  375. }
  376.  
  377. #suche .auswahl .row {display:table-row}
  378.  
  379. .nav #suche .auswahl {float:left; display:table; width:441px; background-color:#fff; border:1px solid #fff; margin:-1px 0 0 -1px; border-right:1px solid var(--UHH0271bb-fff) }
  380. .nav #suche .auswahl .cell {display:table-cell; height:58px; vertical-align:middle; font-family:TheSansUHHBold}
  381. .nav #suche .auswahl .cell:first-child {padding-left:8px}
  382. .nav #suche .auswahl .cell label {padding-left:2px}
  383. #meta #suche .auswahl {display:table; width:100%; position:relative}
  384. #meta #suche .auswahl .cell {display:table-cell; width:33.3%; height:36px; vertical-align:middle; font-family:TheSansUHHBold}
  385. #meta #suche .auswahl .cell label {padding-left:6px}
  386.  
  387. @media  screen and (max-width:500px) {
  388. #meta #suche .auswahl .cell {width:auto}
  389. #meta #suche .auswahl .cell label {padding-left:3px}
  390. }
  391. @media  screen and (max-width:400px) {
  392. #meta #suche .auswahl .cell span {display:none}
  393. }
  394.  
  395. #inhalt:before{content:"";display:table}
  396. #inhalt {transition:margin-top 0.2s; position:relative; z-index:30}
  397. .zentrale #inhalt {margin-top:179px}
  398. .suche:not(.sticky):not(.s):not(.m) .zentrale #inhalt {margin-top:249px}
  399. .suche:not(.sticky):not(.s):not(.m) .zentrale.chemie #inhalt {margin-top:283px}
  400. .einrichtung #inhalt {margin-top:254px}
  401. .suche:not(.sticky):not(.s):not(.m) .einrichtung #inhalt {margin-top:329px}
  402. .suche:not(.sticky):not(.s):not(.m) .einrichtung.chemie1 #inhalt {margin-top:363px}
  403. .news #inhalt {margin-top:288px}
  404. .suche:not(.sticky):not(.s):not(.m) .news #inhalt {margin-top:339px}
  405. .suche:not(.sticky):not(.s):not(.m) .news.chemie #inhalt {margin-top:373px}
  406. html:not(.l) #inhalt {margin-top:129px}
  407.  
  408.  
  409. section.oben {background:#eee; margin:0 0px 24px 0; overflow:hidden}
  410. .news section.oben {background:#eee; margin-bottom:34px; min-height:1px;}
  411. .news section.oben:empty {background:transparent}
  412. section.oben .breite {position:relative}
  413. section.oben .subsite {font-family:TheSansUHHBoldCaps, sans-serif; color:var(--UHHfff-fff); position:absolute; bottom:60px; font-size:60px; left:0; text-shadow:1px 1px 6px rgba(0,0,0,0.35)}
  414.  
  415.  
  416. main {background:#fff; padding:0 20px; clear:both; position:relative}
  417. .volle-breite main {padding:0}
  418. main .spalten {position:relative; margin:0 auto}
  419. main .spalten:after {content:""; width:100%; display:table}
  420. main .spalten .spalte.links {clear:left; float:left; width:58.3%}
  421. .volle-breite main .spalten .spalte.links {width:100%}
  422. .spalte.links .outer {clear:both;}
  423. .volle-breite main .spalten .spalte.links .outer {padding:0 20px}
  424. .volle-breite main .spalten #pfad {width:100%; max-width:1258px; margin-left:auto; margin-right:auto}
  425.  
  426. @media only screen and (max-width:1300px) {
  427. .volle-breite main .spalten #pfad {margin:0px 20px}
  428. }
  429. .volle-breite main .spalten .spalte.links .outer > * {position:relative; margin-left:auto; margin-right:auto; max-width:1258px}
  430. main .spalten .spalte.abschluss {width:100%; overflow:hidden}
  431. main .spalten .spalte.abschluss .outer {padding:0 20px}
  432. main .spalten .spalte.abschluss .outer > * {position:relative; margin-left:auto; margin-right:auto; max-width:1258px}
  433. main .spalte.rechts {margin-left:3.7%; float:right; width:38%; padding-left:3.2%}
  434. main .unten {background:#f3f3f3; margin:0 -20px 0 -20px}
  435. .volle-breite main .unten {margin:40px 0 0}
  436.  
  437. main .spalte.links .standard.links {clear:left; float:left; width:58.3%}
  438. .m main .spalte.links .standard.links {float:none; width:100%}
  439.  
  440. .autoscaleprobe {display:block; height:0; overflow:hidden}
  441. .autoscaleprobe:after {content:"-"}
  442. .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important}
  443. .m .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important}
  444. .s .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important}
  445. .uebersicht.kontakt .titel { font-family: TheSansUHHBold,sans-serif;font-size:18px;margin:0}
  446. .uebersicht.kontakt .titel,.uebersicht.kontakt .inhalt {  padding: 0 114px;}
  447. .uebersicht.kontakt .inhalt>span{display:block}
  448. .m .uebersicht.kontakt .titel,.m .uebersicht.kontakt .inhalt {  padding: 0 40px;}
  449. .s .uebersicht.kontakt .titel,.s .uebersicht.kontakt .inhalt {  padding: 0 20px!important;}
  450.  
  451. .uebersicht:not(.kontakt) > div > .label, .uebersicht:not(.kontakt) > div > .inhalt { padding-left:114px;float:none; width:auto;}
  452. .m .uebersicht:not(.kontakt) > div > .label, .m .uebersicht:not(.kontakt) > div > .inhalt { padding-left:40px;}
  453.  
  454. main {font-size:16px}
  455. a {color:#c40017; text-decoration:none}
  456. .videohinweis a {color:#c40017 !important;}
  457. a:hover {text-decoration:none !important}
  458. a:focus {text-decoration:none !important}
  459. th:hover {text-decoration:none !important}
  460. th:focus {text-decoration:none !important}
  461. #quickmenu a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)}
  462. #quickmenu .rubrik.rechts a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)}
  463. #meta nav a:hover {text-decoration:underline !important;}
  464. #meta nav a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)}
  465. #fuss .liste a:hover,
  466. #fuss .liste a:focus {text-decoration:underline !important; box-shadow:none}
  467. #fuss .ende a:hover {text-decoration:underline !important;}
  468. #fuss .ende a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)}
  469. #fuss .ende .audits a:hover {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)}
  470.  
  471. :focus {text-decoration:underline; outline:none;box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  472. *:not(a):focus{text-decoration:none !important;}
  473. body.news section.nav #nav > ul > li > a:focus,
  474. body.news section.nav #suchea:focus,
  475. body.news .newsrubriken .linkliste > li > a:focus{box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;position:relative;z-index:1}
  476.  
  477. .spalte.links .text a{text-decoration:underline}
  478. .spalte.links .text a:hover{text-decoration:none}
  479. .spalte.links .standard a{text-decoration:underline}
  480.  
  481. .spalte.rechts a[href^="tel"] {color:rgb(78,78,78) !important;text-decoration:underline !important}
  482. .spalte.rechts a[href^="tel"]:hover {text-decoration:none !important; outline-color:rgb(78,78,78)}
  483. .spalte.rechts a[href^="tel"]:focus {text-decoration:none !important; outline-color:rgb(78,78,78)}
  484. .spalte._rechts a[href^="tel"] {color:rgb(78,78,78) !important;text-decoration:underline !important}
  485. .spalte._rechts a[href^="tel"]:hover {text-decoration:none !important; outline-color:rgb(78,78,78)}
  486. .spalte._rechts a[href^="tel"]:focus {text-decoration:none !important; outline-color:rgb(78,78,78)}
  487.  
  488. .spalte.rechts a {color:rgb(78,78,78); text-decoration:none}
  489. .spalte.rechts a:hover,
  490. .spalte.rechts a:focus {text-decoration:underline; outline-color:rgb(78,78,78)}
  491. .spalte ._rechts a {color:rgb(78,78,78); text-decoration:none}
  492. .spalte ._rechts a:hover,
  493. .spalte ._rechts a:focus {text-decoration:underline; outline-color:rgb(78,78,78)}
  494. a.item {color:rgb(78,78,78); text-decoration:none}
  495. a.item:hover,
  496. a.item:focus {outline-color:rgb(78,78,78)}
  497.  
  498. a.redButton {display:inline-block; white-space:nowrap; font-family:TheSansUHHBoldCaps, sans-serif; font-size:20px; line-height:50px; padding:0 30px; color:var(--UHHfff-hellgrau) !important; background-color:#0271bb; text-decoration:none !important; }
  499. a.redButton:hover {text-decoration:underline !important;}
  500. a.redButton:focus {text-decoration:underline !important; }
  501.  
  502. table {width:100%}
  503. .table {display:table; width:100%}
  504. .table .col {display:table-cell; vertical-align:top}
  505. .tablerow {display:table-row}
  506. .tablecell {display:table-cell; vertical-align:top}
  507. .spalte.links {line-height:1.5em}
  508. .spalte.links p {max-width:700px}
  509. .spalte.links img.rechts {float:right; margin:0px 0 15px 15px}
  510. .spalte.links hr {background-color:#ddd; height:1px; border:0}
  511. .spalte.links ul {list-style-type:none}
  512. .spalte.links ul li,
  513. .spalte.links ol li{position:relative; max-width:700px}
  514. .spalte.links .box {position:relative; clear:both}
  515. .spalte.links a.box {display:block;}
  516. .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) {padding-left:45px}
  517. .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) > li:not(.sortlink):before {content:' '; background:#c40017; position:absolute; width:6px; overflow:hidden; height:6px; top:9px; left:-24px}
  518. .projekte ul {padding-left:0 !important}
  519. .projekte ul > li:before {display:none}
  520. .spalte.links table {border:0; border-collapse:collapse; margin-top:25px}
  521. .spalte.links table th {border:1px solid #ddd; padding:15px}
  522. .spalte.links table th.links {text-align:left}
  523. .spalte.links table td {border:1px solid #ddd; padding:15px}
  524. .spalte.links table[border="0"] td {border:none !important}
  525. .spalte.links table.streifen tr:nth-of-type(2n) td {background-color:#f3f3f3}
  526.  
  527. .spalte.rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0}
  528. .spalte ._rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0}
  529.  
  530. .outer.grau {background-color:#f3f3f3}
  531. .outer.dunkelgrau {background-color:var(--UHH3b515c-grau)}
  532. .outer.homegrau {background-color:#f3f3f3; overflow:hidden;margin-top:30px;}
  533. /*subnav*/
  534.  
  535. .subnav {margin-top:40px}
  536. .subnav a:hover {outline:none}
  537. .subnav a:focus {outline:none}
  538. .subnav ul {list-style-type:none; margin:0; padding:0}
  539. .subnav > ul > li:first-child > a {border-top:1px solid #ddd}
  540. .subnav li li {margin-left:30px}
  541. .subnav li:hover {}
  542. .subnav li a {border-bottom:1px solid #ddd; color:#4E4E4E; display:block; text-decoration:none; padding:15px 60px 15px 0; font-family:TheSansUHHBold, sans-serif; font-size:17px; position:relative}
  543. .subnav h2 { display:block; position:relative; margin:0}
  544. .subnav h2 a {color:var(--UHH0271bb-hellblau)  !important; font-size:22px; font-family:TheSansUHHBold, sans-serif}
  545. /*        .subnav a:after {content:">"; position:absolute; right:30px; top:0; padding:21px 0; transform:rotate(90deg); color:#0271bb } */
  546. .subnav ul a:hover,.subnav ul a:focus {color:var(--UHH0271bb-hellblau)  !important; text-decoration:underline !important}
  547. .subnav ul a:hover:after,.subnav ul a:focus:after {color:#fff}
  548.  
  549. .subnav a.hier {font-family:TheSansUHHBold,sans-serif; font-weight:normal; color:var(--UHH0271bb-hellblau)  !important}
  550. .subnav a.hier:hover {}
  551. .subnav a.auf,.subnav li.auf > a {color:var(--UHH0271bb-hellblau) }
  552. .subnav div.titel {position:relative; padding:21px 60px 21px 0; font-family:TheSansUHHBold, sans-serif; font-size:22px}
  553. .subnav div.titel a {color:var(--UHH0271bb-hellblau)  !important}
  554. .m .spalte.rechts .subnav {display:none}
  555. .s .subnav {margin-top:48px; padding:0 20px}
  556. .s .spalte.rechts .subnav {display:none}
  557.  
  558. h1 {font-family:TheSansUHHRegularCaps, sans-serif; font-size:38px; margin-top:15px; margin-bottom:17px; width:100%; color:#4e4e4e; line-height:1.15em}
  559. h1.news {font-family:TheSansUHHBold, sans-serif; line-height:1.25em}
  560. h1.news span {display:block}
  561. h1.news span.sup {font-size:20px; margin-bottom:8px; line-height:1.25em}
  562. h1.news span.sub {font-size:18px; margin-top:8px; line-height:1.5em}
  563. h1.wortmarke {font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); font-weight:normal; margin:0}
  564.  
  565. figure { margin:0}
  566. figure img {max-width:100%; height:auto !important}
  567. figure.rechts {float:right; margin:0.5em 0 0.5em 1em; max-width:65%}
  568. figure.links {float:left; margin:0.4em 1em 0.5em 0; max-width:65%}
  569. figure.mitte {display:table; margin:1em auto; max-width:100%; position:relative; overflow:hidden}
  570. .s figure.mitte {display:block}
  571. figure figcaption {font-size:14px; margin:5px 5px 0 5px; line-height:1.25em}
  572. figure p.bildnachweis {font-size:13px; margin:0 5px 0 0; line-height:1.25em; text-align:right; max-width:none !important;}
  573.  
  574. .outer.h1 {margin-bottom:-10px}
  575. .outer.h1 +.outer > div {margin-top:54px}
  576. .outer.standard +.outer > div.hinweis,
  577. .outer.standard +.outer > div.inhaltsblock,
  578. .outer.standard +.outer > div.standard,
  579. .outer.hinweis +.outer > div.hinweis,
  580. .outer.hinweis +.outer > div.inhaltsblock,
  581. .outer.hinweis +.outer > div.standard,
  582. .outer.inhaltsblock +.outer > div.hinweis,
  583. .outer.inhaltsblock +.outer > div.inhaltsblock,
  584. .outer.inhaltsblock +.outer > div.standard {margin-top:40px}
  585. .outer.h1 span.sep {display:inline-block; margin:0 16px}
  586. .outer.h1.rss {margin-bottom:30px}
  587. .outer.h1.rss h1 {width:auto;display: inline;padding-right:30px}
  588. .outer.h1.rss a {display:inline-block;margin-left: 0px;margin-top:28px; width:21px}
  589. html:not(.l) .outer.h1.rss a {margin-top:22px}
  590. .outer.h1.rss a img {width:100%}
  591. .outer > .nomargintop {margin-top:0}
  592. .s .outer:not(.h1) > h1 {  padding: 0 20px;}
  593. .outer:not(.h1) > h1 ~ h1{  margin-top:40px;}
  594. .social_share_privacy_area li:before, .studiengang .liste li:before, .nachrichten .inhalt li:before, .organigramm li:before,#sitemap li:before,.tabs li:before,table.service ul li:before,ul.schwerpunkteliste li:before,.sprechzeiten ul li:before,.import.einmaleins ul li:before, .nachrichten.uebersicht .meldung .text li:before {content:none !important}
  595.  
  596. .box:after {content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; visibility:hidden}
  597.  
  598. .oben .outer {padding:0 20px}
  599.  
  600. .outer .item a.text {color:#4e4e4e; text-decoration:none; display:block}
  601. .outer .item a.text:hover .titel {text-decoration:underline}
  602. .outer .item .video + .text:before {content:"\00A0"; display:block; font-size:12px; margin-top:2px; line-height:12px}
  603.  
  604. /* .js video{visibility:hidden} */
  605.  
  606. /*.outer p {margin:30px 0} */
  607. .breadcrumb{clear: both;color: #4E4E4E;min-height: 28px;max-width: 1298px;padding:0 20px; margin:0 auto 20px}
  608. .s .breadcrumb{display:none}
  609. .breadcrumb ol{font-size: 0px;list-style:none;margin:0;padding:0;}
  610. .breadcrumb li{display:inline}
  611. .breadcrumb li + li:before { content:'';vertical-align:top;display: inline-block; background-image: url("https://assets.rrz.uni-hamburg.de/assets/breadcrumbs-arrow-53132e3278bb7c38386984be1008702b51b269c133499ea54f25f98e2bd08973.svg");
  612. margin: 0 15px;width: 29px;height:20px;background-position: left center;background-repeat: no-repeat;}
  613. .breadcrumb a{font-size: 18px; line-height: 20px;vertical-align:top;color: #4E4E4E;text-decoration: none;display: inline-block}
  614. .breadcrumb li:first-child a{padding-left: 26px;background-image: url("https://assets.rrz.uni-hamburg.de/assets/breadcrumbs-home-ace83ee989b94185097ac6dfb0aaf098d8b7a0ddfed38191c07be20fa779ef03.svg");background-repeat: no-repeat;background-position: left 0px;height:17px}
  615. .breadcrumb li:last-child a{font-family: TheSansUHHBold, sans-serif;}
  616.  
  617.  
  618. #pfad {clear:both; color:#4E4E4E; font-size:18px; min-height:28px; margin:0 0 20px 0; line-height:20px; padding-left:0; background-image:url("https://assets.rrz.uni-hamburg.de/assets/home-acc87b53b78b9a46546084942ae10e4011233401cdc5f3571e2c1dd25c9976d4.png"); background-repeat:no-repeat; background-position:left 1px}
  619. #pfad span.text {margin-right:5px; position:absolute; left:-10000px}
  620. #pfad a {float:left; color:#4E4E4E; text-decoration:none}
  621. #pfad span.text + a {margin-left:-28px; padding-left:28px}
  622. #pfad > span.text + a {padding-left:54px}
  623. #pfad a:hover,#pfad a:focus {text-decoration:underline; outline:none}
  624. #pfad span {float:left}
  625. #pfad span.sep {background-image:url("https://assets.rrz.uni-hamburg.de/assets/arrow-f71e240964a741d81efdd15e4a4cf5e72fb58b55904b5f559e6f0a919c58538c.png"); margin:0 15px; width:29px; background-position:left center; background-repeat:no-repeat; overflow:hidden; text-align:center; color:transparent}
  626. #pfad .paththispage {line-height:20px; font-family:TheSansUHHBold, sans-serif}
  627.  
  628. #fuss {visibility:hidden}
  629.  
  630. .pager {position:absolute !important; top:60px; text-transform:capitalize; font-size:16px}
  631. .hsb .pager {top:38px}
  632. .pager.prev {left:0}
  633. .pager.prev:before {content:"<"; display:inline-block; top:1px; position:relative; margin:0 5px 0 0; overflow:hidden; width:0px; height:0px; border-style:solid; border-width:4px 4px 4px 0; border-color:transparent #c40101 transparent; transform:rotate(360deg)}
  634. .pager.next {right:40px}
  635. .volle-breite .pager.next {right:0px}
  636. .pager.next:after {content:">"; display:inline-block; top:1px; position:relative; margin:0 0 0 5px; overflow:hidden; width:0px; height:0px; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent #c40101 transparent; transform:rotate(360deg)}
  637.  
  638. .bildnachweis:before {content:"\200B"}
  639. .bildnachweis a {color:#4e4e4e;position: relative !important;display: inline !important;}
  640. p.bildnachweis {margin:0}
  641.  
  642.  
  643. .full-width-image {position:relative}
  644. .full-width-image a{position: absolute; left: 0; top: 0; right: 0; bottom: 0;display:block;}
  645. .full-width-image a:focus{border:5px solid var(--UHH0271bb-fff);}
  646. .full-width-image a:focus .button span{text-decoration:underline;}
  647. .full-width-image .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%; height:100%}
  648. .full-width-image .bild img {display:none}
  649. .full-width-image .container {position:absolute; left:0; top:0; right:0; bottom:0}
  650. .full-width-image .container a.link {position:absolute; left:0; top:0; right:0; bottom:0}
  651. .full-width-image .bildnachweis {color:#4e4e4e; position:absolute; background:rgba(255, 255, 255, 0.8); padding:2px 10px; font-size:12px; bottom:0px; right:calc(50% - 629px)}
  652. .full-width-image .text {color:#4e4e4e; position:absolute; max-width:1130px; padding-bottom:0; padding-right:100px}
  653. .slider-home .full-width-image .text {left:calc(50% - 530px); bottom:90px}
  654. .slider-start .full-width-image .text {left:calc(50% - 530px); bottom:110px}
  655. .slider-start .full-width-image.scaling .text {bottom:100px}
  656.  
  657. .full-width-slider .control {bottom:68px;}
  658. .full-width-slider .slide .bildnachweis {color:#4e4e4e; position:absolute; bottom:0; font-size:12px; right:calc(50% - 629px); background: rgba(255, 255, 255, 0.8); padding:2px 10px; margin:0;}
  659. .slider-karte .full-width-slider:not(.scaling) .slide .control {top:686px;}
  660. .slider-home .full-width-slider:not(.scaling) .slide .control {top:486px}
  661. .slider-start .full-width-slider:not(.scaling) .slide .control {top:386px}
  662. .slider-inhalt .full-width-slider:not(.scaling) .slide .control {top:336px}
  663. .slider-band .full-width-slider:not(.scaling) .slide .control {top:6px}
  664. .slider-news .full-width-slider:not(.scaling) .slide .control {top:336px}
  665.  
  666.  
  667. .full-width-slider .slide a:hover,
  668. .full-width-slider .slide a:focus {outline:none}
  669. .full-width-slider .slide a:hover .button span,
  670. .full-width-slider .slide a:focus .button span {text-decoration:underline}
  671. .full-width-slider .slide .container,
  672. .full-width-slider .slide .container a.link {position:absolute; left:0; top:0; right:0; bottom:0}
  673. .full-width-slider .slide .text {position:absolute; max-width:1100px; padding-bottom:0; padding-right:100px}
  674.  
  675. .header-350 .full-width-image.scaling > .bild {padding-top:18.26%}
  676. .m .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px}
  677. .s .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px}
  678. .header-350 .full-width-image .text.h1 {transition:all 0.25s;position:absolute; bottom:40px;left: calc(50% - 629px);padding-right:20px}
  679. .s .header-350 .full-width-image .text.h1 {left:20px;bottom:30px}
  680. .header-350 .full-width-image .text.h1 h1 {float:left;width:auto;padding:12px 18px;margin:0;font-size:44px;font-family:TheSansUHHBold, sans-serif;background:rgba(255, 255, 255, 0.8);}
  681. .s .header-350 .full-width-image .text.h1 h1 {font-size:34px;padding:8px 12px;}
  682. .header-350 .full-width-image .text.h1 p {transition:all 0.25s;background:rgba(255, 255, 255, 0.8);margin:10px 0 0}
  683. .s .header-350 .full-width-image .text.h1 p {padding:8px 12px}
  684.  
  685.  
  686. @media only screen and (max-width:1500px) {
  687. .slider-home .full-width-image .text {bottom:71px}
  688. .slider-start .full-width-image .text {bottom:96px}
  689. }
  690. @media only screen and (max-width:1350px) {
  691. .slider-home .full-width-image .text {bottom:52px}
  692. .slider-start .full-width-image .text {bottom:77px}
  693. }
  694. .full-width-slider.news1 .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0}
  695.  
  696. @media only screen and (max-width:1500px) {
  697. }
  698. @media only screen and (max-width:1350px) {
  699. }
  700. @media only screen and (max-width:1300px) {
  701. .header-350 .full-width-image .text.h1 { left: 20px;}
  702. .header-350 .full-width-image .text.h1 h1 {}
  703. .header-350 .full-width-image .text.h1 p {}
  704. }
  705. @media only screen and (max-width:1300px) {
  706. .slider-home .full-width-image .text,
  707. .slider-start .full-width-image .text {left:100px; max-width:calc(100% - 200px)}
  708. .slider-home .full-width-image .text h2,
  709. .slider-start .full-width-image .text h2 {left:100px}
  710. .slider-home .full-width-image .text h3,
  711. .slider-start .full-width-image .text h3 {left:100px}
  712. .full-width-image.news1 .text {left:20px; max-width:69%}
  713. .full-width-image .bildnachweis {right:20px !important}
  714.  
  715. }
  716. .full-width-image .text h2,
  717. .full-width-image .text h3 {float:left; font-size:47px; font-family:TheSansUHHBold, sans-serif; font-weight:normal; line-height:1.2; margin:0 0 12px 0; padding:18px; background:rgba(255, 255, 255, 0.8); overflow:hidden}
  718. .full-width-image .text .beschreibung {color:#4e4e4e;float:left; clear:both; font-size:26px; font-family:TheSansUHHBold, sans-serif; padding:8px 18px; background:#FFF; background:rgba(255, 255, 255, 0.8); overflow:hidden}
  719.  
  720. .full-width-image .text .klammer {clear:left;}
  721. .full-width-image .text .button {float:right; clear:both; text-align:right; margin-top:12px}
  722. .full-width-image.scaling .text .button {margin-top:8px}
  723. .full-width-image .text .button a {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; line-height:54px; padding:0 46px 0 36px; color:var(--UHHfff-hellgrau); background-color:#0271bb }
  724. .full-width-image .text .button a:hover,
  725. .full-width-image .text .button a:focus {text-decoration:underline;outline:none}
  726. .full-width-image .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:var(--UHHfff-hellgrau)}
  727. .full-width-image .text a {color:#000; text-decoration:underline}
  728. .full-width-image .text .button span {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; padding:16px 46px 16px 36px; color:var(--UHHfff-hellgrau); background-color:#0271bb }
  729. .full-width-image .text .button span:hover {text-decoration:underline;outline:none}
  730. .full-width-image .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:var(--UHHfff-hellgrau)}
  731.  
  732. .full-width-image.news1 .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden}
  733. .full-width-image.news1 .text h2,
  734. .full-width-image.news1 .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif}
  735. .full-width-image.news1 .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif}
  736. .full-width-image.scaling .text h2,
  737. .full-width-image.scaling .text h3 {font-size:47px; padding:18px; margin-bottom:8px;}
  738. .full-width-image.scaling .text .beschreibung {font-size:26px;}
  739. @media only screen and (max-width:1500px) {
  740. .full-width-image.scaling .text .button span {font-size:18px; padding:14px 40px 14px 30px}
  741. .full-width-image.scaling .text .button span:after {right:24px; bottom:14px}
  742. }
  743. @media only screen and (max-width:1350px) {
  744. .full-width-image.scaling .text h2,
  745. .full-width-image.scaling .text h3 {font-size:32px; padding:14px 26px}
  746. .full1-width-image.scaling .text .button span {font-size:16px; padding:12px 34px 12px 24px}
  747. .full1-width-image.scaling .text .button span:after {right:18px; bottom:12px}
  748. }
  749.  
  750. .slider-karte .full-width-image:not(.scaling) .bild {height:750px !important}
  751. .slider-home .full-width-image:not(.scaling) .bild {height:550px !important}
  752. .slider-start .full-width-image:not(.scaling) .bild {height:450px !important}
  753. .slider-inhalt .full-width-image:not(.scaling) .bild {height:400px !important}
  754. .slider-band .full-width-image:not(.scaling) .bild {height:70px !important}
  755. .slider-news .full-width-image:not(.scaling) .bild {height:400px !important}
  756.  
  757.  
  758. html.js .slick-slider {opacity:0}
  759. html.js .slick-slider.slick-initialized {opacity:1}
  760.  
  761. .full-width-slider {position:relative}
  762. .full-width-slider .slide {height:100%; margin:0; background-color:#eee; position:relative}
  763. .full-width-slider .slide:focus:after {box-shadow:0 0 0 4px var(--UHH0271bb-fff) inset, 0 0 5px 4px var(--UHH0271bb-fff) inset;content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events: none; }
  764. .full-width-slider .slide a:focus h2 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  765. .full-width-slider .slide a:focus h3 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  766. .full-width-slider .slide:focus .button span{text-decoration:underline !important;}
  767. .full-width-slider .slide a:focus .button span{text-decoration:underline !important;}
  768. .full-width-slider .slide a:focus .beschreibung {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  769. .full-width-slider .slide .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%}
  770. .full-width-slider:not(.scaling) .slide .bild {height:100%}
  771. .full-width-slider .slide img {display:none; position:absolute; width:100%}
  772.  
  773. .full-width-slider .slickSlider {width:100%; position:relative; margin:0; padding:0}
  774.  
  775. .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:750px !important}
  776. .slider-home .full-width-slider:not(.scaling) .slickSlider {height:550px !important}
  777. .slider-start .full-width-slider:not(.scaling) .slickSlider {height:450px !important}
  778. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:400px !important}
  779. .slider-band .full-width-slider:not(.scaling) .slickSlider {height:70px !important}
  780. .slider-news .full-width-slider:not(.scaling) .slickSlider {height:400px !important}
  781. .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:750px !important}
  782. .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:550px !important}
  783. .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:450px !important}
  784. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important}
  785. .slider-band .full-width-slider:not(.scaling) .slickSlider .slick-track {height:70px !important}
  786. .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important}
  787. .slider-karte .full-width-slider.scaling .slickSlider,
  788. .slider-home .full-width-slider.scaling .slickSlider,
  789. .slider-start .full-width-slider.scaling .slickSlider,
  790. .slider-inhalt .full-width-slider.scaling .slickSlider,
  791. .slider-band .full-width-slider.scaling .slickSlider,
  792. .slider-news .full-width-slider.scaling .slickSlider,
  793. .slider-karte .full-width-slider.scaling .slickSlider .slick-track,
  794. .slider-home .full-width-slider.scaling .slickSlider .slick-track,
  795. .slider-start .full-width-slider.scaling .slickSlider .slick-track,
  796. .slider-inhalt .full-width-slider.scaling .slickSlider .slick-track,
  797. .slider-band .full-width-slider.scaling .slickSlider .slick-track,
  798. .slider-news .full-width-slider.scaling .slickSlider .slick-track {height:auto}
  799. .scaling .slickSlider .slide {width:100%}
  800. .scaling .slickSlider .slide .bild {width:100%}
  801. .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:25.13%}
  802. .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:20.55%}
  803. .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%}
  804. .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%}
  805.  
  806. .slider-home .full-width-image.scaling .bild {padding-top:25.13%}
  807. .slider-start .full-width-image.scaling .bild {padding-top:20.55%}
  808. .slider-inhalt .full-width-image.scaling .bild {padding-top:18.26%}
  809. .slider-inhalt .full-width-image.scaling.small .bild {padding-top:13.70%}
  810. .slider-news .full-width-image.scaling .bild {padding-top:18.26%}
  811.  
  812.  
  813. @media only screen and (max-width:1200px) {
  814. .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  815. .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  816. .slider-start .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  817. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  818. .slider-news .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  819. .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  820. .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  821. .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  822. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  823. .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  824. .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw}
  825. .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw}
  826. .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:25vw}
  827. .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:25vw}
  828.  
  829. .slider-home .full-width-image.scaling .bild {padding-top:33.33vw}
  830. .slider-start .full-width-image.scaling .bild {padding-top:33.33vw}
  831. .slider-inhalt .full-width-image.scaling .bild {padding-top:25vw}
  832. .slider-inhalt .full-width-image.scaling.small .bild {padding-top:25vw}
  833. .slider-news .full-width-image.scaling .bild {padding-top:25vw}
  834.  
  835.  
  836. .slider-karte .full-width-slider:not(.scaling)  .slide .bild {height:750px}
  837. .slider-home .full-width-slider:not(.scaling)  .slide .bild {height:400px}
  838. .slider-start .full-width-slider:not(.scaling)  .slide .bild {height:400px}
  839. .slider-inhalt .full-width-slider:not(.scaling)  .slide .bild {height:300px}
  840. .slider-news .full-width-slider:not(.scaling)  .slide .bild {height:300px}
  841. .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto}
  842. .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  843. .slider-home .full-width-slider .slide {height:auto; margin:0; background-color:#eee; position:relative}
  844. .full-width-slider .slickSlider {width:auto;}
  845. .slider-home .full-width-slider .slide .container,
  846. .slider-home .full-width-slider .slide .container a.link {position:relative; left:0; top:0; right:0; bottom:0}
  847. .slider-home .full-width-slider .slide .text {position:relative; bottom:0 !important; padding:40px 20px; left:0 !important}
  848. .slider-home .full-width-slider .slide .text h2 {float:none !important; background:none !important}
  849. .slider-home .full-width-slider .slide .text h3 {float:none !important; background:none !important}
  850. .slider-home .full-width-slider .slide .text .beschreibung {float:none !important; background:none !important}
  851.  
  852. .slider-karte .full-width-slider .control {top:686px;}
  853. .slider-home .full-width-slider .control {top:336px}
  854.  
  855.  
  856. }
  857. @media only screen and (max-width:640px) {
  858. .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw}
  859. .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw}
  860. .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw}
  861. .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw}
  862. .slider-home .full-width-slider.scaling .control {top:calc(62.5vw + 16px) !important;}
  863.  
  864. .slider-home .full-width-image.scaling .bild {padding-top:62.5%}
  865. .slider-start .full-width-image.scaling .bild {padding-top:62.5%}
  866. .slider-inhalt .full-width-image.scaling .bild {padding-top:31.25%}
  867. .slider-inhalt .full-width-image.scaling.small .bild {padding-top:31.25%}
  868. .slider-news .full-width-image.scaling .bild {padding-top:31.25%}
  869. }
  870.  
  871.  
  872. .slider-home .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px}
  873. .slider-start .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px}
  874. .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:103px}
  875. @media only screen and (max-width:1500px) {
  876. .slider-home .full-width-slider.scaling .slide .text {bottom:71px}
  877. .slider-start .full-width-slider.scaling .slide .text {bottom:96px}
  878. }
  879. @media only screen and (max-width:1350px) {
  880. .slider-home .full-width-slider.scaling .slide .text {bottom:52px}
  881. .slider-start .full-width-slider.scaling .slide .text {bottom:77px}
  882. }
  883. .full-width-slider.news1 .slide .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0}
  884. .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:68px}
  885. .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:68px}
  886. .slider-start .full-width-slider:not(.noquicklinks) .control {top:318px}
  887. .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:98px}
  888. @media only screen and (max-width:1500px) {
  889. .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px}
  890. }
  891. @media only screen and (max-width:1350px) {
  892. .slider-start .full-width-slider:not(.noquicklinks) .control {top:352px}
  893. .m .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px}
  894. .s .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px}
  895. }
  896. @media only screen and (max-width:1300px) {
  897. .slider-home .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)}
  898. .slider-start .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)}
  899. .full-width-slider .slide .bildnachweis {right:20px}
  900. }
  901. .full-width-slider .slide .text h2,
  902. .full-width-slider .slide .text h3 {font-size: 47px;font-family: TheSansUHHBold, sans-serif;  font-weight:normal; line-height: 1.2;margin: 0 0 12px 0;padding:18px;color:#4e4e4e; background: rgba(255, 255, 255, 0.8) ;float:left; overflow:hidden}
  903. .full-width-slider .slide .text .beschreibung {color:#4e4e4e;float:left; clear:both; font-size: 26px;font-family: TheSansUHHBold, sans-serif; padding:8px 18px; background: rgba(255, 255, 255, 0.8); margin:0; overflow:hidden}
  904. .full-width-slider .slide .text .klammer {clear:left;}
  905. .full-width-slider .slide .text .button {float:right; clear:both; text-align:right; margin-top:12px;}
  906. .full-width-slider .slide .text .klammer:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;}
  907. .full-width-slider .slide .text .button a {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; line-height:54px; padding:0 46px 0 36px; color:var(--UHHfff-hellgrau); background-color:#0271bb }
  908. .full-width-slider .slide .text .button a:hover,
  909. .full-width-slider .slide .text .button a:focus {text-decoration:underline;outline:none}
  910. .full-width-slider .slide .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:#fff}
  911. .full-width-slider .slide .text a {color:#000; text-decoration:underline}
  912. .full-width-slider .slide .text .button span {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; padding:16px 32px 16px 18px; color:var(--UHHfff-hellgrau); background-color:#0271bb }
  913. .full-width-slider111 .slide .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:#fff}
  914. .full-width-slider .slide .text .button span:after {content: ""; position: absolute; right: 14px; bottom: 22px; height: 10px; width: 18px; background-repeat: no-repeat; background-position: center; background-size: 10px 10px; background-image: url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_weiss_bold-9f00734e7401eda96bc85a0251f2eddb0e28f614926baf7897602d2839b525b8.svg");}
  915. .full-width-slider.news1 .slide .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden}
  916. .full-width-slider.news1 .slide .text h2,
  917. .full-width-slider.news1 .slide .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif}
  918. .full-width-slider.news1 .slide .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif}
  919.  
  920. .full-width-slider .slick-arrow {border:1px solid transparent; width:0px; height:0px; background-color: rgba(255,255,255,0.8); background-repeat:no-repeat;cursor:pointer; position:absolute; z-index:0; top:-1000px; background-position:center; background-size:64px 64px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider-97073acdb5b61068c753829c6b623527591dd5491f2c941d8dadb70f1fa5aa20.svg")}
  921. html[data-color-scheme$="dark"] .full-width-slider .slick-arrow {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg")}
  922. .full-width-slider:hover .slick-arrow {width:80px; height:80px; top:calc(50% - 40px);}
  923. .full-width-slider .slick-arrow:focus {width:80px; height:80px; top:calc(50% - 40px);}
  924. .full-width-slider .slick-arrow.slick-prev {left:10px; right:unset; }
  925. .full-width-slider .slick-arrow.slick-next {right:10px; left:unset; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH}
  926. .full-width-slider .slick-arrow:hover {}
  927. .full-width-slider .slick-arrow:focus {}
  928. @media only screen and (max-width:1440px) {
  929. .full-width-slider .slick-arrow {display:none}
  930. }
  931. .full-width-slider .control {padding:9px; height:34px; position:absolute; bottom:36px; right:0; margin:0; background-color: rgba(255,255,255,0.8);}
  932. .full-width-slider .slick-dots {display:none;  float:left; padding:0; list-style-type:none; bottom:39px;margin:0}
  933. .full-width-slider #slider-1 .slick-dots {}
  934. .volle-breite .full-width-slider .control {right:calc(50% - 630px)}
  935. .volle-breite .full-width-slider .slick-dots {right:calc(50% - 630px)}
  936. .slider-start .full-width-slider .slick-dots {}
  937. .slider-start .full-width-slider.noquicklinks .slick-dots {}
  938. .slick-dots li {display:inline-block}
  939.  
  940. @media only screen and (max-width:1500px) {
  941. .full-width-slider.scaling .slide .text .beschreibung {padding:9px 32px}
  942. .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:84px}
  943. .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:49px}
  944. .slider-start .full-width-slider.scaling .slick-dots {bottom:61px}
  945. .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:61px}
  946. .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:84px}
  947. .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:49px}
  948. .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:79px}
  949. }
  950. @media only screen and (max-width:1350px) {
  951. .full-width-slider.scaling .slide .text .beschreibung {padding:8px 26px}
  952. .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:63px}
  953. .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:28px}
  954. .slider-start .full-width-slider.scaling .slick-dots {bottom:42px}
  955. .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:42px}
  956. .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:63px}
  957. .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:28px}
  958. .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:58px}
  959. }
  960. .full-width-slider .slick-dots {height:16px; float:left;}
  961. .full-width-slider .slick-dots li {width:23px; height:18px; margin:0 6px; padding:0}
  962. .full-width-slider .slick-dots li button {width:22px; height:16px; border:none; background:rgb(59,81,91);; color:transparent; border:3px solid rgb(59,81,91);}
  963. .full-width-slider .control button { float:left; margin-left:20px; width:22px; height:16px; border:none; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:contain;}
  964. .s .full-width-slider .control button { margin-left:14px}
  965. .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")}
  966. .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")}
  967. .full-width-slider .slick-dots li button:focus {}
  968. .full-width-slider .slick-dots li.slick-active button {background:transparent;}
  969. @media only screen and (max-width:1300px) {
  970. .full-width-slider .slick-arrow.slick-prev {left:20px}
  971. .full-width-slider .slick-arrow.slick-next {right:20px}
  972. .full-width-slider .control {right:20px!important}
  973. .full-width-slider .slick-dots {right:20px!important}
  974.  
  975. .full-width-slider .slick-arrow.slick-prev {left:20px}
  976. .full-width-slider .slick-arrow.slick-next {right:20px}
  977. }
  978. /*Simple Slider*/
  979.  
  980. .simpleSlider {background:#fff !important; position:relative;}
  981. .simpleSlider .slide *:focus {box-shadow:none;}
  982. .simpleSlider .standard {border:1px solid #ddd;}
  983. .simpleSlider .slide {background:#fff}
  984. .simpleSlider .slide:focus {outline:3px solid var(--UHH0271bb-fff); outline-offset:-3px;}
  985.  
  986. .simpleSlider .foto {float:left; width:348px; overflow:hidden; background:#fff; border-radius:2px 0 0 2px; padding:0}
  987. .simpleSlider .foto img {float:left}
  988. .simpleSlider .text {float:right; width:calc(100% - 378px); background:#fff; border-radius:0 2px 2px 0; padding:15px 20px 15px 15px}
  989. .simpleSlider .text > * {margin-top:0}
  990. .simpleSlider .text *:last-child {margin-bottom:0}
  991.  
  992. .simpleSlider .slick-arrow {position:absolute; width:15px; height:32px; top:50%; border-radius:2px; background-color:rgba(0,0,0,0.70); text-align:center; z-index:1; cursor:pointer}
  993. .simpleSlider .slick-next {right:2px}
  994. .simpleSlider .slick-next:after {content:">"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px}
  995. .simpleSlider .slick-prev {left:2px}
  996. .simpleSlider .slick-prev:after {content:"<"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px}
  997. .simpleSlider .slick-dots {display: block; list-style-type: none; text-align:center}
  998. .simpleSlider .slick-dots li {width:23px; height:23px; margin-left:12px; padding:0; display:inline-block}
  999. .simpleSlider .slick-dots li button {width:19px; height:19px; border:none; background:#fff; border:2px solid #4e4e4e; font-size:0; color:#fff; cursor:pointer}
  1000. .simpleSlider .slick-dots li.slick-active button {background:#4e4e4e; font-size:0; color:var(--UHH0271bb-hellblau) }
  1001.  
  1002.  
  1003. /*Testimonial Slider*/
  1004.  
  1005. .testimonial-swiper-wrapper {position:relative;}
  1006. .testimonial-swiper-wrapper button {cursor:pointer;width:18px;border:0;outline:0;background-color:#fff;position:absolute; top:90px; height:30px; z-index:1;background-position:center;background-repeat:no-repeat; background-size:18px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider-97073acdb5b61068c753829c6b623527591dd5491f2c941d8dadb70f1fa5aa20.svg")}
  1007. html[data-color-scheme$="dark"] .testimonial-swiper-wrapper button {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg")}
  1008. .testimonial-swiper-wrapper button.left {left:-60px}
  1009. .testimonial-swiper-wrapper button.right {right:5px;transform:rotate(180deg);z-index:3}
  1010. .testimonial.swiper {margin:40px 0;overflow:hidden; position:relative;padding-bottom:32px}
  1011. .testimonial.swiper .swiper-pagination{bottom:0}
  1012. .testimonial.swiper .swiper-pagination-bullet {  width: 10px; height: 10px; border:1px solid #4e4e4e !important;display: inline-block; border-radius: 100%; background: #fff !important; opacity: 1;}
  1013. .testimonial.swiper .swiper-pagination-bullet-active {  opacity: 1; background: #4e4e4e!important}
  1014. .testimonial.swiper .swiper-slide {padding:0 60px 0 0;cursor:grab}
  1015. .testimonial.swiper .foto {border-radius:90px;float:left; width:180px; height:180px;overflow:hidden; background:#fff;  padding:0;position:relative;margin-top:10px;overflow:hidden}
  1016. .testimonial.swiper .foto img {border-radius:90px;position:absolute; height:100%;width:auto;max-width:none;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
  1017. .testimonial.swiper .text {float:right; width:calc(100% - 180px);  border-radius:0 2px 2px 0; padding:0 20px 15px 40px}
  1018. .testimonial.swiper .text > * {margin-top:0}
  1019. .testimonial.swiper .text h3 {margin:0; color:var(--UHH0271bb-hellblau); font-family:TheSansUHHBoldCaps;}
  1020. .testimonial.swiper .text p.zusatz {margin:0 0 20px 0; font-family:TheSansUHHBoldCaps;}
  1021. .testimonial.swiper .text p.link {margin-top:25px}
  1022. .testimonial.swiper .text *:last-child {margin-bottom:0}
  1023. .testimonial .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset}
  1024. .testimonial .swiper-slide a { display:none }
  1025. .testimonial .swiper-slide.swiper-slide-active a { display:inline }
  1026. .testimonial .swiper-slide:focus {box-shadow:none!important;outline:none!important }
  1027.  
  1028. @media only screen and (max-width:1400px) {
  1029. .testimonial-swiper-wrapper button {display:none}
  1030. .testimonial.swiper .swiper-slide {padding:0}
  1031. }
  1032.  
  1033. /*logo Slider*/
  1034.  
  1035. .logo-slider {height:auto!important; overflow:hidden; margin-top:160px; height:85px}
  1036. .logo-slider .slides {width:calc(100% - 176px); margin:0px 88px}
  1037. .logo-slider .slide {float:left }
  1038. .logo-slider .slick-prev, .logo-slider .slick-next {border:0; padding:0; overflow:hidden; color:transparent; background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-weiss-663389f3e56879ff69e9cf9eae9f3cecce5e6bad3e5ce1088755dc620abe9e13.svg"); background-position:center center; background-color:#0271bb; background-size:30px 60px; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-41px; width:88px; text-align:center; color:transparent; line-height:82px; height:82px; cursor:pointer; z-index:1}
  1039. .logo-slider .slick-prev {left:-88px; transform:rotate(180deg)}
  1040. .logo-slider .slick-next {right:-88px}
  1041. .logo-slider .slick-slide {text-align:center }
  1042. .logo-slider .slick-slide img {margin:auto; max-height:100%; max-width:100% }
  1043.  
  1044. .logo-slider-container {position:relative;margin-top: 160px;height:60px;}
  1045.  
  1046. .extern .unten  .outer .logo-slider-container {position: relative; margin-left: auto; margin-right: auto; max-width: 1258px; margin-top: 80px;}
  1047.  
  1048. .extern .unten  .outer .logo-slider-container .swiper{margin-bottom: 80px; overflow:hidden;}
  1049.  
  1050. .swiper.logo-slider {left: 88px; top: 0; height: 85px; width: calc(100% - 176px); padding: 0; position: absolute; overflow: hidden;margin:0;}
  1051.  
  1052. .logo-slider .swiper-wrapper {width:100%;}
  1053. .logo-slider .swiper-slide a {display: inline-block; width: 100%; margin:2px;}
  1054. .logo-slider .swiper-slide img {margin:auto; max-height:100%; max-width:100% }
  1055. .logoswiper-prev, .logoswiper-next {border:0; padding:0; overflow:hidden; color:transparent; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg"); background-position:center center; background-size:64px 64px; background-repeat:no-repeat; position:absolute; width:88px; text-align:center; background-color: #0271bb; height:88px; width:88px; cursor:pointer; z-index:1}
  1056. .logoswiper-prev:hover, .logoswiper-next:hover {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  1057. .logoswiper-prev:focus, .logoswiper-next:focus {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  1058. .logoswiper-prev {left:0;}
  1059. .logoswiper-next {right:0; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH}
  1060.  
  1061. .s .logo-slider-container {margin-top: 80px;}
  1062. .s .swiper.logo-slider {left: 20px; height: auto; width: 120%; position:relative;}
  1063. .s .logo-slider .slide {padding:4px 10px;}
  1064. .s .logoswiper-prev, .s .logoswiper-next {display:none}
  1065.  
  1066. .js .uhh-tabs{opacity:0;transition:opacity 0.2s}
  1067.  
  1068.  
  1069. /*social*/
  1070. .social-teaser {margin-top:130px; padding-top:68px; padding-bottom:130px;min-height:500px}
  1071.  
  1072. /*V4 Hometeaser*/
  1073.  
  1074. .hometeaser {margin-top:32px; margin-bottom:60px}
  1075. .hometeaser ul {padding:0; margin:0; list-style-type:none; font-size:0}
  1076. .hometeaser ul li {float:left; min-width:22.9%; width:22.9%; margin-left:0}
  1077. .hometeaser ul li + li {margin-left:2.8%}
  1078. .hometeaser ul li a {float:left; border-radius:200px; width:100%; font-family:TheSansUHHBoldCaps, sans-serif; font-size:48px; line-height:0.9em; color:#fff; overflow:hidden}
  1079. .hometeaser ul li a:hover {outline:none}
  1080. .hometeaser ul li a:focus {outline:none}
  1081.  
  1082. @media only screen and (max-width:1300px) {
  1083. .hometeaser ul li a {font-size:3.69vw}
  1084. }
  1085. .hometeaser ul li img {display:block; width:100%}
  1086. .hometeaser ul li .titel {position:absolute; top:0; left:0; height:100%; width:100%; display:block; text-align:center; background-size:0; background-repeat:no-repeat}
  1087. .hometeaser ul li a:hover .titel {background-size:contain!important}
  1088. .hometeaser ul li a:focus .titel {border:1px solid transparent; background-size:contain!important}
  1089. .hometeaser ul li .titel span {display:table; width:100%; height:100%}
  1090. .hometeaser ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal}
  1091.  
  1092. .hometeaser-5 {margin-top:32px; margin-bottom:60px}
  1093. .hometeaser-5 ul {padding:0; margin:0; list-style-type:none; font-size:0}
  1094. .hometeaser-5 ul li {;border-radius:200px;float:left; min-width:18%; width:18%; margin-left:0;overflow:hidden}
  1095. html:not(.s) .hometeaser-5 ul li:before {content:"";float:left;position:relative;left:-1px;width:0;padding-top:100%}
  1096. .hometeaser-5 ul li + li {margin-left:2.5%}
  1097. .hometeaser-5 ul li a {float:left; border-radius:200px; width:100%; font-family:TheSansUHHBoldCaps, sans-serif; font-size:36px; line-height:0.95em; color:var(--UHHfff-fff); overflow:hidden}
  1098.  
  1099. @media only screen and (max-width:1300px) {
  1100. .hometeaser-5 ul li a {font-size:2.8vw}
  1101. }
  1102. .hometeaser-5 ul li img {display:block; width:100%;color:transparent}
  1103. .hometeaser-5 ul li .titel {display:none;position:absolute; top:0; left:0; height:100%; width:100%; display:block; text-align:center; background-size:0; background-repeat:no-repeat}
  1104. .hometeaser-5 ul li a:hover .titel {background-size:contain!important}
  1105. .hometeaser-5 ul li a:focus .titel {border:1px solid transparent; background-size:contain!important}
  1106. .hometeaser-5 ul li .titel span {display:table; width:100%; height:100%}
  1107. .hometeaser-5 ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal; padding:10px}
  1108.  
  1109. .formbutton {cursor:pointer;border: 2px solid transparent;font-size: 17px;margin: 0px; margin-left: 0px; font-family: TheSansUHHBoldCaps,sans-serif;text-align: center; padding: 0 15px; min-width: 150px; height: 35px; padding-bottom:2px}
  1110. .formbutton.blau, .cookie-consent--edit { background-color: RGB(2, 113, 187); color: rgb(255, 255, 255)}
  1111. .formbutton.blau:hover,
  1112. .formbutton.blau:focus { border: 2px solid RGB(2, 113, 187); background-color: rgb(255, 255, 255); color: rgb(51, 51, 51)}
  1113. .formbutton.grau { background-color: rgb(238, 238, 238); color: rgb(79, 79, 79)}
  1114. .formbutton.grau:hover,
  1115. .formbutton.grau:focus { border: 2px solid rgb(102, 102, 102)}
  1116.  
  1117. /*V4 Tooltip*/
  1118.  
  1119. .tooltipbutton {position:relative; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 2px; margin-left: 12px; width: 24px; height: 20px; }
  1120. .tooltipbutton button {position:relative; cursor: pointer; display: inline-block; vertical-align: top; width: 24px; height: 20px; border: none; background: none; background-repeat: repeat;   background-image: none; background-size: auto; background-repeat: no-repeat; background-size: contain; background-image: url("https://assets.rrz.uni-hamburg.de/assets/info-icon-155dbf3bfdceb86368104cd9e3bb66e3e539df9782d262083ecf006a9a6637f8.svg");}
  1121. h1 .tooltipbutton {margin-top:14px;}
  1122. .m h1 .tooltipbutton {margin-top:8px;}
  1123. .s h1 .tooltipbutton {margin-top:8px;}
  1124. .tooltipbutton + p {display:none; margin:0; position:relative; padding:20px; font-size:16px; line-height:24px; position:absolute; width:60vw; max-width:500px !important; text-align:left; color:#fff; background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); font-family:"TheSansUHH"}
  1125. .tooltipbutton.hidden + p {visibility:hidden;}
  1126. .tooltipbutton.on + p {display:block;}
  1127. .tooltipbutton + p a {color:#fff;}
  1128. .tooltipbutton + p span.tooltiparrow {color:#fff;}
  1129. .tooltipbutton + p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;}
  1130. .tooltipbutton + p span.tooltiparrow:after {content:""; position:absolute; width:20px; height:20px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);}
  1131. .tooltipbutton.up + p span.tooltiparrow {top:100%;}
  1132. .tooltipbutton.up + p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);}
  1133.  
  1134. .tooltipbutton p {display:none; z-index:1; margin:0; position:relative; padding:20px; font-size:16px; line-height:24px; position:absolute; width:60vw; max-width:500px !important; text-align:left; color:#fff; background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); font-family:"TheSansUHH"}
  1135. .tooltipbutton.hidden p {visibility:hidden;}
  1136. .tooltipbutton.on p {display:block;}
  1137. .tooltipbutton p a {color:#fff; text-decoration: underline;}
  1138. .tooltipbutton p span.tooltiparrow {color:#fff;}
  1139. .tooltipbutton p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;}
  1140. .tooltipbutton p span.tooltiparrow:after {content:""; position:absolute; width:20px; height:20px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);}
  1141. .tooltipbutton.up p span.tooltiparrow {top:100%;}
  1142. .tooltipbutton.up p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);}
  1143.  
  1144.  
  1145. #uhhjobs,#uhhjob{min-height:600px}
  1146. /*V5 pressemeldung*/
  1147.  
  1148. .outer > .pressemeldung {border-top:1px solid #ddd; padding:45px 0; margin:0 !important}
  1149. .outer > .pressemeldung.first {border-top:1px solid #ddd; margin-top:30px !important}
  1150. .outer > .pressemeldung a {color:#4e4e4e;}
  1151. .outer > .pressemeldung .content {max-width:700px; display:block;}
  1152. .outer > .pressemeldung .content:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;}
  1153. .outer > .pressemeldung .datum {font-family:TheSansUHHBold, sans-serif}
  1154. .outer > .pressemeldung .datum span {display:inline-block; padding:0 16px}
  1155. .outer > .pressemeldung h2 {font-size:22px !important; margin-bottom:30px !important; margin-top:18px !important; line-height:24px !important; font-family:TheSansUHHBold, sans-serif; font-weight:normal}
  1156. .outer > .pressemeldung h2 a {color:#4e4e4e}
  1157. .outer > .pressemeldung a:hover h2 {text-decoration:underline;}
  1158. .outer > .pressemeldung .image {float:left; width:43%; margin-right:4%}
  1159. .outer > .pressemeldung .image img {width:100%}
  1160. .outer > .pressemeldung .image a {display:block; position:relative}
  1161. .outer > .pressemeldung .image a:hover {outline:none}
  1162. .outer > .pressemeldung .image a:focus {outline:none}
  1163. .outer > .pressemeldung .image a:focus:before {content:" "; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid #000;}
  1164. .outer > .pressemeldung .image .bildnachweis {text-align:right; font-size:12px; line-height:1em; margin-top:2px}
  1165. .outer > .pressemeldung .video {float:left; width:43%; margin-right:4%}
  1166. .outer > .pressemeldung .video .pad {float:left; width:1px; padding-top:56%}
  1167. .outer > .pressemeldung .video.lecture2go {position:relative}
  1168. .outer > .pressemeldung .video.lecture2go video {width:100%; height:100%; position:absolute; top:0}
  1169. .outer > .pressemeldung .video.youtube {position:relative}
  1170. .outer > .pressemeldung .video.youtube img {width:100%; height:100%; position:absolute; top:0}
  1171. .outer > .pressemeldung .video.youtube iframe {width:100%; height:100%; position:absolute; top:0}
  1172. .outer > .pressemeldung .text {margin-top:-6px}
  1173. .outer > .pressemeldung .text .more {margin-top:16px}
  1174. .outer > .pressemeldung .text .more a:after {content:" >"; color:#c40017}
  1175. .outer > .pressemeldung .text .hinweis {border:none; padding:0; margin-top:12px; font-size:14px; font-family:TheSansUHHItalic}
  1176.  
  1177. .outer > .button {margin-top:60px}
  1178. .outer > .button a {border:1px solid #4e4e4e; padding:11px 28px; color:#4e4e4e}
  1179. .s .studiengaenge h1{margin-top: -20px !important;margin-bottom: 35px !important;}
  1180. .m .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;}
  1181. .l .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;}
  1182.  
  1183.  
  1184. .out-of-service div:before{content:"";float:right; width:350px;max-width:35%;height:350px;margin-left:50px;;background-image:url("https://assets.rrz.uni-hamburg.de/assets/out-of-service-733x414-1-e9dafd30d6152ea18ab689a5b7d90e4cb849005edda036f00e77acc651308ec8.png");background-repeat:no-repeat; background-position:top right;background-size:contain}
  1185. .out-of-service h1{max-width:700px;margin:15px 0 60px}
  1186. .out-of-service h1 ~ h1{margin-top:45px}
  1187. .s .out-of-service{margin:0 20px}
  1188. .s .out-of-service div:before{display:inline-block;margin:0;float:none;max-width:none; width:100%;height:0;padding-top:60%;;background-position:center}
  1189.  
  1190. .calltoaction { cursor:pointer; width: auto !important;  text-decoration: none !important;  border: 0;  display: inline-block !important;  font-family: TheSansUHHBoldCaps, sans-serif;  font-size: 20px !important;  color: var(--UHHfff-hellgrau);  background-color: #0271bb;  padding: 12px 30px 13px!important;  text-align:center;  max-width: 100%;  white-space: normal;  line-height: 1.25em;}
  1191. .s .calltoaction {  padding: 10px 20px 10px!important;  font-size: 18px !important;}.calltoaction:hover{text-decoration: underline !important;}
  1192.  
  1193. #blender {display:none; top:0; position:fixed; left:0; width:100vw; height:100vh; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); z-index:999; padding-top:60px}
  1194. #blenderContent {color:black; max-width:700px; padding:32px 32px 62px 32px; border:3px solid #007bd1; margin:5% auto 15% auto; position:relative; width:80%; background-color:white}
  1195. #blenderContent a {position:absolute; bottom:16px; right:12px; color:var(--UHHfff-hellgrau); padding-top:9px; padding-bottom:9px; padding-left:33px; padding-right:33px; background-color:#0271bb}
  1196. #blenderContent a:hover {text-decoration:none; color:black; background-color:white; border:1px solid gray; padding-top:8px; padding-bottom:8px; padding-left:32px; padding-right:32px}
  1197.  
  1198. .spalte.links .veranstaltungen{visibility:visible;margin-top:54px}
  1199. .spalte.links ._rechts._oben + .outer > a + .veranstaltungen{margin-top:0px}
  1200. .spalte.links .veranstaltungen h2 {margin-bottom:0 !important; padding:0 14px; font-size:22px !important; height:34px; line-height:34px !important; font-family:TheSansUHHSemiLightCaps !important}
  1201. .s .spalte.links .veranstaltungen h2 {padding:0 20px;}
  1202. .spalte.links .veranstaltungen h2.monatsname {background-color:#f0f0f0; margin:0 0 15px 0}
  1203. .spalte.links .veranstaltungen .veranstaltung {padding:30px 0 60px 0; border-bottom:1px solid #e4e4e4;margin-top:0!important}
  1204. .s .spalte.links .veranstaltungen .veranstaltung {padding:30px 20px 60px}
  1205. .spalte.links .veranstaltungen .veranstaltung h3 {font-size:22px; margin-top:25px; margin-bottom:20px}
  1206. .spalte.links .veranstaltungen h3 a {color:#4E4E4E; display:block;}
  1207. .spalte.links .veranstaltungen h3 a:hover {text-decoration:underline !important;}
  1208. .spalte.links .veranstaltungen .zeit,
  1209. .spalte.links .veranstaltungen .ort {font-family:TheSansUHHBold;margin:0}
  1210. .spalte.links .veranstaltungen .veranstaltung .tags {margin:25px 0 20px 0;}
  1211. .spalte.links .veranstaltungen .veranstaltung .tags:after {content:"";display:table;width:100%}
  1212. .spalte.links .veranstaltung .tags {margin:15px 0; padding:0 !important}
  1213. .spalte.links .veranstaltung .inhalt {clear:left;}
  1214.  
  1215.  
  1216. .spalte.links .veranstaltungen .monat.hide, .spalte.links .veranstaltungen .monat .veranstaltung.hide {display: none;}
  1217. .spalte.links .veranstaltung .tags li:before{content: none !important}
  1218. .spalte.links .veranstaltung .tags a:hover,
  1219. .spalte.links .veranstaltung .tags a:focus{outline-color:#4E4E4E}
  1220. .spalte.links .outer > .veranstaltung .tag {cursor:pointer;display:block!important;float:left; margin:0 4px 20px 0; background-color:#f0f0f0; font-size:13px; height:30px; line-height:30px; padding:0 10px; color:#4e4e4e; text-decoration:none}
  1221. .spalte.links .veranstaltungen .tags li {position:relative;float:left; margin:0 4px 4px 0; background-color:#f0f0f0; font-size:13px; height:30px; line-height:30px; padding:0 10px; color:#4e4e4e; text-decoration:none}
  1222. .spalte.links .veranstaltungen .tags li:hover{text-decoration:underline}
  1223. .spalte.links .veranstaltungen .tags li .tag{position:absolute;top:0;right:0;bottom:0;left:0}
  1224.  
  1225. .spalte.links .veranstaltungen .mehr {padding-top:14px;margin:0}
  1226. .spalte.links .veranstaltungen .mehr a:hover {text-decoration:underline !important;}
  1227. .veranstaltung .info p{margin:0}
  1228. .s .outer > .veranstaltung{padding:0 16px}
  1229. .eventsform{visibility:visible}
  1230. .eventsform {position:relative; width:auto!important; float:none!important; margin-top:14.4px!important}
  1231. .l .eventsform:not(:first-child){margin-top:30px!important}
  1232. /* .s .eventsform:after,.m .eventsform:after {content:attr(data-h1); font-size:20px; padding:24px 14px 10px 14px; line-height:1.25em; display:block; font-family:TheSansUHHBold,sans-serif; font-weight:normal} */
  1233. .s body.event h1,.m body.event h1,.s body.events h1,.m body.events h1 {position:absolute; left:-5000px; top:0}
  1234.  
  1235. .eventsform .suche {background-color:#f0f0f0}
  1236. .eventsform .suche h2 {hyphens:none; position:relative; font-size:21px; font-family:TheSansUHHSemiLightCaps; padding:00; line-height:60px!important; margin:0; border-bottom:1px solid #fff}
  1237. .s .eventsform .suche h2:before,.m .eventsform .suche h2:before {transition:transform 0.1s; content:""; position:absolute; right:20px; top:14px; width:30px; height:30px;
  1238. background-position:center; background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg")
  1239. }
  1240. .s .eventsform .suche h2:before,.m .eventsform .suche h2:before {right:73px}
  1241. .s .eventsform .suche.zu h2:before,.m .eventsform .suche.zu h2:before {transform:rotate(0deg)}
  1242. .s .eventsform .suche.auf h2:before,.m .eventsform .suche.auf h2:before {transform:rotate(-180deg)}
  1243. .eventsform .suche h2 a {position:relative; padding:0 20px;text-decoration:none!important;display:block}
  1244. html:not(.l) .eventsform .suche h2 a:focus {box-shadow:0 0 0 2px var(--UHH0271bb-fff) inset!important}
  1245. .eventsform .suche form {margin:30px 20px 20px 20px;}
  1246. .eventsform .suche form input,.events.suche form select {outline:0; border-radius:0}
  1247. .eventsform .suche form input.q {margin-bottom:26px; font-family:TheSansUHH; color:#444; border:1px solid #cdcdcd; padding:0 10px; height:45px; line-height:45px; font-size:12px; width:100%}
  1248. .eventsform .suche form select::-ms-expand {display:none}
  1249. .eventsform .suche form select {margin-bottom:26px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:TheSansUHH,sans-serif; color:#444;
  1250. border:1px solid #cdcdcd; padding:0 6px; height:45px; font-size:11px; width:100%;
  1251. background-position:95% center;
  1252. background-repeat:no-repeat;
  1253. background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg")
  1254. }
  1255. .s .eventsform .suche.zu form,.m .eventsform .suche.zu form {display:none}
  1256. .eventsform .suche form select option:first-child {padding:6px 9px 3px 9px}
  1257. .eventsform .suche form select option {padding:3px 9px}
  1258. .eventsform .suche form select option:last-child {padding:3px 9px 6px 9px}
  1259. .eventsform .suche form .datum {}
  1260. .eventsform .suche form .datepickerHolder:first-child {margin-right:12px}
  1261. .eventsform .suche form .datepickerHolder {position:relative; float: left; width: calc(50% - 6px);}
  1262. .eventsform .suche form .datum input {width:100%;margin-bottom:26px; font-family:TheSansUHH; color:#444; border:1px solid #cdcdcd; padding:0 10px; height:45px; line-height:45px; font-size:12px}
  1263. .eventsform .suche form .datepickerHolder button[aria-label="Datum leeren"] {display: none;}
  1264. .eventsform .suche form .datepickerHolder button[aria-label="clear date"] {display: none;}
  1265.  
  1266. .eventsform .suche form .datum select {float:left; width:calc(50% - 6px)}
  1267. .eventsform .suche form .datum select:first-child {margin-right:12px}
  1268. .eventsform .suche dl.zielgruppe {margin:0 0 24px 0; display:none}
  1269. .eventsform .suche dt {font-size:18px; font-family:TheSansUHHSemiLightCaps; margin-bottom:10px}
  1270. .eventsform .suche dd {margin:0 0 9px 0}
  1271. .eventsform .suche input[type="checkbox"]:checked, .events.suche input[type="checkbox"]:not(:checked) {visibility:hidden; position:absolute; left:-5000px }
  1272. .eventsform .suche input[type="checkbox"]:checked + label, .events.suche input[type="checkbox"]:not(:checked) + label {cursor:pointer; position:relative; padding-left:19px; display:block; line-height:1.25em }
  1273. .eventsform .suche input[type="checkbox"]:checked + label:before, .events.suche input[type="checkbox"]:not(:checked) + label:before {box-sizing:border-box; content:''; width:13px; height:13px; position:absolute; left:0; top:1px; border:1px solid #cdcdcd; background-color:#fff; background-repeat:no-repeat; background-position:center; }
  1274. .eventsform .suche input[type="checkbox"]:checked + label:hover:before, .events.suche input[type="checkbox"]:not(:checked) + label:hover:before {border:1px solid #bbb}
  1275. .eventsform .suche input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd!important}
  1276. .eventsform .suche input[type="checkbox"]:checked + label:before {background-image:url("https://assets.rrz.uni-hamburg.de/assets/checkbox-ok-4823368d8c7d7ce69da786a5d89f8793e5c12e005f85e7ab3b89fc53edb5d53e.svg") }
  1277. .eventsform .suche form input[type="submit"] {width:100%; margin-top:10px; margin-bottom:14px; float:right; border:0; background-color:#767676; font-family:TheSansUHHSemiLightCaps; color:#fff; padding:0 36px; height:30px; font-size:18px}
  1278. .eventsform .suche .link {font-size:11px; color:#c40017; text-decoration:none}
  1279. .eventsform .add,.eventsform .rss {margin-top:24px; margin-bottom:24px; position:relative; line-height:56px; height:56px}
  1280. .eventsform .add a, .eventsform .rss a {display:block; width:100%!important; height:100%; color:var(--UHHfff-fff)}
  1281. .eventsform .add a {text-align:left;padding-left:63px !important;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-neue-veranstaltung-36x36-dcb3cd0415b6abf80757b58958017a8a5457a8df1a16c1ff6caca6807346946a.svg");background-position:20px center;background-repeat:no-repeat}
  1282. .eventsform .rss {background-color:#F5A623}
  1283. .eventsform .rss a {font-family:TheSansUHHBoldCaps; font-size:24px; padding-left:63px;}
  1284. .eventsform .rss a:after {content:""; position:absolute; left:116px; top:10px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/rss_weiss-be184a6f74ec484ce6a66a816544578e74ebd45032553993950efdba5fec8e3e.svg"); width:36px; height:36px; background-size:contain}
  1285.  
  1286. .s ._rechts .eventsform .buttons .add,.m ._rechts .eventsform .buttons .add {float:none; margin:0; position:absolute; right:0px; top:0px; width:60px; height:60px; }
  1287. .s ._rechts .eventsform .buttons .add a,.m ._rechts .eventsform .buttons .add a{overflow:hidden;height:60px;width:60px!important;padding-left:0!important;font-size:0px!important;background-position:center!important}
  1288. .s ._rechts .eventsform .buttons .add img,.m ._rechts .eventsform .buttons .add img {display:none}
  1289. .s ._rechts .eventsform .buttons .rss,.m ._rechts .eventsform .buttons .rss {display:none}
  1290.  
  1291. .eventsform .suche form input::placeholder{ color: #333!important; opacity: 1!important}
  1292. .eventsform .suche form input::-webkit-input-placeholder{ color: #333!important; opacity: 1!important}
  1293. .eventsform .suche form input:-ms-input-placeholder{ color: #333!important; opacity: 1!important}
  1294. .eventsform .suche form input::-ms-input-placeholder{ color: #333!important; opacity: 1!important}
  1295. .eventsform .suche form select{ color: #333!important}
  1296.  
  1297. .veranstaltung{visibility:visible;margin-top:30px !important}
  1298. .veranstaltung h2.zeit,.veranstaltung h2.ort {font-size:20px; margin:8px 0}
  1299. .veranstaltung .info h2 {margin-top:50px}
  1300.  
  1301. html:not(.l) #zurveranstaltungssuche,
  1302. html:not(.l) #zurveranstaltungsliste {display:none!important}
  1303. .SciDatepicker .datepickerDialog {display: none }
  1304.  
  1305. .m .nomobil,
  1306. .s .nomobil {display:none}
  1307. .s .nosmobil {display:none !important}
  1308.  
  1309. @media only screen and (max-width: 994px) {
  1310. #bildgalerie .sliderContainer,
  1311. #bildgalerie .linie{display:none}
  1312. }
  1313.  
  1314. /*<fiona only>*/
  1315. @media only screen and (max-width: 994px) {
  1316. .v4-links #bildgalerie.gallerywide .sliderContainer,
  1317. .v4-links  #bildgalerie.gallerywide .linie{display:none}
  1318. }
  1319. /*</fiona only>*/
  1320.  
  1321. /*Template*/
  1322.  
  1323. .l #seite,
  1324. .l header,
  1325. .l section.nav{min-width:1200px !important}
  1326. .s #seite{max-width:640px !important;margin:auto}
  1327. .tab-box .oap-result-block > header {min-width:0 !important}
  1328.  
  1329. html:not(.l) .extern #meta{background:#0271bb}
  1330. html:not(.l) .extern header nav.rechts .link {display:none}
  1331. html:not(.l) .extern header nav.rechts .quick,
  1332. html:not(.l) .extern header nav.rechts .sprache {display:table-cell}
  1333. html:not(.l) .extern #meta nav > ul > li > a {color:#fff; width:50px}
  1334.  
  1335. html:not(.l) #meta #quickmenuschalter {outline:1px dotted #fff}
  1336.  
  1337. .s header .logos .text {width: calc(100% - 155px)}
  1338. html:not(.l) header .logos .text img{max-height:45px; margin-bottom:4px;max-width:100%}
  1339.  
  1340. .m .extern #inhalt {margin-top: 144px}
  1341.  
  1342. .m main .spalten .spalte.links {float:none; width:100%}
  1343. .m main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0}
  1344. .s main {padding:0}
  1345. .s #pfad {display: none}
  1346.  
  1347. .s section.oben .subsite {font-size: 35px}
  1348.  
  1349. .m section.global.konferenz .liste ul {width: calc(33.33% - 25px)}
  1350. .m section.global.konferenz .liste ul:nth-child(4) {clear:left; margin-left:0; margin-top:68px}
  1351. .m section.global.konferenz .liste ul:nth-child(5),
  1352. .m section.global.konferenz .liste ul:nth-child(6) {margin-top:68px}
  1353.  
  1354. .m section.global .liste {padding-bottom:10px}
  1355.  
  1356. .s section.nav {display: none}
  1357. .s main .spalten .spalte.links {float:none; width:100%}
  1358. .s main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0}
  1359. .s .volle-breite main .spalten .spalte.links .outer:not(.h1) {padding: 0}
  1360. .s .home section.oben {margin-bottom:0}
  1361. .s footer .social {padding: 23px 16px;margin-top:5px}
  1362. .s section.social li {width: 30px; height: 30px}
  1363. .s section.social li + li {margin-left: calc((100% - 7 * 30px) / 6)}
  1364. .s section.global .liste {padding:35px 20px 10px}
  1365. .s section.global .liste ul {float: none; width: 100%; margin-bottom:35px}
  1366. .s section.global.konferenz .liste ul {float: none; width: 100%; margin-bottom:35px}
  1367. .s section.global .ende {padding: 40px 20px 54px; font-size:12px}
  1368. .s section.global .ende .copyright {margin-top: 20px; margin-bottom: 0px}
  1369. .global .audits {position:absolute;bottom:5px; right:0px; }
  1370. .s section.global.konferenz .liste ul + ul {margin-left: 0}
  1371. .s section.global:not(.konferenz) .ende .breite{padding-top: 100px}
  1372. .s section.global:not(.konferenz) .ende .audits{top:0;left:0;bottom:auto;width: 100%;font-size:0;}
  1373. .s section.global:not(.konferenz) .ende .audits > div{float:none; display:inline-block;margin-left:0;transition: all 0.25s}
  1374. .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:15px}
  1375. @media only screen and (max-width: 412px) {
  1376. .s section.global:not(.konferenz) .ende .audits > div{width:70px;height:70px}
  1377. .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:12px}
  1378.  
  1379. }
  1380. @media only screen and (max-width: 360px) {
  1381. .s section.global:not(.konferenz) .ende .audits > div{width:60px;height:60px}
  1382. .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:10px}
  1383.  
  1384. }
  1385. @media only screen and (max-width: 710px) {
  1386. .m section.global:not(.konferenz) .ende  .copyright{max-width:calc(100% - 300px)}
  1387.  
  1388. }
  1389. .s main .unten {margin: 48px 0 0 0}
  1390. .s section.unten > .social {background: #fff; padding: 23px 16px}
  1391. .s section.unten > .social a {width: 30px; height: 30px}
  1392. .s section.unten > .social a + a {margin-left: calc(25% - 39px)}
  1393.  
  1394. .m h1,
  1395. .s h1{font-size:28px}
  1396.  
  1397. /* Slider */
  1398.  
  1399. .m .slider-start .full-width-slider .slide .bildnachweis {bottom:0}
  1400. .m .slider-start .full-width-slider.scaling .control {bottom:30px}
  1401. .m .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;}
  1402. .m .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px) !important;}
  1403.  
  1404. .m .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);}
  1405. .m .full-width-slider .slick-dots li.slick-active button {background-color:#fff;}
  1406. .m .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");}
  1407. .m .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");}
  1408. .m .slider-home .full-width-slider .slide .text {max-width: none !important; left:40px; padding:70px 20px 40px 20px; min-height:294px; bottom:auto !important }
  1409.  
  1410. .m .full-width-slider .slide .text h2 {font-size: 36px; padding: 22px 26px;}
  1411. .m .full-width-slider .slide .text h3 {font-size: 36px; padding: 22px 26px;}
  1412. .m .slider-home .full-width-slider .slide .text h2 {font-size: 40px; padding:12px 0}
  1413. .m .slider-home .full-width-slider .slide .text h3 {font-size: 40px; padding:12px 0}
  1414. .m .slider-home .full-width-slider .slide .text .beschreibung {font-size: 28px; padding:12px 0}
  1415. .m .full-width-slider .slide .text {max-width: none !important}
  1416. .m .full-width-slider .slide .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px}
  1417. .m .full-width-slider .slide .text .button a:after{right: 16px}
  1418. .m .full-width-slider .slide .text .button span{padding:16px 40px 16px 26px;}
  1419. .m .full-width-slider .slide .text .button span:after{right: 22px;;}
  1420. .m .slider-inhalt .full-width-slider:not(.scaling) .royalSlider,.m .slider-news .full-width-slider:not(.scaling) .royalSlider,.m .full-width-slider.height-2 .rsOverflow{height: 300px !important}
  1421.  
  1422. .m .slider-start .full-width-image .bildnachweis {bottom:0}
  1423. .m .full-width-image .text h2 {font-size: 36px; padding:22px 26px}
  1424. .m .full-width-image .text {max-width: none !important}
  1425. .m .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px}
  1426. .m .full-width-image .text .button a:after{right: 16px}
  1427.  
  1428. .m .slider-start .full-width-image.scaling .text {bottom:30px;}
  1429. .s .slider-start .full-width-image.scaling .text {bottom:30px;}
  1430.  
  1431.  
  1432. .s .slider-home .newsrubriken {margin-top:0}
  1433.  
  1434.  
  1435.  
  1436. .s .slider-start .full-width-slider .slide .bildnachweis {bottom:0}
  1437. .s .slider-start .full-width-slider.scaling .control {bottom:36px}
  1438. .s .slider-karte .full-width-image .bild{height: 500px !important}
  1439. .s .slider-home .full-width-image .bild{height: 400px !important}
  1440. .s .slider-start .full-width-image .bild{height: 400px !important}
  1441. .s .slider-inhalt .full-width-image .bild{height: 200px !important}
  1442. .s .slider-news .full-width-image .bild{height: 200px !important}
  1443.  
  1444. .s .slider-karte .full-width-slider .slide{height: 500px !important; }
  1445. .s .slider-home .full-width-slider .slide{}
  1446. .s .slider-start .full-width-slider .slide{height: 400px !important; }
  1447. .s .slider-inhalt .full-width-slider .slide{height: 200px !important; }
  1448. .s .slider-news .full-width-slider .slide{height: 200px !important; }
  1449. .s .full-width-slider .slide .bild{height:100%}
  1450.  
  1451. .s .full-width-slider .slide .bild{height:100%}
  1452. .s .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;}
  1453. .s .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px);}
  1454. .s .slider-news .full-width-slider.scaling .control {top:calc(25vw + 16px);}
  1455. .s .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);}
  1456. .s .full-width-slider .slick-dots li.slick-active button {background-color:#fff;}
  1457. .s .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");}
  1458. .s .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");}
  1459. .s .full-width-slider .slide .text {max-width: none !important; left: 40px; padding-right: 40px; bottom:83px !important;}
  1460. .s .slider-home .full-width-slider .slide .text {max-width: none !important; left:40px; padding:70px 20px 40px 20px; min-height:280px; bottom:auto !important }
  1461. .s .full-width-slider .slide .text h2 {font-size: 28px; width: 100%; margin-bottom:0;}
  1462. .s .full-width-slider .slide .text h3 {font-size: 28px; width: 100%;margin-bottom:0;}
  1463. .s .full-width-slider .slide .text .beschreibung {font-size: 18px;width:100%; padding-top:0; padding-bottom:16px;padding-left:18px}
  1464. .s .slider-home .full-width-slider .slide .text h2,
  1465. .s .slider-home .full-width-slider .slide .text h3 {font-size: 30px; padding:12px 0; width:100%; margin:0;}
  1466. .s .slider-home .full-width-slider .slide .text .beschreibung {font-size: 20px;padding:0 0 16px 0; width:100%}
  1467. .s .full-width-slider .slide .text {max-width: none !important}
  1468. .s .slider-home .full-width-slider .slide .text .button {float:left;}
  1469. .s .slider-home .full-width-slider .slide .text .button span{background:none; padding:0 16px 0 0; color:#4e4e4e;}
  1470. .s .slider-home .full-width-slider .slide .text .button span:after {top:11px; right: 0px; background-size:8px 8px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_grau_bold-aefcf7415323c621a4e1c5a277bc96d4664a7fe4892bbb6281eaacbf54015ff0.svg")}
  1471. .s .volle-breite .full-width-slider .slick-dots {right:20px}
  1472. .s .slider-start .full-width-image .bildnachweis {bottom:0}
  1473. .s .full-width-image .text {max-width: none !important; left:40px; padding-right:40px}
  1474. .s .full-width-image .text h2 {font-size: 25px; padding:22px 26px; width:100%}
  1475. .s .full-width-image .text .beschreibung {font-size: 18px;padding:0 26px 16px 26px;margin-top: -8px; width:100%}
  1476. .s .full-width-image .text {max-width: none !important}
  1477. .s .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 26px 0 16px}
  1478. .s .full-width-image .text .button a:after{right: 10px}
  1479.  
  1480. .m section.oben .scaling + .outer .subsite,
  1481. .s section.oben .scaling + .outer .subsite {display:none}
  1482.  
  1483. /* Startseite */
  1484.  
  1485. .s .hometeaser-5 {margin-top:0}
  1486. .s .hometeaser-5 li {display: block; width: 100%;border-radius:0}
  1487. .s .hometeaser-5 ul li + li {margin-left: 0}
  1488. .s .hometeaser-5 li > a {display: block; position: relative; width: 100%; padding: 12px 20px; line-height: 33px; font-family: TheSansUHHBoldCaps; font-size: 6vw;color: #4e4e4e; background-color: #fff; border-bottom:1px solid rgb(215,215,215); border-radius:0}
  1489. .s .hometeaser-5 li > a:hover {text-decoration:underline !important;}
  1490. .s .hometeaser-5 li > a:after {content: ""; position: absolute; width: 26px; height: 26px; right: 28px; top: 50%; margin-top: -13px; background-image: url("https://assets.rrz.uni-hamburg.de/assets/pfeil-grau-ab032d92c44d00ed87f2c0f42fb9b260dc1870c22a70afe5c045d58261a4d6fe.svg"); background-size: contain; background-position: left; background-repeat: no-repeat}
  1491. .s .hometeaser-5 li > a img {display:none; position:absolute; width:20vw; margin-right:3vw;}
  1492. .s .hometeaser-5 .titel {position:absolute; left:0; top:0; text-align: left; position:relative; width:auto; padding-left:0; height:16vw;}
  1493. .s .hometeaser-5 ul li .titel span b {padding:0;}
  1494. .s .hometeaser-5 a:hover .titel,
  1495. .s .hometeaser-5 a:focus .titel {background:none}
  1496.  
  1497. .s main .spalten .spalte.abschluss .outer {padding:0;}
  1498. .s .outer .uebersicht {margin-top: -26px !important}
  1499. .s .newsrubriken li a {line-height:40px}
  1500. .s .outer > .uebersicht li a {padding-left:16px;}
  1501. .s .outer > .uebersicht li a:before {top:4px; background-size: 10px 10px;}
  1502.  
  1503. .s .logo-slider-container {margin-bottom: -60px;height:auto;}
  1504.  
  1505.  
  1506. /*Teaserelemente*/
  1507.  
  1508. .m .news-teaser-home .item,
  1509. .m .teaser-home3fach .item,
  1510. .m .teaser-3fach .item {width:48.2%}
  1511.  
  1512. .m .news-teaser-home .head + .item + .item + .item,
  1513. .m .teaser-home3fach .head + .item + .item + .item,
  1514. .m .teaser-3fach .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1515.  
  1516. .m .news-teaser-home .head + .item + .item + .item + .item,
  1517. .m .teaser-home3fach .head + .item + .item + .item + .item {margin-top:80px}
  1518.  
  1519. .m .news-teaser-home .head + .item + .item,
  1520. .m .teaser-home3fach .head + .item + .item,
  1521. .m .teaser-3fach .head + .item + .item {margin-left: 3.6%}
  1522.  
  1523. .m .news-teaser-home .item:first-child + .item + .item,
  1524. .m .teaser-home3fach .item:first-child + .item + .item,
  1525. .m .teaser-3fach .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1526.  
  1527. .m .news-teaser-home .item:first-child + .item,
  1528. .m .teaser-home3fach .item:first-child + .item,
  1529. .m .teaser-3fach .item:first-child + .item {margin-left: 3.6%}
  1530.  
  1531. .s .teaser-home3fach,
  1532. .s .teaser-home2fach,
  1533. .s .news-teaser,
  1534. .s .teaser-3fach,
  1535. .s .teaser-2fach {margin-top:48px !important}
  1536.  
  1537. .s .volle-breite .news-teaser h2 {font-size:30px; line-height:1.2em;}
  1538. .s .body{padding-left:20px; padding-right:20px}
  1539.  
  1540. .s .teaser-element .head {padding-left:20px; padding-right:20px}
  1541. .s .news-teaser .head {margin-bottom: 40px}
  1542.  
  1543. .s .einrichtung .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;}
  1544. .s .home .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;}
  1545. .s .teaser-element .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1546. .s .teaser-element .head a.rss {margin-left:13px; width:22px;display:inline; float:none}
  1547. .s .teaser-element .head a.rss img {width:22px;display:inline}
  1548.  
  1549. .s .news-teaser-home .item,
  1550. .s .teaser-home3fach .item,
  1551. .s .teaser-home2fach .item,
  1552. .s .teaser-3fach .item,
  1553. .s .teaser-2fach .item {float: none; width: 100%; display:block}
  1554.  
  1555. .s .news-teaser-home .item + .item,
  1556. .s .teaser-home3fach .item + .item,
  1557. .s .teaser-home2fach .item + .item,
  1558. .s .teaser-3fach .item + .item,
  1559. .s .teaser-2fach .item + .item {margin-left: 0; margin-top: 48px}
  1560.  
  1561. .s .teaser-element h2 {padding:0 20px}
  1562. .s .teaser-element .text {padding:0 20px}
  1563. .s .teaser-element .text + .more {padding:0 20px}
  1564.  
  1565. .s .home .teaser-element .text .rubrik {margin-bottom:5px}
  1566. .s .home .teaser-element .text .titel {margin-top:0px}
  1567.  
  1568. .s .teaser-element a.item:hover .text .titel {text-decoration:none}
  1569. .s .teaser-element .item .text .titel a:hover {text-decoration:none}
  1570.  
  1571. .s .news-teaser-home .more,
  1572. .s .teaser-home3fach .more,
  1573. .s .teaser-home2fach .more {padding:0 20px}
  1574.  
  1575. .s .teaser-element div.more a {}
  1576. .s .teaser-1fach .image .bildnachweis,
  1577. .s .teaser-element .item .image .bildnachweis,
  1578. .s .teaser-1fach-a .image .bildnachweis,
  1579. .s .pressemeldung .image .bildnachweis {margin-right: 20px}
  1580.  
  1581. /* Teaser */
  1582.  
  1583. .m .news-teaser.horizontal .item {width:48.2%}
  1584. .m .news-teaser.horizontal .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1585. .m .news-teaser.horizontal .head + .item + .item  {margin-left: 3.6%}
  1586. .m .news-teaser.horizontal .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1587. .m .news-teaser.horizontal .item:first-child + .item {margin-left: 3.6%}
  1588.  
  1589. .s .news-teaser.horizontal .item {float: none; width: 100%; display:block}
  1590. .s .news-teaser.horizontal .item + .item {margin-left: 0; margin-top: 48px}
  1591. .s .news-teaser .item .text > .datum {margin-top:15px}
  1592. .s .news-teaser.horizontal .more {padding:0 20px;margin-top:20px}
  1593.  
  1594. .s .news-teaser.vertikal .image {float: none; width: 100%}
  1595. .s .news-teaser.vertikal .item .video {width: 100%}
  1596. .s .news-teaser.vertikal .text {float: none; width: 100%; margin-left: 0}
  1597. .s .news-teaser.vertikal div.more {padding:0 20px}
  1598. .s .news-teaser.vertikal .more.oben {display:none}
  1599.  
  1600. .s .veranstaltungen-hometeaser h2{padding-left:20px; padding-right:20px; font-size:30px}
  1601. .s .veranstaltungen-hometeaser .head {padding-left:20px; padding-right:20px}
  1602. .s .veranstaltungen-hometeaser .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1603. .s .veranstaltungen-hometeaser .head a.rss img{width:22px;display:inline}
  1604. .s .veranstaltungen-hometeaser.slider .slides {padding: 0 20px}
  1605. .s .veranstaltungen-hometeaser div.more a{float: right; clear: right}
  1606. .s .veranstaltungen-hometeaser div.more a + a{margin-bottom:24px}
  1607.  
  1608. .m .veranstaltungen-teaser.horizontal li {width:48.2%}
  1609. .m .veranstaltungen-teaser.horizontal ul + li + li + li {margin-left: 0%; clear:left; margin-top:80px}
  1610. .m .veranstaltungen-teaser.horizontal ul + li + li {margin-left: 3.6%}
  1611.  
  1612. .s .veranstaltungen-teaser {margin-top:48px; padding:0 16px}
  1613. .s .veranstaltungen-teaser.horizontal ul li {float: none; width: 100%}
  1614. .s .veranstaltungen-teaser.horizontal ul li + li {margin-left: 0}
  1615.  
  1616. .s .veranstaltungen-teaser div.more a{float: right; clear: right}
  1617. .s .veranstaltungen-teaser div.more a + a{margin-bottom:24px}
  1618.  
  1619. .s .teaser-1breit .text{padding:0 20px}
  1620.  
  1621. .s .teaser-1fach {margin-top:48px !important}
  1622. .s .teaser-1fach .head {padding-left:20px; padding-right:20px}
  1623. .s .teaser-1fach .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1624. .s .teaser-1fach .head a.rss{margin-left:13px; width:22px; display:inline; float:none}
  1625. .s .teaser-1fach .head a.rss img{width:22px;display:inline}
  1626. .s .teaser-1fach .image{float: none; width: 100%; display:block}
  1627. .s .teaser-1fach .video{width: 100%; display:block;margin-bottom: 20px}
  1628. .s .teaser-1fach .text {float: none; width: 100%; display:block;padding:0 20px; margin-left:0}
  1629.  
  1630. .s .veranstaltungen-hometeaser.slider .slides ul li .datum {font-size:50px}
  1631.  
  1632. .s .teaser-2mal1 {margin-top:48px !important}
  1633. .s .teaser-2mal1 h2{padding-left:20px; padding-right:20px; display:inline; float:none}
  1634. .s .teaser-2mal1 .tablerow{display:flex; flex-wrap:wrap}
  1635. .s .teaser-2mal1 .tablerow > .image{width:100%}
  1636. .s .teaser-2mal1 .tablerow > .text{width:100%}
  1637.  
  1638. /* .m .teaser-2mal2 .body {background-color:#f3f3f3; display:table; width:100%} */
  1639. /* .m .teaser-2mal2 .tablerow {float:left; width:calc(50% - 1px); border-right:1px solid #fff} */
  1640. /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none} */
  1641. /* .m .teaser-2mal2 .tablerow .tablecell.image {display:none} */
  1642. /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:table-cell} */
  1643. /* .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden} */
  1644. /* .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left} */
  1645. /* .m .teaser-2mal2 .tablecell.text.right .more{text-align:left} */
  1646. /* .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} */
  1647.  
  1648. .m .teaser-2mal2 .body {background-color:#f3f3f3; display:flex;; flex-wrap:wrap; width:100%}
  1649. .m .teaser-2mal2 .tablerow { width:calc(50% - 1px); border-right:1px solid #fff;border-top:1px solid #fff}
  1650. .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none}
  1651. .m .teaser-2mal2 .tablerow .tablecell.image {display:none}
  1652. .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:block;width:calc(50% - 1px)}
  1653. .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden}
  1654. .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left}
  1655. .m .teaser-2mal2 .tablecell.text.right .more{text-align:left}
  1656. .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left}
  1657.  
  1658. .s .teaser-2mal2 {margin-top:48px !important}
  1659. .s .teaser-2mal2 .body {padding-left: 0px;padding-right: 0px;}
  1660. .s .teaser-2mal2 h2{margin-bottom:40px}
  1661. .s .teaser-2mal2 .tablerow{display:flex; flex-wrap:wrap}
  1662. .s .teaser-2mal2 .tablerow > .image{width:100%}
  1663. .s .teaser-2mal2 .tablerow > .text{order:2; width:100%}
  1664. .s .teaser-2mal2 .tablerow > .text + .image{order:1}
  1665. .s .teaser-2mal2 .tablecell.image {display:none}
  1666. .s .teaser-2mal2 .tablecell.text {padding:38px 20px 53px 20px}
  1667. .s .teaser-2mal2 .tablerow + .tablerow .tablecell.text {margin-top:20px}
  1668. .s .teaser-2mal2 .tablecell.text.right .titel,
  1669. .s .teaser-2mal2 .tablecell.text.right .more,
  1670. .s .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left}
  1671.  
  1672. .s .teaserzeile-2 {margin-top:48px !important}
  1673. .s .teaserzeile-2 h2,
  1674. .s .teaserzeile-2 .head {padding-left:20px; padding-right:20px}
  1675. .s .teaserzeile-2 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1676. .s .teaserzeile-2 .head a.rss {margin-left:13px; width:22px;display:inline; float:none}
  1677. .s .teaserzeile-2 .head a.rss img{width:22px;display:inline}
  1678. .s .teaserzeile-2 .tablerow {display:flex; flex-wrap:wrap;}
  1679. .s .teaserzeile-2 .tablecell {width:100%}
  1680. .s .teaserzeile-2 .tablecell.sep {display:none}
  1681. .s .teaserzeile-2 .tablecell.sep + .tablecell {margin-top:20px}
  1682. .s .teaserzeile-2 .tablecell.image .titel {min-height:auto; margin-top:0;}
  1683. .s .teaserzeile-2 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative}
  1684.  
  1685. .s  .teaserzeile-3 {margin-top:48px !important}
  1686. .s  .teaserzeile-3 h2{padding-left:20px; padding-right:20px;}
  1687. .s  .teaserzeile-3 .head {padding-left:20px; padding-right:20px;}
  1688. .s  .teaserzeile-3 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none;}
  1689. .s  .teaserzeile-3 .head a.rss{margin-left:13px; width:22px;display:inline; float:none;}
  1690. .s  .teaserzeile-3 .head a.rss img{width:22px;display:inline;}
  1691. .s  .teaserzeile-3 .tablerow{display:flex; flex-wrap:wrap}
  1692. .s  .teaserzeile-3 .tablerow + .tablerow {margin-top:20px;}
  1693. .s  .teaserzeile-3 .tablerow.sep {display:none;}
  1694. .s  .teaserzeile-3 .tablecell {width:100%;}
  1695. .s  .teaserzeile-3 .tablecell.sep {display:none;}
  1696. .s  .teaserzeile-3 .tablecell.sep + .tablecell {margin-top:20px;}
  1697. .s  .teaserzeile-3 .tablecell.text {padding:38px 20px 53px 20px;}
  1698. .s  .teaserzeile-3 .tablecell.image .titel {padding:0 20px 36px 20px;min-height:auto; margin-top:0; height:auto;}
  1699. .s  .teaserzeile-3 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative;}
  1700.  
  1701. .s .beratung {margin:48px 20px 0 20px}
  1702.  
  1703. .s .featurednews {margin-top:48px !important}
  1704. .s .featurednews h2{padding-left:20px; padding-right:20px}
  1705. .s .featurednews .head {padding-left:20px; padding-right:20px}
  1706. .s .featurednews .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1707. .s .featurednews .head a.rss{margin-left:13px; width:22px;display:inline; float:none}
  1708. .s .featurednews .head a.rss img{width:22px;display:inline}
  1709. .s .featurednews .tablerow{display:flex; flex-wrap:wrap}
  1710. .s .featurednews .tablecell {width:100%}
  1711. .s .featurednews .tablecell.sep {display:none}
  1712. .s .featurednews .tablecell.sep + .tablecell {margin-top:20px}
  1713. .s .featurednews .tablecell.right {padding:20px}
  1714. .s .featurednews .more {position:relative}
  1715.  
  1716. .s .illu-1fach {margin-top:48px !important}
  1717. .s .illu-1fach .image .bildnachweis {margin-right: 20px}
  1718. .s .illu-1fach .text {padding:38px 20px}
  1719. .s .illu-1fach .image .more {right:20px}
  1720. .s .illu-1fach .image .bildnachweis{right: -20px}
  1721.  
  1722. .s .video-teaser {margin-top:48px; padding: 20px 20px 54px 20px}
  1723. .s .video-teaser .head {float: none; width: 100%}
  1724. .s .video-teaser h2{font-size:22px;float: none; width: 100%; margin-bottom:18px}
  1725. .s .video-teaser .links{float: none; width: 100%}
  1726. .s .video-teaser .video {float: none; width: 100%}
  1727. .s .video-teaser .inhalt {height:auto; margin-bottom:20px}
  1728.  
  1729. .s .video-teasernews {margin-top:48px !important; padding: 20px 20px 54px 20px}
  1730. .s .video-teasernews .head {margin-bottom:18px}
  1731. .s .video-teasernews .tablecell.left {width:100%}
  1732. .s .video-teasernews .tablecell.sep {display:none}
  1733. .s .video-teasernews .tablecell.right {display:none}
  1734.  
  1735.  
  1736. .s .outer.h1{padding:0 20px !important}
  1737.  
  1738. .m .outer .uebersicht {margin-top:-24px!important}
  1739. .m .outer .uebersicht h1 {padding: 0 40px; margin-top:-24px!important}
  1740. .m .outer .uebersicht h2 {padding: 0 40px}
  1741. .m .outer .uebersicht ul {padding: 0 40px}
  1742. .m .volle-breite.extern .outer .uebersicht ul {padding: 0 40px}
  1743. .m .volle-breite.extern .outer .uebersicht ul li a {font-size:22px}
  1744. .m .outer .uebersicht .label {padding-left: 20px}
  1745. .m .outer .uebersicht .inhalt {width: calc(100% - 130px)}
  1746. .m .outer .uebersicht.kontakt .inhalt {width: 100%}
  1747. .m .volle-breite.extern .outer .uebersicht{padding-top:40px}
  1748.  
  1749. .s .outer .uebersicht {margin-top:-24px!important}
  1750. .s .outer .uebersicht {padding-top:40px}
  1751. .s .outer .uebersicht h1,
  1752. .s .outer .uebersicht h2,
  1753. .s .outer .uebersicht ul {padding: 0 20px !important}
  1754. .s .outer .uebersicht li a {font-size: 18px}
  1755. .s .outer .uebersicht .label {padding-left: 20px; width:100%; padding-right:20px; background-color:#f3f3f3}
  1756. .s .outer .uebersicht .inhalt {width: auto;padding-left: 20px; padding-top:20px; background-color:#f3f3f3}
  1757. .s .outer .uebersicht.kontakt .inhalt {width: 100%}
  1758. .s .outer .uebersicht ul.zweispaltig{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1}
  1759. .s .outer .uebersicht ul.l{width:100% !important; margin-bottom:0}
  1760. .s .outer .uebersicht ul.r{width:100% !important; margin-top:0}
  1761.  
  1762. .s .uebersicht .label a.tt {background-color:transparent; display:block;position:relative; width:100%; padding:18px 18px 18px 54px; color:#4e4e4e; text-decoration:none}
  1763. .s .uebersicht .label > a.tt:after{content:"";position:absolute; width:20px;height:19px;left:18px;top:50%;margin-top:-8px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg")}
  1764. .s .uebersicht .clear.auf .label > a.tt:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg")}
  1765. .s .uebersicht .label a.tt:hover, .s .uebersicht .label a.tt:focus {color:var(--UHHfff-hellgrau); background-color:#0271bb; text-decoration:none}
  1766. .s .uebersicht .label > a.tt:hover:after, .s .uebersicht .label > a.tt:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg")}
  1767. .s .uebersicht .clear.auf .label .titel > a.tt:hover:after, .s .uebersicht .clear.auf .label > a.tt:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg")}
  1768.  
  1769. .m .body {margin-top:44px !important}
  1770. .s .body {margin-top:40px !important}
  1771. .s .standard {margin:48px 20px 0 20px !important}
  1772. .s #_feedback {margin:48px 20px 0 20px !important}
  1773. .s .outer #_feedback {width:calc(100% - 40px)}
  1774.  
  1775. .s .hinweis {padding:30px 20px;}
  1776. .s .hinweis h2{font-size:22px}
  1777.  
  1778. .s .inhaltsblock {padding:30px 20px !important;}
  1779. .s .inhaltsblock.grau {margin:48px 0px 0 0px !important;}
  1780. .s .inhaltsblock h2{font-size:22px}
  1781.  
  1782. .s .logoleiste {margin:48px 20px 0 20px !important}
  1783.  
  1784. .s .outer > .artikeldetail > * {margin-left: 20px !important; margin-right: 20px !important}
  1785. .s .outer > .artikeldetail > span > * {margin-left: 20px !important; margin-right: 20px !important}
  1786. .s .artikeldetail .image {margin-left: 0; margin-right: 0}
  1787. .s .artikeldetail .bildunterschrift {margin-right: 20px}
  1788. .s .artikeldetail .zitat {margin-left: -20px;width:auto; margin-right: -20px}
  1789. .s .outer > .artikeldetail .download {margin-left:-20px !important; margin-right:-20px !important; padding-bottom:40px;}
  1790. .s .outer > .artikeldetail .download .item {display:block;}
  1791. .s .outer > .artikeldetail .download .img {display:block; padding-top:0;}
  1792. .s .outer > .artikeldetail .download .links {display:block; padding:0;}
  1793.  
  1794. .s .shariff {margin-left: 20px; margin-right: 20px}
  1795.  
  1796. .s .outer .pressemeldung {margin-left: 20px !important; margin-right: 20px !important; padding:45px 0 29px 0;}
  1797. .s .outer .pressemeldung .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1798. .s .outer .pressemeldung .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1799. .s .outer .teaser-1fach-a {margin-left: 20px !important; margin-right: 20px !important; padding:20px 0 29px 0;}
  1800. .s .outer .teaser-1fach-a .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1801. .s .outer .teaser-1fach-a.reverse .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1802. .s .outer .teaser-1fach-a .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1803. .s .outer .teaser-1fach-a.reverse .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1804. .s .outer > .teaser-1fach-a .text {margin-top:0; width:auto; float:none;}
  1805.  
  1806. .s .outer .button {margin: 0px 20px 0 20px !important;}
  1807.  
  1808. .s gsc-control-cse {border:0}
  1809. .s ul.uhhsearch > li {width:100%; margin: 0 0 6px 0}
  1810. .s ul.uhhsearch > li a {padding:0; text-align:center}
  1811. .s gsc-control-cse {border:0}
  1812. .s td.gsc-clear-button {display:none}
  1813. .s td.gsc-input {display:block; margin: 0 0 6px 0}
  1814. .s td.gsc-input input {width:100%}
  1815. .s td.gsc-search-button {display:block; width:100%}
  1816. .s td.gsc-search-button input{width:100%}
  1817. .s .cse input.gsc-search-button, .s input.gsc-search-button {height: 40px !important; padding:4px 8px !important; width:100%; margin:0}
  1818. .s input.gsc-input {height: 40px}
  1819.  
  1820. .m .outer .slick_slider.logo-slider {display:none}
  1821. .s .outer .slick_slider.logo-slider {display:none}
  1822.  
  1823. .s .spalte.rechts .news-teaser {margin-top:48px; padding:0 20px}
  1824.  
  1825. .s .spalte.rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px}
  1826. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px}
  1827. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px}
  1828. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px}
  1829. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em}
  1830. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px}
  1831. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px}
  1832.  
  1833. .s .spalte.rechts > .v4hinweis,
  1834. .s .spalte.rechts > .v4kontakt,
  1835. .s .spalte.rechts > .social {margin:48px 20px 0 20px !important}
  1836. .s .spalte.rechts > .social ul li {width:30px; height:30px}
  1837. .s .spalte.rechts > .social ul li ~ li {margin-left: calc((100% - 6*30px)/5)}
  1838.  
  1839. .s .spalte ._rechts .news-teaser {margin-top:48px; padding:0 20px}
  1840.  
  1841. .s .spalte ._rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px}
  1842. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px}
  1843. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px}
  1844. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px}
  1845. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em}
  1846. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px}
  1847. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px}
  1848.  
  1849. .s .spalte ._rechts > .v4kontakt {margin:48px 20px 0 20px !important}
  1850. .s .spalte ._rechts > .social {margin:48px 20px 0 20px !important}
  1851. .s .spalte ._rechts > .social a {width: 30px; height: 30px}
  1852. .s .spalte ._rechts > .social a ~ a {margin-left: calc((100% - 6*30px)/5)}
  1853.  
  1854. /*Startbilder*/
  1855.  
  1856. .m .outer > .foto .text {top:15px;padding:10px 15px 6px;min-width:280px;min-width:250px;max-width:300px;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none}
  1857. .m .outer > .foto .text strong{font-size: 24px;line-height: 1.0em}
  1858. .m .outer > .foto .text div {font-size: 16px;line-height: 1.2em}
  1859. .m .outer > .fotokonferenz .text {top:15px;padding:10px 15px 6px;min-width:280px;min-width:250px;max-width:300px;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none}
  1860. .m .outer > .fotokonferenz .text strong{font-size: 24px;line-height: 1.0em}
  1861. .m .outer > .fotokonferenz .text div {font-size: 16px;line-height: 1.2em}
  1862. .m .outer > .fotokonferenzII .text {top:15px;padding:10px 15px 6px;min-width:280px;min-width:250px;max-width:300px;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none}
  1863. .m .outer > .fotokonferenzII .text h1{font-size: 20px;line-height: 1.0em}
  1864. .m .outer > .fotokonferenzII .text div {font-size: 16px;line-height: 1.2em;margin-top:4px}
  1865.  
  1866. .m .outer .bildgalerie .slide img,
  1867. .s .outer .bildgalerie .slide img{width:100%}
  1868. .s .outer .bildgalerie .slidernav {padding: 0px 20px;}
  1869. .s .outer .bildgalerie .bildnachweis {padding-right: 20px;}
  1870. .s .outer .bildgalerie .bildunterschrift {padding-right: 20px;}
  1871. .s .outer .bildgalerie .rsArrowRight,
  1872. .s .outer .bildgalerie .rsArrowLeft{display:none !important}
  1873.  
  1874. .s .bildgalerieswiper {margin-left: 20px !important; margin-right: 20px !important;}
  1875. /*<fiona only>*/
  1876.  
  1877. .m .v4-links #bildgalerie.gallerywide{margin-bottom:30px}
  1878. .m .v4-links #bildgalerie.gallerywide .galerieContainer{text-align:left !important;width:100%; margin-left:0}
  1879. .m .v4-links #bildgalerie.gallerywide .galerie .slide .imgcontainer img {}
  1880. .m .v4-links #bildgalerie.gallerywide .sliderContainer{display:none}
  1881. .m .v4-links #bildgalerie.gallerywide .linie{display:none}
  1882. .m .v4-links #bildgalerie.gallerywide .rsArrowIcn{top:130px !important; margin-top:-25px}
  1883.  
  1884. /*</fiona only>*/
  1885.  
  1886. html:not(.l) #bildgalerie{margin-bottom:30px}
  1887. .m #bildgalerie .titel,
  1888. .s #bildgalerie .titel{padding:0 14px}
  1889. .m #bildgalerie .galerieContainer,
  1890. .s #bildgalerie .galerieContainer{text-align:left !important;width:100% !important; margin-left:0}
  1891. .m #bildgalerie .galerie,
  1892. .s #bildgalerie .galerie{margin-top:20px;width:calc(100% - 28px) !important; margin-left:14px}
  1893. .s #bildgalerie .galerie .slide .imgtable {padding:0 28px}
  1894. .s .oben #bildgalerie .sliderContainer,
  1895. .m .oben #bildgalerie .sliderContainer{display:none}
  1896. .s .oben  #bildgalerie .linie,
  1897. .m .oben  #bildgalerie .linie{display:none}
  1898. .s .oben #bildgalerie .rsArrowIcn,
  1899. .m .oben #bildgalerie .rsArrowIcn{top:130px !important; margin-top:-25px}
  1900.  
  1901.  
  1902. .m .outer > .teaser-3b .col {width:48.2%}
  1903. .m .outer > .teaser-3b .col:first-child + .col + .col {margin-left: 0%; clear:left; margin-top:40px}
  1904. .m .outer > .teaser-3b .col:first-child + .col + .col + .col {margin-top:80px}
  1905. .m .outer > .teaser-3b .col:first-child + .col {margin-left: 3.6%}
  1906.  
  1907. .s .outer > .teaser-3b {padding:10px 25px 15px 25px}
  1908. .s .outer > .teaser-3b .col {float: none; width: 100%; display:block}
  1909. .s .outer > .teaser-3b .col + .col {margin-left: 0; margin-top: 5px}
  1910. .s .outer > .teaser-3b .titel {padding:0 20px; height:auto;}
  1911. .s .outer > .teaser-3b .text {padding:0 20px}
  1912. .s .outer > .teaser-3b a.item:hover .text .titel,
  1913. .s .outer > .teaser-3b .item .text .titel a:hover{text-decoration:none}
  1914.  
  1915. .s .teaser-2-col,
  1916. .s .teaser-2-col .col{width:100%; display:block}
  1917. .s .teaser-2-col .col.sep{display:none}
  1918. .s .teaser-2-col .col.sep + .col {margin-top:48px}
  1919. .s .teaser-2-col .kopf,
  1920. .s .teaser-2-col .inhalt{padding:0 20px}
  1921.  
  1922. .s .teaser-3-col,
  1923. .s .teaser-3-col .col{width:100%; display:block}
  1924. .s .teaser-3-col .col.sep{display:none}
  1925. .s .teaser-3-col .col.sep + .col {margin-top:48px}
  1926. .s .teaser-3-col .kopf,
  1927. .s .teaser-3-col .inhalt{padding:0 20px}
  1928.  
  1929. .s .spalte.rechts .kontakt,
  1930. .s .spalte.rechts .kontakt-rot,
  1931. .s .spalte.rechts .teaser-4,
  1932. .s .spalte ._rechts .kontakt,
  1933. .s .spalte ._rechts .kontakt-rot,
  1934. .s .spalte ._rechts .teaser-4 {padding:0 20px; margin-top:48px}
  1935.  
  1936. .s.js .alles.auf {margin-top:40px}
  1937. .s.js .alles.zu {margin-top: 40px;}
  1938.  
  1939. .s .unternehmen .box.schaltbar > .titel a {background-position:20px center}
  1940. .s .unternehmen .schaltbar h3.titel + .inhalt {padding-left:20px;}
  1941.  
  1942. .s.js .alles.zu {margin-left: 20px !important;}
  1943. .s.js .alles.auf {margin-left: 20px !important;}
  1944.  
  1945. .s .mitarbeiterinnen {padding: 0 20px;}
  1946. .s .mitarbeiterinnen .kopf .filter div {width:100%; margin-right:0;}
  1947. .s .mitarbeiterinnen .kopf .filter .namen input {width:calc(100% - 46px)}
  1948. .s .mitarbeiterinnen .kopf .filter .namen input.breit {width:calc(100% - 46px)}
  1949. .s .mitarbeiterinnen .kopf .filter select {width:100%; margin-bottom:12px;}
  1950. .s .mitarbeiterinnen .mitarbeiterin .foto,
  1951. .s .mitarbeiterinnen .mitarbeiterin .foto2{margin: 5px 16px 0 0;width:70px}
  1952. .s .mitarbeiterinnen .mitarbeiterin .daten{line-height:1.5em;margin: 0 16px 0 0;}
  1953. .s .mitarbeiterinnen .mitarbeiterin.keinschwerpunkt .daten{width: calc(100% - 86px);margin:0}
  1954. .s .mitarbeiterinnen .mitarbeiterin .schwerpunkte{margin: 20px 0px 0 86px}
  1955.  
  1956. .s .studiengaenge .funktionen .typ {margin-left: 0;}
  1957. .s .studiengaenge .funktionen select {width: 100%; }
  1958. .s .studiengaenge .funktionen .typ select {margin-top:16px;}
  1959.  
  1960. .m #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%}
  1961. .m #veranstaltungsformular legend {padding: 0}
  1962. .m #veranstaltungsformular .eingabe {width: 50%}
  1963. .m #veranstaltungsformular .eingabe label {width: 100%}
  1964. .m #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0}
  1965. .m #veranstaltungsformular .input {display: block}
  1966. .m #veranstaltungsformular .block {max-width: 320px}
  1967. .m #veranstaltungsformular textarea {width: 100%; max-width: 320px}
  1968. .m #veranstaltungsformular input.text {width: 100%; max-width: 320px}
  1969. .m #veranstaltungsformular input[type="file"] {width: 100%; max-width: 320px}
  1970. .m #veranstaltungsformular .hinweis {margin-left: 0; max-width: 320px; width: auto}
  1971. .m #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; clear: both; max-width: 320px; width: 50%}
  1972. .m #veranstaltungsformular .ausgabe {width: 48%}
  1973. .m #veranstaltungsformular .ausgabe legend {margin-bottom: 10px}
  1974. .m #veranstaltungsformular .absenden {float: right; margin-top: -40px}
  1975.  
  1976. .m #veranstaltungsformular .zeit > div {float:left;clear:none}
  1977. .m #veranstaltungsformular .zeit > div input {width:100%}
  1978. .m #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:5%}
  1979. .m #veranstaltungsformular .zeit > div+div {width:18%;margin-right:3%}
  1980. .m #veranstaltungsformular .zeit > div+div label {width:auto;margin:0}
  1981. .s #veranstaltungsformular .ausgabe {clear: left; float: none; width: 100%}
  1982. .s #veranstaltungsformular{margin-left:-20px;border-width:1px 0;width:calc(100% + 40px);margin-bottom:15px}
  1983. .s #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%}
  1984. .s #veranstaltungsformular legend {padding: 0}
  1985. .s #veranstaltungsformular .eingabe {width: 100%!important}
  1986. .s #veranstaltungsformular .eingabe label {width: 100%}
  1987. .s #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0}
  1988.  
  1989. .s #veranstaltungsformular .input {display: block}
  1990. .s #veranstaltungsformular textarea,
  1991. .s #veranstaltungsformular input.text {width: 100%}
  1992. .s #veranstaltungsformular .hinweis {margin-left: 0; width: auto}
  1993. .s #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; width: auto; float: none}
  1994. .s #veranstaltungsformular .ausgabe legend {margin-bottom: 10px}
  1995.  
  1996. .s #veranstaltungsformular .zeit > div {float:left;clear:none}
  1997. .s #veranstaltungsformular .zeit > div input {width:100%}
  1998. .s #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:15px}
  1999. .s #veranstaltungsformular .zeit > div+div {width:60px;margin-right:0px;max-width:60px}
  2000. .s #veranstaltungsformular .zeit > div+div label {width:auto;margin:0;display:block}
  2001.  
  2002. .s .simpleSlider .foto {float:none;width:100%;max-height:300px}
  2003. .s .simpleSlider .foto img {width:100%}
  2004. .s .simpleSlider .text {float:none;width:auto; padding:15px 0}
  2005.  
  2006. .s .testimonial.swiper {text-align:center}
  2007. .s .testimonial.swiper button {background-size:18px;width:18px;height:30px;}
  2008. .s .testimonial.swiper .foto {float:none;display:inline-block}
  2009. .s .testimonial.swiper .text {text-align:left;float:none;width:auto; padding:15px 0}
  2010.  
  2011.  
  2012.  
  2013. .mitarbeiterinnen {visibility:visible}
  2014. .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste {display:none}
  2015. .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste table {width:100%}
  2016. .mitarbeiterinnen .liste table th {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0; text-align:left;}
  2017. .mitarbeiterinnen .liste table td {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0}
  2018. .mitarbeiterinnen .liste table td.raum {width:40px}
  2019. .mitarbeiterinnen .liste table td.telefon {max-width:110px}
  2020. .mitarbeiterinnen .liste table tr:first-child td {border-width:0px 0 0 0}
  2021. .mitarbeiterinnen .liste table a {color:#4e4e4e; text-decoration:underline}
  2022. .mitarbeiterinnen .liste table a[href^="tel"] {color:#4e4e4e; word-break:break-word}
  2023. .mitarbeiterinnen .liste table a:hover, .mitarbeiterinnen .liste table a:focus { text-decoration:none}
  2024. .mitarbeiterinnen .liste table a[href^="tel"]:hover,
  2025. .mitarbeiterinnen .liste table a[href^="tel"]:focus {color:#4e4e4e}
  2026. @media only screen and (max-width:480px) {
  2027. .mitarbeiterinnen .liste table,.mitarbeiterinnen .liste thead,.mitarbeiterinnen .liste tbody,.mitarbeiterinnen .liste tr,.mitarbeiterinnen .liste th,.mitarbeiterinnen .liste td {border:0!important;display:block;width:auto!important;max-width:none!important}
  2028. .mitarbeiterinnen .liste tr{padding:15px 0;overflow:hidden;clear:left;border-bottom:1px solid #ddd!important;}
  2029. .mitarbeiterinnen .liste th{float:left; margin-right:10px}
  2030. .mitarbeiterinnen .liste td{padding:0!important}
  2031. .mitarbeiterinnen .liste *:empty{display:none}
  2032. }
  2033.  
  2034. .mitarbeiterinnen #liste0 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iliste0-1c04e6048e0b7333b92b1c56c1a9e77e668c85998b95656efc33ccc169d9df0e.svg"); background-repeat:no-repeat; background-position:center; display:none; font-size:10px; text-align:center; line-height:40px; color:transparent;}
  2035. .mitarbeiterinnen #liste1 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iliste1-0af71ccf57ce4e69dac4fd8b6392fa1d51cf689bf8408f4352f1f0ba85ccdf2a.svg"); background-repeat:no-repeat; background-position:center; font-size:10px; text-align:center; line-height:40px; color:transparent;}
  2036. .mitarbeiterinnen #organisatorisch0 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iorg0-b1aae17a6124690b1d72a605e111a01f51bf76086145371ea803b5a0534b7ff9.svg"); background-repeat:no-repeat; background-position:center; font-size:10px; text-align:center; line-height:40px; color:transparent;}
  2037. .mitarbeiterinnen #organisatorisch1 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iorg1-ffdb7a0d5b5c518b86d3af7ffac0ab34ebd0c591c563fdee4e22fc288c859758.svg"); background-repeat:no-repeat; background-position:center; display:none; font-size:10px; text-align:center; line-height:40px; color:transparent;}
  2038. .mitarbeiterinnen a#organisatorisch0:focus,
  2039. .mitarbeiterinnen a#organisatorisch1:focus,
  2040. .mitarbeiterinnen a#liste0:focus,
  2041. .mitarbeiterinnen a#liste0:focus{text-decoration: underline; outline: none; box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2042.  
  2043. .mitarbeiterinnen .kopf {display:none; font-size:13px; margin:0px 0 20px; padding:6px 0 5px 0; overflow:visible !important}
  2044. html.js.css .mitarbeiterinnen .kopf {display:block}
  2045. .mitarbeiterinnen .kopf .titel {margin-left:10px; float:left; width:110px}
  2046. .mitarbeiterinnen .kopf .alphabet {padding:0 0 12px 0; font-size:0.1px; line-height:1.5; font-family:TheSansUHHBold,sans-serif; font-weight:normal; list-style-type:none}
  2047. .mitarbeiterinnen .kopf .alphabet li {float:left}
  2048. .mitarbeiterinnen .kopf .alphabet a {font-size:15px; text-transform:uppercase; color:#4e4e4e; padding:0 1px; margin-right:9px; border:1px solid #fff}
  2049. .mitarbeiterinnen .kopf .alphabet a:hover {color:#c40017; border:1px dotted #c40017; text-decoration:none}
  2050. .mitarbeiterinnen .kopf .alphabet a.an {color:#c40017; border:1px solid #c40017}
  2051. .mitarbeiterinnen .kopf .alphabet a.an:hover {text-decoration:none}
  2052. .mitarbeiterinnen .kopf .alphabet a.an:focus {outline:0}
  2053. .mitarbeiterinnen .kopf span {text-transform:uppercase; color:#e0e0e0}
  2054. .mitarbeiterinnen .kopf .alphabet {margin-bottom:6px}
  2055. .mitarbeiterinnen .kopf .alphabet .alle {text-transform:capitalize; cursor:pointer; border:0; white-space:nowrap; background-color:#666; font-size:10px; color:#fff; height:20px; line-height:20px; margin:0 4px 0 5px; padding:2px 14px; position:relative; top:-1px}
  2056. .mitarbeiterinnen .kopf .alphabet .alle:hover {border:0; color:#fff; }
  2057. .mitarbeiterinnen .kopf .alphabet span {font-size:15px; padding:0 2px; border-radius:2px; margin-right:12px}
  2058. .mitarbeiterinnen .kopf .filter {font-size:6px; clear:left;}
  2059. .mitarbeiterinnen .orglinks {display:none}
  2060. .mitarbeiterinnen .kopf .filter div {display:inline-block; vertical-align:middle; margin-right:12px}
  2061. .mitarbeiterinnen .kopf .filter .ok {padding-top:10px}
  2062. .mitarbeiterinnen .kopf .filter div:last-child {margin-right:0}
  2063.  
  2064.  
  2065. .mitarbeiterinnen .kopf .filter .namen {margin-bottom:12px; display:block;}
  2066. .mitarbeiterinnen .kopf .filter .namen input {padding-right:40px; width:236px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/suche_0-3efe7ec59c17aac81ff8e2fa97d4b521efc5b052a873d9f1f80093bafe638051.png"); background-position:right; background-size:contain; background-repeat:no-repeat;}
  2067. .mitarbeiterinnen .kopf .filter .namen input.breit {max-width:100%; width:532px;}
  2068. .mitarbeiterinnen .kopf .filter input {box-sizing:content-box;border: 1px solid #333; font-size: 15px; width:292px; font-family: TheSansUHH,sans-serif; height: 36px; color: #000 !important; background-color: #fff !important;padding:0 4px; margin-right:12px;}
  2069. .mitarbeiterinnen .kopf .filter input:focus {border-color: transparent;}
  2070. .mitarbeiterinnen .kopf .filter select {-moz-appearance: none; -webkit-appearance: none; appearance: none;  border: none;}
  2071. .mitarbeiterinnen .kopf .filter select:-ms-expand {display: none;}
  2072. .mitarbeiterinnen .kopf .filter select {box-sizing:border-box;border: 1px solid #333; font-size: 15px; padding-left:4px; padding-right:24px; width:282px; font-family: TheSansUHH,sans-serif; height: 36px; color: #000 !important; background-color: #fff !important;}
  2073. .mitarbeiterinnen .kopf .filter select {background-repeat:no-repeat; background-position:top right; background-size: auto 100%; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_select-e74f9908fa5dd6c540b5cf2cf2e7ed1e6c41cf1332d24c51604a35f765c22353.svg")}
  2074. .mitarbeiterinnen .kopf .filter select:focus {margin-left:0px;margin-right:0px;}
  2075.  
  2076.  
  2077. @media only screen and (max-width:760px) {
  2078. .mitarbeiterinnen .kopf .filter .namen input {width:186px}
  2079. .mitarbeiterinnen .kopf .filter .namen input.breit {width:432px}
  2080. .mitarbeiterinnen .kopf .filter select {width:233px}
  2081. }
  2082.  
  2083.  
  2084. .mitarbeiterinnen .kopf .filter select option {padding:10px 2px;color:#000!important;background-color:#fff!important; font-family:TheSansUHH,sans-serif}
  2085. .mitarbeiterinnen .kopf .filter img {cursor:pointer}
  2086. .mitarbeiterinnen .kopf .sortiere {float:left; width:167px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/bottom-76039cb3111501cb2e1e69fa50cafd4f5516e50f60662c88e5cb746470a01691.gif"); background-position:left center; background-repeat:no-repeat; padding-left:19px}
  2087. .mitarbeiterinnen .kopf .liste {cursor:pointer; float:left; width:80px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/bottom-76039cb3111501cb2e1e69fa50cafd4f5516e50f60662c88e5cb746470a01691.gif"); background-position:left center; background-repeat:no-repeat; padding-left:19px}
  2088. .mitarbeiterinnen .kopf .sortiere b {cursor:pointer}
  2089. .mitarbeiterinnen .kopf .typ {font-size:0px; margin-bottom:0px; white-space:nowrap}
  2090. .mitarbeiterinnen .organisationseinheit {clear:both; display:block; border-bottom:1px solid #ddd; font-size:17px !important; font-family:TheSansUHHBold,sans-serif; font-weight:normal; line-height:20px !important; padding:5px 10px 3px 10px !important; margin:0 !important}
  2091. .mitarbeiterinnen .suborganisationseinheit {clear:both; display:block; border-bottom:1px solid #ddd; font-size:13px !important; line-height:18px !important; padding:5px 10px 3px 10px !important; margin:0 !important}
  2092. .mitarbeiterin {clear:both; margin:40px 0 60px 1.8%}
  2093. .mitarbeiterin:after {content:" "; display:table; clear:both; height:0}
  2094. .mitarbeiterin a {color:rgb(196, 0, 23); text-decoration:underline;}
  2095. .mitarbeiterin a:hover,.mitarbeiterin a:focus {text-decoration:underline}
  2096. .mitarbeiterin .foto {float:left; margin:5px 21px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative}
  2097. .mitarbeiterin .foto .bildnachweis {display:none; position:absolute; transform:rotate(270deg); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom left; left:100%; white-space:nowrap; bottom:0px; margin:0; font-size:12px; line-height:20px; padding:0 8px; color:#4e4e4e; background-color:rgba(255,255,255,0.6)}
  2098. .mitarbeiterin .foto:hover .bildnachweis {display:block}
  2099. .mitarbeiterin .foto img {width:100%; font-size:6px; float:left}
  2100. .mitarbeiterin .foto2 {float:left; margin:5px 24px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative;overflow:hidden}
  2101. .mitarbeiterin .foto2:before {content:""; display:block; padding-top:128.8888888%}
  2102. .mitarbeiterin .foto2 a {position:absolute; top:0; left:0; width:100%; height:100%}
  2103. .mitarbeiterin .foto2 img {position:absolute; top:0; left:0; width:100%; height:100%}
  2104. .mitarbeiterin .foto2 .bildnachweis {display:none; position:absolute; transform:rotate(270deg); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom left; left:100%; white-space:nowrap; bottom:0px; margin:0; font-size:12px; line-height:20px; padding:0 8px; color:#4e4e4e; background-color:rgba(255,255,255,0.6)}
  2105. .mitarbeiterin .foto2:hover .bildnachweis:not(:empty) {display:block}
  2106. .mitarbeiterin .foto2 img {width:100%; font-size:6px; float:left}
  2107. .mitarbeiterin .foto2 img.defer {visibility:hidden}
  2108. .mitarbeiterin .daten {overflow:hidden;line-height:1.5em; margin:0 24px 0 0; padding:0 3px 3px 3px;}
  2109. .mitarbeiterin.keinschwerpunkt .daten {width:calc(100% - 159px); margin:0}
  2110. .mitarbeiterin .daten .name h3,
  2111. .mitarbeiterin .daten .name h4 {font-size:16px; margin:0; display:inline;}
  2112. .mitarbeiterin .daten a {color:#4e4e4e;}
  2113. .mitarbeiterin .daten .name .vorname {display:inline}
  2114. .mitarbeiterin .daten .funktion {font-family:TheSansUHHItalic,sans-serif}
  2115. .mitarbeiterin .daten .telefon {margin-top:10px}
  2116. .mitarbeiterinnen .organisatorisch .mitarbeiterin .raum { margin: 5px 0px;}
  2117. .mitarbeiterin .daten .email {display:table}
  2118. .mitarbeiterin .daten .email label {display:table-cell}
  2119. .mitarbeiterin .daten .email .adresses {padding-left:6px; display:table-cell; word-wrap:break-word}
  2120. .mitarbeiterin .daten .email .adresses a.link {display:block}
  2121. .mitarbeiterin .daten .sprechzeiten {margin-top:18px}
  2122. .mitarbeiterin .daten .sprechzeiten.schaltbar .titel {margin-bottom:0}
  2123. .mitarbeiterin .daten .sprechzeiten * {margin:0; padding:0}
  2124. .mitarbeiterin .daten .sprechzeiten .titel {margin-bottom:5px; border-bottom:0 !important}
  2125. .mitarbeiterin .daten .sprechzeiten ul {list-style-type:none; margin:0; padding:0 !important}
  2126. .mitarbeiterin .daten .vertretung {margin-top:5px}
  2127.  
  2128. .mitarbeiterin .schwerpunkte {margin:20px 0px 0 159px; line-height:1.5em !important}
  2129. .mitarbeiterin .schwerpunkte .titel {padding-left:0; background:none; cursor:default; border-bottom:0; margin:0 0 5px 0 !important}
  2130. .mitarbeiterin .schwerpunkte .titel h4,
  2131. .mitarbeiterin .schwerpunkte .titel h5 {margin:0; font-size:16px}
  2132. .mitarbeiterin .schwerpunkte.auf .titel {background:none}
  2133. .mitarbeiterin .schwerpunkte .titel a {cursor:default; text-decoration:none; color:rgb(78, 78, 78)}
  2134. .mitarbeiterin .schwerpunkteliste {list-style-type:disc !important; margin:0; padding-left:14px; display:block !important}
  2135. .mitarbeiterin .schwerpunkte ul {padding-left:16px !important}
  2136. .mitarbeiterin .schwerpunkte ul.liste {margin:0; padding:0; list-style-type:none; margin-bottom:10px; margin-top:0}
  2137. .mitarbeiterin .schwerpunkte ul.liste li {background-image:url("https://assets.rrz.uni-hamburg.de/assets/dart-round-gr-list-2-8759d510786446b0e0f8c4ba64a40ae7b53646d48535cf33a6b9a70155a493ea.gif"); background-repeat:no-repeat; line-height:19px; margin:0 0 2px; padding-left:8px}
  2138.  
  2139. .profile .mitarbeiterin {clear:none; margin-left:0;}
  2140. #profilepicture {position:relative; overflow:hidden; float:right}
  2141. #profilepicture .bildnachweis {display:none; position:absolute; transform:rotate(270deg); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom left; left:100%; white-space:nowrap; bottom:15px; font-size:12px; line-height:20px; padding:0 8px; color:#4e4e4e; background-color:rgba(255,255,255,0.6)}
  2142. #profilepicture:hover .bildnachweis {display:block}
  2143.  
  2144. .s .profile .mitarbeiterin {clear:none; margin-top:0;}
  2145. .s #profilepicture {float:none; display:inline-block;}
  2146. .s #profilepicture img {float:none; margin:0;}
  2147. .s #profilepicture .bildnachweis {bottom:7px;}
  2148.  
  2149. .mitarbeiterin hr {margin-bottom:30px}
  2150. .mitarbeiterin .orcid {display:inline-block;margin-top:15px;padding-right:30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/ORCIDiD_iconvector-8b7ae078a5ddc6b5c69f57ec2f80f2a8a58ca5054f891481a487fd7629bbac9d.svg"); background-position:right center; background-repeat:no-repeat}
  2151. .mitarbeiterin .google_scholar {margin-top:15px}
  2152. .mitarbeiterin .orcid + .google_scholar {margin-top:0}
  2153.  
  2154.  
  2155. .leichte-sprache main {font-size:120%}
  2156. .leichte-sprache h2 {font-size:26px !important}
  2157. .leichte-sprache h3 {font-size:23px !important}
  2158. .leichte-sprache h4 {font-size:22px !important}
  2159. .leichte-sprache .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) > li:not(.sortlink)::before {top: 12px}
  2160. .leichte-sprache .spalte.links ul ul {margin-top: 1.0em}
  2161. .leichte-sprache .spalte.links li + li {margin-top: 1.0em}
  2162. table.mouseover tr:hover td {background-color: #f6f6f6;}
  2163.  
  2164. .sortfkt {display:none}
  2165.  
  2166. html:not(.l) .spalte.links .autoscroll {position:relative; overflow:auto; margin-top:25px;max-height: calc(100vh - 200px)}
  2167. html:not(.l) .spalte.links .autoscroll.v {max-height: calc(100vh - 200px)}
  2168. html:not(.l) .spalte.links .autoscroll table {width: 100%; margin-top:0; border-collapse:collapse;border-spacing: 0px}
  2169. html:not(.l) .spalte.links .autoscroll.v table {border-collapse:separate}
  2170. html:not(.l) .spalte.links .autoscroll.v table thead {position:relative;z-index:2; position: -webkit-sticky; position:sticky; top:0}
  2171. html.ios:not(.l) .spalte.links .autoscroll.v table thead {position:relative!important}
  2172. html:not(.l) .spalte.links .autoscroll.v table thead th {background-color:#fff;border-bottom: 1px solid #ddd; border-left:none; position: -webkit-sticky; position:sticky; top:0;box-shadow: 0 -5px 0 #fff}
  2173. html:not(.l) .spalte.links .autoscroll table thead th:first-child {border-left: 1px solid #ddd}
  2174. html:not(.l) .spalte.links .autoscroll.h table thead th:first-child {position: -webkit-sticky; position: sticky; left: 0; background-color:#fff;z-index:2}
  2175. html:not(.l) .spalte.links .autoscroll table tbody td {border-left:none; border-top:none}
  2176. html:not(.l) .spalte.links .autoscroll table tbody td:first-child {border-left: 1px solid #ddd}
  2177. html:not(.l) .spalte.links .autoscroll.h table tbody td:first-child {position: -webkit-sticky; position: sticky; left: 0; right: 180px;background-color:#fff;z-index:1}
  2178.  
  2179. table.sort th[aria-sort],
  2180. table.sortable th[aria-sort]{cursor:default;position:relative;padding:0}
  2181. table.sort th[aria-sort] button,
  2182. table.sortable th[aria-sort] button{text-align:left;width:100%;padding:15px;cursor:pointer;position:relative;border:0;outline:0;border-radius:0;background-color:transparent;font-size: inherit;font-family: inherit;font-weight: normal;color: inherit;}
  2183. table.sort th[aria-sort] button:focus,
  2184. table.sortable th[aria-sort] button:focus{z-index:2}
  2185. table.sort th[aria-sort="none"] button:after,
  2186. table.sortable th[aria-sort="none"] button:after{content: "\25BE";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);opacity:0.5}
  2187. table.sort th[aria-sort="ascending"] button:after,
  2188. table.sortable th[aria-sort="ascending"] button:after{content: "\25B4";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);}
  2189. table.sort th[aria-sort="descending"] button:after,
  2190. table.sortable th[aria-sort="descending"] button:after{content: "\25BE";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);}
  2191.  
  2192. th{hyphens:none !important;-webkit-hyphens:none !important}
  2193.  
  2194. .oap-search-text a{text-decoration:underline}
  2195. .oap-search-text a:hover{text-decoration:none}
  2196. .oap-search-input input{-webkit-appearance: none; appearance: none;}
  2197. .oap-search-input input::-ms-clear{display:none}
  2198. .oap-search-input-clear{opacity:0.5;background-size: 22px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/delete-000-c1b811c5af466ccdd3f6b519f0f591ec19bea1f39d8a0b78ef1f9609f66323d8.svg");background-repeat:no-repeat;background-position:center;position:absolute;top:0;display:none;border:none;background-color:transparent; height: 60px;padding: 0;right: 67px;width: 50px !important;margin:0!important}
  2199. oap-search-input input[type="text"]:valid { padding-right:105px}
  2200. .oap-search-input input:valid ~ .oap-search-input-clear { display: block;}
  2201. .s .openaccess.datenbanken.expertdb{margin-bottom:0}
  2202. .expert_services{margin-top:30px;overflow:hidden}
  2203. .expert_services h2{font-family: TheSansUHHRegularCaps, sans-serif !important}
  2204. .s .outer.expert_services{padding:0 20px!important}
  2205. .expert_services_new{overflow:hidden}
  2206. .expert_services_new ul{padding-left:0 !important}
  2207. .expert_services_new li{padding-left:20px;float:left;margin-left:2%;width:23%}
  2208. .m .expert_services_new li{width:31%}
  2209. .s .expert_services_new li{width:47%}
  2210. .expert_services_new li:before{left:0 !important;}
  2211. .expert_services_new li a{text-decoration:underline}
  2212.  
  2213. #expert_services_taglist{overflow:hidden;margin-top:80px}
  2214. #expert_services_taglist h2{float:left;margin:-3px 30px 20px 0}
  2215. #expert_services_taglist .abc{float:right;margin:0 220px 20px 0}
  2216. html:not(.l) #expert_services_taglist .abc{margin:0 0 20px 0}
  2217. #expert_services_taglist div.abc a { float:left; min-width:15px;text-align:center;color:var(--UHH0271bb-hellblau)!important; padding:0 2px; }
  2218. #expert_services_taglist div.abc span { float:left;  }
  2219. #expert_services_taglist div.abc a:hover,#expert_services_taglist div.abc a:focus  { padding:0 2px;border:none;outline:none;background-color:#0271bb;color:var(--UHHfff-hellgrau)!important }
  2220. #expert_services_taglist_slider{clear:both;overflow:hidden;}
  2221. #expert_services_taglist_slider:before{content:"";display:table;width:100%;clear:both;height:10px}
  2222. #expert_services_taglist_slider h3{text-transform:uppercase}
  2223. #expert_services_taglist_slider h3.current{}
  2224. #expert_services_taglist_slider:not(.slick-initialized){opacity:0}
  2225. #expert_services_taglist_slider .slick-list.draggable{margin:0 130px}
  2226. .m #expert_services_taglist_slider .slick-list.draggable{margin:0 80px}
  2227. .s #expert_services_taglist_slider .slick-list.draggable{margin:0 50px}
  2228. #expert_services_taglist_slider .slide { float: left; min-width: 100px;margin:0 1px;padding:0 5px }
  2229. #expert_services_taglist_slider h3 { font-size: unset; margin: 0; padding: 0;color:var(--UHH0271bb-hellblau) }
  2230. #expert_services_taglist_slider .slide .tag { white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  2231. #expert_services_taglist_slider .slide a { color:rgb(78, 78, 78) }
  2232. #expert_services_taglist_slider .slide a:hover { text-decoration:underline!important; }
  2233. #expert_services_taglist_slider .slick-arrow{position: absolute;
  2234. top: 50%;;
  2235. right: -52px;
  2236. width: 60px;
  2237. height: 60px;
  2238. cursor: pointer;
  2239. background-size: contain;
  2240. background-position: center;
  2241. background-repeat: no-repeat;
  2242. background-image: url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg");}
  2243. #expert_services_taglist_slider .slick-arrow.slick-next{right:0;transform:translateY(-50%)}
  2244. #expert_services_taglist_slider .slick-arrow.slick-prev{left:0;transform:translateY(-50%) rotate(180deg)}
  2245. .m #expert_services_taglist_slider .slick-arrow.slick-next{right:-10px}
  2246. .m #expert_services_taglist_slider .slick-arrow.slick-prev{left:-10px}
  2247. .s #expert_services_taglist_slider .slick-arrow.slick-next{right:-13px}
  2248. .s #expert_services_taglist_slider .slick-arrow.slick-prev{left:-13px}
  2249.  
  2250. .expertdb .oap-fachbereich {color:rgb(2, 123, 203);font-family: TheSansUHHRegularCaps,sans-serif; font-size:24px;margin:60px 0 20px 0;}
  2251. .s .expertdb .oap-fachbereich {margin:60px 0 20px 14px;}
  2252. .expertdb .oap-no-result {margin-top:27px;margin-left:29px}
  2253. .expertdb .oap-result {border-top:none;padding-top:30px;margin-bottom:15px}
  2254. .expertdb .oap-result-title { margin-bottom: 10px;}
  2255. .expertdb .oap-result-tags { display: block;  margin-bottom: 10px;}
  2256. .expertdb .oap-result-tags:after { content:'';display:table;width:100%}
  2257. .expertdb .oap-result-tags >div{ display: block;}
  2258. .expertdb .oap-result .oap-result-tags > div:first-child{font-size:17px;width:auto}
  2259. .s .expertdb .oap-result .oap-result-tags > div:first-child{font-size:16px}
  2260. .expertdb .oap-result-tags > div:first-child { margin-bottom: 10px;}
  2261. .expertdb .oap-result .oap-result-tags .tag {float: left; margin: 0 4px 4px 0; background-color: rgb(240, 240, 240); font-size: 11px; height: 20px; line-height: 20px;padding: 0 10px; color: rgb(102, 102, 102);    text-decoration: none;}
  2262. .expertdb .oap-result .oap-result-info {display:block;overflow:hidden;line-height:1.7em}
  2263. .expertdb .oap-result .oap-result-info a{color:#4e4e4e}
  2264. .expertdb .oap-result .oap-result-info div:nth-child(1){float:left; font-family: TheSansUHHBold,sans-serif;vertical-align:top;padding-right:6px;white-space:nowrap}
  2265. .expertdb .oap-result .oap-result-info div:nth-child(1):after{content:":"}
  2266. .expertdb .oap-home{margin-top:90px;overflow:hidden;}
  2267. .expertdb .oap-home a{float:left;height:auto;cursor: pointer;display:block;font-size: 16px;padding:0 50px;font-family: TheSansUHHBoldCaps;border: none;text-align: center;line-height: 50px;color: rgb(255, 255, 255);background-color: #0271bb}
  2268. .expertdb .oap-result-image { text-align: center; position: relative; order: 2; width: 195px;}
  2269. .m .expertdb .oap-result-image {display:none!important}
  2270. .s .expertdb .oap-result-image {display:none!important}
  2271. .expertdb .oap-result-image img{ width: 180px;max-width: none !important;margin-left: 15px;background-color: RGB(250, 248, 249);}
  2272. .m .expertdb .oap-result-image img, .s .expertdb .oap-result-image img {    width: 100%!important;    margin-left: 0;}
  2273. /* ***************************************************************************************************************************************************************  */
  2274. /* openaccess portal + fis */
  2275. /* ***************************************************************************************************************************************************************  */
  2276.  
  2277.  
  2278. .openaccess{font-size:16px}
  2279. .s .openaccess{margin-bottom:60px}
  2280. .openaccess .datenbanken,.openaccess .publikationen{}
  2281.  
  2282. .s .openaccess{}
  2283. .oap-search{background-color:rgb(240,240,240);padding:26px 20px 27px 20px;position:relative;z-index:3}
  2284. .s .oap-search{padding:26px 20px 27px 20px;}
  2285. .uebersicht .oap-search{background-color:transparent;padding-bottom:0}
  2286. .oap-search:after{content:"";display:table;width:100%}
  2287. .l .oap-search{padding:26px 57px 27px 29px}
  2288. .l .uebersicht .oap-search{padding:26px 57px 0px 100px}
  2289. .oap-search-text{}
  2290. .l .oap-search-text p{float:right;width:280px;margin:-5px -40px 0 0;padding:0}
  2291. .oap-search-text h2 {margin: 0 0 10px 0; padding: 0!important;font-size:22px}
  2292. .oap-search-search{display:table;width:100%; margin-bottom:12px}
  2293. .l .oap-search-search{float:left;width:calc(100% - 285px)}
  2294. .s .oap-search-search{width:calc(100%)}
  2295. .oap-filter-text{}
  2296. .oap-filter-text:before{content:"";clear:both;display:table;width:100%}
  2297. .oap-search-filter{display:table;width:100%; margin-bottom:12px}
  2298. .oap-search-input{display:table-cell;font-size:0}
  2299. .oap-search-key,.oap-search-cond,.oap-search-string{
  2300. font-family: TheSansUHH, sans-serif!important;
  2301. box-sizing:border-box!important;
  2302. height:29px;
  2303. border:1px solid rgb(138,138,138);
  2304. font-size:12px;
  2305. color: #000;
  2306. background-color: #fff;
  2307. line-height: 28px;
  2308. padding: 0 6px;
  2309. outline: none;
  2310. }
  2311. .oap-search-input select{padding:0 2px}
  2312. .oap-search-key{width:calc(50% - 7px)}
  2313. .oap-search-cond{;width:calc(30% - 7px); margin-left:7px;display: inline-block;vertical-align: top;display:none}
  2314. .oap-search-string{width:calc(50%); margin-left:7px}
  2315. .oap-search-search{margin-bottom:28px}
  2316. .s .oap-search-search{margin-bottom:18px}
  2317. .oap-search-search .oap-search-input{position:relative;width:100%}
  2318. .oap-search-search .oap-search-string{width:100%; margin-left:0;line-height:59px;height:60px;padding-right:17px;padding-left:17px;font-size:15px}
  2319. .s .oap-search-input *{width:100%;margin:0 0 4px 0}
  2320. .oap-search-search .oap-search-select {}
  2321. .oap-search-search .oap-search-select:after {content:"";display:table;width:100%}
  2322. .oap-search-search .oap-search-select select {margin-bottom:6px;float:left; font-size: 15px; width: calc(33.33% - 8px); font-family: TheSansUHH, sans-serif; height: 36px;border: 1px solid rgb(138,138,138);}
  2323. .oap-search-search .oap-search-select select:not(:nth-child(3n)) {margin-right:12px;}
  2324. .s .oap-search-search .oap-search-select select {width: 100%;}
  2325. .s .oap-search-search .oap-search-select select + select {margin-top:12px; margin-left:0;}
  2326. .oap-search-button button:not(.resetbutton) {margin-top:25px; cursor:pointer;float:right; font-size: 16px; width: calc(33.33% - 8px); font-family: TheSansUHHBoldCaps; border:none; text-align:center; line-height:50px; color:var(--UHHfff-hellgrau); background-color:#0271bb}
  2327. .oap-search-button .resetbutton {float:right;margin-top:10px ;background: none;border: 0;font-family: TheSansUHH;font-size: 16px;cursor: pointer;color: #4E4E4E;padding-left: 20px;background-image: url("https://assets.rrz.uni-hamburg.de/assets/reload-121c259fd2a92ed2dc20d5a612fdaac75be0b42ca61bd77085230c4742a96f49.svg");background-repeat: no-repeat; background-position: left center;}
  2328. .m .oap-search-button button {padding-right:0 }
  2329. .s .oap-search-button button {padding-right:0}
  2330. .oap-search-button button:hover {text-decoration:underline}
  2331. .oap-search-handles{display:table-cell;font-size:0; width:74px; vertical-align:middle;white-space:nowrap}
  2332. .oap-filter-plus,.oap-filter-minus{cursor:pointer; margin-left:8px;color:transparent;border:0;padding:0;height:29px;width:29px; background:transparent url("https://assets.rrz.uni-hamburg.de/assets/plus-0da47c3236dfb6613f52f8fb74932c9931e73e6d798861abe9c88cf41954a37c.svg") no-repeat center}
  2333. .oap-filter-minus{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-9343245a8a1083d829a1c223c3b6984d39e8f41a79440b89ddc4f5ef3ff6d7b3.svg")}
  2334. .oap-search-settings{clear:both;overflow:hidden;margin-bottom:0px}
  2335. .l .oap-search-settings{width:calc(100% - 285px);}
  2336. .s .oap-search-settings{margin-bottom:18px;width:100%}
  2337. .oap-search-settings ul {float:left;list-style:none;margin:0 !important;padding:0 !important}
  2338. .oap-search-settings li {float:left;padding:0;}
  2339. .oap-search-settings li:last-child {margin-left:45px}
  2340. .s .oap-search-settings li:last-child {margin-left:15px}
  2341. .oap-search-settings li:before {content:none !important}
  2342. .oap-search-settings input{position:absolute;left:-100000px}
  2343. .oap-search-settings label:before {margin-right:7px;box-sizing:border-box!important;content:'';float:left;width:13px;height:13px;margin-top: 5px; border:1px solid #333;border-radius:13px;background-color:#fff}
  2344. .oap-search-settings input:checked + label:before {border:5px solid #006ab0}
  2345. .oap-search-settings label:hover:before {border:1px solid #006ab0;}
  2346. .oap-search-settings a{float:right}
  2347. .oap-search-selectgroup{clear:both;overflow:hidden;margin-bottom:28px}
  2348. .l .oap-search-selectgroup{width:calc(100% - 285px);}
  2349. .s .oap-search-selectgroup{margin-bottom:18px;width:100%}
  2350. .oap-search-selectgroup select{outline:none;float:left; font-size: 15px; width: calc(33.33% - 8px); font-family: TheSansUHH; height: 28px;border: 1px solid rgb(138,138,138);}
  2351. .oap-search-selectgroup select + select {margin-left:12px;}
  2352. .s .oap-search-selectgroup select{float:none; margin:0 0 5px 0;width:100%}
  2353. .oap-search-reset{clear:both;overflow:hidden;text-align:right}
  2354. .l .oap-search-reset{width:calc(100% - 285px)}
  2355. .s .oap-search-reset{width:100%}
  2356. .oap-search-reset button{height:36px;border:none;font-family: TheSansUHHSemiLightCaps;display: inline-block;background-color: #027bcb;color: #fff;line-height: 34px;height: 36px;padding: 0 15px;}
  2357. .oap-search-reset button:hover,
  2358. .oap-search-reset button:focus{text-decoration: underline}
  2359. .oap-search-submit{cursor:pointer; background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-search-4048f830a8b90b4c2c7649157f612bf6cf47482d62b8a2eacf6a6cf8d63c633f.png");background-position:center;background-repeat:no-repeat;position:absolute;right:0px;top:0px;bottom:0px;width:67px!important;border:1px solid rgb(138,138,138);background-color:#fff}
  2360. .oap-filter-submit{cursor:pointer; font-family: TheSansUHH, sans-serif;margin-top:14px;float:right;border:none;color:#fff;background-color:#E3001B;line-height:29px;padding:0;width:147px}
  2361.  
  2362. .oap-navigate{display:table;margin:34px 0 18px 0;width:100%;position:relative;z-index:2}
  2363. .oap-navigate label {padding:0 4px 0 16px; font-family: TheSansUHHBold,sans-serif; font-size:16px;}
  2364.  
  2365. .oap-navigate select {-moz-appearance: none; -webkit-appearance: none; appearance: none;  border: none;}
  2366. .oap-navigate select:-ms-expand {display: none;}
  2367. .oap-navigate select {box-sizing:content-box;background-color: #fff !important;}
  2368. .oap-navigate select {color:#4e4e4e; background-repeat:no-repeat; background-position:center right; background-image:url("https://assets.rrz.uni-hamburg.de/assets/option_label_grey-62cb4cc306b4adb8ea24a4dcd8d233febfd3aff3135eaa241d54afcef7aa8fb1.svg")}
  2369.  
  2370. .oap-navigate select {height:33px; line-height:33px;border: 1px solid rgb(191,191,191); padding-right:36px; font-family: TheSansUHHBold,sans-serif; font-size:16px;}
  2371. .oap-navigate select option {height:33px; line-height:33px;border: 1px solid rgb(191,191,191); font-family: TheSansUHHBold,sans-serif; font-size:16px;}
  2372.  
  2373.  
  2374. @media only screen and (max-width:1300px) {
  2375. html:not(.m) .oap-navigate {display: block !important; margin: 0 !important;}
  2376. html:not(.m) .oap-navigate > * {display: block !important; height: 33px;}
  2377. html:not(.m) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;}
  2378. html:not(.m) .oap-navigate label {padding-left:0;}
  2379. }
  2380.  
  2381. @media only screen and (max-width:780px) {
  2382. html:not(.s) .oap-navigate {display: block !important; margin: 0 !important;}
  2383. html:not(.s) .oap-navigate > * {display: block !important; height: 33px;}
  2384. html:not(.s) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;}
  2385. html:not(.s) .oap-navigate label {padding-left:0;}
  2386. }
  2387.  
  2388. @media only screen and (max-width:480px) {
  2389. .oap-navigate {padding:0 2px;}
  2390. .oap-navigate label {display:block;}
  2391. .oap-navigate-options-2 {height: 60px !important;}
  2392. }
  2393.  
  2394.  
  2395.  
  2396. .s .oap-navigate{margin:34px 14px 18px 14px;width:calc(100%)}
  2397. .oap-navigate>*{display:table-cell;vertical-align:middle;white-space:nowrap}
  2398.  
  2399. .s .oap-navigate-title{display:none}
  2400.  
  2401. .oap-navigate-page{text-align:right;padding-right:0;}
  2402. .oap-navigate-page *{display:inline}
  2403. .oap-navigate-browse{margin-left:14px;display:inline-table;border-collapse:collapse;vertical-align:middle;height:33px;border:1px solid  rgb(191,191,191)}
  2404. .oap-navigate-browse *{display:table-cell;vertical-align:middle;text-align:center;}
  2405. .oap-navigate-browse a,.oap-navigate-browse span{width:36px; border:1px solid  rgb(191,191,191); color:transparent;font-size:0; background:transparent url("https://assets.rrz.uni-hamburg.de/assets/oap-next-1-2a2e87ece275d93a56e8c7ed57a7d7303ca65072dded410ba416de84a60effa9.svg") no-repeat center}
  2406. .oap-navigate-browse a.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-1-9c2d83f33be44d44da35cdd0f26b3c4a41a9bdf08611a7a3eb75357307775dd2.svg")}
  2407. .oap-navigate-browse span.next{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-next-0-6b9293329798162aed88687b29c0b1ec85524fc0b6fb4ceee645272a0a9dae67.svg")}
  2408. .oap-navigate-browse span.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-0-13bb537658992e668cd03fcf75c8ce3f4c896c782e8ed38fec0281f9f4f3b245.svg")}
  2409. .oap-navigate-browse strong{padding:0 12px}
  2410.  
  2411. .oap-navigate-options{width:48px;height:33px; background:transparent url("https://assets.rrz.uni-hamburg.de/assets/options-783177c039a7d2eb9ea357e8df1f4533b9adc305e4f1b685d2d4da25e3b7422c.svg") no-repeat center;border:1px solid  rgb(191,191,191)}
  2412. .oap-options-flyout  {z-index:701;display:none;position:absolute; top:27px;right:0;border:1px solid  rgb(191,191,191);padding:15px;background-color:rgb(240,240,240)}
  2413. .oap-navigate-options:hover .oap-options-flyout  {display:block}
  2414.  
  2415. .oap-navigate.bottom{border-top:1px solid #bbb;padding-top:30px;}
  2416. .oap-navigate.bottom .oap-navigate-page{padding-right:0}
  2417.  
  2418. .oap-results{position:relative;z-index:1}
  2419. .oap-results p {  max-width: 730px!important}
  2420.  
  2421. .oap-result-block{margin:0 0 35px}
  2422. .oap-result-block + .oap-result-block{margin:15px 0 35px}
  2423. .oap-result-block > header{line-height:28px;font-family: TheSansUHHBold,sans-serif;background-color:rgb(240,240,240);font-size:20px;padding:0 6px; height:auto; }
  2424. .s .oap-result-block > header{padding:0 16px; }
  2425.  
  2426. .oap-result{margin-bottom:45px;padding-top:55px;border-top:1px solid rgb(187,187,187)}
  2427. .oap-result + .oap-result{margin-top:5px!important}
  2428. .oap-result a{text-decoration:underline;}
  2429. .publikationen .oap-result{margin:0 0 55px 0;}
  2430. .s .publikationen .oap-result{margin:0 0 45px 0;}
  2431. .publikationen .oap-result-block header + .oap-result{border-top:none}
  2432. .s .oap-result{padding:45px 20px 0 20px}
  2433. .oap-result-title{margin-bottom:25px;max-width:700px}
  2434. .oap-result-title a{display:inline-block;color:#4e4e4e}
  2435. .oap-result-title h2{margin:0 !important;line-height:1.25em!important}
  2436. .oap-result-title div{margin:0;line-height:1.25em!important;margin-top:5px}
  2437. .oap-result-authors{margin:5px 0;max-width:700px}
  2438. /* .oap-result-authors > span{padding-right:18px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/ORCIDiD_iconvector-8b7ae078a5ddc6b5c69f57ec2f80f2a8a58ca5054f891481a487fd7629bbac9d.svg");background-repeat:no-repeat;background-position:right center;background-size: 15px;} */
  2439. .oap-result-content{display:flex;width:100%}
  2440.  
  2441. .m .oap-result-content{display:block}
  2442. .s .oap-result-content{display:block}
  2443. .oap-result-text{order:1;max-width:730px;}
  2444. .oap-result-text p{max-width:730px;}
  2445. .l .oap-result-text{width:calc(100% - 285px)}
  2446. .s .oap-result-text{padding-right:0}
  2447. .oap-result-tags{ display:table;margin-bottom:20px;}
  2448. .s .oap-result-tags{ display:block;margin-bottom:15px;}
  2449. .oap-result-tags > *{ display:table-cell;vertical-align:top}
  2450. .s .oap-result-tags > *{ display:block}
  2451. .oap-result-tags > *:first-child {width:180px;font-family: TheSansUHHBold,sans-serif; font-size:16px!important}
  2452. .s .oap-result-tags > *:first-child {margin-bottom:10px }
  2453. .publikationen .oap-result-tags > div:first-child {display:none }
  2454. .oap-result-tags ul.tags {margin:0!important;padding:0!important}
  2455. .oap-result-tags ul.tags:after {content:"";display:table;width:100%}
  2456. .oap-result-tags li {float:left; margin: 0 4px 4px 0}
  2457. .oap-result-tags li:before {content:none!important}
  2458. .oap-result-tags .tag { float: left; background-color: #f0f0f0; font-size: 13px; min-height: 30px; line-height: 150%; padding: 5px 10px; color: #4e4e4e; text-decoration: none!important }
  2459. .oap-result-tags .tag:hover { text-decoration: underline!important }
  2460. .oap-result-source{ clear:both}
  2461. .oap-result-source .doclink{ margin-top:5px}
  2462.  
  2463. .oap-result-image{text-align:center;position:relative;order:2;width:285px;}
  2464. .m .oap-result-image{width:auto;margin-bottom:20px}
  2465. .s .oap-result-image{width:auto;margin-bottom:20px}
  2466. .oap-result-image a{display:block}
  2467. .oap-result-image img{width:270px;max-width:none!important;margin-left:15px;background-color:#FAF8F9;}
  2468. .m .oap-result-image img,.s .oap-result-image img{width:100%;margin-left:0;}
  2469.  
  2470. .oap-results.img640 .oap-result-content{display:flex;width:100%;max-width:100%}
  2471. .m .oap-results.img640 .oap-result-content{display:flex;}
  2472. .s .oap-results.img640 .oap-result-content{display:block;}
  2473. .oap-results.img640 .oap-result-text{order:1;max-width:730px;}
  2474. .l .oap-results.img640 .oap-result-text{}
  2475. .m .oap-results.img640 .oap-result-text{min-width:400px}
  2476. .s .oap-results.img640 .oap-result-text{padding-right:0}
  2477. .oap-results.img640 .oap-result-image{width:665px;position:relative}
  2478. .m .oap-results.img640 .oap-result-image{margin-bottom:20px}
  2479. .s .oap-results.img640 .oap-result-image{width:auto;margin-bottom:20px}
  2480. .oap-results.img640 .oap-result-image img{width:calc(100% - 25px)!important; max-width:448px!important;margin-left:25px}
  2481. .m .oap-results.img640 .oap-result-image img{margin-left:25px}
  2482. .s .oap-results.img640 .oap-result-image img{width:100%!important;;max-width:100%!important;;margin-left:0;}
  2483. .s  .oap-results.img640 .oap-result-text{width:100%;padding-right:0}
  2484.  
  2485. /* .oap-results.fulltext .oap-result-text{max-width:730px} */
  2486. /* .oap-results.fulltext .oap-result-content{display:flex;width:100%;max-width:100%} */
  2487. /* .oap-results.fulltext  .oap-result * {  max-width: 800px!important} */
  2488.  
  2489. .oap-result-image figure {float:left;margin: 0!important;max-width:none}
  2490. .oap-result-image figure figcaption {font-size: 12px;line-height: 1em; margin: 2px 0 0 0!important;text-align: right;}
  2491.  
  2492. .fisbox.schaltbar .inhalt{}
  2493. .fisbox.schaltbar .oap-result-block > header{background-color:transparent;padding:0 }
  2494. .fisbox.schaltbar .oap-result-title h2{font-size:16px}
  2495.  
  2496. .openaccess.datenbank h2,.openaccess.publikation h2{margin-top: -5px !important}
  2497. .oap-details{display:flex}
  2498. .m .oap-details{display:block}
  2499. .s .oap-details{display:block}
  2500. .oap-details-text{display:table;}
  2501. .l .oap-details-text{width:calc(100% - 285px)}
  2502. .s .oap-details-text{display:block;margin:0 14px;}
  2503. .oap-details-tr{display:table-row}
  2504. .oap-details-tr.sep{height:60px}
  2505. .oap-details-tr.sep:after{margin-top:30px;content:"";position:absolute;display:table;border-top:1px solid rgb(189,189,189);width:100%}
  2506. .s .oap-details-tr.sep:after{display:none}
  2507. .s .oap-details-tr{display:inline}
  2508. .oap-details-th,.oap-details-td{display:table-cell;padding:9px 0;vertical-align:top}
  2509. .oap-details-td p:first-child{margin-top:0}
  2510. .oap-details-td p:last-child{margin-bottom:0}
  2511. .l .oap-details-td{}
  2512. .s .oap-details-th,.s .oap-details-td{display:block;padding:4px 0}
  2513. .oap-details-th{color:#666!important;font-family: TheSansUHHBold,sans-serif;width:185px;text-align:right;padding-right:25px}
  2514. .s .oap-details-th{width:auto;text-align:left;padding-right:0}
  2515. .s .oap-details-td{margin-bottom:10px;overflow:hidden}
  2516. .oap-details .tag { float: left; margin: 0 4px 4px 0; background-color: #f0f0f0; font-size: 11px; height: 20px; line-height: 20px; padding: 0 10px; color: #4e4e4e; text-decoration: none; }
  2517.  
  2518. .oap-details-image{position:relative;order:2;width:285px;}
  2519. .m .oap-details-image{width:auto;margin-bottom:20px}
  2520. .s .oap-details-image{width:auto;margin-bottom:20px}
  2521. .oap-details-image img{max-width:none!important;background-color:#FAF8F9;}
  2522. .l .oap-details-image img{width:270px;margin-left:15px;}
  2523. .m .oap-details-image img,.s .oap-details-image img{width:100%;margin-left:0;}
  2524. .oap-home{margin-top:68px}
  2525. .s .oap-home{margin-left:14px}
  2526. .oap-home a{font-family: TheSansUHHSemiLightCaps,sans-serif;display:inline-block;background-color:#0271bb;color:var(--UHHfff-hellgrau);line-height: 34px; height:36px;padding:0 15px}
  2527. .oap-home a:hover, .oap-home a:focus{text-decoration:underline}
  2528.  
  2529. .openaccess.publikationen.person{}
  2530. .oap-vcard{overflow:hidden;margin-bottom:50px}
  2531. .oap-vcard-img{float:left;width:114px;height:133px}
  2532. .oap-vcard-img img{width:100%;background-color:#eee}
  2533. .oap-vcard-text{margin-left:20px;float:left;width:calc(100% - 132px - 20px)}
  2534. .oap-vcard-text dl{margin:8px 0;line-height:1.25em}
  2535. .oap-vcard-text dt{font-family: TheSansUHHBold,sans-serif; font-weight: normal;}
  2536. .oap-vcard-text dd{margin:0}
  2537. .oap-menu{background-color:rgb(153,153,153);color:#fff;height:30px;line-height:30px}
  2538. .oap-menu ul{margin:0;padding:0;}
  2539. .oap-menu li{float:left;border-right:1px solid #fff; padding:0 19px}
  2540. .oap-menu li:before{display:none}
  2541. .oap-menu-filter{float:right;border-left:1px solid #fff; padding:0 19px}
  2542. .oap-menu-filter select{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-select-96eca6cf8064bcf3f9c3040484e17dae007089ed670ee00f8c27df86ab21826f.png");background-repeat:no-repeat;background-position:right center;padding-right:15px;font-family: TheSansUHH, sans-serif;border:none;background-color:transparent;font-size:11px;color:#fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
  2543. .oap-menu-filter option{background-color:#fff;color:#000}
  2544.  
  2545. .person .oap-navigate{margin:25px 0 18px 0}
  2546.  
  2547.  
  2548. .etallink{color:#4E4E4E!important; text-decoration:none !important; border-bottom:1px dotted #000!important}
  2549. .etallink:hover{  border-bottom:1px solid #4E4E4E!important}
  2550.  
  2551. .oap-navigate-options-2 ul {list-style:none;margin:0 !important;padding:0 !important}
  2552. .oap-option{padding-right:20px}
  2553. .oap-navigate-options-2 > .oap-option-treffer{float:left}
  2554. .oap-navigate-options-2 > .oap-option-sort{float:right}
  2555. .oap-option-label{font-family: TheSansUHHBold,sans-serif;font-weight: normal;line-height: 32px; color:#4e4e4e; text-decoration:none !important;}
  2556. .oap-option-label:after{content:"\25BC";color:#6d6d6d;font-size:13px; display:inline-block;padding:0 6px 0 8px;}
  2557. .oap-navigate-options-2 li {margin:0 !important;padding:0 !important;cursor:pointer}
  2558. .oap-navigate-options-2 li:before {content:none !important}
  2559. .oap-navigate-options-2 li:after {content:none !important}
  2560. .oap-navigate-options-2 li:focus,
  2561. .oap-option-label:focus{position:relative;z-index:100000;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2562. .oap-option-popup{position:absolute;right:0;min-width: calc(100% + 12px);background-color:#fff;border:1px solid #bfbfbf;display:none}
  2563. .s .oap-option-popup{position:absolute;left:0;right:auto}
  2564. /* [aria-expanded="false"] + .oap-option-popup{display:none} */
  2565. /* [aria-expanded="true"] + .oap-option-popup{display:block} */
  2566. .oap-option-popup li{padding:0 25px 0 15px!important ; line-height:32px;color:#4E4E4E}
  2567. .oap-option-popup li[aria-selected="true"] {border-color:rgb(82,82,82);background-color:rgb(82,82,82)!important;cursor:default;color:#fff}
  2568. .oap-option-popup li:hover{background:#ddd}
  2569. .oap-option-popup li:focus{text-decoration:none;}
  2570. .oap-option-popup li:after{position:absolute;right:5px; font-size:13px;}
  2571. .oap-option-popup li[data-dir="up"]:after{content:"\25B2" !important}
  2572. .oap-option-popup li[data-dir="down"]:after{content:"\25BC" !important}
  2573.  
  2574. .oap-result-dates {}
  2575. .oap-result-date.begin {}
  2576. .oap-result-date.end { }
  2577. .oap-result-date.end:before {content:" \2192 ";display:inline-block; margin:0 10px }
  2578. .oap-result-classification {color:#4e4e4e;font-size:14px }
  2579.  
  2580.  
  2581.  
  2582. .s .fisbox .openaccess,
  2583. .s .tab-box .openaccess,
  2584. .s .pubbox .openaccess,
  2585. .s .schaltbar .openaccess{margin-left:0;margin-top:15px}
  2586. .fisbox .oap-result-text,
  2587. .tab-box .oap-result-text,
  2588. .pubbox .oap-result-text,
  2589. .schaltbar .oap-result-text{width:100%}
  2590. .fisbox .oap-search,
  2591. .tab-box .oap-search,
  2592. .pubbox .oap-search,
  2593. .schaltbar .oap-search{background-color:transparent;padding:0}
  2594. .l .fisbox .oap-search-search,
  2595. .l .tab-box .oap-search-search,
  2596. .l .pubbox .oap-search-search,
  2597. .l .schaltbar .oap-search-search { width: 100%;margin-bottom:14px }
  2598. .fisbox .oap-search-text h4,
  2599. .tab-box .oap-search-text h4,
  2600. .pubbox .oap-search-text h4,
  2601. .schaltbar .oap-search-text h4 {margin: 0 0 10px 0; padding: 0!important;}
  2602. .fisbox .oap-result-block > header,
  2603. .tab-box .oap-result-block > header,
  2604. .pubbox .oap-result-block > header,
  2605. .schaltbar .oap-result-block > header {min-width:0!important;font-size:18px;margin-bottom:15px;max-width:100%}
  2606. .fisbox .oap-result-title,
  2607. .tab-box .oap-result-title,
  2608. .pubbox .oap-result-title,
  2609. .schaltbar .oap-result-title { margin-bottom: 10px;}
  2610. .fisbox .oap-result-title h5,
  2611. .tab-box .oap-result-title h5,
  2612. .pubbox .oap-result-title h5,
  2613. .schaltbar .oap-result-title h5 {font-size: 17px; margin: 0px !important;line-height: 1.25em !important; }
  2614. .fisbox .publikationen .oap-result,
  2615. .tab-box .publikationen .oap-result,
  2616. .pubbox .publikationen .oap-result,
  2617. .schaltbar .publikationen .oap-result { margin: 0 0 10px 0;padding-top:15px;border-top:none;}
  2618. .s .fisbox .oap-result,
  2619. .s .tab-box .oap-result,
  2620. .s .pubbox .oap-result,
  2621. .s .schaltbar .oap-result {padding: 15px 0 0 0; }
  2622. .fisbox .oap-navigate,
  2623. .tab-box .oap-navigate,
  2624. .pubbox .oap-navigate,
  2625. .schaltbar .oap-navigate{margin:17px 0 18px 0 !important}
  2626. .m .fisbox .oap-navigate,
  2627. .m .tab-box .oap-navigate,
  2628. .m .pubbox .oap-navigate,
  2629. .m .schaltbar .oap-navigate{margin:0px 0 18px 0 !important}
  2630. .s .fisbox .oap-navigate,
  2631. .s .tab-box .oap-navigate,
  2632. .s .pubbox .oap-navigate,
  2633. .s .schaltbar .oap-navigate{margin:0px 0 0px 0 !important;margin-right:0 !important}
  2634. .fisbox .oap-navigate-page,
  2635. .tab-box .oap-navigate-page,
  2636. .pubbox .oap-navigate-page,
  2637. .schaltbar .oap-navigate-page { text-align: left;width:180px }
  2638. .fisbox .oap-navigate-browse,
  2639. .tab-box .oap-navigate-browse,
  2640. .pubbox .oap-navigate-browse,
  2641. .schaltbar .oap-navigate-browse {   margin-left: 0 !important;}
  2642. .s .fisbox:not(.outer) {padding:0 20px !important}
  2643. .s .fisbox .uhh-tabs [role="tabpanel"],
  2644. .s .tab-box blockquote,
  2645. .s .pubbox blockquote,
  2646. .s .schaltbar blockquote {padding:0!important;width:100%!important}
  2647. .s .fisbox .oap-navigate,
  2648. .s .tab-box .oap-navigate,
  2649. .s .pubbox .oap-navigate,
  2650. .s .schaltbar .oap-navigate {display:block!important;margin:0 !important}
  2651. .s .fisbox .oap-navigate > *,
  2652. .s .tab-box .oap-navigate > *,
  2653. .s .pubbox .oap-navigate > *,
  2654. .s .schaltbar .oap-navigate > *{display:block!important;height:33px}
  2655. .s .fisbox .oap-navigate-options-2,
  2656. .s .tab-box .oap-navigate-options-2,
  2657. .s .pubbox .oap-navigate-options-2,
  2658. .s .schaltbar .oap-navigate-options-2 {padding:0!important;width:100%!important;height:30px;margin:8px 0 !important;}
  2659. .s .fisbox #oap-option-popup-sort-pub,
  2660. .s .tab-box #oap-option-popup-sort-pub,
  2661. .s .pubbox #oap-option-popup-sort-pub,
  2662. .s .schaltbar #oap-option-popup-sort-pub{left:auto;right:0}
  2663.  
  2664.  
  2665. .profilebox .schaltbar .inhalt {padding:0px 0px 3px 0px;overflow:hidden !important}
  2666. .s .profilebox .schaltbar .inhalt {padding:0px 16px;overflow:hidden !important}
  2667. .pubbox .oap-result-block{overflow:hidden}
  2668. .s .pubbox {padding:0px 16px;}
  2669. .s a.alles.auf{margin-left:16px!important}
  2670. .oap-result-block  a.morelink{color: RGB(78, 78, 78) !important;text-decoration: none !important;border-bottom: 1px dotted rgb(0, 0, 0) !important;}
  2671. .oap-result-block  div.morecontent{color: RGB(78, 78, 78) !important;display:none}
  2672. .oap-result-block  a.morelink:hover{border-bottom-style:solid !important}
  2673.  
  2674. .fisbox .logos { margin-top:5px }
  2675. .fisbox .oalogo {display: inline-block; margin: 1px 0 0; vertical-align: top;height: 22px; width: auto;}
  2676. .fisbox .plumxlogo {display: inline-block; margin: 4px 0 0 6px; vertical-align: top;height: 30px; width: 32px;}
  2677. /* .PlumX-Popup {display: inline-block; margin: 0 0 0 5px; vertical-align: top;} */
  2678. /* .PlumX-Popup .plx-print { width: 35px!important;height: 40px!important} */
  2679. /* .PlumX-Popup .ppp-branding{ min-height: 23px} */
  2680. /* .PlumX-Popup .ppp-pop ul{padding:14px!important} */
  2681. /* .PlumX-Popup .ppp-pop ul ul{padding:0px!important} */
  2682. /* .PlumX-Popup .ppp-pop li:before{content:none!important} */
  2683.  
  2684. p.h2 {font-size:22px;margin:18px 0 35px;font-family:TheSansUHHBold, sans-serif; font-weight:normal}
  2685. form.standard {padding:20px 30px 20px 20px;font-size:16px;background-color:#f3f3f3;border:0; border-collapse:collapse}
  2686. form.standard div.optional {display:none; margin-left:20px}
  2687. form.standard div.optional label {position:relative}
  2688. form.standard div.optional label:before {content:"\21B3"; font-size:16px; position:absolute; left:-11px; top:-4px}
  2689. form.standard fieldset {border:0; padding:0; margin:1em 0}
  2690. form.standard fieldset:first-child, form.standard > input + fieldset{margin-top:0px}
  2691. form.standard fieldset + fieldset {margin-top:24px}
  2692. form.standard fieldset > p {margin:0 !important}
  2693. form.standard legend {padding:0; margin:0 0 0.4em 0; font-size:17px;font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important}
  2694. form.standard legend * {text-decoration:none !important}
  2695. form.standard legend p{padding:0; margin:0 0 0.4em 0; font-size:17px;font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important}
  2696. form.standard legend strong{font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important}
  2697. form.standard div.table {display:table; width:100%}
  2698. form.standard div.table.indent .cell {padding-left:10px}
  2699. form.standard div.table.border {display:table; width:100%}
  2700. form.standard div.row {display:table-row}
  2701. form.standard div.cell {display:table-cell; padding:6px 0px 6px 0; vertical-align:top; }
  2702. form.standard .cell p{margin:0 !important;font-size:16px !important}
  2703. form.standard div.cell w50 {width:50%}
  2704. form.standard div.label.cell {width:180px;padding-top:12px;padding-right:5px;}
  2705. form.standard div.label sup {position:absolute; margin-left:3px; font-family:TheSansUHHBold,sans-serif; font-weight:normal; font-size:14px}
  2706. form.standard div.label span:not(.required-field-marker) {display:block}
  2707. form.standard div.input {}
  2708. form.standard div.input > *:first-child:not(input):not(select):not(textarea):not(.datepickerHolder ){margin-top:6px!important}
  2709. form.standard div.input > #datenschutz, form.standard div.input > #datenschutz + label{margin-top:10px}
  2710. form.standard input[type="radio"] {margin-right:5px}
  2711. form.standard input[type="text"],form.standard input[type="email"] {width:100%}
  2712. form.standard select {width:100%}
  2713. form.hoersaalbuchung select {width:auto}
  2714. form.standard input[type="text"][size] {width:auto}
  2715. form.standard textarea {width:100%; height:80px; overflow:auto; resize:vertical;font-size:13px;padding:5px 10px}
  2716. form.standard textarea,
  2717. form.standard select,
  2718. form.standard input[type="text"],
  2719. form.standard input[type="submit"],
  2720. form.standard input[type="email"]{-moz-appearance: none;-webkit-appearance: none;appearance: none;color:#4e4e4e!important;box-sizing:border-box!important;border:1px solid #ddd; outline:none;border-radius:0;box-shadow:none;font-family:TheSansUHH, sans-serif; font-size:15px}
  2721. form.standard textarea:focus,
  2722. form.standard select:focus,
  2723. form.standard input[type="text"]:focus,
  2724. form.standard input[type="submit"]:focus,
  2725. form.standard input[type="email"]:focus{outline:none;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2726. form.standard select,
  2727. form.standard input[type="text"],
  2728. form.standard input[type="email"]{padding:0 10px;line-height:36px;height:36px}
  2729. .s form.standard textarea,.s form.standard select,.s form.standard input {font-size:15px}
  2730. form.standard select:-ms-expand {display: none;}
  2731. form.standard select {padding-right:30px; background-repeat:no-repeat; background-position:top right; background-size: auto 100%; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_select-e74f9908fa5dd6c540b5cf2cf2e7ed1e6c41cf1332d24c51604a35f765c22353.svg")}
  2732. form.standard div.input select:not(:first-child),
  2733. form.standard div.input input:not(:first-child),
  2734. form.standard div.input textarea:not(:first-child){margin-top:10px}
  2735. form.standard  div.input .datepickerHolder input{margin-top:0}
  2736. form.standard input[type="submit"]{cursor:pointer;border:none;margin-top:15px;font-size:17px;width:200px;height:50px; background-color: #0271bb;color:var(--UHHfff-hellgrau)!important; font-family: TheSansUHHBoldCaps, sans-serif;}
  2737. form.standard input[type="submit"]:hover{text-decoration:underline}
  2738. form.standard button[type="submit"],form.simpleform button[type="submit"]{cursor:pointer;border:none;margin-top:15px;font-size:17px;width:200px;height:50px; background-color: #0271bb;color:var(--UHHfff-hellgrau)!important; font-family: TheSansUHHBoldCaps, sans-serif;}
  2739. form.standard button.edit[type="submit"]{background-color: #777}
  2740. form.standard button[type="submit"]:focus,form.simpleform button[type="submit"]:focus{outline:1px solid #fff}
  2741. form.standard button[type="submit"]:hover,form.simpleform button[type="submit"]:hover{text-decoration:underline}
  2742. form.standard button[disabled]{opacity: 0.5;text-decoration: none !important;cursor: default !important;}
  2743. form.standard input[type="file"].styled-upload{font-size:18px;outline:1px dashed #000;background:yellow}
  2744. form.standard input[type="file"].styled-upload::file-selector-button{font-family:TheSansUHHSemiLightCaps;float:right;font-size:12px;background:green;border:2px solid blue;color:#fff}
  2745. form.standard .SciDatepicker button.icon {right: 2px;top: 2px;width: 32px;height: 32px;}
  2746. form.standard div.button div.cell:first-child {}
  2747. form.standard div.button div.input {text-align:right}
  2748. form.standard .radiogroup {padding-top:12px !important}
  2749. form.standard .field_with_errors {display:inline}
  2750. form.standard .field_with_errors input {border:2px solid red !important; border-radius:3px !important;}
  2751. form.standard .field_with_errors textarea {border:2px solid red !important; border-radius:3px !important;}
  2752. form.standard .field_with_errors select {border:2px solid red !important; border-radius:3px !important;}
  2753. form.standard .field_with_errors input[type=checkbox] {outline:2px solid red}
  2754. form.standard .field_with_errors input[type=radio] {outline:2px solid red}
  2755. form.standard .invalid {border:2px solid red !important; border-radius:3px}
  2756. form.standard .invalid[type=checkbox] {outline:2px solid red}
  2757. form.standard .radiogroup.invalid {border:2px solid red !important; border-radius:3px !important}
  2758. form.standard .sep {margin-top:12px; padding-top:12px}
  2759. form.standard .space {margin-bottom:6px}
  2760.  
  2761. form.standard .table.singlecol{display:block!important}
  2762. form.standard .table.singlecol .row{display:block!important}
  2763. form.standard .table.singlecol .cell{display:block!important;width:100%!important}
  2764. form.standard .table.singlecol .cell.label{padding-bottom:0!important}
  2765. form.standard .table.singlecol .cell + .cell{}
  2766. form.standard .table + .table .row:first-child .cell{}
  2767. form.standard .table.singlecol .cell.heading{}
  2768.  
  2769. .s form.standard {margin:0 !important; padding:20px}
  2770. .s .outer > .standard > form.standard {margin:0 -20px!important}
  2771. .s form.standard div.row{display:block}
  2772. .s form.standard div.cell{display:block; border:none;width:auto}
  2773. .s form.standard div.label.cell{padding:10px 0 2px 0}
  2774. .s form.standard div.input.cell{padding:2px 0 10px 0}
  2775. .s form.standard div.input.cell input[type="text"],
  2776. .s form.standard div.input.cell input[type="file"],
  2777. .s form.standard div.input.cell input[type="n"],
  2778. .s form.standard div.input.cell input[type="submit"],
  2779. .s form.standard div.input.cell textarea,
  2780. .s form.standard div.input.cell select {font-size: 16px;width:100%}
  2781. .s form.standard div.label.cell {border-right:none;}
  2782.  
  2783. form .input .textblock{font-size:15px;}
  2784. form .input .textblock + *{margin-top:5px!important}
  2785. form .table.singlecol .input .textblock:first-child{margin-top:-4px!important}
  2786. form [role="radiogroup"][aria-describedby] .input.radiogroup {padding-top:6px !important}
  2787. form .input.radiogroup .textblock{margin-bottom:6px;}
  2788.  
  2789. .s form .input.cell .textblock:first-child{margin-top:0!important}
  2790. .s form .input.cell.radiogroup{padding-top:3px!important}
  2791. .s form .input.cell .textblock{margin-bottom:6px;}
  2792.  
  2793.  
  2794.  
  2795. .form-confirm{margin-top:60px}
  2796. .form-confirm a:not(.calltoaction) {text-decoration:underline!important}
  2797. .form-confirm a:hover {text-decoration:none!important}
  2798. .form-confirm .alert {background-color: #f0f3f6;overflow: hidden;  position: relative; padding: 47px 170px 50px 50px;; hyphens:none!important}
  2799. .form-confirm .alert a{white-space:nowrap}
  2800. .s .form-confirm .alert {padding: 32px 100px 35px 35px;}
  2801. .form-confirm .alert:after {content: ''; position: absolute; border-radius: 60px; top: 50px; right: 50px; width: 80px; height: 80px;
  2802. background-color: var(--UHH0271bb-hellblau); background-image: url("https://assets.rrz.uni-hamburg.de/assets/icon-erfolg-100x100-8b395e83d71ec72132d45cee319e0d8e0e396d0a17e34425b76d5f110cb2cefb.svg");background-position:center;background-repeat:no-repeat}
  2803. .s .form-confirm .alert:after { border-radius: 60px; top: 40px; right: 30px; width: 60px; height: 60px; background-size:100%}
  2804. .form-confirm .alert h2 {margin:0 !important}
  2805. .form-confirm .alert p {font-size:16px; margin:30px 0 0!important;word-break: break-word}
  2806. .s .form-confirm .alert p {font-size:16px; margin:20px 0 0!important}
  2807. .s .form-confirm .info {padding:0 20px}
  2808. .form-confirm .info h2{font-size:22px !important; margin-top:40px !important}
  2809. .s .form-confirm .data {padding:0 20px}
  2810. .s .form-confirm form {padding:0 20px}
  2811. .form-confirm .data h2{font-size:22px !important; margin-top:40px !important}
  2812. .form-confirm .data table,.form-confirm .data table th,.form-confirm .data table td{all:unset}
  2813. .form-confirm .data table{display:table !important}
  2814. .form-confirm .data th,.form-confirm .data td{display:table-cell !important; }
  2815. .form-confirm .data th{font-family: TheSansUHHBold,sans-serif !important; padding:6px 30px 6px 0 !important}
  2816. .s .form-confirm .data th{padding:6px 20px 6px 0 !important}
  2817. .form-confirm .data td{ padding:6px !important;word-break: break-word!important; hyphens:auto!important}
  2818. .form-confirm .data td ul{ padding-left:18px !important;margin:0!important}
  2819. .form-confirm .data td li:before { left: -16px !important}
  2820. .required-field-marker sup{vertical-align: top;  font-size: inherit;}
  2821. .back-to-form.calltoaction{margin-top:32px}
  2822.  
  2823. .uhh-file-upload{display:none }
  2824. .uhh-file-input{margin-top:0 !important;position: relative;  }
  2825. .uhh-file-input .direct-upload{display:none}
  2826. .uhh-file-input--target{ position: relative; text-align: center; display:inline-block}
  2827. .uhh-file-input.has-file .uhh-file-input--target{ float:right}
  2828. .uhh-file-input--instructions{padding: 5px 15px 5px 38px;  pointer-events: none;  position: relative;  z-index: 3;color:#fff;font-size:14px}
  2829. .uhh-file-input--input{vertical-align:top;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-upload-24x24-4b74e9d3307f7908e41311b7cccb4f43f862eab15f83c33a6723edc6074a8af4.svg");background-repeat:no-repeat;background-position:10px center;position:absolute;cursor: pointer; height: 100%; left: 0; margin: 0!important; max-width: none;  text-indent: -999em;  top: 0;  width: 100% !important;  z-index: 1;}
  2830. .uhh-file-input--preview{display:none;width:100%;overflow:hidden;margin-bottom:12px}
  2831. .uhh-file-input.has-file .uhh-file-input--preview{display:block}
  2832. .uhh-file-input--preview div{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-file-24x24-c970cc0cde34cd5d3dd2e7fd6b19e9ee87440701cac195808b90921f9e7699a1.svg");background-repeat:no-repeat;
  2833. background-position:14px center;background-color:#fff; margin-bottom:2px;min-height:34px;padding:8px 10px 8px 38px;}
  2834. .uhh-file-input--no-file{height:34px;line-height:34px;vertical-align:top;display:inline-block; margin-left:15px}
  2835. .uhh-file-input.has-file .uhh-file-input--no-file{display:none}
  2836. .uhh-file-input--delete{cursor:pointer;margin-right:10px;vertical-align:top;display:none !important; height:34px;width:34px !important;padding:0 !important;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-delete-24x24-e57142be989bcdacd81d10a5bc7d1d08a03051fa46103e75fa46df484a134c5e.svg");background-repeat:no-repeat;background-position:center;}
  2837. .uhh-file-input.has-file .uhh-file-input--delete{display:inline-block !important}
  2838.  
  2839.  
  2840. .uhh-checkbox[type="checkbox"]{opacity:0;position:absolute; left:-10000px}
  2841. .uhh-checkbox + .uhh-checkbox-button{;margin:0 16px 0 0;position:relative;width:24px;height:24px;display:inline-block;background-color:#fff;vertical-align:top;cursor:pointer;}
  2842. .uhh-checkbox-button:after {content: ""; position: absolute; display:none;left:50%;top:50%; width: 5px; height: 10px; border: 1px solid #4e4e4e; border-width: 0 3px 3px 0; transform: translate(-50%,-60%) rotate(45deg);}
  2843.  
  2844. /*:hover*/ .uhh-checkbox:hover + .uhh-checkbox-button:after, .uhh-checkbox-button:hover:after{display:block; border-color: #ddd}
  2845. /*:checked*/
  2846. .uhh-checkbox:checked + .uhh-checkbox-button{background:#0271bb}
  2847. .uhh-checkbox:checked + .uhh-checkbox-button:after{display:block; border-color: #fff; }
  2848. /*:focus*/
  2849. .uhh-checkbox:focus + .uhh-checkbox-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2850. /*:checked:hover*/
  2851. .uhh-checkbox:checked:hover + .uhh-checkbox-button:after, .uhh-checkbox:checked + .uhh-checkbox-button:hover:after{display:block;opacity:0.85}
  2852. /*:focus:hover*/
  2853. /*:focus:checked:hover*/
  2854. /*:disabled*/
  2855. .uhh-checkbox[disabled] + .uhh-checkbox-button{background:transparent!important;cursor:default;border:1px solid #ddd}
  2856. .uhh-checkbox[disabled] + .uhh-checkbox-button:after{display:none!important}
  2857. /*:disabled:checked*/
  2858. .uhh-checkbox[disabled]:checked + .uhh-checkbox-button:after{display:block!important; border-color: #aaa!important;opacity:1!important}
  2859. /*:field_with_errors:hover*/
  2860. .field_with_errors .uhh-checkbox:hover + .uhh-checkbox-button:after, .field_with_errors .uhh-checkbox + .uhh-checkbox-button:hover:after{border-color: var(--UHH0271bb-fff)!important;display:block;opacity:0.5}
  2861. /*:field_with_errors:checked:hover*/
  2862. .field_with_errors .uhh-checkbox:checked:hover + .uhh-checkbox-button:after, .field_with_errors .uhh-checkbox:checked + .uhh-checkbox-button:hover:after{border-color: var(--UHH0271bb-fff)!important;display:block;opacity:0.85}
  2863. /*:field_with_errors:checked*/
  2864. .field_with_errors .uhh-checkbox:checked + .uhh-checkbox-button:after, .field_with_errors .uhh-checkbox:checked + .uhh-checkbox-button:after{border-color: var(--UHH0271bb-fff)!important;display:block;opacity:1}
  2865.  
  2866.  
  2867. .uhh-radiogroup{}
  2868. .uhh-radiogroup label:not(:has([disabled])){cursor:pointer}
  2869. .uhh-radiogroup label *{cursor:pointer}
  2870. .uhh-radiogroup label:after{cursor:pointer;content:"";display:table;width:100%;height:5px}
  2871. .uhh-radio{position:absolute; left:-10000px}
  2872. .uhh-radio[disabled]~*{cursor:default}
  2873. .uhh-radio-button{float:left;border:1px solid #ddd;border-radius:12px;margin: 0 15px 0 0;  position: relative;  width: 24px;  height: 24px;  display: inline-block;  background-color: #fff;  vertical-align: middle;  cursor: pointer;}
  2874. .uhh-radio-button:after {content: ""; position: absolute; display:none;left:50%;top:50%; width: 10px; height: 10px; border-radius:10px;background: #ddd; transform: translate(-50%,-50%);}
  2875. .uhh-radio-button:before {content: ""; position: absolute; display:none;left:0;top:0; width: 100%; height: 100%; border-radius:24px;outline: 1px solid #c40017 !important;background: #ffdbe0}
  2876. .uhh-radio-button + span{float:left;max-width:calc(100% - 39px)}
  2877.  
  2878. /*:hover*/
  2879. .uhh-radio:hover + .uhh-radio-button:after, .uhh-radio-button:hover:after{display:block}
  2880. /*:checked*/
  2881. .uhh-radio:checked + .uhh-radio-button{background:#0271bb;border-width:0;}
  2882. .uhh-radio:checked + .uhh-radio-button:after{display:block; background-color: #fff; }
  2883. /*:focus*/
  2884. .uhh-radio:focus + .uhh-radio-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2885. /*:checked:hover*/
  2886. .uhh-radio:checked:hover + .uhh-radio-button:after, .uhh-radio:checked + .uhh-radio-button:hover:after{opacity:0.85}
  2887. /*:focus:hover*/
  2888. /*:focus:checked:hover*/
  2889. /*:disabled*/
  2890. .uhh-radio[disabled] + .uhh-radio-button{background:transparent!important;cursor:default;border:1px solid #ddd}
  2891. .uhh-radio[disabled] + .uhh-radio-button:before{display:none!important}
  2892. .uhh-radio[disabled] + .uhh-radio-button:after{display:none!important}
  2893. /*:disabled:checked*/
  2894. .uhh-radio[disabled]:checked + .uhh-radio-button:after{display:block!important; border-color: #aaa!important;opacity:1!important}
  2895. /*:invalid*/
  2896. .uhh-radiogroup[aria-invalid="true"] .uhh-radio-button:before{display:block}
  2897.  
  2898. form.standard.v23 {padding:20px;background-color: #F0F3F6 ;}
  2899. form.standard.v23 select,
  2900. form.standard.v23 input[type="text"],
  2901. form.standard.v23 input[type="number"],
  2902. form.standard.v23 input[type="email"]{padding:0 10px;line-height:40px;height:40px}
  2903.  
  2904. form.standard.v23 textarea,
  2905. form.standard.v23 select,
  2906. form.standard.v23 input[type="text"],
  2907. form.standard.v23 input[type="number"],
  2908. form.standard.v23 input[type="submit"],
  2909. form.standard.v23 input[type="email"]{border:0}
  2910.  
  2911. form.standard.v23 .button.row .cell { padding: 30px 0 0}
  2912. form.standard.v23 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017}
  2913. form.standard.v23 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;}
  2914.  
  2915. form.standard.v24 {padding:20px;background-color: #F0F3F6 ;}
  2916. form.standard.v24 select,
  2917. form.standard.v24 input[type="text"],
  2918. form.standard.v24 input[type="number"],
  2919. form.standard.v24 input[type="email"]{padding:0 10px;line-height:40px;height:40px}
  2920.  
  2921. form.standard.v24 textarea,
  2922. form.standard.v24 select,
  2923. form.standard.v24 input[type="text"],
  2924. form.standard.v24 input[type="number"],
  2925. form.standard.v24 input[type="submit"],
  2926. form.standard.v24 input[type="email"]{border:0}
  2927.  
  2928. form.standard.v24 .button.row .cell { padding: 30px 0 0}
  2929. form.standard.v24 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017}
  2930. form.standard.v24 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;}
  2931.  
  2932.  
  2933. .standard.v24 .validationMessage{display:none}
  2934. .standard.v24 .field_with_errors select[aria-invalid],
  2935. .standard.v24 .field_with_errors textarea[aria-invalid],
  2936. .standard.v24 .field_with_errors input[aria-invalid]:not([type="checkbox"]):not([type="radio"]):not(.uhh-file-input--input) { border:0!important;outline: 1px solid #c40017!important; border-radius:0!important;;  background-color: #ffdbe0;  outline-offset: -1px;}
  2937.  
  2938. .standard.v24 .row_with_errors .validationMessage{  display: block; color: #c40017; font-size: 14px;}
  2939. .standard.v24 .field_with_errors input[aria-invalid].uhh-file-input--input { border:0!important;outline: 0px!important; border-radius:0!important; background-color: var(--UHH0271bb-fff); }
  2940. .standard.v24 .field_with_errors .uhh-file-input--preview div{outline: 1px solid #c40017!important;outline-offset:-1px}
  2941. .standard.v24 .field_with_errors .uhh-file-input .validationMessage{margin:10px 0 13px;padding:10px 15px;border:0!important;outline: 1px solid #c40017!important; border-radius:0!important;;  background-color: #ffdbe0;  outline-offset: -1px; }
  2942.  
  2943. .standard.v24 .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom}
  2944. .standard.v24 .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px}
  2945. .standard.v24 .validationMessage + .field_with_errors{display:block}
  2946. .standard.v24 .checkbox.row_with_errors .validationMessage{display:inline-block}
  2947.  
  2948.  
  2949. .form-inputbox{margin:0;padding:0;border:0}
  2950. .form-inputbox legend{margin:0;padding:0}
  2951. .form-inputbox > button { position:relative;background-color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 24px 0 6px;text-align: left;margin-top: 2px;width: 100%; cursor: pointer;border: 1px solid #e6e6e6;font-size: 15px;font-family: TheSansUHH, sans-serif;height: 38px;line-height: 38px;}
  2952. .form-inputbox > button:after {content:"";background-color:#0271bb;position:absolute; right:0;top:0;height:36px;width:23px; background-size: 10px 5px;background-position:center; background-repeat:no-repeat;background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%205%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22cls-1%22%20d%3D%22M.19.18A.53.53,0,0,0,0,.58.54.54,0,0,0,.19,1L4.54,4.83A.66.66,0,0,0,5,5a.69.69,0,0,0,.46-.17L9.8,1A.53.53,0,0,0,10,.42.63.63,0,0,0,9.52,0a.71.71,0,0,0-.63.16L5,3.63,1.09.18A.66.66,0,0,0,.64,0,.66.66,0,0,0,.19.18Z%22%2F%3E%3C%2Fsvg%3E);}
  2953. .form-inputbox > button[aria-expanded="true"] {}
  2954. .form-inputbox > button[aria-expanded="true"]:after {transform:rotate(180deg)}
  2955. .form-inputbox ul{font-size:15px;z-index:1;background:#fff;border:1px solid #e6e6e6;position:absolute;margin:-1px 0 0 0;padding:0!important;display:none;width:100%}
  2956. .form-inputbox li{max-width:none!important}
  2957. .form-inputbox li:before{content:none!important;position:relative;max-width:none}
  2958. .form-inputbox label{display:block}
  2959. .form-inputbox label input{position:absolute;left:5px;height:26px;margin:0}
  2960. .form-inputbox label input:focus{outline:0!important;box-shadow:none!important}
  2961. .form-inputbox label span{padding:4px 10px 4px 25px;display:block;cursor:pointer;line-height:1.25em}
  2962. .form-inputbox label input:checked + span{cursor:default}
  2963. .form-inputbox label input:focus + span{outline:1px solid var(--UHH0271bb-fff);outline-offset:-1px;box-shadow: 0 0 5px 0 var(--UHH0271bb-fff) inset;}
  2964. /* Provide a fallback style for browsers   that don't support :focus-visible */
  2965. .form-inputbox > button:focus{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2966. /* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */
  2967. .form-inputbox > button:focus:not(:focus-visible){outline: none!important;box-shadow:none!important}
  2968. /* Draw a very noticeable focus style for keyboard-focus on browsers that do support :focus-visible */
  2969. .form-inputbox > button:focus-visible{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  2970.  
  2971. .box_event_application_form {margin-top:30px}
  2972. .h1 + .box_event_application_form { margin-top: 60px;}
  2973. .box_event_application_form > h2 {margin:0 0 30px !important}
  2974. .s .box_event_application_form > h2 {margin:0 20px 30px !important}
  2975. .box_event_application_form > ul {list-style:none; margin:0 !important; padding:0 !important}
  2976. .box_event_application_form > ul > li:before {content:none !important}
  2977. .box_event_application_form > ul > li.warteliste:before {content:"" !important; position:absolute !important; width:6px !important; height:100% !important; top:0 !important; left:0 !important; background-color:#F7AD10 !important}
  2978. .box_event_application_form > ul > li.gebucht:before {content:"" !important; position:absolute !important; width:6px !important; height:100% !important; top:0 !important; left:0 !important; background-color:#359D3E !important}
  2979. .box_event_application_form > ul > li {background-color: #f0f3f6; max-width:none !important}
  2980. .box_event_application_form > ul > li:after {content:""; display:table; width:100%}
  2981. .box_event_application_form > ul > li > div {display:flex; gap:20px; width:100%;padding-right: 10px;}
  2982. .s .box_event_application_form > ul > li > div {flex-direction:column; gap:0}
  2983. .box_event_application_form > ul > li:not(:first-child) {margin-top:10px}
  2984. .box_event_application_form > ul > li > div p {margin:0}
  2985. .box_event_application_form > ul > li .date {padding:13px 0 15px 20px; flex:0 0 185px; position:relative}
  2986. .s .box_event_application_form > ul > li .date {flex:0; text-align:left; padding:14px 20px 6px }
  2987. .box_event_application_form > ul > li .date div:first-child {font-family: TheSansUHHBoldCaps,sans-serif; font-size: 18px;  margin-bottom: 3px}
  2988. .box_event_application_form > ul > li .date .sep {display:none; margin:0 12px}
  2989. .s .box_event_application_form > ul > li .date .sep {display:inline-block}
  2990. .s .box_event_application_form > ul > li .date div {display:inline-block}
  2991. .box_event_application_form > ul > li .date div:last-child {white-space:nowrap; font-family: TheSansUHHRegularCaps,sans-serif;  font-size: 18px;  line-height: 13px}
  2992. .box_event_application_form > ul > li .title {flex-grow: 1; font-size:16px; font-family: TheSansUHH, sans-serif; padding:14px 0; line-height:1.4}
  2993. .s .box_event_application_form > ul > li .title {padding:0 20px}
  2994. .box_event_application_form > ul > li .booking {padding:20px; flex:0 0 135px; text-align:right}
  2995. .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 }
  2996. .s .box_event_application_form > ul > li .booking br {display:none;}
  2997. .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 }
  2998. .box_event_application_form > ul > li.has-form .booking button{display:none !important}
  2999. .s .box_event_application_form > ul > li.has-form .booking {display:none }
  3000. .box_event_application_form > ul > li .booking .calltoaction {white-space:nowrap; padding:7px 14px !important; font-size:14px !important; font-family: TheSansUHHBold,sans-serif !important}
  3001. .box_event_application_form > ul > li .booking .calltoaction.warteliste {background-color:#3b515c !important}
  3002. .box_event_application_form > ul > li .booking em {margin-top:-4px; font-size:14px !important; hyphens:none; line-height:1.3 !important; display:inline-block; vertical-align:top}
  3003. .s .box_event_application_form > ul > li .booking em {float:right}
  3004. .box_event_application_form > ul > li > p.alert {margin:5px 30px 20px 205px !important; background-color:#FFDBE0; border:1px solid #E2041C; padding:12px 15px; max-width:none}
  3005. .s .box_event_application_form > ul > li > p.alert {margin:0px 20px 20px 20px !important}
  3006. .box_event_application_form > ul > li.has-form > p.alert {margin:5px 30px 0px 205px !important}
  3007. .s .box_event_application_form > ul > li.has-form > p.alert {margin:20px 20px 0px 20px !important}
  3008.  
  3009. .box_event_application_form p.alert + form {padding:10px 20px 30px}
  3010. .s .box_event_application_form p.alert + form {padding:0px 20px 30px}
  3011.  
  3012.  
  3013. .h1 + .event_application { margin-top: 60px;}
  3014. .s .event_application { padding:0 20px;}
  3015.  
  3016.  
  3017. .box_event_application_form .validationMessage{display:none}
  3018. .box_event_application_form .field_with_errors select[aria-invalid],
  3019. .box_event_application_form .field_with_errors textarea[aria-invalid],
  3020. .box_event_application_form .field_with_errors input[aria-invalid]:not([type="checkbox"]):not([type="radio"]) { border:0!important;outline: 1px solid #c40017!important; border-radius:0!important;;  background-color: #ffdbe0;  outline-offset: -1px;}
  3021. .box_event_application_form .row_with_errors .validationMessage{  display: block; color: #c40017; font-size: 14px;}
  3022. .box_event_application_form .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom}
  3023. .box_event_application_form .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px}
  3024. .box_event_application_form .validationMessage + .field_with_errors{display:block}
  3025. .box_event_application_form .checkbox.row_with_errors .validationMessage{display:inline-block}
  3026.  
  3027. .download_event_application_form, .slots > .slot > a, .quicklinks_to_event_application_form_slots a {  text-decoration: underline !important;}
  3028. .download_event_application_form:hover, .slots > .slot > a:hover, .quicklinks_to_event_application_form_slots a:hover {  text-decoration: none !important;}
  3029. .quicklinks_to_event_application_form_slots li + li{margin-top:10px}
  3030. /*Regeln für neuen form.standard dom*/
  3031.  
  3032. form.standard.uhh-form {padding:15px 30px 30px 20px!important}
  3033. form.standard.uhh-form .full-width legend.sweeped{margin-top:10px!important}
  3034. .s form.standard.uhh-form {padding:0 20px 30px}
  3035. form.standard.uhh-form .close {margin:-10px -8px 0 0; border:0; background-color:transparent; float:right; width:40px; height:40px; cursor:pointer}
  3036. form.standard.uhh-form .rows {}
  3037. form.standard.uhh-form .row {display:flex !important; gap:20px; margin-top:10px}
  3038. .s form.standard.uhh-form .row {display:block !important}
  3039. form.standard.uhh-form .row.block {display:block !important}
  3040.  
  3041. form.standard.uhh-form .row .description {flex:0 0 165px; padding:0 0 0}
  3042. .s form.standard.uhh-form .row .description {padding:0 0 5px}
  3043. form.standard.uhh-form .row .content {flex-grow: 1; position:relative}
  3044. form.standard.uhh-form .row.slot-info .description {padding-top:15px}
  3045. form.standard.uhh-form .row.slot-info .content {padding:5px 15px; background-color:#fff}
  3046. form.standard.uhh-form .row.slot-info p {margin:0; padding:10px 0; background-repeat:no-repeat; background-position: 5px center}
  3047. form.standard.uhh-form .row.slot-info p.date {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-zeit-24x24-cf494f433ea58ed843eca015a400c92f5d4e46af5d985a9323999035f3763f15.svg")}
  3048. form.standard.uhh-form .row.slot-info p.location {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-ort-24x24-d0368f82434c844c14f00d475a7e1bf21a4d5171966614549472239fe6f113e8.svg")}
  3049. form.standard.uhh-form .row.slot-info p.seats {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-personen-6205648728f783f882c87f4a965554e6bf510235b43720c7bdd9bb3d0c0288f1.svg"); background-position:0px center}
  3050. form.standard.uhh-form .row.slot-info p.bookable_until {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-ausrufezeichen-24x24-46d78f5f5859ab1ebf5fc5d34234c7aaed03a1687702dd9fd29a7933ac00ea15.svg"); background-position: 0px center}
  3051. form.standard.uhh-form .row.slot-info p.calendar {padding:10px 0 10px 30px; text-align:right}
  3052. form.standard.uhh-form .row.slot-info p + p {border-top:1px solid #E6E6E6}
  3053.  
  3054. form.standard.uhh-form .row.datenschutz {margin-top:20px}
  3055. form.standard.uhh-form .row.datenschutz .description {padding-top:5px}
  3056.  
  3057. form.standard.uhh-form .submit {text-align:right; margin-top:20px}
  3058. form.standard.uhh-form input[type="checkbox"] {margin-left:0}
  3059. .s form.standard.uhh-form .submit {margin-top:30px}
  3060. form.standard.uhh-form .submit * {height:50px; margin-top:10px!important}
  3061. form.standard.uhh-form .submit :first-child:not(:last-child) {background-color:#3b515c !important; margin:0}
  3062. form.standard.uhh-form .submit :last-child {margin:0 0 0 20px}
  3063.  
  3064.  
  3065. .box_mailform_newsletter form.standard.uhh-form {padding:35px!important}
  3066. .box_mailform_newsletter form .rows h2 {margin:0!important}
  3067. .box_mailform_newsletter form.standard.uhh-form .row{flex-direction: column; gap:10px;margin-top:20px}
  3068. .box_mailform_newsletter form.standard.uhh-form .row .description{flex:auto}
  3069. .box_mailform_newsletter form.standard.uhh-form .row .description:empty{display:none}
  3070. .box_mailform_newsletter form.standard.uhh-form .row .description label{font-family: TheSansUHHBold, sans-serif}
  3071. .box_mailform_newsletter form.standard.uhh-form .row.submit {text-align:right}
  3072. .s .box_mailform_newsletter form.standard.uhh-form {
  3073. margin: 60px 0 40px !important;
  3074. }
  3075. :root {
  3076. --grid-box-margin: 2.2%;
  3077. --grid-box-margin-: -2.2%;
  3078. --grid-box-width_2-of-3: calc((100% - 6*var(--grid-box-margin))/3*2 + 2*var(--grid-box-margin));
  3079. --grid-box-width_1-of-3: calc((100% - 6*var(--grid-box-margin))/3);
  3080. --grid-box-width_1-of-2: calc((100% - 4*var(--grid-box-margin))/2);
  3081. }
  3082. .outer.wfa{position:relative}
  3083. a.wfa-veranstaltungshinweise {-webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);position:relative;font-family: TheSansUHHSemiLightCaps, sans-serif;font-size:16px;padding:10px 40px 13px 108px;position:absolute !important;right:0; background: #0271bb;color: #fff; background-image:url("https://assets.rrz.uni-hamburg.de/assets/wfa_eckig-03306196a3f68e6259a57004007639148ea701f9a7052dc9249f1ba5a71ff501.svg"); background-size:80px 26px; background-position: 18px center; background-repeat:no-repeat}
  3084. .l a.wfa-veranstaltungshinweise {top: 30px;}
  3085.  
  3086. .m .outer.wfa{padding-bottom:80px !important;}
  3087. .m a.wfa-veranstaltungshinweise {right: 0px;margin-bottom: 30px;bottom:0}
  3088. .s .outer.wfa{padding-bottom:120px !important;}
  3089. .s a.wfa-veranstaltungshinweise {margin-top:30px;margin-bottom: 40px;;bottom:0}
  3090.  
  3091.  
  3092. .grid-container{margin:20px var(--grid-box-margin-);display:flex;flex-wrap: wrap;flex-direction: row;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: start;justify-content: flex-start;}
  3093. .grid-item{position:relative;width:var(--grid-box-width_1-of-3); margin:var(--grid-box-margin);}
  3094.  
  3095. .grid-item a{display:block;  color: #4e4e4e;word-wrap: break-word}
  3096. .grid-item .image{}
  3097. .grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3}
  3098. .grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;}
  3099. .grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px}
  3100. .grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: #0271bb; font-size: 18px; margin-top: 10px}
  3101. .grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px }
  3102. .grid-item a:hover .titel {text-decoration: underline }
  3103. .grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic}
  3104.  
  3105.  
  3106. .filter-form{padding:20px 0;margin:15px 0 0}
  3107. .filter-form h2{margin:0 }
  3108. .filter-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent}
  3109. #filter-form .grid{margin:0 var(--grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row}
  3110. #filter-form .searchbox{ width:var(--grid-box-width_2-of-3);margin:20px var(--grid-box-margin) 0}
  3111. #filter-form .searchbox label{ white-space:normal!important}
  3112. #filter-form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important}
  3113. #filter-form .space{ width:var(--grid-box-width_1-of-3); margin:0 var(--grid-box-margin)}
  3114. #filter-form fieldset { min-width: 0;width:var(--grid-box-width_1-of-3); margin:20px var(--grid-box-margin) 0;position:relative}
  3115.  
  3116. .m #filter-form .searchbox{ width:var(--grid-box-width_1-of-2)}
  3117. .m #filter-form .space{ display:none}
  3118. .m #filter-form fieldset { width:var(--grid-box-width_1-of-2)}
  3119. .m .grid-item{width:var(--grid-box-width_1-of-2)}
  3120.  
  3121. .s #filter-form .grid{margin:0;flex-direction: column}
  3122. .s #filter-form .searchbox{ width:100%;margin:20px 0 0}
  3123. .s #filter-form .space{ display:none}
  3124. .s #filter-form fieldset { width:100%;margin:20px 0 0}
  3125. .s #filter-results .grid-container{margin:20px 0;flex-direction: column}
  3126. .s .grid-item{width:100%;margin:0}
  3127. .s .grid-item img{width:100%}
  3128.  
  3129. .s .filter-form { padding:20px 20px 0}
  3130. .s #filter-results .grid-item + .grid-item {margin-top:48px}
  3131. .s #filter-results .grid-item .bildnachweis {padding:0 20px}
  3132. .s #filter-results .grid-item .text {padding:0 20px}
  3133.  
  3134. #filter-form .buttons { text-align:right;margin-top:15px}
  3135. #filter-form input[type="text"] {background-color: #fff;padding-right: 24px;text-align: left;margin-top: 2px;width: 100%; border: 1px solid #e6e6e6;padding-left: 6px;font-size: 15px;font-family: TheSansUHH, sans-serif;height: 38px;line-height: 38px;}
  3136. #filter-form button[type="reset"] { background:transparent;border: 0; text-align: left; font-family: TheSansUHH; font-size: 16px; cursor: pointer; color: #4E4E4E; padding-left: 20px; padding-right: 0; background-image: url("https://assets.rrz.uni-hamburg.de/assets/reload-121c259fd2a92ed2dc20d5a612fdaac75be0b42ca61bd77085230c4742a96f49.svg");background-repeat: no-repeat; background-position: left center;}
  3137.  
  3138.  
  3139. .zitatblock {float:none!important;font-family:TheSansUHHBold, sans-serif; margin:80px 0 0 0; padding:30px 50px 50px 50px; color:var(--UHH0271bb-hellblau);
  3140. font-size:44px; line-height:54px; text-align:center; border-top:1px solid var(--UHH0271bb-fff); border-bottom:1px solid var(--UHH0271bb-fff); display:block;
  3141. position:relative; margin:40px auto; float:none;
  3142. }
  3143. .zitatblock:hover {text-decoration:none}
  3144. .zitatblock:before {content:"\201D"; font-family:TheSansUHHBold, sans-serif; font-size:160px; display:block; margin:44px 0 -20px 0}
  3145.  
  3146. :root {
  3147. --filter-teaser-grid-box-margin: 2.2%;
  3148. --filter-teaser-grid-box-margin-: -2.2%;
  3149. --filter-teaser-grid-box-width_2-of-3: calc((100% - 6*var(--filter-teaser-grid-box-margin))/3*2 + 2*var(--filter-teaser-grid-box-margin));
  3150. --filter-teaser-grid-box-width_1-of-3: calc((100% - 6*var(--filter-teaser-grid-box-margin))/3);
  3151. --filter-teaser-grid-box-width_1-of-2: calc((100% - 4*var(--filter-teaser-grid-box-margin))/2);
  3152. }
  3153.  
  3154. .outer.filtergrau{background:#faf9f9;}
  3155. .s .outer.filtergrau:not(.wfa){padding-bottom:20px !important;}
  3156.  
  3157. .filter-teaser{transition:opacity 0.15s;opacity:0;margin:30px 0;}
  3158. .filter-teaser h2{margin:0!important;padding-top:20px!important}
  3159. .filter-teaser h2{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9}
  3160. .s .filter-teaser h2{padding:20px 20px 0 !important}
  3161.  
  3162. .filter-teaser-form{padding:0 0 15px;margin:0;}
  3163. .filter-teaser-form{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9;}
  3164. .filter-teaser[data-filters="0"] .filter-teaser-form{padding:0 0 35px}
  3165. .s .filter-teaser-form { padding:20px 20px 15px}
  3166. .filter-teaser-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent}
  3167. .filter-teaser-form form .filter-teaser-grid{margin:0 var(--filter-teaser-grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row}
  3168. .s .filter-teaser-form form .filter-teaser-grid{margin:0;flex-direction: column}
  3169. .filter-teaser-form form .searchbox{ margin:20px var(--filter-teaser-grid-box-margin) 0}
  3170. .filter-teaser-form form .searchbox label{ white-space:normal!important;display:block}
  3171. .filter-teaser-form form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important}
  3172. .filter-teaser-form form .space{ margin:0 var(--filter-teaser-grid-box-margin)}
  3173. .m .filter-teaser-form form .space{ display:none}
  3174. .filter-teaser-form form fieldset { min-width: 0; margin:20px var(--filter-teaser-grid-box-margin) 0;position:relative}
  3175. .filter-teaser-form form .buttons { text-align:right;margin-top:15px}
  3176. .filter-teaser[data-filters="0"] .filter-teaser-form form .buttons,.filter-teaser[data-filters="0"] .filter-teaser-form form fieldset { display:none}
  3177. .filter-teaser-form form input[type="text"] {background-color: #fff;padding-right: 24px;text-align: left;margin-top: 2px;width: 100%; border: 1px solid #e6e6e6;padding-left: 6px;font-size: 15px;font-family: TheSansUHH, sans-serif;height: 38px;line-height: 38px;}
  3178. .filter-teaser-form form button[type="reset"] { background:transparent;border: 0; text-align: left; font-family: TheSansUHH, sans-serif; font-size: 16px; cursor: pointer; color: #4E4E4E; padding-left: 20px; padding-right: 0; background-image: url("https://assets.rrz.uni-hamburg.de/assets/reload-121c259fd2a92ed2dc20d5a612fdaac75be0b42ca61bd77085230c4742a96f49.svg");background-repeat: no-repeat; background-position: left center;}
  3179. .filter-teaser-form form button{background-repeat:no-repeat;background-position:8px 8px;background-size:20px;padding-left:36px}
  3180.  
  3181. .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_2-of-3)}
  3182. .filter-teaser-form form .space{ width:var(--filter-teaser-grid-box-width_1-of-3)}
  3183. .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-3)}
  3184.  
  3185. .m .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-2)}
  3186. .m .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_1-of-2)}
  3187.  
  3188. .s .filter-teaser-form form .searchbox{ width:100%;margin:20px 0 0}
  3189. .s .filter-teaser-form form .space{ display:none}
  3190. .s .filter-teaser-form form fieldset { width:100%;margin:20px 0 0}
  3191.  
  3192. .filter-teaser-buttons{padding:0!important;min-height:20px;margin:30px -10px 0 -10px}
  3193. .s .filter-teaser-buttons{padding:0 20px!important;min-height:20px;margin:30px -10px 0 -10px}
  3194. .filter-teaser-buttons:after{content:"";display:table;width:100%}
  3195. .filter-teaser-buttons li:before{content:none!important}
  3196. .filter-teaser-buttons li{float:left}
  3197. .filter-teaser-buttons li button{cursor:pointer;position:relative;margin:10px;font-size: 15px;height:50px; border:2px solid rgb(238,238,238);border-radius:1px; background:#fff;font-family: TheSansUHH, sans-serif;padding:0 45px;color:#4e4e4e}
  3198. .filter-teaser-buttons li button{background-repeat:no-repeat;background-position:12px 13px;background-size:20px;}
  3199. .filter-teaser-buttons li button:after{content:"\00D7";font-size:24px;position:absolute;top:17px;width:13px;height:13px;right:15px;overflow:hidden;line-height: 0.5;}
  3200.  
  3201. .l .filter-teaser a.filter-link { right: calc(-1*(100vw - 1258px)/2); }
  3202.  
  3203. html:not(.l) .filter-teaser .filter-link-container {background-color:#faf9f9;overflow:hidden; margin:0 -20px}
  3204. html:not(.l) .filter-teaser a.filter-link {right: 0px!important; bottom:auto;transform: none;position:relative!important; float:right; max-width: calc(100% - 20px)}
  3205.  
  3206. .filter-teaser .filter-teaser-buttons:empty:after {content:none}
  3207. .filter-teaser .filter-teaser-buttons:empty {display:none}
  3208.  
  3209. .filter-teaser-grid-container{margin: 0 var(--filter-teaser-grid-box-margin-) -28px;display:flex;flex-wrap: wrap;flex-direction: row;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: start;justify-content: flex-start;}
  3210. .filter-teaser-grid-item{position:relative;width:var(--filter-teaser-grid-box-width_1-of-3); margin:var(--filter-teaser-grid-box-margin);}
  3211. .filter-teaser-grid-item.featured:before{content:'';position:absolute;width:50px;height:75px;right:20px;top:-10px;z-index:10;background-position:center;background-size:18px;background-color:#0271bb;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-stern-d644d38e1609938a232ca836b6f38fcdace910050806855f4a7e56f42c7a08e3.png");background-repeat:no-repeat;clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 80%, 0 100%);}
  3212. .m .filter-teaser-grid-item{width:var(--filter-teaser-grid-box-width_1-of-2)}
  3213. .filter-teaser-grid-item a{display:block;  color: #4e4e4e;word-wrap: break-word}
  3214. .filter-teaser-grid-item .image{}
  3215. .filter-teaser-grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3}
  3216. .filter-teaser-grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;}
  3217. .filter-teaser-grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px}
  3218. .filter-teaser-grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; margin-top: 10px}
  3219. .filter-teaser-grid-item .rubrik .sep{ margin:0 12px}
  3220. .filter-teaser-grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px }
  3221. .filter-teaser-grid-item .inhalt{margin:1em 0}
  3222. .filter-teaser-grid-item .inhalt>*:first-child{margin-top:0}
  3223. .filter-teaser-grid-item .inhalt>*:last-child{margin-bottom:0}
  3224. .filter-teaser-grid-item a:hover {text-decoration: none!important }
  3225. .filter-teaser-grid-item a:hover .titel {text-decoration: underline !important}
  3226. .filter-teaser-grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic}
  3227.  
  3228. .filter-teaser-grid-item .tags {display:none}
  3229. .filter-teaser.tags .filter-teaser-grid-item .tags {display:block}
  3230. .filter-teaser .tags {margin:0;padding:0!important;min-height:35px;margin:0 -10px}
  3231. .s .filter-teaser .tags {margin:0 15px}
  3232. .filter-teaser .tags:after{content:"";display:table;width:100%}
  3233. .filter-teaser .tag:before{content:none!important}
  3234. .filter-teaser .tag{float:left}
  3235. .filter-teaser .tag button{cursor:pointer;position:relative;margin:5px;border:0;font-size: 13px;height:36px; border-radius:1px; background:rgb(243,243,243);font-family: TheSansUHH, sans-serif;padding:0 13px 0 36px;color:#4e4e4e}
  3236. .filter-teaser .tag button{background-repeat:no-repeat;background-position:10px 8px;background-size:20px;}
  3237.  
  3238. .filter-teaser-result{clear:both}
  3239. .s .filter-teaser-result .filter-teaser-grid-container{margin:20px 0;flex-direction: column}
  3240. .s .filter-teaser-grid-item{width:100%;margin:0 0 48px}
  3241. .s .filter-teaser-grid-item img{width:100%}
  3242.  
  3243. .s .filter-teaser-result .filter-teaser-grid-item .bildnachweis {padding:0 20px}
  3244. .s .filter-teaser-result .filter-teaser-grid-item .text {padding:0 20px}
  3245.  
  3246. .outer.acc{margin: 60px 0 40px 0}
  3247. .outer.acc h2{margin:0 0 30px}
  3248. .s .outer.acc h2{padding:0 20px}
  3249. .nav-accordion{transition:opacity 0.25s;opacity:0;position:relative;}
  3250. .nav-accordion.accordionActive{opacity:1}
  3251. html:not(.s) .nav-accordion > div > :first-child{margin:0;padding:0}
  3252. html:not(.s) .nav-accordion > div > :first-child{width:50%; padding-right:15px}
  3253. html:not(.s) .nav-accordion > div + div > :first-child{padding-top:2px}
  3254. .nav-accordion .accordion-trigger{position:relative;width:100%;color:#4e4e4e;font-family:TheSansUHHBold, sans-serif;display:block!important;text-align:left;border:0;border-radius:0;outline:0;padding:0;margin:0;box-shadow:none}
  3255. html:not(.s) .nav-accordion .accordion-trigger{background:#faf9f9;font-size:18px;padding:14px 20px 14px 54px!important;}
  3256. html:not(.s) .nav-accordion .accordion-trigger:focus{background:#0271bb;color:#fff}
  3257. html:not(.s) .nav-accordion .accordion-trigger:hover{text-decoration:underline;cursor:pointer}
  3258. html:not(.s) .nav-accordion .accordion-trigger[aria-expanded="true"]{background:#0271bb;color:#fff;cursor:default;text-decoration:none}
  3259. html:not(.s) .accordion-trigger[aria-expanded="true"]:after{content: "";position: absolute;top: 0;right: -15px;width: 17px;height: 100%;background: #0271bb;
  3260. -webkit-clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0);
  3261. clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0)
  3262. }
  3263. .nav-accordion > div > div{padding:0 20px;}
  3264. html:not(.s) .nav-accordion > div > div{position:absolute;width:50%;top:0;right:0;padding:0 0 0 25px;}
  3265. html:not(.s) .nav-accordion > div > div > :first-child{margin-top:5px}
  3266.  
  3267. .s .nav-accordion > div{margin-bottom:12px}
  3268. .s .nav-accordion > div > :first-child{margin:0!important}
  3269. .s .nav-accordion > div > div{overflow:hidden!important;margin:0!important}
  3270. .s .nav-accordion .accordion-trigger {background:#faf9f9;font-size:18px;padding: 18px 18px 18px 54px!important; }
  3271. .s .nav-accordion .accordion-trigger:focus{background:#0271bb;color:#fff;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);z-index:1}
  3272. .s .nav-accordion .accordion-trigger:hover{background:#0271bb;color:#fff;cursor:pointer}
  3273. .s .nav-accordion .accordion-trigger:before { content: ""; position: absolute; width: 20px; height: 19px; left: 18px; top: 50%; margin-top: -8px;}
  3274. .s .nav-accordion .accordion-trigger[aria-expanded="false"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg");}
  3275. .s .nav-accordion .accordion-trigger[aria-expanded="true"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg");}
  3276. .s .nav-accordion .accordion-trigger[aria-expanded="false"]:focus:before,
  3277. .s .nav-accordion .accordion-trigger[aria-expanded="false"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg");}
  3278. .s .nav-accordion .accordion-trigger[aria-expanded="true"]:focus:before,
  3279. .s .nav-accordion .accordion-trigger[aria-expanded="true"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg");}
  3280.  
  3281.  
  3282. .breadcrumb { margin: 30px auto 20px;}
  3283.  
  3284.  
  3285. .outer.landingpage{position:relative;background-color:#fff}
  3286.  
  3287. .outer.landingpage{margin-top:90px;margin-bottom:90px}
  3288. .outer.landingpage.intro{margin-top:20px}
  3289. .m .outer.landingpage.intro{margin-top:45px}
  3290. .outer.landingpage.outro{margin-bottom:0}
  3291. html:not(.s) .outer.landingpage.teaser-cluster{margin-bottom:120px}
  3292.  
  3293. .outer.landingpage *{transition-timing-function: ease-in-out;transition-duration: 0.15s}
  3294. html:not(.s) .outer.landingpage * h2{hyphens:none}
  3295.  
  3296. .outer.landingpage .inner{position:relative;padding-right:100px}
  3297. @media  screen and (max-width:1200px) {
  3298. .outer.landingpage .inner{padding-right:0}
  3299. }
  3300. .outer.landingpage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  3301. .s .outer.landingpage[id] .inner:before,
  3302. .s .outer.landingpage.content-navi .inner:before{left:20px}
  3303. .outer.landingpage .content{}
  3304. .outer.landingpage .content .text{ font-size:19px;line-height:28px}
  3305. .outer.landingpage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  3306. .outer.landingpage .bildnachweis a:hover{text-decoration:underline !important}
  3307.  
  3308.  
  3309. .outer.landingpage.intro{}
  3310. .intro.landingpage .inner:after {content:""; display:table; width:100%;}
  3311. .s .landingpage .content{display:flex;flex-direction:column}
  3312. .landingpage.intro .header {;margin-bottom:60px}
  3313. .m .landingpage.intro .inner .header{margin-bottom:40px}
  3314. .s .landingpage.intro .inner .header{order:2; padding:50px 20px 0;margin-bottom:20px}
  3315. .landingpage.intro h1 {color:#0271bb;font-size:32px;margin:0}
  3316. .landingpage.intro h2 { margin:10px 0;}
  3317. .landingpage.intro .text {float:left; width:38%;}
  3318. .s .landingpage.intro .inner .text{order:3;float:none;width:auto; padding:0 20px}
  3319. .intro .calltoaction {margin-top:50px;}
  3320. .m .landingpage.intro .calltoaction {margin-top:40px;}
  3321. .s .landingpage.intro .calltoaction {margin-top:35px;}
  3322. .landingpage.intro .text p:first-child {margin-top:0 }
  3323. .landingpage.intro .text p:nth-last-child(2) {margin-bottom:0 }
  3324. .landingpage.intro .image {position:relative; float:right; width:calc(60% - 50px)}
  3325. .s .landingpage.intro .inner .image{order:1;float:none;width:auto}
  3326. .landingpage.intro .image .img {width:100%;padding-top:56.4802%;position:relative;overflow:hidden}
  3327. .landingpage.intro .image img {position:absolute;top:0;left:0;width:100%;height:auto}
  3328. /* .s .intro .image img {position:absolute;top:-6%;left:-13%;width:113%} */
  3329. .s .landingpage.intro .image img {position:absolute;top:0;left:-16%;width:116%}
  3330. .landingpage.intro .image .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);}
  3331.  
  3332.  
  3333.  
  3334. .landingpage.outro .content:before {content:""; display:table; width:100%;}
  3335. .landingpage.outro .content:after {content:""; display:table; width:100%;}
  3336. .landingpage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;}
  3337. .landingpage.outro.img-text h2 { float:right; padding-left:40px;}
  3338. .m .landingpage.outro h2 { float:none;width:auto}
  3339. .s .landingpage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px}
  3340. .landingpage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px}
  3341. .landingpage.outro.img-text .image {float:left;}
  3342. .m .landingpage.outro .image {float:none; width:auto;max-width:600px}
  3343. .s .landingpage.outro .image {float:none; width:auto}
  3344. .landingpage.outro .image img {width:100%;height:auto}
  3345. .landingpage.outro .image .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);}
  3346. .landingpage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px}
  3347. .landingpage.outro.img-text .text {float:right; padding-left:40px;}
  3348. .m .landingpage.outro .text {float:none; width:auto; margin-top:40px}
  3349. .s .landingpage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px}
  3350. .landingpage.outro .text p:first-child{margin-top:0}
  3351. .landingpage.outro .text p:nth-last-child(2){margin-bottom:0}
  3352. .landingpage.outro .calltoaction {margin-top:50px;}
  3353. .m .landingpage.outro .calltoaction {margin-top:40px;}
  3354. .s .landingpage.outro .calltoaction {margin-top:35px;}
  3355.  
  3356.  
  3357.  
  3358.  
  3359. .s .outer.landingpage.content-navi .inner{padding:0 20px}
  3360. .landingpage.content-navi .content:before{content:"";display:table}
  3361. .landingpage.content-navi .content:after{}
  3362. .landingpage.content-navi h2{margin:30px 0 0 0; }
  3363. .landingpage.content-navi nav{margin-top:45px;line-height:2em}
  3364. .landingpage.content-navi nav:after{content:"";display:table;width:100%}
  3365. .landingpage.content-navi ul{padding:0!important;margin:0}
  3366. .landingpage.content-navi li{float:left;margin:0 20px 20px 0}
  3367. html:not(.l) .landingpage.content-navi li{margin:0 15px 15px 0}
  3368. .landingpage.content-navi li:before{content:none!important}
  3369. .landingpage.content-navi a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-unten-4a3bb702cbe11ded02b4ac4efe8d99c9c951f0271a3aa7946d63628a6f3113e5.svg");background-repeat:no-repeat;background-position:0px 6px;color:var(--UHH4e4e4e-fff);background-color:#f0f3f6;font-size:19px;padding:7px 14px 7px 34px;position:relative;display:block;}
  3370. html:not(.l) .landingpage.content-navi a{padding:7px 14px 7px 32px;}
  3371. .landingpage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important}
  3372. html:not(.l) .landingpage.content-navi a:before{left: 0px;}
  3373.  
  3374.  
  3375. .teaser-cluster .inner{background-repeat:no-repeat;}
  3376. .teaser-cluster .inner:after{content:""; position:absolute;top:350px;bottom:0;right:0;left:-100px;background-position:center;background-size:contain;background-repeat:no-repeat;}
  3377. .landingpage.teaser-cluster .content {position:relative;z-index:2}
  3378. .landingpage.teaser-cluster .content:before{content:"";display:table}
  3379. .landingpage.teaser-cluster .content:after {content:""; display:table; width:100%;}
  3380. .landingpage.teaser-cluster:after {content:""; display:table; width:100%;}
  3381. .landingpage.teaser-cluster .text {margin-top:30px;float:left; width:42%;clear:left }
  3382. html:not(.l) .landingpage.teaser-cluster .text { float:none; width:auto }
  3383. .s .landingpage.teaser-cluster .text { padding:0 20px }
  3384. .landingpage.teaser-cluster .text h2 { margin:0;}
  3385. .landingpage.teaser-cluster .text > div {margin-top:40px;}
  3386. .landingpage.teaser-cluster .text > div:empty {margin-top:70px;}
  3387. .s .landingpage.teaser-cluster .text > div:empty {display:none}
  3388. .landingpage.teaser-cluster .text p:first-child {margin-top:0 }
  3389. .landingpage.teaser-cluster .text p:last-child {margin-bottom:0 }
  3390. html:not(.l) .teaser-cluster .teasers  {clear:left;display:flex;flex-direction:row;flex-wrap: wrap;margin-top:50px;}
  3391. .landingpage.teaser-cluster .teaser {display:flex;flex-direction:column;color: var(--UHH4e4e4e-4e4e4e)!important;width:35%;background-color:#fff;box-shadow:0 0 30px rgb(210 220 230 / 50%)}
  3392. .m .landingpage.teaser-cluster .teasers {gap:20px}
  3393. .m .landingpage.teaser-cluster .teaser {width:auto;flex-basis: calc((100% - 20px)/2)}
  3394. .s .landingpage.teaser-cluster .teasers {gap:40px;}
  3395. .s .landingpage.teaser-cluster .teaser {width:auto;flex-basis: 100%}
  3396.  
  3397. .landingpage.teaser-cluster .teaser:focus-visible {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  3398. .landingpage.teaser-cluster .teaser .teaser-img {order:1;position:relative;overflow:hidden}
  3399. .landingpage.teaser-cluster .teaser .teaser-img img{width:100%;height:auto;background-color:#ddd;min-width:100px}
  3400. .landingpage.teaser-cluster .bildnachweis {order:2;text-align:right;padding-right:10px;font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e); }
  3401. .landingpage.teaser-cluster .teaser .teaser-text {order:3;padding:15px 45px 50px}
  3402. .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 45px 57px}
  3403. .landingpage.teaser-cluster a.teaser {background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-a325efbca335252028b9b152e5fcda24bad931ca07c7470a6bee59b9fb562567.svg");background-repeat:no-repeat; background-position:calc(100% - 10px) calc(100% - 25px)}
  3404. html:not(.l) .landingpage.teaser-cluster a.teaser { background-position:calc(100% - 10px) calc(100% - 15px)}
  3405. html:not(.l) .landingpage.teaser-cluster .teaser .teaser-text {padding:15px 20px 45px}
  3406. html:not(.l) .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 20px 52px}
  3407. .landingpage.teaser-cluster .teaser .teaser-text h3 {font-family: TheSansUHHBold, sans-serif; font-size:28px; line-height:36px;margin:0}
  3408. .landingpage.teaser-cluster a.teaser:hover .teaser-text h3 {text-decoration:underline}
  3409. .landingpage.teaser-cluster .teaser .teaser-text h3 + div {margin-top:1em}
  3410. .landingpage.teaser-cluster .teaser .teaser-text p {margin:0.7em 0}
  3411. .landingpage.teaser-cluster .teaser .teaser-text p:first-child {margin-top:0}
  3412. .landingpage.teaser-cluster .teaser .teaser-text p:last-child {margin-bottom:0}
  3413. .landingpage.teaser-cluster a.teaser .teaser-img img{transition:transform 0.2s ease-in-out;transform:scale(1)}
  3414. .landingpage.teaser-cluster a.teaser:hover .teaser-img img{transform:scale(1.05)}
  3415.  
  3416. .l .landingpage.teaser-cluster.t-2 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/2-fach-teaser-v1-d4b804f2f358e830870cf80ccea51895eb35a7e49e87e57ca9a0f4c9ed6a61e7.svg") }
  3417. .l .landingpage.teaser-cluster.t-2 .teaser-1 {float:right;margin:100px 80px 0 0;}
  3418. .l .landingpage.teaser-cluster.t-2 .teaser-2 {float:left;clear:left;margin:100px 0 0 80px}
  3419. .l .landingpage.teaser-cluster.t-3 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/3-fach-teaser-v1-88611adf53aec50cfd826a9a1e5589d41aff8c458b825b486c438a1f4484d632.svg") }
  3420. .l .landingpage.teaser-cluster.t-3 .teaser-1 {float:right;margin:100px 50px 0 0}
  3421. .l .landingpage.teaser-cluster.t-3 .teaser-2 {float:left;clear:left;margin:100px 0 0 0}
  3422. .l .landingpage.teaser-cluster.t-3 .teaser-3 {float:right;margin:100px 210px 0 0}
  3423. .l .landingpage.teaser-cluster.t-4 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/4-fach-teaser-v1-fd041a8ce79e0bbe98d7c55dc8987c50ae4edc22af4bd5b091229bcf98909809.svg") }
  3424. .l .landingpage.teaser-cluster.t-4 .teaser-1 {float:right;margin:100px 160px 0 0}
  3425. .l .landingpage.teaser-cluster.t-4 .teaser-2 {float:left;clear:left;margin:100px 0 0 0}
  3426. .l .landingpage.teaser-cluster.t-4 .teaser-3 {float:right;margin:100px 0px 0 0}
  3427. .l .landingpage.teaser-cluster.t-4 .teaser-4 {float:left;clear:left;margin:100px 0 0 160px}
  3428. .l .landingpage.teaser-cluster.t-5 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/5-fach-teaser-v1-aff122f76566e5f9f74c627ed176a380b6971a23ba0f559936da2c145c3ed114.svg") }
  3429. .l .landingpage.teaser-cluster.t-5 .teaser-1 {float:right;margin:100px 160px 0 0}
  3430. .l .landingpage.teaser-cluster.t-5 .teaser-2 {float:left;clear:left;margin:100px 0 0 0}
  3431. .l .landingpage.teaser-cluster.t-5 .teaser-3 {float:right;margin:100px 0px 0 0}
  3432. .l .landingpage.teaser-cluster.t-5 .teaser-4 {float:left;clear:left;margin:100px 0 0 80px}
  3433. .l .landingpage.teaser-cluster.t-5 .teaser-5 {float:right;margin:100px 160px 0 0}
  3434.  
  3435.  
  3436. .landingpage.absprung-cluster{position:relative;border-bottom:100px solid #F6F8FA}
  3437. .s .landingpage.absprung-cluster{border-bottom:70px solid #F6F8FA}
  3438. .landingpage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important}
  3439. html:not(.l) .landingpage.absprung-cluster .inner{padding-right:0px!important}
  3440. .landingpage.absprung-cluster .content{display:grid;gap:0 120px; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;grid-template-areas: "h2 img" "text img" "nav img"}
  3441. .s .landingpage.absprung-cluster .content{display:flex}
  3442. .m .landingpage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"}
  3443. .landingpage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;}
  3444. .s .landingpage.absprung-cluster h2{padding:30px 20px 0}
  3445.  
  3446. .landingpage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px}
  3447. html:not(.l) .landingpage.absprung-cluster .text{align-items: start}
  3448. .s .landingpage.absprung-cluster .text{padding:21px 20px 20px}
  3449. .landingpage.absprung-cluster .text > div{position:relative;padding:20px 0 70px}
  3450. .m .landingpage.absprung-cluster .text > div{padding:30px 0}
  3451. .s .landingpage.absprung-cluster .text > div{padding:20px 0}
  3452. .xxxxxxl .landingpage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3453. .landingpage.absprung-cluster .text > div > *{position:relative;z-index:2}
  3454. .landingpage.absprung-cluster .text p:first-child {margin-top:0 }
  3455. .landingpage.absprung-cluster .text p:last-child {margin-bottom:0 }
  3456. .landingpage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end}
  3457. .s .landingpage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto}
  3458. .landingpage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative}
  3459. .s .landingpage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;}
  3460. .landingpage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto}
  3461. html:not(.s) .landingpage.absprung-cluster .image img[width="640"]{display:none}
  3462. .s .landingpage.absprung-cluster .image img[width="520"]{display:none}
  3463. .landingpage.absprung-cluster .bildnachweis {display: block;position: absolute; right: 0;bottom: 0px;white-space: nowrap;font-size: 12px;line-height: 26px;padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);}
  3464. .landingpage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative}
  3465. .landingpage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3466. .landingpage.absprung-cluster nav ul{padding:0!important;margin:0!important}
  3467. .l .landingpage.absprung-cluster nav ul{padding-top:100px !important}
  3468. .m .landingpage.absprung-cluster nav ul{padding-top:40px !important}
  3469. .s .landingpage.absprung-cluster nav ul{padding-top:50px !important}
  3470. html:not(.l) .landingpage.absprung-cluster nav li{max-width:none }
  3471. .landingpage.absprung-cluster nav li{background-color:#fff  }
  3472. .landingpage.absprung-cluster nav li + li{margin-top:13px }
  3473. .landingpage.absprung-cluster nav li:before{content:none!important  }
  3474. .landingpage.absprung-cluster nav a{transition:none;color: var(--UHH4e4e4e-4e4e4e);padding:18px 30px;display:block; background-color:#fff;background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-a325efbca335252028b9b152e5fcda24bad931ca07c7470a6bee59b9fb562567.svg");background-repeat:no-repeat; background-position:calc(100% - 0px) center }
  3475. /* .landingpage.absprung-cluster nav a.extern:after{;content:"\00a0"; margin-left:10px;display:inline-block; width:20px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/link-extern-cfac1e5b869ae74a8fbeac630e4a8c4b27d1d54f89a731499c29ea06eb0526a8.svg")} */
  3476. .landingpage.absprung-cluster nav a:hover{color: #fff; background-color:#0271bb; background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-fff-3c89faead1903c390b7c173a7a1b41b19544220f6153e3cca2ab1c9d9eb7a023.svg"); }
  3477. /* .landingpage.absprung-cluster nav a.extern:hover:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/link-extern-fff-61b9cded35ad5c11c5a10ee13f769c525c3c6f5441b40956bb95461fbc554dde.svg")} */
  3478.  
  3479.  
  3480. .landingpage.video-cluster{position:relative;padding-bottom:30px!important}
  3481. .landingpage.video-cluster:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:#F6F8FA}
  3482. .s .landingpage.video-cluster:after{content:none}
  3483. .landingpage.video-cluster .content:before {content:""; display:table; width:100%;}
  3484. .landingpage.video-cluster .content .flex{display:flex; gap:100px;flex-direction:row;width:100%;position:relative;z-index:1}
  3485. .m .landingpage.video-cluster .content .flex{display:block}
  3486. .s .landingpage.video-cluster .content .flex{display:block}
  3487. .landingpage.video-cluster .text {width:33%}
  3488. .m .landingpage.video-cluster .text {width:100%}
  3489. .s .landingpage.video-cluster .text {width:100%; padding:0 20px;}
  3490. .landingpage.video-cluster h2 {padding-right:80px ;margin:30px 0 0;}
  3491. .landingpage.video-cluster .p {margin-top:40px;padding-right:80px}
  3492. .m .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px}
  3493. .s .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px}
  3494. .landingpage.video-cluster .p p:first-child {margin-top:0 }
  3495. .landingpage.video-cluster .p p:last-child {margin-bottom:0 }
  3496.  
  3497. .landingpage.video-cluster .media{display:flex;flex-direction:row;gap:30px;width:67%}
  3498. .m .landingpage.video-cluster .media{width:100%}
  3499. .s .landingpage.video-cluster .media{display:block;width:100%}
  3500. .landingpage.video-cluster .medium{display:flex;flex-direction:column;position:relative;width:calc(50% - 15px);min-height:200px}
  3501. .landingpage.video-cluster .medium .calltoaction{padding:12px 20px 13px!important}
  3502. .s .landingpage.video-cluster .medium{width:100%;margin:40px 0}
  3503. .s .landingpage.video-cluster .medium:last-child{;margin:40px 0 0}
  3504. .s .landingpage.video-cluster.v-3 .medium{margin:0}
  3505. .landingpage.video-cluster .medium .top{position:relative;order:1}
  3506. .landingpage.video-cluster .medium .bottom .calltoaction{margin:30px 0 0;display:none!important}
  3507. html:not(.l) .landingpage.video-cluster .medium .bottom .calltoaction{display:inline-block!important}
  3508. html:not(.l) .landingpage.video-cluster .medium .top .above{display:none!important}
  3509. .landingpage.video-cluster .medium .above{ position:absolute;bottom:0;transform:translate(-20px,-50px);z-index:3;margin:0;text-align:left}
  3510. .landingpage.video-cluster .medium button[aria-label="start"]{width:100%;z-index:2;cursor:pointer;position:absolute; border:0;background-color:transparent;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-play-blau-7564187f4d70bb7aa2a9a156c895ac9abccce9936ae8b8061f43d93f7e600499.svg"); background-repeat:no-repeat}
  3511. .landingpage.video-cluster .medium button[aria-label="start"]{top:0;left:0;right:0;bottom:0;transform: none;background-position:center}
  3512. .landingpage.video-cluster .medium button[aria-label="start"]:hover:after{content:''; position:absolute; top:50%;left:50%;width:46px;height:47px;border-radius:50px; border:1px solid #fff;transform: translate(-50%, -50%);}
  3513. .landingpage.video-cluster .medium button[aria-label="start"]:focus:after{content:''; position:absolute; top:50%;left:50%;width:46px;height:47px;border-radius:50px; border:2px solid #fff;transform: translate(-50%, -50%);}
  3514. .landingpage.video-cluster .medium .bottom{order:2;margin:25px 0;position:relative;}
  3515. .s .landingpage.video-cluster .medium .bottom{padding:0 20px 20px}
  3516. .landingpage.video-cluster .medium .bottom h3{font-family: TheSansUHHBold, sans-serif; font-size:26px; line-height:36px;margin:0}
  3517. .m .landingpage.video-cluster .medium .bottom h3{font-size:23px; line-height:32px}
  3518. .s .landingpage.video-cluster .medium .bottom h3{font-size:21px; line-height:29px}
  3519.  
  3520. .landingpage.video-cluster.v-3{}
  3521. .landingpage.video-cluster .swiper-button-next{background:transparent;border:0}
  3522. .landingpage.video-cluster .swiper-button-prev{background:transparent;border:0}
  3523. .landingpage.video-cluster .swiper-button-next:after{color:#fff;background:transparent}
  3524. .landingpage.video-cluster .swiper-button-prev:after{color:#fff;background:transparent}
  3525. .landingpage.video-cluster .swiper-container-horizontal > .swiper-pagination-bullets{bottom:auto!important}
  3526.  
  3527. .yt-video{position:relative;aspect-ratio:414/733;clip-path: polygon(1px 0, calc(100% - 2px) 0, calc(100% - 2px) 100%, 1px 100%);}
  3528. .yt-video.videowaiting:before{content:""}
  3529. .yt-video img{position:relative;z-index:1;width:100%;height:auto}
  3530. .yt-video video{display:none;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
  3531. .yt-video.playing video{display:none!important}
  3532. .yt-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ccc}
  3533. .yt-video .videohinweis{z-index:3;position:absolute;top: 50%;left: 5%;right: 5%;bottom: auto;background:#fff;border: 0px solid #ccc;transform: translate(0,-50%);
  3534. background-image: url("https://assets.rrz.uni-hamburg.de/assets/v4youtube-32bb78930fd96a7f801b482abf6ea9d20dc27b2b9a276a71d2a0261c29cc8844.svg");background-repeat: no-repeat;background-position: calc(100% - 10px) 10px;background-size: 30px;}
  3535. .yt-video h4{padding-right:25px}
  3536. .yt-video .videohinweis a{text-decoration:underline}
  3537. .yt-video .videohinweis .calltoaction{color:#fff!important;}
  3538. .yt-video .videohinweis [aria-label]{ background-color: transparent;bottom: 5px;  right: 5px; background-image: url("https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg");
  3539. position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; border: none;}
  3540. .yt-video .videohinweis a:hover{text-decoration:none}
  3541. .YouTubeIframeAPIReady .yt-video .videohinweis{display:none!important}
  3542.  
  3543. .landingpage.video-cluster.v-3 .media{display:block;position:relative}
  3544. .l .landingpage.video-cluster.v-3 .media{aspect-ratio:1;}
  3545. .l .landingpage.video-cluster.v-3 .boxx{width:calc(100% + 200px);position:absolute;left:-100px;top:0;height:100%;overflow:hidden;
  3546. mask-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) calc(100% - 100px), rgba(255,255,255,0) 100%);
  3547. -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) calc(100% - 100px), rgba(255,255,255,0) 100%);
  3548. }
  3549.  
  3550. .l .landingpage.video-cluster.v-3 .swiper { width: calc(100% - 200px); margin-left:100px; height: 100%; overflow:visible ;z-index:1 }
  3551. .l .landingpage.video-cluster.v-3 button.right,
  3552. .l .landingpage.video-cluster.v-3 button.left,
  3553. .l .landingpage.video-cluster.v-3 .swiper-pagination{display:none}
  3554. .s .landingpage.video-cluster.v-3 button.right,
  3555. .s .landingpage.video-cluster.v-3 button.left{display:none}
  3556. .s .landingpage.video-cluster.v-3 .swiper-pagination{bottom:-0px}
  3557.  
  3558.  
  3559. .landingpage.slider-vollbreit{}
  3560. .landingpage.slider-vollbreit .content:before {content:""; display:table; width:100%;}
  3561. .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:500px}
  3562. html:not(.l) .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:none}
  3563. .s .landingpage.slider-vollbreit h2 {padding:0 20px}
  3564. .slider-vollbreit.landingpage h2 + .text{margin:40px 0 0}
  3565. .s .slider-vollbreit.landingpage h2 + .text{padding:0 20px}
  3566. .slider-vollbreit.landingpage h2 + .text p:first-child{margin-top:0}
  3567. .slider-vollbreit.landingpage h2 + .text p:last-child{margin-bottom:0}
  3568. .ersti.swiper {margin:10px 0 30px;overflow:hidden; position:relative;padding-bottom:65px}
  3569. .s .ersti.swiper {margin:10px 0 0px;padding-bottom:65px}
  3570. .ersti-swiper-wrapper {position:relative; background-image:url("https://assets.rrz.uni-hamburg.de/assets/video-slider-v1-d1b77f9d4631b2f823c9a8ac81ab8ea25d397ba7cd3bdc73e6bf4d61cfd869a7.svg"); background-repeat:no-repeat;background-size:50%; background-position-x:90%; background-position-y:0}
  3571. html:not(.l) .ersti-swiper-wrapper {background-image:none}
  3572. .ersti.swiper .swiper-slide {padding:60px 60px 0 0;cursor:grab;outline:0!important;box-shadow:none!important}
  3573. html:not(.l) .ersti.swiper .swiper-slide {padding:30px 0 0 0}
  3574. .ersti .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset}
  3575. .ersti .swiper-slide.swiper-slide-active:focus {box-shadow:none;outline:none }
  3576. .landingpage.slider-vollbreit .swiper-slide .foto {position:relative; float:left; width:58.27%;aspect-ratio: 1.77053;overflow:hidden}
  3577. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .foto {float:none; width:auto;}
  3578. .landingpage.slider-vollbreit .swiper-slide .foto img {width:100%;height:auto}
  3579. .landingpage.slider-vollbreit .swiper-slide .foto a img{transition:transform 0.2s ease-in-out;transform:scale(1)}
  3580. .landingpage.slider-vollbreit  .swiper-slide .foto img:hover{transform:scale(1.05)}
  3581. .landingpage.slider-vollbreit .swiper-slide .foto > iframe {width:100%;height:100%}
  3582. .landingpage.slider-vollbreit .swiper-slide .foto .youtube iframe {position:absolute; top:0;left:0;width:100%;height:100%}
  3583. .landingpage.slider-vollbreit .swiper-slide .foto .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);}
  3584. .landingpage.slider-vollbreit .swiper-slide .slide-text {float:right; width:41.7%; padding:0 40px;}
  3585. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text {float:none; width:auto; padding:0}
  3586. html.s .landingpage.slider-vollbreit .swiper-slide .slide-text {padding:0 20px}
  3587. .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:25px 0 0 0;font-size:28px; line-height:36px}
  3588. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:30px 0 0 0;}
  3589. .landingpage.slider-vollbreit .swiper-slide .slide-text .name{margin: 20px 0 0; font-size:18px;font-family: TheSansUHHBold, sans-serif; color:var(--UHH0271bb-fff)}
  3590. .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:25px 0 0}
  3591. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:20px 0 0}
  3592. .landingpage.slider-vollbreit .swiper-slide .slide-text p:first-child {margin-top:0 }
  3593. .landingpage.slider-vollbreit .swiper-slide .slide-text p:last-child {margin-bottom:0 }
  3594. .landingpage.slider-vollbreit .swiper-slide .slide-text .info{margin: 0;font-size:16px;}
  3595. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .info p{margin: 0;}
  3596. .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin-top:50px;}
  3597. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin:30px 0 0 !important;}
  3598. .ersti.swiper .swiper-pagination{bottom:-3px; width:auto; margin-left:50%; text-align:left !important;transform:translate(-50%,0)}
  3599. .ersti.swiper .swiper-pagination-bullet, .video-cluster .swiper-pagination-bullet{cursor:pointer;margin:0 6px;  width: 16px; height: 16px; border:1px solid #4e4e4e !important;display: inline-block; border-radius: 100%; background: #fff !important; opacity: 1;}
  3600. .ersti.swiper .swiper-pagination-bullet-active, .video-cluster .swiper-pagination-bullet-active {  opacity: 1; background: #4e4e4e!important}
  3601.  
  3602. .landingpage.slider-vollbreit .buttons{position:absolute;top:0;left:0;width:100%;pointer-events:none;aspect-ratio:2.4;}
  3603.  
  3604. .landingpage.slider-vollbreit .buttons button {cursor:pointer;width:27px;border:0;outline:0;background-color:#fff;position:absolute; top:50%; margin-top:-22px;height:45px; z-index:1;background-position:center;background-repeat:no-repeat; background-size:contain;background-image:url("https://assets.rrz.uni-hamburg.de/assets/slider-pfeil-links-4e-228009a8525e24e8175f14d55068fadf1341cdc5452402ac572660746235a80d.svg")}
  3605. html:not(.l) .landingpage.slider-vollbreit .buttons button {display:none}
  3606. .ersti-swiper-wrapper .buttons button.left {pointer-events:auto;left:-60px}
  3607. .ersti-swiper-wrapper .buttons button.right {pointer-events:auto;right:5px;transform:rotate(180deg);z-index:3}
  3608. .ersti-swiper-wrapper>button.right,.ersti-swiper-wrapper>button.left {display:none}
  3609.  
  3610.  
  3611. .landingpage.kachel-cluster{position:relative}
  3612. .landingpage.kachel-cluster.lightbox{z-index:20}
  3613. .landingpage.kachel-cluster .content{}
  3614. .landingpage.kachel-cluster h2{padding-top:30px;margin:0;max-width:700px}
  3615. .s .landingpage.kachel-cluster h2{padding:30px 20px 0}
  3616. .landingpage.kachel-cluster .text{line-height:33px;margin:40px 0 50px;max-width:700px}
  3617. .s .landingpage.kachel-cluster .text{padding:0 20px}
  3618. .landingpage.kachel-cluster .text p:first-child {margin-top:0 }
  3619. .landingpage.kachel-cluster .text p:last-child {margin-bottom:0 }
  3620. .landingpage.kachel-cluster nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA}
  3621. .s .landingpage.kachel-cluster nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px}
  3622. .landingpage.kachel-cluster nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important}
  3623. .landingpage.kachel-cluster nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1}
  3624. .m .landingpage.kachel-cluster nav li{width:calc(50% - 15px);}
  3625. .s .landingpage.kachel-cluster nav li{width:100%}
  3626.  
  3627. .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)}
  3628. .landingpage.kachel-cluster li.lightbox{z-index:2}
  3629. .landingpage.kachel-cluster li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222}
  3630. html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{}
  3631. html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1}
  3632. .landingpage.kachel-cluster li.lightbox .video{transition:all 0s;object-fit:contain;display:inline-block;aspect-ratio:733/414;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 960px;}
  3633. .s .landingpage.kachel-cluster li.lightbox .video{width: 100%}
  3634. /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */
  3635. /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */
  3636.  
  3637. .landingpage.kachel-cluster .plyr{pointer-events:none;bottom:auto !important}
  3638. .landingpage.kachel-cluster li.lightbox .plyr{pointer-events:auto;bottom:auto !important}
  3639. .landingpage.kachel-cluster li .plyr{position:relative !important}
  3640. .m .landingpage.kachel-cluster li .plyr{object-fit:cover;width:100%;height:100%;}
  3641. button.cluster-video-open{position:absolute;top:0;left:0;width:100%;aspect-ratio:733/414;z-index:111;background:transparent;border:0;padding:0}
  3642. button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important}
  3643. button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)}
  3644. button.cluster-video-open:focus span{border:6px solid #fff}
  3645.  
  3646. .landingpage.kachel-cluster .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto;  aspect-ratio: 733/414}
  3647. .landingpage.kachel-cluster li.lightbox .uhh.iframe iframe{pointer-events:auto;}
  3648. button.cluster-video-open.uhh.iframe span{padding:48px;}
  3649.  
  3650.  
  3651. button.cluster-video-close{display:none}
  3652. .lightbox button.cluster-video-close{background-color:transparent;display:inline-block;top:16px;right:16px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg");position:absolute; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:center; cursor:pointer; border: none;}
  3653. .kachel-cluster-video .image{pointer-events:none;}
  3654.  
  3655. .landingpage.kachel-cluster nav li:before{content:none!important}
  3656. .landingpage.kachel-cluster nav a{transition:box-shadow 0.2s ease-in-out;display:block;height:100%;padding:40px 0 40px 30px;color:var(--UHH4e4e4e-4e4e4e)}
  3657. .s .landingpage.kachel-cluster nav a{padding:40px 0 40px 20px}
  3658. .landingpage.kachel-cluster nav h3{margin:0;padding-right:60px;font-size:22px;line-height: 26px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-a325efbca335252028b9b152e5fcda24bad931ca07c7470a6bee59b9fb562567.svg");background-repeat:no-repeat; background-position:calc(100% - 20px) center}
  3659. .landingpage.kachel-cluster nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)}
  3660. .landingpage.kachel-cluster nav a:hover h3{text-decoration:underline}
  3661. .landingpage.kachel-cluster nav p{margin:15px 60px 0 0 }
  3662.  
  3663. .landingpage.kachel-cluster nav a img {margin:-40px 0 0 -30px;transition: transform 0.2s ease-in-out; transform: scale(1);width: calc(100% + 30px);  height: auto;  background-color: #ddd;  }
  3664. .landingpage.kachel-cluster .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px;  color: var(--UHH4e4e4e-4e4e4e);}
  3665.  
  3666.  
  3667. .landingpage.h5p{position:relative}
  3668. .landingpage.h5p .content .extern{min-height:100px}
  3669. .landingpage.h5p .content .extern > .standard{margin:0!important}
  3670. .landingpage.h5p h2{padding-top:30px;margin:0;max-width:700px}
  3671. .s .landingpage.h5p h2{padding:30px 20px 0}
  3672. .landingpage.h5p .text{margin:40px 0 50px;max-width:700px}
  3673. .s .landingpage.h5p .text{padding:0 20px}
  3674. .landingpage.h5p iframe{display:block}
  3675.  
  3676. :root {
  3677. --icon-button-pfeil-weiss-rechts-lang: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.05594 17.866H29.9502' stroke='white'/%3E%3Cpath d='M21 10L30 18L21 26' stroke='white'/%3E%3C/svg%3E");
  3678. --icon-button-pfeil-grau-rechts-lang: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.05594 17.866H29.9502' stroke='%234e4e4e'/%3E%3Cpath d='M21 10L30 18L21 26' stroke='%234e4e4e'/%3E%3C/svg%3E");
  3679. --icon-button-pfeil-links-blau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='%230271BB' stroke-width='2'/%3E%3C/svg%3E");
  3680. --icon-button-pfeil-links-blau-1: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='%230271BB' stroke-width='1'/%3E%3C/svg%3E");
  3681. --icon-button-pfeil-links-grau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='%23BBBBBB' stroke-width='2'/%3E%3C/svg%3E");
  3682. --icon-button-pfeil-links-weiss: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  3683. --icon-button-pfeil-rechts-blau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21L36 30L27 39' stroke='%230271BB' stroke-width='2'/%3E%3C/svg%3E");
  3684. --icon-button-pfeil-rechts-grau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21L36 30L27 39' stroke='%23BBBBBB' stroke-width='2'/%3E%3C/svg%3E");
  3685. --icon-button-pfeil-rechts-weiss: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21L36 30L27 39' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  3686. --icon-pfeil-blau-lang-unten: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5V18.4502' stroke='%230271BB' stroke-width='1.5'/%3E%3Cpath d='M8.18311 13.4852L12.0001 18.5L15.8171 13.4852' stroke='%230271BB' stroke-width='1.5'/%3E%3C/svg%3E");
  3687. --icon-pfeil-blau-offen-rechts: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 9L23 18L14 27' stroke='%230271BB' stroke-width='2'/%3E%3C/svg%3E");
  3688. --icon-newsletter-versand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg%3E%3Crect width='36' height='36' fill='none' stroke-width='0'/%3E%3Cg%3E%3Cg%3E%3Cpolyline points='18.7 22.67 13.37 22.5 13.57 17.07' fill='none' stroke='%23fff' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cpath d='M29.95,7.04l-7.48,20.07-4.44-4.76,6.9-10.65-11.03,6.22-4.5-4.82,20.54-6.06Z' fill='none' fill-rule='evenodd' stroke='%23fff' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cline x1='8.82' y1='21.03' x2='6.31' y2='23.38' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cline x1='14.51' y1='27.13' x2='12' y2='29.48' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cline x1='10.41' y1='25.26' x2='6.78' y2='28.64' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='4' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  3689. --icon-link-extern-grau: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(6.000000, 6.000000)' stroke='%234E4E4E' stroke-width='2'%3E%3Cpolyline points='3.84976937 2.51418569 0 2.51418569 0 11.8613614 9.34717572 11.8613614 9.34717572 7.63050485'%3E%3C/polyline%3E%3Cline x1='3.71256205' y1='8.38014473' x2='11.8076559' y2='0' id='Path-16'%3E%3C/line%3E%3Cpolyline points='6.41849511 0 11.8076559 0 11.8076559 5.02837137'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  3690. --icon-link-extern-weiss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(6.000000, 6.000000)' stroke='%23ffffff' stroke-width='2'%3E%3Cpolyline points='3.84976937 2.51418569 0 2.51418569 0 11.8613614 9.34717572 11.8613614 9.34717572 7.63050485'%3E%3C/polyline%3E%3Cline x1='3.71256205' y1='8.38014473' x2='11.8076559' y2='0' id='Path-16'%3E%3C/line%3E%3Cpolyline points='6.41849511 0 11.8076559 0 11.8076559 5.02837137'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  3691. --icon-next-weiss-blau-ohnerand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg%3E%3Ccircle cx='44' cy='44' r='43' fill='%230271bb' stroke='%230271bb' stroke-width='2'/%3E%3Cpolyline points='35 25 54.5 44.5 35 64' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
  3692. --icon-next-weiss-blau-mitweissemrand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg%3E%3Ccircle cx='44' cy='44' r='43' fill='%230271bb' stroke='%23fff' stroke-width='2'/%3E%3Cpolyline points='35 25 54.5 44.5 35 64' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
  3693. --icon-all-blau-rechts:url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 46.25'%3E%3Cpolyline id='Path-2' points='2.5 3.12 27.5 23.12 2.5 43.12' style='fill:none%3B stroke:%230271bb%3B stroke-linejoin:round%3B stroke-width:8px%3B'/%3E%3C/svg%3E");
  3694. --img-illustration-news:url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 733 438.3'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-2'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-3'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-4'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-5'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect width='733' height='414' fill='%23e5f1f8' stroke-width='0'/%3E%3Cpath d='m428.98 130.65s71.33-85.33 170.67-44.67c100.43 41.11 83.62 166.72 12.67 172-62.71 4.67-62.71-83.33-14-88.67 47.43-5.19 78 82.67-64 131.33' fill='none' stroke='%23000a49' stroke-dasharray='0 0 4 8' stroke-linecap='round' stroke-miterlimit='10'/%3E%3Cpath d='m180.32 131.98c-38.29 5.27-80.4 37.33-77.73 75.02 3.01 42.55 52.27 41.13 58.4 5.65 4.77-27.6-29.33-50.8-61.33-2.67-26.89 40.45-28.35 60.59-24 78 6.67 26.67 32.37 72.57 87.33 83.33 64.67 12.67 96-28.67 96-28.67' fill='none' stroke='%23000a49' stroke-dasharray='0 0 4 8' stroke-linecap='round' stroke-miterlimit='10'/%3E%3Cpolygon points='394.65 95.76 392.59 127.44 306.49 93.33 409.84 85.14 394.65 95.76' fill='%23fff' stroke-width='0'/%3E%3Cpolygon points='309.57 94.32 379.39 113.94 389.37 98.98 381.15 117.56 309.57 94.32' fill='%23cce3f1' stroke-width='0'/%3E%3Cpolygon points='394.65 95.76 309.03 93.4 389.37 98.98 392.59 127.44 394.65 95.76' fill='%23cce3f1' stroke-width='0'/%3E%3Cpath d='m640.81 354.4l-450.52-1.28c-21.35.14-37.55-5.14-36.01-11.77h0c1.53-6.62 73.12-.88 41.39-12.03-27.13-22.48 499.8-22.09 474.98-.64-12.6 10.89 22.7 5.21 29.05 10.54l-.39 2.62c.07 9.98-41.46 12.45-58.5 12.56Z' fill='%2380b8dd' stroke-width='0'/%3E%3Crect x='209.04' y='119.55' width='12.64' height='99.76' fill='%230271bb' stroke-width='0'/%3E%3Cpolygon points='209.05 119.54 221.68 125.78 221.68 119.46 209.05 119.54' fill='%23000a49' stroke-width='0'/%3E%3Crect x='167.67' y='113.65' width='133.32' height='5.91' fill='%2380b8dd' stroke-width='0'/%3E%3Cpath d='m265.46 113.67v-26.49c0-13.29-10.87-24.16-24.16-24.16h0c-13.29 0-24.16 10.87-24.16 24.16v26.49h48.32Z' fill='%23000a49' stroke-width='0'/%3E%3Cpath d='m258.97 114.17v-26.49c0-13.29-10.87-24.16-24.16-24.16' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='258.54' y1='84.63' x2='215.18' y2='84.63' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpath d='m167.58 113.67v-26.49c0-13.29 10.87-24.16 24.16-24.16h49.55c-13.29 0-24.16 10.87-24.16 24.16v26.49h-49.55Z' fill='%230271bb' stroke-width='0'/%3E%3Cpath d='m224.51 62.87c-10.29 2.98-17.87 12.51-17.87 23.73v27.07' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.51'/%3E%3Crect x='182.55' y='53.7' width='18.62' height='11.97' fill='%23e2001a' stroke-width='0'/%3E%3Crect x='200.27' y='51.04' width='3.55' height='40.35' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='202.07' cy='90.55' r='3.33' fill='%2380b8dd' stroke-width='0'/%3E%3Crect x='253.23' y='113.62' width='47.76' height='5.94' fill='%23000a49' stroke-width='0'/%3E%3Cpolyline points='300.86 113.84 253.22 113.84 253.22 119.56' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='188.04' y1='84.96' x2='167.76' y2='84.96' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpath d='m533.85 331.71H234.57l-42.21-157.22c-.82-3.06 1.49-6.06 4.66-6.06h293l43.83 163.28Z' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m540.37 331.71H241.09l-43-160.47c-.42-1.58.77-3.14 2.41-3.14h291.15c2.89 0 5.41 1.94 6.16 4.72l42.56 158.89Z' fill='%23cce3f1' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m515.97 308.43h-257.31l-35.96-117.07c-.87-2.83 1.46-5.64 4.68-5.64h247.22c2.18 0 4.09 1.32 4.68 3.24l36.69 119.47Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m547.9 341.24H246.62c-6.93 0-12.54-5.61-12.54-12.54h0c0-2.44 1.98-4.42 4.42-4.42h309.4c2.44 0 4.42 1.98 4.42 4.42v8.12c0 2.44-1.98 4.42-4.42 4.42Z' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m651.75 341.24h-301.28c-4.66 0-8.48-3.82-8.48-8.48v-8.48h318.24v8.48c0 4.66-3.82 8.48-8.48 8.48Z' fill='%23cce3f1' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m533.09 324.28h0c0 1.95-1.6 3.55-3.55 3.55h-48.33c-1.95 0-3.55-1.6-3.55-3.55h55.43Z' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m246.44 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c-.01.83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m252.31 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c0 .83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m258.19 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c-.01.83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m264.06 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c0 .83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Ccircle cx='357.73' cy='333.59' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='366.79' cy='333.59' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='375.85' cy='333.59' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='356.48' cy='177.63' r='1.8' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='365.54' cy='177.63' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Cpolygon points='634.88 129.05 618.54 225.59 488.42 208.17 461.15 239.45 469.66 206.28 442.38 203.52 445.63 109.94 634.88 129.05' fill='%2380b8dd' stroke-width='0'/%3E%3Cpath d='m482.56 179.64l-11.63-21.83c-.8-1.44-1.58-2.96-2.36-4.57-.78-1.62-1.44-3.03-1.98-4.27h-.07c-.07 1.56-.2 3.4-.37 5.5-.18 2.1-.4 4.46-.68 7.1l-1.62 16.12-4.88-.51 3.64-34.76 6.35.67 11.24 21.12c.87 1.58 1.7 3.19 2.47 4.82.78 1.63 1.38 2.97 1.81 4.01h.14c.02-1.52.12-3.32.3-5.4.17-2.08.4-4.47.69-7.19l1.55-15.45 4.95.52-3.64 34.76-5.91-.64Z' fill='%23fff' stroke-width='0'/%3E%3Cpath d='m501.75 181.65l3.64-34.76 19.52 2.05-.41 3.94-14.37-1.51-1.16 11.03 13.1 1.37-.4 3.81-13.1-1.37-1.24 11.83 14.37 1.51-.43 4.15-19.52-2.05Z' fill='%23fff' stroke-width='0'/%3E%3Cpath d='m570.64 188.87l-6.56-.69-5.14-21.96c-.25-1.07-.5-2.24-.75-3.53s-.48-2.6-.71-3.92h-.07c-.45 1.25-.92 2.48-1.4 3.69-.49 1.21-.99 2.4-1.52 3.56l-9.28 20.18-6.27-.66-7.3-35.91 5.82.61 4.4 22.9c.27 1.65.5 3.07.7 4.26.19 1.19.35 2.26.47 3.22h.07c.57-1.55 1.07-2.89 1.5-3.99s.91-2.21 1.43-3.33l9.78-21.15 5.28.55 5.27 22.59c.27 1.24.54 2.58.8 4.01s.48 2.75.66 3.99h.07c.55-1.38 1.07-2.67 1.54-3.89.47-1.21.94-2.4 1.44-3.57l8.92-21.17 5.48.57-14.63 33.64Z' fill='%23fff' stroke-width='0'/%3E%3Cpath d='m611.28 183.12c-.15 1.43-.58 2.74-1.29 3.96-.71 1.21-1.71 2.23-2.99 3.06-1.28.83-2.84 1.43-4.68 1.78-1.84.35-3.89.4-6.17.16-1.38-.14-2.86-.4-4.45-.77-1.58-.37-2.94-.75-4.07-1.14l1.14-4.41c1.2.58 2.54 1.05 4 1.43 1.47.38 2.94.64 4.42.8 1.43.15 2.66.14 3.72-.05s1.93-.51 2.64-.96c.7-.45 1.24-1.01 1.63-1.67.39-.67.63-1.45.72-2.36.12-1.16-.16-2.17-.87-3.03-.7-.86-1.45-1.52-2.26-1.96s-2.27-1.2-4.4-2.25c-2.12-1.06-3.75-2.02-4.9-2.88-1.15-.87-2.06-1.94-2.74-3.23s-.92-2.82-.73-4.6c.29-2.81 1.64-5.01 4.04-6.61 2.39-1.6 5.78-2.17 10.15-1.71 1.12.12 2.36.32 3.73.61 1.36.3 2.55.59 3.55.89l-1.05 4.28c-1.04-.38-2.2-.73-3.48-1.04-1.27-.31-2.42-.52-3.45-.63-2.67-.28-4.66-.05-5.95.67-1.29.73-2.03 1.96-2.21 3.67-.12 1.16.17 2.17.87 3.03.7.87 1.45 1.51 2.27 1.93.81.42 2.28 1.17 4.4 2.25 2.11 1.08 3.76 2.05 4.93 2.92 1.17.86 2.1 1.94 2.77 3.23.65 1.32.89 2.85.71 4.63Z' fill='%23fff' stroke-width='0'/%3E%3Cpolyline points='563.97 130.48 453.63 117.51 450.79 163.28' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpolyline points='600.71 215.71 612.91 217.18 622.15 162.84' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpolygon points='469.66 206.28 478.38 207 468.74 210 469.66 206.28' fill='%23000a49' stroke-width='0'/%3E%3Cpath d='m413.1 225.48c9.4-1.51 18.38 4.13 20.06 12.59s-4.58 16.55-13.98 18.06l-6.08-30.65Z' fill='%23000a49' stroke-width='0'/%3E%3Cpath d='m354.02 301.82h0c-3.01 1.14-6.48-.14-7.74-2.86l-13.99-30.1 10.92-4.11 13.99 30.1c1.26 2.71-.17 5.84-3.18 6.97Z' fill='%23e2001a' stroke-width='0'/%3E%3Cpolygon points='410.96 203.25 322.32 235.09 330.71 275.68 426.28 275.33 410.96 203.25' fill='%23f399a3' stroke-width='0'/%3E%3Cpolygon points='322.32 235.09 297.65 234.67 304.73 282.8 330.71 275.68 322.32 235.09' fill='%23e2001a' stroke-width='0'/%3E%3Cpolygon points='432.87 281.88 425.83 284.43 407.33 196.9 415.43 194.17 432.87 281.88' fill='%23e2001a' stroke-width='0'/%3E%3Cpolygon points='322.32 235.09 327.49 276.65 330.71 275.68 322.32 235.09' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpolygon points='348.26 275.59 337.12 279.23 335.44 275.64 348.26 275.59' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpolygon points='408.8 204.06 420.89 275.39 424.03 275.58 408.8 204.06' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cline x1='343.07' y1='228.15' x2='356.83' y2='275.34' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='362.46' y1='220.74' x2='377.99' y2='275.34' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='342.89' y1='282.74' x2='350.45' y2='280.74' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='346.62' y1='285.72' x2='352.13' y2='284.26' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='454.61' y1='231.4' x2='442.42' y2='234.48' fill='none' stroke='%23000a49' stroke-miterlimit='10' stroke-width='2.14'/%3E%3Cline x1='452.6' y1='249.26' x2='438.59' y2='242.7' fill='none' stroke='%23000a49' stroke-miterlimit='10' stroke-width='2.14'/%3E%3Cline x1='442.19' y1='216.83' x2='435.54' y2='230.26' fill='none' stroke='%23000a49' stroke-miterlimit='10' stroke-width='2.14'/%3E%3Cg clip-path='url(%23clippath)'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='%230271bb' stroke-width='0'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-1)'%3E%3Ccircle cx='255.53' cy='391.39' r='46.47' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.88'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-2)'%3E%3Ccircle cx='239.44' cy='259.99' r='46.47' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.88'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-3)'%3E%3Cline x1='182.21' y1='331.18' x2='312.16' y2='315.27' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.88'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-4)'%3E%3Cpath d='m276.31 378.1c-25.47 3.12-49.27-20.07-53.16-51.79-3.88-31.72 13.62-59.97 39.09-63.08' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.98'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-5)'%3E%3Cpath d='m232.16 383.51c25.47-3.12 42.97-31.36 39.09-63.08-3.88-31.72-27.68-54.91-53.16-51.79' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.98'/%3E%3C/g%3E%3Cline x1='538.85' y1='324.17' x2='341.99' y2='324.39' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3C/svg%3E");
  3695. }
  3696. .ersti.swiper {margin:0px 0 30px;padding-bottom:55px}
  3697. .s .ersti.swiper {margin:0px 0 0px;padding-bottom:55px}
  3698. .ersti.swiper .swiper-slide {padding:50px 60px 0 0;}
  3699.  
  3700. .landingpage.kachel-cluster .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;}
  3701. .landingpage.kachel-cluster:not(.text) .text{ display:none}
  3702. .landingpage.kachel-cluster:not(.img, .video) .image{display:none}
  3703.  
  3704. .landingpage.kachel-cluster:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"}
  3705. .landingpage.kachel-cluster.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"}
  3706.  
  3707. .landingpage.kachel-cluster.img:not(.text) .content,
  3708. .landingpage.kachel-cluster.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"}
  3709.  
  3710. .landingpage.kachel-cluster.text.img .content,
  3711. .landingpage.kachel-cluster.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"}
  3712.  
  3713. html:not(.l) .landingpage.kachel-cluster.text.img .content,
  3714. html:not(.l) .landingpage.kachel-cluster.text.video .content{gap: 0;grid-template-columns: 100%;grid-template-rows: auto 1fr;grid-template-areas:"h2" "text" "image" "nav"}
  3715.  
  3716. .landingpage.slider-vollbreit h2 { max-width: 650px;}
  3717. .landingpage.kachel-cluster h2{grid-area: h2}
  3718. .landingpage.kachel-cluster .text{grid-area: text}
  3719. .landingpage.kachel-cluster .text:empty{margin:0;height:50px}
  3720. .landingpage.kachel-cluster .image{grid-area: image;padding-bottom:60px}
  3721. .landingpage.kachel-cluster.img:not(.text) .image,
  3722. .landingpage.kachel-cluster.video:not(.text) .image{max-width:700px;margin-top:50px}
  3723. .landingpage.kachel-cluster .image .img{position:relative}
  3724. .landingpage.kachel-cluster .image img{width:100%}
  3725. .landingpage.kachel-cluster .image .video{position:relative}
  3726. .landingpage.kachel-cluster .image video{width:100%}
  3727. .landingpage.kachel-cluster .image iframe{width:100%; aspect-ratio:16/9}
  3728. .landingpage.kachel-cluster .image .bildnachweis {margin:0;display: block; position: absolute;right: 0; bottom: 0px; white-space: nowrap;font-size: 12px;line-height: 26px; padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);}
  3729.  
  3730. .landingpage.kachel-cluster nav{grid-area: nav}
  3731. .landingpage.kachel-cluster:not(.text,.video,.img) nav{margin-top:50px}
  3732. .landingpage.kachel-cluster nav h3 { background-image:var(--icon-button-pfeil-rechts-blau);  background-position: 100% center}
  3733.  
  3734. .landingpage.kachel-cluster nav a, .landingpage.kachel-cluster nav a h3{ text-decoration:none!important}
  3735. @media (hover: hover) {
  3736. .landingpage.kachel-cluster nav a:hover h3{ text-decoration:underline!important}
  3737. }
  3738. .landingpage.slider-vollbreit .buttons button{background-color:transparent}
  3739.  
  3740. :root {
  3741. --topicssubpage-intro--height: 450px;
  3742. --topicspage-intro--height: 500px;
  3743. --topicspage-intro-content--max-width: calc(var(--topicspage-intro--height) * 16 / 9);
  3744. --topicspage-intro-image--max-width: calc(var(--topicspage-intro--height) * 16 / 9);
  3745. --topicspage--color-grey: #f6f8fa;
  3746. --topicspage--color-lightblue: #f0f7fb;
  3747. }
  3748.  
  3749. .topicspage.grau{background-color:var(--topicspage--color-grey)}
  3750. .topicspage *{background-repeat: no-repeat}
  3751. .outer.topicspage:not(.intro){position:relative;}
  3752. html:not(.s) .outer.topicspage * h2{hyphens:none}
  3753. .outer.topicspage .inner{position:relative}
  3754. .l .outer.topicspage .inner{padding-right:100px}
  3755. @media  screen and (max-width:1200px) { .outer.topicspage .inner{padding-right:0}}
  3756. .outer.topicspage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  3757. .s .outer.topicspage .inner:before,
  3758. .s .outer.topicspage.content-navi .inner:before{left:20px}
  3759. .outer.topicspage .content{position:relative}
  3760. .outer.topicspage .content .text{ font-size:19px;line-height:28px}
  3761. .outer.topicspage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  3762. .outer.topicspage .bildnachweis a:hover{text-decoration:underline !important}
  3763.  
  3764. /********** intro **********/
  3765. .topicspage.intro.outer{margin-top:0;padding-left:max(calc((100% - 1258px)/2), 20px);padding-right:0;background-color:var(--UHH0271bb-grau);height:var(--topicspage-intro--height);position:relative}
  3766. .topicssubpage.intro.outer{background-color:var(--topicspage--color-grey);height:var(--topicssubpage-intro--height)}
  3767. .m .topicspage.intro.outer{height:auto;}
  3768. .m .topicspage.intro.outer .image{min-height:var(--topicspage-intro--height)}
  3769. .m .topicssubpage.intro.outer .image{min-height:var(--topicssubpage-intro--height)}
  3770. .topicspage.intro .inner{display:flex;height:100%;padding-right:0 !important}
  3771. .topicspage.intro .content{color:#fff;max-width:var(--topicspage-intro-content--max-width);width:50%; display:block; flex-direction:column;justify-content: flex-end; padding:60px 50px 60px 0}
  3772. .topicspage.intro .content > *{max-width:600px}
  3773. .topicspage.intro .content h1{font-size: 40px;line-height:1.1;color:#fff;margin:0;font-family: TheSansUHHBoldCaps, sans-serif;max-height: 2.1em; overflow: hidden;;}
  3774. html:not(.l) .topicspage.intro .content h1{max-height:none}
  3775. .topicspage.intro .content .text{margin-top:40px;font-size: 19px;line-height: 1.5;}
  3776. .topicspage.intro .content .text p{margin:0}
  3777. .topicspage.intro .content .calltoaction{margin-top:40px;background-position: calc(100% - 10px) center;border:1px solid #fff; font-family:TheSansUHHSemiLightCaps;padding: 14px 60px 14px 22px !important}
  3778. .topicspage.intro:not(.topicssubpage) .content .calltoaction:focus{box-shadow: 0 0 5px 1px #fff;}
  3779. .topicssubpage.intro .content .calltoaction{margin-top:40px;background-image:var(--icon-button-pfeil-grau-rechts-lang);background-color:#fff; border:1px solid #f0f0f0; }
  3780. .topicssubpage.intro *{color:#4e4e4e!important}
  3781. .topicspage.intro .image{max-width:var(--topicspage-intro-image--max-width);width:50%;overflow:hidden;position:relative;aspect-ratio:16/9}
  3782. .topicspage.intro .image .img, .topicspage.intro .image .video{height:100% }
  3783. .topicspage.intro .image .img img{height:100%;float:right }
  3784. .topicspage.intro .image .video video{height:100%;float:left }
  3785. .topicspage.intro .image .bildnachweis{ color: #4e4e4e; position: absolute; background: rgba(255, 255, 255, 0.8); padding: 2px 10px; font-size: 12px; bottom: 0px; right: 0}
  3786. .topicspage.intro.playing .video button,.topicspage.intro.pause .video button{cursor:pointer;padding:0; border:0; outline:0; box-shadow:0;width:40px;height:40px;background-color:rgba(255,255,255,0.8);background-position:center;overflow:hidden;position:absolute; bottom:30px;right:30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")}
  3787. .topicspage.intro.playing .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")}
  3788. .topicspage.intro.pause .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")}
  3789. .topicspage.intro.playing .video button:before{content:'stop';  position:absolute;left:200px}
  3790. .topicspage.intro.pause .video button:before{content:'start'; position:absolute;left:200px}
  3791. .topicspage.intro .video button:focus{outline:1px dotted #fff; box-shadow:0 0 0 1px var(--UHH0271bb-grau), 0 0 5px 1px #fff;}
  3792.  
  3793. @media  screen and (max-width:900px) {
  3794. .topicspage.intro.outer{padding:0;height:auto}
  3795. .topicspage.intro .inner{flex-direction:column;height:auto}
  3796. .topicspage.intro .content{order:2;width:100%; display:block; padding:40px 20px 50px}
  3797. .topicspage.intro .content h1{font-size: 35px}
  3798. .topicspage.intro .content .text{margin-top:40px;font-size: 19px;}
  3799. .topicspage.intro .image{order:1;width:100%}
  3800. }
  3801.  
  3802. /********** content-navi  **********/
  3803. .topicspage.content-navi{margin-top:0px !important; padding-top:60.1px !important}
  3804. .s .topicspage.content-navi{ padding-top:60px !important}
  3805. .topicspage.content-navi{padding-top:60px !important;padding-bottom:35px !important}
  3806. .topicspage.content-navi:first-child{ padding-top:40px !important}
  3807. .s .topicspage.content-navi:first-child{padding-top:36px !important}
  3808. .s .topicspage.content-navi.grau:first-child{padding-top:60px !important;margin-top:-24px !important}
  3809. .s .topicspage.content-navi .inner{padding:0 20px}
  3810. .topicspage.content-navi .content:before{content:"";display:table}
  3811. .topicspage.content-navi .content:after{}
  3812. .topicspage.content-navi h2{margin:30px 0 0 0; }
  3813. .topicspage.content-navi nav{margin-top:45px;margin-top:32px;line-height:2em}
  3814. .topicspage.content-navi nav:after{content:"";display:table;width:100%}
  3815. .topicspage.content-navi ul{padding:0!important;margin:0}
  3816. .topicspage.content-navi li{float:left;margin:0 20px 20px 0}
  3817. html:not(.l) .topicspage.content-navi li{margin:0 15px 15px 0}
  3818. .topicspage.content-navi li:before{content:none!important}
  3819. .topicspage.content-navi a{background-image:var(--icon-pfeil-blau-lang-unten);background-repeat:no-repeat;background-position:6px 12px;color:var(--UHH4e4e4e-fff);background-color:#f0f3f6;font-size:19px;padding:7px 14px 7px 34px;position:relative;display:block;}
  3820. .topicspage.content-navi.grau a{background-color:#fff}
  3821. html:not(.l) .topicspage.content-navi a{padding:7px 14px 7px 32px;}
  3822. .topicspage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important}
  3823. html:not(.l) .topicspage.content-navi a:before{left: 0px;}
  3824.  
  3825. /********** Direkteinstieg  **********/
  3826. .topicspage.box-direct-access{margin-top:0 !important; padding-top:60.1px !important}
  3827. .topicspage.box-direct-access:not(.single){padding-bottom: 55px !important;}
  3828. .s .topicspage.box-direct-access{padding-top:60px !important}
  3829. .topicspage.box-direct-access:first-child{ padding-top:30px !important}
  3830. .s .topicspage.box-direct-access:first-child{padding-top:26px !important}
  3831. .topicspage.box-direct-access.grau{background-color:var(--topicspage--color-grey)}
  3832. .s .topicspage.box-direct-access .inner{padding:0 20px}
  3833. .topicspage.box-direct-access .content:before{content:"";display:table}
  3834. .topicspage.box-direct-access .content:after{}
  3835. .topicspage.box-direct-access h2{margin:30px 0 0 0; }
  3836. .topicspage.box-direct-access nav{margin-top:30px;line-height:2em}
  3837. .topicspage.box-direct-access nav:after{content:"";display:table;width:100%}
  3838. .topicspage.box-direct-access ul{padding:0!important;margin:0;columns:2;column-gap:30px;max-width:940px}
  3839. .s .topicspage.box-direct-access ul{columns:1}
  3840. .topicspage.box-direct-access li{border-bottom:1px solid rgb(60,81,91)}
  3841. .topicspage.box-direct-access li:before{content:none!important}
  3842. .topicspage.box-direct-access a{line-height:130%;transition: background-position 0.25s;display:inline-block; background-image:var(--icon-button-pfeil-rechts-blau);background-repeat:no-repeat;background-position:calc(100% + 18px) center;color:var(--UHH4e4e4e-fff);font-size:19px;padding:13px 40px 13px 0px;position:relative;}
  3843. .topicspage.box-direct-access a:hover{text-decoration:underline!important;background-position1:calc(100% + 23px);text-decoration-thickness: 2px !important;}
  3844.  
  3845.  
  3846. .topicspage.box-direct-access button{border:0; border-radius:0; box-shadow:0;background-color:var(--UHH0271bb-grau); ;position:absolute!important; top:30px; left: 325px; width:50px; height:50px;}
  3847. .s .topicspage.box-direct-access button{left: auto; right:20px}
  3848. @media screen  and (max-width: 365px) {
  3849. .topicspage.box-direct-access:has(button) h2{font-size:  35px}
  3850. }
  3851. @media screen  and (max-width: 345px) {
  3852. .topicspage.box-direct-access:has(button) h2{font-size:  32px}
  3853. }
  3854. .topicspage.box-direct-access button.white{background-color:transparent;;position:absolute!important;}
  3855. .topicspage.box-direct-access button:before {transform:rotate(-45deg);box-sizing:border-box;content:"";position:absolute; width:19px; height:19px; border:0 solid #fff; border-top-width:0px; border-right-width:0px;
  3856. border-bottom-width:0px; border-left-width:0px; border-width:3px 3px 0 0; top:20px;  left:16px}
  3857. .topicspage.box-direct-access button.white:before {border-color:var(--UHH0271bb-grau)}
  3858. .topicspage.box-direct-access.off button:before {top:12px;transform:rotate(135deg)}
  3859. .topicspage.box-direct-access.off nav{display:none}
  3860.  
  3861. html:not(.s) .topicspage.box-direct-access button{display:none}
  3862. html:not(.s) .topicspage.box-direct-access.off nav{display:block}
  3863. .box-direct-access.single{columns:1;max-width:none;margin-bottom:34px;}
  3864. .box-direct-access.single .inner{padding-right:0!important}
  3865. .box-direct-access.single ul{columns:1;max-width:none}
  3866. .box-direct-access.single li{border:0; float:left;margin: 0 20px 20px 0;}
  3867. .box-direct-access.single a{background-color: #f0f3f6;padding: 7px 40px 7px 14px;line-height: 2em;background-position: calc(100% + 12px) center;}
  3868. .s .box-direct-access.single a{padding: 7px 45px 7px 14px;line-height: 1.5em;}
  3869.  
  3870.  
  3871. /********** box-topics-mailform-newsletter-component **********/
  3872. .topicspage.box-topics-mailform-newsletter-component {margin-top:0!important;padding-top:60.1px!important;padding-bottom:55px!important;box-shadow: 0 250px 0 0 var(--UHH0271bb-grau) inset;}
  3873. .s .topicspage.box-topics-mailform-newsletter-component {padding-top:60px!important;padding-bottom:0px!important;box-shadow: 0 192px 0 0 var(--UHH0271bb-grau) inset;}
  3874. .topicspage.box-topics-mailform-newsletter-component .inner {overflow:hidden;padding-right:0!important}
  3875. .topicspage.box-topics-mailform-newsletter-component .inner:before {background-color:#fff!important;z-index:1}
  3876. .topicspage.box-topics-mailform-newsletter-component .content {position:relative}
  3877. .topicspage.box-topics-mailform-newsletter-component h2 {width: max(50%,calc(100% - 600px));text-overflow:ellipsis;height:168px;overflow:hidden;margin:0;padding-top:30px; color:#fff;}
  3878. .s .topicspage.box-topics-mailform-newsletter-component h2 {width:auto;height:auto;white-space:normal!important;padding:30px 20px 40px;background-color:var(--UHH0271bb-grau)}
  3879. .topicspage.box-topics-mailform-newsletter-component .image{float:left;margin:50px}
  3880. .topicspage.box-topics-mailform-newsletter-component .image img{width:420px}
  3881. .s .topicspage.box-topics-mailform-newsletter-component .image{float:none;margin:0;text-align:center}
  3882. .s .topicspage.box-topics-mailform-newsletter-component .image img{display:block !important; width:100%;}
  3883. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:right; width:calc(100% - 520px); max-width:560px;margin-top: -185px;}
  3884. .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:none; width:100%; max-width:none;margin-top: 0;}
  3885. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 65px !important;}
  3886. .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { margin-top:0 !important;}
  3887. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form p{ margin-top:0}
  3888. .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;}
  3889. .s .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;}
  3890. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter h3 { margin-top:0;font-size: 28px!important;line-height: 36px!important;}
  3891. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .row.submit { text-align: left!important}
  3892. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter input[type="submit"]{margin-top:20px!important; margin-left:0!important; background-image:var(--icon-newsletter-versand); background-repeat: no-repeat;background-position: 10px center; padding-left:55px !important}
  3893. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .form-confirm { margin-top:0!important;}
  3894. @media screen and (min-width: 640px) and (max-width: 1000px) {
  3895. .topicspage.box-topics-mailform-newsletter-component h2 {max-width:50%}
  3896. .topicspage.box-topics-mailform-newsletter-component .image{width:38%;margin-right:0}
  3897. .topicspage.box-topics-mailform-newsletter-component .image img{width:100%}
  3898. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{width:48%; ;}
  3899. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { overflow:hidden;padding: 35px !important;}
  3900. }
  3901.  
  3902. /********** absprung-cluster **********/
  3903. .topicspage.absprung-cluster{padding-top:60.1px!important;position:relative;border-bottom:100px solid #F6F8FA}
  3904. .s .topicspage.absprung-cluster{padding-top:60px!important;border-bottom:70px solid #F6F8FA}
  3905. .topicspage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important}
  3906. html:not(.l) .topicspage.absprung-cluster .inner{padding-right:0px!important}
  3907. .topicspage.absprung-cluster .content{display:grid;gap:0 120px; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;grid-template-areas: "h2 img" "text img" "nav img"}
  3908. .s .topicspage.absprung-cluster .content{display:flex;flex-direction: column;}
  3909. .m .topicspage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"}
  3910. .topicspage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;}
  3911. .s .topicspage.absprung-cluster h2{padding:30px 20px 0}
  3912. .topicspage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px}
  3913. html:not(.l) .topicspage.absprung-cluster .text{align-items: start}
  3914. .s .topicspage.absprung-cluster .text{padding:21px 20px 20px}
  3915. .topicspage.absprung-cluster .text > div{position:relative;padding:20px 0 70px}
  3916. .m .topicspage.absprung-cluster .text > div{padding:30px 0}
  3917. .s .topicspage.absprung-cluster .text > div{padding:20px 0}
  3918. .xxxxxxl .topicspage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3919. .topicspage.absprung-cluster .text > div > *{position:relative;z-index:2}
  3920. .topicspage.absprung-cluster .text p:first-child {margin-top:0 }
  3921. .topicspage.absprung-cluster .text p:last-child {margin-bottom:0 }
  3922. .topicspage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end}
  3923. .s .topicspage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto}
  3924. .topicspage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative}
  3925. .s .topicspage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;}
  3926. .topicspage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto}
  3927. html:not(.s) .topicspage.absprung-cluster .image img[width="640"]{display:none}
  3928. .s .topicspage.absprung-cluster .image img[width="520"]{display:none}
  3929. .topicspage.absprung-cluster .bildnachweis {display: block;position: absolute; right: 0;bottom: 0px;white-space: nowrap;font-size: 12px;line-height: 26px;padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);}
  3930. .topicspage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative}
  3931. .topicspage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3932. .topicspage.absprung-cluster nav ul{padding:0!important;margin:0!important}
  3933. .l .topicspage.absprung-cluster nav ul{padding-top:100px !important}
  3934. .m .topicspage.absprung-cluster nav ul{padding-top:40px !important}
  3935. .s .topicspage.absprung-cluster nav ul{padding-top:50px !important}
  3936. html:not(.l) .topicspage.absprung-cluster nav li{max-width:none }
  3937. .topicspage.absprung-cluster nav li{background-color:#fff  }
  3938. .topicspage.absprung-cluster nav li + li{margin-top:13px }
  3939. .topicspage.absprung-cluster nav li:before{content:none!important  }
  3940. .topicspage.absprung-cluster nav a{transition:none;color: var(--UHH4e4e4e-4e4e4e);padding:18px 60px 18px 30px;display:block; background-color:#fff;background-image:var(--icon-button-pfeil-rechts-blau);background-repeat:no-repeat; background-position:calc(100% - 0px) center }
  3941. .landingpage.absprung-cluster nav a{padding:18px 60px 18px 30px;background-image:var(--icon-button-pfeil-rechts-blau);background-repeat:no-repeat; background-position:calc(100% - 0px) center }
  3942. /* .topicspage.absprung-cluster nav a.extern:after{content:"\00a0"; margin-left:10px;display:inline-block; width:20px; background-image:var(--icon-link-extern-grau) !important} */
  3943. .topicspage.absprung-cluster nav a:hover{color: #fff; background-color:#0271bb; background-image:var(--icon-button-pfeil-rechts-weiss); }
  3944. .landingpage.absprung-cluster nav a:hover{background-image:var(--icon-button-pfeil-rechts-weiss); }
  3945. /* .topicspage.absprung-cluster nav a.extern:hover:after{background-image:var(--icon-link-extern-weiss) !important} */
  3946.  
  3947.  
  3948. /********** kachel-cluster **********/
  3949.  
  3950. .topicspage.kachel-cluster{margin-top:55px !important;margin-bottom:55px !important}
  3951. .s .topicspage.kachel-cluster{margin-top:55px !important;}
  3952.  
  3953.  
  3954. /********** slider-vollbreit **********/
  3955. .slider-vollbreit.topicspage{padding-top:0!important; margin-top:60.1px!important;margin-bottom:25px}
  3956. .s .slider-vollbreit.topicspage{padding-top:0px!important; margin-top:60px!important}
  3957. .topicspage .ersti-swiper-wrapper { background-image:none!important;}
  3958.  
  3959.  
  3960. /********** Newsteaser **********/
  3961. .news-carousel {margin-bottom:0 !important; margin-top:0 !important;padding-top:60.1px !important; padding-bottom:15px!important}
  3962. .news-carousel:first-child {padding-top:40px !important}
  3963. .news-carousel:after {content:""; display:table; width:100%}
  3964. .news-carousel.grau{background-color:var(--topicspage--color-grey)}
  3965.  
  3966. .s .news-carousel {margin-bottom:0 !important;padding-top:60.1px !important}
  3967. .s .news-carousel:first-child {padding-top:30px !important}
  3968. .news-carousel:not(.news-1fach) {padding:60.1px 0 15px max(calc((100% - 1258px)/2), 20px)!important}
  3969. .news-carousel:not(.news-1fach):first-child {padding:40px 0 0px max(calc((100% - 1258px)/2), 20px)!important}
  3970. .news-carousel .more {position:absolute; top:45px!important;left:1280px;transform: translate(-100%,0); white-space: nowrap;font-family: TheSansUHHBoldCaps,sans-serif; font-size: 16px;}
  3971. @media screen and (max-width: 1305px) {
  3972. .news-carousel .more {right:20px; left:auto;transform:none}
  3973. }
  3974. .news-carousel.news-1fach .more1 {right:0; left:auto;transform:none}
  3975. .s .news-carousel .more {position:relative; top:0!important;right:0;margin:-5px 0 0; padding-bottom:0;float:right; }
  3976. .s .news-carousel.grau .more {padding-bottom:30px;}
  3977. .news-carousel .more a{ background-image:var(--icon-all-blau-rechts); background-position:3px 9px; background-size:6px; padding-left: 15px;color: var(--UHH4e4e4e-fff);display:block}
  3978. .news-carousel .more a:hover{ text-decoration:underline!important}
  3979. .m .news-carousel .more {right:20px}
  3980. .s .news-carousel .more {right:20px}
  3981. .news-carousel:not(.news-1fach) .inner{margin:0px!important; padding:0!important; max-width:none!important}
  3982. .s .news-carousel:not(.news-1fach) .inner:before{left:0 !important}
  3983. .news-carousel .content:before {  content: "";  display: table;}
  3984. .news-carousel .head {overflow:hidden}
  3985. .news-carousel .head:after {content:""; display:table;width:100%}
  3986. .news-carousel .head h2 { float:left;margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;; padding-right:20px;}
  3987. .m .news-carousel .head h2 { max-width: calc(100% - 200px)}
  3988. .s .news-carousel .head h2 {max-height: none;}
  3989. .news-carousel .head .last-word{white-space:nowrap}
  3990. .news-carousel .head .rss{display:inline-block; margin-left:35px}
  3991.  
  3992. .news-carousel .slider { }
  3993. .news-carousel ul{padding:0;margin:0}
  3994. .news-carousel:not(.news-1fach) li{background-color:#fff}
  3995. .news-carousel li:before{content:none !important}
  3996. .news-carousel .item{display:block}
  3997. .news-carousel a{display:block;color:#4e4e4e!important; text-decoration:none!important;}
  3998. .news-carousel li>a{height:100%}
  3999. .news-carousel a:hover{color:#4e4e4e!important; text-decoration:none!important}
  4000. .news-carousel:not(.news-1fach) a .image:not(:has(img)){aspect-ratio:400/240}
  4001. .news-carousel:not(.news-1fach) a .image img{aspect-ratio:400/226}
  4002. .news-carousel:not(.news-1fach) a > .video{position:relative;overflow:hidden;aspect-ratio:400/241}
  4003. .news-carousel:not(.noimg, .news-1fach) .image:before{content: "";  float: left;  padding-top: 56.5%;  border-bottom: 14px solid red;  width: 0px;}
  4004. .news-carousel .image{overflow:hidden}
  4005. .news-carousel.noimg .image{display:none}
  4006. .news-carousel.noimg .cta .image{display:block}
  4007. .news-carousel .image img {width:100%;transition:none}
  4008. .news-carousel li.cta .image {background-image: var(--img-illustration-news)}
  4009. .news-carousel:not(.noimg) li.cta .text {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -10px; padding-bottom:10px}
  4010. .news-carousel.noimg li.cta .text h3{margin:10px 0}
  4011.  
  4012. .news-carousel .bildnachweis {text-align: right;font-size: 12px; line-height: 1em; margin: 0;  padding-top: 2px;padding-right:10px}
  4013. .news-carousel .text {padding:0}
  4014. .news-carousel:not(.noimg, .news-1fach) .text {padding:0;margin-top:5px}
  4015. .news-carousel.grau .text {padding:0 40px 40px 40px}
  4016. .news-carousel.noimg .text {padding:35px 40px 55px 40px}
  4017. .s .news-carousel.noimg .text {padding:35px 25px 55px 25px}
  4018. .news-carousel.noimg .cta .text {padding:0 40px 40px 40px}
  4019. .s .news-carousel.noimg .cta .text {padding:0 25px 40px 25px}
  4020. .news-carousel.noimg li a {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% 100%}
  4021. .news-carousel .rubrik {font-family: TheSansUHHBoldCaps,sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; }
  4022. .news-carousel .rubrik .sep { font-family: TheSansUHHRegularCaps,sans-serif; display: inline-block; margin: 0 12px;}
  4023. .news-carousel h3{  font-size: 28px; margin: 10px 0 15px 0; line-height:1.3em}
  4024. .news-carousel a:hover h3{ text-decoration:underline}
  4025. .news-carousel .inhalt{ font-size: 16px!important;line-height:1.5em!important}
  4026. .news-carousel .inhalt *:last-child{ margin-bottom:0}
  4027.  
  4028. .news-carousel .slider.swiper {overflow:visible;  cursor: grab}
  4029. .news-carousel ul.swiper-wrapper {user-select:none;list-style:none;margin:0 !important;padding:45px 0 40px!important; display: flex;gap:0px;width:5000%}
  4030. .s .news-carousel-area ul.swiper-wrapper {gap:0px;}
  4031. .news-carousel li.swiper-slide{padding:0;width:400px!important;max-width:calc(100vw - 80px) !important; float:none; min-width:auto;height:auto!important}
  4032. .news-carousel:not(.noimg) li.swiper-slide.cta {height:100% !important}
  4033.  
  4034. .news-carousel button {opacity:0;transition:opacity 0.25s;
  4035. position: absolute!important;  top: calc(50% - 44px);  z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px;
  4036. border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand)
  4037. }
  4038. .news-carousel.noimg button { top: calc((100% - 186px)/2 + 186px - 44px);}
  4039.  
  4040. .news-carousel button:hover{opacity:1!important}
  4041. .news-carousel button.news-carousel-swiper-button-prev {transform:rotate(180deg);left: 100px}
  4042. .news-carousel button.news-carousel-swiper-button-next {right: 100px}
  4043. .news-carousel:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.news-carousel-swiper-button-next {display:none}
  4044. .news-carousel.begin button.news-carousel-swiper-button-prev {display:none}
  4045. .news-carousel.end button.news-carousel-swiper-button-next {display:none}
  4046. .s .news-carousel button.news-carousel-swiper-button-prev {display:none}
  4047. .s .news-carousel button.news-carousel-swiper-button-next {display:none}
  4048.  
  4049. .s .news-carousel.news-1fach .head h2{padding: 0 20px}
  4050. .news-carousel.news-1fach ul {margin:45px 0;padding:0!important}
  4051. .news-carousel.news-1fach li {max-width:none!important;}
  4052. .news-carousel.news-1fach li+li {margin-top:45px}
  4053. .news-carousel.news-1fach li .item {display:flex; flex-direction:row; width:100%; gap:40px}
  4054. .s .news-carousel.news-1fach li .item {flex-direction:column; gap:0px}
  4055. .news-carousel.news-1fach li .image,
  4056. .news-carousel.news-1fach li .item > .video{width:400px}
  4057.  
  4058. .s .news-carousel.news-1fach .bildnachweis{padding-right:20px; min-height:14px}
  4059. .news-carousel.news-1fach li .image img{width:100%}
  4060. .news-carousel.news-1fach li .text{width:calc(100% - 40px - 400px); max-width:700px;}
  4061. @media  screen and (max-width:900px) {
  4062. .news-carousel.news-1fach li .image,
  4063. .news-carousel.news-1fach li .item .video{width:calc(50% - 20px)}
  4064. .news-carousel.news-1fach li .text{width:calc(50% - 20px)}
  4065. }
  4066. .s .news-carousel.news-1fach li .image,
  4067. .s .news-carousel.news-1fach li .item .video{width:100%}
  4068. .s .news-carousel.news-1fach li .text{width:100%; padding:0 20px}
  4069.  
  4070. .news-carousel.news-1fach.noimg li {max-width:700px}
  4071. .news-carousel.news-1fach.noimg li > a {gap:0}
  4072. .news-carousel.news-1fach.noimg .image{display:none}
  4073. .news-carousel.news-1fach.noimg li .text{width:100%}
  4074. /*Beitrag aus Newsroom*/
  4075. .news-carousel .hinweis { margin: 1em 0!important; padding: 0!important; border: none!important; font-size: 14px!important; background-color: transparent!important; font-family: TheSansUHHItalic!important;}
  4076.  
  4077. /********** Quadratteaser **********/
  4078. .topicspage.square-teaser-area {margin-top:0px !important; padding:60.1px 0 0px max(calc((100% - 1258px)/2), 20px)!important}
  4079. .s .topicspage.square-teaser-area {padding-top:60px !important}
  4080. .topicspage.square-teaser-area .inner{margin:0px!important; padding:0!important; max-width:none!important}
  4081. .s .topicspage.square-teaser-area .inner:before{left:0}
  4082. .topicspage.square-teaser-area .content:before {  content: "";  display: table;}
  4083. .topicspage.square-teaser-area h2 { margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;}
  4084. .s .topicspage.square-teaser-area h2 {max-height: none;padding-right:20px}
  4085. .topicspage.square-teaser-area .buttons { position:absolute; top:20px; right:0}
  4086. html:not(.l) .topicspage.square-teaser-area .buttons { right:20px}
  4087. .topicspage.square-teaser-area button {opacity:0;transition:opacity 0.25s;
  4088. position: absolute!important;  top: calc(50% - 44px);  z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px;
  4089. border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand)
  4090. }
  4091. .topicspage.square-teaser-area button:hover{opacity:1!important}
  4092. .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {transform:rotate(180deg);left: 100px}
  4093. .topicspage.square-teaser-area button.square-teaser-swiper-button-next {right: 100px}
  4094. .topicspage.square-teaser-area:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.square-teaser-swiper-button-next {display:none}
  4095. .topicspage.square-teaser-area.begin button.square-teaser-swiper-button-prev {display:none}
  4096. .topicspage.square-teaser-area.end button.square-teaser-swiper-button-next {display:none}
  4097. .s .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {display:none}
  4098. .s .topicspage.square-teaser-area button.square-teaser-swiper-button-next {display:none}
  4099.  
  4100. .topicspage.square-teaser-area .slider {margin:0}
  4101. .topicspage.square-teaser-area .swiper {overflow:visible; cursor: grab}
  4102. .topicspage.square-teaser-area ul.swiper-wrapper {user-select:none;list-style:none;margin:0;padding:0 !important; display: flex;gap:0px;width:5000%}
  4103. .s .topicspage.square-teaser-area ul {gap:0px;}
  4104. .topicspage.square-teaser-area li{width:420px;max-width:calc(100vw - 80px) !important; flex-shrink: 0;padding:45px 0px 50px}
  4105. .topicspage.square-teaser-area:not(.grau):has(+:not(.grau)) li{padding-bottom:50px} /*ww*/
  4106. .topicspage.square-teaser-area:not(.grau):has(+.grau) li{padding-bottom:50px} /*wg*/
  4107. .topicspage.square-teaser-area.grau:has(+.grau) li{padding-bottom:50px} /*gg*/
  4108. .topicspage.square-teaser-area.grau:has(+:not(.grau)) li{padding-bottom:50px} /*gw*/
  4109. .topicspage.square-teaser-area li:before{content:none !important}
  4110. .topicspage.square-teaser-area .image{ position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
  4111. .topicspage.square-teaser-area .image:has(video):before{ content:'video';position:absolute;z-index:1;background:rgba(255,255,255,0.5); padding:20px}
  4112. .topicspage.square-teaser-area img{ width:100%;transition:transform 0.2s ease-in-out;transform:scale(1)}
  4113. .topicspage.square-teaser-area a:hover img{ transform:scale(1.05)}
  4114. .topicspage.square-teaser-area .bildnachweis {display: block;position: absolute;right: 0;bottom: 0px;white-space: nowrap;font-size: 12px;line-height: 26px;padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);}
  4115. .topicspage.square-teaser-area video{ width:100%;}
  4116. .topicspage.square-teaser-area video + .bildnachweis {display:none}
  4117. .topicspage.square-teaser-area .text{}
  4118. .topicspage.square-teaser-area a{display:block;color:#4e4e4e!important; text-decoration:none!important;}
  4119. .topicspage.square-teaser-area a:hover{color:#4e4e4e!important; text-decoration:none!important}
  4120. .topicspage.square-teaser-area .text{background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -13px}
  4121. .topicspage.square-teaser-area h3{margin:25px 40px 0 0;font-size:26px; line-height: 32px;}
  4122. .topicspage.square-teaser-area a:hover h3{text-decoration:underline!important}
  4123. .topicspage.square-teaser-area p{margin:16px 0 0;padding-right:60px ;font-size:19px;line-height:28px;max-height:90px;overflow:hidden}
  4124.  
  4125.  
  4126. /********** outro **********/
  4127.  
  4128. .topicspage.outro {margin-top:0px !important; padding-top:60.1px !important;padding-bottom:55px !important}
  4129. .s .topicspage.outro {padding-top:60px !important;}
  4130. .topicspage.outro.grau{background-color:var(--topicspage--color-grey)}
  4131. .topicspage.outro .content:before {content:""; display:table; width:100%;}
  4132. .topicspage.outro .content:after {content:""; display:table; width:100%;}
  4133. .topicspage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;}
  4134. .topicspage.outro.img-text h2 { float:right; padding-left:40px;}
  4135. .m .topicspage.outro h2 { float:none;width:auto}
  4136. .s .topicspage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px}
  4137. .topicspage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px}
  4138. .topicspage.outro.img-text .image {float:left;}
  4139. .m .topicspage.outro .image {float:none; width:auto;max-width:600px}
  4140. .s .topicspage.outro .image {float:none; width:auto}
  4141. .topicspage.outro .image img {width:100%;height:auto}
  4142. .topicspage.outro .image video {width:100%;height:auto}
  4143. .topicspage.outro .image iframe {width:100%;aspect-ratio:16/9}
  4144. .topicspage.outro .image .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);}
  4145. .topicspage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px}
  4146. .topicspage.outro.img-text .text {float:right; padding-left:40px;}
  4147. .m .topicspage.outro .text {float:none; width:auto; margin-top:40px}
  4148. .s .topicspage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px}
  4149. .topicspage.outro .text p:first-child{margin-top:0}
  4150. .topicspage.outro .text p:nth-last-child(2){margin-bottom:0}
  4151. .topicspage.outro .calltoaction {margin-top:50px;}
  4152. .m .topicspage.outro .calltoaction {margin-top:40px;}
  4153. .s .topicspage.outro .calltoaction {margin-top:35px;}
  4154. .teaser-3fach-new{position:relative}
  4155. .teaser-3fach-new.lightbox{z-index:20}
  4156. .teaser-3fach-new .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;}
  4157. .teaser-3fach-new:not(.text) .text{ display:none}
  4158. .teaser-3fach-new:not(.img, .video) .image{display:none}
  4159.  
  4160. .teaser-3fach-new:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"}
  4161. .teaser-3fach-new.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"}
  4162.  
  4163. .teaser-3fach-new.img:not(.text) .content,
  4164. .teaser-3fach-new.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"}
  4165.  
  4166. .teaser-3fach-new.text.img .content,
  4167. .teaser-3fach-new.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"}
  4168.  
  4169. html:not(.l) .teaser-3fach-new.text.img .content,
  4170. html:not(.l) .teaser-3fach-new.text.video .content{gap: 0;grid-template-columns: 100%;grid-template-rows: auto 1fr;grid-template-areas:"h2" "text" "image" "nav"}
  4171.  
  4172.  
  4173. .teaser-3fach-new h2{padding-top:30px;margin:0;max-width:700px;grid-area: h2}
  4174. .s .teaser-3fach-new h2{padding:30px 20px 0}
  4175. .teaser-3fach-new .text{line-height:33px;margin:40px 0 50px;max-width:700px;grid-area: text}
  4176. .teaser-3fach-new .text:empty{margin:0;height:50px}
  4177. .s .teaser-3fach-new .text{padding:0 20px}
  4178. .teaser-3fach-new .text p:first-child {margin-top:0 }
  4179. .teaser-3fach-new .text p:last-child {margin-bottom:0 }
  4180.  
  4181.  
  4182. .teaser-3fach-new nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA;grid-area: nav}
  4183. .teaser-3fach-new:not(.text,.video,.img) nav{margin-top:50px}
  4184. .s .teaser-3fach-new nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px}
  4185. .teaser-3fach-new nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important}
  4186. .teaser-3fach-new nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1}
  4187. .m .teaser-3fach-new nav li{width:calc(50% - 15px);}
  4188. .s .teaser-3fach-new nav li{width:100%}
  4189.  
  4190. .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)}
  4191. .teaser-3fach-new li.lightbox{z-index:2}
  4192. .teaser-3fach-new li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222}
  4193. html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{}
  4194. html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1}
  4195. .teaser-3fach-new li.lightbox .video{transition:all 0s;object-fit:contain;display:inline-block;aspect-ratio:733/414;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 960px;}
  4196. .s .teaser-3fach-new li.lightbox .video{width: 100%}
  4197. /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */
  4198. /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */
  4199.  
  4200. .teaser-3fach-new .plyr{pointer-events:none;bottom:auto !important}
  4201. .teaser-3fach-new li.lightbox .plyr{pointer-events:auto;bottom:auto !important}
  4202. .teaser-3fach-new li .plyr{position:relative !important}
  4203. .m .teaser-3fach-new li .plyr{object-fit:cover;width:100%;height:100%;}
  4204. button.cluster-video-open{position:absolute;top:0;left:0;width:100%;aspect-ratio:733/414;z-index:111;background:transparent;border:0;padding:0}
  4205. button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important}
  4206. button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)}
  4207. button.cluster-video-open:focus span{border:6px solid #fff}
  4208.  
  4209. .teaser-3fach-new .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto;  aspect-ratio: 733/414}
  4210. .teaser-3fach-new li.lightbox .uhh.iframe iframe{pointer-events:auto;}
  4211. button.cluster-video-open.uhh.iframe span{padding:48px;}
  4212.  
  4213.  
  4214. button.cluster-video-close{display:none}
  4215. .lightbox button.cluster-video-close{background-color:transparent;display:inline-block;top:16px;right:16px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg");position:absolute; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:center; cursor:pointer; border: none;}
  4216. .kachel-cluster-video .image{pointer-events:none;}
  4217.  
  4218. .teaser-3fach-new nav li:before{content:none!important}
  4219. .teaser-3fach-new nav a{transition:box-shadow 0.2s ease-in-out;display:block;height:100%;padding:40px 0 40px 30px;color:var(--UHH4e4e4e-4e4e4e)}
  4220. .s .teaser-3fach-new nav a{padding:40px 0 40px 20px}
  4221. .teaser-3fach-new nav h3{margin:0;padding-right:60px;font-size:22px;line-height: 26px;  background-image:var(--icon-button-pfeil-rechts-blau);  background-repeat:no-repeat; background-position: 100% center}
  4222. .teaser-3fach-new nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)}
  4223. .teaser-3fach-new nav a, .teaser-3fach-new nav a h3{ text-decoration:none!important}
  4224. @media (hover: hover) {
  4225. .teaser-3fach-new nav a:hover h3{ text-decoration:underline!important}
  4226. }
  4227. .teaser-3fach-new nav p{margin:15px 60px 0 0 }
  4228.  
  4229. .teaser-3fach-new nav a img {margin:-40px 0 0 -30px;transition: transform 0.2s ease-in-out; transform: scale(1);width: calc(100% + 30px);  height: auto;  background-color: #ddd;  }
  4230. .teaser-3fach-new .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px;  color: var(--UHH4e4e4e-4e4e4e);}
  4231.  
  4232. /*content-page*/
  4233.  
  4234. body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  4235. .s body.content-page .outer > .inner:before{left:20px}
  4236.  
  4237. body.content-page .spalte.links p,
  4238. body.content-page .spalte.links h1,
  4239. body.content-page .spalte.links h2,
  4240. body.content-page .spalte.links h3,
  4241. body.content-page .spalte.links h4,
  4242. body.content-page .spalte.links .standard *{ max-width:750px;}
  4243.  
  4244. .content-page h1{margin-top:45px;font-size:40px; font-family: TheSansUHHBoldCaps, sans-serif;max-width: 750px !important;margin-left:max(0px,calc((100% - 1258px)/2)) !important}
  4245.  
  4246. .content-page .standard.nobox .content,.content-page .standard:not(.nobox) *{ max-width:700px }
  4247. .content-page .standard:not(.nobox) h2{font-size:28px  !important; line-height: 1.3em!important}
  4248. .content-page .standard:not(.nobox) h3{font-size:24px  !important; line-height: 1.3em!important}
  4249. .content-page .standard:not(.nobox) h4{font-size:19px  !important; line-height: 1.3em!important}
  4250.  
  4251. .content-page .standard.nobox:not(:has(.content > h2)) .inner:before {  content: none;}
  4252.  
  4253. .content-page .standard.nobox .content > h2{font-size:38px  !important}
  4254. .content-page .standard.nobox .text h2{padding-top:0 !important;margin-top:0 !important;font-size:28px  !important; font-family: TheSansUHHBold,sans-serif !important; line-height: 1.3em!important}
  4255. .content-page .standard.nobox .text h3{font-size:24px  !important; line-height: 1.3em!important}
  4256. .content-page .standard.nobox .text h4{font-size:19px  !important;line-height: 1.3em!important}
  4257.  
  4258.  
  4259. .content-page .outer.h1 + .outer > div.standard { font-size:19px; line-height: 1.5em;}
  4260. .content-page .outer.h1 + .outer > div.standard a{ color:#4e4e4e}
  4261.  
  4262. .content-page .standard.nobox{ padding-top:55px !important; padding-bottom:55px !important; }
  4263. body.content-page .standard.nobox + .standard.nobox:not(:has(h2)){padding-top:45px!important}
  4264. .content-page .standard.nobox.blau{background-color:var(--topicspage--color-lightblue)!important }
  4265. .s .content-page .standard.nobox{ margin-top:0 !important;}
  4266. .s .content-page .standard.nobox.grau,
  4267. .s .content-page .standard.nobox.blau{ margin: 0 0px 0 0px !important; padding-left:20px!important;padding-right: 20px !important;}
  4268. body:not(.content-page) .standard.nobox{background-color:transparent!important}
  4269.  
  4270. .s .content-page .standard.nobox .inner:before{left:0}
  4271. .content-page .standard.nobox h2{ padding-top:30px;margin-top:0}
  4272. .content-page .standard.nobox *:first-child{ margin-top:0 }
  4273. .content-page .standard.nobox *:last-child{ margin-bottom:0 }
  4274. .content-page .standard.nobox a{color:#4e4e4e}
  4275.  
  4276.  
  4277. .content-page .outer .standard li:before {background: #0271bb!important}
  4278. .content-page .outer .content li:before {background: #0271bb!important}
  4279.  
  4280. .box-contact-boxes-container{ padding-top:55px !important; padding-bottom:55px !important; }
  4281. .s .box-contact-boxes-container .content {padding:0 20px}
  4282. .box-contact-boxes-container .content:before { content: ""; display: table;}
  4283. /* .box-contact-boxes-container h2 { margin: 30px 0;} */
  4284. .box-contact-boxes-container .container {display:flex;width:100%;gap: 0 10%;font-size:19px; line-height:1.4em}
  4285. .s .box-contact-boxes-container .container {flex-direction:column; gap: 60px 0}
  4286. .box-contact-boxes-container .container .v4kontakt{width:50%;}
  4287. .s .box-contact-boxes-container .container .v4kontakt{width:100%;}
  4288. .box-contact-boxes-container .v4kontakt h2 {display:none}
  4289. .box-contact-boxes-container :is(.intro, .name, .function, .position) {margin-bottom:10px}
  4290. .box-contact-boxes-container .name {font-family: TheSansUHHBold , sans-serif;}
  4291. .box-contact-boxes-container .phone {margin-top:15px;}
  4292. .box-contact-boxes-container a {text-decoration:underline; color: var(--UHH4e4e4e-fff)}
  4293. .box-contact-boxes-container a:hover {text-decoration:none}
  4294. .box-contact-boxes-container .sprechzeiten.schaltbar{}
  4295. .box-contact-boxes-container .sprechzeiten.schaltbar h4 {padding:8px 8px 8px 0;display:inline-block;width:auto}
  4296. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a{padding:10px 10px 10px 30px;display:inline-block;width:auto}
  4297. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:focus{color: #4e4e4e; background-color: #fff;}
  4298. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg") !important;}
  4299. .box-contact-boxes-container .sprechzeiten.schaltbar.auf h4 a:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg") !important;}
  4300.  
  4301. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:after{left:0}
  4302. .box-contact-boxes-container .sprechzeiten.schaltbar .inhalt{margin-bottom:0;margin-top:0;padding-left:30px}
  4303. .box-contact-boxes-container .sprechzeiten.schaltbar ul{margin-bottom:0;padding-left:0 !important}
  4304.  
  4305.  
  4306. body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  4307. .s body.content-page .outer > .inner:before{left:20px}
  4308.  
  4309. body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important}
  4310. body.content-page .box-event-application-form .content {max-width:733px}
  4311. body.content-page .box-event-application-form .content > h2{margin-top:0px!important;padding-top: 30px!important; max-width: 700px;font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  4312.  
  4313. body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important}
  4314. body.content-page .box-event-application-form .content {max-width:750px}
  4315. body.content-page .box-event-application-form .content > h2{margin-top:0px!important;padding-top: 30px!important; max-width: 700px;font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  4316.  
  4317. body.content-page .box_event_application_form > ul > li .booking .calltoaction { font-size: 16px !important}
  4318. body.content-page .box_event_application_form .date *{ font-size: 19px !important}
  4319. body.content-page .box_event_application_form form.standard.uhh-form  {font-size:18px}
  4320. body.content-page .box_event_application_form > ul > li .title { font-size: 18px;}
  4321. body.content-page .box_event_application_form form.standard.uhh-form .row.slot-info p:not(.date) {font-size: 18px!important}
  4322. body.content-page .box_event_application_form > ul > li > div > .date { flex: 0 0 215px!important }
  4323. .s body.content-page .box_event_application_form > ul > li > div > .date { flex: 0!important }
  4324.  
  4325. .box_event_application_form  > ul > li > div > .date { flex: 0 0 207px!important;line-height:1.2em!important}
  4326. .s .box_event_application_form > ul > li > div > .date { flex: 0!important}
  4327. body.content-page .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 196px}
  4328.  
  4329.  
  4330. .box_event_application_form .date .sep{margin:0!important; display:inline!important }
  4331. html.s .box_event_application_form  .date>div:first-child:last-child .sep{margin:0 12px !important}
  4332. .box_event_application_form .date .sep:after{ content:", "}
  4333. html.s  .box_event_application_form .date>div:first-child:last-child .sep:after{ content:"|"}
  4334. html.s  .box_event_application_form .date>div { content:"|"}
  4335. html.s  .box_event_application_form .date>div:first-child:not(:last-child) { margin-right:4px!important}
  4336.  
  4337. html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table}
  4338. html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table}
  4339. html:not(.s) .box_event_application_form .date>div:first-child:last-child .sep{ display:none!important }
  4340.  
  4341. .box_event_application_form > ul > li .date div:last-child {    line-height: 1.2em;}
  4342. .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 187px}
  4343.  
  4344. .box_event_application_form > ul > li .date:has(.day) div:first-child {font-family: TheSansUHHRegularCaps,sans-serif!important }
  4345. .box_event_application_form > ul > li .date .day {font-family: TheSansUHHBoldCaps, sans-serif;}
  4346. .box_event_application_form > ul > li .date .hour {}
  4347.  
  4348. .box_event_application_form .row.slot-info .date {padding: 10px 0 10px 30px;border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6; margin: 0;  background-repeat: no-repeat; background-position: 5px 15px;background-image: url("https://assets.rrz.uni-hamburg.de/assets/icon-zeit-24x24-cf494f433ea58ed843eca015a400c92f5d4e46af5d985a9323999035f3763f15.svg");}
  4349. .box_event_application_form .row.slot-info .date .sep{display:inline; margin:0}
  4350. .box_event_application_form .row.slot-info .date .sep:after{content:', '}
  4351. .box_event_application_form .row.datenschutz .content {  line-height: 1.4em}
  4352.  
  4353. .content-page .form-confirm .alert h2 {font-size:28px}
  4354. .content-page .form-confirm .alert p { font-size: 19px;line-height:1.5em}
  4355. .content-page .form-confirm .data h2 { font-size: 28px !important}
  4356. .content-page .form-confirm .data h3 { font-size: 24px}
  4357. .content-page .form-confirm .data tr * { font-size: 19px!important; hyphens: auto!important}
  4358. .content-page .event_application * { font-size: 19px}
  4359.  
  4360.  
  4361. body.content-page .klappbox-ordner-rahmen:not(:has(h2)) .inner:before {content:none}
  4362. body.content-page .klappbox-ordner-rahmen .alles{  margin-top: 0px!important;padding: 2px 9px 2px 7px!important}
  4363. body.content-page .klappbox-ordner-rahmen .alles:before{  margin: 10px 6px 0 0!important;}
  4364. body.content-page  .klappbox-ordner-rahmen.grau .alles{ background-color:#fff}
  4365. body.content-page .klappbox-ordner-rahmen{padding-top: 55px!important;padding-bottom: 45px!important}
  4366. body.content-page .klappbox-ordner-rahmen .content > h2{margin-top:0!important;padding-top: 30px!important; max-width: 700px;font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px!important; line-height:42px;}
  4367. .s body.content-page .klappbox-ordner-rahmen .content > h2{padding:0 20px}
  4368. body.content-page .klappbox-ordner-rahmen.grau h3{background-color:#fff}
  4369.  
  4370. body.content-page .klappbox-ordner-rahmen .klappbox{padding:0!important}
  4371. body.content-page .klappbox-ordner-rahmen .klappbox *{font-size:19px!important;line-height:1.5em!important}
  4372. body.content-page .klappbox-ordner-rahmen .schaltbar{padding:0!important}
  4373.  
  4374. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .inhalt{padding-bottom:0px!important;}
  4375.  
  4376. body.content-page .klappbox-ordner-rahmen .klappbox h3 {font-size:22px!important;line-height:1.3em!important;max-width:none}
  4377. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt {padding: 22px 18px 22px 54px}
  4378. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt span {display:block;font-size:22px!important;;max-width:750px;;line-height:1.3em!important}
  4379. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt:after {margin-top: -9px;}
  4380. body.content-page .klappbox-ordner-rahmen .klappbox  h4 {max-width:none}
  4381. body.content-page .klappbox-ordner-rahmen .klappbox  h4 a {font-size:20px!important;line-height:1.1em!important;}
  4382. body.content-page .klappbox-ordner-rahmen .klappbox .subbox.schaltbar + .subbox.schaltbar {margin-top:10px}
  4383. .s body.content-page .klappbox-ordner-rahmen .subbox{margin-left:-15px}
  4384. body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child):before{content:'';display:table}
  4385. body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child) h4{margin-top:10px}
  4386. body.content-page .klappbox-ordner-rahmen .subbox + .subbox h4{margin-top:0}
  4387. body.content-page .klappbox-ordner-rahmen .schaltbar>.inhalt {  margin-top: 15px;padding-left:54px}
  4388. body.content-page .klappbox-ordner-rahmen .inhalt a{ color: #4e4e4e}
  4389.  
  4390. body.content-page .klappbox-ordner-rahmen .content .subinhalt .inhalt{padding-left:0; margin-top:0;margin-bottom:5px;padding-right:0;max-width:700px}
  4391. body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt {  padding: 15px 0 10px 54px; margin-top: 0px;;}
  4392. body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt li + li{  margin-top:7px;}</style><link as="style" href="https://assets.rrz.uni-hamburg.de/assets/2-f6f0365678a9ceea79bdc562ba0d986cfb20460dcb98338efb41ad6dafb3ce18.css" id="css-2" onload="this.onload=null;this.rel='stylesheet',this.removeAttribute('as')" rel="preload" /><link as="script" href="https://assets.rrz.uni-hamburg.de/assets/2-9245fe52fa0a9ade41561d552aee1dd864224d6c84fc488e8c3ace6617309aae.js" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-32ba22c7d79fd9bb62f6fdc072fb890589bf54d6665920f1c24590c325a3239b.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-7bc7a19f2f859b122f413c47ab20a3459e68b5484d4e41852c867e1af7fdb23f.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-e693e29862e9a63c8fcda7276514608cf455cb6db1c1d5ba18a5cbbafdb8453b.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-2b6f7440c42c3e72ad537b81477bb606ae8e63b48872d6bd715b19a5a7811ba7.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-d6fab6cd19bfdef91af497a14e0f55591960c719c1e743956e22524fbdff953d.woff2" rel="preload" /><noscript><link rel="stylesheet" href="https://assets.rrz.uni-hamburg.de/assets/2-f6f0365678a9ceea79bdc562ba0d986cfb20460dcb98338efb41ad6dafb3ce18.css" media="all" /></noscript><link rel="stylesheet" href="https://assets.rrz.uni-hamburg.de/assets/print-85727ed44b77df53ff88b8a79482dc1ba86ec114c0f78c348368e4be1d7acaee.css" media="print" /><script>var t0 = Date.now();
  4393. ;(function(){
  4394. window.addEventListener('error', detectJavascriptErrors);
  4395.  function detectJavascriptErrors(ev) {
  4396.    var error;
  4397.    try { error = { message: ev.message, filename: ev.filename, stack: ('error' in ev && ev.error != null && 'stack' in ev.error)? ev.error.stack.replace(/(?:\r\n|\r|\n)/g, ' => ').replace(/\s+/g, ' ') : 'undefined', platform: navigator.platform }}
  4398.    catch (err) {error = {catchMessage: err.message, message: ev.message, filename: ev.filename, platform: navigator.platform}}
  4399.    var img = new Image();
  4400.    img.src = 'https://www.betterweb.uni-hamburg.de/web/error.png?error=' + encodeURIComponent(JSON.stringify(error)) + '&t='+Date.now();
  4401.    window.removeEventListener('error', detectJavascriptErrors);
  4402.  }
  4403. })();
  4404. var htmlEl = document.documentElement;
  4405. var UHH = {
  4406.  onload: function(f){
  4407.    if (document.readyState == "complete") { f() }
  4408.    else { window.addEventListener("load", f )}
  4409.  },
  4410.  ready: function(f){
  4411.    if (document.readyState == "interactive" || document.readyState == "complete") { UHH.raf(f) }
  4412.    else { document.addEventListener("DOMContentLoaded", function(){UHH.raf(f)})}
  4413.  },
  4414.  ready2: function(f){$(f)},
  4415.  hasClass : function(name,el){
  4416.    var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" ");
  4417.    for (var i=0; i<c.length;i++) { if (c[i]===name) {return true; break} }
  4418.    return false
  4419.  },
  4420.  addClass: function(name,el){
  4421.    var cn = el.className;
  4422.    var c = name.split(" ");
  4423.    for (var i=0; i<c.length;i++) { if (!UHH.hasClass(c[i],el)) {cn = [cn, c[i]].join(' ')} }
  4424.    el.className = cn;
  4425.  },
  4426.  removeClass: function(name,el){
  4427.    var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" ");
  4428.    var n = name.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" ");
  4429.    for (var i=0; i<c.length;i++) { for (var j=0; j<n.length;j++) { if (c[i] === n[j]) {c.splice(i,1)} } }
  4430.    el.className = c.join(" ");
  4431.  },
  4432.  when: function (condition, then, dt) {
  4433.    dt = dt ? dt : 50;
  4434.    var DT = 10000, ready = false;
  4435.    setTimeout(loop,dt);
  4436.    function loop() {
  4437.      try { ready = condition() } catch(e) {}
  4438.      if (ready == true) { then() }
  4439.      else if (dt < DT){ dt *= 1.25; setTimeout(loop,dt) }
  4440.    }
  4441.  },
  4442.  $: function(f){ UHH.when( function () {return ("jQuery" in window)}, f) },
  4443.  $$: function(f){ UHH.when( function () {return (("jsReady" in UHH) && UHH.jsReady)}, f) },
  4444.  raf: function(f){
  4445.    if ("requestAnimationFrame" in window) { window.requestAnimationFrame(f) }
  4446.    else { setTimeout(f,20) }
  4447.  },  
  4448.  importJS: function (url, options) {
  4449.    var id = options && options.id ? options.id : false;
  4450.    var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false;
  4451.    if (!id || (id && !document.getElementById(options.id))) {
  4452.      var newJS = document.createElement("script");
  4453.      newJS.crossorigin = "anonymous";
  4454.      if (!!id) {newJS.id = options.id}
  4455.      if (!!onload) { newJS.onload = options.onload }
  4456.      document.head.appendChild(newJS);
  4457.      newJS.src = url;
  4458.    }
  4459.  },
  4460.  importCSS: function (url, options) {
  4461.    var id = options && options.id ? options.id : false;
  4462.    var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false;
  4463.    if (!id || (id && !document.getElementById(options.id))) {
  4464.      var newCSS = document.createElement('link');
  4465.      newCSS.rel = 'stylesheet';
  4466.      newCSS.type = 'text/css';
  4467.      newCSS.media = 'screen';
  4468.      if (!!id) {newCSS.id = options.id}
  4469.      if (!!onload) { newCSS.onload = options.onload }
  4470.      document.head.appendChild(newCSS);
  4471.      newCSS.href = url;
  4472.    }
  4473.  }
  4474. };
  4475.  
  4476. UHH.addClass('js',htmlEl);
  4477. if (!(function(){try{return (window.document.createElement("link").relList.supports( "preload" ))}catch(e){return false}})()) {
  4478.  (function(){  
  4479.    var css = document.getElementById('css-2');
  4480.    css.media = "print";
  4481.    css.rel = "stylesheet";
  4482.    css.removeAttribute('as');
  4483.    css.onload = null;
  4484.    css.onload = function(){ this.onload=null; this.media="all";  }
  4485.  })()
  4486. }
  4487.  
  4488. ;(function responsive(){
  4489.  if (window.matchMedia) {
  4490.    var m = window.matchMedia( "(max-width: 1200px)" );
  4491.    var s = window.matchMedia( "(max-width: 640px)" );
  4492.    m.addListener(function() {responsive(m,s)});
  4493.    s.addListener(function() {responsive(m,s)});
  4494.    responsive(m,s)
  4495.  }
  4496.  function responsive(m,s){
  4497.    var cl = 'l';
  4498.    if (window.matchMedia) {
  4499.      if (m.matches) { cl = 'm' }
  4500.      if (s.matches) { cl = 's' }
  4501.    }
  4502.    UHH.removeClass('s m l',htmlEl);
  4503.    UHH.addClass(cl,htmlEl);
  4504.    if (typeof toggleDom == "function") {toggleDom();}
  4505.    if ("$" in window) { $(window).trigger("responsiveSlotChange") }
  4506.  }
  4507. })();</script><script src="https://assets.rrz.uni-hamburg.de/assets/2-9245fe52fa0a9ade41561d552aee1dd864224d6c84fc488e8c3ace6617309aae.js"></script><style>@media (min-width: 0px) and (max-width: 640px) {.slide-1-0 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24726254/foto-unternehmenskultur-640x400-d543bad60990416123c487ce755cda801018e38b.jpg')}.slide-1-1 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24702441/slider-klein-640x400-a8eb33a279db7db45ac2ba64ae0af8f651734195.jpg')}.slide-1-2 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24581725/esa-ppt-startbild-640x400-c3633143358c1f5c712e154ce2b7a8fa1c792ec2.jpg')}}@media (min-width: 641px) and (max-width: 1200px) {.slide-1-0 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24726243/foto-unternehmenskultur-1200x400-6f8ae814176409ed98b89f5aaee69566d522f446.jpg')}.slide-1-1 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24702459/slider-mittel-1200x400-81df2c93b03b6442b954de534c0cc122736d1829.jpg')}.slide-1-2 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24581755/esa-ppt-startbild-1200x400-223cc8b4f43b9431ffb43b598f97682cf23444e7.jpg')}}@media (min-width: 1201px) and (max-width: 6000px) {.slide-1-0 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24726232/foto-unternehmenskultur-2190x550-40d236b92c3a55ace68949dff1e0432bd18cb137.jpg')}.slide-1-1 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24702470/slider-breit-2190x550-ef724c1441a1f9b2c4034939c4d457549732f063.jpg')}.slide-1-2 .bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/24581602/esa-ppt-startbild-2190x550-e7d8f5ecea4f7154d140e1a5ff79408b893ca113.jpg')}}</style></head><body class="zentrale nav-5 home slider-home volle-breite" id="2912075"><ul class="versteckt" id="hiddennav"><li><a href="#meta">Zur Metanavigation</a></li><li><a href="#nav">Zur Hauptnavigation</a></li><li><a href="#suche">Zur Suche</a></li><li><a href="#inhalt">Zum Inhalt</a></li><li><a href="#subnav">Zur Subnavigation</a></li><li><a href="#fuss">Zum Seitenfuß</a></li></ul><div id="seite"><header><section aria-label="Metanavigation" id="meta"><div class="breite"><nav aria-label="Topnavigation 1" class="links"><ul><li class="uhh"><a href="https://www.uni-hamburg.de">Universität Hamburg</a></li><li class="presse"><a href="https://www.uni-hamburg.de/newsroom/presse.html">Presse</a></li><li class="intranet"><a href="https://www.kus.uni-hamburg.de/de.html" rel="noopener" target="_blank">KUS-Portal</a><span class="meldungen uhhhidden"><a href="https://www.kus.uni-hamburg.de/aktuelles.html?recentnews=true">0</a></span></li><li class="stine"><a aria-label="Stine" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&amp;PRGNAME=EXTERNALPAGES&amp;ARGUMENTS=-N000000000000001,-N000265,-Astartseite">STiNE</a></li></ul><span class="ajax intranetnews uhhhidden">https://www.kus.uni-hamburg.de/aktuelles.json?recentnews=true</span></nav><nav aria-label="Topnavigation 2" class="rechts"><ul><li class="quick"><a aria-controls="quickmenu" aria-expanded="false" href="#" id="quickmenuschalter" role="button"><span>Einrichtungen und Zielgruppen</span></a><div class="slide" id="quickmenu"><ul class="breite"><li class="einrichtungen links"><strong><span class="versteckt">Einrichtungen</span></strong><ul><li class="fakultaeten rubrik"><p><strong><span>Fakultäten</span></strong></p><ul><li><a href="https://www.jura.uni-hamburg.de/"><span>Fakultät für Rechtswissenschaft</span></a></li><li><a href="https://www.wiso.uni-hamburg.de/"><span>Fakultät für Wirtschafts- und Sozialwissenschaften</span></a></li><li><a target="_blank" href="https://www.uke.de/organisationsstruktur/medizinische-fakult%C3%A4t/index.html"><span>Medizinische Fakultät</span></a></li><li><a href="https://www.ew.uni-hamburg.de/"><span>Fakultät für Erziehungswissenschaft</span></a></li><li><a href="https://www.gw.uni-hamburg.de/"><span>Fakultät für Geisteswissenschaften</span></a></li><li><a href="https://www.min.uni-hamburg.de/"><span>Fakultät für Mathematik, Informatik und Naturwissenschaften</span></a></li><li><a href="https://www.pb.uni-hamburg.de/"><span>Fakultät für Psychologie und Bewegungswissenschaft</span></a></li><li><a href="https://www.bwl.uni-hamburg.de/"><span>University of Hamburg Business School</span></a></li></ul></li><li class="dienste rubrik"><p><strong><span>Dienste</span></strong></p><ul><li><a target="_blank" rel="noopener" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&amp;PRGNAME=EXTERNALPAGES&amp;ARGUMENTS=-N000000000000001,-N000265,-Astartseite"><span>STiNE</span></a></li><li><a target="_blank" rel="noopener" href="https://surfmail.rrz.uni-hamburg.de/"><span>Surfmail</span></a></li><li><a target="_blank" rel="noopener" href="https://exchange.uni-hamburg.de/owa/auth/logon.aspx?replaceCurrent=1&amp;url=https%3a%2f%2fexchange.uni-hamburg.de%2fowa"><span>Exchange</span></a></li><li><a target="_blank" rel="noopener" href="https://www.intranet.uni-hamburg.de"><span>KUS-Portal</span></a></li><li><a target="_blank" rel="noopener" href="https://www.uni-hamburg.de/elearning/werkzeuge/lernplattformen.html"><span>eLearning-Plattformen</span></a></li><li><a target="_blank" rel="noopener" href="https://katalogplus.sub.uni-hamburg.de/vufind/"><span>Katalogplus</span></a></li><li><a target="_blank" rel="noopener" href="https://sharepoint.uni-hamburg.de"><span>SharePoint</span></a></li></ul></li><li class="einrichtungen rubrik"><p><strong><span>Einrichtungen für Studierende</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/campuscenter.html"><span>Campus-Center</span></a></li><li><a href="https://www.uni-hamburg.de/career-center.html"><span>Career-Center</span></a></li><li><a href="https://www.uni-hamburg.de/piasta.html"><span>PIASTA</span></a></li><li><a href="https://www.asta.uni-hamburg.de/"><span>AStA</span></a></li><li><a href="https://www.hochschulsport.uni-hamburg.de/"><span>Hochschulsport</span></a></li><li><a href="https://www.unimusik.uni-hamburg.de/"><span>Universitätsmusik</span></a></li><li><a href="https://www.uni-hamburg.de/familienbuero.html"><span>Familienbüro</span></a></li><li><a href="https://www.uni-hamburg.de/sprachenzentrum"><span>Sprachenzentrum</span></a></li><li><a href="https://www.uni-hamburg.de/allgemeinsprachen.html"><span>Allgemeinsprachen</span></a></li><li><a href="https://www.uni-hamburg.de/studieren-mit-behinderung.html"><span>Koordination der Belange von Studierenden mit Beeinträchtigungen</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/studierende/bibliotheken.html"><span>Bibliotheken</span></a></li></ul></li><li class="weitere rubrik"><p><strong><span>Weitere Einrichtungen</span></strong></p><ul><li><a href="https://www.cliccs.uni-hamburg.de/de.html"><span>Exzellenzcluster CLICCS</span></a></li><li><a href="https://www.cui-advanced.uni-hamburg.de"><span>Exzellenzcluster CUI</span></a></li><li><a href="https://www.qu.uni-hamburg.de/"><span>Exzellenzcluster Quantum Universe</span></a></li><li><a href="https://www.csmc.uni-hamburg.de/written-artefacts.html"><span>Exzellenzcluster Understanding Written Artefacts</span></a></li><li><a href="https://www.hra-hamburg.de/de.html"><span>Hamburg Research Academy</span></a></li><li><a target="_blank" href="https://www.pier-plus.de/"><span>Pier Plus</span></a></li><li><a href="https://www.hul.uni-hamburg.de/"><span>Hamburger Zentrum für Universitäres Lehren und Lernen (HUL)</span></a></li><li><a href="https://www.isa.uni-hamburg.de/"><span>ISA-Zentrum</span></a></li><li><a href="https://www.cen.uni-hamburg.de/"><span>Centrum für Erdsystemforschung und Nachhaltigkeit (CEN)</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/zentrale-einrichtungen/museen-und-sammlungen.html"><span>Museen und Sammlungen </span></a></li><li><a href="https://www.archiv.uni-hamburg.de/"><span>Universitätsarchiv</span></a></li><li><a href="https://www.rrz.uni-hamburg.de/"><span>Regionales Rechenzentrum</span></a></li><li><a href="https://www.uni-hamburg.de/uhh/organisation/praesidialverwaltung.html"><span>Präsidialverwaltung</span></a></li><li><a href="https://www.uni-hamburg.de/transfer.html"><span>Transferagentur</span></a></li><li><a target="_blank" href="https://www.unikontor.de/"><span>Unikontor</span></a></li></ul></li></ul></li><li class="zielgruppen rubrik rechts"><p><strong><span>Zielgruppen</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/studium/studieren-in-hamburg.html"><span>Studieninteressierte</span></a></li><li><a href="https://www.uni-hamburg.de/studium.html"><span>Studierende</span></a></li><li><a href="https://www.uni-hamburg.de/campuscenter/bewerbung/international.html"><span>Internationale</span></a></li><li><a href="https://www.uni-hamburg.de/forschung/nachwuchs/promotion.html"><span>Promovierende</span></a></li><li><a href="https://www.uni-hamburg.de/lp-forschende.html"><span>Forschende</span></a></li><li><a href="https://www.uni-hamburg.de/lehre-navi/lehrende.html"><span>Lehrende</span></a></li><li><a href="https://www.kus.uni-hamburg.de/"><span>Beschäftigte (KUS)</span></a></li><li><a href="https://www.uni-hamburg.de/service/weiterbildung.html"><span>Weiterbildungsinteressierte</span></a></li><li><a href="https://www.uni-hamburg.de/service/alumni.html"><span>Alumni</span></a></li><li><a href="https://www.uni-hamburg.de/newsroom/presse.html"><span>Presse</span></a></li><li><a href="https://www.uni-hamburg.de/uhhhilft.html"><span>Geflüchtete</span></a></li></ul></li></ul><a aria-controls="quickmenu" aria-expanded="false" aria-label="quick menu" class="schliessen" href="#" id="quickmenuclose" role="button">Schließen</a></div></li><li><a class="gebaerdensprache" href="https://www.uni-hamburg.de/gebaerdensprache.html">Gebärdensprache</a></li><li><a class="leichtesprache" href="https://www.uni-hamburg.de/leichte-sprache.html">Leichte Sprache</a></li><li class="sprache"><a aria-controls="sprachauswahl" aria-expanded="false" aria-label="Sprachauswahl" href="#" id="sprachauswahlschalter" role="button"><span lang="en">Language</span></a><ul class="sprachen" id="sprachauswahl"><li><a href="/en.html">English</a></li><li><a href="/">Deutsch</a></li></ul></li><li class="suche"></li><li class="mobilemenu"><div class="ajax versteckt"><div class="url">/sitemap.json</div></div><a aria-controls="mobilemenu" aria-expanded="false" aria-label="Menu" href="#" id="hamburger" role="button"></a><div id="mobilemenu"><div class="sprachen2"><a class="gebaerdensprache" href="https://www.uni-hamburg.de/gebaerdensprache.html">Gebärdensprache</a><a class="leichtesprache" href="https://www.uni-hamburg.de/leichte-sprache.html">Leichte Sprache</a></div></div><div class="abdeckung"></div></li></ul></nav></div></section><section class="logos"><div class="breite"><div class="bild"><a href="https://www.uni-hamburg.de"><img title="Zur Homepage" alt="Universität Hamburg - der Forschung, der Lehre, der Bildung, zur Homepage" src="https://assets.rrz.uni-hamburg.de/assets/uhh-logo-16dab7756eecc70a7649a242498868c6bb37872e5eae6023b38026faeef923c3.svg" /></a></div><h1 class="versteckt">Universität Hamburg (UHH)</h1></div></section></header><section class="nav"><div class="breite"><nav aria-label="Hauptnavigation" class="top menu" id="nav"><ul><li><a href="/studium.html">Studium</a><ul><li><a href="/studium/campus-leben.html">Campus-Leben</a></li><li><a href="/campuscenter/studienorganisation.html">Studienorganisation</a></li><li><a href="/campuscenter/studienorientierung.html">Studienorientierung</a></li><li><a href="/campuscenter/studienangebot.html">Studienangebot</a></li><li><a href="/campuscenter/bewerbung.html">Bewerbung</a></li><li><a href="/campuscenter/beratung.html">Beratung und Kontakt</a></li></ul></li><li><a href="/forschung.html">Forschung</a><ul><li><a href="/forschung/forschungsprofil.html">Forschungsprofil</a></li><li><a href="/forschung/forschungsprojekte.html">Forschungsprojekte</a></li><li><a href="/forschung/forschungsfoerderung.html">Forschungsförderung</a></li><li><a href="/forschung/karrierewege.html">Wissenschaftliche Karrierewege</a></li><li><a href="/forschung/nachwuchs.html">Early Career Researchers Förderung</a></li><li><a href="/forschung/wissenschaftliche-integritaet.html">Wissenschaftliche Integrität</a></li></ul></li><li><a href="/internationales.html">Internationales</a><ul><li><a href="/internationales/studierende.html">Studierende</a></li><li><a href="/internationales/nachwuchs-wissenschaft.html">Wissenschaftlicher Nachwuchs</a></li><li><a href="/internationales/mitarbeitende.html">Mitarbeitende</a></li><li><a href="/internationales/profil.html">Internationalisierungsstrategie</a></li><li><a href="/internationales/hochschulpartnerschaften.html">Strategische Partnerschaften und Potenzialpartnerschaften</a></li><li><a href="/internationales/kontakt.html">Kontakt</a></li></ul></li><li><a href="/transfer.html">Transfer</a><ul><li><a href="/transfer/transferangebote-fuer-forschende.html">für Forschende</a></li><li><a href="/transfer/transferangebote-fuer-promovierende.html">für Promovierende</a></li><li><a href="/transfer/transferangebote-fuer-studierende.html">für Studierende</a></li><li><a href="/transfer/transferangebote-fuer-alumni.html">für Alumni</a></li><li><a href="/transfer/transferangebote-fuer-kooperationsinteressierte.html">für Kooperationsinteressierte</a></li><li><a href="/transfer/kontakt.html">Kontakt Transferagentur</a></li><li><a href="/transfer/transfer-mission-und-transferagentur.html">Transfer-Mission</a></li></ul></li><li><a href="/uhh.html">Universität</a><ul><li><a href="/newsroom.html">Newsroom</a></li><li><a href="/uhh/profil.html">Profil</a></li><li><a href="/uhh/organisation.html">Organisation</a></li><li><a href="/exzellenz.html">Exzellenz</a></li><li><a href="/stellenangebote.html">Stellenangebote</a></li><li><a href="/kontakt.html">Kontakt &amp; Service</a></li></ul></li></ul></nav><section aria-label="Suche" id="suche"><a aria-controls="sucheingabe" aria-expanded="false" aria-label="Suche" href="#" id="suchea" role="button"></a><form action="/search.html" id="sucheingabe"><input aria-label="Suchbegriff" class="input-x" name="q" placeholder="mit Google™ suchen ..." tabindex="-1" type="text" /><input tabindex="-1" type="submit" value="Suchen" /></form></section></div></section><div id="inhalt"><section class="oben"><div class="full-width-slider noquicklinks "><div class="slickSlider" id="slider-1"><a class="slide slide-1-0" href="/newsroom/intern/2024/1212-kulturwandel-teil1.html"><div aria-label="Mitarbeiterin arbeitet an einem Smartboard" class="bild" role="img"><p class="bildnachweis">Foto: UHH/Esfandiari</p></div><div class="container" title="Kleine Projekte, große Wirkung"><div class="text"><h2>Kulturwandel an der UHH</h2><div class="klammer"><p class="beschreibung">Kleine Projekte, große Wirkung</p></div></div></div></a><a class="slide slide-1-1" href="/newsroom/videos/20250106-rueckblick-2024.html"><div aria-label="Luftansicht des Campus" class="bild" role="img"><p class="bildnachweis">Foto: UHH/Kröninger</p></div><div class="container" title="Das UHH-Jahr in Bildern"><div class="text"><h2>Videorückblick 2024</h2><div class="klammer"><p class="beschreibung">Das UHH-Jahr in Bildern</p></div></div></div></a><a class="slide slide-1-2" href="/newsroom/presse/2024/pm58.html"><div aria-label="Das Hauptgebäude der Universität Hamburg" class="bild" role="img"><p class="bildnachweis">Foto: UHH/Lutsch</p></div><div class="container" title="Uni Hamburg erreicht deutschlandweit Platz 1 im QS Sustainability Ranking"><div class="text"><h2>Großer Erfolg im Bereich Nachhaltigkeit</h2><div class="klammer"><p class="beschreibung">Uni Hamburg erreicht deutschlandweit Platz 1 im QS Sustainability Ranking</p></div></div></div></a></div><button aria-label="Vorangehenden Inhalt anzeigen" class="slick-prev slick-arrow"></button><button aria-label="Nächsten Inhalt anzeigen" class="slick-next slick-arrow"></button></div></section><main id="hauptinhalt"><section class="spalten"><article class="spalte links"><div class="outer"><div class="hometeaser-5 box" id="6699363"><ul class="linkliste"><li><a class="BaMa" href="https://www.uni-hamburg.de/studium/studieren-in-hamburg.html?etcc_cmp=startseite-de&amp;etcc_med=bubbles-link&amp;et_cmp_seg3=bachelor&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=bubbles-link&amp;mtm_content=bachelor"><img alt="Zur Seite mit Informationen für Bachelor-/Master-Studierende" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/Bachelor_Master-f9507af1e9e8d5a860e1b4f1795d333b2d5484713c063df069c6c8171a7225b1.jpg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><div class="titel"><span><b>Bachelor/<br>Master</b></span></div></a></li><li><a class="Wiss" href="https://www.uni-hamburg.de/forschung/karrierewege.html?etcc_cmp=startseite-de&amp;etcc_med=bubbles-link&amp;et_cmp_seg3=karrierewege&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=bubbles-link&amp;mtm_content=karrierewege"><img alt="Zur Seite mit Informationen für den wissenschaftlichen Nachwuchs" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/WissNachwuchs-b09a71bb795b8d7f6ff76fd7dcc0ab16c95d2ba5a6178b576d16b9255f2b96cd.jpg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><div class="titel"><span><b>Wiss. <br>Karrierewege</b></span></div></a></li><li><a class="Fo" href="https://www.uni-hamburg.de/lp-forschende.html?etcc_cmp=startseite-de&amp;etcc_med=bubbles-link&amp;et_cmp_seg3=forschende&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=bubbles-link&amp;mtm_content=forschende"><img alt="Zur Seite mit Informationen für Forschende" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/Forschende-67dabada72137b5bda721b61e5a0a76ba4159b5a37b07b7a2ddb2757fbe732cc.jpg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><div class="titel"><span><b>Forschende</b></span></div></a></li><li><a class="Oeff" href="https://www.uni-hamburg.de/wissen-fuer-alle.html?etcc_cmp=startseite-de&amp;etcc_med=bubbles-link&amp;et_cmp_seg3=wfa&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=bubbles-link&amp;mtm_content=wfa"><img alt="Zur Seite mit Informationen für die Öffentlichkeit" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/Allgemeinheit-1294a4a6aa823139852b79fbcd2fa579d532c030ce796a3aa688e40269935b57.jpg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><div class="titel"><span><b>Wissen f&uuml;r alle</b></span></div></a></li><li><a class="Ex" href="https://www.uni-hamburg.de/exzellenz.html?etcc_cmp=startseite-de&amp;etcc_med=bubbles-link&amp;et_cmp_seg3=exzellenz&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=bubbles-link&amp;mtm_content=exzellenz"><img alt="Zur Seite mit Informationen über die Exzellenzstrategie" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/ButtonEx-0-7ad76313b271081f1c1c6eedfc3b243e62dbc06aa99095e0d235022792fc71a5.jpg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><div class="titel"><span><b>Exzellenz&shy;universität</b></span></div></a></li></ul></div></div><div class="outer homegrau"><div class="veranstaltungen-hometeaser slider" id="6773113"><div class="head"><h2>Veranstaltungen</h2><a class="rss" title="RSS-Feed" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.atom"><img alt="" src="https://assets.rrz.uni-hamburg.de/assets/rss-527f2b4f55a93cfcbbde299a626a2936140b6a3a01c2db36f235e4820f92e384.svg" /></a><div class="more"><a href="https://www.vk.uni-hamburg.de/de/events/new?c=1">Veranstaltung anmelden</a><a href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html#109959">alle Veranstaltungen</a></div></div><div class="slides"><div class="linkliste"><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=109959"><div class="datum">19.01.25<span>11:00 Uhr</span></div><div class="inhalt"><div class="titel">Sonntagsführung: Mischwesen, Monster und ihre Mythen</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=112964"><div class="datum">20.01.25<span>18:00 Uhr</span></div><div class="inhalt"><div class="titel">Network of AI and Law Research Seminar</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=110745"><div class="datum">20.01.25<span>18:00 Uhr</span></div><div class="inhalt"><div class="titel">Religionsunterricht und Religionslehrkräfteausbildung aus jüdischer Perspektive</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=107801"><div class="datum">20.01.25<span>18:15 Uhr</span></div><div class="inhalt"><div class="titel">The Future of Prediction. Algorithmic Forecast in Science and Society</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=107323"><div class="datum">20.01.25<span>18:15 Uhr</span></div><div class="inhalt"><div class="titel">Palimpsestic Traces: Landscape, Culture, and Energy in Scotland</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=112795"><div class="datum">21.01.25<span>09:30 Uhr</span></div><div class="inhalt"><div class="titel">Joint Career Days 2025</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=112852"><div class="datum">21.01.25<span>09:30 Uhr</span></div><div class="inhalt"><div class="titel">Joint Career Days 2025</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=112386"><div class="datum">21.01.25<span>16:00 Uhr</span></div><div class="inhalt"><div class="titel">Der Prozess Jesu im Kontext des jüdischen Rechts</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=107791"><div class="datum">21.01.25<span>17:15 Uhr</span></div><div class="inhalt"><div class="titel">Das Bernoulli-Prinzip: Was hat der Duschvorhang mit der Bananenflanke zu tun?</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=107381"><div class="datum">21.01.25<span>18:15 Uhr</span></div><div class="inhalt"><div class="titel">Ethnizität und Recht im Frühmittelalter</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=113041"><div class="datum">21.01.25<span>18:15 Uhr</span></div><div class="inhalt"><div class="titel">Greenwashing &amp; Whistleblowing</div></div></a><a class="li" href="https://www.uni-hamburg.de/newsroom/veranstaltungen.html?event=107443"><div class="datum">21.01.25<span>18:15 Uhr</span></div><div class="inhalt"><div class="titel">Mehrsprachigkeit im Fachunterricht – Ergebnisse einer Wirksamkeitsstudie</div></div></a></div></div><button aria-label="Vorangehenden Inhalt anzeigen" class="slick-prev slick-arrow"></button><button aria-label="Nächsten Inhalt anzeigen" class="slick-next slick-arrow"></button></div></div><div class="outer"><div class="teaser-element box news-teaser-home"><div class="head"><h2>News</h2><a class="rss" role="button" title="RSS-Feed" href="https://www.uni-hamburg.de/newsroom/alle.html?et_cmp_seg3=&amp;et_cmp_seg5=&amp;etcc_cmp=startseite-de&amp;etcc_med=more-news&amp;format=atom&amp;mtm_campaign=startseite-de&amp;mtm_content=&amp;mtm_medium=more-news"><img alt="RSS-Feed" data-src="https://assets.rrz.uni-hamburg.de/assets/rss-527f2b4f55a93cfcbbde299a626a2936140b6a3a01c2db36f235e4820f92e384.svg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="video item"><div class="video lecture2go" tabindex="0"><div class="pad"></div><iframe allowfullscreen="" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://lecture2go.uni-hamburg.de/o/iframe/?obj=70778"></iframe></div><a class="text" href="https://www.uni-hamburg.de/newsroom/videos/20250117-neujahr25.html"><div class="rubrik"><span class="datum">17. Januar 2025</span><span class="sep">|</span>Intern</div><h3 class="titel">„Gemeinsam exzellent in die Zukunft“: Chancen und Herausforderungen</h3><div class="inhalt"><p>Ausbau der internationalen Partnerschaften, Weiterentwicklung der Spitzenforschung und die Einführung von UHHGPT – 2024 war ein Hochschuljahr voller Erfolge. In der Videobotschaft reflektiert Uni-Präsident Hauke Heekeren über die vergangen 12 Monate und spricht über die Exzellenz, die...</p></div></a></div><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/presse/2025/pm-2.html"><div class="image"><img alt="Foto Foraminiferen" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/24756141/ammonia-confertitestia733x414-5056156cd3baba77bd62386471b7e2a5c7dc5e13.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/Glock</p></div><div class="text"><div class="rubrik"><span class="datum">15. Januar 2025</span><span class="sep">|</span>Pressemitteilung</div><h3 class="titel">Einzeller mit Superkräften: Kleinstlebewesen puffern Düngereintrag in die Weltmeere ab</h3><div class="inhalt"><p>Sogenannte Foraminiferen kommen in allen Weltmeeren vor. Nun hat eine internationale Studie unter Führung der Universität Hamburg gezeigt: Die meist gehäusetragenden Kleinstlebewesen nehmen in bisher ungeahntem Ausmaß Phosphat aus dem Wasser auf, das die Meere belastet. Die Arbeit ist im...</p></div></div></a><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/exzellenzstrategie/2025/0113-manuskriptschaeden.html"><div class="image"><img alt="Foto betroffenes Manuskript" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/24739290/manuskript-0e52463e6eada01c81ad548274d5c0530ca2cf3a.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: CSMC</p></div><div class="text"><div class="rubrik"><span class="datum">13. Januar 2025</span><span class="sep">|</span>Exzellenzstrategie</div><h3 class="titel">Geheimnisvolle Schäden: Wertvolle Manuskripte aus Tunesien werden in Hamburg untersucht</h3><div class="inhalt"><p>Ein bisher unbekannter Schaden hat zahlreiche Manuskripte einer der weltweit bedeutendsten Sammlungen islamischer Handschriften befallen. Ende 2024 brachte eine Delegation aus Tunesien 15 Objekte nach Hamburg und analysierte sie gemeinsam mit den Expertinnen und Experten des Artefact Lab am Centre...</p></div></div></a></div></div><div class="outer"><div class="teaser-element box news-teaser-home"><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/im-fokus/2025/0113-alsan-hche.html"><div class="image"><img alt="Prof. Marcella Alsan" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/24735736/alsan-headshot-733x414-f93392324e3a4f54f8aa7c07b1c74a9fe071e17b.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: Harvard Kennedy School</p></div><div class="text"><div class="rubrik"><span class="datum">13. Januar 2025</span><span class="sep">|</span>Im Fokus</div><h3 class="titel">Alexander von Humboldt-Stiftung fördert gemeinsame Forschung mit Harvard University</h3><div class="inhalt"><p>Prof. Marcella Alsan von der Harvard University erhält den Humboldt-Forschungspreis. Gemeinsam mit Prof. Dr. Jonas Schreyögg und Dr. Esra Bayindir vom Hamburg Center for Health Economics (HCHE) der Universität Hamburg wird sie im Rahmen der Förderung zu Ungleichheiten im deutschen Gesundheitssystem...</p></div></div></a><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/forschung/2025/0113-neue-arten-trichternetzspinne.html"><div class="image"><img alt="Stephanie Frances Loria, Dr. Danilo Harms und Svea-Celina Frank." data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/24726640/atrax-spinne-team-733x414-97a173c2557e6061b08c9d8ebf40aabc3d914602.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/Esfandiari</p></div><div class="text"><div class="rubrik"><span class="datum">13. Januar 2025</span><span class="sep">|</span>Forschung</div><h3 class="titel">Giftigste Spinne der Welt umfasst drei verschiedene Arten</h3><div class="inhalt"><p>Die Sydney-Trichternetzspinne ist eine der giftigsten Spinnen der Welt. Ein internationales Forschungsteam unter Beteiligung des Leibniz-Instituts zur Analyse des Biodiversitätswandels und der Universität Hamburg hat nun herausgefunden, dass diese Spinne ein Komplex aus drei Arten ist – darunter...</p></div></div></a><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/campus/2025/0110-exist.html"><div class="image"><img alt="Zwei Frauen im Gespräch" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/24727029/foto733x414-2db9494d802334c1e8a8e1e45b4f2b131559e307.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/Möller</p></div><div class="text"><div class="rubrik"><span class="datum">10. Januar 2025</span><span class="sep">|</span>Campus</div><h3 class="titel">EXIST-Women: UHH schreibt zehn Stipendien für Gründerinnen aus</h3><div class="inhalt"><p>Mit dem Förderprogramm EXIST-Women unterstützt die Universität Hamburg Frauen bei Unternehmensgründungen und beruflicher Selbständigkeit. 2025 werden erneut zehn Stipendien vergeben, die Frauen aller Fächer bei der Entwicklung und Umsetzung ihrer Geschäftsideen unterstützen sollen. Bewerbungen für...</p></div></div></a></div></div><div class="outer"><div class="teaser-element box news-teaser-home"><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/intern/2025/0109-bwl-dekanin-steinorth.html"><div class="image"><img alt="Prof. Dr. Petra Steinorth" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/24723055/petra-steinorth-dekanin-university-of-hamburg-business-school-2025-733x414-a33b89e7f8ed61e1d8ea875ded8b839ed0532d52.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: University of Hamburg Business School</p></div><div class="text"><div class="rubrik"><span class="datum">9. Januar 2025</span><span class="sep">|</span>Intern</div><h3 class="titel">Prof. Dr. Petra Steinorth neue Dekanin der University of Hamburg Business School</h3><div class="inhalt"><p>Seit dem 1. Januar 2025 hat Prof. Dr. Petra Steinorth die Position als Dekanin der University of Hamburg Business School inne. Welche Ziele und Visionen sie für die Fakultät hat und wie sie ihre internationale Erfahrung in Wissenschaft und Lehre sowie im Bereich der akademischen Selbstverwaltung in...</p></div></div></a><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/im-fokus/2025/kurzmeldungen.html"><div class="image"><img alt="Grafik Menschen plakatieren ein Tablet wie eine Plakatwand" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/14036635/200921-illu-kurzmeldungen733x414-336b0050a7961a8e134540b5e3e98eb424ed62dc.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH</p></div><div class="text"><div class="rubrik"><span class="datum">14. Januar 2025</span><span class="sep">|</span>Im Fokus</div><h3 class="titel">Kurz und knapp</h3><div class="inhalt"><p>Neue Weiterbildung an der Uni Hamburg: Phytotherapie und Herbal Medicine für tumorkranke Menschen +++ Botanischer Garten: Auf den Spuren Hamburger Pflanzenjäger in Afrika +++ Universitätsgottesdienste: Abschluss des Wintersemesters am 12. und 26. Januar 2025 </p></div></div></a><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/intern/2024/1120-uni-wahlen.html"><div class="image"><img alt="Fiktiver Wahlzettel mit einer Hand, die ein Kreuz macht" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/6783561/uni-wahl-f3be6cbb445172f2eabe054d5e7745ad457b4b95.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/Wohlfahrt</p></div><div class="text"><div class="rubrik"><span class="datum">20. November 2024</span><span class="sep">|</span>Intern</div><h3 class="titel">Uni-Wahl: Wahlvorschläge veröffentlicht für Wahlen zum Akademischen Senat und Nachwahlen in den Fachbereichsräten Philosophie und Biologie</h3><div class="inhalt"><p>Im Wintersemester 2024/2025 finden die Wahlen der Vertreterinnen und Vertreter der Studierenden zum Akademischen Senat sowie jeweils eine Nachwahl im Fachbereich Philosophie in der Gruppe des TVP sowie im Fachbereich Biologie in der Gruppe der Hochschullehrerinnen und -lehrer statt.</p></div></div></a><div class="more"><a href="https://www.uni-hamburg.de/newsroom/alle.html?etcc_cmp=startseite-de&amp;etcc_med=more-news&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=more-news&amp;mtm_content=">Weitere Meldungen im Newsroom</a></div></div></div><div class="outer grau"><div class="news-teaser horizontal teaser-element box"><div class="head"><h2>Dossiers</h2><a class="rss" title="RSS Feed" href="/newsroom/dossiers.atom"><img alt="" src="https://assets.rrz.uni-hamburg.de/assets/rss-527f2b4f55a93cfcbbde299a626a2936140b6a3a01c2db36f235e4820f92e384.svg" /></a><div class="more"><a href="/newsroom/dossiers.html">Alle Dossiers</a></div></div><a class="item" href="/newsroom/dossiers/studierende.html"><div class="image"><img alt="Studierende an der Universität Hamburg" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/15960721/191203-studieren-45-733x414-f2d9c859fdbdd418ea278d9506ae52b46fff5ef3.jpg" /><p class="bildnachweis">Foto: UHH/von Wieding</p></div><div class="text"><h3 class="titel">Dossier für Studierende</h3></div></a><a class="item" href="/newsroom/dossiers/science-city-bahrenfeld.html"><div class="image"><img alt="Baum und Gebäude auf Science City Hamburg Bahrenfeld" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/22333199/science-city-bahrenfeld-733x414-f9a726ad10f5f40d1af109f8fa313baab73969a6.jpg" /><p class="bildnachweis">Foto: Werner Huthmacher, Berlin</p></div><div class="text"><h3 class="titel">Science City Hamburg Bahrenfeld</h3></div></a><a class="item" href="/newsroom/dossiers/nachhaltigkeit.html"><div class="image"><img alt="Glaskugel im Gras vor dem Audimax" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/20480281/nachhaltigkeit-552c741b84871d4cc5ba2e1d355dd6ce9dac99fc.jpg" /><p class="bildnachweis">Foto: UHH/Denstorf</p></div><div class="text"><h3 class="titel">Nachhaltigkeit an der UHH</h3></div></a></div></div><div class="outer grau"><div class="social-teaser home"></div></div><div class="outer dunkelgrau" id="14656258"><div class="video-teaser box"><h2>Imagefilm der Universität</h2><div class="links"><div class="inhalt"><p>Version inklusive Audiodeskription</p>
  4508. Die Universität Hamburg ist ein Ort exzellenter Forschung und Lehre. Der Imagefilm gibt Eindrücke von der wissenschaftlichen Arbeit, der Universität sowie der Stadt. </div><div class="more"><a href="/newsroom/videos.html">Weitere Videos</a></div></div><div class="video lecture2go"><div class="image"><video class="defer" controls="" data-poster="https://lecture2go.uni-hamburg.de/images/00.000_video-37358_2020-09-28_10-01.jpg"><source src="https://l2gdownload.rrz.uni-hamburg.de/abo/00.000_video-37358_2020-09-28_10-01.mp4" type="video/mp4" /></video></div></div></div></div><div class="outer"><div class="logo-slider-container"><div class="swiper logo-slider" id="7039445"><div class="swiper-wrapper"><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.cui.uni-hamburg.de/"><img alt="Logo des Exzellenzclusters &quot;CUI: Advanced Imaging Of Matter&quot; der Universität Hamburg." title="CUI: Advanced Imaging Of Matter" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7054043/cui-972bbdad21bea587285d42dfbf0d5f3f84c8d1a4.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.cliccs.uni-hamburg.de/"><img alt="Logo des Exzellenzclusters &quot;Climate, Climatic Change, and Society (CLICCS)&quot; der Universität Hamburg." title="Climate, Climatic Change, and Society (CLICCS)" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/13497237/cliccs-3f5d22a560e483da32e6c3a738c76fdceacdff76.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.written-artefacts.uni-hamburg.de"><img alt="Logo des Exzellenzclusters &quot;Understanding Written Artefacts&quot; der Universität Hamburg." title="Understanding Written Artefacts" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/13497265/uwa-b71dfba5c1131ae9d34ce09eec8bd90862bc8759.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.qu.uni-hamburg.de"><img alt="Logo des Exzellenzclusters &quot;Quantum Universe&quot; der Universität Hamburg." title="Quantum Universe" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/13497252/qu-7d0b3efecbcfce7e27e9f99b3944fc2951e8c64d.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.pier-plus.de/"><img alt="Logo von PIER PLUS" title="PIER PLUS" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/19650241/pierplus-9ff799a058b1c6db8e6ea6b591c32e94a3a49839.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.hra-hamburg.de/"><img alt="Logo der Hamburg Research Academy." title="Hamburg Research Academy" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/10666777/hra-f0761927d88b439547fa5f37c654f281523af8cb.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.hrk.de/weltoffene-hochschulen"><img alt="Logo der Weltoffenen Hochschulen gegen Fremdenfeindlichkeit." title="Weltoffene Hochschulen" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/9489183/logo-weltoffene-hs-368289f9602131a4379ca37c071fe0cb8b6f214a.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.pier-hamburg.de/"><img alt="Logo von PIER (Partnership of Universität Hamburg and DESY)." title="PIER" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/8834984/pier-b6b03c66959d56e6caffaea74d401ac542be9a0a.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.german-u15.de/"><img alt="Logo von U15 (Strategische Interessenvertretung forschungsstarker und international sichtbarer medizinführender Universitäten)" title="German U15" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7054034/u15-2cfe4d7d63af5c141b9e7e97d97aa9dde1fc5783.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="/deutschlandstipendium.html"><img alt="Logo des Deutschland Stipendiums." title="Deutschland Stipendium" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7053980/deutschlandstip-29310a395b73ebfb30a5ed5642574a157248c508.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.hul.uni-hamburg.de/"><img alt="Logo des Hamburger Zentrums für Universitäres Lehren und Lernen." title="Hamburger Zentrum für Universitäres Lehren und Lernen" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7053962/hul-db47f1f4740ec1f756a5b749ccf7466b0ca23685.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="/career-center.html"><img alt="Logo des Career Center der Universität Hamburg." title="Career Center" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7054025/careercenter-150f0afeefd2d4d0c04920fa770ee6fb96be73f1.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="/piasta.html"><img alt="Logo von PIASTA (Programm International für Alle Studierende und Alumni) der Universität Hamburg." title="PIASTA" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7054007/piasta-d7b791cab526138c1fa42dfd74469fb94c1067a5.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div><div class="swiper-slide slide"><a target="_blank" rel="noopener" href="https://www.asta.uni-hamburg.de"><img alt="Logo des Allgemeinen Studierendenausschusses (AStA) der Universität Hamburg." title="AStA" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/7053971/asta-0aa53e0693fd506647ef83a7cb40b20121d0b6fd.png" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></div></div></div><button aria-label="Vorangehenden Inhalt anzeigen" class="logoswiper-prev"></button><button aria-label="Nächsten Inhalt anzeigen" class="logoswiper-next"></button></div></div></article><div class="spalte rechts"></div><div class="spalte abschluss"></div></section><section class="unten"></section></main></div><footer aria-label="Seitenfuss" id="fuss"><section class="info"><div class="breite"><p>Verändert am 21. Oktober 2024</p><ul class="linkliste"><li><a class="feedback" rel="nofollow" href="/feedback.html?local_url=https%3A%2F%2Fwww.uni-hamburg.de%2F">Feedback</a></li><li><a class="imprint" href="/impressum.html">Impressum</a></li><li><a class="privacypolicy" href="/datenschutz.html">Datenschutzerklärung</a></li><li><a class="privacypolicy" href="https://www.uni-hamburg.de/barrierefreiheit.html"><span>Barrierefreiheit</span></a></li><li><a class="sitemap" href="/sitemap.html">Sitemap</a></li></ul></div></section><section aria-label="Social Links" class="social"><ul class="breite"><li><a class="facebook icon" href="https://www.facebook.com/unihamburg" rel="noopener" target="_blank"><img alt="Facebook" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4fb-34eefe78f2115697918fcdf3380073e3205a54d08662956922dff874cfec7459.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="instagram icon" href="http://instagram.com/unihamburg" rel="noopener" target="_blank"><img alt="Instagram" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4instagram-3be0c5c414c9d6dd564a5f19c1c640dcae8014f923832549e3db849b1b7d0102.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="youtube icon" href="https://www.youtube.com/c/unihamburg" rel="noopener" target="_blank"><img alt="YouTube" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4youtube-32bb78930fd96a7f801b482abf6ea9d20dc27b2b9a276a71d2a0261c29cc8844.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="lecture2go icon" href="https://lecture2go.uni-hamburg.de/" rel="noopener" target="_blank"><img alt="Lecture2Go" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4l2go-ba01d1b32f3f14f791bcde647a089b700170a6afb1d25d74fcc0cffcf3715db3.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="linkedin icon" href="https://linkedin.com/school/unihamburg" rel="noopener" target="_blank"><img alt="LinkedIn" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/linkedin-5d3420860dccef728ae5ce2627a06b1b7c376a7785f814671a7b1835a7afb05e.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="xing icon" href="https://www.xing.com/pages/universitathamburg" rel="noopener" target="_blank"><img alt="Xing" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/xing-f9c3e5df0de6d2ac5432c1f55a59bfd551e7b0d134a863b4e16ace3a9a206fb4.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="threads icon" href="https://www.threads.net/@unihamburg" rel="noopener" target="_blank"><img alt="Threads" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/threads-528ea1104b0ce0a25e43b1411e3274dcc64c9774b0bed7a57f59ae40b7343482.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li></ul></section><section class="global"><nav aria-label="Allgemeine Links" class="liste box"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/studium.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=studium&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=studium">Studium</a></li><li><a href="https://www.uni-hamburg.de/forschung.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=forschung&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=forschung">Forschung</a></li><li><a href="https://www.uni-hamburg.de/internationales.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=internationales&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=internationales">Internationales</a></li><li><a href="https://www.uni-hamburg.de/uhh.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=universitaet&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=universitaet">Universität</a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/fakultaeten.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=fakultaeten&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=fakultaeten">Fakultäten</a></li></ul><ul><li><a href="https://www.uni-hamburg.de/stellenangebote.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=stellenangebote&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=stellenangebote">Stellenangebote</a></li><li><a href="https://www.uni-hamburg.de/antidiskriminierung?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=antidis&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=antidis">Antidiskriminierung</a></li><li><a href="https://www.uni-hamburg.de/newsroom/presse/publikationen/apps.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=uhh-app&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=uhh-app">UHH-App</a></li><li><a href="https://www.uni-hamburg.de/onTEAM/campus/?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=campus-navigator&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=campus-navigator">Campus-Navigator</a></li><li><a href="https://www.uni-hamburg.de/uhh/organisation/stabsstellen/recht/wahlen.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=uni-wahl&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=uni-wahl">Uni-Wahl</a></li><li><a href="https://www.uni-hamburg.de/sitemap.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=sitemap&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=sitemap">Sitemap</a></li></ul><ul><li><a class="zielgruppe" href="https://www.uni-hamburg.de/campuscenter/studienorientierung.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=studieninteressierte&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=studieninteressierte">Studieninteressierte</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/campuscenter.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=studierende&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=studierende">Studierende</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/campuscenter/bewerbung/international.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=internationale-cc&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=internationale-cc">Internationale</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/forschung/karrierewege.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=promovierende&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=promovierende">Promovierende</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/forschung.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=forschende&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=forschende">Forschende</a></li><li><a class="zielgruppe" href="https://www.kus.uni-hamburg.de/?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=beschaeftigte&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=beschaeftigte">Beschäftigte</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/service/weiterbildung.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=weiterbildung&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=weiterbildung">Weiterbildungsinteressierte</a></li><li><a class="zielgruppe" href="https://www.alumni-uhh.de/">Alumni</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/newsroom/presse.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=presse&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=presse">Presse</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/uhhhilft.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=geflüchtete&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=geflüchtete">Geflüchtete</a></li></ul></div></nav><nav aria-label="weitere Links" class="ende"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/kontakt.html">Adresse</a></li><li><a href="https://www.uni-hamburg.de/kontakt/anfahrt.html">Lageplan</a></li></ul><p class="copyright">&copy; 2025 Universität Hamburg. Alle Rechte vorbehalten</p><div class="audits"><div class="audit deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/familie/audit.html" rel="noopener" title="Zur Seite Audit familiengerechte Hochschule">audit familiengerechte hochschule</a></div><div class="audit1 deferredbg"><a href="https://www.uni-hamburg.de/internationales/profil/audit.html" rel="noopener" title="Zur Seite Audit Internationalisierung">Audit</a></div><div class="audit2 deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/diversity/diversity-uhh/diversity-audit.html" rel="noopener" title="Zur Seite Diversity-Audit">HRK-Audit</a></div><div class="systemakkreditierung deferbg"><a href="https://www.uni-hamburg.de/uhh/organisation/praesidialverwaltung/studium-und-lehre/qualitaet-und-recht/qm-entw/01-systemakkreditierung.html" rel="noopener" title="Zur Seite Systemakkreditierung">Systemakkreditierung</a></div></div></div></nav></section></footer></div><div id="sponsors"></div><script>console.log('document ready: ' + (Date.now() - t0) + ' ms');
  4509. var t1 = Date.now();</script><div class="tracking" style="display:none"><div class="piwik">83</div><div class="etracker">OBVZu9</div></div></body></html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda