CINXE.COM

<!DOCTYPE html><html class="v5 l" lang="de"><head><meta charset="utf-8" /><title>Anfahrt und Lageplan : Kontakt und Service : 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="fLf6_cPQ-K53UUxP-ZvrARMiZr_D_aLYhYUOv98DoC22Q5nXxiJAN1sFxH1xiba4xTZf2Eu2BU8K8y9XJmSkfQ" /><script>inline_editing={ storeMarkerDefinitions: function(x){} }</script><meta content="www2-fiona" name="srcsvr" /><meta content="66g1q0uz95tch9afvqkkiy8ut2cega" name="facebook-domain-verification" /><meta content="Lageplan" property="og:title" /><meta content="https://www.uni-hamburg.de/kontakt/anfahrt.html" property="og:url" /><meta content="website" property="og:type" /><meta content="https://www.uni-hamburg.de/6694510/hauptgebaeude1200x300-ef680e585b2db44e8424982970ddc82e1345bef1.jpg" property="og:image" /><meta content="Online-Dienste" name="author" /><style>:root { --UHHfff-fff: #fff; --UHHfff-hellgrau: #fff; --UHHfff-grau: #fff; --UHH0271bb-fff: #0271bb; --UHH0271bb-grau: #0271bb; --UHH0271bb-dunkelgrau: #0271bb; --UHH0271bb-hellblau: #0271bb; --UHHf3f3f3-grau: #f3f3f3; --UHH3b515c-grau: #3b515c; --UHH3b515c-schwarz: #3b515c; --UHH666-fff: #666; --UHH4e4e4e-fff: #4e4e4e; --UHH4e4e4e-4e4e4e: #4e4e4e; --UHHc40017-hellrot: #c40017; } [data-color-scheme$='dark'] { --UHHfff-fff: #fff; --UHHfff-hellgrau: #252525; --UHHfff-grau: #383838; --UHH0271bb-fff: #fff; --UHH0271bb-grau: #383838; --UHH0271bb-dunkelgrau: #202020; --UHH0271bb-hellblau: #36a9f1; --UHHf3f3f3-grau: #383838; --UHH3b515c-grau: #383838; --UHH3b515c-schwarz: #121212; --UHH666-fff: #fff; --UHH4e4e4e-fff: #fff; --UHH4e4e4e-4e4e4e: #4e4e4e; --UHHc40017-hellrot: #ff7777; } /* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */ @font-face { font-family:"TheSansUHHSemiLightCaps"; font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-32ba22c7d79fd9bb62f6fdc072fb890589bf54d6665920f1c24590c325a3239b.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-f1f416632a372e0ee2916e64c4fa080e09f7b85d34733ee238f74d2c92277772.woff") format("woff"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHBold"; font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-7bc7a19f2f859b122f413c47ab20a3459e68b5484d4e41852c867e1af7fdb23f.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-621f45c5f2f47df061ba574b6be403b7b43bb99e4793b2dd3992367924c7b038.woff") format("woff"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHBoldCaps"; font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-e693e29862e9a63c8fcda7276514608cf455cb6db1c1d5ba18a5cbbafdb8453b.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-3a4112e7cbd5753169c343ef7e82a720be8b61925034e7898d7050446d6b532b.woff") format("woff"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHRegular"; font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-a70a9f7caed90d127fec33f5f7d4b2fb55c4e620f7860fb24424f69b67ed0345.woff") format("woff"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHH";font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-a70a9f7caed90d127fec33f5f7d4b2fb55c4e620f7860fb24424f69b67ed0345.woff") format("woff"); font-weight:normal;font-style:normal; } @font-face { font-family:"TheSansUHHRegularCaps"; font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-2b6f7440c42c3e72ad537b81477bb606ae8e63b48872d6bd715b19a5a7811ba7.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-a39e3894376021fe9d1286463a9b7c29ce7eac94ec1b3944774d7450a22c538b.woff") format("woff"); font-weight:normal; font-style:normal; } @font-face { font-family:"TheSansUHHItalic"; font-display:fallback; src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-d6fab6cd19bfdef91af497a14e0f55591960c719c1e743956e22524fbdff953d.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-cb670ada72881c9e14bd18b5e639eb5feac63f8e20c633cd4c6e3eaa0f03210d.woff") format("woff"); font-weight:normal; font-style:normal; } html.ios { -webkit-text-size-adjust: 100%} html.ios.orientationchanged {height:calc(100% + 100px);position:absolute} html.ios.orientationchanged body{bottom:100px;position:absolute} html, body {background-color:#fff; margin:0; padding:0; z-index:1} html.ios, .ios body {-webkit-overflow-scrolling :touch !important; overflow:auto !important; } body {font-family:TheSansUHH, sans-serif; color:#4E4E4E; overflow-y:scroll; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto} .sticky body {scroll-padding-top:100px} .m body {scroll-padding-top:200px} .s body {scroll-padding-top:200px} * {box-sizing:border-box} header,nav,main,footer,aside,section {display:block} iframe{border:0} img {border:0; display:block} img:not([src]) {visibility:hidden} img.unblock {display:inline} .outer .standard img {display:inline} .outer > .nomargintop {margin-top:0 !important} :target:before{content:""; position:absolute;width:0px;height:70px;margin-top:-70px} .unsichtbar,.uhhhidden {display:none !important} .d-none {display:none} .versteckt {position:absolute; left:-10000px} .breite {width:100%; max-width:1258px; margin:auto} .clear:after {content:""; display:table; clear:both; width:100%} img.defer[data-src]{width:1px !important;height:1px !important} h1,h2,h3,h4,h5 {font-family:TheSansUHHBold,sans-serif; font-weight:normal} em, i {font-family:TheSansUHHItalic,sans-serif; font-style:normal} em.em {font-family:TheSansUHH,sans-serif; font-style:normal} .em a span.a:after {content:"@"} strong,b,th {font-family:TheSansUHHBold,sans-serif; font-weight:normal} em.em a, i a.em {font-style:normal } h1 em, h2 em, h3 em, h4 em, h5 em, em h1, em h2, em h3, em h4, em h5 {font-family:TheSansUHHBoldItalic; font-weight:normal; font-style:normal} strong em, b em, strong i, b i,em strong, em b, i strong, i b {font-family:TheSansUHHBoldItalic; font-weight:normal; font-style:normal} .swiper-slide-duplicate *{user-select:none;} .deferbg{background-image:none !important} input,textarea,select{border-radius:0 !important} table.db_table{display:none} del.alt,mark.neu, mark{background-color:yellow;color:#4e4e4e } del.alt:before{content:"gelöscht: "; position:absolute; left:-10000px;visibility:hidden;width:1px;height:1px;display:block; overflow:hidden } mark.neu:before{content:"neu: "; position:absolute; left:-10000px;visibility:hidden;width:1px;height:1px;display:block; overflow:hidden } html[lang="en"] del.alt:before{content:"deleted: "} html[lang="en"] mark.neu:before{content:"new: " } a[href^="tel"]{color:inherit !important;text-decoration:inherit !important;cursor:inherit !important;} a[href^="tel"]:focus{box-shadow:inherit!important} iframe[src*="onTEAM/campus/einrichtung.html"]{max-width:100%} .s iframe[src*="onTEAM/campus/einrichtung.html"]{max-width:calc(100% + 40px); margin-left:-20px; border-width:1px 0 !important} #seite {position:relative; background-color:#fff; overflow:hidden} .l #seite, .l header, .l section.nav {min-width:1200px !important} .s.r-fixed #seite {margin:auto} .m.r-fixed #seite, .m.r-fixed header .breite {max-width:1200px !important; margin:auto} header #meta,header .logos, .nav, footer .info,footer .social,footer .liste, footer .ende {padding:0 20px} header {position:relative; z-index:700; top:0; left:0; width:100%; height:0} header #meta,header .logos, .nav, footer .info,footer .social,footer .liste, footer .ende {padding:0 20px} .s section.info { padding: 100px 20px 6px 20px;} #meta {color:var(--UHHfff-fff); background:var(--UHH0271bb-grau); font-family:TheSansUHHSemiLightCaps; font-size:16px; position:absolute; top:0; left:0; width:100%; z-index:20} html:not(.l) #meta {height:45px; font-size:14px; position:fixed; top:0; left:0; font-family:TheSansUHH; padding:0 0px 0 20px} .extern #meta {background:#fff} .extern header nav.rechts .quick {display:none} #meta > .breite {display:table; height:100%} #meta > .breite > .links, header #meta > .breite > .rechts {display:table-cell; vertical-align:middle} #meta .links .uhh a {white-space:nowrap; font-family:TheSansUHHBoldCaps; line-height:43px!important; font-size:13px!important} .s #meta .links .uhh a {font-family:TheSansUHHBoldCaps; font-size:17px!important} .m #meta .links .uhh a {font-family:TheSansUHHBoldCaps; font-size:19px!important} .l #meta .links .uhh {display:none} html:not(.l) #meta .links li:not(.uhh) {display:none} html:not(.l) #meta .rechts .stine, html:not(.l) #meta .rechts .sitemap {display:none} #meta ul {margin:0; padding:0; list-style-type:none} #meta .quick .rechts ul {margin:0 2px 2px 0;} #meta ul.breite {margin:auto} #meta > .breite > .rechts>ul {float:right} #meta nav>ul>li {float:left} #meta nav>ul>li + li:not(.presse) {margin-left:21px} html:not(.l) #meta nav>ul>li + li:not(.presse) {margin-left:0} #meta nav>ul>li>a, #meta .quick>.ul>.li>a {height:30px; line-height:28px; float:left; display:block; color:var(--UHHfff-fff); text-decoration:none} html:not(.l) #meta nav>ul>li>a, html:not(.l) #meta .quick>.ul>.li>a {height:45px; line-height:43px; width:50px; text-align:center} html:not(.l) #meta nav>ul>li.uhh>a, html:not(.l) #meta .quick>.ul>.li.uhh>a {width:auto} .extern #meta nav>ul>li>a {width:auto; color:#4e4e4e; font-family:TheSansUHHSemiLightCaps; font-size:16px} #meta .quick>a {position:relative; text-align:center; padding-right:20px;} #meta .quick>a:after {content:""; position:absolute;right: 3px;width: 8px;height: 8px;border: 2px solid var(--UHHfff-fff);border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0.75);top: 8px!important;} #meta .meldungen {display:inline-block; position:relative; top:2px; margin-left:5px; margin-top:3px; width:19px; height:19px; background-color:#c40017; border-radius:10px; margin-right:5px; text-align:center} #meta .meldungen a {color:var(--UHHfff-fff); position:relative; top:-3px} html:not(.l) #meta .quick {display:none!important} .quick #meta .quick>a:after {content:""; transform:rotate(0); top:8px!important; background-image:url("https://assets.rrz.uni-hamburg.de/assets/x-fff-24-55d323cb5912f69a886010d25cc034f0027f7d6edefdc32bc942e961d43b5d36.svg");background-size:18px;background-position:center; right:2px; border:0; height:16px; width:16px;} #meta .quick .slide {display:none; position:absolute; top:30px; right:0px; left:0; background:var(--UHH0271bb-grau); z-index:20; padding:0 20px} html.m #meta .links {width:calc(100% - 220px)} html.m #meta .rechts {width: 220px} html.m #meta .links ul {text-align:right;font-size:0} html.m #meta .links .intranet, html.m #meta .links .stine { margin-left:20px;font-family:TheSansUHHSemiLightCaps; font-size:16px;display:inline-block !important; float:none !important} html.m #meta .links .intranet a, html.m #meta .links .stine a{width:auto !important} #meta .sprache {border:1px solid transparent; border-width:0 1px; position:relative} #meta .sprachen {display:none} .sprache:not(.l) #meta .sprache {border-color:#fff} #meta .sprache a {color:var(--UHHfff-fff); white-space:nowrap; padding-right:20px;} .extern #meta .sprache a {color:#4e4e4e} html:not(.l) .extern #meta .sprache a {color:var(--UHHfff-fff)} #meta .sprache>a {color:var(--UHHfff-fff); display:block; position:relative;padding-right:20px;z-index:2} .s #meta .sprache>a {font-size:17px; font-family:TheSansUHHBoldCaps} @media screen and (max-width:350px) { .s #meta .links .uhh a,.s #meta .sprache>a {font-size:15px !important} } @media screen and (max-width:325px) { .s #meta .links .uhh a,.s #meta .sprache>a {font-size:14px !important;line-height:45px} } .m #meta .sprache>a {font-size:19px; font-family:TheSansUHHBoldCaps} .l #meta .sprache>a {text-align:left !important} html[lang^="de"]:not(.l) #meta .sprache>a:before {content:"de"} html[lang^="en"]:not(.l) #meta .sprache>a:before {content:"en"} html[lang^="es"]:not(.l) #meta .sprache>a:before {content:"es"} html[lang^="fr"]:not(.l) #meta .sprache>a:before {content:"fr"} html[lang^="it"]:not(.l) #meta .sprache>a:before {content:"it"} html[lang^="pt"]:not(.l) #meta .sprache>a:before {content:"pt"} html[lang^="ru"]:not(.l) #meta .sprache>a:before {content:"ru"} html[lang^="tr"]:not(.l) #meta .sprache>a:before {content:"tr"} html[lang^="vi"]:not(.l) #meta .sprache>a:before {content:"vi"} #meta .sprache>a:after {content:""; position:absolute;right: 3px;width: 8px;height: 8px;border: 2px solid var(--UHHfff-fff);border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0.75);top: 8px!important;} .extern #meta .sprache>a:after {border-color: #333;border-width: 0 1px 1px 0} html:not(.l) #meta .sprache>a:after {top:18px} /* .m #meta .sprache>a:after {display:none;} */ /* .s #meta .sprache>a:after {display:none;} */ html:not(.l) #meta .sprache>a:before { transform:rotate(0);top:0px;line-height:43px;margin:0;width:40px;height:45px;display:block;font-size:17px} html:not(.l).sprache #meta .sprache>a:before { width:50px;content:""; background-image:url("https://assets.rrz.uni-hamburg.de/assets/close-5fa03a8d7f458b2093b27563ed29274e4b7b387e402b8fc2b0820acc0bef2c5d.svg"); background-position:center; background-repeat:no-repeat} html:not(.l):not(.sprache) #meta .sprache>a:after{content:""; position:absolute;right: 3px;width: 8px;height: 8px;border: 2px solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg) scale(1);top: 15px !important;} html:not(.l).sprache #meta .sprache>a:after{content:none} html:not(.l).sprache #meta .sprache>a:focus:after { background:var(--UHH0271bb-grau)} .sprache #meta .sprache>a:after {content:"\00D7"; border:0;transform:rotate(0); top:0!important; font-size:20px; margin-bottom:-2px; margin-left:3px; background:none;width:auto} html:not(.l) #meta .sprache a span {display:none} html.l #meta .mobilemenu {display:none} html:not(.l) #meta .mobilemenu>a {float:left; width:50px; height:45px; display:block; position:relative; text-align:center; background-image:url("https://assets.rrz.uni-hamburg.de/assets/hamburger-b3b3524203bc7ee7181ac8d2ba6c2ef9a8ee80845dbb53f02fbf6a207c6cae12.svg"); background-position:center; background-repeat:no-repeat} .mobilemenu:not(.l) #meta .mobilemenu>a {background-image:url("https://assets.rrz.uni-hamburg.de/assets/close-5fa03a8d7f458b2093b27563ed29274e4b7b387e402b8fc2b0820acc0bef2c5d.svg"); position:relative; z-index:100001; box-shadow:0 1px 0 0 var(--UHH0271bb-fff) ,1px 1px 0 0 var(--UHH0271bb-fff) } html:not(.l) .gebaerdensprache, html:not(.l) .leichtesprache{display:none!important} #mobilemenu .gebaerdensprache, #mobilemenu .leichtesprache{display:block;} .gebaerdensprache,.leichtesprache{background-position:left center; background-repeat:no-repeat;color:#fff} .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg");padding-left:22px;} .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-grau-a488fa880a6043bcee8e6a7a2c39fd1dddee02b40decfd84c8a564f99f5e666f.svg")} .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg");padding-left:25px;} .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-grau-44f9530d4c5243f865590c2e1bdb352ee0efccf3ef6d83ade22232e50f587487.svg")} .m .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg")} .m .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg")} .s .extern .gebaerdensprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Gebaerdensprache-2277df00776f836f68b0d845a8826d84e945b792c7ac9f4c346dedfd9d8c222d.svg")} .s .extern .leichtesprache{background-image:url("https://assets.rrz.uni-hamburg.de/assets/LeichteSprache-fcaa2f75603dcdd10d4c642230761008c826800ef9c220dd99045bf96f2a8220.svg")} header .logos {} .l.sticky .zentrale header .logos {position:fixed; top:-110px; left:0; right:0} header .logos .breite {position:relative; z-index:10} header .logos .bild {position:absolute; top:68px; left:0} header .logos .bild {width:270px; height:88px} header .logos .bild img {transition:width 0.2s; position:absolute; left:0; bottom:0; display:block; width:100%} .l.sticky .zentrale header .logos .bild img {width:120px} header .logos .text {position:absolute; top:0; right:0; height:160px; width:350px} html:not(.l) header .logos .text {height:121px; text-align:right; right:-5px} header .logos .text a {position:absolute; bottom:0; right:0; font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); line-height:1.1em} .l header .logos .text a .kurz {display:none} html:not(.l) header .logos .text a .kurz {color:#4e4e4e; font-family:TheSansUHHBoldCaps; font-size:16px; line-height:1.25em; margin-bottom:4px;} html:not(.l) header .logos .text a .wortmarke {display:none} header .logos .text .wortmarke b,header .logos .text .wortmarke strong {letter-spacing:1px; display:block; font-family:TheSansUHHBoldCaps; font-weight:normal; color:rgb(29,29,27); font-size:24px} html:not(.l) header .logos .bild {width:135px; height:44px; top:69px} html:not(.l) header .logos .bild img {width:100%} header .logos .text img {max-height:87px} @keyframes sticky { 0% {opacity:0!important; top:-20px; height:35px} 100% {opacity:1; top:0px; height:70px} } .nav {} html:not(.l) .nav {display:none} .nav .breite {position:relative} .zentrale .nav {position:absolute; top:128px; left:0; right:0; z-index:40} .l.sticky .zentrale .nav {position:fixed; background-color:#fff; opacity:1; top:0px; min-height:70px; animation-name:sticky } #nav {transition:transform 0.2s} .zentrale nav.top {float:left; margin-left:410px} .l.sticky .zentrale nav.top {margin:15px 0 0 410px } body.einrichtung .nav {position:absolute; top:203px; left:0; right:0; z-index:40 } .sticky body.einrichtung .nav {position:fixed; background-color:#fff; opacity:1; top:0; min-height:70px; animation-name:sticky} body.einrichtung nav.top {float:left; margin-left:-50px} /**/ body.einrichtung nav.top {margin-left:0} .l.sticky body.einrichtung nav.top {margin-top:15px} body.news .nav {position:absolute; top:218px; left:0; right:0; background-color:rgb(59,81,92)} .l.sticky body.news .nav {position:fixed; opacity:1; top:0; min-height:70px; animation-name:sticky; z-index:40;} body.news nav.top {transition:all 0.1s; float:left} .top.menu {font-size:20px} .news .top.menu {margin-left:-26px} .top.menu:after {content:""; clear:both; display:table; width:100%} .top.menu ul {list-style-type:none; margin:0; padding:0} .top.menu a {white-space:nowrap; display:block; text-decoration:none; color:#000} .zentrale .top.menu>ul {margin-left:-36px} .top.menu>ul>li {float:left; position:relative; margin-left:50px} /**/ .top.menu>ul>li:first-child {margin-left:0} .zentrale .top.menu>ul>li {margin-left:36px} .news .top.menu>ul>li {margin-left:1px} .top.menu>ul>li.on {z-index:100} .top.menu a:hover {outline:none} .top.menu a:focus {outline:none;text-decoration:underline} .top.menu>ul>li>a {font-size:25px; font-family:TheSansUHHBoldCaps; text-transform:uppercase; color:#333} .zentrale .top.menu>ul>li:not(:last-child)>a {padding-right:25px} .news .top.menu>ul>li>a {padding:0 7px; margin:0 20px; color:#fff; height:70px; line-height:67px} .top.menu>ul>li>a:focus,.mouse .top.menu>ul>li>a:hover,.top.menu>ul>li>a.hier {color:var(--UHH0271bb-hellblau)} .news .top.menu>ul>li>a:focus, .mouse .news .top.menu>ul>li>a:hover,.news .top.menu>ul>li>a.hier {text-decoration:underline; color:#fff} .zentrale .top.menu>ul>li>a:after {display:none; content:">"; transform:rotate(90deg); position:absolute; right:0; bottom:5px; height:16px; line-height:12px} .top.menu>ul>li>a.once {} .top.menu>ul>li>ul {width:410px; margin-left:-50px; margin-top:0px; padding:30px 70px 35px 50px; background-color:#fff; display:none; position:absolute; overflow:hidden} .top.menu>ul>li.on>ul {} .top.menu>ul>li>ul li {clear:left; float:left; width:100%; border-bottom:1px solid #bbb} .top.menu>ul>li>ul li:last-child {border-bottom:none} .top.menu>ul>li>ul a {white-space:normal; line-height:30px; padding:20px 0; margin:0 -20px 0 0; font-family:TheSansUHHBold; color:#4e4e4e} .top.menu>ul>li>ul a:focus,.mouse .top.menu>ul>li>ul a:hover,.top.menu>ul>li>ul ahier {color:var(--UHH0271bb-hellblau) } .zentrale.nav-5 nav.top { margin-left: 370px;} .zentrale.nav-5 .top.menu > ul > li { margin-left: 20px;} html[lang="en"] .zentrale.nav-5 nav.top { margin-left: 350px;} html[lang="en"] .zentrale.nav-5 .top.menu > ul > li { margin-left: 13px;} .l.sticky .zentrale nav.top { margin: 15px 0 0 370px;} @media only screen and (max-width:1300px) { .zentrale.nav-5 .top.menu > ul > li > a { font-size: 23px;} .zentrale.nav-5 .top.menu > ul > li { margin-left: 6px;} .zentrale.nav-5 nav.top { margin-top: 2px;} } #suche input[type="text"]:focus{outline:1px dotted #000;outline-offset:-1px} .nav #suche {position:absolute; right:0; width:71px} .zentrale .nav #suche {top:-13px; height:64px} .einrichtung .nav #suche {top:-13px; height:64px} .news .nav #suche {top:0px; height:70px} .l.sticky .zentrale .nav #suche {top:0} .l.sticky .einrichtung .nav #suche {top:0} .l.sticky .news .nav #suche {top:0} .nav #suche a {display:block; width:100%; height:100%;background-repeat:no-repeat;background-position:center;} .zentrale .nav #suche a, .einrichtung .nav #suche a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_grau-bcacdd8e5a663497675d976c63aa1b5559fbf0a596707bddbf3b7ba746160e33.svg");background-size:29px} .suche .zentrale .nav #suche a, .suche .einrichtung .nav #suche a{background-color:var(--UHH0271bb-grau);background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-01a30ce766445350d8336d48b2a9a8d4856cd67a6b9260756f2fd20c9667c529.svg")} .news .nav #suche a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Lupe_weiss-01a30ce766445350d8336d48b2a9a8d4856cd67a6b9260756f2fd20c9667c529.svg");background-size:29px} .suche .news .nav #suche a{background-color:var(--UHH0271bb-grau);} .nav #suche form {transition:opacity 0.2s; position:absolute; top:-1000px; right:0; width:586px; height:60px; opacity:0} .chemie .nav #suche form {width:1026px} .suche .nav #suche form {opacity:1} .suche .nav #suche form input[type="text"]{border:1px solid var(--UHH0271bb-fff); color:var(--UHH4e4e4e-fff)} .suche .zentrale .nav #suche form {top:64px} .suche .einrichtung .nav #suche form {top:64px} .suche .news .nav #suche form {top:70px} .nav #suche form input[type="text"] {width:100%; height:100%; border:0; background:#fff; font-family:TheSansUHH; font-size:16px; padding:0 71px 0 20px } .chemie .nav #suche form input[type="text"] {width:calc(100% - 440px); float:right} .nav #suche form input[type="submit"] {width:60px; bottom:1px; border:0; background:#fff; position:absolute; top:1px; right:1px; font-size:0; color:transparent; background-position:center; background-repeat:no-repeat; background-size:15px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg"); cursor:pointer;padding:0 } #meta #suche {} #meta #suche a {height:45px; width:50px; float:left; position:relative; text-align:center} html:not(.l) #meta .suche {border:1px solid transparent; border-width:0 1px} .suche:not(.l) #meta .suche {border:1px solid #fff; border-width:0 1px} .suche:not(.l) #meta #suche a {position:relative; z-index:30; box-shadow:0 1px 0 0 var(--UHH0271bb-fff);background-position:center;background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/close-5fa03a8d7f458b2093b27563ed29274e4b7b387e402b8fc2b0820acc0bef2c5d.svg") } html:not(.suche) #meta #suche a { background-image:url("https://assets.rrz.uni-hamburg.de/assets/search-0ac1990f4228497df0c0079276440f3fd30b6a90f9d9431c896c0b37b4db44c6.svg"); background-position:center; background-repeat:no-repeat} #meta #suche div:not(.auswahl):not(.row):not(.cell) {transition:opacity 0.2s; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%} .suche #meta #suche div {opacity:1} #meta #suche form {border-top:1px solid #fff; transition:opacity 0.25s; position:absolute; top:-200px; right:0; width:100%; opacity:0; background-color:var(--UHH0271bb-grau); padding:20px 20px 24px 20px} .chemie #meta #suche form {padding-bottom:4px} .suche #meta #suche form {transition:opacity 0.25s; top:45px; opacity:1} #meta #suche form input[type="text"] {width:100%; height:40px; border:0; background:#fff; font-family:TheSansUHH; padding:0 30px 0 15px } #meta #suche form input[type="submit"] {width:30px; height:40px; border:0; background:#fff; position:absolute; right:20px; top:20px; font-size:0; color:transparent; background-position:center; background-repeat:no-repeat; background-size:10px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg");padding:0 } #suche .auswahl .row {display:table-row} .nav #suche .auswahl {float:left; display:table; width:441px; background-color:#fff; border:1px solid #fff; margin:-1px 0 0 -1px; border-right:1px solid var(--UHH0271bb-fff) } .nav #suche .auswahl .cell {display:table-cell; height:58px; vertical-align:middle; font-family:TheSansUHHBold} .nav #suche .auswahl .cell:first-child {padding-left:8px} .nav #suche .auswahl .cell label {padding-left:2px} #meta #suche .auswahl {display:table; width:100%; position:relative} #meta #suche .auswahl .cell {display:table-cell; width:33.3%; height:36px; vertical-align:middle; font-family:TheSansUHHBold} #meta #suche .auswahl .cell label {padding-left:6px} @media screen and (max-width:500px) { #meta #suche .auswahl .cell {width:auto} #meta #suche .auswahl .cell label {padding-left:3px} } @media screen and (max-width:400px) { #meta #suche .auswahl .cell span {display:none} } #inhalt:before{content:"";display:table} #inhalt {transition:margin-top 0.2s; position:relative; z-index:30} .zentrale #inhalt {margin-top:179px} .suche:not(.sticky):not(.s):not(.m) .zentrale #inhalt {margin-top:249px} .suche:not(.sticky):not(.s):not(.m) .zentrale.chemie #inhalt {margin-top:283px} .einrichtung #inhalt {margin-top:254px} .suche:not(.sticky):not(.s):not(.m) .einrichtung #inhalt {margin-top:329px} .suche:not(.sticky):not(.s):not(.m) .einrichtung.chemie1 #inhalt {margin-top:363px} .news #inhalt {margin-top:288px} .suche:not(.sticky):not(.s):not(.m) .news #inhalt {margin-top:339px} .suche:not(.sticky):not(.s):not(.m) .news.chemie #inhalt {margin-top:373px} html:not(.l) #inhalt {margin-top:129px} section.oben {background:#eee; margin:0 0px 24px 0; overflow:hidden} .news section.oben {background:#eee; margin-bottom:34px; min-height:1px;} .news section.oben:empty {background:transparent} section.oben .breite {position:relative} section.oben .subsite {font-family:TheSansUHHBoldCaps, sans-serif; color:var(--UHHfff-fff); position:absolute; bottom:60px; font-size:60px; left:0; text-shadow:1px 1px 6px rgba(0,0,0,0.35)} main {background:#fff; padding:0 20px; clear:both; position:relative} .volle-breite main {padding:0} main .spalten {position:relative; margin:0 auto} main .spalten:after {content:""; width:100%; display:table} main .spalten .spalte.links {clear:left; float:left; width:58.3%} .volle-breite main .spalten .spalte.links {width:100%} .spalte.links .outer {clear:both;} .volle-breite main .spalten .spalte.links .outer {padding:0 20px} .volle-breite main .spalten #pfad {width:100%; max-width:1258px; margin-left:auto; margin-right:auto} @media only screen and (max-width:1300px) { .volle-breite main .spalten #pfad {margin:0px 20px} } .volle-breite main .spalten .spalte.links .outer > * {position:relative; margin-left:auto; margin-right:auto; max-width:1258px} main .spalten .spalte.abschluss {width:100%; overflow:hidden} main .spalten .spalte.abschluss .outer {padding:0 20px} main .spalten .spalte.abschluss .outer > * {position:relative; margin-left:auto; margin-right:auto; max-width:1258px} main .spalte.rechts {margin-left:3.7%; float:right; width:38%; padding-left:3.2%} main .unten {background:#f3f3f3; margin:0 -20px 0 -20px} .volle-breite main .unten {margin:40px 0 0} main .spalte.links .standard.links {clear:left; float:left; width:58.3%} .m main .spalte.links .standard.links {float:none; width:100%} .autoscaleprobe {display:block; height:0; overflow:hidden} .autoscaleprobe:after {content:"-"} .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important} .m .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important} .s .quicklinks + .quicklinks .uebersicht{margin-top:-23px!important} .uebersicht.kontakt .titel { font-family: TheSansUHHBold,sans-serif;font-size:18px;margin:0} .uebersicht.kontakt .titel,.uebersicht.kontakt .inhalt { padding: 0 114px;} .uebersicht.kontakt .inhalt>span{display:block} .m .uebersicht.kontakt .titel,.m .uebersicht.kontakt .inhalt { padding: 0 40px;} .s .uebersicht.kontakt .titel,.s .uebersicht.kontakt .inhalt { padding: 0 20px!important;} .uebersicht:not(.kontakt) > div > .label, .uebersicht:not(.kontakt) > div > .inhalt { padding-left:114px;float:none; width:auto;} .m .uebersicht:not(.kontakt) > div > .label, .m .uebersicht:not(.kontakt) > div > .inhalt { padding-left:40px;} main {font-size:16px} a {color:#c40017; text-decoration:none} .videohinweis a {color:#c40017 !important;} a:hover {text-decoration:none !important} a:focus {text-decoration:none !important} th:hover {text-decoration:none !important} th:focus {text-decoration:none !important} #quickmenu a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #quickmenu .rubrik.rechts a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #meta nav a:hover {text-decoration:underline !important;} #meta nav a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #fuss .liste a:hover, #fuss .liste a:focus {text-decoration:underline !important; box-shadow:none} #fuss .ende a:hover {text-decoration:underline !important;} #fuss .ende a:focus {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} #fuss .ende .audits a:hover {box-shadow:0 0 0 1px var(--UHHfff-fff), 0 0 5px 1px var(--UHHfff-fff)} :focus {text-decoration:underline; outline:none;box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} *:not(a):focus{text-decoration:none !important;} body.news section.nav #nav > ul > li > a:focus, body.news section.nav #suchea:focus, body.news .newsrubriken .linkliste > li > a:focus{box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;position:relative;z-index:1} .spalte.links .text a{text-decoration:underline} .spalte.links .text a:hover{text-decoration:none} .spalte.links .standard a{text-decoration:underline} .spalte.rechts a[href^="tel"] {color:rgb(78,78,78) !important;text-decoration:underline !important} .spalte.rechts a[href^="tel"]:hover {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte.rechts a[href^="tel"]:focus {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte._rechts a[href^="tel"] {color:rgb(78,78,78) !important;text-decoration:underline !important} .spalte._rechts a[href^="tel"]:hover {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte._rechts a[href^="tel"]:focus {text-decoration:none !important; outline-color:rgb(78,78,78)} .spalte.rechts a {color:rgb(78,78,78); text-decoration:none} .spalte.rechts a:hover, .spalte.rechts a:focus {text-decoration:underline; outline-color:rgb(78,78,78)} .spalte ._rechts a {color:rgb(78,78,78); text-decoration:none} .spalte ._rechts a:hover, .spalte ._rechts a:focus {text-decoration:underline; outline-color:rgb(78,78,78)} a.item {color:rgb(78,78,78); text-decoration:none} a.item:hover, a.item:focus {outline-color:rgb(78,78,78)} a.redButton {display:inline-block; white-space:nowrap; font-family:TheSansUHHBoldCaps, sans-serif; font-size:20px; line-height:50px; padding:0 30px; color:var(--UHHfff-hellgrau) !important; background-color:#0271bb; text-decoration:none !important; } a.redButton:hover {text-decoration:underline !important;} a.redButton:focus {text-decoration:underline !important; } table {width:100%} .table {display:table; width:100%} .table .col {display:table-cell; vertical-align:top} .tablerow {display:table-row} .tablecell {display:table-cell; vertical-align:top} .spalte.links {line-height:1.5em} .spalte.links p {max-width:700px} .spalte.links img.rechts {float:right; margin:0px 0 15px 15px} .spalte.links hr {background-color:#ddd; height:1px; border:0} .spalte.links ul {list-style-type:none} .spalte.links ul li, .spalte.links ol li{position:relative; max-width:700px} .spalte.links .box {position:relative; clear:both} .spalte.links a.box {display:block;} .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) {padding-left:45px} .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) > li:not(.sortlink):before {content:' '; background:#c40017; position:absolute; width:6px; overflow:hidden; height:6px; top:9px; left:-24px} .projekte ul {padding-left:0 !important} .projekte ul > li:before {display:none} .spalte.links table {border:0; border-collapse:collapse; margin-top:25px} .spalte.links table th {border:1px solid #ddd; padding:15px} .spalte.links table th.links {text-align:left} .spalte.links table td {border:1px solid #ddd; padding:15px} .spalte.links table[border="0"] td {border:none !important} .spalte.links table.streifen tr:nth-of-type(2n) td {background-color:#f3f3f3} .spalte.rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0} .spalte ._rechts hr {background-color:#ddd; height:1px; border:0; margin:30px 0 40px 0} .outer.grau {background-color:#f3f3f3} .outer.dunkelgrau {background-color:var(--UHH3b515c-grau)} .outer.homegrau {background-color:#f3f3f3; overflow:hidden;margin-top:30px;} /*subnav*/ .subnav {margin-top:40px} .subnav a:hover {outline:none} .subnav a:focus {outline:none} .subnav ul {list-style-type:none; margin:0; padding:0} .subnav > ul > li:first-child > a {border-top:1px solid #ddd} .subnav li li {margin-left:30px} .subnav li:hover {} .subnav li a {border-bottom:1px solid #ddd; color:#4E4E4E; display:block; text-decoration:none; padding:15px 60px 15px 0; font-family:TheSansUHHBold, sans-serif; font-size:17px; position:relative} .subnav h2 { display:block; position:relative; margin:0} .subnav h2 a {color:var(--UHH0271bb-hellblau) !important; font-size:22px; font-family:TheSansUHHBold, sans-serif} /* .subnav a:after {content:">"; position:absolute; right:30px; top:0; padding:21px 0; transform:rotate(90deg); color:#0271bb } */ .subnav ul a:hover,.subnav ul a:focus {color:var(--UHH0271bb-hellblau) !important; text-decoration:underline !important} .subnav ul a:hover:after,.subnav ul a:focus:after {color:#fff} .subnav a.hier {font-family:TheSansUHHBold,sans-serif; font-weight:normal; color:var(--UHH0271bb-hellblau) !important} .subnav a.hier:hover {} .subnav a.auf,.subnav li.auf > a {color:var(--UHH0271bb-hellblau) } .subnav div.titel {position:relative; padding:21px 60px 21px 0; font-family:TheSansUHHBold, sans-serif; font-size:22px} .subnav div.titel a {color:var(--UHH0271bb-hellblau) !important} .m .spalte.rechts .subnav {display:none} .s .subnav {margin-top:48px; padding:0 20px} .s .spalte.rechts .subnav {display:none} h1 {font-family:TheSansUHHRegularCaps, sans-serif; font-size:38px; margin-top:15px; margin-bottom:17px; width:100%; color:#4e4e4e; line-height:1.15em} h1.news {font-family:TheSansUHHBold, sans-serif; line-height:1.25em} h1.news span {display:block} h1.news span.sup {font-size:20px; margin-bottom:8px; line-height:1.25em} h1.news span.sub {font-size:18px; margin-top:8px; line-height:1.5em} h1.wortmarke {font-family:TheSansUHHSemiLightCaps; font-size:24px; color:var(--UHH0271bb-hellblau); font-weight:normal; margin:0} figure { margin:0} figure img {max-width:100%; height:auto !important} figure.rechts {float:right; margin:0.5em 0 0.5em 1em; max-width:65%} figure.links {float:left; margin:0.4em 1em 0.5em 0; max-width:65%} figure.mitte {display:table; margin:1em auto; max-width:100%; position:relative; overflow:hidden} .s figure.mitte {display:block} figure figcaption {font-size:14px; margin:5px 5px 0 5px; line-height:1.25em} figure p.bildnachweis {font-size:13px; margin:0 5px 0 0; line-height:1.25em; text-align:right; max-width:none !important;} .outer.h1 {margin-bottom:-10px} .outer.h1 +.outer > div {margin-top:54px} .outer.standard +.outer > div.hinweis, .outer.standard +.outer > div.inhaltsblock, .outer.standard +.outer > div.standard, .outer.hinweis +.outer > div.hinweis, .outer.hinweis +.outer > div.inhaltsblock, .outer.hinweis +.outer > div.standard, .outer.inhaltsblock +.outer > div.hinweis, .outer.inhaltsblock +.outer > div.inhaltsblock, .outer.inhaltsblock +.outer > div.standard {margin-top:40px} .outer.h1 span.sep {display:inline-block; margin:0 16px} .outer.h1.rss {margin-bottom:30px} .outer.h1.rss h1 {width:auto;display: inline;padding-right:30px} .outer.h1.rss a {display:inline-block;margin-left: 0px;margin-top:28px; width:21px} html:not(.l) .outer.h1.rss a {margin-top:22px} .outer.h1.rss a img {width:100%} .outer > .nomargintop {margin-top:0} .s .outer:not(.h1) > h1 { padding: 0 20px;} .outer:not(.h1) > h1 ~ h1{ margin-top:40px;} .social_share_privacy_area li:before, .studiengang .liste li:before, .nachrichten .inhalt li:before, .organigramm li:before,#sitemap li:before,.tabs li:before,table.service ul li:before,ul.schwerpunkteliste li:before,.sprechzeiten ul li:before,.import.einmaleins ul li:before, .nachrichten.uebersicht .meldung .text li:before {content:none !important} .box:after {content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; visibility:hidden} .oben .outer {padding:0 20px} .outer .item a.text {color:#4e4e4e; text-decoration:none; display:block} .outer .item a.text:hover .titel {text-decoration:underline} .outer .item .video + .text:before {content:"\00A0"; display:block; font-size:12px; margin-top:2px; line-height:12px} /* .js video{visibility:hidden} */ /*.outer p {margin:30px 0} */ .breadcrumb{clear: both;color: #4E4E4E;min-height: 28px;max-width: 1298px;padding:0 20px; margin:0 auto 20px} .s .breadcrumb{display:none} .breadcrumb ol{font-size: 0px;list-style:none;margin:0;padding:0;} .breadcrumb li{display:inline} .breadcrumb li + li:before { content:'';vertical-align:top;display: inline-block; background-image: url("https://assets.rrz.uni-hamburg.de/assets/breadcrumbs-arrow-53132e3278bb7c38386984be1008702b51b269c133499ea54f25f98e2bd08973.svg"); margin: 0 15px;width: 29px;height:20px;background-position: left center;background-repeat: no-repeat;} .breadcrumb a{font-size: 18px; line-height: 20px;vertical-align:top;color: #4E4E4E;text-decoration: none;display: inline-block} .breadcrumb li:first-child a{padding-left: 26px;background-image: url("https://assets.rrz.uni-hamburg.de/assets/breadcrumbs-home-ace83ee989b94185097ac6dfb0aaf098d8b7a0ddfed38191c07be20fa779ef03.svg");background-repeat: no-repeat;background-position: left 0px;height:17px} .breadcrumb li:last-child a{font-family: TheSansUHHBold, sans-serif;} #pfad {clear:both; color:#4E4E4E; font-size:18px; min-height:28px; margin:0 0 20px 0; line-height:20px; padding-left:0; background-image:url("https://assets.rrz.uni-hamburg.de/assets/home-acc87b53b78b9a46546084942ae10e4011233401cdc5f3571e2c1dd25c9976d4.png"); background-repeat:no-repeat; background-position:left 1px} #pfad span.text {margin-right:5px; position:absolute; left:-10000px} #pfad a {float:left; color:#4E4E4E; text-decoration:none} #pfad span.text + a {margin-left:-28px; padding-left:28px} #pfad > span.text + a {padding-left:54px} #pfad a:hover,#pfad a:focus {text-decoration:underline; outline:none} #pfad span {float:left} #pfad span.sep {background-image:url("https://assets.rrz.uni-hamburg.de/assets/arrow-f71e240964a741d81efdd15e4a4cf5e72fb58b55904b5f559e6f0a919c58538c.png"); margin:0 15px; width:29px; background-position:left center; background-repeat:no-repeat; overflow:hidden; text-align:center; color:transparent} #pfad .paththispage {line-height:20px; font-family:TheSansUHHBold, sans-serif} #fuss {visibility:hidden} .pager {position:absolute !important; top:60px; text-transform:capitalize; font-size:16px} .hsb .pager {top:38px} .pager.prev {left:0} .pager.prev:before {content:"<"; display:inline-block; top:1px; position:relative; margin:0 5px 0 0; overflow:hidden; width:0px; height:0px; border-style:solid; border-width:4px 4px 4px 0; border-color:transparent #c40101 transparent; transform:rotate(360deg)} .pager.next {right:40px} .volle-breite .pager.next {right:0px} .pager.next:after {content:">"; display:inline-block; top:1px; position:relative; margin:0 0 0 5px; overflow:hidden; width:0px; height:0px; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent #c40101 transparent; transform:rotate(360deg)} .bildnachweis:before {content:"\200B"} .bildnachweis a {color:#4e4e4e;position: relative !important;display: inline !important;} p.bildnachweis {margin:0} .full-width-image {position:relative} .full-width-image a{position: absolute; left: 0; top: 0; right: 0; bottom: 0;display:block;} .full-width-image a:focus{border:5px solid var(--UHH0271bb-fff);} .full-width-image a:focus .button span{text-decoration:underline;} .full-width-image .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%; height:100%} .full-width-image .bild img {display:none} .full-width-image .container {position:absolute; left:0; top:0; right:0; bottom:0} .full-width-image .container a.link {position:absolute; left:0; top:0; right:0; bottom:0} .full-width-image .bildnachweis {color:#4e4e4e; position:absolute; background:rgba(255, 255, 255, 0.8); padding:2px 10px; font-size:12px; bottom:0px; right:calc(50% - 629px)} .full-width-image .text {color:#4e4e4e; position:absolute; max-width:1130px; padding-bottom:0; padding-right:100px} .slider-home .full-width-image .text {left:calc(50% - 530px); bottom:90px} .slider-start .full-width-image .text {left:calc(50% - 530px); bottom:110px} .slider-start .full-width-image.scaling .text {bottom:100px} .full-width-slider .control {bottom:68px;} .full-width-slider .slide .bildnachweis {color:#4e4e4e; position:absolute; bottom:0; font-size:12px; right:calc(50% - 629px); background: rgba(255, 255, 255, 0.8); padding:2px 10px; margin:0;} .slider-karte .full-width-slider:not(.scaling) .slide .control {top:686px;} .slider-home .full-width-slider:not(.scaling) .slide .control {top:486px} .slider-start .full-width-slider:not(.scaling) .slide .control {top:386px} .slider-inhalt .full-width-slider:not(.scaling) .slide .control {top:336px} .slider-band .full-width-slider:not(.scaling) .slide .control {top:6px} .slider-news .full-width-slider:not(.scaling) .slide .control {top:336px} .full-width-slider .slide a:hover, .full-width-slider .slide a:focus {outline:none} .full-width-slider .slide a:hover .button span, .full-width-slider .slide a:focus .button span {text-decoration:underline} .full-width-slider .slide .container, .full-width-slider .slide .container a.link {position:absolute; left:0; top:0; right:0; bottom:0} .full-width-slider .slide .text {position:absolute; max-width:1100px; padding-bottom:0; padding-right:100px} .header-350 .full-width-image.scaling > .bild {padding-top:18.26%} .m .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px} .s .header-350 .full-width-image.scaling > .bild {padding-top:0;height:216px} .header-350 .full-width-image .text.h1 {transition:all 0.25s;position:absolute; bottom:40px;left: calc(50% - 629px);padding-right:20px} .s .header-350 .full-width-image .text.h1 {left:20px;bottom:30px} .header-350 .full-width-image .text.h1 h1 {float:left;width:auto;padding:12px 18px;margin:0;font-size:44px;font-family:TheSansUHHBold, sans-serif;background:rgba(255, 255, 255, 0.8);} .s .header-350 .full-width-image .text.h1 h1 {font-size:34px;padding:8px 12px;} .header-350 .full-width-image .text.h1 p {transition:all 0.25s;background:rgba(255, 255, 255, 0.8);margin:10px 0 0} .s .header-350 .full-width-image .text.h1 p {padding:8px 12px} @media only screen and (max-width:1500px) { .slider-home .full-width-image .text {bottom:71px} .slider-start .full-width-image .text {bottom:96px} } @media only screen and (max-width:1350px) { .slider-home .full-width-image .text {bottom:52px} .slider-start .full-width-image .text {bottom:77px} } .full-width-slider.news1 .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0} @media only screen and (max-width:1500px) { } @media only screen and (max-width:1350px) { } @media only screen and (max-width:1300px) { .header-350 .full-width-image .text.h1 { left: 20px;} .header-350 .full-width-image .text.h1 h1 {} .header-350 .full-width-image .text.h1 p {} } @media only screen and (max-width:1300px) { .slider-home .full-width-image .text, .slider-start .full-width-image .text {left:100px; max-width:calc(100% - 200px)} .slider-home .full-width-image .text h2, .slider-start .full-width-image .text h2 {left:100px} .slider-home .full-width-image .text h3, .slider-start .full-width-image .text h3 {left:100px} .full-width-image.news1 .text {left:20px; max-width:69%} .full-width-image .bildnachweis {right:20px !important} } .full-width-image .text h2, .full-width-image .text h3 {float:left; font-size:47px; font-family:TheSansUHHBold, sans-serif; font-weight:normal; line-height:1.2; margin:0 0 12px 0; padding:18px; background:rgba(255, 255, 255, 0.8); overflow:hidden} .full-width-image .text .beschreibung {color:#4e4e4e;float:left; clear:both; font-size:26px; font-family:TheSansUHHBold, sans-serif; padding:8px 18px; background:#FFF; background:rgba(255, 255, 255, 0.8); overflow:hidden} .full-width-image .text .klammer {clear:left;} .full-width-image .text .button {float:right; clear:both; text-align:right; margin-top:12px} .full-width-image.scaling .text .button {margin-top:8px} .full-width-image .text .button a {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; line-height:54px; padding:0 46px 0 36px; color:var(--UHHfff-hellgrau); background-color:#0271bb } .full-width-image .text .button a:hover, .full-width-image .text .button a:focus {text-decoration:underline;outline:none} .full-width-image .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:var(--UHHfff-hellgrau)} .full-width-image .text a {color:#000; text-decoration:underline} .full-width-image .text .button span {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; padding:16px 46px 16px 36px; color:var(--UHHfff-hellgrau); background-color:#0271bb } .full-width-image .text .button span:hover {text-decoration:underline;outline:none} .full-width-image .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:var(--UHHfff-hellgrau)} .full-width-image.news1 .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden} .full-width-image.news1 .text h2, .full-width-image.news1 .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif} .full-width-image.news1 .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif} .full-width-image.scaling .text h2, .full-width-image.scaling .text h3 {font-size:47px; padding:18px; margin-bottom:8px;} .full-width-image.scaling .text .beschreibung {font-size:26px;} @media only screen and (max-width:1500px) { .full-width-image.scaling .text .button span {font-size:18px; padding:14px 40px 14px 30px} .full-width-image.scaling .text .button span:after {right:24px; bottom:14px} } @media only screen and (max-width:1350px) { .full-width-image.scaling .text h2, .full-width-image.scaling .text h3 {font-size:32px; padding:14px 26px} .full1-width-image.scaling .text .button span {font-size:16px; padding:12px 34px 12px 24px} .full1-width-image.scaling .text .button span:after {right:18px; bottom:12px} } .slider-karte .full-width-image:not(.scaling) .bild {height:750px !important} .slider-home .full-width-image:not(.scaling) .bild {height:550px !important} .slider-start .full-width-image:not(.scaling) .bild {height:450px !important} .slider-inhalt .full-width-image:not(.scaling) .bild {height:400px !important} .slider-band .full-width-image:not(.scaling) .bild {height:70px !important} .slider-news .full-width-image:not(.scaling) .bild {height:400px !important} html.js .slick-slider {opacity:0} html.js .slick-slider.slick-initialized {opacity:1} .full-width-slider {position:relative} .full-width-slider .slide {height:100%; margin:0; background-color:#eee; position:relative} .full-width-slider .slide:focus:after {box-shadow:0 0 0 4px var(--UHH0271bb-fff) inset, 0 0 5px 4px var(--UHH0271bb-fff) inset;content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events: none; } .full-width-slider .slide a:focus h2 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .full-width-slider .slide a:focus h3 {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .full-width-slider .slide:focus .button span{text-decoration:underline !important;} .full-width-slider .slide a:focus .button span{text-decoration:underline !important;} .full-width-slider .slide a:focus .beschreibung {box-shadow:0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .full-width-slider .slide .bild {position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; width:100%} .full-width-slider:not(.scaling) .slide .bild {height:100%} .full-width-slider .slide img {display:none; position:absolute; width:100%} .full-width-slider .slickSlider {width:100%; position:relative; margin:0; padding:0} .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:750px !important} .slider-home .full-width-slider:not(.scaling) .slickSlider {height:550px !important} .slider-start .full-width-slider:not(.scaling) .slickSlider {height:450px !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:400px !important} .slider-band .full-width-slider:not(.scaling) .slickSlider {height:70px !important} .slider-news .full-width-slider:not(.scaling) .slickSlider {height:400px !important} .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:750px !important} .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:550px !important} .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:450px !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important} .slider-band .full-width-slider:not(.scaling) .slickSlider .slick-track {height:70px !important} .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:400px !important} .slider-karte .full-width-slider.scaling .slickSlider, .slider-home .full-width-slider.scaling .slickSlider, .slider-start .full-width-slider.scaling .slickSlider, .slider-inhalt .full-width-slider.scaling .slickSlider, .slider-band .full-width-slider.scaling .slickSlider, .slider-news .full-width-slider.scaling .slickSlider, .slider-karte .full-width-slider.scaling .slickSlider .slick-track, .slider-home .full-width-slider.scaling .slickSlider .slick-track, .slider-start .full-width-slider.scaling .slickSlider .slick-track, .slider-inhalt .full-width-slider.scaling .slickSlider .slick-track, .slider-band .full-width-slider.scaling .slickSlider .slick-track, .slider-news .full-width-slider.scaling .slickSlider .slick-track {height:auto} .scaling .slickSlider .slide {width:100%} .scaling .slickSlider .slide .bild {width:100%} .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:25.13%} .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:20.55%} .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%} .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:18.26%} .slider-home .full-width-image.scaling .bild {padding-top:25.13%} .slider-start .full-width-image.scaling .bild {padding-top:20.55%} .slider-inhalt .full-width-image.scaling .bild {padding-top:18.26%} .slider-inhalt .full-width-image.scaling.small .bild {padding-top:13.70%} .slider-news .full-width-image.scaling .bild {padding-top:18.26%} @media only screen and (max-width:1200px) { .slider-karte .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-start .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-news .full-width-slider:not(.scaling) .slickSlider {height:auto !important} .slider-karte .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-start .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-inhalt .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-news .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw} .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:33.33vw} .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:25vw} .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:25vw} .slider-home .full-width-image.scaling .bild {padding-top:33.33vw} .slider-start .full-width-image.scaling .bild {padding-top:33.33vw} .slider-inhalt .full-width-image.scaling .bild {padding-top:25vw} .slider-inhalt .full-width-image.scaling.small .bild {padding-top:25vw} .slider-news .full-width-image.scaling .bild {padding-top:25vw} .slider-karte .full-width-slider:not(.scaling) .slide .bild {height:750px} .slider-home .full-width-slider:not(.scaling) .slide .bild {height:400px} .slider-start .full-width-slider:not(.scaling) .slide .bild {height:400px} .slider-inhalt .full-width-slider:not(.scaling) .slide .bild {height:300px} .slider-news .full-width-slider:not(.scaling) .slide .bild {height:300px} .slider-home .full-width-slider:not(.scaling) .slickSlider {height:auto} .slider-home .full-width-slider:not(.scaling) .slickSlider .slick-track {height:auto !important} .slider-home .full-width-slider .slide {height:auto; margin:0; background-color:#eee; position:relative} .full-width-slider .slickSlider {width:auto;} .slider-home .full-width-slider .slide .container, .slider-home .full-width-slider .slide .container a.link {position:relative; left:0; top:0; right:0; bottom:0} .slider-home .full-width-slider .slide .text {position:relative; bottom:0 !important; padding:40px 20px; left:0 !important} .slider-home .full-width-slider .slide .text h2 {float:none !important; background:none !important} .slider-home .full-width-slider .slide .text h3 {float:none !important; background:none !important} .slider-home .full-width-slider .slide .text .beschreibung {float:none !important; background:none !important} .slider-karte .full-width-slider .control {top:686px;} .slider-home .full-width-slider .control {top:336px} } @media only screen and (max-width:640px) { .slider-home .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw} .slider-start .full-width-slider.scaling .slickSlider .bild {padding-top:62.5vw} .slider-inhalt .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw} .slider-news .full-width-slider.scaling .slickSlider .bild {padding-top:31.25vw} .slider-home .full-width-slider.scaling .control {top:calc(62.5vw + 16px) !important;} .slider-home .full-width-image.scaling .bild {padding-top:62.5%} .slider-start .full-width-image.scaling .bild {padding-top:62.5%} .slider-inhalt .full-width-image.scaling .bild {padding-top:31.25%} .slider-inhalt .full-width-image.scaling.small .bild {padding-top:31.25%} .slider-news .full-width-image.scaling .bild {padding-top:31.25%} } .slider-home .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px} .slider-start .full-width-slider .slide .text {left:calc(50% - 630px); bottom:35px} .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:103px} @media only screen and (max-width:1500px) { .slider-home .full-width-slider.scaling .slide .text {bottom:71px} .slider-start .full-width-slider.scaling .slide .text {bottom:96px} } @media only screen and (max-width:1350px) { .slider-home .full-width-slider.scaling .slide .text {bottom:52px} .slider-start .full-width-slider.scaling .slide .text {bottom:77px} } .full-width-slider.news1 .slide .text {color:#4e4e4e; position:absolute; left:calc(50% - 530px); max-width:800px; padding-bottom:0} .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:68px} .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:68px} .slider-start .full-width-slider:not(.noquicklinks) .control {top:318px} .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:98px} @media only screen and (max-width:1500px) { .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px} } @media only screen and (max-width:1350px) { .slider-start .full-width-slider:not(.noquicklinks) .control {top:352px} .m .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px} .s .slider-start .full-width-slider:not(.noquicklinks) .control {top:331px} } @media only screen and (max-width:1300px) { .slider-home .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)} .slider-start .full-width-slider .slide .text {left:20px; max-width:calc(100% - 200px)} .full-width-slider .slide .bildnachweis {right:20px} } .full-width-slider .slide .text h2, .full-width-slider .slide .text h3 {font-size: 47px;font-family: TheSansUHHBold, sans-serif; font-weight:normal; line-height: 1.2;margin: 0 0 12px 0;padding:18px;color:#4e4e4e; background: rgba(255, 255, 255, 0.8) ;float:left; overflow:hidden} .full-width-slider .slide .text .beschreibung {color:#4e4e4e;float:left; clear:both; font-size: 26px;font-family: TheSansUHHBold, sans-serif; padding:8px 18px; background: rgba(255, 255, 255, 0.8); margin:0; overflow:hidden} .full-width-slider .slide .text .klammer {clear:left;} .full-width-slider .slide .text .button {float:right; clear:both; text-align:right; margin-top:12px;} .full-width-slider .slide .text .klammer:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;} .full-width-slider .slide .text .button a {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; line-height:54px; padding:0 46px 0 36px; color:var(--UHHfff-hellgrau); background-color:#0271bb } .full-width-slider .slide .text .button a:hover, .full-width-slider .slide .text .button a:focus {text-decoration:underline;outline:none} .full-width-slider .slide .text .button a:after {content:">"; position:absolute; right:30px; top:0; color:#fff} .full-width-slider .slide .text a {color:#000; text-decoration:underline} .full-width-slider .slide .text .button span {text-decoration:none; position:relative; display:inline-block; font-family:TheSansUHHBoldCaps, sans-serif; font-size:18px; padding:16px 32px 16px 18px; color:var(--UHHfff-hellgrau); background-color:#0271bb } .full-width-slider111 .slide .text .button span:after {content:">"; position:absolute; right:30px; bottom:16px; color:#fff} .full-width-slider .slide .text .button span:after {content: ""; position: absolute; right: 14px; bottom: 22px; height: 10px; width: 18px; background-repeat: no-repeat; background-position: center; background-size: 10px 10px; background-image: url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_weiss_bold-9f00734e7401eda96bc85a0251f2eddb0e28f614926baf7897602d2839b525b8.svg");} .full-width-slider.news1 .slide .text {padding:20px; background:rgba(255, 255, 255, 0.8); overflow:hidden} .full-width-slider.news1 .slide .text h2, .full-width-slider.news1 .slide .text h3 {background:none; padding:0px; font-size:70px; font-family:TheSansUHH, sans-serif} .full-width-slider.news1 .slide .text .beschreibung {background:none; padding:0px; font-size:22px; font-family:TheSansUHH, sans-serif} .full-width-slider .slick-arrow {border:1px solid transparent; width:0px; height:0px; background-color: rgba(255,255,255,0.8); background-repeat:no-repeat;cursor:pointer; position:absolute; z-index:0; top:-1000px; background-position:center; background-size:64px 64px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider-97073acdb5b61068c753829c6b623527591dd5491f2c941d8dadb70f1fa5aa20.svg")} html[data-color-scheme$="dark"] .full-width-slider .slick-arrow {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg")} .full-width-slider:hover .slick-arrow {width:80px; height:80px; top:calc(50% - 40px);} .full-width-slider .slick-arrow:focus {width:80px; height:80px; top:calc(50% - 40px);} .full-width-slider .slick-arrow.slick-prev {left:10px; right:unset; } .full-width-slider .slick-arrow.slick-next {right:10px; left:unset; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH} .full-width-slider .slick-arrow:hover {} .full-width-slider .slick-arrow:focus {} @media only screen and (max-width:1440px) { .full-width-slider .slick-arrow {display:none} } .full-width-slider .control {padding:9px; height:34px; position:absolute; bottom:36px; right:0; margin:0; background-color: rgba(255,255,255,0.8);} .full-width-slider .slick-dots {display:none; float:left; padding:0; list-style-type:none; bottom:39px;margin:0} .full-width-slider #slider-1 .slick-dots {} .volle-breite .full-width-slider .control {right:calc(50% - 630px)} .volle-breite .full-width-slider .slick-dots {right:calc(50% - 630px)} .slider-start .full-width-slider .slick-dots {} .slider-start .full-width-slider.noquicklinks .slick-dots {} .slick-dots li {display:inline-block} @media only screen and (max-width:1500px) { .full-width-slider.scaling .slide .text .beschreibung {padding:9px 32px} .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:84px} .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:49px} .slider-start .full-width-slider.scaling .slick-dots {bottom:61px} .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:61px} .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:84px} .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:49px} .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:79px} } @media only screen and (max-width:1350px) { .full-width-slider.scaling .slide .text .beschreibung {padding:8px 26px} .slider-start .full-width-slider:not(.noquicklinks) .slide .text {bottom:63px} .slider-start .full-width-slider:not(.noquicklinks) .bildnachweis {bottom:28px} .slider-start .full-width-slider.scaling .slick-dots {bottom:42px} .slider-start .full-width-slider.noquicklinks.scaling .slick-dots {bottom:42px} .slider-start .full-width-image:not(.noquicklinks) .slide .text {bottom:63px} .slider-start .full-width-image:not(.noquicklinks) .bildnachweis {bottom:28px} .slider-start .full-width-slider.scaling:not(.noquicklinks) .control {top:auto; bottom:58px} } .full-width-slider .slick-dots {height:16px; float:left;} .full-width-slider .slick-dots li {width:23px; height:18px; margin:0 6px; padding:0} .full-width-slider .slick-dots li button {width:22px; height:16px; border:none; background:rgb(59,81,91);; color:transparent; border:3px solid rgb(59,81,91);} .full-width-slider .control button { float:left; margin-left:20px; width:22px; height:16px; border:none; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:contain;} .s .full-width-slider .control button { margin-left:14px} .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")} .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")} .full-width-slider .slick-dots li button:focus {} .full-width-slider .slick-dots li.slick-active button {background:transparent;} @media only screen and (max-width:1300px) { .full-width-slider .slick-arrow.slick-prev {left:20px} .full-width-slider .slick-arrow.slick-next {right:20px} .full-width-slider .control {right:20px!important} .full-width-slider .slick-dots {right:20px!important} .full-width-slider .slick-arrow.slick-prev {left:20px} .full-width-slider .slick-arrow.slick-next {right:20px} } /*Simple Slider*/ .simpleSlider {background:#fff !important; position:relative;} .simpleSlider .slide *:focus {box-shadow:none;} .simpleSlider .standard {border:1px solid #ddd;} .simpleSlider .slide {background:#fff} .simpleSlider .slide:focus {outline:3px solid var(--UHH0271bb-fff); outline-offset:-3px;} .simpleSlider .foto {float:left; width:348px; overflow:hidden; background:#fff; border-radius:2px 0 0 2px; padding:0} .simpleSlider .foto img {float:left} .simpleSlider .text {float:right; width:calc(100% - 378px); background:#fff; border-radius:0 2px 2px 0; padding:15px 20px 15px 15px} .simpleSlider .text > * {margin-top:0} .simpleSlider .text *:last-child {margin-bottom:0} .simpleSlider .slick-arrow {position:absolute; width:15px; height:32px; top:50%; border-radius:2px; background-color:rgba(0,0,0,0.70); text-align:center; z-index:1; cursor:pointer} .simpleSlider .slick-next {right:2px} .simpleSlider .slick-next:after {content:">"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px} .simpleSlider .slick-prev {left:2px} .simpleSlider .slick-prev:after {content:"<"; position:absolute; top:3px; left:1px; color:#fff; font-size:20px} .simpleSlider .slick-dots {display: block; list-style-type: none; text-align:center} .simpleSlider .slick-dots li {width:23px; height:23px; margin-left:12px; padding:0; display:inline-block} .simpleSlider .slick-dots li button {width:19px; height:19px; border:none; background:#fff; border:2px solid #4e4e4e; font-size:0; color:#fff; cursor:pointer} .simpleSlider .slick-dots li.slick-active button {background:#4e4e4e; font-size:0; color:var(--UHH0271bb-hellblau) } /*Testimonial Slider*/ .testimonial-swiper-wrapper {position:relative;} .testimonial-swiper-wrapper button {cursor:pointer;width:18px;border:0;outline:0;background-color:#fff;position:absolute; top:90px; height:30px; z-index:1;background-position:center;background-repeat:no-repeat; background-size:18px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider-97073acdb5b61068c753829c6b623527591dd5491f2c941d8dadb70f1fa5aa20.svg")} html[data-color-scheme$="dark"] .testimonial-swiper-wrapper button {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg")} .testimonial-swiper-wrapper button.left {left:-60px} .testimonial-swiper-wrapper button.right {right:5px;transform:rotate(180deg);z-index:3} .testimonial.swiper {margin:40px 0;overflow:hidden; position:relative;padding-bottom:32px} .testimonial.swiper .swiper-pagination{bottom:0} .testimonial.swiper .swiper-pagination-bullet { width: 10px; height: 10px; border:1px solid #4e4e4e !important;display: inline-block; border-radius: 100%; background: #fff !important; opacity: 1;} .testimonial.swiper .swiper-pagination-bullet-active { opacity: 1; background: #4e4e4e!important} .testimonial.swiper .swiper-slide {padding:0 60px 0 0;cursor:grab} .testimonial.swiper .foto {border-radius:90px;float:left; width:180px; height:180px;overflow:hidden; background:#fff; padding:0;position:relative;margin-top:10px;overflow:hidden} .testimonial.swiper .foto img {border-radius:90px;position:absolute; height:100%;width:auto;max-width:none;top:50%;left:50%;transform:translate3d(-50%,-50%,0)} .testimonial.swiper .text {float:right; width:calc(100% - 180px); border-radius:0 2px 2px 0; padding:0 20px 15px 40px} .testimonial.swiper .text > * {margin-top:0} .testimonial.swiper .text h3 {margin:0; color:var(--UHH0271bb-hellblau); font-family:TheSansUHHBoldCaps;} .testimonial.swiper .text p.zusatz {margin:0 0 20px 0; font-family:TheSansUHHBoldCaps;} .testimonial.swiper .text p.link {margin-top:25px} .testimonial.swiper .text *:last-child {margin-bottom:0} .testimonial .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset} .testimonial .swiper-slide a { display:none } .testimonial .swiper-slide.swiper-slide-active a { display:inline } .testimonial .swiper-slide:focus {box-shadow:none!important;outline:none!important } @media only screen and (max-width:1400px) { .testimonial-swiper-wrapper button {display:none} .testimonial.swiper .swiper-slide {padding:0} } /*logo Slider*/ .logo-slider {height:auto!important; overflow:hidden; margin-top:160px; height:85px} .logo-slider .slides {width:calc(100% - 176px); margin:0px 88px} .logo-slider .slide {float:left } .logo-slider .slick-prev, .logo-slider .slick-next {border:0; padding:0; overflow:hidden; color:transparent; background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-weiss-663389f3e56879ff69e9cf9eae9f3cecce5e6bad3e5ce1088755dc620abe9e13.svg"); background-position:center center; background-color:#0271bb; background-size:30px 60px; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-41px; width:88px; text-align:center; color:transparent; line-height:82px; height:82px; cursor:pointer; z-index:1} .logo-slider .slick-prev {left:-88px; transform:rotate(180deg)} .logo-slider .slick-next {right:-88px} .logo-slider .slick-slide {text-align:center } .logo-slider .slick-slide img {margin:auto; max-height:100%; max-width:100% } .logo-slider-container {position:relative;margin-top: 160px;height:60px;} .extern .unten .outer .logo-slider-container {position: relative; margin-left: auto; margin-right: auto; max-width: 1258px; margin-top: 80px;} .extern .unten .outer .logo-slider-container .swiper{margin-bottom: 80px; overflow:hidden;} .swiper.logo-slider {left: 88px; top: 0; height: 85px; width: calc(100% - 176px); padding: 0; position: absolute; overflow: hidden;margin:0;} .logo-slider .swiper-wrapper {width:100%;} .logo-slider .swiper-slide a {display: inline-block; width: 100%; margin:2px;} .logo-slider .swiper-slide img {margin:auto; max-height:100%; max-width:100% } .logoswiper-prev, .logoswiper-next {border:0; padding:0; overflow:hidden; color:transparent; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_slider_weiss-00189b910a354a811a28f9c1e0a5731db1c42b13568b141796decee2a724caf2.svg"); background-position:center center; background-size:64px 64px; background-repeat:no-repeat; position:absolute; width:88px; text-align:center; background-color: #0271bb; height:88px; width:88px; cursor:pointer; z-index:1} .logoswiper-prev:hover, .logoswiper-next:hover {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .logoswiper-prev:focus, .logoswiper-next:focus {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .logoswiper-prev {left:0;} .logoswiper-next {right:0; -ms-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:"FlipH"; filter:FlipH} .s .logo-slider-container {margin-top: 80px;} .s .swiper.logo-slider {left: 20px; height: auto; width: 120%; position:relative;} .s .logo-slider .slide {padding:4px 10px;} .s .logoswiper-prev, .s .logoswiper-next {display:none} .js .uhh-tabs{opacity:0;transition:opacity 0.2s} /*social*/ .social-teaser {margin-top:130px; padding-top:68px; padding-bottom:130px;min-height:500px} /*V4 Hometeaser*/ .hometeaser {margin-top:32px; margin-bottom:60px} .hometeaser ul {padding:0; margin:0; list-style-type:none; font-size:0} .hometeaser ul li {float:left; min-width:22.9%; width:22.9%; margin-left:0} .hometeaser ul li + li {margin-left:2.8%} .hometeaser ul li a {float:left; border-radius:200px; width:100%; font-family:TheSansUHHBoldCaps, sans-serif; font-size:48px; line-height:0.9em; color:#fff; overflow:hidden} .hometeaser ul li a:hover {outline:none} .hometeaser ul li a:focus {outline:none} @media only screen and (max-width:1300px) { .hometeaser ul li a {font-size:3.69vw} } .hometeaser ul li img {display:block; width:100%} .hometeaser ul li .titel {position:absolute; top:0; left:0; height:100%; width:100%; display:block; text-align:center; background-size:0; background-repeat:no-repeat} .hometeaser ul li a:hover .titel {background-size:contain!important} .hometeaser ul li a:focus .titel {border:1px solid transparent; background-size:contain!important} .hometeaser ul li .titel span {display:table; width:100%; height:100%} .hometeaser ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal} .hometeaser-5 {margin-top:32px; margin-bottom:60px} .hometeaser-5 ul {padding:0; margin:0; list-style-type:none; font-size:0} .hometeaser-5 ul li {;border-radius:200px;float:left; min-width:18%; width:18%; margin-left:0;overflow:hidden} html:not(.s) .hometeaser-5 ul li:before {content:"";float:left;position:relative;left:-1px;width:0;padding-top:100%} .hometeaser-5 ul li + li {margin-left:2.5%} .hometeaser-5 ul li a {float:left; border-radius:200px; width:100%; font-family:TheSansUHHBoldCaps, sans-serif; font-size:36px; line-height:0.95em; color:var(--UHHfff-fff); overflow:hidden} @media only screen and (max-width:1300px) { .hometeaser-5 ul li a {font-size:2.8vw} } .hometeaser-5 ul li img {display:block; width:100%;color:transparent} .hometeaser-5 ul li .titel {display:none;position:absolute; top:0; left:0; height:100%; width:100%; display:block; text-align:center; background-size:0; background-repeat:no-repeat} .hometeaser-5 ul li a:hover .titel {background-size:contain!important} .hometeaser-5 ul li a:focus .titel {border:1px solid transparent; background-size:contain!important} .hometeaser-5 ul li .titel span {display:table; width:100%; height:100%} .hometeaser-5 ul li .titel span b {display:table-cell; vertical-align:middle; font-weight:normal; padding:10px} .formbutton {cursor:pointer;border: 2px solid transparent;font-size: 17px;margin: 0px; margin-left: 0px; font-family: TheSansUHHBoldCaps,sans-serif;text-align: center; padding: 0 15px; min-width: 150px; height: 35px; padding-bottom:2px} .formbutton.blau, .cookie-consent--edit { background-color: RGB(2, 113, 187); color: rgb(255, 255, 255)} .formbutton.blau:hover, .formbutton.blau:focus { border: 2px solid RGB(2, 113, 187); background-color: rgb(255, 255, 255); color: rgb(51, 51, 51)} .formbutton.grau { background-color: rgb(238, 238, 238); color: rgb(79, 79, 79)} .formbutton.grau:hover, .formbutton.grau:focus { border: 2px solid rgb(102, 102, 102)} /*V4 Tooltip*/ .tooltipbutton {position:relative; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 2px; margin-left: 12px; width: 24px; height: 20px; } .tooltipbutton button {position:relative; cursor: pointer; display: inline-block; vertical-align: top; width: 24px; height: 20px; border: none; background: none; background-repeat: repeat; background-image: none; background-size: auto; background-repeat: no-repeat; background-size: contain; background-image: url("https://assets.rrz.uni-hamburg.de/assets/info-icon-155dbf3bfdceb86368104cd9e3bb66e3e539df9782d262083ecf006a9a6637f8.svg");} h1 .tooltipbutton {margin-top:14px;} .m h1 .tooltipbutton {margin-top:8px;} .s h1 .tooltipbutton {margin-top:8px;} .tooltipbutton + p {display:none; margin:0; position:relative; padding:20px; font-size:16px; line-height:24px; position:absolute; width:60vw; max-width:500px !important; text-align:left; color:#fff; background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); font-family:"TheSansUHH"} .tooltipbutton.hidden + p {visibility:hidden;} .tooltipbutton.on + p {display:block;} .tooltipbutton + p a {color:#fff;} .tooltipbutton + p span.tooltiparrow {color:#fff;} .tooltipbutton + p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;} .tooltipbutton + p span.tooltiparrow:after {content:""; position:absolute; width:20px; height:20px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);} .tooltipbutton.up + p span.tooltiparrow {top:100%;} .tooltipbutton.up + p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);} .tooltipbutton p {display:none; z-index:1; margin:0; position:relative; padding:20px; font-size:16px; line-height:24px; position:absolute; width:60vw; max-width:500px !important; text-align:left; color:#fff; background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); font-family:"TheSansUHH"} .tooltipbutton.hidden p {visibility:hidden;} .tooltipbutton.on p {display:block;} .tooltipbutton p a {color:#fff; text-decoration: underline;} .tooltipbutton p span.tooltiparrow {color:#fff;} .tooltipbutton p span.tooltiparrow {position:absolute; bottom:100%; margin-left:-20px; width:40px; height:20px; overflow:hidden;} .tooltipbutton p span.tooltiparrow:after {content:""; position:absolute; width:20px; height:20px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#3B515B; box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);} .tooltipbutton.up p span.tooltiparrow {top:100%;} .tooltipbutton.up p span.tooltiparrow:after {left:auto; right:50%; transform:translate(50%,-50%) rotate(225deg);} #uhhjobs,#uhhjob{min-height:600px} /*V5 pressemeldung*/ .outer > .pressemeldung {border-top:1px solid #ddd; padding:45px 0; margin:0 !important} .outer > .pressemeldung.first {border-top:1px solid #ddd; margin-top:30px !important} .outer > .pressemeldung a {color:#4e4e4e;} .outer > .pressemeldung .content {max-width:700px; display:block;} .outer > .pressemeldung .content:after {content: "."; display: block; clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden;} .outer > .pressemeldung .datum {font-family:TheSansUHHBold, sans-serif} .outer > .pressemeldung .datum span {display:inline-block; padding:0 16px} .outer > .pressemeldung h2 {font-size:22px !important; margin-bottom:30px !important; margin-top:18px !important; line-height:24px !important; font-family:TheSansUHHBold, sans-serif; font-weight:normal} .outer > .pressemeldung h2 a {color:#4e4e4e} .outer > .pressemeldung a:hover h2 {text-decoration:underline;} .outer > .pressemeldung .image {float:left; width:43%; margin-right:4%} .outer > .pressemeldung .image img {width:100%} .outer > .pressemeldung .image a {display:block; position:relative} .outer > .pressemeldung .image a:hover {outline:none} .outer > .pressemeldung .image a:focus {outline:none} .outer > .pressemeldung .image a:focus:before {content:" "; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid #000;} .outer > .pressemeldung .image .bildnachweis {text-align:right; font-size:12px; line-height:1em; margin-top:2px} .outer > .pressemeldung .video {float:left; width:43%; margin-right:4%} .outer > .pressemeldung .video .pad {float:left; width:1px; padding-top:56%} .outer > .pressemeldung .video.lecture2go {position:relative} .outer > .pressemeldung .video.lecture2go video {width:100%; height:100%; position:absolute; top:0} .outer > .pressemeldung .video.youtube {position:relative} .outer > .pressemeldung .video.youtube img {width:100%; height:100%; position:absolute; top:0} .outer > .pressemeldung .video.youtube iframe {width:100%; height:100%; position:absolute; top:0} .outer > .pressemeldung .text {margin-top:-6px} .outer > .pressemeldung .text .more {margin-top:16px} .outer > .pressemeldung .text .more a:after {content:" >"; color:#c40017} .outer > .pressemeldung .text .hinweis {border:none; padding:0; margin-top:12px; font-size:14px; font-family:TheSansUHHItalic} .outer > .button {margin-top:60px} .outer > .button a {border:1px solid #4e4e4e; padding:11px 28px; color:#4e4e4e} .s .studiengaenge h1{margin-top: -20px !important;margin-bottom: 35px !important;} .m .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;} .l .studiengaenge h1{margin-top: -40px !important;margin-bottom: 40px !important;} .out-of-service div:before{content:"";float:right; width:350px;max-width:35%;height:350px;margin-left:50px;;background-image:url("https://assets.rrz.uni-hamburg.de/assets/out-of-service-733x414-1-e9dafd30d6152ea18ab689a5b7d90e4cb849005edda036f00e77acc651308ec8.png");background-repeat:no-repeat; background-position:top right;background-size:contain} .out-of-service h1{max-width:700px;margin:15px 0 60px} .out-of-service h1 ~ h1{margin-top:45px} .s .out-of-service{margin:0 20px} .s .out-of-service div:before{display:inline-block;margin:0;float:none;max-width:none; width:100%;height:0;padding-top:60%;;background-position:center} .calltoaction { cursor:pointer; width: auto !important; text-decoration: none !important; border: 0; display: inline-block !important; font-family: TheSansUHHBoldCaps, sans-serif; font-size: 20px !important; color: var(--UHHfff-hellgrau); background-color: #0271bb; padding: 12px 30px 13px!important; text-align:center; max-width: 100%; white-space: normal; line-height: 1.25em;} .s .calltoaction { padding: 10px 20px 10px!important; font-size: 18px !important;}.calltoaction:hover{text-decoration: underline !important;} #blender {display:none; top:0; position:fixed; left:0; width:100vw; height:100vh; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); z-index:999; padding-top:60px} #blenderContent {color:black; max-width:700px; padding:32px 32px 62px 32px; border:3px solid #007bd1; margin:5% auto 15% auto; position:relative; width:80%; background-color:white} #blenderContent a {position:absolute; bottom:16px; right:12px; color:var(--UHHfff-hellgrau); padding-top:9px; padding-bottom:9px; padding-left:33px; padding-right:33px; background-color:#0271bb} #blenderContent a:hover {text-decoration:none; color:black; background-color:white; border:1px solid gray; padding-top:8px; padding-bottom:8px; padding-left:32px; padding-right:32px} .spalte.links .veranstaltungen{visibility:visible;margin-top:54px} .spalte.links ._rechts._oben + .outer > a + .veranstaltungen{margin-top:0px} .spalte.links .veranstaltungen h2 {margin-bottom:0 !important; padding:0 14px; font-size:22px !important; height:34px; line-height:34px !important; font-family:TheSansUHHSemiLightCaps !important} .s .spalte.links .veranstaltungen h2 {padding:0 20px;} .spalte.links .veranstaltungen h2.monatsname {background-color:#f0f0f0; margin:0 0 15px 0} .spalte.links .veranstaltungen .veranstaltung {padding:30px 0 60px 0; border-bottom:1px solid #e4e4e4;margin-top:0!important} .s .spalte.links .veranstaltungen .veranstaltung {padding:30px 20px 60px} .spalte.links .veranstaltungen .veranstaltung h3 {font-size:22px; margin-top:25px; margin-bottom:20px} .spalte.links .veranstaltungen h3 a {color:#4E4E4E; display:block;} .spalte.links .veranstaltungen h3 a:hover {text-decoration:underline !important;} .spalte.links .veranstaltungen .zeit, .spalte.links .veranstaltungen .ort {font-family:TheSansUHHBold;margin:0} .spalte.links .veranstaltungen .veranstaltung .tags {margin:25px 0 20px 0;} .spalte.links .veranstaltungen .veranstaltung .tags:after {content:"";display:table;width:100%} .spalte.links .veranstaltung .tags {margin:15px 0; padding:0 !important} .spalte.links .veranstaltung .inhalt {clear:left;} .spalte.links .veranstaltungen .monat.hide, .spalte.links .veranstaltungen .monat .veranstaltung.hide {display: none;} .spalte.links .veranstaltung .tags li:before{content: none !important} .spalte.links .veranstaltung .tags a:hover, .spalte.links .veranstaltung .tags a:focus{outline-color:#4E4E4E} .spalte.links .outer > .veranstaltung .tag {cursor:pointer;display:block!important;float:left; margin:0 4px 20px 0; background-color:#f0f0f0; font-size:13px; height:30px; line-height:30px; padding:0 10px; color:#4e4e4e; text-decoration:none} .spalte.links .veranstaltungen .tags li {position:relative;float:left; margin:0 4px 4px 0; background-color:#f0f0f0; font-size:13px; height:30px; line-height:30px; padding:0 10px; color:#4e4e4e; text-decoration:none} .spalte.links .veranstaltungen .tags li:hover{text-decoration:underline} .spalte.links .veranstaltungen .tags li .tag{position:absolute;top:0;right:0;bottom:0;left:0} .spalte.links .veranstaltungen .mehr {padding-top:14px;margin:0} .spalte.links .veranstaltungen .mehr a:hover {text-decoration:underline !important;} .veranstaltung .info p{margin:0} .s .outer > .veranstaltung{padding:0 16px} .eventsform{visibility:visible} .eventsform {position:relative; width:auto!important; float:none!important; margin-top:14.4px!important} .l .eventsform:not(:first-child){margin-top:30px!important} /* .s .eventsform:after,.m .eventsform:after {content:attr(data-h1); font-size:20px; padding:24px 14px 10px 14px; line-height:1.25em; display:block; font-family:TheSansUHHBold,sans-serif; font-weight:normal} */ .s body.event h1,.m body.event h1,.s body.events h1,.m body.events h1 {position:absolute; left:-5000px; top:0} .eventsform .suche {background-color:#f0f0f0} .eventsform .suche h2 {hyphens:none; position:relative; font-size:21px; font-family:TheSansUHHSemiLightCaps; padding:00; line-height:60px!important; margin:0; border-bottom:1px solid #fff} .s .eventsform .suche h2:before,.m .eventsform .suche h2:before {transition:transform 0.1s; content:""; position:absolute; right:20px; top:14px; width:30px; height:30px; background-position:center; background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg") } .s .eventsform .suche h2:before,.m .eventsform .suche h2:before {right:73px} .s .eventsform .suche.zu h2:before,.m .eventsform .suche.zu h2:before {transform:rotate(0deg)} .s .eventsform .suche.auf h2:before,.m .eventsform .suche.auf h2:before {transform:rotate(-180deg)} .eventsform .suche h2 a {position:relative; padding:0 20px;text-decoration:none!important;display:block} html:not(.l) .eventsform .suche h2 a:focus {box-shadow:0 0 0 2px var(--UHH0271bb-fff) inset!important} .eventsform .suche form {margin:30px 20px 20px 20px;} .eventsform .suche form input,.events.suche form select {outline:0; border-radius:0} .eventsform .suche form input.q {margin-bottom:26px; font-family:TheSansUHH; color:#444; border:1px solid #cdcdcd; padding:0 10px; height:45px; line-height:45px; font-size:12px; width:100%} .eventsform .suche form select::-ms-expand {display:none} .eventsform .suche form select {margin-bottom:26px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:TheSansUHH,sans-serif; color:#444; border:1px solid #cdcdcd; padding:0 6px; height:45px; font-size:11px; width:100%; background-position:95% center; background-repeat:no-repeat; background-image:url("https://assets.rrz.uni-hamburg.de/assets/events-pfeil-schwarz-4c1a3ea018e241483b2a5fad6f251f39ba83d45d9258e23fded25b5265bee723.svg") } .s .eventsform .suche.zu form,.m .eventsform .suche.zu form {display:none} .eventsform .suche form select option:first-child {padding:6px 9px 3px 9px} .eventsform .suche form select option {padding:3px 9px} .eventsform .suche form select option:last-child {padding:3px 9px 6px 9px} .eventsform .suche form .datum {} .eventsform .suche form .datepickerHolder:first-child {margin-right:12px} .eventsform .suche form .datepickerHolder {position:relative; float: left; width: calc(50% - 6px);} .eventsform .suche form .datum input {width:100%;margin-bottom:26px; font-family:TheSansUHH; color:#444; border:1px solid #cdcdcd; padding:0 10px; height:45px; line-height:45px; font-size:12px} .eventsform .suche form .datepickerHolder button[aria-label="Datum leeren"] {display: none;} .eventsform .suche form .datepickerHolder button[aria-label="clear date"] {display: none;} .eventsform .suche form .datum select {float:left; width:calc(50% - 6px)} .eventsform .suche form .datum select:first-child {margin-right:12px} .eventsform .suche dl.zielgruppe {margin:0 0 24px 0; display:none} .eventsform .suche dt {font-size:18px; font-family:TheSansUHHSemiLightCaps; margin-bottom:10px} .eventsform .suche dd {margin:0 0 9px 0} .eventsform .suche input[type="checkbox"]:checked, .events.suche input[type="checkbox"]:not(:checked) {visibility:hidden; position:absolute; left:-5000px } .eventsform .suche input[type="checkbox"]:checked + label, .events.suche input[type="checkbox"]:not(:checked) + label {cursor:pointer; position:relative; padding-left:19px; display:block; line-height:1.25em } .eventsform .suche input[type="checkbox"]:checked + label:before, .events.suche input[type="checkbox"]:not(:checked) + label:before {box-sizing:border-box; content:''; width:13px; height:13px; position:absolute; left:0; top:1px; border:1px solid #cdcdcd; background-color:#fff; background-repeat:no-repeat; background-position:center; } .eventsform .suche input[type="checkbox"]:checked + label:hover:before, .events.suche input[type="checkbox"]:not(:checked) + label:hover:before {border:1px solid #bbb} .eventsform .suche input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd!important} .eventsform .suche input[type="checkbox"]:checked + label:before {background-image:url("https://assets.rrz.uni-hamburg.de/assets/checkbox-ok-4823368d8c7d7ce69da786a5d89f8793e5c12e005f85e7ab3b89fc53edb5d53e.svg") } .eventsform .suche form input[type="submit"] {width:100%; margin-top:10px; margin-bottom:14px; float:right; border:0; background-color:#767676; font-family:TheSansUHHSemiLightCaps; color:#fff; padding:0 36px; height:30px; font-size:18px} .eventsform .suche .link {font-size:11px; color:#c40017; text-decoration:none} .eventsform .add,.eventsform .rss {margin-top:24px; margin-bottom:24px; position:relative; line-height:56px; height:56px} .eventsform .add a, .eventsform .rss a {display:block; width:100%!important; height:100%; color:var(--UHHfff-fff)} .eventsform .add a {text-align:left;padding-left:63px !important;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-neue-veranstaltung-36x36-dcb3cd0415b6abf80757b58958017a8a5457a8df1a16c1ff6caca6807346946a.svg");background-position:20px center;background-repeat:no-repeat} .eventsform .rss {background-color:#F5A623} .eventsform .rss a {font-family:TheSansUHHBoldCaps; font-size:24px; padding-left:63px;} .eventsform .rss a:after {content:""; position:absolute; left:116px; top:10px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/rss_weiss-be184a6f74ec484ce6a66a816544578e74ebd45032553993950efdba5fec8e3e.svg"); width:36px; height:36px; background-size:contain} .s ._rechts .eventsform .buttons .add,.m ._rechts .eventsform .buttons .add {float:none; margin:0; position:absolute; right:0px; top:0px; width:60px; height:60px; } .s ._rechts .eventsform .buttons .add a,.m ._rechts .eventsform .buttons .add a{overflow:hidden;height:60px;width:60px!important;padding-left:0!important;font-size:0px!important;background-position:center!important} .s ._rechts .eventsform .buttons .add img,.m ._rechts .eventsform .buttons .add img {display:none} .s ._rechts .eventsform .buttons .rss,.m ._rechts .eventsform .buttons .rss {display:none} .eventsform .suche form input::placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form input::-webkit-input-placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form input:-ms-input-placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form input::-ms-input-placeholder{ color: #333!important; opacity: 1!important} .eventsform .suche form select{ color: #333!important} .veranstaltung{visibility:visible;margin-top:30px !important} .veranstaltung h2.zeit,.veranstaltung h2.ort {font-size:20px; margin:8px 0} .veranstaltung .info h2 {margin-top:50px} html:not(.l) #zurveranstaltungssuche, html:not(.l) #zurveranstaltungsliste {display:none!important} .SciDatepicker .datepickerDialog {display: none } .m .nomobil, .s .nomobil {display:none} .s .nosmobil {display:none !important} @media only screen and (max-width: 994px) { #bildgalerie .sliderContainer, #bildgalerie .linie{display:none} } /*<fiona only>*/ @media only screen and (max-width: 994px) { .v4-links #bildgalerie.gallerywide .sliderContainer, .v4-links #bildgalerie.gallerywide .linie{display:none} } /*</fiona only>*/ /*Template*/ .l #seite, .l header, .l section.nav{min-width:1200px !important} .s #seite{max-width:640px !important;margin:auto} .tab-box .oap-result-block > header {min-width:0 !important} html:not(.l) .extern #meta{background:#0271bb} html:not(.l) .extern header nav.rechts .link {display:none} html:not(.l) .extern header nav.rechts .quick, html:not(.l) .extern header nav.rechts .sprache {display:table-cell} html:not(.l) .extern #meta nav > ul > li > a {color:#fff; width:50px} html:not(.l) #meta #quickmenuschalter {outline:1px dotted #fff} .s header .logos .text {width: calc(100% - 155px)} html:not(.l) header .logos .text img{max-height:45px; margin-bottom:4px;max-width:100%} .m .extern #inhalt {margin-top: 144px} .m main .spalten .spalte.links {float:none; width:100%} .m main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0} .s main {padding:0} .s #pfad {display: none} .s section.oben .subsite {font-size: 35px} .m section.global.konferenz .liste ul {width: calc(33.33% - 25px)} .m section.global.konferenz .liste ul:nth-child(4) {clear:left; margin-left:0; margin-top:68px} .m section.global.konferenz .liste ul:nth-child(5), .m section.global.konferenz .liste ul:nth-child(6) {margin-top:68px} .m section.global .liste {padding-bottom:10px} .s section.nav {display: none} .s main .spalten .spalte.links {float:none; width:100%} .s main .spalten .spalte.rechts {float:none; width:100%; margin-left:0; padding-left:0} .s .volle-breite main .spalten .spalte.links .outer:not(.h1) {padding: 0} .s .home section.oben {margin-bottom:0} .s footer .social {padding: 23px 16px;margin-top:5px} .s section.social li {width: 30px; height: 30px} .s section.social li + li {margin-left: calc((100% - 7 * 30px) / 6)} .s section.global .liste {padding:35px 20px 10px} .s section.global .liste ul {float: none; width: 100%; margin-bottom:35px} .s section.global.konferenz .liste ul {float: none; width: 100%; margin-bottom:35px} .s section.global .ende {padding: 40px 20px 54px; font-size:12px} .s section.global .ende .copyright {margin-top: 20px; margin-bottom: 0px} .global .audits {position:absolute;bottom:5px; right:0px; } .s section.global.konferenz .liste ul + ul {margin-left: 0} .s section.global:not(.konferenz) .ende .breite{padding-top: 100px} .s section.global:not(.konferenz) .ende .audits{top:0;left:0;bottom:auto;width: 100%;font-size:0;} .s section.global:not(.konferenz) .ende .audits > div{float:none; display:inline-block;margin-left:0;transition: all 0.25s} .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:15px} @media only screen and (max-width: 412px) { .s section.global:not(.konferenz) .ende .audits > div{width:70px;height:70px} .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:12px} } @media only screen and (max-width: 360px) { .s section.global:not(.konferenz) .ende .audits > div{width:60px;height:60px} .s section.global:not(.konferenz) .ende .audits > div + div{margin-left:10px} } @media only screen and (max-width: 710px) { .m section.global:not(.konferenz) .ende .copyright{max-width:calc(100% - 300px)} } .s main .unten {margin: 48px 0 0 0} .s section.unten > .social {background: #fff; padding: 23px 16px} .s section.unten > .social a {width: 30px; height: 30px} .s section.unten > .social a + a {margin-left: calc(25% - 39px)} .m h1, .s h1{font-size:28px} /* Slider */ .m .slider-start .full-width-slider .slide .bildnachweis {bottom:0} .m .slider-start .full-width-slider.scaling .control {bottom:30px} .m .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;} .m .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px) !important;} .m .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);} .m .full-width-slider .slick-dots li.slick-active button {background-color:#fff;} .m .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");} .m .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");} .m .slider-home .full-width-slider .slide .text {max-width: none !important; left:40px; padding:70px 20px 40px 20px; min-height:294px; bottom:auto !important } .m .full-width-slider .slide .text h2 {font-size: 36px; padding: 22px 26px;} .m .full-width-slider .slide .text h3 {font-size: 36px; padding: 22px 26px;} .m .slider-home .full-width-slider .slide .text h2 {font-size: 40px; padding:12px 0} .m .slider-home .full-width-slider .slide .text h3 {font-size: 40px; padding:12px 0} .m .slider-home .full-width-slider .slide .text .beschreibung {font-size: 28px; padding:12px 0} .m .full-width-slider .slide .text {max-width: none !important} .m .full-width-slider .slide .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px} .m .full-width-slider .slide .text .button a:after{right: 16px} .m .full-width-slider .slide .text .button span{padding:16px 40px 16px 26px;} .m .full-width-slider .slide .text .button span:after{right: 22px;;} .m .slider-inhalt .full-width-slider:not(.scaling) .royalSlider,.m .slider-news .full-width-slider:not(.scaling) .royalSlider,.m .full-width-slider.height-2 .rsOverflow{height: 300px !important} .m .slider-start .full-width-image .bildnachweis {bottom:0} .m .full-width-image .text h2 {font-size: 36px; padding:22px 26px} .m .full-width-image .text {max-width: none !important} .m .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 32px 0 22px} .m .full-width-image .text .button a:after{right: 16px} .m .slider-start .full-width-image.scaling .text {bottom:30px;} .s .slider-start .full-width-image.scaling .text {bottom:30px;} .s .slider-home .newsrubriken {margin-top:0} .s .slider-start .full-width-slider .slide .bildnachweis {bottom:0} .s .slider-start .full-width-slider.scaling .control {bottom:36px} .s .slider-karte .full-width-image .bild{height: 500px !important} .s .slider-home .full-width-image .bild{height: 400px !important} .s .slider-start .full-width-image .bild{height: 400px !important} .s .slider-inhalt .full-width-image .bild{height: 200px !important} .s .slider-news .full-width-image .bild{height: 200px !important} .s .slider-karte .full-width-slider .slide{height: 500px !important; } .s .slider-home .full-width-slider .slide{} .s .slider-start .full-width-slider .slide{height: 400px !important; } .s .slider-inhalt .full-width-slider .slide{height: 200px !important; } .s .slider-news .full-width-slider .slide{height: 200px !important; } .s .full-width-slider .slide .bild{height:100%} .s .full-width-slider .slide .bild{height:100%} .s .slider-home .full-width-slider .control {top:416px !important; border:none; background: none;} .s .slider-home .full-width-slider.scaling .control {top:calc(33.33vw + 16px);} .s .slider-news .full-width-slider.scaling .control {top:calc(25vw + 16px);} .s .full-width-slider .slick-dots li button {background: rgb(59,81,91); border-color: rgb(59,81,91);} .s .full-width-slider .slick-dots li.slick-active button {background-color:#fff;} .s .full-width-slider .control button.stop {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg");} .s .full-width-slider .control button.start {background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg");} .s .full-width-slider .slide .text {max-width: none !important; left: 40px; padding-right: 40px; bottom:83px !important;} .s .slider-home .full-width-slider .slide .text {max-width: none !important; left:40px; padding:70px 20px 40px 20px; min-height:280px; bottom:auto !important } .s .full-width-slider .slide .text h2 {font-size: 28px; width: 100%; margin-bottom:0;} .s .full-width-slider .slide .text h3 {font-size: 28px; width: 100%;margin-bottom:0;} .s .full-width-slider .slide .text .beschreibung {font-size: 18px;width:100%; padding-top:0; padding-bottom:16px;padding-left:18px} .s .slider-home .full-width-slider .slide .text h2, .s .slider-home .full-width-slider .slide .text h3 {font-size: 30px; padding:12px 0; width:100%; margin:0;} .s .slider-home .full-width-slider .slide .text .beschreibung {font-size: 20px;padding:0 0 16px 0; width:100%} .s .full-width-slider .slide .text {max-width: none !important} .s .slider-home .full-width-slider .slide .text .button {float:left;} .s .slider-home .full-width-slider .slide .text .button span{background:none; padding:0 16px 0 0; color:#4e4e4e;} .s .slider-home .full-width-slider .slide .text .button span:after {top:11px; right: 0px; background-size:8px 8px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_grau_bold-aefcf7415323c621a4e1c5a277bc96d4664a7fe4892bbb6281eaacbf54015ff0.svg")} .s .volle-breite .full-width-slider .slick-dots {right:20px} .s .slider-start .full-width-image .bildnachweis {bottom:0} .s .full-width-image .text {max-width: none !important; left:40px; padding-right:40px} .s .full-width-image .text h2 {font-size: 25px; padding:22px 26px; width:100%} .s .full-width-image .text .beschreibung {font-size: 18px;padding:0 26px 16px 26px;margin-top: -8px; width:100%} .s .full-width-image .text {max-width: none !important} .s .full-width-image .text .button a{font-size:16px; line-height:30px; padding:0 26px 0 16px} .s .full-width-image .text .button a:after{right: 10px} .m section.oben .scaling + .outer .subsite, .s section.oben .scaling + .outer .subsite {display:none} /* Startseite */ .s .hometeaser-5 {margin-top:0} .s .hometeaser-5 li {display: block; width: 100%;border-radius:0} .s .hometeaser-5 ul li + li {margin-left: 0} .s .hometeaser-5 li > a {display: block; position: relative; width: 100%; padding: 12px 20px; line-height: 33px; font-family: TheSansUHHBoldCaps; font-size: 6vw;color: #4e4e4e; background-color: #fff; border-bottom:1px solid rgb(215,215,215); border-radius:0} .s .hometeaser-5 li > a:hover {text-decoration:underline !important;} .s .hometeaser-5 li > a:after {content: ""; position: absolute; width: 26px; height: 26px; right: 28px; top: 50%; margin-top: -13px; background-image: url("https://assets.rrz.uni-hamburg.de/assets/pfeil-grau-ab032d92c44d00ed87f2c0f42fb9b260dc1870c22a70afe5c045d58261a4d6fe.svg"); background-size: contain; background-position: left; background-repeat: no-repeat} .s .hometeaser-5 li > a img {display:none; position:absolute; width:20vw; margin-right:3vw;} .s .hometeaser-5 .titel {position:absolute; left:0; top:0; text-align: left; position:relative; width:auto; padding-left:0; height:16vw;} .s .hometeaser-5 ul li .titel span b {padding:0;} .s .hometeaser-5 a:hover .titel, .s .hometeaser-5 a:focus .titel {background:none} .s main .spalten .spalte.abschluss .outer {padding:0;} .s .outer .uebersicht {margin-top: -26px !important} .s .newsrubriken li a {line-height:40px} .s .outer > .uebersicht li a {padding-left:16px;} .s .outer > .uebersicht li a:before {top:4px; background-size: 10px 10px;} .s .logo-slider-container {margin-bottom: -60px;height:auto;} /*Teaserelemente*/ .m .news-teaser-home .item, .m .teaser-home3fach .item, .m .teaser-3fach .item {width:48.2%} .m .news-teaser-home .head + .item + .item + .item, .m .teaser-home3fach .head + .item + .item + .item, .m .teaser-3fach .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser-home .head + .item + .item + .item + .item, .m .teaser-home3fach .head + .item + .item + .item + .item {margin-top:80px} .m .news-teaser-home .head + .item + .item, .m .teaser-home3fach .head + .item + .item, .m .teaser-3fach .head + .item + .item {margin-left: 3.6%} .m .news-teaser-home .item:first-child + .item + .item, .m .teaser-home3fach .item:first-child + .item + .item, .m .teaser-3fach .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser-home .item:first-child + .item, .m .teaser-home3fach .item:first-child + .item, .m .teaser-3fach .item:first-child + .item {margin-left: 3.6%} .s .teaser-home3fach, .s .teaser-home2fach, .s .news-teaser, .s .teaser-3fach, .s .teaser-2fach {margin-top:48px !important} .s .volle-breite .news-teaser h2 {font-size:30px; line-height:1.2em;} .s .body{padding-left:20px; padding-right:20px} .s .teaser-element .head {padding-left:20px; padding-right:20px} .s .news-teaser .head {margin-bottom: 40px} .s .einrichtung .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;} .s .home .outer > .teaser-element .head h2 {font-size:30px; line-height:1.2em;} .s .teaser-element .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .teaser-element .head a.rss {margin-left:13px; width:22px;display:inline; float:none} .s .teaser-element .head a.rss img {width:22px;display:inline} .s .news-teaser-home .item, .s .teaser-home3fach .item, .s .teaser-home2fach .item, .s .teaser-3fach .item, .s .teaser-2fach .item {float: none; width: 100%; display:block} .s .news-teaser-home .item + .item, .s .teaser-home3fach .item + .item, .s .teaser-home2fach .item + .item, .s .teaser-3fach .item + .item, .s .teaser-2fach .item + .item {margin-left: 0; margin-top: 48px} .s .teaser-element h2 {padding:0 20px} .s .teaser-element .text {padding:0 20px} .s .teaser-element .text + .more {padding:0 20px} .s .home .teaser-element .text .rubrik {margin-bottom:5px} .s .home .teaser-element .text .titel {margin-top:0px} .s .teaser-element a.item:hover .text .titel {text-decoration:none} .s .teaser-element .item .text .titel a:hover {text-decoration:none} .s .news-teaser-home .more, .s .teaser-home3fach .more, .s .teaser-home2fach .more {padding:0 20px} .s .teaser-element div.more a {} .s .teaser-1fach .image .bildnachweis, .s .teaser-element .item .image .bildnachweis, .s .teaser-1fach-a .image .bildnachweis, .s .pressemeldung .image .bildnachweis {margin-right: 20px} /* Teaser */ .m .news-teaser.horizontal .item {width:48.2%} .m .news-teaser.horizontal .head + .item + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser.horizontal .head + .item + .item {margin-left: 3.6%} .m .news-teaser.horizontal .item:first-child + .item + .item {margin-left: 0%; clear:left; margin-top:80px} .m .news-teaser.horizontal .item:first-child + .item {margin-left: 3.6%} .s .news-teaser.horizontal .item {float: none; width: 100%; display:block} .s .news-teaser.horizontal .item + .item {margin-left: 0; margin-top: 48px} .s .news-teaser .item .text > .datum {margin-top:15px} .s .news-teaser.horizontal .more {padding:0 20px;margin-top:20px} .s .news-teaser.vertikal .image {float: none; width: 100%} .s .news-teaser.vertikal .item .video {width: 100%} .s .news-teaser.vertikal .text {float: none; width: 100%; margin-left: 0} .s .news-teaser.vertikal div.more {padding:0 20px} .s .news-teaser.vertikal .more.oben {display:none} .s .veranstaltungen-hometeaser h2{padding-left:20px; padding-right:20px; font-size:30px} .s .veranstaltungen-hometeaser .head {padding-left:20px; padding-right:20px} .s .veranstaltungen-hometeaser .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .veranstaltungen-hometeaser .head a.rss img{width:22px;display:inline} .s .veranstaltungen-hometeaser.slider .slides {padding: 0 20px} .s .veranstaltungen-hometeaser div.more a{float: right; clear: right} .s .veranstaltungen-hometeaser div.more a + a{margin-bottom:24px} .m .veranstaltungen-teaser.horizontal li {width:48.2%} .m .veranstaltungen-teaser.horizontal ul + li + li + li {margin-left: 0%; clear:left; margin-top:80px} .m .veranstaltungen-teaser.horizontal ul + li + li {margin-left: 3.6%} .s .veranstaltungen-teaser {margin-top:48px; padding:0 16px} .s .veranstaltungen-teaser.horizontal ul li {float: none; width: 100%} .s .veranstaltungen-teaser.horizontal ul li + li {margin-left: 0} .s .veranstaltungen-teaser div.more a{float: right; clear: right} .s .veranstaltungen-teaser div.more a + a{margin-bottom:24px} .s .teaser-1breit .text{padding:0 20px} .s .teaser-1fach {margin-top:48px !important} .s .teaser-1fach .head {padding-left:20px; padding-right:20px} .s .teaser-1fach .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .teaser-1fach .head a.rss{margin-left:13px; width:22px; display:inline; float:none} .s .teaser-1fach .head a.rss img{width:22px;display:inline} .s .teaser-1fach .image{float: none; width: 100%; display:block} .s .teaser-1fach .video{width: 100%; display:block;margin-bottom: 20px} .s .teaser-1fach .text {float: none; width: 100%; display:block;padding:0 20px; margin-left:0} .s .veranstaltungen-hometeaser.slider .slides ul li .datum {font-size:50px} .s .teaser-2mal1 {margin-top:48px !important} .s .teaser-2mal1 h2{padding-left:20px; padding-right:20px; display:inline; float:none} .s .teaser-2mal1 .tablerow{display:flex; flex-wrap:wrap} .s .teaser-2mal1 .tablerow > .image{width:100%} .s .teaser-2mal1 .tablerow > .text{width:100%} /* .m .teaser-2mal2 .body {background-color:#f3f3f3; display:table; width:100%} */ /* .m .teaser-2mal2 .tablerow {float:left; width:calc(50% - 1px); border-right:1px solid #fff} */ /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none} */ /* .m .teaser-2mal2 .tablerow .tablecell.image {display:none} */ /* .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:table-cell} */ /* .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden} */ /* .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left} */ /* .m .teaser-2mal2 .tablecell.text.right .more{text-align:left} */ /* .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} */ .m .teaser-2mal2 .body {background-color:#f3f3f3; display:flex;; flex-wrap:wrap; width:100%} .m .teaser-2mal2 .tablerow { width:calc(50% - 1px); border-right:1px solid #fff;border-top:1px solid #fff} .m .teaser-2mal2 .tablerow:last-child:nth-child(odd){float:none; width:100%; border-right:none} .m .teaser-2mal2 .tablerow .tablecell.image {display:none} .m .teaser-2mal2 .tablerow:last-child:nth-child(odd) .tablecell.image {display:block;width:calc(50% - 1px)} .m .teaser-2mal2 .tablecell.text {padding:50px 30px; overflow:hidden} .m .teaser-2mal2 .tablecell.text.right .titel {text-align:left} .m .teaser-2mal2 .tablecell.text.right .more{text-align:left} .m .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} .s .teaser-2mal2 {margin-top:48px !important} .s .teaser-2mal2 .body {padding-left: 0px;padding-right: 0px;} .s .teaser-2mal2 h2{margin-bottom:40px} .s .teaser-2mal2 .tablerow{display:flex; flex-wrap:wrap} .s .teaser-2mal2 .tablerow > .image{width:100%} .s .teaser-2mal2 .tablerow > .text{order:2; width:100%} .s .teaser-2mal2 .tablerow > .text + .image{order:1} .s .teaser-2mal2 .tablecell.image {display:none} .s .teaser-2mal2 .tablecell.text {padding:38px 20px 53px 20px} .s .teaser-2mal2 .tablerow + .tablerow .tablecell.text {margin-top:20px} .s .teaser-2mal2 .tablecell.text.right .titel, .s .teaser-2mal2 .tablecell.text.right .more, .s .teaser-2mal2 .tablecell.text.right .inhalt {text-align:left} .s .teaserzeile-2 {margin-top:48px !important} .s .teaserzeile-2 h2, .s .teaserzeile-2 .head {padding-left:20px; padding-right:20px} .s .teaserzeile-2 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .teaserzeile-2 .head a.rss {margin-left:13px; width:22px;display:inline; float:none} .s .teaserzeile-2 .head a.rss img{width:22px;display:inline} .s .teaserzeile-2 .tablerow {display:flex; flex-wrap:wrap;} .s .teaserzeile-2 .tablecell {width:100%} .s .teaserzeile-2 .tablecell.sep {display:none} .s .teaserzeile-2 .tablecell.sep + .tablecell {margin-top:20px} .s .teaserzeile-2 .tablecell.image .titel {min-height:auto; margin-top:0;} .s .teaserzeile-2 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative} .s .teaserzeile-3 {margin-top:48px !important} .s .teaserzeile-3 h2{padding-left:20px; padding-right:20px;} .s .teaserzeile-3 .head {padding-left:20px; padding-right:20px;} .s .teaserzeile-3 .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none;} .s .teaserzeile-3 .head a.rss{margin-left:13px; width:22px;display:inline; float:none;} .s .teaserzeile-3 .head a.rss img{width:22px;display:inline;} .s .teaserzeile-3 .tablerow{display:flex; flex-wrap:wrap} .s .teaserzeile-3 .tablerow + .tablerow {margin-top:20px;} .s .teaserzeile-3 .tablerow.sep {display:none;} .s .teaserzeile-3 .tablecell {width:100%;} .s .teaserzeile-3 .tablecell.sep {display:none;} .s .teaserzeile-3 .tablecell.sep + .tablecell {margin-top:20px;} .s .teaserzeile-3 .tablecell.text {padding:38px 20px 53px 20px;} .s .teaserzeile-3 .tablecell.image .titel {padding:0 20px 36px 20px;min-height:auto; margin-top:0; height:auto;} .s .teaserzeile-3 .tablecell.image img {width: 100%; float: left; height: auto; left: 0; transform: translateX(0); position: relative;} .s .beratung {margin:48px 20px 0 20px} .s .featurednews {margin-top:48px !important} .s .featurednews h2{padding-left:20px; padding-right:20px} .s .featurednews .head {padding-left:20px; padding-right:20px} .s .featurednews .head h2 {padding-left:0px; padding-right:0px;display:inline; float:none} .s .featurednews .head a.rss{margin-left:13px; width:22px;display:inline; float:none} .s .featurednews .head a.rss img{width:22px;display:inline} .s .featurednews .tablerow{display:flex; flex-wrap:wrap} .s .featurednews .tablecell {width:100%} .s .featurednews .tablecell.sep {display:none} .s .featurednews .tablecell.sep + .tablecell {margin-top:20px} .s .featurednews .tablecell.right {padding:20px} .s .featurednews .more {position:relative} .s .illu-1fach {margin-top:48px !important} .s .illu-1fach .image .bildnachweis {margin-right: 20px} .s .illu-1fach .text {padding:38px 20px} .s .illu-1fach .image .more {right:20px} .s .illu-1fach .image .bildnachweis{right: -20px} .s .video-teaser {margin-top:48px; padding: 20px 20px 54px 20px} .s .video-teaser .head {float: none; width: 100%} .s .video-teaser h2{font-size:22px;float: none; width: 100%; margin-bottom:18px} .s .video-teaser .links{float: none; width: 100%} .s .video-teaser .video {float: none; width: 100%} .s .video-teaser .inhalt {height:auto; margin-bottom:20px} .s .video-teasernews {margin-top:48px !important; padding: 20px 20px 54px 20px} .s .video-teasernews .head {margin-bottom:18px} .s .video-teasernews .tablecell.left {width:100%} .s .video-teasernews .tablecell.sep {display:none} .s .video-teasernews .tablecell.right {display:none} .s .outer.h1{padding:0 20px !important} .m .outer .uebersicht {margin-top:-24px!important} .m .outer .uebersicht h1 {padding: 0 40px; margin-top:-24px!important} .m .outer .uebersicht h2 {padding: 0 40px} .m .outer .uebersicht ul {padding: 0 40px} .m .volle-breite.extern .outer .uebersicht ul {padding: 0 40px} .m .volle-breite.extern .outer .uebersicht ul li a {font-size:22px} .m .outer .uebersicht .label {padding-left: 20px} .m .outer .uebersicht .inhalt {width: calc(100% - 130px)} .m .outer .uebersicht.kontakt .inhalt {width: 100%} .m .volle-breite.extern .outer .uebersicht{padding-top:40px} .s .outer .uebersicht {margin-top:-24px!important} .s .outer .uebersicht {padding-top:40px} .s .outer .uebersicht h1, .s .outer .uebersicht h2, .s .outer .uebersicht ul {padding: 0 20px !important} .s .outer .uebersicht li a {font-size: 18px} .s .outer .uebersicht .label {padding-left: 20px; width:100%; padding-right:20px; background-color:#f3f3f3} .s .outer .uebersicht .inhalt {width: auto;padding-left: 20px; padding-top:20px; background-color:#f3f3f3} .s .outer .uebersicht.kontakt .inhalt {width: 100%} .s .outer .uebersicht ul.zweispaltig{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1} .s .outer .uebersicht ul.l{width:100% !important; margin-bottom:0} .s .outer .uebersicht ul.r{width:100% !important; margin-top:0} .s .uebersicht .label a.tt {background-color:transparent; display:block;position:relative; width:100%; padding:18px 18px 18px 54px; color:#4e4e4e; text-decoration:none} .s .uebersicht .label > a.tt:after{content:"";position:absolute; width:20px;height:19px;left:18px;top:50%;margin-top:-8px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg")} .s .uebersicht .clear.auf .label > a.tt:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg")} .s .uebersicht .label a.tt:hover, .s .uebersicht .label a.tt:focus {color:var(--UHHfff-hellgrau); background-color:#0271bb; text-decoration:none} .s .uebersicht .label > a.tt:hover:after, .s .uebersicht .label > a.tt:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg")} .s .uebersicht .clear.auf .label .titel > a.tt:hover:after, .s .uebersicht .clear.auf .label > a.tt:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg")} .m .body {margin-top:44px !important} .s .body {margin-top:40px !important} .s .standard {margin:48px 20px 0 20px !important} .s #_feedback {margin:48px 20px 0 20px !important} .s .outer #_feedback {width:calc(100% - 40px)} .s .hinweis {padding:30px 20px;} .s .hinweis h2{font-size:22px} .s .inhaltsblock {padding:30px 20px !important;} .s .inhaltsblock.grau {margin:48px 0px 0 0px !important;} .s .inhaltsblock h2{font-size:22px} .s .logoleiste {margin:48px 20px 0 20px !important} .s .outer > .artikeldetail > * {margin-left: 20px !important; margin-right: 20px !important} .s .outer > .artikeldetail > span > * {margin-left: 20px !important; margin-right: 20px !important} .s .artikeldetail .image {margin-left: 0; margin-right: 0} .s .artikeldetail .bildunterschrift {margin-right: 20px} .s .artikeldetail .zitat {margin-left: -20px;width:auto; margin-right: -20px} .s .outer > .artikeldetail .download {margin-left:-20px !important; margin-right:-20px !important; padding-bottom:40px;} .s .outer > .artikeldetail .download .item {display:block;} .s .outer > .artikeldetail .download .img {display:block; padding-top:0;} .s .outer > .artikeldetail .download .links {display:block; padding:0;} .s .shariff {margin-left: 20px; margin-right: 20px} .s .outer .pressemeldung {margin-left: 20px !important; margin-right: 20px !important; padding:45px 0 29px 0;} .s .outer .pressemeldung .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .pressemeldung .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a {margin-left: 20px !important; margin-right: 20px !important; padding:20px 0 29px 0;} .s .outer .teaser-1fach-a .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a.reverse .image {float: none; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer .teaser-1fach-a.reverse .video {width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; margin-bottom:12px} .s .outer > .teaser-1fach-a .text {margin-top:0; width:auto; float:none;} .s .outer .button {margin: 0px 20px 0 20px !important;} .s gsc-control-cse {border:0} .s ul.uhhsearch > li {width:100%; margin: 0 0 6px 0} .s ul.uhhsearch > li a {padding:0; text-align:center} .s gsc-control-cse {border:0} .s td.gsc-clear-button {display:none} .s td.gsc-input {display:block; margin: 0 0 6px 0} .s td.gsc-input input {width:100%} .s td.gsc-search-button {display:block; width:100%} .s td.gsc-search-button input{width:100%} .s .cse input.gsc-search-button, .s input.gsc-search-button {height: 40px !important; padding:4px 8px !important; width:100%; margin:0} .s input.gsc-input {height: 40px} .m .outer .slick_slider.logo-slider {display:none} .s .outer .slick_slider.logo-slider {display:none} .s .spalte.rechts .news-teaser {margin-top:48px; padding:0 20px} .s .spalte.rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px} .s .spalte.rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px} .s .spalte.rechts > .v4hinweis, .s .spalte.rechts > .v4kontakt, .s .spalte.rechts > .social {margin:48px 20px 0 20px !important} .s .spalte.rechts > .social ul li {width:30px; height:30px} .s .spalte.rechts > .social ul li ~ li {margin-left: calc((100% - 6*30px)/5)} .s .spalte ._rechts .news-teaser {margin-top:48px; padding:0 20px} .s .spalte ._rechts .veranstaltungen-teaser {margin-top:48px; padding:0 20px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum {width: 106px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .tag {font-size: 70px; line-height: 1em; margin-top: -16px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .datum .monat {font-size: 46px; line-height: 1em; margin-top: -12px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .inhalt {float:left; width: calc(100% - 106px); line-height: 1.8em} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .uhrzeit {font-size: 22px} .s .spalte ._rechts .veranstaltungen-teaser.liste ul li .text {font-size: 22px} .s .spalte ._rechts > .v4kontakt {margin:48px 20px 0 20px !important} .s .spalte ._rechts > .social {margin:48px 20px 0 20px !important} .s .spalte ._rechts > .social a {width: 30px; height: 30px} .s .spalte ._rechts > .social a ~ a {margin-left: calc((100% - 6*30px)/5)} /*Startbilder*/ .m .outer > .foto .text {top:15px;padding:10px 15px 6px;min-width:280px;min-width:250px;max-width:300px;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none} .m .outer > .foto .text strong{font-size: 24px;line-height: 1.0em} .m .outer > .foto .text div {font-size: 16px;line-height: 1.2em} .m .outer > .fotokonferenz .text {top:15px;padding:10px 15px 6px;min-width:280px;min-width:250px;max-width:300px;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none} .m .outer > .fotokonferenz .text strong{font-size: 24px;line-height: 1.0em} .m .outer > .fotokonferenz .text div {font-size: 16px;line-height: 1.2em} .m .outer > .fotokonferenzII .text {top:15px;padding:10px 15px 6px;min-width:280px;min-width:250px;max-width:300px;-moz-hyphens:none;-webkit-hyphens:none;hyphens:none} .m .outer > .fotokonferenzII .text h1{font-size: 20px;line-height: 1.0em} .m .outer > .fotokonferenzII .text div {font-size: 16px;line-height: 1.2em;margin-top:4px} .m .outer .bildgalerie .slide img, .s .outer .bildgalerie .slide img{width:100%} .s .outer .bildgalerie .slidernav {padding: 0px 20px;} .s .outer .bildgalerie .bildnachweis {padding-right: 20px;} .s .outer .bildgalerie .bildunterschrift {padding-right: 20px;} .s .outer .bildgalerie .rsArrowRight, .s .outer .bildgalerie .rsArrowLeft{display:none !important} .s .bildgalerieswiper {margin-left: 20px !important; margin-right: 20px !important;} /*<fiona only>*/ .m .v4-links #bildgalerie.gallerywide{margin-bottom:30px} .m .v4-links #bildgalerie.gallerywide .galerieContainer{text-align:left !important;width:100%; margin-left:0} .m .v4-links #bildgalerie.gallerywide .galerie .slide .imgcontainer img {} .m .v4-links #bildgalerie.gallerywide .sliderContainer{display:none} .m .v4-links #bildgalerie.gallerywide .linie{display:none} .m .v4-links #bildgalerie.gallerywide .rsArrowIcn{top:130px !important; margin-top:-25px} /*</fiona only>*/ html:not(.l) #bildgalerie{margin-bottom:30px} .m #bildgalerie .titel, .s #bildgalerie .titel{padding:0 14px} .m #bildgalerie .galerieContainer, .s #bildgalerie .galerieContainer{text-align:left !important;width:100% !important; margin-left:0} .m #bildgalerie .galerie, .s #bildgalerie .galerie{margin-top:20px;width:calc(100% - 28px) !important; margin-left:14px} .s #bildgalerie .galerie .slide .imgtable {padding:0 28px} .s .oben #bildgalerie .sliderContainer, .m .oben #bildgalerie .sliderContainer{display:none} .s .oben #bildgalerie .linie, .m .oben #bildgalerie .linie{display:none} .s .oben #bildgalerie .rsArrowIcn, .m .oben #bildgalerie .rsArrowIcn{top:130px !important; margin-top:-25px} .m .outer > .teaser-3b .col {width:48.2%} .m .outer > .teaser-3b .col:first-child + .col + .col {margin-left: 0%; clear:left; margin-top:40px} .m .outer > .teaser-3b .col:first-child + .col + .col + .col {margin-top:80px} .m .outer > .teaser-3b .col:first-child + .col {margin-left: 3.6%} .s .outer > .teaser-3b {padding:10px 25px 15px 25px} .s .outer > .teaser-3b .col {float: none; width: 100%; display:block} .s .outer > .teaser-3b .col + .col {margin-left: 0; margin-top: 5px} .s .outer > .teaser-3b .titel {padding:0 20px; height:auto;} .s .outer > .teaser-3b .text {padding:0 20px} .s .outer > .teaser-3b a.item:hover .text .titel, .s .outer > .teaser-3b .item .text .titel a:hover{text-decoration:none} .s .teaser-2-col, .s .teaser-2-col .col{width:100%; display:block} .s .teaser-2-col .col.sep{display:none} .s .teaser-2-col .col.sep + .col {margin-top:48px} .s .teaser-2-col .kopf, .s .teaser-2-col .inhalt{padding:0 20px} .s .teaser-3-col, .s .teaser-3-col .col{width:100%; display:block} .s .teaser-3-col .col.sep{display:none} .s .teaser-3-col .col.sep + .col {margin-top:48px} .s .teaser-3-col .kopf, .s .teaser-3-col .inhalt{padding:0 20px} .s .spalte.rechts .kontakt, .s .spalte.rechts .kontakt-rot, .s .spalte.rechts .teaser-4, .s .spalte ._rechts .kontakt, .s .spalte ._rechts .kontakt-rot, .s .spalte ._rechts .teaser-4 {padding:0 20px; margin-top:48px} .s.js .alles.auf {margin-top:40px} .s.js .alles.zu {margin-top: 40px;} .s .unternehmen .box.schaltbar > .titel a {background-position:20px center} .s .unternehmen .schaltbar h3.titel + .inhalt {padding-left:20px;} .s.js .alles.zu {margin-left: 20px !important;} .s.js .alles.auf {margin-left: 20px !important;} .s .mitarbeiterinnen {padding: 0 20px;} .s .mitarbeiterinnen .kopf .filter div {width:100%; margin-right:0;} .s .mitarbeiterinnen .kopf .filter .namen input {width:calc(100% - 46px)} .s .mitarbeiterinnen .kopf .filter .namen input.breit {width:calc(100% - 46px)} .s .mitarbeiterinnen .kopf .filter select {width:100%; margin-bottom:12px;} .s .mitarbeiterinnen .mitarbeiterin .foto, .s .mitarbeiterinnen .mitarbeiterin .foto2{margin: 5px 16px 0 0;width:70px} .s .mitarbeiterinnen .mitarbeiterin .daten{line-height:1.5em;margin: 0 16px 0 0;} .s .mitarbeiterinnen .mitarbeiterin.keinschwerpunkt .daten{width: calc(100% - 86px);margin:0} .s .mitarbeiterinnen .mitarbeiterin .schwerpunkte{margin: 20px 0px 0 86px} .s .studiengaenge .funktionen .typ {margin-left: 0;} .s .studiengaenge .funktionen select {width: 100%; } .s .studiengaenge .funktionen .typ select {margin-top:16px;} .m #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%} .m #veranstaltungsformular legend {padding: 0} .m #veranstaltungsformular .eingabe {width: 50%} .m #veranstaltungsformular .eingabe label {width: 100%} .m #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0} .m #veranstaltungsformular .input {display: block} .m #veranstaltungsformular .block {max-width: 320px} .m #veranstaltungsformular textarea {width: 100%; max-width: 320px} .m #veranstaltungsformular input.text {width: 100%; max-width: 320px} .m #veranstaltungsformular input[type="file"] {width: 100%; max-width: 320px} .m #veranstaltungsformular .hinweis {margin-left: 0; max-width: 320px; width: auto} .m #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; clear: both; max-width: 320px; width: 50%} .m #veranstaltungsformular .ausgabe {width: 48%} .m #veranstaltungsformular .ausgabe legend {margin-bottom: 10px} .m #veranstaltungsformular .absenden {float: right; margin-top: -40px} .m #veranstaltungsformular .zeit > div {float:left;clear:none} .m #veranstaltungsformular .zeit > div input {width:100%} .m #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:5%} .m #veranstaltungsformular .zeit > div+div {width:18%;margin-right:3%} .m #veranstaltungsformular .zeit > div+div label {width:auto;margin:0} .s #veranstaltungsformular .ausgabe {clear: left; float: none; width: 100%} .s #veranstaltungsformular{margin-left:-20px;border-width:1px 0;width:calc(100% + 40px);margin-bottom:15px} .s #veranstaltungsformular fieldset {border: 0; padding: 0; width: 100%} .s #veranstaltungsformular legend {padding: 0} .s #veranstaltungsformular .eingabe {width: 100%!important} .s #veranstaltungsformular .eingabe label {width: 100%} .s #veranstaltungsformular .eingabe .tags label {width: auto;min-width:0} .s #veranstaltungsformular .input {display: block} .s #veranstaltungsformular textarea, .s #veranstaltungsformular input.text {width: 100%} .s #veranstaltungsformular .hinweis {margin-left: 0; width: auto} .s #veranstaltungsformular .sicherheitsabfrage {margin-top: 15px; width: auto; float: none} .s #veranstaltungsformular .ausgabe legend {margin-bottom: 10px} .s #veranstaltungsformular .zeit > div {float:left;clear:none} .s #veranstaltungsformular .zeit > div input {width:100%} .s #veranstaltungsformular .zeit > div.datum {width:48%;margin-right:15px} .s #veranstaltungsformular .zeit > div+div {width:60px;margin-right:0px;max-width:60px} .s #veranstaltungsformular .zeit > div+div label {width:auto;margin:0;display:block} .s .simpleSlider .foto {float:none;width:100%;max-height:300px} .s .simpleSlider .foto img {width:100%} .s .simpleSlider .text {float:none;width:auto; padding:15px 0} .s .testimonial.swiper {text-align:center} .s .testimonial.swiper button {background-size:18px;width:18px;height:30px;} .s .testimonial.swiper .foto {float:none;display:inline-block} .s .testimonial.swiper .text {text-align:left;float:none;width:auto; padding:15px 0} .mitarbeiterinnen {visibility:visible} .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste {display:none} .mitarbeiterinnen .sortierung .alphabetisch,.mitarbeiterinnen .sortierung .liste table {width:100%} .mitarbeiterinnen .liste table th {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0; text-align:left;} .mitarbeiterinnen .liste table td {border:1px solid #ddd; border-width:0 0 1px 0; padding:8px 4px 8px 0} .mitarbeiterinnen .liste table td.raum {width:40px} .mitarbeiterinnen .liste table td.telefon {max-width:110px} .mitarbeiterinnen .liste table tr:first-child td {border-width:0px 0 0 0} .mitarbeiterinnen .liste table a {color:#4e4e4e; text-decoration:underline} .mitarbeiterinnen .liste table a[href^="tel"] {color:#4e4e4e; word-break:break-word} .mitarbeiterinnen .liste table a:hover, .mitarbeiterinnen .liste table a:focus { text-decoration:none} .mitarbeiterinnen .liste table a[href^="tel"]:hover, .mitarbeiterinnen .liste table a[href^="tel"]:focus {color:#4e4e4e} @media only screen and (max-width:480px) { .mitarbeiterinnen .liste table,.mitarbeiterinnen .liste thead,.mitarbeiterinnen .liste tbody,.mitarbeiterinnen .liste tr,.mitarbeiterinnen .liste th,.mitarbeiterinnen .liste td {border:0!important;display:block;width:auto!important;max-width:none!important} .mitarbeiterinnen .liste tr{padding:15px 0;overflow:hidden;clear:left;border-bottom:1px solid #ddd!important;} .mitarbeiterinnen .liste th{float:left; margin-right:10px} .mitarbeiterinnen .liste td{padding:0!important} .mitarbeiterinnen .liste *:empty{display:none} } .mitarbeiterinnen #liste0 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iliste0-1c04e6048e0b7333b92b1c56c1a9e77e668c85998b95656efc33ccc169d9df0e.svg"); background-repeat:no-repeat; background-position:center; display:none; font-size:10px; text-align:center; line-height:40px; color:transparent;} .mitarbeiterinnen #liste1 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iliste1-0af71ccf57ce4e69dac4fd8b6392fa1d51cf689bf8408f4352f1f0ba85ccdf2a.svg"); background-repeat:no-repeat; background-position:center; font-size:10px; text-align:center; line-height:40px; color:transparent;} .mitarbeiterinnen #organisatorisch0 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iorg0-b1aae17a6124690b1d72a605e111a01f51bf76086145371ea803b5a0534b7ff9.svg"); background-repeat:no-repeat; background-position:center; font-size:10px; text-align:center; line-height:40px; color:transparent;} .mitarbeiterinnen #organisatorisch1 {border:1px solid var(--UHH0271bb-fff); float:left;outline-offset:unset!important; width:38px; height:38px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/iorg1-ffdb7a0d5b5c518b86d3af7ffac0ab34ebd0c591c563fdee4e22fc288c859758.svg"); background-repeat:no-repeat; background-position:center; display:none; font-size:10px; text-align:center; line-height:40px; color:transparent;} .mitarbeiterinnen a#organisatorisch0:focus, .mitarbeiterinnen a#organisatorisch1:focus, .mitarbeiterinnen a#liste0:focus, .mitarbeiterinnen a#liste0:focus{text-decoration: underline; outline: none; box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .mitarbeiterinnen .kopf {display:none; font-size:13px; margin:0px 0 20px; padding:6px 0 5px 0; overflow:visible !important} html.js.css .mitarbeiterinnen .kopf {display:block} .mitarbeiterinnen .kopf .titel {margin-left:10px; float:left; width:110px} .mitarbeiterinnen .kopf .alphabet {padding:0 0 12px 0; font-size:0.1px; line-height:1.5; font-family:TheSansUHHBold,sans-serif; font-weight:normal; list-style-type:none} .mitarbeiterinnen .kopf .alphabet li {float:left} .mitarbeiterinnen .kopf .alphabet a {font-size:15px; text-transform:uppercase; color:#4e4e4e; padding:0 1px; margin-right:9px; border:1px solid #fff} .mitarbeiterinnen .kopf .alphabet a:hover {color:#c40017; border:1px dotted #c40017; text-decoration:none} .mitarbeiterinnen .kopf .alphabet a.an {color:#c40017; border:1px solid #c40017} .mitarbeiterinnen .kopf .alphabet a.an:hover {text-decoration:none} .mitarbeiterinnen .kopf .alphabet a.an:focus {outline:0} .mitarbeiterinnen .kopf span {text-transform:uppercase; color:#e0e0e0} .mitarbeiterinnen .kopf .alphabet {margin-bottom:6px} .mitarbeiterinnen .kopf .alphabet .alle {text-transform:capitalize; cursor:pointer; border:0; white-space:nowrap; background-color:#666; font-size:10px; color:#fff; height:20px; line-height:20px; margin:0 4px 0 5px; padding:2px 14px; position:relative; top:-1px} .mitarbeiterinnen .kopf .alphabet .alle:hover {border:0; color:#fff; } .mitarbeiterinnen .kopf .alphabet span {font-size:15px; padding:0 2px; border-radius:2px; margin-right:12px} .mitarbeiterinnen .kopf .filter {font-size:6px; clear:left;} .mitarbeiterinnen .orglinks {display:none} .mitarbeiterinnen .kopf .filter div {display:inline-block; vertical-align:middle; margin-right:12px} .mitarbeiterinnen .kopf .filter .ok {padding-top:10px} .mitarbeiterinnen .kopf .filter div:last-child {margin-right:0} .mitarbeiterinnen .kopf .filter .namen {margin-bottom:12px; display:block;} .mitarbeiterinnen .kopf .filter .namen input {padding-right:40px; width:236px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/suche_0-3efe7ec59c17aac81ff8e2fa97d4b521efc5b052a873d9f1f80093bafe638051.png"); background-position:right; background-size:contain; background-repeat:no-repeat;} .mitarbeiterinnen .kopf .filter .namen input.breit {max-width:100%; width:532px;} .mitarbeiterinnen .kopf .filter input {box-sizing:content-box;border: 1px solid #333; font-size: 15px; width:292px; font-family: TheSansUHH,sans-serif; height: 36px; color: #000 !important; background-color: #fff !important;padding:0 4px; margin-right:12px;} .mitarbeiterinnen .kopf .filter input:focus {border-color: transparent;} .mitarbeiterinnen .kopf .filter select {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none;} .mitarbeiterinnen .kopf .filter select:-ms-expand {display: none;} .mitarbeiterinnen .kopf .filter select {box-sizing:border-box;border: 1px solid #333; font-size: 15px; padding-left:4px; padding-right:24px; width:282px; font-family: TheSansUHH,sans-serif; height: 36px; color: #000 !important; background-color: #fff !important;} .mitarbeiterinnen .kopf .filter select {background-repeat:no-repeat; background-position:top right; background-size: auto 100%; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_select-e74f9908fa5dd6c540b5cf2cf2e7ed1e6c41cf1332d24c51604a35f765c22353.svg")} .mitarbeiterinnen .kopf .filter select:focus {margin-left:0px;margin-right:0px;} @media only screen and (max-width:760px) { .mitarbeiterinnen .kopf .filter .namen input {width:186px} .mitarbeiterinnen .kopf .filter .namen input.breit {width:432px} .mitarbeiterinnen .kopf .filter select {width:233px} } .mitarbeiterinnen .kopf .filter select option {padding:10px 2px;color:#000!important;background-color:#fff!important; font-family:TheSansUHH,sans-serif} .mitarbeiterinnen .kopf .filter img {cursor:pointer} .mitarbeiterinnen .kopf .sortiere {float:left; width:167px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/bottom-76039cb3111501cb2e1e69fa50cafd4f5516e50f60662c88e5cb746470a01691.gif"); background-position:left center; background-repeat:no-repeat; padding-left:19px} .mitarbeiterinnen .kopf .liste {cursor:pointer; float:left; width:80px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/bottom-76039cb3111501cb2e1e69fa50cafd4f5516e50f60662c88e5cb746470a01691.gif"); background-position:left center; background-repeat:no-repeat; padding-left:19px} .mitarbeiterinnen .kopf .sortiere b {cursor:pointer} .mitarbeiterinnen .kopf .typ {font-size:0px; margin-bottom:0px; white-space:nowrap} .mitarbeiterinnen .organisationseinheit {clear:both; display:block; border-bottom:1px solid #ddd; font-size:17px !important; font-family:TheSansUHHBold,sans-serif; font-weight:normal; line-height:20px !important; padding:5px 10px 3px 10px !important; margin:0 !important} .mitarbeiterinnen .suborganisationseinheit {clear:both; display:block; border-bottom:1px solid #ddd; font-size:13px !important; line-height:18px !important; padding:5px 10px 3px 10px !important; margin:0 !important} .mitarbeiterin {clear:both; margin:40px 0 60px 1.8%} .mitarbeiterin:after {content:" "; display:table; clear:both; height:0} .mitarbeiterin a {color:rgb(196, 0, 23); text-decoration:underline;} .mitarbeiterin a:hover,.mitarbeiterin a:focus {text-decoration:underline} .mitarbeiterin .foto {float:left; margin:5px 21px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative} .mitarbeiterin .foto .bildnachweis {display:none; position:absolute; transform:rotate(270deg); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom left; left:100%; white-space:nowrap; bottom:0px; margin:0; font-size:12px; line-height:20px; padding:0 8px; color:#4e4e4e; background-color:rgba(255,255,255,0.6)} .mitarbeiterin .foto:hover .bildnachweis {display:block} .mitarbeiterin .foto img {width:100%; font-size:6px; float:left} .mitarbeiterin .foto2 {float:left; margin:5px 24px 0 0; width:135px; min-height:70px; background-color:#eee; position:relative;overflow:hidden} .mitarbeiterin .foto2:before {content:""; display:block; padding-top:128.8888888%} .mitarbeiterin .foto2 a {position:absolute; top:0; left:0; width:100%; height:100%} .mitarbeiterin .foto2 img {position:absolute; top:0; left:0; width:100%; height:100%} .mitarbeiterin .foto2 .bildnachweis {display:none; position:absolute; transform:rotate(270deg); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom left; left:100%; white-space:nowrap; bottom:0px; margin:0; font-size:12px; line-height:20px; padding:0 8px; color:#4e4e4e; background-color:rgba(255,255,255,0.6)} .mitarbeiterin .foto2:hover .bildnachweis:not(:empty) {display:block} .mitarbeiterin .foto2 img {width:100%; font-size:6px; float:left} .mitarbeiterin .foto2 img.defer {visibility:hidden} .mitarbeiterin .daten {overflow:hidden;line-height:1.5em; margin:0 24px 0 0; padding:0 3px 3px 3px;} .mitarbeiterin.keinschwerpunkt .daten {width:calc(100% - 159px); margin:0} .mitarbeiterin .daten .name h3, .mitarbeiterin .daten .name h4 {font-size:16px; margin:0; display:inline;} .mitarbeiterin .daten a {color:#4e4e4e;} .mitarbeiterin .daten .name .vorname {display:inline} .mitarbeiterin .daten .funktion {font-family:TheSansUHHItalic,sans-serif} .mitarbeiterin .daten .telefon {margin-top:10px} .mitarbeiterinnen .organisatorisch .mitarbeiterin .raum { margin: 5px 0px;} .mitarbeiterin .daten .email {display:table} .mitarbeiterin .daten .email label {display:table-cell} .mitarbeiterin .daten .email .adresses {padding-left:6px; display:table-cell; word-wrap:break-word} .mitarbeiterin .daten .email .adresses a.link {display:block} .mitarbeiterin .daten .sprechzeiten {margin-top:18px} .mitarbeiterin .daten .sprechzeiten.schaltbar .titel {margin-bottom:0} .mitarbeiterin .daten .sprechzeiten * {margin:0; padding:0} .mitarbeiterin .daten .sprechzeiten .titel {margin-bottom:5px; border-bottom:0 !important} .mitarbeiterin .daten .sprechzeiten ul {list-style-type:none; margin:0; padding:0 !important} .mitarbeiterin .daten .vertretung {margin-top:5px} .mitarbeiterin .schwerpunkte {margin:20px 0px 0 159px; line-height:1.5em !important} .mitarbeiterin .schwerpunkte .titel {padding-left:0; background:none; cursor:default; border-bottom:0; margin:0 0 5px 0 !important} .mitarbeiterin .schwerpunkte .titel h4, .mitarbeiterin .schwerpunkte .titel h5 {margin:0; font-size:16px} .mitarbeiterin .schwerpunkte.auf .titel {background:none} .mitarbeiterin .schwerpunkte .titel a {cursor:default; text-decoration:none; color:rgb(78, 78, 78)} .mitarbeiterin .schwerpunkteliste {list-style-type:disc !important; margin:0; padding-left:14px; display:block !important} .mitarbeiterin .schwerpunkte ul {padding-left:16px !important} .mitarbeiterin .schwerpunkte ul.liste {margin:0; padding:0; list-style-type:none; margin-bottom:10px; margin-top:0} .mitarbeiterin .schwerpunkte ul.liste li {background-image:url("https://assets.rrz.uni-hamburg.de/assets/dart-round-gr-list-2-8759d510786446b0e0f8c4ba64a40ae7b53646d48535cf33a6b9a70155a493ea.gif"); background-repeat:no-repeat; line-height:19px; margin:0 0 2px; padding-left:8px} .profile .mitarbeiterin {clear:none; margin-left:0;} #profilepicture {position:relative; overflow:hidden; float:right} #profilepicture .bildnachweis {display:none; position:absolute; transform:rotate(270deg); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; transform-origin:bottom left; left:100%; white-space:nowrap; bottom:15px; font-size:12px; line-height:20px; padding:0 8px; color:#4e4e4e; background-color:rgba(255,255,255,0.6)} #profilepicture:hover .bildnachweis {display:block} .s .profile .mitarbeiterin {clear:none; margin-top:0;} .s #profilepicture {float:none; display:inline-block;} .s #profilepicture img {float:none; margin:0;} .s #profilepicture .bildnachweis {bottom:7px;} .mitarbeiterin hr {margin-bottom:30px} .mitarbeiterin .orcid {display:inline-block;margin-top:15px;padding-right:30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/ORCIDiD_iconvector-8b7ae078a5ddc6b5c69f57ec2f80f2a8a58ca5054f891481a487fd7629bbac9d.svg"); background-position:right center; background-repeat:no-repeat} .leichte-sprache main {font-size:120%} .leichte-sprache h2 {font-size:26px !important} .leichte-sprache h3 {font-size:23px !important} .leichte-sprache h4 {font-size:22px !important} .leichte-sprache .spalte.links ul:not(.linkliste):not(.alphabet):not(.slick-dots):not(.uhhsearch):not(.more):not(.abc):not(.dl) > li:not(.sortlink)::before {top: 12px} .leichte-sprache .spalte.links ul ul {margin-top: 1.0em} .leichte-sprache .spalte.links li + li {margin-top: 1.0em} table.mouseover tr:hover td {background-color: #f6f6f6;} .sortfkt {display:none} html:not(.l) .spalte.links .autoscroll {position:relative; overflow:auto; margin-top:25px;max-height: calc(100vh - 200px)} html:not(.l) .spalte.links .autoscroll.v {max-height: calc(100vh - 200px)} html:not(.l) .spalte.links .autoscroll table {width: 100%; margin-top:0; border-collapse:collapse;border-spacing: 0px} html:not(.l) .spalte.links .autoscroll.v table {border-collapse:separate} html:not(.l) .spalte.links .autoscroll.v table thead {position:relative;z-index:2; position: -webkit-sticky; position:sticky; top:0} html.ios:not(.l) .spalte.links .autoscroll.v table thead {position:relative!important} html:not(.l) .spalte.links .autoscroll.v table thead th {background-color:#fff;border-bottom: 1px solid #ddd; border-left:none; position: -webkit-sticky; position:sticky; top:0;box-shadow: 0 -5px 0 #fff} html:not(.l) .spalte.links .autoscroll table thead th:first-child {border-left: 1px solid #ddd} html:not(.l) .spalte.links .autoscroll.h table thead th:first-child {position: -webkit-sticky; position: sticky; left: 0; background-color:#fff;z-index:2} html:not(.l) .spalte.links .autoscroll table tbody td {border-left:none; border-top:none} html:not(.l) .spalte.links .autoscroll table tbody td:first-child {border-left: 1px solid #ddd} html:not(.l) .spalte.links .autoscroll.h table tbody td:first-child {position: -webkit-sticky; position: sticky; left: 0; right: 180px;background-color:#fff;z-index:1} table.sort th[aria-sort], table.sortable th[aria-sort]{cursor:default;position:relative;padding:0} table.sort th[aria-sort] button, table.sortable th[aria-sort] button{text-align:left;width:100%;padding:15px;cursor:pointer;position:relative;border:0;outline:0;border-radius:0;background-color:transparent;font-size: inherit;font-family: inherit;font-weight: normal;color: inherit;} table.sort th[aria-sort] button:focus, table.sortable th[aria-sort] button:focus{z-index:2} table.sort th[aria-sort="none"] button:after, table.sortable th[aria-sort="none"] button:after{content: "\25BE";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);opacity:0.5} table.sort th[aria-sort="ascending"] button:after, table.sortable th[aria-sort="ascending"] button:after{content: "\25B4";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);} table.sort th[aria-sort="descending"] button:after, table.sortable th[aria-sort="descending"] button:after{content: "\25BE";float: right;opacity: 1;position: absolute;right: 2px; top:calc(50% - 11px);} th{hyphens:none !important;-webkit-hyphens:none !important} .oap-search-text a{text-decoration:underline} .oap-search-text a:hover{text-decoration:none} .oap-search-input input{-webkit-appearance: none; appearance: none;} .oap-search-input input::-ms-clear{display:none} .oap-search-input-clear{opacity:0.5;background-size: 22px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/delete-000-c1b811c5af466ccdd3f6b519f0f591ec19bea1f39d8a0b78ef1f9609f66323d8.svg");background-repeat:no-repeat;background-position:center;position:absolute;top:0;display:none;border:none;background-color:transparent; height: 60px;padding: 0;right: 67px;width: 50px !important;margin:0!important} oap-search-input input[type="text"]:valid { padding-right:105px} .oap-search-input input:valid ~ .oap-search-input-clear { display: block;} .s .openaccess.datenbanken.expertdb{margin-bottom:0} .expert_services{margin-top:30px;overflow:hidden} .expert_services h2{font-family: TheSansUHHRegularCaps, sans-serif !important} .s .outer.expert_services{padding:0 20px!important} .expert_services_new{overflow:hidden} .expert_services_new ul{padding-left:0 !important} .expert_services_new li{padding-left:20px;float:left;margin-left:2%;width:23%} .m .expert_services_new li{width:31%} .s .expert_services_new li{width:47%} .expert_services_new li:before{left:0 !important;} .expert_services_new li a{text-decoration:underline} #expert_services_taglist{overflow:hidden;margin-top:80px} #expert_services_taglist h2{float:left;margin:-3px 30px 20px 0} #expert_services_taglist .abc{float:right;margin:0 220px 20px 0} html:not(.l) #expert_services_taglist .abc{margin:0 0 20px 0} #expert_services_taglist div.abc a { float:left; min-width:15px;text-align:center;color:var(--UHH0271bb-hellblau)!important; padding:0 2px; } #expert_services_taglist div.abc span { float:left; } #expert_services_taglist div.abc a:hover,#expert_services_taglist div.abc a:focus { padding:0 2px;border:none;outline:none;background-color:#0271bb;color:var(--UHHfff-hellgrau)!important } #expert_services_taglist_slider{clear:both;overflow:hidden;} #expert_services_taglist_slider:before{content:"";display:table;width:100%;clear:both;height:10px} #expert_services_taglist_slider h3{text-transform:uppercase} #expert_services_taglist_slider h3.current{} #expert_services_taglist_slider:not(.slick-initialized){opacity:0} #expert_services_taglist_slider .slick-list.draggable{margin:0 130px} .m #expert_services_taglist_slider .slick-list.draggable{margin:0 80px} .s #expert_services_taglist_slider .slick-list.draggable{margin:0 50px} #expert_services_taglist_slider .slide { float: left; min-width: 100px;margin:0 1px;padding:0 5px } #expert_services_taglist_slider h3 { font-size: unset; margin: 0; padding: 0;color:var(--UHH0271bb-hellblau) } #expert_services_taglist_slider .slide .tag { white-space:nowrap; overflow:hidden; text-overflow:ellipsis} #expert_services_taglist_slider .slide a { color:rgb(78, 78, 78) } #expert_services_taglist_slider .slide a:hover { text-decoration:underline!important; } #expert_services_taglist_slider .slick-arrow{position: absolute; top: 50%;; right: -52px; width: 60px; height: 60px; cursor: pointer; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg");} #expert_services_taglist_slider .slick-arrow.slick-next{right:0;transform:translateY(-50%)} #expert_services_taglist_slider .slick-arrow.slick-prev{left:0;transform:translateY(-50%) rotate(180deg)} .m #expert_services_taglist_slider .slick-arrow.slick-next{right:-10px} .m #expert_services_taglist_slider .slick-arrow.slick-prev{left:-10px} .s #expert_services_taglist_slider .slick-arrow.slick-next{right:-13px} .s #expert_services_taglist_slider .slick-arrow.slick-prev{left:-13px} .expertdb .oap-fachbereich {color:rgb(2, 123, 203);font-family: TheSansUHHRegularCaps,sans-serif; font-size:24px;margin:60px 0 20px 0;} .s .expertdb .oap-fachbereich {margin:60px 0 20px 14px;} .expertdb .oap-no-result {margin-top:27px;margin-left:29px} .expertdb .oap-result {border-top:none;padding-top:30px;margin-bottom:15px} .expertdb .oap-result-title { margin-bottom: 10px;} .expertdb .oap-result-tags { display: block; margin-bottom: 10px;} .expertdb .oap-result-tags:after { content:'';display:table;width:100%} .expertdb .oap-result-tags >div{ display: block;} .expertdb .oap-result .oap-result-tags > div:first-child{font-size:17px;width:auto} .s .expertdb .oap-result .oap-result-tags > div:first-child{font-size:16px} .expertdb .oap-result-tags > div:first-child { margin-bottom: 10px;} .expertdb .oap-result .oap-result-tags .tag {float: left; margin: 0 4px 4px 0; background-color: rgb(240, 240, 240); font-size: 11px; height: 20px; line-height: 20px;padding: 0 10px; color: rgb(102, 102, 102); text-decoration: none;} .expertdb .oap-result .oap-result-info {display:block;overflow:hidden;line-height:1.7em} .expertdb .oap-result .oap-result-info a{color:#4e4e4e} .expertdb .oap-result .oap-result-info div:nth-child(1){float:left; font-family: TheSansUHHBold,sans-serif;vertical-align:top;padding-right:6px;white-space:nowrap} .expertdb .oap-result .oap-result-info div:nth-child(1):after{content:":"} .expertdb .oap-home{margin-top:90px;overflow:hidden;} .expertdb .oap-home a{float:left;height:auto;cursor: pointer;display:block;font-size: 16px;padding:0 50px;font-family: TheSansUHHBoldCaps;border: none;text-align: center;line-height: 50px;color: rgb(255, 255, 255);background-color: #0271bb} .expertdb .oap-result-image { text-align: center; position: relative; order: 2; width: 195px;} .m .expertdb .oap-result-image {display:none!important} .s .expertdb .oap-result-image {display:none!important} .expertdb .oap-result-image img{ width: 180px;max-width: none !important;margin-left: 15px;background-color: RGB(250, 248, 249);} .m .expertdb .oap-result-image img, .s .expertdb .oap-result-image img { width: 100%!important; margin-left: 0;} /* *************************************************************************************************************************************************************** */ /* openaccess portal + fis */ /* *************************************************************************************************************************************************************** */ .openaccess{font-size:16px} .s .openaccess{margin-bottom:60px} .openaccess .datenbanken,.openaccess .publikationen{} .s .openaccess{} .oap-search{background-color:rgb(240,240,240);padding:26px 20px 27px 20px;position:relative;z-index:3} .s .oap-search{padding:26px 20px 27px 20px;} .uebersicht .oap-search{background-color:transparent;padding-bottom:0} .oap-search:after{content:"";display:table;width:100%} .l .oap-search{padding:26px 57px 27px 29px} .l .uebersicht .oap-search{padding:26px 57px 0px 100px} .oap-search-text{} .l .oap-search-text p{float:right;width:280px;margin:-5px -40px 0 0;padding:0} .oap-search-text h2 {margin: 0 0 10px 0; padding: 0!important;font-size:22px} .oap-search-search{display:table;width:100%; margin-bottom:12px} .l .oap-search-search{float:left;width:calc(100% - 285px)} .s .oap-search-search{width:calc(100%)} .oap-filter-text{} .oap-filter-text:before{content:"";clear:both;display:table;width:100%} .oap-search-filter{display:table;width:100%; margin-bottom:12px} .oap-search-input{display:table-cell;font-size:0} .oap-search-key,.oap-search-cond,.oap-search-string{ font-family: TheSansUHH, sans-serif!important; box-sizing:border-box!important; height:29px; border:1px solid rgb(138,138,138); font-size:12px; color: #000; background-color: #fff; line-height: 28px; padding: 0 6px; outline: none; } .oap-search-input select{padding:0 2px} .oap-search-key{width:calc(50% - 7px)} .oap-search-cond{;width:calc(30% - 7px); margin-left:7px;display: inline-block;vertical-align: top;display:none} .oap-search-string{width:calc(50%); margin-left:7px} .oap-search-search{margin-bottom:28px} .s .oap-search-search{margin-bottom:18px} .oap-search-search .oap-search-input{position:relative;width:100%} .oap-search-search .oap-search-string{width:100%; margin-left:0;line-height:59px;height:60px;padding-right:17px;padding-left:17px;font-size:15px} .s .oap-search-input *{width:100%;margin:0 0 4px 0} .oap-search-search .oap-search-select {} .oap-search-search .oap-search-select:after {content:"";display:table;width:100%} .oap-search-search .oap-search-select select {margin-bottom:6px;float:left; font-size: 15px; width: calc(33.33% - 8px); font-family: TheSansUHH, sans-serif; height: 36px;border: 1px solid rgb(138,138,138);} .oap-search-search .oap-search-select select:not(:nth-child(3n)) {margin-right:12px;} .s .oap-search-search .oap-search-select select {width: 100%;} .s .oap-search-search .oap-search-select select + select {margin-top:12px; margin-left:0;} .oap-search-button button:not(.resetbutton) {margin-top:25px; cursor:pointer;float:right; font-size: 16px; width: calc(33.33% - 8px); font-family: TheSansUHHBoldCaps; border:none; text-align:center; line-height:50px; color:var(--UHHfff-hellgrau); background-color:#0271bb} .oap-search-button .resetbutton {float:right;margin-top:10px ;background: none;border: 0;font-family: TheSansUHH;font-size: 16px;cursor: pointer;color: #4E4E4E;padding-left: 20px;background-image: url("https://assets.rrz.uni-hamburg.de/assets/reload-121c259fd2a92ed2dc20d5a612fdaac75be0b42ca61bd77085230c4742a96f49.svg");background-repeat: no-repeat; background-position: left center;} .m .oap-search-button button {padding-right:0 } .s .oap-search-button button {padding-right:0} .oap-search-button button:hover {text-decoration:underline} .oap-search-handles{display:table-cell;font-size:0; width:74px; vertical-align:middle;white-space:nowrap} .oap-filter-plus,.oap-filter-minus{cursor:pointer; margin-left:8px;color:transparent;border:0;padding:0;height:29px;width:29px; background:transparent url("https://assets.rrz.uni-hamburg.de/assets/plus-0da47c3236dfb6613f52f8fb74932c9931e73e6d798861abe9c88cf41954a37c.svg") no-repeat center} .oap-filter-minus{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-9343245a8a1083d829a1c223c3b6984d39e8f41a79440b89ddc4f5ef3ff6d7b3.svg")} .oap-search-settings{clear:both;overflow:hidden;margin-bottom:0px} .l .oap-search-settings{width:calc(100% - 285px);} .s .oap-search-settings{margin-bottom:18px;width:100%} .oap-search-settings ul {float:left;list-style:none;margin:0 !important;padding:0 !important} .oap-search-settings li {float:left;padding:0;} .oap-search-settings li:last-child {margin-left:45px} .s .oap-search-settings li:last-child {margin-left:15px} .oap-search-settings li:before {content:none !important} .oap-search-settings input{position:absolute;left:-100000px} .oap-search-settings label:before {margin-right:7px;box-sizing:border-box!important;content:'';float:left;width:13px;height:13px;margin-top: 5px; border:1px solid #333;border-radius:13px;background-color:#fff} .oap-search-settings input:checked + label:before {border:5px solid #006ab0} .oap-search-settings label:hover:before {border:1px solid #006ab0;} .oap-search-settings a{float:right} .oap-search-selectgroup{clear:both;overflow:hidden;margin-bottom:28px} .l .oap-search-selectgroup{width:calc(100% - 285px);} .s .oap-search-selectgroup{margin-bottom:18px;width:100%} .oap-search-selectgroup select{outline:none;float:left; font-size: 15px; width: calc(33.33% - 8px); font-family: TheSansUHH; height: 28px;border: 1px solid rgb(138,138,138);} .oap-search-selectgroup select + select {margin-left:12px;} .s .oap-search-selectgroup select{float:none; margin:0 0 5px 0;width:100%} .oap-search-reset{clear:both;overflow:hidden;text-align:right} .l .oap-search-reset{width:calc(100% - 285px)} .s .oap-search-reset{width:100%} .oap-search-reset button{height:36px;border:none;font-family: TheSansUHHSemiLightCaps;display: inline-block;background-color: #027bcb;color: #fff;line-height: 34px;height: 36px;padding: 0 15px;} .oap-search-reset button:hover, .oap-search-reset button:focus{text-decoration: underline} .oap-search-submit{cursor:pointer; background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-search-4048f830a8b90b4c2c7649157f612bf6cf47482d62b8a2eacf6a6cf8d63c633f.png");background-position:center;background-repeat:no-repeat;position:absolute;right:0px;top:0px;bottom:0px;width:67px!important;border:1px solid rgb(138,138,138);background-color:#fff} .oap-filter-submit{cursor:pointer; font-family: TheSansUHH, sans-serif;margin-top:14px;float:right;border:none;color:#fff;background-color:#E3001B;line-height:29px;padding:0;width:147px} .oap-navigate{display:table;margin:34px 0 18px 0;width:100%;position:relative;z-index:2} .oap-navigate label {padding:0 4px 0 16px; font-family: TheSansUHHBold,sans-serif; font-size:16px;} .oap-navigate select {-moz-appearance: none; -webkit-appearance: none; appearance: none; border: none;} .oap-navigate select:-ms-expand {display: none;} .oap-navigate select {box-sizing:content-box;background-color: #fff !important;} .oap-navigate select {color:#4e4e4e; background-repeat:no-repeat; background-position:center right; background-image:url("https://assets.rrz.uni-hamburg.de/assets/option_label_grey-62cb4cc306b4adb8ea24a4dcd8d233febfd3aff3135eaa241d54afcef7aa8fb1.svg")} .oap-navigate select {height:33px; line-height:33px;border: 1px solid rgb(191,191,191); padding-right:36px; font-family: TheSansUHHBold,sans-serif; font-size:16px;} .oap-navigate select option {height:33px; line-height:33px;border: 1px solid rgb(191,191,191); font-family: TheSansUHHBold,sans-serif; font-size:16px;} @media only screen and (max-width:1300px) { html:not(.m) .oap-navigate {display: block !important; margin: 0 !important;} html:not(.m) .oap-navigate > * {display: block !important; height: 33px;} html:not(.m) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;} html:not(.m) .oap-navigate label {padding-left:0;} } @media only screen and (max-width:780px) { html:not(.s) .oap-navigate {display: block !important; margin: 0 !important;} html:not(.s) .oap-navigate > * {display: block !important; height: 33px;} html:not(.s) .oap-navigate-options-2 {padding: 0 !important; width: 100% !important; height: 30px; margin: 8px 0 !important;} html:not(.s) .oap-navigate label {padding-left:0;} } @media only screen and (max-width:480px) { .oap-navigate {padding:0 2px;} .oap-navigate label {display:block;} .oap-navigate-options-2 {height: 60px !important;} } .s .oap-navigate{margin:34px 14px 18px 14px;width:calc(100%)} .oap-navigate>*{display:table-cell;vertical-align:middle;white-space:nowrap} .s .oap-navigate-title{display:none} .oap-navigate-page{text-align:right;padding-right:0;} .oap-navigate-page *{display:inline} .oap-navigate-browse{margin-left:14px;display:inline-table;border-collapse:collapse;vertical-align:middle;height:33px;border:1px solid rgb(191,191,191)} .oap-navigate-browse *{display:table-cell;vertical-align:middle;text-align:center;} .oap-navigate-browse a,.oap-navigate-browse span{width:36px; border:1px solid rgb(191,191,191); color:transparent;font-size:0; background:transparent url("https://assets.rrz.uni-hamburg.de/assets/oap-next-1-2a2e87ece275d93a56e8c7ed57a7d7303ca65072dded410ba416de84a60effa9.svg") no-repeat center} .oap-navigate-browse a.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-1-9c2d83f33be44d44da35cdd0f26b3c4a41a9bdf08611a7a3eb75357307775dd2.svg")} .oap-navigate-browse span.next{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-next-0-6b9293329798162aed88687b29c0b1ec85524fc0b6fb4ceee645272a0a9dae67.svg")} .oap-navigate-browse span.back{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-back-0-13bb537658992e668cd03fcf75c8ce3f4c896c782e8ed38fec0281f9f4f3b245.svg")} .oap-navigate-browse strong{padding:0 12px} .oap-navigate-options{width:48px;height:33px; background:transparent url("https://assets.rrz.uni-hamburg.de/assets/options-783177c039a7d2eb9ea357e8df1f4533b9adc305e4f1b685d2d4da25e3b7422c.svg") no-repeat center;border:1px solid rgb(191,191,191)} .oap-options-flyout {z-index:701;display:none;position:absolute; top:27px;right:0;border:1px solid rgb(191,191,191);padding:15px;background-color:rgb(240,240,240)} .oap-navigate-options:hover .oap-options-flyout {display:block} .oap-navigate.bottom{border-top:1px solid #bbb;padding-top:30px;} .oap-navigate.bottom .oap-navigate-page{padding-right:0} .oap-results{position:relative;z-index:1} .oap-results p { max-width: 730px!important} .oap-result-block{margin:0 0 35px} .oap-result-block + .oap-result-block{margin:15px 0 35px} .oap-result-block > header{line-height:28px;font-family: TheSansUHHBold,sans-serif;background-color:rgb(240,240,240);font-size:20px;padding:0 6px; height:auto; } .s .oap-result-block > header{padding:0 16px; } .oap-result{margin-bottom:45px;padding-top:55px;border-top:1px solid rgb(187,187,187)} .oap-result + .oap-result{margin-top:5px!important} .oap-result a{text-decoration:underline;} .publikationen .oap-result{margin:0 0 55px 0;} .s .publikationen .oap-result{margin:0 0 45px 0;} .publikationen .oap-result-block header + .oap-result{border-top:none} .s .oap-result{padding:45px 20px 0 20px} .oap-result-title{margin-bottom:25px;max-width:700px} .oap-result-title a{display:inline-block;color:#4e4e4e} .oap-result-title h2{margin:0 !important;line-height:1.25em!important} .oap-result-title div{margin:0;line-height:1.25em!important;margin-top:5px} .oap-result-authors{margin:5px 0;max-width:700px} /* .oap-result-authors > span{padding-right:18px;background-image:url("https://assets.rrz.uni-hamburg.de/assets/ORCIDiD_iconvector-8b7ae078a5ddc6b5c69f57ec2f80f2a8a58ca5054f891481a487fd7629bbac9d.svg");background-repeat:no-repeat;background-position:right center;background-size: 15px;} */ .oap-result-content{display:flex;width:100%} .m .oap-result-content{display:block} .s .oap-result-content{display:block} .oap-result-text{order:1;max-width:730px;} .oap-result-text p{max-width:730px;} .l .oap-result-text{width:calc(100% - 285px)} .s .oap-result-text{padding-right:0} .oap-result-tags{ display:table;margin-bottom:20px;} .s .oap-result-tags{ display:block;margin-bottom:15px;} .oap-result-tags > *{ display:table-cell;vertical-align:top} .s .oap-result-tags > *{ display:block} .oap-result-tags > *:first-child {width:180px;font-family: TheSansUHHBold,sans-serif; font-size:16px!important} .s .oap-result-tags > *:first-child {margin-bottom:10px } .publikationen .oap-result-tags > div:first-child {display:none } .oap-result-tags ul.tags {margin:0!important;padding:0!important} .oap-result-tags ul.tags:after {content:"";display:table;width:100%} .oap-result-tags li {float:left; margin: 0 4px 4px 0} .oap-result-tags li:before {content:none!important} .oap-result-tags .tag { float: left; background-color: #f0f0f0; font-size: 13px; min-height: 30px; line-height: 150%; padding: 5px 10px; color: #4e4e4e; text-decoration: none!important } .oap-result-tags .tag:hover { text-decoration: underline!important } .oap-result-source{ clear:both} .oap-result-source .doclink{ margin-top:5px} .oap-result-image{text-align:center;position:relative;order:2;width:285px;} .m .oap-result-image{width:auto;margin-bottom:20px} .s .oap-result-image{width:auto;margin-bottom:20px} .oap-result-image a{display:block} .oap-result-image img{width:270px;max-width:none!important;margin-left:15px;background-color:#FAF8F9;} .m .oap-result-image img,.s .oap-result-image img{width:100%;margin-left:0;} .oap-results.img640 .oap-result-content{display:flex;width:100%;max-width:100%} .m .oap-results.img640 .oap-result-content{display:flex;} .s .oap-results.img640 .oap-result-content{display:block;} .oap-results.img640 .oap-result-text{order:1;max-width:730px;} .l .oap-results.img640 .oap-result-text{} .m .oap-results.img640 .oap-result-text{min-width:400px} .s .oap-results.img640 .oap-result-text{padding-right:0} .oap-results.img640 .oap-result-image{width:665px;position:relative} .m .oap-results.img640 .oap-result-image{margin-bottom:20px} .s .oap-results.img640 .oap-result-image{width:auto;margin-bottom:20px} .oap-results.img640 .oap-result-image img{width:calc(100% - 25px)!important; max-width:448px!important;margin-left:25px} .m .oap-results.img640 .oap-result-image img{margin-left:25px} .s .oap-results.img640 .oap-result-image img{width:100%!important;;max-width:100%!important;;margin-left:0;} .s .oap-results.img640 .oap-result-text{width:100%;padding-right:0} /* .oap-results.fulltext .oap-result-text{max-width:730px} */ /* .oap-results.fulltext .oap-result-content{display:flex;width:100%;max-width:100%} */ /* .oap-results.fulltext .oap-result * { max-width: 800px!important} */ .oap-result-image figure {float:left;margin: 0!important;max-width:none} .oap-result-image figure figcaption {font-size: 12px;line-height: 1em; margin: 2px 0 0 0!important;text-align: right;} .fisbox.schaltbar .inhalt{} .fisbox.schaltbar .oap-result-block > header{background-color:transparent;padding:0 } .fisbox.schaltbar .oap-result-title h2{font-size:16px} .openaccess.datenbank h2,.openaccess.publikation h2{margin-top: -5px !important} .oap-details{display:flex} .m .oap-details{display:block} .s .oap-details{display:block} .oap-details-text{display:table;} .l .oap-details-text{width:calc(100% - 285px)} .s .oap-details-text{display:block;margin:0 14px;} .oap-details-tr{display:table-row} .oap-details-tr.sep{height:60px} .oap-details-tr.sep:after{margin-top:30px;content:"";position:absolute;display:table;border-top:1px solid rgb(189,189,189);width:100%} .s .oap-details-tr.sep:after{display:none} .s .oap-details-tr{display:inline} .oap-details-th,.oap-details-td{display:table-cell;padding:9px 0;vertical-align:top} .oap-details-td p:first-child{margin-top:0} .oap-details-td p:last-child{margin-bottom:0} .l .oap-details-td{} .s .oap-details-th,.s .oap-details-td{display:block;padding:4px 0} .oap-details-th{color:#666!important;font-family: TheSansUHHBold,sans-serif;width:185px;text-align:right;padding-right:25px} .s .oap-details-th{width:auto;text-align:left;padding-right:0} .s .oap-details-td{margin-bottom:10px;overflow:hidden} .oap-details .tag { float: left; margin: 0 4px 4px 0; background-color: #f0f0f0; font-size: 11px; height: 20px; line-height: 20px; padding: 0 10px; color: #4e4e4e; text-decoration: none; } .oap-details-image{position:relative;order:2;width:285px;} .m .oap-details-image{width:auto;margin-bottom:20px} .s .oap-details-image{width:auto;margin-bottom:20px} .oap-details-image img{max-width:none!important;background-color:#FAF8F9;} .l .oap-details-image img{width:270px;margin-left:15px;} .m .oap-details-image img,.s .oap-details-image img{width:100%;margin-left:0;} .oap-home{margin-top:68px} .s .oap-home{margin-left:14px} .oap-home a{font-family: TheSansUHHSemiLightCaps,sans-serif;display:inline-block;background-color:#0271bb;color:var(--UHHfff-hellgrau);line-height: 34px; height:36px;padding:0 15px} .oap-home a:hover, .oap-home a:focus{text-decoration:underline} .openaccess.publikationen.person{} .oap-vcard{overflow:hidden;margin-bottom:50px} .oap-vcard-img{float:left;width:114px;height:133px} .oap-vcard-img img{width:100%;background-color:#eee} .oap-vcard-text{margin-left:20px;float:left;width:calc(100% - 132px - 20px)} .oap-vcard-text dl{margin:8px 0;line-height:1.25em} .oap-vcard-text dt{font-family: TheSansUHHBold,sans-serif; font-weight: normal;} .oap-vcard-text dd{margin:0} .oap-menu{background-color:rgb(153,153,153);color:#fff;height:30px;line-height:30px} .oap-menu ul{margin:0;padding:0;} .oap-menu li{float:left;border-right:1px solid #fff; padding:0 19px} .oap-menu li:before{display:none} .oap-menu-filter{float:right;border-left:1px solid #fff; padding:0 19px} .oap-menu-filter select{background-image:url("https://assets.rrz.uni-hamburg.de/assets/oap-select-96eca6cf8064bcf3f9c3040484e17dae007089ed670ee00f8c27df86ab21826f.png");background-repeat:no-repeat;background-position:right center;padding-right:15px;font-family: TheSansUHH, sans-serif;border:none;background-color:transparent;font-size:11px;color:#fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .oap-menu-filter option{background-color:#fff;color:#000} .person .oap-navigate{margin:25px 0 18px 0} .etallink{color:#4E4E4E!important; text-decoration:none !important; border-bottom:1px dotted #000!important} .etallink:hover{ border-bottom:1px solid #4E4E4E!important} .oap-navigate-options-2 ul {list-style:none;margin:0 !important;padding:0 !important} .oap-option{padding-right:20px} .oap-navigate-options-2 > .oap-option-treffer{float:left} .oap-navigate-options-2 > .oap-option-sort{float:right} .oap-option-label{font-family: TheSansUHHBold,sans-serif;font-weight: normal;line-height: 32px; color:#4e4e4e; text-decoration:none !important;} .oap-option-label:after{content:"\25BC";color:#6d6d6d;font-size:13px; display:inline-block;padding:0 6px 0 8px;} .oap-navigate-options-2 li {margin:0 !important;padding:0 !important;cursor:pointer} .oap-navigate-options-2 li:before {content:none !important} .oap-navigate-options-2 li:after {content:none !important} .oap-navigate-options-2 li:focus, .oap-option-label:focus{position:relative;z-index:100000;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .oap-option-popup{position:absolute;right:0;min-width: calc(100% + 12px);background-color:#fff;border:1px solid #bfbfbf;display:none} .s .oap-option-popup{position:absolute;left:0;right:auto} /* [aria-expanded="false"] + .oap-option-popup{display:none} */ /* [aria-expanded="true"] + .oap-option-popup{display:block} */ .oap-option-popup li{padding:0 25px 0 15px!important ; line-height:32px;color:#4E4E4E} .oap-option-popup li[aria-selected="true"] {border-color:rgb(82,82,82);background-color:rgb(82,82,82)!important;cursor:default;color:#fff} .oap-option-popup li:hover{background:#ddd} .oap-option-popup li:focus{text-decoration:none;} .oap-option-popup li:after{position:absolute;right:5px; font-size:13px;} .oap-option-popup li[data-dir="up"]:after{content:"\25B2" !important} .oap-option-popup li[data-dir="down"]:after{content:"\25BC" !important} .oap-result-dates {} .oap-result-date.begin {} .oap-result-date.end { } .oap-result-date.end:before {content:" \2192 ";display:inline-block; margin:0 10px } .oap-result-classification {color:#4e4e4e;font-size:14px } .s .fisbox .openaccess, .s .tab-box .openaccess, .s .pubbox .openaccess, .s .schaltbar .openaccess{margin-left:0;margin-top:15px} .fisbox .oap-result-text, .tab-box .oap-result-text, .pubbox .oap-result-text, .schaltbar .oap-result-text{width:100%} .fisbox .oap-search, .tab-box .oap-search, .pubbox .oap-search, .schaltbar .oap-search{background-color:transparent;padding:0} .l .fisbox .oap-search-search, .l .tab-box .oap-search-search, .l .pubbox .oap-search-search, .l .schaltbar .oap-search-search { width: 100%;margin-bottom:14px } .fisbox .oap-search-text h4, .tab-box .oap-search-text h4, .pubbox .oap-search-text h4, .schaltbar .oap-search-text h4 {margin: 0 0 10px 0; padding: 0!important;} .fisbox .oap-result-block > header, .tab-box .oap-result-block > header, .pubbox .oap-result-block > header, .schaltbar .oap-result-block > header {min-width:0!important;font-size:18px;margin-bottom:15px;max-width:100%} .fisbox .oap-result-title, .tab-box .oap-result-title, .pubbox .oap-result-title, .schaltbar .oap-result-title { margin-bottom: 10px;} .fisbox .oap-result-title h5, .tab-box .oap-result-title h5, .pubbox .oap-result-title h5, .schaltbar .oap-result-title h5 {font-size: 17px; margin: 0px !important;line-height: 1.25em !important; } .fisbox .publikationen .oap-result, .tab-box .publikationen .oap-result, .pubbox .publikationen .oap-result, .schaltbar .publikationen .oap-result { margin: 0 0 10px 0;padding-top:15px;border-top:none;} .s .fisbox .oap-result, .s .tab-box .oap-result, .s .pubbox .oap-result, .s .schaltbar .oap-result {padding: 15px 0 0 0; } .fisbox .oap-navigate, .tab-box .oap-navigate, .pubbox .oap-navigate, .schaltbar .oap-navigate{margin:17px 0 18px 0 !important} .m .fisbox .oap-navigate, .m .tab-box .oap-navigate, .m .pubbox .oap-navigate, .m .schaltbar .oap-navigate{margin:0px 0 18px 0 !important} .s .fisbox .oap-navigate, .s .tab-box .oap-navigate, .s .pubbox .oap-navigate, .s .schaltbar .oap-navigate{margin:0px 0 0px 0 !important;margin-right:0 !important} .fisbox .oap-navigate-page, .tab-box .oap-navigate-page, .pubbox .oap-navigate-page, .schaltbar .oap-navigate-page { text-align: left;width:180px } .fisbox .oap-navigate-browse, .tab-box .oap-navigate-browse, .pubbox .oap-navigate-browse, .schaltbar .oap-navigate-browse { margin-left: 0 !important;} .s .fisbox:not(.outer) {padding:0 20px !important} .s .fisbox .uhh-tabs [role="tabpanel"], .s .tab-box blockquote, .s .pubbox blockquote, .s .schaltbar blockquote {padding:0!important;width:100%!important} .s .fisbox .oap-navigate, .s .tab-box .oap-navigate, .s .pubbox .oap-navigate, .s .schaltbar .oap-navigate {display:block!important;margin:0 !important} .s .fisbox .oap-navigate > *, .s .tab-box .oap-navigate > *, .s .pubbox .oap-navigate > *, .s .schaltbar .oap-navigate > *{display:block!important;height:33px} .s .fisbox .oap-navigate-options-2, .s .tab-box .oap-navigate-options-2, .s .pubbox .oap-navigate-options-2, .s .schaltbar .oap-navigate-options-2 {padding:0!important;width:100%!important;height:30px;margin:8px 0 !important;} .s .fisbox #oap-option-popup-sort-pub, .s .tab-box #oap-option-popup-sort-pub, .s .pubbox #oap-option-popup-sort-pub, .s .schaltbar #oap-option-popup-sort-pub{left:auto;right:0} .profilebox .schaltbar .inhalt {padding:0px 0px 3px 0px;overflow:hidden !important} .s .profilebox .schaltbar .inhalt {padding:0px 16px;overflow:hidden !important} .pubbox .oap-result-block{overflow:hidden} .s .pubbox {padding:0px 16px;} .s a.alles.auf{margin-left:16px!important} .oap-result-block a.morelink{color: RGB(78, 78, 78) !important;text-decoration: none !important;border-bottom: 1px dotted rgb(0, 0, 0) !important;} .oap-result-block div.morecontent{color: RGB(78, 78, 78) !important;display:none} .oap-result-block a.morelink:hover{border-bottom-style:solid !important} .fisbox .logos { margin-top:5px } .fisbox .oalogo {display: inline-block; margin: 1px 0 0; vertical-align: top;height: 22px; width: auto;} .fisbox .plumxlogo {display: inline-block; margin: 4px 0 0 6px; vertical-align: top;height: 30px; width: 32px;} /* .PlumX-Popup {display: inline-block; margin: 0 0 0 5px; vertical-align: top;} */ /* .PlumX-Popup .plx-print { width: 35px!important;height: 40px!important} */ /* .PlumX-Popup .ppp-branding{ min-height: 23px} */ /* .PlumX-Popup .ppp-pop ul{padding:14px!important} */ /* .PlumX-Popup .ppp-pop ul ul{padding:0px!important} */ /* .PlumX-Popup .ppp-pop li:before{content:none!important} */ p.h2 {font-size:22px;margin:18px 0 35px;font-family:TheSansUHHBold, sans-serif; font-weight:normal} form.standard {padding:20px 30px 20px 20px;font-size:16px;background-color:#f3f3f3;border:0; border-collapse:collapse} form.standard div.optional {display:none; margin-left:20px} form.standard div.optional label {position:relative} form.standard div.optional label:before {content:"\21B3"; font-size:16px; position:absolute; left:-11px; top:-4px} form.standard fieldset {border:0; padding:0; margin:1em 0} form.standard fieldset:first-child, form.standard > input + fieldset{margin-top:0px} form.standard fieldset + fieldset {margin-top:24px} form.standard fieldset > p {margin:0 !important} form.standard legend {padding:0; margin:0 0 0.4em 0; font-size:17px;font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important} form.standard legend * {text-decoration:none !important} form.standard legend p{padding:0; margin:0 0 0.4em 0; font-size:17px;font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important} form.standard legend strong{font-family:TheSansUHHBold, sans-serif!important; font-weight:normal!important} form.standard div.table {display:table; width:100%} form.standard div.table.indent .cell {padding-left:10px} form.standard div.table.border {display:table; width:100%} form.standard div.row {display:table-row} form.standard div.cell {display:table-cell; padding:6px 0px 6px 0; vertical-align:top; } form.standard .cell p{margin:0 !important;font-size:16px !important} form.standard div.cell w50 {width:50%} form.standard div.label.cell {width:180px;padding-top:12px;padding-right:5px;} form.standard div.label sup {position:absolute; margin-left:3px; font-family:TheSansUHHBold,sans-serif; font-weight:normal; font-size:14px} form.standard div.label span:not(.required-field-marker) {display:block} form.standard div.input {} form.standard div.input > *:first-child:not(input):not(select):not(textarea):not(.datepickerHolder ){margin-top:6px!important} form.standard div.input > #datenschutz, form.standard div.input > #datenschutz + label{margin-top:10px} form.standard input[type="radio"] {margin-right:5px} form.standard input[type="text"],form.standard input[type="email"] {width:100%} form.standard select {width:100%} form.hoersaalbuchung select {width:auto} form.standard input[type="text"][size] {width:auto} form.standard textarea {width:100%; height:80px; overflow:auto; resize:vertical;font-size:13px;padding:5px 10px} form.standard textarea, form.standard select, form.standard input[type="text"], form.standard input[type="submit"], form.standard input[type="email"]{-moz-appearance: none;-webkit-appearance: none;appearance: none;color:#4e4e4e!important;box-sizing:border-box!important;border:1px solid #ddd; outline:none;border-radius:0;box-shadow:none;font-family:TheSansUHH, sans-serif; font-size:15px} form.standard textarea:focus, form.standard select:focus, form.standard input[type="text"]:focus, form.standard input[type="submit"]:focus, form.standard input[type="email"]:focus{outline:none;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} form.standard select, form.standard input[type="text"], form.standard input[type="email"]{padding:0 10px;line-height:36px;height:36px} .s form.standard textarea,.s form.standard select,.s form.standard input {font-size:15px} form.standard select:-ms-expand {display: none;} form.standard select {padding-right:30px; background-repeat:no-repeat; background-position:top right; background-size: auto 100%; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pfeil_select-e74f9908fa5dd6c540b5cf2cf2e7ed1e6c41cf1332d24c51604a35f765c22353.svg")} form.standard div.input select:not(:first-child), form.standard div.input input:not(:first-child), form.standard div.input textarea:not(:first-child){margin-top:10px} form.standard div.input .datepickerHolder input{margin-top:0} form.standard input[type="submit"]{cursor:pointer;border:none;margin-top:15px;font-size:17px;width:200px;height:50px; background-color: #0271bb;color:var(--UHHfff-hellgrau)!important; font-family: TheSansUHHBoldCaps, sans-serif;} form.standard input[type="submit"]:hover{text-decoration:underline} form.standard button[type="submit"],form.simpleform button[type="submit"]{cursor:pointer;border:none;margin-top:15px;font-size:17px;width:200px;height:50px; background-color: #0271bb;color:var(--UHHfff-hellgrau)!important; font-family: TheSansUHHBoldCaps, sans-serif;} form.standard button.edit[type="submit"]{background-color: #777} form.standard button[type="submit"]:focus,form.simpleform button[type="submit"]:focus{outline:1px solid #fff} form.standard button[type="submit"]:hover,form.simpleform button[type="submit"]:hover{text-decoration:underline} form.standard button[disabled]{opacity: 0.5;text-decoration: none !important;cursor: default !important;} form.standard input[type="file"].styled-upload{font-size:18px;outline:1px dashed #000;background:yellow} form.standard input[type="file"].styled-upload::file-selector-button{font-family:TheSansUHHSemiLightCaps;float:right;font-size:12px;background:green;border:2px solid blue;color:#fff} form.standard .SciDatepicker button.icon {right: 2px;top: 2px;width: 32px;height: 32px;} form.standard div.button div.cell:first-child {} form.standard div.button div.input {text-align:right} form.standard .radiogroup {padding-top:12px !important} form.standard .field_with_errors {display:inline} form.standard .field_with_errors input {border:2px solid red !important; border-radius:3px !important;} form.standard .field_with_errors textarea {border:2px solid red !important; border-radius:3px !important;} form.standard .field_with_errors select {border:2px solid red !important; border-radius:3px !important;} form.standard .field_with_errors input[type=checkbox] {outline:2px solid red} form.standard .field_with_errors input[type=radio] {outline:2px solid red} form.standard .invalid {border:2px solid red !important; border-radius:3px} form.standard .invalid[type=checkbox] {outline:2px solid red} form.standard .radiogroup.invalid {border:2px solid red !important; border-radius:3px !important} form.standard .sep {margin-top:12px; padding-top:12px} form.standard .space {margin-bottom:6px} form.standard .table.singlecol{display:block!important} form.standard .table.singlecol .row{display:block!important} form.standard .table.singlecol .cell{display:block!important;width:100%!important} form.standard .table.singlecol .cell.label{padding-bottom:0!important} form.standard .table.singlecol .cell + .cell{} form.standard .table + .table .row:first-child .cell{} form.standard .table.singlecol .cell.heading{} .s form.standard {margin:0 !important; padding:20px} .s .outer > .standard > form.standard {margin:0 -20px!important} .s form.standard div.row{display:block} .s form.standard div.cell{display:block; border:none;width:auto} .s form.standard div.label.cell{padding:10px 0 2px 0} .s form.standard div.input.cell{padding:2px 0 10px 0} .s form.standard div.input.cell input[type="text"], .s form.standard div.input.cell input[type="file"], .s form.standard div.input.cell input[type="n"], .s form.standard div.input.cell input[type="submit"], .s form.standard div.input.cell textarea, .s form.standard div.input.cell select {font-size: 16px;width:100%} .s form.standard div.label.cell {border-right:none;} form .input .textblock{font-size:15px;} form .input .textblock + *{margin-top:5px!important} form .table.singlecol .input .textblock:first-child{margin-top:-4px!important} form [role="radiogroup"][aria-describedby] .input.radiogroup {padding-top:6px !important} form .input.radiogroup .textblock{margin-bottom:6px;} .s form .input.cell .textblock:first-child{margin-top:0!important} .s form .input.cell.radiogroup{padding-top:3px!important} .s form .input.cell .textblock{margin-bottom:6px;} .form-confirm{margin-top:60px} .form-confirm a:not(.calltoaction) {text-decoration:underline!important} .form-confirm a:hover {text-decoration:none!important} .form-confirm .alert {background-color: #f0f3f6;overflow: hidden; position: relative; padding: 47px 170px 50px 50px;; hyphens:none!important} .form-confirm .alert a{white-space:nowrap} .s .form-confirm .alert {padding: 32px 100px 35px 35px;} .form-confirm .alert:after {content: ''; position: absolute; border-radius: 60px; top: 50px; right: 50px; width: 80px; height: 80px; background-color: var(--UHH0271bb-hellblau); background-image: url("https://assets.rrz.uni-hamburg.de/assets/icon-erfolg-100x100-8b395e83d71ec72132d45cee319e0d8e0e396d0a17e34425b76d5f110cb2cefb.svg");background-position:center;background-repeat:no-repeat} .s .form-confirm .alert:after { border-radius: 60px; top: 40px; right: 30px; width: 60px; height: 60px; background-size:100%} .form-confirm .alert h2 {margin:0 !important} .form-confirm .alert p {font-size:16px; margin:30px 0 0!important;word-break: break-word} .s .form-confirm .alert p {font-size:16px; margin:20px 0 0!important} .s .form-confirm .info {padding:0 20px} .form-confirm .info h2{font-size:22px !important; margin-top:40px !important} .s .form-confirm .data {padding:0 20px} .s .form-confirm form {padding:0 20px} .form-confirm .data h2{font-size:22px !important; margin-top:40px !important} .form-confirm .data table,.form-confirm .data table th,.form-confirm .data table td{all:unset} .form-confirm .data table{display:table !important} .form-confirm .data th,.form-confirm .data td{display:table-cell !important; } .form-confirm .data th{font-family: TheSansUHHBold,sans-serif !important; padding:6px 30px 6px 0 !important} .s .form-confirm .data th{padding:6px 20px 6px 0 !important} .form-confirm .data td{ padding:6px !important;word-break: break-word!important; hyphens:auto!important} .form-confirm .data td ul{ padding-left:18px !important;margin:0!important} .form-confirm .data td li:before { left: -16px !important} .required-field-marker sup{vertical-align: top; font-size: inherit;} .back-to-form.calltoaction{margin-top:32px} .uhh-file-upload{display:none } .uhh-file-input{margin-top:0 !important;position: relative; } .uhh-file-input .direct-upload{display:none} .uhh-file-input--target{ position: relative; text-align: center; display:inline-block} .uhh-file-input.has-file .uhh-file-input--target{ float:right} .uhh-file-input--instructions{padding: 5px 15px 5px 38px; pointer-events: none; position: relative; z-index: 3;color:#fff;font-size:14px} .uhh-file-input--input{vertical-align:top;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-upload-24x24-4b74e9d3307f7908e41311b7cccb4f43f862eab15f83c33a6723edc6074a8af4.svg");background-repeat:no-repeat;background-position:10px center;position:absolute;cursor: pointer; height: 100%; left: 0; margin: 0!important; max-width: none; text-indent: -999em; top: 0; width: 100% !important; z-index: 1;} .uhh-file-input--preview{display:none;width:100%;overflow:hidden;margin-bottom:12px} .uhh-file-input.has-file .uhh-file-input--preview{display:block} .uhh-file-input--preview div{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-file-24x24-c970cc0cde34cd5d3dd2e7fd6b19e9ee87440701cac195808b90921f9e7699a1.svg");background-repeat:no-repeat; background-position:14px center;background-color:#fff; margin-bottom:2px;min-height:34px;padding:8px 10px 8px 38px;} .uhh-file-input--no-file{height:34px;line-height:34px;vertical-align:top;display:inline-block; margin-left:15px} .uhh-file-input.has-file .uhh-file-input--no-file{display:none} .uhh-file-input--delete{cursor:pointer;margin-right:10px;vertical-align:top;display:none !important; height:34px;width:34px !important;padding:0 !important;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-delete-24x24-e57142be989bcdacd81d10a5bc7d1d08a03051fa46103e75fa46df484a134c5e.svg");background-repeat:no-repeat;background-position:center;} .uhh-file-input.has-file .uhh-file-input--delete{display:inline-block !important} .uhh-checkbox[type="checkbox"]{opacity:0;position:absolute; left:-10000px} .uhh-checkbox + .uhh-checkbox-button{;margin:0 16px 0 0;position:relative;width:24px;height:24px;display:inline-block;background-color:#fff;vertical-align:top;cursor:pointer;} .uhh-checkbox-button:after {content: ""; position: absolute; display:none;left:50%;top:50%; width: 5px; height: 10px; border: 1px solid #4e4e4e; border-width: 0 3px 3px 0; transform: translate(-50%,-60%) rotate(45deg);} /*:hover*/ .uhh-checkbox:hover + .uhh-checkbox-button:after, .uhh-checkbox-button:hover:after{display:block; border-color: #ddd} /*:checked*/ .uhh-checkbox:checked + .uhh-checkbox-button{background:#0271bb} .uhh-checkbox:checked + .uhh-checkbox-button:after{display:block; border-color: #fff; } /*:focus*/ .uhh-checkbox:focus + .uhh-checkbox-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} /*:checked:hover*/ .uhh-checkbox:checked:hover + .uhh-checkbox-button:after, .uhh-checkbox:checked + .uhh-checkbox-button:hover:after{display:block;opacity:0.85} /*:focus:hover*/ /*:focus:checked:hover*/ /*:disabled*/ .uhh-checkbox[disabled] + .uhh-checkbox-button{background:transparent!important;cursor:default;border:1px solid #ddd} .uhh-checkbox[disabled] + .uhh-checkbox-button:after{display:none!important} /*:disabled:checked*/ .uhh-checkbox[disabled]:checked + .uhh-checkbox-button:after{display:block!important; border-color: #aaa!important;opacity:1!important} /*:field_with_errors:hover*/ .field_with_errors .uhh-checkbox:hover + .uhh-checkbox-button:after, .field_with_errors .uhh-checkbox + .uhh-checkbox-button:hover:after{border-color: var(--UHH0271bb-fff)!important;display:block;opacity:0.5} /*:field_with_errors:checked:hover*/ .field_with_errors .uhh-checkbox:checked:hover + .uhh-checkbox-button:after, .field_with_errors .uhh-checkbox:checked + .uhh-checkbox-button:hover:after{border-color: var(--UHH0271bb-fff)!important;display:block;opacity:0.85} /*:field_with_errors:checked*/ .field_with_errors .uhh-checkbox:checked + .uhh-checkbox-button:after, .field_with_errors .uhh-checkbox:checked + .uhh-checkbox-button:after{border-color: var(--UHH0271bb-fff)!important;display:block;opacity:1} .uhh-radiogroup{} .uhh-radiogroup label:not(:has([disabled])){cursor:pointer} .uhh-radiogroup label *{cursor:pointer} .uhh-radiogroup label:after{cursor:pointer;content:"";display:table;width:100%;height:5px} .uhh-radio{position:absolute; left:-10000px} .uhh-radio[disabled]~*{cursor:default} .uhh-radio-button{float:left;border:1px solid #ddd;border-radius:12px;margin: 0 15px 0 0; position: relative; width: 24px; height: 24px; display: inline-block; background-color: #fff; vertical-align: middle; cursor: pointer;} .uhh-radio-button:after {content: ""; position: absolute; display:none;left:50%;top:50%; width: 10px; height: 10px; border-radius:10px;background: #ddd; transform: translate(-50%,-50%);} .uhh-radio-button:before {content: ""; position: absolute; display:none;left:0;top:0; width: 100%; height: 100%; border-radius:24px;outline: 1px solid #c40017 !important;background: #ffdbe0} .uhh-radio-button + span{float:left;max-width:calc(100% - 39px)} /*:hover*/ .uhh-radio:hover + .uhh-radio-button:after, .uhh-radio-button:hover:after{display:block} /*:checked*/ .uhh-radio:checked + .uhh-radio-button{background:#0271bb;border-width:0;} .uhh-radio:checked + .uhh-radio-button:after{display:block; background-color: #fff; } /*:focus*/ .uhh-radio:focus + .uhh-radio-button{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} /*:checked:hover*/ .uhh-radio:checked:hover + .uhh-radio-button:after, .uhh-radio:checked + .uhh-radio-button:hover:after{opacity:0.85} /*:focus:hover*/ /*:focus:checked:hover*/ /*:disabled*/ .uhh-radio[disabled] + .uhh-radio-button{background:transparent!important;cursor:default;border:1px solid #ddd} .uhh-radio[disabled] + .uhh-radio-button:before{display:none!important} .uhh-radio[disabled] + .uhh-radio-button:after{display:none!important} /*:disabled:checked*/ .uhh-radio[disabled]:checked + .uhh-radio-button:after{display:block!important; border-color: #aaa!important;opacity:1!important} /*:invalid*/ .uhh-radiogroup[aria-invalid="true"] .uhh-radio-button:before{display:block} form.standard.v23 {padding:20px;background-color: #F0F3F6 ;} form.standard.v23 select, form.standard.v23 input[type="text"], form.standard.v23 input[type="number"], form.standard.v23 input[type="email"]{padding:0 10px;line-height:40px;height:40px} form.standard.v23 textarea, form.standard.v23 select, form.standard.v23 input[type="text"], form.standard.v23 input[type="number"], form.standard.v23 input[type="submit"], form.standard.v23 input[type="email"]{border:0} form.standard.v23 .button.row .cell { padding: 30px 0 0} form.standard.v23 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017} form.standard.v23 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;} form.standard.v24 {padding:20px;background-color: #F0F3F6 ;} form.standard.v24 select, form.standard.v24 input[type="text"], form.standard.v24 input[type="number"], form.standard.v24 input[type="email"]{padding:0 10px;line-height:40px;height:40px} form.standard.v24 textarea, form.standard.v24 select, form.standard.v24 input[type="text"], form.standard.v24 input[type="number"], form.standard.v24 input[type="submit"], form.standard.v24 input[type="email"]{border:0} form.standard.v24 .button.row .cell { padding: 30px 0 0} form.standard.v24 .row_with_errors .uhh-checkbox-button:before{content:""; position:absolute;width:100%;height:100%;outline:1px solid #c40017} form.standard.v24 .row_with_errors .uhh-checkbox-button{background-color: #ffdbe0;} .standard.v24 .validationMessage{display:none} .standard.v24 .field_with_errors select[aria-invalid], .standard.v24 .field_with_errors textarea[aria-invalid], .standard.v24 .field_with_errors input[aria-invalid]:not([type="checkbox"]):not([type="radio"]):not(.uhh-file-input--input) { border:0!important;outline: 1px solid #c40017!important; border-radius:0!important;; background-color: #ffdbe0; outline-offset: -1px;} .standard.v24 .row_with_errors .validationMessage{ display: block; color: #c40017; font-size: 14px;} .standard.v24 .field_with_errors input[aria-invalid].uhh-file-input--input { border:0!important;outline: 0px!important; border-radius:0!important; background-color: var(--UHH0271bb-fff); } .standard.v24 .field_with_errors .uhh-file-input--preview div{outline: 1px solid #c40017!important;outline-offset:-1px} .standard.v24 .field_with_errors .uhh-file-input .validationMessage{margin:10px 0 13px;padding:10px 15px;border:0!important;outline: 1px solid #c40017!important; border-radius:0!important;; background-color: #ffdbe0; outline-offset: -1px; } .standard.v24 .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom} .standard.v24 .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px} .standard.v24 .validationMessage + .field_with_errors{display:block} .standard.v24 .checkbox.row_with_errors .validationMessage{display:inline-block} .form-inputbox{margin:0;padding:0;border:0} .form-inputbox legend{margin:0;padding:0} .form-inputbox > button { position:relative;background-color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 24px 0 6px;text-align: left;margin-top: 2px;width: 100%; cursor: pointer;border: 1px solid #e6e6e6;font-size: 15px;font-family: TheSansUHH, sans-serif;height: 38px;line-height: 38px;} .form-inputbox > button:after {content:"";background-color:#0271bb;position:absolute; right:0;top:0;height:36px;width:23px; background-size: 10px 5px;background-position:center; background-repeat:no-repeat;background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%205%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Shape%22%20class%3D%22cls-1%22%20d%3D%22M.19.18A.53.53,0,0,0,0,.58.54.54,0,0,0,.19,1L4.54,4.83A.66.66,0,0,0,5,5a.69.69,0,0,0,.46-.17L9.8,1A.53.53,0,0,0,10,.42.63.63,0,0,0,9.52,0a.71.71,0,0,0-.63.16L5,3.63,1.09.18A.66.66,0,0,0,.64,0,.66.66,0,0,0,.19.18Z%22%2F%3E%3C%2Fsvg%3E);} .form-inputbox > button[aria-expanded="true"] {} .form-inputbox > button[aria-expanded="true"]:after {transform:rotate(180deg)} .form-inputbox ul{font-size:15px;z-index:1;background:#fff;border:1px solid #e6e6e6;position:absolute;margin:-1px 0 0 0;padding:0!important;display:none;width:100%} .form-inputbox li{max-width:none!important} .form-inputbox li:before{content:none!important;position:relative;max-width:none} .form-inputbox label{display:block} .form-inputbox label input{position:absolute;left:5px;height:26px;margin:0} .form-inputbox label input:focus{outline:0!important;box-shadow:none!important} .form-inputbox label span{padding:4px 10px 4px 25px;display:block;cursor:pointer;line-height:1.25em} .form-inputbox label input:checked + span{cursor:default} .form-inputbox label input:focus + span{outline:1px solid var(--UHH0271bb-fff);outline-offset:-1px;box-shadow: 0 0 5px 0 var(--UHH0271bb-fff) inset;} /* Provide a fallback style for browsers that don't support :focus-visible */ .form-inputbox > button:focus{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} /* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */ .form-inputbox > button:focus:not(:focus-visible){outline: none!important;box-shadow:none!important} /* Draw a very noticeable focus style for keyboard-focus on browsers that do support :focus-visible */ .form-inputbox > button:focus-visible{box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff)} .box_event_application_form {margin-top:30px} .h1 + .box_event_application_form { margin-top: 60px;} .box_event_application_form > h2 {margin:0 0 30px !important} .s .box_event_application_form > h2 {margin:0 20px 30px !important} .box_event_application_form > ul {list-style:none; margin:0 !important; padding:0 !important} .box_event_application_form > ul > li:before {content:none !important} .box_event_application_form > ul > li.warteliste:before {content:"" !important; position:absolute !important; width:6px !important; height:100% !important; top:0 !important; left:0 !important; background-color:#F7AD10 !important} .box_event_application_form > ul > li.gebucht:before {content:"" !important; position:absolute !important; width:6px !important; height:100% !important; top:0 !important; left:0 !important; background-color:#359D3E !important} .box_event_application_form > ul > li {background-color: #f0f3f6; max-width:none !important} .box_event_application_form > ul > li:after {content:""; display:table; width:100%} .box_event_application_form > ul > li > div {display:flex; gap:20px; width:100%;padding-right: 10px;} .s .box_event_application_form > ul > li > div {flex-direction:column; gap:0} .box_event_application_form > ul > li:not(:first-child) {margin-top:10px} .box_event_application_form > ul > li > div p {margin:0} .box_event_application_form > ul > li .date {padding:13px 0 15px 20px; flex:0 0 185px; position:relative} .s .box_event_application_form > ul > li .date {flex:0; text-align:left; padding:14px 20px 6px } .box_event_application_form > ul > li .date div:first-child {font-family: TheSansUHHBoldCaps,sans-serif; font-size: 18px; margin-bottom: 3px} .box_event_application_form > ul > li .date .sep {display:none; margin:0 12px} .s .box_event_application_form > ul > li .date .sep {display:inline-block} .s .box_event_application_form > ul > li .date div {display:inline-block} .box_event_application_form > ul > li .date div:last-child {white-space:nowrap; font-family: TheSansUHHRegularCaps,sans-serif; font-size: 18px; line-height: 13px} .box_event_application_form > ul > li .title {flex-grow: 1; font-size:16px; font-family: TheSansUHH, sans-serif; padding:14px 0; line-height:1.4} .s .box_event_application_form > ul > li .title {padding:0 20px} .box_event_application_form > ul > li .booking {padding:20px; flex:0 0 135px; text-align:right} .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 } .s .box_event_application_form > ul > li .booking br {display:none;} .s .box_event_application_form > ul > li .booking {padding:15px 20px 20px 20px; flex:0 } .box_event_application_form > ul > li.has-form .booking button{display:none !important} .s .box_event_application_form > ul > li.has-form .booking {display:none } .box_event_application_form > ul > li .booking .calltoaction {white-space:nowrap; padding:7px 14px !important; font-size:14px !important; font-family: TheSansUHHBold,sans-serif !important} .box_event_application_form > ul > li .booking .calltoaction.warteliste {background-color:#3b515c !important} .box_event_application_form > ul > li .booking em {margin-top:-4px; font-size:14px !important; hyphens:none; line-height:1.3 !important; display:inline-block; vertical-align:top} .s .box_event_application_form > ul > li .booking em {float:right} .box_event_application_form > ul > li > p.alert {margin:5px 30px 20px 205px !important; background-color:#FFDBE0; border:1px solid #E2041C; padding:12px 15px; max-width:none} .s .box_event_application_form > ul > li > p.alert {margin:0px 20px 20px 20px !important} .box_event_application_form > ul > li.has-form > p.alert {margin:5px 30px 0px 205px !important} .s .box_event_application_form > ul > li.has-form > p.alert {margin:20px 20px 0px 20px !important} .box_event_application_form p.alert + form {padding:10px 20px 30px} .s .box_event_application_form p.alert + form {padding:0px 20px 30px} .h1 + .event_application { margin-top: 60px;} .s .event_application { padding:0 20px;} .box_event_application_form .validationMessage{display:none} .box_event_application_form .field_with_errors select[aria-invalid], .box_event_application_form .field_with_errors textarea[aria-invalid], .box_event_application_form .field_with_errors input[aria-invalid]:not([type="checkbox"]):not([type="radio"]) { border:0!important;outline: 1px solid #c40017!important; border-radius:0!important;; background-color: #ffdbe0; outline-offset: -1px;} .box_event_application_form .row_with_errors .validationMessage{ display: block; color: #c40017; font-size: 14px;} .box_event_application_form .uhh-checkbox-button + label{display:inline-block;max-width:calc(100% - 40px);vertical-align:bottom} .box_event_application_form .field_with_errors + .validationMessage + .field_with_errors {padding-left:40px} .box_event_application_form .validationMessage + .field_with_errors{display:block} .box_event_application_form .checkbox.row_with_errors .validationMessage{display:inline-block} .download_event_application_form, .slots > .slot > a, .quicklinks_to_event_application_form_slots a { text-decoration: underline !important;} .download_event_application_form:hover, .slots > .slot > a:hover, .quicklinks_to_event_application_form_slots a:hover { text-decoration: none !important;} .quicklinks_to_event_application_form_slots li + li{margin-top:10px} /*Regeln für neuen form.standard dom*/ form.standard.uhh-form {padding:15px 30px 30px 20px!important} form.standard.uhh-form .full-width legend.sweeped{margin-top:10px!important} .s form.standard.uhh-form {padding:0 20px 30px} form.standard.uhh-form .close {margin:-10px -8px 0 0; border:0; background-color:transparent; float:right; width:40px; height:40px; cursor:pointer} form.standard.uhh-form .rows {} form.standard.uhh-form .row {display:flex !important; gap:20px; margin-top:10px} .s form.standard.uhh-form .row {display:block !important} form.standard.uhh-form .row.block {display:block !important} form.standard.uhh-form .row .description {flex:0 0 165px; padding:0 0 0} .s form.standard.uhh-form .row .description {padding:0 0 5px} form.standard.uhh-form .row .content {flex-grow: 1; position:relative} form.standard.uhh-form .row.slot-info .description {padding-top:15px} form.standard.uhh-form .row.slot-info .content {padding:5px 15px; background-color:#fff} form.standard.uhh-form .row.slot-info p {margin:0; padding:10px 0; background-repeat:no-repeat; background-position: 5px center} form.standard.uhh-form .row.slot-info p.date {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-zeit-24x24-cf494f433ea58ed843eca015a400c92f5d4e46af5d985a9323999035f3763f15.svg")} form.standard.uhh-form .row.slot-info p.location {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-ort-24x24-d0368f82434c844c14f00d475a7e1bf21a4d5171966614549472239fe6f113e8.svg")} form.standard.uhh-form .row.slot-info p.seats {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-personen-6205648728f783f882c87f4a965554e6bf510235b43720c7bdd9bb3d0c0288f1.svg"); background-position:0px center} form.standard.uhh-form .row.slot-info p.bookable_until {padding:10px 0 10px 30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-ausrufezeichen-24x24-46d78f5f5859ab1ebf5fc5d34234c7aaed03a1687702dd9fd29a7933ac00ea15.svg"); background-position: 0px center} form.standard.uhh-form .row.slot-info p.calendar {padding:10px 0 10px 30px; text-align:right} form.standard.uhh-form .row.slot-info p + p {border-top:1px solid #E6E6E6} form.standard.uhh-form .row.datenschutz {margin-top:20px} form.standard.uhh-form .row.datenschutz .description {padding-top:5px} form.standard.uhh-form .submit {text-align:right; margin-top:20px} form.standard.uhh-form input[type="checkbox"] {margin-left:0} .s form.standard.uhh-form .submit {margin-top:30px} form.standard.uhh-form .submit * {height:50px; margin-top:10px!important} form.standard.uhh-form .submit :first-child:not(:last-child) {background-color:#3b515c !important; margin:0} form.standard.uhh-form .submit :last-child {margin:0 0 0 20px} .box_mailform_newsletter form.standard.uhh-form {padding:35px!important} .box_mailform_newsletter form .rows h2 {margin:0!important} .box_mailform_newsletter form.standard.uhh-form .row{flex-direction: column; gap:10px;margin-top:20px} .box_mailform_newsletter form.standard.uhh-form .row .description{flex:auto} .box_mailform_newsletter form.standard.uhh-form .row .description:empty{display:none} .box_mailform_newsletter form.standard.uhh-form .row .description label{font-family: TheSansUHHBold, sans-serif} .box_mailform_newsletter form.standard.uhh-form .row.submit {text-align:right} .s .box_mailform_newsletter form.standard.uhh-form { margin: 60px 0 40px !important; } :root { --grid-box-margin: 2.2%; --grid-box-margin-: -2.2%; --grid-box-width_2-of-3: calc((100% - 6*var(--grid-box-margin))/3*2 + 2*var(--grid-box-margin)); --grid-box-width_1-of-3: calc((100% - 6*var(--grid-box-margin))/3); --grid-box-width_1-of-2: calc((100% - 4*var(--grid-box-margin))/2); } .outer.wfa{position:relative} a.wfa-veranstaltungshinweise {-webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);position:relative;font-family: TheSansUHHSemiLightCaps, sans-serif;font-size:16px;padding:10px 40px 13px 108px;position:absolute !important;right:0; background: #0271bb;color: #fff; background-image:url("https://assets.rrz.uni-hamburg.de/assets/wfa_eckig-03306196a3f68e6259a57004007639148ea701f9a7052dc9249f1ba5a71ff501.svg"); background-size:80px 26px; background-position: 18px center; background-repeat:no-repeat} .l a.wfa-veranstaltungshinweise {top: 30px;} .m .outer.wfa{padding-bottom:80px !important;} .m a.wfa-veranstaltungshinweise {right: 0px;margin-bottom: 30px;bottom:0} .s .outer.wfa{padding-bottom:120px !important;} .s a.wfa-veranstaltungshinweise {margin-top:30px;margin-bottom: 40px;;bottom:0} .grid-container{margin:20px var(--grid-box-margin-);display:flex;flex-wrap: wrap;flex-direction: row;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: start;justify-content: flex-start;} .grid-item{position:relative;width:var(--grid-box-width_1-of-3); margin:var(--grid-box-margin);} .grid-item a{display:block; color: #4e4e4e;word-wrap: break-word} .grid-item .image{} .grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3} .grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;} .grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px} .grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: #0271bb; font-size: 18px; margin-top: 10px} .grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px } .grid-item a:hover .titel {text-decoration: underline } .grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic} .filter-form{padding:20px 0;margin:15px 0 0} .filter-form h2{margin:0 } .filter-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent} #filter-form .grid{margin:0 var(--grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row} #filter-form .searchbox{ width:var(--grid-box-width_2-of-3);margin:20px var(--grid-box-margin) 0} #filter-form .searchbox label{ white-space:normal!important} #filter-form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important} #filter-form .space{ width:var(--grid-box-width_1-of-3); margin:0 var(--grid-box-margin)} #filter-form fieldset { min-width: 0;width:var(--grid-box-width_1-of-3); margin:20px var(--grid-box-margin) 0;position:relative} .m #filter-form .searchbox{ width:var(--grid-box-width_1-of-2)} .m #filter-form .space{ display:none} .m #filter-form fieldset { width:var(--grid-box-width_1-of-2)} .m .grid-item{width:var(--grid-box-width_1-of-2)} .s #filter-form .grid{margin:0;flex-direction: column} .s #filter-form .searchbox{ width:100%;margin:20px 0 0} .s #filter-form .space{ display:none} .s #filter-form fieldset { width:100%;margin:20px 0 0} .s #filter-results .grid-container{margin:20px 0;flex-direction: column} .s .grid-item{width:100%;margin:0} .s .grid-item img{width:100%} .s .filter-form { padding:20px 20px 0} .s #filter-results .grid-item + .grid-item {margin-top:48px} .s #filter-results .grid-item .bildnachweis {padding:0 20px} .s #filter-results .grid-item .text {padding:0 20px} #filter-form .buttons { text-align:right;margin-top:15px} #filter-form input[type="text"] {background-color: #fff;padding-right: 24px;text-align: left;margin-top: 2px;width: 100%; border: 1px solid #e6e6e6;padding-left: 6px;font-size: 15px;font-family: TheSansUHH, sans-serif;height: 38px;line-height: 38px;} #filter-form button[type="reset"] { background:transparent;border: 0; text-align: left; font-family: TheSansUHH; font-size: 16px; cursor: pointer; color: #4E4E4E; padding-left: 20px; padding-right: 0; background-image: url("https://assets.rrz.uni-hamburg.de/assets/reload-121c259fd2a92ed2dc20d5a612fdaac75be0b42ca61bd77085230c4742a96f49.svg");background-repeat: no-repeat; background-position: left center;} .zitatblock {float:none!important;font-family:TheSansUHHBold, sans-serif; margin:80px 0 0 0; padding:30px 50px 50px 50px; color:var(--UHH0271bb-hellblau); font-size:44px; line-height:54px; text-align:center; border-top:1px solid var(--UHH0271bb-fff); border-bottom:1px solid var(--UHH0271bb-fff); display:block; position:relative; margin:40px auto; float:none; } .zitatblock:hover {text-decoration:none} .zitatblock:before {content:"\201D"; font-family:TheSansUHHBold, sans-serif; font-size:160px; display:block; margin:44px 0 -20px 0} :root { --filter-teaser-grid-box-margin: 2.2%; --filter-teaser-grid-box-margin-: -2.2%; --filter-teaser-grid-box-width_2-of-3: calc((100% - 6*var(--filter-teaser-grid-box-margin))/3*2 + 2*var(--filter-teaser-grid-box-margin)); --filter-teaser-grid-box-width_1-of-3: calc((100% - 6*var(--filter-teaser-grid-box-margin))/3); --filter-teaser-grid-box-width_1-of-2: calc((100% - 4*var(--filter-teaser-grid-box-margin))/2); } .outer.filtergrau{background:#faf9f9;} .s .outer.filtergrau:not(.wfa){padding-bottom:20px !important;} .filter-teaser{transition:opacity 0.15s;opacity:0;margin:30px 0;} .filter-teaser h2{margin:0!important;padding-top:20px!important} .filter-teaser h2{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9} .s .filter-teaser h2{padding:20px 20px 0 !important} .filter-teaser-form{padding:0 0 15px;margin:0;} .filter-teaser-form{box-shadow:1000px 0 0 #faf9f9, -1000px 0 0 #faf9f9,100px 0 0 #faf9f9, -100px 0 0 #faf9f9;background:#faf9f9;} .filter-teaser[data-filters="0"] .filter-teaser-form{padding:0 0 35px} .s .filter-teaser-form { padding:20px 20px 15px} .filter-teaser-form *{color:#4e4e4e;-webkit-tap-highlight-color: transparent} .filter-teaser-form form .filter-teaser-grid{margin:0 var(--filter-teaser-grid-box-margin-); display:flex; flex-wrap: wrap; flex-direction: row} .s .filter-teaser-form form .filter-teaser-grid{margin:0;flex-direction: column} .filter-teaser-form form .searchbox{ margin:20px var(--filter-teaser-grid-box-margin) 0} .filter-teaser-form form .searchbox label{ white-space:normal!important;display:block} .filter-teaser-form form button.input-x{ transform:translate3d(-24px, 14px, 0px)!important} .filter-teaser-form form .space{ margin:0 var(--filter-teaser-grid-box-margin)} .m .filter-teaser-form form .space{ display:none} .filter-teaser-form form fieldset { min-width: 0; margin:20px var(--filter-teaser-grid-box-margin) 0;position:relative} .filter-teaser-form form .buttons { text-align:right;margin-top:15px} .filter-teaser[data-filters="0"] .filter-teaser-form form .buttons,.filter-teaser[data-filters="0"] .filter-teaser-form form fieldset { display:none} .filter-teaser-form form input[type="text"] {background-color: #fff;padding-right: 24px;text-align: left;margin-top: 2px;width: 100%; border: 1px solid #e6e6e6;padding-left: 6px;font-size: 15px;font-family: TheSansUHH, sans-serif;height: 38px;line-height: 38px;} .filter-teaser-form form button[type="reset"] { background:transparent;border: 0; text-align: left; font-family: TheSansUHH, sans-serif; font-size: 16px; cursor: pointer; color: #4E4E4E; padding-left: 20px; padding-right: 0; background-image: url("https://assets.rrz.uni-hamburg.de/assets/reload-121c259fd2a92ed2dc20d5a612fdaac75be0b42ca61bd77085230c4742a96f49.svg");background-repeat: no-repeat; background-position: left center;} .filter-teaser-form form button{background-repeat:no-repeat;background-position:8px 8px;background-size:20px;padding-left:36px} .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_2-of-3)} .filter-teaser-form form .space{ width:var(--filter-teaser-grid-box-width_1-of-3)} .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-3)} .m .filter-teaser-form form fieldset { width:var(--filter-teaser-grid-box-width_1-of-2)} .m .filter-teaser-form form .searchbox{ width:var(--filter-teaser-grid-box-width_1-of-2)} .s .filter-teaser-form form .searchbox{ width:100%;margin:20px 0 0} .s .filter-teaser-form form .space{ display:none} .s .filter-teaser-form form fieldset { width:100%;margin:20px 0 0} .filter-teaser-buttons{padding:0!important;min-height:20px;margin:30px -10px 0 -10px} .s .filter-teaser-buttons{padding:0 20px!important;min-height:20px;margin:30px -10px 0 -10px} .filter-teaser-buttons:after{content:"";display:table;width:100%} .filter-teaser-buttons li:before{content:none!important} .filter-teaser-buttons li{float:left} .filter-teaser-buttons li button{cursor:pointer;position:relative;margin:10px;font-size: 15px;height:50px; border:2px solid rgb(238,238,238);border-radius:1px; background:#fff;font-family: TheSansUHH, sans-serif;padding:0 45px;color:#4e4e4e} .filter-teaser-buttons li button{background-repeat:no-repeat;background-position:12px 13px;background-size:20px;} .filter-teaser-buttons li button:after{content:"\00D7";font-size:24px;position:absolute;top:17px;width:13px;height:13px;right:15px;overflow:hidden;line-height: 0.5;} .l .filter-teaser a.filter-link { right: calc(-1*(100vw - 1258px)/2); } html:not(.l) .filter-teaser .filter-link-container {background-color:#faf9f9;overflow:hidden; margin:0 -20px} html:not(.l) .filter-teaser a.filter-link {right: 0px!important; bottom:auto;transform: none;position:relative!important; float:right; max-width: calc(100% - 20px)} .filter-teaser .filter-teaser-buttons:empty:after {content:none} .filter-teaser .filter-teaser-buttons:empty {display:none} .filter-teaser-grid-container{margin: 0 var(--filter-teaser-grid-box-margin-) -28px;display:flex;flex-wrap: wrap;flex-direction: row;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: start;justify-content: flex-start;} .filter-teaser-grid-item{position:relative;width:var(--filter-teaser-grid-box-width_1-of-3); margin:var(--filter-teaser-grid-box-margin);} .filter-teaser-grid-item.featured:before{content:'';position:absolute;width:50px;height:75px;right:20px;top:-10px;z-index:10;background-position:center;background-size:18px;background-color:#0271bb;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-stern-d644d38e1609938a232ca836b6f38fcdace910050806855f4a7e56f42c7a08e3.png");background-repeat:no-repeat;clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 80%, 0 100%);} .m .filter-teaser-grid-item{width:var(--filter-teaser-grid-box-width_1-of-2)} .filter-teaser-grid-item a{display:block; color: #4e4e4e;word-wrap: break-word} .filter-teaser-grid-item .image{} .filter-teaser-grid-item .image > div{position:relative;padding-top:calc(414/733*100%);overflow:hidden;background-color:#f3f3f3} .filter-teaser-grid-item img{position: absolute;left: 0;width: 100%;top: 0;height: 100%;object-fit: cover;} .filter-teaser-grid-item .bildnachweis { text-align: right; font-size: 12px;line-height: 1em; margin: 0; padding-top: 2px} .filter-teaser-grid-item .rubrik { font-family: TheSansUHHBoldCaps, sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; margin-top: 10px} .filter-teaser-grid-item .rubrik .sep{ margin:0 12px} .filter-teaser-grid-item .titel {font-size: 28px;line-height: 36px;margin:10px 0 15px } .filter-teaser-grid-item .inhalt{margin:1em 0} .filter-teaser-grid-item .inhalt>*:first-child{margin-top:0} .filter-teaser-grid-item .inhalt>*:last-child{margin-bottom:0} .filter-teaser-grid-item a:hover {text-decoration: none!important } .filter-teaser-grid-item a:hover .titel {text-decoration: underline !important} .filter-teaser-grid-item .text .hinweis { border: none;padding: 0; margin-top: 12px;font-size: 14px;font-family: TheSansUHHItalic} .filter-teaser-grid-item .tags {display:none} .filter-teaser.tags .filter-teaser-grid-item .tags {display:block} .filter-teaser .tags {margin:0;padding:0!important;min-height:35px;margin:0 -10px} .s .filter-teaser .tags {margin:0 15px} .filter-teaser .tags:after{content:"";display:table;width:100%} .filter-teaser .tag:before{content:none!important} .filter-teaser .tag{float:left} .filter-teaser .tag button{cursor:pointer;position:relative;margin:5px;border:0;font-size: 13px;height:36px; border-radius:1px; background:rgb(243,243,243);font-family: TheSansUHH, sans-serif;padding:0 13px 0 36px;color:#4e4e4e} .filter-teaser .tag button{background-repeat:no-repeat;background-position:10px 8px;background-size:20px;} .filter-teaser-result{clear:both} .s .filter-teaser-result .filter-teaser-grid-container{margin:20px 0;flex-direction: column} .s .filter-teaser-grid-item{width:100%;margin:0 0 48px} .s .filter-teaser-grid-item img{width:100%} .s .filter-teaser-result .filter-teaser-grid-item .bildnachweis {padding:0 20px} .s .filter-teaser-result .filter-teaser-grid-item .text {padding:0 20px} .outer.acc{margin: 60px 0 40px 0} .outer.acc h2{margin:0 0 30px} .s .outer.acc h2{padding:0 20px} .nav-accordion{transition:opacity 0.25s;opacity:0;position:relative;} .nav-accordion.accordionActive{opacity:1} html:not(.s) .nav-accordion > div > :first-child{margin:0;padding:0} html:not(.s) .nav-accordion > div > :first-child{width:50%; padding-right:15px} html:not(.s) .nav-accordion > div + div > :first-child{padding-top:2px} .nav-accordion .accordion-trigger{position:relative;width:100%;color:#4e4e4e;font-family:TheSansUHHBold, sans-serif;display:block!important;text-align:left;border:0;border-radius:0;outline:0;padding:0;margin:0;box-shadow:none} html:not(.s) .nav-accordion .accordion-trigger{background:#faf9f9;font-size:18px;padding:14px 20px 14px 54px!important;} html:not(.s) .nav-accordion .accordion-trigger:focus{background:#0271bb;color:#fff} html:not(.s) .nav-accordion .accordion-trigger:hover{text-decoration:underline;cursor:pointer} html:not(.s) .nav-accordion .accordion-trigger[aria-expanded="true"]{background:#0271bb;color:#fff;cursor:default;text-decoration:none} html:not(.s) .accordion-trigger[aria-expanded="true"]:after{content: "";position: absolute;top: 0;right: -15px;width: 17px;height: 100%;background: #0271bb; -webkit-clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0); clip-path: polygon(0 0, 0 100%,2px 100%, 100% 50%,2px 0) } .nav-accordion > div > div{padding:0 20px;} html:not(.s) .nav-accordion > div > div{position:absolute;width:50%;top:0;right:0;padding:0 0 0 25px;} html:not(.s) .nav-accordion > div > div > :first-child{margin-top:5px} .s .nav-accordion > div{margin-bottom:12px} .s .nav-accordion > div > :first-child{margin:0!important} .s .nav-accordion > div > div{overflow:hidden!important;margin:0!important} .s .nav-accordion .accordion-trigger {background:#faf9f9;font-size:18px;padding: 18px 18px 18px 54px!important; } .s .nav-accordion .accordion-trigger:focus{background:#0271bb;color:#fff;box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);z-index:1} .s .nav-accordion .accordion-trigger:hover{background:#0271bb;color:#fff;cursor:pointer} .s .nav-accordion .accordion-trigger:before { content: ""; position: absolute; width: 20px; height: 19px; left: 18px; top: 50%; margin-top: -8px;} .s .nav-accordion .accordion-trigger[aria-expanded="false"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg");} .s .nav-accordion .accordion-trigger[aria-expanded="true"]:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg");} .s .nav-accordion .accordion-trigger[aria-expanded="false"]:focus:before, .s .nav-accordion .accordion-trigger[aria-expanded="false"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg");} .s .nav-accordion .accordion-trigger[aria-expanded="true"]:focus:before, .s .nav-accordion .accordion-trigger[aria-expanded="true"]:hover:before { background-image: url("https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg");} .breadcrumb { margin: 30px auto 20px;} .outer.landingpage{position:relative;background-color:#fff} .outer.landingpage{margin-top:90px;margin-bottom:90px} .outer.landingpage.intro{margin-top:20px} .m .outer.landingpage.intro{margin-top:45px} .outer.landingpage.outro{margin-bottom:0} html:not(.s) .outer.landingpage.teaser-cluster{margin-bottom:120px} .outer.landingpage *{transition-timing-function: ease-in-out;transition-duration: 0.15s} html:not(.s) .outer.landingpage * h2{hyphens:none} .outer.landingpage .inner{position:relative;padding-right:100px} @media screen and (max-width:1200px) { .outer.landingpage .inner{padding-right:0} } .outer.landingpage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s .outer.landingpage[id] .inner:before, .s .outer.landingpage.content-navi .inner:before{left:20px} .outer.landingpage .content{} .outer.landingpage .content .text{ font-size:19px;line-height:28px} .outer.landingpage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;} .outer.landingpage .bildnachweis a:hover{text-decoration:underline !important} .outer.landingpage.intro{} .intro.landingpage .inner:after {content:""; display:table; width:100%;} .s .landingpage .content{display:flex;flex-direction:column} .landingpage.intro .header {;margin-bottom:60px} .m .landingpage.intro .inner .header{margin-bottom:40px} .s .landingpage.intro .inner .header{order:2; padding:50px 20px 0;margin-bottom:20px} .landingpage.intro h1 {color:#0271bb;font-size:32px;margin:0} .landingpage.intro h2 { margin:10px 0;} .landingpage.intro .text {float:left; width:38%;} .s .landingpage.intro .inner .text{order:3;float:none;width:auto; padding:0 20px} .intro .calltoaction {margin-top:50px;} .m .landingpage.intro .calltoaction {margin-top:40px;} .s .landingpage.intro .calltoaction {margin-top:35px;} .landingpage.intro .text p:first-child {margin-top:0 } .landingpage.intro .text p:nth-last-child(2) {margin-bottom:0 } .landingpage.intro .image {position:relative; float:right; width:calc(60% - 50px)} .s .landingpage.intro .inner .image{order:1;float:none;width:auto} .landingpage.intro .image .img {width:100%;padding-top:56.4802%;position:relative;overflow:hidden} .landingpage.intro .image img {position:absolute;top:0;left:0;width:100%;height:auto} /* .s .intro .image img {position:absolute;top:-6%;left:-13%;width:113%} */ .s .landingpage.intro .image img {position:absolute;top:0;left:-16%;width:116%} .landingpage.intro .image .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);} .landingpage.outro .content:before {content:""; display:table; width:100%;} .landingpage.outro .content:after {content:""; display:table; width:100%;} .landingpage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;} .landingpage.outro.img-text h2 { float:right; padding-left:40px;} .m .landingpage.outro h2 { float:none;width:auto} .s .landingpage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px} .landingpage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px} .landingpage.outro.img-text .image {float:left;} .m .landingpage.outro .image {float:none; width:auto;max-width:600px} .s .landingpage.outro .image {float:none; width:auto} .landingpage.outro .image img {width:100%;height:auto} .landingpage.outro .image .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);} .landingpage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px} .landingpage.outro.img-text .text {float:right; padding-left:40px;} .m .landingpage.outro .text {float:none; width:auto; margin-top:40px} .s .landingpage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px} .landingpage.outro .text p:first-child{margin-top:0} .landingpage.outro .text p:nth-last-child(2){margin-bottom:0} .landingpage.outro .calltoaction {margin-top:50px;} .m .landingpage.outro .calltoaction {margin-top:40px;} .s .landingpage.outro .calltoaction {margin-top:35px;} .s .outer.landingpage.content-navi .inner{padding:0 20px} .landingpage.content-navi .content:before{content:"";display:table} .landingpage.content-navi .content:after{} .landingpage.content-navi h2{margin:30px 0 0 0; } .landingpage.content-navi nav{margin-top:45px;line-height:2em} .landingpage.content-navi nav:after{content:"";display:table;width:100%} .landingpage.content-navi ul{padding:0!important;margin:0} .landingpage.content-navi li{float:left;margin:0 20px 20px 0} html:not(.l) .landingpage.content-navi li{margin:0 15px 15px 0} .landingpage.content-navi li:before{content:none!important} .landingpage.content-navi a{background-image:url("https://assets.rrz.uni-hamburg.de/assets/pfeil-unten-4a3bb702cbe11ded02b4ac4efe8d99c9c951f0271a3aa7946d63628a6f3113e5.svg");background-repeat:no-repeat;background-position:0px 6px;color:var(--UHH4e4e4e-fff);background-color:#f0f3f6;font-size:19px;padding:7px 14px 7px 34px;position:relative;display:block;} html:not(.l) .landingpage.content-navi a{padding:7px 14px 7px 32px;} .landingpage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important} html:not(.l) .landingpage.content-navi a:before{left: 0px;} .teaser-cluster .inner{background-repeat:no-repeat;} .teaser-cluster .inner:after{content:""; position:absolute;top:350px;bottom:0;right:0;left:-100px;background-position:center;background-size:contain;background-repeat:no-repeat;} .landingpage.teaser-cluster .content {position:relative;z-index:2} .landingpage.teaser-cluster .content:before{content:"";display:table} .landingpage.teaser-cluster .content:after {content:""; display:table; width:100%;} .landingpage.teaser-cluster:after {content:""; display:table; width:100%;} .landingpage.teaser-cluster .text {margin-top:30px;float:left; width:42%;clear:left } html:not(.l) .landingpage.teaser-cluster .text { float:none; width:auto } .s .landingpage.teaser-cluster .text { padding:0 20px } .landingpage.teaser-cluster .text h2 { margin:0;} .landingpage.teaser-cluster .text > div {margin-top:40px;} .landingpage.teaser-cluster .text > div:empty {margin-top:70px;} .s .landingpage.teaser-cluster .text > div:empty {display:none} .landingpage.teaser-cluster .text p:first-child {margin-top:0 } .landingpage.teaser-cluster .text p:last-child {margin-bottom:0 } html:not(.l) .teaser-cluster .teasers {clear:left;display:flex;flex-direction:row;flex-wrap: wrap;margin-top:50px;} .landingpage.teaser-cluster .teaser {display:flex;flex-direction:column;color: var(--UHH4e4e4e-4e4e4e)!important;width:35%;background-color:#fff;box-shadow:0 0 30px rgb(210 220 230 / 50%)} .m .landingpage.teaser-cluster .teasers {gap:20px} .m .landingpage.teaser-cluster .teaser {width:auto;flex-basis: calc((100% - 20px)/2)} .s .landingpage.teaser-cluster .teasers {gap:40px;} .s .landingpage.teaser-cluster .teaser {width:auto;flex-basis: 100%} .landingpage.teaser-cluster .teaser:focus-visible {box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);} .landingpage.teaser-cluster .teaser .teaser-img {order:1;position:relative;overflow:hidden} .landingpage.teaser-cluster .teaser .teaser-img img{width:100%;height:auto;background-color:#ddd;min-width:100px} .landingpage.teaser-cluster .bildnachweis {order:2;text-align:right;padding-right:10px;font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e); } .landingpage.teaser-cluster .teaser .teaser-text {order:3;padding:15px 45px 50px} .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 45px 57px} .landingpage.teaser-cluster a.teaser {background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-a325efbca335252028b9b152e5fcda24bad931ca07c7470a6bee59b9fb562567.svg");background-repeat:no-repeat; background-position:calc(100% - 10px) calc(100% - 25px)} html:not(.l) .landingpage.teaser-cluster a.teaser { background-position:calc(100% - 10px) calc(100% - 15px)} html:not(.l) .landingpage.teaser-cluster .teaser .teaser-text {padding:15px 20px 45px} html:not(.l) .landingpage.teaser-cluster a.teaser .teaser-text {padding:15px 20px 52px} .landingpage.teaser-cluster .teaser .teaser-text h3 {font-family: TheSansUHHBold, sans-serif; font-size:28px; line-height:36px;margin:0} .landingpage.teaser-cluster a.teaser:hover .teaser-text h3 {text-decoration:underline} .landingpage.teaser-cluster .teaser .teaser-text h3 + div {margin-top:1em} .landingpage.teaser-cluster .teaser .teaser-text p {margin:0.7em 0} .landingpage.teaser-cluster .teaser .teaser-text p:first-child {margin-top:0} .landingpage.teaser-cluster .teaser .teaser-text p:last-child {margin-bottom:0} .landingpage.teaser-cluster a.teaser .teaser-img img{transition:transform 0.2s ease-in-out;transform:scale(1)} .landingpage.teaser-cluster a.teaser:hover .teaser-img img{transform:scale(1.05)} .l .landingpage.teaser-cluster.t-2 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/2-fach-teaser-v1-d4b804f2f358e830870cf80ccea51895eb35a7e49e87e57ca9a0f4c9ed6a61e7.svg") } .l .landingpage.teaser-cluster.t-2 .teaser-1 {float:right;margin:100px 80px 0 0;} .l .landingpage.teaser-cluster.t-2 .teaser-2 {float:left;clear:left;margin:100px 0 0 80px} .l .landingpage.teaser-cluster.t-3 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/3-fach-teaser-v1-88611adf53aec50cfd826a9a1e5589d41aff8c458b825b486c438a1f4484d632.svg") } .l .landingpage.teaser-cluster.t-3 .teaser-1 {float:right;margin:100px 50px 0 0} .l .landingpage.teaser-cluster.t-3 .teaser-2 {float:left;clear:left;margin:100px 0 0 0} .l .landingpage.teaser-cluster.t-3 .teaser-3 {float:right;margin:100px 210px 0 0} .l .landingpage.teaser-cluster.t-4 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/4-fach-teaser-v1-fd041a8ce79e0bbe98d7c55dc8987c50ae4edc22af4bd5b091229bcf98909809.svg") } .l .landingpage.teaser-cluster.t-4 .teaser-1 {float:right;margin:100px 160px 0 0} .l .landingpage.teaser-cluster.t-4 .teaser-2 {float:left;clear:left;margin:100px 0 0 0} .l .landingpage.teaser-cluster.t-4 .teaser-3 {float:right;margin:100px 0px 0 0} .l .landingpage.teaser-cluster.t-4 .teaser-4 {float:left;clear:left;margin:100px 0 0 160px} .l .landingpage.teaser-cluster.t-5 .inner:after {background-image:url("https://assets.rrz.uni-hamburg.de/assets/5-fach-teaser-v1-aff122f76566e5f9f74c627ed176a380b6971a23ba0f559936da2c145c3ed114.svg") } .l .landingpage.teaser-cluster.t-5 .teaser-1 {float:right;margin:100px 160px 0 0} .l .landingpage.teaser-cluster.t-5 .teaser-2 {float:left;clear:left;margin:100px 0 0 0} .l .landingpage.teaser-cluster.t-5 .teaser-3 {float:right;margin:100px 0px 0 0} .l .landingpage.teaser-cluster.t-5 .teaser-4 {float:left;clear:left;margin:100px 0 0 80px} .l .landingpage.teaser-cluster.t-5 .teaser-5 {float:right;margin:100px 160px 0 0} .landingpage.absprung-cluster{position:relative;border-bottom:100px solid #F6F8FA} .s .landingpage.absprung-cluster{border-bottom:70px solid #F6F8FA} .landingpage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important} html:not(.l) .landingpage.absprung-cluster .inner{padding-right:0px!important} .landingpage.absprung-cluster .content{display:grid;gap:0 120px; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;grid-template-areas: "h2 img" "text img" "nav img"} .s .landingpage.absprung-cluster .content{display:flex} .m .landingpage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"} .landingpage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;} .s .landingpage.absprung-cluster h2{padding:30px 20px 0} .landingpage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px} html:not(.l) .landingpage.absprung-cluster .text{align-items: start} .s .landingpage.absprung-cluster .text{padding:21px 20px 20px} .landingpage.absprung-cluster .text > div{position:relative;padding:20px 0 70px} .m .landingpage.absprung-cluster .text > div{padding:30px 0} .s .landingpage.absprung-cluster .text > div{padding:20px 0} .xxxxxxl .landingpage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .landingpage.absprung-cluster .text > div > *{position:relative;z-index:2} .landingpage.absprung-cluster .text p:first-child {margin-top:0 } .landingpage.absprung-cluster .text p:last-child {margin-bottom:0 } .landingpage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end} .s .landingpage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto} .landingpage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative} .s .landingpage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;} .landingpage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto} html:not(.s) .landingpage.absprung-cluster .image img[width="640"]{display:none} .s .landingpage.absprung-cluster .image img[width="520"]{display:none} .landingpage.absprung-cluster .bildnachweis {display: block;position: absolute; right: 0;bottom: 0px;white-space: nowrap;font-size: 12px;line-height: 26px;padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);} .landingpage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative} .landingpage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .landingpage.absprung-cluster nav ul{padding:0!important;margin:0!important} .l .landingpage.absprung-cluster nav ul{padding-top:100px !important} .m .landingpage.absprung-cluster nav ul{padding-top:40px !important} .s .landingpage.absprung-cluster nav ul{padding-top:50px !important} html:not(.l) .landingpage.absprung-cluster nav li{max-width:none } .landingpage.absprung-cluster nav li{background-color:#fff } .landingpage.absprung-cluster nav li + li{margin-top:13px } .landingpage.absprung-cluster nav li:before{content:none!important } .landingpage.absprung-cluster nav a{transition:none;color: var(--UHH4e4e4e-4e4e4e);padding:18px 30px;display:block; background-color:#fff;background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-a325efbca335252028b9b152e5fcda24bad931ca07c7470a6bee59b9fb562567.svg");background-repeat:no-repeat; background-position:calc(100% - 0px) center } /* .landingpage.absprung-cluster nav a.extern:after{;content:"\00a0"; margin-left:10px;display:inline-block; width:20px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/link-extern-cfac1e5b869ae74a8fbeac630e4a8c4b27d1d54f89a731499c29ea06eb0526a8.svg")} */ .landingpage.absprung-cluster nav a:hover{color: #fff; background-color:#0271bb; background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-fff-3c89faead1903c390b7c173a7a1b41b19544220f6153e3cca2ab1c9d9eb7a023.svg"); } /* .landingpage.absprung-cluster nav a.extern:hover:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/link-extern-fff-61b9cded35ad5c11c5a10ee13f769c525c3c6f5441b40956bb95461fbc554dde.svg")} */ .landingpage.video-cluster{position:relative;padding-bottom:30px!important} .landingpage.video-cluster:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:#F6F8FA} .s .landingpage.video-cluster:after{content:none} .landingpage.video-cluster .content:before {content:""; display:table; width:100%;} .landingpage.video-cluster .content .flex{display:flex; gap:100px;flex-direction:row;width:100%;position:relative;z-index:1} .m .landingpage.video-cluster .content .flex{display:block} .s .landingpage.video-cluster .content .flex{display:block} .landingpage.video-cluster .text {width:33%} .m .landingpage.video-cluster .text {width:100%} .s .landingpage.video-cluster .text {width:100%; padding:0 20px;} .landingpage.video-cluster h2 {padding-right:80px ;margin:30px 0 0;} .landingpage.video-cluster .p {margin-top:40px;padding-right:80px} .m .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px} .s .landingpage.video-cluster .p {margin-top:30px;margin-bottom:30px} .landingpage.video-cluster .p p:first-child {margin-top:0 } .landingpage.video-cluster .p p:last-child {margin-bottom:0 } .landingpage.video-cluster .media{display:flex;flex-direction:row;gap:30px;width:67%} .m .landingpage.video-cluster .media{width:100%} .s .landingpage.video-cluster .media{display:block;width:100%} .landingpage.video-cluster .medium{display:flex;flex-direction:column;position:relative;width:calc(50% - 15px);min-height:200px} .landingpage.video-cluster .medium .calltoaction{padding:12px 20px 13px!important} .s .landingpage.video-cluster .medium{width:100%;margin:40px 0} .s .landingpage.video-cluster .medium:last-child{;margin:40px 0 0} .s .landingpage.video-cluster.v-3 .medium{margin:0} .landingpage.video-cluster .medium .top{position:relative;order:1} .landingpage.video-cluster .medium .bottom .calltoaction{margin:30px 0 0;display:none!important} html:not(.l) .landingpage.video-cluster .medium .bottom .calltoaction{display:inline-block!important} html:not(.l) .landingpage.video-cluster .medium .top .above{display:none!important} .landingpage.video-cluster .medium .above{ position:absolute;bottom:0;transform:translate(-20px,-50px);z-index:3;margin:0;text-align:left} .landingpage.video-cluster .medium button[aria-label="start"]{width:100%;z-index:2;cursor:pointer;position:absolute; border:0;background-color:transparent;background-image:url("https://assets.rrz.uni-hamburg.de/assets/icon-play-blau-7564187f4d70bb7aa2a9a156c895ac9abccce9936ae8b8061f43d93f7e600499.svg"); background-repeat:no-repeat} .landingpage.video-cluster .medium button[aria-label="start"]{top:0;left:0;right:0;bottom:0;transform: none;background-position:center} .landingpage.video-cluster .medium button[aria-label="start"]:hover:after{content:''; position:absolute; top:50%;left:50%;width:46px;height:47px;border-radius:50px; border:1px solid #fff;transform: translate(-50%, -50%);} .landingpage.video-cluster .medium button[aria-label="start"]:focus:after{content:''; position:absolute; top:50%;left:50%;width:46px;height:47px;border-radius:50px; border:2px solid #fff;transform: translate(-50%, -50%);} .landingpage.video-cluster .medium .bottom{order:2;margin:25px 0;position:relative;} .s .landingpage.video-cluster .medium .bottom{padding:0 20px 20px} .landingpage.video-cluster .medium .bottom h3{font-family: TheSansUHHBold, sans-serif; font-size:26px; line-height:36px;margin:0} .m .landingpage.video-cluster .medium .bottom h3{font-size:23px; line-height:32px} .s .landingpage.video-cluster .medium .bottom h3{font-size:21px; line-height:29px} .landingpage.video-cluster.v-3{} .landingpage.video-cluster .swiper-button-next{background:transparent;border:0} .landingpage.video-cluster .swiper-button-prev{background:transparent;border:0} .landingpage.video-cluster .swiper-button-next:after{color:#fff;background:transparent} .landingpage.video-cluster .swiper-button-prev:after{color:#fff;background:transparent} .landingpage.video-cluster .swiper-container-horizontal > .swiper-pagination-bullets{bottom:auto!important} .yt-video{position:relative;aspect-ratio:414/733;clip-path: polygon(1px 0, calc(100% - 2px) 0, calc(100% - 2px) 100%, 1px 100%);} .yt-video.videowaiting:before{content:""} .yt-video img{position:relative;z-index:1;width:100%;height:auto} .yt-video video{display:none;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%} .yt-video.playing video{display:none!important} .yt-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ccc} .yt-video .videohinweis{z-index:3;position:absolute;top: 50%;left: 5%;right: 5%;bottom: auto;background:#fff;border: 0px solid #ccc;transform: translate(0,-50%); background-image: url("https://assets.rrz.uni-hamburg.de/assets/v4youtube-32bb78930fd96a7f801b482abf6ea9d20dc27b2b9a276a71d2a0261c29cc8844.svg");background-repeat: no-repeat;background-position: calc(100% - 10px) 10px;background-size: 30px;} .yt-video h4{padding-right:25px} .yt-video .videohinweis a{text-decoration:underline} .yt-video .videohinweis .calltoaction{color:#fff!important;} .yt-video .videohinweis [aria-label]{ background-color: transparent;bottom: 5px; right: 5px; background-image: url("https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg"); position: absolute; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; border: none;} .yt-video .videohinweis a:hover{text-decoration:none} .YouTubeIframeAPIReady .yt-video .videohinweis{display:none!important} .landingpage.video-cluster.v-3 .media{display:block;position:relative} .l .landingpage.video-cluster.v-3 .media{aspect-ratio:1;} .l .landingpage.video-cluster.v-3 .boxx{width:calc(100% + 200px);position:absolute;left:-100px;top:0;height:100%;overflow:hidden; mask-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) calc(100% - 100px), rgba(255,255,255,0) 100%); -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255,255,255,1) 100px, rgba(255,255,255,1) calc(100% - 100px), rgba(255,255,255,0) 100%); } .l .landingpage.video-cluster.v-3 .swiper { width: calc(100% - 200px); margin-left:100px; height: 100%; overflow:visible ;z-index:1 } .l .landingpage.video-cluster.v-3 button.right, .l .landingpage.video-cluster.v-3 button.left, .l .landingpage.video-cluster.v-3 .swiper-pagination{display:none} .s .landingpage.video-cluster.v-3 button.right, .s .landingpage.video-cluster.v-3 button.left{display:none} .s .landingpage.video-cluster.v-3 .swiper-pagination{bottom:-0px} .landingpage.slider-vollbreit{} .landingpage.slider-vollbreit .content:before {content:""; display:table; width:100%;} .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:500px} html:not(.l) .landingpage.slider-vollbreit h2 { margin:30px 0 0 0;max-width:none} .s .landingpage.slider-vollbreit h2 {padding:0 20px} .slider-vollbreit.landingpage h2 + .text{margin:40px 0 0} .s .slider-vollbreit.landingpage h2 + .text{padding:0 20px} .slider-vollbreit.landingpage h2 + .text p:first-child{margin-top:0} .slider-vollbreit.landingpage h2 + .text p:last-child{margin-bottom:0} .ersti.swiper {margin:10px 0 30px;overflow:hidden; position:relative;padding-bottom:65px} .s .ersti.swiper {margin:10px 0 0px;padding-bottom:65px} .ersti-swiper-wrapper {position:relative; background-image:url("https://assets.rrz.uni-hamburg.de/assets/video-slider-v1-d1b77f9d4631b2f823c9a8ac81ab8ea25d397ba7cd3bdc73e6bf4d61cfd869a7.svg"); background-repeat:no-repeat;background-size:50%; background-position-x:90%; background-position-y:0} html:not(.l) .ersti-swiper-wrapper {background-image:none} .ersti.swiper .swiper-slide {padding:60px 60px 0 0;cursor:grab;outline:0!important;box-shadow:none!important} html:not(.l) .ersti.swiper .swiper-slide {padding:30px 0 0 0} .ersti .swiper-slide:focus { box-shadow: 0 0 0 1px var(--UHH0271bb-fff) inset, 0 0 5px 1px var(--UHH0271bb-fff) inset} .ersti .swiper-slide.swiper-slide-active:focus {box-shadow:none;outline:none } .landingpage.slider-vollbreit .swiper-slide .foto {position:relative; float:left; width:58.27%;aspect-ratio: 1.77053;overflow:hidden} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .foto {float:none; width:auto;} .landingpage.slider-vollbreit .swiper-slide .foto img {width:100%;height:auto} .landingpage.slider-vollbreit .swiper-slide .foto a img{transition:transform 0.2s ease-in-out;transform:scale(1)} .landingpage.slider-vollbreit .swiper-slide .foto img:hover{transform:scale(1.05)} .landingpage.slider-vollbreit .swiper-slide .foto > iframe {width:100%;height:100%} .landingpage.slider-vollbreit .swiper-slide .foto .youtube iframe {position:absolute; top:0;left:0;width:100%;height:100%} .landingpage.slider-vollbreit .swiper-slide .foto .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);} .landingpage.slider-vollbreit .swiper-slide .slide-text {float:right; width:41.7%; padding:0 40px;} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text {float:none; width:auto; padding:0} html.s .landingpage.slider-vollbreit .swiper-slide .slide-text {padding:0 20px} .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:25px 0 0 0;font-size:28px; line-height:36px} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text h3{margin:30px 0 0 0;} .landingpage.slider-vollbreit .swiper-slide .slide-text .name{margin: 20px 0 0; font-size:18px;font-family: TheSansUHHBold, sans-serif; color:var(--UHH0271bb-fff)} .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:25px 0 0} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text p {margin:20px 0 0} .landingpage.slider-vollbreit .swiper-slide .slide-text p:first-child {margin-top:0 } .landingpage.slider-vollbreit .swiper-slide .slide-text p:last-child {margin-bottom:0 } .landingpage.slider-vollbreit .swiper-slide .slide-text .info{margin: 0;font-size:16px;} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .info p{margin: 0;} .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin-top:50px;} html:not(.l) .landingpage.slider-vollbreit .swiper-slide .slide-text .button {margin:30px 0 0 !important;} .ersti.swiper .swiper-pagination{bottom:-3px; width:auto; margin-left:50%; text-align:left !important;transform:translate(-50%,0)} .ersti.swiper .swiper-pagination-bullet, .video-cluster .swiper-pagination-bullet{cursor:pointer;margin:0 6px; width: 16px; height: 16px; border:1px solid #4e4e4e !important;display: inline-block; border-radius: 100%; background: #fff !important; opacity: 1;} .ersti.swiper .swiper-pagination-bullet-active, .video-cluster .swiper-pagination-bullet-active { opacity: 1; background: #4e4e4e!important} .landingpage.slider-vollbreit .buttons{position:absolute;top:0;left:0;width:100%;pointer-events:none;aspect-ratio:2.4;} .landingpage.slider-vollbreit .buttons button {cursor:pointer;width:27px;border:0;outline:0;background-color:#fff;position:absolute; top:50%; margin-top:-22px;height:45px; z-index:1;background-position:center;background-repeat:no-repeat; background-size:contain;background-image:url("https://assets.rrz.uni-hamburg.de/assets/slider-pfeil-links-4e-228009a8525e24e8175f14d55068fadf1341cdc5452402ac572660746235a80d.svg")} html:not(.l) .landingpage.slider-vollbreit .buttons button {display:none} .ersti-swiper-wrapper .buttons button.left {pointer-events:auto;left:-60px} .ersti-swiper-wrapper .buttons button.right {pointer-events:auto;right:5px;transform:rotate(180deg);z-index:3} .ersti-swiper-wrapper>button.right,.ersti-swiper-wrapper>button.left {display:none} .landingpage.kachel-cluster{position:relative} .landingpage.kachel-cluster.lightbox{z-index:20} .landingpage.kachel-cluster .content{} .landingpage.kachel-cluster h2{padding-top:30px;margin:0;max-width:700px} .s .landingpage.kachel-cluster h2{padding:30px 20px 0} .landingpage.kachel-cluster .text{line-height:33px;margin:40px 0 50px;max-width:700px} .s .landingpage.kachel-cluster .text{padding:0 20px} .landingpage.kachel-cluster .text p:first-child {margin-top:0 } .landingpage.kachel-cluster .text p:last-child {margin-bottom:0 } .landingpage.kachel-cluster nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA} .s .landingpage.kachel-cluster nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px} .landingpage.kachel-cluster nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important} .landingpage.kachel-cluster nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1} .m .landingpage.kachel-cluster nav li{width:calc(50% - 15px);} .s .landingpage.kachel-cluster nav li{width:100%} .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)} .landingpage.kachel-cluster li.lightbox{z-index:2} .landingpage.kachel-cluster li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222} html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{} html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1} .landingpage.kachel-cluster li.lightbox .video{transition:all 0s;object-fit:contain;display:inline-block;aspect-ratio:733/414;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 960px;} .s .landingpage.kachel-cluster li.lightbox .video{width: 100%} /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */ /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */ .landingpage.kachel-cluster .plyr{pointer-events:none;bottom:auto !important} .landingpage.kachel-cluster li.lightbox .plyr{pointer-events:auto;bottom:auto !important} .landingpage.kachel-cluster li .plyr{position:relative !important} .m .landingpage.kachel-cluster li .plyr{object-fit:cover;width:100%;height:100%;} button.cluster-video-open{position:absolute;top:0;left:0;width:100%;aspect-ratio:733/414;z-index:111;background:transparent;border:0;padding:0} button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important} button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)} button.cluster-video-open:focus span{border:6px solid #fff} .landingpage.kachel-cluster .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto; aspect-ratio: 733/414} .landingpage.kachel-cluster li.lightbox .uhh.iframe iframe{pointer-events:auto;} button.cluster-video-open.uhh.iframe span{padding:48px;} button.cluster-video-close{display:none} .lightbox button.cluster-video-close{background-color:transparent;display:inline-block;top:16px;right:16px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg");position:absolute; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:center; cursor:pointer; border: none;} .kachel-cluster-video .image{pointer-events:none;} .landingpage.kachel-cluster nav li:before{content:none!important} .landingpage.kachel-cluster nav a{transition:box-shadow 0.2s ease-in-out;display:block;height:100%;padding:40px 0 40px 30px;color:var(--UHH4e4e4e-4e4e4e)} .s .landingpage.kachel-cluster nav a{padding:40px 0 40px 20px} .landingpage.kachel-cluster nav h3{margin:0;padding-right:60px;font-size:22px;line-height: 26px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/absprungpunkt-pfeil-rechts-a325efbca335252028b9b152e5fcda24bad931ca07c7470a6bee59b9fb562567.svg");background-repeat:no-repeat; background-position:calc(100% - 20px) center} .landingpage.kachel-cluster nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)} .landingpage.kachel-cluster nav a:hover h3{text-decoration:underline} .landingpage.kachel-cluster nav p{margin:15px 60px 0 0 } .landingpage.kachel-cluster nav a img {margin:-40px 0 0 -30px;transition: transform 0.2s ease-in-out; transform: scale(1);width: calc(100% + 30px); height: auto; background-color: #ddd; } .landingpage.kachel-cluster .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e);} .landingpage.h5p{position:relative} .landingpage.h5p .content .extern{min-height:100px} .landingpage.h5p .content .extern > .standard{margin:0!important} .landingpage.h5p h2{padding-top:30px;margin:0;max-width:700px} .s .landingpage.h5p h2{padding:30px 20px 0} .landingpage.h5p .text{margin:40px 0 50px;max-width:700px} .s .landingpage.h5p .text{padding:0 20px} .landingpage.h5p iframe{display:block} :root { --icon-button-pfeil-weiss-rechts-lang: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.05594 17.866H29.9502' stroke='white'/%3E%3Cpath d='M21 10L30 18L21 26' stroke='white'/%3E%3C/svg%3E"); --icon-button-pfeil-grau-rechts-lang: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.05594 17.866H29.9502' stroke='%234e4e4e'/%3E%3Cpath d='M21 10L30 18L21 26' stroke='%234e4e4e'/%3E%3C/svg%3E"); --icon-button-pfeil-links-blau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='%230271BB' stroke-width='2'/%3E%3C/svg%3E"); --icon-button-pfeil-links-blau-1: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='%230271BB' stroke-width='1'/%3E%3C/svg%3E"); --icon-button-pfeil-links-grau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='%23BBBBBB' stroke-width='2'/%3E%3C/svg%3E"); --icon-button-pfeil-links-weiss: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 39L24 30L33 21' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); --icon-button-pfeil-rechts-blau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21L36 30L27 39' stroke='%230271BB' stroke-width='2'/%3E%3C/svg%3E"); --icon-button-pfeil-rechts-grau: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21L36 30L27 39' stroke='%23BBBBBB' stroke-width='2'/%3E%3C/svg%3E"); --icon-button-pfeil-rechts-weiss: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21L36 30L27 39' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); --icon-pfeil-blau-lang-unten: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5V18.4502' stroke='%230271BB' stroke-width='1.5'/%3E%3Cpath d='M8.18311 13.4852L12.0001 18.5L15.8171 13.4852' stroke='%230271BB' stroke-width='1.5'/%3E%3C/svg%3E"); --icon-pfeil-blau-offen-rechts: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 9L23 18L14 27' stroke='%230271BB' stroke-width='2'/%3E%3C/svg%3E"); --icon-newsletter-versand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg%3E%3Crect width='36' height='36' fill='none' stroke-width='0'/%3E%3Cg%3E%3Cg%3E%3Cpolyline points='18.7 22.67 13.37 22.5 13.57 17.07' fill='none' stroke='%23fff' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cpath d='M29.95,7.04l-7.48,20.07-4.44-4.76,6.9-10.65-11.03,6.22-4.5-4.82,20.54-6.06Z' fill='none' fill-rule='evenodd' stroke='%23fff' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cline x1='8.82' y1='21.03' x2='6.31' y2='23.38' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cline x1='14.51' y1='27.13' x2='12' y2='29.48' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='4' stroke-width='1.5'/%3E%3Cline x1='10.41' y1='25.26' x2='6.78' y2='28.64' fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='4' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --icon-link-extern-grau: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(6.000000, 6.000000)' stroke='%234E4E4E' stroke-width='2'%3E%3Cpolyline points='3.84976937 2.51418569 0 2.51418569 0 11.8613614 9.34717572 11.8613614 9.34717572 7.63050485'%3E%3C/polyline%3E%3Cline x1='3.71256205' y1='8.38014473' x2='11.8076559' y2='0' id='Path-16'%3E%3C/line%3E%3Cpolyline points='6.41849511 0 11.8076559 0 11.8076559 5.02837137'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --icon-link-extern-weiss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(6.000000, 6.000000)' stroke='%23ffffff' stroke-width='2'%3E%3Cpolyline points='3.84976937 2.51418569 0 2.51418569 0 11.8613614 9.34717572 11.8613614 9.34717572 7.63050485'%3E%3C/polyline%3E%3Cline x1='3.71256205' y1='8.38014473' x2='11.8076559' y2='0' id='Path-16'%3E%3C/line%3E%3Cpolyline points='6.41849511 0 11.8076559 0 11.8076559 5.02837137'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --icon-next-weiss-blau-ohnerand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg%3E%3Ccircle cx='44' cy='44' r='43' fill='%230271bb' stroke='%230271bb' stroke-width='2'/%3E%3Cpolyline points='35 25 54.5 44.5 35 64' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E"); --icon-next-weiss-blau-mitweissemrand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg%3E%3Ccircle cx='44' cy='44' r='43' fill='%230271bb' stroke='%23fff' stroke-width='2'/%3E%3Cpolyline points='35 25 54.5 44.5 35 64' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E"); --icon-all-blau-rechts:url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 46.25'%3E%3Cpolyline id='Path-2' points='2.5 3.12 27.5 23.12 2.5 43.12' style='fill:none%3B stroke:%230271bb%3B stroke-linejoin:round%3B stroke-width:8px%3B'/%3E%3C/svg%3E"); --img-illustration-news:url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 733 438.3'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-1'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-2'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-3'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-4'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3CclipPath id='clippath-5'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='none' stroke-width='0'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect width='733' height='414' fill='%23e5f1f8' stroke-width='0'/%3E%3Cpath d='m428.98 130.65s71.33-85.33 170.67-44.67c100.43 41.11 83.62 166.72 12.67 172-62.71 4.67-62.71-83.33-14-88.67 47.43-5.19 78 82.67-64 131.33' fill='none' stroke='%23000a49' stroke-dasharray='0 0 4 8' stroke-linecap='round' stroke-miterlimit='10'/%3E%3Cpath d='m180.32 131.98c-38.29 5.27-80.4 37.33-77.73 75.02 3.01 42.55 52.27 41.13 58.4 5.65 4.77-27.6-29.33-50.8-61.33-2.67-26.89 40.45-28.35 60.59-24 78 6.67 26.67 32.37 72.57 87.33 83.33 64.67 12.67 96-28.67 96-28.67' fill='none' stroke='%23000a49' stroke-dasharray='0 0 4 8' stroke-linecap='round' stroke-miterlimit='10'/%3E%3Cpolygon points='394.65 95.76 392.59 127.44 306.49 93.33 409.84 85.14 394.65 95.76' fill='%23fff' stroke-width='0'/%3E%3Cpolygon points='309.57 94.32 379.39 113.94 389.37 98.98 381.15 117.56 309.57 94.32' fill='%23cce3f1' stroke-width='0'/%3E%3Cpolygon points='394.65 95.76 309.03 93.4 389.37 98.98 392.59 127.44 394.65 95.76' fill='%23cce3f1' stroke-width='0'/%3E%3Cpath d='m640.81 354.4l-450.52-1.28c-21.35.14-37.55-5.14-36.01-11.77h0c1.53-6.62 73.12-.88 41.39-12.03-27.13-22.48 499.8-22.09 474.98-.64-12.6 10.89 22.7 5.21 29.05 10.54l-.39 2.62c.07 9.98-41.46 12.45-58.5 12.56Z' fill='%2380b8dd' stroke-width='0'/%3E%3Crect x='209.04' y='119.55' width='12.64' height='99.76' fill='%230271bb' stroke-width='0'/%3E%3Cpolygon points='209.05 119.54 221.68 125.78 221.68 119.46 209.05 119.54' fill='%23000a49' stroke-width='0'/%3E%3Crect x='167.67' y='113.65' width='133.32' height='5.91' fill='%2380b8dd' stroke-width='0'/%3E%3Cpath d='m265.46 113.67v-26.49c0-13.29-10.87-24.16-24.16-24.16h0c-13.29 0-24.16 10.87-24.16 24.16v26.49h48.32Z' fill='%23000a49' stroke-width='0'/%3E%3Cpath d='m258.97 114.17v-26.49c0-13.29-10.87-24.16-24.16-24.16' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='258.54' y1='84.63' x2='215.18' y2='84.63' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpath d='m167.58 113.67v-26.49c0-13.29 10.87-24.16 24.16-24.16h49.55c-13.29 0-24.16 10.87-24.16 24.16v26.49h-49.55Z' fill='%230271bb' stroke-width='0'/%3E%3Cpath d='m224.51 62.87c-10.29 2.98-17.87 12.51-17.87 23.73v27.07' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.51'/%3E%3Crect x='182.55' y='53.7' width='18.62' height='11.97' fill='%23e2001a' stroke-width='0'/%3E%3Crect x='200.27' y='51.04' width='3.55' height='40.35' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='202.07' cy='90.55' r='3.33' fill='%2380b8dd' stroke-width='0'/%3E%3Crect x='253.23' y='113.62' width='47.76' height='5.94' fill='%23000a49' stroke-width='0'/%3E%3Cpolyline points='300.86 113.84 253.22 113.84 253.22 119.56' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='188.04' y1='84.96' x2='167.76' y2='84.96' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpath d='m533.85 331.71H234.57l-42.21-157.22c-.82-3.06 1.49-6.06 4.66-6.06h293l43.83 163.28Z' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m540.37 331.71H241.09l-43-160.47c-.42-1.58.77-3.14 2.41-3.14h291.15c2.89 0 5.41 1.94 6.16 4.72l42.56 158.89Z' fill='%23cce3f1' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m515.97 308.43h-257.31l-35.96-117.07c-.87-2.83 1.46-5.64 4.68-5.64h247.22c2.18 0 4.09 1.32 4.68 3.24l36.69 119.47Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m547.9 341.24H246.62c-6.93 0-12.54-5.61-12.54-12.54h0c0-2.44 1.98-4.42 4.42-4.42h309.4c2.44 0 4.42 1.98 4.42 4.42v8.12c0 2.44-1.98 4.42-4.42 4.42Z' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m651.75 341.24h-301.28c-4.66 0-8.48-3.82-8.48-8.48v-8.48h318.24v8.48c0 4.66-3.82 8.48-8.48 8.48Z' fill='%23cce3f1' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m533.09 324.28h0c0 1.95-1.6 3.55-3.55 3.55h-48.33c-1.95 0-3.55-1.6-3.55-3.55h55.43Z' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m246.44 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c-.01.83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m252.31 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c0 .83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m258.19 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c-.01.83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Cpath d='m264.06 336.69h0c-.82 0-1.5-.67-1.5-1.5v-3.82c0-.82.67-1.5 1.5-1.5h0c.82 0 1.5.67 1.5 1.5v3.82c0 .83-.68 1.5-1.5 1.5Z' fill='%23fff' fill-rule='evenodd' stroke-width='0'/%3E%3Ccircle cx='357.73' cy='333.59' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='366.79' cy='333.59' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='375.85' cy='333.59' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='356.48' cy='177.63' r='1.8' fill='%23000a49' stroke-width='0'/%3E%3Ccircle cx='365.54' cy='177.63' r='2.88' fill='%23000a49' stroke-width='0'/%3E%3Cpolygon points='634.88 129.05 618.54 225.59 488.42 208.17 461.15 239.45 469.66 206.28 442.38 203.52 445.63 109.94 634.88 129.05' fill='%2380b8dd' stroke-width='0'/%3E%3Cpath d='m482.56 179.64l-11.63-21.83c-.8-1.44-1.58-2.96-2.36-4.57-.78-1.62-1.44-3.03-1.98-4.27h-.07c-.07 1.56-.2 3.4-.37 5.5-.18 2.1-.4 4.46-.68 7.1l-1.62 16.12-4.88-.51 3.64-34.76 6.35.67 11.24 21.12c.87 1.58 1.7 3.19 2.47 4.82.78 1.63 1.38 2.97 1.81 4.01h.14c.02-1.52.12-3.32.3-5.4.17-2.08.4-4.47.69-7.19l1.55-15.45 4.95.52-3.64 34.76-5.91-.64Z' fill='%23fff' stroke-width='0'/%3E%3Cpath d='m501.75 181.65l3.64-34.76 19.52 2.05-.41 3.94-14.37-1.51-1.16 11.03 13.1 1.37-.4 3.81-13.1-1.37-1.24 11.83 14.37 1.51-.43 4.15-19.52-2.05Z' fill='%23fff' stroke-width='0'/%3E%3Cpath d='m570.64 188.87l-6.56-.69-5.14-21.96c-.25-1.07-.5-2.24-.75-3.53s-.48-2.6-.71-3.92h-.07c-.45 1.25-.92 2.48-1.4 3.69-.49 1.21-.99 2.4-1.52 3.56l-9.28 20.18-6.27-.66-7.3-35.91 5.82.61 4.4 22.9c.27 1.65.5 3.07.7 4.26.19 1.19.35 2.26.47 3.22h.07c.57-1.55 1.07-2.89 1.5-3.99s.91-2.21 1.43-3.33l9.78-21.15 5.28.55 5.27 22.59c.27 1.24.54 2.58.8 4.01s.48 2.75.66 3.99h.07c.55-1.38 1.07-2.67 1.54-3.89.47-1.21.94-2.4 1.44-3.57l8.92-21.17 5.48.57-14.63 33.64Z' fill='%23fff' stroke-width='0'/%3E%3Cpath d='m611.28 183.12c-.15 1.43-.58 2.74-1.29 3.96-.71 1.21-1.71 2.23-2.99 3.06-1.28.83-2.84 1.43-4.68 1.78-1.84.35-3.89.4-6.17.16-1.38-.14-2.86-.4-4.45-.77-1.58-.37-2.94-.75-4.07-1.14l1.14-4.41c1.2.58 2.54 1.05 4 1.43 1.47.38 2.94.64 4.42.8 1.43.15 2.66.14 3.72-.05s1.93-.51 2.64-.96c.7-.45 1.24-1.01 1.63-1.67.39-.67.63-1.45.72-2.36.12-1.16-.16-2.17-.87-3.03-.7-.86-1.45-1.52-2.26-1.96s-2.27-1.2-4.4-2.25c-2.12-1.06-3.75-2.02-4.9-2.88-1.15-.87-2.06-1.94-2.74-3.23s-.92-2.82-.73-4.6c.29-2.81 1.64-5.01 4.04-6.61 2.39-1.6 5.78-2.17 10.15-1.71 1.12.12 2.36.32 3.73.61 1.36.3 2.55.59 3.55.89l-1.05 4.28c-1.04-.38-2.2-.73-3.48-1.04-1.27-.31-2.42-.52-3.45-.63-2.67-.28-4.66-.05-5.95.67-1.29.73-2.03 1.96-2.21 3.67-.12 1.16.17 2.17.87 3.03.7.87 1.45 1.51 2.27 1.93.81.42 2.28 1.17 4.4 2.25 2.11 1.08 3.76 2.05 4.93 2.92 1.17.86 2.1 1.94 2.77 3.23.65 1.32.89 2.85.71 4.63Z' fill='%23fff' stroke-width='0'/%3E%3Cpolyline points='563.97 130.48 453.63 117.51 450.79 163.28' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpolyline points='600.71 215.71 612.91 217.18 622.15 162.84' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cpolygon points='469.66 206.28 478.38 207 468.74 210 469.66 206.28' fill='%23000a49' stroke-width='0'/%3E%3Cpath d='m413.1 225.48c9.4-1.51 18.38 4.13 20.06 12.59s-4.58 16.55-13.98 18.06l-6.08-30.65Z' fill='%23000a49' stroke-width='0'/%3E%3Cpath d='m354.02 301.82h0c-3.01 1.14-6.48-.14-7.74-2.86l-13.99-30.1 10.92-4.11 13.99 30.1c1.26 2.71-.17 5.84-3.18 6.97Z' fill='%23e2001a' stroke-width='0'/%3E%3Cpolygon points='410.96 203.25 322.32 235.09 330.71 275.68 426.28 275.33 410.96 203.25' fill='%23f399a3' stroke-width='0'/%3E%3Cpolygon points='322.32 235.09 297.65 234.67 304.73 282.8 330.71 275.68 322.32 235.09' fill='%23e2001a' stroke-width='0'/%3E%3Cpolygon points='432.87 281.88 425.83 284.43 407.33 196.9 415.43 194.17 432.87 281.88' fill='%23e2001a' stroke-width='0'/%3E%3Cpolygon points='322.32 235.09 327.49 276.65 330.71 275.68 322.32 235.09' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpolygon points='348.26 275.59 337.12 279.23 335.44 275.64 348.26 275.59' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cpolygon points='408.8 204.06 420.89 275.39 424.03 275.58 408.8 204.06' fill='%23000a49' fill-rule='evenodd' stroke-width='0'/%3E%3Cline x1='343.07' y1='228.15' x2='356.83' y2='275.34' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='362.46' y1='220.74' x2='377.99' y2='275.34' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='342.89' y1='282.74' x2='350.45' y2='280.74' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='346.62' y1='285.72' x2='352.13' y2='284.26' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3Cline x1='454.61' y1='231.4' x2='442.42' y2='234.48' fill='none' stroke='%23000a49' stroke-miterlimit='10' stroke-width='2.14'/%3E%3Cline x1='452.6' y1='249.26' x2='438.59' y2='242.7' fill='none' stroke='%23000a49' stroke-miterlimit='10' stroke-width='2.14'/%3E%3Cline x1='442.19' y1='216.83' x2='435.54' y2='230.26' fill='none' stroke='%23000a49' stroke-miterlimit='10' stroke-width='2.14'/%3E%3Cg clip-path='url(%23clippath)'%3E%3Ccircle cx='247.18' cy='323.23' r='46.47' fill='%230271bb' stroke-width='0'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-1)'%3E%3Ccircle cx='255.53' cy='391.39' r='46.47' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.88'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-2)'%3E%3Ccircle cx='239.44' cy='259.99' r='46.47' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.88'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-3)'%3E%3Cline x1='182.21' y1='331.18' x2='312.16' y2='315.27' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.88'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-4)'%3E%3Cpath d='m276.31 378.1c-25.47 3.12-49.27-20.07-53.16-51.79-3.88-31.72 13.62-59.97 39.09-63.08' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.98'/%3E%3C/g%3E%3Cg clip-path='url(%23clippath-5)'%3E%3Cpath d='m232.16 383.51c25.47-3.12 42.97-31.36 39.09-63.08-3.88-31.72-27.68-54.91-53.16-51.79' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.98'/%3E%3C/g%3E%3Cline x1='538.85' y1='324.17' x2='341.99' y2='324.39' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='.5'/%3E%3C/svg%3E"); } .ersti.swiper {margin:0px 0 30px;padding-bottom:55px} .s .ersti.swiper {margin:0px 0 0px;padding-bottom:55px} .ersti.swiper .swiper-slide {padding:50px 60px 0 0;} .landingpage.kachel-cluster .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;} .landingpage.kachel-cluster:not(.text) .text{ display:none} .landingpage.kachel-cluster:not(.img, .video) .image{display:none} .landingpage.kachel-cluster:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"} .landingpage.kachel-cluster.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"} .landingpage.kachel-cluster.img:not(.text) .content, .landingpage.kachel-cluster.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"} .landingpage.kachel-cluster.text.img .content, .landingpage.kachel-cluster.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"} html:not(.l) .landingpage.kachel-cluster.text.img .content, html:not(.l) .landingpage.kachel-cluster.text.video .content{gap: 0;grid-template-columns: 100%;grid-template-rows: auto 1fr;grid-template-areas:"h2" "text" "image" "nav"} .landingpage.slider-vollbreit h2 { max-width: 650px;} .landingpage.kachel-cluster h2{grid-area: h2} .landingpage.kachel-cluster .text{grid-area: text} .landingpage.kachel-cluster .text:empty{margin:0;height:50px} .landingpage.kachel-cluster .image{grid-area: image;padding-bottom:60px} .landingpage.kachel-cluster.img:not(.text) .image, .landingpage.kachel-cluster.video:not(.text) .image{max-width:700px;margin-top:50px} .landingpage.kachel-cluster .image .img{position:relative} .landingpage.kachel-cluster .image img{width:100%} .landingpage.kachel-cluster .image .video{position:relative} .landingpage.kachel-cluster .image video{width:100%} .landingpage.kachel-cluster .image iframe{width:100%; aspect-ratio:16/9} .landingpage.kachel-cluster .image .bildnachweis {margin:0;display: block; position: absolute;right: 0; bottom: 0px; white-space: nowrap;font-size: 12px;line-height: 26px; padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);} .landingpage.kachel-cluster nav{grid-area: nav} .landingpage.kachel-cluster:not(.text,.video,.img) nav{margin-top:50px} .landingpage.kachel-cluster nav h3 { background-image:var(--icon-button-pfeil-rechts-blau); background-position: 100% center} .landingpage.kachel-cluster nav a, .landingpage.kachel-cluster nav a h3{ text-decoration:none!important} @media (hover: hover) { .landingpage.kachel-cluster nav a:hover h3{ text-decoration:underline!important} } .landingpage.slider-vollbreit .buttons button{background-color:transparent} :root { --topicssubpage-intro--height: 450px; --topicspage-intro--height: 500px; --topicspage-intro-content--max-width: calc(var(--topicspage-intro--height) * 16 / 9); --topicspage-intro-image--max-width: calc(var(--topicspage-intro--height) * 16 / 9); --topicspage--color-grey: #f6f8fa; --topicspage--color-lightblue: #f0f7fb; } .topicspage.grau{background-color:var(--topicspage--color-grey)} .topicspage *{background-repeat: no-repeat} .outer.topicspage:not(.intro){position:relative;} html:not(.s) .outer.topicspage * h2{hyphens:none} .outer.topicspage .inner{position:relative} .l .outer.topicspage .inner{padding-right:100px} @media screen and (max-width:1200px) { .outer.topicspage .inner{padding-right:0}} .outer.topicspage:not(.intro) .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s .outer.topicspage .inner:before, .s .outer.topicspage.content-navi .inner:before{left:20px} .outer.topicspage .content{position:relative} .outer.topicspage .content .text{ font-size:19px;line-height:28px} .outer.topicspage h2{font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;} .outer.topicspage .bildnachweis a:hover{text-decoration:underline !important} /********** intro **********/ .topicspage.intro.outer{margin-top:0;padding-left:max(calc((100% - 1258px)/2), 20px);padding-right:0;background-color:var(--UHH0271bb-grau);height:var(--topicspage-intro--height);position:relative} .topicssubpage.intro.outer{background-color:var(--topicspage--color-grey);height:var(--topicssubpage-intro--height)} .m .topicspage.intro.outer{height:auto;} .m .topicspage.intro.outer .image{min-height:var(--topicspage-intro--height)} .m .topicssubpage.intro.outer .image{min-height:var(--topicssubpage-intro--height)} .topicspage.intro .inner{display:flex;height:100%;padding-right:0 !important} .topicspage.intro .content{color:#fff;max-width:var(--topicspage-intro-content--max-width);width:50%; display:block; flex-direction:column;justify-content: flex-end; padding:60px 50px 60px 0} .topicspage.intro .content > *{max-width:600px} .topicspage.intro .content h1{font-size: 40px;line-height:1.1;color:#fff;margin:0;font-family: TheSansUHHBoldCaps, sans-serif;max-height: 2.1em; overflow: hidden;;} html:not(.l) .topicspage.intro .content h1{max-height:none} .topicspage.intro .content .text{margin-top:40px;font-size: 19px;line-height: 1.5;} .topicspage.intro .content .text p{margin:0} .topicspage.intro .content .calltoaction{margin-top:40px;background-position: calc(100% - 10px) center;border:1px solid #fff; font-family:TheSansUHHSemiLightCaps;padding: 14px 60px 14px 22px !important} .topicspage.intro:not(.topicssubpage) .content .calltoaction:focus{box-shadow: 0 0 5px 1px #fff;} .topicssubpage.intro .content .calltoaction{margin-top:40px;background-image:var(--icon-button-pfeil-grau-rechts-lang);background-color:#fff; border:1px solid #f0f0f0; } .topicssubpage.intro *{color:#4e4e4e!important} .topicspage.intro .image{max-width:var(--topicspage-intro-image--max-width);width:50%;overflow:hidden;position:relative;aspect-ratio:16/9} .topicspage.intro .image .img, .topicspage.intro .image .video{height:100% } .topicspage.intro .image .img img{height:100%;float:right } .topicspage.intro .image .video video{height:100%;float:left } .topicspage.intro .image .bildnachweis{ color: #4e4e4e; position: absolute; background: rgba(255, 255, 255, 0.8); padding: 2px 10px; font-size: 12px; bottom: 0px; right: 0} .topicspage.intro.playing .video button,.topicspage.intro.pause .video button{cursor:pointer;padding:0; border:0; outline:0; box-shadow:0;width:40px;height:40px;background-color:rgba(255,255,255,0.8);background-position:center;overflow:hidden;position:absolute; bottom:30px;right:30px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")} .topicspage.intro.playing .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Pause-grey-9c47a7e906e74a4a5b40136a4be281490cb5525fc562b846d4be8696d6812d09.svg")} .topicspage.intro.pause .video button{background-image:url("https://assets.rrz.uni-hamburg.de/assets/Play-grey-92c580aaa48b4775b8474957fb7290e5875c64d68505665d74e6bbb65744c522.svg")} .topicspage.intro.playing .video button:before{content:'stop'; position:absolute;left:200px} .topicspage.intro.pause .video button:before{content:'start'; position:absolute;left:200px} .topicspage.intro .video button:focus{outline:1px dotted #fff; box-shadow:0 0 0 1px var(--UHH0271bb-grau), 0 0 5px 1px #fff;} @media screen and (max-width:900px) { .topicspage.intro.outer{padding:0;height:auto} .topicspage.intro .inner{flex-direction:column;height:auto} .topicspage.intro .content{order:2;width:100%; display:block; padding:40px 20px 50px} .topicspage.intro .content h1{font-size: 35px} .topicspage.intro .content .text{margin-top:40px;font-size: 19px;} .topicspage.intro .image{order:1;width:100%} } /********** content-navi **********/ .topicspage.content-navi{margin-top:0px !important; padding-top:60.1px !important} .s .topicspage.content-navi{ padding-top:60px !important} .topicspage.content-navi{padding-top:60px !important;padding-bottom:35px !important} .topicspage.content-navi:first-child{ padding-top:40px !important} .s .topicspage.content-navi:first-child{padding-top:36px !important} .s .topicspage.content-navi.grau:first-child{padding-top:60px !important;margin-top:-24px !important} .s .topicspage.content-navi .inner{padding:0 20px} .topicspage.content-navi .content:before{content:"";display:table} .topicspage.content-navi .content:after{} .topicspage.content-navi h2{margin:30px 0 0 0; } .topicspage.content-navi nav{margin-top:45px;margin-top:32px;line-height:2em} .topicspage.content-navi nav:after{content:"";display:table;width:100%} .topicspage.content-navi ul{padding:0!important;margin:0} .topicspage.content-navi li{float:left;margin:0 20px 20px 0} html:not(.l) .topicspage.content-navi li{margin:0 15px 15px 0} .topicspage.content-navi li:before{content:none!important} .topicspage.content-navi a{background-image:var(--icon-pfeil-blau-lang-unten);background-repeat:no-repeat;background-position:6px 12px;color:var(--UHH4e4e4e-fff);background-color:#f0f3f6;font-size:19px;padding:7px 14px 7px 34px;position:relative;display:block;} .topicspage.content-navi.grau a{background-color:#fff} html:not(.l) .topicspage.content-navi a{padding:7px 14px 7px 32px;} .topicspage.content-navi a:hover{text-decoration:underline!important;text-decoration-thickness: 2px!important} html:not(.l) .topicspage.content-navi a:before{left: 0px;} /********** Direkteinstieg **********/ .topicspage.box-direct-access{margin-top:0 !important; padding-top:60.1px !important} .topicspage.box-direct-access:not(.single){padding-bottom: 55px !important;} .s .topicspage.box-direct-access{padding-top:60px !important} .topicspage.box-direct-access:first-child{ padding-top:30px !important} .s .topicspage.box-direct-access:first-child{padding-top:26px !important} .topicspage.box-direct-access.grau{background-color:var(--topicspage--color-grey)} .s .topicspage.box-direct-access .inner{padding:0 20px} .topicspage.box-direct-access .content:before{content:"";display:table} .topicspage.box-direct-access .content:after{} .topicspage.box-direct-access h2{margin:30px 0 0 0; } .topicspage.box-direct-access nav{margin-top:30px;line-height:2em} .topicspage.box-direct-access nav:after{content:"";display:table;width:100%} .topicspage.box-direct-access ul{padding:0!important;margin:0;columns:2;column-gap:30px;max-width:940px} .s .topicspage.box-direct-access ul{columns:1} .topicspage.box-direct-access li{border-bottom:1px solid rgb(60,81,91)} .topicspage.box-direct-access li:before{content:none!important} .topicspage.box-direct-access a{line-height:130%;transition: background-position 0.25s;display:inline-block; background-image:var(--icon-button-pfeil-rechts-blau);background-repeat:no-repeat;background-position:calc(100% + 18px) center;color:var(--UHH4e4e4e-fff);font-size:19px;padding:13px 40px 13px 0px;position:relative;} .topicspage.box-direct-access a:hover{text-decoration:underline!important;background-position1:calc(100% + 23px);text-decoration-thickness: 2px !important;} .topicspage.box-direct-access button{border:0; border-radius:0; box-shadow:0;background-color:var(--UHH0271bb-grau); ;position:absolute!important; top:30px; left: 325px; width:50px; height:50px;} .s .topicspage.box-direct-access button{left: auto; right:20px} @media screen and (max-width: 365px) { .topicspage.box-direct-access:has(button) h2{font-size: 35px} } @media screen and (max-width: 345px) { .topicspage.box-direct-access:has(button) h2{font-size: 32px} } .topicspage.box-direct-access button.white{background-color:transparent;;position:absolute!important;} .topicspage.box-direct-access button:before {transform:rotate(-45deg);box-sizing:border-box;content:"";position:absolute; width:19px; height:19px; border:0 solid #fff; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-width:3px 3px 0 0; top:20px; left:16px} .topicspage.box-direct-access button.white:before {border-color:var(--UHH0271bb-grau)} .topicspage.box-direct-access.off button:before {top:12px;transform:rotate(135deg)} .topicspage.box-direct-access.off nav{display:none} html:not(.s) .topicspage.box-direct-access button{display:none} html:not(.s) .topicspage.box-direct-access.off nav{display:block} .box-direct-access.single{columns:1;max-width:none;margin-bottom:34px;} .box-direct-access.single .inner{padding-right:0!important} .box-direct-access.single ul{columns:1;max-width:none} .box-direct-access.single li{border:0; float:left;margin: 0 20px 20px 0;} .box-direct-access.single a{background-color: #f0f3f6;padding: 7px 40px 7px 14px;line-height: 2em;background-position: calc(100% + 12px) center;} .s .box-direct-access.single a{padding: 7px 45px 7px 14px;line-height: 1.5em;} /********** box-topics-mailform-newsletter-component **********/ .topicspage.box-topics-mailform-newsletter-component {margin-top:0!important;padding-top:60.1px!important;padding-bottom:55px!important;box-shadow: 0 250px 0 0 var(--UHH0271bb-grau) inset;} .s .topicspage.box-topics-mailform-newsletter-component {padding-top:60px!important;padding-bottom:0px!important;box-shadow: 0 192px 0 0 var(--UHH0271bb-grau) inset;} .topicspage.box-topics-mailform-newsletter-component .inner {overflow:hidden;padding-right:0!important} .topicspage.box-topics-mailform-newsletter-component .inner:before {background-color:#fff!important;z-index:1} .topicspage.box-topics-mailform-newsletter-component .content {position:relative} .topicspage.box-topics-mailform-newsletter-component h2 {width: max(50%,calc(100% - 600px));text-overflow:ellipsis;height:168px;overflow:hidden;margin:0;padding-top:30px; color:#fff;} .s .topicspage.box-topics-mailform-newsletter-component h2 {width:auto;height:auto;white-space:normal!important;padding:30px 20px 40px;background-color:var(--UHH0271bb-grau)} .topicspage.box-topics-mailform-newsletter-component .image{float:left;margin:50px} .topicspage.box-topics-mailform-newsletter-component .image img{width:420px} .s .topicspage.box-topics-mailform-newsletter-component .image{float:none;margin:0;text-align:center} .s .topicspage.box-topics-mailform-newsletter-component .image img{display:block !important; width:100%;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:right; width:calc(100% - 520px); max-width:560px;margin-top: -185px;} .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{float:none; width:100%; max-width:none;margin-top: 0;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 65px !important;} .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { margin-top:0 !important;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form p{ margin-top:0} .s .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;} .s .box_mailform_newsletter form.standard.uhh-form { padding: 40px 30px!important;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter h3 { margin-top:0;font-size: 28px!important;line-height: 36px!important;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .row.submit { text-align: left!important} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter input[type="submit"]{margin-top:20px!important; margin-left:0!important; background-image:var(--icon-newsletter-versand); background-repeat: no-repeat;background-position: 10px center; padding-left:55px !important} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter .form-confirm { margin-top:0!important;} @media screen and (min-width: 640px) and (max-width: 1000px) { .topicspage.box-topics-mailform-newsletter-component h2 {max-width:50%} .topicspage.box-topics-mailform-newsletter-component .image{width:38%;margin-right:0} .topicspage.box-topics-mailform-newsletter-component .image img{width:100%} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter{width:48%; ;} .topicspage.box-topics-mailform-newsletter-component .box_mailform_newsletter form.standard.uhh-form { overflow:hidden;padding: 35px !important;} } /********** absprung-cluster **********/ .topicspage.absprung-cluster{padding-top:60.1px!important;position:relative;border-bottom:100px solid #F6F8FA} .s .topicspage.absprung-cluster{padding-top:60px!important;border-bottom:70px solid #F6F8FA} .topicspage.absprung-cluster .inner{padding-bottom:0px;padding-right:150px!important} html:not(.l) .topicspage.absprung-cluster .inner{padding-right:0px!important} .topicspage.absprung-cluster .content{display:grid;gap:0 120px; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;grid-template-areas: "h2 img" "text img" "nav img"} .s .topicspage.absprung-cluster .content{display:flex;flex-direction: column;} .m .topicspage.absprung-cluster .content{gap:0 70px;grid-template-areas: "h2 img" "text img" "nav nav"} .topicspage.absprung-cluster h2{grid-area: h2;padding:30px 0 0 0;hyphens:none; margin:0;} .s .topicspage.absprung-cluster h2{padding:30px 20px 0} .topicspage.absprung-cluster .text{grid-area: text;display: flex; align-items: start;font-size:22px;line-height:33px;padding-top:20px} html:not(.l) .topicspage.absprung-cluster .text{align-items: start} .s .topicspage.absprung-cluster .text{padding:21px 20px 20px} .topicspage.absprung-cluster .text > div{position:relative;padding:20px 0 70px} .m .topicspage.absprung-cluster .text > div{padding:30px 0} .s .topicspage.absprung-cluster .text > div{padding:20px 0} .xxxxxxl .topicspage.absprung-cluster .text > div:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .topicspage.absprung-cluster .text > div > *{position:relative;z-index:2} .topicspage.absprung-cluster .text p:first-child {margin-top:0 } .topicspage.absprung-cluster .text p:last-child {margin-bottom:0 } .topicspage.absprung-cluster .image{order:3;grid-area: img;position:relative;z-index:3;align-self:end} .s .topicspage.absprung-cluster .image{display:block;overflow:hidden;align-self:auto} .topicspage.absprung-cluster .image > div{float:right; width:100%;max-width:520px; aspect-ratio: 520/710; position:relative} .s .topicspage.absprung-cluster .image > div{ aspect-ratio: 640/361;max-width:none;} .topicspage.absprung-cluster .image img{position:absolute;top:0;left:0;width:100%;height:auto} html:not(.s) .topicspage.absprung-cluster .image img[width="640"]{display:none} .s .topicspage.absprung-cluster .image img[width="520"]{display:none} .topicspage.absprung-cluster .bildnachweis {display: block;position: absolute; right: 0;bottom: 0px;white-space: nowrap;font-size: 12px;line-height: 26px;padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);} .topicspage.absprung-cluster nav{order:4;font-family: TheSansUHHBold, sans-serif;grid-area: nav;font-size:20px;position:relative} .topicspage.absprung-cluster nav:before{content:""; position:absolute;top:0; left:-2500px;bottom:0;width:5000px;background:#F6F8FA} .topicspage.absprung-cluster nav ul{padding:0!important;margin:0!important} .l .topicspage.absprung-cluster nav ul{padding-top:100px !important} .m .topicspage.absprung-cluster nav ul{padding-top:40px !important} .s .topicspage.absprung-cluster nav ul{padding-top:50px !important} html:not(.l) .topicspage.absprung-cluster nav li{max-width:none } .topicspage.absprung-cluster nav li{background-color:#fff } .topicspage.absprung-cluster nav li + li{margin-top:13px } .topicspage.absprung-cluster nav li:before{content:none!important } .topicspage.absprung-cluster nav a{transition:none;color: var(--UHH4e4e4e-4e4e4e);padding:18px 60px 18px 30px;display:block; background-color:#fff;background-image:var(--icon-button-pfeil-rechts-blau);background-repeat:no-repeat; background-position:calc(100% - 0px) center } .landingpage.absprung-cluster nav a{padding:18px 60px 18px 30px;background-image:var(--icon-button-pfeil-rechts-blau);background-repeat:no-repeat; background-position:calc(100% - 0px) center } /* .topicspage.absprung-cluster nav a.extern:after{content:"\00a0"; margin-left:10px;display:inline-block; width:20px; background-image:var(--icon-link-extern-grau) !important} */ .topicspage.absprung-cluster nav a:hover{color: #fff; background-color:#0271bb; background-image:var(--icon-button-pfeil-rechts-weiss); } .landingpage.absprung-cluster nav a:hover{background-image:var(--icon-button-pfeil-rechts-weiss); } /* .topicspage.absprung-cluster nav a.extern:hover:after{background-image:var(--icon-link-extern-weiss) !important} */ /********** kachel-cluster **********/ .topicspage.kachel-cluster{margin-top:55px !important;margin-bottom:55px !important} .s .topicspage.kachel-cluster{margin-top:55px !important;} /********** slider-vollbreit **********/ .slider-vollbreit.topicspage{padding-top:0!important; margin-top:60.1px!important;margin-bottom:25px} .s .slider-vollbreit.topicspage{padding-top:0px!important; margin-top:60px!important} .topicspage .ersti-swiper-wrapper { background-image:none!important;} /********** Newsteaser **********/ .news-carousel {margin-bottom:0 !important; margin-top:0 !important;padding-top:60.1px !important; padding-bottom:15px!important} .news-carousel:first-child {padding-top:40px !important} .news-carousel:after {content:""; display:table; width:100%} .news-carousel.grau{background-color:var(--topicspage--color-grey)} .s .news-carousel {margin-bottom:0 !important;padding-top:60.1px !important} .s .news-carousel:first-child {padding-top:30px !important} .news-carousel:not(.news-1fach) {padding:60.1px 0 15px max(calc((100% - 1258px)/2), 20px)!important} .news-carousel:not(.news-1fach):first-child {padding:40px 0 0px max(calc((100% - 1258px)/2), 20px)!important} .news-carousel .more {position:absolute; top:45px!important;left:1280px;transform: translate(-100%,0); white-space: nowrap;font-family: TheSansUHHBoldCaps,sans-serif; font-size: 16px;} @media screen and (max-width: 1305px) { .news-carousel .more {right:20px; left:auto;transform:none} } .news-carousel.news-1fach .more1 {right:0; left:auto;transform:none} .s .news-carousel .more {position:relative; top:0!important;right:0;margin:-5px 0 0; padding-bottom:0;float:right; } .s .news-carousel.grau .more {padding-bottom:30px;} .news-carousel .more a{ background-image:var(--icon-all-blau-rechts); background-position:3px 9px; background-size:6px; padding-left: 15px;color: var(--UHH4e4e4e-fff);display:block} .news-carousel .more a:hover{ text-decoration:underline!important} .m .news-carousel .more {right:20px} .s .news-carousel .more {right:20px} .news-carousel:not(.news-1fach) .inner{margin:0px!important; padding:0!important; max-width:none!important} .s .news-carousel:not(.news-1fach) .inner:before{left:0 !important} .news-carousel .content:before { content: ""; display: table;} .news-carousel .head {overflow:hidden} .news-carousel .head:after {content:""; display:table;width:100%} .news-carousel .head h2 { float:left;margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;; padding-right:20px;} .m .news-carousel .head h2 { max-width: calc(100% - 200px)} .s .news-carousel .head h2 {max-height: none;} .news-carousel .head .last-word{white-space:nowrap} .news-carousel .head .rss{display:inline-block; margin-left:35px} .news-carousel .slider { } .news-carousel ul{padding:0;margin:0} .news-carousel:not(.news-1fach) li{background-color:#fff} .news-carousel li:before{content:none !important} .news-carousel .item{display:block} .news-carousel a{display:block;color:#4e4e4e!important; text-decoration:none!important;} .news-carousel li>a{height:100%} .news-carousel a:hover{color:#4e4e4e!important; text-decoration:none!important} .news-carousel:not(.news-1fach) a .image:not(:has(img)){aspect-ratio:400/240} .news-carousel:not(.news-1fach) a .image img{aspect-ratio:400/226} .news-carousel:not(.news-1fach) a > .video{position:relative;overflow:hidden;aspect-ratio:400/241} .news-carousel:not(.noimg, .news-1fach) .image:before{content: ""; float: left; padding-top: 56.5%; border-bottom: 14px solid red; width: 0px;} .news-carousel .image{overflow:hidden} .news-carousel.noimg .image{display:none} .news-carousel.noimg .cta .image{display:block} .news-carousel .image img {width:100%;transition:none} .news-carousel li.cta .image {background-image: var(--img-illustration-news)} .news-carousel:not(.noimg) li.cta .text {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -10px; padding-bottom:10px} .news-carousel.noimg li.cta .text h3{margin:10px 0} .news-carousel .bildnachweis {text-align: right;font-size: 12px; line-height: 1em; margin: 0; padding-top: 2px;padding-right:10px} .news-carousel .text {padding:0} .news-carousel:not(.noimg, .news-1fach) .text {padding:0;margin-top:5px} .news-carousel.grau .text {padding:0 40px 40px 40px} .news-carousel.noimg .text {padding:35px 40px 55px 40px} .s .news-carousel.noimg .text {padding:35px 25px 55px 25px} .news-carousel.noimg .cta .text {padding:0 40px 40px 40px} .s .news-carousel.noimg .cta .text {padding:0 25px 40px 25px} .news-carousel.noimg li a {background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% 100%} .news-carousel .rubrik {font-family: TheSansUHHBoldCaps,sans-serif; color: var(--UHH0271bb-hellblau); font-size: 18px; } .news-carousel .rubrik .sep { font-family: TheSansUHHRegularCaps,sans-serif; display: inline-block; margin: 0 12px;} .news-carousel h3{ font-size: 28px; margin: 10px 0 15px 0; line-height:1.3em} .news-carousel a:hover h3{ text-decoration:underline} .news-carousel .inhalt{ font-size: 16px!important;line-height:1.5em!important} .news-carousel .inhalt *:last-child{ margin-bottom:0} .news-carousel .slider.swiper {overflow:visible; cursor: grab} .news-carousel ul.swiper-wrapper {user-select:none;list-style:none;margin:0 !important;padding:45px 0 40px!important; display: flex;gap:0px;width:5000%} .s .news-carousel-area ul.swiper-wrapper {gap:0px;} .news-carousel li.swiper-slide{padding:0;width:400px!important;max-width:calc(100vw - 80px) !important; float:none; min-width:auto;height:auto!important} .news-carousel:not(.noimg) li.swiper-slide.cta {height:100% !important} .news-carousel button {opacity:0;transition:opacity 0.25s; position: absolute!important; top: calc(50% - 44px); z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px; border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand) } .news-carousel.noimg button { top: calc((100% - 186px)/2 + 186px - 44px);} .news-carousel button:hover{opacity:1!important} .news-carousel button.news-carousel-swiper-button-prev {transform:rotate(180deg);left: 100px} .news-carousel button.news-carousel-swiper-button-next {right: 100px} .news-carousel:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.news-carousel-swiper-button-next {display:none} .news-carousel.begin button.news-carousel-swiper-button-prev {display:none} .news-carousel.end button.news-carousel-swiper-button-next {display:none} .s .news-carousel button.news-carousel-swiper-button-prev {display:none} .s .news-carousel button.news-carousel-swiper-button-next {display:none} .s .news-carousel.news-1fach .head h2{padding: 0 20px} .news-carousel.news-1fach ul {margin:45px 0;padding:0!important} .news-carousel.news-1fach li {max-width:none!important;} .news-carousel.news-1fach li+li {margin-top:45px} .news-carousel.news-1fach li .item {display:flex; flex-direction:row; width:100%; gap:40px} .s .news-carousel.news-1fach li .item {flex-direction:column; gap:0px} .news-carousel.news-1fach li .image, .news-carousel.news-1fach li .item > .video{width:400px} .s .news-carousel.news-1fach .bildnachweis{padding-right:20px; min-height:14px} .news-carousel.news-1fach li .image img{width:100%} .news-carousel.news-1fach li .text{width:calc(100% - 40px - 400px); max-width:700px;} @media screen and (max-width:900px) { .news-carousel.news-1fach li .image, .news-carousel.news-1fach li .item .video{width:calc(50% - 20px)} .news-carousel.news-1fach li .text{width:calc(50% - 20px)} } .s .news-carousel.news-1fach li .image, .s .news-carousel.news-1fach li .item .video{width:100%} .s .news-carousel.news-1fach li .text{width:100%; padding:0 20px} .news-carousel.news-1fach.noimg li {max-width:700px} .news-carousel.news-1fach.noimg li > a {gap:0} .news-carousel.news-1fach.noimg .image{display:none} .news-carousel.news-1fach.noimg li .text{width:100%} /*Beitrag aus Newsroom*/ .news-carousel .hinweis { margin: 1em 0!important; padding: 0!important; border: none!important; font-size: 14px!important; background-color: transparent!important; font-family: TheSansUHHItalic!important;} /********** Quadratteaser **********/ .topicspage.square-teaser-area {margin-top:0px !important; padding:60.1px 0 0px max(calc((100% - 1258px)/2), 20px)!important} .s .topicspage.square-teaser-area {padding-top:60px !important} .topicspage.square-teaser-area .inner{margin:0px!important; padding:0!important; max-width:none!important} .s .topicspage.square-teaser-area .inner:before{left:0} .topicspage.square-teaser-area .content:before { content: ""; display: table;} .topicspage.square-teaser-area h2 { margin:30px 0 0; max-width: 700px; max-height: 84px; overflow: hidden;} .s .topicspage.square-teaser-area h2 {max-height: none;padding-right:20px} .topicspage.square-teaser-area .buttons { position:absolute; top:20px; right:0} html:not(.l) .topicspage.square-teaser-area .buttons { right:20px} .topicspage.square-teaser-area button {opacity:0;transition:opacity 0.25s; position: absolute!important; top: calc(50% - 44px); z-index: 1;cursor:pointer;background-position:center; width:88px;height:88px; border:0; border-radius:44px; padding:0;background-color:transparent; background-image:var(--icon-next-weiss-blau-ohnerand) } .topicspage.square-teaser-area button:hover{opacity:1!important} .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {transform:rotate(180deg);left: 100px} .topicspage.square-teaser-area button.square-teaser-swiper-button-next {right: 100px} .topicspage.square-teaser-area:has(.swiper-slide.swiper-slide-active + .swiper-slide:last-child) button.square-teaser-swiper-button-next {display:none} .topicspage.square-teaser-area.begin button.square-teaser-swiper-button-prev {display:none} .topicspage.square-teaser-area.end button.square-teaser-swiper-button-next {display:none} .s .topicspage.square-teaser-area button.square-teaser-swiper-button-prev {display:none} .s .topicspage.square-teaser-area button.square-teaser-swiper-button-next {display:none} .topicspage.square-teaser-area .slider {margin:0} .topicspage.square-teaser-area .swiper {overflow:visible; cursor: grab} .topicspage.square-teaser-area ul.swiper-wrapper {user-select:none;list-style:none;margin:0;padding:0 !important; display: flex;gap:0px;width:5000%} .s .topicspage.square-teaser-area ul {gap:0px;} .topicspage.square-teaser-area li{width:420px;max-width:calc(100vw - 80px) !important; flex-shrink: 0;padding:45px 0px 50px} .topicspage.square-teaser-area:not(.grau):has(+:not(.grau)) li{padding-bottom:50px} /*ww*/ .topicspage.square-teaser-area:not(.grau):has(+.grau) li{padding-bottom:50px} /*wg*/ .topicspage.square-teaser-area.grau:has(+.grau) li{padding-bottom:50px} /*gg*/ .topicspage.square-teaser-area.grau:has(+:not(.grau)) li{padding-bottom:50px} /*gw*/ .topicspage.square-teaser-area li:before{content:none !important} .topicspage.square-teaser-area .image{ position:relative;width:100%;aspect-ratio:1/1;overflow:hidden} .topicspage.square-teaser-area .image:has(video):before{ content:'video';position:absolute;z-index:1;background:rgba(255,255,255,0.5); padding:20px} .topicspage.square-teaser-area img{ width:100%;transition:transform 0.2s ease-in-out;transform:scale(1)} .topicspage.square-teaser-area a:hover img{ transform:scale(1.05)} .topicspage.square-teaser-area .bildnachweis {display: block;position: absolute;right: 0;bottom: 0px;white-space: nowrap;font-size: 12px;line-height: 26px;padding: 0 12px;color: var(--UHH4e4e4e-4e4e4e);background-color: rgba(255,255,255,0.6);} .topicspage.square-teaser-area video{ width:100%;} .topicspage.square-teaser-area video + .bildnachweis {display:none} .topicspage.square-teaser-area .text{} .topicspage.square-teaser-area a{display:block;color:#4e4e4e!important; text-decoration:none!important;} .topicspage.square-teaser-area a:hover{color:#4e4e4e!important; text-decoration:none!important} .topicspage.square-teaser-area .text{background-image:var(--icon-button-pfeil-rechts-blau); background-position:100% -13px} .topicspage.square-teaser-area h3{margin:25px 40px 0 0;font-size:26px; line-height: 32px;} .topicspage.square-teaser-area a:hover h3{text-decoration:underline!important} .topicspage.square-teaser-area p{margin:16px 0 0;padding-right:60px ;font-size:19px;line-height:28px;max-height:90px;overflow:hidden} /********** outro **********/ .topicspage.outro {margin-top:0px !important; padding-top:60.1px !important;padding-bottom:55px !important} .s .topicspage.outro {padding-top:60px !important;} .topicspage.outro.grau{background-color:var(--topicspage--color-grey)} .topicspage.outro .content:before {content:""; display:table; width:100%;} .topicspage.outro .content:after {content:""; display:table; width:100%;} .topicspage.outro h2 { float:left;margin:30px 0 40px 0;width:41.7%;} .topicspage.outro.img-text h2 { float:right; padding-left:40px;} .m .topicspage.outro h2 { float:none;width:auto} .s .topicspage.outro h2 { float:none;width:auto;margin:30px 0 0;padding:0 20px} .topicspage.outro .image {position:relative; float:right; width:58.27%;margin-top:40px} .topicspage.outro.img-text .image {float:left;} .m .topicspage.outro .image {float:none; width:auto;max-width:600px} .s .topicspage.outro .image {float:none; width:auto} .topicspage.outro .image img {width:100%;height:auto} .topicspage.outro .image video {width:100%;height:auto} .topicspage.outro .image iframe {width:100%;aspect-ratio:16/9} .topicspage.outro .image .bildnachweis {display: block; position: absolute; right: 0; bottom: 0px; white-space: nowrap; font-size: 12px; line-height: 26px; padding: 0 12px; color: var(--UHH4e4e4e-4e4e4e); background-color: rgba(255,255,255,0.6);} .topicspage.outro .text {float:left; width:41.7%; padding-right:40px;line-height:33px} .topicspage.outro.img-text .text {float:right; padding-left:40px;} .m .topicspage.outro .text {float:none; width:auto; margin-top:40px} .s .topicspage.outro .text {float:none; width:auto; margin-top:40px;padding:0 20px} .topicspage.outro .text p:first-child{margin-top:0} .topicspage.outro .text p:nth-last-child(2){margin-bottom:0} .topicspage.outro .calltoaction {margin-top:50px;} .m .topicspage.outro .calltoaction {margin-top:40px;} .s .topicspage.outro .calltoaction {margin-top:35px;} .teaser-3fach-new{position:relative} .teaser-3fach-new.lightbox{z-index:20} .teaser-3fach-new .content{display: grid; gap: 0 100px; grid-template-rows: auto 1fr;} .teaser-3fach-new:not(.text) .text{ display:none} .teaser-3fach-new:not(.img, .video) .image{display:none} .teaser-3fach-new:not(.text,.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "nav"} .teaser-3fach-new.text:not(.img, .video) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "text" "nav"} .teaser-3fach-new.img:not(.text) .content, .teaser-3fach-new.video:not(.text) .content{ grid-template-columns: 100%;grid-template-areas:"h2" "image" "nav"} .teaser-3fach-new.text.img .content, .teaser-3fach-new.text.video .content{grid-template-columns:calc(50% - 50px); grid-template-areas:"h2 image" "text image" "nav nav"} html:not(.l) .teaser-3fach-new.text.img .content, html:not(.l) .teaser-3fach-new.text.video .content{gap: 0;grid-template-columns: 100%;grid-template-rows: auto 1fr;grid-template-areas:"h2" "text" "image" "nav"} .teaser-3fach-new h2{padding-top:30px;margin:0;max-width:700px;grid-area: h2} .s .teaser-3fach-new h2{padding:30px 20px 0} .teaser-3fach-new .text{line-height:33px;margin:40px 0 50px;max-width:700px;grid-area: text} .teaser-3fach-new .text:empty{margin:0;height:50px} .s .teaser-3fach-new .text{padding:0 20px} .teaser-3fach-new .text p:first-child {margin-top:0 } .teaser-3fach-new .text p:last-child {margin-bottom:0 } .teaser-3fach-new nav{padding-top:60px;padding-bottom:60px;background:#F6F8FA;box-shadow:630px 0 0 #F6F8FA,-630px 0 0 #F6F8FA;grid-area: nav} .teaser-3fach-new:not(.text,.video,.img) nav{margin-top:50px} .s .teaser-3fach-new nav{padding-top:50px;padding-bottom:50px;margin-bottom:0px} .teaser-3fach-new nav ul{display: flex; gap:30px;flex-direction:row;flex-wrap:wrap;padding:0!important;margin:0!important} .teaser-3fach-new nav li{width:calc(33.3333% - 20px);background-color:#fff;position:relative;z-index:1} .m .teaser-3fach-new nav li{width:calc(50% - 15px);} .s .teaser-3fach-new nav li{width:100%} .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;overflow:hidden;background-color:rgba(255,255,255,0.9)} .teaser-3fach-new li.lightbox{z-index:2} .teaser-3fach-new li.lightbox .kachel-cluster-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:222} html.kachel-cluster-lightbox,html.kachel-cluster-lightbox body{} html.kachel-cluster-lightbox #seite > header,html.kachel-cluster-lightbox #seite > .nav{z-index:1} .teaser-3fach-new li.lightbox .video{transition:all 0s;object-fit:contain;display:inline-block;aspect-ratio:733/414;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 960px;} .s .teaser-3fach-new li.lightbox .video{width: 100%} /* .kachel-cluster-video{position:relative;width:100%;aspect-ratio:733/414;height:100%;overflow:hidden;background-color:rgba(255,255,255,0.9)} */ /* .kachel-cluster-video .video{aspect-ratio: 733/414;height: 100%;left: 50%;position: relative;transform: translate(-50%,0);} */ .teaser-3fach-new .plyr{pointer-events:none;bottom:auto !important} .teaser-3fach-new li.lightbox .plyr{pointer-events:auto;bottom:auto !important} .teaser-3fach-new li .plyr{position:relative !important} .m .teaser-3fach-new li .plyr{object-fit:cover;width:100%;height:100%;} button.cluster-video-open{position:absolute;top:0;left:0;width:100%;aspect-ratio:733/414;z-index:111;background:transparent;border:0;padding:0} button.cluster-video-open span{padding:24px;cursor:pointer;display:inline-block;background-color:transparent !important;outline: 0 !important; box-shadow:none!important} button.cluster-video-open:hover span {border:2px solid rgba(255,255,255,0.9)} button.cluster-video-open:focus span{border:6px solid #fff} .teaser-3fach-new .uhh.iframe iframe{display:block;pointer-events:none;width:100%; height:auto; aspect-ratio: 733/414} .teaser-3fach-new li.lightbox .uhh.iframe iframe{pointer-events:auto;} button.cluster-video-open.uhh.iframe span{padding:48px;} button.cluster-video-close{display:none} .lightbox button.cluster-video-close{background-color:transparent;display:inline-block;top:16px;right:16px; background-image:url("https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg");position:absolute; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:center; cursor:pointer; border: none;} .kachel-cluster-video .image{pointer-events:none;} .teaser-3fach-new nav li:before{content:none!important} .teaser-3fach-new nav a{transition:box-shadow 0.2s ease-in-out;display:block;height:100%;padding:40px 0 40px 30px;color:var(--UHH4e4e4e-4e4e4e)} .s .teaser-3fach-new nav a{padding:40px 0 40px 20px} .teaser-3fach-new nav h3{margin:0;padding-right:60px;font-size:22px;line-height: 26px; background-image:var(--icon-button-pfeil-rechts-blau); background-repeat:no-repeat; background-position: 100% center} .teaser-3fach-new nav a:hover{box-shadow:0 0 30px rgb(190 200 210 / 60%)} .teaser-3fach-new nav a, .teaser-3fach-new nav a h3{ text-decoration:none!important} @media (hover: hover) { .teaser-3fach-new nav a:hover h3{ text-decoration:underline!important} } .teaser-3fach-new nav p{margin:15px 60px 0 0 } .teaser-3fach-new nav a img {margin:-40px 0 0 -30px;transition: transform 0.2s ease-in-out; transform: scale(1);width: calc(100% + 30px); height: auto; background-color: #ddd; } .teaser-3fach-new .bildnachweis {margin:0 10px 20px 0;text-align: right; padding: 0; font-size: 12px; line-height: 14px; color: var(--UHH4e4e4e-4e4e4e);} /*content-page*/ body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s body.content-page .outer > .inner:before{left:20px} body.content-page .spalte.links p, body.content-page .spalte.links h1, body.content-page .spalte.links h2, body.content-page .spalte.links h3, body.content-page .spalte.links h4, body.content-page .spalte.links .standard *{ max-width:750px;} .content-page h1{margin-top:45px;font-size:40px; font-family: TheSansUHHBoldCaps, sans-serif;max-width: 750px !important;margin-left:max(0px,calc((100% - 1258px)/2)) !important} .content-page .standard.nobox .content,.content-page .standard:not(.nobox) *{ max-width:700px } .content-page .standard:not(.nobox) h2{font-size:28px !important; line-height: 1.3em!important} .content-page .standard:not(.nobox) h3{font-size:24px !important; line-height: 1.3em!important} .content-page .standard:not(.nobox) h4{font-size:19px !important; line-height: 1.3em!important} .content-page .standard.nobox:not(:has(.content > h2)) .inner:before { content: none;} .content-page .standard.nobox .content > h2{font-size:38px !important} .content-page .standard.nobox .text h2{padding-top:0 !important;margin-top:0 !important;font-size:28px !important; font-family: TheSansUHHBold,sans-serif !important; line-height: 1.3em!important} .content-page .standard.nobox .text h3{font-size:24px !important; line-height: 1.3em!important} .content-page .standard.nobox .text h4{font-size:19px !important;line-height: 1.3em!important} .content-page .outer.h1 + .outer > div.standard { font-size:19px; line-height: 1.5em;} .content-page .outer.h1 + .outer > div.standard a{ color:#4e4e4e} .content-page .standard.nobox{ padding-top:55px !important; padding-bottom:55px !important; } body.content-page .standard.nobox + .standard.nobox:not(:has(h2)){padding-top:45px!important} .content-page .standard.nobox.blau{background-color:var(--topicspage--color-lightblue)!important } .s .content-page .standard.nobox{ margin-top:0 !important;} .s .content-page .standard.nobox.grau, .s .content-page .standard.nobox.blau{ margin: 0 0px 0 0px !important; padding-left:20px!important;padding-right: 20px !important;} body:not(.content-page) .standard.nobox{background-color:transparent!important} .s .content-page .standard.nobox .inner:before{left:0} .content-page .standard.nobox h2{ padding-top:30px;margin-top:0} .content-page .standard.nobox *:first-child{ margin-top:0 } .content-page .standard.nobox *:last-child{ margin-bottom:0 } .content-page .standard.nobox a{color:#4e4e4e} .content-page .outer .standard li:before {background: #0271bb!important} .content-page .outer .content li:before {background: #0271bb!important} .box-contact-boxes-container{ padding-top:55px !important; padding-bottom:55px !important; } .s .box-contact-boxes-container .content {padding:0 20px} .box-contact-boxes-container .content:before { content: ""; display: table;} /* .box-contact-boxes-container h2 { margin: 30px 0;} */ .box-contact-boxes-container .container {display:flex;width:100%;gap: 0 10%;font-size:19px; line-height:1.4em} .s .box-contact-boxes-container .container {flex-direction:column; gap: 60px 0} .box-contact-boxes-container .container .v4kontakt{width:50%;} .s .box-contact-boxes-container .container .v4kontakt{width:100%;} .box-contact-boxes-container .v4kontakt h2 {display:none} .box-contact-boxes-container :is(.intro, .name, .function, .position) {margin-bottom:10px} .box-contact-boxes-container .name {font-family: TheSansUHHBold , sans-serif;} .box-contact-boxes-container .phone {margin-top:15px;} .box-contact-boxes-container a {text-decoration:underline; color: var(--UHH4e4e4e-fff)} .box-contact-boxes-container a:hover {text-decoration:none} .box-contact-boxes-container .sprechzeiten.schaltbar{} .box-contact-boxes-container .sprechzeiten.schaltbar h4 {padding:8px 8px 8px 0;display:inline-block;width:auto} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a{padding:10px 10px 10px 30px;display:inline-block;width:auto} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:focus{color: #4e4e4e; background-color: #fff;} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg") !important;} .box-contact-boxes-container .sprechzeiten.schaltbar.auf h4 a:focus:after{background-image:url("https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg") !important;} .box-contact-boxes-container .sprechzeiten.schaltbar h4 a:after{left:0} .box-contact-boxes-container .sprechzeiten.schaltbar .inhalt{margin-bottom:0;margin-top:0;padding-left:30px} .box-contact-boxes-container .sprechzeiten.schaltbar ul{margin-bottom:0;padding-left:0 !important} body.content-page .outer > .inner:before{content:"";position:absolute;top:0;left:0; width:122px;height:6px;background-color:var(--UHH0271bb-fff)} .s body.content-page .outer > .inner:before{left:20px} body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important} body.content-page .box-event-application-form .content {max-width:733px} body.content-page .box-event-application-form .content > h2{margin-top:0px!important;padding-top: 30px!important; max-width: 700px;font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;} body.content-page .box-event-application-form {padding-top: 55px!important;padding-bottom: 55px!important} body.content-page .box-event-application-form .content {max-width:750px} body.content-page .box-event-application-form .content > h2{margin-top:0px!important;padding-top: 30px!important; max-width: 700px;font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px; line-height:42px;} body.content-page .box_event_application_form > ul > li .booking .calltoaction { font-size: 16px !important} body.content-page .box_event_application_form .date *{ font-size: 19px !important} body.content-page .box_event_application_form form.standard.uhh-form {font-size:18px} body.content-page .box_event_application_form > ul > li .title { font-size: 18px;} body.content-page .box_event_application_form form.standard.uhh-form .row.slot-info p:not(.date) {font-size: 18px!important} body.content-page .box_event_application_form > ul > li > div > .date { flex: 0 0 215px!important } .s body.content-page .box_event_application_form > ul > li > div > .date { flex: 0!important } .box_event_application_form > ul > li > div > .date { flex: 0 0 207px!important;line-height:1.2em!important} .s .box_event_application_form > ul > li > div > .date { flex: 0!important} body.content-page .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 196px} .box_event_application_form .date .sep{margin:0!important; display:inline!important } html.s .box_event_application_form .date>div:first-child:last-child .sep{margin:0 12px !important} .box_event_application_form .date .sep:after{ content:", "} html.s .box_event_application_form .date>div:first-child:last-child .sep:after{ content:"|"} html.s .box_event_application_form .date>div { content:"|"} html.s .box_event_application_form .date>div:first-child:not(:last-child) { margin-right:4px!important} html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table} html:not(.s) .box_event_application_form .date>div:first-child:last-child .day:after{content:""; display:table} html:not(.s) .box_event_application_form .date>div:first-child:last-child .sep{ display:none!important } .box_event_application_form > ul > li .date div:last-child { line-height: 1.2em;} .box_event_application_form form.standard.uhh-form .row .description { flex: 0 0 187px} .box_event_application_form > ul > li .date:has(.day) div:first-child {font-family: TheSansUHHRegularCaps,sans-serif!important } .box_event_application_form > ul > li .date .day {font-family: TheSansUHHBoldCaps, sans-serif;} .box_event_application_form > ul > li .date .hour {} .box_event_application_form .row.slot-info .date {padding: 10px 0 10px 30px;border-top: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6; margin: 0; background-repeat: no-repeat; background-position: 5px 15px;background-image: url("https://assets.rrz.uni-hamburg.de/assets/icon-zeit-24x24-cf494f433ea58ed843eca015a400c92f5d4e46af5d985a9323999035f3763f15.svg");} .box_event_application_form .row.slot-info .date .sep{display:inline; margin:0} .box_event_application_form .row.slot-info .date .sep:after{content:', '} .box_event_application_form .row.datenschutz .content { line-height: 1.4em} .content-page .form-confirm .alert h2 {font-size:28px} .content-page .form-confirm .alert p { font-size: 19px;line-height:1.5em} .content-page .form-confirm .data h2 { font-size: 28px !important} .content-page .form-confirm .data h3 { font-size: 24px} .content-page .form-confirm .data tr * { font-size: 19px!important; hyphens: auto!important} .content-page .event_application * { font-size: 19px} body.content-page .klappbox-ordner-rahmen:not(:has(h2)) .inner:before {content:none} body.content-page .klappbox-ordner-rahmen .alles{ margin-top: 0px!important;padding: 2px 9px 2px 7px!important} body.content-page .klappbox-ordner-rahmen .alles:before{ margin: 10px 6px 0 0!important;} body.content-page .klappbox-ordner-rahmen.grau .alles{ background-color:#fff} body.content-page .klappbox-ordner-rahmen{padding-top: 55px!important;padding-bottom: 45px!important} body.content-page .klappbox-ordner-rahmen .content > h2{margin-top:0!important;padding-top: 30px!important; max-width: 700px;font-family: TheSansUHHBoldCaps, sans-serif; font-size:38px!important; line-height:42px;} .s body.content-page .klappbox-ordner-rahmen .content > h2{padding:0 20px} body.content-page .klappbox-ordner-rahmen.grau h3{background-color:#fff} body.content-page .klappbox-ordner-rahmen .klappbox{padding:0!important} body.content-page .klappbox-ordner-rahmen .klappbox *{font-size:19px!important;line-height:1.5em!important} body.content-page .klappbox-ordner-rahmen .schaltbar{padding:0!important} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .inhalt{padding-bottom:0px!important;} body.content-page .klappbox-ordner-rahmen .klappbox h3 {font-size:22px!important;line-height:1.3em!important;max-width:none} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt {padding: 22px 18px 22px 54px} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt span {display:block;font-size:22px!important;;max-width:750px;;line-height:1.3em!important} body.content-page .klappbox-ordner-rahmen .klappbox > .schaltbar > .titel a.tt:after {margin-top: -9px;} body.content-page .klappbox-ordner-rahmen .klappbox h4 {max-width:none} body.content-page .klappbox-ordner-rahmen .klappbox h4 a {font-size:20px!important;line-height:1.1em!important;} body.content-page .klappbox-ordner-rahmen .klappbox .subbox.schaltbar + .subbox.schaltbar {margin-top:10px} .s body.content-page .klappbox-ordner-rahmen .subbox{margin-left:-15px} body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child):before{content:'';display:table} body.content-page .klappbox-ordner-rahmen .subbox:not(:first-child) h4{margin-top:10px} body.content-page .klappbox-ordner-rahmen .subbox + .subbox h4{margin-top:0} body.content-page .klappbox-ordner-rahmen .schaltbar>.inhalt { margin-top: 15px;padding-left:54px} body.content-page .klappbox-ordner-rahmen .inhalt a{ color: #4e4e4e} body.content-page .klappbox-ordner-rahmen .content .subinhalt .inhalt{padding-left:0; margin-top:0;margin-bottom:5px;padding-right:0;max-width:700px} body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt { padding: 15px 0 10px 54px; margin-top: 0px;;} body.content-page .klappbox-ordner-rahmen .schaltbar .subinhalt li + li{ margin-top:7px;}</style><link as="style" href="https://assets.rrz.uni-hamburg.de/assets/2-5d8b8e1ffaae120bfa293ff26c2f9b768954e90174c2fe711cb2752e214e1549.css" id="css-2" onload="this.onload=null;this.rel='stylesheet',this.removeAttribute('as')" rel="preload" /><link as="script" href="https://assets.rrz.uni-hamburg.de/assets/2-9245fe52fa0a9ade41561d552aee1dd864224d6c84fc488e8c3ace6617309aae.js" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHSemiLightCaps-32ba22c7d79fd9bb62f6fdc072fb890589bf54d6665920f1c24590c325a3239b.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBold-7bc7a19f2f859b122f413c47ab20a3459e68b5484d4e41852c867e1af7fdb23f.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldCaps-e693e29862e9a63c8fcda7276514608cf455cb6db1c1d5ba18a5cbbafdb8453b.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegular-d12c570fcf82daa59706e8bc063b08989230fd572b48d91d4ce4766d6399e157.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularCaps-2b6f7440c42c3e72ad537b81477bb606ae8e63b48872d6bd715b19a5a7811ba7.woff2" rel="preload" /><link as="font" crossorigin="anonymous" href="https://assets.rrz.uni-hamburg.de/assets/TheSansUHHRegularItalic-d6fab6cd19bfdef91af497a14e0f55591960c719c1e743956e22524fbdff953d.woff2" rel="preload" /><noscript><link rel="stylesheet" href="https://assets.rrz.uni-hamburg.de/assets/2-5d8b8e1ffaae120bfa293ff26c2f9b768954e90174c2fe711cb2752e214e1549.css" media="all" /></noscript><link rel="stylesheet" href="https://assets.rrz.uni-hamburg.de/assets/print-85727ed44b77df53ff88b8a79482dc1ba86ec114c0f78c348368e4be1d7acaee.css" media="print" /><script>var t0 = Date.now(); ;(function(){ window.addEventListener('error', detectJavascriptErrors); function detectJavascriptErrors(ev) { var error; try { error = { message: ev.message, filename: ev.filename, stack: ('error' in ev && ev.error != null && 'stack' in ev.error)? ev.error.stack.replace(/(?:\r\n|\r|\n)/g, ' => ').replace(/\s+/g, ' ') : 'undefined', platform: navigator.platform }} catch (err) {error = {catchMessage: err.message, message: ev.message, filename: ev.filename, platform: navigator.platform}} var img = new Image(); img.src = 'https://www.betterweb.uni-hamburg.de/web/error.png?error=' + encodeURIComponent(JSON.stringify(error)) + '&t='+Date.now(); window.removeEventListener('error', detectJavascriptErrors); } })(); var htmlEl = document.documentElement; var UHH = { onload: function(f){ if (document.readyState == "complete") { f() } else { window.addEventListener("load", f )} }, ready: function(f){ if (document.readyState == "interactive" || document.readyState == "complete") { UHH.raf(f) } else { document.addEventListener("DOMContentLoaded", function(){UHH.raf(f)})} }, ready2: function(f){$(f)}, hasClass : function(name,el){ var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" "); for (var i=0; i<c.length;i++) { if (c[i]===name) {return true; break} } return false }, addClass: function(name,el){ var cn = el.className; var c = name.split(" "); for (var i=0; i<c.length;i++) { if (!UHH.hasClass(c[i],el)) {cn = [cn, c[i]].join(' ')} } el.className = cn; }, removeClass: function(name,el){ var c = el.className.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" "); var n = name.replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ").split(" "); for (var i=0; i<c.length;i++) { for (var j=0; j<n.length;j++) { if (c[i] === n[j]) {c.splice(i,1)} } } el.className = c.join(" "); }, when: function (condition, then, dt) { dt = dt ? dt : 50; var DT = 10000, ready = false; setTimeout(loop,dt); function loop() { try { ready = condition() } catch(e) {} if (ready == true) { then() } else if (dt < DT){ dt *= 1.25; setTimeout(loop,dt) } } }, $: function(f){ UHH.when( function () {return ("jQuery" in window)}, f) }, $$: function(f){ UHH.when( function () {return (("jsReady" in UHH) && UHH.jsReady)}, f) }, raf: function(f){ if ("requestAnimationFrame" in window) { window.requestAnimationFrame(f) } else { setTimeout(f,20) } }, importJS: function (url, options) { var id = options && options.id ? options.id : false; var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false; if (!id || (id && !document.getElementById(options.id))) { var newJS = document.createElement("script"); newJS.crossorigin = "anonymous"; if (!!id) {newJS.id = options.id} if (!!onload) { newJS.onload = options.onload } document.head.appendChild(newJS); newJS.src = url; } }, importCSS: function (url, options) { var id = options && options.id ? options.id : false; var onload = (options && options.onload && typeof options.onload == 'function')? options.onload : false; if (!id || (id && !document.getElementById(options.id))) { var newCSS = document.createElement('link'); newCSS.rel = 'stylesheet'; newCSS.type = 'text/css'; newCSS.media = 'screen'; if (!!id) {newCSS.id = options.id} if (!!onload) { newCSS.onload = options.onload } document.head.appendChild(newCSS); newCSS.href = url; } } }; UHH.addClass('js',htmlEl); if (!(function(){try{return (window.document.createElement("link").relList.supports( "preload" ))}catch(e){return false}})()) { (function(){ var css = document.getElementById('css-2'); css.media = "print"; css.rel = "stylesheet"; css.removeAttribute('as'); css.onload = null; css.onload = function(){ this.onload=null; this.media="all"; } })() } ;(function responsive(){ if (window.matchMedia) { var m = window.matchMedia( "(max-width: 1200px)" ); var s = window.matchMedia( "(max-width: 640px)" ); m.addListener(function() {responsive(m,s)}); s.addListener(function() {responsive(m,s)}); responsive(m,s) } function responsive(m,s){ var cl = 'l'; if (window.matchMedia) { if (m.matches) { cl = 'm' } if (s.matches) { cl = 's' } } UHH.removeClass('s m l',htmlEl); UHH.addClass(cl,htmlEl); if (typeof toggleDom == "function") {toggleDom();} if ("$" in window) { $(window).trigger("responsiveSlotChange") } } })();</script><script src="https://assets.rrz.uni-hamburg.de/assets/2-9245fe52fa0a9ade41561d552aee1dd864224d6c84fc488e8c3ace6617309aae.js"></script><style>@media (min-width: 0px) and (max-width: 640px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/6694598/hauptgebaeude640x200-906244d1cf98697764e6091bb938752ae28e78e9.jpg')} }@media (min-width: 641px) and (max-width: 1200px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/6694510/hauptgebaeude1200x300-ef680e585b2db44e8424982970ddc82e1345bef1.jpg')} }@media (min-width: 1201px) and (max-width: 6000px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/uni/6694546/hauptgebaeude2190x400-a0af7abf574b0055f746b718422dfe174b98cf16.jpg')} }</style></head><body class="zentrale nav-5 slider-inhalt" id="23883567"><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="/kontakt/anfahrt.html">Deutsch</a></li><li><a href="/en/kontakt/anfahrt.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 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/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><li><a href="/forschung/kontakt.html">Kontakt</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"><div class="scaling full-width-image"><div aria-label="Hauptgebäude an der Edmund-Siemers-Allee" class="slide-1-1 bild" role="img"></div><div class="container"><p class="bildnachweis">Foto: UHH/Denstorf</p></div></div></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="/kontakt.html"><span property="name">Kontakt & Service</span></a><meta content="2" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" aria-current="page" href="/kontakt/anfahrt.html"><span property="name">Anfahrt und Lageplan</span></a><meta content="3" property="position" /></li></ol></nav><main id="hauptinhalt"><section class="spalten breite"><article class="spalte links"><div class="outer h1"><h1>Lageplan</h1></div><div class="outer"><div class="standard"><h3>Postadresse:</h3> <p><strong>Universität Hamburg <br />Mittelweg 177<br />20148 Hamburg<br /><br /> </strong>Telefon der Zentrale: <strong>+49 40 42838-0<br /> </strong>Zentrale Faxnummer: <strong>+49 40 42838-6594<br /><br /><br /></strong> <iframe marginwidth="0" scrolling="no" src="https://www.uni-hamburg.de/onTEAM/campus/einrichtung.html?loc=i1300713720&zoom=16" width="300" style="width: 700px; height: 398px; border: 1px solid #999;" frameborder="0" title="Präsidium Lageplan" marginheight="0" height="150"> <a href="https://www.uni-hamburg.de/onTEAM/campus/index.html?loc=i1300713720" target="CN" class="cn-iframe">Direkter Link</a></iframe></p> <h2>Anfahrt</h2> <h3>Öffentliche Verkehrsmittel</h3> <p>Die Universität Hamburg ist sehr gut mit öffentlichen Verkehrsmitteln zu erreichen:</p> <p>Zum Haupt-Campus und Hauptgebäude der Universität:</p> <p>S-Bahn: <br />Vom Hauptbahnhof sind es drei Minuten mit der S2 und S5 zum Dammtor-Bahnhof, wo sich der Haupt-Campus befindet.</p> <p>Bus: <br />Die Linien 4, 5 und 19 führen direkt zur Universität (Haltestelle „Dammtor (Messe/CCH)“).</p> <p>Auto:<br />Aufgrund der schwierigen Parkplatzsituation empfehlen wir die Nutzung öffentlicher Verkehrsmittel.</p></div></div><div class="outer"><div class="inhaltsblock einspaltig links box rund rand grau otie " id="23883585"><h2 class="titel">Download</h2><div class="inhalt"><ul> <li><a href="https://www.fid.uni-hamburg.de/lageplan-uhh-A4.pdf" target="_blank">Lageplan der Universität (PDF)</a></li> </ul></div></div></div></article><div class="spalte rechts"><nav aria-label="Subnavigation" class="subnav"><ul id="subnav"><li><h2><a href="/kontakt.html">Kontakt und Service</a></h2></li><li><a class="hier" href="/kontakt/anfahrt.html">Anfahrt und Lageplan</a><ul></ul></li><li><a target="_blank" href="https://www.uni-hamburg.de/onTEAM/campus/">Standorte (Campus-Navigator)</a></li><li><a href="/newsroom.html">Presse- und Öffentlichkeitsarbeit</a></li><li><a href="/stellenangebote.html">Stellenangebote</a></li></ul></nav></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 11. September 2024</p><ul class="linkliste"><li><a class="feedback" rel="nofollow" href="/feedback.html?local_url=https%3A%2F%2Fwww.uni-hamburg.de%2Fkontakt%2Fanfahrt.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>