CINXE.COM

<!DOCTYPE html><html class="v5 l" lang="de"><head><meta charset="utf-8" /><title>Studieren an der Uni Hamburg : Studium an der Universität Hamburg : Universität Hamburg</title><meta content="width=device-width, initial-scale=1" name="viewport" /><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="jvRNwMB3Gcm3PUY6UpUC3l_ltzfx5p5DMnaVEL9xVWgYB7Nf1vTpYGeHGtScvqIoDTekUZMdD6Fvubi0h_ldDQ" /><script>inline_editing={ storeMarkerDefinitions: function(x){} }</script><meta content="www2-fiona" name="srcsvr" /><meta content="66g1q0uz95tch9afvqkkiy8ut2cega" name="facebook-domain-verification" /><meta content="Studieren an der Uni Hamburg Bachelor und Master" property="og:title" /><meta content="Studiere in der „schönsten Stadt der Welt“: An der Exzellenzuni Hamburg findest du den richtigen Studiengang für dich." property="og:description" /><meta content="https://www.uni-hamburg.de/studium/studieren-in-hamburg.html?etcc_cmp=startseite-de&etcc_med=bubbles-link&et_cmp_seg3=bachelor&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=bubbles-link&mtm_content=bachelor" 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="Studiere in der „schönsten Stadt der Welt“: An der Exzellenzuni Hamburg findest du den richtigen Studiengang für dich. Jetzt informieren!" name="description" /><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="22291533"><ul class="versteckt" id="hiddennav"><li><a href="#meta">Zur Metanavigation</a></li><li><a href="#nav">Zur Hauptnavigation</a></li><li><a href="#suche">Zur Suche</a></li><li><a href="#inhalt">Zum Inhalt</a></li><li><a href="#subnav">Zur Subnavigation</a></li><li><a href="#fuss">Zum Seitenfuß</a></li></ul><div id="seite"><header><section aria-label="Metanavigation" id="meta"><div class="breite"><nav aria-label="Topnavigation 1" class="links"><ul><li class="uhh"><a href="https://www.uni-hamburg.de">Universität Hamburg</a></li><li class="presse"><a href="https://www.uni-hamburg.de/newsroom/presse.html">Presse</a></li><li class="intranet"><a href="https://www.kus.uni-hamburg.de/de.html" rel="noopener" target="_blank">KUS-Portal</a><span class="meldungen uhhhidden"><a href="https://www.kus.uni-hamburg.de/aktuelles.html?recentnews=true">0</a></span></li><li class="stine"><a aria-label="Stine" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&PRGNAME=EXTERNALPAGES&ARGUMENTS=-N000000000000001,-N000265,-Astartseite">STiNE</a></li></ul><span class="ajax intranetnews uhhhidden">https://www.kus.uni-hamburg.de/aktuelles.json?recentnews=true</span></nav><nav aria-label="Topnavigation 2" class="rechts"><ul><li class="quick"><a aria-controls="quickmenu" aria-expanded="false" href="#" id="quickmenuschalter" role="button"><span>Einrichtungen und Zielgruppen</span></a><div class="slide" id="quickmenu"><ul class="breite"><li class="einrichtungen links"><strong><span class="versteckt">Einrichtungen</span></strong><ul><li class="fakultaeten rubrik"><p><strong><span>Fakultäten</span></strong></p><ul><li><a href="https://www.jura.uni-hamburg.de/"><span>Fakultät für Rechtswissenschaft</span></a></li><li><a href="https://www.wiso.uni-hamburg.de/"><span>Fakultät für Wirtschafts- und Sozialwissenschaften</span></a></li><li><a target="_blank" href="https://www.uke.de/organisationsstruktur/medizinische-fakult%C3%A4t/index.html"><span>Medizinische Fakultät</span></a></li><li><a href="https://www.ew.uni-hamburg.de/"><span>Fakultät für Erziehungswissenschaft</span></a></li><li><a href="https://www.gw.uni-hamburg.de/"><span>Fakultät für Geisteswissenschaften</span></a></li><li><a href="https://www.min.uni-hamburg.de/"><span>Fakultät für Mathematik, Informatik und Naturwissenschaften</span></a></li><li><a href="https://www.pb.uni-hamburg.de/"><span>Fakultät für Psychologie und Bewegungswissenschaft</span></a></li><li><a href="https://www.bwl.uni-hamburg.de/"><span>Fakultät für Betriebswirtschaft</span></a></li></ul></li><li class="dienste rubrik"><p><strong><span>Dienste</span></strong></p><ul><li><a target="_blank" rel="noopener" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&PRGNAME=EXTERNALPAGES&ARGUMENTS=-N000000000000001,-N000265,-Astartseite"><span>STiNE</span></a></li><li><a target="_blank" rel="noopener" href="https://surfmail.rrz.uni-hamburg.de/"><span>Surfmail</span></a></li><li><a target="_blank" rel="noopener" href="https://exchange.uni-hamburg.de/owa/auth/logon.aspx?replaceCurrent=1&url=https%3a%2f%2fexchange.uni-hamburg.de%2fowa"><span>Exchange</span></a></li><li><a target="_blank" rel="noopener" href="https://www.intranet.uni-hamburg.de"><span>KUS-Portal</span></a></li><li><a target="_blank" rel="noopener" href="https://www.uni-hamburg.de/elearning/werkzeuge/lernplattformen.html"><span>eLearning-Plattformen</span></a></li><li><a target="_blank" rel="noopener" href="https://katalogplus.sub.uni-hamburg.de/vufind/"><span>Katalogplus</span></a></li><li><a target="_blank" rel="noopener" href="https://sharepoint.uni-hamburg.de"><span>SharePoint</span></a></li></ul></li><li class="einrichtungen rubrik"><p><strong><span>Einrichtungen für Studierende</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/campuscenter.html"><span>Campus-Center</span></a></li><li><a href="https://www.uni-hamburg.de/career-center.html"><span>Career-Center</span></a></li><li><a href="https://www.uni-hamburg.de/piasta.html"><span>PIASTA</span></a></li><li><a href="https://www.asta.uni-hamburg.de/"><span>AStA</span></a></li><li><a href="https://www.hochschulsport.uni-hamburg.de/"><span>Hochschulsport</span></a></li><li><a href="https://www.unimusik.uni-hamburg.de/"><span>Universitätsmusik</span></a></li><li><a href="https://www.uni-hamburg.de/familienbuero.html"><span>Familienbüro</span></a></li><li><a href="https://www.uni-hamburg.de/sprachenzentrum"><span>Sprachenzentrum</span></a></li><li><a href="https://www.uni-hamburg.de/allgemeinsprachen.html"><span>Allgemeinsprachen</span></a></li><li><a href="https://www.uni-hamburg.de/studieren-mit-behinderung.html"><span>Koordination der Belange von Studierenden mit Beeinträchtigungen</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/studierende/bibliotheken.html"><span>Bibliotheken</span></a></li></ul></li><li class="weitere rubrik"><p><strong><span>Weitere Einrichtungen</span></strong></p><ul><li><a href="https://www.cliccs.uni-hamburg.de/de.html"><span>Exzellenzcluster CLICCS</span></a></li><li><a href="https://www.cui-advanced.uni-hamburg.de"><span>Exzellenzcluster CUI</span></a></li><li><a href="https://www.qu.uni-hamburg.de/"><span>Exzellenzcluster Quantum Universe</span></a></li><li><a href="https://www.csmc.uni-hamburg.de/written-artefacts.html"><span>Exzellenzcluster Understanding Written Artefacts</span></a></li><li><a href="https://www.hra-hamburg.de/de.html"><span>Hamburg Research Academy</span></a></li><li><a target="_blank" href="https://www.pier-plus.de/"><span>Pier Plus</span></a></li><li><a href="https://www.hul.uni-hamburg.de/"><span>Hamburger Zentrum für Universitäres Lehren und Lernen (HUL)</span></a></li><li><a href="https://www.isa.uni-hamburg.de/"><span>ISA-Zentrum</span></a></li><li><a href="https://www.cen.uni-hamburg.de/"><span>Centrum für Erdsystemforschung und Nachhaltigkeit (CEN)</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/zentrale-einrichtungen/museen-und-sammlungen.html"><span>Museen und Sammlungen </span></a></li><li><a href="https://www.archiv.uni-hamburg.de/"><span>Universitätsarchiv</span></a></li><li><a href="https://www.rrz.uni-hamburg.de/"><span>Regionales Rechenzentrum</span></a></li><li><a href="https://www.uni-hamburg.de/uhh/organisation/praesidialverwaltung.html"><span>Präsidialverwaltung</span></a></li><li><a href="https://www.uni-hamburg.de/transfer.html"><span>Transferagentur</span></a></li><li><a target="_blank" href="https://www.unikontor.de/"><span>Unikontor</span></a></li></ul></li></ul></li><li class="zielgruppen rubrik rechts"><p><strong><span>Zielgruppen</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/studium/studieren-in-hamburg.html"><span>Studieninteressierte</span></a></li><li><a href="https://www.uni-hamburg.de/studium.html"><span>Studierende</span></a></li><li><a href="https://www.uni-hamburg.de/campuscenter/bewerbung/international.html"><span>Internationale</span></a></li><li><a href="https://www.uni-hamburg.de/forschung/nachwuchs/promotion.html"><span>Promovierende</span></a></li><li><a href="https://www.uni-hamburg.de/lp-forschende.html"><span>Forschende</span></a></li><li><a href="https://www.uni-hamburg.de/lehre-navi/lehrende.html"><span>Lehrende</span></a></li><li><a href="https://www.kus.uni-hamburg.de/"><span>Beschäftigte (KUS)</span></a></li><li><a href="https://www.uni-hamburg.de/service/weiterbildung.html"><span>Weiterbildungsinteressierte</span></a></li><li><a href="https://www.uni-hamburg.de/service/alumni.html"><span>Alumni</span></a></li><li><a href="https://www.uni-hamburg.de/newsroom/presse.html"><span>Presse</span></a></li><li><a href="https://www.uni-hamburg.de/uhhhilft.html"><span>Geflüchtete</span></a></li></ul></li></ul><a aria-controls="quickmenu" aria-expanded="false" aria-label="quick menu" class="schliessen" href="#" id="quickmenuclose" role="button">Schließen</a></div></li><li><a class="gebaerdensprache" href="https://www.uni-hamburg.de/gebaerdensprache.html">Gebärdensprache</a></li><li><a class="leichtesprache" href="https://www.uni-hamburg.de/leichte-sprache.html">Leichte Sprache</a></li><li class="sprache"><a aria-controls="sprachauswahl" aria-expanded="false" aria-label="Sprachauswahl" href="#" id="sprachauswahlschalter" role="button"><span lang="en">Language</span></a><ul class="sprachen" id="sprachauswahl"><li><a href="/studium/studieren-in-hamburg.html">Deutsch</a></li><li><a href="/en/studium/studieren-in-hamburg.html">English</a></li></ul></li><li class="suche"></li><li class="mobilemenu"><div class="ajax versteckt"><div class="url">/sitemap.json</div></div><a aria-controls="mobilemenu" aria-expanded="false" aria-label="Menu" href="#" id="hamburger" role="button"></a><div id="mobilemenu"><div class="sprachen2"><a class="gebaerdensprache" href="https://www.uni-hamburg.de/gebaerdensprache.html">Gebärdensprache</a><a class="leichtesprache" href="https://www.uni-hamburg.de/leichte-sprache.html">Leichte Sprache</a></div></div><div class="abdeckung"></div></li></ul></nav></div></section><section class="logos"><div class="breite"><div class="bild"><a href="https://www.uni-hamburg.de"><img title="Zur Homepage" alt="Universität Hamburg - der Forschung, der Lehre, der Bildung, zur Homepage" src="https://assets.rrz.uni-hamburg.de/assets/uhh-logo-16dab7756eecc70a7649a242498868c6bb37872e5eae6023b38026faeef923c3.svg" /></a></div></div></section></header><section class="nav"><div class="breite"><nav aria-label="Hauptnavigation" class="top menu" id="nav"><ul><li><a class="hier" href="/studium.html">Studium</a><ul><li><a href="/studium/campus-leben.html">Campus-Leben</a></li><li><a href="/campuscenter/studienorganisation.html">Studienorganisation</a></li><li><a href="/campuscenter/studienorientierung.html">Studienorientierung</a></li><li><a href="/campuscenter/studienangebot.html">Studienangebot</a></li><li><a href="/campuscenter/bewerbung.html">Bewerbung</a></li><li><a href="/campuscenter/beratung.html">Beratung und Kontakt</a></li></ul></li><li><a href="/forschung.html">Forschung</a><ul><li><a href="/forschung/forschungsprofil.html">Forschungsprofil</a></li><li><a href="/forschung/forschungsprojekte.html">Forschungsprojekte</a></li><li><a href="/forschung/forschungsfoerderung.html">Forschungsförderung</a></li><li><a href="/forschung/karrierewege.html">Wissenschaftliche Karrierewege</a></li><li><a href="/forschung/nachwuchs.html">Early Career Researchers Förderung</a></li><li><a href="/forschung/wissenschaftliche-integritaet.html">Wissenschaftliche Integrität</a></li></ul></li><li><a href="/internationales.html">Internationales</a><ul><li><a href="/internationales/studierende.html">Studierende</a></li><li><a href="/internationales/nachwuchs-wissenschaft.html">Wissenschaftlicher Nachwuchs</a></li><li><a href="/internationales/mitarbeitende.html">Mitarbeitende</a></li><li><a href="/internationales/profil.html">Internationalisierungsstrategie</a></li><li><a href="/internationales/hochschulpartnerschaften.html">Strategische Partnerschaften und Potenzialpartnerschaften</a></li><li><a href="/internationales/kontakt.html">Kontakt</a></li></ul></li><li><a href="/transfer.html">Transfer</a><ul><li><a href="/transfer/transferangebote-fuer-forschende.html">für Forschende</a></li><li><a href="/transfer/transferangebote-fuer-promovierende.html">für Promovierende</a></li><li><a href="/transfer/transferangebote-fuer-studierende.html">für Studierende</a></li><li><a href="/transfer/transferangebote-fuer-alumni.html">für Alumni</a></li><li><a href="/transfer/transferangebote-fuer-kooperationsinteressierte.html">für Kooperationsinteressierte</a></li><li><a href="/transfer/kontakt.html">Kontakt Transferagentur</a></li><li><a href="/transfer/transfer-mission-und-transferagentur.html">Transfer-Mission</a></li></ul></li><li><a href="/uhh.html">Universität</a><ul><li><a href="/newsroom.html">Newsroom</a></li><li><a href="/uhh/profil.html">Profil</a></li><li><a href="/uhh/organisation.html">Organisation</a></li><li><a href="/exzellenz.html">Exzellenz</a></li><li><a href="/stellenangebote.html">Stellenangebote</a></li><li><a href="/kontakt.html">Kontakt & Service</a></li></ul></li></ul></nav><section aria-label="Suche" id="suche"><a aria-controls="sucheingabe" aria-expanded="false" aria-label="Suche" href="#" id="suchea" role="button"></a><form action="/search.html" id="sucheingabe"><input aria-label="Suchbegriff" class="input-x" name="q" placeholder="mit Google™ suchen ..." tabindex="-1" type="text" /><input tabindex="-1" type="submit" value="Suchen" /></form></section></div></section><div id="inhalt"><section class="oben"></section><nav aria-label="Breadcrumb" class="breadcrumb"><ol typeof="BreadcrumbList" vocab="https://schema.org/"><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" href="/"><span property="name">UHH</span></a><meta content="1" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" href="/studium.html"><span property="name">Studium</span></a><meta content="2" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" aria-current="page" href="/studium/studieren-in-hamburg.html"><span property="name">Infos für Studieninteressierte</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="22291533"><div class="inner"><div class="content"><div class="header"><h1>Studieren an der Uni Hamburg Bachelor und Master</h1><h2>Entdecke dein Potenzial</h2></div><div class="image"><div class="img"><img alt="Zwei Studierende halten die roten Buchstaben UHH" title="Informationen für Studieninteressierte" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21730748/uni-hh-10-2021-2098-733x414-eed1013d43ee8e99de3ff7f04300aee914f90893.jpg" /><p class="bildnachweis">Foto: UHH/vonWieding</p></div></div><div class="text"><p>Bei uns studierst du nicht nur an einer Exzellenzuni in der „schönsten Stadt der Welt“ – an der Uni Hamburg findest du genau den richtigen Studiengang für dich und kannst dein Potenzial entfalten.</p><a target="_blank" class="calltoaction" href="/campuscenter/studienangebot.html">Studiengänge A bis Z</a></div></div></div></div><div class="outer content-navi landingpage" id="22291563"><div class="inner"><div class="content"><h2>Inhalt</h2><nav aria-label="Übersicht"><ul><li><a href="#22291606">Studienbedingungen</a></li><li><a href="#22291739">Campus-Leben</a></li><li><a href="#22291795">Studieren in Hamburg</a></li><li><a href="#22291812">Studiengang finden</a></li><li><a href="#22291829">Reinschnuppern in die Uni</a></li><li><a href="#22291842">Zukunftsaussichten</a></li><li><a href="#22291855">Das sagen unsere Absolventen</a></li><li><a href="#22291890">Beratung und Unterstützung</a></li></ul></nav></div></div></div><div class="outer landingpage video-cluster v-2" id="22291578"><div class="inner"><div class="content"><div class="flex"><div class="text"><h2>Komm an die Uni Hamburg!</h2><div class="p"><p>Eine starke Gemeinschaft, Hilfe bei deinen Anliegen und ein großes Angebot an Freizeitaktivitäten – Studierende erzählen aus ihrer Sicht, was ein Studium bei uns ausmacht.</p></div></div><div class="media"><div class="medium"><div class="bottom"><h3>Patrik</h3></div><div class="top"><p class="above"><a class="calltoaction" href="/studium/campus-leben.html">Studentisches Lebensgefühl</a></p><div class="yt-video" data-height="733" data-videoid="yxDFFPyA_8c" data-videosrc="/studium/bilder/patrik-platzhalter.mp4" data-width="414" tabindex="0"><img alt="XXX" data-src="/22724913/patrik-90147cae3add5d32235a72e24726ad47f574c940.jpg" loading="lazy" /><button aria-label="start"></button></div></div></div><div class="medium"><div class="bottom"><h3>Mona</h3></div><div class="top"><p class="above"><a target="_blank" class="calltoaction" href="/campuscenter/beratung.html">Umfassende Unterstützung</a></p><div class="yt-video" data-height="733" data-videoid="cXZKwjHu_G0" data-videosrc="/studium/bilder/mona-platzhalter.mp4" data-width="414" tabindex="0"><img alt="XXX" data-src="/22724992/mona-d474a4bef831c57c1e8daa5a5bc3117d9875fc62.jpg" loading="lazy" /><button aria-label="start"></button></div></div></div></div></div></div></div></div><div class="outer kachel-cluster landingpage landingpage text" id="22291606"><div class="inner"><div class="content"><h2>Gute Bedingungen für dein Studium</h2><div class="text"><p>Wann macht ein Studium eigentlich richtig Spaß? Interessante Themen, moderne Lehrformate, ein zentraler Campus sowie die Möglichkeit, auch mal ins Ausland zu gehen? Das sind deine Studienbedingungen an der Uni Hamburg:</p></div><nav><ul><li id="22447761"><a target="_blank" href="/newsroom/exzellenzstrategie/2023/0415-kurzfilm-exzellenz.html"><img alt="Zeichnung des Hauptgebäudes mit Play-Button" title="Exzellenzuniversität Hamburg" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/22447796/video-exzellenz-733x414-bcacdb8c8454b2ef49d13f80ea0778cc34104357.jpg" /><p class="bildnachweis">Foto: UHH/Vogiatzis</p><h3>Studieren an einer Exzellenzuniversität </h3><p>Exzellenzuniversität – was bedeutet diese Auszeichnung eigentlich? Die wichtigsten Fakten in zweieinhalb Minuten.</p></a></li><li id="22291650"><a target="_blank" href="/studium/studieren-in-hamburg/innovativ-studieren.html"><img alt="Frau sitzt vor Laptop und Kamera in Bibliothek" title="Innovative Lehre" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21730997/digtal-uni-hh-10-2021-0057-733x414-c77b62a4a10183363707906eb1ee934ff5ea01ec.jpg" /><p class="bildnachweis">Foto: UHH/vonWieding</p><h3>Innovativ studieren</h3><p>Die Uni Hamburg bietet dir ein forschungsorientiertes Studium mit vielen digitalen Lehrangeboten und neuen Lehrformaten.</p></a></li><li id="22291614"><a target="_blank" href="https://www.isa.uni-hamburg.de/lehrveranstaltungen/freier-wahlbereich.html"><img alt="Studierende im Hörsaal vor ihrem Laptop" title="Vielfalt der Studiengänge" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21729806/191203-studieren-86-733x414-2d9c40bb53a2b2ddc3862b3b58825fe886b4b716.jpg" /><p class="bildnachweis">Foto: UHH/vonWieding</p><h3>Blick über den Tellerrand</h3><p>Bei uns kannst du viele Fächer kombinieren und auch in Themen aus ganz anderen Bereichen hineinschnuppern.</p></a></li><li id="22291623"><a target="_blank" href="/studium/campus-leben/campus.html"><img alt="Studierende auf dem Campus vor dem Hauptgebäude der Universität Hamburg" title="Campus" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21730240/-v3a1527-neu-733x414-ecd63290e8861c94b6a7fb32d0969fd286247165.jpg" /><p class="bildnachweis">Foto: UHH/Feuerböther</p><h3>Lebendiger Campus</h3><p>Unser Campus im Herzen der Stadt ist der zentrale Treffpunkt an der Uni Hamburg – nicht nur zum Lernen und Arbeiten.</p></a></li><li id="22291641"><a target="_blank" href="/internationales/studierende.html"><img alt="Beleuchteter Globus auf einem Tisch" title="Auslandserfahrungen sammeln" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21729931/auslandserfahrungen-esfandiari-733x414-2c00432bd911d9b3c1a700c45df09d82b508c71f.jpg" /><p class="bildnachweis">Foto: UHH/Esfandiari</p><h3>Auslandserfahrung sammeln</h3><p>Auf in die Welt: Alle Studiengänge bei uns ermöglichen dir Auslandsaufenthalte an Partnerunis weltweit.</p></a></li></ul></nav></div></div></div><div class="outer kachel-cluster landingpage landingpage text" id="22291739"><div class="inner"><div class="content"><h2>Campus-Leben</h2><div class="text"><p>Auf dem Campus der Uni Hamburg trifft man sich – und das längst nicht nur, um Vorlesungen zu hören oder in den Bibliotheken Bücher zu wälzen. Gemeinsam mit deinen Kommilitonen hast du Spaß bei Events und Freizeitaktivitäten und kannst dich persönlich und fachlich weiterentwickeln. Es gibt außerdem die unterschiedlichsten Gruppen, in denen du dich engagieren kannst. </p></div><div class="image"></div><nav><ul><li id="22291747"><div class="versteckt"><h3>Video Info</h3><nav><a href="#box-12">Video überspringen</a></nav></div><button class="cluster-video-open uhh iframe"><span class="plyr__control plyr__control--overlaid plyr__tab-focus"></span></button><div class="kachel-cluster-video"><button aria-label="Video schließen" class="cluster-video-close"></button><div class="video uhh iframe"><iframe allowfullscreen="" aria-hidden="true" frameborder="0" loading="lazy" marginheight="0" marginwidth="0" scrolling="no" src="https://lecture2go.uni-hamburg.de/iframe/?obj=64400" tabindex="-1"></iframe></div><button aria-label="Video schließen" class="cluster-video-close b-2"></button></div></li><li id="22291755"><a target="_blank" href="/studium/campus-leben/freizeit.html"><h3>Engagieren und Spaß haben</h3><p>Du hast viele Möglichkeiten, auf dem Campus kulturell und sportlich aktiv zu sein oder dich politisch zu engagieren.</p></a></li><li id="22291763"><a target="_blank" href="/internationales/studierende/incoming/studium-mit-abschluss/waehrend-des-studiums/sprachkurse-besuchen/andere-sprachen-lernen.html"><h3>Sprachen lernen</h3><p>Du möchtest deine Sprachkenntnisse erweitern? Die Uni Hamburg bietet eine Vielzahl an Sprachkursen an.</p></a></li><li id="22291771"><a target="_blank" href="https://www.stwhh.de/gastronomie"><h3>Pausen machen</h3><p>In den Mensen und Cafés des Studierendenwerks könnt ihr eure hungrigen Mägen füllen und euch mit anderen austauschen.</p></a></li><li id="22291779"><a target="_blank" href="/nachhaltigkeit/green-office.html"><h3>Für Nachhaltigkeit einsetzen</h3><p>Das Green Office ist eine Initiative für alle, die etwas in Sachen Nachhaltigkeit bewegen möchten.</p></a></li></ul></nav></div></div></div><div class="outer landingpage teaser-cluster t-3" id="22291795"><div class="inner"><div class="content"><div class="text"><h2>Hamburg: Metropole am Wasser</h2><div><p>Willkommen an Bord! Hier studierst du inmitten einer pulsierenden Metropole, umgeben von Alster, Elbe und Hafen – da wird auch die Zeit nach den Vorlesungen nicht langweilig.</p></div></div><div class="teasers"><a target="_blank" class="teaser teaser-1" href="/studium/campus-leben/hamburg.html"><div class="teaser-text"><h3>Lebendige Stadt mit vielen Gesichtern</h3><div><p>Vom Grindelviertel rund um die Uni mit seinen vielen kleinen Cafés, über St. Pauli mit der Reeperbahn, dem mondänen Jungfernstieg und dem Rathaus in der Innenstadt bis zur noch jungen HafenCity mit der Elbphi – hier findest du deinen Lieblingsstadtteil.</p></div></div><div class="teaser-img"><img alt="Mann mit UHH-Beutel sitzt an der Elbe" title="Lebendige Stadt mit vielen Gesichtern" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21730714/uhh-beutel-e11477ef8aa37ef5869d2a8b4a1e02049c438feb.jpg" /></div><p class="bildnachweis">Foto: UHH/Esfandiari</p></a><a target="_blank" class="teaser teaser-2" href="https://www.hochschulsport.uni-hamburg.de/sportcampus/wasser-draussen.html"><div class="teaser-text"><h3>Faszination Wassersport</h3><div><p>Du liebst Wassersport? Egal, ob Segeln, Rudern, Standup oder Kanupolo – der Hochschulsport hat ganz sicher die passende Sportart für dich im Angebot.</p></div></div><div class="teaser-img"><img alt="Sicht aus einem Kayak auf den Alsterkanal" title="Hochschulsport" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21840433/alsterkanal-113c6e19c4f977adcf625b172d794c30d5311980.jpg" /></div><p class="bildnachweis">Foto: UHH/Denstorf</p></a><a target="_blank" class="teaser teaser-3" href="/career-center/kooperationen/kooperationen.html"><div class="teaser-text"><h3>Spannende Unternehmen kennenlernen</h3><div><p>Du willst bei deinem Nebenjob oder Praktikum Einblicke in mögliche Berufe bekommen und erste Kontakte knüpfen? Hamburg ist das ideale Pflaster, denn hier hast du eine große Auswahl an spannenden und renommierten Unternehmen aus nahezu allen Branchen.</p></div></div><div class="teaser-img"><img alt="Frau mit Laborkittel und Schutzbrille lacht" title="Spannende Unternehmen direkt vor Ort" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21737797/team-buchweitz-7a3594ff8d0f355293dea00772eb0ed81fc7e0a2.jpg" /></div><p class="bildnachweis">Foto: UHH/Esfandiari</p></a></div></div></div></div><div class="outer landingpage teaser-cluster t-5" id="22291812"><div class="inner"><div class="content"><div class="text"><h2>Was kann ich an der Uni Hamburg studieren?</h2><div><p>Du suchst ein Studium, das genauso vielfältig ist wie du? Hier hast du die Qual der Wahl. Aber keine Sorge, wir unterstützen und beraten dich, so dass du genau den richtigen Studiengang für dich findest.</p></div></div><div class="teasers"><a target="_blank" class="teaser teaser-1" href="/campuscenter/studienangebot.html"><div class="teaser-text"><h3>Studiengänge von A bis Z</h3><div><p>Von A wie „African Languages and Cultures“ bis Z wie „Zahnmedizin“: Lass dich von unserem Studienangebot inspirieren!</p></div></div><div class="teaser-img"><img alt="Studierende sitzen in einem Hörsaal" title="Studiengänge von A bis Z" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21743966/studieren-733x414-c00f6676b7cbcdc6e1bf7a27a922d0a118596f7f.jpg" /></div><p class="bildnachweis">Foto: UHH/vonWieding</p></a><a target="_blank" class="teaser teaser-2" href="/campuscenter/studienorientierung.html"><div class="teaser-text"><h3>Studienorientierung</h3><div><p>Du stehst noch ganz am Anfang deiner Suche und fragst dich, welcher Studiengang zu dir passt und ob ein Studium überhaupt das Richtige für dich ist?</p></div></div><div class="teaser-img"><img alt="Zwei Studierende sitzen an einem Tisch und schauen gemeinsam auf einen Laptop." title="Studienorientierung" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/23205392/studienorientierung-95009b7d92d85afd3677ced5d6218d0ccab0d00a.jpg" /></div><p class="bildnachweis">Foto: UHH/von Wieding</p></a><a target="_blank" class="teaser teaser-3" href="/campuscenter/bewerbung/informationen-nc.html"><div class="teaser-text"><h3>Welchen Abi-Durchschnitt brauche ich?</h3><div><p>Reicht der Notendurchschnitt für deinen Wunschstudiengang? Hier findest du alle wichtigen Infos rund um den „Numerus clausus” (NC).</p></div></div><div class="teaser-img"><img alt="Hand mit Stift in der Hand am Schreibtisch" title="Welchen NC brauche ich?" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21744146/lernen-733x414-ca1da3c76445877ae49882855452d88859336f19.jpg" /></div><p class="bildnachweis">Foto: UHH/Lutsch</p></a><a target="_blank" class="teaser teaser-4" href="/campuscenter/bewerbung/bachelor-staatsexamen/zugangsvoraussetzungen.html"><div class="teaser-text"><h3>Erfülle ich die Zugangsvoraussetzungen?</h3><div><p>Um dich für einen Studienplatz zu bewerben, musst du bestimmte Voraussetzungen erfüllen – die je nach Studienfach unterschiedlich ausfallen.</p></div></div><div class="teaser-img"><img alt="Hand hälft Stift vor Tablet" title="Zulassungsvoraussetzungen" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21744475/zulassungsvoraussetzungen-733x414-8f30f790eb6ff85c0f18d89d60a80709b2a38f34.jpg" /></div><p class="bildnachweis">Foto: UHH/Lutsch</p></a><a target="_blank" class="teaser teaser-5" href="https://www.lehramt.uni-hamburg.de/lehramt-studieren.html"><div class="teaser-text"><h3>Lehramt studieren</h3><div><p>Du möchtest Lehrer oder Lehrerin werden? Bei uns kannst viele Fächer auswählen und kombinieren.</p></div></div><div class="teaser-img"><img alt="Studierende sitzen in einem Seminarraum und lachen in die Kamera" title="Für angehende Lehrkräfte" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21731011/lehramt-uhh-733x414-4d179b3e8bd9ebc13c80be97fa6348bdc9d0fee0.jpg" /></div><p class="bildnachweis">Foto: UHH/vonWieding</p></a></div></div></div></div><div class="outer absprung-cluster ti landingpage" id="22291829"><div class="inner"><div class="content"><h2 id="22291829-h2">UHH hautnah: Reinschnuppern in die Uni Hamburg</h2><div class="text"><div><p>Du willst wissen, wie die Uni von innen aussieht und wie eine Vorlesung abläuft? Du kannst schon jetzt Vorlesungen aus deinem Wunschstudienfach besuchen und Uni-Luft schnuppern. Unsere Angebot vor Ort:</p></div></div><nav aria-labelledby="22291829-h2"><ul><li><a target="_blank" class="extern" href="https://www.unitag.uni-hamburg.de/"><div class="versteckt">Externer Link: </div>Unitag</a></li><li><a target="_blank" href="/campuscenter/studienorientierung/uni-live.html">Vorab echte Vorlesungen besuchen</a></li><li><a target="_blank" class="extern" href="https://www.min-studieren.uni-hamburg.de/"><div class="versteckt">Externer Link: </div>Deine Begleitung ins MIN-Studium</a></li></ul></nav><div class="image"><div><img alt="Rückenansicht eines Lehrenden in einem Hörsaal" width="520" title="Reinschnuppern in die Uni Hamburg" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21737861/uhh-hautnah-520x710-83d62ce29ac7d4f1ae091d7621968646250e5944.jpg" /><img alt="Rückenansicht eines Lehrenden in einem Hörsaal" width="640" title="Reinschnuppern in die Uni Hamburg" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21737876/uhh-hautnah-lehre-640x361-9e9650be9da2b2bdafa7651efeaa132ce44addf1.jpg" /><p class="bildnachweis">Foto: UHH/vonWieding</p></div></div></div></div></div><div class="outer absprung-cluster ti landingpage" id="22291842"><div class="inner"><div class="content"><h2 id="22291842-h2">Bestens gerüstet für deine Zukunft</h2><div class="text"><div><p>Mit einem Studium an der Uni Hamburg startest du bestens vorbereitet in die Zukunft. Hier bist du nicht nur top ausgebildet, sondern wir begleiten dich auch mit einer Menge Beratungsangeboten auf dem Weg in die spannende Berufswelt.</p></div></div><nav aria-labelledby="22291842-h2"><ul><li><a target="_blank" href="/career-center/beratung.html">Karriereberatung</a></li><li><a target="_blank" href="/career-center/qualifizierung.html">Qualifizierungsangebote</a></li><li><a target="_blank" href="/career-center/veranstaltungen.html">Jobmessen und weitere Veranstaltungen</a></li></ul></nav><div class="image"><div><img alt="Junger Mann läuft auf einem Steg, im Vordergrund der UHH-Würfel" width="520" title="Zukunftsaussichten" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21744017/zukunft-520x710-bf04f4230e280101647f2dfe7fd60ccb2b83fa54.jpg" /><img alt="Junger Mann läuft auf einem Steg, im Vordergrund der UHH-Würfel" width="640" title="Zukunftsaussichten" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21744034/220323-aufbruch-esfandiari-2037-640x361-f64b619ec631bc0fd89bbebfdd610367865c579c.jpg" /><p class="bildnachweis">Foto: UHH/Esfandiari</p></div></div></div></div></div><div class="outer slider-vollbreit landingpage landingpage" id="22291855"><div class="inner"><div class="content"><h2>Das sagen unsere Absolventinnen und Absolventen</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="Lukas Kwietniewski" title="230131-kwietniewski-lukas-esfandiari-7533-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/20109714/230131-kwietniewski-lukas-esfandiari-7533-733x414-4a931c6b4d77b7e427f82e1356a806e50552092c.jpg" /><p class="bildnachweis">Foto: UHH/Esfandiari</p></div><div class="slide-text"><h3>Lukas Kwietniewski, Healthcare-Analyst</h3><p>„Ich hatte im BWL-Studium viel Spaß daran, mit Daten zu arbeiten und daraus Lösungen für die Praxis abzuleiten. Zusammen mit den Vertiefungen, die ich im Bachelor und Master wählen konnte, ist dieser Background eine wichtige Grundlage meiner jetzigen Tätigkeit als Datenanalyst."</p><div class="button"><a target="_blank" class="calltoaction" href="/newsroom/im-fokus/2023/0209-alumni-reihe-bwl.html#uhh-tabs-0_tab-3">Mehr Erfahrungsberichte</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Porträt Ann-Kathrin Gomolzig" title="gomolzig733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21870871/gomolzig733x414-45a50d166ea3cace6be7e5430505fa4af79fdf55.jpg" /><p class="bildnachweis">Foto: privat</p></div><div class="slide-text"><h3>Ann-Kathrin Gomolzig, Erziehungswissenschaftlerin</h3><p>„Ich leite in einer Erstaufnahmeeinrichtung Orientierungskurse für Geflüchtete. Das fällt nicht in die klassische Erziehungswissenschaft, aber ich kann viel aus dem Studium anwenden: Ich hatte Gebärdensprache als Nebenfach und als Wahlfach Arabisch. Nebenbei habe ich Lernkurse gegeben – und den Spaß von damals empfinde ich heute noch.“</p><div class="button"><a target="_blank" class="calltoaction" href="https://www.uni-hamburg.de/newsroom/im-fokus/2023/0411-alumni-reihe-ew.html#uhh-tabs-0_tab-4">Mehr Erfahrungsberichte</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Dr. Christoph Ramcke" title="cr-portr733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/20468014/cr-portr733x414-fc574d0f3d276d0e871c073fd01cd22f971905cc.jpg" /><p class="bildnachweis">Foto: privat</p></div><div class="slide-text"><h3>Christoph Ramcke, Gesundheitscoach</h3><p>„Meine Firma habe ich bereits während meines Studiums der Sportwissenschaft gegründet. Damals wie heute beschäftigt mich, mit welchen Formaten man das Gesundheitsbewusstsein in Betrieben steigern kann. Im Studium haben wir viel in Projektgruppen gearbeitet. Diese Selbstorganisation ist noch heute Grundlage meiner Arbeit.“</p><div class="button"><a target="_blank" class="calltoaction" href="https://www.uni-hamburg.de/newsroom/im-fokus/2023/0322-alumni-reihe-pb.html#uhh-tabs-0_tab-2">Mehr Erfahrungsberichte</a></div></div></div><div class="swiper-slide"><div class="foto"><img alt="Sinah Swyter" title="sinah swyter-copyright florian-reick-733x414" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/22758403/sinah-swyter-copyright-florian-reick-733x414-f03c474790adaffe766500e04a45aa8bfe49a7d3.jpg" /><p class="bildnachweis">Foto: Florian Reick</p></div><div class="slide-text"><h3>Sinah Swyter, Filmproduzentin</h3><p>„Ich war zwar immer aufgeschlossen für Jobs, die nicht zwingend mit Geisteswissenschaften zu tun haben. Bei meiner Arbeit mit Konzepten, Exposés, Drehbüchern und literarischen Texten oder auch bei der Analyse von Figuren- und Handlungsbögen sowie Recherchen merke ich aber, wie gut das Studium mich auf meinen jetzigen Job vorbereitet hat.“</p><div class="button"><a target="_blank" class="calltoaction" href="/newsroom/im-fokus/2024/0320-alumni-reihe-gw/_boxes/tabs-gw/swyter.html">Mehr Erfahrungsberichte</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 absprung-cluster ti landingpage" id="22291890"><div class="inner"><div class="content"><h2 id="22291890-h2">Beratung und Unterstützung</h2><div class="text"><div><p>Die Uni Hamburg steht nicht nur für exzellente Bildung, sondern auch für Rundum-Unterstützung in besonderen Lebenslagen. Unsere Türen stehen offen, um dir in allen Belangen unter die Arme zu greifen. </p></div></div><nav aria-labelledby="22291890-h2"><ul><li><a target="_blank" class="extern" href="https://www.stwhh.de/beratung/beratungszentrum-studienfinanzierung-best"><div class="versteckt">Externer Link: </div>Beratungszentrum Studienfinanzierung</a></li><li><a target="_blank" href="/studieren-mit-behinderung.html">Beeinträchtigt studieren</a></li><li><a target="_blank" href="/familienbuero/studieren-mit-kind.html">Studieren mit Kind</a></li></ul></nav><div class="image"><div><img alt="Frau sitzt vor einem Laptop und blickt in die Kamera" width="520" title="230116-campusleben-röttger-9090-520x710" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21830036/beratung-520x710-5ce7a28ea370ee3359e877f9012e30935dddf764.jpg" /><img alt="Eine Frau sitzt vor einem Laptop und blickt in die Kamera" width="640" title="230116-campusleben-röttger-9090-640x361" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21830079/beratung-640x361-6f6d7f80f9308b2a2fb32c2112ab1ed7ea757502.jpg" /><p class="bildnachweis">Foto: UHH/Röttger</p></div></div></div></div></div><div class="outer landingpage outro" id="22291913"><div class="inner"><div class="content"><h2>Überzeugt?</h2><div class="image"><div class="img"><img alt="Studierenden halten Buchstaben Uni Hamburg hoch" title="Studiengänge im Überblick" src="https://assets.rrz.uni-hamburg.de/instance_assets/uni/21730779/uni-hh-10-2021-1281-733x414-3443040555b302a7b7efcdbd1f9d5aa8784feb7a.jpg" /><p class="bildnachweis">Foto: UHH/vonWieding</p></div></div><div class="text"><p>Dann finde jetzt deinen Studiengang und bewirb dich. Wir freuen uns auf dich – bis bald!</p><a target="_blank" class="calltoaction" href="/campuscenter/studienangebot.html">Studiengänge im Überblick</a></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>Verändert am 31. Mai 2024</p><ul class="linkliste"><li><a class="feedback" rel="nofollow" href="/feedback.html?local_url=https%3A%2F%2Fwww.uni-hamburg.de%2Fstudium%2Fstudieren-in-hamburg.html">Feedback</a></li><li><a class="imprint" href="/impressum.html">Impressum</a></li><li><a class="privacypolicy" href="/datenschutz.html">Datenschutzerklärung</a></li><li><a class="privacypolicy" href="https://www.uni-hamburg.de/barrierefreiheit.html"><span>Barrierefreiheit</span></a></li><li><a class="sitemap" href="/sitemap.html">Sitemap</a></li></ul></div></section><section aria-label="Social Links" class="social"><ul class="breite"><li><a class="facebook icon" href="https://www.facebook.com/unihamburg" rel="noopener" target="_blank"><img alt="Facebook" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4fb-34eefe78f2115697918fcdf3380073e3205a54d08662956922dff874cfec7459.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="instagram icon" href="http://instagram.com/unihamburg" rel="noopener" target="_blank"><img alt="Instagram" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4instagram-3be0c5c414c9d6dd564a5f19c1c640dcae8014f923832549e3db849b1b7d0102.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="youtube icon" href="https://www.youtube.com/c/unihamburg" rel="noopener" target="_blank"><img alt="YouTube" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4youtube-32bb78930fd96a7f801b482abf6ea9d20dc27b2b9a276a71d2a0261c29cc8844.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="lecture2go icon" href="https://lecture2go.uni-hamburg.de/" rel="noopener" target="_blank"><img alt="Lecture2Go" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4l2go-ba01d1b32f3f14f791bcde647a089b700170a6afb1d25d74fcc0cffcf3715db3.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="linkedin icon" href="https://linkedin.com/school/unihamburg" rel="noopener" target="_blank"><img alt="LinkedIn" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/linkedin-5d3420860dccef728ae5ce2627a06b1b7c376a7785f814671a7b1835a7afb05e.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="xing icon" href="https://www.xing.com/pages/universitathamburg" rel="noopener" target="_blank"><img alt="Xing" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/xing-f9c3e5df0de6d2ac5432c1f55a59bfd551e7b0d134a863b4e16ace3a9a206fb4.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="threads icon" href="https://www.threads.net/@unihamburg" rel="noopener" target="_blank"><img alt="Threads" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/threads-528ea1104b0ce0a25e43b1411e3274dcc64c9774b0bed7a57f59ae40b7343482.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li></ul></section><section class="global"><nav aria-label="Allgemeine Links" class="liste box"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/studium.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=studium&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=studium">Studium</a></li><li><a href="https://www.uni-hamburg.de/forschung.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=forschung&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=forschung">Forschung</a></li><li><a href="https://www.uni-hamburg.de/internationales.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=internationales&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=internationales">Internationales</a></li><li><a href="https://www.uni-hamburg.de/uhh.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=universitaet&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=universitaet">Universität</a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/fakultaeten.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=fakultaeten&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=fakultaeten">Fakultäten</a></li></ul><ul><li><a href="https://www.uni-hamburg.de/stellenangebote.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=stellenangebote&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=stellenangebote">Stellenangebote</a></li><li><a href="https://www.uni-hamburg.de/antidiskriminierung?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=antidis&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=antidis">Antidiskriminierung</a></li><li><a href="https://www.uni-hamburg.de/newsroom/presse/publikationen/apps.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=uhh-app&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=uhh-app">UHH-App</a></li><li><a href="https://www.uni-hamburg.de/onTEAM/campus/?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=campus-navigator&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=campus-navigator">Campus-Navigator</a></li><li><a href="https://www.uni-hamburg.de/uhh/organisation/stabsstellen/recht/wahlen.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=uni-wahl&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=uni-wahl">Uni-Wahl</a></li><li><a href="https://www.uni-hamburg.de/sitemap.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=sitemap&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=sitemap">Sitemap</a></li></ul><ul><li><a class="zielgruppe" href="https://www.uni-hamburg.de/campuscenter/studienorientierung.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=studieninteressierte&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=studieninteressierte">Studieninteressierte</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/campuscenter.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=studierende&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=studierende">Studierende</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/campuscenter/bewerbung/international.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=internationale-cc&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=internationale-cc">Internationale</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/forschung/karrierewege.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=promovierende&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=promovierende">Promovierende</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/forschung.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=forschende&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=forschende">Forschende</a></li><li><a class="zielgruppe" href="https://www.kus.uni-hamburg.de/?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=beschaeftigte&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=beschaeftigte">Beschäftigte</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/service/weiterbildung.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=weiterbildung&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=weiterbildung">Weiterbildungsinteressierte</a></li><li><a class="zielgruppe" href="https://www.alumni-uhh.de/">Alumni</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/newsroom/presse.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=presse&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=presse">Presse</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/uhhhilft.html?etcc_cmp=startseite-de&etcc_med=footer&et_cmp_seg3=geflüchtete&et_cmp_seg5=&mtm_campaign=startseite-de&mtm_medium=footer&mtm_content=geflüchtete">Geflüchtete</a></li></ul></div></nav><nav aria-label="weitere Links" class="ende"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/kontakt.html">Adresse</a></li><li><a href="https://www.uni-hamburg.de/kontakt/anfahrt.html">Lageplan</a></li></ul><p class="copyright">© 2024 Universität Hamburg. Alle Rechte vorbehalten</p><div class="audits"><div class="audit deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/familie/audit.html" rel="noopener" title="Zur Seite Audit familiengerechte Hochschule">audit familiengerechte hochschule</a></div><div class="audit1 deferredbg"><a href="https://www.uni-hamburg.de/internationales/profil/audit.html" rel="noopener" title="Zur Seite Audit Internationalisierung">Audit</a></div><div class="audit2 deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/diversity/diversity-uhh/diversity-audit.html" rel="noopener" title="Zur Seite Diversity-Audit">HRK-Audit</a></div><div class="systemakkreditierung deferbg"><a href="https://www.uni-hamburg.de/uhh/organisation/praesidialverwaltung/studium-und-lehre/qualitaet-und-recht/qm-entw/01-systemakkreditierung.html" rel="noopener" title="Zur Seite Systemakkreditierung">Systemakkreditierung</a></div></div></div></nav></section></footer></div><div id="sponsors"></div><script>console.log('document ready: ' + (Date.now() - t0) + ' ms'); var t1 = Date.now();</script><div class="tracking" style="display:none"><div class="piwik">83</div><div class="etracker">OBVZu9</div></div></body></html>