CINXE.COM

<!DOCTYPE html><html class="v5 l" lang="en"><head><meta charset="utf-8" /><title>Academic career opportunities : Research : University of Hamburg</title><meta content="width=device-width, initial-scale=1" name="viewport" /><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="EZtJ3WXmgkVGeZ3F8pofP-lUg7WpAbbVrcAiAKyuc0-YzfuvmIO5-G3LCFfE7IOikoUtm4ZkUoWekm4d8jkxbg" /><script>inline_editing={ storeMarkerDefinitions: function(x){} }</script><meta content="www3-fiona" name="srcsvr" /><meta content="66g1q0uz95tch9afvqkkiy8ut2cega" name="facebook-domain-verification" /><meta content="Academic career opportunities" property="og:title" /><meta content="https://www.uni-hamburg.de/en/forschung/karrierewege.html" 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="Online-Dienste" name="author" /><style>:root { --UHHfff-fff: #fff; --UHHfff-hellgrau: #fff; --UHHfff-grau: #fff; --UHH0271bb-fff: #0271bb; --UHH0271bb-grau: #0271bb; --UHH0271bb-dunkelgrau: #0271bb; --UHH0271bb-hellblau: #0271bb; --UHHf3f3f3-grau: #f3f3f3; --UHH3b515c-grau: #3b515c; --UHH3b515c-schwarz: #3b515c; --UHH666-fff: #666; --UHH4e4e4e-fff: #4e4e4e; --UHH4e4e4e-4e4e4e: #4e4e4e; --UHHc40017-hellrot: #c40017; } [data-color-scheme$='dark'] { --UHHfff-fff: #fff; --UHHfff-hellgrau: #252525; --UHHfff-grau: #383838; --UHH0271bb-fff: #fff; --UHH0271bb-grau: #383838; --UHH0271bb-dunkelgrau: #202020; --UHH0271bb-hellblau: #36a9f1; --UHHf3f3f3-grau: #383838; --UHH3b515c-grau: #383838; --UHH3b515c-schwarz: #121212; --UHH666-fff: #fff; --UHH4e4e4e-fff: #fff; --UHH4e4e4e-4e4e4e: #4e4e4e; --UHHc40017-hellrot: #ff7777; } /* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */ @font-face { font-family:"TheSansUHHSemiLightCaps"; font-display:fallback; 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"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHBold"; font-display:fallback; 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"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHBoldCaps"; font-display:fallback; 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"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHRegular"; font-display:fallback; 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"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHH";font-display:fallback; 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"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHRegularCaps"; font-display:fallback; 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"); font-weight:normal; font-style:normal; } @font-face { font-family:"TheSansUHHItalic"; font-display:fallback; 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"); font-weight:normal; font-style:normal; } html.ios { -webkit-text-size-adjust: 100%} html.ios.orientationchanged {height:calc(100% + 100px);position:absolute} html.ios.orientationchanged body{bottom:100px;position:absolute} html, body {background-color:#fff; margin:0; padding:0; z-index:1} html.ios, .ios body {-webkit-overflow-scrolling :touch !important; overflow:auto !important; } body {font-family:TheSansUHH, sans-serif; color:#4E4E4E; overflow-y:scroll; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto} .sticky body {scroll-padding-top:100px} .m body {scroll-padding-top:200px} .s body {scroll-padding-top:200px} * {box-sizing:border-box} header,nav,main,footer,aside,section {display:block} iframe{border:0} img {border:0; display:block} img:not([src]) {visibility:hidden} img.unblock {display:inline} .outer .standard img {display:inline} .outer > .nomargintop {margin-top:0 !important} :target:before{content:""; position:absolute;width:0px;height:70px;margin-top:-70px} .unsichtbar,.uhhhidden {display:none !important} .d-none {display:none} .versteckt {position:absolute; left:-10000px} .breite {width:100%; max-width:1258px; margin:auto} .clear:after {content:""; display:table; clear:both; width:100%} img.defer[data-src]{width:1px !important;height:1px !important} h1,h2,h3,h4,h5 {font-family:TheSansUHHBold,sans-serif; font-weight:normal} em, i {font-family:TheSansUHHItalic,sans-serif; font-style:normal} em.em {font-family:TheSansUHH,sans-serif; font-style:normal} .em a span.a:after {content:"@"} strong,b,th {font-family:TheSansUHHBold,sans-serif; font-weight:normal} em.em a, i a.em {font-style:normal } 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} 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} .swiper-slide-duplicate *{user-select:none;} .deferbg{background-image:none !important} input,textarea,select{border-radius:0 !important} table.db_table{display:none} del.alt,mark.neu, mark{background-color:yellow;color:#4e4e4e } del.alt:before{content:"gelöscht: "; position:absolute; left:-10000px;visibility:hidden;width:1px;height:1px;display:block; overflow:hidden } mark.neu:before{content:"neu: "; position:absolute; left:-10000px;visibility:hidden;width:1px;height:1px;display:block; overflow:hidden } html[lang="en"] del.alt:before{content:"deleted: "} html[lang="en"] mark.neu:before{content:"new: " } a[href^="tel"]{color:inherit !important;text-decoration:inherit !important;cursor:inherit !important;} a[href^="tel"]:focus{box-shadow:inherit!important} iframe[src*="onTEAM/campus/einrichtung.html"]{max-width:100%} .s iframe[src*="onTEAM/campus/einrichtung.html"]{max-width:calc(100% + 40px); margin-left:-20px; border-width:1px 0 !important} #seite {position:relative; background-color:#fff; overflow:hidden} .l #seite, .l header, .l section.nav {min-width:1200px !important} .s.r-fixed #seite {margin:auto} .m.r-fixed #seite, .m.r-fixed header .breite {max-width:1200px !important; margin:auto} header #meta,header .logos, .nav, footer .info,footer .social,footer .liste, footer .ende {padding:0 20px} header {position:relative; z-index:700; top:0; left:0; width:100%; height:0} header #meta,header .logos, .nav, footer .info,footer .social,footer .liste, footer .ende {padding:0 20px} .s section.info { padding: 100px 20px 6px 20px;} #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} html:not(.l) #meta {height:45px; font-size:14px; position:fixed; top:0; left:0; font-family:TheSansUHH; padding:0 0px 0 20px} .extern #meta {background:#fff} .extern header nav.rechts .quick {display:none} #meta > .breite {display:table; height:100%} #meta > .breite > .links, header #meta > .breite > .rechts {display:table-cell; vertical-align:middle} #meta .links .uhh a {white-space:nowrap; font-family:TheSansUHHBoldCaps; line-height:43px!important; font-size:13px!important} .s #meta .links .uhh a {font-family:TheSansUHHBoldCaps; font-size:17px!important} .m #meta .links .uhh a {font-family:TheSansUHHBoldCaps; font-size:19px!important} .l #meta .links .uhh {display:none} html:not(.l) #meta .links li:not(.uhh) {display:none} html:not(.l) #meta .rechts .stine, html:not(.l) #meta .rechts .sitemap {display:none} #meta ul {margin:0; padding:0; list-style-type:none} #meta .quick .rechts ul {margin:0 2px 2px 0;} #meta ul.breite {margin:auto} #meta > .breite > .rechts>ul {float:right} #meta nav>ul>li {float:left} #meta nav>ul>li + li:not(.presse) {margin-left:21px} html:not(.l) #meta nav>ul>li + li:not(.presse) {margin-left:0} #meta nav>ul>li>a, #meta .quick>.ul>.li>a {height:30px; line-height:28px; float:left; display:block; color:var(--UHHfff-fff); text-decoration:none} html:not(.l) #meta nav>ul>li>a, html:not(.l) #meta .quick>.ul>.li>a {height:45px; line-height:43px; width:50px; text-align:center} html:not(.l) #meta nav>ul>li.uhh>a, html:not(.l) #meta .quick>.ul>.li.uhh>a {width:auto} .extern #meta nav>ul>li>a {width:auto; color:#4e4e4e; font-family:TheSansUHHSemiLightCaps; font-size:16px} #meta .quick>a {position:relative; text-align:center; padding-right:20px;} #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;} #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} #meta .meldungen a {color:var(--UHHfff-fff); position:relative; top:-3px} html:not(.l) #meta .quick {display:none!important} .quick #meta .quick>a:after {content:""; transform:rotate(0); top:8px!important; background-image:url("https://assets.rrz.uni-hamburg.de/assets/x-fff-24-55d323cb5912f69a886010d25cc034f0027f7d6edefdc32bc942e961d43b5d36.svg");background-size:18px;background-position:center; right:2px; border:0; height:16px; width:16px;} #meta .quick .slide {display:none; position:absolute; top:30px; right:0px; left:0; background:var(--UHH0271bb-grau); z-index:20; padding:0 20px} html.m #meta .links {width:calc(100% - 220px)} html.m #meta .rechts {width: 220px} html.m #meta .links ul {text-align:right;font-size:0} 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} html.m #meta .links .intranet a, html.m #meta .links .stine a{width:auto !important} #meta .sprache {border:1px solid transparent; border-width:0 1px; position:relative} #meta .sprachen {display:none} .sprache:not(.l) #meta .sprache {border-color:#fff} #meta .sprache a {color:var(--UHHfff-fff); white-space:nowrap; padding-right:20px;} .extern #meta .sprache a {color:#4e4e4e} html:not(.l) .extern #meta .sprache a {color:var(--UHHfff-fff)} #meta .sprache>a {color:var(--UHHfff-fff); display:block; position:relative;padding-right:20px;z-index:2} .s #meta .sprache>a {font-size:17px; font-family:TheSansUHHBoldCaps} @media screen and (max-width:350px) { .s #meta .links .uhh a,.s #meta .sprache>a {font-size:15px !important} } @media screen and (max-width:325px) { .s #meta .links .uhh a,.s #meta .sprache>a {font-size:14px !important;line-height:45px} } .m #meta .sprache>a {font-size:19px; font-family:TheSansUHHBoldCaps} .l #meta .sprache>a {text-align:left !important} html[lang^="de"]:not(.l) #meta .sprache>a:before {content:"de"} html[lang^="en"]:not(.l) #meta .sprache>a:before {content:"en"} html[lang^="es"]:not(.l) #meta .sprache>a:before {content:"es"} html[lang^="fr"]:not(.l) #meta .sprache>a:before {content:"fr"} html[lang^="it"]:not(.l) #meta .sprache>a:before {content:"it"} html[lang^="pt"]:not(.l) #meta .sprache>a:before {content:"pt"} html[lang^="ru"]:not(.l) #meta .sprache>a:before {content:"ru"} html[lang^="tr"]:not(.l) #meta .sprache>a:before {content:"tr"} html[lang^="vi"]:not(.l) #meta .sprache>a:before {content:"vi"} #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;} .extern #meta .sprache>a:after {border-color: #333;border-width: 0 1px 1px 0} html:not(.l) #meta .sprache>a:after {top:18px} /* .m #meta .sprache>a:after {display:none;} */ /* .s #meta .sprache>a:after {display:none;} */ 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} 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} 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;} html:not(.l).sprache #meta .sprache>a:after{content:none} html:not(.l).sprache #meta .sprache>a:focus:after { background:var(--UHH0271bb-grau)} .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} html:not(.l) #meta .sprache a span {display:none} html.l #meta .mobilemenu {display:none} 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} .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) } html:not(.l) .gebaerdensprache, html:not(.l) .leichtesprache{display:none!important} #mobilemenu .gebaerdensprache, #mobilemenu .leichtesprache{display:block;} .gebaerdensprache,.leichtesprache{background-position:left center; background-repeat:no-repeat;color:#fff} .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg");padding-left:22px;} .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-grau-a488fa880a6043bcee8e6a7a2c39fd1dddee02b40decfd84c8a564f99f5e666f.svg")} .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg");padding-left:25px;} .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-grau-44f9530d4c5243f865590c2e1bdb352ee0efccf3ef6d83ade22232e50f587487.svg")} .m .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg")} .m .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg")} .s .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg")} .s .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg")} header .logos {} .l.sticky .zentrale header .logos {position:fixed; top:-110px; left:0; right:0} header .logos .breite {position:relative; z-index:10} header .logos .bild {position:absolute; top:68px; left:0} header .logos .bild {width:270px; height:88px} header .logos .bild img {transition:width 0.2s; position:absolute; left:0; bottom:0; display:block; width:100%} .l.sticky .zentrale header .logos .bild img {width:120px} header .logos .text {position:absolute; top:0; right:0; height:160px; width:350px} html:not(.l) header .logos .text {height:121px; text-align:right; right:-5px} header .logos .text a {position:absolute; bottom:0; right:0; font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); line-height:1.1em} .l header .logos .text a .kurz {display:none} html:not(.l) header .logos .text a .kurz {color:#4e4e4e; font-family:TheSansUHHBoldCaps; font-size:16px; line-height:1.25em; margin-bottom:4px;} html:not(.l) header .logos .text a .wortmarke {display:none} 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} html:not(.l) header .logos .bild {width:135px; height:44px; top:69px} html:not(.l) header .logos .bild img {width:100%} header .logos .text img {max-height:87px} @keyframes sticky { 0% {opacity:0!important; top:-20px; height:35px} 100% {opacity:1; top:0px; height:70px} } .nav {} html:not(.l) .nav {display:none} .nav .breite {position:relative} .zentrale .nav {position:absolute; top:128px; left:0; right:0; z-index:40} .l.sticky .zentrale .nav {position:fixed; background-color:#fff; opacity:1; top:0px; min-height:70px; animation-name:sticky } #nav {transition:transform 0.2s} .zentrale nav.top {float:left; margin-left:410px} .l.sticky .zentrale nav.top {margin:15px 0 0 410px } body.einrichtung .nav {position:absolute; top:203px; left:0; right:0; z-index:40 } .sticky body.einrichtung .nav {position:fixed; background-color:#fff; opacity:1; top:0; min-height:70px; animation-name:sticky} body.einrichtung nav.top {float:left; margin-left:-50px} /**/ body.einrichtung nav.top {margin-left:0} .l.sticky body.einrichtung nav.top {margin-top:15px} body.news .nav {position:absolute; top:218px; left:0; right:0; background-color:rgb(59,81,92)} .l.sticky body.news .nav {position:fixed; opacity:1; top:0; min-height:70px; animation-name:sticky; z-index:40;} body.news nav.top {transition:all 0.1s; float:left} .top.menu {font-size:20px} .news .top.menu {margin-left:-26px} .top.menu:after {content:""; clear:both; display:table; width:100%} .top.menu ul {list-style-type:none; margin:0; padding:0} .top.menu a {white-space:nowrap; display:block; text-decoration:none; color:#000} .zentrale .top.menu>ul {margin-left:-36px} .top.menu>ul>li {float:left; position:relative; margin-left:50px} /**/ .top.menu>ul>li:first-child {margin-left:0} .zentrale .top.menu>ul>li {margin-left:36px} .news .top.menu>ul>li {margin-left:1px} .top.menu>ul>li.on {z-index:100} .top.menu a:hover {outline:none} .top.menu a:focus {outline:none;text-decoration:underline} .top.menu>ul>li>a {font-size:25px; font-family:TheSansUHHBoldCaps; text-transform:uppercase; color:#333} .zentrale .top.menu>ul>li:not(:last-child)>a {padding-right:25px} .news .top.menu>ul>li>a {padding:0 7px; margin:0 20px; color:#fff; height:70px; line-height:67px} .top.menu>ul>li>a:focus,.mouse .top.menu>ul>li>a:hover,.top.menu>ul>li>a.hier {color:var(--UHH0271bb-hellblau)} .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} .zentrale .top.menu>ul>li>a:after {display:none; content:">"; transform:rotate(90deg); position:absolute; right:0; bottom:5px; height:16px; line-height:12px} .top.menu>ul>li>a.once {} .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} .top.menu>ul>li.on>ul {} .top.menu>ul>li>ul li {clear:left; float:left; width:100%; border-bottom:1px solid #bbb} .top.menu>ul>li>ul li:last-child {border-bottom:none} .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} .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) } .zentrale.nav-5 nav.top { margin-left: 370px;} .zentrale.nav-5 .top.menu > ul > li { margin-left: 20px;} html[lang="en"] .zentrale.nav-5 nav.top { margin-left: 350px;} html[lang="en"] .zentrale.nav-5 .top.menu > ul > li { margin-left: 13px;} .l.sticky .zentrale nav.top { margin: 15px 0 0 370px;} @media only screen and (max-width:1300px) { .zentrale.nav-5 .top.menu > ul > li > a { font-size: 23px;} .zentrale.nav-5 .top.menu > ul > li { margin-left: 6px;} .zentrale.nav-5 nav.top { margin-top: 2px;} } #suche input[type="text"]:focus{outline:1px dotted #000;outline-offset:-1px} .nav #suche {position:absolute; right:0; width:71px} .zentrale .nav #suche {top:-13px; height:64px} .einrichtung .nav #suche {top:-13px; height:64px} .news .nav #suche {top:0px; height:70px} .l.sticky .zentrale .nav #suche {top:0} .l.sticky .einrichtung .nav #suche {top:0} .l.sticky .news .nav #suche {top:0} .nav #suche a {display:block; width:100%; height:100%;background-repeat:no-repeat;background-position:center;} .zentrale .nav #suche a, .einrichtung .nav #suche a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_grau-bcacdd8e5a663497675d976c63aa1b5559fbf0a596707bddbf3b7ba746160e33.svg");background-size:29px} .suche .zentrale .nav #suche a, .suche .einrichtung .nav #suche a{background-color:var(--UHH0271bb-grau);background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-01a30ce766445350d8336d48b2a9a8d4856cd67a6b9260756f2fd20c9667c529.svg")} .news .nav #suche a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-01a30ce766445350d8336d48b2a9a8d4856cd67a6b9260756f2fd20c9667c529.svg");background-size:29px} .suche .news .nav #suche a{background-color:var(--UHH0271bb-grau);} .nav #suche form {transition:opacity 0.2s; position:absolute; top:-1000px; right:0; width:586px; height:60px; opacity:0} .chemie .nav #suche form {width:1026px} .suche .nav #suche form {opacity:1} .suche .nav #suche form input[type="text"]{border:1px solid var(--UHH0271bb-fff); color:var(--UHH4e4e4e-fff)} .suche .zentrale .nav #suche form {top:64px} .suche .einrichtung .nav #suche form {top:64px} .suche .news .nav #suche form {top:70px} .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 } .chemie .nav #suche form input[type="text"] {width:calc(100% - 440px); float:right} .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; 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 } #meta #suche {} #meta #suche a {height:45px; width:50px; float:left; position:relative; text-align:center} html:not(.l) #meta .suche {border:1px solid transparent; border-width:0 1px} .suche:not(.l) #meta .suche {border:1px solid #fff; border-width:0 1px} .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") } 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} #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%} .suche #meta #suche div {opacity:1} #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} .chemie #meta #suche form {padding-bottom:4px} .suche #meta #suche form {transition:opacity 0.25s; top:45px; opacity:1} #meta #suche form input[type="text"] {width:100%; height:40px; border:0; background:#fff; font-family:TheSansUHH; padding:0 30px 0 15px } #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; 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 } #suche .auswahl .row {display:table-row} .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) } .nav #suche .auswahl .cell {display:table-cell; height:58px; vertical-align:middle; font-family:TheSansUHHBold} .nav #suche .auswahl .cell:first-child {padding-left:8px} .nav #suche .auswahl .cell label {padding-left:2px} #meta #suche .auswahl {display:table; width:100%; position:relative} #meta #suche .auswahl .cell {display:table-cell; width:33.3%; height:36px; vertical-align:middle; font-family:TheSansUHHBold} #meta #suche .auswahl .cell label {padding-left:6px} @media screen and (max-width:500px) { #meta #suche .auswahl .cell {width:auto} #meta #suche .auswahl .cell label {padding-left:3px} } @media screen and (max-width:400px) { #meta #suche .auswahl .cell span {display:none} } #inhalt:before{content:"";display:table} #inhalt {transition:margin-top 0.2s; position:relative; z-index:30} .zentrale #inhalt {margin-top:179px} .suche:not(.sticky):not(.s):not(.m) .zentrale #inhalt {margin-top:249px} .suche:not(.sticky):not(.s):not(.m) .zentrale.chemie #inhalt {margin-top:283px} .einrichtung #inhalt {margin-top:254px} .suche:not(.sticky):not(.s):not(.m) .einrichtung #inhalt {margin-top:329px} .suche:not(.sticky):not(.s):not(.m) .einrichtung.chemie1 #inhalt {margin-top:363px} .news #inhalt {margin-top:288px} .suche:not(.sticky):not(.s):not(.m) .news #inhalt {margin-top:339px} .suche:not(.sticky):not(.s):not(.m) .news.chemie #inhalt {margin-top:373px} html:not(.l) #inhalt {margin-top:129px} section.oben {background:#eee; margin:0 0px 24px 0; overflow:hidden} .news section.oben {background:#eee; margin-bottom:34px; min-height:1px;} .news section.oben:empty {background:transparent} section.oben .breite {position:relative} 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)} main {background:#fff; padding:0 20px; clear:both; position:relative} .volle-breite main {padding:0} main .spalten {position:relative; margin:0 auto} main .spalten:after {content:""; width:100%; display:table} main .spalten .spalte.links {clear:left; float:left; width:58.3%} .volle-breite main .spalten .spalte.links {width:100%} .spalte.links .outer {clear:both;} .volle-breite main .spalten .spalte.links .outer {padding:0 20px} .volle-breite main .spalten #pfad {width:100%; max-width:1258px; margin-left:auto; margin-right:auto} @media only screen and (max-width:1300px) { .volle-breite main .spalten #pfad {margin:0px 20px} } .volle-breite main .spalten .spalte.links .outer > * {position:relative; margin-left:auto; margin-right:auto; max-width:1258px} main .spalten .spalte.abschluss {width:100%; overflow:hidden} main .spalten .spalte.abschluss .outer {padding:0 20px} main .spalten .spalte.abschluss .outer > * {position:relative; margin-left:auto; margin-right:auto; max-width:1258px} main .spalte.rechts {margin-left:3.7%; float:right; width:38%; padding-left:3.2%} main .unten {background:#f3f3f3; margin:0 -20px 0 -20px} .volle-breite main .unten {margin:40px 0 0} main .spalte.links .standard.links {clear:left; float:left; width:58.3%} .m main .spalte.links .standard.links {float:none; width:100%} .autoscaleprobe {display:block; height:0; overflow:hidden} .autoscaleprobe:after {content:"-"} .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important} .m .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important} .s .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important} .uebersicht.kontakt .titel { font-family: TheSansUHHBold,sans-serif;font-size:18px;margin:0} .uebersicht.kontakt .titel,.uebersicht.kontakt .inhalt { padding: 0 114px;} .uebersicht.kontakt .inhalt>span{display:block} .m .uebersicht.kontakt .titel,.m .uebersicht.kontakt .inhalt { padding: 0 40px;} .s .uebersicht.kontakt .titel,.s .uebersicht.kontakt .inhalt { padding: 0 20px!important;} .uebersicht:not(.kontakt) > div > .label, .uebersicht:not(.kontakt) > div > .inhalt { padding-left:114px;float:none; width:auto;} .m .uebersicht:not(.kontakt) > div > .label, .m .uebersicht:not(.kontakt) > div > .inhalt { padding-left:40px;} main {font-size:16px} a {color:#c40017; text-decoration:none} .videohinweis a {color:#c40017 !important;} a:hover {text-decoration:none !important} a:focus {text-decoration:none !important} th:hover {text-decoration:none !important} th:focus {text-decoration:none !important} #quickmenu a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #quickmenu .rubrik.rechts a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #meta nav a:hover {text-decoration:underline !important;} #meta nav a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #fuss .liste a:hover, #fuss .liste a:focus {text-decoration:underline !important; box-shadow:none} #fuss .ende a:hover {text-decoration:underline !important;} #fuss .ende a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #fuss .ende .audits a:hover {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} :focus {text-decoration:underline; outline:none;box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} *:not(a):focus{text-decoration:none !important;} body.news section.nav #nav > ul > li > a:focus, body.news section.nav #suchea:focus, body.news .newsrubriken .linkliste > li > a:focus{box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;position:relative;z-index:1} .spalte.links .text a{text-decoration:underline} .spalte.links .text a:hover{text-decoration:none} .spalte.links .standard a{text-decoration:underline} .spalte.rechts a[href^="tel"] {color:rgb(78,78,78) !important;text-decoration:underline !important} .spalte.rechts a[href^="tel"]:hover {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte.rechts a[href^="tel"]:focus {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte._rechts a[href^="tel"] {color:rgb(78,78,78) !important;text-decoration:underline !important} .spalte._rechts a[href^="tel"]:hover {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte._rechts a[href^="tel"]:focus {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte.rechts a {color:rgb(78,78,78); text-decoration:none} .spalte.rechts a:hover, .spalte.rechts a:focus {text-decoration:underline; outline-color:rgb(78,78,78)} .spalte ._rechts a {color:rgb(78,78,78); text-decoration:none} .spalte ._rechts a:hover, .spalte ._rechts a:focus {text-decoration:underline; outline-color:rgb(78,78,78)} a.item {color:rgb(78,78,78); text-decoration:none} a.item:hover, a.item:focus {outline-color:rgb(78,78,78)} 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; } a.redButton:hover {text-decoration:underline !important;} a.redButton:focus {text-decoration:underline !important; } table {width:100%} .table {display:table; width:100%} .table .col {display:table-cell; vertical-align:top} .tablerow {display:table-row} .tablecell {display:table-cell; vertical-align:top} .spalte.links {line-height:1.5em} .spalte.links p {max-width:700px} .spalte.links img.rechts {float:right; margin:0px 0 15px 15px} .spalte.links hr {background-color:#ddd; height:1px; border:0} .spalte.links ul {list-style-type:none} .spalte.links ul li, .spalte.links ol li{position:relative; max-width:700px} .spalte.links .box {position:relative; clear:both} .spalte.links a.box {display:block;} .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) {padding-left:45px} .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} .projekte ul {padding-left:0 !important} .projekte ul > li:before {display:none} .spalte.links table {border:0; border-collapse:collapse; margin-top:25px} .spalte.links table th {border:1px solid #ddd; padding:15px} .spalte.links table th.links {text-align:left} .spalte.links table td {border:1px solid #ddd; padding:15px} .spalte.links table[border="0"] td {border:none !important} .spalte.links table.streifen tr:nth-of-type(2n) td {background-color:#f3f3f3} .spalte.rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0} .spalte ._rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0} .outer.grau {background-color:#f3f3f3} .outer.dunkelgrau {background-color:var(--UHH3b515c-grau)} .outer.homegrau {background-color:#f3f3f3; overflow:hidden;margin-top:30px;} /*subnav*/ .subnav {margin-top:40px} .subnav a:hover {outline:none} .subnav a:focus {outline:none} .subnav ul {list-style-type:none; margin:0; padding:0} .subnav > ul > li:first-child > a {border-top:1px solid #ddd} .subnav li li {margin-left:30px} .subnav li:hover {} .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} .subnav h2 { display:block; position:relative; margin:0} .subnav h2 a {color:var(--UHH0271bb-hellblau) !important; font-size:22px; font-family:TheSansUHHBold, sans-serif} /* .subnav a:after {content:">"; position:absolute; right:30px; top:0; padding:21px 0; transform:rotate(90deg); color:#0271bb } */ .subnav ul a:hover,.subnav ul a:focus {color:var(--UHH0271bb-hellblau) !important; text-decoration:underline !important} .subnav ul a:hover:after,.subnav ul a:focus:after {color:#fff} .subnav a.hier {font-family:TheSansUHHBold,sans-serif; font-weight:normal; color:var(--UHH0271bb-hellblau) !important} .subnav a.hier:hover {} .subnav a.auf,.subnav li.auf > a {color:var(--UHH0271bb-hellblau) } .subnav div.titel {position:relative; padding:21px 60px 21px 0; font-family:TheSansUHHBold, sans-serif; font-size:22px} .subnav div.titel a {color:var(--UHH0271bb-hellblau) !important} .m .spalte.rechts .subnav {display:none} .s .subnav {margin-top:48px; padding:0 20px} .s .spalte.rechts .subnav {display:none} h1 {font-family:TheSansUHHRegularCaps, sans-serif; font-size:38px; margin-top:15px; margin-bottom:17px; width:100%; color:#4e4e4e; line-height:1.15em} h1.news {font-family:TheSansUHHBold, sans-serif; line-height:1.25em} h1.news span {display:block} h1.news span.sup {font-size:20px; margin-bottom:8px; line-height:1.25em} h1.news span.sub {font-size:18px; margin-top:8px; line-height:1.5em} h1.wortmarke {font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); font-weight:normal; margin:0} figure { margin:0} figure img {max-width:100%; height:auto !important} figure.rechts {float:right; margin:0.5em 0 0.5em 1em; max-width:65%} figure.links {float:left; margin:0.4em 1em 0.5em 0; max-width:65%} figure.mitte {display:table; margin:1em auto; max-width:100%; position:relative; overflow:hidden} .s figure.mitte {display:block} figure figcaption {font-size:14px; margin:5px 5px 0 5px; line-height:1.25em} figure p.bildnachweis {font-size:13px; margin:0 5px 0 0; line-height:1.25em; text-align:right; max-width:none !important;} .outer.h1 {margin-bottom:-10px} .outer.h1 +.outer > div {margin-top:54px} .outer.standard +.outer > div.hinweis, .outer.standard +.outer > div.inhaltsblock, .outer.standard +.outer > div.standard, .outer.hinweis +.outer > div.hinweis, .outer.hinweis +.outer > div.inhaltsblock, .outer.hinweis +.outer > div.standard, .outer.inhaltsblock +.outer > div.hinweis, .outer.inhaltsblock +.outer > div.inhaltsblock, .outer.inhaltsblock +.outer > div.standard {margin-top:40px} .outer.h1 span.sep {display:inline-block; margin:0 16px} .outer.h1.rss {margin-bottom:30px} .outer.h1.rss h1 {width:auto;display: inline;padding-right:30px} .outer.h1.rss a {display:inline-block;margin-left: 0px;margin-top:28px; width:21px} html:not(.l) .outer.h1.rss a {margin-top:22px} .outer.h1.rss a img {width:100%} .outer > .nomargintop {margin-top:0} .s .outer:not(.h1) > h1 { padding: 0 20px;} .outer:not(.h1) > h1 ~ h1{ margin-top:40px;} .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} .box:after {content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; visibility:hidden} .oben .outer {padding:0 20px} .outer .item a.text {color:#4e4e4e; text-decoration:none; display:block} .outer .item a.text:hover .titel {text-decoration:underline} .outer .item .video + .text:before {content:"\00A0"; display:block; font-size:12px; margin-top:2px; line-height:12px} /* .js video{visibility:hidden} */ /*.outer p {margin:30px 0} */ .breadcrumb{clear: both;color: #4E4E4E;min-height: 28px;max-width: 1298px;padding:0 20px; margin:0 auto 20px} .s .breadcrumb{display:none} .breadcrumb ol{font-size: 0px;list-style:none;margin:0;padding:0;} .breadcrumb li{display:inline} .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"); margin: 0 15px;width: 29px;height:20px;background-position: left center;background-repeat: no-repeat;} .breadcrumb a{font-size: 18px; line-height: 20px;vertical-align:top;color: #4E4E4E;text-decoration: none;display: inline-block} .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} .breadcrumb li:last-child a{font-family: TheSansUHHBold, sans-serif;} #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} #pfad span.text {margin-right:5px; position:absolute; left:-10000px} #pfad a {float:left; color:#4E4E4E; text-decoration:none} #pfad span.text + a {margin-left:-28px; padding-left:28px} #pfad > span.text + a {padding-left:54px} #pfad a:hover,#pfad a:focus {text-decoration:underline; outline:none} #pfad span {float:left} #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} #pfad .paththispage {line-height:20px; font-family:TheSansUHHBold, sans-serif} #fuss {visibility:hidden} .pager {position:absolute !important; top:60px; text-transform:capitalize; font-size:16px} .hsb .pager {top:38px} .pager.prev {left:0} .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)} .pager.next {right:40px} .volle-breite .pager.next {right:0px} .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)} .bildnachweis:before {content:"\200B"} .bildnachweis a {color:#4e4e4e;position: relative !important;display: inline !important;} p.bildnachweis {margin:0} .full-width-image {position:relative} .full-width-image a{position: absolute; left: 0; top: 0; right: 0; bottom: 0;display:block;} .full-width-image a:focus{border:5px solid var(--UHH0271bb-fff);} .full-width-image a:focus .button span{text-decoration:underline;} .full-width-image .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%; height:100%} .full-width-image .bild img {display:none} .full-width-image .container {position:absolute; left:0; top:0; right:0; bottom:0} .full-width-image .container a.link {position:absolute; left:0; top:0; right:0; bottom:0} .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)} .full-width-image .text {color:#4e4e4e; position:absolute; max-width:1130px; padding-bottom:0; padding-right:100px} .slider-home .full-width-image .text {left:calc(50% - 530px); bottom:90px} .slider-start .full-width-image .text {left:calc(50% - 530px); bottom:110px} .slider-start .full-width-image.scaling .text {bottom:100px} .full-width-slider .control {bottom:68px;} .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;} .slider-karte .full-width-slider:not(.scaling) .slide .control {top:686px;} .slider-home .full-width-slider:not(.scaling) .slide .control {top:486px} .slider-start .full-width-slider:not(.scaling) .slide .control {top:386px} .slider-inhalt .full-width-slider:not(.scaling) .slide .control {top:336px} .slider-band .full-width-slider:not(.scaling) .slide .control {top:6px} .slider-news .full-width-slider:not(.scaling) .slide .control {top:336px} .full-width-slider .slide a:hover, .full-width-slider .slide a:focus {outline:none} .full-width-slider .slide a:hover .button span, .full-width-slider .slide a:focus .button span {text-decoration:underline} .full-width-slider .slide .container, .full-width-slider .slide .container a.link {position:absolute; left:0; top:0; right:0; bottom:0} .full-width-slider .slide .text {position:absolute; max-width:1100px; padding-bottom:0; padding-right:100px} .header-350 .full-width-image.scaling > .bild {padding-top:18.26%} .m .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px} .s .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px} .header-350 .full-width-image .text.h1 {transition:all 0.25s;position:absolute; bottom:40px;left: calc(50% - 629px);padding-right:20px} .s .header-350 .full-width-image .text.h1 {left:20px;bottom:30px} .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);} .s .header-350 .full-width-image .text.h1 h1 {font-size:34px;padding:8px 12px;} .header-350 .full-width-image .text.h1 p {transition:all 0.25s;background:rgba(255, 255, 255, 0.8);margin:10px 0 0} .s .header-350 .full-width-image .text.h1 p {padding:8px 12px} @media only screen and (max-width:1500px) { .slider-home .full-width-image .text {bottom:71px} .slider-start .full-width-image .text {bottom:96px} } @media only screen and (max-width:1350px) { .slider-home .full-width-image .text {bottom:52px} .slider-start .full-width-image .text {bottom:77px} } .full-width-slider.news1 .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0} @media only screen and (max-width:1500px) { } @media only screen and (max-width:1350px) { } @media only screen and (max-width:1300px) { .header-350 .full-width-image .text.h1 { left: 20px;} .header-350 .full-width-image .text.h1 h1 {} .header-350 .full-width-image .text.h1 p {} } @media only screen and (max-width:1300px) { .slider-home .full-width-image .text, .slider-start .full-width-image .text {left:100px; max-width:calc(100% - 200px)} .slider-home .full-width-image .text h2, .slider-start .full-width-image .text h2 {left:100px} .slider-home .full-width-image .text h3, .slider-start .full-width-image .text h3 {left:100px} .full-width-image.news1 .text {left:20px; max-width:69%} .full-width-image .bildnachweis {right:20px !important} } .full-width-image .text h2, .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} .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} .full-width-image .text .klammer {clear:left;} .full-width-image .text .button {float:right; clear:both; text-align:right; margin-top:12px} .full-width-image.scaling .text .button {margin-top:8px} .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 } .full-width-image .text .button a:hover, .full-width-image .text .button a:focus {text-decoration:underline;outline:none} .full-width-image .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:var(--UHHfff-hellgrau)} .full-width-image .text a {color:#000; text-decoration:underline} .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 } .full-width-image .text .button span:hover {text-decoration:underline;outline:none} .full-width-image .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:var(--UHHfff-hellgrau)} .full-width-image.news1 .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden} .full-width-image.news1 .text h2, .full-width-image.news1 .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif} .full-width-image.news1 .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif} .full-width-image.scaling .text h2, .full-width-image.scaling .text h3 {font-size:47px; padding:18px; margin-bottom:8px;} .full-width-image.scaling .text .beschreibung {font-size:26px;} @media only screen and (max-width:1500px) { .full-width-image.scaling .text .button span {font-size:18px; padding:14px 40px 14px 30px} .full-width-image.scaling .text .button span:after {right:24px; bottom:14px} } @media only screen and (max-width:1350px) { .full-width-image.scaling .text h2, .full-width-image.scaling .text h3 {font-size:32px; padding:14px 26px} .full1-width-image.scaling .text .button span {font-size:16px; padding:12px 34px 12px 24px} .full1-width-image.scaling .text .button span:after {right:18px; bottom:12px} } .slider-karte .full-width-image:not(.scaling) .bild {height:750px !important} .slider-home .full-width-image:not(.scaling) .bild {height:550px !important} .slider-start .full-width-image:not(.scaling) .bild {height:450px !important} .slider-inhalt .full-width-image:not(.scaling) .bild {height:400px !important} .slider-band .full-width-image:not(.scaling) .bild {height:70px !important} .slider-news .full-width-image:not(.scaling) .bild {height:400px !important} html.js .slick-slider {opacity:0} html.js .slick-slider.slick-initialized {opacity:1} .full-width-slider {position:relative} .full-width-slider .slide {height:100%; margin:0; background-color:#eee; position:relative} .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; } .full-width-slider .slide a:focus h2 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .full-width-slider .slide a:focus h3 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .full-width-slider .slide:focus .button span{text-decoration:underline !important;} .full-width-slider .slide a:focus .button span{text-decoration:underline !important;} .full-width-slider .slide a:focus .beschreibung {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .full-width-slider .slide .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%} .full-width-slider:not(.scaling) .slide .bild {height:100%} .full-width-slider .slide img {display:none; position:absolute; width:100%} .full-width-slider .slickSlider {width:100%; position:relative; margin:0; padding:0} .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:750px !important} .slider-home .full-width-slider:not(.scaling) .slickSlider {height:550px !important} .slider-start .full-width-slider:not(.scaling) .slickSlider {height:450px !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:400px !important} .slider-band .full-width-slider:not(.scaling) .slickSlider {height:70px !important} .slider-news .full-width-slider:not(.scaling) .slickSlider {height:400px !important} .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:750px !important} .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:550px !important} .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:450px !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important} .slider-band .full-width-slider:not(.scaling) .slickSlider .slick-track {height:70px !important} .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important} .slider-karte .full-width-slider.scaling .slickSlider, .slider-home .full-width-slider.scaling .slickSlider, .slider-start .full-width-slider.scaling .slickSlider, .slider-inhalt .full-width-slider.scaling .slickSlider, .slider-band .full-width-slider.scaling .slickSlider, .slider-news .full-width-slider.scaling .slickSlider, .slider-karte .full-width-slider.scaling .slickSlider .slick-track, .slider-home .full-width-slider.scaling .slickSlider .slick-track, .slider-start .full-width-slider.scaling .slickSlider .slick-track, .slider-inhalt .full-width-slider.scaling .slickSlider .slick-track, .slider-band .full-width-slider.scaling .slickSlider .slick-track, .slider-news .full-width-slider.scaling .slickSlider .slick-track {height:auto} .scaling .slickSlider .slide {width:100%} .scaling .slickSlider .slide .bild {width:100%} .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:25.13%} .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:20.55%} .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%} .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%} .slider-home .full-width-image.scaling .bild {padding-top:25.13%} .slider-start .full-width-image.scaling .bild {padding-top:20.55%} .slider-inhalt .full-width-image.scaling .bild {padding-top:18.26%} .slider-inhalt .full-width-image.scaling.small .bild {padding-top:13.70%} .slider-news .full-width-image.scaling .bild {padding-top:18.26%} @media only screen and (max-width:1200px) { .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-start .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-news .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw} .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw} .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:25vw} .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:25vw} .slider-home .full-width-image.scaling .bild {padding-top:33.33vw} .slider-start .full-width-image.scaling .bild {padding-top:33.33vw} .slider-inhalt .full-width-image.scaling .bild {padding-top:25vw} .slider-inhalt .full-width-image.scaling.small .bild {padding-top:25vw} .slider-news .full-width-image.scaling .bild {padding-top:25vw} .slider-karte .full-width-slider:not(.scaling) .slide .bild {height:750px} .slider-home .full-width-slider:not(.scaling) .slide .bild {height:400px} .slider-start .full-width-slider:not(.scaling) .slide .bild {height:400px} .slider-inhalt .full-width-slider:not(.scaling) .slide .bild {height:300px} .slider-news .full-width-slider:not(.scaling) .slide .bild {height:300px} .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto} .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-home .full-width-slider .slide {height:auto; margin:0; background-color:#eee; position:relative} .full-width-slider .slickSlider {width:auto;} .slider-home .full-width-slider .slide .container, .slider-home .full-width-slider .slide .container a.link {position:relative; left:0; top:0; right:0; bottom:0} .slider-home .full-width-slider .slide .text {position:relative; bottom:0 !important; padding:40px 20px; left:0 !important} .slider-home .full-width-slider .slide .text h2 {float:none !important; background:none !important} .slider-home .full-width-slider .slide .text h3 {float:none !important; background:none !important} .slider-home .full-width-slider .slide .text .beschreibung {float:none !important; background:none !important} .slider-karte .full-width-slider .control {top:686px;} .slider-home .full-width-slider .control {top:336px} } @media only screen and (max-width:640px) { .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw} .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw} .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw} .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw} .slider-home .full-width-slider.scaling .control {top:calc(62.5vw + 16px) !important;} .slider-home .full-width-image.scaling .bild {padding-top:62.5%} .slider-start .full-width-image.scaling .bild {padding-top:62.5%} .slider-inhalt .full-width-image.scaling .bild {padding-top:31.25%} .slider-inhalt .full-width-image.scaling.small .bild {padding-top:31.25%} .slider-news .full-width-image.scaling .bild {padding-top:31.25%} } .slider-home .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px} .slider-start .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px} .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:103px} @media only screen and (max-width:1500px) { .slider-home .full-width-slider.scaling .slide .text {bottom:71px} .slider-start .full-width-slider.scaling .slide .text {bottom:96px} } @media only screen and (max-width:1350px) { .slider-home .full-width-slider.scaling .slide .text {bottom:52px} .slider-start .full-width-slider.scaling .slide .text {bottom:77px} } .full-width-slider.news1 .slide .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0} .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:68px} .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:68px} .slider-start .full-width-slider:not(.noquicklinks) .control {top:318px} .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:98px} @media only screen and (max-width:1500px) { .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px} } @media only screen and (max-width:1350px) { .slider-start .full-width-slider:not(.noquicklinks) .control {top:352px} .m .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px} .s .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px} } @media only screen and (max-width:1300px) { .slider-home .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)} .slider-start .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)} .full-width-slider .slide .bildnachweis {right:20px} } .full-width-slider .slide .text h2, .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} .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} .full-width-slider .slide .text .klammer {clear:left;} .full-width-slider .slide .text .button {float:right; clear:both; text-align:right; margin-top:12px;} .full-width-slider .slide .text .klammer:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;} .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 } .full-width-slider .slide .text .button a:hover, .full-width-slider .slide .text .button a:focus {text-decoration:underline;outline:none} .full-width-slider .slide .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:#fff} .full-width-slider .slide .text a {color:#000; text-decoration:underline} .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 } .full-width-slider111 .slide .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:#fff} .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");} .full-width-slider.news1 .slide .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden} .full-width-slider.news1 .slide .text h2, .full-width-slider.news1 .slide .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif} .full-width-slider.news1 .slide .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif} .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")} 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")} .full-width-slider:hover .slick-arrow {width:80px; height:80px; top:calc(50% - 40px);} .full-width-slider .slick-arrow:focus {width:80px; height:80px; top:calc(50% - 40px);} .full-width-slider .slick-arrow.slick-prev {left:10px; right:unset; } .full-width-slider .slick-arrow.slick-next {right:10px; left:unset; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH} .full-width-slider .slick-arrow:hover {} .full-width-slider .slick-arrow:focus {} @media only screen and (max-width:1440px) { .full-width-slider .slick-arrow {display:none} } .full-width-slider .control {padding:9px; height:34px; position:absolute; bottom:36px; right:0; margin:0; background-color: rgba(255,255,255,0.8);} .full-width-slider .slick-dots {display:none; float:left; padding:0; list-style-type:none; bottom:39px;margin:0} .full-width-slider #slider-1 .slick-dots {} .volle-breite .full-width-slider .control {right:calc(50% - 630px)} .volle-breite .full-width-slider .slick-dots {right:calc(50% - 630px)} .slider-start .full-width-slider .slick-dots {} .slider-start .full-width-slider.noquicklinks .slick-dots {} .slick-dots li {display:inline-block} @media only screen and (max-width:1500px) { .full-width-slider.scaling .slide .text .beschreibung {padding:9px 32px} .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:84px} .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:49px} .slider-start .full-width-slider.scaling .slick-dots {bottom:61px} .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:61px} .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:84px} .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:49px} .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:79px} } @media only screen and (max-width:1350px) { .full-width-slider.scaling .slide .text .beschreibung {padding:8px 26px} .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:63px} .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:28px} .slider-start .full-width-slider.scaling .slick-dots {bottom:42px} .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:42px} .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:63px} .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:28px} .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:58px} } .full-width-slider .slick-dots {height:16px; float:left;} .full-width-slider .slick-dots li {width:23px; height:18px; margin:0 6px; padding:0} .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);} .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;} .s .full-width-slider .control button { margin-left:14px} .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")} .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")} .full-width-slider .slick-dots li button:focus {} .full-width-slider .slick-dots li.slick-active button {background:transparent;} @media only screen and (max-width:1300px) { .full-width-slider .slick-arrow.slick-prev {left:20px} .full-width-slider .slick-arrow.slick-next {right:20px} .full-width-slider .control {right:20px!important} .full-width-slider .slick-dots {right:20px!important} .full-width-slider .slick-arrow.slick-prev {left:20px} .full-width-slider .slick-arrow.slick-next {right:20px} } /*Simple Slider*/ .simpleSlider {background:#fff !important; position:relative;} .simpleSlider .slide *:focus {box-shadow:none;} .simpleSlider .standard {border:1px solid #ddd;} .simpleSlider .slide {background:#fff} .simpleSlider .slide:focus {outline:3px solid var(--UHH0271bb-fff); outline-offset:-3px;} .simpleSlider .foto {float:left; width:348px; overflow:hidden; background:#fff; border-radius:2px 0 0 2px; padding:0} .simpleSlider .foto img {float:left} .simpleSlider .text {float:right; width:calc(100% - 378px); background:#fff; border-radius:0 2px 2px 0; padding:15px 20px 15px 15px} .simpleSlider .text > * {margin-top:0} .simpleSlider .text *:last-child {margin-bottom:0} .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} .simpleSlider .slick-next {right:2px} .simpleSlider .slick-next:after {content:">"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px} .simpleSlider .slick-prev {left:2px} .simpleSlider .slick-prev:after {content:"<"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px} .simpleSlider .slick-dots {display: block; list-style-type: none; text-align:center} .simpleSlider .slick-dots li {width:23px; height:23px; margin-left:12px; padding:0; display:inline-block} .simpleSlider .slick-dots li button {width:19px; height:19px; border:none; background:#fff; border:2px solid #4e4e4e; font-size:0; color:#fff; cursor:pointer} .simpleSlider .slick-dots li.slick-active button {background:#4e4e4e; font-size:0; color:var(--UHH0271bb-hellblau) } /*Testimonial Slider*/ .testimonial-swiper-wrapper {position:relative;} .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")} html[data-color-scheme$="dark"] .testimonial-swiper-wrapper button {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg")} .testimonial-swiper-wrapper button.left {left:-60px} .testimonial-swiper-wrapper button.right {right:5px;transform:rotate(180deg);z-index:3} .testimonial.swiper {margin:40px 0;overflow:hidden; position:relative;padding-bottom:32px} .testimonial.swiper .swiper-pagination{bottom:0} .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;} .testimonial.swiper .swiper-pagination-bullet-active { opacity: 1; background: #4e4e4e!important} .testimonial.swiper .swiper-slide {padding:0 60px 0 0;cursor:grab} .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} .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)} .testimonial.swiper .text {float:right; width:calc(100% - 180px); border-radius:0 2px 2px 0; padding:0 20px 15px 40px} .testimonial.swiper .text > * {margin-top:0} .testimonial.swiper .text h3 {margin:0; color:var(--UHH0271bb-hellblau); font-family:TheSansUHHBoldCaps;} .testimonial.swiper .text p.zusatz {margin:0 0 20px 0; font-family:TheSansUHHBoldCaps;} .testimonial.swiper .text p.link {margin-top:25px} .testimonial.swiper .text *:last-child {margin-bottom:0} .testimonial .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset} .testimonial .swiper-slide a { display:none } .testimonial .swiper-slide.swiper-slide-active a { display:inline } .testimonial .swiper-slide:focus {box-shadow:none!important;outline:none!important } @media only screen and (max-width:1400px) { .testimonial-swiper-wrapper button {display:none} .testimonial.swiper .swiper-slide {padding:0} } /*logo Slider*/ .logo-slider {height:auto!important; overflow:hidden; margin-top:160px; height:85px} .logo-slider .slides {width:calc(100% - 176px); margin:0px 88px} .logo-slider .slide {float:left } .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} .logo-slider .slick-prev {left:-88px; transform:rotate(180deg)} .logo-slider .slick-next {right:-88px} .logo-slider .slick-slide {text-align:center } .logo-slider .slick-slide img {margin:auto; max-height:100%; max-width:100% } .logo-slider-container {position:relative;margin-top: 160px;height:60px;} .extern .unten .outer .logo-slider-container {position: relative; margin-left: auto; margin-right: auto; max-width: 1258px; margin-top: 80px;} .extern .unten .outer .logo-slider-container .swiper{margin-bottom: 80px; overflow:hidden;} .swiper.logo-slider {left: 88px; top: 0; height: 85px; width: calc(100% - 176px); padding: 0; position: absolute; overflow: hidden;margin:0;} .logo-slider .swiper-wrapper {width:100%;} .logo-slider .swiper-slide a {display: inline-block; width: 100%; margin:2px;} .logo-slider .swiper-slide img {margin:auto; max-height:100%; max-width:100% } .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} .logoswiper-prev:hover, .logoswiper-next:hover {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .logoswiper-prev:focus, .logoswiper-next:focus {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .logoswiper-prev {left:0;} .logoswiper-next {right:0; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH} .s .logo-slider-container {margin-top: 80px;} .s .swiper.logo-slider {left: 20px; height: auto; width: 120%; position:relative;} .s .logo-slider .slide {padding:4px 10px;} .s .logoswiper-prev, .s .logoswiper-next {display:none} .js .uhh-tabs{opacity:0;transition:opacity 0.2s} /*social*/ .social-teaser {margin-top:130px; padding-top:68px; padding-bottom:130px;min-height:500px} /*V4 Hometeaser*/ .hometeaser {margin-top:32px; margin-bottom:60px} .hometeaser ul {padding:0; margin:0; list-style-type:none; font-size:0} .hometeaser ul li {float:left; min-width:22.9%; width:22.9%; margin-left:0} .hometeaser ul li + li {margin-left:2.8%} .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} .hometeaser ul li a:hover {outline:none} .hometeaser ul li a:focus {outline:none} @media only screen and (max-width:1300px) { .hometeaser ul li a {font-size:3.69vw} } .hometeaser ul li img {display:block; width:100%} .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} .hometeaser ul li a:hover .titel {background-size:contain!important} .hometeaser ul li a:focus .titel {border:1px solid transparent; background-size:contain!important} .hometeaser ul li .titel span {display:table; width:100%; height:100%} .hometeaser ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal} .hometeaser-5 {margin-top:32px; margin-bottom:60px} .hometeaser-5 ul {padding:0; margin:0; list-style-type:none; font-size:0} .hometeaser-5 ul li {;border-radius:200px;float:left; min-width:18%; width:18%; margin-left:0;overflow:hidden} html:not(.s) .hometeaser-5 ul li:before {content:"";float:left;position:relative;left:-1px;width:0;padding-top:100%} .hometeaser-5 ul li + li {margin-left:2.5%} .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} @media only screen and (max-width:1300px) { .hometeaser-5 ul li a {font-size:2.8vw} } .hometeaser-5 ul li img {display:block; width:100%;color:transparent} .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} .hometeaser-5 ul li a:hover .titel {background-size:contain!important} .hometeaser-5 ul li a:focus .titel {border:1px solid transparent; background-size:contain!important} .hometeaser-5 ul li .titel span {display:table; width:100%; height:100%} .hometeaser-5 ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal; padding:10px} .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} .formbutton.blau, .cookie-consent--edit { background-color: RGB(2, 113, 187); color: rgb(255, 255, 255)} .formbutton.blau:hover, .formbutton.blau:focus { border: 2px solid RGB(2, 113, 187); background-color: rgb(255, 255, 255); color: rgb(51, 51, 51)} .formbutton.grau { background-color: rgb(238, 238, 238); color: rgb(79, 79, 79)} .formbutton.grau:hover, .formbutton.grau:focus { border: 2px solid rgb(102, 102, 102)} /*V4 Tooltip*/ .tooltipbutton {position:relative; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 2px; margin-left: 12px; width: 24px; height: 20px; } .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");} h1 .tooltipbutton {margin-top:14px;} .m h1 .tooltipbutton {margin-top:8px;} .s h1 .tooltipbutton {margin-top:8px;} .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"} .tooltipbutton.hidden + p {visibility:hidden;} .tooltipbutton.on + p {display:block;} .tooltipbutton + p a {color:#fff;} .tooltipbutton + p span.tooltiparrow {color:#fff;} .tooltipbutton + p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;} .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);} .tooltipbutton.up + p span.tooltiparrow {top:100%;} .tooltipbutton.up + p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);} .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"} .tooltipbutton.hidden p {visibility:hidden;} .tooltipbutton.on p {display:block;} .tooltipbutton p a {color:#fff; text-decoration: underline;} .tooltipbutton p span.tooltiparrow {color:#fff;} .tooltipbutton p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;} .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);} .tooltipbutton.up p span.tooltiparrow {top:100%;} .tooltipbutton.up p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);} #uhhjobs,#uhhjob{min-height:600px} /*V5 pressemeldung*/ .outer > .pressemeldung {border-top:1px solid #ddd; padding:45px 0; margin:0 !important} .outer > .pressemeldung.first {border-top:1px solid #ddd; margin-top:30px !important} .outer > .pressemeldung a {color:#4e4e4e;} .outer > .pressemeldung .content {max-width:700px; display:block;} .outer > .pressemeldung .content:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;} .outer > .pressemeldung .datum {font-family:TheSansUHHBold, sans-serif} .outer > .pressemeldung .datum span {display:inline-block; padding:0 16px} .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} .outer > .pressemeldung h2 a {color:#4e4e4e} .outer > .pressemeldung a:hover h2 {text-decoration:underline;} .outer > .pressemeldung .image {float:left; width:43%; margin-right:4%} .outer > .pressemeldung .image img {width:100%} .outer > .pressemeldung .image a {display:block; position:relative} .outer > .pressemeldung .image a:hover {outline:none} .outer > .pressemeldung .image a:focus {outline:none} .outer > .pressemeldung .image a:focus:before {content:" "; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid #000;} .outer > .pressemeldung .image .bildnachweis {text-align:right; font-size:12px; line-height:1em; margin-top:2px} .outer > .pressemeldung .video {float:left; width:43%; margin-right:4%} .outer > .pressemeldung .video .pad {float:left; width:1px; padding-top:56%} .outer > .pressemeldung .video.lecture2go {position:relative} .outer > .pressemeldung .video.lecture2go video {width:100%; height:100%; position:absolute; top:0} .outer > .pressemeldung .video.youtube {position:relative} .outer > .pressemeldung .video.youtube img {width:100%; height:100%; position:absolute; top:0} .outer > .pressemeldung .video.youtube iframe {width:100%; height:100%; position:absolute; top:0} .outer > .pressemeldung .text {margin-top:-6px} .outer > .pressemeldung .text .more {margin-top:16px} .outer > .pressemeldung .text .more a:after {content:" >"; color:#c40017} .outer > .pressemeldung .text .hinweis {border:none; padding:0; margin-top:12px; font-size:14px; font-family:TheSansUHHItalic} .outer > .button {margin-top:60px} .outer > .button a {border:1px solid #4e4e4e; padding:11px 28px; color:#4e4e4e} .s .studiengaenge h1{margin-top: -20px !important;margin-bottom: 35px !important;} .m .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;} .l .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;} .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} .out-of-service h1{max-width:700px;margin:15px 0 60px} .out-of-service h1 ~ h1{margin-top:45px} .s .out-of-service{margin:0 20px} .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} .calltoaction { cursor:pointer; width: auto !important; text-decoration: none !important; border: 0; display: inline-block !important; font-family: TheSansUHHBoldCaps, sans-serif; font-size: 20px !important; color: var(--UHHfff-hellgrau); background-color: #0271bb; padding: 12px 30px 13px!important; text-align:center; max-width: 100%; white-space: normal; line-height: 1.25em;} .s .calltoaction { padding: 10px 20px 10px!important; font-size: 18px !important;}.calltoaction:hover{text-decoration: underline !important;} #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} #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} #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} #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} .spalte.links .veranstaltungen{visibility:visible;margin-top:54px} .spalte.links ._rechts._oben + .outer > a + .veranstaltungen{margin-top:0px} .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} .s .spalte.links .veranstaltungen h2 {padding:0 20px;} .spalte.links .veranstaltungen h2.monatsname {background-color:#f0f0f0; margin:0 0 15px 0} .spalte.links .veranstaltungen .veranstaltung {padding:30px 0 60px 0; border-bottom:1px solid #e4e4e4;margin-top:0!important} .s .spalte.links .veranstaltungen .veranstaltung {padding:30px 20px 60px} .spalte.links .veranstaltungen .veranstaltung h3 {font-size:22px; margin-top:25px; margin-bottom:20px} .spalte.links .veranstaltungen h3 a {color:#4E4E4E; display:block;} .spalte.links .veranstaltungen h3 a:hover {text-decoration:underline !important;} .spalte.links .veranstaltungen .zeit, .spalte.links .veranstaltungen .ort {font-family:TheSansUHHBold;margin:0} .spalte.links .veranstaltungen .veranstaltung .tags {margin:25px 0 20px 0;} .spalte.links .veranstaltungen .veranstaltung .tags:after {content:"";display:table;width:100%} .spalte.links .veranstaltung .tags {margin:15px 0; padding:0 !important} .spalte.links .veranstaltung .inhalt {clear:left;} .spalte.links .veranstaltungen .monat.hide, .spalte.links .veranstaltungen .monat .veranstaltung.hide {display: none;} .spalte.links .veranstaltung .tags li:before{content: none !important} .spalte.links .veranstaltung .tags a:hover, .spalte.links .veranstaltung .tags a:focus{outline-color:#4E4E4E} .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} .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} .spalte.links .veranstaltungen .tags li:hover{text-decoration:underline} .spalte.links .veranstaltungen .tags li .tag{position:absolute;top:0;right:0;bottom:0;left:0} .spalte.links .veranstaltungen .mehr {padding-top:14px;margin:0} .spalte.links .veranstaltungen .mehr a:hover {text-decoration:underline !important;} .veranstaltung .info p{margin:0} .s .outer > .veranstaltung{padding:0 16px} .eventsform{visibility:visible} .eventsform {position:relative; width:auto!important; float:none!important; margin-top:14.4px!important} .l .eventsform:not(:first-child){margin-top:30px!important} /* .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} */ .s body.event h1,.m body.event h1,.s body.events h1,.m body.events h1 {position:absolute; left:-5000px; top:0} .eventsform .suche {background-color:#f0f0f0} .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} .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; background-position:center; background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg") } .s .eventsform .suche h2:before,.m .eventsform .suche h2:before {right:73px} .s .eventsform .suche.zu h2:before,.m .eventsform .suche.zu h2:before {transform:rotate(0deg)} .s .eventsform .suche.auf h2:before,.m .eventsform .suche.auf h2:before {transform:rotate(-180deg)} .eventsform .suche h2 a {position:relative; padding:0 20px;text-decoration:none!important;display:block} html:not(.l) .eventsform .suche h2 a:focus {box-shadow:0 0 0 2px var(--UHH0271bb-fff) inset!important} .eventsform .suche form {margin:30px 20px 20px 20px;} .eventsform .suche form input,.events.suche form select {outline:0; border-radius:0} .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%} .eventsform .suche form select::-ms-expand {display:none} .eventsform .suche form select {margin-bottom:26px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:TheSansUHH,sans-serif; color:#444; border:1px solid #cdcdcd; padding:0 6px; height:45px; font-size:11px; width:100%; background-position:95% center; background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg") } .s .eventsform .suche.zu form,.m .eventsform .suche.zu form {display:none} .eventsform .suche form select option:first-child {padding:6px 9px 3px 9px} .eventsform .suche form select option {padding:3px 9px} .eventsform .suche form select option:last-child {padding:3px 9px 6px 9px} .eventsform .suche form .datum {} .eventsform .suche form .datepickerHolder:first-child {margin-right:12px} .eventsform .suche form .datepickerHolder {position:relative; float: left; width: calc(50% - 6px);} .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} .eventsform .suche form .datepickerHolder button[aria-label="Datum leeren"] {display: none;} .eventsform .suche form .datepickerHolder button[aria-label="clear date"] {display: none;} .eventsform .suche form .datum select {float:left; width:calc(50% - 6px)} .eventsform .suche form .datum select:first-child {margin-right:12px} .eventsform .suche dl.zielgruppe {margin:0 0 24px 0; display:none} .eventsform .suche dt {font-size:18px; font-family:TheSansUHHSemiLightCaps; margin-bottom:10px} .eventsform .suche dd {margin:0 0 9px 0} .eventsform .suche input[type="checkbox"]:checked, .events.suche input[type="checkbox"]:not(:checked) {visibility:hidden; position:absolute; left:-5000px } .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 } .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; } .eventsform .suche input[type="checkbox"]:checked + label:hover:before, .events.suche input[type="checkbox"]:not(:checked) + label:hover:before {border:1px solid #bbb} .eventsform .suche input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd!important} .eventsform .suche input[type="checkbox"]:checked + label:before {background-image:url("https://assets.rrz.uni-hamburg.de/assets/checkbox-ok-4823368d8c7d7ce69da786a5d89f8793e5c12e005f85e7ab3b89fc53edb5d53e.svg") } .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} .eventsform .suche .link {font-size:11px; color:#c40017; text-decoration:none} .eventsform .add,.eventsform .rss {margin-top:24px; margin-bottom:24px; position:relative; line-height:56px; height:56px} .eventsform .add a, .eventsform .rss a {display:block; width:100%!important; height:100%; color:var(--UHHfff-fff)} .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} .eventsform .rss {background-color:#F5A623} .eventsform .rss a {font-family:TheSansUHHBoldCaps; font-size:24px; padding-left:63px;} .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} .s ._rechts .eventsform .buttons .add,.m ._rechts .eventsform .buttons .add {float:none; margin:0; position:absolute; right:0px; top:0px; width:60px; height:60px; } .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} .s ._rechts .eventsform .buttons .add img,.m ._rechts .eventsform .buttons .add img {display:none} .s ._rechts .eventsform .buttons .rss,.m ._rechts .eventsform .buttons .rss {display:none} .eventsform .suche form input::placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form input::-webkit-input-placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form input:-ms-input-placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form input::-ms-input-placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form select{ color: #333!important} .veranstaltung{visibility:visible;margin-top:30px !important} .veranstaltung h2.zeit,.veranstaltung h2.ort {font-size:20px; margin:8px 0} .veranstaltung .info h2 {margin-top:50px} html:not(.l) #zurveranstaltungssuche, html:not(.l) #zurveranstaltungsliste {display:none!important} .SciDatepicker .datepickerDialog {display: none } .m .nomobil, .s .nomobil {display:none} .s .nosmobil {display:none !important} @media only screen and (max-width: 994px) { #bildgalerie .sliderContainer, #bildgalerie .linie{display:none} } /*<fiona only>*/ @media only screen and (max-width: 994px) { .v4-links #bildgalerie.gallerywide .sliderContainer, .v4-links #bildgalerie.gallerywide .linie{display:none} } /*</fiona only>*/ /*Template*/ .l #seite, .l header, .l section.nav{min-width:1200px !important} .s #seite{max-width:640px !important;margin:auto} .tab-box .oap-result-block > header {min-width:0 !important} html:not(.l) .extern #meta{background:#0271bb} html:not(.l) .extern header nav.rechts .link {display:none} html:not(.l) .extern header nav.rechts .quick, html:not(.l) .extern header nav.rechts .sprache {display:table-cell} html:not(.l) .extern #meta nav > ul > li > a {color:#fff; width:50px} html:not(.l) #meta #quickmenuschalter {outline:1px dotted #fff} .s header .logos .text {width: calc(100% - 155px)} html:not(.l) header .logos .text img{max-height:45px; margin-bottom:4px;max-width:100%} .m .extern #inhalt {margin-top: 144px} .m main .spalten .spalte.links {float:none; width:100%} .m main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0} .s main {padding:0} .s #pfad {display: none} .s section.oben .subsite {font-size: 35px} .m section.global.konferenz .liste ul {width: calc(33.33% - 25px)} .m section.global.konferenz .liste ul:nth-child(4) {clear:left; margin-left:0; margin-top:68px} .m section.global.konferenz .liste ul:nth-child(5), .m section.global.konferenz .liste ul:nth-child(6) {margin-top:68px} .m section.global .liste {padding-bottom:10px} .s section.nav {display: none} .s main .spalten .spalte.links {float:none; width:100%} .s main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0} .s .volle-breite main .spalten .spalte.links .outer:not(.h1) {padding: 0} .s .home section.oben {margin-bottom:0} .s footer .social {padding: 23px 16px;margin-top:5px} .s section.social li {width: 30px; height: 30px} .s section.social li + li {margin-left: calc((100% - 7 * 30px) / 6)} .s section.global .liste {padding:35px 20px 10px} .s section.global .liste ul {float: none; width: 100%; margin-bottom:35px} .s section.global.konferenz .liste ul {float: none; width: 100%; margin-bottom:35px} .s section.global .ende {padding: 40px 20px 54px; font-size:12px} .s section.global .ende .copyright {margin-top: 20px; margin-bottom: 0px} .global .audits {position:absolute;bottom:5px; right:0px; } .s section.global.konferenz .liste ul + ul {margin-left: 0} .s section.global:not(.konferenz) .ende .breite{padding-top: 100px} .s section.global:not(.konferenz) .ende .audits{top:0;left:0;bottom:auto;width: 100%;font-size:0;} .s section.global:not(.konferenz) .ende .audits > div{float:none; display:inline-block;margin-left:0;transition: all 0.25s} .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:15px} @media only screen and (max-width: 412px) { .s section.global:not(.konferenz) .ende .audits > div{width:70px;height:70px} .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:12px} } @media only screen and (max-width: 360px) { .s section.global:not(.konferenz) .ende .audits > div{width:60px;height:60px} .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:10px} } @media only screen and (max-width: 710px) { .m section.global:not(.konferenz) .ende .copyright{max-width:calc(100% - 300px)} } .s main .unten {margin: 48px 0 0 0} .s section.unten > .social {background: #fff; padding: 23px 16px} .s section.unten > .social a {width: 30px; height: 30px} .s section.unten > .social a + a {margin-left: calc(25% - 39px)} .m h1, .s h1{font-size:28px} /* Slider */ .m .slider-start .full-width-slider .slide .bildnachweis {bottom:0} .m .slider-start .full-width-slider.scaling .control {bottom:30px} .m .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;} .m .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px) !important;} .m .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);} .m .full-width-slider .slick-dots li.slick-active button {background-color:#fff;} .m .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");} .m .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");} .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 } .m .full-width-slider .slide .text h2 {font-size: 36px; padding: 22px 26px;} .m .full-width-slider .slide .text h3 {font-size: 36px; padding: 22px 26px;} .m .slider-home .full-width-slider .slide .text h2 {font-size: 40px; padding:12px 0} .m .slider-home .full-width-slider .slide .text h3 {font-size: 40px; padding:12px 0} .m .slider-home .full-width-slider .slide .text .beschreibung {font-size: 28px; padding:12px 0} .m .full-width-slider .slide .text {max-width: none !important} .m .full-width-slider .slide .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px} .m .full-width-slider .slide .text .button a:after{right: 16px} .m .full-width-slider .slide .text .button span{padding:16px 40px 16px 26px;} .m .full-width-slider .slide .text .button span:after{right: 22px;;} .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} .m .slider-start .full-width-image .bildnachweis {bottom:0} .m .full-width-image .text h2 {font-size: 36px; padding:22px 26px} .m .full-width-image .text {max-width: none !important} .m .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px} .m .full-width-image .text .button a:after{right: 16px} .m .slider-start .full-width-image.scaling .text {bottom:30px;} .s .slider-start .full-width-image.scaling .text {bottom:30px;} .s .slider-home .newsrubriken {margin-top:0} .s .slider-start .full-width-slider .slide .bildnachweis {bottom:0} .s .slider-start .full-width-slider.scaling .control {bottom:36px} .s .slider-karte .full-width-image .bild{height: 500px !important} .s .slider-home .full-width-image .bild{height: 400px !important} .s .slider-start .full-width-image .bild{height: 400px !important} .s .slider-inhalt .full-width-image .bild{height: 200px !important} .s .slider-news .full-width-image .bild{height: 200px !important} .s .slider-karte .full-width-slider .slide{height: 500px !important; } .s .slider-home .full-width-slider .slide{} .s .slider-start .full-width-slider .slide{height: 400px !important; } .s .slider-inhalt .full-width-slider .slide{height: 200px !important; } .s .slider-news .full-width-slider .slide{height: 200px !important; } .s .full-width-slider .slide .bild{height:100%} .s .full-width-slider .slide .bild{height:100%} .s .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;} .s .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px);} .s .slider-news .full-width-slider.scaling .control {top:calc(25vw + 16px);} .s .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);} .s .full-width-slider .slick-dots li.slick-active button {background-color:#fff;} .s .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");} .s .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");} .s .full-width-slider .slide .text {max-width: none !important; left: 40px; padding-right: 40px; bottom:83px !important;} .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 } .s .full-width-slider .slide .text h2 {font-size: 28px; width: 100%; margin-bottom:0;} .s .full-width-slider .slide .text h3 {font-size: 28px; width: 100%;margin-bottom:0;} .s .full-width-slider .slide .text .beschreibung {font-size: 18px;width:100%; padding-top:0; padding-bottom:16px;padding-left:18px} .s .slider-home .full-width-slider .slide .text h2, .s .slider-home .full-width-slider .slide .text h3 {font-size: 30px; padding:12px 0; width:100%; margin:0;} .s .slider-home .full-width-slider .slide .text .beschreibung {font-size: 20px;padding:0 0 16px 0; width:100%} .s .full-width-slider .slide .text {max-width: none !important} .s .slider-home .full-width-slider .slide .text .button {float:left;} .s .slider-home .full-width-slider .slide .text .button span{background:none; padding:0 16px 0 0; color:#4e4e4e;} .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")} .s .volle-breite .full-width-slider .slick-dots {right:20px} .s .slider-start .full-width-image .bildnachweis {bottom:0} .s .full-width-image .text {max-width: none !important; left:40px; padding-right:40px} .s .full-width-image .text h2 {font-size: 25px; padding:22px 26px; width:100%} .s .full-width-image .text .beschreibung {font-size: 18px;padding:0 26px 16px 26px;margin-top: -8px; width:100%} .s .full-width-image .text {max-width: none !important} .s .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 26px 0 16px} .s .full-width-image .text .button a:after{right: 10px} .m section.oben .scaling + .outer .subsite, .s section.oben .scaling + .outer .subsite {display:none} /* Startseite */ .s .hometeaser-5 {margin-top:0} .s .hometeaser-5 li {display: block; width: 100%;border-radius:0} .s .hometeaser-5 ul li + li {margin-left: 0} .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} .s .hometeaser-5 li > a:hover {text-decoration:underline !important;} .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} .s .hometeaser-5 li > a img {display:none; position:absolute; width:20vw; margin-right:3vw;} .s .hometeaser-5 .titel {position:absolute; left:0; top:0; text-align: left; position:relative; width:auto; padding-left:0; height:16vw;} .s .hometeaser-5 ul li .titel span b {padding:0;} .s .hometeaser-5 a:hover .titel, .s .hometeaser-5 a:focus .titel {background:none} .s main .spalten .spalte.abschluss .outer {padding:0;} .s .outer .uebersicht {margin-top: -26px !important} .s .newsrubriken li a {line-height:40px} .s .outer > .uebersicht li a {padding-left:16px;} .s .outer > .uebersicht li a:before {top:4px; background-size: 10px 10px;} .s .logo-slider-container {margin-bottom: -60px;height:auto;} /*Teaserelemente*/ .m .news-teaser-home .item, .m .teaser-home3fach .item, .m .teaser-3fach .item {width:48.2%} .m .news-teaser-home .head + .item + .item + .item, .m .teaser-home3fach .head + .item + .item + .item, .m .teaser-3fach .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser-home .head + .item + .item + .item + .item, .m .teaser-home3fach .head + .item + .item + .item + .item {margin-top:80px} .m .news-teaser-home .head + .item + .item, .m .teaser-home3fach .head + .item + .item, .m .teaser-3fach .head + .item + .item {margin-left: 3.6%} .m .news-teaser-home .item:first-child + .item + .item, .m .teaser-home3fach .item:first-child + .item + .item, .m .teaser-3fach .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser-home .item:first-child + .item, .m .teaser-home3fach .item:first-child + .item, .m .teaser-3fach .item:first-child + .item {margin-left: 3.6%} .s .teaser-home3fach, .s .teaser-home2fach, .s .news-teaser, .s .teaser-3fach, .s .teaser-2fach {margin-top:48px !important} .s .volle-breite .news-teaser h2 {font-size:30px; line-height:1.2em;} .s .body{padding-left:20px; padding-right:20px} .s .teaser-element .head {padding-left:20px; padding-right:20px} .s .news-teaser .head {margin-bottom: 40px} .s .einrichtung .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;} .s .home .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;} .s .teaser-element .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .teaser-element .head a.rss {margin-left:13px; width:22px;display:inline; float:none} .s .teaser-element .head a.rss img {width:22px;display:inline} .s .news-teaser-home .item, .s .teaser-home3fach .item, .s .teaser-home2fach .item, .s .teaser-3fach .item, .s .teaser-2fach .item {float: none; width: 100%; display:block} .s .news-teaser-home .item + .item, .s .teaser-home3fach .item + .item, .s .teaser-home2fach .item + .item, .s .teaser-3fach .item + .item, .s .teaser-2fach .item + .item {margin-left: 0; margin-top: 48px} .s .teaser-element h2 {padding:0 20px} .s .teaser-element .text {padding:0 20px} .s .teaser-element .text + .more {padding:0 20px} .s .home .teaser-element .text .rubrik {margin-bottom:5px} .s .home .teaser-element .text .titel {margin-top:0px} .s .teaser-element a.item:hover .text .titel {text-decoration:none} .s .teaser-element .item .text .titel a:hover {text-decoration:none} .s .news-teaser-home .more, .s .teaser-home3fach .more, .s .teaser-home2fach .more {padding:0 20px} .s .teaser-element div.more a {} .s .teaser-1fach .image .bildnachweis, .s .teaser-element .item .image .bildnachweis, .s .teaser-1fach-a .image .bildnachweis, .s .pressemeldung .image .bildnachweis {margin-right: 20px} /* Teaser */ .m .news-teaser.horizontal .item {width:48.2%} .m .news-teaser.horizontal .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser.horizontal .head + .item + .item {margin-left: 3.6%} .m .news-teaser.horizontal .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser.horizontal .item:first-child + .item {margin-left: 3.6%} .s .news-teaser.horizontal .item {float: none; width: 100%; display:block} .s .news-teaser.horizontal .item + .item {margin-left: 0; margin-top: 48px} .s .news-teaser .item .text > .datum {margin-top:15px} .s .news-teaser.horizontal .more {padding:0 20px;margin-top:20px} .s .news-teaser.vertikal .image {float: none; width: 100%} .s .news-teaser.vertikal .item .video {width: 100%} .s .news-teaser.vertikal .text {float: none; width: 100%; margin-left: 0} .s .news-teaser.vertikal div.more {padding:0 20px} .s .news-teaser.vertikal .more.oben {display:none} .s .veranstaltungen-hometeaser h2{padding-left:20px; padding-right:20px; font-size:30px} .s .veranstaltungen-hometeaser .head {padding-left:20px; padding-right:20px} .s .veranstaltungen-hometeaser .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .veranstaltungen-hometeaser .head a.rss img{width:22px;display:inline} .s .veranstaltungen-hometeaser.slider .slides {padding: 0 20px} .s .veranstaltungen-hometeaser div.more a{float: right; clear: right} .s .veranstaltungen-hometeaser div.more a + a{margin-bottom:24px} .m .veranstaltungen-teaser.horizontal li {width:48.2%} .m .veranstaltungen-teaser.horizontal ul + li + li + li {margin-left: 0%; clear:left; margin-top:80px} .m .veranstaltungen-teaser.horizontal ul + li + li {margin-left: 3.6%} .s .veranstaltungen-teaser {margin-top:48px; padding:0 16px} .s .veranstaltungen-teaser.horizontal ul li {float: none; width: 100%} .s .veranstaltungen-teaser.horizontal ul li + li {margin-left: 0} .s .veranstaltungen-teaser div.more a{float: right; clear: right} .s .veranstaltungen-teaser div.more a + a{margin-bottom:24px} .s .teaser-1breit .text{padding:0 20px} .s .teaser-1fach {margin-top:48px !important} .s .teaser-1fach .head {padding-left:20px; padding-right:20px} .s .teaser-1fach .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .teaser-1fach .head a.rss{margin-left:13px; width:22px; display:inline; float:none} .s .teaser-1fach .head a.rss img{width:22px;display:inline} .s .teaser-1fach .image{float: none; width: 100%; display:block} .s .teaser-1fach .video{width: 100%; display:block;margin-bottom: 20px} .s .teaser-1fach .text {float: none; width: 100%; display:block;padding:0 20px; margin-left:0} .s .veranstaltungen-hometeaser.slider .slides ul li .datum {font-size:50px} .s .teaser-2mal1 {margin-top:48px !important} .s .teaser-2mal1 h2{padding-left:20px; padding-right:20px; display:inline; float:none} .s .teaser-2mal1 .tablerow{display:flex; flex-wrap:wrap} .s .teaser-2mal1 .tablerow > .image{width:100%} .s .teaser-2mal1 .tablerow > .text{width:100%} /* .m .teaser-2mal2 .body {background-color:#f3f3f3; display:table; width:100%} */ /* .m .teaser-2mal2 .tablerow {float:left; width:calc(50% - 1px); border-right:1px solid #fff} */ /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none} */ /* .m .teaser-2mal2 .tablerow .tablecell.image {display:none} */ /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:table-cell} */ /* .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden} */ /* .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left} */ /* .m .teaser-2mal2 .tablecell.text.right .more{text-align:left} */ /* .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} */ .m .teaser-2mal2 .body {background-color:#f3f3f3; display:flex;; flex-wrap:wrap; width:100%} .m .teaser-2mal2 .tablerow { width:calc(50% - 1px); border-right:1px solid #fff;border-top:1px solid #fff} .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none} .m .teaser-2mal2 .tablerow .tablecell.image {display:none} .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:block;width:calc(50% - 1px)} .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden} .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left} .m .teaser-2mal2 .tablecell.text.right .more{text-align:left} .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} .s .teaser-2mal2 {margin-top:48px !important} .s .teaser-2mal2 .body {padding-left: 0px;padding-right: 0px;} .s .teaser-2mal2 h2{margin-bottom:40px} .s .teaser-2mal2 .tablerow{display:flex; flex-wrap:wrap} .s .teaser-2mal2 .tablerow > .image{width:100%} .s .teaser-2mal2 .tablerow > .text{order:2; width:100%} .s .teaser-2mal2 .tablerow > .text + .image{order:1} .s .teaser-2mal2 .tablecell.image {display:none} .s .teaser-2mal2 .tablecell.text {padding:38px 20px 53px 20px} .s .teaser-2mal2 .tablerow + .tablerow .tablecell.text {margin-top:20px} .s .teaser-2mal2 .tablecell.text.right .titel, .s .teaser-2mal2 .tablecell.text.right .more, .s .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} .s .teaserzeile-2 {margin-top:48px !important} .s .teaserzeile-2 h2, .s .teaserzeile-2 .head {padding-left:20px; padding-right:20px} .s .teaserzeile-2 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .teaserzeile-2 .head a.rss {margin-left:13px; width:22px;display:inline; float:none} .s .teaserzeile-2 .head a.rss img{width:22px;display:inline} .s .teaserzeile-2 .tablerow {display:flex; flex-wrap:wrap;} .s .teaserzeile-2 .tablecell {width:100%} .s .teaserzeile-2 .tablecell.sep {display:none} .s .teaserzeile-2 .tablecell.sep + .tablecell {margin-top:20px} .s .teaserzeile-2 .tablecell.image .titel {min-height:auto; margin-top:0;} .s .teaserzeile-2 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative} .s .teaserzeile-3 {margin-top:48px !important} .s .teaserzeile-3 h2{padding-left:20px; padding-right:20px;} .s .teaserzeile-3 .head {padding-left:20px; padding-right:20px;} .s .teaserzeile-3 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none;} .s .teaserzeile-3 .head a.rss{margin-left:13px; width:22px;display:inline; float:none;} .s .teaserzeile-3 .head a.rss img{width:22px;display:inline;} .s .teaserzeile-3 .tablerow{display:flex; flex-wrap:wrap} .s .teaserzeile-3 .tablerow + .tablerow {margin-top:20px;} .s .teaserzeile-3 .tablerow.sep {display:none;} .s .teaserzeile-3 .tablecell {width:100%;} .s .teaserzeile-3 .tablecell.sep {display:none;} .s .teaserzeile-3 .tablecell.sep + .tablecell {margin-top:20px;} .s .teaserzeile-3 .tablecell.text {padding:38px 20px 53px 20px;} .s .teaserzeile-3 .tablecell.image .titel {padding:0 20px 36px 20px;min-height:auto; margin-top:0; height:auto;} .s .teaserzeile-3 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative;} .s .beratung {margin:48px 20px 0 20px} .s .featurednews {margin-top:48px !important} .s .featurednews h2{padding-left:20px; padding-right:20px} .s .featurednews .head {padding-left:20px; padding-right:20px} .s .featurednews .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .featurednews .head a.rss{margin-left:13px; width:22px;display:inline; float:none} .s .featurednews .head a.rss img{width:22px;display:inline} .s .featurednews .tablerow{display:flex; flex-wrap:wrap} .s .featurednews .tablecell {width:100%} .s .featurednews .tablecell.sep {display:none} .s .featurednews .tablecell.sep + .tablecell {margin-top:20px} .s .featurednews .tablecell.right {padding:20px} .s .featurednews .more {position:relative} .s .illu-1fach {margin-top:48px !important} .s .illu-1fach .image .bildnachweis {margin-right: 20px} .s .illu-1fach .text {padding:38px 20px} .s .illu-1fach .image .more {right:20px} .s .illu-1fach .image .bildnachweis{right: -20px} .s .video-teaser {margin-top:48px; padding: 20px 20px 54px 20px} .s .video-teaser .head {float: none; width: 100%} .s .video-teaser h2{font-size:22px;float: none; width: 100%; margin-bottom:18px} .s .video-teaser .links{float: none; width: 100%} .s .video-teaser .video {float: none; width: 100%} .s .video-teaser .inhalt {height:auto; margin-bottom:20px} .s .video-teasernews {margin-top:48px !important; padding: 20px 20px 54px 20px} .s .video-teasernews .head {margin-bottom:18px} .s .video-teasernews .tablecell.left {width:100%} .s .video-teasernews .tablecell.sep {display:none} .s .video-teasernews .tablecell.right {display:none} .s .outer.h1{padding:0 20px !important} .m .outer .uebersicht {margin-top:-24px!important} .m .outer .uebersicht h1 {padding: 0 40px; margin-top:-24px!important} .m .outer .uebersicht h2 {padding: 0 40px} .m .outer .uebersicht ul {padding: 0 40px} .m .volle-breite.extern .outer .uebersicht ul {padding: 0 40px} .m .volle-breite.extern .outer .uebersicht ul li a {font-size:22px} .m .outer .uebersicht .label {padding-left: 20px} .m .outer .uebersicht .inhalt {width: calc(100% - 130px)} .m .outer .uebersicht.kontakt .inhalt {width: 100%} .m .volle-breite.extern .outer .uebersicht{padding-top:40px} .s .outer .uebersicht {margin-top:-24px!important} .s .outer .uebersicht {padding-top:40px} .s .outer .uebersicht h1, .s .outer .uebersicht h2, .s .outer .uebersicht ul {padding: 0 20px !important} .s .outer .uebersicht li a {font-size: 18px} .s .outer .uebersicht .label {padding-left: 20px; width:100%; padding-right:20px; background-color:#f3f3f3} .s .outer .uebersicht .inhalt {width: auto;padding-left: 20px; padding-top:20px; background-color:#f3f3f3} .s .outer .uebersicht.kontakt .inhalt {width: 100%} .s .outer .uebersicht ul.zweispaltig{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1} .s .outer .uebersicht ul.l{width:100% !important; margin-bottom:0} .s .outer .uebersicht ul.r{width:100% !important; margin-top:0} .s .uebersicht .label a.tt {background-color:transparent; display:block;position:relative; width:100%; padding:18px 18px 18px 54px; color:#4e4e4e; text-decoration:none} .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")} .s .uebersicht .clear.auf .label > a.tt:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg")} .s .uebersicht .label a.tt:hover, .s .uebersicht .label a.tt:focus {color:var(--UHHfff-hellgrau); background-color:#0271bb; text-decoration:none} .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")} .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")} .m .body {margin-top:44px !important} .s .body {margin-top:40px !important} .s .standard {margin:48px 20px 0 20px !important} .s #_feedback {margin:48px 20px 0 20px !important} .s .outer #_feedback {width:calc(100% - 40px)} .s .hinweis {padding:30px 20px;} .s .hinweis h2{font-size:22px} .s .inhaltsblock {padding:30px 20px !important;} .s .inhaltsblock.grau {margin:48px 0px 0 0px !important;} .s .inhaltsblock h2{font-size:22px} .s .logoleiste {margin:48px 20px 0 20px !important} .s .outer > .artikeldetail > * {margin-left: 20px !important; margin-right: 20px !important} .s .outer > .artikeldetail > span > * {margin-left: 20px !important; margin-right: 20px !important} .s .artikeldetail .image {margin-left: 0; margin-right: 0} .s .artikeldetail .bildunterschrift {margin-right: 20px} .s .artikeldetail .zitat {margin-left: -20px;width:auto; margin-right: -20px} .s .outer > .artikeldetail .download {margin-left:-20px !important; margin-right:-20px !important; padding-bottom:40px;} .s .outer > .artikeldetail .download .item {display:block;} .s .outer > .artikeldetail .download .img {display:block; padding-top:0;} .s .outer > .artikeldetail .download .links {display:block; padding:0;} .s .shariff {margin-left: 20px; margin-right: 20px} .s .outer .pressemeldung {margin-left: 20px !important; margin-right: 20px !important; padding:45px 0 29px 0;} .s .outer .pressemeldung .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .pressemeldung .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a {margin-left: 20px !important; margin-right: 20px !important; padding:20px 0 29px 0;} .s .outer .teaser-1fach-a .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a.reverse .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a.reverse .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer > .teaser-1fach-a .text {margin-top:0; width:auto; float:none;} .s .outer .button {margin: 0px 20px 0 20px !important;} .s gsc-control-cse {border:0} .s ul.uhhsearch > li {width:100%; margin: 0 0 6px 0} .s ul.uhhsearch > li a {padding:0; text-align:center} .s gsc-control-cse {border:0} .s td.gsc-clear-button {display:none} .s td.gsc-input {display:block; margin: 0 0 6px 0} .s td.gsc-input input {width:100%} .s td.gsc-search-button {display:block; width:100%} .s td.gsc-search-button input{width:100%} .s .cse input.gsc-search-button, .s input.gsc-search-button {height: 40px !important; padding:4px 8px !important; width:100%; margin:0} .s input.gsc-input {height: 40px} .m .outer .slick_slider.logo-slider {display:none} .s .outer .slick_slider.logo-slider {display:none} .s .spalte.rechts .news-teaser {margin-top:48px; padding:0 20px} .s .spalte.rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px} .s .spalte.rechts > .v4hinweis, .s .spalte.rechts > .v4kontakt, .s .spalte.rechts > .social {margin:48px 20px 0 20px !important} .s .spalte.rechts > .social ul li {width:30px; height:30px} .s .spalte.rechts > .social ul li ~ li {margin-left: calc((100% - 6*30px)/5)} .s .spalte ._rechts .news-teaser {margin-top:48px; padding:0 20px} .s .spalte ._rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px} .s .spalte ._rechts > .v4kontakt {margin:48px 20px 0 20px !important} .s .spalte ._rechts > .social {margin:48px 20px 0 20px !important} .s .spalte ._rechts > .social a {width: 30px; height: 30px} .s .spalte ._rechts > .social a ~ a {margin-left: calc((100% - 6*30px)/5)} /*Startbilder*/ .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} .m .outer > .foto .text strong{font-size: 24px;line-height: 1.0em} .m .outer > .foto .text div {font-size: 16px;line-height: 1.2em} .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} .m .outer > .fotokonferenz .text strong{font-size: 24px;line-height: 1.0em} .m .outer > .fotokonferenz .text div {font-size: 16px;line-height: 1.2em} .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} .m .outer > .fotokonferenzII .text h1{font-size: 20px;line-height: 1.0em} .m .outer > .fotokonferenzII .text div {font-size: 16px;line-height: 1.2em;margin-top:4px} .m .outer .bildgalerie .slide img, .s .outer .bildgalerie .slide img{width:100%} .s .outer .bildgalerie .slidernav {padding: 0px 20px;} .s .outer .bildgalerie .bildnachweis {padding-right: 20px;} .s .outer .bildgalerie .bildunterschrift {padding-right: 20px;} .s .outer .bildgalerie .rsArrowRight, .s .outer .bildgalerie .rsArrowLeft{display:none !important} .s .bildgalerieswiper {margin-left: 20px !important; margin-right: 20px !important;} /*<fiona only>*/ .m .v4-links #bildgalerie.gallerywide{margin-bottom:30px} .m .v4-links #bildgalerie.gallerywide .galerieContainer{text-align:left !important;width:100%; margin-left:0} .m .v4-links #bildgalerie.gallerywide .galerie .slide .imgcontainer img {} .m .v4-links #bildgalerie.gallerywide .sliderContainer{display:none} .m .v4-links #bildgalerie.gallerywide .linie{display:none} .m .v4-links #bildgalerie.gallerywide .rsArrowIcn{top:130px !important; margin-top:-25px} /*</fiona only>*/ html:not(.l) #bildgalerie{margin-bottom:30px} .m #bildgalerie .titel, .s #bildgalerie .titel{padding:0 14px} .m #bildgalerie .galerieContainer, .s #bildgalerie .galerieContainer{text-align:left !important;width:100% !important; margin-left:0} .m #bildgalerie .galerie, .s #bildgalerie .galerie{margin-top:20px;width:calc(100% - 28px) !important; margin-left:14px} .s #bildgalerie .galerie .slide .imgtable {padding:0 28px} .s .oben #bildgalerie .sliderContainer, .m .oben #bildgalerie .sliderContainer{display:none} .s .oben #bildgalerie .linie, .m .oben #bildgalerie .linie{display:none} .s .oben #bildgalerie .rsArrowIcn, .m .oben #bildgalerie .rsArrowIcn{top:130px !important; margin-top:-25px} .m .outer > .teaser-3b .col {width:48.2%} .m .outer > .teaser-3b .col:first-child + .col + .col {margin-left: 0%; clear:left; margin-top:40px} .m .outer > .teaser-3b .col:first-child + .col + .col + .col {margin-top:80px} .m .outer > .teaser-3b .col:first-child + .col {margin-left: 3.6%} .s .outer > .teaser-3b {padding:10px 25px 15px 25px} .s .outer > .teaser-3b .col {float: none; width: 100%; display:block} .s .outer > .teaser-3b .col + .col {margin-left: 0; margin-top: 5px} .s .outer > .teaser-3b .titel {padding:0 20px; height:auto;} .s .outer > .teaser-3b .text {padding:0 20px} .s .outer > .teaser-3b a.item:hover .text .titel, .s .outer > .teaser-3b .item .text .titel a:hover{text-decoration:none} .s .teaser-2-col, .s .teaser-2-col .col{width:100%; display:block} .s .teaser-2-col .col.sep{display:none} .s .teaser-2-col .col.sep + .col {margin-top:48px} .s .teaser-2-col .kopf, .s .teaser-2-col .inhalt{padding:0 20px} .s .teaser-3-col, .s .teaser-3-col .col{width:100%; display:block} .s .teaser-3-col .col.sep{display:none} .s .teaser-3-col .col.sep + .col {margin-top:48px} .s .teaser-3-col .kopf, .s .teaser-3-col .inhalt{padding:0 20px} .s .spalte.rechts .kontakt, .s .spalte.rechts .kontakt-rot, .s .spalte.rechts .teaser-4, .s .spalte ._rechts .kontakt, .s .spalte ._rechts .kontakt-rot, .s .spalte ._rechts .teaser-4 {padding:0 20px; margin-top:48px} .s.js .alles.auf {margin-top:40px} .s.js .alles.zu {margin-top: 40px;} .s .unternehmen .box.schaltbar > .titel a {background-position:20px center} .s .unternehmen .schaltbar h3.titel + .inhalt {padding-left:20px;} .s.js .alles.zu {margin-left: 20px !important;} .s.js .alles.auf {margin-left: 20px !important;} .s .mitarbeiterinnen {padding: 0 20px;} .s .mitarbeiterinnen .kopf .filter div {width:100%; margin-right:0;} .s .mitarbeiterinnen .kopf .filter .namen input {width:calc(100% - 46px)} .s .mitarbeiterinnen .kopf .filter .namen input.breit {width:calc(100% - 46px)} .s .mitarbeiterinnen .kopf .filter select {width:100%; margin-bottom:12px;} .s .mitarbeiterinnen .mitarbeiterin .foto, .s .mitarbeiterinnen .mitarbeiterin .foto2{margin: 5px 16px 0 0;width:70px} .s .mitarbeiterinnen .mitarbeiterin .daten{line-height:1.5em;margin: 0 16px 0 0;} .s .mitarbeiterinnen .mitarbeiterin.keinschwerpunkt .daten{width: calc(100% - 86px);margin:0} .s .mitarbeiterinnen .mitarbeiterin .schwerpunkte{margin: 20px 0px 0 86px} .s .studiengaenge .funktionen .typ {margin-left: 0;} .s .studiengaenge .funktionen select {width: 100%; } .s .studiengaenge .funktionen .typ select {margin-top:16px;} .m #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%} .m #veranstaltungsformular legend {padding: 0} .m #veranstaltungsformular .eingabe {width: 50%} .m #veranstaltungsformular .eingabe label {width: 100%} .m #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0} .m #veranstaltungsformular .input {display: block} .m #veranstaltungsformular .block {max-width: 320px} .m #veranstaltungsformular textarea {width: 100%; max-width: 320px} .m #veranstaltungsformular input.text {width: 100%; max-width: 320px} .m #veranstaltungsformular input[type="file"] {width: 100%; max-width: 320px} .m #veranstaltungsformular .hinweis {margin-left: 0; max-width: 320px; width: auto} .m #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; clear: both; max-width: 320px; width: 50%} .m #veranstaltungsformular .ausgabe {width: 48%} .m #veranstaltungsformular .ausgabe legend {margin-bottom: 10px} .m #veranstaltungsformular .absenden {float: right; margin-top: -40px} .m #veranstaltungsformular .zeit > div {float:left;clear:none} .m #veranstaltungsformular .zeit > div input {width:100%} .m #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:5%} .m #veranstaltungsformular .zeit > div+div {width:18%;margin-right:3%} .m #veranstaltungsformular .zeit > div+div label {width:auto;margin:0} .s #veranstaltungsformular .ausgabe {clear: left; float: none; width: 100%} .s #veranstaltungsformular{margin-left:-20px;border-width:1px 0;width:calc(100% + 40px);margin-bottom:15px} .s #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%} .s #veranstaltungsformular legend {padding: 0} .s #veranstaltungsformular .eingabe {width: 100%!important} .s #veranstaltungsformular .eingabe label {width: 100%} .s #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0} .s #veranstaltungsformular .input {display: block} .s #veranstaltungsformular textarea, .s #veranstaltungsformular input.text {width: 100%} .s #veranstaltungsformular .hinweis {margin-left: 0; width: auto} .s #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; width: auto; float: none} .s #veranstaltungsformular .ausgabe legend {margin-bottom: 10px} .s #veranstaltungsformular .zeit > div {float:left;clear:none} .s #veranstaltungsformular .zeit > div input {width:100%} .s #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:15px} .s #veranstaltungsformular .zeit > div+div {width:60px;margin-right:0px;max-width:60px} .s #veranstaltungsformular .zeit > div+div label {width:auto;margin:0;display:block} .s .simpleSlider .foto {float:none;width:100%;max-height:300px} .s .simpleSlider .foto img {width:100%} .s .simpleSlider .text {float:none;width:auto; padding:15px 0} .s .testimonial.swiper {text-align:center} .s .testimonial.swiper button {background-size:18px;width:18px;height:30px;} .s .testimonial.swiper .foto {float:none;display:inline-block} .s .testimonial.swiper .text {text-align:left;float:none;width:auto; padding:15px 0} .mitarbeiterinnen {visibility:visible} .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste {display:none} .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste table {width:100%} .mitarbeiterinnen .liste table th {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0; text-align:left;} .mitarbeiterinnen .liste table td {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0} .mitarbeiterinnen .liste table td.raum {width:40px} .mitarbeiterinnen .liste table td.telefon {max-width:110px} .mitarbeiterinnen .liste table tr:first-child td {border-width:0px 0 0 0} .mitarbeiterinnen .liste table a {color:#4e4e4e; text-decoration:underline} .mitarbeiterinnen .liste table a[href^="tel"] {color:#4e4e4e; word-break:break-word} .mitarbeiterinnen .liste table a:hover, .mitarbeiterinnen .liste table a:focus { text-decoration:none} .mitarbeiterinnen .liste table a[href^="tel"]:hover, .mitarbeiterinnen .liste table a[href^="tel"]:focus {color:#4e4e4e} @media only screen and (max-width:480px) { .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} .mitarbeiterinnen .liste tr{padding:15px 0;overflow:hidden;clear:left;border-bottom:1px solid #ddd!important;} .mitarbeiterinnen .liste th{float:left; margin-right:10px} .mitarbeiterinnen .liste td{padding:0!important} .mitarbeiterinnen .liste *:empty{display:none} } .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;} .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;} .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;} .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;} .mitarbeiterinnen a#organisatorisch0:focus, .mitarbeiterinnen a#organisatorisch1:focus, .mitarbeiterinnen a#liste0:focus, .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);} .mitarbeiterinnen .kopf {display:none; font-size:13px; margin:0px 0 20px; padding:6px 0 5px 0; overflow:visible !important} html.js.css .mitarbeiterinnen .kopf {display:block} .mitarbeiterinnen .kopf .titel {margin-left:10px; float:left; width:110px} .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} .mitarbeiterinnen .kopf .alphabet li {float:left} .mitarbeiterinnen .kopf .alphabet a {font-size:15px; text-transform:uppercase; color:#4e4e4e; padding:0 1px; margin-right:9px; border:1px solid #fff} .mitarbeiterinnen .kopf .alphabet a:hover {color:#c40017; border:1px dotted #c40017; text-decoration:none} .mitarbeiterinnen .kopf .alphabet a.an {color:#c40017; border:1px solid #c40017} .mitarbeiterinnen .kopf .alphabet a.an:hover {text-decoration:none} .mitarbeiterinnen .kopf .alphabet a.an:focus {outline:0} .mitarbeiterinnen .kopf span {text-transform:uppercase; color:#e0e0e0} .mitarbeiterinnen .kopf .alphabet {margin-bottom:6px} .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} .mitarbeiterinnen .kopf .alphabet .alle:hover {border:0; color:#fff; } .mitarbeiterinnen .kopf .alphabet span {font-size:15px; padding:0 2px; border-radius:2px; margin-right:12px} .mitarbeiterinnen .kopf .filter {font-size:6px; clear:left;} .mitarbeiterinnen .orglinks {display:none} .mitarbeiterinnen .kopf .filter div {display:inline-block; vertical-align:middle; margin-right:12px} .mitarbeiterinnen .kopf .filter .ok {padding-top:10px} .mitarbeiterinnen .kopf .filter div:last-child {margin-right:0} .mitarbeiterinnen .kopf .filter .namen {margin-bottom:12px; display:block;} .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;} .mitarbeiterinnen .kopf .filter .namen input.breit {max-width:100%; width:532px;} .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;} .mitarbeiterinnen .kopf .filter input:focus {border-color: transparent;} .mitarbeiterinnen .kopf .filter select {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none;} .mitarbeiterinnen .kopf .filter select:-ms-expand {display: none;} .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;} .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")} .mitarbeiterinnen .kopf .filter select:focus {margin-left:0px;margin-right:0px;} @media only screen and (max-width:760px) { .mitarbeiterinnen .kopf .filter .namen input {width:186px} .mitarbeiterinnen .kopf .filter .namen input.breit {width:432px} .mitarbeiterinnen .kopf .filter select {width:233px} } .mitarbeiterinnen .kopf .filter select option {padding:10px 2px;color:#000!important;background-color:#fff!important; font-family:TheSansUHH,sans-serif} .mitarbeiterinnen .kopf .filter img {cursor:pointer} .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} .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} .mitarbeiterinnen .kopf .sortiere b {cursor:pointer} .mitarbeiterinnen .kopf .typ {font-size:0px; margin-bottom:0px; white-space:nowrap} .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} .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} .mitarbeiterin {clear:both; margin:40px 0 60px 1.8%} .mitarbeiterin:after {content:" "; display:table; clear:both; height:0} .mitarbeiterin a {color:rgb(196, 0, 23); text-decoration:underline;} .mitarbeiterin a:hover,.mitarbeiterin a:focus {text-decoration:underline} .mitarbeiterin .foto {float:left; margin:5px 21px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative} .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)} .mitarbeiterin .foto:hover .bildnachweis {display:block} .mitarbeiterin .foto img {width:100%; font-size:6px; float:left} .mitarbeiterin .foto2 {float:left; margin:5px 24px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative;overflow:hidden} .mitarbeiterin .foto2:before {content:""; display:block; padding-top:128.8888888%} .mitarbeiterin .foto2 a {position:absolute; top:0; left:0; width:100%; height:100%} .mitarbeiterin .foto2 img {position:absolute; top:0; left:0; width:100%; height:100%} .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)} .mitarbeiterin .foto2:hover .bildnachweis:not(:empty) {display:block} .mitarbeiterin .foto2 img {width:100%; font-size:6px; float:left} .mitarbeiterin .foto2 img.defer {visibility:hidden} .mitarbeiterin .daten {overflow:hidden;line-height:1.5em; margin:0 24px 0 0; padding:0 3px 3px 3px;} .mitarbeiterin.keinschwerpunkt .daten {width:calc(100% - 159px); margin:0} .mitarbeiterin .daten .name h3, .mitarbeiterin .daten .name h4 {font-size:16px; margin:0; display:inline;} .mitarbeiterin .daten a {color:#4e4e4e;} .mitarbeiterin .daten .name .vorname {display:inline} .mitarbeiterin .daten .funktion {font-family:TheSansUHHItalic,sans-serif} .mitarbeiterin .daten .telefon {margin-top:10px} .mitarbeiterinnen .organisatorisch .mitarbeiterin .raum { margin: 5px 0px;} .mitarbeiterin .daten .email {display:table} .mitarbeiterin .daten .email label {display:table-cell} .mitarbeiterin .daten .email .adresses {padding-left:6px; display:table-cell; word-wrap:break-word} .mitarbeiterin .daten .email .adresses a.link {display:block} .mitarbeiterin .daten .sprechzeiten {margin-top:18px} .mitarbeiterin .daten .sprechzeiten.schaltbar .titel {margin-bottom:0} .mitarbeiterin .daten .sprechzeiten * {margin:0; padding:0} .mitarbeiterin .daten .sprechzeiten .titel {margin-bottom:5px; border-bottom:0 !important} .mitarbeiterin .daten .sprechzeiten ul {list-style-type:none; margin:0; padding:0 !important} .mitarbeiterin .daten .vertretung {margin-top:5px} .mitarbeiterin .schwerpunkte {margin:20px 0px 0 159px; line-height:1.5em !important} .mitarbeiterin .schwerpunkte .titel {padding-left:0; background:none; cursor:default; border-bottom:0; margin:0 0 5px 0 !important} .mitarbeiterin .schwerpunkte .titel h4, .mitarbeiterin .schwerpunkte .titel h5 {margin:0; font-size:16px} .mitarbeiterin .schwerpunkte.auf .titel {background:none} .mitarbeiterin .schwerpunkte .titel a {cursor:default; text-decoration:none; color:rgb(78, 78, 78)} .mitarbeiterin .schwerpunkteliste {list-style-type:disc !important; margin:0; padding-left:14px; display:block !important} .mitarbeiterin .schwerpunkte ul {padding-left:16px !important} .mitarbeiterin .schwerpunkte ul.liste {margin:0; padding:0; list-style-type:none; margin-bottom:10px; margin-top:0} .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} .profile .mitarbeiterin {clear:none; margin-left:0;} #profilepicture {position:relative; overflow:hidden; float:right} #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)} #profilepicture:hover .bildnachweis {display:block} .s .profile .mitarbeiterin {clear:none; margin-top:0;} .s #profilepicture {float:none; display:inline-block;} .s #profilepicture img {float:none; margin:0;} .s #profilepicture .bildnachweis {bottom:7px;} .mitarbeiterin hr {margin-bottom:30px} .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} .leichte-sprache main {font-size:120%} .leichte-sprache h2 {font-size:26px !important} .leichte-sprache h3 {font-size:23px !important} .leichte-sprache h4 {font-size:22px !important} .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} .leichte-sprache .spalte.links ul ul {margin-top: 1.0em} .leichte-sprache .spalte.links li + li {margin-top: 1.0em} table.mouseover tr:hover td {background-color: #f6f6f6;} .sortfkt {display:none} html:not(.l) .spalte.links .autoscroll {position:relative; overflow:auto; margin-top:25px;max-height: calc(100vh - 200px)} html:not(.l) .spalte.links .autoscroll.v {max-height: calc(100vh - 200px)} html:not(.l) .spalte.links .autoscroll table {width: 100%; margin-top:0; border-collapse:collapse;border-spacing: 0px} html:not(.l) .spalte.links .autoscroll.v table {border-collapse:separate} html:not(.l) .spalte.links .autoscroll.v table thead {position:relative;z-index:2; position: -webkit-sticky; position:sticky; top:0} html.ios:not(.l) .spalte.links .autoscroll.v table thead {position:relative!important} 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} html:not(.l) .spalte.links .autoscroll table thead th:first-child {border-left: 1px solid #ddd} 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} html:not(.l) .spalte.links .autoscroll table tbody td {border-left:none; border-top:none} html:not(.l) .spalte.links .autoscroll table tbody td:first-child {border-left: 1px solid #ddd} 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} table.sort th[aria-sort], table.sortable th[aria-sort]{cursor:default;position:relative;padding:0} table.sort th[aria-sort] button, 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;} table.sort th[aria-sort] button:focus, table.sortable th[aria-sort] button:focus{z-index:2} table.sort th[aria-sort="none"] button:after, 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} table.sort th[aria-sort="ascending"] button:after, table.sortable th[aria-sort="ascending"] button:after{content: "\25B4";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);} table.sort th[aria-sort="descending"] button:after, table.sortable th[aria-sort="descending"] button:after{content: "\25BE";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);} th{hyphens:none !important;-webkit-hyphens:none !important} .oap-search-text a{text-decoration:underline} .oap-search-text a:hover{text-decoration:none} .oap-search-input input{-webkit-appearance: none; appearance: none;} .oap-search-input input::-ms-clear{display:none} .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} oap-search-input input[type="text"]:valid { padding-right:105px} .oap-search-input input:valid ~ .oap-search-input-clear { display: block;} .s .openaccess.datenbanken.expertdb{margin-bottom:0} .expert_services{margin-top:30px;overflow:hidden} .expert_services h2{font-family: TheSansUHHRegularCaps, sans-serif !important} .s .outer.expert_services{padding:0 20px!important} .expert_services_new{overflow:hidden} .expert_services_new ul{padding-left:0 !important} .expert_services_new li{padding-left:20px;float:left;margin-left:2%;width:23%} .m .expert_services_new li{width:31%} .s .expert_services_new li{width:47%} .expert_services_new li:before{left:0 !important;} .expert_services_new li a{text-decoration:underline} #expert_services_taglist{overflow:hidden;margin-top:80px} #expert_services_taglist h2{float:left;margin:-3px 30px 20px 0} #expert_services_taglist .abc{float:right;margin:0 220px 20px 0} html:not(.l) #expert_services_taglist .abc{margin:0 0 20px 0} #expert_services_taglist div.abc a { float:left; min-width:15px;text-align:center;color:var(--UHH0271bb-hellblau)!important; padding:0 2px; } #expert_services_taglist div.abc span { float:left; } #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 } #expert_services_taglist_slider{clear:both;overflow:hidden;} #expert_services_taglist_slider:before{content:"";display:table;width:100%;clear:both;height:10px} #expert_services_taglist_slider h3{text-transform:uppercase} #expert_services_taglist_slider h3.current{} #expert_services_taglist_slider:not(.slick-initialized){opacity:0} #expert_services_taglist_slider .slick-list.draggable{margin:0 130px} .m #expert_services_taglist_slider .slick-list.draggable{margin:0 80px} .s #expert_services_taglist_slider .slick-list.draggable{margin:0 50px} #expert_services_taglist_slider .slide { float: left; min-width: 100px;margin:0 1px;padding:0 5px } #expert_services_taglist_slider h3 { font-size: unset; margin: 0; padding: 0;color:var(--UHH0271bb-hellblau) } #expert_services_taglist_slider .slide .tag { white-space:nowrap; overflow:hidden; text-overflow:ellipsis} #expert_services_taglist_slider .slide a { color:rgb(78, 78, 78) } #expert_services_taglist_slider .slide a:hover { text-decoration:underline!important; } #expert_services_taglist_slider .slick-arrow{position: absolute; top: 50%;; right: -52px; width: 60px; height: 60px; cursor: pointer; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg");} #expert_services_taglist_slider .slick-arrow.slick-next{right:0;transform:translateY(-50%)} #expert_services_taglist_slider .slick-arrow.slick-prev{left:0;transform:translateY(-50%) rotate(180deg)} .m #expert_services_taglist_slider .slick-arrow.slick-next{right:-10px} .m #expert_services_taglist_slider .slick-arrow.slick-prev{left:-10px} .s #expert_services_taglist_slider .slick-arrow.slick-next{right:-13px} .s #expert_services_taglist_slider .slick-arrow.slick-prev{left:-13px} .expertdb .oap-fachbereich {color:rgb(2, 123, 203);font-family: TheSansUHHRegularCaps,sans-serif; font-size:24px;margin:60px 0 20px 0;} .s .expertdb .oap-fachbereich {margin:60px 0 20px 14px;} .expertdb .oap-no-result {margin-top:27px;margin-left:29px} .expertdb .oap-result {border-top:none;padding-top:30px;margin-bottom:15px} .expertdb .oap-result-title { margin-bottom: 10px;} .expertdb .oap-result-tags { display: block; margin-bottom: 10px;} .expertdb .oap-result-tags:after { content:'';display:table;width:100%} .expertdb .oap-result-tags >div{ display: block;} .expertdb .oap-result .oap-result-tags > div:first-child{font-size:17px;width:auto} .s .expertdb .oap-result .oap-result-tags > div:first-child{font-size:16px} .expertdb .oap-result-tags > div:first-child { margin-bottom: 10px;} .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;} .expertdb .oap-result .oap-result-info {display:block;overflow:hidden;line-height:1.7em} .expertdb .oap-result .oap-result-info a{color:#4e4e4e} .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} .expertdb .oap-result .oap-result-info div:nth-child(1):after{content:":"} .expertdb .oap-home{margin-top:90px;overflow:hidden;} .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} .expertdb .oap-result-image { text-align: center; position: relative; order: 2; width: 195px;} .m .expertdb .oap-result-image {display:none!important} .s .expertdb .oap-result-image {display:none!important} .expertdb .oap-result-image img{ width: 180px;max-width: none !important;margin-left: 15px;background-color: RGB(250, 248, 249);} .m .expertdb .oap-result-image img, .s .expertdb .oap-result-image img { width: 100%!important; margin-left: 0;} /* *************************************************************************************************************************************************************** */ /* openaccess portal + fis */ /* *************************************************************************************************************************************************************** */ .openaccess{font-size:16px} .s .openaccess{margin-bottom:60px} .openaccess .datenbanken,.openaccess .publikationen{} .s .openaccess{} .oap-search{background-color:rgb(240,240,240);padding:26px 20px 27px 20px;position:relative;z-index:3} .s .oap-search{padding:26px 20px 27px 20px;} .uebersicht .oap-search{background-color:transparent;padding-bottom:0} .oap-search:after{content:"";display:table;width:100%} .l .oap-search{padding:26px 57px 27px 29px} .l .uebersicht .oap-search{padding:26px 57px 0px 100px} .oap-search-text{} .l .oap-search-text p{float:right;width:280px;margin:-5px -40px 0 0;padding:0} .oap-search-text h2 {margin: 0 0 10px 0; padding: 0!important;font-size:22px} .oap-search-search{display:table;width:100%; margin-bottom:12px} .l .oap-search-search{float:left;width:calc(100% - 285px)} .s .oap-search-search{width:calc(100%)} .oap-filter-text{} .oap-filter-text:before{content:"";clear:both;display:table;width:100%} .oap-search-filter{display:table;width:100%; margin-bottom:12px} .oap-search-input{display:table-cell;font-size:0} .oap-search-key,.oap-search-cond,.oap-search-string{ font-family: TheSansUHH, sans-serif!important; box-sizing:border-box!important; height:29px; border:1px solid rgb(138,138,138); font-size:12px; color: #000; background-color: #fff; line-height: 28px; padding: 0 6px; outline: none; } .oap-search-input select{padding:0 2px} .oap-search-key{width:calc(50% - 7px)} .oap-search-cond{;width:calc(30% - 7px); margin-left:7px;display: inline-block;vertical-align: top;display:none} .oap-search-string{width:calc(50%); margin-left:7px} .oap-search-search{margin-bottom:28px} .s .oap-search-search{margin-bottom:18px} .oap-search-search .oap-search-input{position:relative;width:100%} .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} .s .oap-search-input *{width:100%;margin:0 0 4px 0} .oap-search-search .oap-search-select {} .oap-search-search .oap-search-select:after {content:"";display:table;width:100%} .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);} .oap-search-search .oap-search-select select:not(:nth-child(3n)) {margin-right:12px;} .s .oap-search-search .oap-search-select select {width: 100%;} .s .oap-search-search .oap-search-select select + select {margin-top:12px; margin-left:0;} .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} .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;} .m .oap-search-button button {padding-right:0 } .s .oap-search-button button {padding-right:0} .oap-search-button button:hover {text-decoration:underline} .oap-search-handles{display:table-cell;font-size:0; width:74px; vertical-align:middle;white-space:nowrap} .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} .oap-filter-minus{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-9343245a8a1083d829a1c223c3b6984d39e8f41a79440b89ddc4f5ef3ff6d7b3.svg")} .oap-search-settings{clear:both;overflow:hidden;margin-bottom:0px} .l .oap-search-settings{width:calc(100% - 285px);} .s .oap-search-settings{margin-bottom:18px;width:100%} .oap-search-settings ul {float:left;list-style:none;margin:0 !important;padding:0 !important} .oap-search-settings li {float:left;padding:0;} .oap-search-settings li:last-child {margin-left:45px} .s .oap-search-settings li:last-child {margin-left:15px} .oap-search-settings li:before {content:none !important} .oap-search-settings input{position:absolute;left:-100000px} .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} .oap-search-settings input:checked + label:before {border:5px solid #006ab0} .oap-search-settings label:hover:before {border:1px solid #006ab0;} .oap-search-settings a{float:right} .oap-search-selectgroup{clear:both;overflow:hidden;margin-bottom:28px} .l .oap-search-selectgroup{width:calc(100% - 285px);} .s .oap-search-selectgroup{margin-bottom:18px;width:100%} .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);} .oap-search-selectgroup select + select {margin-left:12px;} .s .oap-search-selectgroup select{float:none; margin:0 0 5px 0;width:100%} .oap-search-reset{clear:both;overflow:hidden;text-align:right} .l .oap-search-reset{width:calc(100% - 285px)} .s .oap-search-reset{width:100%} .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;} .oap-search-reset button:hover, .oap-search-reset button:focus{text-decoration: underline} .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} .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} .oap-navigate{display:table;margin:34px 0 18px 0;width:100%;position:relative;z-index:2} .oap-navigate label {padding:0 4px 0 16px; font-family: TheSansUHHBold,sans-serif; font-size:16px;} .oap-navigate select {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none;} .oap-navigate select:-ms-expand {display: none;} .oap-navigate select {box-sizing:content-box;background-color: #fff !important;} .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")} .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;} .oap-navigate select option {height:33px; line-height:33px;border: 1px solid rgb(191,191,191); font-family: TheSansUHHBold,sans-serif; font-size:16px;} @media only screen and (max-width:1300px) { html:not(.m) .oap-navigate {display: block !important; margin: 0 !important;} html:not(.m) .oap-navigate > * {display: block !important; height: 33px;} html:not(.m) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;} html:not(.m) .oap-navigate label {padding-left:0;} } @media only screen and (max-width:780px) { html:not(.s) .oap-navigate {display: block !important; margin: 0 !important;} html:not(.s) .oap-navigate > * {display: block !important; height: 33px;} html:not(.s) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;} html:not(.s) .oap-navigate label {padding-left:0;} } @media only screen and (max-width:480px) { .oap-navigate {padding:0 2px;} .oap-navigate label {display:block;} .oap-navigate-options-2 {height: 60px !important;} } .s .oap-navigate{margin:34px 14px 18px 14px;width:calc(100%)} .oap-navigate>*{display:table-cell;vertical-align:middle;white-space:nowrap} .s .oap-navigate-title{display:none} .oap-navigate-page{text-align:right;padding-right:0;} .oap-navigate-page *{display:inline} .oap-navigate-browse{margin-left:14px;display:inline-table;border-collapse:collapse;vertical-align:middle;height:33px;border:1px solid rgb(191,191,191)} .oap-navigate-browse *{display:table-cell;vertical-align:middle;text-align:center;} .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} .oap-navigate-browse a.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-1-9c2d83f33be44d44da35cdd0f26b3c4a41a9bdf08611a7a3eb75357307775dd2.svg")} .oap-navigate-browse span.next{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-next-0-6b9293329798162aed88687b29c0b1ec85524fc0b6fb4ceee645272a0a9dae67.svg")} .oap-navigate-browse span.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-0-13bb537658992e668cd03fcf75c8ce3f4c896c782e8ed38fec0281f9f4f3b245.svg")} .oap-navigate-browse strong{padding:0 12px} .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)} .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)} .oap-navigate-options:hover .oap-options-flyout {display:block} .oap-navigate.bottom{border-top:1px solid #bbb;padding-top:30px;} .oap-navigate.bottom .oap-navigate-page{padding-right:0} .oap-results{position:relative;z-index:1} .oap-results p { max-width: 730px!important} .oap-result-block{margin:0 0 35px} .oap-result-block + .oap-result-block{margin:15px 0 35px} .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; } .s .oap-result-block > header{padding:0 16px; } .oap-result{margin-bottom:45px;padding-top:55px;border-top:1px solid rgb(187,187,187)} .oap-result + .oap-result{margin-top:5px!important} .oap-result a{text-decoration:underline;} .publikationen .oap-result{margin:0 0 55px 0;} .s .publikationen .oap-result{margin:0 0 45px 0;} .publikationen .oap-result-block header + .oap-result{border-top:none} .s .oap-result{padding:45px 20px 0 20px} .oap-result-title{margin-bottom:25px;max-width:700px} .oap-result-title a{display:inline-block;color:#4e4e4e} .oap-result-title h2{margin:0 !important;line-height:1.25em!important} .oap-result-title div{margin:0;line-height:1.25em!important;margin-top:5px} .oap-result-authors{margin:5px 0;max-width:700px} /* .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;} */ .oap-result-content{display:flex;width:100%} .m .oap-result-content{display:block} .s .oap-result-content{display:block} .oap-result-text{order:1;max-width:730px;} .oap-result-text p{max-width:730px;} .l .oap-result-text{width:calc(100% - 285px)} .s .oap-result-text{padding-right:0} .oap-result-tags{ display:table;margin-bottom:20px;} .s .oap-result-tags{ display:block;margin-bottom:15px;} .oap-result-tags > *{ display:table-cell;vertical-align:top} .s .oap-result-tags > *{ display:block} .oap-result-tags > *:first-child {width:180px;font-family: TheSansUHHBold,sans-serif; font-size:16px!important} .s .oap-result-tags > *:first-child {margin-bottom:10px } .publikationen .oap-result-tags > div:first-child {display:none } .oap-result-tags ul.tags {margin:0!important;padding:0!important} .oap-result-tags ul.tags:after {content:"";display:table;width:100%} .oap-result-tags li {float:left; margin: 0 4px 4px 0} .oap-result-tags li:before {content:none!important} .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 } .oap-result-tags .tag:hover { text-decoration: underline!important } .oap-result-source{ clear:both} .oap-result-source .doclink{ margin-top:5px} .oap-result-image{text-align:center;position:relative;order:2;width:285px;} .m .oap-result-image{width:auto;margin-bottom:20px} .s .oap-result-image{width:auto;margin-bottom:20px} .oap-result-image a{display:block} .oap-result-image img{width:270px;max-width:none!important;margin-left:15px;background-color:#FAF8F9;} .m .oap-result-image img,.s .oap-result-image img{width:100%;margin-left:0;} .oap-results.img640 .oap-result-content{display:flex;width:100%;max-width:100%} .m .oap-results.img640 .oap-result-content{display:flex;} .s .oap-results.img640 .oap-result-content{display:block;} .oap-results.img640 .oap-result-text{order:1;max-width:730px;} .l .oap-results.img640 .oap-result-text{} .m .oap-results.img640 .oap-result-text{min-width:400px} .s .oap-results.img640 .oap-result-text{padding-right:0} .oap-results.img640 .oap-result-image{width:665px;position:relative} .m .oap-results.img640 .oap-result-image{margin-bottom:20px} .s .oap-results.img640 .oap-result-image{width:auto;margin-bottom:20px} .oap-results.img640 .oap-result-image img{width:calc(100% - 25px)!important; max-width:448px!important;margin-left:25px} .m .oap-results.img640 .oap-result-image img{margin-left:25px} .s .oap-results.img640 .oap-result-image img{width:100%!important;;max-width:100%!important;;margin-left:0;} .s .oap-results.img640 .oap-result-text{width:100%;padding-right:0} /* .oap-results.fulltext .oap-result-text{max-width:730px} */ /* .oap-results.fulltext .oap-result-content{display:flex;width:100%;max-width:100%} */ /* .oap-results.fulltext .oap-result * { max-width: 800px!important} */ .oap-result-image figure {float:left;margin: 0!important;max-width:none} .oap-result-image figure figcaption {font-size: 12px;line-height: 1em; margin: 2px 0 0 0!important;text-align: right;} .fisbox.schaltbar .inhalt{} .fisbox.schaltbar .oap-result-block > header{background-color:transparent;padding:0 } .fisbox.schaltbar .oap-result-title h2{font-size:16px} .openaccess.datenbank h2,.openaccess.publikation h2{margin-top: -5px !important} .oap-details{display:flex} .m .oap-details{display:block} .s .oap-details{display:block} .oap-details-text{display:table;} .l .oap-details-text{width:calc(100% - 285px)} .s .oap-details-text{display:block;margin:0 14px;} .oap-details-tr{display:table-row} .oap-details-tr.sep{height:60px} .oap-details-tr.sep:after{margin-top:30px;content:"";position:absolute;display:table;border-top:1px solid rgb(189,189,189);width:100%} .s .oap-details-tr.sep:after{display:none} .s .oap-details-tr{display:inline} .oap-details-th,.oap-details-td{display:table-cell;padding:9px 0;vertical-align:top} .oap-details-td p:first-child{margin-top:0} .oap-details-td p:last-child{margin-bottom:0} .l .oap-details-td{} .s .oap-details-th,.s .oap-details-td{display:block;padding:4px 0} .oap-details-th{color:#666!important;font-family: TheSansUHHBold,sans-serif;width:185px;text-align:right;padding-right:25px} .s .oap-details-th{width:auto;text-align:left;padding-right:0} .s .oap-details-td{margin-bottom:10px;overflow:hidden} .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; } .oap-details-image{position:relative;order:2;width:285px;} .m .oap-details-image{width:auto;margin-bottom:20px} .s .oap-details-image{width:auto;margin-bottom:20px} .oap-details-image img{max-width:none!important;background-color:#FAF8F9;} .l .oap-details-image img{width:270px;margin-left:15px;} .m .oap-details-image img,.s .oap-details-image img{width:100%;margin-left:0;} .oap-home{margin-top:68px} .s .oap-home{margin-left:14px} .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} .oap-home a:hover, .oap-home a:focus{text-decoration:underline} .openaccess.publikationen.person{} .oap-vcard{overflow:hidden;margin-bottom:50px} .oap-vcard-img{float:left;width:114px;height:133px} .oap-vcard-img img{width:100%;background-color:#eee} .oap-vcard-text{margin-left:20px;float:left;width:calc(100% - 132px - 20px)} .oap-vcard-text dl{margin:8px 0;line-height:1.25em} .oap-vcard-text dt{font-family: TheSansUHHBold,sans-serif; font-weight: normal;} .oap-vcard-text dd{margin:0} .oap-menu{background-color:rgb(153,153,153);color:#fff;height:30px;line-height:30px} .oap-menu ul{margin:0;padding:0;} .oap-menu li{float:left;border-right:1px solid #fff; padding:0 19px} .oap-menu li:before{display:none} .oap-menu-filter{float:right;border-left:1px solid #fff; padding:0 19px} .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;} .oap-menu-filter option{background-color:#fff;color:#000} .person .oap-navigate{margin:25px 0 18px 0} .etallink{color:#4E4E4E!important; text-decoration:none !important; border-bottom:1px dotted #000!important} .etallink:hover{ border-bottom:1px solid #4E4E4E!important} .oap-navigate-options-2 ul {list-style:none;margin:0 !important;padding:0 !important} .oap-option{padding-right:20px} .oap-navigate-options-2 > .oap-option-treffer{float:left} .oap-navigate-options-2 > .oap-option-sort{float:right} .oap-option-label{font-family: TheSansUHHBold,sans-serif;font-weight: normal;line-height: 32px; color:#4e4e4e; text-decoration:none !important;} .oap-option-label:after{content:"\25BC";color:#6d6d6d;font-size:13px; display:inline-block;padding:0 6px 0 8px;} .oap-navigate-options-2 li {margin:0 !important;padding:0 !important;cursor:pointer} .oap-navigate-options-2 li:before {content:none !important} .oap-navigate-options-2 li:after {content:none !important} .oap-navigate-options-2 li:focus, .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);} .oap-option-popup{position:absolute;right:0;min-width: calc(100% + 12px);background-color:#fff;border:1px solid #bfbfbf;display:none} .s .oap-option-popup{position:absolute;left:0;right:auto} /* [aria-expanded="false"] + .oap-option-popup{display:none} */ /* [aria-expanded="true"] + .oap-option-popup{display:block} */ .oap-option-popup li{padding:0 25px 0 15px!important ; line-height:32px;color:#4E4E4E} .oap-option-popup li[aria-selected="true"] {border-color:rgb(82,82,82);background-color:rgb(82,82,82)!important;cursor:default;color:#fff} .oap-option-popup li:hover{background:#ddd} .oap-option-popup li:focus{text-decoration:none;} .oap-option-popup li:after{position:absolute;right:5px; font-size:13px;} .oap-option-popup li[data-dir="up"]:after{content:"\25B2" !important} .oap-option-popup li[data-dir="down"]:after{content:"\25BC" !important} .oap-result-dates {} .oap-result-date.begin {} .oap-result-date.end { } .oap-result-date.end:before {content:" \2192 ";display:inline-block; margin:0 10px } .oap-result-classification {color:#4e4e4e;font-size:14px } .s .fisbox .openaccess, .s .tab-box .openaccess, .s .pubbox .openaccess, .s .schaltbar .openaccess{margin-left:0;margin-top:15px} .fisbox .oap-result-text, .tab-box .oap-result-text, .pubbox .oap-result-text, .schaltbar .oap-result-text{width:100%} .fisbox .oap-search, .tab-box .oap-search, .pubbox .oap-search, .schaltbar .oap-search{background-color:transparent;padding:0} .l .fisbox .oap-search-search, .l .tab-box .oap-search-search, .l .pubbox .oap-search-search, .l .schaltbar .oap-search-search { width: 100%;margin-bottom:14px } .fisbox .oap-search-text h4, .tab-box .oap-search-text h4, .pubbox .oap-search-text h4, .schaltbar .oap-search-text h4 {margin: 0 0 10px 0; padding: 0!important;} .fisbox .oap-result-block > header, .tab-box .oap-result-block > header, .pubbox .oap-result-block > header, .schaltbar .oap-result-block > header {min-width:0!important;font-size:18px;margin-bottom:15px;max-width:100%} .fisbox .oap-result-title, .tab-box .oap-result-title, .pubbox .oap-result-title, .schaltbar .oap-result-title { margin-bottom: 10px;} .fisbox .oap-result-title h5, .tab-box .oap-result-title h5, .pubbox .oap-result-title h5, .schaltbar .oap-result-title h5 {font-size: 17px; margin: 0px !important;line-height: 1.25em !important; } .fisbox .publikationen .oap-result, .tab-box .publikationen .oap-result, .pubbox .publikationen .oap-result, .schaltbar .publikationen .oap-result { margin: 0 0 10px 0;padding-top:15px;border-top:none;} .s .fisbox .oap-result, .s .tab-box .oap-result, .s .pubbox .oap-result, .s .schaltbar .oap-result {padding: 15px 0 0 0; } .fisbox .oap-navigate, .tab-box .oap-navigate, .pubbox .oap-navigate, .schaltbar .oap-navigate{margin:17px 0 18px 0 !important} .m .fisbox .oap-navigate, .m .tab-box .oap-navigate, .m .pubbox .oap-navigate, .m .schaltbar .oap-navigate{margin:0px 0 18px 0 !important} .s .fisbox .oap-navigate, .s .tab-box .oap-navigate, .s .pubbox .oap-navigate, .s .schaltbar .oap-navigate{margin:0px 0 0px 0 !important;margin-right:0 !important} .fisbox .oap-navigate-page, .tab-box .oap-navigate-page, .pubbox .oap-navigate-page, .schaltbar .oap-navigate-page { text-align: left;width:180px } .fisbox .oap-navigate-browse, .tab-box .oap-navigate-browse, .pubbox .oap-navigate-browse, .schaltbar .oap-navigate-browse { margin-left: 0 !important;} .s .fisbox:not(.outer) {padding:0 20px !important} .s .fisbox .uhh-tabs [role="tabpanel"], .s .tab-box blockquote, .s .pubbox blockquote, .s .schaltbar blockquote {padding:0!important;width:100%!important} .s .fisbox .oap-navigate, .s .tab-box .oap-navigate, .s .pubbox .oap-navigate, .s .schaltbar .oap-navigate {display:block!important;margin:0 !important} .s .fisbox .oap-navigate > *, .s .tab-box .oap-navigate > *, .s .pubbox .oap-navigate > *, .s .schaltbar .oap-navigate > *{display:block!important;height:33px} .s .fisbox .oap-navigate-options-2, .s .tab-box .oap-navigate-options-2, .s .pubbox .oap-navigate-options-2, .s .schaltbar .oap-navigate-options-2 {padding:0!important;width:100%!important;height:30px;margin:8px 0 !important;} .s .fisbox #oap-option-popup-sort-pub, .s .tab-box #oap-option-popup-sort-pub, .s .pubbox #oap-option-popup-sort-pub, .s .schaltbar #oap-option-popup-sort-pub{left:auto;right:0} .profilebox .schaltbar .inhalt {padding:0px 0px 3px 0px;overflow:hidden !important} .s .profilebox .schaltbar .inhalt {padding:0px 16px;overflow:hidden !important} .pubbox .oap-result-block{overflow:hidden} .s .pubbox {padding:0px 16px;} .s a.alles.auf{margin-left:16px!important} .oap-result-block a.morelink{color: RGB(78, 78, 78) !important;text-decoration: none !important;border-bottom: 1px dotted rgb(0, 0, 0) !important;} .oap-result-block div.morecontent{color: RGB(78, 78, 78) !important;display:none} .oap-result-block a.morelink:hover{border-bottom-style:solid !important} .fisbox .logos { margin-top:5px } .fisbox .oalogo {display: inline-block; margin: 1px 0 0; vertical-align: top;height: 22px; width: auto;} .fisbox .plumxlogo {display: inline-block; margin: 4px 0 0 6px; vertical-align: top;height: 30px; width: 32px;} /* .PlumX-Popup {display: inline-block; margin: 0 0 0 5px; vertical-align: top;} */ /* .PlumX-Popup .plx-print { width: 35px!important;height: 40px!important} */ /* .PlumX-Popup .ppp-branding{ min-height: 23px} */ /* .PlumX-Popup .ppp-pop ul{padding:14px!important} */ /* .PlumX-Popup .ppp-pop ul ul{padding:0px!important} */ /* .PlumX-Popup .ppp-pop li:before{content:none!important} */ p.h2 {font-size:22px;margin:18px 0 35px;font-family:TheSansUHHBold, sans-serif; font-weight:normal} form.standard {padding:20px 30px 20px 20px;font-size:16px;background-color:#f3f3f3;border:0; border-collapse:collapse} form.standard div.optional {display:none; margin-left:20px} form.standard div.optional label {position:relative} form.standard div.optional label:before {content:"\21B3"; font-size:16px; position:absolute; left:-11px; top:-4px} form.standard fieldset {border:0; padding:0; margin:1em 0} form.standard fieldset:first-child, form.standard > input + fieldset{margin-top:0px} form.standard fieldset + fieldset {margin-top:24px} form.standard fieldset > p {margin:0 !important} form.standard legend {padding:0; margin:0 0 0.4em 0; font-size:17px;font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important} form.standard legend * {text-decoration:none !important} 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} form.standard legend strong{font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important} form.standard div.table {display:table; width:100%} form.standard div.table.indent .cell {padding-left:10px} form.standard div.table.border {display:table; width:100%} form.standard div.row {display:table-row} form.standard div.cell {display:table-cell; padding:6px 0px 6px 0; vertical-align:top; } form.standard .cell p{margin:0 !important;font-size:16px !important} form.standard div.cell w50 {width:50%} form.standard div.label.cell {width:180px;padding-top:12px;padding-right:5px;} form.standard div.label sup {position:absolute; margin-left:3px; font-family:TheSansUHHBold,sans-serif; font-weight:normal; font-size:14px} form.standard div.label span:not(.required-field-marker) {display:block} form.standard div.input {} form.standard div.input > *:first-child:not(input):not(select):not(textarea):not(.datepickerHolder ){margin-top:6px!important} form.standard div.input > #datenschutz, form.standard div.input > #datenschutz + label{margin-top:10px} form.standard input[type="radio"] {margin-right:5px} form.standard input[type="text"],form.standard input[type="email"] {width:100%} form.standard select {width:100%} form.hoersaalbuchung select {width:auto} form.standard input[type="text"][size] {width:auto} form.standard textarea {width:100%; height:80px; overflow:auto; resize:vertical;font-size:13px;padding:5px 10px} form.standard textarea, form.standard select, form.standard input[type="text"], form.standard input[type="submit"], 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} form.standard textarea:focus, form.standard select:focus, form.standard input[type="text"]:focus, form.standard input[type="submit"]:focus, form.standard input[type="email"]:focus{outline:none;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} form.standard select, form.standard input[type="text"], form.standard input[type="email"]{padding:0 10px;line-height:36px;height:36px} .s form.standard textarea,.s form.standard select,.s form.standard input {font-size:15px} form.standard select:-ms-expand {display: none;} 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")} form.standard div.input select:not(:first-child), form.standard div.input input:not(:first-child), form.standard div.input textarea:not(:first-child){margin-top:10px} form.standard div.input .datepickerHolder input{margin-top:0} 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;} form.standard input[type="submit"]:hover{text-decoration:underline} 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;} form.standard button.edit[type="submit"]{background-color: #777} form.standard button[type="submit"]:focus,form.simpleform button[type="submit"]:focus{outline:1px solid #fff} form.standard button[type="submit"]:hover,form.simpleform button[type="submit"]:hover{text-decoration:underline} form.standard button[disabled]{opacity: 0.5;text-decoration: none !important;cursor: default !important;} form.standard input[type="file"].styled-upload{font-size:18px;outline:1px dashed #000;background:yellow} 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} form.standard .SciDatepicker button.icon {right: 2px;top: 2px;width: 32px;height: 32px;} form.standard div.button div.cell:first-child {} form.standard div.button div.input {text-align:right} form.standard .radiogroup {padding-top:12px !important} form.standard .field_with_errors {display:inline} form.standard .field_with_errors input {border:2px solid red !important; border-radius:3px !important;} form.standard .field_with_errors textarea {border:2px solid red !important; border-radius:3px !important;} form.standard .field_with_errors select {border:2px solid red !important; border-radius:3px !important;} form.standard .field_with_errors input[type=checkbox] {outline:2px solid red} form.standard .field_with_errors input[type=radio] {outline:2px solid red} form.standard .invalid {border:2px solid red !important; border-radius:3px} form.standard .invalid[type=checkbox] {outline:2px solid red} form.standard .radiogroup.invalid {border:2px solid red !important; border-radius:3px !important} form.standard .sep {margin-top:12px; padding-top:12px} form.standard .space {margin-bottom:6px} form.standard .table.singlecol{display:block!important} form.standard .table.singlecol .row{display:block!important} form.standard .table.singlecol .cell{display:block!important;width:100%!important} form.standard .table.singlecol .cell.label{padding-bottom:0!important} form.standard .table.singlecol .cell + .cell{} form.standard .table + .table .row:first-child .cell{} form.standard .table.singlecol .cell.heading{} .s form.standard {margin:0 !important; padding:20px} .s .outer > .standard > form.standard {margin:0 -20px!important} .s form.standard div.row{display:block} .s form.standard div.cell{display:block; border:none;width:auto} .s form.standard div.label.cell{padding:10px 0 2px 0} .s form.standard div.input.cell{padding:2px 0 10px 0} .s form.standard div.input.cell input[type="text"], .s form.standard div.input.cell input[type="file"], .s form.standard div.input.cell input[type="n"], .s form.standard div.input.cell input[type="submit"], .s form.standard div.input.cell textarea, .s form.standard div.input.cell select {font-size: 16px;width:100%} .s form.standard div.label.cell {border-right:none;} form .input .textblock{font-size:15px;} form .input .textblock + *{margin-top:5px!important} form .table.singlecol .input .textblock:first-child{margin-top:-4px!important} form [role="radiogroup"][aria-describedby] .input.radiogroup {padding-top:6px !important} form .input.radiogroup .textblock{margin-bottom:6px;} .s form .input.cell .textblock:first-child{margin-top:0!important} .s form .input.cell.radiogroup{padding-top:3px!important} .s form .input.cell .textblock{margin-bottom:6px;} .form-confirm{margin-top:60px} .form-confirm a:not(.calltoaction) {text-decoration:underline!important} .form-confirm a:hover {text-decoration:none!important} .form-confirm .alert {background-color: #f0f3f6;overflow: hidden; position: relative; padding: 47px 170px 50px 50px;; hyphens:none!important} .form-confirm .alert a{white-space:nowrap} .s .form-confirm .alert {padding: 32px 100px 35px 35px;} .form-confirm .alert:after {content: ''; position: absolute; border-radius: 60px; top: 50px; right: 50px; width: 80px; height: 80px; 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} .s .form-confirm .alert:after { border-radius: 60px; top: 40px; right: 30px; width: 60px; height: 60px; background-size:100%} .form-confirm .alert h2 {margin:0 !important} .form-confirm .alert p {font-size:16px; margin:30px 0 0!important;word-break: break-word} .s .form-confirm .alert p {font-size:16px; margin:20px 0 0!important} .s .form-confirm .info {padding:0 20px} .form-confirm .info h2{font-size:22px !important; margin-top:40px !important} .s .form-confirm .data {padding:0 20px} .s .form-confirm form {padding:0 20px} .form-confirm .data h2{font-size:22px !important; margin-top:40px !important} .form-confirm .data table,.form-confirm .data table th,.form-confirm .data table td{all:unset} .form-confirm .data table{display:table !important} .form-confirm .data th,.form-confirm .data td{display:table-cell !important; } .form-confirm .data th{font-family: TheSansUHHBold,sans-serif !important; padding:6px 30px 6px 0 !important} .s .form-confirm .data th{padding:6px 20px 6px 0 !important} .form-confirm .data td{ padding:6px !important;word-break: break-word!important; hyphens:auto!important} .form-confirm .data td ul{ padding-left:18px !important;margin:0!important} .form-confirm .data td li:before { left: -16px !important} .required-field-marker sup{vertical-align: top; font-size: inherit;} .back-to-form.calltoaction{margin-top:32px} .uhh-file-upload{display:none } .uhh-file-input{margin-top:0 !important;position: relative; } .uhh-file-input .direct-upload{display:none} .uhh-file-input--target{ position: relative; text-align: center; display:inline-block} .uhh-file-input.has-file .uhh-file-input--target{ float:right} .uhh-file-input--instructions{padding: 5px 15px 5px 38px; pointer-events: none; position: relative; z-index: 3;color:#fff;font-size:14px} .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;} .uhh-file-input--preview{display:none;width:100%;overflow:hidden;margin-bottom:12px} .uhh-file-input.has-file .uhh-file-input--preview{display:block} .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; background-position:14px center;background-color:#fff; margin-bottom:2px;min-height:34px;padding:8px 10px 8px 38px;} .uhh-file-input--no-file{height:34px;line-height:34px;vertical-align:top;display:inline-block; margin-left:15px} .uhh-file-input.has-file .uhh-file-input--no-file{display:none} .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;} .uhh-file-input.has-file .uhh-file-input--delete{display:inline-block !important} .uhh-checkbox[type="checkbox"]{opacity:0;position:absolute; left:-10000px} .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;} .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);} /*:hover*/ .uhh-checkbox:hover + .uhh-checkbox-button:after, .uhh-checkbox-button:hover:after{display:block; border-color: #ddd} /*:checked*/ .uhh-checkbox:checked + .uhh-checkbox-button{background:#0271bb} .uhh-checkbox:checked + .uhh-checkbox-button:after{display:block; border-color: #fff; } /*:focus*/ .uhh-checkbox:focus + .uhh-checkbox-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} /*:checked:hover*/ .uhh-checkbox:checked:hover + .uhh-checkbox-button:after, .uhh-checkbox:checked + .uhh-checkbox-button:hover:after{display:block;opacity:0.85} /*:focus:hover*/ /*:focus:checked:hover*/ /*:disabled*/ .uhh-checkbox[disabled] + .uhh-checkbox-button{background:transparent!important;cursor:default;border:1px solid #ddd} .uhh-checkbox[disabled] + .uhh-checkbox-button:after{display:none!important} /*:disabled:checked*/ .uhh-checkbox[disabled]:checked + .uhh-checkbox-button:after{display:block!important; border-color: #aaa!important;opacity:1!important} /*:field_with_errors:hover*/ .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} /*:field_with_errors:checked:hover*/ .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} /*:field_with_errors:checked*/ .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} .uhh-radiogroup{} .uhh-radiogroup label:not(:has([disabled])){cursor:pointer} .uhh-radiogroup label *{cursor:pointer} .uhh-radiogroup label:after{cursor:pointer;content:"";display:table;width:100%;height:5px} .uhh-radio{position:absolute; left:-10000px} .uhh-radio[disabled]~*{cursor:default} .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;} .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%);} .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} .uhh-radio-button + span{float:left;max-width:calc(100% - 39px)} /*:hover*/ .uhh-radio:hover + .uhh-radio-button:after, .uhh-radio-button:hover:after{display:block} /*:checked*/ .uhh-radio:checked + .uhh-radio-button{background:#0271bb;border-width:0;} .uhh-radio:checked + .uhh-radio-button:after{display:block; background-color: #fff; } /*:focus*/ .uhh-radio:focus + .uhh-radio-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} /*:checked:hover*/ .uhh-radio:checked:hover + .uhh-radio-button:after, .uhh-radio:checked + .uhh-radio-button:hover:after{opacity:0.85} /*:focus:hover*/ /*:focus:checked:hover*/ /*:disabled*/ .uhh-radio[disabled] + .uhh-radio-button{background:transparent!important;cursor:default;border:1px solid #ddd} .uhh-radio[disabled] + .uhh-radio-button:before{display:none!important} .uhh-radio[disabled] + .uhh-radio-button:after{display:none!important} /*:disabled:checked*/ .uhh-radio[disabled]:checked + .uhh-radio-button:after{display:block!important; border-color: #aaa!important;opacity:1!important} /*:invalid*/ .uhh-radiogroup[aria-invalid="true"] .uhh-radio-button:before{display:block} form.standard.v23 {padding:20px;background-color: #F0F3F6 ;} form.standard.v23 select, form.standard.v23 input[type="text"], form.standard.v23 input[type="number"], form.standard.v23 input[type="email"]{padding:0 10px;line-height:40px;height:40px} form.standard.v23 textarea, form.standard.v23 select, form.standard.v23 input[type="text"], form.standard.v23 input[type="number"], form.standard.v23 input[type="submit"], form.standard.v23 input[type="email"]{border:0} form.standard.v23 .button.row .cell { padding: 30px 0 0} form.standard.v23 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017} form.standard.v23 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;} form.standard.v24 {padding:20px;background-color: #F0F3F6 ;} form.standard.v24 select, form.standard.v24 input[type="text"], form.standard.v24 input[type="number"], form.standard.v24 input[type="email"]{padding:0 10px;line-height:40px;height:40px} form.standard.v24 textarea, form.standard.v24 select, form.standard.v24 input[type="text"], form.standard.v24 input[type="number"], form.standard.v24 input[type="submit"], form.standard.v24 input[type="email"]{border:0} form.standard.v24 .button.row .cell { padding: 30px 0 0} form.standard.v24 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017} form.standard.v24 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;} .standard.v24 .validationMessage{display:none} .standard.v24 .field_with_errors select[aria-invalid], .standard.v24 .field_with_errors textarea[aria-invalid], .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;} .standard.v24 .row_with_errors .validationMessage{ display: block; color: #c40017; font-size: 14px;} .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); } .standard.v24 .field_with_errors .uhh-file-input--preview div{outline: 1px solid #c40017!important;outline-offset:-1px} .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; } .standard.v24 .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom} .standard.v24 .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px} .standard.v24 .validationMessage + .field_with_errors{display:block} .standard.v24 .checkbox.row_with_errors .validationMessage{display:inline-block} .form-inputbox{margin:0;padding:0;border:0} .form-inputbox legend{margin:0;padding:0} .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;} .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);} .form-inputbox > button[aria-expanded="true"] {} .form-inputbox > button[aria-expanded="true"]:after {transform:rotate(180deg)} .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%} .form-inputbox li{max-width:none!important} .form-inputbox li:before{content:none!important;position:relative;max-width:none} .form-inputbox label{display:block} .form-inputbox label input{position:absolute;left:5px;height:26px;margin:0} .form-inputbox label input:focus{outline:0!important;box-shadow:none!important} .form-inputbox label span{padding:4px 10px 4px 25px;display:block;cursor:pointer;line-height:1.25em} .form-inputbox label input:checked + span{cursor:default} .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;} /* Provide a fallback style for browsers that don't support :focus-visible */ .form-inputbox > button:focus{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} /* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */ .form-inputbox > button:focus:not(:focus-visible){outline: none!important;box-shadow:none!important} /* Draw a very noticeable focus style for keyboard-focus on browsers that do support :focus-visible */ .form-inputbox > button:focus-visible{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .box_event_application_form {margin-top:30px} .h1 + .box_event_application_form { margin-top: 60px;} .box_event_application_form > h2 {margin:0 0 30px !important} .s .box_event_application_form > h2 {margin:0 20px 30px !important} .box_event_application_form > ul {list-style:none; margin:0 !important; padding:0 !important} .box_event_application_form > ul > li:before {content:none !important} .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} .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} .box_event_application_form > ul > li {background-color: #f0f3f6; max-width:none !important} .box_event_application_form > ul > li:after {content:""; display:table; width:100%} .box_event_application_form > ul > li > div {display:flex; gap:20px; width:100%;padding-right: 10px;} .s .box_event_application_form > ul > li > div {flex-direction:column; gap:0} .box_event_application_form > ul > li:not(:first-child) {margin-top:10px} .box_event_application_form > ul > li > div p {margin:0} .box_event_application_form > ul > li .date {padding:13px 0 15px 20px; flex:0 0 185px; position:relative} .s .box_event_application_form > ul > li .date {flex:0; text-align:left; padding:14px 20px 6px } .box_event_application_form > ul > li .date div:first-child {font-family: TheSansUHHBoldCaps,sans-serif; font-size: 18px; margin-bottom: 3px} .box_event_application_form > ul > li .date .sep {display:none; margin:0 12px} .s .box_event_application_form > ul > li .date .sep {display:inline-block} .s .box_event_application_form > ul > li .date div {display:inline-block} .box_event_application_form > ul > li .date div:last-child {white-space:nowrap; font-family: TheSansUHHRegularCaps,sans-serif; font-size: 18px; line-height: 13px} .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} .s .box_event_application_form > ul > li .title {padding:0 20px} .box_event_application_form > ul > li .booking {padding:20px; flex:0 0 135px; text-align:right} .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 } .s .box_event_application_form > ul > li .booking br {display:none;} .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 } .box_event_application_form > ul > li.has-form .booking button{display:none !important} .s .box_event_application_form > ul > li.has-form .booking {display:none } .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} .box_event_application_form > ul > li .booking .calltoaction.warteliste {background-color:#3b515c !important} .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} .s .box_event_application_form > ul > li .booking em {float:right} .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} .s .box_event_application_form > ul > li > p.alert {margin:0px 20px 20px 20px !important} .box_event_application_form > ul > li.has-form > p.alert {margin:5px 30px 0px 205px !important} .s .box_event_application_form > ul > li.has-form > p.alert {margin:20px 20px 0px 20px !important} .box_event_application_form p.alert + form {padding:10px 20px 30px} .s .box_event_application_form p.alert + form {padding:0px 20px 30px} .h1 + .event_application { margin-top: 60px;} .s .event_application { padding:0 20px;} .box_event_application_form .validationMessage{display:none} .box_event_application_form .field_with_errors select[aria-invalid], .box_event_application_form .field_with_errors textarea[aria-invalid], .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;} .box_event_application_form .row_with_errors .validationMessage{ display: block; color: #c40017; font-size: 14px;} .box_event_application_form .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom} .box_event_application_form .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px} .box_event_application_form .validationMessage + .field_with_errors{display:block} .box_event_application_form .checkbox.row_with_errors .validationMessage{display:inline-block} .download_event_application_form, .slots > .slot > a, .quicklinks_to_event_application_form_slots a { text-decoration: underline !important;} .download_event_application_form:hover, .slots > .slot > a:hover, .quicklinks_to_event_application_form_slots a:hover { text-decoration: none !important;} .quicklinks_to_event_application_form_slots li + li{margin-top:10px} /*Regeln für neuen form.standard dom*/ form.standard.uhh-form {padding:15px 30px 30px 20px!important} form.standard.uhh-form .full-width legend.sweeped{margin-top:10px!important} .s form.standard.uhh-form {padding:0 20px 30px} form.standard.uhh-form .close {margin:-10px -8px 0 0; border:0; background-color:transparent; float:right; width:40px; height:40px; cursor:pointer} form.standard.uhh-form .rows {} form.standard.uhh-form .row {display:flex !important; gap:20px; margin-top:10px} .s form.standard.uhh-form .row {display:block !important} form.standard.uhh-form .row.block {display:block !important} form.standard.uhh-form .row .description {flex:0 0 165px; padding:0 0 0} .s form.standard.uhh-form .row .description {padding:0 0 5px} form.standard.uhh-form .row .content {flex-grow: 1; position:relative} form.standard.uhh-form .row.slot-info .description {padding-top:15px} form.standard.uhh-form .row.slot-info .content {padding:5px 15px; background-color:#fff} form.standard.uhh-form .row.slot-info p {margin:0; padding:10px 0; background-repeat:no-repeat; background-position: 5px center} 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")} 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")} 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} 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} form.standard.uhh-form .row.slot-info p.calendar {padding:10px 0 10px 30px; text-align:right} form.standard.uhh-form .row.slot-info p + p {border-top:1px solid #E6E6E6} form.standard.uhh-form .row.datenschutz {margin-top:20px} form.standard.uhh-form .row.datenschutz .description {padding-top:5px} form.standard.uhh-form .submit {text-align:right; margin-top:20px} form.standard.uhh-form input[type="checkbox"] {margin-left:0} .s form.standard.uhh-form .submit {margin-top:30px} form.standard.uhh-form .submit * {height:50px; margin-top:10px!important} form.standard.uhh-form .submit :first-child:not(:last-child) {background-color:#3b515c !important; margin:0} form.standard.uhh-form .submit :last-child {margin:0 0 0 20px} .box_mailform_newsletter form.standard.uhh-form {padding:35px!important} .box_mailform_newsletter form .rows h2 {margin:0!important} .box_mailform_newsletter form.standard.uhh-form .row{flex-direction: column; gap:10px;margin-top:20px} .box_mailform_newsletter form.standard.uhh-form .row .description{flex:auto} .box_mailform_newsletter form.standard.uhh-form .row .description:empty{display:none} .box_mailform_newsletter form.standard.uhh-form .row .description label{font-family: TheSansUHHBold, sans-serif} .box_mailform_newsletter form.standard.uhh-form .row.submit {text-align:right} .s .box_mailform_newsletter form.standard.uhh-form { margin: 60px 0 40px !important; } :root { --grid-box-margin: 2.2%; --grid-box-margin-: -2.2%; --grid-box-width_2-of-3: calc((100% - 6*var(--grid-box-margin))/3*2 + 2*var(--grid-box-margin)); --grid-box-width_1-of-3: calc((100% - 6*var(--grid-box-margin))/3); --grid-box-width_1-of-2: calc((100% - 4*var(--grid-box-margin))/2); } .outer.wfa{position:relative} 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} .l a.wfa-veranstaltungshinweise {top: 30px;} .m .outer.wfa{padding-bottom:80px !important;} .m a.wfa-veranstaltungshinweise {right: 0px;margin-bottom: 30px;bottom:0} .s .outer.wfa{padding-bottom:120px !important;} .s a.wfa-veranstaltungshinweise {margin-top:30px;margin-bottom: 40px;;bottom:0} .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;} .grid-item{position:relative;width:var(--grid-box-width_1-of-3); margin:var(--grid-box-margin);} .grid-item a{display:block; color: #4e4e4e;word-wrap: break-word} .grid-item .image{} .grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3} .grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;} .grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px} .grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: #0271bb; font-size: 18px; margin-top: 10px} .grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px } .grid-item a:hover .titel {text-decoration: underline } .grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic} .filter-form{padding:20px 0;margin:15px 0 0} .filter-form h2{margin:0 } .filter-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent} #filter-form .grid{margin:0 var(--grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row} #filter-form .searchbox{ width:var(--grid-box-width_2-of-3);margin:20px var(--grid-box-margin) 0} #filter-form .searchbox label{ white-space:normal!important} #filter-form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important} #filter-form .space{ width:var(--grid-box-width_1-of-3); margin:0 var(--grid-box-margin)} #filter-form fieldset { min-width: 0;width:var(--grid-box-width_1-of-3); margin:20px var(--grid-box-margin) 0;position:relative} .m #filter-form .searchbox{ width:var(--grid-box-width_1-of-2)} .m #filter-form .space{ display:none} .m #filter-form fieldset { width:var(--grid-box-width_1-of-2)} .m .grid-item{width:var(--grid-box-width_1-of-2)} .s #filter-form .grid{margin:0;flex-direction: column} .s #filter-form .searchbox{ width:100%;margin:20px 0 0} .s #filter-form .space{ display:none} .s #filter-form fieldset { width:100%;margin:20px 0 0} .s #filter-results .grid-container{margin:20px 0;flex-direction: column} .s .grid-item{width:100%;margin:0} .s .grid-item img{width:100%} .s .filter-form { padding:20px 20px 0} .s #filter-results .grid-item + .grid-item {margin-top:48px} .s #filter-results .grid-item .bildnachweis {padding:0 20px} .s #filter-results .grid-item .text {padding:0 20px} #filter-form .buttons { text-align:right;margin-top:15px} #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;} #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;} .zitatblock {float:none!important;font-family:TheSansUHHBold, sans-serif; margin:80px 0 0 0; padding:30px 50px 50px 50px; color:var(--UHH0271bb-hellblau); 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; position:relative; margin:40px auto; float:none; } .zitatblock:hover {text-decoration:none} .zitatblock:before {content:"\201D"; font-family:TheSansUHHBold, sans-serif; font-size:160px; display:block; margin:44px 0 -20px 0} :root { --filter-teaser-grid-box-margin: 2.2%; --filter-teaser-grid-box-margin-: -2.2%; --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)); --filter-teaser-grid-box-width_1-of-3: calc((100% - 6*var(--filter-teaser-grid-box-margin))/3); --filter-teaser-grid-box-width_1-of-2: calc((100% - 4*var(--filter-teaser-grid-box-margin))/2); } .outer.filtergrau{background:#faf9f9;} .s .outer.filtergrau:not(.wfa){padding-bottom:20px !important;} .filter-teaser{transition:opacity 0.15s;opacity:0;margin:30px 0;} .filter-teaser h2{margin:0!important;padding-top:20px!important} .filter-teaser h2{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9} .s .filter-teaser h2{padding:20px 20px 0 !important} .filter-teaser-form{padding:0 0 15px;margin:0;} .filter-teaser-form{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9;} .filter-teaser[data-filters="0"] .filter-teaser-form{padding:0 0 35px} .s .filter-teaser-form { padding:20px 20px 15px} .filter-teaser-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent} .filter-teaser-form form .filter-teaser-grid{margin:0 var(--filter-teaser-grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row} .s .filter-teaser-form form .filter-teaser-grid{margin:0;flex-direction: column} .filter-teaser-form form .searchbox{ margin:20px var(--filter-teaser-grid-box-margin) 0} .filter-teaser-form form .searchbox label{ white-space:normal!important;display:block} .filter-teaser-form form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important} .filter-teaser-form form .space{ margin:0 var(--filter-teaser-grid-box-margin)} .m .filter-teaser-form form .space{ display:none} .filter-teaser-form form fieldset { min-width: 0; margin:20px var(--filter-teaser-grid-box-margin) 0;position:relative} .filter-teaser-form form .buttons { text-align:right;margin-top:15px} .filter-teaser[data-filters="0"] .filter-teaser-form form .buttons,.filter-teaser[data-filters="0"] .filter-teaser-form form fieldset { display:none} .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;} .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;} .filter-teaser-form form button{background-repeat:no-repeat;background-position:8px 8px;background-size:20px;padding-left:36px} .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_2-of-3)} .filter-teaser-form form .space{ width:var(--filter-teaser-grid-box-width_1-of-3)} .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-3)} .m .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-2)} .m .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_1-of-2)} .s .filter-teaser-form form .searchbox{ width:100%;margin:20px 0 0} .s .filter-teaser-form form .space{ display:none} .s .filter-teaser-form form fieldset { width:100%;margin:20px 0 0} .filter-teaser-buttons{padding:0!important;min-height:20px;margin:30px -10px 0 -10px} .s .filter-teaser-buttons{padding:0 20px!important;min-height:20px;margin:30px -10px 0 -10px} .filter-teaser-buttons:after{content:"";display:table;width:100%} .filter-teaser-buttons li:before{content:none!important} .filter-teaser-buttons li{float:left} .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} .filter-teaser-buttons li button{background-repeat:no-repeat;background-position:12px 13px;background-size:20px;} .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;} .l .filter-teaser a.filter-link { right: calc(-1*(100vw - 1258px)/2); } html:not(.l) .filter-teaser .filter-link-container {background-color:#faf9f9;overflow:hidden; margin:0 -20px} 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)} .filter-teaser .filter-teaser-buttons:empty:after {content:none} .filter-teaser .filter-teaser-buttons:empty {display:none} .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;} .filter-teaser-grid-item{position:relative;width:var(--filter-teaser-grid-box-width_1-of-3); margin:var(--filter-teaser-grid-box-margin);} .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%);} .m .filter-teaser-grid-item{width:var(--filter-teaser-grid-box-width_1-of-2)} .filter-teaser-grid-item a{display:block; color: #4e4e4e;word-wrap: break-word} .filter-teaser-grid-item .image{} .filter-teaser-grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3} .filter-teaser-grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;} .filter-teaser-grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px} .filter-teaser-grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; margin-top: 10px} .filter-teaser-grid-item .rubrik .sep{ margin:0 12px} .filter-teaser-grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px } .filter-teaser-grid-item .inhalt{margin:1em 0} .filter-teaser-grid-item .inhalt>*:first-child{margin-top:0} .filter-teaser-grid-item .inhalt>*:last-child{margin-bottom:0} .filter-teaser-grid-item a:hover {text-decoration: none!important } .filter-teaser-grid-item a:hover .titel {text-decoration: underline !important} .filter-teaser-grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic} .filter-teaser-grid-item .tags {display:none} .filter-teaser.tags .filter-teaser-grid-item .tags {display:block} .filter-teaser .tags {margin:0;padding:0!important;min-height:35px;margin:0 -10px} .s .filter-teaser .tags {margin:0 15px} .filter-teaser .tags:after{content:"";display:table;width:100%} .filter-teaser .tag:before{content:none!important} .filter-teaser .tag{float:left} .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} .filter-teaser .tag button{background-repeat:no-repeat;background-position:10px 8px;background-size:20px;} .filter-teaser-result{clear:both} .s .filter-teaser-result .filter-teaser-grid-container{margin:20px 0;flex-direction: column} .s .filter-teaser-grid-item{width:100%;margin:0 0 48px} .s .filter-teaser-grid-item img{width:100%} .s .filter-teaser-result .filter-teaser-grid-item .bildnachweis {padding:0 20px} .s .filter-teaser-result .filter-teaser-grid-item .text {padding:0 20px} .outer.acc{margin: 60px 0 40px 0} .outer.acc h2{margin:0 0 30px} .s .outer.acc h2{padding:0 20px} .nav-accordion{transition:opacity 0.25s;opacity:0;position:relative;} .nav-accordion.accordionActive{opacity:1} html:not(.s) .nav-accordion > div > :first-child{margin:0;padding:0} html:not(.s) .nav-accordion > div > :first-child{width:50%; padding-right:15px} html:not(.s) .nav-accordion > div + div > :first-child{padding-top:2px} .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} html:not(.s) .nav-accordion .accordion-trigger{background:#faf9f9;font-size:18px;padding:14px 20px 14px 54px!important;} html:not(.s) .nav-accordion .accordion-trigger:focus{background:#0271bb;color:#fff} html:not(.s) .nav-accordion .accordion-trigger:hover{text-decoration:underline;cursor:pointer} html:not(.s) .nav-accordion .accordion-trigger[aria-expanded="true"]{background:#0271bb;color:#fff;cursor:default;text-decoration:none} html:not(.s) .accordion-trigger[aria-expanded="true"]:after{content: "";position: absolute;top: 0;right: -15px;width: 17px;height: 100%;background: #0271bb; -webkit-clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0); clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0) } .nav-accordion > div > div{padding:0 20px;} html:not(.s) .nav-accordion > div > div{position:absolute;width:50%;top:0;right:0;padding:0 0 0 25px;} html:not(.s) .nav-accordion > div > div > :first-child{margin-top:5px} .s .nav-accordion > div{margin-bottom:12px} .s .nav-accordion > div > :first-child{margin:0!important} .s .nav-accordion > div > div{overflow:hidden!important;margin:0!important} .s .nav-accordion .accordion-trigger {background:#faf9f9;font-size:18px;padding: 18px 18px 18px 54px!important; } .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} .s .nav-accordion .accordion-trigger:hover{background:#0271bb;color:#fff;cursor:pointer} .s .nav-accordion .accordion-trigger:before { content: ""; position: absolute; width: 20px; height: 19px; left: 18px; top: 50%; margin-top: -8px;} .s .nav-accordion .accordion-trigger[aria-expanded="false"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg");} .s .nav-accordion .accordion-trigger[aria-expanded="true"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg");} .s .nav-accordion .accordion-trigger[aria-expanded="false"]:focus:before, .s .nav-accordion .accordion-trigger[aria-expanded="false"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg");} .s .nav-accordion .accordion-trigger[aria-expanded="true"]:focus:before, .s .nav-accordion .accordion-trigger[aria-expanded="true"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg");} .breadcrumb { margin: 30px auto 20px;} .outer.landingpage{position:relative;background-color:#fff} .outer.landingpage{margin-top:90px;margin-bottom:90px} .outer.landingpage.intro{margin-top:20px} .m .outer.landingpage.intro{margin-top:45px} .outer.landingpage.outro{margin-bottom:0} html:not(.s) .outer.landingpage.teaser-cluster{margin-bottom:120px} .outer.landingpage *{transition-timing-function: ease-in-out;transition-duration: 0.15s} html:not(.s) .outer.landingpage * h2{hyphens:none} .outer.landingpage .inner{position:relative;padding-right:100px} @media screen and (max-width:1200px) { .outer.landingpage .inner{padding-right:0} } .outer.landingpage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s .outer.landingpage[id] .inner:before, .s .outer.landingpage.content-navi .inner:before{left:20px} .outer.landingpage .content{} .outer.landingpage .content .text{ font-size:19px;line-height:28px} .outer.landingpage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;} .outer.landingpage .bildnachweis a:hover{text-decoration:underline !important} .outer.landingpage.intro{} .intro.landingpage .inner:after {content:""; display:table; width:100%;} .s .landingpage .content{display:flex;flex-direction:column} .landingpage.intro .header {;margin-bottom:60px} .m .landingpage.intro .inner .header{margin-bottom:40px} .s .landingpage.intro .inner .header{order:2; padding:50px 20px 0;margin-bottom:20px} .landingpage.intro h1 {color:#0271bb;font-size:32px;margin:0} .landingpage.intro h2 { margin:10px 0;} .landingpage.intro .text {float:left; width:38%;} .s .landingpage.intro .inner .text{order:3;float:none;width:auto; padding:0 20px} .intro .calltoaction {margin-top:50px;} .m .landingpage.intro .calltoaction {margin-top:40px;} .s .landingpage.intro .calltoaction {margin-top:35px;} .landingpage.intro .text p:first-child {margin-top:0 } .landingpage.intro .text p:nth-last-child(2) {margin-bottom:0 } .landingpage.intro .image {position:relative; float:right; width:calc(60% - 50px)} .s .landingpage.intro .inner .image{order:1;float:none;width:auto} .landingpage.intro .image .img {width:100%;padding-top:56.4802%;position:relative;overflow:hidden} .landingpage.intro .image img {position:absolute;top:0;left:0;width:100%;height:auto} /* .s .intro .image img {position:absolute;top:-6%;left:-13%;width:113%} */ .s .landingpage.intro .image img {position:absolute;top:0;left:-16%;width:116%} .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);} .landingpage.outro .content:before {content:""; display:table; width:100%;} .landingpage.outro .content:after {content:""; display:table; width:100%;} .landingpage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;} .landingpage.outro.img-text h2 { float:right; padding-left:40px;} .m .landingpage.outro h2 { float:none;width:auto} .s .landingpage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px} .landingpage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px} .landingpage.outro.img-text .image {float:left;} .m .landingpage.outro .image {float:none; width:auto;max-width:600px} .s .landingpage.outro .image {float:none; width:auto} .landingpage.outro .image img {width:100%;height:auto} .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);} .landingpage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px} .landingpage.outro.img-text .text {float:right; padding-left:40px;} .m .landingpage.outro .text {float:none; width:auto; margin-top:40px} .s .landingpage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px} .landingpage.outro .text p:first-child{margin-top:0} .landingpage.outro .text p:nth-last-child(2){margin-bottom:0} .landingpage.outro .calltoaction {margin-top:50px;} .m .landingpage.outro .calltoaction {margin-top:40px;} .s .landingpage.outro .calltoaction {margin-top:35px;} .s .outer.landingpage.content-navi .inner{padding:0 20px} .landingpage.content-navi .content:before{content:"";display:table} .landingpage.content-navi .content:after{} .landingpage.content-navi h2{margin:30px 0 0 0; } .landingpage.content-navi nav{margin-top:45px;line-height:2em} .landingpage.content-navi nav:after{content:"";display:table;width:100%} .landingpage.content-navi ul{padding:0!important;margin:0} .landingpage.content-navi li{float:left;margin:0 20px 20px 0} html:not(.l) .landingpage.content-navi li{margin:0 15px 15px 0} .landingpage.content-navi li:before{content:none!important} .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;} html:not(.l) .landingpage.content-navi a{padding:7px 14px 7px 32px;} .landingpage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important} html:not(.l) .landingpage.content-navi a:before{left: 0px;} .teaser-cluster .inner{background-repeat:no-repeat;} .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;} .landingpage.teaser-cluster .content {position:relative;z-index:2} .landingpage.teaser-cluster .content:before{content:"";display:table} .landingpage.teaser-cluster .content:after {content:""; display:table; width:100%;} .landingpage.teaser-cluster:after {content:""; display:table; width:100%;} .landingpage.teaser-cluster .text {margin-top:30px;float:left; width:42%;clear:left } html:not(.l) .landingpage.teaser-cluster .text { float:none; width:auto } .s .landingpage.teaser-cluster .text { padding:0 20px } .landingpage.teaser-cluster .text h2 { margin:0;} .landingpage.teaser-cluster .text > div {margin-top:40px;} .landingpage.teaser-cluster .text > div:empty {margin-top:70px;} .s .landingpage.teaser-cluster .text > div:empty {display:none} .landingpage.teaser-cluster .text p:first-child {margin-top:0 } .landingpage.teaser-cluster .text p:last-child {margin-bottom:0 } html:not(.l) .teaser-cluster .teasers {clear:left;display:flex;flex-direction:row;flex-wrap: wrap;margin-top:50px;} .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%)} .m .landingpage.teaser-cluster .teasers {gap:20px} .m .landingpage.teaser-cluster .teaser {width:auto;flex-basis: calc((100% - 20px)/2)} .s .landingpage.teaser-cluster .teasers {gap:40px;} .s .landingpage.teaser-cluster .teaser {width:auto;flex-basis: 100%} .landingpage.teaser-cluster .teaser:focus-visible {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .landingpage.teaser-cluster .teaser .teaser-img {order:1;position:relative;overflow:hidden} .landingpage.teaser-cluster .teaser .teaser-img img{width:100%;height:auto;background-color:#ddd;min-width:100px} .landingpage.teaser-cluster .bildnachweis {order:2;text-align:right;padding-right:10px;font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e); } .landingpage.teaser-cluster .teaser .teaser-text {order:3;padding:15px 45px 50px} .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 45px 57px} .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)} html:not(.l) .landingpage.teaser-cluster a.teaser { background-position:calc(100% - 10px) calc(100% - 15px)} html:not(.l) .landingpage.teaser-cluster .teaser .teaser-text {padding:15px 20px 45px} html:not(.l) .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 20px 52px} .landingpage.teaser-cluster .teaser .teaser-text h3 {font-family: TheSansUHHBold, sans-serif; font-size:28px; line-height:36px;margin:0} .landingpage.teaser-cluster a.teaser:hover .teaser-text h3 {text-decoration:underline} .landingpage.teaser-cluster .teaser .teaser-text h3 + div {margin-top:1em} .landingpage.teaser-cluster .teaser .teaser-text p {margin:0.7em 0} .landingpage.teaser-cluster .teaser .teaser-text p:first-child {margin-top:0} .landingpage.teaser-cluster .teaser .teaser-text p:last-child {margin-bottom:0} .landingpage.teaser-cluster a.teaser .teaser-img img{transition:transform 0.2s ease-in-out;transform:scale(1)} .landingpage.teaser-cluster a.teaser:hover .teaser-img img{transform:scale(1.05)} .l .landingpage.teaser-cluster.t-2 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/2-fach-teaser-v1-d4b804f2f358e830870cf80ccea51895eb35a7e49e87e57ca9a0f4c9ed6a61e7.svg") } .l .landingpage.teaser-cluster.t-2 .teaser-1 {float:right;margin:100px 80px 0 0;} .l .landingpage.teaser-cluster.t-2 .teaser-2 {float:left;clear:left;margin:100px 0 0 80px} .l .landingpage.teaser-cluster.t-3 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/3-fach-teaser-v1-88611adf53aec50cfd826a9a1e5589d41aff8c458b825b486c438a1f4484d632.svg") } .l .landingpage.teaser-cluster.t-3 .teaser-1 {float:right;margin:100px 50px 0 0} .l .landingpage.teaser-cluster.t-3 .teaser-2 {float:left;clear:left;margin:100px 0 0 0} .l .landingpage.teaser-cluster.t-3 .teaser-3 {float:right;margin:100px 210px 0 0} .l .landingpage.teaser-cluster.t-4 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/4-fach-teaser-v1-fd041a8ce79e0bbe98d7c55dc8987c50ae4edc22af4bd5b091229bcf98909809.svg") } .l .landingpage.teaser-cluster.t-4 .teaser-1 {float:right;margin:100px 160px 0 0} .l .landingpage.teaser-cluster.t-4 .teaser-2 {float:left;clear:left;margin:100px 0 0 0} .l .landingpage.teaser-cluster.t-4 .teaser-3 {float:right;margin:100px 0px 0 0} .l .landingpage.teaser-cluster.t-4 .teaser-4 {float:left;clear:left;margin:100px 0 0 160px} .l .landingpage.teaser-cluster.t-5 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/5-fach-teaser-v1-aff122f76566e5f9f74c627ed176a380b6971a23ba0f559936da2c145c3ed114.svg") } .l .landingpage.teaser-cluster.t-5 .teaser-1 {float:right;margin:100px 160px 0 0} .l .landingpage.teaser-cluster.t-5 .teaser-2 {float:left;clear:left;margin:100px 0 0 0} .l .landingpage.teaser-cluster.t-5 .teaser-3 {float:right;margin:100px 0px 0 0} .l .landingpage.teaser-cluster.t-5 .teaser-4 {float:left;clear:left;margin:100px 0 0 80px} .l .landingpage.teaser-cluster.t-5 .teaser-5 {float:right;margin:100px 160px 0 0} .landingpage.absprung-cluster{position:relative;border-bottom:100px solid #F6F8FA} .s .landingpage.absprung-cluster{border-bottom:70px solid #F6F8FA} .landingpage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important} html:not(.l) .landingpage.absprung-cluster .inner{padding-right:0px!important} .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"} .s .landingpage.absprung-cluster .content{display:flex} .m .landingpage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"} .landingpage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;} .s .landingpage.absprung-cluster h2{padding:30px 20px 0} .landingpage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px} html:not(.l) .landingpage.absprung-cluster .text{align-items: start} .s .landingpage.absprung-cluster .text{padding:21px 20px 20px} .landingpage.absprung-cluster .text > div{position:relative;padding:20px 0 70px} .m .landingpage.absprung-cluster .text > div{padding:30px 0} .s .landingpage.absprung-cluster .text > div{padding:20px 0} .xxxxxxl .landingpage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .landingpage.absprung-cluster .text > div > *{position:relative;z-index:2} .landingpage.absprung-cluster .text p:first-child {margin-top:0 } .landingpage.absprung-cluster .text p:last-child {margin-bottom:0 } .landingpage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end} .s .landingpage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto} .landingpage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative} .s .landingpage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;} .landingpage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto} html:not(.s) .landingpage.absprung-cluster .image img[width="640"]{display:none} .s .landingpage.absprung-cluster .image img[width="520"]{display:none} .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);} .landingpage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative} .landingpage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .landingpage.absprung-cluster nav ul{padding:0!important;margin:0!important} .l .landingpage.absprung-cluster nav ul{padding-top:100px !important} .m .landingpage.absprung-cluster nav ul{padding-top:40px !important} .s .landingpage.absprung-cluster nav ul{padding-top:50px !important} html:not(.l) .landingpage.absprung-cluster nav li{max-width:none } .landingpage.absprung-cluster nav li{background-color:#fff } .landingpage.absprung-cluster nav li + li{margin-top:13px } .landingpage.absprung-cluster nav li:before{content:none!important } .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 } /* .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")} */ .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"); } /* .landingpage.absprung-cluster nav a.extern:hover:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/link-extern-fff-61b9cded35ad5c11c5a10ee13f769c525c3c6f5441b40956bb95461fbc554dde.svg")} */ .landingpage.video-cluster{position:relative;padding-bottom:30px!important} .landingpage.video-cluster:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:#F6F8FA} .s .landingpage.video-cluster:after{content:none} .landingpage.video-cluster .content:before {content:""; display:table; width:100%;} .landingpage.video-cluster .content .flex{display:flex; gap:100px;flex-direction:row;width:100%;position:relative;z-index:1} .m .landingpage.video-cluster .content .flex{display:block} .s .landingpage.video-cluster .content .flex{display:block} .landingpage.video-cluster .text {width:33%} .m .landingpage.video-cluster .text {width:100%} .s .landingpage.video-cluster .text {width:100%; padding:0 20px;} .landingpage.video-cluster h2 {padding-right:80px ;margin:30px 0 0;} .landingpage.video-cluster .p {margin-top:40px;padding-right:80px} .m .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px} .s .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px} .landingpage.video-cluster .p p:first-child {margin-top:0 } .landingpage.video-cluster .p p:last-child {margin-bottom:0 } .landingpage.video-cluster .media{display:flex;flex-direction:row;gap:30px;width:67%} .m .landingpage.video-cluster .media{width:100%} .s .landingpage.video-cluster .media{display:block;width:100%} .landingpage.video-cluster .medium{display:flex;flex-direction:column;position:relative;width:calc(50% - 15px);min-height:200px} .landingpage.video-cluster .medium .calltoaction{padding:12px 20px 13px!important} .s .landingpage.video-cluster .medium{width:100%;margin:40px 0} .s .landingpage.video-cluster .medium:last-child{;margin:40px 0 0} .s .landingpage.video-cluster.v-3 .medium{margin:0} .landingpage.video-cluster .medium .top{position:relative;order:1} .landingpage.video-cluster .medium .bottom .calltoaction{margin:30px 0 0;display:none!important} html:not(.l) .landingpage.video-cluster .medium .bottom .calltoaction{display:inline-block!important} html:not(.l) .landingpage.video-cluster .medium .top .above{display:none!important} .landingpage.video-cluster .medium .above{ position:absolute;bottom:0;transform:translate(-20px,-50px);z-index:3;margin:0;text-align:left} .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} .landingpage.video-cluster .medium button[aria-label="start"]{top:0;left:0;right:0;bottom:0;transform: none;background-position:center} .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%);} .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%);} .landingpage.video-cluster .medium .bottom{order:2;margin:25px 0;position:relative;} .s .landingpage.video-cluster .medium .bottom{padding:0 20px 20px} .landingpage.video-cluster .medium .bottom h3{font-family: TheSansUHHBold, sans-serif; font-size:26px; line-height:36px;margin:0} .m .landingpage.video-cluster .medium .bottom h3{font-size:23px; line-height:32px} .s .landingpage.video-cluster .medium .bottom h3{font-size:21px; line-height:29px} .landingpage.video-cluster.v-3{} .landingpage.video-cluster .swiper-button-next{background:transparent;border:0} .landingpage.video-cluster .swiper-button-prev{background:transparent;border:0} .landingpage.video-cluster .swiper-button-next:after{color:#fff;background:transparent} .landingpage.video-cluster .swiper-button-prev:after{color:#fff;background:transparent} .landingpage.video-cluster .swiper-container-horizontal > .swiper-pagination-bullets{bottom:auto!important} .yt-video{position:relative;aspect-ratio:414/733;clip-path: polygon(1px 0, calc(100% - 2px) 0, calc(100% - 2px) 100%, 1px 100%);} .yt-video.videowaiting:before{content:""} .yt-video img{position:relative;z-index:1;width:100%;height:auto} .yt-video video{display:none;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%} .yt-video.playing video{display:none!important} .yt-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ccc} .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%); 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;} .yt-video h4{padding-right:25px} .yt-video .videohinweis a{text-decoration:underline} .yt-video .videohinweis .calltoaction{color:#fff!important;} .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"); position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; border: none;} .yt-video .videohinweis a:hover{text-decoration:none} .YouTubeIframeAPIReady .yt-video .videohinweis{display:none!important} .landingpage.video-cluster.v-3 .media{display:block;position:relative} .l .landingpage.video-cluster.v-3 .media{aspect-ratio:1;} .l .landingpage.video-cluster.v-3 .boxx{width:calc(100% + 200px);position:absolute;left:-100px;top:0;height:100%;overflow:hidden; 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%); -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%); } .l .landingpage.video-cluster.v-3 .swiper { width: calc(100% - 200px); margin-left:100px; height: 100%; overflow:visible ;z-index:1 } .l .landingpage.video-cluster.v-3 button.right, .l .landingpage.video-cluster.v-3 button.left, .l .landingpage.video-cluster.v-3 .swiper-pagination{display:none} .s .landingpage.video-cluster.v-3 button.right, .s .landingpage.video-cluster.v-3 button.left{display:none} .s .landingpage.video-cluster.v-3 .swiper-pagination{bottom:-0px} .landingpage.slider-vollbreit{} .landingpage.slider-vollbreit .content:before {content:""; display:table; width:100%;} .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:500px} html:not(.l) .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:none} .s .landingpage.slider-vollbreit h2 {padding:0 20px} .slider-vollbreit.landingpage h2 + .text{margin:40px 0 0} .s .slider-vollbreit.landingpage h2 + .text{padding:0 20px} .slider-vollbreit.landingpage h2 + .text p:first-child{margin-top:0} .slider-vollbreit.landingpage h2 + .text p:last-child{margin-bottom:0} .ersti.swiper {margin:10px 0 30px;overflow:hidden; position:relative;padding-bottom:65px} .s .ersti.swiper {margin:10px 0 0px;padding-bottom:65px} .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} html:not(.l) .ersti-swiper-wrapper {background-image:none} .ersti.swiper .swiper-slide {padding:60px 60px 0 0;cursor:grab;outline:0!important;box-shadow:none!important} html:not(.l) .ersti.swiper .swiper-slide {padding:30px 0 0 0} .ersti .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset} .ersti .swiper-slide.swiper-slide-active:focus {box-shadow:none;outline:none } .landingpage.slider-vollbreit .swiper-slide .foto {position:relative; float:left; width:58.27%;aspect-ratio: 1.77053;overflow:hidden} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .foto {float:none; width:auto;} .landingpage.slider-vollbreit .swiper-slide .foto img {width:100%;height:auto} .landingpage.slider-vollbreit .swiper-slide .foto a img{transition:transform 0.2s ease-in-out;transform:scale(1)} .landingpage.slider-vollbreit .swiper-slide .foto img:hover{transform:scale(1.05)} .landingpage.slider-vollbreit .swiper-slide .foto > iframe {width:100%;height:100%} .landingpage.slider-vollbreit .swiper-slide .foto .youtube iframe {position:absolute; top:0;left:0;width:100%;height:100%} .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);} .landingpage.slider-vollbreit .swiper-slide .slide-text {float:right; width:41.7%; padding:0 40px;} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text {float:none; width:auto; padding:0} html.s .landingpage.slider-vollbreit .swiper-slide .slide-text {padding:0 20px} .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:25px 0 0 0;font-size:28px; line-height:36px} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:30px 0 0 0;} .landingpage.slider-vollbreit .swiper-slide .slide-text .name{margin: 20px 0 0; font-size:18px;font-family: TheSansUHHBold, sans-serif; color:var(--UHH0271bb-fff)} .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:25px 0 0} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:20px 0 0} .landingpage.slider-vollbreit .swiper-slide .slide-text p:first-child {margin-top:0 } .landingpage.slider-vollbreit .swiper-slide .slide-text p:last-child {margin-bottom:0 } .landingpage.slider-vollbreit .swiper-slide .slide-text .info{margin: 0;font-size:16px;} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .info p{margin: 0;} .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin-top:50px;} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin:30px 0 0 !important;} .ersti.swiper .swiper-pagination{bottom:-3px; width:auto; margin-left:50%; text-align:left !important;transform:translate(-50%,0)} .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;} .ersti.swiper .swiper-pagination-bullet-active, .video-cluster .swiper-pagination-bullet-active { opacity: 1; background: #4e4e4e!important} .landingpage.slider-vollbreit .buttons{position:absolute;top:0;left:0;width:100%;pointer-events:none;aspect-ratio:2.4;} .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")} html:not(.l) .landingpage.slider-vollbreit .buttons button {display:none} .ersti-swiper-wrapper .buttons button.left {pointer-events:auto;left:-60px} .ersti-swiper-wrapper .buttons button.right {pointer-events:auto;right:5px;transform:rotate(180deg);z-index:3} .ersti-swiper-wrapper>button.right,.ersti-swiper-wrapper>button.left {display:none} .landingpage.kachel-cluster{position:relative} .landingpage.kachel-cluster.lightbox{z-index:20} .landingpage.kachel-cluster .content{} .landingpage.kachel-cluster h2{padding-top:30px;margin:0;max-width:700px} .s .landingpage.kachel-cluster h2{padding:30px 20px 0} .landingpage.kachel-cluster .text{line-height:33px;margin:40px 0 50px;max-width:700px} .s .landingpage.kachel-cluster .text{padding:0 20px} .landingpage.kachel-cluster .text p:first-child {margin-top:0 } .landingpage.kachel-cluster .text p:last-child {margin-bottom:0 } .landingpage.kachel-cluster nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA} .s .landingpage.kachel-cluster nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px} .landingpage.kachel-cluster nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important} .landingpage.kachel-cluster nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1} .m .landingpage.kachel-cluster nav li{width:calc(50% - 15px);} .s .landingpage.kachel-cluster nav li{width:100%} .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)} .landingpage.kachel-cluster li.lightbox{z-index:2} .landingpage.kachel-cluster li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222} html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{} html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1} .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;} .s .landingpage.kachel-cluster li.lightbox .video{width: 100%} /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */ /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */ .landingpage.kachel-cluster .plyr{pointer-events:none;bottom:auto !important} .landingpage.kachel-cluster li.lightbox .plyr{pointer-events:auto;bottom:auto !important} .landingpage.kachel-cluster li .plyr{position:relative !important} .m .landingpage.kachel-cluster li .plyr{object-fit:cover;width:100%;height:100%;} 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} button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important} button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)} button.cluster-video-open:focus span{border:6px solid #fff} .landingpage.kachel-cluster .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto; aspect-ratio: 733/414} .landingpage.kachel-cluster li.lightbox .uhh.iframe iframe{pointer-events:auto;} button.cluster-video-open.uhh.iframe span{padding:48px;} button.cluster-video-close{display:none} .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;} .kachel-cluster-video .image{pointer-events:none;} .landingpage.kachel-cluster nav li:before{content:none!important} .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)} .s .landingpage.kachel-cluster nav a{padding:40px 0 40px 20px} .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} .landingpage.kachel-cluster nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)} .landingpage.kachel-cluster nav a:hover h3{text-decoration:underline} .landingpage.kachel-cluster nav p{margin:15px 60px 0 0 } .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; } .landingpage.kachel-cluster .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e);} .landingpage.h5p{position:relative} .landingpage.h5p .content .extern{min-height:100px} .landingpage.h5p .content .extern > .standard{margin:0!important} .landingpage.h5p h2{padding-top:30px;margin:0;max-width:700px} .s .landingpage.h5p h2{padding:30px 20px 0} .landingpage.h5p .text{margin:40px 0 50px;max-width:700px} .s .landingpage.h5p .text{padding:0 20px} .landingpage.h5p iframe{display:block} :root { --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); --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"); } .ersti.swiper {margin:0px 0 30px;padding-bottom:55px} .s .ersti.swiper {margin:0px 0 0px;padding-bottom:55px} .ersti.swiper .swiper-slide {padding:50px 60px 0 0;} .landingpage.kachel-cluster .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;} .landingpage.kachel-cluster:not(.text) .text{ display:none} .landingpage.kachel-cluster:not(.img, .video) .image{display:none} .landingpage.kachel-cluster:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"} .landingpage.kachel-cluster.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"} .landingpage.kachel-cluster.img:not(.text) .content, .landingpage.kachel-cluster.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"} .landingpage.kachel-cluster.text.img .content, .landingpage.kachel-cluster.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"} html:not(.l) .landingpage.kachel-cluster.text.img .content, 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"} .landingpage.slider-vollbreit h2 { max-width: 650px;} .landingpage.kachel-cluster h2{grid-area: h2} .landingpage.kachel-cluster .text{grid-area: text} .landingpage.kachel-cluster .text:empty{margin:0;height:50px} .landingpage.kachel-cluster .image{grid-area: image;padding-bottom:60px} .landingpage.kachel-cluster.img:not(.text) .image, .landingpage.kachel-cluster.video:not(.text) .image{max-width:700px;margin-top:50px} .landingpage.kachel-cluster .image .img{position:relative} .landingpage.kachel-cluster .image img{width:100%} .landingpage.kachel-cluster .image .video{position:relative} .landingpage.kachel-cluster .image video{width:100%} .landingpage.kachel-cluster .image iframe{width:100%; aspect-ratio:16/9} .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);} .landingpage.kachel-cluster nav{grid-area: nav} .landingpage.kachel-cluster:not(.text,.video,.img) nav{margin-top:50px} .landingpage.kachel-cluster nav h3 { background-image:var(--icon-button-pfeil-rechts-blau); background-position: 100% center} .landingpage.kachel-cluster nav a, .landingpage.kachel-cluster nav a h3{ text-decoration:none!important} @media (hover: hover) { .landingpage.kachel-cluster nav a:hover h3{ text-decoration:underline!important} } .landingpage.slider-vollbreit .buttons button{background-color:transparent} :root { --topicssubpage-intro--height: 450px; --topicspage-intro--height: 500px; --topicspage-intro-content--max-width: calc(var(--topicspage-intro--height) * 16 / 9); --topicspage-intro-image--max-width: calc(var(--topicspage-intro--height) * 16 / 9); --topicspage--color-grey: #f6f8fa; --topicspage--color-lightblue: #f0f7fb; } .topicspage.grau{background-color:var(--topicspage--color-grey)} .topicspage *{background-repeat: no-repeat} .outer.topicspage:not(.intro){position:relative;} html:not(.s) .outer.topicspage * h2{hyphens:none} .outer.topicspage .inner{position:relative} .l .outer.topicspage .inner{padding-right:100px} @media screen and (max-width:1200px) { .outer.topicspage .inner{padding-right:0}} .outer.topicspage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s .outer.topicspage .inner:before, .s .outer.topicspage.content-navi .inner:before{left:20px} .outer.topicspage .content{position:relative} .outer.topicspage .content .text{ font-size:19px;line-height:28px} .outer.topicspage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;} .outer.topicspage .bildnachweis a:hover{text-decoration:underline !important} /********** intro **********/ .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} .topicssubpage.intro.outer{background-color:var(--topicspage--color-grey);height:var(--topicssubpage-intro--height)} .m .topicspage.intro.outer{height:auto;} .m .topicspage.intro.outer .image{min-height:var(--topicspage-intro--height)} .m .topicssubpage.intro.outer .image{min-height:var(--topicssubpage-intro--height)} .topicspage.intro .inner{display:flex;height:100%;padding-right:0 !important} .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} .topicspage.intro .content > *{max-width:600px} .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;;} html:not(.l) .topicspage.intro .content h1{max-height:none} .topicspage.intro .content .text{margin-top:40px;font-size: 19px;line-height: 1.5;} .topicspage.intro .content .text p{margin:0} .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} .topicspage.intro:not(.topicssubpage) .content .calltoaction:focus{box-shadow: 0 0 5px 1px #fff;} .topicssubpage.intro .content .calltoaction{margin-top:40px;background-image:var(--icon-button-pfeil-grau-rechts-lang);background-color:#fff; border:1px solid #f0f0f0; } .topicssubpage.intro *{color:#4e4e4e!important} .topicspage.intro .image{max-width:var(--topicspage-intro-image--max-width);width:50%;overflow:hidden;position:relative;aspect-ratio:16/9} .topicspage.intro .image .img, .topicspage.intro .image .video{height:100% } .topicspage.intro .image .img img{height:100%;float:right } .topicspage.intro .image .video video{height:100%;float:left } .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} .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")} .topicspage.intro.playing .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")} .topicspage.intro.pause .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")} .topicspage.intro.playing .video button:before{content:'stop'; position:absolute;left:200px} .topicspage.intro.pause .video button:before{content:'start'; position:absolute;left:200px} .topicspage.intro .video button:focus{outline:1px dotted #fff; box-shadow:0 0 0 1px var(--UHH0271bb-grau), 0 0 5px 1px #fff;} @media screen and (max-width:900px) { .topicspage.intro.outer{padding:0;height:auto} .topicspage.intro .inner{flex-direction:column;height:auto} .topicspage.intro .content{order:2;width:100%; display:block; padding:40px 20px 50px} .topicspage.intro .content h1{font-size: 35px} .topicspage.intro .content .text{margin-top:40px;font-size: 19px;} .topicspage.intro .image{order:1;width:100%} } /********** content-navi **********/ .topicspage.content-navi{margin-top:0px !important; padding-top:60.1px !important} .s .topicspage.content-navi{ padding-top:60px !important} .topicspage.content-navi{padding-top:60px !important;padding-bottom:35px !important} .topicspage.content-navi:first-child{ padding-top:40px !important} .s .topicspage.content-navi:first-child{padding-top:36px !important} .s .topicspage.content-navi.grau:first-child{padding-top:60px !important;margin-top:-24px !important} .s .topicspage.content-navi .inner{padding:0 20px} .topicspage.content-navi .content:before{content:"";display:table} .topicspage.content-navi .content:after{} .topicspage.content-navi h2{margin:30px 0 0 0; } .topicspage.content-navi nav{margin-top:45px;margin-top:32px;line-height:2em} .topicspage.content-navi nav:after{content:"";display:table;width:100%} .topicspage.content-navi ul{padding:0!important;margin:0} .topicspage.content-navi li{float:left;margin:0 20px 20px 0} html:not(.l) .topicspage.content-navi li{margin:0 15px 15px 0} .topicspage.content-navi li:before{content:none!important} .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;} .topicspage.content-navi.grau a{background-color:#fff} html:not(.l) .topicspage.content-navi a{padding:7px 14px 7px 32px;} .topicspage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important} html:not(.l) .topicspage.content-navi a:before{left: 0px;} /********** Direkteinstieg **********/ .topicspage.box-direct-access{margin-top:0 !important; padding-top:60.1px !important} .topicspage.box-direct-access:not(.single){padding-bottom: 55px !important;} .s .topicspage.box-direct-access{padding-top:60px !important} .topicspage.box-direct-access:first-child{ padding-top:30px !important} .s .topicspage.box-direct-access:first-child{padding-top:26px !important} .topicspage.box-direct-access.grau{background-color:var(--topicspage--color-grey)} .s .topicspage.box-direct-access .inner{padding:0 20px} .topicspage.box-direct-access .content:before{content:"";display:table} .topicspage.box-direct-access .content:after{} .topicspage.box-direct-access h2{margin:30px 0 0 0; } .topicspage.box-direct-access nav{margin-top:30px;line-height:2em} .topicspage.box-direct-access nav:after{content:"";display:table;width:100%} .topicspage.box-direct-access ul{padding:0!important;margin:0;columns:2;column-gap:30px;max-width:940px} .s .topicspage.box-direct-access ul{columns:1} .topicspage.box-direct-access li{border-bottom:1px solid rgb(60,81,91)} .topicspage.box-direct-access li:before{content:none!important} .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;} .topicspage.box-direct-access a:hover{text-decoration:underline!important;background-position1:calc(100% + 23px);text-decoration-thickness: 2px !important;} .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;} .s .topicspage.box-direct-access button{left: auto; right:20px} @media screen and (max-width: 365px) { .topicspage.box-direct-access:has(button) h2{font-size: 35px} } @media screen and (max-width: 345px) { .topicspage.box-direct-access:has(button) h2{font-size: 32px} } .topicspage.box-direct-access button.white{background-color:transparent;;position:absolute!important;} .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; border-bottom-width:0px; border-left-width:0px; border-width:3px 3px 0 0; top:20px; left:16px} .topicspage.box-direct-access button.white:before {border-color:var(--UHH0271bb-grau)} .topicspage.box-direct-access.off button:before {top:12px;transform:rotate(135deg)} .topicspage.box-direct-access.off nav{display:none} html:not(.s) .topicspage.box-direct-access button{display:none} html:not(.s) .topicspage.box-direct-access.off nav{display:block} .box-direct-access.single{columns:1;max-width:none;margin-bottom:34px;} .box-direct-access.single .inner{padding-right:0!important} .box-direct-access.single ul{columns:1;max-width:none} .box-direct-access.single li{border:0; float:left;margin: 0 20px 20px 0;} .box-direct-access.single a{background-color: #f0f3f6;padding: 7px 40px 7px 14px;line-height: 2em;background-position: calc(100% + 12px) center;} .s .box-direct-access.single a{padding: 7px 45px 7px 14px;line-height: 1.5em;} /********** box-topics-mailform-newsletter-component **********/ .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;} .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;} .topicspage.box-topics-mailform-newsletter-component .inner {overflow:hidden;padding-right:0!important} .topicspage.box-topics-mailform-newsletter-component .inner:before {background-color:#fff!important;z-index:1} .topicspage.box-topics-mailform-newsletter-component .content {position:relative} .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;} .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)} .topicspage.box-topics-mailform-newsletter-component .image{float:left;margin:50px} .topicspage.box-topics-mailform-newsletter-component .image img{width:420px} .s .topicspage.box-topics-mailform-newsletter-component .image{float:none;margin:0;text-align:center} .s .topicspage.box-topics-mailform-newsletter-component .image img{display:block !important; width:100%;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:right; width:calc(100% - 520px); max-width:560px;margin-top: -185px;} .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:none; width:100%; max-width:none;margin-top: 0;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 65px !important;} .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { margin-top:0 !important;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form p{ margin-top:0} .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;} .s .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter h3 { margin-top:0;font-size: 28px!important;line-height: 36px!important;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .row.submit { text-align: left!important} .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} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .form-confirm { margin-top:0!important;} @media screen and (min-width: 640px) and (max-width: 1000px) { .topicspage.box-topics-mailform-newsletter-component h2 {max-width:50%} .topicspage.box-topics-mailform-newsletter-component .image{width:38%;margin-right:0} .topicspage.box-topics-mailform-newsletter-component .image img{width:100%} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{width:48%; ;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { overflow:hidden;padding: 35px !important;} } /********** absprung-cluster **********/ .topicspage.absprung-cluster{padding-top:60.1px!important;position:relative;border-bottom:100px solid #F6F8FA} .s .topicspage.absprung-cluster{padding-top:60px!important;border-bottom:70px solid #F6F8FA} .topicspage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important} html:not(.l) .topicspage.absprung-cluster .inner{padding-right:0px!important} .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"} .s .topicspage.absprung-cluster .content{display:flex;flex-direction: column;} .m .topicspage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"} .topicspage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;} .s .topicspage.absprung-cluster h2{padding:30px 20px 0} .topicspage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px} html:not(.l) .topicspage.absprung-cluster .text{align-items: start} .s .topicspage.absprung-cluster .text{padding:21px 20px 20px} .topicspage.absprung-cluster .text > div{position:relative;padding:20px 0 70px} .m .topicspage.absprung-cluster .text > div{padding:30px 0} .s .topicspage.absprung-cluster .text > div{padding:20px 0} .xxxxxxl .topicspage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .topicspage.absprung-cluster .text > div > *{position:relative;z-index:2} .topicspage.absprung-cluster .text p:first-child {margin-top:0 } .topicspage.absprung-cluster .text p:last-child {margin-bottom:0 } .topicspage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end} .s .topicspage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto} .topicspage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative} .s .topicspage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;} .topicspage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto} html:not(.s) .topicspage.absprung-cluster .image img[width="640"]{display:none} .s .topicspage.absprung-cluster .image img[width="520"]{display:none} .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);} .topicspage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative} .topicspage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .topicspage.absprung-cluster nav ul{padding:0!important;margin:0!important} .l .topicspage.absprung-cluster nav ul{padding-top:100px !important} .m .topicspage.absprung-cluster nav ul{padding-top:40px !important} .s .topicspage.absprung-cluster nav ul{padding-top:50px !important} html:not(.l) .topicspage.absprung-cluster nav li{max-width:none } .topicspage.absprung-cluster nav li{background-color:#fff } .topicspage.absprung-cluster nav li + li{margin-top:13px } .topicspage.absprung-cluster nav li:before{content:none!important } .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 } .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 } /* .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} */ .topicspage.absprung-cluster nav a:hover{color: #fff; background-color:#0271bb; background-image:var(--icon-button-pfeil-rechts-weiss); } .landingpage.absprung-cluster nav a:hover{background-image:var(--icon-button-pfeil-rechts-weiss); } /* .topicspage.absprung-cluster nav a.extern:hover:after{background-image:var(--icon-link-extern-weiss) !important} */ /********** kachel-cluster **********/ .topicspage.kachel-cluster{margin-top:55px !important;margin-bottom:55px !important} .s .topicspage.kachel-cluster{margin-top:55px !important;} /********** slider-vollbreit **********/ .slider-vollbreit.topicspage{padding-top:0!important; margin-top:60.1px!important;margin-bottom:25px} .s .slider-vollbreit.topicspage{padding-top:0px!important; margin-top:60px!important} .topicspage .ersti-swiper-wrapper { background-image:none!important;} /********** Newsteaser **********/ .news-carousel {margin-bottom:0 !important; margin-top:0 !important;padding-top:60.1px !important; padding-bottom:15px!important} .news-carousel:first-child {padding-top:40px !important} .news-carousel:after {content:""; display:table; width:100%} .news-carousel.grau{background-color:var(--topicspage--color-grey)} .s .news-carousel {margin-bottom:0 !important;padding-top:60.1px !important} .s .news-carousel:first-child {padding-top:30px !important} .news-carousel:not(.news-1fach) {padding:60.1px 0 15px max(calc((100% - 1258px)/2), 20px)!important} .news-carousel:not(.news-1fach):first-child {padding:40px 0 0px max(calc((100% - 1258px)/2), 20px)!important} .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;} @media screen and (max-width: 1305px) { .news-carousel .more {right:20px; left:auto;transform:none} } .news-carousel.news-1fach .more1 {right:0; left:auto;transform:none} .s .news-carousel .more {position:relative; top:0!important;right:0;margin:-5px 0 0; padding-bottom:0;float:right; } .s .news-carousel.grau .more {padding-bottom:30px;} .news-carousel .more a{ background-image:var(--icon-all-blau-rechts); background-position:3px 9px; background-size:6px; padding-left: 15px;color: var(--UHH4e4e4e-fff);display:block} .news-carousel .more a:hover{ text-decoration:underline!important} .m .news-carousel .more {right:20px} .s .news-carousel .more {right:20px} .news-carousel:not(.news-1fach) .inner{margin:0px!important; padding:0!important; max-width:none!important} .s .news-carousel:not(.news-1fach) .inner:before{left:0 !important} .news-carousel .content:before { content: ""; display: table;} .news-carousel .head {overflow:hidden} .news-carousel .head:after {content:""; display:table;width:100%} .news-carousel .head h2 { float:left;margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;; padding-right:20px;} .m .news-carousel .head h2 { max-width: calc(100% - 200px)} .s .news-carousel .head h2 {max-height: none;} .news-carousel .head .last-word{white-space:nowrap} .news-carousel .head .rss{display:inline-block; margin-left:35px} .news-carousel .slider { } .news-carousel ul{padding:0;margin:0} .news-carousel:not(.news-1fach) li{background-color:#fff} .news-carousel li:before{content:none !important} .news-carousel .item{display:block} .news-carousel a{display:block;color:#4e4e4e!important; text-decoration:none!important;} .news-carousel li>a{height:100%} .news-carousel a:hover{color:#4e4e4e!important; text-decoration:none!important} .news-carousel:not(.news-1fach) a .image:not(:has(img)){aspect-ratio:400/240} .news-carousel:not(.news-1fach) a .image img{aspect-ratio:400/226} .news-carousel:not(.news-1fach) a > .video{position:relative;overflow:hidden;aspect-ratio:400/241} .news-carousel:not(.noimg, .news-1fach) .image:before{content: ""; float: left; padding-top: 56.5%; border-bottom: 14px solid red; width: 0px;} .news-carousel .image{overflow:hidden} .news-carousel.noimg .image{display:none} .news-carousel.noimg .cta .image{display:block} .news-carousel .image img {width:100%;transition:none} .news-carousel li.cta .image {background-image: var(--img-illustration-news)} .news-carousel:not(.noimg) li.cta .text {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -10px; padding-bottom:10px} .news-carousel.noimg li.cta .text h3{margin:10px 0} .news-carousel .bildnachweis {text-align: right;font-size: 12px; line-height: 1em; margin: 0; padding-top: 2px;padding-right:10px} .news-carousel .text {padding:0} .news-carousel:not(.noimg, .news-1fach) .text {padding:0;margin-top:5px} .news-carousel.grau .text {padding:0 40px 40px 40px} .news-carousel.noimg .text {padding:35px 40px 55px 40px} .s .news-carousel.noimg .text {padding:35px 25px 55px 25px} .news-carousel.noimg .cta .text {padding:0 40px 40px 40px} .s .news-carousel.noimg .cta .text {padding:0 25px 40px 25px} .news-carousel.noimg li a {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% 100%} .news-carousel .rubrik {font-family: TheSansUHHBoldCaps,sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; } .news-carousel .rubrik .sep { font-family: TheSansUHHRegularCaps,sans-serif; display: inline-block; margin: 0 12px;} .news-carousel h3{ font-size: 28px; margin: 10px 0 15px 0; line-height:1.3em} .news-carousel a:hover h3{ text-decoration:underline} .news-carousel .inhalt{ font-size: 16px!important;line-height:1.5em!important} .news-carousel .inhalt *:last-child{ margin-bottom:0} .news-carousel .slider.swiper {overflow:visible; cursor: grab} .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%} .s .news-carousel-area ul.swiper-wrapper {gap:0px;} .news-carousel li.swiper-slide{padding:0;width:400px!important;max-width:calc(100vw - 80px) !important; float:none; min-width:auto;height:auto!important} .news-carousel:not(.noimg) li.swiper-slide.cta {height:100% !important} .news-carousel button {opacity:0;transition:opacity 0.25s; position: absolute!important; top: calc(50% - 44px); z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px; border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand) } .news-carousel.noimg button { top: calc((100% - 186px)/2 + 186px - 44px);} .news-carousel button:hover{opacity:1!important} .news-carousel button.news-carousel-swiper-button-prev {transform:rotate(180deg);left: 100px} .news-carousel button.news-carousel-swiper-button-next {right: 100px} .news-carousel:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.news-carousel-swiper-button-next {display:none} .news-carousel.begin button.news-carousel-swiper-button-prev {display:none} .news-carousel.end button.news-carousel-swiper-button-next {display:none} .s .news-carousel button.news-carousel-swiper-button-prev {display:none} .s .news-carousel button.news-carousel-swiper-button-next {display:none} .s .news-carousel.news-1fach .head h2{padding: 0 20px} .news-carousel.news-1fach ul {margin:45px 0;padding:0!important} .news-carousel.news-1fach li {max-width:none!important;} .news-carousel.news-1fach li+li {margin-top:45px} .news-carousel.news-1fach li .item {display:flex; flex-direction:row; width:100%; gap:40px} .s .news-carousel.news-1fach li .item {flex-direction:column; gap:0px} .news-carousel.news-1fach li .image, .news-carousel.news-1fach li .item > .video{width:400px} .s .news-carousel.news-1fach .bildnachweis{padding-right:20px; min-height:14px} .news-carousel.news-1fach li .image img{width:100%} .news-carousel.news-1fach li .text{width:calc(100% - 40px - 400px); max-width:700px;} @media screen and (max-width:900px) { .news-carousel.news-1fach li .image, .news-carousel.news-1fach li .item .video{width:calc(50% - 20px)} .news-carousel.news-1fach li .text{width:calc(50% - 20px)} } .s .news-carousel.news-1fach li .image, .s .news-carousel.news-1fach li .item .video{width:100%} .s .news-carousel.news-1fach li .text{width:100%; padding:0 20px} .news-carousel.news-1fach.noimg li {max-width:700px} .news-carousel.news-1fach.noimg li > a {gap:0} .news-carousel.news-1fach.noimg .image{display:none} .news-carousel.news-1fach.noimg li .text{width:100%} /*Beitrag aus Newsroom*/ .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;} /********** Quadratteaser **********/ .topicspage.square-teaser-area {margin-top:0px !important; padding:60.1px 0 0px max(calc((100% - 1258px)/2), 20px)!important} .s .topicspage.square-teaser-area {padding-top:60px !important} .topicspage.square-teaser-area .inner{margin:0px!important; padding:0!important; max-width:none!important} .s .topicspage.square-teaser-area .inner:before{left:0} .topicspage.square-teaser-area .content:before { content: ""; display: table;} .topicspage.square-teaser-area h2 { margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;} .s .topicspage.square-teaser-area h2 {max-height: none;padding-right:20px} .topicspage.square-teaser-area .buttons { position:absolute; top:20px; right:0} html:not(.l) .topicspage.square-teaser-area .buttons { right:20px} .topicspage.square-teaser-area button {opacity:0;transition:opacity 0.25s; position: absolute!important; top: calc(50% - 44px); z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px; border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand) } .topicspage.square-teaser-area button:hover{opacity:1!important} .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {transform:rotate(180deg);left: 100px} .topicspage.square-teaser-area button.square-teaser-swiper-button-next {right: 100px} .topicspage.square-teaser-area:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.square-teaser-swiper-button-next {display:none} .topicspage.square-teaser-area.begin button.square-teaser-swiper-button-prev {display:none} .topicspage.square-teaser-area.end button.square-teaser-swiper-button-next {display:none} .s .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {display:none} .s .topicspage.square-teaser-area button.square-teaser-swiper-button-next {display:none} .topicspage.square-teaser-area .slider {margin:0} .topicspage.square-teaser-area .swiper {overflow:visible; cursor: grab} .topicspage.square-teaser-area ul.swiper-wrapper {user-select:none;list-style:none;margin:0;padding:0 !important; display: flex;gap:0px;width:5000%} .s .topicspage.square-teaser-area ul {gap:0px;} .topicspage.square-teaser-area li{width:420px;max-width:calc(100vw - 80px) !important; flex-shrink: 0;padding:45px 0px 50px} .topicspage.square-teaser-area:not(.grau):has(+:not(.grau)) li{padding-bottom:50px} /*ww*/ .topicspage.square-teaser-area:not(.grau):has(+.grau) li{padding-bottom:50px} /*wg*/ .topicspage.square-teaser-area.grau:has(+.grau) li{padding-bottom:50px} /*gg*/ .topicspage.square-teaser-area.grau:has(+:not(.grau)) li{padding-bottom:50px} /*gw*/ .topicspage.square-teaser-area li:before{content:none !important} .topicspage.square-teaser-area .image{ position:relative;width:100%;aspect-ratio:1/1;overflow:hidden} .topicspage.square-teaser-area .image:has(video):before{ content:'video';position:absolute;z-index:1;background:rgba(255,255,255,0.5); padding:20px} .topicspage.square-teaser-area img{ width:100%;transition:transform 0.2s ease-in-out;transform:scale(1)} .topicspage.square-teaser-area a:hover img{ transform:scale(1.05)} .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);} .topicspage.square-teaser-area video{ width:100%;} .topicspage.square-teaser-area video + .bildnachweis {display:none} .topicspage.square-teaser-area .text{} .topicspage.square-teaser-area a{display:block;color:#4e4e4e!important; text-decoration:none!important;} .topicspage.square-teaser-area a:hover{color:#4e4e4e!important; text-decoration:none!important} .topicspage.square-teaser-area .text{background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -13px} .topicspage.square-teaser-area h3{margin:25px 40px 0 0;font-size:26px; line-height: 32px;} .topicspage.square-teaser-area a:hover h3{text-decoration:underline!important} .topicspage.square-teaser-area p{margin:16px 0 0;padding-right:60px ;font-size:19px;line-height:28px;max-height:90px;overflow:hidden} /********** outro **********/ .topicspage.outro {margin-top:0px !important; padding-top:60.1px !important;padding-bottom:55px !important} .s .topicspage.outro {padding-top:60px !important;} .topicspage.outro.grau{background-color:var(--topicspage--color-grey)} .topicspage.outro .content:before {content:""; display:table; width:100%;} .topicspage.outro .content:after {content:""; display:table; width:100%;} .topicspage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;} .topicspage.outro.img-text h2 { float:right; padding-left:40px;} .m .topicspage.outro h2 { float:none;width:auto} .s .topicspage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px} .topicspage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px} .topicspage.outro.img-text .image {float:left;} .m .topicspage.outro .image {float:none; width:auto;max-width:600px} .s .topicspage.outro .image {float:none; width:auto} .topicspage.outro .image img {width:100%;height:auto} .topicspage.outro .image video {width:100%;height:auto} .topicspage.outro .image iframe {width:100%;aspect-ratio:16/9} .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);} .topicspage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px} .topicspage.outro.img-text .text {float:right; padding-left:40px;} .m .topicspage.outro .text {float:none; width:auto; margin-top:40px} .s .topicspage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px} .topicspage.outro .text p:first-child{margin-top:0} .topicspage.outro .text p:nth-last-child(2){margin-bottom:0} .topicspage.outro .calltoaction {margin-top:50px;} .m .topicspage.outro .calltoaction {margin-top:40px;} .s .topicspage.outro .calltoaction {margin-top:35px;} .teaser-3fach-new{position:relative} .teaser-3fach-new.lightbox{z-index:20} .teaser-3fach-new .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;} .teaser-3fach-new:not(.text) .text{ display:none} .teaser-3fach-new:not(.img, .video) .image{display:none} .teaser-3fach-new:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"} .teaser-3fach-new.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"} .teaser-3fach-new.img:not(.text) .content, .teaser-3fach-new.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"} .teaser-3fach-new.text.img .content, .teaser-3fach-new.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"} html:not(.l) .teaser-3fach-new.text.img .content, 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"} .teaser-3fach-new h2{padding-top:30px;margin:0;max-width:700px;grid-area: h2} .s .teaser-3fach-new h2{padding:30px 20px 0} .teaser-3fach-new .text{line-height:33px;margin:40px 0 50px;max-width:700px;grid-area: text} .teaser-3fach-new .text:empty{margin:0;height:50px} .s .teaser-3fach-new .text{padding:0 20px} .teaser-3fach-new .text p:first-child {margin-top:0 } .teaser-3fach-new .text p:last-child {margin-bottom:0 } .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} .teaser-3fach-new:not(.text,.video,.img) nav{margin-top:50px} .s .teaser-3fach-new nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px} .teaser-3fach-new nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important} .teaser-3fach-new nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1} .m .teaser-3fach-new nav li{width:calc(50% - 15px);} .s .teaser-3fach-new nav li{width:100%} .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)} .teaser-3fach-new li.lightbox{z-index:2} .teaser-3fach-new li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222} html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{} html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1} .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;} .s .teaser-3fach-new li.lightbox .video{width: 100%} /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */ /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */ .teaser-3fach-new .plyr{pointer-events:none;bottom:auto !important} .teaser-3fach-new li.lightbox .plyr{pointer-events:auto;bottom:auto !important} .teaser-3fach-new li .plyr{position:relative !important} .m .teaser-3fach-new li .plyr{object-fit:cover;width:100%;height:100%;} 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} button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important} button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)} button.cluster-video-open:focus span{border:6px solid #fff} .teaser-3fach-new .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto; aspect-ratio: 733/414} .teaser-3fach-new li.lightbox .uhh.iframe iframe{pointer-events:auto;} button.cluster-video-open.uhh.iframe span{padding:48px;} button.cluster-video-close{display:none} .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;} .kachel-cluster-video .image{pointer-events:none;} .teaser-3fach-new nav li:before{content:none!important} .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)} .s .teaser-3fach-new nav a{padding:40px 0 40px 20px} .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} .teaser-3fach-new nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)} .teaser-3fach-new nav a, .teaser-3fach-new nav a h3{ text-decoration:none!important} @media (hover: hover) { .teaser-3fach-new nav a:hover h3{ text-decoration:underline!important} } .teaser-3fach-new nav p{margin:15px 60px 0 0 } .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; } .teaser-3fach-new .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e);} /*content-page*/ body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s body.content-page .outer > .inner:before{left:20px} body.content-page .spalte.links p, body.content-page .spalte.links h1, body.content-page .spalte.links h2, body.content-page .spalte.links h3, body.content-page .spalte.links h4, body.content-page .spalte.links .standard *{ max-width:750px;} .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} .content-page .standard.nobox .content,.content-page .standard:not(.nobox) *{ max-width:700px } .content-page .standard:not(.nobox) h2{font-size:28px !important; line-height: 1.3em!important} .content-page .standard:not(.nobox) h3{font-size:24px !important; line-height: 1.3em!important} .content-page .standard:not(.nobox) h4{font-size:19px !important; line-height: 1.3em!important} .content-page .standard.nobox:not(:has(.content > h2)) .inner:before { content: none;} .content-page .standard.nobox .content > h2{font-size:38px !important} .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} .content-page .standard.nobox .text h3{font-size:24px !important; line-height: 1.3em!important} .content-page .standard.nobox .text h4{font-size:19px !important;line-height: 1.3em!important} .content-page .outer.h1 + .outer > div.standard { font-size:19px; line-height: 1.5em;} .content-page .outer.h1 + .outer > div.standard a{ color:#4e4e4e} .content-page .standard.nobox{ padding-top:55px !important; padding-bottom:55px !important; } body.content-page .standard.nobox + .standard.nobox:not(:has(h2)){padding-top:45px!important} .content-page .standard.nobox.blau{background-color:var(--topicspage--color-lightblue)!important } .s .content-page .standard.nobox{ margin-top:0 !important;} .s .content-page .standard.nobox.grau, .s .content-page .standard.nobox.blau{ margin: 0 0px 0 0px !important; padding-left:20px!important;padding-right: 20px !important;} body:not(.content-page) .standard.nobox{background-color:transparent!important} .s .content-page .standard.nobox .inner:before{left:0} .content-page .standard.nobox h2{ padding-top:30px;margin-top:0} .content-page .standard.nobox *:first-child{ margin-top:0 } .content-page .standard.nobox *:last-child{ margin-bottom:0 } .content-page .standard.nobox a{color:#4e4e4e} .content-page .outer .standard li:before {background: #0271bb!important} .content-page .outer .content li:before {background: #0271bb!important} .box-contact-boxes-container{ padding-top:55px !important; padding-bottom:55px !important; } .s .box-contact-boxes-container .content {padding:0 20px} .box-contact-boxes-container .content:before { content: ""; display: table;} /* .box-contact-boxes-container h2 { margin: 30px 0;} */ .box-contact-boxes-container .container {display:flex;width:100%;gap: 0 10%;font-size:19px; line-height:1.4em} .s .box-contact-boxes-container .container {flex-direction:column; gap: 60px 0} .box-contact-boxes-container .container .v4kontakt{width:50%;} .s .box-contact-boxes-container .container .v4kontakt{width:100%;} .box-contact-boxes-container .v4kontakt h2 {display:none} .box-contact-boxes-container :is(.intro, .name, .function, .position) {margin-bottom:10px} .box-contact-boxes-container .name {font-family: TheSansUHHBold , sans-serif;} .box-contact-boxes-container .phone {margin-top:15px;} .box-contact-boxes-container a {text-decoration:underline; color: var(--UHH4e4e4e-fff)} .box-contact-boxes-container a:hover {text-decoration:none} .box-contact-boxes-container .sprechzeiten.schaltbar{} .box-contact-boxes-container .sprechzeiten.schaltbar h4 {padding:8px 8px 8px 0;display:inline-block;width:auto} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a{padding:10px 10px 10px 30px;display:inline-block;width:auto} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:focus{color: #4e4e4e; background-color: #fff;} .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;} .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;} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:after{left:0} .box-contact-boxes-container .sprechzeiten.schaltbar .inhalt{margin-bottom:0;margin-top:0;padding-left:30px} .box-contact-boxes-container .sprechzeiten.schaltbar ul{margin-bottom:0;padding-left:0 !important} body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s body.content-page .outer > .inner:before{left:20px} body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important} body.content-page .box-event-application-form .content {max-width:733px} 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;} body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important} body.content-page .box-event-application-form .content {max-width:750px} 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;} body.content-page .box_event_application_form > ul > li .booking .calltoaction { font-size: 16px !important} body.content-page .box_event_application_form .date *{ font-size: 19px !important} body.content-page .box_event_application_form form.standard.uhh-form {font-size:18px} body.content-page .box_event_application_form > ul > li .title { font-size: 18px;} body.content-page .box_event_application_form form.standard.uhh-form .row.slot-info p:not(.date) {font-size: 18px!important} body.content-page .box_event_application_form > ul > li > div > .date { flex: 0 0 215px!important } .s body.content-page .box_event_application_form > ul > li > div > .date { flex: 0!important } .box_event_application_form > ul > li > div > .date { flex: 0 0 207px!important;line-height:1.2em!important} .s .box_event_application_form > ul > li > div > .date { flex: 0!important} body.content-page .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 196px} .box_event_application_form .date .sep{margin:0!important; display:inline!important } html.s .box_event_application_form .date>div:first-child:last-child .sep{margin:0 12px !important} .box_event_application_form .date .sep:after{ content:", "} html.s .box_event_application_form .date>div:first-child:last-child .sep:after{ content:"|"} html.s .box_event_application_form .date>div { content:"|"} html.s .box_event_application_form .date>div:first-child:not(:last-child) { margin-right:4px!important} html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table} html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table} html:not(.s) .box_event_application_form .date>div:first-child:last-child .sep{ display:none!important } .box_event_application_form > ul > li .date div:last-child { line-height: 1.2em;} .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 187px} .box_event_application_form > ul > li .date:has(.day) div:first-child {font-family: TheSansUHHRegularCaps,sans-serif!important } .box_event_application_form > ul > li .date .day {font-family: TheSansUHHBoldCaps, sans-serif;} .box_event_application_form > ul > li .date .hour {} .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");} .box_event_application_form .row.slot-info .date .sep{display:inline; margin:0} .box_event_application_form .row.slot-info .date .sep:after{content:', '} .box_event_application_form .row.datenschutz .content { line-height: 1.4em} .content-page .form-confirm .alert h2 {font-size:28px} .content-page .form-confirm .alert p { font-size: 19px;line-height:1.5em} .content-page .form-confirm .data h2 { font-size: 28px !important} .content-page .form-confirm .data h3 { font-size: 24px} .content-page .form-confirm .data tr * { font-size: 19px!important; hyphens: auto!important} .content-page .event_application * { font-size: 19px} body.content-page .klappbox-ordner-rahmen:not(:has(h2)) .inner:before {content:none} body.content-page .klappbox-ordner-rahmen .alles{ margin-top: 0px!important;padding: 2px 9px 2px 7px!important} body.content-page .klappbox-ordner-rahmen .alles:before{ margin: 10px 6px 0 0!important;} body.content-page .klappbox-ordner-rahmen.grau .alles{ background-color:#fff} body.content-page .klappbox-ordner-rahmen{padding-top: 55px!important;padding-bottom: 45px!important} 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;} .s body.content-page .klappbox-ordner-rahmen .content > h2{padding:0 20px} body.content-page .klappbox-ordner-rahmen.grau h3{background-color:#fff} body.content-page .klappbox-ordner-rahmen .klappbox{padding:0!important} body.content-page .klappbox-ordner-rahmen .klappbox *{font-size:19px!important;line-height:1.5em!important} body.content-page .klappbox-ordner-rahmen .schaltbar{padding:0!important} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .inhalt{padding-bottom:0px!important;} body.content-page .klappbox-ordner-rahmen .klappbox h3 {font-size:22px!important;line-height:1.3em!important;max-width:none} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt {padding: 22px 18px 22px 54px} 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} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt:after {margin-top: -9px;} body.content-page .klappbox-ordner-rahmen .klappbox h4 {max-width:none} body.content-page .klappbox-ordner-rahmen .klappbox h4 a {font-size:20px!important;line-height:1.1em!important;} body.content-page .klappbox-ordner-rahmen .klappbox .subbox.schaltbar + .subbox.schaltbar {margin-top:10px} .s body.content-page .klappbox-ordner-rahmen .subbox{margin-left:-15px} body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child):before{content:'';display:table} body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child) h4{margin-top:10px} body.content-page .klappbox-ordner-rahmen .subbox + .subbox h4{margin-top:0} body.content-page .klappbox-ordner-rahmen .schaltbar>.inhalt { margin-top: 15px;padding-left:54px} body.content-page .klappbox-ordner-rahmen .inhalt a{ color: #4e4e4e} body.content-page .klappbox-ordner-rahmen .content .subinhalt .inhalt{padding-left:0; margin-top:0;margin-bottom:5px;padding-right:0;max-width:700px} body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt { padding: 15px 0 10px 54px; margin-top: 0px;;} body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt li + li{ margin-top:7px;}</style><link as="style" href="https://assets.rrz.uni-hamburg.de/assets/2-5d8b8e1ffaae120bfa293ff26c2f9b768954e90174c2fe711cb2752e214e1549.css" id="css-2" onload="this.onload=null;this.rel='stylesheet',this.removeAttribute('as')" rel="preload" /><link as="script" href="https://assets.rrz.uni-hamburg.de/assets/2-9245fe52fa0a9ade41561d552aee1dd864224d6c84fc488e8c3ace6617309aae.js" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-32ba22c7d79fd9bb62f6fdc072fb890589bf54d6665920f1c24590c325a3239b.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-7bc7a19f2f859b122f413c47ab20a3459e68b5484d4e41852c867e1af7fdb23f.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-e693e29862e9a63c8fcda7276514608cf455cb6db1c1d5ba18a5cbbafdb8453b.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-2b6f7440c42c3e72ad537b81477bb606ae8e63b48872d6bd715b19a5a7811ba7.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-d6fab6cd19bfdef91af497a14e0f55591960c719c1e743956e22524fbdff953d.woff2" rel="preload" /><noscript><link rel="stylesheet" href="https://assets.rrz.uni-hamburg.de/assets/2-5d8b8e1ffaae120bfa293ff26c2f9b768954e90174c2fe711cb2752e214e1549.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(); ;(function(){ window.addEventListener('error', detectJavascriptErrors); function detectJavascriptErrors(ev) { var error; 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 }} catch (err) {error = {catchMessage: err.message, message: ev.message, filename: ev.filename, platform: navigator.platform}} var img = new Image(); img.src = 'https://www.betterweb.uni-hamburg.de/web/error.png?error=' + encodeURIComponent(JSON.stringify(error)) + '&t='+Date.now(); window.removeEventListener('error', detectJavascriptErrors); } })(); var htmlEl = document.documentElement; var UHH = { onload: function(f){ if (document.readyState == "complete") { f() } else { window.addEventListener("load", f )} }, ready: function(f){ if (document.readyState == "interactive" || document.readyState == "complete") { UHH.raf(f) } else { document.addEventListener("DOMContentLoaded", function(){UHH.raf(f)})} }, ready2: function(f){$(f)}, hasClass : function(name,el){ var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" "); for (var i=0; i<c.length;i++) { if (c[i]===name) {return true; break} } return false }, addClass: function(name,el){ var cn = el.className; var c = name.split(" "); for (var i=0; i<c.length;i++) { if (!UHH.hasClass(c[i],el)) {cn = [cn, c[i]].join(' ')} } el.className = cn; }, removeClass: function(name,el){ var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" "); var n = name.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" "); 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)} } } el.className = c.join(" "); }, when: function (condition, then, dt) { dt = dt ? dt : 50; var DT = 10000, ready = false; setTimeout(loop,dt); function loop() { try { ready = condition() } catch(e) {} if (ready == true) { then() } else if (dt < DT){ dt *= 1.25; setTimeout(loop,dt) } } }, $: function(f){ UHH.when( function () {return ("jQuery" in window)}, f) }, $$: function(f){ UHH.when( function () {return (("jsReady" in UHH) && UHH.jsReady)}, f) }, raf: function(f){ if ("requestAnimationFrame" in window) { window.requestAnimationFrame(f) } else { setTimeout(f,20) } }, importJS: function (url, options) { var id = options && options.id ? options.id : false; var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false; if (!id || (id && !document.getElementById(options.id))) { var newJS = document.createElement("script"); newJS.crossorigin = "anonymous"; if (!!id) {newJS.id = options.id} if (!!onload) { newJS.onload = options.onload } document.head.appendChild(newJS); newJS.src = url; } }, importCSS: function (url, options) { var id = options && options.id ? options.id : false; var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false; if (!id || (id && !document.getElementById(options.id))) { var newCSS = document.createElement('link'); newCSS.rel = 'stylesheet'; newCSS.type = 'text/css'; newCSS.media = 'screen'; if (!!id) {newCSS.id = options.id} if (!!onload) { newCSS.onload = options.onload } document.head.appendChild(newCSS); newCSS.href = url; } } }; UHH.addClass('js',htmlEl); if (!(function(){try{return (window.document.createElement("link").relList.supports( "preload" ))}catch(e){return false}})()) { (function(){ var css = document.getElementById('css-2'); css.media = "print"; css.rel = "stylesheet"; css.removeAttribute('as'); css.onload = null; css.onload = function(){ this.onload=null; this.media="all"; } })() } ;(function responsive(){ if (window.matchMedia) { var m = window.matchMedia( "(max-width: 1200px)" ); var s = window.matchMedia( "(max-width: 640px)" ); m.addListener(function() {responsive(m,s)}); s.addListener(function() {responsive(m,s)}); responsive(m,s) } function responsive(m,s){ var cl = 'l'; if (window.matchMedia) { if (m.matches) { cl = 'm' } if (s.matches) { cl = 's' } } UHH.removeClass('s m l',htmlEl); UHH.addClass(cl,htmlEl); if (typeof toggleDom == "function") {toggleDom();} if ("$" in window) { $(window).trigger("responsiveSlotChange") } } })();</script><script src="https://assets.rrz.uni-hamburg.de/assets/2-9245fe52fa0a9ade41561d552aee1dd864224d6c84fc488e8c3ace6617309aae.js"></script><style>@media (min-width: 0px) and (max-width: 640px) { .slide-1-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-inhalt volle-breite" id="6774522"><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">University of Hamburg</a></li><li class="presse"><a href="https://www.uni-hamburg.de/en/newsroom/presse.html">For journalists</a></li><li class="intranet"><a href="https://www.kus.uni-hamburg.de/en.html" rel="noopener" target="_blank">Staff Service 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&PRGNAME=EXTERNALPAGES&ARGUMENTS=-N000000000000002,-N000034,-Awelcome">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>Institutions and target groups</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>Faculties</span></strong></p><ul><li><a href="https://www.jura.uni-hamburg.de/en.html"><span>Faculty of Law</span></a></li><li><a href="https://www.wiso.uni-hamburg.de/en.html"><span>Faculty of Business, Economics and Social Sciences</span></a></li><li><a target="_blank" href="https://www.uke.de/english/organizational-structure/faculty-of-medicine/index.html"><span>Faculty of Medicine</span></a></li><li><a href="https://www.ew.uni-hamburg.de/en.html"><span>Faculty of Education</span></a></li><li><a href="https://www.gw.uni-hamburg.de/en.html"><span>Faculty of Humanities</span></a></li><li><a href="https://www.min.uni-hamburg.de/en.html"><span>Faculty of Mathematics, Informatics and Natural Sciences</span></a></li><li><a href="https://www.pb.uni-hamburg.de/en.html"><span>Faculty of Psychology and Human Movement Science</span></a></li><li><a href="https://www.bwl.uni-hamburg.de/en.html"><span>Faculty of Business Administration</span></a></li></ul></li><li class="dienste rubrik"><p><strong><span>Services</span></strong></p><ul><li><a target="_blank" rel="noopener" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&PRGNAME=EXTERNALPAGES&ARGUMENTS=-N000000000000002,-N000034,-Awelcome"><span> Study Information Net STiNE </span></a></li><li><a target="_blank" rel="noopener" href="https://surfmail.rrz.uni-hamburg.de/login.php?new_lang=en_US"><span>Surfmail</span></a></li><li><a target="_blank" rel="noopener" href="https://exchange.uni-hamburg.de/owa/auth/logon.aspx?replaceCurrent=1&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/en.html"><span>Staff Service Portal</span></a></li><li><a target="_blank" rel="noopener" href="https://www.uni-hamburg.de/en/elearning/werkzeuge/lernplattformen.html"><span>Learning Platforms</span></a></li><li><a target="_blank" rel="noopener" href="https://katalogplus.sub.uni-hamburg.de/vufind/"><span>Katalogplus – Catalogue of Hamburg Libraries</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>Student facilities and services</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/en/campuscenter.html"><span>Campus Center</span></a></li><li><a href="https://www.uni-hamburg.de/en/career-center.html"><span>Career Center</span></a></li><li><a href="https://www.uni-hamburg.de/en/piasta.html"><span>PIASTA</span></a></li><li><a href="https://www.asta-uhh.de"><span>AStA (student council)</span></a></li><li><a href="https://www.hochschulsport.uni-hamburg.de/"><span>University Sports</span></a></li><li><a href="https://www.akamusik.uni-hamburg.de/"><span>University Music</span></a></li><li><a href="https://www.uni-hamburg.de/en/familienbuero.html"><span>Family Office</span></a></li><li><a href="https://www.uni-hamburg.de/en/sprachenzentrum.html"><span>University Language Center</span></a></li><li><a href="https://www.uni-hamburg.de/en/allgemeinsprachen.html"><span>General Languages</span></a></li><li><a href="https://www.uni-hamburg.de/studieren-mit-behinderung.html"><span>Office of Affairs for Students with Disabilities or Chronic Diseases</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/studierende/bibliotheken.html"><span>Departmental libraries</span></a></li></ul></li><li class="weitere rubrik"><p><strong><span>Further facilities and services</span></strong></p><ul><li><a href="https://www.cliccs.uni-hamburg.de/en.html"><span>The Cluster of Excellence CLICCS</span></a></li><li><a href="https://www.cui-advanced.uni-hamburg.de/en.html"><span>The Cluster of Excellence CUI</span></a></li><li><a href="https://www.qu.uni-hamburg.de/"><span>The Cluster of Excellence Quantum Universe</span></a></li><li><a href="https://www.csmc.uni-hamburg.de/written-artefacts.html"><span>The Cluster of Excellence Understanding Written Artefacts</span></a></li><li><a href="https://www.cen.uni-hamburg.de/en.html"><span>Center for Earth System Research and Sustainability</span></a></li><li><a href="https://www.isa.uni-hamburg.de/"><span>Center for Interdisciplinary Studies and Academic Skills</span></a></li><li><a href="https://www.hul.uni-hamburg.de/"><span>Hamburg Center for University Teaching and Learning (HUL)</span></a></li><li><a href="https://www.hra-hamburg.de/en.html"><span>Hamburg Research Academy</span></a></li><li><a href="https://www.uni-hamburg.de/en/transfer.html"><span>Knowledge Exchange Agency</span></a></li><li><a href="https://www.uni-hamburg.de/en/museen-sammlungen.html"><span>Museums and collections</span></a></li><li><a target="_blank" href="https://www.pier-plus.de/en.html"><span>Pier Plus</span></a></li><li><a href="https://www.rrz.uni-hamburg.de/"><span>Regional Computing Center (RRZ)</span></a></li><li><a href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung.html"><span>University Administration</span></a></li><li><a href="https://www.archiv.uni-hamburg.de/"><span>University Archives (in German)</span></a></li><li><a href="https://www.unikontor.de/"><span>The Unikontor Shop (in German)</span></a></li></ul></li></ul></li><li class="zielgruppen rubrik rechts"><p><strong><span>Target groups</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/en/studium/studieren-in-hamburg.html"><span>Prospective students</span></a></li><li><a href="https://www.uni-hamburg.de/en/studium.html"><span>Students</span></a></li><li><a href="https://www.uni-hamburg.de/en/campuscenter/bewerbung/international.html"><span>International prospective students</span></a></li><li><a href="https://www.uni-hamburg.de/en/forschung/nachwuchs/promotion.html"><span>Young researchers</span></a></li><li><a href="https://www.uni-hamburg.de/en/lp-forschende.html"><span>Researchers</span></a></li><li><a href="https://www.kus.uni-hamburg.de/en/zielgruppen/lehrende.html"><span>Instructors</span></a></li><li><a href="https://www.kus.uni-hamburg.de/en/"><span>Staff</span></a></li><li><a href="https://www.uni-hamburg.de/en/service/weiterbildung.html"><span>Prospective continuing education students</span></a></li><li><a href="https://www.uni-hamburg.de/en/service/alumni.html"><span>Alumni</span></a></li><li><a href="https://www.uni-hamburg.de/en/newsroom.html"><span>Journalists</span></a></li><li><a href="https://www.uni-hamburg.de/uhhhilft.html"><span>Refugees (in German only)</span></a></li></ul></li></ul><a aria-controls="quickmenu" aria-expanded="false" aria-label="quick menu" class="schliessen" href="#" id="quickmenuclose" role="button">Close</a></div></li><li class="sprache"><a aria-controls="sprachauswahl" aria-expanded="false" aria-label="Choose Language" href="#" id="sprachauswahlschalter" role="button"><span lang="en">Language</span></a><ul class="sprachen" id="sprachauswahl"><li><a href="/en/forschung/karrierewege.html">English</a></li><li><a href="/forschung/karrierewege.html">Deutsch</a></li></ul></li><li class="suche"></li><li class="mobilemenu"><div class="ajax versteckt"><div class="url">/en/sitemap.json</div></div><a aria-controls="mobilemenu" aria-expanded="false" aria-label="Menu" href="#" id="hamburger" role="button"></a><div id="mobilemenu"></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="Home" alt="University of Hamburg - to research, to teach, to educate and form, to homepage" src="https://assets.rrz.uni-hamburg.de/assets/uhh-logo-16dab7756eecc70a7649a242498868c6bb37872e5eae6023b38026faeef923c3.svg" /></a></div></div></section></header><section class="nav"><div class="breite"><nav aria-label="Hauptnavigation" class="top menu" id="nav"><ul><li><a href="/en/studium.html">Studies</a><ul><li><a href="/en/studium/campus-leben.html">Campus life</a></li><li><a href="/en/campuscenter/studienorientierung.html">Academic orientation</a></li><li><a href="/en/campuscenter/studienorganisation.html">Organizing your studies</a></li><li><a href="/en/campuscenter/studienangebot.html">Degree programs</a></li><li><a href="/en/campuscenter/bewerbung.html">Applying</a></li><li><a href="/en/campuscenter/beratung.html">Service and advising</a></li></ul></li><li><a class="hier" href="/en/forschung.html">Research</a><ul><li><a href="/en/forschung/forschungsprofil.html">Research profile</a></li><li><a class="hier" href="/en/forschung/karrierewege.html">Academic career opportunities</a></li><li><a href="/en/forschung/forschungsfoerderung.html">Research management</a></li><li><a href="/en/forschung/nachwuchs.html">Early Career Research Support</a></li><li><a href="/en/forschung/wissenschaftliche-integritaet.html">Research integrity</a></li><li><a href="/en/forschung/kontakt.html">Contact</a></li></ul></li><li><a href="/en/internationales.html">International</a><ul><li><a href="/en/internationales/studierende.html">Students</a></li><li><a href="/en/internationales/nachwuchs-wissenschaft.html">Doctoral and early career researchers</a></li><li><a href="/en/internationales/mitarbeitende.html">Researchers and Staff</a></li><li><a href="/en/internationales/profil.html">Internationalization Strategy</a></li><li><a href="/en/internationales/hochschulpartnerschaften.html">Strategic university partnerships and profile partnerships</a></li><li><a href="/en/internationales/kontakt.html">Contact</a></li></ul></li><li><a href="/en/transfer.html">Knowledge exchange</a><ul><li><a href="/en/transfer/transferprojekte-foerderung.html">Knowledge exchange projects and funding</a></li><li><a href="/en/transfer/kontakt.html">Contact Knowledge Exchange Agency</a></li><li><a href="/en/transfer/transfer-mission-und-transferagentur.html">Knowledge exchange mission</a></li></ul></li><li><a href="/en/uhh.html">University</a><ul><li><a href="/en/newsroom.html">Newsroom</a></li><li><a href="/en/uhh/profil.html">Profile</a></li><li><a href="/en/uhh/organisation.html">Organization</a></li><li><a href="/en/exzellenz.html">Excellence</a></li><li><a href="/en/stellenangebote.html">Job Opportunities</a></li><li><a href="/en/kontakt.html">Contact and services</a></li></ul></li></ul></nav><section aria-label="Suche" id="suche"><a aria-controls="sucheingabe" aria-expanded="false" aria-label="Search" href="#" id="suchea" role="button"></a><form action="/en/search.html" id="sucheingabe"><input aria-label="Search term" 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><nav aria-label="Breadcrumb" class="breadcrumb"><ol typeof="BreadcrumbList" vocab="https://schema.org/"><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" href="/en.html"><span property="name">UHH</span></a><meta content="1" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" href="/en/forschung.html"><span property="name">Research</span></a><meta content="2" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" aria-current="page" href="/en/forschung/karrierewege.html"><span property="name">Academic career opportunities</span></a><meta content="3" property="position" /></li></ol></nav><main id="hauptinhalt"><section class="spalten"><article class="spalte links"><div class="outer landingpage intro" id="6774522"><div class="inner"><div class="content"><div class="header"><h1>Academic career opportunities</h1><h2>Excellent research and working conditions for doctoral and postdoctoral researchers</h2></div><div class="image"><div class="img"><img alt="Die Zeichnung zeigt eine Frau, die eine Karte mit dem Titel "Career Paths" hält." title="Career Paths" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21290249/karrierewege-en-7a986d96c3bd6ffcaf33b55862bbf9356f325783.png" /><p class="bildnachweis">Photo: UHH/Vogiatzis</p></div></div><div class="text"><p>Universität Hamburg not only provides you with excellent research and working conditions it also sets standards with a broad spectrum of measures aimed at boosting research and academic career opportunities.</p><p>As part of the University’s excellence strategy these measures are consolidated under the heading Hanseatic Academic Career, following the principle of Recruiting—Fostering—Retaining in addition to the hitherto predominant Fostering—Advancing—Transferring career approach. Find below further information on your next career steps at UHH. </p><a class="calltoaction" href="/en/stellenangebote.html">Current Job Opportunities</a></div></div></div></div><div class="outer content-navi landingpage" id="21257148"><div class="inner"><div class="content"><h2>Content</h2><nav aria-label="Übersicht"><ul><li><a href="#21257239">Prospective Doctoral Researchers</a></li><li><a href="#21257256">Doctoral Phase</a></li><li><a href="#21257269">Postdoctoral Phase</a></li><li><a href="#21257284">Junior Research Groups and W1 Professorships</a></li><li><a href="#21257299">Further Career Opportunities</a></li><li><a href="#21257316">Calender of Events</a></li><li><a href="#21257327">More Advising Offers</a></li><li><a href="#21257343">Internal Offers and Information</a></li><li><a href="#21257359">Stay in the Loop</a></li></ul></nav></div></div></div><div class="outer slider-vollbreit landingpage landingpage" id="21257166"><div class="inner"><div class="content"><h2>Attractive Careers in Research, Teaching and Higher Education Management</h2><div class="text"><p></p></div><div class="ersti-swiper-wrapper"><div class="ersti swiper"><div class="swiper-wrapper"><div class="swiper-slide"><div class="foto"><img alt="Prof. Dr. Elisa Linseisen" title="Prof. Linseisen" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014476/230110-linseisen-elisa-esfandiari-6707-733x414-96ff82b3aeb1519bc2896c5c84bdecb0f865dd15.jpg" /><p class="bildnachweis">Photo: UHH/Esfandiari</p></div><div class="slide-text"><h3>Tenure-Track Professorship</h3><p>Prof. Dr. Elisa Linseisen is a tenure-track professor of digital audiovisual media at Universität Hamburg. In this short interview, we learn more about Prof. Linseisen and her motives.</p><div class="button"><a target="_blank" class="calltoaction" href="/en/forschung/karrierewege/interview-prof-linseisen.html">Interview with Elisa Linseisen</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Katharina Holube" title="Katherina Holube" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21272325/katharina-holube-733x414-f39c832168926af1f0ce3132cad6f19f7d0a2834.jpg" /><p class="bildnachweis">Photo: Holube</p></div><div class="slide-text"><h3>Fast-Track Doctoral Program</h3><p>Katharina Holube is one of the first doctoral researchers in the Fast-Track Program at Universität Hamburg. In the interview below, we introduce her and the opportunities the Fast-Track Program program affords. </p><div class="button"><a target="_blank" class="calltoaction" href="/en/forschung/karrierewege/interview-katherina-holube.html">Interview with Katharina Holube</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Dr. Katrin Seelhorst" title="Dr. Katrin Seelhorst" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014485/dr-katrin-seelhorst-733x414-92c645196d9e9c34fce925bc496b420c6dba9e28.jpg" /><p class="bildnachweis">Photo: UHH/Feuerböther</p></div><div class="slide-text"><h3>Research and Higher Education Management</h3><p>Dr. Katrin Seelhorst works in the office of the dean for the Faculty of Mathematics, Informatics and Natural Sciences. Below, we introduce her and her work in research and higher education management.</p><div class="button"><a target="_blank" class="calltoaction" href="/en/forschung/karrierewege/interview-dr-seelhorst.html">Interview with Katrin Seelhorst</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Patrick Grommes im Treppenhaus der Universität Hamburg" title="240111-wissenschaftliche-mitarbeiterinnen-interviews-grommes-8389-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/22366141/240111-wissenschaftliche-mitarbeiterinnen-interviews-grommes-8389-733x414-d2200c8f0ac44c0acb93a3a9a8b8d23e5ef144a6.jpg" /><p class="bildnachweis">Photo: UHH/Göttling</p></div><div class="slide-text"><h3>Research Assistant for Teaching (WiMiLe)</h3><p>Dr. Patrick Grommes is a research assistant with teaching duties at Universität Hamburg. He talks about his work in a short interview.</p><div class="button"><a target="_blank" class="calltoaction" href="/en/forschung/karrierewege/interview-dr-grommes.html">Interview with Dr. Patrick Grommes</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Eline Gerritsen im Treppenhaus der Universität Hamburg" title="240111-wissenschaftliche-mitarbeiterinnen-interviews-gerritsen-8534-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/22366152/240111-wissenschaftliche-mitarbeiterinnen-interviews-gerritsen-8534-733x414-bb77e0f24716033b3385ec1b13a7e89e9caaa213.jpg" /><p class="bildnachweis">Photo: UHH/Göttling</p></div><div class="slide-text"><h3>Postdoctoral Fellowship</h3><p>Dr. Eline Gerritsen holds a postdoctoral fellowship at Universität Hamburg in the Institute of Philosophy.</p><div class="button"><a target="_blank" class="calltoaction" href="/en/forschung/karrierewege/interview-dr-gerritsen.html">Interview with Dr. Eline Gerritsen</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Hannah-Lena Hagemann im Treppenhaus der Universität Hamburg" title="240111-wissenschaftliche-mitarbeiterinnen-interviews-hagemann-8461-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/22366130/240111-wissenschaftliche-mitarbeiterinnen-interviews-hagemann-8461-733x414-f6b4c05a86ea94603e54f70cf96bb71b9b530986.jpg" /><p class="bildnachweis">Photo: UHH/Göttling</p></div><div class="slide-text"><h3>Junior Research Group Leader</h3><p>Dr. Hannah-Lena Hagemann heads a junior research group in the Asia-Africa-Institute at Universität Hamburg. Below she explains what her work means to her.</p><div class="button"><a target="_blank" class="calltoaction" href="/en/forschung/karrierewege/interview-dr-hagemann.html">Interview with Dr. Hannah-Lena Hagemann</a></div></div></div></div></div><div class="buttons"><button class="right"></button><button class="left"></button></div></div></div></div></div><div class="outer landingpage teaser-cluster t-4" id="21257239"><div class="inner"><div class="content"><div class="text"><h2>Prospective Doctoral Researchers</h2><div><p>Do you want to do a doctorate? Read through all the information you need about the many ways to do a doctorate at Universität Hamburg.</p></div></div><div class="teasers"><a class="teaser teaser-1" href="https://www.hra-hamburg.de/en/promovierende/schritt-fuer-schritt.html"><div class="teaser-text"><h3>Step-by-step toward your Doctorate</h3><div><p>What does doing a doctorate involve? Where do you begin, and how do supervision, funding, and admission work? Read below for a step-by-step overview of doing a doctorate.</p></div></div><div class="teaser-img"><img alt="Gehende Person auf einer Brücke an der Alster." title="Schritt für Schritt zur Promotion" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014359/schritt-fuer-schritt-733x414-3575a306f1a72c1e59656d1325811aad0313e520.jpg" /></div><p class="bildnachweis">Photo: UHH/Esfandiari</p></a><a class="teaser teaser-2" href="/forschung/karrierewege/promotion.html"><div class="teaser-text"><h3>Doctorate at UHH</h3><div><p>From initial information to specific support and networking opportunities during your doctorate: Universität Hamburg and its faculties and central institutions offer you a wide range of services related to your doctoral thesis.</p></div></div><div class="teaser-img"><img alt="Das UHH Logo auf dem Campus im Frühling." title="Promotionsprogramme an der UHH" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014386/promotion-uhh-733x414-64d9b1c9069fcfc237a4ef4a740fe82940b17b52.jpg" /></div><p class="bildnachweis">Photo: UHH/Esfandiari</p></a><a class="teaser teaser-3" href="/en/forschung/karrierewege/promotion/fast-track.html"><div class="teaser-text"><h3>Fast-Track Doctorate</h3><div><p>The fast-track doctorate combines a master’s and doctoral program. It is especially designed for research-oriented bachelor’s students. Find out more.</p></div></div><div class="teaser-img"><img alt="Rote Pfeile auf dem Boden führen zu einer Tür." title="Fast Track-Promotion" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21252753/fast-track-pfeil-733x414-471801b0420952483657de3affb7ca7fce7679a2.jpg" /></div><p class="bildnachweis">Photo: UHH/Lutsch</p></a><a class="teaser teaser-4" href="https://www.uni-hamburg.de/en/campuscenter/bewerbung/promotion.html"><div class="teaser-text"><h3>Admissions to Doctoral Studies</h3><div><p>Once you have thought about a doctoral topic, supervision, and, if necessary, funding sources, take a look at the admission requirements for doctoral studies.</p></div></div><div class="teaser-img"><img alt="Ein Computer mit der Homepage der UHH auf einem Schreibtisch." title="Zulassung zur Promotion" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014368/zulassung-733x414-01842a4875d0f382defc876ce5f75c46b7257d45.jpg" /></div><p class="bildnachweis">Photo: UHH/Röttger</p></a></div></div></div></div><div class="outer landingpage teaser-cluster t-3" id="21257256"><div class="inner"><div class="content"><div class="text"><h2>Doctoral Phase</h2><div><p>Universität Hamburg offers various kinds of support as you pursue a doctorate. In addition to individual advice, workshops, and networking activities, the University also lends support if you have individual concerns or challenges.</p></div></div><div class="teasers"><a class="teaser teaser-1" href="/forschung/karrierewege/promotion.html"><div class="teaser-text"><h3>Doctorate at UHH</h3><div><p>From initial information to specific support and networking opportunities during your doctorate: Universität Hamburg and its faculties and central institutions offer you a wide range of services related to your doctoral thesis.</p></div></div><div class="teaser-img"><img alt="Blick in den Hörsaal während einer Vorlesung" title="Rund um die Promotion" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21022419/transferagentur-733x414-53602920b20fdef713d2bf75892688df25f50906.jpg" /></div><p class="bildnachweis">Photo: UHH/Möller</p></a><a class="teaser teaser-2" href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung/personal/karriereentwicklung.html"><div class="teaser-text"><h3>Career Development and Fostering Talent</h3><div><p>Universität Hamburg’s HR Development fosters your professional development, whether you want to advance in your current position or strive for a different one.</p></div></div><div class="teaser-img"><img alt="Eine visuelle Darstellung des Zirkels zur Karriereentwicklung." title="Karriereentwicklungszyklus" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21252720/karriereentwicklungszyklus-733x414-weiss-733x414-aeee2b6ac39540b5d2c0c66a1919c0a68d2ad3b1.jpg" /></div><p class="bildnachweis">Photo: UHH</p></a><a class="teaser teaser-3" href="https://www.hra-hamburg.de/en/promovierende.html"><div class="teaser-text"><h3>Hamburg Research Academy</h3><div><p>The Hamburg Research Academy provides support and services to doctoral students at Hamburg universities. It provides further qualifications, networking opportunities, and advice as you pursue your career.</p></div></div><div class="teaser-img"><img alt="Promovierendentag" title="HRA Promovierendentag" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/23413813/hra-promovierendentag-2023-oldorf-98-733x414-fc09f7b43fdc7e323e0696c0599613c4c7d69b7e.jpg" /></div><p class="bildnachweis">Photo: HRA/Olsdorf</p></a></div></div></div></div><div class="outer landingpage teaser-cluster t-4" id="21257269"><div class="inner"><div class="content"><div class="text"><h2>Postdoctoral Phase</h2><div><p>Staff members with a doctorate can find excellent working and research conditions at Universität Hamburg. Innovative careers can mean individual career development. Many institutions can also support you as your career progresses, whether within or outside academia.</p></div></div><div class="teasers"><a class="teaser teaser-1" href="/forschung/karrierewege/postdocs.html"><div class="teaser-text"><h3>Postdocs at UHH</h3><div><p>Universität Hamburg offers postdoctoral researchers a variety of attractive career paths. The guiding principles of our appointment and career system are "promote – qualify – change" and "attract – promote – retain". .</p></div></div><div class="teaser-img"><img alt="Eine Person unterrichtet in einem Seminarraum" title="Postdoc-Phase" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/23611207/postdoc-733x414-2f0a82ec32db332df8b1b4b9d56680776b398789.jpg" /></div><p class="bildnachweis">Photo: UHH/von Wieding</p></a><a class="teaser teaser-2" href="https://www.hra-hamburg.de/en/postdocs-w1profs.html"><div class="teaser-text"><h3>Hamburg Research Academy</h3><div><p>The Hamburg Research Academy supports postdoctoral researchers at Hamburg universities. It provides further qualifications, networking opportunities, and advice as you pursue your career.</p></div></div><div class="teaser-img"><img alt="Zwei Frauen stehen vor einem Banner der HRA." title="Hamburg Research Academy" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21119270/hra-postdocs-hra-wied-733x414-24d71e58e5c13cca5429d613db7e7b8abaa29321.jpg" /></div><p class="bildnachweis">Photo: HRA/Wied</p></a><a class="teaser teaser-3" href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung/personal/karriereentwicklung.html"><div class="teaser-text"><h3>HR Development at Universität Hamburg</h3><div><p>HR Development at Universität Hamburg offers all University employees opportunities in the areas of leadership, cooperation, career development, and advanced training and continuing education.</p></div></div><div class="teaser-img"><img alt="Eine visuelle Darstellung des Zirkels zur Karriereentwicklung." title="Karriereentwicklungszyklus" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21252720/karriereentwicklungszyklus-733x414-weiss-733x414-aeee2b6ac39540b5d2c0c66a1919c0a68d2ad3b1.jpg" /></div><p class="bildnachweis">Photo: UHH</p></a><a class="teaser teaser-4" href="/en/forschung/nachwuchs/postdoc-foerderung.html"><div class="teaser-text"><h3>Early Career Researchers</h3><div><p>The Early Career Researchers office offers support and advice when you apply for external funding and throughout the doctoral and postdoctoral phases. You can also find helpful staff members here if you apply for travel expense subsidies.</p></div></div><div class="teaser-img"><img alt="Eine Frau und ein Mann sitzen an einem Tisch auf dem Dokumente liegen, die Frau macht sich Notizen." title="Referat Nachwuchsförderung" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21119082/230425-beratungssituation-nachwuchsfoerderung-esfandiari-0334-733x414-733x414-b062a7378bc40a62dff49f4c475d6f0e9d8e31d5.jpg" /></div><p class="bildnachweis">Photo: UHH/Esfandiari</p></a></div></div></div></div><div class="outer landingpage teaser-cluster t-3" id="21257284"><div class="inner"><div class="content"><div class="text"><h2>Junior Research Groups and W1 Professorships</h2><div><p>A junior research group or a W1 professorship with or without tenure provide the best conditions for further success in academia. Universität Hamburg and its researchers are highly successful in both areas and enjoy the support of various institutions that are also happy to help you.</p></div></div><div class="teasers"><a class="teaser teaser-1" href="https://www.uni-hamburg.de/en/forschung/nachwuchs/postdocs/nachwuchsgruppenprogramme.html"><div class="teaser-text"><h3>Applying for a Junior Research Group</h3><div><p>The Support for Doctoral and Early Career Researchers section at Universität Hamburg can help you if you apply for a junior research group or wish to become involved in one at Universität Hamburg.</p></div></div><div class="teaser-img"><img alt="Schriftzug "Der Forschung" Hauptgebäude" title="Einwerbung einer Nachwuchsgruppe" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21024387/221011-forschung-schriftzug-esfandiari-3776-733x414-7055df1ddbdc568b71a5ef1a60192b1518c57d9b.jpg" /></div><p class="bildnachweis">Photo: UHH/Esfandiari</p></a><a class="teaser teaser-2" href="https://www.uni-hamburg.de/en/uhh/organisation/stabsstellen/berufungen/juniorprofessur.html"><div class="teaser-text"><h3>W1 Professorship at Universität Hamburg</h3><div><p>The W1 professorship prepares you for a W2/W3 professorship at another university. Following a successful second evaluation, a W1 professorship with tenure leads to a tenured position at Universität Hamburg. Contact the Professorial Appointments Unit for more information.</p></div></div><div class="teaser-img"><img alt="Vier Personen sprechen miteinander." title="W1-Professur an der Universität Hamburg." src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21119630/tenure-track-neu-733x414-a10ae4df83b57eb780c8864cd6617c778e679fd3.jpg" /></div><p class="bildnachweis">Photo: UHH/vonWieding</p></a><a class="teaser teaser-3" href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung/personal/karriereentwicklung/reflektieren/jp.html"><div class="teaser-text"><h3>Coaching and Advice</h3><div><p>HR Development at Universität Hamburg offers junior research group heads and W1 professors comprehensive coaching and support.</p></div></div><div class="teaser-img"><img alt="Zwei Frauen sitzen an einem Tisch, weitere Personen sind auf einem großen Bildschirm virtuell zugeschalten." title="Coaching & Beratung" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014395/hamburg-research-academy-733x414-6f566c619cba73c095c7c9f552d0cda936a879f9.jpg" /></div><p class="bildnachweis">Photo: UHH/Esfandiari</p></a></div></div></div></div><div class="outer landingpage teaser-cluster t-4" id="21257299"><div class="inner"><div class="content"><div class="text"><h2>Further Career Paths</h2><div><p>If you wish to work in research and higher education management after you complete a doctorate or postdoctoral phase, or if you are interested in the nonuniversity labor market, Universität Hamburg offers various types of support. </p></div></div><div class="teasers"><a class="teaser teaser-1" href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung/personal/karriereentwicklung/qualifizieren/zertifikat-wm.html"><div class="teaser-text"><h3>Careers in Research and HE Management</h3><div><p>Research funding, degree program planning, or higher education strategy— if you wish to work in academic and research and higher education managements after you do your doctorate, HR Development can help you via the Research and Higher Education Management program.</p></div></div><div class="teaser-img"><img alt="Ein Laptop und eine Tasse stehen auf einem Schreibtisch." title="Karriere im Wissenschaftsmanagement" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21069075/arbeitsplatz-733x414-d01f629854eaa02300fd0cb30f08e85cb7a665c5.jpg" /></div><p class="bildnachweis">Photo: UHH/Lutsch</p></a><a class="teaser teaser-2" href="https://www.uni-hamburg.de/en/transfer/innovation-gruendung/gruendungsservice.html"><div class="teaser-text"><h3>Founding and Innovating</h3><div><p>Universität Hamburg’s Start-Up Service supports you in your plans, from idea to starting up. The team has extensive expertise and advising experience.</p></div></div><div class="teaser-img"><img alt="Personen sitzen mit Laptops und Büchern an einem Tisch." title="Gründung und Innovation" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21069086/leute-am-tisch-733x414-52ef1e068e582596e9cbe6b26e76accfe2e4953f.jpg" /></div><p class="bildnachweis">Photo: UHH/vonWieding</p></a><a class="teaser teaser-3" href="https://www.hra-hamburg.de/en/promovierende/karriereentwicklung.html"><div class="teaser-text"><h3>Non-University Careers</h3><div><p>For doctoral and postdoctoral researchers, the Hamburg Research Academy and the Career Center cooperate to offer information, workshops, and advising services to facilitate your start in a nonuniversity career.</p></div></div><div class="teaser-img"><img alt="Eine lächelnde Frau wird von einer anderen Frau informiert." title="Außeruniversitäre Karrierewege" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21119292/hra-ausseruniversitaere-karrierewege-hra-wied-733x414-2032889582f1769ed1ee5411252260da512df332.jpg" /></div><p class="bildnachweis">Photo: HRA/Wied</p></a><a class="teaser teaser-4" href="https://www.hra-hamburg.de/en/postdocs-w1profs/karriereentwicklung/wiss-karriere/haw-professur.html"><div class="teaser-text"><h3>Professorships at a HAW/FH</h3><div><p>If you have done a doctorate, a professorship at a university of applied sciences could be an attractive career goal. This position requires 5 years of professional experience, of which at least 3 must have been completed in an nonuniversity area. </p></div></div><div class="teaser-img"><img alt="Ein Stift liegt auf mitgeschriebenen Notizen in einem Hörsaal." title="FH/HAW-Professur" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21069097/hoersaal-a-733x414-9fdbd3dce280a1b28a5719efaade77abd2a0c22b.jpg" /></div><p class="bildnachweis">Photo: UHH/Möller</p></a></div></div></div></div><div class="outer landingpage outro" id="21257316"><div class="inner"><div class="content"><h2>Career-related Events and Activities</h2><div class="image"><div class="img"><img alt="Eine Person schreibt etwas auf einem Tablet." title="Veranstaltungen rund um Karrierewege" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21252764/veranstaltungskalendar-lernen-733x414-edf31c3f1b4db2265b0a33657b59d3ca8c994b71.jpg" /><p class="bildnachweis">Photo: UHH/Lutsch</p></div></div><div class="text"><p>Our calendar posts various events and activities related to research, academic, and other career opportunities for prospective and enrolled doctoral researchers and postdoctoral researchers at Universität Hamburg. Enjoy!</p><a class="calltoaction" href="https://www.uni-hamburg.de/lp-wissenschaftlicher-nachwuchs/veranstaltungsuebersicht.html">Calendar of Events</a></div></div></div></div><div class="outer absprung-cluster ti landingpage" id="21257327"><div class="inner"><div class="content"><h2 id="21257327-h2">More Advising Offers</h2><div class="text"><div><p>Universität Hamburg provides support if, for example, you are a researcher from abroad who wishes to come to the University, have questions about shaping the supervising relationship, have questions about family obligations, or if you need individual advice.</p></div></div><nav aria-labelledby="21257327-h2"><ul><li><a href="/en/internationales/mitarbeitende/mitarbeitende-wissenschaft/welcome-service-int-forschende.html">Welcome Service for International Researchers</a></li><li><a href="/en/familienbuero.html">Family Office</a></li><li><a href="/en/campuscenter/beratung/beratungseinrichtungen/psychologische-beratung.html">Psychological Counseling for Students and PhD Candidates</a></li><li><a class="extern" href="https://www.kus.uni-hamburg.de/en/themen/gesundheit-familie-soziales-gleichstellung/soziale-beratungsangebote/sozialberatung-suchtpraevention/kontaktstelle-sexuelle-diskriminierung.html"><div class="versteckt">Externer Link: </div>Sexual Discrimination and Harassment</a></li></ul></nav><div class="image"><div><img alt="Buntstifte" width="520" title="Weitere Beratungsangebote" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21272277/buntstifte-520x710-neu-520x710-f92b10fb344121648df9e5e9139d1ce709440338.jpg" /><img alt="Buntstifte" width="640" title="Weitere Beratungsangebote" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21119127/buntstifte-esfandiari-640x361-7a486bc41826687d13a6d0c40f0df0f8f73390c2.jpg" /><p class="bildnachweis">Photo: UHH/Esfandiari</p></div></div></div></div></div><div class="outer absprung-cluster ti landingpage" id="21257343"><div class="inner"><div class="content"><h2 id="21257343-h2">Internal Offers and Information</h2><div class="text"><div><p>Members of Universität Hamburg can access the Staff Service Portal for the offers below. The University Administration’s Staff Service Portal includes information about the workplace, purchasing, business-related travel, HR services, and more.</p></div></div><nav aria-labelledby="21257343-h2"><ul><li><a class="extern" href="https://www.kus.uni-hamburg.de/en.html"><div class="versteckt">Externer Link: </div>Staff Service Portal (KUS)</a></li><li><a class="extern" href="https://www.kus.uni-hamburg.de/themen/personalentwicklung/fuehrung/coaching-fuehrungskraefte.html"><div class="versteckt">Externer Link: </div>Coaching for UHH Managers (only in German)</a></li><li><a class="extern" href="https://www.kus.uni-hamburg.de/en/themen/gesundheit-familie-soziales-gleichstellung/beratungszentrum.html"><div class="versteckt">Externer Link: </div>Center for Health and Workplace Cooperation</a></li><li><a class="extern" href="https://www.kus.uni-hamburg.de/en/themen/gesundheit-familie-soziales-gleichstellung/soziale-beratungsangebote/agg-beschwerdestelle.html"><div class="versteckt">Externer Link: </div>Complaints Office (pursuant to the AGG)</a></li><li><a class="extern" href="https://www.kus.uni-hamburg.de/en/organisation/schwerbehindertenvertretung.html"><div class="versteckt">Externer Link: </div>Representative for Disabled Staff of Universität Hamburg</a></li></ul></nav><div class="image"><div><img alt="Ein Laptop steht auf einem Schreibtisch, geöffnet ist die Homepage der Uni Hamburg." width="520" title="Intern abrufbare Angebote und Informationen" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014431/newsletter-520x710-fb1f597c6fa11ca2d1a95f70db6e1324720f374c.jpg" /><img alt="Ein Laptop steht auf einem Schreibtisch, geöffnet ist die Homepage der Uni Hamburg." width="640" title="Intern abrufbare Angebote und Informationen" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21014440/newsletter-640x361-e66efebe1604fa9503076e0bdc14c9768214b538.jpg" /><p class="bildnachweis">Photo: UHH/Feuerböther</p></div></div></div></div></div><div class="outer absprung-cluster ti landingpage" id="21257359"><div class="inner"><div class="content"><h2 id="21257359-h2">Stay in the Loop</h2><div class="text"><div><p>Many institutions at Universität Hamburg have newsletters with information about their services for the phase between considering a doctorate and taking on a W1 professorship. Sign up here for the newsletter you would like to receive.</p></div></div><nav aria-labelledby="21257359-h2"><ul><li><a class="extern" href="https://www.hra-hamburg.de/en/ueber-uns/kontakt-und-anfahrt/anmeldung-zum-newsletter.html"><div class="versteckt">Externer Link: </div>Hamburg Research Academy </a></li><li><a href="/en/gleichstellung/ueber-uns/kontakt/newsletter.html">Equal Opportunity Unit</a></li><li><a class="extern" href="https://www.kus.uni-hamburg.de/themen/mein-arbeitsplatz/newsletter.html"><div class="versteckt">Externer Link: </div>UHH Newsletter</a></li></ul></nav><div class="image"><div><img alt="Das Magazin Neunzehnneunzehn auf einem Tablet." width="520" title="Auf dem Laufenden bleiben" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21068669/magazin-neunzehn-520x710-f0223472c027ebc12d1d29751036f50c3c980e96.jpg" /><img alt="Das Magazin Neunzehnneunzehn auf einem Tablet." width="640" title="Auf dem Laufenden bleiben" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21068635/magazin-neunzehn-640x361-64db98118a3fe5330c0e9f1a1d87b286486a32c8.jpg" /><p class="bildnachweis">Photo: UHH/Lutsch</p></div></div></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>Last update: 31 July 2024</p><ul class="linkliste"><li><a class="feedback" rel="nofollow" href="/en/feedback.html?local_url=https%3A%2F%2Fwww.uni-hamburg.de%2Fen%2Fforschung%2Fkarrierewege.html">Feedback</a></li><li><a class="imprint" href="/en/impressum.html">Legal notice</a></li><li><a class="privacypolicy" href="/en/datenschutz.html">Privacy statement</a></li><li><a class="privacypolicy" href="https://www.uni-hamburg.de/en/barrierefreiheit.html"><span>Accessibility</span></a></li><li><a class="sitemap" href="/en/sitemap.html">Site map</a></li></ul></div></section><section aria-label="Social Links" class="social"><ul class="breite"><li><a class="facebook icon" href="https://www.facebook.com/unihamburg" rel="noopener" target="_blank"><img alt="Facebook" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4fb-34eefe78f2115697918fcdf3380073e3205a54d08662956922dff874cfec7459.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="instagram icon" href="http://instagram.com/unihamburg" rel="noopener" target="_blank"><img alt="Instagram" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4instagram-3be0c5c414c9d6dd564a5f19c1c640dcae8014f923832549e3db849b1b7d0102.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="youtube icon" href="https://www.youtube.com/c/unihamburg" rel="noopener" target="_blank"><img alt="YouTube" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4youtube-32bb78930fd96a7f801b482abf6ea9d20dc27b2b9a276a71d2a0261c29cc8844.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="lecture2go icon" href="https://lecture2go.uni-hamburg.de/" rel="noopener" target="_blank"><img alt="Lecture2Go" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4l2go-ba01d1b32f3f14f791bcde647a089b700170a6afb1d25d74fcc0cffcf3715db3.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="linkedin icon" href="https://linkedin.com/school/unihamburg" rel="noopener" target="_blank"><img alt="LinkedIn" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/linkedin-5d3420860dccef728ae5ce2627a06b1b7c376a7785f814671a7b1835a7afb05e.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="xing icon" href="https://www.xing.com/pages/universitathamburg" rel="noopener" target="_blank"><img alt="Xing" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/xing-f9c3e5df0de6d2ac5432c1f55a59bfd551e7b0d134a863b4e16ace3a9a206fb4.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="threads icon" href="https://www.threads.net/@unihamburg" rel="noopener" target="_blank"><img alt="Threads" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/threads-528ea1104b0ce0a25e43b1411e3274dcc64c9774b0bed7a57f59ae40b7343482.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li></ul></section><section class="global"><nav aria-label="General Links" class="liste box"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/en/studium.html">Studies</a></li><li><a href="https://www.uni-hamburg.de/en/forschung.html">Research</a></li><li><a href="https://www.uni-hamburg.de/en/internationales.html">International affairs</a></li><li><a href="https://www.uni-hamburg.de/en/uhh.html">University</a></li><li><a href="https://www.uni-hamburg.de/en/uhh/organisation/fakultaeten-fachbereiche.html">Faculties</a></li></ul><ul><li><a href="https://www.uni-hamburg.de/en/uhh/stellenangebote.html">Jobs</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/en/newsroom/presse/publikationen/apps.html">Apps</a></li><li><a href="https://www.uni-hamburg.de/onTEAM/campus/index_e.html">Campus Navigator</a></li><li><a href="https://www.uni-hamburg.de/uhh/organisation/stabsstellen/recht/wahlen.html">University elections</a></li><li><a href="https://www.uni-hamburg.de/en/sitemap.html">Site map</a></li></ul><ul><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter/studienorientierung.html">Prospective students</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter.html">Students</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter/bewerbung/international.html">International prospective students</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/forschung/karrierewege.html">Young researchers</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/forschung.html">Researchers</a></li><li><a class="zielgruppe" href="https://www.kus.uni-hamburg.de/en.html">Staff</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/service/weiterbildung.html">Prospective continuing education students</a></li><li><a target="_blank" class="zielgruppe" href="https://alumni-uhh.de/">Alumni</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/newsroom/pressemitteilungen.html">Journalists</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter/studienorientierung/studienorientierung-fuer-internationale.html">Refugees</a></li></ul></div></nav><nav aria-label="more links" class="ende"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/en/kontakt.html">Address</a></li><li><a href="https://www.uni-hamburg.de/en/kontakt/anfahrt.html">Map and directions</a></li></ul><p class="copyright">© 2024 University of Hamburg. All rights reserved</p><div class="audits"><div class="audit deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/familie/audit.html" rel="noopener" title="Go to family-friendly higher education institution audit">audit familiengerechte hochschule</a></div><div class="audit1 deferredbg"><a href="https://www.uni-hamburg.de/internationales/profil/audit.html" rel="noopener" title="Go to internationalisation re-audit">Audit</a></div><div class="audit2 deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/diversity/diversity-uhh/diversity-audit.html" rel="noopener" title="Go to Diversity Audit">HRK-Audit</a></div><div class="systemakkreditierung deferbg"><a href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung/studium-und-lehre/qualitaet-und-recht/qm-entw/01-systemakkreditierung.html" rel="noopener" title="Go to System accreditation">System accreditation</a></div></div></div></nav></section></footer></div><div id="sponsors"></div><script>console.log('document ready: ' + (Date.now() - t0) + ' ms'); var t1 = Date.now();</script><div class="tracking" style="display:none"><div class="piwik">83</div><div class="etracker">OBVZu9</div></div></body></html>