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>UHH : 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="_ykYdwS3jfGj81iVTGdStpntmUmww0_X9P-nGw0nKfXS-vas7CQnxyqWlT43oSgqXy-_avrw7b5vxYWrR1FsFg" /><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 {
  500. cursor: pointer;
  501. width: auto !important;
  502. text-decoration:none !important;
  503. border:0;
  504. display: inline-block !important;
  505. font-family: TheSansUHHBoldCaps, sans-serif;
  506. font-size: 20px !important;
  507. color: var(--UHHfff-hellgrau) !important;
  508. background-color: #0271bb;
  509. padding:12px 30px 13px !important;
  510. text-align: center;
  511. max-width: 100%;
  512. white-space:normal;
  513. line-height: 1.25em;
  514. }
  515.  
  516. .s .redButton {
  517. font-size: 19px !important;
  518. }
  519. a.redButton:hover {text-decoration:underline !important;}
  520. a.redButton:focus {text-decoration:underline !important; }
  521.  
  522. table {width:100%}
  523. .table {display:table; width:100%}
  524. .table .col {display:table-cell; vertical-align:top}
  525. .tablerow {display:table-row}
  526. .tablecell {display:table-cell; vertical-align:top}
  527. .spalte.links {line-height:1.5em}
  528. .spalte.links p {max-width:700px}
  529. .spalte.links img.rechts {float:right; margin:0px 0 15px 15px}
  530. .spalte.links hr {background-color:#ddd; height:1px; border:0}
  531. .spalte.links ul {list-style-type:none}
  532. .spalte.links ul li,
  533. .spalte.links ol li{position:relative; max-width:700px}
  534. .spalte.links .box {position:relative; clear:both}
  535. .spalte.links a.box {display:block;}
  536. .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) {padding-left:45px}
  537. .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}
  538. .projekte ul {padding-left:0 !important}
  539. .projekte ul > li:before {display:none}
  540. .spalte.links table {border:0; border-collapse:collapse; margin-top:25px}
  541. .spalte.links table th {border:1px solid #ddd; padding:15px}
  542. .spalte.links table th.links {text-align:left}
  543. .spalte.links table td {border:1px solid #ddd; padding:15px}
  544. .spalte.links table[border="0"] td {border:none !important}
  545. .spalte.links table.streifen tr:nth-of-type(2n) td {background-color:#f3f3f3}
  546.  
  547. .spalte.rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0}
  548. .spalte ._rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0}
  549.  
  550. .outer.grau {background-color:#f3f3f3}
  551. .content-page .outer.grau, .topicspage .outer.grau {background-color:#f6f8fa}
  552. .outer.dunkelgrau {background-color:var(--UHH3b515c-grau)}
  553. .outer.homegrau {background-color:#f3f3f3; overflow:hidden;margin-top:30px;}
  554. /*subnav*/
  555.  
  556. .subnav {margin-top:40px}
  557. .subnav a:hover {outline:none}
  558. .subnav a:focus {outline:none}
  559. .subnav ul {list-style-type:none; margin:0; padding:0}
  560. .subnav > ul > li:first-child > a {border-top:1px solid #ddd}
  561. .subnav li li {margin-left:30px}
  562. .subnav li:hover {}
  563. .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}
  564. .subnav h2 { display:block; position:relative; margin:0}
  565. .subnav h2 a {color:var(--UHH0271bb-hellblau)  !important; font-size:22px; font-family:TheSansUHHBold, sans-serif}
  566. /*        .subnav a:after {content:">"; position:absolute; right:30px; top:0; padding:21px 0; transform:rotate(90deg); color:#0271bb } */
  567. .subnav ul a:hover,.subnav ul a:focus {color:var(--UHH0271bb-hellblau)  !important; text-decoration:underline !important}
  568. .subnav ul a:hover:after,.subnav ul a:focus:after {color:#fff}
  569.  
  570. .subnav a.hier {font-family:TheSansUHHBold,sans-serif; font-weight:normal; color:var(--UHH0271bb-hellblau)  !important}
  571. .subnav a.hier:hover {}
  572. .subnav a.auf,.subnav li.auf > a {color:var(--UHH0271bb-hellblau) }
  573. .subnav div.titel {position:relative; padding:21px 60px 21px 0; font-family:TheSansUHHBold, sans-serif; font-size:22px}
  574. .subnav div.titel a {color:var(--UHH0271bb-hellblau)  !important}
  575. .m .spalte.rechts .subnav {display:none}
  576. .s .subnav {margin-top:48px; padding:0 20px}
  577. .s .spalte.rechts .subnav {display:none}
  578.  
  579. h1 {font-family:TheSansUHHRegularCaps, sans-serif; font-size:38px; margin-top:15px; margin-bottom:17px; width:100%; color:#4e4e4e; line-height:1.15em}
  580. h1.news {font-family:TheSansUHHBold, sans-serif; line-height:1.25em}
  581. h1.news span {display:block}
  582. h1.news span.sup {font-size:20px; margin-bottom:8px; line-height:1.25em}
  583. h1.news span.sub {font-size:18px; margin-top:8px; line-height:1.5em}
  584. h1.wortmarke {font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); font-weight:normal; margin:0}
  585.  
  586. figure { margin:0}
  587. figure img {max-width:100%; height:auto !important}
  588. figure.rechts {float:right; margin:0.5em 0 0.5em 1em; max-width:65%}
  589. figure.links {float:left; margin:0.4em 1em 0.5em 0; max-width:65%}
  590. figure.mitte {display:table; margin:1em auto; max-width:100%; position:relative; overflow:hidden}
  591. .s figure.mitte {display:block}
  592. figure figcaption {font-size:14px; margin:5px 5px 0 5px; line-height:1.25em}
  593. figure p.bildnachweis {font-size:13px; margin:0 5px 0 0; line-height:1.25em; text-align:right; max-width:none !important;}
  594.  
  595. .outer.h1 {margin-bottom:-10px}
  596. .outer.h1 +.outer > div {margin-top:54px}
  597. .outer.standard +.outer > div.hinweis,
  598. .outer.standard +.outer > div.inhaltsblock,
  599. .outer.standard +.outer > div.standard,
  600. .outer.hinweis +.outer > div.hinweis,
  601. .outer.hinweis +.outer > div.inhaltsblock,
  602. .outer.hinweis +.outer > div.standard,
  603. .outer.inhaltsblock +.outer > div.hinweis,
  604. .outer.inhaltsblock +.outer > div.inhaltsblock,
  605. .outer.inhaltsblock +.outer > div.standard {margin-top:40px}
  606. .outer.h1 span.sep {display:inline-block; margin:0 16px}
  607. .outer.h1.rss {margin-bottom:30px}
  608. .outer.h1.rss h1 {width:auto;display: inline;padding-right:30px}
  609. .outer.h1.rss a {display:inline-block;margin-left: 0px;margin-top:28px; width:21px}
  610. html:not(.l) .outer.h1.rss a {margin-top:22px}
  611. .outer.h1.rss a img {width:100%}
  612. .outer > .nomargintop {margin-top:0}
  613. .s .outer:not(.h1) > h1 {  padding: 0 20px;}
  614. .outer:not(.h1) > h1 ~ h1{  margin-top:40px;}
  615. .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}
  616.  
  617. .box:after {content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; visibility:hidden}
  618.  
  619. .oben .outer {padding:0 20px}
  620.  
  621. .outer .item a.text {color:#4e4e4e; text-decoration:none; display:block}
  622. .outer .item a.text:hover .titel {text-decoration:underline}
  623. .outer .item .video + .text:before {content:"\00A0"; display:block; font-size:12px; margin-top:2px; line-height:12px}
  624.  
  625. /* .js video{visibility:hidden} */
  626.  
  627. /*.outer p {margin:30px 0} */
  628. .breadcrumb{clear: both;color: #4E4E4E;min-height: 28px;max-width: 1298px;padding:0 20px; margin:0 auto 20px}
  629. .s .breadcrumb{display:none}
  630. .breadcrumb ol{font-size: 0px;list-style:none;margin:0;padding:0;}
  631. .breadcrumb li{display:inline}
  632. .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");
  633. margin: 0 15px;width: 29px;height:20px;background-position: left center;background-repeat: no-repeat;}
  634. .breadcrumb a{font-size: 18px; line-height: 20px;vertical-align:top;color: #4E4E4E;text-decoration: none;display: inline-block}
  635. .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}
  636. .breadcrumb li:last-child a{font-family: TheSansUHHBold, sans-serif;}
  637.  
  638.  
  639. #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}
  640. #pfad span.text {margin-right:5px; position:absolute; left:-10000px}
  641. #pfad a {float:left; color:#4E4E4E; text-decoration:none}
  642. #pfad span.text + a {margin-left:-28px; padding-left:28px}
  643. #pfad > span.text + a {padding-left:54px}
  644. #pfad a:hover,#pfad a:focus {text-decoration:underline; outline:none}
  645. #pfad span {float:left}
  646. #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}
  647. #pfad .paththispage {line-height:20px; font-family:TheSansUHHBold, sans-serif}
  648.  
  649. #fuss {visibility:hidden}
  650.  
  651. .pager {position:absolute !important; top:60px; text-transform:capitalize; font-size:16px}
  652. .hsb .pager {top:38px}
  653. .pager.prev {left:0}
  654. .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)}
  655. .pager.next {right:40px}
  656. .volle-breite .pager.next {right:0px}
  657. .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)}
  658.  
  659. .bildnachweis:before {content:"\200B"}
  660. .bildnachweis a {color:#4e4e4e;position: relative !important;display: inline !important;}
  661. p.bildnachweis {margin:0}
  662.  
  663.  
  664. .full-width-image {position:relative}
  665. .full-width-image a{position: absolute; left: 0; top: 0; right: 0; bottom: 0;display:block;}
  666. .full-width-image a:focus{border:5px solid var(--UHH0271bb-fff);}
  667. .full-width-image a:focus .button span{text-decoration:underline;}
  668. .full-width-image .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%; height:100%}
  669. .full-width-image .bild img {display:none}
  670. .full-width-image .container {position:absolute; left:0; top:0; right:0; bottom:0}
  671. .full-width-image .container a.link {position:absolute; left:0; top:0; right:0; bottom:0}
  672. .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)}
  673. .full-width-image .text {color:#4e4e4e; position:absolute; max-width:1130px; padding-bottom:0; padding-right:100px}
  674. .slider-home .full-width-image .text {left:calc(50% - 530px); bottom:90px}
  675. .slider-start .full-width-image .text {left:calc(50% - 530px); bottom:110px}
  676. .slider-start .full-width-image.scaling .text {bottom:100px}
  677.  
  678. .full-width-slider .control {bottom:68px;}
  679. .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;}
  680. .slider-karte .full-width-slider:not(.scaling) .slide .control {top:686px;}
  681. .slider-home .full-width-slider:not(.scaling) .slide .control {top:486px}
  682. .slider-start .full-width-slider:not(.scaling) .slide .control {top:386px}
  683. .slider-inhalt .full-width-slider:not(.scaling) .slide .control {top:336px}
  684. .slider-band .full-width-slider:not(.scaling) .slide .control {top:6px}
  685. .slider-news .full-width-slider:not(.scaling) .slide .control {top:336px}
  686.  
  687.  
  688. .full-width-slider .slide a:hover,
  689. .full-width-slider .slide a:focus {outline:none}
  690. .full-width-slider .slide a:hover .button span,
  691. .full-width-slider .slide a:focus .button span {text-decoration:underline}
  692. .full-width-slider .slide .container,
  693. .full-width-slider .slide .container a.link {position:absolute; left:0; top:0; right:0; bottom:0}
  694. .full-width-slider .slide .text {position:absolute; max-width:1100px; padding-bottom:0; padding-right:100px}
  695.  
  696. .header-350 .full-width-image.scaling > .bild {padding-top:18.26%}
  697. .m .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px}
  698. .s .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px}
  699. .header-350 .full-width-image .text.h1 {transition:all 0.25s;position:absolute; bottom:40px;left: calc(50% - 629px);padding-right:20px}
  700. .s .header-350 .full-width-image .text.h1 {left:20px;bottom:30px}
  701. .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);}
  702. .s .header-350 .full-width-image .text.h1 h1 {font-size:34px;padding:8px 12px;}
  703. .header-350 .full-width-image .text.h1 p {transition:all 0.25s;background:rgba(255, 255, 255, 0.8);margin:10px 0 0}
  704. .s .header-350 .full-width-image .text.h1 p {padding:8px 12px}
  705.  
  706.  
  707. @media only screen and (max-width:1500px) {
  708. .slider-home .full-width-image .text {bottom:71px}
  709. .slider-start .full-width-image .text {bottom:96px}
  710. }
  711. @media only screen and (max-width:1350px) {
  712. .slider-home .full-width-image .text {bottom:52px}
  713. .slider-start .full-width-image .text {bottom:77px}
  714. }
  715. .full-width-slider.news1 .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0}
  716.  
  717. @media only screen and (max-width:1500px) {
  718. }
  719. @media only screen and (max-width:1350px) {
  720. }
  721. @media only screen and (max-width:1300px) {
  722. .header-350 .full-width-image .text.h1 { left: 20px;}
  723. .header-350 .full-width-image .text.h1 h1 {}
  724. .header-350 .full-width-image .text.h1 p {}
  725. }
  726. @media only screen and (max-width:1300px) {
  727. .slider-home .full-width-image .text,
  728. .slider-start .full-width-image .text {left:100px; max-width:calc(100% - 200px)}
  729. .slider-home .full-width-image .text h2,
  730. .slider-start .full-width-image .text h2 {left:100px}
  731. .slider-home .full-width-image .text h3,
  732. .slider-start .full-width-image .text h3 {left:100px}
  733. .full-width-image.news1 .text {left:20px; max-width:69%}
  734. .full-width-image .bildnachweis {right:20px !important}
  735.  
  736. }
  737. .full-width-image .text h2,
  738. .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}
  739. .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}
  740.  
  741. .full-width-image .text .klammer {clear:left;}
  742. .full-width-image .text .button {float:right; clear:both; text-align:right; margin-top:12px}
  743. .full-width-image.scaling .text .button {margin-top:8px}
  744. .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 }
  745. .full-width-image .text .button a:hover,
  746. .full-width-image .text .button a:focus {text-decoration:underline;outline:none}
  747. .full-width-image .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:var(--UHHfff-hellgrau)}
  748. .full-width-image .text a {color:#000; text-decoration:underline}
  749. .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 }
  750. .full-width-image .text .button span:hover {text-decoration:underline;outline:none}
  751. .full-width-image .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:var(--UHHfff-hellgrau)}
  752.  
  753. .full-width-image.news1 .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden}
  754. .full-width-image.news1 .text h2,
  755. .full-width-image.news1 .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif}
  756. .full-width-image.news1 .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif}
  757. .full-width-image.scaling .text h2,
  758. .full-width-image.scaling .text h3 {font-size:47px; padding:18px; margin-bottom:8px;}
  759. .full-width-image.scaling .text .beschreibung {font-size:26px;}
  760. @media only screen and (max-width:1500px) {
  761. .full-width-image.scaling .text .button span {font-size:18px; padding:14px 40px 14px 30px}
  762. .full-width-image.scaling .text .button span:after {right:24px; bottom:14px}
  763. }
  764. @media only screen and (max-width:1350px) {
  765. .full-width-image.scaling .text h2,
  766. .full-width-image.scaling .text h3 {font-size:32px; padding:14px 18px}
  767. .full1-width-image.scaling .text .button span {font-size:16px; padding:12px 34px 12px 24px}
  768. .full1-width-image.scaling .text .button span:after {right:18px; bottom:12px}
  769. }
  770.  
  771. .slider-karte .full-width-image:not(.scaling) .bild {height:750px !important}
  772. .slider-home .full-width-image:not(.scaling) .bild {height:550px !important}
  773. .slider-start .full-width-image:not(.scaling) .bild {height:450px !important}
  774. .slider-inhalt .full-width-image:not(.scaling) .bild {height:400px !important}
  775. .slider-band .full-width-image:not(.scaling) .bild {height:70px !important}
  776. .slider-news .full-width-image:not(.scaling) .bild {height:400px !important}
  777.  
  778.  
  779. html.js .slick-slider {opacity:0}
  780. html.js .slick-slider.slick-initialized {opacity:1}
  781.  
  782. .full-width-slider {position:relative}
  783. .full-width-slider .slide {height:100%; margin:0; background-color:#eee; position:relative}
  784. .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; }
  785. .full-width-slider .slide a:focus h2 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  786. .full-width-slider .slide a:focus h3 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  787. .full-width-slider .slide:focus .button span{text-decoration:underline !important;}
  788. .full-width-slider .slide a:focus .button span{text-decoration:underline !important;}
  789. .full-width-slider .slide a:focus .beschreibung {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  790. .full-width-slider .slide .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%}
  791. .full-width-slider:not(.scaling) .slide .bild {height:100%}
  792. .full-width-slider .slide img {display:none; position:absolute; width:100%}
  793.  
  794. .full-width-slider .slickSlider {width:100%; position:relative; margin:0; padding:0}
  795.  
  796. .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:750px !important}
  797. .slider-home .full-width-slider:not(.scaling) .slickSlider {height:550px !important}
  798. .slider-start .full-width-slider:not(.scaling) .slickSlider {height:450px !important}
  799. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:400px !important}
  800. .slider-band .full-width-slider:not(.scaling) .slickSlider {height:70px !important}
  801. .slider-news .full-width-slider:not(.scaling) .slickSlider {height:400px !important}
  802. .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:750px !important}
  803. .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:550px !important}
  804. .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:450px !important}
  805. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important}
  806. .slider-band .full-width-slider:not(.scaling) .slickSlider .slick-track {height:70px !important}
  807. .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important}
  808. .slider-karte .full-width-slider.scaling .slickSlider,
  809. .slider-home .full-width-slider.scaling .slickSlider,
  810. .slider-start .full-width-slider.scaling .slickSlider,
  811. .slider-inhalt .full-width-slider.scaling .slickSlider,
  812. .slider-band .full-width-slider.scaling .slickSlider,
  813. .slider-news .full-width-slider.scaling .slickSlider,
  814. .slider-karte .full-width-slider.scaling .slickSlider .slick-track,
  815. .slider-home .full-width-slider.scaling .slickSlider .slick-track,
  816. .slider-start .full-width-slider.scaling .slickSlider .slick-track,
  817. .slider-inhalt .full-width-slider.scaling .slickSlider .slick-track,
  818. .slider-band .full-width-slider.scaling .slickSlider .slick-track,
  819. .slider-news .full-width-slider.scaling .slickSlider .slick-track {height:auto}
  820. .scaling .slickSlider .slide {width:100%}
  821. .scaling .slickSlider .slide .bild {width:100%}
  822. .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:25.13%}
  823. .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:20.55%}
  824. .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%}
  825. .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%}
  826.  
  827. .slider-home .full-width-image.scaling .bild {padding-top:25.13%}
  828. .slider-start .full-width-image.scaling .bild {padding-top:20.55%}
  829. .slider-inhalt .full-width-image.scaling .bild {padding-top:18.26%}
  830. .slider-inhalt .full-width-image.scaling.small .bild {padding-top:13.70%}
  831. .slider-news .full-width-image.scaling .bild {padding-top:18.26%}
  832.  
  833.  
  834. @media only screen and (max-width:1200px) {
  835. .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  836. .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  837. .slider-start .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  838. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  839. .slider-news .full-width-slider:not(.scaling) .slickSlider {height:auto !important}
  840. .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  841. .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  842. .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  843. .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  844. .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  845. .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw}
  846. .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw}
  847. .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:25vw}
  848. .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:25vw}
  849.  
  850. .slider-home .full-width-image.scaling .bild {padding-top:33.33vw}
  851. .slider-start .full-width-image.scaling .bild {padding-top:33.33vw}
  852. .slider-inhalt .full-width-image.scaling .bild {padding-top:25vw}
  853. .slider-inhalt .full-width-image.scaling.small .bild {padding-top:25vw}
  854. .slider-news .full-width-image.scaling .bild {padding-top:25vw}
  855.  
  856.  
  857. .slider-karte .full-width-slider:not(.scaling)  .slide .bild {height:750px}
  858. .slider-home .full-width-slider:not(.scaling)  .slide .bild {height:400px}
  859. .slider-start .full-width-slider:not(.scaling)  .slide .bild {height:400px}
  860. .slider-inhalt .full-width-slider:not(.scaling)  .slide .bild {height:300px}
  861. .slider-news .full-width-slider:not(.scaling)  .slide .bild {height:300px}
  862. .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto}
  863. .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important}
  864. .slider-home .full-width-slider .slide {height:auto; margin:0; background-color:#eee; position:relative}
  865. .full-width-slider .slickSlider {width:auto;}
  866. .slider-home .full-width-slider .slide .container,
  867. .slider-home .full-width-slider .slide .container a.link {position:relative; left:0; top:0; right:0; bottom:0}
  868. .slider-home .full-width-slider .slide .text {position:relative; bottom:0 !important; padding:40px 20px; left:0 !important}
  869. .slider-home .full-width-slider .slide .text h2 {float:none !important; background:none !important}
  870. .slider-home .full-width-slider .slide .text h3 {float:none !important; background:none !important}
  871. .slider-home .full-width-slider .slide .text .beschreibung {float:none !important; background:none !important}
  872.  
  873. .slider-karte .full-width-slider .control {top:686px;}
  874. .slider-home .full-width-slider .control {top:336px}
  875.  
  876.  
  877. }
  878. @media only screen and (max-width:640px) {
  879. .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw}
  880. .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw}
  881. .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw}
  882. .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw}
  883. .slider-home .full-width-slider.scaling .control {top:calc(62.5vw + 16px) !important;}
  884.  
  885. .slider-home .full-width-image.scaling .bild {padding-top:62.5%}
  886. .slider-start .full-width-image.scaling .bild {padding-top:62.5%}
  887. .slider-inhalt .full-width-image.scaling .bild {padding-top:31.25%}
  888. .slider-inhalt .full-width-image.scaling.small .bild {padding-top:31.25%}
  889. .slider-news .full-width-image.scaling .bild {padding-top:31.25%}
  890. }
  891.  
  892.  
  893. .slider-home .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px}
  894. .slider-start .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px}
  895. .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:103px}
  896. @media only screen and (max-width:1500px) {
  897. .slider-home .full-width-slider.scaling .slide .text {bottom:71px}
  898. .slider-start .full-width-slider.scaling .slide .text {bottom:96px}
  899. }
  900. @media only screen and (max-width:1350px) {
  901. .slider-home .full-width-slider.scaling .slide .text {bottom:52px}
  902. .slider-start .full-width-slider.scaling .slide .text {bottom:77px}
  903. }
  904. .full-width-slider.news1 .slide .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0}
  905. .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:68px}
  906. .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:68px}
  907. .slider-start .full-width-slider:not(.noquicklinks) .control {top:318px}
  908. .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:98px}
  909. @media only screen and (max-width:1500px) {
  910. .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px}
  911. }
  912. @media only screen and (max-width:1350px) {
  913. .slider-start .full-width-slider:not(.noquicklinks) .control {top:352px}
  914. .m .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px}
  915. .s .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px}
  916. }
  917. @media only screen and (max-width:1300px) {
  918. .slider-home .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)}
  919. .slider-start .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)}
  920. .full-width-slider .slide .bildnachweis {right:20px}
  921. }
  922. .full-width-slider .slide .text h2,
  923. .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}
  924. .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}
  925. .full-width-slider .slide .text .klammer {clear:left;}
  926. .full-width-slider .slide .text .button {float:right; clear:both; text-align:right; margin-top:12px;}
  927. .full-width-slider .slide .text .klammer:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;}
  928. .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 }
  929. .full-width-slider .slide .text .button a:hover,
  930. .full-width-slider .slide .text .button a:focus {text-decoration:underline;outline:none}
  931. .full-width-slider .slide .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:#fff}
  932. .full-width-slider .slide .text a {color:#000; text-decoration:underline}
  933. .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 }
  934. .full-width-slider111 .slide .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:#fff}
  935. .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");}
  936. .full-width-slider.news1 .slide .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden}
  937. .full-width-slider.news1 .slide .text h2,
  938. .full-width-slider.news1 .slide .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif}
  939. .full-width-slider.news1 .slide .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif}
  940.  
  941. .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")}
  942. 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")}
  943. .full-width-slider:hover .slick-arrow {width:80px; height:80px; top:calc(50% - 40px);}
  944. .full-width-slider .slick-arrow:focus {width:80px; height:80px; top:calc(50% - 40px);}
  945. .full-width-slider .slick-arrow.slick-prev {left:10px; right:unset; }
  946. .full-width-slider .slick-arrow.slick-next {right:10px; left:unset; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH}
  947. .full-width-slider .slick-arrow:hover {}
  948. .full-width-slider .slick-arrow:focus {}
  949. @media only screen and (max-width:1440px) {
  950. .full-width-slider .slick-arrow {display:none}
  951. }
  952. .full-width-slider .control {padding:9px; height:34px; position:absolute; bottom:36px; right:0; margin:0; background-color: rgba(255,255,255,0.8);}
  953. .full-width-slider .slick-dots {display:none;  float:left; padding:0; list-style-type:none; bottom:39px;margin:0}
  954. .full-width-slider #slider-1 .slick-dots {}
  955. .volle-breite .full-width-slider .control {right:calc(50% - 630px)}
  956. .volle-breite .full-width-slider .slick-dots {right:calc(50% - 630px)}
  957. .slider-start .full-width-slider .slick-dots {}
  958. .slider-start .full-width-slider.noquicklinks .slick-dots {}
  959. .slick-dots li {display:inline-block}
  960.  
  961. @media only screen and (max-width:1500px) {
  962. .full-width-slider.scaling .slide .text .beschreibung {padding:9px 18px}
  963. .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:84px}
  964. .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:49px}
  965. .slider-start .full-width-slider.scaling .slick-dots {bottom:61px}
  966. .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:61px}
  967. .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:84px}
  968. .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:49px}
  969. .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:79px}
  970. }
  971. @media only screen and (max-width:1350px) {
  972. .full-width-slider.scaling .slide .text .beschreibung {padding:8px 18px}
  973. .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:63px}
  974. .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:28px}
  975. .slider-start .full-width-slider.scaling .slick-dots {bottom:42px}
  976. .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:42px}
  977. .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:63px}
  978. .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:28px}
  979. .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:58px}
  980. }
  981. .full-width-slider .slick-dots {height:16px; float:left;}
  982. .full-width-slider .slick-dots li {width:23px; height:18px; margin:0 6px; padding:0}
  983. .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);}
  984. .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;}
  985. .s .full-width-slider .control button { margin-left:14px}
  986. .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")}
  987. .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")}
  988. .full-width-slider .slick-dots li button:focus {}
  989. .full-width-slider .slick-dots li.slick-active button {background:transparent;}
  990. @media only screen and (max-width:1300px) {
  991. .full-width-slider .slick-arrow.slick-prev {left:20px}
  992. .full-width-slider .slick-arrow.slick-next {right:20px}
  993. .full-width-slider .control {right:20px!important}
  994. .full-width-slider .slick-dots {right:20px!important}
  995.  
  996. .full-width-slider .slick-arrow.slick-prev {left:20px}
  997. .full-width-slider .slick-arrow.slick-next {right:20px}
  998. }
  999. /*Simple Slider*/
  1000.  
  1001. .simpleSlider {background:#fff !important; position:relative;}
  1002. .simpleSlider .slide *:focus {box-shadow:none;}
  1003. .simpleSlider .standard {border:1px solid #ddd;}
  1004. .simpleSlider .slide {background:#fff}
  1005. .simpleSlider .slide:focus {outline:3px solid var(--UHH0271bb-fff); outline-offset:-3px;}
  1006.  
  1007. .simpleSlider .foto {float:left; width:348px; overflow:hidden; background:#fff; border-radius:2px 0 0 2px; padding:0}
  1008. .simpleSlider .foto img {float:left}
  1009. .simpleSlider .text {float:right; width:calc(100% - 378px); background:#fff; border-radius:0 2px 2px 0; padding:15px 20px 15px 15px}
  1010. .simpleSlider .text > * {margin-top:0}
  1011. .simpleSlider .text *:last-child {margin-bottom:0}
  1012.  
  1013. .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}
  1014. .simpleSlider .slick-next {right:2px}
  1015. .simpleSlider .slick-next:after {content:">"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px}
  1016. .simpleSlider .slick-prev {left:2px}
  1017. .simpleSlider .slick-prev:after {content:"<"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px}
  1018. .simpleSlider .slick-dots {display: block; list-style-type: none; text-align:center}
  1019. .simpleSlider .slick-dots li {width:23px; height:23px; margin-left:12px; padding:0; display:inline-block}
  1020. .simpleSlider .slick-dots li button {width:19px; height:19px; border:none; background:#fff; border:2px solid #4e4e4e; font-size:0; color:#fff; cursor:pointer}
  1021. .simpleSlider .slick-dots li.slick-active button {background:#4e4e4e; font-size:0; color:var(--UHH0271bb-hellblau) }
  1022.  
  1023.  
  1024. /*Testimonial Slider*/
  1025.  
  1026. .testimonial-swiper-wrapper {position:relative;}
  1027. .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")}
  1028. html[data-color-scheme$="dark"] .testimonial-swiper-wrapper button {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg")}
  1029. .testimonial-swiper-wrapper button.left {left:-60px}
  1030. .testimonial-swiper-wrapper button.right {right:5px;transform:rotate(180deg);z-index:3}
  1031. .testimonial.swiper {margin:40px 0;overflow:hidden; position:relative;padding-bottom:32px}
  1032. .testimonial.swiper .swiper-pagination{bottom:0}
  1033. .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;}
  1034. .testimonial.swiper .swiper-pagination-bullet-active {  opacity: 1; background: #4e4e4e!important}
  1035. .testimonial.swiper .swiper-slide {padding:0 60px 0 0;cursor:grab}
  1036. .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}
  1037. .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)}
  1038. .testimonial.swiper .text {float:right; width:calc(100% - 180px);  border-radius:0 2px 2px 0; padding:0 20px 15px 40px}
  1039. .testimonial.swiper .text > * {margin-top:0}
  1040. .testimonial.swiper .text h3 {margin:0; color:var(--UHH0271bb-hellblau); font-family:TheSansUHHBoldCaps;}
  1041. .testimonial.swiper .text p.zusatz {margin:0 0 20px 0; font-family:TheSansUHHBoldCaps;}
  1042. .testimonial.swiper .text p.link {margin-top:25px}
  1043. .testimonial.swiper .text *:last-child {margin-bottom:0}
  1044. .testimonial .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset}
  1045. .testimonial .swiper-slide a { display:none }
  1046. .testimonial .swiper-slide.swiper-slide-active a { display:inline }
  1047. .testimonial .swiper-slide:focus {box-shadow:none!important;outline:none!important }
  1048.  
  1049. @media only screen and (max-width:1400px) {
  1050. .testimonial-swiper-wrapper button {display:none}
  1051. .testimonial.swiper .swiper-slide {padding:0}
  1052. }
  1053.  
  1054. /*logo Slider*/
  1055.  
  1056. .logo-slider {height:auto!important; overflow:hidden; margin-top:160px; height:85px}
  1057. .logo-slider .slides {width:calc(100% - 176px); margin:0px 88px}
  1058. .logo-slider .slide {float:left }
  1059. .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}
  1060. .logo-slider .slick-prev {left:-88px; transform:rotate(180deg)}
  1061. .logo-slider .slick-next {right:-88px}
  1062. .logo-slider .slick-slide {text-align:center }
  1063. .logo-slider .slick-slide img {margin:auto; max-height:100%; max-width:100% }
  1064.  
  1065. .logo-slider-container {position:relative;margin-top: 160px;height:60px;}
  1066.  
  1067. .extern .unten  .outer .logo-slider-container {position: relative; margin-left: auto; margin-right: auto; max-width: 1258px; margin-top: 80px;}
  1068.  
  1069. .extern .unten  .outer .logo-slider-container .swiper{margin-bottom: 80px; overflow:hidden;}
  1070.  
  1071. .swiper.logo-slider {left: 88px; top: 0; height: 85px; width: calc(100% - 176px); padding: 0; position: absolute; overflow: hidden;margin:0;}
  1072.  
  1073. .logo-slider .swiper-wrapper {width:100%;}
  1074. .logo-slider .swiper-slide a {display: inline-block; width: 100%; margin:2px;}
  1075. .logo-slider .swiper-slide img {margin:auto; max-height:100%; max-width:100% }
  1076. .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}
  1077. .logoswiper-prev:hover, .logoswiper-next:hover {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  1078. .logoswiper-prev:focus, .logoswiper-next:focus {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  1079. .logoswiper-prev {left:0;}
  1080. .logoswiper-next {right:0; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH}
  1081.  
  1082. .s .logo-slider-container {margin-top: 80px;}
  1083. .s .swiper.logo-slider {left: 20px; height: auto; width: 120%; position:relative;}
  1084. .s .logo-slider .slide {padding:4px 10px;}
  1085. .s .logoswiper-prev, .s .logoswiper-next {display:none}
  1086.  
  1087. .js .uhh-tabs{opacity:0;transition:opacity 0.2s}
  1088.  
  1089.  
  1090. /*social*/
  1091. .social-teaser {margin-top:130px; padding-top:68px; padding-bottom:130px;min-height:500px}
  1092.  
  1093. /*V4 Hometeaser*/
  1094.  
  1095. .hometeaser {margin-top:32px; margin-bottom:60px}
  1096. .hometeaser ul {padding:0; margin:0; list-style-type:none; font-size:0}
  1097. .hometeaser ul li {float:left; min-width:22.9%; width:22.9%; margin-left:0}
  1098. .hometeaser ul li + li {margin-left:2.8%}
  1099. .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}
  1100. .hometeaser ul li a:hover {outline:none}
  1101. .hometeaser ul li a:focus {outline:none}
  1102.  
  1103. @media only screen and (max-width:1300px) {
  1104. .hometeaser ul li a {font-size:3.69vw}
  1105. }
  1106. .hometeaser ul li img {display:block; width:100%}
  1107. .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}
  1108. .hometeaser ul li a:hover .titel {background-size:contain!important}
  1109. .hometeaser ul li a:focus .titel {border:1px solid transparent; background-size:contain!important}
  1110. .hometeaser ul li .titel span {display:table; width:100%; height:100%}
  1111. .hometeaser ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal}
  1112.  
  1113. .hometeaser-5 {margin-top:32px; margin-bottom:60px}
  1114. .hometeaser-5 ul {padding:0; margin:0; list-style-type:none; font-size:0}
  1115. .hometeaser-5 ul li {;border-radius:200px;float:left; min-width:18%; width:18%; margin-left:0;overflow:hidden}
  1116. html:not(.s) .hometeaser-5 ul li:before {content:"";float:left;position:relative;left:-1px;width:0;padding-top:100%}
  1117. .hometeaser-5 ul li + li {margin-left:2.5%}
  1118. .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}
  1119.  
  1120. @media only screen and (max-width:1300px) {
  1121. .hometeaser-5 ul li a {font-size:2.8vw}
  1122. }
  1123. .hometeaser-5 ul li img {display:block; width:100%;color:transparent}
  1124. .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}
  1125. .hometeaser-5 ul li a:hover .titel {background-size:contain!important}
  1126. .hometeaser-5 ul li a:focus .titel {border:1px solid transparent; background-size:contain!important}
  1127. .hometeaser-5 ul li .titel span {display:table; width:100%; height:100%}
  1128. .hometeaser-5 ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal; padding:10px}
  1129.  
  1130. .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}
  1131. .formbutton.blau, .cookie-consent--edit { background-color: RGB(2, 113, 187); color: rgb(255, 255, 255)}
  1132. .formbutton.blau:hover,
  1133. .formbutton.blau:focus { border: 2px solid RGB(2, 113, 187); background-color: rgb(255, 255, 255); color: rgb(51, 51, 51)}
  1134. .formbutton.grau { background-color: rgb(238, 238, 238); color: rgb(79, 79, 79)}
  1135. .formbutton.grau:hover,
  1136. .formbutton.grau:focus { border: 2px solid rgb(102, 102, 102)}
  1137.  
  1138. /*V4 Tooltip*/
  1139.  
  1140. .tooltipbutton {position:relative; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 2px; margin-left: 12px; width: 24px; height: 20px; }
  1141. .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");}
  1142. h1 .tooltipbutton {margin-top:14px;}
  1143. .m h1 .tooltipbutton {margin-top:8px;}
  1144. .s h1 .tooltipbutton {margin-top:8px;}
  1145. .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"}
  1146. .tooltipbutton.hidden + p {visibility:hidden;}
  1147. .tooltipbutton.on + p {display:block;}
  1148. .tooltipbutton + p a {color:#fff;}
  1149. .tooltipbutton + p span.tooltiparrow {color:#fff;}
  1150. .tooltipbutton + p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;}
  1151. .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);}
  1152. .tooltipbutton.up + p span.tooltiparrow {top:100%;}
  1153. .tooltipbutton.up + p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);}
  1154.  
  1155. .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"}
  1156. .tooltipbutton.hidden p {visibility:hidden;}
  1157. .tooltipbutton.on p {display:block;}
  1158. .tooltipbutton p a {color:#fff; text-decoration: underline;}
  1159. .tooltipbutton p span.tooltiparrow {color:#fff;}
  1160. .tooltipbutton p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;}
  1161. .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);}
  1162. .tooltipbutton.up p span.tooltiparrow {top:100%;}
  1163. .tooltipbutton.up p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);}
  1164.  
  1165.  
  1166. #uhhjobs,#uhhjob{min-height:600px}
  1167. /*V5 pressemeldung*/
  1168.  
  1169. .outer > .pressemeldung {border-top:1px solid #ddd; padding:45px 0; margin:0 !important}
  1170. .outer > .pressemeldung.first {border-top:1px solid #ddd; margin-top:30px !important}
  1171. .outer > .pressemeldung a {color:#4e4e4e;}
  1172. .outer > .pressemeldung .content {max-width:700px; display:block;}
  1173. .outer > .pressemeldung .content:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;}
  1174. .outer > .pressemeldung .datum {font-family:TheSansUHHBold, sans-serif}
  1175. .outer > .pressemeldung .datum span {display:inline-block; padding:0 16px}
  1176. .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}
  1177. .outer > .pressemeldung h2 a {color:#4e4e4e}
  1178. .outer > .pressemeldung a:hover h2 {text-decoration:underline;}
  1179. .outer > .pressemeldung .image {float:left; width:43%; margin-right:4%}
  1180. .outer > .pressemeldung .image img {width:100%}
  1181. .outer > .pressemeldung .image a {display:block; position:relative}
  1182. .outer > .pressemeldung .image a:hover {outline:none}
  1183. .outer > .pressemeldung .image a:focus {outline:none}
  1184. .outer > .pressemeldung .image a:focus:before {content:" "; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid #000;}
  1185. .outer > .pressemeldung .image .bildnachweis {text-align:right; font-size:12px; line-height:1em; margin-top:2px}
  1186. .outer > .pressemeldung .video {float:left; width:43%; margin-right:4%}
  1187. .outer > .pressemeldung .video .pad {float:left; width:1px; padding-top:56%}
  1188. .outer > .pressemeldung .video.lecture2go {position:relative}
  1189. .outer > .pressemeldung .video.lecture2go video {width:100%; height:100%; position:absolute; top:0}
  1190. .outer > .pressemeldung .video.youtube {position:relative}
  1191. .outer > .pressemeldung .video.youtube img {width:100%; height:100%; position:absolute; top:0}
  1192. .outer > .pressemeldung .video.youtube iframe {width:100%; height:100%; position:absolute; top:0}
  1193. .outer > .pressemeldung .text {margin-top:-6px}
  1194. .outer > .pressemeldung .text .more {margin-top:16px}
  1195. .outer > .pressemeldung .text .more a:after {content:" >"; color:#c40017}
  1196. .outer > .pressemeldung .text .hinweis {border:none; padding:0; margin-top:12px; font-size:14px; font-family:TheSansUHHItalic}
  1197.  
  1198. .outer > .button {margin-top:60px}
  1199. .outer > .button a {border:1px solid #4e4e4e; padding:11px 28px; color:#4e4e4e}
  1200. .s .studiengaenge h1{margin-top: -20px !important;margin-bottom: 35px !important;}
  1201. .m .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;}
  1202. .l .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;}
  1203.  
  1204.  
  1205. .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}
  1206. .out-of-service h1{max-width:700px;margin:15px 0 60px}
  1207. .out-of-service h1 ~ h1{margin-top:45px}
  1208. .s .out-of-service{margin:0 20px}
  1209. .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}
  1210.  
  1211. .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)!important;  background-color: #0271bb;  padding: 12px 30px 13px!important;  text-align:center;  max-width: 100%;  white-space: normal;  line-height: 1.25em;}
  1212. .s .calltoaction {   font-size: 19px !important;}
  1213. .calltoaction:hover{text-decoration: underline !important;}
  1214.  
  1215. #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}
  1216. #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}
  1217. #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}
  1218. #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}
  1219.  
  1220. .spalte.links .veranstaltungen{visibility:visible;margin-top:54px}
  1221. .spalte.links ._rechts._oben + .outer > a + .veranstaltungen{margin-top:0px}
  1222. .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}
  1223. .s .spalte.links .veranstaltungen h2 {padding:0 20px;}
  1224. .spalte.links .veranstaltungen h2.monatsname {background-color:#f0f0f0; margin:0 0 15px 0}
  1225. .spalte.links .veranstaltungen .veranstaltung {padding:30px 0 60px 0; border-bottom:1px solid #e4e4e4;margin-top:0!important}
  1226. .s .spalte.links .veranstaltungen .veranstaltung {padding:30px 20px 60px}
  1227. .spalte.links .veranstaltungen .veranstaltung h3 {font-size:22px; margin-top:25px; margin-bottom:20px}
  1228. .spalte.links .veranstaltungen h3 a {color:#4E4E4E; display:block;}
  1229. .spalte.links .veranstaltungen h3 a:hover {text-decoration:underline !important;}
  1230. .spalte.links .veranstaltungen .zeit,
  1231. .spalte.links .veranstaltungen .ort {font-family:TheSansUHHBold;margin:0}
  1232. .spalte.links .veranstaltungen .veranstaltung .tags {margin:25px 0 20px 0;}
  1233. .spalte.links .veranstaltungen .veranstaltung .tags:after {content:"";display:table;width:100%}
  1234. .spalte.links .veranstaltung .tags {margin:15px 0; padding:0 !important}
  1235. .spalte.links .veranstaltung .inhalt {clear:left;}
  1236.  
  1237.  
  1238. .spalte.links .veranstaltungen .monat.hide, .spalte.links .veranstaltungen .monat .veranstaltung.hide {display: none;}
  1239. .spalte.links .veranstaltung .tags li:before{content: none !important}
  1240. .spalte.links .veranstaltung .tags a:hover,
  1241. .spalte.links .veranstaltung .tags a:focus{outline-color:#4E4E4E}
  1242. .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}
  1243. .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}
  1244. .spalte.links .veranstaltungen .tags li:hover{text-decoration:underline}
  1245. .spalte.links .veranstaltungen .tags li .tag{position:absolute;top:0;right:0;bottom:0;left:0}
  1246.  
  1247. .spalte.links .veranstaltungen .mehr {padding-top:14px;margin:0}
  1248. .spalte.links .veranstaltungen .mehr a:hover {text-decoration:underline !important;}
  1249. .veranstaltung .info p{margin:0}
  1250. .s .outer > .veranstaltung{padding:0 16px}
  1251. .eventsform{visibility:visible}
  1252. .eventsform {position:relative; width:auto!important; float:none!important; margin-top:14.4px!important}
  1253. .l .eventsform:not(:first-child){margin-top:30px!important}
  1254. /* .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} */
  1255. .s body.event h1,.m body.event h1,.s body.events h1,.m body.events h1 {position:absolute; left:-5000px; top:0}
  1256.  
  1257. .eventsform .suche {background-color:#f0f0f0}
  1258. .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}
  1259. .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;
  1260. background-position:center; background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg")
  1261. }
  1262. .s .eventsform .suche h2:before,.m .eventsform .suche h2:before {right:73px}
  1263. .s .eventsform .suche.zu h2:before,.m .eventsform .suche.zu h2:before {transform:rotate(0deg)}
  1264. .s .eventsform .suche.auf h2:before,.m .eventsform .suche.auf h2:before {transform:rotate(-180deg)}
  1265. .eventsform .suche h2 a {position:relative; padding:0 20px;text-decoration:none!important;display:block}
  1266. html:not(.l) .eventsform .suche h2 a:focus {box-shadow:0 0 0 2px var(--UHH0271bb-fff) inset!important}
  1267. .eventsform .suche form {margin:30px 20px 20px 20px;}
  1268. .eventsform .suche form input,.events.suche form select {outline:0; border-radius:0}
  1269. .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%}
  1270. .eventsform .suche form select::-ms-expand {display:none}
  1271. .eventsform .suche form select {margin-bottom:26px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:TheSansUHH,sans-serif; color:#444;
  1272. border:1px solid #cdcdcd; padding:0 6px; height:45px; font-size:11px; width:100%;
  1273. background-position:95% center;
  1274. background-repeat:no-repeat;
  1275. background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg")
  1276. }
  1277. .s .eventsform .suche.zu form,.m .eventsform .suche.zu form {display:none}
  1278. .eventsform .suche form select option:first-child {padding:6px 9px 3px 9px}
  1279. .eventsform .suche form select option {padding:3px 9px}
  1280. .eventsform .suche form select option:last-child {padding:3px 9px 6px 9px}
  1281. .eventsform .suche form .datum {}
  1282. .eventsform .suche form .datepickerHolder:first-child {margin-right:12px}
  1283. .eventsform .suche form .datepickerHolder {position:relative; float: left; width: calc(50% - 6px);}
  1284. .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}
  1285. .eventsform .suche form .datepickerHolder button[aria-label="Datum leeren"] {display: none;}
  1286. .eventsform .suche form .datepickerHolder button[aria-label="clear date"] {display: none;}
  1287.  
  1288. .eventsform .suche form .datum select {float:left; width:calc(50% - 6px)}
  1289. .eventsform .suche form .datum select:first-child {margin-right:12px}
  1290. .eventsform .suche dl.zielgruppe {margin:0 0 24px 0; display:none}
  1291. .eventsform .suche dt {font-size:18px; font-family:TheSansUHHSemiLightCaps; margin-bottom:10px}
  1292. .eventsform .suche dd {margin:0 0 9px 0}
  1293. .eventsform .suche input[type="checkbox"]:checked, .events.suche input[type="checkbox"]:not(:checked) {visibility:hidden; position:absolute; left:-5000px }
  1294. .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 }
  1295. .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; }
  1296. .eventsform .suche input[type="checkbox"]:checked + label:hover:before, .events.suche input[type="checkbox"]:not(:checked) + label:hover:before {border:1px solid #bbb}
  1297. .eventsform .suche input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd!important}
  1298. .eventsform .suche input[type="checkbox"]:checked + label:before {background-image:url("https://assets.rrz.uni-hamburg.de/assets/checkbox-ok-4823368d8c7d7ce69da786a5d89f8793e5c12e005f85e7ab3b89fc53edb5d53e.svg") }
  1299. .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}
  1300. .eventsform .suche .link {font-size:11px; color:#c40017; text-decoration:none}
  1301. .eventsform .add,.eventsform .rss {margin-top:24px; margin-bottom:24px; position:relative; line-height:56px; height:56px}
  1302. .eventsform .add a, .eventsform .rss a {display:block; width:100%!important; height:100%; color:var(--UHHfff-fff)}
  1303. .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}
  1304. .eventsform .rss {background-color:#F5A623}
  1305. .eventsform .rss a {font-family:TheSansUHHBoldCaps; font-size:24px; padding-left:63px;}
  1306. .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}
  1307.  
  1308. .s ._rechts .eventsform .buttons .add,.m ._rechts .eventsform .buttons .add {float:none; margin:0; position:absolute; right:0px; top:0px; width:60px; height:60px; }
  1309. .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}
  1310. .s ._rechts .eventsform .buttons .add img,.m ._rechts .eventsform .buttons .add img {display:none}
  1311. .s ._rechts .eventsform .buttons .rss,.m ._rechts .eventsform .buttons .rss {display:none}
  1312.  
  1313. .eventsform .suche form input::placeholder{ color: #333!important; opacity: 1!important}
  1314. .eventsform .suche form input::-webkit-input-placeholder{ color: #333!important; opacity: 1!important}
  1315. .eventsform .suche form input:-ms-input-placeholder{ color: #333!important; opacity: 1!important}
  1316. .eventsform .suche form input::-ms-input-placeholder{ color: #333!important; opacity: 1!important}
  1317. .eventsform .suche form select{ color: #333!important}
  1318.  
  1319. .veranstaltung{visibility:visible;margin-top:30px !important}
  1320. .veranstaltung h2.zeit,.veranstaltung h2.ort {font-size:20px; margin:8px 0}
  1321. .veranstaltung .info h2 {margin-top:50px}
  1322.  
  1323. html:not(.l) #zurveranstaltungssuche,
  1324. html:not(.l) #zurveranstaltungsliste {display:none!important}
  1325. .SciDatepicker .datepickerDialog {display: none }
  1326.  
  1327. .m .nomobil,
  1328. .s .nomobil {display:none}
  1329. .s .nosmobil {display:none !important}
  1330.  
  1331. @media only screen and (max-width: 994px) {
  1332. #bildgalerie .sliderContainer,
  1333. #bildgalerie .linie{display:none}
  1334. }
  1335.  
  1336. /*<fiona only>*/
  1337. @media only screen and (max-width: 994px) {
  1338. .v4-links #bildgalerie.gallerywide .sliderContainer,
  1339. .v4-links  #bildgalerie.gallerywide .linie{display:none}
  1340. }
  1341. /*</fiona only>*/
  1342.  
  1343. /*Template*/
  1344.  
  1345. .l #seite,
  1346. .l header,
  1347. .l section.nav{min-width:1200px !important}
  1348. .s #seite{max-width:640px !important;margin:auto}
  1349. .tab-box .oap-result-block > header {min-width:0 !important}
  1350.  
  1351. html:not(.l) .extern #meta{background:#0271bb}
  1352. html:not(.l) .extern header nav.rechts .link {display:none}
  1353. html:not(.l) .extern header nav.rechts .quick,
  1354. html:not(.l) .extern header nav.rechts .sprache {display:table-cell}
  1355. html:not(.l) .extern #meta nav > ul > li > a {color:#fff; width:50px}
  1356.  
  1357. html:not(.l) #meta #quickmenuschalter {outline:1px dotted #fff}
  1358.  
  1359. .s header .logos .text {width: calc(100% - 155px)}
  1360. html:not(.l) header .logos .text img{max-height:45px; margin-bottom:4px;max-width:100%}
  1361.  
  1362. .m .extern #inhalt {margin-top: 144px}
  1363.  
  1364. .m main .spalten .spalte.links {float:none; width:100%}
  1365. .m main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0}
  1366. .s main {padding:0}
  1367. .s #pfad {display: none}
  1368.  
  1369. .s section.oben .subsite {font-size: 35px}
  1370.  
  1371. .m section.global.konferenz .liste ul {width: calc(33.33% - 25px)}
  1372. .m section.global.konferenz .liste ul:nth-child(4) {clear:left; margin-left:0; margin-top:68px}
  1373. .m section.global.konferenz .liste ul:nth-child(5),
  1374. .m section.global.konferenz .liste ul:nth-child(6) {margin-top:68px}
  1375.  
  1376. .m section.global .liste {padding-bottom:10px}
  1377.  
  1378. .s section.nav {display: none}
  1379. .s main .spalten .spalte.links {float:none; width:100%}
  1380. .s main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0}
  1381. .s .volle-breite main .spalten .spalte.links .outer:not(.h1) {padding: 0}
  1382. .s .home section.oben {margin-bottom:0}
  1383. .s footer .social {padding: 23px 16px;margin-top:5px}
  1384. .s section.social li {width: 30px; height: 30px}
  1385. .s section.social li + li {margin-left: calc((100% - 7 * 30px) / 6)}
  1386. .s section.global .liste {padding:35px 20px 10px}
  1387. .s section.global .liste ul {float: none; width: 100%; margin-bottom:35px}
  1388. .s section.global.konferenz .liste ul {float: none; width: 100%; margin-bottom:35px}
  1389. .s section.global .ende {padding: 40px 20px 54px; font-size:12px}
  1390. .s section.global .ende .copyright {margin-top: 20px; margin-bottom: 0px}
  1391. .global .audits {position:absolute;bottom:5px; right:0px; }
  1392. .s section.global.konferenz .liste ul + ul {margin-left: 0}
  1393. .s section.global:not(.konferenz) .ende .breite{padding-top: 100px}
  1394. .s section.global:not(.konferenz) .ende .audits{top:0;left:0;bottom:auto;width: 100%;font-size:0;}
  1395. .s section.global:not(.konferenz) .ende .audits > div{float:none; display:inline-block;margin-left:0;transition: all 0.25s}
  1396. .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:15px}
  1397. @media only screen and (max-width: 412px) {
  1398. .s section.global:not(.konferenz) .ende .audits > div{width:70px;height:70px}
  1399. .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:12px}
  1400.  
  1401. }
  1402. @media only screen and (max-width: 360px) {
  1403. .s section.global:not(.konferenz) .ende .audits > div{width:60px;height:60px}
  1404. .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:10px}
  1405.  
  1406. }
  1407. @media only screen and (max-width: 710px) {
  1408. .m section.global:not(.konferenz) .ende  .copyright{max-width:calc(100% - 300px)}
  1409.  
  1410. }
  1411. .s main .unten {margin: 48px 0 0 0}
  1412. .s section.unten > .social {background: #fff; padding: 23px 16px}
  1413. .s section.unten > .social a {width: 30px; height: 30px}
  1414. .s section.unten > .social a + a {margin-left: calc(25% - 39px)}
  1415.  
  1416. .m h1,
  1417. .s h1{font-size:28px}
  1418.  
  1419. /* Slider */
  1420.  
  1421. .m .slider-start .full-width-slider .slide .bildnachweis {bottom:0}
  1422. .m .slider-start .full-width-slider.scaling .control {bottom:30px}
  1423. .m .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;}
  1424. .m .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px) !important;}
  1425.  
  1426. .m .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);}
  1427. .m .full-width-slider .slick-dots li.slick-active button {background-color:#fff;}
  1428. .m .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");}
  1429. .m .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");}
  1430. .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 }
  1431.  
  1432. .m .full-width-slider .slide .text h2 {font-size: 36px; padding: 22px 18px;}
  1433. .m .full-width-slider .slide .text h3 {font-size: 36px; padding: 22px 18px;}
  1434. .m .slider-home .full-width-slider .slide .text h2 {font-size: 40px; padding:12px 0}
  1435. .m .slider-home .full-width-slider .slide .text h3 {font-size: 40px; padding:12px 0}
  1436. .m .slider-home .full-width-slider .slide .text .beschreibung {font-size: 28px; padding:12px 0}
  1437. .m .full-width-slider .slide .text {max-width: none !important}
  1438. .m .full-width-slider .slide .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px}
  1439. .m .full-width-slider .slide .text .button a:after{right: 16px}
  1440. .m .full-width-slider .slide .text .button span{padding:16px 40px 16px 26px;}
  1441. .m .full-width-slider .slide .text .button span:after{right: 22px;;}
  1442. .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}
  1443.  
  1444. .m .slider-start .full-width-image .bildnachweis {bottom:0}
  1445. .m .full-width-image .text h2 {font-size: 36px; padding:22px 18px}
  1446. .m .full-width-image .text {max-width: none !important}
  1447. .m .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px}
  1448. .m .full-width-image .text .button a:after{right: 16px}
  1449.  
  1450. .m .slider-start .full-width-image.scaling .text {bottom:30px;}
  1451. .s .slider-start .full-width-image.scaling .text {bottom:30px;}
  1452.  
  1453.  
  1454. .s .slider-home .newsrubriken {margin-top:0}
  1455.  
  1456.  
  1457.  
  1458. .s .slider-start .full-width-slider .slide .bildnachweis {bottom:0}
  1459. .s .slider-start .full-width-slider.scaling .control {bottom:36px}
  1460. .s .slider-karte .full-width-image .bild{height: 500px !important}
  1461. .s .slider-home .full-width-image .bild{height: 400px !important}
  1462. .s .slider-start .full-width-image .bild{height: 400px !important}
  1463. .s .slider-inhalt .full-width-image .bild{height: 200px !important}
  1464. .s .slider-news .full-width-image .bild{height: 200px !important}
  1465.  
  1466. .s .slider-karte .full-width-slider .slide{height: 500px !important; }
  1467. .s .slider-home .full-width-slider .slide{}
  1468. .s .slider-start .full-width-slider .slide{height: 400px !important; }
  1469. .s .slider-inhalt .full-width-slider .slide{height: 200px !important; }
  1470. .s .slider-news .full-width-slider .slide{height: 200px !important; }
  1471. .s .full-width-slider .slide .bild{height:100%}
  1472.  
  1473. .s .full-width-slider .slide .bild{height:100%}
  1474. .s .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;}
  1475. .s .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px);}
  1476. .s .slider-news .full-width-slider.scaling .control {top:calc(25vw + 16px);}
  1477. .s .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);}
  1478. .s .full-width-slider .slick-dots li.slick-active button {background-color:#fff;}
  1479. .s .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");}
  1480. .s .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");}
  1481. .s .full-width-slider .slide .text {max-width: none !important; left: 40px; padding-right: 40px; bottom:83px !important;}
  1482. .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 }
  1483. .s .full-width-slider .slide .text h2 {font-size: 28px; width: 100%; margin-bottom:0;}
  1484. .s .full-width-slider .slide .text h3 {font-size: 28px; width: 100%;margin-bottom:0;}
  1485. .s .full-width-slider .slide .text .beschreibung {font-size: 18px;width:100%; padding-top:0; padding-bottom:16px;padding-left:18px}
  1486. .s .slider-home .full-width-slider .slide .text h2,
  1487. .s .slider-home .full-width-slider .slide .text h3 {font-size: 30px; padding:12px 0; width:100%; margin:0;}
  1488. .s .slider-home .full-width-slider .slide .text .beschreibung {font-size: 20px;padding:0 0 16px 0; width:100%}
  1489. .s .full-width-slider .slide .text {max-width: none !important}
  1490. .s .slider-home .full-width-slider .slide .text .button {float:left;}
  1491. .s .slider-home .full-width-slider .slide .text .button span{background:none; padding:0 16px 0 0; color:#4e4e4e;}
  1492. .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")}
  1493. .s .volle-breite .full-width-slider .slick-dots {right:20px}
  1494. .s .slider-start .full-width-image .bildnachweis {bottom:0}
  1495. .s .full-width-image .text {max-width: none !important; left:40px; padding-right:40px}
  1496. .s .full-width-image .text h2 {font-size: 25px; padding:22px 26px; width:100%}
  1497. .s .full-width-image .text .beschreibung {font-size: 18px;padding:0 26px 16px 26px;margin-top: -8px; width:100%}
  1498. .s .full-width-image .text {max-width: none !important}
  1499. .s .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 26px 0 16px}
  1500. .s .full-width-image .text .button a:after{right: 10px}
  1501.  
  1502. .m section.oben .scaling + .outer .subsite,
  1503. .s section.oben .scaling + .outer .subsite {display:none}
  1504.  
  1505. /* Startseite */
  1506.  
  1507. .s .hometeaser-5 {margin-top:0}
  1508. .s .hometeaser-5 li {display: block; width: 100%;border-radius:0}
  1509. .s .hometeaser-5 ul li + li {margin-left: 0}
  1510. .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}
  1511. .s .hometeaser-5 li > a:hover {text-decoration:underline !important;}
  1512. .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}
  1513. .s .hometeaser-5 li > a img {display:none; position:absolute; width:20vw; margin-right:3vw;}
  1514. .s .hometeaser-5 .titel {position:absolute; left:0; top:0; text-align: left; position:relative; width:auto; padding-left:0; height:16vw;}
  1515. .s .hometeaser-5 ul li .titel span b {padding:0;}
  1516. .s .hometeaser-5 a:hover .titel,
  1517. .s .hometeaser-5 a:focus .titel {background:none}
  1518.  
  1519. .s main .spalten .spalte.abschluss .outer {padding:0;}
  1520. .s .outer .uebersicht {margin-top: -26px !important}
  1521. .s .newsrubriken li a {line-height:40px}
  1522. .s .outer > .uebersicht li a {padding-left:16px;}
  1523. .s .outer > .uebersicht li a:before {top:4px; background-size: 10px 10px;}
  1524.  
  1525. .s .logo-slider-container {margin-bottom: -60px;height:auto;}
  1526.  
  1527.  
  1528. /*Teaserelemente*/
  1529.  
  1530. .m .news-teaser-home .item,
  1531. .m .teaser-home3fach .item,
  1532. .m .teaser-3fach .item {width:48.2%}
  1533.  
  1534. .m .news-teaser-home .head + .item + .item + .item,
  1535. .m .teaser-home3fach .head + .item + .item + .item,
  1536. .m .teaser-3fach .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1537.  
  1538. .m .news-teaser-home .head + .item + .item + .item + .item,
  1539. .m .teaser-home3fach .head + .item + .item + .item + .item {margin-top:80px}
  1540.  
  1541. .m .news-teaser-home .head + .item + .item,
  1542. .m .teaser-home3fach .head + .item + .item,
  1543. .m .teaser-3fach .head + .item + .item {margin-left: 3.6%}
  1544.  
  1545. .m .news-teaser-home .item:first-child + .item + .item,
  1546. .m .teaser-home3fach .item:first-child + .item + .item,
  1547. .m .teaser-3fach .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1548.  
  1549. .m .news-teaser-home .item:first-child + .item,
  1550. .m .teaser-home3fach .item:first-child + .item,
  1551. .m .teaser-3fach .item:first-child + .item {margin-left: 3.6%}
  1552.  
  1553. .s .teaser-home3fach,
  1554. .s .teaser-home2fach,
  1555. .s .news-teaser,
  1556. .s .teaser-3fach,
  1557. .s .teaser-2fach {margin-top:48px !important}
  1558.  
  1559. .s .volle-breite .news-teaser h2 {font-size:30px; line-height:1.2em;}
  1560. .s .body{padding-left:20px; padding-right:20px}
  1561.  
  1562. .s .teaser-element .head {padding-left:20px; padding-right:20px}
  1563. .s .news-teaser .head {margin-bottom: 40px}
  1564.  
  1565. .s .einrichtung .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;}
  1566. .s .home .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;}
  1567. .s .teaser-element .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1568. .s .teaser-element .head a.rss {margin-left:13px; width:22px;display:inline; float:none}
  1569. .s .teaser-element .head a.rss img {width:22px;display:inline}
  1570.  
  1571. .s .news-teaser-home .item,
  1572. .s .teaser-home3fach .item,
  1573. .s .teaser-home2fach .item,
  1574. .s .teaser-3fach .item,
  1575. .s .teaser-2fach .item {float: none; width: 100%; display:block}
  1576.  
  1577. .s .news-teaser-home .item + .item,
  1578. .s .teaser-home3fach .item + .item,
  1579. .s .teaser-home2fach .item + .item,
  1580. .s .teaser-3fach .item + .item,
  1581. .s .teaser-2fach .item + .item {margin-left: 0; margin-top: 48px}
  1582.  
  1583. .s .teaser-element h2 {padding:0 20px}
  1584. .s .teaser-element .text {padding:0 20px}
  1585. .s .teaser-element .text + .more {padding:0 20px}
  1586.  
  1587. .s .home .teaser-element .text .rubrik {margin-bottom:5px}
  1588. .s .home .teaser-element .text .titel {margin-top:0px}
  1589.  
  1590. .s .teaser-element a.item:hover .text .titel {text-decoration:none}
  1591. .s .teaser-element .item .text .titel a:hover {text-decoration:none}
  1592.  
  1593. .s .news-teaser-home .more,
  1594. .s .teaser-home3fach .more,
  1595. .s .teaser-home2fach .more {padding:0 20px}
  1596.  
  1597. .s .teaser-element div.more a {}
  1598. .s .teaser-1fach .image .bildnachweis,
  1599. .s .teaser-element .item .image .bildnachweis,
  1600. .s .teaser-1fach-a .image .bildnachweis,
  1601. .s .pressemeldung .image .bildnachweis {margin-right: 20px}
  1602.  
  1603. /* Teaser */
  1604.  
  1605. .m .news-teaser.horizontal .item {width:48.2%}
  1606. .m .news-teaser.horizontal .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1607. .m .news-teaser.horizontal .head + .item + .item  {margin-left: 3.6%}
  1608. .m .news-teaser.horizontal .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px}
  1609. .m .news-teaser.horizontal .item:first-child + .item {margin-left: 3.6%}
  1610.  
  1611. .s .news-teaser.horizontal .item {float: none; width: 100%; display:block}
  1612. .s .news-teaser.horizontal .item + .item {margin-left: 0; margin-top: 48px}
  1613. .s .news-teaser .item .text > .datum {margin-top:15px}
  1614. .s .news-teaser.horizontal .more {padding:0 20px;margin-top:20px}
  1615.  
  1616. .s .news-teaser.vertikal .image {float: none; width: 100%}
  1617. .s .news-teaser.vertikal .item .video {width: 100%}
  1618. .s .news-teaser.vertikal .text {float: none; width: 100%; margin-left: 0}
  1619. .s .news-teaser.vertikal div.more {padding:0 20px}
  1620. .s .news-teaser.vertikal .more.oben {display:none}
  1621.  
  1622. .s .veranstaltungen-hometeaser h2{padding-left:20px; padding-right:20px; font-size:30px}
  1623. .s .veranstaltungen-hometeaser .head {padding-left:20px; padding-right:20px}
  1624. .s .veranstaltungen-hometeaser .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1625. .s .veranstaltungen-hometeaser .head a.rss img{width:22px;display:inline}
  1626. .s .veranstaltungen-hometeaser.slider .slides {padding: 0 20px}
  1627. .s .veranstaltungen-hometeaser div.more a{float: right; clear: right}
  1628. .s .veranstaltungen-hometeaser div.more a + a{margin-bottom:24px}
  1629.  
  1630. .m .veranstaltungen-teaser.horizontal li {width:48.2%}
  1631. .m .veranstaltungen-teaser.horizontal ul + li + li + li {margin-left: 0%; clear:left; margin-top:80px}
  1632. .m .veranstaltungen-teaser.horizontal ul + li + li {margin-left: 3.6%}
  1633.  
  1634. .s .veranstaltungen-teaser {margin-top:48px; padding:0 16px}
  1635. .s .veranstaltungen-teaser.horizontal ul li {float: none; width: 100%}
  1636. .s .veranstaltungen-teaser.horizontal ul li + li {margin-left: 0}
  1637.  
  1638. .s .veranstaltungen-teaser div.more a{float: right; clear: right}
  1639. .s .veranstaltungen-teaser div.more a + a{margin-bottom:24px}
  1640.  
  1641. .s .teaser-1breit .text{padding:0 20px}
  1642.  
  1643. .s .teaser-1fach {margin-top:48px !important}
  1644. .s .teaser-1fach .head {padding-left:20px; padding-right:20px}
  1645. .s .teaser-1fach .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1646. .s .teaser-1fach .head a.rss{margin-left:13px; width:22px; display:inline; float:none}
  1647. .s .teaser-1fach .head a.rss img{width:22px;display:inline}
  1648. .s .teaser-1fach .image{float: none; width: 100%; display:block}
  1649. .s .teaser-1fach .video{width: 100%; display:block;margin-bottom: 20px}
  1650. .s .teaser-1fach .text {float: none; width: 100%; display:block;padding:0 20px; margin-left:0}
  1651.  
  1652. .s .veranstaltungen-hometeaser.slider .slides ul li .datum {font-size:50px}
  1653.  
  1654. .s .teaser-2mal1 {margin-top:48px !important}
  1655. .s .teaser-2mal1 h2{padding-left:20px; padding-right:20px; display:inline; float:none}
  1656. .s .teaser-2mal1 .tablerow{display:flex; flex-wrap:wrap}
  1657. .s .teaser-2mal1 .tablerow > .image{width:100%}
  1658. .s .teaser-2mal1 .tablerow > .text{width:100%}
  1659.  
  1660. /* .m .teaser-2mal2 .body {background-color:#f3f3f3; display:table; width:100%} */
  1661. /* .m .teaser-2mal2 .tablerow {float:left; width:calc(50% - 1px); border-right:1px solid #fff} */
  1662. /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none} */
  1663. /* .m .teaser-2mal2 .tablerow .tablecell.image {display:none} */
  1664. /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:table-cell} */
  1665. /* .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden} */
  1666. /* .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left} */
  1667. /* .m .teaser-2mal2 .tablecell.text.right .more{text-align:left} */
  1668. /* .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} */
  1669.  
  1670. .m .teaser-2mal2 .body {background-color:#f3f3f3; display:flex;; flex-wrap:wrap; width:100%}
  1671. .m .teaser-2mal2 .tablerow { width:calc(50% - 1px); border-right:1px solid #fff;border-top:1px solid #fff}
  1672. .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none}
  1673. .m .teaser-2mal2 .tablerow .tablecell.image {display:none}
  1674. .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:block;width:calc(50% - 1px)}
  1675. .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden}
  1676. .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left}
  1677. .m .teaser-2mal2 .tablecell.text.right .more{text-align:left}
  1678. .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left}
  1679.  
  1680. .s .teaser-2mal2 {margin-top:48px !important}
  1681. .s .teaser-2mal2 .body {padding-left: 0px;padding-right: 0px;}
  1682. .s .teaser-2mal2 h2{margin-bottom:40px}
  1683. .s .teaser-2mal2 .tablerow{display:flex; flex-wrap:wrap}
  1684. .s .teaser-2mal2 .tablerow > .image{width:100%}
  1685. .s .teaser-2mal2 .tablerow > .text{order:2; width:100%}
  1686. .s .teaser-2mal2 .tablerow > .text + .image{order:1}
  1687. .s .teaser-2mal2 .tablecell.image {display:none}
  1688. .s .teaser-2mal2 .tablecell.text {padding:38px 20px 53px 20px}
  1689. .s .teaser-2mal2 .tablerow + .tablerow .tablecell.text {margin-top:20px}
  1690. .s .teaser-2mal2 .tablecell.text.right .titel,
  1691. .s .teaser-2mal2 .tablecell.text.right .more,
  1692. .s .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left}
  1693.  
  1694. .s .teaserzeile-2 {margin-top:48px !important}
  1695. .s .teaserzeile-2 h2,
  1696. .s .teaserzeile-2 .head {padding-left:20px; padding-right:20px}
  1697. .s .teaserzeile-2 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1698. .s .teaserzeile-2 .head a.rss {margin-left:13px; width:22px;display:inline; float:none}
  1699. .s .teaserzeile-2 .head a.rss img{width:22px;display:inline}
  1700. .s .teaserzeile-2 .tablerow {display:flex; flex-wrap:wrap;}
  1701. .s .teaserzeile-2 .tablecell {width:100%}
  1702. .s .teaserzeile-2 .tablecell.sep {display:none}
  1703. .s .teaserzeile-2 .tablecell.sep + .tablecell {margin-top:20px}
  1704. .s .teaserzeile-2 .tablecell.image .titel {min-height:auto; margin-top:0;}
  1705. .s .teaserzeile-2 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative}
  1706.  
  1707. .s  .teaserzeile-3 {margin-top:48px !important}
  1708. .s  .teaserzeile-3 h2{padding-left:20px; padding-right:20px;}
  1709. .s  .teaserzeile-3 .head {padding-left:20px; padding-right:20px;}
  1710. .s  .teaserzeile-3 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none;}
  1711. .s  .teaserzeile-3 .head a.rss{margin-left:13px; width:22px;display:inline; float:none;}
  1712. .s  .teaserzeile-3 .head a.rss img{width:22px;display:inline;}
  1713. .s  .teaserzeile-3 .tablerow{display:flex; flex-wrap:wrap}
  1714. .s  .teaserzeile-3 .tablerow + .tablerow {margin-top:20px;}
  1715. .s  .teaserzeile-3 .tablerow.sep {display:none;}
  1716. .s  .teaserzeile-3 .tablecell {width:100%;}
  1717. .s  .teaserzeile-3 .tablecell.sep {display:none;}
  1718. .s  .teaserzeile-3 .tablecell.sep + .tablecell {margin-top:20px;}
  1719. .s  .teaserzeile-3 .tablecell.text {padding:38px 20px 53px 20px;}
  1720. .s  .teaserzeile-3 .tablecell.image .titel {padding:0 20px 36px 20px;min-height:auto; margin-top:0; height:auto;}
  1721. .s  .teaserzeile-3 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative;}
  1722.  
  1723. .s .beratung {margin:48px 20px 0 20px}
  1724.  
  1725. .s .featurednews {margin-top:48px !important}
  1726. .s .featurednews h2{padding-left:20px; padding-right:20px}
  1727. .s .featurednews .head {padding-left:20px; padding-right:20px}
  1728. .s .featurednews .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none}
  1729. .s .featurednews .head a.rss{margin-left:13px; width:22px;display:inline; float:none}
  1730. .s .featurednews .head a.rss img{width:22px;display:inline}
  1731. .s .featurednews .tablerow{display:flex; flex-wrap:wrap}
  1732. .s .featurednews .tablecell {width:100%}
  1733. .s .featurednews .tablecell.sep {display:none}
  1734. .s .featurednews .tablecell.sep + .tablecell {margin-top:20px}
  1735. .s .featurednews .tablecell.right {padding:20px}
  1736. .s .featurednews .more {position:relative}
  1737.  
  1738. .s .illu-1fach {margin-top:48px !important}
  1739. .s .illu-1fach .image .bildnachweis {margin-right: 20px}
  1740. .s .illu-1fach .text {padding:38px 20px}
  1741. .s .illu-1fach .image .more {right:20px}
  1742. .s .illu-1fach .image .bildnachweis{right: -20px}
  1743.  
  1744. .s .video-teaser {margin-top:48px; padding: 20px 20px 54px 20px}
  1745. .s .video-teaser .head {float: none; width: 100%}
  1746. .s .video-teaser h2{font-size:22px;float: none; width: 100%; margin-bottom:18px}
  1747. .s .video-teaser .links{float: none; width: 100%}
  1748. .s .video-teaser .video {float: none; width: 100%}
  1749. .s .video-teaser .inhalt {height:auto; margin-bottom:20px}
  1750.  
  1751. .s .video-teasernews {margin-top:48px !important; padding: 20px 20px 54px 20px}
  1752. .s .video-teasernews .head {margin-bottom:18px}
  1753. .s .video-teasernews .tablecell.left {width:100%}
  1754. .s .video-teasernews .tablecell.sep {display:none}
  1755. .s .video-teasernews .tablecell.right {display:none}
  1756.  
  1757.  
  1758. .s .outer.h1{padding:0 20px !important}
  1759.  
  1760. .m .outer .uebersicht {margin-top:-24px!important}
  1761. .m .outer .uebersicht h1 {padding: 0 40px; margin-top:-24px!important}
  1762. .m .outer .uebersicht h2 {padding: 0 40px}
  1763. .m .outer .uebersicht ul {padding: 0 40px}
  1764. .m .volle-breite.extern .outer .uebersicht ul {padding: 0 40px}
  1765. .m .volle-breite.extern .outer .uebersicht ul li a {font-size:22px}
  1766. .m .outer .uebersicht .label {padding-left: 20px}
  1767. .m .outer .uebersicht .inhalt {width: calc(100% - 130px)}
  1768. .m .outer .uebersicht.kontakt .inhalt {width: 100%}
  1769. .m .volle-breite.extern .outer .uebersicht{padding-top:40px}
  1770.  
  1771. .s .outer .uebersicht {margin-top:-24px!important}
  1772. .s .outer .uebersicht {padding-top:40px}
  1773. .s .outer .uebersicht h1,
  1774. .s .outer .uebersicht h2,
  1775. .s .outer .uebersicht ul {padding: 0 20px !important}
  1776. .s .outer .uebersicht li a {font-size: 18px}
  1777. .s .outer .uebersicht .label {padding-left: 20px; width:100%; padding-right:20px; background-color:#f3f3f3}
  1778. .s .outer .uebersicht .inhalt {width: auto;padding-left: 20px; padding-top:20px; background-color:#f3f3f3}
  1779. .s .outer .uebersicht.kontakt .inhalt {width: 100%}
  1780. .s .outer .uebersicht ul.zweispaltig{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1}
  1781. .s .outer .uebersicht ul.l{width:100% !important; margin-bottom:0}
  1782. .s .outer .uebersicht ul.r{width:100% !important; margin-top:0}
  1783.  
  1784. .s .uebersicht .label a.tt {background-color:transparent; display:block;position:relative; width:100%; padding:18px 18px 18px 54px; color:#4e4e4e; text-decoration:none}
  1785. .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")}
  1786. .s .uebersicht .clear.auf .label > a.tt:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg")}
  1787. .s .uebersicht .label a.tt:hover, .s .uebersicht .label a.tt:focus {color:var(--UHHfff-hellgrau); background-color:#0271bb; text-decoration:none}
  1788. .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")}
  1789. .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")}
  1790.  
  1791. .m .body {margin-top:44px !important}
  1792. .s .body {margin-top:40px !important}
  1793. .s .standard {margin:48px 20px 0 20px !important}
  1794. .s #_feedback {margin:48px 20px 0 20px !important}
  1795. .s .outer #_feedback {width:calc(100% - 40px)}
  1796.  
  1797. .s .hinweis {padding:30px 20px;}
  1798. .s .hinweis h2{font-size:22px}
  1799.  
  1800. .s .inhaltsblock {padding:30px 20px !important;}
  1801. .s .inhaltsblock.grau {margin:48px 0px 0 0px !important;}
  1802. .s .inhaltsblock h2{font-size:22px}
  1803.  
  1804. .s .logoleiste {margin:48px 20px 0 20px !important}
  1805.  
  1806. .s .outer > .artikeldetail > * {margin-left: 20px !important; margin-right: 20px !important}
  1807. .s .outer > .artikeldetail > span > * {margin-left: 20px !important; margin-right: 20px !important}
  1808. .s .artikeldetail .image {margin-left: 0; margin-right: 0}
  1809. .s .artikeldetail .bildunterschrift {margin-right: 20px}
  1810. .s .artikeldetail .zitat {margin-left: -20px;width:auto; margin-right: -20px}
  1811. .s .outer > .artikeldetail .download {margin-left:-20px !important; margin-right:-20px !important; padding-bottom:40px;}
  1812. .s .outer > .artikeldetail .download .item {display:block;}
  1813. .s .outer > .artikeldetail .download .img {display:block; padding-top:0;}
  1814. .s .outer > .artikeldetail .download .links {display:block; padding:0;}
  1815.  
  1816. .s .shariff {margin-left: 20px; margin-right: 20px}
  1817.  
  1818. .s .outer .pressemeldung {margin-left: 20px !important; margin-right: 20px !important; padding:45px 0 29px 0;}
  1819. .s .outer .pressemeldung .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1820. .s .outer .pressemeldung .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1821. .s .outer .teaser-1fach-a {margin-left: 20px !important; margin-right: 20px !important; padding:20px 0 29px 0;}
  1822. .s .outer .teaser-1fach-a .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1823. .s .outer .teaser-1fach-a.reverse .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1824. .s .outer .teaser-1fach-a .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1825. .s .outer .teaser-1fach-a.reverse .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px}
  1826. .s .outer > .teaser-1fach-a .text {margin-top:0; width:auto; float:none;}
  1827.  
  1828. .s .outer .button {margin: 0px 20px 0 20px !important;}
  1829.  
  1830. .s gsc-control-cse {border:0}
  1831. .s ul.uhhsearch > li {width:100%; margin: 0 0 6px 0}
  1832. .s ul.uhhsearch > li a {padding:0; text-align:center}
  1833. .s gsc-control-cse {border:0}
  1834. .s td.gsc-clear-button {display:none}
  1835. .s td.gsc-input {display:block; margin: 0 0 6px 0}
  1836. .s td.gsc-input input {width:100%}
  1837. .s td.gsc-search-button {display:block; width:100%}
  1838. .s td.gsc-search-button input{width:100%}
  1839. .s .cse input.gsc-search-button, .s input.gsc-search-button {height: 40px !important; padding:4px 8px !important; width:100%; margin:0}
  1840. .s input.gsc-input {height: 40px}
  1841.  
  1842. .m .outer .slick_slider.logo-slider {display:none}
  1843. .s .outer .slick_slider.logo-slider {display:none}
  1844.  
  1845. .s .spalte.rechts .news-teaser {margin-top:48px; padding:0 20px}
  1846.  
  1847. .s .spalte.rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px}
  1848. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px}
  1849. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px}
  1850. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px}
  1851. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em}
  1852. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px}
  1853. .s .spalte.rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px}
  1854.  
  1855. .s .spalte.rechts > .v4hinweis,
  1856. .s .spalte.rechts > .v4kontakt,
  1857. .s .spalte.rechts > .social {margin:48px 20px 0 20px !important}
  1858. .s .spalte.rechts > .social ul li {width:30px; height:30px}
  1859. .s .spalte.rechts > .social ul li ~ li {margin-left: calc((100% - 6*30px)/5)}
  1860.  
  1861. .s .spalte ._rechts .news-teaser {margin-top:48px; padding:0 20px}
  1862.  
  1863. .s .spalte ._rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px}
  1864. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px}
  1865. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px}
  1866. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px}
  1867. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em}
  1868. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px}
  1869. .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px}
  1870.  
  1871. .s .spalte ._rechts > .v4kontakt {margin:48px 20px 0 20px !important}
  1872. .s .spalte ._rechts > .social {margin:48px 20px 0 20px !important}
  1873. .s .spalte ._rechts > .social a {width: 30px; height: 30px}
  1874. .s .spalte ._rechts > .social a ~ a {margin-left: calc((100% - 6*30px)/5)}
  1875.  
  1876. /*Startbilder*/
  1877.  
  1878. .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}
  1879. .m .outer > .foto .text strong{font-size: 24px;line-height: 1.0em}
  1880. .m .outer > .foto .text div {font-size: 16px;line-height: 1.2em}
  1881. .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}
  1882. .m .outer > .fotokonferenz .text strong{font-size: 24px;line-height: 1.0em}
  1883. .m .outer > .fotokonferenz .text div {font-size: 16px;line-height: 1.2em}
  1884. .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}
  1885. .m .outer > .fotokonferenzII .text h1{font-size: 20px;line-height: 1.0em}
  1886. .m .outer > .fotokonferenzII .text div {font-size: 16px;line-height: 1.2em;margin-top:4px}
  1887.  
  1888. .m .outer .bildgalerie .slide img,
  1889. .s .outer .bildgalerie .slide img{width:100%}
  1890. .s .outer .bildgalerie .slidernav {padding: 0px 20px;}
  1891. .s .outer .bildgalerie .bildnachweis {padding-right: 20px;}
  1892. .s .outer .bildgalerie .bildunterschrift {padding-right: 20px;}
  1893. .s .outer .bildgalerie .rsArrowRight,
  1894. .s .outer .bildgalerie .rsArrowLeft{display:none !important}
  1895.  
  1896. .s .bildgalerieswiper {margin-left: 20px !important; margin-right: 20px !important;}
  1897. /*<fiona only>*/
  1898.  
  1899. .m .v4-links #bildgalerie.gallerywide{margin-bottom:30px}
  1900. .m .v4-links #bildgalerie.gallerywide .galerieContainer{text-align:left !important;width:100%; margin-left:0}
  1901. .m .v4-links #bildgalerie.gallerywide .galerie .slide .imgcontainer img {}
  1902. .m .v4-links #bildgalerie.gallerywide .sliderContainer{display:none}
  1903. .m .v4-links #bildgalerie.gallerywide .linie{display:none}
  1904. .m .v4-links #bildgalerie.gallerywide .rsArrowIcn{top:130px !important; margin-top:-25px}
  1905.  
  1906. /*</fiona only>*/
  1907.  
  1908. html:not(.l) #bildgalerie{margin-bottom:30px}
  1909. .m #bildgalerie .titel,
  1910. .s #bildgalerie .titel{padding:0 14px}
  1911. .m #bildgalerie .galerieContainer,
  1912. .s #bildgalerie .galerieContainer{text-align:left !important;width:100% !important; margin-left:0}
  1913. .m #bildgalerie .galerie,
  1914. .s #bildgalerie .galerie{margin-top:20px;width:calc(100% - 28px) !important; margin-left:14px}
  1915. .s #bildgalerie .galerie .slide .imgtable {padding:0 28px}
  1916. .s .oben #bildgalerie .sliderContainer,
  1917. .m .oben #bildgalerie .sliderContainer{display:none}
  1918. .s .oben  #bildgalerie .linie,
  1919. .m .oben  #bildgalerie .linie{display:none}
  1920. .s .oben #bildgalerie .rsArrowIcn,
  1921. .m .oben #bildgalerie .rsArrowIcn{top:130px !important; margin-top:-25px}
  1922.  
  1923.  
  1924. .m .outer > .teaser-3b .col {width:48.2%}
  1925. .m .outer > .teaser-3b .col:first-child + .col + .col {margin-left: 0%; clear:left; margin-top:40px}
  1926. .m .outer > .teaser-3b .col:first-child + .col + .col + .col {margin-top:80px}
  1927. .m .outer > .teaser-3b .col:first-child + .col {margin-left: 3.6%}
  1928.  
  1929. .s .outer > .teaser-3b {padding:10px 25px 15px 25px}
  1930. .s .outer > .teaser-3b .col {float: none; width: 100%; display:block}
  1931. .s .outer > .teaser-3b .col + .col {margin-left: 0; margin-top: 5px}
  1932. .s .outer > .teaser-3b .titel {padding:0 20px; height:auto;}
  1933. .s .outer > .teaser-3b .text {padding:0 20px}
  1934. .s .outer > .teaser-3b a.item:hover .text .titel,
  1935. .s .outer > .teaser-3b .item .text .titel a:hover{text-decoration:none}
  1936.  
  1937. .s .teaser-2-col,
  1938. .s .teaser-2-col .col{width:100%; display:block}
  1939. .s .teaser-2-col .col.sep{display:none}
  1940. .s .teaser-2-col .col.sep + .col {margin-top:48px}
  1941. .s .teaser-2-col .kopf,
  1942. .s .teaser-2-col .inhalt{padding:0 20px}
  1943.  
  1944. .s .teaser-3-col,
  1945. .s .teaser-3-col .col{width:100%; display:block}
  1946. .s .teaser-3-col .col.sep{display:none}
  1947. .s .teaser-3-col .col.sep + .col {margin-top:48px}
  1948. .s .teaser-3-col .kopf,
  1949. .s .teaser-3-col .inhalt{padding:0 20px}
  1950.  
  1951. .s .spalte.rechts .kontakt,
  1952. .s .spalte.rechts .kontakt-rot,
  1953. .s .spalte.rechts .teaser-4,
  1954. .s .spalte ._rechts .kontakt,
  1955. .s .spalte ._rechts .kontakt-rot,
  1956. .s .spalte ._rechts .teaser-4 {padding:0 20px; margin-top:48px}
  1957.  
  1958. .s.js .alles.auf {margin-top:40px}
  1959. .s.js .alles.zu {margin-top: 40px;}
  1960.  
  1961. .s .unternehmen .box.schaltbar > .titel a {background-position:20px center}
  1962. .s .unternehmen .schaltbar h3.titel + .inhalt {padding-left:20px;}
  1963.  
  1964. .s.js .alles.zu {margin-left: 20px !important;}
  1965. .s.js .alles.auf {margin-left: 20px !important;}
  1966.  
  1967. .s .mitarbeiterinnen {padding: 0 20px;}
  1968. .s .mitarbeiterinnen .kopf .filter div {width:100%; margin-right:0;}
  1969. .s .mitarbeiterinnen .kopf .filter .namen input {width:calc(100% - 46px)}
  1970. .s .mitarbeiterinnen .kopf .filter .namen input.breit {width:calc(100% - 46px)}
  1971. .s .mitarbeiterinnen .kopf .filter select {width:100%; margin-bottom:12px;}
  1972. .s .mitarbeiterinnen .mitarbeiterin .foto,
  1973. .s .mitarbeiterinnen .mitarbeiterin .foto2{margin: 5px 16px 0 0;width:70px}
  1974. .s .mitarbeiterinnen .mitarbeiterin .daten{line-height:1.5em;margin: 0 16px 0 0;}
  1975. .s .mitarbeiterinnen .mitarbeiterin.keinschwerpunkt .daten{width: calc(100% - 86px);margin:0}
  1976. .s .mitarbeiterinnen .mitarbeiterin .schwerpunkte{margin: 20px 0px 0 86px}
  1977.  
  1978. .s .studiengaenge .funktionen .typ {margin-left: 0;}
  1979. .s .studiengaenge .funktionen select {width: 100%; }
  1980. .s .studiengaenge .funktionen .typ select {margin-top:16px;}
  1981.  
  1982. .m #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%}
  1983. .m #veranstaltungsformular legend {padding: 0}
  1984. .m #veranstaltungsformular .eingabe {width: 50%}
  1985. .m #veranstaltungsformular .eingabe label {width: 100%}
  1986. .m #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0}
  1987. .m #veranstaltungsformular .input {display: block}
  1988. .m #veranstaltungsformular .block {max-width: 320px}
  1989. .m #veranstaltungsformular textarea {width: 100%; max-width: 320px}
  1990. .m #veranstaltungsformular input.text {width: 100%; max-width: 320px}
  1991. .m #veranstaltungsformular input[type="file"] {width: 100%; max-width: 320px}
  1992. .m #veranstaltungsformular .hinweis {margin-left: 0; max-width: 320px; width: auto}
  1993. .m #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; clear: both; max-width: 320px; width: 50%}
  1994. .m #veranstaltungsformular .ausgabe {width: 48%}
  1995. .m #veranstaltungsformular .ausgabe legend {margin-bottom: 10px}
  1996. .m #veranstaltungsformular .absenden {float: right; margin-top: -40px}
  1997.  
  1998. .m #veranstaltungsformular .zeit > div {float:left;clear:none}
  1999. .m #veranstaltungsformular .zeit > div input {width:100%}
  2000. .m #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:5%}
  2001. .m #veranstaltungsformular .zeit > div+div {width:18%;margin-right:3%}
  2002. .m #veranstaltungsformular .zeit > div+div label {width:auto;margin:0}
  2003. .s #veranstaltungsformular .ausgabe {clear: left; float: none; width: 100%}
  2004. .s #veranstaltungsformular{margin-left:-20px;border-width:1px 0;width:calc(100% + 40px);margin-bottom:15px}
  2005. .s #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%}
  2006. .s #veranstaltungsformular legend {padding: 0}
  2007. .s #veranstaltungsformular .eingabe {width: 100%!important}
  2008. .s #veranstaltungsformular .eingabe label {width: 100%}
  2009. .s #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0}
  2010.  
  2011. .s #veranstaltungsformular .input {display: block}
  2012. .s #veranstaltungsformular textarea,
  2013. .s #veranstaltungsformular input.text {width: 100%}
  2014. .s #veranstaltungsformular .hinweis {margin-left: 0; width: auto}
  2015. .s #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; width: auto; float: none}
  2016. .s #veranstaltungsformular .ausgabe legend {margin-bottom: 10px}
  2017.  
  2018. .s #veranstaltungsformular .zeit > div {float:left;clear:none}
  2019. .s #veranstaltungsformular .zeit > div input {width:100%}
  2020. .s #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:15px}
  2021. .s #veranstaltungsformular .zeit > div+div {width:60px;margin-right:0px;max-width:60px}
  2022. .s #veranstaltungsformular .zeit > div+div label {width:auto;margin:0;display:block}
  2023.  
  2024. .s .simpleSlider .foto {float:none;width:100%;max-height:300px}
  2025. .s .simpleSlider .foto img {width:100%}
  2026. .s .simpleSlider .text {float:none;width:auto; padding:15px 0}
  2027.  
  2028. .s .testimonial.swiper {text-align:center}
  2029. .s .testimonial.swiper button {background-size:18px;width:18px;height:30px;}
  2030. .s .testimonial.swiper .foto {float:none;display:inline-block}
  2031. .s .testimonial.swiper .text {text-align:left;float:none;width:auto; padding:15px 0}
  2032.  
  2033.  
  2034.  
  2035. .mitarbeiterinnen {visibility:visible}
  2036. .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste {display:none}
  2037. .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste table {width:100%}
  2038. .mitarbeiterinnen .liste table th {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0; text-align:left;}
  2039. .mitarbeiterinnen .liste table td {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0}
  2040. .mitarbeiterinnen .liste table td.raum {width:40px}
  2041. .mitarbeiterinnen .liste table td.telefon {max-width:110px}
  2042. .mitarbeiterinnen .liste table tr:first-child td {border-width:0px 0 0 0}
  2043. .mitarbeiterinnen .liste table a {color:#4e4e4e; text-decoration:underline}
  2044. .mitarbeiterinnen .liste table a[href^="tel"] {color:#4e4e4e; word-break:break-word}
  2045. .mitarbeiterinnen .liste table a:hover, .mitarbeiterinnen .liste table a:focus { text-decoration:none}
  2046. .mitarbeiterinnen .liste table a[href^="tel"]:hover,
  2047. .mitarbeiterinnen .liste table a[href^="tel"]:focus {color:#4e4e4e}
  2048. @media only screen and (max-width:480px) {
  2049. .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}
  2050. .mitarbeiterinnen .liste tr{padding:15px 0;overflow:hidden;clear:left;border-bottom:1px solid #ddd!important;}
  2051. .mitarbeiterinnen .liste th{float:left; margin-right:10px}
  2052. .mitarbeiterinnen .liste td{padding:0!important}
  2053. .mitarbeiterinnen .liste *:empty{display:none}
  2054. }
  2055.  
  2056. .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;}
  2057. .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;}
  2058. .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;}
  2059. .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;}
  2060. .mitarbeiterinnen a#organisatorisch0:focus,
  2061. .mitarbeiterinnen a#organisatorisch1:focus,
  2062. .mitarbeiterinnen a#liste0:focus,
  2063. .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);}
  2064.  
  2065. .mitarbeiterinnen .kopf {display:none; font-size:13px; margin:0px 0 20px; padding:6px 0 5px 0; overflow:visible !important}
  2066. html.js.css .mitarbeiterinnen .kopf {display:block}
  2067. .mitarbeiterinnen .kopf .titel {margin-left:10px; float:left; width:110px}
  2068. .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}
  2069. .mitarbeiterinnen .kopf .alphabet li {float:left}
  2070. .mitarbeiterinnen .kopf .alphabet a {font-size:15px; text-transform:uppercase; color:#4e4e4e; padding:0 1px; margin-right:9px; border:1px solid #fff}
  2071. .mitarbeiterinnen .kopf .alphabet a:hover {color:#c40017; border:1px dotted #c40017; text-decoration:none}
  2072. .mitarbeiterinnen .kopf .alphabet a.an {color:#c40017; border:1px solid #c40017}
  2073. .mitarbeiterinnen .kopf .alphabet a.an:hover {text-decoration:none}
  2074. .mitarbeiterinnen .kopf .alphabet a.an:focus {outline:0}
  2075. .mitarbeiterinnen .kopf span {text-transform:uppercase; color:#e0e0e0}
  2076. .mitarbeiterinnen .kopf .alphabet {margin-bottom:6px}
  2077. .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}
  2078. .mitarbeiterinnen .kopf .alphabet .alle:hover {border:0; color:#fff; }
  2079. .mitarbeiterinnen .kopf .alphabet span {font-size:15px; padding:0 2px; border-radius:2px; margin-right:12px}
  2080. .mitarbeiterinnen .kopf .filter {font-size:6px; clear:left;}
  2081. .mitarbeiterinnen .orglinks {display:none}
  2082. .mitarbeiterinnen .kopf .filter div {display:inline-block; vertical-align:middle; margin-right:12px}
  2083. .mitarbeiterinnen .kopf .filter .ok {padding-top:10px}
  2084. .mitarbeiterinnen .kopf .filter div:last-child {margin-right:0}
  2085.  
  2086.  
  2087. .mitarbeiterinnen .kopf .filter .namen {margin-bottom:12px; display:block;}
  2088. .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;}
  2089. .mitarbeiterinnen .kopf .filter .namen input.breit {max-width:100%; width:532px;}
  2090. .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;}
  2091. .mitarbeiterinnen .kopf .filter input:focus {border-color: transparent;}
  2092. .mitarbeiterinnen .kopf .filter select {-moz-appearance: none; -webkit-appearance: none; appearance: none;  border: none;}
  2093. .mitarbeiterinnen .kopf .filter select:-ms-expand {display: none;}
  2094. .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;}
  2095. .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")}
  2096. .mitarbeiterinnen .kopf .filter select:focus {margin-left:0px;margin-right:0px;}
  2097.  
  2098.  
  2099. @media only screen and (max-width:760px) {
  2100. .mitarbeiterinnen .kopf .filter .namen input {width:186px}
  2101. .mitarbeiterinnen .kopf .filter .namen input.breit {width:432px}
  2102. .mitarbeiterinnen .kopf .filter select {width:233px}
  2103. }
  2104.  
  2105.  
  2106. .mitarbeiterinnen .kopf .filter select option {padding:10px 2px;color:#000!important;background-color:#fff!important; font-family:TheSansUHH,sans-serif}
  2107. .mitarbeiterinnen .kopf .filter img {cursor:pointer}
  2108. .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}
  2109. .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}
  2110. .mitarbeiterinnen .kopf .sortiere b {cursor:pointer}
  2111. .mitarbeiterinnen .kopf .typ {font-size:0px; margin-bottom:0px; white-space:nowrap}
  2112. .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}
  2113. .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}
  2114. .mitarbeiterin {clear:both; margin:40px 0 60px 1.8%}
  2115. .mitarbeiterin:after {content:" "; display:table; clear:both; height:0}
  2116. .mitarbeiterin a {color:rgb(196, 0, 23); text-decoration:underline;}
  2117. .mitarbeiterin a:hover,.mitarbeiterin a:focus {text-decoration:underline}
  2118. .mitarbeiterin .foto {float:left; margin:5px 21px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative}
  2119. .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)}
  2120. .mitarbeiterin .foto:hover .bildnachweis {display:block}
  2121. .mitarbeiterin .foto img {width:100%; font-size:6px; float:left}
  2122. .mitarbeiterin .foto2 {float:left; margin:5px 24px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative;overflow:hidden}
  2123. .mitarbeiterin .foto2:before {content:""; display:block; padding-top:128.8888888%}
  2124. .mitarbeiterin .foto2 a {position:absolute; top:0; left:0; width:100%; height:100%}
  2125. .mitarbeiterin .foto2 img {position:absolute; top:0; left:0; width:100%; height:100%}
  2126. .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)}
  2127. .mitarbeiterin .foto2:hover .bildnachweis:not(:empty) {display:block}
  2128. .mitarbeiterin .foto2 img {width:100%; font-size:6px; float:left}
  2129. .mitarbeiterin .foto2 img.defer {visibility:hidden}
  2130. .mitarbeiterin .daten {overflow:hidden;line-height:1.5em; margin:0 24px 0 0; padding:0 3px 3px 3px;}
  2131. .mitarbeiterin.keinschwerpunkt .daten {width:calc(100% - 159px); margin:0}
  2132. .mitarbeiterin .daten .name h3,
  2133. .mitarbeiterin .daten .name h4 {font-size:16px; margin:0; display:inline;}
  2134. .mitarbeiterin .daten a {color:#4e4e4e;}
  2135. .mitarbeiterin .daten .name .vorname {display:inline}
  2136. .mitarbeiterin .daten .funktion {font-family:TheSansUHHItalic,sans-serif}
  2137. .mitarbeiterin .daten .telefon {margin-top:10px}
  2138. .mitarbeiterinnen .organisatorisch .mitarbeiterin .raum { margin: 5px 0px;}
  2139. .mitarbeiterin .daten .email {display:table}
  2140. .mitarbeiterin .daten .email label {display:table-cell}
  2141. .mitarbeiterin .daten .email .adresses {padding-left:6px; display:table-cell; word-wrap:break-word}
  2142. .mitarbeiterin .daten .email .adresses a.link {display:block}
  2143. .mitarbeiterin .daten .sprechzeiten {margin-top:18px}
  2144. .mitarbeiterin .daten .sprechzeiten.schaltbar .titel {margin-bottom:0}
  2145. .mitarbeiterin .daten .sprechzeiten * {margin:0; padding:0}
  2146. .mitarbeiterin .daten .sprechzeiten .titel {margin-bottom:5px; border-bottom:0 !important}
  2147. .mitarbeiterin .daten .sprechzeiten ul {list-style-type:none; margin:0; padding:0 !important}
  2148. .mitarbeiterin .daten .vertretung {margin-top:5px}
  2149.  
  2150. .mitarbeiterin .schwerpunkte {margin:20px 0px 0 159px; line-height:1.5em !important}
  2151. .mitarbeiterin .schwerpunkte .titel {padding-left:0; background:none; cursor:default; border-bottom:0; margin:0 0 5px 0 !important}
  2152. .mitarbeiterin .schwerpunkte .titel h4,
  2153. .mitarbeiterin .schwerpunkte .titel h5 {margin:0; font-size:16px}
  2154. .mitarbeiterin .schwerpunkte.auf .titel {background:none}
  2155. .mitarbeiterin .schwerpunkte .titel a {cursor:default; text-decoration:none; color:rgb(78, 78, 78)}
  2156. .mitarbeiterin .schwerpunkteliste {list-style-type:disc !important; margin:0; padding-left:14px; display:block !important}
  2157. .mitarbeiterin .schwerpunkte ul {padding-left:16px !important}
  2158. .mitarbeiterin .schwerpunkte ul.liste {margin:0; padding:0; list-style-type:none; margin-bottom:10px; margin-top:0}
  2159. .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}
  2160.  
  2161. .profile .mitarbeiterin {clear:none; margin-left:0;}
  2162. #profilepicture {position:relative; overflow:hidden; float:right}
  2163. #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)}
  2164. #profilepicture:hover .bildnachweis {display:block}
  2165.  
  2166. .s .profile .mitarbeiterin {clear:none; margin-top:0;}
  2167. .s #profilepicture {float:none; display:inline-block;}
  2168. .s #profilepicture img {float:none; margin:0;}
  2169. .s #profilepicture .bildnachweis {bottom:7px;}
  2170.  
  2171. .mitarbeiterin hr {margin-bottom:30px}
  2172. .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}
  2173. .mitarbeiterin .google_scholar {margin-top:15px}
  2174. .mitarbeiterin .orcid + .google_scholar {margin-top:0}
  2175.  
  2176.  
  2177. .leichte-sprache main {font-size:120%}
  2178. .leichte-sprache h2 {font-size:26px !important}
  2179. .leichte-sprache h3 {font-size:23px !important}
  2180. .leichte-sprache h4 {font-size:22px !important}
  2181. .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}
  2182. .leichte-sprache .spalte.links ul ul {margin-top: 1.0em}
  2183. .leichte-sprache .spalte.links li + li {margin-top: 1.0em}
  2184. table.mouseover tr:hover td {background-color: #f6f6f6;}
  2185.  
  2186. .sortfkt {display:none}
  2187.  
  2188. html:not(.l) .spalte.links .autoscroll {position:relative; overflow:auto; margin-top:25px;max-height: calc(100vh - 200px)}
  2189. html:not(.l) .spalte.links .autoscroll.v {max-height: calc(100vh - 200px)}
  2190. html:not(.l) .spalte.links .autoscroll table {width: 100%; margin-top:0; border-collapse:collapse;border-spacing: 0px}
  2191. html:not(.l) .spalte.links .autoscroll.v table {border-collapse:separate}
  2192. html:not(.l) .spalte.links .autoscroll.v table thead {position:relative;z-index:2; position: -webkit-sticky; position:sticky; top:0}
  2193. html.ios:not(.l) .spalte.links .autoscroll.v table thead {position:relative!important}
  2194. 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}
  2195. html:not(.l) .spalte.links .autoscroll table thead th:first-child {border-left: 1px solid #ddd}
  2196. 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}
  2197. html:not(.l) .spalte.links .autoscroll table tbody td {border-left:none; border-top:none}
  2198. html:not(.l) .spalte.links .autoscroll table tbody td:first-child {border-left: 1px solid #ddd}
  2199. 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}
  2200.  
  2201. table.sort th[aria-sort],
  2202. table.sortable th[aria-sort]{cursor:default;position:relative;padding:0}
  2203. table.sort th[aria-sort] button,
  2204. 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;}
  2205. table.sort th[aria-sort] button:focus,
  2206. table.sortable th[aria-sort] button:focus{z-index:2}
  2207. table.sort th[aria-sort="none"] button:after,
  2208. 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}
  2209. table.sort th[aria-sort="ascending"] button:after,
  2210. table.sortable th[aria-sort="ascending"] button:after{content: "\25B4";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);}
  2211. table.sort th[aria-sort="descending"] button:after,
  2212. table.sortable th[aria-sort="descending"] button:after{content: "\25BE";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);}
  2213.  
  2214. th{hyphens:none !important;-webkit-hyphens:none !important}
  2215.  
  2216. .oap-search-text a{text-decoration:underline}
  2217. .oap-search-text a:hover{text-decoration:none}
  2218. .oap-search-input input{-webkit-appearance: none; appearance: none;}
  2219. .oap-search-input input::-ms-clear{display:none}
  2220. .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}
  2221. oap-search-input input[type="text"]:valid { padding-right:105px}
  2222. .oap-search-input input:valid ~ .oap-search-input-clear { display: block;}
  2223. .s .openaccess.datenbanken.expertdb{margin-bottom:0}
  2224. .expert_services{margin-top:30px;overflow:hidden}
  2225. .expert_services h2{font-family: TheSansUHHRegularCaps, sans-serif !important}
  2226. .s .outer.expert_services{padding:0 20px!important}
  2227. .expert_services_new{overflow:hidden}
  2228. .expert_services_new ul{padding-left:0 !important}
  2229. .expert_services_new li{padding-left:20px;float:left;margin-left:2%;width:23%}
  2230. .m .expert_services_new li{width:31%}
  2231. .s .expert_services_new li{width:47%}
  2232. .expert_services_new li:before{left:0 !important;}
  2233. .expert_services_new li a{text-decoration:underline}
  2234.  
  2235. #expert_services_taglist{overflow:hidden;margin-top:80px}
  2236. #expert_services_taglist h2{float:left;margin:-3px 30px 20px 0}
  2237. #expert_services_taglist .abc{float:right;margin:0 220px 20px 0}
  2238. html:not(.l) #expert_services_taglist .abc{margin:0 0 20px 0}
  2239. #expert_services_taglist div.abc a { float:left; min-width:15px;text-align:center;color:var(--UHH0271bb-hellblau)!important; padding:0 2px; }
  2240. #expert_services_taglist div.abc span { float:left;  }
  2241. #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 }
  2242. #expert_services_taglist_slider{clear:both;overflow:hidden;}
  2243. #expert_services_taglist_slider:before{content:"";display:table;width:100%;clear:both;height:10px}
  2244. #expert_services_taglist_slider h3{text-transform:uppercase}
  2245. #expert_services_taglist_slider h3.current{}
  2246. #expert_services_taglist_slider:not(.slick-initialized){opacity:0}
  2247. #expert_services_taglist_slider .slick-list.draggable{margin:0 130px}
  2248. .m #expert_services_taglist_slider .slick-list.draggable{margin:0 80px}
  2249. .s #expert_services_taglist_slider .slick-list.draggable{margin:0 50px}
  2250. #expert_services_taglist_slider .slide { float: left; min-width: 100px;margin:0 1px;padding:0 5px }
  2251. #expert_services_taglist_slider h3 { font-size: unset; margin: 0; padding: 0;color:var(--UHH0271bb-hellblau) }
  2252. #expert_services_taglist_slider .slide .tag { white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  2253. #expert_services_taglist_slider .slide a { color:rgb(78, 78, 78) }
  2254. #expert_services_taglist_slider .slide a:hover { text-decoration:underline!important; }
  2255. #expert_services_taglist_slider .slick-arrow{position: absolute;
  2256. top: 50%;;
  2257. right: -52px;
  2258. width: 60px;
  2259. height: 60px;
  2260. cursor: pointer;
  2261. background-size: contain;
  2262. background-position: center;
  2263. background-repeat: no-repeat;
  2264. background-image: url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg");}
  2265. #expert_services_taglist_slider .slick-arrow.slick-next{right:0;transform:translateY(-50%)}
  2266. #expert_services_taglist_slider .slick-arrow.slick-prev{left:0;transform:translateY(-50%) rotate(180deg)}
  2267. .m #expert_services_taglist_slider .slick-arrow.slick-next{right:-10px}
  2268. .m #expert_services_taglist_slider .slick-arrow.slick-prev{left:-10px}
  2269. .s #expert_services_taglist_slider .slick-arrow.slick-next{right:-13px}
  2270. .s #expert_services_taglist_slider .slick-arrow.slick-prev{left:-13px}
  2271.  
  2272. .expertdb .oap-fachbereich {color:rgb(2, 123, 203);font-family: TheSansUHHRegularCaps,sans-serif; font-size:24px;margin:60px 0 20px 0;}
  2273. .s .expertdb .oap-fachbereich {margin:60px 0 20px 14px;}
  2274. .expertdb .oap-no-result {margin-top:27px;margin-left:29px}
  2275. .expertdb .oap-result {border-top:none;padding-top:30px;margin-bottom:15px}
  2276. .expertdb .oap-result-title { margin-bottom: 10px;}
  2277. .expertdb .oap-result-tags { display: block;  margin-bottom: 10px;}
  2278. .expertdb .oap-result-tags:after { content:'';display:table;width:100%}
  2279. .expertdb .oap-result-tags >div{ display: block;}
  2280. .expertdb .oap-result .oap-result-tags > div:first-child{font-size:17px;width:auto}
  2281. .s .expertdb .oap-result .oap-result-tags > div:first-child{font-size:16px}
  2282. .expertdb .oap-result-tags > div:first-child { margin-bottom: 10px;}
  2283. .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;}
  2284. .expertdb .oap-result .oap-result-info {display:block;overflow:hidden;line-height:1.7em}
  2285. .expertdb .oap-result .oap-result-info a{color:#4e4e4e}
  2286. .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}
  2287. .expertdb .oap-result .oap-result-info div:nth-child(1):after{content:":"}
  2288. .expertdb .oap-home{margin-top:90px;overflow:hidden;}
  2289. .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}
  2290. .expertdb .oap-result-image { text-align: center; position: relative; order: 2; width: 195px;}
  2291. .m .expertdb .oap-result-image {display:none!important}
  2292. .s .expertdb .oap-result-image {display:none!important}
  2293. .expertdb .oap-result-image img{ width: 180px;max-width: none !important;margin-left: 15px;background-color: RGB(250, 248, 249);}
  2294. .m .expertdb .oap-result-image img, .s .expertdb .oap-result-image img {    width: 100%!important;    margin-left: 0;}
  2295. /* ***************************************************************************************************************************************************************  */
  2296. /* openaccess portal + fis */
  2297. /* ***************************************************************************************************************************************************************  */
  2298.  
  2299.  
  2300. .openaccess{font-size:16px}
  2301. .s .openaccess{margin-bottom:60px}
  2302. .openaccess .datenbanken,.openaccess .publikationen{}
  2303.  
  2304. .s .openaccess{}
  2305. .oap-search{background-color:rgb(240,240,240);padding:26px 20px 27px 20px;position:relative;z-index:3}
  2306. .s .oap-search{padding:26px 20px 27px 20px;}
  2307. .uebersicht .oap-search{background-color:transparent;padding-bottom:0}
  2308. .oap-search:after{content:"";display:table;width:100%}
  2309. .l .oap-search{padding:26px 57px 27px 29px}
  2310. .l .uebersicht .oap-search{padding:26px 57px 0px 100px}
  2311. .oap-search-text{}
  2312. .l .oap-search-text p{float:right;width:280px;margin:-5px -40px 0 0;padding:0}
  2313. .oap-search-text h2 {margin: 0 0 10px 0; padding: 0!important;font-size:22px}
  2314. .oap-search-search{display:table;width:100%; margin-bottom:12px}
  2315. .l .oap-search-search{float:left;width:calc(100% - 285px)}
  2316. .s .oap-search-search{width:calc(100%)}
  2317. .oap-filter-text{}
  2318. .oap-filter-text:before{content:"";clear:both;display:table;width:100%}
  2319. .oap-search-filter{display:table;width:100%; margin-bottom:12px}
  2320. .oap-search-input{display:table-cell;font-size:0}
  2321. .oap-search-key,.oap-search-cond,.oap-search-string{
  2322. font-family: TheSansUHH, sans-serif!important;
  2323. box-sizing:border-box!important;
  2324. height:29px;
  2325. border:1px solid rgb(138,138,138);
  2326. font-size:12px;
  2327. color: #000;
  2328. background-color: #fff;
  2329. line-height: 28px;
  2330. padding: 0 6px;
  2331. outline: none;
  2332. }
  2333. .oap-search-input select{padding:0 2px}
  2334. .oap-search-key{width:calc(50% - 7px)}
  2335. .oap-search-cond{;width:calc(30% - 7px); margin-left:7px;display: inline-block;vertical-align: top;display:none}
  2336. .oap-search-string{width:calc(50%); margin-left:7px}
  2337. .oap-search-search{margin-bottom:28px}
  2338. .s .oap-search-search{margin-bottom:18px}
  2339. .oap-search-search .oap-search-input{position:relative;width:100%}
  2340. .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}
  2341. .s .oap-search-input *{width:100%;margin:0 0 4px 0}
  2342. .oap-search-search .oap-search-select {}
  2343. .oap-search-search .oap-search-select:after {content:"";display:table;width:100%}
  2344. .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);}
  2345. .oap-search-search .oap-search-select select:not(:nth-child(3n)) {margin-right:12px;}
  2346. .s .oap-search-search .oap-search-select select {width: 100%;}
  2347. .s .oap-search-search .oap-search-select select + select {margin-top:12px; margin-left:0;}
  2348. .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}
  2349. .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;}
  2350. .m .oap-search-button button {padding-right:0 }
  2351. .s .oap-search-button button {padding-right:0}
  2352. .oap-search-button button:hover {text-decoration:underline}
  2353. .oap-search-handles{display:table-cell;font-size:0; width:74px; vertical-align:middle;white-space:nowrap}
  2354. .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}
  2355. .oap-filter-minus{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-9343245a8a1083d829a1c223c3b6984d39e8f41a79440b89ddc4f5ef3ff6d7b3.svg")}
  2356. .oap-search-settings{clear:both;overflow:hidden;margin-bottom:0px}
  2357. .l .oap-search-settings{width:calc(100% - 285px);}
  2358. .s .oap-search-settings{margin-bottom:18px;width:100%}
  2359. .oap-search-settings ul {float:left;list-style:none;margin:0 !important;padding:0 !important}
  2360. .oap-search-settings li {float:left;padding:0;}
  2361. .oap-search-settings li:last-child {margin-left:45px}
  2362. .s .oap-search-settings li:last-child {margin-left:15px}
  2363. .oap-search-settings li:before {content:none !important}
  2364. .oap-search-settings input{position:absolute;left:-100000px}
  2365. .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}
  2366. .oap-search-settings input:checked + label:before {border:5px solid #006ab0}
  2367. .oap-search-settings label:hover:before {border:1px solid #006ab0;}
  2368. .oap-search-settings a{float:right}
  2369. .oap-search-selectgroup{clear:both;overflow:hidden;margin-bottom:28px}
  2370. .l .oap-search-selectgroup{width:calc(100% - 285px);}
  2371. .s .oap-search-selectgroup{margin-bottom:18px;width:100%}
  2372. .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);}
  2373. .oap-search-selectgroup select + select {margin-left:12px;}
  2374. .s .oap-search-selectgroup select{float:none; margin:0 0 5px 0;width:100%}
  2375. .oap-search-reset{clear:both;overflow:hidden;text-align:right}
  2376. .l .oap-search-reset{width:calc(100% - 285px)}
  2377. .s .oap-search-reset{width:100%}
  2378. .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;}
  2379. .oap-search-reset button:hover,
  2380. .oap-search-reset button:focus{text-decoration: underline}
  2381. .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}
  2382. .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}
  2383.  
  2384. .oap-navigate{display:table;margin:34px 0 18px 0;width:100%;position:relative;z-index:2}
  2385. .oap-navigate label {padding:0 4px 0 16px; font-family: TheSansUHHBold,sans-serif; font-size:16px;}
  2386.  
  2387. .oap-navigate select {-moz-appearance: none; -webkit-appearance: none; appearance: none;  border: none;}
  2388. .oap-navigate select:-ms-expand {display: none;}
  2389. .oap-navigate select {box-sizing:content-box;background-color: #fff !important;}
  2390. .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")}
  2391.  
  2392. .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;}
  2393. .oap-navigate select option {height:33px; line-height:33px;border: 1px solid rgb(191,191,191); font-family: TheSansUHHBold,sans-serif; font-size:16px;}
  2394.  
  2395.  
  2396. @media only screen and (max-width:1300px) {
  2397. html:not(.m) .oap-navigate {display: block !important; margin: 0 !important;}
  2398. html:not(.m) .oap-navigate > * {display: block !important; height: 33px;}
  2399. html:not(.m) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;}
  2400. html:not(.m) .oap-navigate label {padding-left:0;}
  2401. }
  2402.  
  2403. @media only screen and (max-width:780px) {
  2404. html:not(.s) .oap-navigate {display: block !important; margin: 0 !important;}
  2405. html:not(.s) .oap-navigate > * {display: block !important; height: 33px;}
  2406. html:not(.s) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;}
  2407. html:not(.s) .oap-navigate label {padding-left:0;}
  2408. }
  2409.  
  2410. @media only screen and (max-width:480px) {
  2411. .oap-navigate {padding:0 2px;}
  2412. .oap-navigate label {display:block;}
  2413. .oap-navigate-options-2 {height: 60px !important;}
  2414. }
  2415.  
  2416.  
  2417.  
  2418. .s .oap-navigate{margin:34px 14px 18px 14px;width:calc(100%)}
  2419. .oap-navigate>*{display:table-cell;vertical-align:middle;white-space:nowrap}
  2420.  
  2421. .s .oap-navigate-title{display:none}
  2422.  
  2423. .oap-navigate-page{text-align:right;padding-right:0;}
  2424. .oap-navigate-page *{display:inline}
  2425. .oap-navigate-browse{margin-left:14px;display:inline-table;border-collapse:collapse;vertical-align:middle;height:33px;border:1px solid  rgb(191,191,191)}
  2426. .oap-navigate-browse *{display:table-cell;vertical-align:middle;text-align:center;}
  2427. .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}
  2428. .oap-navigate-browse a.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-1-9c2d83f33be44d44da35cdd0f26b3c4a41a9bdf08611a7a3eb75357307775dd2.svg")}
  2429. .oap-navigate-browse span.next{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-next-0-6b9293329798162aed88687b29c0b1ec85524fc0b6fb4ceee645272a0a9dae67.svg")}
  2430. .oap-navigate-browse span.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-0-13bb537658992e668cd03fcf75c8ce3f4c896c782e8ed38fec0281f9f4f3b245.svg")}
  2431. .oap-navigate-browse strong{padding:0 12px}
  2432.  
  2433. .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)}
  2434. .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)}
  2435. .oap-navigate-options:hover .oap-options-flyout  {display:block}
  2436.  
  2437. .oap-navigate.bottom{border-top:1px solid #bbb;padding-top:30px;}
  2438. .oap-navigate.bottom .oap-navigate-page{padding-right:0}
  2439.  
  2440. .oap-results{position:relative;z-index:1}
  2441. .oap-results p {  max-width: 730px!important}
  2442.  
  2443. .oap-result-block{margin:0 0 35px}
  2444. .oap-result-block + .oap-result-block{margin:15px 0 35px}
  2445. .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; }
  2446. .s .oap-result-block > header{padding:0 16px; }
  2447.  
  2448. .oap-result{margin-bottom:45px;padding-top:55px;border-top:1px solid rgb(187,187,187)}
  2449. .oap-result + .oap-result{margin-top:5px!important}
  2450. .oap-result a{text-decoration:underline;}
  2451. .publikationen .oap-result{margin:0 0 55px 0;}
  2452. .s .publikationen .oap-result{margin:0 0 45px 0;}
  2453. .publikationen .oap-result-block header + .oap-result{border-top:none}
  2454. .s .oap-result{padding:45px 20px 0 20px}
  2455. .oap-result-title{margin-bottom:25px;max-width:700px}
  2456. .oap-result-title a{display:inline-block;color:#4e4e4e}
  2457. .oap-result-title h2{margin:0 !important;line-height:1.25em!important}
  2458. .oap-result-title div{margin:0;line-height:1.25em!important;margin-top:5px}
  2459. .oap-result-authors{margin:5px 0;max-width:700px}
  2460. /* .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;} */
  2461. .oap-result-content{display:flex;width:100%}
  2462.  
  2463. .m .oap-result-content{display:block}
  2464. .s .oap-result-content{display:block}
  2465. .oap-result-text{order:1;max-width:730px;}
  2466. .oap-result-text p{max-width:730px;}
  2467. .l .oap-result-text{width:calc(100% - 285px)}
  2468. .s .oap-result-text{padding-right:0}
  2469. .oap-result-tags{ display:table;margin-bottom:20px;}
  2470. .s .oap-result-tags{ display:block;margin-bottom:15px;}
  2471. .oap-result-tags > *{ display:table-cell;vertical-align:top}
  2472. .s .oap-result-tags > *{ display:block}
  2473. .oap-result-tags > *:first-child {width:180px;font-family: TheSansUHHBold,sans-serif; font-size:16px!important}
  2474. .s .oap-result-tags > *:first-child {margin-bottom:10px }
  2475. .publikationen .oap-result-tags > div:first-child {display:none }
  2476. .oap-result-tags ul.tags {margin:0!important;padding:0!important}
  2477. .oap-result-tags ul.tags:after {content:"";display:table;width:100%}
  2478. .oap-result-tags li {float:left; margin: 0 4px 4px 0}
  2479. .oap-result-tags li:before {content:none!important}
  2480. .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 }
  2481. .oap-result-tags .tag:hover { text-decoration: underline!important }
  2482. .oap-result-source{ clear:both}
  2483. .oap-result-source .doclink{ margin-top:5px}
  2484.  
  2485. .oap-result-image{text-align:center;position:relative;order:2;width:285px;}
  2486. .m .oap-result-image{width:auto;margin-bottom:20px}
  2487. .s .oap-result-image{width:auto;margin-bottom:20px}
  2488. .oap-result-image a{display:block}
  2489. .oap-result-image img{width:270px;max-width:none!important;margin-left:15px;background-color:#FAF8F9;}
  2490. .m .oap-result-image img,.s .oap-result-image img{width:100%;margin-left:0;}
  2491.  
  2492. .oap-results.img640 .oap-result-content{display:flex;width:100%;max-width:100%}
  2493. .m .oap-results.img640 .oap-result-content{display:flex;}
  2494. .s .oap-results.img640 .oap-result-content{display:block;}
  2495. .oap-results.img640 .oap-result-text{order:1;max-width:730px;}
  2496. .l .oap-results.img640 .oap-result-text{}
  2497. .m .oap-results.img640 .oap-result-text{min-width:400px}
  2498. .s .oap-results.img640 .oap-result-text{padding-right:0}
  2499. .oap-results.img640 .oap-result-image{width:665px;position:relative}
  2500. .m .oap-results.img640 .oap-result-image{margin-bottom:20px}
  2501. .s .oap-results.img640 .oap-result-image{width:auto;margin-bottom:20px}
  2502. .oap-results.img640 .oap-result-image img{width:calc(100% - 25px)!important; max-width:448px!important;margin-left:25px}
  2503. .m .oap-results.img640 .oap-result-image img{margin-left:25px}
  2504. .s .oap-results.img640 .oap-result-image img{width:100%!important;;max-width:100%!important;;margin-left:0;}
  2505. .s  .oap-results.img640 .oap-result-text{width:100%;padding-right:0}
  2506.  
  2507. /* .oap-results.fulltext .oap-result-text{max-width:730px} */
  2508. /* .oap-results.fulltext .oap-result-content{display:flex;width:100%;max-width:100%} */
  2509. /* .oap-results.fulltext  .oap-result * {  max-width: 800px!important} */
  2510.  
  2511. .oap-result-image figure {float:left;margin: 0!important;max-width:none}
  2512. .oap-result-image figure figcaption {font-size: 12px;line-height: 1em; margin: 2px 0 0 0!important;text-align: right;}
  2513.  
  2514. .fisbox.schaltbar .inhalt{}
  2515. .fisbox.schaltbar .oap-result-block > header{background-color:transparent;padding:0 }
  2516. .fisbox.schaltbar .oap-result-title h2{font-size:16px}
  2517.  
  2518. .openaccess.datenbank h2,.openaccess.publikation h2{margin-top: -5px !important}
  2519. .oap-details{display:flex}
  2520. .m .oap-details{display:block}
  2521. .s .oap-details{display:block}
  2522. .oap-details-text{display:table;}
  2523. .l .oap-details-text{width:calc(100% - 285px)}
  2524. .s .oap-details-text{display:block;margin:0 14px;}
  2525. .oap-details-tr{display:table-row}
  2526. .oap-details-tr.sep{height:60px}
  2527. .oap-details-tr.sep:after{margin-top:30px;content:"";position:absolute;display:table;border-top:1px solid rgb(189,189,189);width:100%}
  2528. .s .oap-details-tr.sep:after{display:none}
  2529. .s .oap-details-tr{display:inline}
  2530. .oap-details-th,.oap-details-td{display:table-cell;padding:9px 0;vertical-align:top}
  2531. .oap-details-td p:first-child{margin-top:0}
  2532. .oap-details-td p:last-child{margin-bottom:0}
  2533. .l .oap-details-td{}
  2534. .s .oap-details-th,.s .oap-details-td{display:block;padding:4px 0}
  2535. .oap-details-th{color:#666!important;font-family: TheSansUHHBold,sans-serif;width:185px;text-align:right;padding-right:25px}
  2536. .s .oap-details-th{width:auto;text-align:left;padding-right:0}
  2537. .s .oap-details-td{margin-bottom:10px;overflow:hidden}
  2538. .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; }
  2539.  
  2540. .oap-details-image{position:relative;order:2;width:285px;}
  2541. .m .oap-details-image{width:auto;margin-bottom:20px}
  2542. .s .oap-details-image{width:auto;margin-bottom:20px}
  2543. .oap-details-image img{max-width:none!important;background-color:#FAF8F9;}
  2544. .l .oap-details-image img{width:270px;margin-left:15px;}
  2545. .m .oap-details-image img,.s .oap-details-image img{width:100%;margin-left:0;}
  2546. .oap-home{margin-top:68px}
  2547. .s .oap-home{margin-left:14px}
  2548. .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}
  2549. .oap-home a:hover, .oap-home a:focus{text-decoration:underline}
  2550.  
  2551. .openaccess.publikationen.person{}
  2552. .oap-vcard{overflow:hidden;margin-bottom:50px}
  2553. .oap-vcard-img{float:left;width:114px;height:133px}
  2554. .oap-vcard-img img{width:100%;background-color:#eee}
  2555. .oap-vcard-text{margin-left:20px;float:left;width:calc(100% - 132px - 20px)}
  2556. .oap-vcard-text dl{margin:8px 0;line-height:1.25em}
  2557. .oap-vcard-text dt{font-family: TheSansUHHBold,sans-serif; font-weight: normal;}
  2558. .oap-vcard-text dd{margin:0}
  2559. .oap-menu{background-color:rgb(153,153,153);color:#fff;height:30px;line-height:30px}
  2560. .oap-menu ul{margin:0;padding:0;}
  2561. .oap-menu li{float:left;border-right:1px solid #fff; padding:0 19px}
  2562. .oap-menu li:before{display:none}
  2563. .oap-menu-filter{float:right;border-left:1px solid #fff; padding:0 19px}
  2564. .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;}
  2565. .oap-menu-filter option{background-color:#fff;color:#000}
  2566.  
  2567. .person .oap-navigate{margin:25px 0 18px 0}
  2568.  
  2569.  
  2570. .etallink{color:#4E4E4E!important; text-decoration:none !important; border-bottom:1px dotted #000!important}
  2571. .etallink:hover{  border-bottom:1px solid #4E4E4E!important}
  2572.  
  2573. .oap-navigate-options-2 ul {list-style:none;margin:0 !important;padding:0 !important}
  2574. .oap-option{padding-right:20px}
  2575. .oap-navigate-options-2 > .oap-option-treffer{float:left}
  2576. .oap-navigate-options-2 > .oap-option-sort{float:right}
  2577. .oap-option-label{font-family: TheSansUHHBold,sans-serif;font-weight: normal;line-height: 32px; color:#4e4e4e; text-decoration:none !important;}
  2578. .oap-option-label:after{content:"\25BC";color:#6d6d6d;font-size:13px; display:inline-block;padding:0 6px 0 8px;}
  2579. .oap-navigate-options-2 li {margin:0 !important;padding:0 !important;cursor:pointer}
  2580. .oap-navigate-options-2 li:before {content:none !important}
  2581. .oap-navigate-options-2 li:after {content:none !important}
  2582. .oap-navigate-options-2 li:focus,
  2583. .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);}
  2584. .oap-option-popup{position:absolute;right:0;min-width: calc(100% + 12px);background-color:#fff;border:1px solid #bfbfbf;display:none}
  2585. .s .oap-option-popup{position:absolute;left:0;right:auto}
  2586. /* [aria-expanded="false"] + .oap-option-popup{display:none} */
  2587. /* [aria-expanded="true"] + .oap-option-popup{display:block} */
  2588. .oap-option-popup li{padding:0 25px 0 15px!important ; line-height:32px;color:#4E4E4E}
  2589. .oap-option-popup li[aria-selected="true"] {border-color:rgb(82,82,82);background-color:rgb(82,82,82)!important;cursor:default;color:#fff}
  2590. .oap-option-popup li:hover{background:#ddd}
  2591. .oap-option-popup li:focus{text-decoration:none;}
  2592. .oap-option-popup li:after{position:absolute;right:5px; font-size:13px;}
  2593. .oap-option-popup li[data-dir="up"]:after{content:"\25B2" !important}
  2594. .oap-option-popup li[data-dir="down"]:after{content:"\25BC" !important}
  2595.  
  2596. .oap-result-dates {}
  2597. .oap-result-date.begin {}
  2598. .oap-result-date.end { }
  2599. .oap-result-date.end:before {content:" \2192 ";display:inline-block; margin:0 10px }
  2600. .oap-result-classification {color:#4e4e4e;font-size:14px }
  2601.  
  2602.  
  2603.  
  2604. .s .fisbox .openaccess,
  2605. .s .tab-box .openaccess,
  2606. .s .pubbox .openaccess,
  2607. .s .schaltbar .openaccess{margin-left:0;margin-top:15px}
  2608. .fisbox .oap-result-text,
  2609. .tab-box .oap-result-text,
  2610. .pubbox .oap-result-text,
  2611. .schaltbar .oap-result-text{width:100%}
  2612. .fisbox .oap-search,
  2613. .tab-box .oap-search,
  2614. .pubbox .oap-search,
  2615. .schaltbar .oap-search{background-color:transparent;padding:0}
  2616. .l .fisbox .oap-search-search,
  2617. .l .tab-box .oap-search-search,
  2618. .l .pubbox .oap-search-search,
  2619. .l .schaltbar .oap-search-search { width: 100%;margin-bottom:14px }
  2620. .fisbox .oap-search-text h4,
  2621. .tab-box .oap-search-text h4,
  2622. .pubbox .oap-search-text h4,
  2623. .schaltbar .oap-search-text h4 {margin: 0 0 10px 0; padding: 0!important;}
  2624. .fisbox .oap-result-block > header,
  2625. .tab-box .oap-result-block > header,
  2626. .pubbox .oap-result-block > header,
  2627. .schaltbar .oap-result-block > header {min-width:0!important;font-size:18px;margin-bottom:15px;max-width:100%}
  2628. .fisbox .oap-result-title,
  2629. .tab-box .oap-result-title,
  2630. .pubbox .oap-result-title,
  2631. .schaltbar .oap-result-title { margin-bottom: 10px;}
  2632. .fisbox .oap-result-title h5,
  2633. .tab-box .oap-result-title h5,
  2634. .pubbox .oap-result-title h5,
  2635. .schaltbar .oap-result-title h5 {font-size: 17px; margin: 0px !important;line-height: 1.25em !important; }
  2636. .fisbox .publikationen .oap-result,
  2637. .tab-box .publikationen .oap-result,
  2638. .pubbox .publikationen .oap-result,
  2639. .schaltbar .publikationen .oap-result { margin: 0 0 10px 0;padding-top:15px;border-top:none;}
  2640. .s .fisbox .oap-result,
  2641. .s .tab-box .oap-result,
  2642. .s .pubbox .oap-result,
  2643. .s .schaltbar .oap-result {padding: 15px 0 0 0; }
  2644. .fisbox .oap-navigate,
  2645. .tab-box .oap-navigate,
  2646. .pubbox .oap-navigate,
  2647. .schaltbar .oap-navigate{margin:17px 0 18px 0 !important}
  2648. .m .fisbox .oap-navigate,
  2649. .m .tab-box .oap-navigate,
  2650. .m .pubbox .oap-navigate,
  2651. .m .schaltbar .oap-navigate{margin:0px 0 18px 0 !important}
  2652. .s .fisbox .oap-navigate,
  2653. .s .tab-box .oap-navigate,
  2654. .s .pubbox .oap-navigate,
  2655. .s .schaltbar .oap-navigate{margin:0px 0 0px 0 !important;margin-right:0 !important}
  2656. .fisbox .oap-navigate-page,
  2657. .tab-box .oap-navigate-page,
  2658. .pubbox .oap-navigate-page,
  2659. .schaltbar .oap-navigate-page { text-align: left;width:180px }
  2660. .fisbox .oap-navigate-browse,
  2661. .tab-box .oap-navigate-browse,
  2662. .pubbox .oap-navigate-browse,
  2663. .schaltbar .oap-navigate-browse {   margin-left: 0 !important;}
  2664. .s .fisbox:not(.outer) {padding:0 20px !important}
  2665. .s .fisbox .uhh-tabs [role="tabpanel"],
  2666. .s .tab-box blockquote,
  2667. .s .pubbox blockquote,
  2668. .s .schaltbar blockquote {padding:0!important;width:100%!important}
  2669. .s .fisbox .oap-navigate,
  2670. .s .tab-box .oap-navigate,
  2671. .s .pubbox .oap-navigate,
  2672. .s .schaltbar .oap-navigate {display:block!important;margin:0 !important}
  2673. .s .fisbox .oap-navigate > *,
  2674. .s .tab-box .oap-navigate > *,
  2675. .s .pubbox .oap-navigate > *,
  2676. .s .schaltbar .oap-navigate > *{display:block!important;height:33px}
  2677. .s .fisbox .oap-navigate-options-2,
  2678. .s .tab-box .oap-navigate-options-2,
  2679. .s .pubbox .oap-navigate-options-2,
  2680. .s .schaltbar .oap-navigate-options-2 {padding:0!important;width:100%!important;height:30px;margin:8px 0 !important;}
  2681. .s .fisbox #oap-option-popup-sort-pub,
  2682. .s .tab-box #oap-option-popup-sort-pub,
  2683. .s .pubbox #oap-option-popup-sort-pub,
  2684. .s .schaltbar #oap-option-popup-sort-pub{left:auto;right:0}
  2685.  
  2686.  
  2687. .profilebox .schaltbar .inhalt {padding:0px 0px 3px 0px;overflow:hidden !important}
  2688. .s .profilebox .schaltbar .inhalt {padding:0px 16px;overflow:hidden !important}
  2689. .pubbox .oap-result-block{overflow:hidden}
  2690. .s .pubbox {padding:0px 16px;}
  2691. .s a.alles.auf{margin-left:16px!important}
  2692. .oap-result-block  a.morelink{color: RGB(78, 78, 78) !important;text-decoration: none !important;border-bottom: 1px dotted rgb(0, 0, 0) !important;}
  2693. .oap-result-block  div.morecontent{color: RGB(78, 78, 78) !important;display:none}
  2694. .oap-result-block  a.morelink:hover{border-bottom-style:solid !important}
  2695.  
  2696. .fisbox .logos { margin-top:5px }
  2697. .fisbox .oalogo {display: inline-block; margin: 1px 0 0; vertical-align: top;height: 22px; width: auto;}
  2698. .fisbox .plumxlogo {display: inline-block; margin: 4px 0 0 6px; vertical-align: top;height: 30px; width: 32px;}
  2699. /* .PlumX-Popup {display: inline-block; margin: 0 0 0 5px; vertical-align: top;} */
  2700. /* .PlumX-Popup .plx-print { width: 35px!important;height: 40px!important} */
  2701. /* .PlumX-Popup .ppp-branding{ min-height: 23px} */
  2702. /* .PlumX-Popup .ppp-pop ul{padding:14px!important} */
  2703. /* .PlumX-Popup .ppp-pop ul ul{padding:0px!important} */
  2704. /* .PlumX-Popup .ppp-pop li:before{content:none!important} */
  2705.  
  2706. p.h2 {font-size:22px;margin:18px 0 35px;font-family:TheSansUHHBold, sans-serif; font-weight:normal}
  2707. form.standard {padding:20px 30px 20px 20px;font-size:16px;background-color:#f3f3f3;border:0; border-collapse:collapse}
  2708. form.standard div.optional {display:none; margin-left:20px}
  2709. form.standard div.optional label {position:relative}
  2710. form.standard div.optional label:before {content:"\21B3"; font-size:16px; position:absolute; left:-11px; top:-4px}
  2711. form.standard fieldset {border:0; padding:0; margin:1em 0}
  2712. form.standard fieldset:first-child, form.standard > input + fieldset{margin-top:0px}
  2713. form.standard fieldset + fieldset {margin-top:24px}
  2714. form.standard fieldset > p {margin:0 !important}
  2715. form.standard legend {padding:0; margin:0 0 0.4em 0; font-size:17px;font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important}
  2716. form.standard legend * {text-decoration:none !important}
  2717. 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}
  2718. form.standard legend strong{font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important}
  2719. form.standard div.table {display:table; width:100%}
  2720. form.standard div.table.indent .cell {padding-left:10px}
  2721. form.standard div.table.border {display:table; width:100%}
  2722. form.standard div.row {display:table-row}
  2723. form.standard div.cell {display:table-cell; padding:6px 0px 6px 0; vertical-align:top; }
  2724. form.standard .cell p{margin:0 !important;font-size:16px !important}
  2725. form.standard div.cell w50 {width:50%}
  2726. form.standard div.label.cell {width:180px;padding-top:12px;padding-right:5px;}
  2727. form.standard div.label sup {position:absolute; margin-left:3px; font-family:TheSansUHHBold,sans-serif; font-weight:normal; font-size:14px}
  2728. form.standard div.label span:not(.required-field-marker) {display:block}
  2729. form.standard div.input {}
  2730. form.standard div.input > *:first-child:not(input):not(select):not(textarea):not(.datepickerHolder ){margin-top:6px!important}
  2731. form.standard div.input > #datenschutz, form.standard div.input > #datenschutz + label{margin-top:10px}
  2732. form.standard input[type="radio"] {margin-right:5px}
  2733. form.standard input[type="text"],form.standard input[type="email"] {width:100%}
  2734. form.standard select {width:100%}
  2735. form.hoersaalbuchung select {width:auto}
  2736. form.standard input[type="text"][size] {width:auto}
  2737. form.standard textarea {width:100%; height:80px; overflow:auto; resize:vertical;font-size:13px;padding:5px 10px}
  2738. form.standard textarea,
  2739. form.standard select,
  2740. form.standard input[type="text"],
  2741. form.standard input[type="submit"],
  2742. 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}
  2743. form.standard textarea:focus,
  2744. form.standard select:focus,
  2745. form.standard input[type="text"]:focus,
  2746. form.standard input[type="submit"]:focus,
  2747. form.standard input[type="email"]:focus{outline:none;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2748. form.standard select,
  2749. form.standard input[type="text"],
  2750. form.standard input[type="email"]{padding:0 10px;line-height:36px;height:36px}
  2751. .s form.standard textarea,.s form.standard select,.s form.standard input {font-size:15px}
  2752. form.standard select:-ms-expand {display: none;}
  2753. 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")}
  2754. form.standard div.input select:not(:first-child),
  2755. form.standard div.input input:not(:first-child),
  2756. form.standard div.input textarea:not(:first-child){margin-top:10px}
  2757. form.standard  div.input .datepickerHolder input{margin-top:0}
  2758. 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;}
  2759. form.standard input[type="submit"]:hover{text-decoration:underline}
  2760. 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;}
  2761. form.standard button.edit[type="submit"]{background-color: #777}
  2762. form.standard button[type="submit"]:focus,form.simpleform button[type="submit"]:focus{outline:1px solid #fff}
  2763. form.standard button[type="submit"]:hover,form.simpleform button[type="submit"]:hover{text-decoration:underline}
  2764. form.standard button[disabled]{opacity: 0.5;text-decoration: none !important;cursor: default !important;}
  2765. form.standard input[type="file"].styled-upload{font-size:18px;outline:1px dashed #000;background:yellow}
  2766. 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}
  2767. form.standard .SciDatepicker button.icon {right: 2px;top: 2px;width: 32px;height: 32px;}
  2768. form.standard div.button div.cell:first-child {}
  2769. form.standard div.button div.input {text-align:right}
  2770. form.standard .radiogroup {padding-top:12px !important}
  2771. form.standard .field_with_errors {display:inline}
  2772. form.standard .field_with_errors input {border:2px solid red !important; border-radius:3px !important;}
  2773. form.standard .field_with_errors textarea {border:2px solid red !important; border-radius:3px !important;}
  2774. form.standard .field_with_errors select {border:2px solid red !important; border-radius:3px !important;}
  2775. form.standard .field_with_errors input[type=checkbox] {outline:2px solid red}
  2776. form.standard .field_with_errors input[type=radio] {outline:2px solid red}
  2777. form.standard .invalid {border:2px solid red !important; border-radius:3px}
  2778. form.standard .invalid[type=checkbox] {outline:2px solid red}
  2779. form.standard .radiogroup.invalid {border:2px solid red !important; border-radius:3px !important}
  2780. form.standard .sep {margin-top:12px; padding-top:12px}
  2781. form.standard .space {margin-bottom:6px}
  2782.  
  2783. form.standard .table.singlecol{display:block!important}
  2784. form.standard .table.singlecol .row{display:block!important}
  2785. form.standard .table.singlecol .cell{display:block!important;width:100%!important}
  2786. form.standard .table.singlecol .cell.label{padding-bottom:0!important}
  2787. form.standard .table.singlecol .cell + .cell{}
  2788. form.standard .table + .table .row:first-child .cell{}
  2789. form.standard .table.singlecol .cell.heading{}
  2790.  
  2791. .s form.standard {margin:0 !important; padding:20px}
  2792. .s .outer > .standard > form.standard {margin:0 -20px!important}
  2793. .s form.standard div.row{display:block}
  2794. .s form.standard div.cell{display:block; border:none;width:auto}
  2795. .s form.standard div.label.cell{padding:10px 0 2px 0}
  2796. .s form.standard div.input.cell{padding:2px 0 10px 0}
  2797. .s form.standard div.input.cell input[type="text"],
  2798. .s form.standard div.input.cell input[type="file"],
  2799. .s form.standard div.input.cell input[type="n"],
  2800. .s form.standard div.input.cell input[type="submit"],
  2801. .s form.standard div.input.cell textarea,
  2802. .s form.standard div.input.cell select {font-size: 16px;width:100%}
  2803. .s form.standard div.label.cell {border-right:none;}
  2804.  
  2805. form .input .textblock{font-size:15px;}
  2806. form .input .textblock + *{margin-top:5px!important}
  2807. form .table.singlecol .input .textblock:first-child{margin-top:-4px!important}
  2808. form [role="radiogroup"][aria-describedby] .input.radiogroup {padding-top:6px !important}
  2809. form .input.radiogroup .textblock{margin-bottom:6px;}
  2810.  
  2811. .s form .input.cell .textblock:first-child{margin-top:0!important}
  2812. .s form .input.cell.radiogroup{padding-top:3px!important}
  2813. .s form .input.cell .textblock{margin-bottom:6px;}
  2814.  
  2815.  
  2816.  
  2817. .form-confirm{margin-top:60px}
  2818. .form-confirm a:not(.calltoaction) {text-decoration:underline!important}
  2819. .form-confirm a:hover {text-decoration:none!important}
  2820. .form-confirm .alert {background-color: #f6f8fa;overflow: hidden;  position: relative; padding: 47px 170px 50px 50px;; hyphens:none!important}
  2821. .form-confirm .alert a{white-space:nowrap}
  2822. .s .form-confirm .alert {padding: 32px 100px 35px 35px;}
  2823. .form-confirm .alert:after {content: ''; position: absolute; border-radius: 60px; top: 50px; right: 50px; width: 80px; height: 80px;
  2824. 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}
  2825. .s .form-confirm .alert:after { border-radius: 60px; top: 40px; right: 30px; width: 60px; height: 60px; background-size:100%}
  2826. .form-confirm .alert h2 {margin:0 !important}
  2827. .form-confirm .alert p {font-size:16px; margin:30px 0 0!important;word-break: break-word}
  2828. .s .form-confirm .alert p {font-size:16px; margin:20px 0 0!important}
  2829. .s .form-confirm .info {padding:0 20px}
  2830. .form-confirm .info h2{font-size:22px !important; margin-top:40px !important}
  2831. .s .form-confirm .data {padding:0 20px}
  2832. .s .form-confirm form {padding:0 20px}
  2833. .form-confirm .data h2{font-size:22px !important; margin-top:40px !important}
  2834. .form-confirm .data table,.form-confirm .data table th,.form-confirm .data table td{all:unset}
  2835. .form-confirm .data table{display:table !important}
  2836. .form-confirm .data th,.form-confirm .data td{display:table-cell !important; }
  2837. .form-confirm .data th{font-family: TheSansUHHBold,sans-serif !important; padding:6px 30px 6px 0 !important}
  2838. .s .form-confirm .data th{padding:6px 20px 6px 0 !important}
  2839. .form-confirm .data td{ padding:6px !important;word-break: break-word!important; hyphens:auto!important}
  2840. .form-confirm .data td ul{ padding-left:18px !important;margin:0!important}
  2841. .form-confirm .data td li:before { left: -16px !important}
  2842. .required-field-marker sup{vertical-align: top;  font-size: inherit;}
  2843. .back-to-form.calltoaction{margin-top:32px}
  2844.  
  2845. .uhh-file-upload{display:none }
  2846. .uhh-file-input{margin-top:0 !important;position: relative;  }
  2847. .uhh-file-input .direct-upload{display:none}
  2848. .uhh-file-input--target{ position: relative; text-align: center; display:inline-block}
  2849. .uhh-file-input.has-file .uhh-file-input--target{ float:right}
  2850. .uhh-file-input--instructions{padding: 5px 15px 5px 38px;  pointer-events: none;  position: relative;  z-index: 3;color:#fff;font-size:14px}
  2851. .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;}
  2852. .uhh-file-input--preview{display:none;width:100%;overflow:hidden;margin-bottom:12px}
  2853. .uhh-file-input.has-file .uhh-file-input--preview{display:block}
  2854. .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;
  2855. background-position:14px center;background-color:#fff; margin-bottom:2px;min-height:34px;padding:8px 10px 8px 38px;}
  2856. .uhh-file-input--no-file{height:34px;line-height:34px;vertical-align:top;display:inline-block; margin-left:15px}
  2857. .uhh-file-input.has-file .uhh-file-input--no-file{display:none}
  2858. .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;}
  2859. .uhh-file-input.has-file .uhh-file-input--delete{display:inline-block !important}
  2860.  
  2861.  
  2862. .uhh-checkbox[type="checkbox"]{opacity:0;position:absolute; left:-10000px}
  2863. .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;}
  2864. .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);}
  2865. .uhh-checkbox-button ~ .uhh-checkbox-button {margin-top:5px}
  2866.  
  2867. /*:hover*/ .uhh-checkbox:hover + .uhh-checkbox-button:after, .uhh-checkbox-button:hover:after{display:block; border-color: #ddd}
  2868. /*:checked*/
  2869. .uhh-checkbox:checked + .uhh-checkbox-button{background:#0271bb}
  2870. .uhh-checkbox:checked + .uhh-checkbox-button:after{display:block; border-color: #fff; }
  2871. /*:focus*/
  2872. .uhh-checkbox:focus + .uhh-checkbox-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2873. /*:checked:hover*/
  2874. .uhh-checkbox:checked:hover + .uhh-checkbox-button:after, .uhh-checkbox:checked + .uhh-checkbox-button:hover:after{display:block;opacity:0.85}
  2875. /*:focus:hover*/
  2876. /*:focus:checked:hover*/
  2877. /*:disabled*/
  2878. .uhh-checkbox[disabled] + .uhh-checkbox-button{background:transparent!important;cursor:default;border:1px solid #ddd}
  2879. .uhh-checkbox[disabled] + .uhh-checkbox-button:after{display:none!important}
  2880. /*:disabled:checked*/
  2881. .uhh-checkbox[disabled]:checked + .uhh-checkbox-button:after{display:block!important; border-color: #aaa!important;opacity:1!important}
  2882. /*:field_with_errors:hover*/
  2883. .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}
  2884. /*:field_with_errors:checked:hover*/
  2885. .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}
  2886. /*:field_with_errors:checked*/
  2887. .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}
  2888.  
  2889.  
  2890. .uhh-radiogroup{}
  2891. .uhh-radiogroup label:not(:has([disabled])){cursor:pointer}
  2892. .uhh-radiogroup label *{cursor:pointer}
  2893. .uhh-radiogroup label:after{cursor:pointer;content:"";display:table;width:100%;height:5px}
  2894. .uhh-radio{position:absolute; left:-10000px}
  2895. .uhh-radio[disabled]~*{cursor:default}
  2896. .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;}
  2897. .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%);}
  2898. .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}
  2899. .uhh-radio-button + span{float:left;max-width:calc(100% - 39px)}
  2900.  
  2901. /*:hover*/
  2902. .uhh-radio:hover + .uhh-radio-button:after, .uhh-radio-button:hover:after{display:block}
  2903. /*:checked*/
  2904. .uhh-radio:checked + .uhh-radio-button{background:#0271bb;border-width:0;}
  2905. .uhh-radio:checked + .uhh-radio-button:after{display:block; background-color: #fff; }
  2906. /*:focus*/
  2907. .uhh-radio:focus + .uhh-radio-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  2908. /*:checked:hover*/
  2909. .uhh-radio:checked:hover + .uhh-radio-button:after, .uhh-radio:checked + .uhh-radio-button:hover:after{opacity:0.85}
  2910. /*:focus:hover*/
  2911. /*:focus:checked:hover*/
  2912. /*:disabled*/
  2913. .uhh-radio[disabled] + .uhh-radio-button{background:transparent!important;cursor:default;border:1px solid #ddd}
  2914. .uhh-radio[disabled] + .uhh-radio-button:before{display:none!important}
  2915. .uhh-radio[disabled] + .uhh-radio-button:after{display:none!important}
  2916. /*:disabled:checked*/
  2917. .uhh-radio[disabled]:checked + .uhh-radio-button:after{display:block!important; border-color: #aaa!important;opacity:1!important}
  2918. /*:invalid*/
  2919. .uhh-radiogroup[aria-invalid="true"] .uhh-radio-button:before{display:block}
  2920.  
  2921. form.standard.v23 {padding:20px;background-color: #F0F3F6 ;}
  2922. form.standard.v23 select,
  2923. form.standard.v23 input[type="text"],
  2924. form.standard.v23 input[type="number"],
  2925. form.standard.v23 input[type="email"]{padding:0 10px;line-height:40px;height:40px}
  2926.  
  2927. form.standard.v23 textarea,
  2928. form.standard.v23 select,
  2929. form.standard.v23 input[type="text"],
  2930. form.standard.v23 input[type="number"],
  2931. form.standard.v23 input[type="submit"],
  2932. form.standard.v23 input[type="email"]{border:0}
  2933.  
  2934. form.standard.v23 .button.row .cell { padding: 30px 0 0}
  2935. form.standard.v23 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017}
  2936. form.standard.v23 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;}
  2937.  
  2938. form.standard.v24 {padding:20px;background-color: #F0F3F6 ;}
  2939. form.standard.v24 select,
  2940. form.standard.v24 input[type="text"],
  2941. form.standard.v24 input[type="number"],
  2942. form.standard.v24 input[type="email"]{padding:0 10px;line-height:40px;height:40px}
  2943.  
  2944. form.standard.v24 textarea,
  2945. form.standard.v24 select,
  2946. form.standard.v24 input[type="text"],
  2947. form.standard.v24 input[type="number"],
  2948. form.standard.v24 input[type="submit"],
  2949. form.standard.v24 input[type="email"]{border:0}
  2950.  
  2951. form.standard.v24 textarea,
  2952. form.standard.v24 select,
  2953. form.standard.v24 input[type="text"],
  2954. form.standard.v24 input[type="number"],
  2955. form.standard.v24 input[type="email"]{ background-color:#fff}
  2956.  
  2957. form.standard.v24 .button.row .cell { padding: 30px 0 0}
  2958. form.standard.v24 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017}
  2959. form.standard.v24 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;}
  2960.  
  2961.  
  2962. .standard.v24 .validationMessage{display:none}
  2963. .standard.v24 .field_with_errors select[aria-invalid],
  2964. .standard.v24 .field_with_errors textarea[aria-invalid],
  2965. .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;}
  2966.  
  2967. .standard.v24 .row_with_errors .validationMessage{  display: block; color: #c40017; font-size: 14px;}
  2968. .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); }
  2969. .standard.v24 .field_with_errors .uhh-file-input--preview div{outline: 1px solid #c40017!important;outline-offset:-1px}
  2970. .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; }
  2971.  
  2972. .standard.v24 .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom}
  2973. .standard.v24 .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px}
  2974. .standard.v24 .validationMessage + .field_with_errors{display:block}
  2975. .standard.v24 .checkbox.row_with_errors .validationMessage{display:inline-block}
  2976.  
  2977. .content-page .box-mail-form { padding:0!important;margin-bottom:60px}
  2978. .content-page .box-mail-form > .standard{ max-width:none!important; margin:0!important;width:100%!important}
  2979. .content-page .box-mail-form > .standard:before{content:none!important}
  2980. .content-page .box-mail-form > .standard > .header{ padding:60px 20px 100px;color:#fff;background-color:var(--UHH0271bb-fff);width:100% !important;  max-width:none!important;overflow: hidden; }
  2981. .content-page .box-mail-form > .standard > .header .text{ font-size:19px; line-height:1.5em }
  2982. .s .content-page .box-mail-form > .standard > .header{ padding:60px 20px 40px;}
  2983. .m .content-page .box-mail-form > .standard > .header{ padding-left:20px;padding-right:20px;}
  2984. .content-page .box-mail-form > .standard > .header > * { position: relative; margin-left: auto; margin-right: auto; max-width: 1258px!important;}
  2985. .content-page .box-mail-form > .standard > .header h2{position:relative;margin-top: 0 !important;padding-top: 30px !important;max-width: 750px!important;font-family: TheSansUHHBoldCaps, sans-serif; font-size: 38px !important; line-height: 42px;}
  2986. .content-page .box-mail-form > .standard > .header h2:before { content: ""; position: absolute; top: 0; left: 0; width: 122px; height: 6px; background-color:#fff;}
  2987. .content-page .box-mail-form > .standard > .header .text > *:first-child { margin-top: 0}
  2988. .content-page .box-mail-form > .standard > .header .text > *:last-child { margin-bottom: 0}
  2989. .content-page .box-mail-form .inner {position: relative;  margin-left: auto;  margin-right: auto;  max-width: 1258px!important;}
  2990. .content-page .box-mail-form form { margin-top:-50px; background-color: #F6F8FA; padding:40px 40px 50px;font-size:17px ; max-width:750px }
  2991. .s .content-page .box-mail-form form { padding:40px 20px 50px; }
  2992. .content-page .box-mail-form form a{ color:#4e4e4e }
  2993. .s .content-page .box-mail-form form .button.row .cell{ padding-top:15px!important }
  2994. .standard.v24 .uhh-checkbox-button + label {  max-width: calc(100% - 45px)!important;}
  2995. form.standard .mandatory-fields-notice{ margin:0; font-family: TheSansUHHBold, sans-serif}
  2996. form.standard .mandatory-fields-notice *{ margin:0; }
  2997. form.standard .mail-form-heading{ margin:10px 0;font-size:17px;font-family: TheSansUHH, sans-serif}
  2998. form.standard .mail-form-heading *{ margin:0;}
  2999. form.standard .mail-form-heading:has(h1,h2,h3,h4,h5) *:not(strong,b){ font-family: TheSansUHH, sans-serif}
  3000. form.standard .mail-form-heading *:is(h1,h2,h3,h4,h5){ font-family: TheSansUHHBold, sans-serif!important;font-size:24px}
  3001. form.standard .mail-form-heading *:is(h1,h2,h3,h4,h5) + *{ margin-top:6px}
  3002.  
  3003. .content-page .box-mail-form form label{  line-height:1.5em}
  3004. .content-page .form-confirm { padding:0 !important;  max-width: 1258px !important;  margin-left: auto;  margin-right: auto;}
  3005. .content-page .form-confirm .alert {background-color: #f6f8fa; max-width: 750px!important;  margin:0!important}
  3006. .content-page .box-mail-form .alert2 { font-size:19px; max-width: 1258px !important;  margin-left: auto;  margin-right: auto;line-height: 1.4em;}
  3007. .content-page .box-mail-form .standard:has(.alert2) { margin-top:51px!important;padding-left:20px;padding-right:20px}
  3008. .s .content-page .form-confirm .alert { padding: 32px 100px 35px 20px!important;}
  3009. .content-page .form-confirm .alert:after { width: 81px; height: 82px;}
  3010. .content-page .outer:is(.box-mail-form:has(.alert2) + .outer) { margin-top:-10px!important;padding-bottom:51px!important}
  3011.  
  3012. .form-inputbox{margin:0;padding:0;border:0}
  3013. .form-inputbox legend{margin:0;padding:0}
  3014. .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;}
  3015. .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);}
  3016. .form-inputbox > button[aria-expanded="true"] {}
  3017. .form-inputbox > button[aria-expanded="true"]:after {transform:rotate(180deg)}
  3018. .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%}
  3019. .form-inputbox li{max-width:none!important}
  3020. .form-inputbox li:before{content:none!important;position:relative;max-width:none}
  3021. .form-inputbox label{display:block}
  3022. .form-inputbox label input{position:absolute;left:5px;height:26px;margin:0}
  3023. .form-inputbox label input:focus{outline:0!important;box-shadow:none!important}
  3024. .form-inputbox label span{padding:4px 10px 4px 25px;display:block;cursor:pointer;line-height:1.25em}
  3025. .form-inputbox label input:checked + span{cursor:default}
  3026. .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;}
  3027. /* Provide a fallback style for browsers   that don't support :focus-visible */
  3028. .form-inputbox > button:focus{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  3029. /* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */
  3030. .form-inputbox > button:focus:not(:focus-visible){outline: none!important;box-shadow:none!important}
  3031. /* Draw a very noticeable focus style for keyboard-focus on browsers that do support :focus-visible */
  3032. .form-inputbox > button:focus-visible{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)}
  3033.  
  3034. .box_event_application_form {margin-top:30px}
  3035. .h1 + .box_event_application_form { margin-top: 60px;}
  3036. .box_event_application_form > h2 {margin:0 0 30px !important}
  3037. .s .box_event_application_form > h2 {margin:0 20px 30px !important}
  3038. .box_event_application_form > ul {list-style:none; margin:0 !important; padding:0 !important}
  3039. .box_event_application_form > ul > li:before {content:none !important}
  3040. .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}
  3041. .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}
  3042. .box_event_application_form > ul > li {background-color: #f0f3f6; max-width:none !important}
  3043. .box_event_application_form > ul > li:after {content:""; display:table; width:100%}
  3044. .box_event_application_form > ul > li > div {display:flex; gap:20px; width:100%;padding-right: 10px;}
  3045. .s .box_event_application_form > ul > li > div {flex-direction:column; gap:0}
  3046. .box_event_application_form > ul > li:not(:first-child) {margin-top:10px}
  3047. .box_event_application_form > ul > li > div p {margin:0}
  3048. .box_event_application_form > ul > li .date {padding:13px 0 15px 20px; flex:0 0 185px; position:relative}
  3049. .s .box_event_application_form > ul > li .date {flex:0; text-align:left; padding:14px 20px 6px }
  3050. .box_event_application_form > ul > li .date div:first-child {font-family: TheSansUHHBoldCaps,sans-serif; font-size: 18px;  margin-bottom: 3px}
  3051. .box_event_application_form > ul > li .date .sep {display:none; margin:0 12px}
  3052. .s .box_event_application_form > ul > li .date .sep {display:inline-block}
  3053. .s .box_event_application_form > ul > li .date div {display:inline-block}
  3054. .box_event_application_form > ul > li .date div:last-child {white-space:nowrap; font-family: TheSansUHHRegularCaps,sans-serif;  font-size: 18px;  line-height: 13px}
  3055. .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}
  3056. .s .box_event_application_form > ul > li .title {padding:0 20px}
  3057. .box_event_application_form > ul > li .booking {padding:20px; flex:0 0 135px; text-align:right}
  3058. .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 }
  3059. .s .box_event_application_form > ul > li .booking br {display:none;}
  3060. .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 }
  3061. .box_event_application_form > ul > li.has-form .booking button{display:none !important}
  3062. .s .box_event_application_form > ul > li.has-form .booking {display:none }
  3063. .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}
  3064. .box_event_application_form > ul > li .booking .calltoaction.warteliste {background-color:#3b515c !important}
  3065. .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}
  3066. .s .box_event_application_form > ul > li .booking em {float:right}
  3067. .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}
  3068. .s .box_event_application_form > ul > li > p.alert {margin:0px 20px 20px 20px !important}
  3069. .box_event_application_form > ul > li.has-form > p.alert {margin:5px 30px 0px 205px !important}
  3070. .s .box_event_application_form > ul > li.has-form > p.alert {margin:20px 20px 0px 20px !important}
  3071.  
  3072. .box_event_application_form p.alert + form {padding:10px 20px 30px}
  3073. .s .box_event_application_form p.alert + form {padding:0px 20px 30px}
  3074.  
  3075.  
  3076. .h1 + .event_application { margin-top: 60px;}
  3077. .s .event_application { padding:0 20px;}
  3078.  
  3079.  
  3080. .box_event_application_form .validationMessage{display:none}
  3081. .box_event_application_form .field_with_errors select[aria-invalid],
  3082. .box_event_application_form .field_with_errors textarea[aria-invalid],
  3083. .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;}
  3084. .box_event_application_form .row_with_errors .validationMessage{  display: block; color: #c40017; font-size: 14px;}
  3085. .box_event_application_form .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom}
  3086. .box_event_application_form .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px}
  3087. .box_event_application_form .validationMessage + .field_with_errors{display:block}
  3088. .box_event_application_form .checkbox.row_with_errors .validationMessage{display:inline-block}
  3089.  
  3090. .download_event_application_form, .slots > .slot > a, .quicklinks_to_event_application_form_slots a {  text-decoration: underline !important;}
  3091. .download_event_application_form:hover, .slots > .slot > a:hover, .quicklinks_to_event_application_form_slots a:hover {  text-decoration: none !important;}
  3092. .quicklinks_to_event_application_form_slots li + li{margin-top:10px}
  3093. /*Regeln für neuen form.standard dom*/
  3094.  
  3095. form.standard.uhh-form {padding:15px 30px 30px 20px!important}
  3096. form.standard.uhh-form .full-width legend.sweeped{margin-top:10px!important}
  3097. .s form.standard.uhh-form {padding:0 20px 30px}
  3098. form.standard.uhh-form .close {margin:-10px -8px 0 0; border:0; background-color:transparent; float:right; width:40px; height:40px; cursor:pointer}
  3099. form.standard.uhh-form .rows {}
  3100. form.standard.uhh-form .row {display:flex !important; gap:20px; margin-top:10px}
  3101. .s form.standard.uhh-form .row {display:block !important}
  3102. form.standard.uhh-form .row.block {display:block !important}
  3103.  
  3104. form.standard.uhh-form .row .description {flex:0 0 165px; padding:0 0 0}
  3105. .s form.standard.uhh-form .row .description {padding:0 0 5px}
  3106. form.standard.uhh-form .row .content {flex-grow: 1; position:relative}
  3107. form.standard.uhh-form .row.slot-info .description {padding-top:15px}
  3108. form.standard.uhh-form .row.slot-info .content {padding:5px 15px; background-color:#fff}
  3109. form.standard.uhh-form .row.slot-info p {margin:0; padding:10px 0; background-repeat:no-repeat; background-position: 5px center}
  3110. 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")}
  3111. 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")}
  3112. 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}
  3113. 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}
  3114. form.standard.uhh-form .row.slot-info p.calendar {padding:10px 0 10px 30px; text-align:right}
  3115. form.standard.uhh-form .row.slot-info p + p {border-top:1px solid #E6E6E6}
  3116.  
  3117. form.standard.uhh-form .row.datenschutz {margin-top:20px}
  3118. form.standard.uhh-form .row.datenschutz .description {padding-top:5px}
  3119.  
  3120. form.standard.uhh-form .submit {text-align:right; margin-top:20px}
  3121. form.standard.uhh-form input[type="checkbox"] {margin-left:0}
  3122. .s form.standard.uhh-form .submit {margin-top:30px}
  3123. form.standard.uhh-form .submit * {height:50px; margin-top:10px!important}
  3124. form.standard.uhh-form .submit :first-child:not(:last-child) {background-color:#3b515c !important; margin:0}
  3125. form.standard.uhh-form .submit :last-child {margin:0 0 0 20px}
  3126.  
  3127.  
  3128. .box_mailform_newsletter form.standard.uhh-form {padding:35px!important}
  3129. .box_mailform_newsletter form .rows h2 {margin:0!important}
  3130. .box_mailform_newsletter form.standard.uhh-form .row{flex-direction: column; gap:10px;margin-top:20px}
  3131. .box_mailform_newsletter form.standard.uhh-form .row .description{flex:auto}
  3132. .box_mailform_newsletter form.standard.uhh-form .row .description:empty{display:none}
  3133. .box_mailform_newsletter form.standard.uhh-form .row .description label{font-family: TheSansUHHBold, sans-serif}
  3134. .box_mailform_newsletter form.standard.uhh-form .row.submit {text-align:right}
  3135. .s .box_mailform_newsletter form.standard.uhh-form {
  3136. margin: 60px 0 40px !important;
  3137. }
  3138. :root {
  3139. --grid-box-margin: 2.2%;
  3140. --grid-box-margin-: -2.2%;
  3141. --grid-box-width_2-of-3: calc((100% - 6*var(--grid-box-margin))/3*2 + 2*var(--grid-box-margin));
  3142. --grid-box-width_1-of-3: calc((100% - 6*var(--grid-box-margin))/3);
  3143. --grid-box-width_1-of-2: calc((100% - 4*var(--grid-box-margin))/2);
  3144. }
  3145. .outer.wfa{position:relative}
  3146. 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}
  3147. .l a.wfa-veranstaltungshinweise {top: 30px;}
  3148.  
  3149. .m .outer.wfa{padding-bottom:80px !important;}
  3150. .m a.wfa-veranstaltungshinweise {right: 0px;margin-bottom: 30px;bottom:0}
  3151. .s .outer.wfa{padding-bottom:120px !important;}
  3152. .s a.wfa-veranstaltungshinweise {margin-top:30px;margin-bottom: 40px;;bottom:0}
  3153.  
  3154.  
  3155. .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;}
  3156. .grid-item{position:relative;width:var(--grid-box-width_1-of-3); margin:var(--grid-box-margin);}
  3157.  
  3158. .grid-item a{display:block;  color: #4e4e4e;word-wrap: break-word}
  3159. .grid-item .image{}
  3160. .grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3}
  3161. .grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;}
  3162. .grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px}
  3163. .grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: #0271bb; font-size: 18px; margin-top: 10px}
  3164. .grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px }
  3165. .grid-item a:hover .titel {text-decoration: underline }
  3166. .grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic}
  3167.  
  3168.  
  3169. .filter-form{padding:20px 0;margin:15px 0 0}
  3170. .filter-form h2{margin:0 }
  3171. .filter-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent}
  3172. #filter-form .grid{margin:0 var(--grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row}
  3173. #filter-form .searchbox{ width:var(--grid-box-width_2-of-3);margin:20px var(--grid-box-margin) 0}
  3174. #filter-form .searchbox label{ white-space:normal!important}
  3175. #filter-form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important}
  3176. #filter-form .space{ width:var(--grid-box-width_1-of-3); margin:0 var(--grid-box-margin)}
  3177. #filter-form fieldset { min-width: 0;width:var(--grid-box-width_1-of-3); margin:20px var(--grid-box-margin) 0;position:relative}
  3178.  
  3179. .m #filter-form .searchbox{ width:var(--grid-box-width_1-of-2)}
  3180. .m #filter-form .space{ display:none}
  3181. .m #filter-form fieldset { width:var(--grid-box-width_1-of-2)}
  3182. .m .grid-item{width:var(--grid-box-width_1-of-2)}
  3183.  
  3184. .s #filter-form .grid{margin:0;flex-direction: column}
  3185. .s #filter-form .searchbox{ width:100%;margin:20px 0 0}
  3186. .s #filter-form .space{ display:none}
  3187. .s #filter-form fieldset { width:100%;margin:20px 0 0}
  3188. .s #filter-results .grid-container{margin:20px 0;flex-direction: column}
  3189. .s .grid-item{width:100%;margin:0}
  3190. .s .grid-item img{width:100%}
  3191.  
  3192. .s .filter-form { padding:20px 20px 0}
  3193. .s #filter-results .grid-item + .grid-item {margin-top:48px}
  3194. .s #filter-results .grid-item .bildnachweis {padding:0 20px}
  3195. .s #filter-results .grid-item .text {padding:0 20px}
  3196.  
  3197. #filter-form .buttons { text-align:right;margin-top:15px}
  3198. #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;}
  3199. #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;}
  3200.  
  3201.  
  3202. .zitatblock {float:none!important;font-family:TheSansUHHBold, sans-serif; margin:80px 0 0 0; padding:30px 50px 50px 50px; color:var(--UHH0271bb-hellblau);
  3203. 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;
  3204. position:relative; margin:40px auto; float:none;
  3205. }
  3206. .zitatblock:hover {text-decoration:none}
  3207. .zitatblock:before {content:"\201D"; font-family:TheSansUHHBold, sans-serif; font-size:160px; display:block; margin:44px 0 -20px 0}
  3208.  
  3209. :root {
  3210. --filter-teaser-grid-box-margin: 2.2%;
  3211. --filter-teaser-grid-box-margin-: -2.2%;
  3212. --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));
  3213. --filter-teaser-grid-box-width_1-of-3: calc((100% - 6*var(--filter-teaser-grid-box-margin))/3);
  3214. --filter-teaser-grid-box-width_1-of-2: calc((100% - 4*var(--filter-teaser-grid-box-margin))/2);
  3215. }
  3216.  
  3217. .outer.filtergrau{background:#faf9f9;}
  3218. .s .outer.filtergrau:not(.wfa){padding-bottom:20px !important;}
  3219.  
  3220. .filter-teaser{transition:opacity 0.15s;opacity:0;margin:30px 0;}
  3221. .filter-teaser h2{margin:0!important;padding-top:20px!important}
  3222. .filter-teaser h2{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9}
  3223. .s .filter-teaser h2{padding:20px 20px 0 !important}
  3224.  
  3225. .filter-teaser-form{padding:0 0 15px;margin:0;}
  3226. .filter-teaser-form{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9;}
  3227. .filter-teaser[data-filters="0"] .filter-teaser-form{padding:0 0 35px}
  3228. .s .filter-teaser-form { padding:20px 20px 15px}
  3229. .filter-teaser-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent}
  3230. .filter-teaser-form form .filter-teaser-grid{margin:0 var(--filter-teaser-grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row}
  3231. .s .filter-teaser-form form .filter-teaser-grid{margin:0;flex-direction: column}
  3232. .filter-teaser-form form .searchbox{ margin:20px var(--filter-teaser-grid-box-margin) 0}
  3233. .filter-teaser-form form .searchbox label{ white-space:normal!important;display:block}
  3234. .filter-teaser-form form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important}
  3235. .filter-teaser-form form .space{ margin:0 var(--filter-teaser-grid-box-margin)}
  3236. .m .filter-teaser-form form .space{ display:none}
  3237. .filter-teaser-form form fieldset { min-width: 0; margin:20px var(--filter-teaser-grid-box-margin) 0;position:relative}
  3238. .filter-teaser-form form .buttons { text-align:right;margin-top:15px}
  3239. .filter-teaser[data-filters="0"] .filter-teaser-form form .buttons,.filter-teaser[data-filters="0"] .filter-teaser-form form fieldset { display:none}
  3240. .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;}
  3241. .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;}
  3242. .filter-teaser-form form button{background-repeat:no-repeat;background-position:8px 8px;background-size:20px;padding-left:36px}
  3243.  
  3244. .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_2-of-3)}
  3245. .filter-teaser-form form .space{ width:var(--filter-teaser-grid-box-width_1-of-3)}
  3246. .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-3)}
  3247.  
  3248. .m .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-2)}
  3249. .m .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_1-of-2)}
  3250.  
  3251. .s .filter-teaser-form form .searchbox{ width:100%;margin:20px 0 0}
  3252. .s .filter-teaser-form form .space{ display:none}
  3253. .s .filter-teaser-form form fieldset { width:100%;margin:20px 0 0}
  3254.  
  3255. .filter-teaser-buttons{padding:0!important;min-height:20px;margin:30px -10px 0 -10px}
  3256. .s .filter-teaser-buttons{padding:0 20px!important;min-height:20px;margin:30px -10px 0 -10px}
  3257. .filter-teaser-buttons:after{content:"";display:table;width:100%}
  3258. .filter-teaser-buttons li:before{content:none!important}
  3259. .filter-teaser-buttons li{float:left}
  3260. .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}
  3261. .filter-teaser-buttons li button{background-repeat:no-repeat;background-position:12px 13px;background-size:20px;}
  3262. .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;}
  3263.  
  3264. .l .filter-teaser a.filter-link { right: calc(-1*(100vw - 1258px)/2); }
  3265.  
  3266. html:not(.l) .filter-teaser .filter-link-container {background-color:#faf9f9;overflow:hidden; margin:0 -20px}
  3267. 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)}
  3268.  
  3269. .filter-teaser .filter-teaser-buttons:empty:after {content:none}
  3270. .filter-teaser .filter-teaser-buttons:empty {display:none}
  3271.  
  3272. .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;}
  3273. .filter-teaser-grid-item{position:relative;width:var(--filter-teaser-grid-box-width_1-of-3); margin:var(--filter-teaser-grid-box-margin);}
  3274. .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%);}
  3275. .m .filter-teaser-grid-item{width:var(--filter-teaser-grid-box-width_1-of-2)}
  3276. .filter-teaser-grid-item a{display:block;  color: #4e4e4e;word-wrap: break-word}
  3277. .filter-teaser-grid-item .image{}
  3278. .filter-teaser-grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3}
  3279. .filter-teaser-grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;}
  3280. .filter-teaser-grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px}
  3281. .filter-teaser-grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; margin-top: 10px}
  3282. .filter-teaser-grid-item .rubrik .sep{ margin:0 12px}
  3283. .filter-teaser-grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px }
  3284. .filter-teaser-grid-item .inhalt{margin:1em 0}
  3285. .filter-teaser-grid-item .inhalt>*:first-child{margin-top:0}
  3286. .filter-teaser-grid-item .inhalt>*:last-child{margin-bottom:0}
  3287. .filter-teaser-grid-item a:hover {text-decoration: none!important }
  3288. .filter-teaser-grid-item a:hover .titel {text-decoration: underline !important}
  3289. .filter-teaser-grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic}
  3290.  
  3291. .filter-teaser-grid-item .tags {display:none}
  3292. .filter-teaser.tags .filter-teaser-grid-item .tags {display:block}
  3293. .filter-teaser .tags {margin:0;padding:0!important;min-height:35px;margin:0 -10px}
  3294. .s .filter-teaser .tags {margin:0 15px}
  3295. .filter-teaser .tags:after{content:"";display:table;width:100%}
  3296. .filter-teaser .tag:before{content:none!important}
  3297. .filter-teaser .tag{float:left}
  3298. .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}
  3299. .filter-teaser .tag button{background-repeat:no-repeat;background-position:10px 8px;background-size:20px;}
  3300.  
  3301. .filter-teaser-result{clear:both}
  3302. .s .filter-teaser-result .filter-teaser-grid-container{margin:20px 0;flex-direction: column}
  3303. .s .filter-teaser-grid-item{width:100%;margin:0 0 48px}
  3304. .s .filter-teaser-grid-item img{width:100%}
  3305.  
  3306. .s .filter-teaser-result .filter-teaser-grid-item .bildnachweis {padding:0 20px}
  3307. .s .filter-teaser-result .filter-teaser-grid-item .text {padding:0 20px}
  3308.  
  3309. .outer.acc{margin: 60px 0 40px 0}
  3310. .outer.acc h2{margin:0 0 30px}
  3311. .s .outer.acc h2{padding:0 20px}
  3312. .nav-accordion{transition:opacity 0.25s;opacity:0;position:relative;}
  3313. .nav-accordion.accordionActive{opacity:1}
  3314. html:not(.s) .nav-accordion > div > :first-child{margin:0;padding:0}
  3315. html:not(.s) .nav-accordion > div > :first-child{width:50%; padding-right:15px}
  3316. html:not(.s) .nav-accordion > div + div > :first-child{padding-top:2px}
  3317. .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}
  3318. html:not(.s) .nav-accordion .accordion-trigger{background:#faf9f9;font-size:18px;padding:14px 20px 14px 54px!important;}
  3319. html:not(.s) .nav-accordion .accordion-trigger:focus{background:#0271bb;color:#fff}
  3320. html:not(.s) .nav-accordion .accordion-trigger:hover{text-decoration:underline;cursor:pointer}
  3321. html:not(.s) .nav-accordion .accordion-trigger[aria-expanded="true"]{background:#0271bb;color:#fff;cursor:default;text-decoration:none}
  3322. html:not(.s) .accordion-trigger[aria-expanded="true"]:after{content: "";position: absolute;top: 0;right: -15px;width: 17px;height: 100%;background: #0271bb;
  3323. -webkit-clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0);
  3324. clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0)
  3325. }
  3326. .nav-accordion > div > div{padding:0 20px;}
  3327. html:not(.s) .nav-accordion > div > div{position:absolute;width:50%;top:0;right:0;padding:0 0 0 25px;}
  3328. html:not(.s) .nav-accordion > div > div > :first-child{margin-top:5px}
  3329.  
  3330. .s .nav-accordion > div{margin-bottom:12px}
  3331. .s .nav-accordion > div > :first-child{margin:0!important}
  3332. .s .nav-accordion > div > div{overflow:hidden!important;margin:0!important}
  3333. .s .nav-accordion .accordion-trigger {background:#faf9f9;font-size:18px;padding: 18px 18px 18px 54px!important; }
  3334. .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}
  3335. .s .nav-accordion .accordion-trigger:hover{background:#0271bb;color:#fff;cursor:pointer}
  3336. .s .nav-accordion .accordion-trigger:before { content: ""; position: absolute; width: 20px; height: 19px; left: 18px; top: 50%; margin-top: -8px;}
  3337. .s .nav-accordion .accordion-trigger[aria-expanded="false"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg");}
  3338. .s .nav-accordion .accordion-trigger[aria-expanded="true"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg");}
  3339. .s .nav-accordion .accordion-trigger[aria-expanded="false"]:focus:before,
  3340. .s .nav-accordion .accordion-trigger[aria-expanded="false"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg");}
  3341. .s .nav-accordion .accordion-trigger[aria-expanded="true"]:focus:before,
  3342. .s .nav-accordion .accordion-trigger[aria-expanded="true"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg");}
  3343.  
  3344.  
  3345. .breadcrumb { margin: 30px auto 20px;}
  3346.  
  3347.  
  3348. .outer.landingpage{position:relative;background-color:#fff}
  3349.  
  3350. .outer.landingpage{margin-top:90px;margin-bottom:90px}
  3351. .outer.landingpage.intro{margin-top:20px}
  3352. .m .outer.landingpage.intro{margin-top:45px}
  3353. .outer.landingpage.outro{margin-bottom:0}
  3354. html:not(.s) .outer.landingpage.teaser-cluster{margin-bottom:120px}
  3355.  
  3356. .outer.landingpage *{transition-timing-function: ease-in-out;transition-duration: 0.15s}
  3357. html:not(.s) .outer.landingpage * h2{hyphens:none}
  3358.  
  3359. .outer.landingpage .inner{position:relative;padding-right:100px}
  3360. @media  screen and (max-width:1200px) {
  3361. .outer.landingpage .inner{padding-right:0}
  3362. }
  3363. .outer.landingpage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  3364. .s .outer.landingpage[id] .inner:before,
  3365. .s .outer.landingpage.content-navi .inner:before{left:20px}
  3366. .outer.landingpage .content{}
  3367. .outer.landingpage .content .text{ font-size:19px;line-height:28px}
  3368. .outer.landingpage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  3369. .outer.landingpage .bildnachweis a:hover{text-decoration:underline !important}
  3370.  
  3371.  
  3372. .outer.landingpage.intro{}
  3373. .intro.landingpage .inner:after {content:""; display:table; width:100%;}
  3374. .s .landingpage .content{display:flex;flex-direction:column}
  3375. .landingpage.intro .header {;margin-bottom:60px}
  3376. .m .landingpage.intro .inner .header{margin-bottom:40px}
  3377. .s .landingpage.intro .inner .header{order:2; padding:50px 20px 0;margin-bottom:20px}
  3378. .landingpage.intro h1 {color:#0271bb;font-size:32px;margin:0}
  3379. .landingpage.intro h2 { margin:10px 0;}
  3380. .landingpage.intro .text {float:left; width:38%;}
  3381. .s .landingpage.intro .inner .text{order:3;float:none;width:auto; padding:0 20px}
  3382. .intro .calltoaction {margin-top:50px;}
  3383. .m .landingpage.intro .calltoaction {margin-top:40px;}
  3384. .s .landingpage.intro .calltoaction {margin-top:35px;}
  3385. .landingpage.intro .text p:first-child {margin-top:0 }
  3386. .landingpage.intro .text p:nth-last-child(2) {margin-bottom:0 }
  3387. .landingpage.intro .image {position:relative; float:right; width:calc(60% - 50px)}
  3388. .s .landingpage.intro .inner .image{order:1;float:none;width:auto}
  3389. .landingpage.intro .image .img {width:100%;padding-top:56.4802%;position:relative;overflow:hidden}
  3390. .landingpage.intro .image img {position:absolute;top:0;left:0;width:100%;height:auto}
  3391. /* .s .intro .image img {position:absolute;top:-6%;left:-13%;width:113%} */
  3392. .s .landingpage.intro .image img {position:absolute;top:0;left:-16%;width:116%}
  3393. .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);}
  3394.  
  3395.  
  3396.  
  3397. .landingpage.outro .content:before {content:""; display:table; width:100%;}
  3398. .landingpage.outro .content:after {content:""; display:table; width:100%;}
  3399. .landingpage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;}
  3400. .landingpage.outro.img-text h2 { float:right; padding-left:40px;}
  3401. .m .landingpage.outro h2 { float:none;width:auto}
  3402. .s .landingpage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px}
  3403. .landingpage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px}
  3404. .landingpage.outro.img-text .image {float:left;}
  3405. .m .landingpage.outro .image {float:none; width:auto;max-width:600px}
  3406. .s .landingpage.outro .image {float:none; width:auto}
  3407. .landingpage.outro .image img {width:100%;height:auto}
  3408. .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);}
  3409. .landingpage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px}
  3410. .landingpage.outro.img-text .text {float:right; padding-left:40px;}
  3411. .m .landingpage.outro .text {float:none; width:auto; margin-top:40px}
  3412. .s .landingpage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px}
  3413. .landingpage.outro .text p:first-child{margin-top:0}
  3414. .landingpage.outro .text p:nth-last-child(2){margin-bottom:0}
  3415. .landingpage.outro .calltoaction {margin-top:50px;}
  3416. .m .landingpage.outro .calltoaction {margin-top:40px;}
  3417. .s .landingpage.outro .calltoaction {margin-top:35px;}
  3418.  
  3419.  
  3420.  
  3421.  
  3422. .s .outer.landingpage.content-navi .inner{padding:0 20px}
  3423. .landingpage.content-navi .content:before{content:"";display:table}
  3424. .landingpage.content-navi .content:after{}
  3425. .landingpage.content-navi h2{margin:30px 0 0 0; }
  3426. .landingpage.content-navi nav{margin-top:45px;line-height:2em}
  3427. .landingpage.content-navi nav:after{content:"";display:table;width:100%}
  3428. .landingpage.content-navi ul{padding:0!important;margin:0}
  3429. .landingpage.content-navi li{float:left;margin:0 20px 20px 0}
  3430. html:not(.l) .landingpage.content-navi li{margin:0 15px 15px 0}
  3431. .landingpage.content-navi li:before{content:none!important}
  3432. .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;}
  3433. html:not(.l) .landingpage.content-navi a{padding:7px 14px 7px 32px;}
  3434. .landingpage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important}
  3435. html:not(.l) .landingpage.content-navi a:before{left: 0px;}
  3436.  
  3437.  
  3438. .teaser-cluster .inner{background-repeat:no-repeat;}
  3439. .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;}
  3440. .landingpage.teaser-cluster .content {position:relative;z-index:2}
  3441. .landingpage.teaser-cluster .content:before{content:"";display:table}
  3442. .landingpage.teaser-cluster .content:after {content:""; display:table; width:100%;}
  3443. .landingpage.teaser-cluster:after {content:""; display:table; width:100%;}
  3444. .landingpage.teaser-cluster .text {margin-top:30px;float:left; width:42%;clear:left }
  3445. html:not(.l) .landingpage.teaser-cluster .text { float:none; width:auto }
  3446. .s .landingpage.teaser-cluster .text { padding:0 20px }
  3447. .landingpage.teaser-cluster .text h2 { margin:0;}
  3448. .landingpage.teaser-cluster .text > div {margin-top:40px;}
  3449. .landingpage.teaser-cluster .text > div:empty {margin-top:70px;}
  3450. .s .landingpage.teaser-cluster .text > div:empty {display:none}
  3451. .landingpage.teaser-cluster .text p:first-child {margin-top:0 }
  3452. .landingpage.teaser-cluster .text p:last-child {margin-bottom:0 }
  3453. html:not(.l) .teaser-cluster .teasers  {clear:left;display:flex;flex-direction:row;flex-wrap: wrap;margin-top:50px;}
  3454. .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%)}
  3455. .m .landingpage.teaser-cluster .teasers {gap:20px}
  3456. .m .landingpage.teaser-cluster .teaser {width:auto;flex-basis: calc((100% - 20px)/2)}
  3457. .s .landingpage.teaser-cluster .teasers {gap:40px;}
  3458. .s .landingpage.teaser-cluster .teaser {width:auto;flex-basis: 100%}
  3459.  
  3460. .landingpage.teaser-cluster .teaser:focus-visible {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);}
  3461. .landingpage.teaser-cluster .teaser .teaser-img {order:1;position:relative;overflow:hidden}
  3462. .landingpage.teaser-cluster .teaser .teaser-img img{width:100%;height:auto;background-color:#ddd;min-width:100px}
  3463. .landingpage.teaser-cluster .bildnachweis {order:2;text-align:right;padding-right:10px;font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e); }
  3464. .landingpage.teaser-cluster .teaser .teaser-text {order:3;padding:15px 45px 50px}
  3465. .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 45px 57px}
  3466. .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)}
  3467. html:not(.l) .landingpage.teaser-cluster a.teaser { background-position:calc(100% - 10px) calc(100% - 15px)}
  3468. html:not(.l) .landingpage.teaser-cluster .teaser .teaser-text {padding:15px 20px 45px}
  3469. html:not(.l) .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 20px 52px}
  3470. .landingpage.teaser-cluster .teaser .teaser-text h3 {font-family: TheSansUHHBold, sans-serif; font-size:28px; line-height:36px;margin:0}
  3471. .landingpage.teaser-cluster a.teaser:hover .teaser-text h3 {text-decoration:underline}
  3472. .landingpage.teaser-cluster .teaser .teaser-text h3 + div {margin-top:1em}
  3473. .landingpage.teaser-cluster .teaser .teaser-text p {margin:0.7em 0}
  3474. .landingpage.teaser-cluster .teaser .teaser-text p:first-child {margin-top:0}
  3475. .landingpage.teaser-cluster .teaser .teaser-text p:last-child {margin-bottom:0}
  3476. .landingpage.teaser-cluster a.teaser .teaser-img img{transition:transform 0.2s ease-in-out;transform:scale(1)}
  3477. .landingpage.teaser-cluster a.teaser:hover .teaser-img img{transform:scale(1.05)}
  3478.  
  3479. .l .landingpage.teaser-cluster.t-2 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/2-fach-teaser-v1-d4b804f2f358e830870cf80ccea51895eb35a7e49e87e57ca9a0f4c9ed6a61e7.svg") }
  3480. .l .landingpage.teaser-cluster.t-2 .teaser-1 {float:right;margin:100px 80px 0 0;}
  3481. .l .landingpage.teaser-cluster.t-2 .teaser-2 {float:left;clear:left;margin:100px 0 0 80px}
  3482. .l .landingpage.teaser-cluster.t-3 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/3-fach-teaser-v1-88611adf53aec50cfd826a9a1e5589d41aff8c458b825b486c438a1f4484d632.svg") }
  3483. .l .landingpage.teaser-cluster.t-3 .teaser-1 {float:right;margin:100px 50px 0 0}
  3484. .l .landingpage.teaser-cluster.t-3 .teaser-2 {float:left;clear:left;margin:100px 0 0 0}
  3485. .l .landingpage.teaser-cluster.t-3 .teaser-3 {float:right;margin:100px 210px 0 0}
  3486. .l .landingpage.teaser-cluster.t-4 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/4-fach-teaser-v1-fd041a8ce79e0bbe98d7c55dc8987c50ae4edc22af4bd5b091229bcf98909809.svg") }
  3487. .l .landingpage.teaser-cluster.t-4 .teaser-1 {float:right;margin:100px 160px 0 0}
  3488. .l .landingpage.teaser-cluster.t-4 .teaser-2 {float:left;clear:left;margin:100px 0 0 0}
  3489. .l .landingpage.teaser-cluster.t-4 .teaser-3 {float:right;margin:100px 0px 0 0}
  3490. .l .landingpage.teaser-cluster.t-4 .teaser-4 {float:left;clear:left;margin:100px 0 0 160px}
  3491. .l .landingpage.teaser-cluster.t-5 .inner:after  {background-image:url("https://assets.rrz.uni-hamburg.de/assets/5-fach-teaser-v1-aff122f76566e5f9f74c627ed176a380b6971a23ba0f559936da2c145c3ed114.svg") }
  3492. .l .landingpage.teaser-cluster.t-5 .teaser-1 {float:right;margin:100px 160px 0 0}
  3493. .l .landingpage.teaser-cluster.t-5 .teaser-2 {float:left;clear:left;margin:100px 0 0 0}
  3494. .l .landingpage.teaser-cluster.t-5 .teaser-3 {float:right;margin:100px 0px 0 0}
  3495. .l .landingpage.teaser-cluster.t-5 .teaser-4 {float:left;clear:left;margin:100px 0 0 80px}
  3496. .l .landingpage.teaser-cluster.t-5 .teaser-5 {float:right;margin:100px 160px 0 0}
  3497.  
  3498.  
  3499. .landingpage.absprung-cluster{position:relative;border-bottom:100px solid #F6F8FA}
  3500. .s .landingpage.absprung-cluster{border-bottom:70px solid #F6F8FA}
  3501. .landingpage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important}
  3502. html:not(.l) .landingpage.absprung-cluster .inner{padding-right:0px!important}
  3503. .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"}
  3504. .s .landingpage.absprung-cluster .content{display:flex}
  3505. .m .landingpage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"}
  3506. .landingpage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;}
  3507. .s .landingpage.absprung-cluster h2{padding:30px 20px 0}
  3508.  
  3509. .landingpage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px}
  3510. html:not(.l) .landingpage.absprung-cluster .text{align-items: start}
  3511. .s .landingpage.absprung-cluster .text{padding:21px 20px 20px}
  3512. .landingpage.absprung-cluster .text > div{position:relative;padding:20px 0 70px}
  3513. .m .landingpage.absprung-cluster .text > div{padding:30px 0}
  3514. .s .landingpage.absprung-cluster .text > div{padding:20px 0}
  3515. .xxxxxxl .landingpage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3516. .landingpage.absprung-cluster .text > div > *{position:relative;z-index:2}
  3517. .landingpage.absprung-cluster .text p:first-child {margin-top:0 }
  3518. .landingpage.absprung-cluster .text p:last-child {margin-bottom:0 }
  3519. .landingpage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end}
  3520. .s .landingpage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto}
  3521. .landingpage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative}
  3522. .s .landingpage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;}
  3523. .landingpage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto}
  3524. html:not(.s) .landingpage.absprung-cluster .image img[width="640"]{display:none}
  3525. .s .landingpage.absprung-cluster .image img[width="520"]{display:none}
  3526. .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);}
  3527. .landingpage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative}
  3528. .landingpage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3529. .landingpage.absprung-cluster nav ul{padding:0!important;margin:0!important}
  3530. .l .landingpage.absprung-cluster nav ul{padding-top:100px !important}
  3531. .m .landingpage.absprung-cluster nav ul{padding-top:40px !important}
  3532. .s .landingpage.absprung-cluster nav ul{padding-top:50px !important}
  3533. html:not(.l) .landingpage.absprung-cluster nav li{max-width:none }
  3534. .landingpage.absprung-cluster nav li{background-color:#fff  }
  3535. .landingpage.absprung-cluster nav li + li{margin-top:13px }
  3536. .landingpage.absprung-cluster nav li:before{content:none!important  }
  3537. .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 }
  3538. /* .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")} */
  3539. .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"); }
  3540. /* .landingpage.absprung-cluster nav a.extern:hover:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/link-extern-fff-61b9cded35ad5c11c5a10ee13f769c525c3c6f5441b40956bb95461fbc554dde.svg")} */
  3541.  
  3542.  
  3543. .landingpage.video-cluster{position:relative;padding-bottom:30px!important}
  3544. .landingpage.video-cluster:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:#F6F8FA}
  3545. .s .landingpage.video-cluster:after{content:none}
  3546. .landingpage.video-cluster .content:before {content:""; display:table; width:100%;}
  3547. .landingpage.video-cluster .content .flex{display:flex; gap:100px;flex-direction:row;width:100%;position:relative;z-index:1}
  3548. .m .landingpage.video-cluster .content .flex{display:block}
  3549. .s .landingpage.video-cluster .content .flex{display:block}
  3550. .landingpage.video-cluster .text {width:33%}
  3551. .m .landingpage.video-cluster .text {width:100%}
  3552. .s .landingpage.video-cluster .text {width:100%; padding:0 20px;}
  3553. .landingpage.video-cluster h2 {padding-right:80px ;margin:30px 0 0;}
  3554. .landingpage.video-cluster .p {margin-top:40px;padding-right:80px}
  3555. .m .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px}
  3556. .s .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px}
  3557. .landingpage.video-cluster .p p:first-child {margin-top:0 }
  3558. .landingpage.video-cluster .p p:last-child {margin-bottom:0 }
  3559.  
  3560. .landingpage.video-cluster .media{display:flex;flex-direction:row;gap:30px;width:67%}
  3561. .m .landingpage.video-cluster .media{width:100%}
  3562. .s .landingpage.video-cluster .media{display:block;width:100%}
  3563. .landingpage.video-cluster .medium{display:flex;flex-direction:column;position:relative;width:calc(50% - 15px);min-height:200px}
  3564. .landingpage.video-cluster .medium .calltoaction{padding:12px 20px 13px!important}
  3565. .s .landingpage.video-cluster .medium{width:100%;margin:40px 0}
  3566. .s .landingpage.video-cluster .medium:last-child{;margin:40px 0 0}
  3567. .s .landingpage.video-cluster.v-3 .medium{margin:0}
  3568. .landingpage.video-cluster .medium .top{position:relative;order:1}
  3569. .landingpage.video-cluster .medium .bottom .calltoaction{margin:30px 0 0;display:none!important}
  3570. html:not(.l) .landingpage.video-cluster .medium .bottom .calltoaction{display:inline-block!important}
  3571. html:not(.l) .landingpage.video-cluster .medium .top .above{display:none!important}
  3572. .landingpage.video-cluster .medium .above{ position:absolute;bottom:0;transform:translate(-20px,-50px);z-index:3;margin:0;text-align:left}
  3573. .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}
  3574. .landingpage.video-cluster .medium button[aria-label="start"]{top:0;left:0;right:0;bottom:0;transform: none;background-position:center}
  3575. .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%);}
  3576. .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%);}
  3577. .landingpage.video-cluster .medium .bottom{order:2;margin:25px 0;position:relative;}
  3578. .s .landingpage.video-cluster .medium .bottom{padding:0 20px 20px}
  3579. .landingpage.video-cluster .medium .bottom h3{font-family: TheSansUHHBold, sans-serif; font-size:26px; line-height:36px;margin:0}
  3580. .m .landingpage.video-cluster .medium .bottom h3{font-size:23px; line-height:32px}
  3581. .s .landingpage.video-cluster .medium .bottom h3{font-size:21px; line-height:29px}
  3582.  
  3583. .landingpage.video-cluster.v-3{}
  3584. .video-cluster .swiper-wrapper{width:max-content}/**/
  3585. .landingpage.video-cluster .swiper-button-next{background:transparent;border:0}
  3586. .landingpage.video-cluster .swiper-button-prev{background:transparent;border:0}
  3587. .landingpage.video-cluster .swiper-button-next:after{color:#fff;background:transparent}
  3588. .landingpage.video-cluster .swiper-button-prev:after{color:#fff;background:transparent}
  3589. .landingpage.video-cluster .swiper-container-horizontal > .swiper-pagination-bullets{bottom:auto!important}
  3590.  
  3591. .yt-video{position:relative;aspect-ratio:414/733;clip-path: polygon(1px 0, calc(100% - 2px) 0, calc(100% - 2px) 100%, 1px 100%);}
  3592. .yt-video.videowaiting:before{content:""}
  3593. .yt-video img{position:relative;z-index:1;width:100%;height:auto}
  3594. .yt-video video{display:none;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
  3595. .yt-video.playing video{display:none!important}
  3596. .yt-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ccc;z-index:3}/**/
  3597. .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%);
  3598. 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;}
  3599. .yt-video h4{padding-right:25px}
  3600. .yt-video .videohinweis a{text-decoration:underline}
  3601. .yt-video .videohinweis .calltoaction{color:#fff!important;}
  3602. .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");
  3603. position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; border: none;}
  3604. .yt-video .videohinweis a:hover{text-decoration:none}
  3605. .YouTubeIframeAPIReady .yt-video .videohinweis{display:none!important}
  3606.  
  3607. .landingpage.video-cluster.v-3 .media{display:block;position:relative}
  3608. .l .landingpage.video-cluster.v-3 .media{aspect-ratio:1;}
  3609. .l .landingpage.video-cluster.v-3 .boxx{width:calc(100% + 200px);position:absolute;left:-100px;top:0;height:100%;overflow:hidden;
  3610. 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%);
  3611. -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%);
  3612. }
  3613.  
  3614. .l .landingpage.video-cluster.v-3 .swiper { width: calc(100% - 200px); margin-left:100px; height: 100%; overflow:visible ;z-index:1 }
  3615. .l .landingpage.video-cluster.v-3 button.right,
  3616. .l .landingpage.video-cluster.v-3 button.left,
  3617. .l .landingpage.video-cluster.v-3 .swiper-pagination{display:none}
  3618. .s .landingpage.video-cluster.v-3 button.right,
  3619. .s .landingpage.video-cluster.v-3 button.left{display:none}
  3620. .s .landingpage.video-cluster.v-3 .swiper-pagination{bottom:-0px}
  3621.  
  3622.  
  3623. .landingpage.slider-vollbreit{}
  3624. .landingpage.slider-vollbreit .content:before {content:""; display:table; width:100%;}
  3625. .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:500px}
  3626. html:not(.l) .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:none}
  3627. .s .landingpage.slider-vollbreit h2 {padding:0 20px}
  3628. .slider-vollbreit.landingpage h2 + .text{margin:40px 0 0}
  3629. .s .slider-vollbreit.landingpage h2 + .text{padding:0 20px}
  3630. .slider-vollbreit.landingpage h2 + .text p:first-child{margin-top:0}
  3631. .slider-vollbreit.landingpage h2 + .text p:last-child{margin-bottom:0}
  3632. .ersti.swiper {margin:10px 0 30px;overflow:hidden; position:relative;padding-bottom:65px}
  3633. .s .ersti.swiper {margin:10px 0 0px;padding-bottom:65px}
  3634. .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}
  3635. html:not(.l) .ersti-swiper-wrapper {background-image:none}
  3636. .ersti.swiper .swiper-slide {padding:60px 60px 0 0;cursor:grab;outline:0!important;box-shadow:none!important}
  3637. html:not(.l) .ersti.swiper .swiper-slide {padding:30px 0 0 0}
  3638. .ersti .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset}
  3639. .ersti .swiper-slide.swiper-slide-active:focus {box-shadow:none;outline:none }
  3640. .landingpage.slider-vollbreit .swiper-slide .foto {position:relative; float:left; width:58.27%;aspect-ratio: 1.77053;overflow:hidden}
  3641. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .foto {float:none; width:auto;}
  3642. .landingpage.slider-vollbreit .swiper-slide .foto img {width:100%;height:auto}
  3643. .landingpage.slider-vollbreit .swiper-slide .foto a img{transition:transform 0.2s ease-in-out;transform:scale(1)}
  3644. .landingpage.slider-vollbreit  .swiper-slide .foto img:hover{transform:scale(1.05)}
  3645. .landingpage.slider-vollbreit .swiper-slide .foto > iframe {width:100%;height:100%}
  3646. .landingpage.slider-vollbreit .swiper-slide .foto .youtube iframe {position:absolute; top:0;left:0;width:100%;height:100%}
  3647. .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);}
  3648. .landingpage.slider-vollbreit .swiper-slide .slide-text {float:right; width:41.7%; padding:0 40px;}
  3649. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text {float:none; width:auto; padding:0}
  3650. html.s .landingpage.slider-vollbreit .swiper-slide .slide-text {padding:0 20px}
  3651. .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:25px 0 0 0;font-size:28px; line-height:36px}
  3652. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:30px 0 0 0;}
  3653. .landingpage.slider-vollbreit .swiper-slide .slide-text .name{margin: 20px 0 0; font-size:18px;font-family: TheSansUHHBold, sans-serif; color:var(--UHH0271bb-fff)}
  3654. .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:25px 0 0}
  3655. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:20px 0 0}
  3656. .landingpage.slider-vollbreit .swiper-slide .slide-text p:first-child {margin-top:0 }
  3657. .landingpage.slider-vollbreit .swiper-slide .slide-text p:last-child {margin-bottom:0 }
  3658. .landingpage.slider-vollbreit .swiper-slide .slide-text .info{margin: 0;font-size:16px;}
  3659. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .info p{margin: 0;}
  3660. .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin-top:50px;}
  3661. html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin:30px 0 0 !important;}
  3662. .ersti.swiper .swiper-pagination{bottom:-3px; width:auto; margin-left:50%; text-align:left !important;transform:translate(-50%,0)}
  3663. .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;}
  3664. .ersti.swiper .swiper-pagination-bullet-active, .video-cluster .swiper-pagination-bullet-active {  opacity: 1; background: #4e4e4e!important}
  3665.  
  3666. .landingpage.slider-vollbreit .buttons{position:absolute;top:0;left:0;width:100%;pointer-events:none;aspect-ratio:2.4;}
  3667.  
  3668. .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")}
  3669. html:not(.l) .landingpage.slider-vollbreit .buttons button {display:none}
  3670. .ersti-swiper-wrapper .buttons button.left {pointer-events:auto;left:-60px}
  3671. .ersti-swiper-wrapper .buttons button.right {pointer-events:auto;right:5px;transform:rotate(180deg);z-index:3}
  3672. .ersti-swiper-wrapper>button.right,.ersti-swiper-wrapper>button.left {display:none}
  3673.  
  3674.  
  3675. .landingpage.kachel-cluster{position:relative}
  3676. .landingpage.kachel-cluster.lightbox{z-index:20}
  3677. .landingpage.kachel-cluster .content{}
  3678. .landingpage.kachel-cluster h2{padding-top:30px;margin:0;max-width:700px}
  3679. .s .landingpage.kachel-cluster h2{padding:30px 20px 0}
  3680. .landingpage.kachel-cluster .text{line-height:33px;margin:40px 0 50px;max-width:700px}
  3681. .s .landingpage.kachel-cluster .text{padding:0 20px}
  3682. .landingpage.kachel-cluster .text p:first-child {margin-top:0 }
  3683. .landingpage.kachel-cluster .text p:last-child {margin-bottom:0 }
  3684. .landingpage.kachel-cluster nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA}
  3685. .s .landingpage.kachel-cluster nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px}
  3686. .landingpage.kachel-cluster nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important}
  3687. .landingpage.kachel-cluster nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1}
  3688. .m .landingpage.kachel-cluster nav li{width:calc(50% - 15px);}
  3689. .s .landingpage.kachel-cluster nav li{width:100%}
  3690.  
  3691. .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)}
  3692. .landingpage.kachel-cluster li.lightbox{z-index:2}
  3693. .landingpage.kachel-cluster li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222}
  3694. html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{}
  3695. html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1}
  3696. .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;}
  3697. .s .landingpage.kachel-cluster li.lightbox .video{width: 100%}
  3698. /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */
  3699. /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */
  3700.  
  3701. .landingpage.kachel-cluster .plyr{pointer-events:none;bottom:auto !important}
  3702. .landingpage.kachel-cluster li.lightbox .plyr{pointer-events:auto;bottom:auto !important}
  3703. .landingpage.kachel-cluster li .plyr{position:relative !important}
  3704. .m .landingpage.kachel-cluster li .plyr{object-fit:cover;width:100%;height:100%;}
  3705. 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}
  3706. button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important}
  3707. button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)}
  3708. button.cluster-video-open:focus span{border:6px solid #fff}
  3709.  
  3710. .landingpage.kachel-cluster .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto;  aspect-ratio: 733/414}
  3711. .landingpage.kachel-cluster li.lightbox .uhh.iframe iframe{pointer-events:auto;}
  3712. button.cluster-video-open.uhh.iframe span{padding:48px;}
  3713.  
  3714.  
  3715. button.cluster-video-close{display:none}
  3716. .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;}
  3717. .kachel-cluster-video .image{pointer-events:none;}
  3718.  
  3719. .landingpage.kachel-cluster nav li:before{content:none!important}
  3720. .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)}
  3721. .s .landingpage.kachel-cluster nav a{padding:40px 0 40px 20px}
  3722. .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}
  3723. .landingpage.kachel-cluster nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)}
  3724. .landingpage.kachel-cluster nav a:hover h3{text-decoration:underline}
  3725. .landingpage.kachel-cluster nav p{margin:15px 60px 0 0; font-size: 17px }
  3726.  
  3727. .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;  }
  3728. .landingpage.kachel-cluster .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px;  color: var(--UHH4e4e4e-4e4e4e);}
  3729.  
  3730.  
  3731. .landingpage.h5p{position:relative}
  3732. .landingpage.h5p .content .extern{min-height:100px}
  3733. .landingpage.h5p .content .extern > .standard{margin:0!important}
  3734. .landingpage.h5p h2{padding-top:30px;margin:0;max-width:700px}
  3735. .s .landingpage.h5p h2{padding:30px 20px 0}
  3736. .landingpage.h5p .text{margin:40px 0 50px;max-width:700px}
  3737. .s .landingpage.h5p .text{padding:0 20px}
  3738. .landingpage.h5p iframe{display:block}
  3739.  
  3740. :root {
  3741. --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");
  3742. --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");
  3743. --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");
  3744. --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");
  3745. --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");
  3746. --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");
  3747. --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");
  3748. --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");
  3749. --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");
  3750. --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");
  3751. --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");
  3752. --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");
  3753. --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");
  3754. --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");
  3755. --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");
  3756. --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");
  3757. --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");
  3758. --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");
  3759. }
  3760. .ersti.swiper {margin:0px 0 30px;padding-bottom:55px}
  3761. .s .ersti.swiper {margin:0px 0 0px;padding-bottom:55px}
  3762. .ersti.swiper .swiper-slide {padding:50px 60px 0 0;}
  3763.  
  3764. .landingpage.kachel-cluster .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;}
  3765. .landingpage.kachel-cluster:not(.text) .text{ display:none}
  3766. .landingpage.kachel-cluster:not(.img, .video) .image{display:none}
  3767.  
  3768. .landingpage.kachel-cluster:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"}
  3769. .landingpage.kachel-cluster.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"}
  3770.  
  3771. .landingpage.kachel-cluster.img:not(.text) .content,
  3772. .landingpage.kachel-cluster.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"}
  3773.  
  3774. .landingpage.kachel-cluster.text.img .content,
  3775. .landingpage.kachel-cluster.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"}
  3776.  
  3777. html:not(.l) .landingpage.kachel-cluster.text.img .content,
  3778. 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"}
  3779.  
  3780. .landingpage.slider-vollbreit h2 { max-width: 650px;}
  3781. .landingpage.kachel-cluster h2{grid-area: h2}
  3782. .landingpage.kachel-cluster .text{grid-area: text}
  3783. .landingpage.kachel-cluster .text:empty{margin:0;height:50px}
  3784. .landingpage.kachel-cluster .image{grid-area: image;padding-bottom:60px}
  3785. .landingpage.kachel-cluster.img:not(.text) .image,
  3786. .landingpage.kachel-cluster.video:not(.text) .image{max-width:700px;margin-top:50px}
  3787. .landingpage.kachel-cluster .image .img{position:relative}
  3788. .landingpage.kachel-cluster .image img{width:100%}
  3789. .landingpage.kachel-cluster .image .video{position:relative}
  3790. .landingpage.kachel-cluster .image video{width:100%}
  3791. .landingpage.kachel-cluster .image iframe{width:100%; aspect-ratio:16/9}
  3792. .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);}
  3793.  
  3794. .landingpage.kachel-cluster nav{grid-area: nav}
  3795. .landingpage.kachel-cluster:not(.text,.video,.img) nav{margin-top:50px}
  3796. .landingpage.kachel-cluster nav h3 { background-image:var(--icon-button-pfeil-rechts-blau);  background-position: 100% center}
  3797.  
  3798. .landingpage.kachel-cluster nav a, .landingpage.kachel-cluster nav a h3{ text-decoration:none!important}
  3799. @media (hover: hover) {
  3800. .landingpage.kachel-cluster nav a:hover h3{ text-decoration:underline!important}
  3801. }
  3802. .landingpage.slider-vollbreit .buttons button{background-color:transparent}
  3803.  
  3804. :root {
  3805. --topicssubpage-intro--height: 450px;
  3806. --topicspage-intro--height: 500px;
  3807. --topicspage-intro-content--max-width: calc(var(--topicspage-intro--height) * 16 / 9);
  3808. --topicspage-intro-image--max-width: calc(var(--topicspage-intro--height) * 16 / 9);
  3809. --topicspage--color-grey: #f6f8fa;
  3810. --topicspage--color-lightblue: #f0f7fb;
  3811. }
  3812.  
  3813. .topicspage.grau{background-color:var(--topicspage--color-grey)}
  3814. .topicspage *{background-repeat: no-repeat}
  3815. .outer.topicspage:not(.intro){position:relative;}
  3816. html:not(.s) .outer.topicspage * h2{hyphens:none}
  3817. .outer.topicspage .inner{position:relative}
  3818. .l .outer.topicspage .inner{padding-right:100px}
  3819. @media  screen and (max-width:1200px) { .outer.topicspage .inner{padding-right:0}}
  3820. .outer.topicspage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  3821. .s .outer.topicspage .inner:before,
  3822. .s .outer.topicspage.content-navi .inner:before{left:20px}
  3823. .outer.topicspage .content{position:relative}
  3824. .outer.topicspage .content .text{ font-size:19px;line-height:28px}
  3825. .outer.topicspage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  3826. .outer.topicspage .bildnachweis a:hover{text-decoration:underline !important}
  3827.  
  3828. /********** intro **********/
  3829. .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}
  3830. .topicssubpage.intro.outer{background-color:var(--topicspage--color-grey);height:var(--topicssubpage-intro--height)}
  3831. .m .topicspage.intro.outer{height:auto;}
  3832. .m .topicspage.intro.outer .image{min-height:var(--topicspage-intro--height)}
  3833. .m .topicssubpage.intro.outer .image{min-height:var(--topicssubpage-intro--height)}
  3834. .topicspage.intro .inner{display:flex;height:100%;padding-right:0 !important}
  3835. .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}
  3836. .topicspage.intro .content > *{max-width:600px}
  3837. .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;;}
  3838. html:not(.l) .topicspage.intro .content h1{max-height:none}
  3839. .topicspage.intro .content .text{margin-top:40px;font-size: 19px;line-height: 1.5;}
  3840. .topicspage.intro .content .text p{margin:0}
  3841. .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}
  3842. .topicspage.intro:not(.topicssubpage) .content .calltoaction:focus{box-shadow: 0 0 5px 1px #fff;}
  3843. .topicssubpage.intro .content .calltoaction{margin-top:40px;background-image:var(--icon-button-pfeil-grau-rechts-lang);background-color:#fff; border:1px solid #f0f0f0; }
  3844. .topicssubpage.intro *{color:#4e4e4e!important}
  3845. .topicspage.intro .image{max-width:var(--topicspage-intro-image--max-width);width:50%;overflow:hidden;position:relative;aspect-ratio:16/9}
  3846. .topicspage.intro .image .img, .topicspage.intro .image .video{height:100% }
  3847. .topicspage.intro .image .img img{height:100%;float:right }
  3848. .topicspage.intro .image .video video{height:100%;float:left }
  3849. .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}
  3850. .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")}
  3851. .topicspage.intro.playing .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")}
  3852. .topicspage.intro.pause .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")}
  3853. .topicspage.intro.playing .video button:before{content:'stop';  position:absolute;left:200px}
  3854. .topicspage.intro.pause .video button:before{content:'start'; position:absolute;left:200px}
  3855. .topicspage.intro .video button:focus{outline:1px dotted #fff; box-shadow:0 0 0 1px var(--UHH0271bb-grau), 0 0 5px 1px #fff;}
  3856.  
  3857. @media  screen and (max-width:900px) {
  3858. .topicspage.intro.outer{padding:0;height:auto}
  3859. .topicspage.intro .inner{flex-direction:column;height:auto}
  3860. .topicspage.intro .content{order:2;width:100%; display:block; padding:40px 20px 50px}
  3861. .topicspage.intro .content h1{font-size: 35px}
  3862. .topicspage.intro .content .text{margin-top:40px;font-size: 19px;}
  3863. .topicspage.intro .image{order:1;width:100%}
  3864. }
  3865.  
  3866. /********** content-navi  **********/
  3867. .topicspage.content-navi{margin-top:0px !important; padding-top:60.1px !important}
  3868. .s .topicspage.content-navi{ padding-top:60px !important}
  3869. .topicspage.content-navi{padding-top:60px !important;padding-bottom:35px !important}
  3870. .topicspage.content-navi:first-child{ padding-top:40px !important}
  3871. .s .topicspage.content-navi:first-child{padding-top:36px !important}
  3872. .s .topicspage.content-navi.grau:first-child{padding-top:60px !important;margin-top:-24px !important}
  3873. .s .topicspage.content-navi .inner{padding:0 20px}
  3874. .topicspage.content-navi .content:before{content:"";display:table}
  3875. .topicspage.content-navi .content:after{}
  3876. .topicspage.content-navi h2{margin:30px 0 0 0; }
  3877. .topicspage.content-navi nav{margin-top:45px;margin-top:32px;line-height:2em}
  3878. .topicspage.content-navi nav:after{content:"";display:table;width:100%}
  3879. .topicspage.content-navi ul{padding:0!important;margin:0}
  3880. .topicspage.content-navi li{float:left;margin:0 20px 20px 0}
  3881. html:not(.l) .topicspage.content-navi li{margin:0 15px 15px 0}
  3882. .topicspage.content-navi li:before{content:none!important}
  3883. .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;}
  3884. .topicspage.content-navi.grau a{background-color:#fff}
  3885. html:not(.l) .topicspage.content-navi a{padding:7px 14px 7px 32px;}
  3886. .topicspage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important}
  3887. html:not(.l) .topicspage.content-navi a:before{left: 0px;}
  3888.  
  3889. /********** Direkteinstieg  **********/
  3890. .topicspage.box-direct-access{margin-top:0 !important; padding-top:60.1px !important}
  3891. .topicspage.box-direct-access:not(.single){padding-bottom: 55px !important;}
  3892. .s .topicspage.box-direct-access{padding-top:60px !important}
  3893. .topicspage.box-direct-access:first-child{ padding-top:30px !important}
  3894. .s .topicspage.box-direct-access:first-child{padding-top:26px !important}
  3895. .topicspage.box-direct-access.grau{background-color:var(--topicspage--color-grey)}
  3896. .s .topicspage.box-direct-access .inner{padding:0 20px}
  3897. .topicspage.box-direct-access .content:before{content:"";display:table}
  3898. .topicspage.box-direct-access .content:after{}
  3899. .topicspage.box-direct-access h2{margin:30px 0 0 0; }
  3900. .topicspage.box-direct-access nav{margin-top:30px;line-height:2em}
  3901. .topicspage.box-direct-access nav:after{content:"";display:table;width:100%}
  3902. .topicspage.box-direct-access ul{padding:0!important;margin:0;columns:2;column-gap:30px;max-width:940px}
  3903. .s .topicspage.box-direct-access ul{columns:1}
  3904. .topicspage.box-direct-access li{border-bottom:1px solid rgb(60,81,91)}
  3905. .topicspage.box-direct-access li:before{content:none!important}
  3906. .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;}
  3907. .topicspage.box-direct-access a:hover{text-decoration:underline!important;background-position1:calc(100% + 23px);text-decoration-thickness: 2px !important;}
  3908.  
  3909.  
  3910. .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;}
  3911. .s .topicspage.box-direct-access button{left: auto; right:20px}
  3912. @media screen  and (max-width: 365px) {
  3913. .topicspage.box-direct-access:has(button) h2{font-size:  35px}
  3914. }
  3915. @media screen  and (max-width: 345px) {
  3916. .topicspage.box-direct-access:has(button) h2{font-size:  32px}
  3917. }
  3918. .topicspage.box-direct-access button.white{background-color:transparent;;position:absolute!important;}
  3919. .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;
  3920. border-bottom-width:0px; border-left-width:0px; border-width:3px 3px 0 0; top:20px;  left:16px}
  3921. .topicspage.box-direct-access button.white:before {border-color:var(--UHH0271bb-grau)}
  3922. .topicspage.box-direct-access.off button:before {top:12px;transform:rotate(135deg)}
  3923. .topicspage.box-direct-access.off nav{display:none}
  3924.  
  3925. html:not(.s) .topicspage.box-direct-access button{display:none}
  3926. html:not(.s) .topicspage.box-direct-access.off nav{display:block}
  3927. .box-direct-access.single{columns:1;max-width:none;margin-bottom:34px;}
  3928. .box-direct-access.single .inner{padding-right:0!important}
  3929. .box-direct-access.single ul{columns:1;max-width:none}
  3930. .box-direct-access.single li{border:0; float:left;margin: 0 20px 20px 0;}
  3931. .box-direct-access.single a{background-color: #f0f3f6;padding: 7px 40px 7px 14px;line-height: 2em;background-position: calc(100% + 12px) center;}
  3932. .s .box-direct-access.single a{padding: 7px 45px 7px 14px;line-height: 1.5em;}
  3933.  
  3934.  
  3935. /********** box-topics-mailform-newsletter-component **********/
  3936. .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;}
  3937. .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;}
  3938. .topicspage.box-topics-mailform-newsletter-component .inner {overflow:hidden;padding-right:0!important}
  3939. .topicspage.box-topics-mailform-newsletter-component .inner:before {background-color:#fff!important;z-index:1}
  3940. .topicspage.box-topics-mailform-newsletter-component .content {position:relative}
  3941. .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;}
  3942. .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)}
  3943. .topicspage.box-topics-mailform-newsletter-component .image{float:left;margin:50px}
  3944. .topicspage.box-topics-mailform-newsletter-component .image img{width:420px}
  3945. .s .topicspage.box-topics-mailform-newsletter-component .image{float:none;margin:0;text-align:center}
  3946. .s .topicspage.box-topics-mailform-newsletter-component .image img{display:block !important; width:100%;}
  3947. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:right; width:calc(100% - 520px); max-width:560px;margin-top: -185px;}
  3948. .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:none; width:100%; max-width:none;margin-top: 0;}
  3949. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 65px !important;font-size:18px}
  3950. .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { margin-top:0 !important;}
  3951. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form p{ margin-top:0}
  3952. .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;}
  3953. .s .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;}
  3954. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter h3 { margin-top:0;font-size: 30px!important;line-height: 36px!important;}
  3955. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .row.submit { text-align: left!important}
  3956. .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}
  3957. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .form-confirm { margin-top:0!important;}
  3958. @media screen and (min-width: 640px) and (max-width: 1000px) {
  3959. .topicspage.box-topics-mailform-newsletter-component h2 {max-width:50%}
  3960. .topicspage.box-topics-mailform-newsletter-component .image{width:38%;margin-right:0}
  3961. .topicspage.box-topics-mailform-newsletter-component .image img{width:100%}
  3962. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{width:48%; ;}
  3963. .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { overflow:hidden;padding: 35px !important;}
  3964. }
  3965.  
  3966. /********** absprung-cluster **********/
  3967. .topicspage.absprung-cluster{padding-top:60.1px!important;position:relative;border-bottom:100px solid #F6F8FA}
  3968. .s .topicspage.absprung-cluster{padding-top:60px!important;border-bottom:70px solid #F6F8FA}
  3969. .topicspage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important}
  3970. html:not(.l) .topicspage.absprung-cluster .inner{padding-right:0px!important}
  3971. .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"}
  3972. .s .topicspage.absprung-cluster .content{display:flex;flex-direction: column;}
  3973. .m .topicspage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"}
  3974. .topicspage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;}
  3975. .s .topicspage.absprung-cluster h2{padding:30px 20px 0}
  3976. .topicspage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px}
  3977. html:not(.l) .topicspage.absprung-cluster .text{align-items: start}
  3978. .s .topicspage.absprung-cluster .text{padding:21px 20px 20px}
  3979. .topicspage.absprung-cluster .text > div{position:relative;padding:20px 0 70px}
  3980. .m .topicspage.absprung-cluster .text > div{padding:30px 0}
  3981. .s .topicspage.absprung-cluster .text > div{padding:20px 0}
  3982. .xxxxxxl .topicspage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3983. .topicspage.absprung-cluster .text > div > *{position:relative;z-index:2}
  3984. .topicspage.absprung-cluster .text p:first-child {margin-top:0 }
  3985. .topicspage.absprung-cluster .text p:last-child {margin-bottom:0 }
  3986. .topicspage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end}
  3987. .s .topicspage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto}
  3988. .topicspage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative}
  3989. .s .topicspage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;}
  3990. .topicspage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto}
  3991. html:not(.s) .topicspage.absprung-cluster .image img[width="640"]{display:none}
  3992. .s .topicspage.absprung-cluster .image img[width="520"]{display:none}
  3993. .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);}
  3994. .topicspage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative}
  3995. .topicspage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA}
  3996. .topicspage.absprung-cluster nav ul{padding:0!important;margin:0!important}
  3997. .l .topicspage.absprung-cluster nav ul{padding-top:100px !important}
  3998. .m .topicspage.absprung-cluster nav ul{padding-top:40px !important}
  3999. .s .topicspage.absprung-cluster nav ul{padding-top:50px !important}
  4000. html:not(.l) .topicspage.absprung-cluster nav li{max-width:none }
  4001. .topicspage.absprung-cluster nav li{background-color:#fff  }
  4002. .topicspage.absprung-cluster nav li + li{margin-top:13px }
  4003. .topicspage.absprung-cluster nav li:before{content:none!important  }
  4004. .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 }
  4005. .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 }
  4006. /* .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} */
  4007. .topicspage.absprung-cluster nav a:hover{color: #fff; background-color:#0271bb; background-image:var(--icon-button-pfeil-rechts-weiss); }
  4008. .landingpage.absprung-cluster nav a:hover{background-image:var(--icon-button-pfeil-rechts-weiss); }
  4009. /* .topicspage.absprung-cluster nav a.extern:hover:after{background-image:var(--icon-link-extern-weiss) !important} */
  4010.  
  4011.  
  4012. /********** kachel-cluster **********/
  4013.  
  4014. .topicspage.kachel-cluster{margin-top:55px !important;margin-bottom:55px !important}
  4015. .s .topicspage.kachel-cluster{margin-top:55px !important;}
  4016.  
  4017.  
  4018. /********** slider-vollbreit **********/
  4019. .slider-vollbreit.topicspage{padding-top:0!important; margin-top:60.1px!important;margin-bottom:25px}
  4020. .s .slider-vollbreit.topicspage{padding-top:0px!important; margin-top:60px!important}
  4021. .topicspage .ersti-swiper-wrapper { background-image:none!important;}
  4022.  
  4023.  
  4024. /********** Newsteaser **********/
  4025. .news-carousel {margin-bottom:0 !important; margin-top:0 !important;padding-top:60.1px !important; padding-bottom:15px!important}
  4026. .news-carousel:first-child {padding-top:40px !important}
  4027. .news-carousel:after {content:""; display:table; width:100%}
  4028. .news-carousel.grau{background-color:var(--topicspage--color-grey)}
  4029.  
  4030. .s .news-carousel {margin-bottom:0 !important;padding-top:60.1px !important}
  4031. .s .news-carousel:first-child {padding-top:30px !important}
  4032. .news-carousel:not(.news-1fach) {padding:60.1px 0 15px max(calc((100% - 1258px)/2), 20px)!important}
  4033. .news-carousel:not(.news-1fach):first-child {padding:40px 0 0px max(calc((100% - 1258px)/2), 20px)!important}
  4034. .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;}
  4035. @media screen and (max-width: 1305px) {
  4036. .news-carousel .more {right:20px; left:auto;transform:none}
  4037. }
  4038. .news-carousel.news-1fach .more1 {right:0; left:auto;transform:none}
  4039. .s .news-carousel .more {position:relative; top:0!important;right:0;margin:-5px 0 0; padding-bottom:0;float:right; }
  4040. .s .news-carousel.grau .more {padding-bottom:30px;}
  4041. .news-carousel .more a{background-repeat:no-repeat; background-image:var(--icon-all-blau-rechts); background-position:3px 9px; background-size:6px; padding-left: 15px;color: var(--UHH4e4e4e-fff);display:block}
  4042. .news-carousel .more a:hover{ text-decoration:underline!important}
  4043. .m .news-carousel .more {right:20px}
  4044. .s .news-carousel .more {right:20px}
  4045. .news-carousel:not(.news-1fach) .inner{margin:0px!important; padding:0!important; max-width:none!important}
  4046. .news-carousel .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  4047.  
  4048. .s .news-carousel:not(.news-1fach) .inner:before{left:0 !important}
  4049. .news-carousel .content:before {  content: "";  display: table;}
  4050. .news-carousel .head {overflow:hidden}
  4051. .news-carousel .head:after {content:""; display:table;width:100%}
  4052. .news-carousel .head h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;}
  4053. .news-carousel .head h2 { float:left;margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;; padding-right:20px;}
  4054. .m .news-carousel .head h2 { max-width: calc(100% - 200px)}
  4055. .s .news-carousel .head h2 {max-height: none;}
  4056. .news-carousel .head .last-word{white-space:nowrap}
  4057. .news-carousel .head .rss{display:inline-block; margin-left:35px}
  4058.  
  4059. .news-carousel .slider { }
  4060. .news-carousel ul{padding:0;margin:0}
  4061. .news-carousel:not(.news-1fach) li{background-color:#fff}
  4062. .news-carousel li:before{content:none !important}
  4063. .news-carousel .item{display:block}
  4064. .news-carousel a{display:block;color:#4e4e4e!important; text-decoration:none!important;}
  4065. .news-carousel li>a{height:100%}
  4066. .news-carousel a:hover{color:#4e4e4e!important; text-decoration:none!important}
  4067. .news-carousel:not(.news-1fach) a .image:not(:has(img)){aspect-ratio:400/240}
  4068. .news-carousel:not(.news-1fach) a .image img{aspect-ratio:400/226}
  4069. .news-carousel:not(.news-1fach) a > .video{position:relative;overflow:hidden;aspect-ratio:400/241}
  4070. .news-carousel:not(.noimg, .news-1fach) .image:before{content: "";  float: left;  padding-top: 56.5%;  border-bottom: 14px solid red;  width: 0px;}
  4071. .news-carousel .image{overflow:hidden}
  4072. .news-carousel.noimg .image{display:none}
  4073. .news-carousel.noimg .cta .image{display:block}
  4074. .news-carousel .image img {width:100%;transition:none}
  4075. .news-carousel li.cta .image {background-image: var(--img-illustration-news)}
  4076. .news-carousel:not(.noimg) li.cta .text {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -10px; padding-bottom:10px}
  4077. .news-carousel.noimg li.cta .text h3{margin:10px 0}
  4078.  
  4079. .news-carousel .bildnachweis {text-align: right;font-size: 12px; line-height: 14px; margin: 0;  padding-top: 2px;padding-right:10px}
  4080. .news-carousel .text {padding:0}
  4081. .news-carousel:not(.noimg, .news-1fach) .text {padding:0;margin-top:5px}
  4082. .news-carousel.grau .text {padding:0 40px 40px 40px}
  4083. .news-carousel.noimg .text {padding:35px 40px 55px 40px}
  4084. .s .news-carousel.noimg .text {padding:35px 25px 55px 25px}
  4085. .news-carousel.noimg .cta .text {padding:0 40px 40px 40px}
  4086. .s .news-carousel.noimg .cta .text {padding:0 25px 40px 25px}
  4087. .news-carousel.noimg li a {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% 100%}
  4088. .news-carousel .rubrik {font-family: TheSansUHHBoldCaps,sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; }
  4089. .news-carousel .rubrik .sep { font-family: TheSansUHHRegularCaps,sans-serif; display: inline-block; margin: 0 12px;}
  4090. .news-carousel h3{  font-size: 28px; margin: 10px 0 15px 0; line-height:36px}
  4091. .news-carousel a:hover h3{ text-decoration:underline}
  4092. .news-carousel .inhalt{ font-size: 16px!important;line-height:1.5em!important}
  4093. .news-carousel .inhalt *:last-child{ margin-bottom:0}
  4094.  
  4095. .news-carousel .slider.swiper {overflow:visible;  cursor: grab}
  4096. .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%}
  4097. .s .news-carousel-area ul.swiper-wrapper {gap:0px;}
  4098. .news-carousel li.swiper-slide{padding:0;width:400px!important;max-width:calc(100vw - 80px) !important; float:none; min-width:auto;height:auto!important}
  4099. .news-carousel:not(.noimg) li.swiper-slide.cta {height:100% !important}
  4100.  
  4101. button.news-carousel-swiper-button-prev,button.news-carousel-swiper-button-next {opacity:0;transition:opacity 0.25s;
  4102. position: absolute!important;  top: calc(50% - 0px);  z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px;
  4103. border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand)
  4104. }
  4105. .news-carousel.noimg button.news-carousel-swiper-button-prev,.news-carousel.noimg button.news-carousel-swiper-button-next { top: calc((100% - 186px)/2 + 186px - 0px);}
  4106.  
  4107. .news-carousel button:hover{opacity:1!important}
  4108. .news-carousel button.news-carousel-swiper-button-prev {transform:rotate(180deg);left: 100px}
  4109. .news-carousel button.news-carousel-swiper-button-next {right: 100px}
  4110. .news-carousel:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.news-carousel-swiper-button-next {display:none}
  4111. .news-carousel.begin button.news-carousel-swiper-button-prev {display:none}
  4112. .news-carousel.end button.news-carousel-swiper-button-next {display:none}
  4113. .s .news-carousel button.news-carousel-swiper-button-prev {display:none}
  4114. .s .news-carousel button.news-carousel-swiper-button-next {display:none}
  4115.  
  4116. .s .news-carousel.news-1fach .head h2{padding: 0 20px}
  4117. .news-carousel.news-1fach ul {margin:45px 0;padding:0!important}
  4118. .news-carousel.news-1fach li {max-width:none!important;}
  4119. .news-carousel.news-1fach li+li {margin-top:45px}
  4120. .news-carousel.news-1fach li .item {display:flex; flex-direction:row; width:100%; gap:40px}
  4121. .s .news-carousel.news-1fach li .item {flex-direction:column; gap:0px}
  4122. .news-carousel.news-1fach li .image,
  4123. .news-carousel.news-1fach li .item > .video{width:400px}
  4124.  
  4125. .s .news-carousel.news-1fach .bildnachweis{padding-right:20px; min-height:14px}
  4126. .news-carousel.news-1fach li .image img{width:100%}
  4127. .news-carousel.news-1fach li .text{width:calc(100% - 40px - 400px); max-width:700px;}
  4128. @media  screen and (max-width:900px) {
  4129. .news-carousel.news-1fach li .image,
  4130. .news-carousel.news-1fach li .item .video{width:calc(50% - 20px)}
  4131. .news-carousel.news-1fach li .text{width:calc(50% - 20px)}
  4132. }
  4133. .s .news-carousel.news-1fach li .image,
  4134. .s .news-carousel.news-1fach li .item .video{width:100%}
  4135. .s .news-carousel.news-1fach li .text{width:100%; padding:0 20px}
  4136.  
  4137. .news-carousel.news-1fach.noimg li {max-width:700px}
  4138. .news-carousel.news-1fach.noimg li > a {gap:0}
  4139. .news-carousel.news-1fach.noimg .image{display:none}
  4140. .news-carousel.news-1fach.noimg li .text{width:100%}
  4141. /*Beitrag aus Newsroom*/
  4142. .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;}
  4143.  
  4144.  
  4145.  
  4146.  
  4147.  
  4148.  
  4149. /********** Quadratteaser **********/
  4150. .topicspage.square-teaser-area {margin-top:0px !important; padding:60.1px 0 0px max(calc((100% - 1258px)/2), 20px)!important}
  4151. .s .topicspage.square-teaser-area {padding-top:60px !important}
  4152. .topicspage.square-teaser-area .inner{margin:0px!important; padding:0!important; max-width:none!important}
  4153. .s .topicspage.square-teaser-area .inner:before{left:0!important}
  4154. .topicspage.square-teaser-area .content:before {  content: "";  display: table;}
  4155. .topicspage.square-teaser-area h2 { margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;}
  4156. .s .topicspage.square-teaser-area h2 {max-height: none;padding-right:20px}
  4157. .topicspage.square-teaser-area .buttons { position:absolute; top:20px; right:0}
  4158. html:not(.l) .topicspage.square-teaser-area .buttons { right:20px}
  4159. .topicspage.square-teaser-area button {opacity:0;transition:opacity 0.25s;
  4160. position: absolute!important;  top: calc(50% - 44px);  z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px;
  4161. border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand)
  4162. }
  4163. .topicspage.square-teaser-area button:hover{opacity:1!important}
  4164. .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {transform:rotate(180deg);left: 100px}
  4165. .topicspage.square-teaser-area button.square-teaser-swiper-button-next {right: 100px}
  4166. .topicspage.square-teaser-area:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.square-teaser-swiper-button-next {display:none}
  4167. .topicspage.square-teaser-area.begin button.square-teaser-swiper-button-prev {display:none}
  4168. .topicspage.square-teaser-area.end button.square-teaser-swiper-button-next {display:none}
  4169. .s .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {display:none}
  4170. .s .topicspage.square-teaser-area button.square-teaser-swiper-button-next {display:none}
  4171.  
  4172. .topicspage.square-teaser-area .slider {margin:0}
  4173. .topicspage.square-teaser-area .swiper {overflow:visible; cursor: grab}
  4174. .topicspage.square-teaser-area ul.swiper-wrapper {user-select:none;list-style:none;margin:0;padding:0 !important; display: flex;gap:0px;width:5000%}
  4175. .s .topicspage.square-teaser-area ul {gap:0px;}
  4176. .topicspage.square-teaser-area li{width:420px;max-width:calc(100vw - 80px) !important; flex-shrink: 0;padding:45px 0px 50px}
  4177. .topicspage.square-teaser-area:not(.grau):has(+:not(.grau)) li{padding-bottom:50px} /*ww*/
  4178. .topicspage.square-teaser-area:not(.grau):has(+.grau) li{padding-bottom:50px} /*wg*/
  4179. .topicspage.square-teaser-area.grau:has(+.grau) li{padding-bottom:50px} /*gg*/
  4180. .topicspage.square-teaser-area.grau:has(+:not(.grau)) li{padding-bottom:50px} /*gw*/
  4181. .topicspage.square-teaser-area li:before{content:none !important}
  4182. .topicspage.square-teaser-area .image{ position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}
  4183. .topicspage.square-teaser-area .image:has(video):before{ content:'video';position:absolute;z-index:1;background:rgba(255,255,255,0.5); padding:20px}
  4184. .topicspage.square-teaser-area img{ width:100%;transition:transform 0.2s ease-in-out;transform:scale(1)}
  4185. .topicspage.square-teaser-area a:hover img{ transform:scale(1.05)}
  4186. .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);}
  4187. .topicspage.square-teaser-area video{ width:100%;}
  4188. .topicspage.square-teaser-area video + .bildnachweis {display:none}
  4189. .topicspage.square-teaser-area .text{}
  4190. .topicspage.square-teaser-area a{display:block;color:#4e4e4e!important; text-decoration:none!important;}
  4191. .topicspage.square-teaser-area a:hover{color:#4e4e4e!important; text-decoration:none!important}
  4192. .topicspage.square-teaser-area a .text{background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -13px}
  4193. .topicspage.square-teaser-area h3{margin:25px 40px 0 0;font-size:26px; line-height: 32px;}
  4194. .topicspage.square-teaser-area a:hover h3{text-decoration:underline!important}
  4195. .topicspage.square-teaser-area p{margin:16px 0 0;padding-right:30px ;font-size:19px;line-height:28px;max-height:90px;overflow:hidden}
  4196.  
  4197.  
  4198. /********** outro **********/
  4199.  
  4200. .topicspage.outro {margin-top:0px !important; padding-top:60.1px !important;padding-bottom:55px !important}
  4201. .s .topicspage.outro {padding-top:60px !important;}
  4202. .topicspage.outro.grau{background-color:var(--topicspage--color-grey)}
  4203. .l .topicspage.outro .inner{padding-right:33px}
  4204. .topicspage.outro .content:before {content:""; display:table; width:100%;}
  4205. .topicspage.outro .content:after {content:""; display:table; width:100%;}
  4206. .topicspage.outro h2 { float:left;margin:30px 0 40px 0;width:calc(41.7% + 40px);padding-right:40px}
  4207. .topicspage.outro.img-text h2 { float:right; padding-left:40px;}
  4208. .m .topicspage.outro h2 { float:none;width:auto}
  4209. .s .topicspage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px}
  4210. .topicspage.outro .image {position:relative; float:right; width:calc(58.27% - 40px);margin-top:40px}
  4211. .topicspage.outro.img-text .image {float:left;}
  4212. .m .topicspage.outro .image {float:none; width:auto;max-width:600px}
  4213. .s .topicspage.outro .image {float:none; width:auto}
  4214. .topicspage.outro .image img {width:100%;height:auto}
  4215. .topicspage.outro .image video {width:100%;height:auto}
  4216. .topicspage.outro .image iframe {width:100%;aspect-ratio:16/9}
  4217. .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);}
  4218. .topicspage.outro .text {float:left; width:calc(41.7% + 40px); padding-right:40px;line-height:33px}
  4219. .topicspage.outro.img-text .text {float:right; padding-left:40px;}
  4220. .m .topicspage.outro .text {float:none; width:auto; margin-top:40px}
  4221. .s .topicspage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px}
  4222. .topicspage.outro .text p:first-child{margin-top:0}
  4223. .topicspage.outro .text p:nth-last-child(2){margin-bottom:0}
  4224. .topicspage.outro .calltoaction {margin-top:50px;}
  4225. .m .topicspage.outro .calltoaction {margin-top:40px;}
  4226. .s .topicspage.outro .calltoaction {margin-top:35px;}
  4227. .teaser-3fach-new{position:relative}
  4228. .teaser-3fach-new.lightbox{z-index:20}
  4229. .teaser-3fach-new .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;}
  4230. .teaser-3fach-new:not(.text) .text{ display:none}
  4231. .teaser-3fach-new:not(.img, .video) .image{display:none}
  4232.  
  4233. .teaser-3fach-new:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"}
  4234. .teaser-3fach-new.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"}
  4235.  
  4236. .teaser-3fach-new.img:not(.text) .content,
  4237. .teaser-3fach-new.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"}
  4238.  
  4239. .teaser-3fach-new.text.img .content,
  4240. .teaser-3fach-new.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"}
  4241.  
  4242. html:not(.l) .teaser-3fach-new.text.img .content,
  4243. 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"}
  4244.  
  4245.  
  4246. .teaser-3fach-new h2{padding-top:30px;margin:0;max-width:700px;grid-area: h2}
  4247. .s .teaser-3fach-new h2{padding:30px 20px 0}
  4248. .teaser-3fach-new .text{line-height:33px;margin:40px 0 50px;max-width:700px;grid-area: text}
  4249. .teaser-3fach-new .text:empty{margin:0;height:50px}
  4250. .s .teaser-3fach-new .text{padding:0 20px}
  4251. .teaser-3fach-new .text p:first-child {margin-top:0 }
  4252. .teaser-3fach-new .text p:last-child {margin-bottom:0 }
  4253.  
  4254.  
  4255. .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}
  4256. .teaser-3fach-new:not(.text,.video,.img) nav{margin-top:50px}
  4257. .s .teaser-3fach-new nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px}
  4258. .teaser-3fach-new nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important}
  4259. .teaser-3fach-new nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1}
  4260. .m .teaser-3fach-new nav li{width:calc(50% - 15px);}
  4261. .s .teaser-3fach-new nav li{width:100%}
  4262.  
  4263. .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)}
  4264. .teaser-3fach-new li.lightbox{z-index:2}
  4265. .teaser-3fach-new li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222}
  4266. html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{}
  4267. html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1}
  4268. .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;}
  4269. .s .teaser-3fach-new li.lightbox .video{width: 100%}
  4270. /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */
  4271. /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */
  4272.  
  4273. .teaser-3fach-new .plyr{pointer-events:none;bottom:auto !important}
  4274. .teaser-3fach-new li.lightbox .plyr{pointer-events:auto;bottom:auto !important}
  4275. .teaser-3fach-new li .plyr{position:relative !important}
  4276. .m .teaser-3fach-new li .plyr{object-fit:cover;width:100%;height:100%;}
  4277. 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}
  4278. button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important}
  4279. button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)}
  4280. button.cluster-video-open:focus span{border:6px solid #fff}
  4281.  
  4282. .teaser-3fach-new .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto;  aspect-ratio: 733/414}
  4283. .teaser-3fach-new li.lightbox .uhh.iframe iframe{pointer-events:auto;}
  4284. button.cluster-video-open.uhh.iframe span{padding:48px;}
  4285.  
  4286.  
  4287. button.cluster-video-close{display:none}
  4288. .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;}
  4289. .kachel-cluster-video .image{pointer-events:none;}
  4290.  
  4291. .teaser-3fach-new nav li:before{content:none!important}
  4292. .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)}
  4293. .s .teaser-3fach-new nav a{padding:40px 0 40px 20px}
  4294. .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}
  4295. .teaser-3fach-new nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)}
  4296. .teaser-3fach-new nav a, .teaser-3fach-new nav a h3{ text-decoration:none!important}
  4297. @media (hover: hover) {
  4298. .teaser-3fach-new nav a:hover h3{ text-decoration:underline!important}
  4299. }
  4300. .teaser-3fach-new nav p{margin:15px 60px 0 0 }
  4301.  
  4302. .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;  }
  4303. .teaser-3fach-new .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px;  color: var(--UHH4e4e4e-4e4e4e);}
  4304.  
  4305. /*content-page*/
  4306.  
  4307. body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  4308. .s body.content-page .outer > .inner:before{left:20px}
  4309.  
  4310. body.content-page .spalte.links p,
  4311. body.content-page .spalte.links h1,
  4312. body.content-page .spalte.links h2,
  4313. body.content-page .spalte.links h3,
  4314. body.content-page .spalte.links h4,
  4315. body.content-page .spalte.links .standard *{ max-width:750px;}
  4316.  
  4317. .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}
  4318.  
  4319. .content-page .standard.nobox .content,.content-page .standard:not(.nobox) *{ max-width:700px }
  4320. .content-page .standard:not(.nobox) h2{font-size:28px  !important; line-height: 1.3em!important}
  4321. .content-page .standard:not(.nobox) h3{font-size:24px  !important; line-height: 1.3em!important}
  4322. .content-page .standard:not(.nobox) h4{font-size:19px  !important; line-height: 1.3em!important}
  4323.  
  4324. .content-page .standard.nobox:not(:has(.content > h2)) .inner:before {  content: none;}
  4325.  
  4326. .content-page .standard.nobox .content > h2{font-size:38px  !important}
  4327. .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}
  4328. .content-page .standard.nobox .text h3{font-size:24px  !important; line-height: 1.3em!important}
  4329. .content-page .standard.nobox .text h4{font-size:19px  !important;line-height: 1.3em!important}
  4330.  
  4331.  
  4332. .content-page .outer.h1 + .outer > div.standard { font-size:19px; line-height: 1.5em;}
  4333. .content-page .outer.h1 + .outer > div.standard a{ color:#4e4e4e}
  4334.  
  4335. .content-page .standard.nobox{ padding-top:55px !important; padding-bottom:55px !important; }
  4336. body.content-page .standard.nobox + .standard.nobox:not(:has(h2)){padding-top:45px!important}
  4337. .content-page .standard.nobox.blau{background-color:var(--topicspage--color-lightblue)!important }
  4338. .s .content-page .standard.nobox{ margin-top:0 !important;}
  4339. .s .content-page .standard.nobox.grau,
  4340. .s .content-page .standard.nobox.blau{ margin: 0 0px 0 0px !important; padding-left:20px!important;padding-right: 20px !important;}
  4341. body:not(.content-page) .standard.nobox{background-color:transparent!important}
  4342.  
  4343. .s .content-page .standard.nobox .inner:before{left:0}
  4344. .content-page .standard.nobox h2{ padding-top:30px;margin-top:0}
  4345. .content-page .standard.nobox *:first-child{ margin-top:0 }
  4346. .content-page .standard.nobox *:last-child{ margin-bottom:0 }
  4347. .content-page .standard.nobox a{color:#4e4e4e}
  4348.  
  4349.  
  4350. .content-page .outer .standard li:before {background: #0271bb!important}
  4351. .content-page .outer .content li:before {background: #0271bb!important}
  4352.  
  4353. .box-contact-boxes-container{ padding-top:55px !important; padding-bottom:55px !important; }
  4354. .s .box-contact-boxes-container .content {padding:0 20px}
  4355. .box-contact-boxes-container .content:before { content: ""; display: table;}
  4356. /* .box-contact-boxes-container h2 { margin: 30px 0;} */
  4357. .box-contact-boxes-container .container {display:flex;width:100%;gap: 0 10%;font-size:19px; line-height:1.4em}
  4358. .s .box-contact-boxes-container .container {flex-direction:column; gap: 60px 0}
  4359. .box-contact-boxes-container .container .v4kontakt{width:50%;}
  4360. .s .box-contact-boxes-container .container .v4kontakt{width:100%;}
  4361. .box-contact-boxes-container .v4kontakt h2 {display:none}
  4362. .box-contact-boxes-container :is(.intro, .name, .function, .position) {margin-bottom:10px}
  4363. .box-contact-boxes-container .name {font-family: TheSansUHHBold , sans-serif;}
  4364. .box-contact-boxes-container .phone {margin-top:15px;}
  4365. .box-contact-boxes-container a {text-decoration:underline; color: var(--UHH4e4e4e-fff)}
  4366. .box-contact-boxes-container a:hover {text-decoration:none}
  4367. .box-contact-boxes-container .sprechzeiten.schaltbar{}
  4368. .box-contact-boxes-container .sprechzeiten.schaltbar h4 {padding:8px 8px 8px 0;display:inline-block;width:auto}
  4369. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a{padding:10px 10px 10px 30px;display:inline-block;width:auto}
  4370. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:focus{color: #4e4e4e; background-color: #fff;}
  4371. .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;}
  4372. .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;}
  4373.  
  4374. .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:after{left:0}
  4375. .box-contact-boxes-container .sprechzeiten.schaltbar .inhalt{margin-bottom:0;margin-top:0;padding-left:30px}
  4376. .box-contact-boxes-container .sprechzeiten.schaltbar ul{margin-bottom:0;padding-left:0 !important}
  4377.  
  4378.  
  4379. body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  4380. .s body.content-page .outer > .inner:before{left:20px}
  4381.  
  4382. body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important}
  4383. body.content-page .box-event-application-form .content {max-width:733px}
  4384. 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;}
  4385.  
  4386. body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important}
  4387. body.content-page .box-event-application-form .content {max-width:750px}
  4388. 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;}
  4389.  
  4390. body.content-page .box_event_application_form > ul > li .booking .calltoaction { font-size: 16px !important}
  4391. body.content-page .box_event_application_form .date *{ font-size: 19px !important}
  4392. body.content-page .box_event_application_form form.standard.uhh-form  {font-size:18px}
  4393. body.content-page .box_event_application_form > ul > li .title { font-size: 18px;}
  4394. body.content-page .box_event_application_form form.standard.uhh-form .row.slot-info p:not(.date) {font-size: 18px!important}
  4395. body.content-page .box_event_application_form > ul > li > div > .date { flex: 0 0 215px!important }
  4396. .s body.content-page .box_event_application_form > ul > li > div > .date { flex: 0!important }
  4397.  
  4398. .box_event_application_form  > ul > li > div > .date { flex: 0 0 207px!important;line-height:1.2em!important}
  4399. .s .box_event_application_form > ul > li > div > .date { flex: 0!important}
  4400. body.content-page .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 196px}
  4401.  
  4402.  
  4403. .box_event_application_form .date .sep{margin:0!important; display:inline!important }
  4404. html.s .box_event_application_form  .date>div:first-child:last-child .sep{margin:0 12px !important}
  4405. .box_event_application_form .date .sep:after{ content:", "}
  4406. html.s  .box_event_application_form .date>div:first-child:last-child .sep:after{ content:"|"}
  4407. html.s  .box_event_application_form .date>div { content:"|"}
  4408. html.s  .box_event_application_form .date>div:first-child:not(:last-child) { margin-right:4px!important}
  4409.  
  4410. html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table}
  4411. html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table}
  4412. html:not(.s) .box_event_application_form .date>div:first-child:last-child .sep{ display:none!important }
  4413.  
  4414. .box_event_application_form > ul > li .date div:last-child {    line-height: 1.2em;}
  4415. .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 187px}
  4416.  
  4417. .box_event_application_form > ul > li .date:has(.day) div:first-child {font-family: TheSansUHHRegularCaps,sans-serif!important }
  4418. .box_event_application_form > ul > li .date .day {font-family: TheSansUHHBoldCaps, sans-serif;}
  4419. .box_event_application_form > ul > li .date .hour {}
  4420.  
  4421. .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");}
  4422. .box_event_application_form .row.slot-info .date .sep{display:inline; margin:0}
  4423. .box_event_application_form .row.slot-info .date .sep:after{content:', '}
  4424. .box_event_application_form .row.datenschutz .content {  line-height: 1.4em}
  4425.  
  4426. .content-page .form-confirm .alert h2 {font-size:28px}
  4427. .content-page .form-confirm .alert p { font-size: 19px;line-height:1.5em}
  4428. .content-page .form-confirm .data h2 { font-size: 28px !important}
  4429. .content-page .form-confirm .data h3 { font-size: 24px}
  4430. .content-page .form-confirm .data tr * { font-size: 19px!important; hyphens: auto!important}
  4431. .content-page .event_application * { font-size: 19px}
  4432.  
  4433.  
  4434. body.content-page .klappbox-ordner-rahmen:not(:has(h2)) .inner:before {content:none}
  4435. body.content-page .klappbox-ordner-rahmen .alles{  margin-top: 0px!important;padding: 2px 9px 2px 7px!important}
  4436. body.content-page .klappbox-ordner-rahmen .alles:before{  margin: 10px 6px 0 0!important;}
  4437. body.content-page  .klappbox-ordner-rahmen.grau .alles{ background-color:#fff}
  4438. body.content-page .klappbox-ordner-rahmen{padding-top: 55px!important;padding-bottom: 45px!important}
  4439. 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;}
  4440. .s body.content-page .klappbox-ordner-rahmen .content > h2{padding:0 20px}
  4441. body.content-page .klappbox-ordner-rahmen.grau h3{background-color:#fff}
  4442.  
  4443. body.content-page .klappbox-ordner-rahmen .klappbox{padding:0!important}
  4444. body.content-page .klappbox-ordner-rahmen .klappbox *{font-size:19px!important;line-height:1.5em!important}
  4445. body.content-page .klappbox-ordner-rahmen .schaltbar{padding:0!important}
  4446.  
  4447. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .inhalt{padding-bottom:0px!important;}
  4448.  
  4449. body.content-page .klappbox-ordner-rahmen .klappbox h3 {font-size:22px!important;line-height:1.3em!important;max-width:none}
  4450. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt {padding: 22px 18px 22px 54px}
  4451. 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}
  4452. body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt:after {margin-top: -9px;}
  4453. body.content-page .klappbox-ordner-rahmen .klappbox  h4 {max-width:none}
  4454. body.content-page .klappbox-ordner-rahmen .klappbox  h4 a {font-size:20px!important;line-height:1.1em!important;}
  4455. body.content-page .klappbox-ordner-rahmen .klappbox .subbox.schaltbar + .subbox.schaltbar {margin-top:10px}
  4456. .s body.content-page .klappbox-ordner-rahmen .subbox{margin-left:-15px}
  4457. body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child):before{content:'';display:table}
  4458. body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child) h4{margin-top:10px}
  4459. body.content-page .klappbox-ordner-rahmen .subbox + .subbox h4{margin-top:0}
  4460. body.content-page .klappbox-ordner-rahmen .schaltbar>.inhalt {  margin-top: 15px;padding-left:54px}
  4461. body.content-page .klappbox-ordner-rahmen .inhalt a{ color: #4e4e4e}
  4462.  
  4463. body.content-page .klappbox-ordner-rahmen .content .subinhalt .inhalt{padding-left:0; margin-top:0;margin-bottom:5px;padding-right:0;max-width:700px}
  4464. body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt {  padding: 15px 0 10px 54px; margin-top: 0px;;}
  4465. body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt li + li{  margin-top:7px;}
  4466.  
  4467. .research-project-numbers-cluster{position:relative;margin-top:55px !important;margin-bottom:55px !important}
  4468. .s .research-project-numbers-cluster{margin-top:55px !important;}
  4469. .research-project-numbers-cluster .content{}
  4470. .research-project-numbers-cluster h2{padding-top:30px;margin:0;max-width:700px}
  4471. .s .research-project-numbers-cluster h2{padding:30px 20px 0}
  4472. .research-project-numbers-cluster .text{line-height:33px;margin:40px 0 50px;max-width:700px}
  4473. .s .research-project-numbers-cluster .text{padding:0 20px}
  4474. .research-project-numbers-cluster .text p:first-child {margin-top:0 }
  4475. .research-project-numbers-cluster .text p:last-child {margin-bottom:0 }
  4476. .research-project-numbers-cluster nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA}
  4477. .s .research-project-numbers-cluster nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px}
  4478. .research-project-numbers-cluster nav>ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important}
  4479. .research-project-numbers-cluster nav>ul>li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1}
  4480. .m .research-project-numbers-cluster nav>ul>li{width:calc(50% - 15px);}
  4481. .s .research-project-numbers-cluster nav>ul>li{width:100%}
  4482. .research-project-numbers-cluster nav>ul>li:before{content:none!important}
  4483. .research-project-numbers-cluster a{transition:box-shadow 0.2s ease-in-out;display:block;height:100%;padding:25px 30px;color:var(--UHH4e4e4e-4e4e4e)}
  4484. .s .research-project-numbers-cluster a{padding:40px 20px 40px 40px}
  4485. .research-project-numbers-cluster h3{margin:0;font-size:20px;line-height: 26px;}
  4486. .research-project-numbers-cluster a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)}
  4487. .research-project-numbers-cluster a:hover h3{text-decoration:underline}
  4488. .research-project-numbers-cluster .project-numbers-tile .sum{display:block;margin:-15px 0 -7px;line-height: normal; color:var(--UHH0271bb-fff);font-family: TheSansUHHBoldCaps; font-size: 110px;}
  4489. .research-project-numbers-cluster .project-numbers-tile ul{font-size:18px;margin:0 !important;padding:0 !important;overflow:hidden}
  4490. .research-project-numbers-cluster .project-numbers-tile li{position:relative;padding-left:16px !important;float:left}
  4491. .research-project-numbers-cluster .project-numbers-tile li:first-child{margin-right:30px }
  4492. .research-project-numbers-cluster .project-numbers-tile li:before{border-radius:10px;top:10px !important;left:0 !important; }
  4493. .research-project-numbers-cluster .project-numbers-tile .own{}
  4494. .research-project-numbers-cluster .project-numbers-tile .participations{}
  4495.  
  4496.  
  4497. .home-2025 .outer{padding:0!important}
  4498. .full.inner{position:relative;max-width:none!important}
  4499. @media  screen and (min-width:1920px) {
  4500. .full.inner{max-width:1920px!important}
  4501. }
  4502. .mitarbeiterin .google_scholar {margin-top:15px}
  4503. .mitarbeiterin .orcid + .google_scholar {margin-top:0}
  4504.  
  4505. .topicspage.square-teaser-area p{margin:16px 0 0;padding-right:30px ;font-size:19px;line-height:28px;max-height:90px;overflow:hidden}
  4506. .ersti-swiper-wrapper .slide-text {  font-size: 18px;line-height:1.45em}
  4507.  
  4508. /*leaf-teaser*/
  4509. .leaf-teaser{background: var(--UHH0271bb-grau);}
  4510. .s .leaf-teaser{background:#fff}
  4511. .s .leaf-teaser:before{content:''; display:block; height:45px;background-color:#e2021a; border-radius: 0 45px 0 0}
  4512.  
  4513. .leaf-teaser .inner{aspect-ratio: 1914/695}
  4514. .s .leaf-teaser .inner{aspect-ratio:auto; display:flex; flex-direction: column;}
  4515. .leaf-teaser .text{display:flex;flex-direction:column; align-items: end;justify-content: center;opacity:1;position:absolute;z-index:2; left:0;height:100%; width:50%; background-repeat:no-repeat;background-size:contain;} /*957" height="695*/
  4516. .leaf-teaser .text{background-image:url("data:image/svg+xml,%3Csvg%20width%3D%22957%22%20height%3D%22695%22%20viewBox%3D%220%200%20957%20695%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200L1.19332e-05%20273C2.21208e-05%20506.064%20188.936%20695%20422%20695L957%20695L957%20422C957%20188.936%20768.064%20-3.35732e-05%20535%20-2.33856e-05L0%200Z%22%20fill%3D%22%23E2021A%22%2F%3E%3C%2Fsvg%3E")}
  4517. .s .leaf-teaser .text{border-radius:0 0 0 68px; aspect-ratio:390/136;order:2; position:relative;width:100%;background-color:#e2021a;}
  4518. .leaf-teaser .text h1{visibility:hidden;margin:0 0 0;position:absolute; top:47%;left:330px; transform-origin:center left;transform:translate(0, -50%);hyphens: none;max-width:495px;font-family: TheSansUHHBold, sans-serif;color:white;font-size:65px;}
  4519. @media  screen and (min-width:1920px) {
  4520. .leaf-teaser .text h1{ transform:translate(0, -50%)!important;left:330px!important}
  4521. }
  4522. .s .leaf-teaser .text h1{position:relative; top:auto!important;left:auto!important;transform:none!important;max-width:none;font-size:7.5vw;margin:0 10vw;width:auto}
  4523.  
  4524. .leaf-teaser figure{background-color:#000;position:absolute;z-index:1; right:0;height:100%;aspect-ratio: 3840/1920;overflow:hidden}
  4525. .s .leaf-teaser figure{aspect-ratio:auto;position:relative}
  4526. .leaf-teaser figure video{background:transparent;float:right;height:calc(100% + 2px)}
  4527. .s .leaf-teaser figure video{width:100%; height:auto}
  4528. .leaf-teaser .bildnachweis {color: #4e4e4e;position: absolute;background: rgba(255, 255, 255, 0.8);padding: 2px 10px;font-size: 12px;bottom: 0px;right: 20px;}
  4529. .s .leaf-teaser .bildnachweis {right: 0px;  }
  4530.  
  4531. /*miniplayer*/
  4532.  
  4533. .has-uhh-miniplayer .uhh-miniplayer-control,.has-uhh-miniplayer .uhh-miniplayer-control{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-repeat:no-repeat;}
  4534.  
  4535. .has-uhh-miniplayer.pause .uhh-miniplayer-control{background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2211px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2011%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3Ctitle%3EPlay%3C%2Ftitle%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Slider-Navi-%2F-Play-%2F-grey%22%20transform%3D%22translate(-119.000000,%200.000000)%22%20fill%3D%22%234E4E4E%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Play%22%20transform%3D%22translate(124.500000,%209.000000)%20rotate(-270.000000)%20translate(-124.500000,%20-9.000000)%20%22%20points%3D%22124.415875%203.5%20133.5%2014.5%20115.5%2014.5%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E")}
  4536. .has-uhh-miniplayer.playing .uhh-miniplayer-control{ background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2213px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2013%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3Ctitle%3EPause%3C%2Ftitle%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Slider-Navi-%2F-Pause-%2F-grey%22%20transform%3D%22translate(-118.000000,%200.000000)%22%20fill%3D%22%234E4E4E%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Pause%22%20transform%3D%22translate(118.000000,%200.000000)%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Rectangle-Copy-6%22%20transform%3D%22translate(2.291667,%209.000000)%20rotate(-270.000000)%20translate(-2.291667,%20-9.000000)%20%22%20points%3D%22-6.70833333%206.70833333%2011.2916667%206.70833333%2011.2916667%2011.2916667%20-6.70833333%2011.2916667%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Rectangle-Copy-9%22%20transform%3D%22translate(10.291667,%209.000000)%20rotate(-270.000000)%20translate(-10.291667,%20-9.000000)%20%22%20points%3D%221.29166667%206.70833333%2019.2916667%206.70833333%2019.2916667%2011.2916667%201.29166667%2011.2916667%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E")}
  4537. .has-uhh-miniplayer.playing .uhh-miniplayer-control:before{content:'stop';  position:absolute;left:200px}
  4538. .has-uhh-miniplayer.pause .uhh-miniplayer-control:before{content:'start'; position:absolute;left:200px}
  4539. .has-uhh-miniplayer .uhh-miniplayer-control:focus{outline:1px dotted #fff; box-shadow:0 0 0 1px var(--UHH0271bb-grau), 0 0 5px 1px #fff;}
  4540.  
  4541. /*image-text-flexbox*/
  4542. .image-text-flexbox{position:relative}
  4543. .image-text-flexbox.weiss{background:#fff;color:#4e4e4e}
  4544. .image-text-flexbox.blau{background:#0271bb;color:#fff}
  4545. .image-text-flexbox.grau{background:#f6f8fa;color:#4e4e4e}
  4546. .image-text-flexbox.rot{background:#e2021a;color:#fff}
  4547. .image-text-flexbox.leaf{background:#fff;color:#4e4e4e}
  4548. .image-text-flexbox:before{content:'';transform:scaleX(-1);transform-origin:25%;position:absolute; left:50%; right:auto; top:0; height:100%; aspect-ratio: 1914/695;background-position:top left; background-repeat:no-repeat;background-size:contain;}
  4549. .image-text-flexbox.rtl:before{content:'';transform:scaleX(1);transform-origin:left;;position:absolute; left:auto;right:50%; top:0; height:100%; aspect-ratio: 1914/695;background-position:top right; background-repeat:no-repeat;background-size:contain;}
  4550.  
  4551. .image-text-flexbox.leaf-gruen:before{background-image:url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22957%22%20height%3D%22695%22%20viewBox%3D%220%200%20957%20695%22%3E%3Cpath%20d%3D%22M422,0C188.94,0,0,188.94,0,422v273s535,0,535,0c233.06,0,422-188.94,422-422V0s-535,0-535,0Z%22%20fill%3D%22%23f0ffd8%22%2F%3E%3C%2Fsvg%3E")}
  4552. .image-text-flexbox.leaf-rot:before{background-image:url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22957%22%20height%3D%22695%22%20viewBox%3D%220%200%20957%20695%22%3E%3Cpath%20d%3D%22M422,0C188.94,0,0,188.94,0,422v273s535,0,535,0c233.06,0,422-188.94,422-422V0s-535,0-535,0Z%22%20fill%3D%22%23ffeef0%22%2F%3E%3C%2Fsvg%3E")}
  4553. .image-text-flexbox.leaf-blau:before{background-image:url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22957%22%20height%3D%22695%22%20viewBox%3D%220%200%20957%20695%22%3E%3Cpath%20d%3D%22M422,0C188.94,0,0,188.94,0,422v273s535,0,535,0c233.06,0,422-188.94,422-422V0s-535,0-535,0Z%22%20fill%3D%22%23e2efff%22%2F%3E%3C%2Fsvg%3E")}
  4554. .image-text-flexbox.leaf-lila:before{background-image:url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22957%22%20height%3D%22695%22%20viewBox%3D%220%200%20957%20695%22%3E%3Cpath%20d%3D%22M422,0C188.94,0,0,188.94,0,422v273s535,0,535,0c233.06,0,422-188.94,422-422V0s-535,0-535,0Z%22%20fill%3D%22%23f3eefe%22%2F%3E%3C%2Fsvg%3E")}
  4555.  
  4556. .image-text-flexbox .inner{display:flex;position:relative; z-index:1}
  4557. .image-text-flexbox figure{grid-area: img ;display:flex;justify-content: center;width:50%!important;overflow:hidden;position:relative;gap:0}
  4558. /* .image-text-flexbox figure:has(iframe){justify-content: right;} */
  4559. .image-text-flexbox.rtl figure{order:1}
  4560. .image-text-flexbox figure img{min-height:100%;max-width:none; width:auto}
  4561. .image-text-flexbox figure video{min-height:100%;object-fit:cover}
  4562. .image-text-flexbox figure div.video{min-height:100%; min-width:100%; height1:auto!important;width:auto!important;aspect-ratio:16/9}
  4563. .image-text-flexbox figure div.video iframe{min-height:100%; min-width:100%; height:100%!important;width:auto!important;aspect-ratio: 16/9;margin-left:50%; transform:translate(-50%,0)}
  4564. .image-text-flexbox figure div.video:has(iframe) img{display:none}
  4565. .image-text-flexbox .text{width:50%; display:flex;padding:40px 20px 40px 120px}
  4566. .m .image-text-flexbox .text{padding:40px 20px 40px 60px}
  4567. .image-text-flexbox.rtl .text{justify-content: right;padding:40px 90px 40px 40px}
  4568. .m .image-text-flexbox.rtl .text{padding:40px 60px 40px 40px}
  4569. .image-text-flexbox .text .content{position:relative;margin:0;width:100%; max-width:calc(1258px / 2 - 150px);display:flex; flex-direction:column; align-items: start;justify-content: center}
  4570. .image-text-flexbox.rtl .text .content{margin:0; max-width:calc(1258px / 2 - 90px)}
  4571. .image-text-flexbox .text .content h2{grid-area: h2 ;position:relative;font-family: TheSansUHHBoldCaps, sans-serif;font-size: 38px; line-height: 42px;margin:30px 0 40px;}
  4572. .image-text-flexbox .text .content h2:before{ content: ""; position: absolute; top: -30px; left: 0; width: 112px; height: 6px; background-color: var(--UHH0271bb-fff);}
  4573. .image-text-flexbox.blau:not(.leaf) .text .content h2:before,
  4574. .image-text-flexbox.rot:not(.leaf) .text .content h2:before { background-color: #fff}
  4575. .image-text-flexbox .text .content .body{grid-area: body ; margin-top:0px!important;font-size:19px;line-height:28px}
  4576. .image-text-flexbox .text .content .body .calltoaction{margin-top:50px;}
  4577. .s .image-text-flexbox .text .content .body .calltoaction{margin-top:35px;}
  4578. .image-text-flexbox .text .content .body *:first-child{ margin-top:0}
  4579. .image-text-flexbox .text .content .body *:last-child{ margin-bottom:0}
  4580. .image-text-flexbox .text .content .body *:has(+.tags, +.calltoaction){ margin-bottom:0}
  4581. .image-text-flexbox .text .content .tags{padding:0px!important;margin:50px 0 5px !important;font-size:0}
  4582. .s .image-text-flexbox .text .content .tags{margin:35px 0 5px !important;}
  4583. .image-text-flexbox .text .content .tags li{display:inline-block; margin:0 15px 15px 0}
  4584. .image-text-flexbox .text .content .tags li:before{content:none!important;float:left;padding:0 !important}
  4585. .image-text-flexbox .text .content .tags a{font-family: TheSansUHHBoldCaps, sans-serif;color:#4e4e4e;text-decoration:none; display:block;background:#fff;font-size:20px;line-height:1.25em;padding:12px 30px 13px}
  4586. .image-text-flexbox .text .content .tags a:hover{text-decoration:underline!important}
  4587. .image-text-flexbox.blau:not(.leaf) .text .content .tags a,.image-text-flexbox.rot:not(.leaf) .text .content .tags a{color:#fff;background:transparent;border:1px solid #fff}
  4588. .image-text-flexbox.weiss:not(.leaf) .text .content .tags a{color:#fff;background:#0271bb;border:0}
  4589. .image-text-flexbox.grau:not(.leaf) .text .content .tags a{color:#fff;background:#0271bb;border:0}
  4590. .image-text-flexbox:not(.weiss):not(.leaf) .text .content .tags a:focus-visible,
  4591. .image-text-flexbox:not(.weiss,.grau):not(.leaf) .text .content .tags a:focus{outline:none; box-shadow:none}
  4592. .image-text-flexbox.weiss:not(.leaf) .text .content .tags a:focus-visible{color:#fff;background:#0271bb;border:0}
  4593. .image-text-flexbox.grau:not(.leaf) .text .content .tags a:focus-visible{color:#fff;background:#0271bb;border:0}
  4594. .image-text-flexbox.blau:not(.leaf) .text .content .tags a:focus-visible{color:#0271bb;background:#fff}
  4595. .image-text-flexbox.rot:not(.leaf) .text .content .tags a:focus-visible{color:#e2021a;background:#fff}
  4596.  
  4597. /* .s .image-text-flexbox.leaf:before{right:0%;)} */
  4598. /* .s .image-text-flexbox .inner{display:block;overflow:hidden} */
  4599. /* .s .image-text-flexbox figure{display:block;width:100%!important;} */
  4600. /* .s .image-text-flexbox figure img{min-height:none;width:100%!important} */
  4601. /* .s .image-text-flexbox .text{width:100%; display:block;padding:40px 20px!important} */
  4602. /* .s .image-text-flexbox .text .content{overflow:hidden;position:relative;margin:0!important;width:auto; max-width:none;display:block;} */
  4603. /* .s .image-text-flexbox .text .content h2:before {} */
  4604. /* .s .image-text-flexbox .text .content .body{padding:0; font-size:17px} */
  4605. .s .image-text-flexbox.leaf-gruen .body{background:#f0ffd8}
  4606. .s .image-text-flexbox.leaf-rot .body{background:#ffeef0}
  4607. .s .image-text-flexbox.leaf-lila .body{background:#f3eefe}
  4608. .s .image-text-flexbox.leaf-blau .body{background:#e2efff}
  4609. .m .image-text-flexbox.leaf-gruen .text{background:#f0ffd8}
  4610. .m .image-text-flexbox.leaf-rot .text{background:#ffeef0}
  4611. .m .image-text-flexbox.leaf-lila .text{background:#f3eefe}
  4612. .m .image-text-flexbox.leaf-blau .text{background:#e2efff}
  4613. .s .image-text-flexbox[class*="leaf"]:before{content:none}
  4614. .m .image-text-flexbox[class*="leaf"]:before{content:none}
  4615. .s .image-text-flexbox .inner{display:grid;gap:0; grid-template-areas: "h2" "img" "body"}
  4616. .s .image-text-flexbox figure{display:block;width:100%!important;margin:0}
  4617. .s .image-text-flexbox figure img{width:100%}
  4618. .s .image-text-flexbox figure video{width:100%;display: block;}
  4619. .s .image-text-flexbox figure div.video{width:100%;height:auto;display: block;}
  4620. .s .image-text-flexbox figure div.video iframe{width:100%;height:auto;display: block;}
  4621. .s .image-text-flexbox .text{display:contents}
  4622. .s .image-text-flexbox .content{display:contents}
  4623. .s .image-text-flexbox .content h2{margin:90px 20px 40px}
  4624. .s .image-text-flexbox .content .body{margin:0!important;padding:40px 20px}
  4625. .m .image-text-flexbox:has(.video) .inner{display:grid;gap:0; grid-template-areas: "h2" "img" "body"}
  4626. .m .image-text-flexbox:has(.video) figure{display:block;width:100%!important;margin:0}
  4627. .m .image-text-flexbox:has(.video) figure img{width:100%}
  4628. .m .image-text-flexbox:has(.video) figure video{width:100%;display: block;}
  4629. .m .image-text-flexbox:has(.video) figure div.video{width:100%;height:auto;display: block;}
  4630. .m .image-text-flexbox:has(.video) figure div.video iframe{width:100%;height:auto;display: block;}
  4631. .m .image-text-flexbox:has(.video) .text{display:contents}
  4632. .m .image-text-flexbox:has(.video) .content{display:contents}
  4633. .m .image-text-flexbox:has(.video) .content h2{margin:90px 20px 40px}
  4634. .m .image-text-flexbox:has(.video) .content .body{margin:0!important;padding:40px 20px}
  4635.  
  4636. /*news-slider*/
  4637. .news-carousel { position:relative}
  4638. .news-carousel * { background-repeat:no-repeat}
  4639. .news-carousel { padding: 60.1px 0 15px max(calc((100% - 1258px)/2), 20px) !important;}
  4640. .home-2025 .outer.news-carousel { padding: 60.1px 0 15px max(calc((100% - 1258px)/2), 20px) !important;}
  4641. .news-carousel:not(.noimg, .news-1fach) .text {margin-top: 10px;}
  4642. .news-carousel a .image {overflow: visible;}
  4643. .news-carousel a img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1)!important;pointer-events:none}
  4644.  
  4645. html:not(.s) .news-carousel.grau:not(.noimg, .news-1fach) .text {margin-top: 18px;padding:0 30px 40px}
  4646. html:not(.s) .news-carousel:not(.grau,.noimg, .news-1fach) .text {margin-top: 18px;}
  4647. .news-carousel .inhalt {font-size:18px!important}
  4648. .news-carousel .inhalt *,.pressemeldung .inhalt *{ display:inline!important}
  4649.  
  4650. .news-carousel .more {font-size:19px!important}
  4651. .news-carousel .more a{background-repeat: no-repeat;}
  4652. .s .news-carousel.grau {background-color:#fff}
  4653. .s .news-carousel.grau .text{padding: 0 0px 40px 0px;}
  4654. .s .news-carousel.box-news-area-home-2025:not(.news-1fach) .text{padding: 0 0px 40px 0px;}
  4655. .news-carousel .video iframe { width: 100%; height: 100%; position: absolute; top: 0;}
  4656. .news-carousel:not(.noimg, .news-1fach) .video { aspect-ratio:16/9;position:relative}
  4657. .news-carousel .video.youtube .videohinweis a { text-decoration: underline!important;color:#c40017 !important}
  4658. .news-carousel .video.youtube .videohinweis a:hover { text-decoration: none!important;}
  4659. .news-carousel  .item .video + .text:before { line-height: 14px;}
  4660.  
  4661. .s .outer.news-carousel.news-1fach {  padding: 60.1px 0px 20px !important;}
  4662. .m .outer.news-carousel.news-1fach {  padding: 60.1px 20px 20px !important;}
  4663. .news-carousel.news-1fach .inner{ margin-left:0 !important; margin-right:0 !important;}
  4664. .s .news-carousel.box-news-area-home-2025.news-1fach .inner:before {left: 20px;}
  4665. .m .news-carousel.box-news-area-home-2025.news-1fach .more { left: 1262px;}
  4666. .s .news-carousel.news-1fach .more { left: auto;}
  4667.  
  4668. /*event-slider*/
  4669. .outer.event-slider {position:relative;margin-top:0px !important; padding:60.1px 0 0px max(calc((100% - 1258px)/2), 20px)!important;}
  4670. .home-2025 .outer.event-slider {padding:60.1px 0 0px max(calc((100% - 1258px)/2), 20px)!important;}
  4671. .event-slider.grau{background-color:var(--topicspage--color-grey)}
  4672. .event-slider *{background-repeat: no-repeat}
  4673. .s .event-slider {padding-top:60px !important;padding-bottom: 50px !important;}
  4674. .event-slider .inner{position:relative!important;margin:0px!important; padding:0!important; max-width:none!important}
  4675. .s .event-slider .inner{padding-bottom:20px!important;}
  4676. .event-slider .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)}
  4677. .s .event-slider .inner:before{left:0}
  4678. .event-slider .content {position:relative;}
  4679. .event-slider .content:before {content: "";  display: table;}
  4680. .event-slider .content:after {content: "";  display: table;width:100%}
  4681. .event-slider h2 {font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px; hyphens:none; margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;}
  4682. .s .event-slider h2 {hyphens:auto; max-height: none;padding-right:20px}
  4683.  
  4684. .event-slider .slider {margin:0;overflow:visible; cursor: grab}
  4685. .event-slider .wrapper {user-select:none;list-style:none;margin:0;padding:0 !important; display: flex;gap:0px;width:5000%}
  4686. .s .event-slider .wrapper {gap:0px;}
  4687. .event-slider .wrapper > li{width:336px;max-width:calc(100vw - 80px) !important; flex-shrink: 0;padding:45px 0px 30px;height:auto}
  4688.  
  4689. .event-slider .wrapper > li > div{background:#fff;height:100%}
  4690. .event-slider .wrapper > li > a{background:#fff;height:100%}
  4691.  
  4692. .event-slider:not(.grau):has(+:not(.grau)) li{padding-bottom:50px} /*ww*/
  4693. .event-slider:not(.grau):has(+.grau) li{padding-bottom:50px} /*wg*/
  4694. .event-slider.grau:has(+.grau) li{padding-bottom:50px} /*gg*/
  4695. .event-slider.grau:has(+:not(.grau)) li{padding-bottom:50px} /*gw*/
  4696. .s .event-slider .wrapper > li{padding:45px 0px 50px!important}
  4697. .event-slider li:before{content:none !important}
  4698. .event-slider li a:not([role="button"]){display:block;color:#4e4e4e!important; text-decoration:none!important;}
  4699. .event-slider li a:not([role="button"]):hover{color:#4e4e4e!important; text-decoration:none!important}
  4700. .event-slider .image{ position:relative;width:100%;overflow:hidden}
  4701. .event-slider a .image { overflow: visible;}
  4702. .event-slider a img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1)!important;pointer-events:none}
  4703. .event-slider img{ width:100%;transition:transform 0.2s ease-in-out;transform:scale(1);aspect-ratio:733/414}
  4704. /* .event-slider li a:not([role="button"]):hover img{ transform:scale(1.05)} */
  4705. .event-slider .video{aspect-ratio:16/9;position:relative}
  4706. .event-slider .video > *:not(.videohinweis) {position:absolute;  top: 0; width: 100%;  height: 100%;}
  4707. .event-slider .bildnachweis {display:none}
  4708.  
  4709. .event-slider .bildnachweis {display:block;position: absolute;transform: rotate(270deg);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,.6);}
  4710.  
  4711. .event-slider .text{position:relative;padding:0 0 33px;}
  4712. .event-slider .text .inhalt *:last-child{margin-bottom:0}
  4713. .event-slider .text .inhalt *:first-child{margin-top:0}
  4714.  
  4715. .event-slider .date-and-time{position:relative; z-index:4;display:inline-block;vertical-align:top;margin:-20px 0 0 40px;padding:10px 15px; line-height:1.2 !important; font-family: TheSansUHHBoldCaps, sans-serif; font-size:16px;background-color:var(--UHH0271bb-fff);color:#fff; }
  4716. .event-slider .date-and-time .separator{margin:0 10px;}
  4717.  
  4718. .event-slider .rubrik {  margin:16px 40px 8px;font-family: TheSansUHHBoldCaps,sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px;}
  4719. .event-slider .rubrik .sep { font-family: TheSansUHHRegularCaps,sans-serif; display: inline-block; margin: 0 12px;}
  4720.  
  4721. .event-slider h3{margin:0 40px;font-size:22px; line-height: 30px;}
  4722. .event-slider .date-and-time + h3 { margin-top: 13px !important;}
  4723. .event-slider li a:hover h3{text-decoration:underline!important}
  4724.  
  4725. .event-slider .more { position: absolute; top: 45px !important; left: 1280px; transform: translate(-100%,0); white-space: nowrap; font-family: TheSansUHHBoldCaps,sans-serif; font-size: 19px;}
  4726. .event-slider .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;}
  4727. .event-slider .more a:hover {text-decoration: underline !important;}
  4728. .m .event-slider .more {  right: 20px;}
  4729. @media screen and (max-width: 1305px) {
  4730. .event-slider .more { right: 20px; left: auto; transform: none;}
  4731. }
  4732. .s .event-slider .more {position: relative;top: 0 !important;right: 20px; margin: -25px 0 0; padding-bottom: 0; float: right;z-index:10}
  4733.  
  4734. .event-slider .swiper-pagination { pointer-events:none;position:absolute; top:40px; right:20px;bottom:auto;width:100%;left:0; text-align:right; max-width:1258px}
  4735. .event-slider .swiper-pagination *{ pointer-events:auto}
  4736. .event-slider .swiper-pagination-bullet{line-height:auto;opacity:1;width:13px;height:13px; border:1px solid #4e4e4e!important;background: transparent; display:inline-block;  border-radius:var(--swiper-pagination-bullet-border-radius, 50%);   margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}
  4737. .event-slider .swiper-pagination-bullet-active{background: #4e4e4e}
  4738.  
  4739. .event-slider .buttons { position:absolute; top:20px; right:0}
  4740. html:not(.l) .event-slider .buttons { right:20px}
  4741. .event-slider button.swiper-button-prev,.event-slider button.swiper-button-next {opacity:0;transition:opacity 0.25s;
  4742. position: absolute!important;  top: calc(50% - 44px);  z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px;
  4743. border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand)
  4744. }
  4745. .event-slider button.swiper-button-prev:hover,.event-slider button.swiper-button-next:hover{opacity:1!important}
  4746. .event-slider button.swiper-button-prev {transform:rotate(180deg);left: 100px;}
  4747. .event-slider button.swiper-button-next {right: 100px}
  4748. .event-slider button.swiper-button-prev:after,
  4749. .event-slider button.swiper-button-next:after {content:none}
  4750. .event-slider:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.swiper-button-next {display:none}
  4751. .event-slider.begin button.swiper-button-prev {display:none}
  4752. .event-slider.end button.swiper-button-next {display:none}
  4753. .s .event-slider button.swiper-button-prev {display:none}
  4754. .s .event-slider button.swiper-button-next {display:none}
  4755.  
  4756.  
  4757. .outer > .artikeldetail .bildunterschrift + * {display:block;clear:both}</style><link as="style" href="https://assets.rrz.uni-hamburg.de/assets/2-0015d86e959526d48de631d1260f316c387262c18173b7ee5a17601f5bf22fb2.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-01d27cdfed3c7026b94c8b8c0128f5279aa8f794a62b536d15656f69809b13ed.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-0015d86e959526d48de631d1260f316c387262c18173b7ee5a17601f5bf22fb2.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();
  4758. ;(function(){
  4759. window.addEventListener('error', detectJavascriptErrors);
  4760.  function detectJavascriptErrors(ev) {
  4761.    var error;
  4762.    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 }}
  4763.    catch (err) {error = {catchMessage: err.message, message: ev.message, filename: ev.filename, platform: navigator.platform}}
  4764.    var img = new Image();
  4765.    img.src = 'https://www.betterweb.uni-hamburg.de/web/error.png?error=' + encodeURIComponent(JSON.stringify(error)) + '&t='+Date.now();
  4766.    window.removeEventListener('error', detectJavascriptErrors);
  4767.  }
  4768. })();
  4769. var htmlEl = document.documentElement;
  4770. var UHH = {
  4771.  onload: function(f){
  4772.    if (document.readyState == "complete") { f() }
  4773.    else { window.addEventListener("load", f )}
  4774.  },
  4775.  ready: function(f){
  4776.    if (document.readyState == "interactive" || document.readyState == "complete") { UHH.raf(f) }
  4777.    else { document.addEventListener("DOMContentLoaded", function(){UHH.raf(f)})}
  4778.  },
  4779.  ready2: function(f){$(f)},
  4780.  hasClass : function(name,el){
  4781.    var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" ");
  4782.    for (var i=0; i<c.length;i++) { if (c[i]===name) {return true; break} }
  4783.    return false
  4784.  },
  4785.  addClass: function(name,el){
  4786.    var cn = el.className;
  4787.    var c = name.split(" ");
  4788.    for (var i=0; i<c.length;i++) { if (!UHH.hasClass(c[i],el)) {cn = [cn, c[i]].join(' ')} }
  4789.    el.className = cn;
  4790.  },
  4791.  removeClass: function(name,el){
  4792.    var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" ");
  4793.    var n = name.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" ");
  4794.    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)} } }
  4795.    el.className = c.join(" ");
  4796.  },
  4797.  when: function (condition, then, dt) {
  4798.    dt = dt ? dt : 50;
  4799.    var DT = 10000, ready = false;
  4800.    setTimeout(loop,dt);
  4801.    function loop() {
  4802.      try { ready = condition() } catch(e) {}
  4803.      if (ready == true) { then() }
  4804.      else if (dt < DT){ dt *= 1.25; setTimeout(loop,dt) }
  4805.    }
  4806.  },
  4807.  $: function(f){ UHH.when( function () {return ("jQuery" in window)}, f) },
  4808.  $$: function(f){ UHH.when( function () {return (("jsReady" in UHH) && UHH.jsReady)}, f) },
  4809.  raf: function(f){
  4810.    if ("requestAnimationFrame" in window) { window.requestAnimationFrame(f) }
  4811.    else { setTimeout(f,20) }
  4812.  },  
  4813.  importJS: function (url, options) {
  4814.    var id = options && options.id ? options.id : false;
  4815.    var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false;
  4816.    if (!id || (id && !document.getElementById(options.id))) {
  4817.      var newJS = document.createElement("script");
  4818.      newJS.crossorigin = "anonymous";
  4819.      if (!!id) {newJS.id = options.id}
  4820.      if (!!onload) { newJS.onload = options.onload }
  4821.      document.head.appendChild(newJS);
  4822.      newJS.src = url;
  4823.    }
  4824.  },
  4825.  importCSS: function (url, options) {
  4826.    var id = options && options.id ? options.id : false;
  4827.    var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false;
  4828.    if (!id || (id && !document.getElementById(options.id))) {
  4829.      var newCSS = document.createElement('link');
  4830.      newCSS.rel = 'stylesheet';
  4831.      newCSS.type = 'text/css';
  4832.      newCSS.media = 'screen';
  4833.      if (!!id) {newCSS.id = options.id}
  4834.      if (!!onload) { newCSS.onload = options.onload }
  4835.      document.head.appendChild(newCSS);
  4836.      newCSS.href = url;
  4837.    }
  4838.  }
  4839. };
  4840.  
  4841. UHH.addClass('js',htmlEl);
  4842. if (!(function(){try{return (window.document.createElement("link").relList.supports( "preload" ))}catch(e){return false}})()) {
  4843.  (function(){  
  4844.    var css = document.getElementById('css-2');
  4845.    css.media = "print";
  4846.    css.rel = "stylesheet";
  4847.    css.removeAttribute('as');
  4848.    css.onload = null;
  4849.    css.onload = function(){ this.onload=null; this.media="all";  }
  4850.  })()
  4851. }
  4852.  
  4853. ;(function responsive(){
  4854.  if (window.matchMedia) {
  4855.    var m = window.matchMedia( "(max-width: 1200px)" );
  4856.    var s = window.matchMedia( "(max-width: 640px)" );
  4857.    m.addListener(function() {responsive(m,s)});
  4858.    s.addListener(function() {responsive(m,s)});
  4859.    responsive(m,s)
  4860.  }
  4861.  function responsive(m,s){
  4862.    var cl = 'l';
  4863.    if (window.matchMedia) {
  4864.      if (m.matches) { cl = 'm' }
  4865.      if (s.matches) { cl = 's' }
  4866.    }
  4867.    UHH.removeClass('s m l',htmlEl);
  4868.    UHH.addClass(cl,htmlEl);
  4869.    if (typeof toggleDom == "function") {toggleDom();}
  4870.    if ("$" in window) { $(window).trigger("responsiveSlotChange") }
  4871.  }
  4872. })();</script><script src="https://assets.rrz.uni-hamburg.de/assets/2-01d27cdfed3c7026b94c8b8c0128f5279aa8f794a62b536d15656f69809b13ed.js"></script><style>@media (min-width: 0px) and (max-width: 640px)     { #slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/6694598/hauptgebaeude640x200-906244d1cf98697764e6091bb938752ae28e78e9.jpg')} }@media (min-width: 641px) and (max-width: 1200px)  { #slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/6694510/hauptgebaeude1200x300-ef680e585b2db44e8424982970ddc82e1345bef1.jpg')} }@media (min-width: 1201px) and (max-width: 6000px) { #slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/6694546/hauptgebaeude2190x400-a0af7abf574b0055f746b718422dfe174b98cf16.jpg')} }</style></head><body class="zentrale nav-5 slider-start home-2025 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?etcc_cmp=campuscenter-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=campuscenter-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Campus-Center</span></a></li><li><a href="https://www.uni-hamburg.de/career-center.html?etcc_cmp=career-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=career-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Career-Center</span></a></li><li><a href="https://www.uni-hamburg.de/piasta.html?etcc_cmp=piasta-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=piasta-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><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?etcc_cmp=familienbuero-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=familienbuero-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Familienbüro</span></a></li><li><a href="https://www.uni-hamburg.de/sprachenzentrum?etcc_cmp=sprachenzentrum-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=sprachenzentrum-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Sprachenzentrum</span></a></li><li><a href="https://www.uni-hamburg.de/allgemeinsprachen.html?etcc_cmp=allgemeinsprachen-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=allgemeinsprachen-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Allgemeinsprachen</span></a></li><li><a href="https://www.uni-hamburg.de/studieren-mit-behinderung.html?etcc_cmp=behinderung-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=behinderung-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Koordination der Belange von Studierenden mit Beeinträchtigungen</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/studierende/bibliotheken.html?etcc_cmp=bibliotheken-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=bibliotheken-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><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/museen-sammlungen?etcc_cmp=museen-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=museen-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><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?etcc_cmp=praesidialverwaltung-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=praesidialverwaltung-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Präsidialverwaltung</span></a></li><li><a href="https://www.uni-hamburg.de/transfer.html?etcc_cmp=transfer-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=transfer-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><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?etcc_cmp=studieninteressierte-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=studieninteressierte-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Studieninteressierte</span></a></li><li><a href="https://www.uni-hamburg.de/studium.html?etcc_cmp=studierende-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=studierende-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Studierende</span></a></li><li><a href="https://www.uni-hamburg.de/campuscenter/bewerbung/international.html?etcc_cmp=internationale-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=internationale-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Internationale</span></a></li><li><a href="https://www.uni-hamburg.de/forschung/karrierewege/promotion.html?etcc_cmp=promovierende-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=promovierende-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Promovierende</span></a></li><li><a href="https://www.uni-hamburg.de/lp-forschende.html?etcc_cmp=forschende-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=forschende-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Forschende</span></a></li><li><a href="https://www.uni-hamburg.de/lehre-navi/lehrende.html?etcc_cmp=lehrende&amp;etcc_med=metanav&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=lehrende&amp;mtm_medium=metanav&amp;mtm_content="><span>Lehrende</span></a></li><li><a href="https://www.kus.uni-hamburg.de/?etcc_cmp=beschäftigte-kus-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=beschäftigte-kus-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Beschäftigte (KUS)</span></a></li><li><a href="https://www.uni-hamburg.de/service/weiterbildung.html?etcc_cmp=weiterbildungsinteressierte-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=weiterbildungsinteressierte-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Weiterbildungsinteressierte</span></a></li><li><a href="https://www.uni-hamburg.de/service/alumni.html?etcc_cmp=alumni-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=alumni-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Alumni</span></a></li><li><a href="https://www.uni-hamburg.de/newsroom/presse.html?etcc_cmp=presse-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=presse-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><span>Presse</span></a></li><li><a href="https://www.uni-hamburg.de/uhhhilft.html?etcc_cmp=gefluechtete-flyout-de&amp;etcc_med=flyout-de&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=gefluechtete-flyout-de&amp;mtm_medium=flyout-de&amp;mtm_content="><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="/campuscenter/studienangebot.html">Studienangebot</a></li><li><a href="/campuscenter/studienorientierung.html">Studienorientierung</a></li><li><a href="/campuscenter/bewerbung.html">Bewerbung</a></li><li><a href="/campuscenter/studienorganisation.html">Studienorganisation</a></li><li><a href="/studium/campus-leben.html">Campus-Leben</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 target="_blank" href="https://www.uni-hamburg.de/wissen-fuer-alle.html">für die Öffentlichkeit</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/arbeiten-an-der-uni-hamburg.html">Arbeiten an der UHH</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"></section><main id="hauptinhalt"><section class="spalten"><article class="spalte links"><div class="outer leaf-teaser"><div class="full inner"><div class="text"><h1>Willkommen an der Universität Hamburg</h1></div><figure class="video"><video autoplay="" class="uhh-miniplayer" loop="" muted="" playsinline="" poster="/25056460/video-startseite-0dadc40703e9c8ae96b427e9fdcc7655d49dfb94.jpg"><source src="https://l2gdownload.rrz.uni-hamburg.de/abo/00.000_video-71051_2025-03-07_09-54.mp4" type="video/mp4" /></video></figure></div></div><div class="box-small-two-sided-teaser outer image-text-flexbox weiss"><div class="full inner"><figure><picture><source height="320" media="(max-width:640px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056047/uhh-640x320-a35fa2d97fcb1cfdb7d6a399d2702c37ea88f30e.jpg" width="640" /><source height="414" media="(max-width:1200px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056092/uhh-800x414-1eee36b9ce3aced3737568b0eaf3b9565afcd06b.jpg" width="800" /><source height="497" media="(min-width:1201px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056074/uhh-960x497-17c6f25e78b996e65cb170da40ad05d035eec642.jpg" width="960" /><img loading="lazy" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056074/uhh-960x497-17c6f25e78b996e65cb170da40ad05d035eec642.jpg" alt="Die UHH stellt sich vor" /></picture></figure><div class="text"><div class="content"><h2>Was uns ausmacht</h2><div class="body">Die Exzellenzuniversität Hamburg ist ein hervorragender Ort für innovative Forschung und Lehre. Gemeinsam gehen wir aktuelle Herausforderungen an und helfen mit unseren Erkenntnissen, die großen Themen der Zukunft zu gestalten.<ul class="tags"><li><a href="https://www.uni-hamburg.de/uhh.html?etcc_cmp=startseite-de&amp;etcc_med=home-de&amp;et_cmp_seg3=uhh&amp;et_cmp_seg5=&amp;mtm_campaign=uhh&amp;mtm_medium=home&amp;mtm_content=">Lernen Sie uns kennen</a></li></ul></div></div></div></div></div><div class="box-two-sided-teaser outer image-text-flexbox rtl leaf leaf-gruen"><div class="full inner"><figure><picture><source height="320" media="(max-width:640px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056056/studieren-640x320-9e6ce6c67715d2f311207b44633cff1bd0ee8f75.png" width="640" /><source height="600" media="(max-width:1200px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056119/studieren-800x600-c20e82b9de66a7b303ed908d718195a9176d9c91.png" width="800" /><source height="720" media="(min-width:1201px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056065/studieren-960x720-0558bd0836b6919d008d94e3f057b2f256ab5fc6.png" width="960" /><img loading="lazy" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056065/studieren-960x720-0558bd0836b6919d008d94e3f057b2f256ab5fc6.png" alt="Studieren an der UHH" /></picture></figure><div class="text"><div class="content"><h2>Studieren</h2><div class="body"><p>Bei unserer großen Auswahl an Studiengängen ist für jedes Talent das richtige Fach dabei. Individuelle Schwerpunkte ermöglichen eine interdisziplinäre und vielseitige Ausbildung. Und das alles in der schönsten Stadt der Welt.</p><ul class="tags"><li><a href="https://www.uni-hamburg.de/studium/studieren-in-hamburg.html?etcc_cmp=startseite-de&amp;etcc_med=home-de&amp;et_cmp_seg3=studieren-in-hamburg&amp;et_cmp_seg5=startseite-de&amp;mtm_campaign=studieren-in-hamburg&amp;mtm_medium=home&amp;mtm_content=">Warum bei uns studieren?</a></li><li><a href="https://www.uni-hamburg.de/campuscenter/studienangebot.html?etcc_cmp=startseite-de&amp;etcc_med=home-de&amp;et_cmp_seg3=studienangebot&amp;et_cmp_seg5=&amp;mtm_campaign=studienangebot&amp;mtm_medium=home&amp;mtm_content=">Studiengänge</a></li><li><a href="https://www.uni-hamburg.de/campuscenter/studienorganisation/studienverlauf/termine-fristen.html?etcc_cmp=startseite-de&amp;etcc_med=home-de&amp;et_cmp_seg3=studienverlauf-termine-fristen&amp;et_cmp_seg5=&amp;mtm_campaign=studienverlauf-termine-fristen&amp;mtm_medium=home&amp;mtm_content=">Termine und Fristen</a></li><li><a href="https://www.uni-hamburg.de/campuscenter/bewerbung.html?etcc_cmp=startseite-de&amp;etcc_med=home-de&amp;et_cmp_seg3=campuscenter-bewerbung&amp;et_cmp_seg5=&amp;mtm_campaign=campuscenter-bewerbung&amp;mtm_medium=home&amp;mtm_content=">Bewerbung</a></li></ul></div></div></div></div></div><div class="box-two-sided-teaser outer image-text-flexbox weiss"><div class="full inner"><figure><picture><source height="320" media="(max-width:640px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056101/forschen-640x320-ea06c1f15ce6d53e7ad0287a32885005f47cb8ad.jpg" width="640" /><source height="600" media="(max-width:1200px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056083/forschen-800x600-c746d4fbcef2ec2881235879e5dde3eaade2d192.jpg" width="800" /><source height="720" media="(min-width:1201px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056128/forschen-960x720-7a6d6f0637e746ff7cc78639dec542a24876f458.jpg" width="960" /><img loading="lazy" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056128/forschen-960x720-7a6d6f0637e746ff7cc78639dec542a24876f458.jpg" alt="Forschen an der UHH" /></picture></figure><div class="text"><div class="content"><h2>Forschen und kooperieren</h2><div class="body"><p>Als eine der forschungsstärksten Hochschulen Deutschlands ermöglichen wir wissenschaftliches Arbeiten auf internationalem Spitzenniveau.
  4873. </p><p>
  4874. </p><p>In unseren innovativen und interdisziplinären Projekten arbeiten wir auch eng mit Partnereinrichtungen aus Gesellschaft und Wirtschaft zusammen, um Lösungen für aktuelle Fragestellungen einzubringen.</p><ul class="tags"><li><a href="https://www.uni-hamburg.de/forschung/forschungsprofil.html?etcc_cmp=forschungsprofil&amp;etcc_med=home&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=forschungsprofil&amp;mtm_medium=home&amp;mtm_content=">Zum Forschungsprofil</a></li></ul></div></div></div></div></div><div class="box-two-sided-teaser outer image-text-flexbox rtl blau"><div class="full inner"><figure><picture><source height="320" media="(max-width:640px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056146/arbeiten-640x320-0b759dd74b7eb69b37557f3986357951460dc2e9.png" width="640" /><source height="600" media="(max-width:1200px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056137/arbeiten-800x600-2504a07065d3bc5d1f54a49ccc91b0ee6f614c31.png" width="800" /><source height="720" media="(min-width:1201px)" srcset="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056110/arbeiten-960x720-46b81626acbab9336e92cc8370a1813765fb9621.png" width="960" /><img loading="lazy" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25056110/arbeiten-960x720-46b81626acbab9336e92cc8370a1813765fb9621.png" alt="Arbeiten an der UHH" /></picture></figure><div class="text"><div class="content"><h2>Bei uns arbeiten</h2><div class="body"><p>Die Universität ist – genau wie ihre Mitglieder – unglaublich vielfältig. Daher ist es uns ein besonderes Anliegen, ein Umfeld zu schaffen, in dem alle ihre Ideen einbringen können.
  4875. </p><p>
  4876. </p><p>So tragen wir mit unserer Arbeit in Forschung, Lehre und Verwaltung dazu bei, unsere Universität zu einer der besten Deutschlands zu machen.</p><ul class="tags"><li><a href="https://www.uni-hamburg.de/stellenangebote/arbeiten-an-der-uni-hamburg.html?etcc_cmp=arbeiten-an-der-uni-hamburg&amp;etcc_med=home&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=arbeiten-an-der-uni-hamburg&amp;mtm_medium=home&amp;mtm_content=">An der UHH arbeiten</a></li><li><a href="https://www.uni-hamburg.de/forschung/karrierewege.html?etcc_cmp=karrierewege&amp;etcc_med=home&amp;et_cmp_seg3=&amp;et_cmp_seg5=&amp;mtm_campaign=karrierewege&amp;mtm_medium=home&amp;mtm_content=">Wissenschaftliche Karrierewege</a></li></ul></div></div></div></div></div><div class="outer news-carousel box-news-area-home-2025" id="25099800"><div class="inner"><div class="content"><div class="head"><h2>News</h2><a class="rss" role="button" title="RSS-Feed" href="/newsroom.atom"><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="slider"><ul><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/presse/2025/pm16.html"><div class="image"><img alt="Im Hintergrund ist ein Tisch mit ungesunden und gesunden Lebensmitteln abgebildet. In der Mitte im Vordergrund ist ein Auge, das in einem Zahnrad umkreist wird zu sehen. Die Kombination der Motive soll den Wahrnehmungsmechanismus in der Ernährungsentscheidung darstellen." data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25347936/hunger-4153e326471a189fdd4366a018223cf436ff68a1.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: Jennifer March</p></div><div class="text"><div class="rubrik"><span class="datum">24. April 2025</span><span class="sep">|</span>Pressemitteilung</div><h3 class="titel">Neue UHH-Studie zu Ernährungsentscheidungen: Wenn Hunger die Wahrnehmung steuert</h3><div class="inhalt"><p>Warum greifen wir eher zu ungesundem Essen, wenn wir hungrig sind? Eine neue Studie von Forschenden der Universität Hamburg zeigt: Hunger beeinflusst nicht nur unsere Vorlieben, sondern auch, worauf wir bei Lebensmitteln im entscheidenden Moment achten. Informationen über Nährwert und Gesundheit treten bei der Essenswahl in...</p></div></div></a></li><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/campus/2025/0422-stine-relaunch.html"><div class="image"><img alt="Studierende hat auf einem Laptop die neu gestaltete STiNE-Webseite geöffnet" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25335716/stine-relaunch-d22cc9ad42d7e02928d3cb202e0a99ce7b3c2cfc.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/Röttger</p></div><div class="text"><div class="rubrik"><span class="datum">22. April 2025</span><span class="sep">|</span>Campus</div><h3 class="titel">STiNE: Neues Design und bessere Bedienbarkeit</h3><div class="inhalt"><p>Die Universität Hamburg hat STiNE, das Webportal für das Campus-Managementsystem, umfassend überarbeitet. Das Update beinhaltet ein deutlich responsiveres Design und eine modernere Optik. Zugleich wurden Barrierefreiheit und Usability, vor allem für den Zugriff mit mobilen Endgeräten, verbessert. Und wie überall an der UHH...</p></div></div></a></li><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/podcasts/campus-legenden/18-westlake.html"><div class="image"><img alt="Prof. Dr. Hauke Heekeren und Julia Westlake" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25295494/westlake-bedaad5155dc110515caac7333f778c0b8046e22.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: Campus-Legenden</p></div><div class="text"><div class="rubrik"><span class="datum">16. April 2025</span><span class="sep">|</span>Podcast</div><h3 class="titel">„Ich war ziemlich verloren an der Uni“</h3><div class="inhalt"><p>Julia Westlake träumte nach dem Abitur davon, Theater-, Film- und Medienwissenschaft zu studieren. Doch der Weg dorthin blieb ihr versperrt. Auch auf Drängen ihrer Mutter entschied sie sich für einen „solideren“ Weg und studierte stattdessen Germanistik. Was zunächst wie ein Umweg wirkte, wurde zum Startpunkt einer...</p></div></div></a></li><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/exzellenzstrategie/2025/0415-fast-track.html"><div class="image"><img alt="Portrait Lucia Frohn" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25182373/fastrack-2201695a1137a129975551c314fca338c2b83a91.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: privat</p></div><div class="text"><div class="rubrik"><span class="datum">15. April 2025</span><span class="sep">|</span>Exzellenzstrategie</div><h3 class="titel">„Ich möchte erforschen, wie beharrlich wahnhafte Überzeugungen sind“</h3><div class="inhalt"><p>Direkt nach dem Bachelor promovieren: Diese Möglichkeit bietet das Fast Track-Programm herausragenden Studierenden. Neben einer finanziellen Förderung von 1468 Euro monatlich für zwei Jahre unterstützt das Programm Promovierende auch mit Qualifizierungs- und Vernetzungsangeboten. Lucia Frohn von der Fakultät für Psychologie...</p></div></div></a></li><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/intern/2025/0414-uni-wahlen.html"><div class="image"><img alt="Illustration: Eine Hand wirft einen Zettel in eine Wahlurne," data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25296268/uni-wahlen-31e7c0decb9a09733ef4d0f3e3a0d5784b124865.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/Vogiatzis</p></div><div class="text"><div class="rubrik"><span class="datum">14. April 2025</span><span class="sep">|</span>Intern</div><h3 class="titel">Uni-Wahl: Anstehende Wahlen zu den Fakultätsräten und Fachbereichsräten</h3><div class="inhalt"><p>Im Sommersemester 2025 finden die Wahlen der Vertreterinnen und Vertreter aller Gruppen zu den Fakultätsräten und der Studierenden zu den Fachbereichsräten statt.</p></div></div></a></li><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/presse/2025/pm15.html"><div class="image"><img alt="Ein Schimpanse" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25269014/pixabay-dafranzos-733x414-screen-ef2107b2e08f15ad84e3ae1f173373079f7c2e89.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: Pixabay/DaFranzos</p></div><div class="text"><div class="rubrik"><span class="datum">10. April 2025</span><span class="sep">|</span>Pressemitteilung</div><h3 class="titel">Erbgut von sechs Menschenaffenarten erstmalig vollständig entschlüsselt</h3><div class="inhalt"><p>Ein internationales Forschungsteam unter Beteiligung des Fachbereichs Biologie der Universität Hamburg hat die vollständigen Genome von sechs dem Menschen nah verwandten Primatenarten entschlüsselt. Die Analysen ermöglichen tiefere Einblicke in die Evolution der Menschenaffen und dienen als Grundlage für künftige genetische...</p></div></div></a></li><li><a class="item" target="_self" href="https://www.uni-hamburg.de/newsroom/presse/2025/pm14.html"><div class="image"><img alt="Dozentin mit Studierenden in einem Seminar (Symbolfoto)" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25261418/lehre-an-der-uhh-733x414-screen-75747974475238f066b43b7d5d2a7e36a7846c3e.jpg" class="defer" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /><p class="bildnachweis">Foto: UHH/von Wieding</p></div><div class="text"><div class="rubrik"><span class="datum">9. April 2025</span><span class="sep">|</span>Pressemitteilung</div><h3 class="titel">Neues Stellenmodell erfolgreich eingeführt: Erste Senior Lecturer an der Universität Hamburg gestartet</h3><div class="inhalt"><p>Attraktive Stellenmodelle für vielfältige Karrierewege: Das ist ein Mittel der Universität Hamburg, wenn es darum geht, national und international die besten Köpfe zu gewinnen und zu halten. Zum
  4877. 1. April 2025 sind an der Fakultät für Wirtschafts- und Sozialwissenschaften nun die ersten beiden Senior Lecturer eingestellt...</p></div></div></a></li><li><div class="video item"><div class="video youtube" data-videourl="https://www.youtube.com/embed/1tnqgGz9mKs?si=Tk8RtnAoYXz8iwVs" tabindex="0"><div class="pad"></div><img alt="Screenshot aus dem Video über Nierenforschung" class="videoimg defer" data-src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25261044/kidney-research-7bceaba990a71c3b9fd817f7d7e03789ee955ad9.jpg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></div><a class="text breit" href="https://www.uni-hamburg.de/newsroom/videos/20250407-kidney-research.html"><div class="rubrik"><span class="datum">7. April 2025</span><span class="sep">|</span>Forschung</div><h3 class="titel">Hamburg Center for Kidney Health: Video-Einblicke in die Nierenforschung</h3><div class="inhalt"><p>Am Hamburg Center for Kidney Health gehen Shuya Liu und Badr Khbouz den Rätseln von Nierenerkrankungen auf den Grund. Im Video erklären sie, wie ihre Forschung dazu beiträgt, die Behandlungsmöglichkeiten zu verbessern.</p></div></a></div></li></ul></div></div><div class="more"><a href="/newsroom.html">Weitere Meldungen im Newsroom</a></div></div></div><div class="outer box-event-slider event-slider grau" id="25055060"><div class="inner"><div class="content"><h2>Veranstaltungen</h2><nav class="slider"><ul class="box-event-slider-tiles wrapper"><li><div><a class="text" target="_blank" href="https://www.ew.uni-hamburg.de/internationales/aktuelles/2025-ausstellunsgeroeffnung.html"><div class="image"><img alt="Studentisch konzipierte Ausstellung im Ahrensburger Rathaus" loading="lazy" title="bild6-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25347542/studentische-ausstellung-733x414-095a75e34c1f1b362952dc19dad3efd0169301b7.jpg" /><p class="bildnachweis">Foto: Felix Hansen</p></div><div class="date-and-time"><span class="date">25.&ndash;28.04.2025</span><span class="separator">|</span><span class="time">08:00 Uhr</span></div><p class="rubrik">Ahrensburger Rathaus</p><h3 class="title">Studentisch konzipierte Ausstellung zu Spuren des Kolonialismus</h3></a></div></li><li><div><a class="text" target="_blank" href="/museen-sammlungen/universitaetsmuseum.html"><div class="image"><img alt="Einblick in die Dauerausstellung des Unimuseums" loading="lazy" title="Unimuseum" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25063517/unimuseum-803af9325263cbd0d8e4cfdb082ebfb3cbbe51d0.jpg" /><p class="bildnachweis">Foto: UHH/Ohme</p></div><div class="date-and-time"><span class="date">heute</span><span class="separator">|</span><span class="time">18:00 Uhr</span></div><p class="rubrik">Unimuseum</p><h3 class="title">Schnipseljagd, „Finger to Go“ und vieles mehr: Die Lange Nacht der Museen</h3></a></div></li><li><div><a class="text" target="_blank" href="https://www.uni-hamburg.de/transfer/veranstaltungskalender.html?event=118684"><div class="image"><img alt="Außenaufnahmen vom Campus Bahrenfeld" loading="lazy" title="campus-bahrenfeld-nature-walk-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25272483/campus-bahrenfeld-nature-walk-733x414-9a99dd3a05a5f28a3e76d34237e48441a2f8f9b3.jpg" /><p class="bildnachweis">Foto: UHH/Göttling</p></div><div class="date-and-time"><span class="date">28.04.2025</span><span class="separator">|</span><span class="time">15:00 Uhr</span></div><p class="rubrik">Nachhaltigkeit</p><h3 class="title">City Nature Walk Bahrenfeld</h3></a></div></li><li><div><a class="text" target="_blank" href="https://tools.hra-hamburg.de/de/hra-sose25-029"><div class="image"><img alt="Gruppe von Promovierenden bei einer Veranstaltung der Hamburg Research Academy" loading="lazy" title="HRA-Veranstaltung" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25119719/hra-programm-sose-25-733x414-2a7c908d61bce2ed02fb1ae18535dc4bc7bc9946.jpg" /><p class="bildnachweis">Foto: HRA/Helm</p></div><div class="date-and-time"><span class="date">30.04.2025</span><span class="separator">|</span><span class="time">13:30 Uhr</span></div><p class="rubrik">Hamburg Research Academy</p><h3 class="title">Karriereorientierung: Gruppenberatung für Promovierende und Postdocs</h3></a></div></li><li><div><a class="text" target="_blank" href="https://www.zfw.uni-hamburg.de/oeffentliche-vortraege/programm-sose/11-macht-der-sprache-sprache-der-macht.html"><div class="image"><img alt="Frontansicht Hauptgebäude Uni Hamburg" loading="lazy" title="allg-vorlesungswesen-hauptgebaeude-esfandiari-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25261715/allg-vorlesungswesen-hauptgebaeude-esfandiari-733x414-294b8b316cb977f8dc73bece40a801126aba6796.jpg" /><p class="bildnachweis">Foto: UHH/Esfandiari</p></div><div class="date-and-time"><span class="date">05.05.2025</span><span class="separator">|</span><span class="time">16:15 Uhr</span></div><p class="rubrik">Allgemeines Vorlesungswesen</p><h3 class="title">#alltagsrassismus: Zur Mediatisierung von Rassismuserfahrungen</h3></a></div></li><li><div><a class="text" target="_blank" href="https://www.uni-hamburg.de/wissen-fuer-alle/vorlesung-fuer-alle/frank-steinicke.html"><div class="image"><img alt="Foto vorn Prof. Steinicke vor dem Hintergund des Veranstaltungsraumes Xperion Hamburg" loading="lazy" title="250206-vfa-steinicke-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25269283/250206-vfa-steinicke-733x414-9756920de5a3f26e67f13b311889389fc3e548ba.jpg" /><p class="bildnachweis">Foto: UHH/Media Markt Saturn</p></div><div class="date-and-time"><span class="date">06.05.2025</span><span class="separator">|</span><span class="time">19:00 Uhr</span></div><p class="rubrik">Vorlesung für alle</p><h3 class="title">Wie verändern KI und das Metaverse die Welt der Computerspiele?</h3></a></div></li><li><div><a class="text" target="_blank" href="https://www.uni-hamburg.de/museen-sammlungen/universitaetsmuseum.html"><div class="image"><img alt="Ausstellung im Unimuseum" loading="lazy" title="unimuseum-plessing-scheiblich-insel-12-04-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/25271879/unimuseum-plessing-scheiblich-insel-12-04-733x414-0ec1951bffe7dad6b1501d6cb8daa90d8779fa62.jpg" /><p class="bildnachweis">Foto: UHH/Plessing Scheiblich</p></div><div class="date-and-time"><span class="date">08.05.2025</span><span class="separator">|</span><span class="time">17:00 Uhr</span></div><p class="rubrik">Unimuseum</p><h3 class="title">Sonderführung zu 80 Jahren Kriegsende</h3></a></div></li></ul></nav></div><div class="more"><a target="_blank" href="/newsroom/veranstaltungen.html">Alle Veranstaltungen</a></div></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 25. März 2025</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 class="global"><div class="breite"><div class="heading"><h2>Universität Hamburg</h2><p>Innovating and Cooperating for a Sustainable Future in a Digital Age</p></div><div aria-label="Social Links" class="social-2025"><ul><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/instagram-inverted-d63c2748a8d9cf79a885391f222e83d7bc2206c91e3016e366ea55738d37ec28.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><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/facebook-inverted-0322570f6788fe7c5aabaacbf1e1fd7d87df59e093a3ffef3bdbc9123dc4588b.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-inverted-36cc126d95bf3f58a3938d6f497c17bda50b3a01db922a3eec207da0567f372c.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/youtube-inverted-11ef77246739ad3c0dfe226cd9b70b8584f3de0d78bf6453865712613960f895.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-inverted-a2393a0b375464d9d747bf29ff64c7c16e69f0656b33e7696e1689ba50da1fa1.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li></ul></div></div><nav aria-label="Allgemeine Links" class="sitelinks box"><ul class="breite"><li><ul><li><a target="_blank" 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 an der UHH</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/studium/studieren-in-hamburg.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=studieren-in-hamburg&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=studieren-in-hamburg">Studieninteressierte</a></li><li><a target="_blank" href="https://www.zfw.uni-hamburg.de/">Weiterbildung</a></li></ul></li><li><ul><li><a target="_blank" 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 an der UHH</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/forschung/karrierewege.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=promovieren&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=promovieren">Promovieren</a></li><li><a target="_blank" 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">Karriere &amp; Stellenangebote</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/transfer.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=transfer&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=transfer">Transfer</a></li></ul></li><li><ul><li><a target="_blank" class="zielgruppe" href="https://www.uni-hamburg.de/uhh.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=uhh&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=uhh">Universität</a></li><li><a target="_blank" class="zielgruppe" href="https://www.uni-hamburg.de/exzellenz.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=exzellenz&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=exzellenz">Exzellenz</a></li><li><a target="_blank" class="zielgruppe" href="https://www.uni-hamburg.de/nachhaltigkeit.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=nachhaltigkeit&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=nachhaltigkeit">Nachhaltigkeit</a></li><li><a target="_blank" class="zielgruppe" 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><li><a target="_blank" class="zielgruppe" href="https://www.uni-hamburg.de/service/alumni.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=alumni&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=alumni">Alumni-Netzwerk</a></li></ul></li><li><ul><li><a target="_blank" href="https://www.uni-hamburg.de/kontakt.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=kontakt&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=kontakt">Kontakt</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/onTEAM/campus/?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=campus-karte&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=campus-karte">Campus-Karte</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/kontakt/notfall.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=notfall&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=notfall">Notfall &amp; Sicherheit</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/antidiskriminierung.html?etcc_cmp=startseite-de&amp;etcc_med=footer&amp;et_cmp_seg3=antidiskriminierung&amp;et_cmp_seg5=&amp;mtm_campaign=startseite-de&amp;mtm_medium=footer&amp;mtm_content=antidiskriminierung">Antidiskriminierung</a></li></ul></li></ul></nav><nav aria-label="weitere Links" class="bottom breite"><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><p class="copyright">&copy; 2025 Universität Hamburg. Alle Rechte vorbehalten</p></nav></section></footer></div><div id="sponsors"></div><script>console.log('document ready: ' + (Date.now() - t0) + ' ms');
  4878. 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