CINXE.COM

<!DOCTYPE html><html class="v5 l" lang="en"><head><meta charset="utf-8" /><title>privacypolicy : SICSS : University of Hamburg</title><meta content="width=device-width, initial-scale=1" name="viewport" /><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="Xv224E8jFghcbvgvJLBrMVX6WqNGlwTR7E9X08P9TDk_ImYJr-2sf_wD2lSPkooE1U0yfP_19sli502FD-7I6w" /><script>inline_editing={ storeMarkerDefinitions: function(x){} }</script><meta content="www1-fiona" name="srcsvr" /><meta content="66g1q0uz95tch9afvqkkiy8ut2cega" name="facebook-domain-verification" /><meta property="og:title" /><meta content="https://www.sicss.uni-hamburg.de/privacypolicy.html" property="og:url" /><meta content="website" property="og:type" /><meta content="https://www.sicss.uni-hamburg.de/19627623/pixabay-freie-kommerzielle-nutzung-dassel-1200x300-19b5c1538b167ef540a21d0351ac026d090b4e0f.jpg" property="og:image" /><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} .content-page .outer.grau, .topicspage .outer.grau {background-color:#f6f8fa} .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 18px} .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 18px} .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 18px} .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 18px;} .m .full-width-slider .slide .text h3 {font-size: 36px; padding: 22px 18px;} .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 18px} .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} .mitarbeiterin .google_scholar {margin-top:15px} .mitarbeiterin .orcid + .google_scholar {margin-top:0} .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 a .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-5fa0df84559ac15ee9d126da61bdcd28c1c45d609b9a4e0c66f3275caac4563a.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-0cb151e187fdebef80b125c285f817bd6e304f059bcf32da65b46d15d1ffc28d.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-5fa0df84559ac15ee9d126da61bdcd28c1c45d609b9a4e0c66f3275caac4563a.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-0cb151e187fdebef80b125c285f817bd6e304f059bcf32da65b46d15d1ffc28d.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/fakmin/19627634/pixabay-freie-kommerzielle-nutzung-dassel-640x200-b6ef7b9133dec3d9a19d5c1d04e4b25d48745642.jpg')} }@media (min-width: 641px) and (max-width: 1200px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/fakmin/19627623/pixabay-freie-kommerzielle-nutzung-dassel-1200x300-19b5c1538b167ef540a21d0351ac026d090b4e0f.jpg')} }@media (min-width: 1201px) and (max-width: 6000px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/fakmin/19627534/pixabay-freie-kommerzielle-nutzung-dassel-2190x400-7e5ee04a9465efd1f42cf13fe741ae32828970d1.jpg')} }</style></head><body class="einrichtung slider-inhalt" id="18563614"><ul class="versteckt" id="hiddennav"><li><a href="#meta">Zur Metanavigation</a></li><li><a href="#nav">Zur Hauptnavigation</a></li><li><a href="#suche">Zur Suche</a></li><li><a href="#inhalt">Zum Inhalt</a></li><li><a href="#subnav">Zur Subnavigation</a></li><li><a href="#fuss">Zum Seitenfuß</a></li></ul><div id="seite"><header><section aria-label="Metanavigation" id="meta"><div class="breite"><nav aria-label="Topnavigation 1" class="links"><ul><li class="uhh"><a href="https://www.uni-hamburg.de">University of Hamburg</a></li><li class="presse"><a href="https://www.uni-hamburg.de/en/newsroom/presse.html">For journalists</a></li><li class="intranet"><a href="https://www.kus.uni-hamburg.de/en.html" rel="noopener" target="_blank">Staff Service Portal</a><span class="meldungen uhhhidden"><a href="https://www.kus.uni-hamburg.de/aktuelles.html?recentnews=true">0</a></span></li><li class="stine"><a aria-label="Stine" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&PRGNAME=EXTERNALPAGES&ARGUMENTS=-N000000000000002,-N000034,-Awelcome">STiNE</a></li></ul><span class="ajax intranetnews uhhhidden">https://www.kus.uni-hamburg.de/aktuelles.json?recentnews=true</span></nav><nav aria-label="Topnavigation 2" class="rechts"><ul><li class="quick"><a aria-controls="quickmenu" aria-expanded="false" href="#" id="quickmenuschalter" role="button"><span>Institutions and target groups</span></a><div class="slide" id="quickmenu"><ul class="breite"><li class="einrichtungen links"><strong><span class="versteckt">Einrichtungen</span></strong><ul><li class="fakultaeten rubrik"><p><strong><span>Faculties</span></strong></p><ul><li><a href="https://www.jura.uni-hamburg.de/en.html"><span>Faculty of Law</span></a></li><li><a href="https://www.wiso.uni-hamburg.de/en.html"><span>Faculty of Business, Economics and Social Sciences</span></a></li><li><a target="_blank" href="https://www.uke.de/english/organizational-structure/faculty-of-medicine/index.html"><span>Faculty of Medicine</span></a></li><li><a href="https://www.ew.uni-hamburg.de/en.html"><span>Faculty of Education</span></a></li><li><a href="https://www.gw.uni-hamburg.de/en.html"><span>Faculty of Humanities</span></a></li><li><a href="https://www.min.uni-hamburg.de/en.html"><span>Faculty of Mathematics, Informatics and Natural Sciences</span></a></li><li><a href="https://www.pb.uni-hamburg.de/en.html"><span>Faculty of Psychology and Human Movement Science</span></a></li><li><a href="https://www.bwl.uni-hamburg.de/en.html"><span>University of Hamburg Business School</span></a></li></ul></li><li class="dienste rubrik"><p><strong><span>Services</span></strong></p><ul><li><a target="_blank" rel="noopener" href="https://www.stine.uni-hamburg.de/scripts/mgrqispi.dll?APPNAME=CampusNet&PRGNAME=EXTERNALPAGES&ARGUMENTS=-N000000000000002,-N000034,-Awelcome"><span> Study Information Net STiNE </span></a></li><li><a target="_blank" rel="noopener" href="https://surfmail.rrz.uni-hamburg.de/login.php?new_lang=en_US"><span>Surfmail</span></a></li><li><a target="_blank" rel="noopener" href="https://exchange.uni-hamburg.de/owa/auth/logon.aspx?replaceCurrent=1&url=https%3a%2f%2fexchange.uni-hamburg.de%2fowa"><span>Exchange</span></a></li><li><a target="_blank" rel="noopener" href="https://www.intranet.uni-hamburg.de/en.html"><span>Staff Service Portal</span></a></li><li><a target="_blank" rel="noopener" href="https://www.uni-hamburg.de/en/elearning/werkzeuge/lernplattformen.html"><span>Learning Platforms</span></a></li><li><a target="_blank" rel="noopener" href="https://katalogplus.sub.uni-hamburg.de/vufind/"><span>Katalogplus – Catalogue of Hamburg Libraries</span></a></li><li><a target="_blank" rel="noopener" href="https://sharepoint.uni-hamburg.de"><span>SharePoint</span></a></li></ul></li><li class="einrichtungen rubrik"><p><strong><span>Student facilities and services</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/en/campuscenter.html"><span>Campus Center</span></a></li><li><a href="https://www.uni-hamburg.de/en/career-center.html"><span>Career Center</span></a></li><li><a href="https://www.uni-hamburg.de/en/piasta.html"><span>PIASTA</span></a></li><li><a href="https://www.asta-uhh.de"><span>AStA (student council)</span></a></li><li><a href="https://www.hochschulsport.uni-hamburg.de/"><span>University Sports</span></a></li><li><a href="https://www.akamusik.uni-hamburg.de/"><span>University Music</span></a></li><li><a href="https://www.uni-hamburg.de/en/familienbuero.html"><span>Family Office</span></a></li><li><a href="https://www.uni-hamburg.de/en/sprachenzentrum.html"><span>University Language Center</span></a></li><li><a href="https://www.uni-hamburg.de/en/allgemeinsprachen.html"><span>General Languages</span></a></li><li><a href="https://www.uni-hamburg.de/studieren-mit-behinderung.html"><span>Office of Affairs for Students with Disabilities or Chronic Diseases</span></a></li><li><a href="https://www.uni-hamburg.de/einrichtungen/studierende/bibliotheken.html"><span>Departmental libraries</span></a></li></ul></li><li class="weitere rubrik"><p><strong><span>Further facilities and services</span></strong></p><ul><li><a href="https://www.cliccs.uni-hamburg.de/en.html"><span>The Cluster of Excellence CLICCS</span></a></li><li><a href="https://www.cui-advanced.uni-hamburg.de/en.html"><span>The Cluster of Excellence CUI</span></a></li><li><a href="https://www.qu.uni-hamburg.de/"><span>The Cluster of Excellence Quantum Universe</span></a></li><li><a href="https://www.csmc.uni-hamburg.de/written-artefacts.html"><span>The Cluster of Excellence Understanding Written Artefacts</span></a></li><li><a href="https://www.cen.uni-hamburg.de/en.html"><span>Center for Earth System Research and Sustainability</span></a></li><li><a href="https://www.isa.uni-hamburg.de/"><span>Center for Interdisciplinary Studies and Academic Skills</span></a></li><li><a href="https://www.hul.uni-hamburg.de/"><span>Hamburg Center for University Teaching and Learning (HUL)</span></a></li><li><a href="https://www.hra-hamburg.de/en.html"><span>Hamburg Research Academy</span></a></li><li><a href="https://www.uni-hamburg.de/en/transfer.html"><span>Knowledge Exchange Agency</span></a></li><li><a href="https://www.uni-hamburg.de/en/museen-sammlungen.html"><span>Museums and collections</span></a></li><li><a target="_blank" href="https://www.pier-plus.de/en.html"><span>Pier Plus</span></a></li><li><a href="https://www.rrz.uni-hamburg.de/"><span>Regional Computing Center (RRZ)</span></a></li><li><a href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung.html"><span>University Administration</span></a></li><li><a href="https://www.archiv.uni-hamburg.de/"><span>University Archives (in German)</span></a></li><li><a href="https://www.unikontor.de/"><span>The Unikontor Shop (in German)</span></a></li></ul></li></ul></li><li class="zielgruppen rubrik rechts"><p><strong><span>Target groups</span></strong></p><ul><li><a href="https://www.uni-hamburg.de/en/studium/studieren-in-hamburg.html"><span>Prospective students</span></a></li><li><a href="https://www.uni-hamburg.de/en/studium.html"><span>Students</span></a></li><li><a href="https://www.uni-hamburg.de/en/campuscenter/bewerbung/international.html"><span>International prospective students</span></a></li><li><a href="https://www.uni-hamburg.de/en/forschung/nachwuchs/promotion.html"><span>Young researchers</span></a></li><li><a href="https://www.uni-hamburg.de/en/lp-forschende.html"><span>Researchers</span></a></li><li><a href="https://www.kus.uni-hamburg.de/en/zielgruppen/lehrende.html"><span>Instructors</span></a></li><li><a href="https://www.kus.uni-hamburg.de/en/"><span>Staff</span></a></li><li><a href="https://www.uni-hamburg.de/en/service/weiterbildung.html"><span>Prospective continuing education students</span></a></li><li><a href="https://www.uni-hamburg.de/en/service/alumni.html"><span>Alumni</span></a></li><li><a href="https://www.uni-hamburg.de/en/newsroom.html"><span>Journalists</span></a></li><li><a href="https://www.uni-hamburg.de/uhhhilft.html"><span>Refugees (in German only)</span></a></li></ul></li></ul><a aria-controls="quickmenu" aria-expanded="false" aria-label="quick menu" class="schliessen" href="#" id="quickmenuclose" role="button">Close</a></div></li><li class="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><div class="abdeckung"></div></li></ul></nav></div></section><section class="logos"><div class="breite"><div class="bild"><a href="https://www.uni-hamburg.de"><img title="Home" alt="University of Hamburg - to research, to teach, to educate and form, to homepage" src="https://assets.rrz.uni-hamburg.de/assets/uhh-logo-16dab7756eecc70a7649a242498868c6bb37872e5eae6023b38026faeef923c3.svg" /></a></div><div class="text"><a title="Page logo: Home" href="/"><div class="kurz">SICSS</div><div class="wortmarke">SCHOOL OF INTEGRATED <br/>CLIMATE AND EARTH <br/>SYSTEM SCIENCES</div></a></div></div></section></header><section class="nav"><div class="breite"><nav aria-label="Hauptnavigation" class="top menu" id="nav"><ul><li><a href="/about-sicss.html">About</a><ul><li><a href="/about-sicss/integrated-climate-system-sciences.html">Integrated Climate and Earth System Sciences</a></li><li><a href="/about-sicss/scientific-network.html">Scientific network</a></li><li><a href="/about-sicss/team.html">Team</a></li><li><a href="/about-sicss/directions.html">Directions</a></li></ul></li><li><a href="/msc-programs.html">Master</a><ul><li><a href="/msc-programs/msc-integrated-climate-science.html">M.Sc. Integrated Climate System Sciences</a></li><li><a href="/msc-programs/other-msc-programs.html">Other M.Sc. programs in CEN</a></li></ul></li><li><a href="/phd-program.html">Doctorate</a><ul><li><a href="/phd-program/become-member.html">Become a member</a></li><li><a href="/phd-program/why-choose-sicss.html">Why choose SICSS?</a></li><li><a href="/phd-program/courses.html">Courses</a></li><li><a href="/phd-program/supervision.html">Supervision</a></li><li><a href="/phd-program/doctoral-candidates.html">Doctoral Candidates</a></li><li><a href="/phd-program/doctoral-representatives.html">Doctoral Representatives</a></li><li><a href="/phd-program/campus-life.html">Campus Life</a></li><li><a href="/phd-program/incoming-internationals.html">Incoming international doctoral candidates</a></li><li><a href="/phd-program/funding.html">Funding</a></li><li><a href="/phd-program/mingz-faq.html">FAQ for MIN doctoral candidates</a></li></ul></li><li><a href="/postdoc-program.html">Postdoc</a><ul><li><a href="/postdoc-program/offers-cen-members.html">Offers for CEN members</a></li><li><a href="/postdoc-program/offers-cliccs-members.html">Offers for CLICCS members</a></li><li><a href="/postdoc-program/postdoc-representatives.html">Postdoc Representatives</a></li><li><a href="/postdoc-program/habilitation.html">Habilitation</a></li><li><a href="/postdoc-program/additional-offers.html">Additional offers at UHH</a></li></ul></li><li><a href="/alumni.html">Alumni</a><ul><li><a href="/alumni/msc-alumni.html">MSc ICSS Alumni</a></li><li><a href="/alumni/phd-alumni.html">Doctoral Alumni</a></li><li><a href="/alumni/global-alumni-network.html">Our global Alumni-network</a></li><li><a href="/alumni/alumni-registration-forms.html">Alumni Registration</a></li></ul></li><li><a href="/service.html">Service</a><ul><li><a href="/service/booking-rooms.html">Booking Rooms</a></li><li><a href="/service/equality.html">Equality</a></li><li><a href="/service/conflict-prevention-and-resolution.html">Conflict Prevention and Resolution</a></li><li><a href="/service/healthy-working.html">Healthy working</a></li><li><a href="/service/facilities.html">Facilities</a></li><li><a href="/service/job-portals.html">Job sites and offers from other institutions</a></li><li><a href="/service/mysicss.html">MySICSS (internal)</a></li></ul></li></ul></nav><section aria-label="Suche" id="suche"><a aria-controls="sucheingabe" aria-expanded="false" aria-label="Search" href="#" id="suchea" role="button"></a><form action="/search.html" id="sucheingabe"><input aria-label="Search term" class="input-x" name="q" placeholder="mit Google™ suchen ..." tabindex="-1" type="text" /><input tabindex="-1" type="submit" value="Suchen" /></form></section></div></section><div id="inhalt"><section class="oben"><div class="scaling full-width-image"><div aria-label="start-msc" class="slide-1-1 bild" role="img"></div><div class="container"><p class="bildnachweis">Photo: pixabay/dassel</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="http://www.uni-hamburg.de"><span property="name">UHH</span></a><meta content="1" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" href="/"><span property="name">SICSS</span></a><meta content="2" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" aria-current="page" href="/privacypolicy.html"><span property="name">privacypolicy</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></h1></div><div class="outer"><div class="standard"><h2>Contact Details</h2><p>Pursuant to the General Data Protection Regulation, national data protection laws of the various Member States, and other privacy regulations, the responsible entity (“Controller”) is:</p><p>University of Hamburg represented by the president<br />Mittelweg 177<br />20148 Hamburg<br /><a class="emil"><span class="n">praesident</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span></a></p><p>The University of Hamburg is a corporation under German public law, represented by Univ.-Prof. Dr. Hauke Heekeren, president of the University of Hamburg, Mittelweg 177, 20148 Hamburg.</p><h2>University of Hamburg Data Protection Officer contact details:</h2><p>University of Hamburg Data Protection Officer<br />Mittelweg 177, 20148 Hamburg<br /><a class="emil"><span class="n">datenschutz</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span></a></p><h2>A. Data processing</h2><h3>1. Accessing this website and creation of log files</h3><p>information are collected every time this website is accessed or used. These data and information are stored in log files on the server and can include:<ul><li>IP address</li><li>browser type / browser version</li><li>date and time the website was accessed</li><li>user Internet service provider</li><li>user operating system</li><li>referring website</li><li>websites accessed by the User’s system through our website</li></ul></p><p>The temporary storage of data and log files is lawful pursuant to Article 6 (1) lit. f General Data Protection Regulation (Datenschutz-Grundverordnung—DSGVO)</p><p>The IP address is temporarily stored in the system as it is necessary to provide website access to the User’s computer. The IP address is retained while that website is being accessed.</p><p>These log files are stored to ensure website functionality, optimize the content of our website, and ensure the security of our IT system.</p><p>The data will be deleted when they are no longer needed for the purpose they were collected. For data collected to provide access to the website, this will be at the end of every session.</p><p>For log files, this will occur after 28 days at the latest. Some data may be preserved for a longer period of time, in which case user IP addresses are deleted or anonymized, rendering it impossible to link the data to any individual.</p><h3>2. Newsletter</h3><p>On our website, you can subscribe to the free University of Hamburg newsletter.</p><p>When you register, you will be asked to give your consent to our processing of your data and referred to our Privacy Statement. The process of registering for the newsletter will transmit the information you have entered into the online data entry form.</p><p>In addition, the University of Hamburg uses a double opt-in procedure for delivery of the newsletter. This means that an email will be sent to the email address you provided, in which you will be asked to confirm your registration for the newsletter. If you do not confirm your registration within 24 hours, your information will be blocked and then automatically deleted.</p><p>In addition, during registration and deregistration, we store the email address, name of the newsletter, the time, and the type of confirmation (web confirmation or email confirmation) to be able to prove registration and to identify possible misuse.</p><p>The processing of information following user registration for the newsletter is lawful subsequent to user consent pursuant to Article 6 paragraph 1 letter a GDPR.</p><p>The data provided to register for the newsletter will only be used to deliver the newsletter to you and will not be given to third parties. You may withdraw your consent at any time with future effect. You can withdraw consent by sending an email to the sender or by clicking on the respective link in the newsletter. Your data will then be immediately deleted from the system.</p><h3>3. Registration</h3><p>Users can register on the University of Hamburg webpages by providing personal data. All information requested in the online data entry form will be transmitted as part of the registration process.</p><p>You will be asked to grant your consent for the processing of this data as part of the registration process.</p><p>These data are processed subsequent to user consent pursuant to Article 6 paragraph 1 lit. a GDPR.</p><p>User registration is necessary to provide specific content and services on our website, including the creation and administration of user accounts, participation in surveys, the administration of applications for admission and placement tests, the organization of examinations, registering for courses, events, examinations, and the administrative tasks associated with them.</p><p>The data will be deleted when they are no longer needed for the purpose they were collected.</p><h3>4. Mail forms</h3><p>There are contact forms and other mail forms on the University of Hamburg webpages that can be used to communicate electronically. When registering, the data entered by you into the online data entry form will be transmitted. Your consent is required for the processing of this data, and you will be referred to our Privacy Statement and asked to grant your consent when you send the form.</p><p>Moreover, individuals will be informed about the purpose of the data processing for which they are granting consent.</p><p>Your consent is required for the processing of your personal data (Article 6 paragraph 1 letter a GDPR or Article 6 paragraph 2 letter a GDPR if special categories of personal data—e.g., health data—are specified in the email form). Consent is voluntary. The duration of storage of the data depends upon the processing purpose, which will be listed separately in the email form. You can revoke this consent at any time.</p><h3>5. Email contact</h3><p>You can contact the University of Hamburg via its website by using the email addresses provided. In this case, the personal data provided in the email will be stored. This information will not be passed on to third parties.</p><p>This processing is lawful pursuant to Article 6 paragraph 1 lit. e GDPR in conjunction with Section 4 Hamburg data protection and privacy act (Hamburgisches Datenschutzgesetz, HmbDSG), where the processing of the personal data provided by you to process your inquiry is required to discharge our duties. Communication of additional information by you is voluntary, based on your consent pursuant to Article 6 paragraph 1 lit. a GDPR.</p><p>These data are only stored for the purposes of processing that communication and for the purposes stated in that communication.</p><h3>6. Comment function</h3><p>Some areas of our website provide a comment function. If you leave a comment, it will be published with your user name in that particular document. We recommend you use a pseudonym instead of your actual name. To use the comment function, you must enter the user name you have chosen and your email address. All other information is voluntary. If you leave a comment, we will save it to the file with the information listed above, and the date and time the comment was made. Your IP address will always be saved when you open the website, see Section A. 1.</p><p>Your email address will be saved for the purpose of contacting you if a third party reports your comment as being unlawful. Your IP address is saved for the purpose of protecting you against third-party claims in the event of the publication of unlawful content.</p><p>We reserve the right to delete comments that we, or third parties, hold as being unrelated to the website, or which are unlawful.</p><p>Your email address will remain stored as long as your comment is visible.</p><p>This processing is lawful in accordance with Article 6 paragraph 1 letter a GDPR, i.e., you have granted your consent.</p><p>We also offer a service which informs you via email when your comment is published, or rejected, or if another user has left a comment on your contribution. To use this service, you must click on the relevant check box when you submit your comment.</p><p>This processing is lawful in accordance with Article 6 paragraph 1 letter a GDPR, i.e., you have granted your consent.</p><h2>B. Web analysis</h2><h3>1. Matomo</h3><p>University of Hamburg uses the cookieless version of the open-source software Matomo on its website for the analysis and statistical evaluation of its use.</p><p>Visits to our website are collected anonymously and evaluated without the use of tracking cookies. Matomo does however require that the IP address assigned to your end device be communicated to Matomo. The IP address is anonymized immediately on collection and before the data are stored. Matomo does not undertake any further processing of personal data.</p><p>This processing is lawful on the basis of Article 6 subsections 1 e and 3 GDPR in conjunction with Section 4 of the Hamburg data protection act (Hamburgisches Datenschutzgesetz, HmbDSG) in conjunction with Section 6 subsection 2 no. 1 Hamburg higher education act (Hamburgisches Hochschulgesetz, HmbHG).</p><h3>2. etracker</h3><p>etracker is deactivated on this site</p><h2>C. Cookies</h2><p>Our website uses cookies. Cookies are text files that are stored in the Internet browser or by the Internet browser on the user's computer. When a user accesses a website, a cookie may be stored on the user's operating system. This cookie contains a characteristic string of characters that enables the browser to be uniquely identified when the website is called up again.</p><p>There are different types of cookies. On the one hand, a distinction is made between first-party cookies and third-party cookies. While first-party cookies are set by the website you are currently visiting and only this website can read information from the cookies, third-party cookies are set by third parties who are not operators of this website. The University of Hamburg does not use third-party cookies.</p><p>In addition, a distinction is made between session cookies and persistent cookies. Session cookies contain information that is only stored temporarily and is automatically deleted when you leave the website. Persistent cookies (also permanent cookies) are automatically deleted after the specified storage period, which may vary depending on the type of cookie. However, you can delete these cookies at any time via your browser settings.</p><p>The purpose of using necessary (also technically necessary) cookies is to simplify the use of websites for users.</p><p>The legal basis for the storage of cookies or for the storage of information in the end user's terminal equipment and access to this information already stored in the terminal equipment results from the Telecommunications Digital Services Data Protection Act (Telekommunikation-Digitale-Dienste-Datenschutz-Gesetz, TDDDG). In addition, the legal basis for the further processing of personal data collected in this context arises from the General Data Protection Regulation.</p><p>Cookies are stored on the user's computer and transmitted to us by the user. Therefore, you as the user also have full control over the use of cookies. You can deactivate or restrict the transmission of cookies by making a change in your Internet browser. Cookies that have already been stored can be deleted at any time. This can also be done automatically. If cookies are deactivated for our website, it may no longer be possible to use all functions of the website in full.</p><h3>Required cookies (Essential category)</h3><p>Necessary cookies are set to make a website usable by enabling basic functions so that a website can function properly. The legal basis for storing information on the terminal device (by means of a cookie) and accessing the information is Section 25 Subsection 2 Telecommunications Digital Services Data Protection Act (TDDDG). If personal data is processed at the same time as or subsequently with the storage of or access to the information, the legal basis is Article 6 subsections 1 e and 3 GDPR in conjunction with Section 4 of the Hamburg data protection act (Hamburgisches Datenschutzgesetz, HmbDSG) in conjunction with Section 3 and 4 Hamburg higher education act (Hamburgisches Hochschulgesetz, HmbHG).</p><table><thead><tr><th>Name</th><th>Provider</th><th>Purpose</th><th>Expiration</th><th>Type</th></tr></thead><tbody><tr><td>fionaapp_session</td><td>UHH</td><td>Protection against cross-site scripting (protection against software attacks)</td><td>Session</td><td>HTTP Cookie</td></tr><tr><td>_shibsession_*</td><td>UHH</td><td>Store Shibboleth login to a website (authentication of user ID) Session HTTP Cookie</td><td>Session</td><td>HTTP Cookie</td></tr></tbody></table><h2>D. Data transfer to third parties</h2><h3>1. Social media</h3><p>Information on the data protection of our social media channels can be found in the <a href="https://uni-hamburg.de/en/datenschutz-social-media.html">Privacy policy for our social media pages</a>.</p><h4>YouTube</h4><p>We use the services provided by YouTube to embed videos into our website. YouTube is operated by Google Ireland Limited, Gordon House, Barrow Street, Dublin 4 Ireland, EU (Google).</p><p>Clicking on “Play video” embeds an iframe with the provider’s content into the page. No service content is integrated, nor are any data transferred before the User clicks.</p><p>When you activate the content, the operator of the social media platform receives information that the relevant page has been accessed, for which personal data are transmitted to the platform operator.</p><p>Use of YouTube allows information regarding your use of this website (including your IP address) to be transmitted to, and stored in, a YouTube (Google) server in the USA. Google is certified under the EU-U.S. Data Privacy Framework.</p><p>Further information on the processing of data and the YouTube (Google) privacy statement are available at <a href="https://policies.google.com/privacy?hl=en&gl=en">https://policies.google.com/privacy?hl=en&gl=en</a>.</p><h4>Vimeo</h4><p>We use the Vimeo plugin for the Vimeo video portal operated by Vimeo LLC.,555 West Street, New York, New York 10011, USA to integrate video material that we have published on Vimeo.</p><p>When you access a page on our website featuring an embedded Vimeo video, this will connect to the Vimeo servers, which notify your browser to display the plugin. Information regarding which of our page(s) you have visited will be transmitted to the Vimeo server. If you are logged into your Vimeo account, Vimeo will be able to store this information in your User Account. If you activate a plugin on our website, for example, by clicking the start button for a video or leaving a comment, this information will be stored in your Vimeo account. You can prevent this by logging out of your Vimeo account.</p><p>Use of Vimeo allows information regarding your use of this website (including your IP address) to be transmitted to, and stored in, a Vimeo server in the USA. Vimeo is certified under the EU-U.S. Data Privacy Framework.</p><p>If you do not wish to allow the use of cookies, you can block cookies, or delete them (see Point A.2) using the settings in your browser or by using an appropriate browser Add-On.</p><p>Further information on the processing of data and the Vimeo privacy statement are available at <a href="https://vimeo.com/privacy">https://vimeo.com/privacy</a>.</p><h3>2. Online tools</h3><h4>Google Maps</h4><p>We use the Google Maps API, an interactive map and navigation service provided by Google LLC (“Google”). Google Maps is operated by Google LLC., 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA.</p><p>Use of Google Maps allows information regarding your use of this website (including your IP address) to be transmitted to, and stored in, a Google server in the USA. Google may provide the information gained from Maps to third parties, in so far as this is permitted by law or where those third parties process said data as agents of Google.</p><p>You may deactivate the Google Maps service, thus preventing the transmission of data to Google, by deactivating JavaScript in your browser. Please note, however, that this will prevent your use of the maps on our website.</p><p>The Google privacy policy and additional terms of use for Google Maps are available at <a href="https://policies.google.com/privacy?hl=en&gl=en">https://policies.google.com/privacy?hl=en&gl=en</a></p><h4>Google Custom Search</h4><p>The central search function for our website is provided by the Google Custom Search Engine (GCSE). This search function allows for full text searching through the online material of our website. This search function is accessed by a search box, embedded in the header bar of each individual webpage.</p><p>The search box on these webpages (“Search Box”) is provided by Google LLC. and integrated into our webpages without alteration as a software module. By entering a search term into the search box and clicking search, the User activates the search function. This in turn calls up a Search Results page, loaded by a Google provided plugin, which displays the relevant search results. The plugin enables search results to be automatically conveyed from the Google search service to the search results page. Use of the search function provided by Google constitutes a dynamic transmission of data from Google, the service provider, to the search results page. Data will only be transmitted to Google after a User has activated a search box, started a full-text search, and activated the search results page. Use of the search function within the search results page will simultaneously also transfer user data to Google. The full text search and the activation of the search results page this produces will transmit the search term you entered, and the IP address of the computer you are using to Google. If you are also logged into Google at that time, the Google service is able to link this information to your user profile. To prevent profile data accumulating, you should log out of your Google account.</p><p>Further information about how Google handles your user information is available at <a href="https://policies.google.com/privacy?hl=en&gl=en">https://policies.google.com/privacy?hl=en&gl=en</a>.</p><p>This processing of data is lawful pursuant to Article 6 paragraph 1 lit. f GDPR, and is in the legitimate interest of providing the most convenient use of our website.</p><h3>3. Publication metrics</h3><p>We use external service providers to integrate publication metrics into our website. Publication metrics are used by the relevant services to record citation rates and mentions in social media posts for scientific publications. Such metrics are integrated and displayed on our website using the service providers' badge. If you activate these badges, the metrics for the corresponding publication are retrieved via a distinct and permanent digital identifier for the individual publication. Your IP address is transmitted to the relevant service provider for technical reasons. However, your IP address is transmitted via the so-called two-click solution. This means that when you click on a badge, a pop-up is first displayed, and your IP address is transmitted only when you then click on the visible “Activate” button. The transmission takes place via the https request of your browser to the service provider’s external server. If your IP address is not transmitted, the external server cannot respond, and—as a result—the publication metrics cannot be displayed in your browser. You can deactivate activated badges at any time by clicking on the “Deactivate” button and thus stop the transmission of your IP address. The metrics of individual publications can also be retrieved directly on the website of the respective service provider without having to use the badges on our website.</p><p>In this respect, the legal basis for the processing of your personal data is your express consent in accordance with Article 6 paragraph 1 letter a GDPR in conjunction with Article 49 paragraph 1 letter a GDPR.</p><h4>PlumX</h4><p>We use the services of PlumX, among others, to integrate publication metrics into our website. PlumX is operated by Plum Analytics Elsevier, 1600 John F Kennedy Blvd #1800, Philadelphia, PA 19103.</p><p>As described above, graphics with the provider’s content will be embedded in our website if you click on “Activate.” No provider content is integrated, nor are any data transferred before you click on “Activate.”</p><p>When you activate the content, the provider of the badges receives information that the relevant page has been accessed and your personal data (IP address).</p><p>Use of PlumX publication metrics allows information regarding your use of this website (including your IP address) to be transmitted to, and stored in, a PlumX server in the United States. The PlumX operating company is part of the RELX Group (<a href="https://www.relx.com/">www.relx.com</a>), which is certified for under the EU-US Data Privacy Framework for non-HR data. This certification also covers the company operating PlumX.</p><p>Further information on the processing of data and the provider’s privacy statement are available at <a href="https://www.elsevier.com/legal/privacy-policy?trial=true">www.elsevier.com/legal/privacy-policy</a>.</p><h4>Altmetric</h4><p>We continue to use publication-metrics services from Altmetric, operated through Digital Science & Research Solutions Ltd, 4 Crinan Street, London N1 9XW, United Kingdom.</p><p>As described above, graphics with the provider’s content will also be embedded in our website if you click on “Activate.” No provider content is integrated, nor are any data transferred before you click on “Activate.”</p><p>When you activate the content, the provider of the badges receives information that the relevant page has been accessed and your personal data (IP address).</p><p>Use of Altmetric publication metrics allows information regarding your use of this website (including your IP address) to be transmitted to, and stored in, Altmetric servers in the United Kingdom and also in the United States. However, the subsidiary company of Digital Science & Research Solutions Ltd—Digital Science & Research Solutions Inc., which is based in the United States—is certified under the EU-US Data Privacy Framework for non-HR data. The EU Commission has also issued an adequacy decision for the United Kingdom.</p><p>Further information on the processing of data and the provider’s privacy statement are available at <a href="https://www.altmetric.com/privacy-policy/">www.altmetric.com/privacy-policy</a>.</p><h2>E. Your rights</h2><p>You have the following rights:<ul><li>the right to information regarding personal data pertaining to you that is stored by us (Article 15 GDPR)</li><li>the right to correction of any incorrect or incomplete personal information (Article 16 GDPR)</li><li>the “right to be forgotten”: erasure of stored personal data insofar as the relevant data are not necessary for the exercise of the right of freedom of expression and information, for compliance with a legal obligation, for reasons of public interest, or the purposes of establishing, exercising, or defending a legal claim (Article 17 GDPR)</li><li>the right to limited processing of personal data (Article 18 GDPR)</li><li>the right to object to the processing of your data conducted in our legitimate interest, public interest, or for profiling purposes unless we can demonstrate compelling grounds for processing said data that outweighs your interests, rights, and freedoms or where the processing of said data is required for the establishment, exercise, or defense of a legal claim (Article 21, GDPR);</li><li>the right to withdraw your consent to the collection, processing, and use of your personal data at any time with future effect (Article 7 paragraph 3 GDPR)—this means that the data processing related to that consent will no longer be carried out;</li><li>the right to lodge a complaint with a supervisory authority where you believe the processing of personal data related to you is in breach of the GDPR (Article 77 GDPR)</li></ul></p><h2>F. Withdrawal of consent / objection to processing</h2><p>The relevant declaration of consent indicates who you must contact to withdraw your consent.</p><h2>G. Rights as a data subject</h2><p>You may exercise your rights as a data subject, such as obtaining information on data being stored, by contacting <a class="emil"><span class="n">datenschutz</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span></a></p></div></div></article><div class="spalte rechts"><nav aria-label="Subnavigation" class="subnav"><ul id="subnav"><li><h2><a href="/privacypolicy.html">privacypolicy</a></h2></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>Last update: 27 August 2019</p><ul class="linkliste"><li><a class="feedback" rel="nofollow" href="/feedback.html?local_url=https%3A%2F%2Fwww.sicss.uni-hamburg.de%2Fprivacypolicy.html">Feedback</a></li><li><a class="imprint" href="/imprint.html">Legal notice</a></li><li><a class="privacypolicy" href="/privacypolicy.html">Privacy statement</a></li><li><a class="privacypolicy" href="https://www.uni-hamburg.de/en/barrierefreiheit.html"><span>Accessibility</span></a></li><li><a class="sitemap" href="/sitemap.html">Site map</a></li></ul></div></section><section aria-label="Social Links" class="social"><ul class="breite"><li><a class="facebook icon" href="https://www.facebook.com/unihamburg" rel="noopener" target="_blank"><img alt="Facebook" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4fb-34eefe78f2115697918fcdf3380073e3205a54d08662956922dff874cfec7459.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="instagram icon" href="http://instagram.com/unihamburg" rel="noopener" target="_blank"><img alt="Instagram" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4instagram-3be0c5c414c9d6dd564a5f19c1c640dcae8014f923832549e3db849b1b7d0102.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="youtube icon" href="https://www.youtube.com/c/unihamburg" rel="noopener" target="_blank"><img alt="YouTube" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4youtube-32bb78930fd96a7f801b482abf6ea9d20dc27b2b9a276a71d2a0261c29cc8844.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="lecture2go icon" href="https://lecture2go.uni-hamburg.de/" rel="noopener" target="_blank"><img alt="Lecture2Go" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/v4l2go-ba01d1b32f3f14f791bcde647a089b700170a6afb1d25d74fcc0cffcf3715db3.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="linkedin icon" href="https://linkedin.com/school/unihamburg" rel="noopener" target="_blank"><img alt="LinkedIn" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/linkedin-5d3420860dccef728ae5ce2627a06b1b7c376a7785f814671a7b1835a7afb05e.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="xing icon" href="https://www.xing.com/pages/universitathamburg" rel="noopener" target="_blank"><img alt="Xing" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/xing-f9c3e5df0de6d2ac5432c1f55a59bfd551e7b0d134a863b4e16ace3a9a206fb4.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li><li><a class="threads icon" href="https://www.threads.net/@unihamburg" rel="noopener" target="_blank"><img alt="Threads" class="defer" data-src="https://assets.rrz.uni-hamburg.de/assets/threads-528ea1104b0ce0a25e43b1411e3274dcc64c9774b0bed7a57f59ae40b7343482.svg" src="https://assets.rrz.uni-hamburg.de/assets/placeholder-5c5fc8f0915b6ab9ac0e253dfdb9636831107395cc7f6ef1015a902c4f0fa964.svg" /></a></li></ul></section><section class="global"><nav aria-label="General Links" class="liste box"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/en/studium.html">Studies</a></li><li><a href="https://www.uni-hamburg.de/en/forschung.html">Research</a></li><li><a href="https://www.uni-hamburg.de/en/internationales.html">International affairs</a></li><li><a href="https://www.uni-hamburg.de/en/uhh.html">University</a></li><li><a href="https://www.uni-hamburg.de/en/uhh/organisation/fakultaeten-fachbereiche.html">Faculties</a></li></ul><ul><li><a href="https://www.uni-hamburg.de/en/uhh/stellenangebote.html">Jobs</a></li><li><a target="_blank" href="https://www.uni-hamburg.de/en/newsroom/presse/publikationen/apps.html">Apps</a></li><li><a href="https://www.uni-hamburg.de/onTEAM/campus/index_e.html">Campus Navigator</a></li><li><a href="https://www.uni-hamburg.de/uhh/organisation/stabsstellen/recht/wahlen.html">University elections</a></li><li><a href="https://www.uni-hamburg.de/en/sitemap.html">Site map</a></li></ul><ul><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter/studienorientierung.html">Prospective students</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter.html">Students</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter/bewerbung/international.html">International prospective students</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/forschung/karrierewege.html">Young researchers</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/forschung.html">Researchers</a></li><li><a class="zielgruppe" href="https://www.kus.uni-hamburg.de/en.html">Staff</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/service/weiterbildung.html">Prospective continuing education students</a></li><li><a target="_blank" class="zielgruppe" href="https://alumni-uhh.de/">Alumni</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/newsroom/pressemitteilungen.html">Journalists</a></li><li><a class="zielgruppe" href="https://www.uni-hamburg.de/en/campuscenter/studienorientierung/studienorientierung-fuer-internationale.html">Refugees</a></li></ul></div></nav><nav aria-label="more links" class="ende"><div class="breite"><ul><li><a href="https://www.uni-hamburg.de/en/kontakt.html">Address</a></li><li><a href="https://www.uni-hamburg.de/en/kontakt/anfahrt.html">Map and directions</a></li><li><a href="https://www.uni-hamburg.de/en/kontakt/notfall.html">Emergencies and Safety</a></li></ul><p class="copyright">© 2025 University of Hamburg. All rights reserved</p><div class="audits"><div class="audit deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/familie/audit.html" rel="noopener" title="Go to family-friendly higher education institution audit">audit familiengerechte hochschule</a></div><div class="audit1 deferredbg"><a href="https://www.uni-hamburg.de/internationales/profil/audit.html" rel="noopener" title="Go to internationalisation re-audit">Audit</a></div><div class="audit2 deferredbg"><a href="https://www.uni-hamburg.de/gleichstellung/diversity/diversity-uhh/diversity-audit.html" rel="noopener" title="Go to Diversity Audit">HRK-Audit</a></div><div class="systemakkreditierung deferbg"><a href="https://www.uni-hamburg.de/en/uhh/organisation/praesidialverwaltung/studium-und-lehre/qualitaet-und-recht/qm-entw/01-systemakkreditierung.html" rel="noopener" title="Go to System accreditation">System accreditation</a></div></div></div></nav></section></footer></div><div id="sponsors"></div><script>console.log('document ready: ' + (Date.now() - t0) + ' ms'); var t1 = Date.now();</script><div class="tracking" style="display:none"><div class="piwik">203</div><div class="etracker"></div></div></body></html>