CINXE.COM

<!DOCTYPE html><html class="v5 l" lang="en"><head><meta charset="utf-8" /><title>Occasional Papers : CSMC : 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="W85_2KHQ36KwDyjzdnTHfa7L9tK_nnB0qaivgn1YV0Ut7H8Lvh9UDZWJWkSyrvRFrgvS6R-bG_vhShBuiAHV7g" /><script>inline_editing={ storeMarkerDefinitions: function(x){} }</script><meta content="www1-fiona" name="srcsvr" /><meta content="66g1q0uz95tch9afvqkkiy8ut2cega" name="facebook-domain-verification" /><meta content="Occasional Papers" property="og:title" /><meta content="https://www.csmc.uni-hamburg.de/publications/occasional-papers.html" property="og:url" /><meta content="website" property="og:type" /><meta content="https://www.csmc.uni-hamburg.de/23250475/publications-1200-300-2c4bd17c07060d4fba7209d508a290a60a1d5c74.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/fakgw/23250487/publications-640-200-118283b5dde4a23db713c5062ce9294bc3ed7621.jpg')} }@media (min-width: 641px) and (max-width: 1200px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/fakgw/23250475/publications-1200-300-2c4bd17c07060d4fba7209d508a290a60a1d5c74.jpg')} }@media (min-width: 1201px) and (max-width: 6000px) { .slide-1-1.bild{background-image:url('https://assets.rrz.uni-hamburg.de/instance_assets/fakgw/23250457/publications-32213020e849673278ee375e352b55186aa5bd18.jpg')} }</style></head><body class="einrichtung slider-inhalt" id="14662863"><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">CSMC</div><div class="wortmarke"><b>CSMC</b>Centre for the Study of Manuscript Cultures</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.html">About</a><ul><li><a href="/about/people.html">People</a></li><li><a href="/about/ethics.html">Ethics</a></li><li><a href="/about/equal-opportunity.html">Equal Opportunity</a></li><li><a href="/about/sustainability.html">Sustainability</a></li><li><a href="/about/artist-in-residence.html">Artists in Residence</a></li><li><a href="/about/blog.html">Logbook: The CSMC Blog</a></li><li><a href="/about/contact.html">Contact & Newsletter</a></li><li><a href="/intranet.html">Intranet</a></li></ul></li><li><a href="/research.html">Research</a><ul><li><a href="/research/cluster-projects.html">Research Fields</a></li><li><a href="/research/working-groups.html">Working Groups</a></li><li><a href="/research/affiliated-projects.html">Affiliated Projects</a></li><li><a href="/research/research-data.html">Research Data and Databases</a></li><li><a href="/research/knowledge-exchange.html">Knowledge Exchange</a></li><li><a href="/research/international-network.html">International Network</a></li><li><a href="/research/pier.html">PIER</a></li><li><a href="/research/lectures-and-events.html">Public Research Events</a></li><li><a href="/research/library.html">Library</a></li></ul></li><li><a href="/artefact-lab.html">Laboratories</a><ul><li><a href="/artefact-lab/artefact-lab/mobile.html">Mobile Lab</a></li><li><a href="/artefact-lab/artefact-lab/container.html">Container Lab</a></li><li><a href="/artefact-lab/artefact-lab/highperformance.html">High Performance Lab</a></li><li><a href="/artefact-lab/computer-science-lab/data-linking.html">Data Linking Lab</a></li><li><a href="/artefact-lab/computer-science-lab/human-interaction.html">Human-Computer Interaction Lab</a></li><li><a href="/artefact-lab/computer-science-lab/visual-manuscript-analysis.html">Visual Manuscript Analysis Lab</a></li><li><a href="/profiling-guide.html">Written Artefact Profiling Guide</a></li></ul></li><li><a href="/study-at-csmc.html">Graduate School</a><ul><li><a href="/study-at-csmc/master.html">Master of Arts</a></li><li><a href="/study-at-csmc/dr-phil.html">Doctoral Programme</a></li><li><a href="/study-at-csmc/summerwinterschools.html">Summer & Winter Schools</a></li><li><a href="/study-at-csmc/gumbert-award.html">J. P. Gumbert Dissertation Award</a></li><li><a href="/study-at-csmc/support.html">Support</a></li></ul></li><li><a href="/cultural-heritage.html">Cultural Heritage</a><ul><li><a href="/cultural-heritage/dipika.html">DiPiKA – Digital Preservation of Kerala Archives</a></li><li><a href="/cultural-heritage/luang-prabang.html">Inscribed Objects in Luang Prabang</a></li><li><a href="/cultural-heritage/akka.html">Rescuing the Books of al-Jazzar</a></li><li><a href="/cultural-heritage/timbuktu-training.html">The Timbuktu Manuscript Training Project</a></li><li><a target="_blank" href="https://www.csmc.uni-hamburg.de/kairouan.html">Kairouan Manuscript Project</a></li><li><a target="_blank" href="https://www.csmc.uni-hamburg.de/nepal.html">Preserving the Written Cultural Heritage of Nepal</a></li><li><a href="/cultural-heritage/dreamsea.html">DREAMSEA</a></li><li><a target="_blank" href="https://www.csmc.uni-hamburg.de/timbuktu.html">Safeguarding the Manuscripts from Timbuktu</a></li></ul></li><li><a class="hier" href="/publications.html">Publications</a><ul><li><a href="/publications/mc.html">manuscript cultures</a></li><li><a href="/publications/smc.html">Studies in Manuscript Cultures</a></li><li><a class="hier" href="/publications/occasional-papers.html">Occasional Papers</a></li><li><a href="/publications/software.html">Software</a></li><li><a href="/profiling-guide.html">Written Artefact Profiling Guide</a></li><li><a href="/publications/cultural-heritage.html">Written Artefacts as Cultural Heritage</a></li><li><a target="_blank" href="https://www.aai.uni-hamburg.de/en/comst/publications/handbook.html">COMSt Handbook</a></li><li><a href="/publications/aom.html">Artefact of the Month</a></li><li><a href="/publications/mesopotamia.html">Mesopotamian Bulletins</a></li><li><a href="/publications/films.html">Films</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="CSMC publications" class="slide-1-1 bild" role="img"></div><div class="container"><p class="bildnachweis">Photo: CSMC</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">CSMC</span></a><meta content="2" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" href="/publications.html"><span property="name">Publications</span></a><meta content="3" property="position" /></li><li property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" aria-current="page" href="/publications/occasional-papers.html"><span property="name">Occasional Papers</span></a><meta content="4" property="position" /></li></ol></nav><main id="hauptinhalt"><section class="spalten breite"><article class="spalte links"><div class="outer h1"><h1>Occasional Papers</h1></div><div class="outer"><div class="standard"><p>The Centre for the Study of Manuscript Cultures regularly hosts meetings to discuss the theory, terminology and other issues in manuscriptology. Several of its members – philologists, historians, art historians, linguists and others – collectively engage in contributing to the systematic and historical study of written artefacts. The documents uploaded to this page are individual contributions and drafts reflecting some of the provisional results of the Centre’s activities, especially its <a href="/research/working-groups/tnt.html">Theory and Terminology</a> working group. Its members welcome comments on any of the documents published here. The Occasional Papers series is edited by Alessandro Bausi and Konrad Hirschler.</p> <p>The following papers have been published:</p> <ol> <li><a href="/publications/occasional-papers/_boxes/1-definition.html">Searching for a definition of 'manuscript'</a> by Vito Lorusso et al.</li> <li><a href="/publications/occasional-papers/_boxes/2-libraries.html">Wordlists for Libraries and Closely Related Phenomena in Different Manuscript Cultures from Asia, Africa and Europe</a> by Martin Delhey, Vito Lorusso et al.</li> <li><a href="/publications/occasional-papers/_boxes/3-tool.html">A heuristic tool for the comparative study of manuscripts from different manuscript cultures</a> by Hanna Wimmer et. al.</li> <li><a href="/publications/occasional-papers/_boxes/4-questionnaire.html">Questionnaire for the Study of Manuscript Collections Preliminary summary of the collaborative work in project area C towards a typology of manuscript collections</a> by Janina Karolewski and Max Jakob Fölster</li> <li><a href="/publications/occasional-papers/_boxes/5-reconstruction.html">Reconstruction of Early Chinese Bamboo and Wood Manuscripts: A Review (1900–2010)</a> by Thies Staack</li> <li><a href="/publications/occasional-papers/_boxes/6-paracontent.html">Definition of ‘Paracontent’</a> by Giovanni Ciotti, Michael Kohs, Eva Wilden, Hanna Wimmer, and the TNT Working Group</li> <li><a href="/publications/occasional-papers/_boxes/7-scroll-matrix.html">CSMC Scroll Matrix</a> by Patrick Andrist, Alessandro Bausi, Michael Friedrich, Marilena Maniaci</li> <li><a href="/publications/occasional-papers/_boxes/8-definition-written-artefact.html">Definition of ‘Written Artefact’</a> by Alessandro Bausi, Dmitry Bondarev, Nadine Bregler, Sara Chiarini, Giovanni Ciotti, Janine Droese, Eliana Dal Sasso, Michael Friedrich, Agnieszka Helman-Ważny, Michael Kohs, Leah Mascia, Ann Lauren Osthof, Malena Ratzke, Ondřej Škrabal, Szilvia Sövegjártó, Thies Staack, Hanna Wimmer</li> <li><a href="/publications/occasional-papers/_boxes/9-multilayered-written-artefacts.html">Multilayered Written Artefacts: Definition, Typology, Formatting</a> by José Maksimczuk, Berenice Möller, Thies Staack, Alexander Weinstock, Jana Wolf </li> </ol></div></div><div class="outer"><div class="inhaltsblock" id="23869774"><h2>Multilayered Written Artefacts: Definition, Typology, Formatting</h2><h4>No. 9</h4><div class="text"><p><em>José Maksimczuk, Berenice Möller, Thies Staack, Alexander Weinstock, Jana Wolf </em></p> <p>Written artefacts (WAs), artificial or natural objects with visual signs applied by humans, are the central focus of the Cluster of Excellence Understanding Written Artefacts: Materiality, Interaction, and Transmission in Manuscript Cultures. The present paper considers the observation that WAs are shaped by complex processes of production and use, as well as by different settings and patterns. These factors might be subject to change, depending on where, by whom and how a WA is used after its creation. Hence, far from being stable or unchanging entities, many WAs evolve over the course of time, acquiring ‘layers’ akin to archaeological strata. Such layers either modify a WA’s contents and might serve to extend, delete or replace them or they are not linked at all to the WA’s contents. Yet they always affect the WA they are applied to on the material level, leaving identifiable traces that add to the WA’s complexity. This paper suggests calling such complex WAs ‘multilayered’ – a concept that is arguably best suited to capturing the outcome of continued, at times long-term, or intermittent uses of a WA. The paper also suggests further terms for a more precise analysis of the multilayered nature of WAs, including the distinction between ‘primary layer’ and ‘secondary layer(s)’, and between ‘closed’ and ‘open’ primary layers, as well as a taxonomy of the acts creating secondary layers (addition, subtraction and replacement of content and/or material).</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.14336"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.14336.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> alessandro.bausi</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="22752948"><h2>Definition of 'Written Artefact'</h2><h4>No. 8</h4><div class="text"><p><em>Alessandro Bausi, Dmitry Bondarev, Nadine Bregler, Sara Chiarini, Giovanni Ciotti, Janine Droese, Eliana Dal Sasso, Michael Friedrich, Agnieszka Helman-Ważny, Michael Kohs, Leah Mascia, Ann Lauren Osthof, Malena Ratzke, Ondřej Škrabal, Szilvia Sövegjártó, Thies Staack, Hanna Wimmer</em></p> <p>The suggested definition is the result of exchanges, reflections, and discussions in the TNT working group which took place during the regular meetings in the years 2021–2022. The short paper that accompanies the definition has no pretension to a systematic coverage of the topic: it has an empirical character, reflects the development of the discourse on and around the definition of written artefact, and does not pursue any ultimate limit. It only aims to provide an agreed basis for further reflection at a still intermediate stage of the research.</p> <p>The working definition suggested by TNT is the following:</p> <p><em>A written artefact is any artificial or natural object with visual signs applied by humans.</em></p> <p>Download the paper (PDF):</p> <p xml="lang"><a href="https://doi.org/10.25592/uhhfdm.13836"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.13836.svg" alt="DOI"></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> alessandro.bausi</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="20934053"><h2>CSMC Scroll Matrix</h2><h4>No. 7</h4><div class="text"><p><em>Patrick Andrist, Alessandro Bausi, Michael Friedrich, Marilena Maniaci</em></p> <p>The Matrix presented here orderly lists the main features of the book form scroll, and some other aspects to be considered in scholarly studies and descriptions. It can be used as an inspection checklist or as a backbone for an analytic description of a scroll. It is based on the presentations of case studies by specialists of various cultural areas, within the framework of the <a href="/research/working-groups/permanent-seminar.html">Permanent seminar on manuscript analysis, description, and documentation</a> at the Centre for the Study of Manuscript Cultures, and is the result of discussions between the authors.</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.11423"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.11423.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> alessandro.bausi</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="14662891"><h2>Definition of Paracontent</h2><h4>No. 6</h4><div class="text"><p><em>Giovanni Ciotti, Michael Kohs, Eva Wilden, Hanna Wimmer, and the TNT Working Group</em></p> <p><em>Core</em>- and <em>paracontent</em> expressions such as “this manuscript contains …” or “the content of this manuscript is …” are ubiquitous and reveal much of how is perceived what is to be found in a specific manuscript. Usually, this would be a text, a group of texts (e.g. the Bible), a text with its commentary, but also pictures such as in sketch-books, or musical notation. This is called <em>core-content</em>.<br />However, a manuscript may contain further sets of visual signs related to the core-content, such as a preface, maybe written by someone else than the author of the core-text found in the manuscript, the notes of a reader or a cataloguer of the manuscript, a table of contents added maybe centuries after the production of the manuscript, a diagram, etc. This is called <em>paracontent</em>. This term is used in order to avoid ambiguities of the more familiar term paratext often used to refer to textual elements only.</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.9814"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.9814.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> alessandro.bausi</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="14662914"><h2>Reconstruction of Early Chinese Bamboo and Wood Manuscripts: A Review (1900–2010)</h2><h4>No. 5</h4><div class="text"><p><em>Thies Staack</em></p> <p>As integral part of the broader field of the study of early Chinese manuscripts, reconstruction efforts regarding bamboo and wood manuscripts from pre-imperial and early imperial China can be dated back to the first important finds of such manuscripts in the early 20th century. To explain the importance of the most recent developments and to be able to integrate these new perspectives into the frame of criteria and methods that have been developed over the past century, a review seems in order. As new stages in the development of criteria and methods were often enabled by new discoveries and the respective manuscript publications, this review will not try to draw a comprehensive picture of all research related to this topic. Instead it will highlight the most important trends and the manuscript discoveries they were based on. In conclusion it will provide a catalogue of the criteria that were applied for reconstruction until the year 2010 and point out remaining problems.</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.9812"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.9812.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> thies.staack</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="14662926"><h2>Questionnaire for the Study of Manuscript Collections Preliminary summary of the collaborative work in project area C towards a typology of manuscript collections</h2><h4>No. 4</h4><div class="text"><p><em>Janina Karolewski and Max Jakob Fölster</em></p> <p>Collections of manuscripts can be of a very different nature. They can be in the possession of an indi-vidual, a group of people or an institution, who might use the objects in an exclusive manner or grant the right of access and use to others. Moreover, they can be situated in households or in edi-fices of particular communities, kept in shelves or stored in boxes, and so on. Surely, there are many more aspects that have to be considered when describing the nature of a collection, e.g. aspects related to its function or contents. In order to put an emphasis or generalize, one normally classifies a collection in regard to only a few of these aspects. Thus, among others, attributes such as private, public, imperial, monastic, scholarly and priestly are commonly used to describe a collection. But it is not evident at all on which aspect or combination of them a particular attribute bases. For instance, is a collection private in regard to its owner or to its user? And is a collection scholarly in regard to its contents or its use? Besides, at a closer look, some attributes proof less self-explaining as probably assumed. Do attributes like private, public, scientific and religious represent an academic (sometimes anachronistic) abstraction or do they reflect concepts actually existing in a given culture?</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.9810"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.9810.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> janina.karolewski</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="14662939"><h2>A heuristic tool for the comparative study of manuscripts from different manuscript cultures</h2><h4>No. 3</h4><div class="text"><p><em>Hanna Wimmer et. al.</em></p> <p>Written and discussed as part of the ongoing collaborative work of the CSMC’s “Theory and Terminology” group, this paper presents a tool for the comparative study of manuscripts from different manuscript cultures. The model depicts a particular manuscript within a manuscript culture in relation to the various key factors which have shaped its content and appearance, and which continue to shape its use. Inspired by Andreas Hepp’s schematic rendering of Raymond Williams’ model of a culture as a “Bedeutungssystem” (semantic system), it represents a culture in which at least some types of knowledge and actions are preserved, transmitted, organised and performed by means of manuscripts. It is designed as a heuristic device a) for the analysis of the characteristics and functions of an individual manuscript within a manuscript culture and, most importantly for the purposes of the CSMC, b) as a basis for a systematic comparison of the characteristics and functions of manuscripts from different manuscript cultures.</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.9800"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.9800.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> hanna.wimmer</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="14662951"><h2>Wordlists for Libraries and Closely Related Phenomena in Different Manuscript Cultures from Asia, Africa and Europe</h2><h4>No. 2</h4><div class="text"><p><em>Martin Delhey, Vito Lorusso et al.</em></p> <p>In the present paper, we are collecting indigenous terms that are more or less equivalent to the English word “library.” With the word “library” we have mainly in mind the most usual way in which the English term is used, namely library as a collection of books and as a designation for the place that contains these books. We are taking into consideration institutionalized libraries as well as those that are not institutionalized (for instance, collections for private personal use). From the perspective of use, the quantity of books collected does not matter (Richardson 1914: 8), either.</p> <p>In scholarly publications, the meaning of the word “library” is sometimes also extended to a multitude of texts collected into one volume (“one-volume library,” i.e. MTM). Moreover, Too (2010: 84), for instance, also speaks of types of libraries in which no physical objects are involved (“walking libraries” or “memory libraries”). In all these cases, we do not collect systematically indigenous equivalents. However, if in a specific culture a term for library can also be used in such a metaphorical way, this will be noted. For the time being, general terms for the actors involved, e.g. “librarian,” are only taken into consideration in the case of some manuscript cultures. Similarly, other terms for physical places where written documents are stored such as “archive” and “chests” are not systematically collected.</p> <p>It is obviously far from easy to find a definition of the term “library,” which works equally well for all manuscript cultures. Rather than forcing all related phenomena into the Procrustean bed of a common definition, it seems to be more advisable to use other tools for a systematic comparison of all cultures. One possible way to approach this task is to collect indigenous terms for the sake of understanding how the manuscript cultures themselves conceptualise(d) book collections.</p> <p>Download the paper (PDF):</p> <p><a href="https://doi.org/10.25592/uhhfdm.9798"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.9798.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> janina.karolewski</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer"><div class="inhaltsblock" id="14662967"><h2>Searching for a definition of 'manuscript'</h2><h4>No. 1</h4><div class="text"><p><em>Vito Lorusso et al.</em></p> <p>This document contains a list of working definitions of the term ‘manuscript’ taken from appropriate literature on the topic. The definitions collected here are the serendipitous result of an initial search and have been classified into four main sections: main sections:</p> <ol style="list-style-type: upper-alpha;"> <li>manuscript as a handwritten document</li> <li>manuscript as a codex</li> <li>manuscript as a book</li> <li>manuscript as a medium</li> </ol> <p>Section C refers to a more general understanding of ‘book’ since codex books do not occur in all manuscript cultures. The various definitions are arranged in chronological order in each section.<br /> This document served as a starting point for a lively discussion within the Theory and Terminology working group at the CSMC. Anyone is welcome to propose further definitions of relevance to our work and comment on the undertaking, which we regard as being work in progress. We look forward to hearing from you.</p> <p>Download the paper (PDF): </p> <p><a href="https://doi.org/10.25592/uhhfdm.9796"><img src="https://www.fdr.uni-hamburg.de/badge/DOI/10.25592/uhhfdm.9796.svg" alt="DOI" /></a></p> <p><a class="emil"><span class="t">Submit a comment</span><span class="e">(<span class="n"> alessandro.bausi</span><span class="a">"AT"</span><span class="d">uni-hamburg.de</span>)</span></a></p></div></div></div><div class="outer klappbox"><div class="box otie schaltbar" id="14663000"><h2 class="titel"><span>Comments on Occasional Paper No 1 by Marilena Maniaci, Università degli Studi di Cassino, Italy</span></h2><div class="inhalt"><p>Three general remarks:</p> <ol> <li>the list comprises ‘dictionary entries’ (i.e. ‘definitions’ in the strict sense), (more or less relevant) encyclopedic-style articles, ‘thoughts’ directly or indirectly related to the object of the search. The distinction should be maybe more clearly highlighted (not all the collected texts are equally useful for the purpose (se point 2)</li> <li>what exactly is the intention of this ‘brain storming’? a) to delimit the very ambiguous term ‘manuscript’, by criticizing the meanings given by the various authors? b) to create an own definition of ‘manuscript’ aiming at the identification of a specific research field?</li> <li>should the definition encompass any kind of ‘material vectors of a text’ (A. manuscript as handwritten text), or only those which are meant from the beginning to be read by a (vaste) audience and to last in time (B., C., and partly D; note that the two criteria are missing in the final list, see below)?</li> </ol> <p><strong>Manuscript as a handwritten document</strong><br />‘Manuscript’ is a lexically and conceptually very ambiguous notion, referring, according to the authors and contexts:</p> <ul> <li>to the vector of a text (B and C, but also a variety of objects which are manuscripts, although not being books, as ostraca, graffiti, inscriptions of various kinds…) <ul> <li>to a specific category of book = the codex (cf. B)</li> </ul> </li> <li>to the act of writing by hand (‘manuscript’ vs ‘printing’) <ul> <li>to the act of writing on a flexible / bidimensional material</li> </ul> </li> <li>to the act of writing manu propria a text/work of own creation (manuscript = autograph)</li> </ul> <p>Which of these aspects is/are relevant in the process of creating a definition of ‘manuscript’? Which one(s) should be abandoned? Is one definition of ‘manuscript ‘ enough, or should we rather work on two different levels, proposing two distinct definitions? (see below)?</p> <p><strong>Manuscript as codex</strong><br />Preliminary remark: why ‘manuscript as codex’ comes before ‘manuscript as book’ (which is more general)?</p> <p>The definitions offered by the bibliography insist on three main aspects:</p> <ul> <li>materials (papyrus, parchment, paper)</li> <li>structure (bifolia organized in quires)</li> <li>sewing and (possibly) binding</li> </ul> <p>The definition of codex given in the Syntaxe du codex (which is missing in the list) was meant to include also the codices on any material, non necessarily structured in quires, and not necessarily sewn and bound. Being a purely ‘lexicografical definition’, it implies a reference to the definition of ‘book’, which is hierarchically superior (being more comprehensive). It is short, but came at the end of a very long debate; I submit it to your criticism:<br />Codex: “un livre constitué d’une serie de folios” (for “livre” see your C.5., on p. 6)</p> <p><strong>Manuscript as a book</strong><br />‘Book’ is, on my opinion, a notion as difficult to define as ‘manuscript’, and it is (of course) central for the definition of ‘manuscript’ as a book. As in the case of other very familiar objects, the definition found in the literature are mostly not very helpful (with some important exceptions): their main concern seems to state the implicite reference of the term ‘book’ to the printed book, and its extension to the ‘handwritten book’ (or ‘manuscript’, also ‘manuscript book’). The ‘codicological’ definitions (1., 5., 6.) contain (important) elements which are highlighted on p. 6, point 6., but not completely exploited in the final proposition (see below).</p> <p><strong>Manuscript as a medium</strong><br />All the quoted texts refer (not always convincingly, on my opinion) to the manuscript book as a medium, which is of course a basic function (or rather the basic function) of the book, but it doesn’t seem to me that they add anything relevant to the definitions of book in C. (and B.)</p> <p>The attempt to “find a number of features that commonly occour in MSS” (p. 9) clearly refers to manuscripts as books (that is why I think that the notion of ‘book’ requires a thorough reflection). I would rather coin two distinct definitions:</p> <ol> <li>for ‘manuscript’ in general as a vector of a content, irrespective of its literary/non literary and functional features: “</li> </ol> <p>“any graphic document which has not been reproduced by a technique of duplication, but rather through a process of ‘gestural writing’ (irrespective of its purpose, technique, structure and support: whether it is a book, a document, an inscription, a graffito, a codex, a scroll or any other form...) - this, of course, is not a final definition!</p> <ol start="2"> <li>for ‘manuscript as ‘manuscript book’(excluding documents, inscriptions, diaries, quires or exercise books, bloc notes etc.). In this second case, the definition should clearly exclude all the forms of ‘manuscript writing’ which cannot be considered ‘books’, and include, at the same time, all the possible kinds of ‘books’. This can be done by considering the following aspects: purpose, technique of reproduction, (material and) structure, other peculiarities.<br /> I would therefore point to the following features (those in <span style="background-color: #d8f6ce;">green</span> are not in your list):</li> </ol> <ul> <li>written by hand (‘handwrittenness’) or even ‘meant to be written (borderline case)</li> <li>previously planned</li> <li><span style="background-color: #d8f6ce;">intended to last (unlike a notebook, for instance, and also unlike ostraca)</span></li> <li><span style="background-color: #d8f6ce;">intended to transmit and share contents with a pre-defined audience (not necessarily being the ‘real’ one of the manuscript once it is made) (unlike diaries, for instance)</span></li> <li><span style="background-color: #d8f6ce;">assembled in a predefined order (unlike colelctions of notes)</span></li> <li>portable (or rather ‘transportable’)</li> <li>unique</li> </ul> <p>‘Self-contained’ is not clear to me, so I left it out; I am also not sure that ‘having prepared surfaces’ is an indispensable feature.</p></div></div></div></article><div class="spalte rechts"><nav aria-label="Subnavigation" class="subnav"><ul id="subnav"><li><h2><a href="/publications.html">Publications</a></h2></li><li><a href="/publications/mc.html">manuscript cultures</a></li><li><a href="/publications/smc.html">Studies in Manuscript Cultures</a></li><li><a class="hier" href="/publications/occasional-papers.html">Occasional Papers</a><ul></ul></li><li><a href="/publications/software.html">Software</a></li><li><a target="_blank" href="/profiling-guide.html">Written Artefact Profiling Guide</a></li><li><a href="/publications/cultural-heritage.html">Written Artefacts as Cultural Heritage</a></li><li><a target="_blank" href="https://www.aai.uni-hamburg.de/en/comst/publications/handbook.html">COMSt Handbook</a></li><li><a href="/publications/aom.html">Artefact of the Month</a></li><li><a href="/publications/mesopotamia.html">Mesopotamian Bulletins</a></li><li><a href="/publications/films.html">Films</a></li></ul></nav></div><div class="spalte abschluss"></div></section><section class="unten"></section></main></div><footer aria-label="Seitenfuss" id="fuss"><section class="info"><div class="breite"><p>Last update: 26 July 2024</p><ul class="linkliste"><li><a class="feedback" rel="nofollow" href="/feedback.html?local_url=https%3A%2F%2Fwww.csmc.uni-hamburg.de%2Fpublications%2Foccasional-papers.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">235</div><div class="etracker"></div></div></body></html>