@font-face {
  font-family: "TheSansUHHBoldItalic";
  font-display: fallback;
  src: url(https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldItalic-59ed88f3d10d15af9b01bc5959ac6d901356943601cba040d9c6867fe1da2d83.woff2) format("woff2"), url(https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldItalic-d301a27a16b6535834ad0c3aa4e6103aaf53389d995a9a514315153d3b9f2cf1.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#hiddennav a:focus {
  position: fixed;
  top: -1px;
  left: 50%;
  z-index: 1000;
  transform: translateX(-50%);
  outline: none;
  background-color: #fff;
  color: #000;
  outline: 1px dotted #000;
  padding: 4px 10px;
}

.s #hiddennav a[href="#nav"],
.s #hiddennav a[href="#suche"],
.s #hiddennav a[href="#subnav"],
.m #hiddennav a[href="#nav"],
.m #hiddennav a[href="#subnav"],
.m #hiddennav a[href="#suche"] {
  display: none;
}

.hometeaser ul li a.BaMa .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Bachelor_Mastera-05dbec508f6054d5f083f39e858f64909606942257f5f85ba6d0ecb1e38990c9.png);
}

.hometeaser ul li a.Wiss .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/WissNachwuchsa-0150924058ca4f3618b905d40237862e50538f21fb2cc07a9d75ce41e2af8330.png);
}

.hometeaser ul li a.Fo .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Forschendea-0f321764a377ed5313cf9f50468dad14ad697edc519b7dd18762659eedfae230.png);
}

.hometeaser ul li a.Oeff .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Allgemeinheita-1fe6ccb2f8ecba70287d6c1d906e96c7edd08fea6f56119b9f2f856ab8fa4b38.png);
}

html .hometeaser-5 ul li a.BaMa .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Bachelor_Mastera-05dbec508f6054d5f083f39e858f64909606942257f5f85ba6d0ecb1e38990c9.png);
}

html .hometeaser-5 ul li a.Wiss .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/WissNachwuchsa-0150924058ca4f3618b905d40237862e50538f21fb2cc07a9d75ce41e2af8330.png);
}

html .hometeaser-5 ul li a.Fo .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Forschendea-0f321764a377ed5313cf9f50468dad14ad697edc519b7dd18762659eedfae230.png);
}

html .hometeaser-5 ul li a.Oeff .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Allgemeinheita-1fe6ccb2f8ecba70287d6c1d906e96c7edd08fea6f56119b9f2f856ab8fa4b38.png);
}

html .hometeaser-5 ul li a.Ex .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/exstra-dea.png);
}

html[lang=en] html .hometeaser-5 ul li a.Ex .titel {
  background-image: url(https://assets.rrz.uni-hamburg.de/exstra-ena.png);
}

main a.versteckt {
  background-color: var(--UHH0271bb-grau) !important;
  color: var(--UHHfff-fff) !important;
  padding: 2px 6px !important;
  margin: 10px auto !important;
  display: inline-block !important;
}

main a.versteckt:focus {
  position: relative;
  left: auto;
}

#fuss {
  visibility: visible;
}

.footer {
  visibility: visible;
  color: white;
}

footer .info {
  background: #fff;
}

footer .social {
  background: var(--UHHf3f3f3-grau);
}

footer .global {
  background: var(--UHH0271bb-dunkelgrau);
}

footer .ende {
  background: var(--UHH3b515c-schwarz);
}

#sponsors a {
  color: #4e4e4e;
  font-size: 12px;
}

#sponsors a:hover,
#sponsors a:focus {
  text-decoration: underline;
}

section.info {
  padding: 130px 20px 6px 20px;
  font-size: 14px;
  overflow: hidden;
}

section.info .nosmobil {
  display: inline-block;
}

section.info p {
  display: inline;
}

section.info a {
  color: #4E4E4E;
}

section.info a:hover {
  text-decoration: underline !important;
}

section.info a.emil {
  text-decoration: underline;
}

section.info a:focus {
  outline: 1px dotted #000;
  outline-offset: 1px;
}

section.info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
}

section.info li {
  display: inline-block;
}

section.info li a {
  position: relative;
  padding-left: 12px;
  margin-left: 20px;
  font-family: TheSansUHHBold;
}

section.info li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border: 2px solid #4E4E4E;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg) scale(0.8) translate3d(-1px, 1px, 0);
}

section.social {
  padding: 46px 20px;
}

section.social ul {
  padding: 0;
  list-style-type: none;
  font-size: 0;
}

section.social li {
  display: inline-block;
  width: 67px;
  height: 67px;
}

section.social li + li {
  margin-left: calc((100% - 469px) / 6);
}

section.social a {
  display: block;
  width: 100%;
  height: 100%;
}

section.social a:focus {
  border-radius: 67px;
}

section.social img {
  float: left;
  width: 100%;
}

section.global ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

section.global li a {
  color: var(--UHHfff-fff);
}

section.global li a:focus {
  text-decoration: underline;
  outline: none;
}

section.global .liste {
  padding: 68px 20px 130px 20px;
  font-size: 17px;
}

section.global .liste ul {
  float: left;
  width: 33.3%;
}

section.global .liste li a {
  position: relative;
  padding-right: 16px;
  font-family: TheSansUHHBoldCaps, sans-serif;
  line-height: 30px;
}

section.global .liste li a.zielgruppe:after {
  content: "";
  position: absolute;
  right: 3px;
  width: 5px;
  height: 5px;
  border: 2px solid var(--UHHfff-fff);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  top: 9px;
}

section.global.konferenz .liste {
  padding-bottom: 50px;
}

section.global.konferenz .liste ul {
  width: calc(16.66% - 25px);
}

section.global.konferenz .liste ul + ul {
  margin-left: 30px;
}

section.global.konferenz .liste ul li {
  margin-bottom: 8px;
}

section.global.konferenz .liste ul li.titel {
  font-size: 24px;
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: #fff;
  line-height: 28px;
}

section.global.konferenz .liste ul li.titel a {
  font-size: 24px;
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: #fff;
  line-height: 28px;
}

section.global.konferenz .liste ul li a {
  font-family: TheSansUHH;
  font-size: 14px;
  line-height: 1.2em;
}

section.global.konferenz .copyright {
  color: var(--UHHfff-fff);
  padding-top: 70px;
  font-size: 16px;
  clear: left;
}

section.global .ende {
  padding: 68px 20px 130px 20px;
}

section.global .ende .breite {
  position: relative;
}

section.global .ende .copyright {
  color: var(--UHHfff-fff);
  margin-top: 70px;
}

.global .audits {
  position: absolute;
  bottom: 5px;
  right: 0px;
}

.global .audits > div {
  float: left;
  width: 81px;
  height: 81px;
  margin-left: 20px;
  color: transparent;
  position: relative;
  background-size: cover;
}

.m .global .audits > div {
  width: 60px;
  height: 60px;
  margin-left: 15px;
}

.global .audit {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/audit_fgh_rz_2010_DE_81x81-f17706edad4030b8644f46ba2d53e34cf78ad3f904b326384bd75e971a0e2914.svg);
}

.global .audit1 {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Siegel_Re-Audit_de_81x81px-4bc5f9ebeacece71bb530f49d3d40fa17b12efacead92f2902f873c936837c46.png);
}

html[lang=en] .global .audit1 {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Siegel_Re-Audit_en_81x81px-c9a9c2225d9299c6cd85bface029d83c646854bcdf38016dafb94a1d6efdba6c.png);
}

.global .audit2 {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/DIVERSITY_AUDIT_FOOTER_81x81-2d0ef11c11d779f0477381298b3c2ac6a71bd0289aaac2263c89cce880e9f9f6.svg);
}

.global .audits a {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
}

.global .systemakkreditierung {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/AR-Siegel_81x81-aeebcf80607271e52345b193956c4aba9970c59d505a67449d6046fe89deb5a0.svg);
}

#presseservice {
  position: absolute;
  top: 550px;
  right: 0;
  overflow: hidden;
}

#presseservice.sticky {
  position: fixed;
  top: 70px;
}

@media only screen and (max-width: 1880px) {
  #presseservice {
    display: none;
  }
}
#presseservice a {
  display: inline-block;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 22px;
  line-height: 84px;
  padding: 0 60px 0 94px;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
}

#presseservice > a:before {
  content: "<<";
  position: absolute;
  left: 60px;
  top: 1px;
}

#presseservice a:hover,
#presseservice a:focus {
  text-decoration: none;
  background-color: #006ab0;
}

#presseservice.on {
  background-color: #0271bb;
  padding: 0 70px 80px 70px;
}

#presseservice.on > a {
  display: block;
  padding: 0 0 0 34px;
  line-height: 30px;
  margin: 27px 70px 0 0;
  position: relative;
}

#presseservice.on > a:before {
  content: ">>";
  position: absolute;
  left: 0px;
  top: 0px;
}

#presseservice.on > a:hover,
#presseservice.on > a:focus {
  text-decoration: underline;
  background-color: #0271bb;
}

#presseservice.on a {
  float: left;
}

#presseservice .pressenav {
  display: none;
}

#presseservice.on .pressenav {
  display: block;
}

#presseservice .pressenav ul {
  list-style-type: none;
  padding: 0;
}

#presseservice .pressenav ul a {
  display: block;
  width: 100%;
  padding: 0 60px;
  border: 2px solid var(--UHHfff-fff);
  text-align: center;
  margin: 22px 0;
  font-size: 34px;
  line-height: 108px;
  font-family: TheSansUHHSemiLightCaps;
}

html.js .emil {
  cursor: pointer;
}

html.js .emil:hover {
  text-decoration: underline;
}

html.js .emil .e {
  display: none;
}

.emil .n:after {
  content: "@";
}

.emil.link .n:after {
  content: "";
}

.emil .a {
  display: none;
}

.emil.link .a {
  display: inline;
}

a.info {
  position: relative;
  padding-right: 16px;
  color: #4E4E4E;
}

a.info:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_grau-3a43844e64f7668ddb98facefd5c5454c1676b6cf310eb950b65314ea17e256b.svg);
}

/*Teaserelemente*/
.outer.grau > .teaser-element {
  padding-top: 50px;
  padding-bottom: 40px;
}

.outer > .teaser-element {
  margin-top: 60px;
}

.volle-breite .outer > .teaser-element {
  margin-top: 80px;
}

.volle-breite.home .outer > .teaser-element {
  margin-top: 96px;
}

.s .volle-breite.home .outer > .news-teaser-home + .outer > .news-teaser-home {
  margin-top: 32px;
}

.outer > .teaser-element .head h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
}

.home .outer > .teaser-element .head h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 34px;
  line-height: 1em;
  margin: -10px 0 0 0;
  line-height: 1em;
}

.einrichtung .outer > .teaser-element .head h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 34px;
  line-height: 1em;
  margin: -10px 0 0 0;
  line-height: 1em;
}

.outer > .teaser-element .head {
  margin-bottom: 50px;
}

.home .outer > .teaser-element .head {
  margin-bottom: 56px;
}

.s .home .outer > .teaser-element .head {
  margin-bottom: 40px;
}

.outer > .teaser-element .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.outer > .teaser-element .head a.rss {
  margin-left: 33px;
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
}

.s .outer > .teaser-element .head a.rss {
  margin-left: 20px;
}

.outer > .teaser-element .head a.rss:hover {
  outline: none;
}

.outer > .teaser-element .head a.rss img {
  width: 100%;
}

.outer > .teaser-element ul.more {
  padding: 0;
  margin: 15px 0 0 0;
}

.outer > .teaser-element ul.more li a {
  padding-right: 16px;
  position: relative;
}

.outer > .teaser-element ul.more li a:after {
  content: "";
  margin-top: -1px;
  vertical-align: middle;
  display: inline-block;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .outer > .teaser-element ul.more li a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.teaser-home2fach .item .text h3.titel,
.teaser-home3fach .item .text h3.titel,
.news-teaser-home .item .text h3.titel {
  color: #4e4e4e;
}

.einrichtung .teaser-home2fach .item .text h3.titel,
.einrichtung .teaser-home3fach .item .text h3.titel,
.einrichtung .news-teaser-home .item .text h3.titel {
  color: #4e4e4e;
}

.news-teaser-home > div.more {
  float: right;
  margin-top: 50px;
}

.news-teaser-home.newelement > div.more {
  display: none;
}

.teaser-3fach > div.more,
.teaser-2fach > div.more,
.teaser-home3fach > div.more,
.teaser-home2fach > div.more {
  clear: left;
  position: relative;
  top: 12px;
  float: right;
  margin-top: 50px;
}

.news-teaser > div.more {
  float: right;
  margin-top: 50px;
}

.teaser-element > div.more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  clear: left;
}

.teaser-element > div.more:after {
  content: "";
  clear: both;
}

.teaser-element > div.more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
  margin-left: 10px;
}

.teaser-element > div.more a:hover {
  text-decoration: underline !important;
}

.teaser-element > div.more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.teaser-home3fach .head div.more,
.teaser-home2fach .head div.more {
  float: right;
  top: 0px;
  clear: none;
  position: relative;
}

.news-teaser-home .head div.more,
.teaser-home3fach .head div.more,
.teaser-home2fach .head div.more {
  float: right;
  top: 0px;
  clear: none;
  position: relative;
}

.news-teaser .head div.more {
  float: right;
}

.teaser-element .head div.more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

.news-teaser.vertikal div.more.oben,
.news-teaser-home div.more.oben,
.teaser-home3fach div.more.oben,
.teaser-home2fach div.more.oben {
  display: none;
}

.teaser-element .head div.more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.teaser-element .head div.more a:hover {
  text-decoration: underline !important;
  outline: none;
}

.teaser-element .head div.more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.news-teaser-home :not(.head) a.more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .news-teaser-home :not(.head) a.more:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.news-teaser-home .item,
.teaser-home3fach .item,
.teaser-3fach .item {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
}

.teaser-home2fach .item,
.teaser-2fach .item {
  float: left;
  min-width: 48.2%;
  width: 48.2%;
  margin-left: 0;
}

.news-teaser-home .item + .item,
.teaser-home3fach .item + .item,
.teaser-home2fach .item + .item {
  margin-left: 3.6%;
}

.teaser-3fach .item + .item,
.teaser-2fach .item + .item {
  margin-left: 3.6%;
}

.teaser-element .item.featured {
  background-color: #f3f3f3;
}

.teaser-element .item.featured .image {
  position: relative;
}

.teaser-element .item.featured .image:after {
  content: "New";
  position: absolute;
  bottom: 26px;
  color: #fff;
  background-color: #c40017;
  font-family: TheSansUHHBoldCaps;
  padding: 2px 20px;
}

.news-teaser-home .item.featured .image:after,
.teaser-home3fach .item.featured .image:after,
.teaser-home2fach .item.featured .image:after {
  left: 0;
}

.news-teaser .item.featured .image:after,
.teaser-3fach .item.featured .image:after {
  right: 0;
}

.teaser-2fach .item.featured .image:after {
  left: 0;
  clear: left;
}

.teaser-element .bildnachweis {
  clear: left;
}

.news-teaser-home .image:before {
  content: "";
  float: left;
  width: 0;
  padding-top: 56.48022%;
}

.teaser-1fach .image:before,
.teaser-2fach .image:before,
.teaser-3fach .image:before {
  content: "";
  float: left;
  width: 0;
  padding-top: 56.40625%;
}

.teaser-element .item.featured .bildnachweis {
  padding-right: 20px;
}

.teaser-home3fach .item.featured .text,
.teaser-home2fach .item.featured .text,
.news-teaser .item.featured .text,
.teaser-3fach .item.featured .text,
.teaser-2fach .item.featured .text {
  padding: 0 20px 20px 20px;
}

.teaser-element .item .image .img {
  position: relative;
}

.teaser-element .item .img .rflag {
  position: absolute;
  right: 0;
  bottom: 12%;
  color: #fff;
  background-color: #c40017;
  font-family: TheSansUHHBoldCaps;
  padding: 4px 24px;
}

.teaser-element .item .img .bflag {
  position: absolute;
  right: 0;
  top: 12%;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  font-family: TheSansUHHBoldCaps;
  padding: 4px 24px;
}

.teaser-element .item .image img {
  width: 100%;
}

.teaser-element .item .bildnachweis {
  text-align: right;
  font-size: 12px;
  line-height: 1em;
  margin: 0;
  padding-top: 2px;
}

.teaser-1fach .bildnachweis {
  text-align: right;
  font-size: 12px;
  line-height: 1em;
  margin: 0;
  padding-top: 2px;
}

.teaser-element .item .image a {
  display: block;
  position: relative;
}

.teaser-element .item .image a:hover {
  outline: none;
}

.news-teaser .item .video.lecture2go {
  position: relative;
}

.news-teaser-home .item .video.lecture2go,
.teaser-home3fach .item .video.lecture2go,
.teaser-home2fach .item .video.lecture2go,
.teaser-3fach .video.lecture2go,
.teaser-2fach .video.lecture2go {
  position: relative;
  padding-top: 56.667%;
}

.teaser-element .video.lecture2go video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.news-teaser-home .item .video.youtube {
  position: relative;
  padding-top: 56.25%;
}

.news-teaser .item .video.youtube {
  position: relative;
}

.teaser-home3fach .item .video.youtube,
.teaser-home2fach .item .video.youtube,
.teaser-3fach .item .video.youtube,
.teaser-2fach .video.youtube {
  position: relative;
  padding-top: 56.667%;
}

.teaser-element .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-element .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.news-teaser-home .item .text .titel,
.teaser-home3fach .item .text .titel,
.teaser-home2fach .item .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 28px;
  margin: 10px 0 15px 0;
  line-height: 36px;
  color: #4e4e4e;
}

.s .teaser-1fach .text .titel, .teaser-3fach .item .text .titel,
.teaser-2fach .item .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 8px 0 19px 0;
  line-height: 30px;
}

.news-teaser .item .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 15px 0 13px 0;
}

.news-teaser-home a.item:hover .text .titel,
.teaser-home3fach a.item:hover .text .titel,
.teaser-home2fach a.item:hover .text .titel {
  text-decoration: underline;
}

.news-teaser .item .text .titel {
  line-height: 30px;
}

.teaser-element .item a.text:hover {
  outline: none;
}

.teaser-element .item a.text:focus {
  outline-color: rgb(78, 78, 78);
}

.teaser-element .item .text .titel a {
  color: rgb(78, 78, 78);
}

.teaser-element .item .text .titel a:hover {
  outline: none;
}

.teaser-element .item .text .titel a:focus {
  outline-color: rgb(78, 78, 78);
}

.teaser-element .text .inhalt h2 {
  font-size: 22px;
}

.teaser-element .text .inhalt h3 {
  font-size: 20px;
}

.news-teaser-home .item .text .inhalt a,
.teaser-home3fach .item .text .inhalt a,
.teaser-home2fach .item .text .inhalt a,
.news-teaser .item .text .inhalt a {
  color: rgb(78, 78, 78);
}

.news-teaser-home .item .text .inhalt a:hover,
.teaser-home3fach .item .text .inhalt a:hover,
.teaser-home2fach .item .text .inhalt a:hover,
.news-teaser .item .text .inhalt a:hover {
  outline-color: rgb(78, 78, 78);
}

.news-teaser-home .item .text .inhalt a:focus,
.teaser-home3fach .item .text .inhalt a:focus,
.teaser-home2fach .item .text .inhalt a:focus,
.news-teaser .item .text .inhalt a:focus {
  outline-color: rgb(78, 78, 78);
}

.teaser-element a.item:hover .text .titel {
  text-decoration: underline;
}

.news-teaser-home .item .text .rubrik,
.teaser-home3fach .item .text .rubrik,
.teaser-home2fach .item .text .rubrik,
.teaser-3fach .item .text .rubrik,
.teaser-2fach .item .text .rubrik {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
  margin-top: 10px;
}

.news-teaser .item .text .rubrik {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
}

.teaser-element .item .text .rubrik .sep {
  font-family: TheSansUHHRegularCaps, sans-serif;
  display: inline-block;
  margin: 0 12px;
}

.news-teaser-home .item .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

.news-teaser .item .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

.teaser-home3fach .item.large .text .titel {
  margin-top: 4px;
}

.volle-breite .outer > .news-teaser .item .text .titel {
  font-size: 28px;
  margin: 10px 0 15px 0;
  line-height: 30px;
}

.teaser-home3fach .item div.more,
.teaser-home2fach .item div.more,
.teaser-3fach div.more,
.teaser-2fach div.more {
  margin-top: 15px;
}

.teaser-home3fach .item div.more + .more,
.teaser-home2fach .item div.more + .more,
.teaser-3fach div.more + .more,
.teaser-2fach div.more + div.more {
  margin-top: 0;
}

.teaser-home3fach .item div.more a {
  position: relative;
  line-height: 1.4em;
  margin-top: 16px;
  display: block;
  padding-right: 16px;
}

.news-teaser-home .item div.more a,
.news-teaser .item div.more a {
  position: relative;
  line-height: 1.4em;
  margin-top: 16px;
  display: block;
}

.teaser-home2fach .item div.more a,
.teaser-3fach .item div.more a,
.teaser-2fach .item div.more a {
  position: relative;
  line-height: 1.4em;
  padding-right: 16px;
}

.teaser-home3fach .item a.more,
.teaser-home2fach .item a.more {
  position: relative;
  line-height: 1.4em;
  padding-right: 16px;
  margin-top: 15px;
  display: block;
}

.teaser-3fach .item a.more,
.teaser-2fach .item a.more {
  position: relative;
  line-height: 1.4em;
  padding-right: 16px;
  margin-top: 16px;
  display: block;
}

.teaser-home3fach .item a.more:hover,
.teaser-home2fach .item a.more:hover {
  text-decoration: underline;
}

.teaser-3fach a.more:hover,
.teaser-2fach a.more:hover {
  text-decoration: underline;
}

.teaser-home3fach .item a.more:focus,
.teaser-home2fach .item a.more:focus {
  text-decoration: underline;
}

.teaser-3fach a.more:focus,
.teaser-2fach a.more:focus {
  text-decoration: underline;
}

.teaser-home3fach :not(.head) a.more:after,
.teaser-home2fach :not(.head) a.more:after,
.teaser-3fach :not(.head) a.more:after,
.teaser-2fach :not(.head) a.more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .teaser-2fach :not(.head) a.more:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.news-teaser .item div.more a:after,
.teaser-3fach :not(.head) div.more a:after,
.teaser-2fach :not(.head) div.more a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .teaser-2fach :not(.head) div.more a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.teaser-home3fach .head .more {
  float: right;
  top: 0px;
  clear: none;
}

.teaser-home3fach .item .text .hinweis,
.teaser-home2fach .item .text .hinweis,
.teaser-3fach .item .text .hinweis,
.teaser-2fach .item .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

.volle-breite .news-teaser.oben {
  margin-top: 50px;
}

.volle-breite .outer .news-teaser h2 {
  font-size: 34px;
  line-height: 1em;
  margin: -10px 0 0 0;
}

.volle-breite .news-teaser .head a.rss {
  margin-top: -1px;
  width: 20px;
}

.news-teaser .item .text > .datum {
  font-family: TheSansUHHBold, sans-serif;
}

.bildgalerie .heading {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  margin: 20px 0;
}

.bildgalerieswiper .heading {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  margin: 20px 0;
}

.teaser-2fach .heading {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  margin: 20px 0 40px;
}

.s .bildgalerie .heading, .s .bildgalerieswiper .heading, .s .teaser-2fach .heading {
  padding: 0 20px;
}

/*Jobs*/
.spalte.links .standard p.stellen {
  float: left;
  width: calc(100% - 320px);
}

.spalte.links .standard p.jobsintern {
  float: right;
  width: 280px;
}

.spalte.links .standard a.jobsintern {
  display: block;
  position: relative;
  float: right;
  width: 280px;
  padding: 18px 54px;
  line-height: 21px;
  font-family: TheSansUHHRegularCaps;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #faf9f9;
  margin-top: 12px;
  text-decoration: none;
}

.s .spalte.links .standard p.jobsintern {
  float: none;
  margin-top: 30px;
}

.s .spalte.links .standard a.jobsintern {
  float: none;
  margin-top: 30px;
}

.s .spalte.links .standard p.stellen {
  float: none;
  width: 100%;
}

.spalte.links .standard a.jobsintern:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-right-blue-b5c39d0bcb72b692c0911cd88fe5e706bb577de77035b99af9b905b502896583.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.spalte.links .standard a.jobsintern:before {
  content: "";
  position: absolute;
  width: 56px;
  height: 56px;
  left: -14px;
  top: -14px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Schloss-7d2105ac4d946edb9f9f83cb3fea7e8ca1cedfd219609f4f6bb14b8ed1b766e5.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #0271bb;
  border-radius: 30px;
}

.spalte.links .standard a.jobsintern:hover {
  color: #ffffff;
  background-color: #0271bb;
}

.spalte.links .standard a.jobsintern:focus {
  color: #ffffff;
  background-color: #0271bb;
}

.spalte.links .standard a.jobsintern:hover:after {
  content: "";
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-right-white-e7ce5495c8c06d6f45d243684a9b0480dfa04bd9e61629baa1163ded951bc819.svg);
}

.spalte.links .standard a.jobsintern:focus:after {
  content: "";
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-right-white-e7ce5495c8c06d6f45d243684a9b0480dfa04bd9e61629baa1163ded951bc819.svg);
}

/*Bildgalerie*/
.outer > .bildgalerie {
  margin-top: 60px;
  position: relative;
}

.bildgalerie .slidernav {
  text-align: right;
}

.bildgalerie .slidernav div {
  display: inline-block;
}

.bildgalerie .slidernav button {
  display: inline-block;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.bildgalerie .slidernav div img {
  height: 34px;
  cursor: pointer;
}

.bildgalerie .slidernav button img {
  height: 34px;
}

.bildgalerie .slidernav .status {
  position: relative;
  top: -10px;
  width: 110px;
  text-align: center;
}

.bildgalerie .slidernav .left img {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.bildgalerie .bildunterschrift {
  color: #4e4e4e;
  float: right;
  width: 80%;
  margin: 12px 0 20px 0;
}

.bildgalerie .bildunterschrift {
  width: 80%;
}

.bildgalerie .bildunterschrift a {
  text-decoration: underline;
}

.bildgalerie .bildunterschrift > p:first-child {
  margin-top: 0;
}

.bildgalerie .bildunterschrift > p:last-child {
  margin-bottom: 0;
}

.bildgalerie .bildunterschrift > span > p:first-child {
  margin-top: 0;
}

.bildgalerie .bildunterschrift > span > p:last-child {
  margin-bottom: 0;
}

.bildgalerie .bildnachweis {
  color: #666;
  float: right;
  width: 80%;
  margin: 12px 0 0 0 !important;
  font-size: 16px;
  line-height: 1em;
  text-align: right;
}

.bildgalerie .slick-dots {
  display: block;
  list-style-type: none;
  text-align: center;
}

.bildgalerie .slick-dots li {
  width: 23px;
  height: 23px;
  margin-left: 12px;
  margin-right: 0 !important;
  padding: 0;
  display: inline-block;
  height: auto !important;
}

.bildgalerie .slick-dots li button {
  width: 19px;
  height: 19px;
  border: none;
  background: #fff;
  border: 2px solid #4e4e4e;
  font-size: 0;
  color: #fff;
  cursor: pointer;
}

.bildgalerie .slick-dots li.slick-active button {
  background: #4e4e4e;
  font-size: 0;
  color: var(--UHH0271bb-hellblau);
}

.bildgalerie .slide:focus {
  box-shadow: none;
  outline: 0;
  border: 0;
}

.bildgalerie .slide .image img {
  max-width: 100%;
}

.galerieContainer .contentSlider {
  overflow: hidden;
}

.galerieContainer .swiper-pagination {
  position: relative;
  display: block;
  text-align: center;
}

.galerieContainer .swiper-pagination span {
  margin-left: 12px;
  margin-right: 0 !important;
  padding: 0;
  display: inline-block;
  border-radius: 0 !important;
  width: 19px;
  height: 19px;
  background: #fff;
  border: 2px solid #4e4e4e;
  font-size: 0;
  color: #fff;
  cursor: pointer;
  opacity: 1;
}

.galerieContainer .swiper-pagination span.swiper-pagination-bullet-active {
  background: #4e4e4e;
  font-size: 0;
}

.bildgalerie .swiper {
  overflow: hidden;
  margin-top: 94px;
}

.bildgalerie .swipernav {
  text-align: right;
  position: absolute;
  top: -40px;
  right: 0;
}

.bildgalerie .swipernav div {
  display: inline-block;
}

.bildgalerie .swipernav button {
  display: inline-block;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.bildgalerie .swipernav div img {
  height: 34px;
  cursor: pointer;
}

.bildgalerie .swipernav button img {
  height: 34px;
}

.bildgalerie .swipernav .status {
  position: relative;
  top: -10px;
  width: 110px;
  text-align: center;
}

.bildgalerie .swipernav .left img {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.outer > .bildgalerieswiper {
  margin-top: 60px;
  position: relative;
}

.bildgalerieswiper .swipercontainer {
  overflow: hidden;
}

.bildgalerieswiper .swipernav {
  text-align: right;
}

.bildgalerieswiper .swipernav div {
  display: inline-block;
}

.bildgalerieswiper .swipernav button {
  display: inline-block;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.bildgalerieswiper .swipernav div img {
  height: 34px;
  cursor: pointer;
}

.bildgalerieswiper .swipernav button img {
  height: 34px;
}

.bildgalerieswiper .swipernav .status {
  position: relative;
  top: -10px;
  width: 110px;
  text-align: center;
}

.bildgalerieswiper .swipernav .left img {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.bildgalerieswiper .swiper-slide .image {
  position: relative;
}

.bildgalerieswiper .swiper-slide img {
  width: 100%;
}

.bildgalerieswiper .swiper-slide button {
  position: absolute;
  cursor: pointer;
  width: 60px;
  height: 60px;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/lightbox-e8174f46c035cc2a7e88bf77457a5e3656d47256c5e710138c0e5b95739aff64.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.bildgalerieswiper .bildunterschrift {
  color: #4e4e4e;
  float: right;
  width: 80%;
  margin: 12px 0 20px 0;
}

.bildgalerieswiper .bildunterschrift {
  width: 80%;
}

.bildgalerieswiper .bildunterschrift a {
  text-decoration: underline;
}

.bildgalerieswiper .bildunterschrift > p:first-child {
  margin-top: 0;
}

.bildgalerieswiper .bildunterschrift > p:last-child {
  margin-bottom: 0;
}

.bildgalerieswiper .bildunterschrift > span > p:first-child {
  margin-top: 0;
}

.bildgalerieswiper .bildunterschrift > span > p:last-child {
  margin-bottom: 0;
}

.bildgalerieswiper .bildnachweis {
  color: #666;
  float: right;
  width: 80%;
  margin: 12px 0 0 0 !important;
  font-size: 16px;
  line-height: 1em;
  text-align: right;
}

.bildgalerieswiper .slick-dots {
  display: block;
  list-style-type: none;
  text-align: center;
}

.bildgalerieswiper .slick-dots li {
  width: 23px;
  height: 23px;
  margin-left: 12px;
  margin-right: 0 !important;
  padding: 0;
  display: inline-block;
  height: auto !important;
}

.bildgalerieswiper .slick-dots li button {
  width: 19px;
  height: 19px;
  border: none;
  background: #fff;
  border: 2px solid #4e4e4e;
  font-size: 0;
  color: #fff;
  cursor: pointer;
}

.bildgalerieswiper .slick-dots li.slick-active button {
  background: #4e4e4e;
  font-size: 0;
  color: var(--UHH0271bb-hellblau);
}

.bildgalerieswiper .slide:focus {
  border: 3px solid var(--UHH0271bb-fff);
  box-shadow: 0 1px 0 0 var(--UHH0271bb-fff), 1px 1px 0 0 var(--UHH0271bb-fff) inset;
}

.m .bildgalerieswiper .swiper-slide button {
  display: none;
}

.s .bildgalerieswiper .swiper-slide button {
  display: none;
}

.lightboxzoom {
  display: none;
  position: fixed !important;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
}

.lightbox header {
  display: none;
}

.lightbox .nav {
  display: none;
}

.lightbox .lightboxzoom {
  display: block;
  max-width: inherit !important;
  margin-top: 0 !important;
}

.lightboxmove .lightboxzoom .swiper-slide {
  opacity: 0.01;
}

.lightboxzoom .buttons {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 2;
}

.lightboxzoom .buttons button {
  position: absolute;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  border: none;
  background-color: #fff;
}

.lightboxzoom .buttons button.close {
  right: 16px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/closelightbox-2a9aaa206f5ad3cf3adf54667c508edd41092a76b1fa2b1611e5fc6d0986b894.svg);
}

.lightboxzoom .buttons button.close:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/closelightbox-hover-f05cdee7d224cbf5332ce4fb45105e5cdfe33e759740c85d2fce1cf4aacc8687.svg);
}

.lightboxzoom .buttons button.fullscreen {
  right: 72px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/fullscreen-show-06ab14a4af80fa1c1b761ae8054e0d863496e92ce6ab0ffa3ad7c67117ec44cb.svg);
}

.lightboxzoom .buttons button.fullscreen:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/fullscreen-show-hover-1cde5fc47a24b79d5308320be1627e1fe12f4da9ba45b6c99422c4b3058fc433.svg);
}

.lightboxzoom.fullscreen .buttons button.fullscreen {
  right: 72px;
  background-image: url(https://assets.rrz.uni-hamburg.de/fullscreen-close.svg);
}

.lightboxzoom.fullscreen .buttons button.fullscreen:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/fullscreen-close-hover.svg);
}

.lightboxzoom .buttons button.zoom {
  right: 128px;
  background-image: url(https://assets.rrz.uni-hamburg.de/zoom-in.svg);
}

.lightboxzoom .buttons button.zoom:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/zoom-in-hover.svg);
}

.lightboxzoom.zoom .buttons button.zoom {
  background-image: url(https://assets.rrz.uni-hamburg.de/zoom-out.svg);
}

.lightboxzoom.zoom .buttons button.zoom:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/zoom-out-hover.svg);
}

.lightboxzoom .view {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 40px;
  background-color: #fff;
}

.lightboxzoom .swiper-slide {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.lightboxzoom .swiper-slide .imagecontainer {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}

.lightboxzoom .swiper-slide .imagecontainer .bildnachweis {
  text-align: right;
  max-width: inherit;
}

.lightboxzoom .swiper-slide .imagecontainer img {
  max-height: calc(100% - 24px);
  max-width: 100%;
}

.lightboxzoom .swiper-slide .text {
  max-width: 700px;
  margin: auto;
}

.lightboxzoom .swiper-slide table {
  margin-top: 0;
}

.lightboxzoom .swiper-slide table td {
  padding: 15px 30px;
  border: none;
  display: table-cell !important;
}

.lightboxzoom .swiper-slide table td p.bildnachweis {
  color: #666;
  float: right;
  width: 80%;
  margin: 12px 0 0 0 !important;
  font-size: 16px;
  line-height: 1em;
  text-align: right;
}

.lightboxzoom .swiper-slide-zoomed tr.text {
  visibility: hidden;
}

.lightboxzoom-prev, .lightboxzoom-next {
  top: 50%;
  border: 0;
  padding: 0;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 30px;
  text-align: center;
  height: 30px;
  cursor: pointer;
  z-index: 1;
}

.lightboxzoom-prev {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-left-bbc8f48ec2ec1db402fc293105e7e544dcff1ee71f2e844b2fa9e5322ba48ff5.svg);
}

.lightboxzoom-prev:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-left-hover-15c96c30a6c650a64dd197eec3182d35c03a3dd9c3313657ebd14b2f4d17ab88.svg);
}

.lightboxzoom-next {
  right: 0;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-right-e7781948b32f3694b67e5aab5debadee882df706feef69293d860c1838d51216.svg);
}

.lightboxzoom-next:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-right-hover-94967a75cc51f89a18a403456db8775d5ddbd3d0b50618df7253863edb0711c0.svg);
}

.lightboxzoom .swiper-slide table {
  height: 100%;
}

.lightboxzoom .swiper-slide table tr.img {
  height: 100%;
}

.lightboxzoom .swiper-slide table tr.img td {
  position: relative;
}

.lightboxzoom .swiper-slide table tr.img img {
  object-fit: contain;
}

/*newsrubriken*/
.newsrubriken {
  background-color: rgb(59, 81, 92);
  margin-top: -34px;
  margin-bottom: 1px;
}

.spalten.breite > .outer > .newsrubriken {
  margin-bottom: 34px;
}

.newsrubriken ul {
  list-style-type: none;
  margin: 0;
  padding: 0 13px;
}

.newsrubriken li {
  display: inline-block;
}

.newsrubriken li a {
  display: inline-block;
  line-height: 88px;
  padding: 0 13px;
  color: #fff;
  font-size: 25px;
  font-family: TheSansUHHBoldCaps;
}

.newsrubriken li a.hier {
  background-color: #0179CF;
  color: #fff;
}

/*Kontaktbox unten*/
section.unten .kontakt {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 100px;
}

section.unten .kontakt .titel {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}

section.unten .kontakt .inhalt {
  margin: 0;
}

section.unten .kontakt .inhalt a {
  text-decoration: underline;
  color: #4e4e4e;
}

section.unten .kontakt .social {
  margin-top: 40px;
}

section.unten .kontakt .social a {
  display: inline-block;
  margin: 0 20px;
  width: 67px;
  height: 67px;
}

section.unten .kontakt .social a:focus {
  border-radius: 50px;
}

section.unten .kontakt .social a img {
  width: 100%;
}

section.unten .kontakt .button a {
  display: inline-block;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  line-height: 55px;
  padding: 0 40px;
  margin-top: 50px;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
}

section.unten .kontakt .button a:hover {
  background-color: #006ab0;
  text-decoration: underline !important;
}

section.unten .kontakt .button a:focus {
  background-color: #006ab0;
  text-decoration: none;
}

/*V5 Social media unten*/
section.unten > .social {
  margin: 0 auto;
  padding: 50px 0;
}

section.unten > .social a {
  display: inline-block;
  width: 67px;
  height: 67px;
}

section.unten > .social a + a {
  margin-left: calc(25% - 85px);
}

section.unten > .social a img {
  width: 100%;
}

/*V5 Uebersicht*/
html:not(.s) nav.outer.quicklinks {
  padding: 0 20px;
}

.outer > .uebersicht {
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1258px;
  margin-top: -92px !important;
  padding: 40px 0 36px 0;
  background-color: #f3f3f3;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1500px) {
  .outer > .uebersicht {
    margin-top: -73px !important;
  }
}
@media only screen and (max-width: 1350px) {
  .outer > .uebersicht {
    margin-top: -52px !important;
  }
}
.outer > .uebersicht h1 {
  font-family: TheSansUHHBoldCaps, sans-serif;
  padding: 0 114px;
  font-size: 24px;
  line-height: 1.2em;
  margin-top: 0;
  font-weight: normal;
}

.outer > .uebersicht h2 {
  font-family: TheSansUHHBoldCaps, sans-serif;
  padding: 0 114px;
  font-size: 24px;
  line-height: 1.2em;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 17px;
}

.outer > .uebersicht ul {
  padding: 0 114px;
  margin-bottom: 25px;
  list-style-type: none;
}

.outer > .uebersicht ul.zweispaltig {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 47px;
  column-gap: 47px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.outer > .uebersicht ul.zweispaltig li {
  max-width: 100%;
  width: 100%;
  display: inline-table;
  position: inherit;
}

.outer > .uebersicht ul.l {
  float: left;
  width: 50%;
  padding-right: 23px;
  margin-top: 0;
}

.outer > .uebersicht ul.r {
  float: right;
  width: 50%;
  padding-left: 23px;
  margin-top: 0;
}

.outer > .uebersicht li a {
  position: relative;
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 24px;
  line-height: 1.2em;
  padding-left: 20px;
  display: table-cell;
  padding-bottom: 0.3em;
}

.outer > .uebersicht li a:hover {
  text-decoration: underline !important;
}

.outer > .uebersicht li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  height: 14px;
  width: 20px;
  margin-left: -4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.outer > .uebersicht .clear {
  clear: both;
}

.outer > .uebersicht .label {
  float: left;
  width: 114px;
  padding-left: 36px;
  margin: 0;
  font-family: TheSansUHH, sans-serif;
  font-size: 16px;
}

.outer > .uebersicht .inhalt {
  float: left;
  width: calc(100% - 150px);
}

.outer > .uebersicht .inhalt a {
  text-decoration: underline;
  color: #4e4e4e;
}

.outer > .uebersicht.kontakt .inhalt {
  float: left;
  width: 100%;
}

/*V5 Veranstaltungen home Slider Teaser*/
button.slick-arrow {
  border: none;
}

html.js .veranstaltungen-hometeaser .linkliste {
  opacity: 0;
  transition: opacity 0.25s;
}

html.js .veranstaltungen-hometeaser .linkliste.slick-initialized {
  opacity: 1;
}

.veranstaltungen-hometeaser {
  margin-top: 28px;
  padding-top: 68px;
  margin-bottom: 68px;
}

.homegrau .veranstaltungen-hometeaser {
  margin-top: 0;
  margin-bottom: 60px;
}

.veranstaltungen-hometeaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 34px;
  line-height: 1em;
  margin: -4px 0 0 0;
  line-height: 1em;
}

.veranstaltungen-hometeaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.veranstaltungen-hometeaser .head a.rss {
  margin-left: 33px;
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-top: 4px;
  overflow: hidden;
}

html[data-color-scheme$=dark] .veranstaltungen-hometeaser .head a.rss {
  filter: brightness(20);
}

.s .veranstaltungen-hometeaser .head a.rss {
  margin-left: 20px;
}

.veranstaltungen-hometeaser .head a.rss:hover {
  outline: none;
}

.veranstaltungen-hometeaser .head a.rss img {
  float: left;
  width: 100%;
}

.veranstaltungen-hometeaser .head div.more {
  float: right;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

.veranstaltungen-hometeaser .head div.more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
  margin-left: 10px;
}

.veranstaltungen-hometeaser .head div.more a:hover {
  text-decoration: underline !important;
  outline: none;
}

.veranstaltungen-hometeaser .head div.more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.veranstaltungen-hometeaser > div.more {
  float: right;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

html:not(.l) .veranstaltungen-hometeaser .head .more {
  display: none;
}

html:not(.l) .veranstaltungen-hometeaser .more {
  margin-right: 16px;
}

html.m .veranstaltungen-hometeaser .more {
  margin-top: 10px;
}

.veranstaltungen-hometeaser > div.more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
  margin-left: 10px;
}

.veranstaltungen-hometeaser > div.more a:hover {
  text-decoration: underline !important;
}

.veranstaltungen-hometeaser > div.more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.veranstaltungen-hometeaser .item div.more a {
  position: relative;
  line-height: 1.4em;
  margin-left: 10px;
  margin-top: 16px;
  display: block;
  padding-right: 16px;
}

.veranstaltungen-hometeaser .item div.more a:hover {
  text-decoration: underline !important;
}

.veranstaltungen-hometeaser .item div.more a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .veranstaltungen-hometeaser .item div.more a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.veranstaltungen-hometeaser ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.l .veranstaltungen-hometeaser.slider {
  height: 400px;
}

.veranstaltungen-hometeaser.slider .head {
  margin-bottom: 68px;
}

.veranstaltungen-hometeaser.slider .slides {
  padding: 0px 37px 0 73px;
}

.veranstaltungen-hometeaser.slider .slides > .linkliste {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.veranstaltungen-hometeaser.slider .li {
  margin: 2px 36px 2px 2px;
  position: relative;
  height: 205px;
}

.veranstaltungen-hometeaser.slider .li a:hover,
.veranstaltungen-hometeaser.slider .li a:focus {
  text-decoration: none;
  outline: none;
}

.veranstaltungen-hometeaser.slider .li .datum {
  font-family: TheSansUHHBoldCaps;
  font-size: 60px;
  color: var(--UHH0271bb-hellblau);
}

.veranstaltungen-hometeaser.slider .li .datum span {
  display: block;
  font-size: 22px;
  margin-top: 18px;
}

.veranstaltungen-hometeaser.slider .li .titel {
  color: #4e4e4e;
}

.veranstaltungen-hometeaser.slider a.li:hover .titel {
  text-decoration: underline;
}

.veranstaltungen-hometeaser.slider .li .inhalt {
  margin-top: 6px;
}

.veranstaltungen-hometeaser.slider .li .titel {
  font-family: TheSansUHHBold;
  font-size: 25px;
  line-height: 36px;
  margin: 6px 0 2px 0;
}

.veranstaltungen-hometeaser.slider .li .titel a {
  color: #4e4e4e;
}

.veranstaltungen-hometeaser.slider .slick-arrow {
  position: absolute;
  top: 198px;
  width: 45px;
  height: 60px;
  cursor: pointer;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.veranstaltungen-hometeaser.slider .slick-prev {
  left: 2px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.veranstaltungen-hometeaser.slider .slick-next {
  right: 2px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-blaugross-5cdf9bac39c4d1f0a6c30dab4fc4c7b6afcad1b608273bfceb28ea5982667e37.svg);
}

.veranstaltungen-hometeaser.slider .slick-dots {
  display: block;
  list-style-type: none;
  text-align: center;
}

.veranstaltungen-hometeaser.slider .slick-dots li {
  width: 23px;
  height: 23px;
  margin-left: 12px;
  margin-right: 0 !important;
  padding: 0;
  display: inline-block;
  height: auto !important;
  line-height: normal !important;
}

.veranstaltungen-hometeaser.slider .slick-dots li button {
  width: 22px;
  height: 14px;
  border: none;
  background: #fff;
  border: 2px solid #4e4e4e;
  font-size: 0;
  color: #fff;
  cursor: pointer;
}

.veranstaltungen-hometeaser.slider .slick-dots li.slick-active button {
  background: #4e4e4e;
  font-size: 0;
  color: var(--UHH0271bb-hellblau);
}

.s .veranstaltungen-hometeaser.slider .slick-track {
  transform: translate3d(0, 0, 0) !important;
  width: auto !important;
}

.s .veranstaltungen-hometeaser.slider .slick-slide {
  float: none !important;
  display: none !important;
  height: auto !important;
  margin-bottom: 65px !important;
}

.s .veranstaltungen-hometeaser.slider .slick-slide:nth-child(1),
.s .veranstaltungen-hometeaser.slider .slick-slide:nth-child(2),
.s .veranstaltungen-hometeaser.slider .slick-slide:nth-child(3) {
  display: block !important;
}

.s .veranstaltungen-hometeaser.slider .slick-arrow {
  display: none !important;
}

.s .veranstaltungen-hometeaser.slider .slick-dots {
  display: none !important;
}

/*V5 News Teaser*/
.news-teaser.horizontal .item {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
}

.news-teaser.horizontal .item + .item {
  margin-left: 3.6%;
}

.news-teaser.horizontal .item .video.lecture2go {
  padding-top: 56.667%;
}

.news-teaser.horizontal .item .video.youtube {
  padding-top: 56.667%;
}

.news-teaser.horizontal .item .text .rubrik {
  margin-top: 10px;
}

.news-teaser.vertikal .item + .item {
  margin-top: 40px;
}

.news-teaser.vertikal .image {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
  margin-right: 3.6%;
}

.news-teaser.vertikal .item .video {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
  margin-right: 3.6%;
}

.news-teaser.vertikal .item .video .pad {
  float: left;
  width: 0px;
  padding-top: 56%;
}

.news-teaser.vertikal .text {
  float: left;
  width: 65.5%;
}

.news-teaser.vertikal .text.breit {
  margin-left: 0;
  width: 100%;
}

/*V5 Veranstaltungen Slider Teaser*/
.veranstaltungen-teaser {
  margin-top: 80px;
  margin-bottom: 68px;
}

.volle-breite .veranstaltungen-teaser {
  margin-top: 96px;
}

.veranstaltungen-teaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
}

.volle-breite .outer .veranstaltungen-teaser h2 {
  font-size: 34px;
  line-height: 1em;
  margin: -10px 0 0 0;
}

.veranstaltungen-teaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.veranstaltungen-teaser .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.veranstaltungen-teaser .head a.rss:hover {
  outline: none;
}

.veranstaltungen-teaser .head a.rss img {
  width: 100%;
}

.veranstaltungen-teaser .head div.more a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.veranstaltungen-teaser div.more {
  float: left;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

.veranstaltungen-teaser > div.more {
  float: right;
}

.veranstaltungen-teaser .head .more {
  float: right;
}

.veranstaltungen-teaser .head .more a {
  margin-left: 16px;
  display: inline !important;
}

.veranstaltungen-teaser div.more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
  margin-left: 10px;
}

.veranstaltungen-teaser div.more a:hover,
.veranstaltungen-teaser div.more a:focus {
  text-decoration: underline;
  outline: none;
}

.veranstaltungen-teaser a.more:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.veranstaltungen-teaser a.more {
  position: relative;
  line-height: 1.4em;
  display: block;
  margin-top: 16px;
  display: block;
}

.veranstaltungen-teaser a.more:hover,
.veranstaltungen-teaser a.more:focus {
  text-decoration: underline;
}

.veranstaltungen-teaser a.more:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .veranstaltungen-teaser a.more:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.veranstaltungen-teaser ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.veranstaltungen-teaser.slider .head {
  margin-bottom: 68px;
}

.veranstaltungen-teaser.slider .slides {
  padding: 0px 37px 0 73px;
}

.veranstaltungen-teaser.slider .linkliste {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.veranstaltungen-teaser.slider .li {
  background-color: #fff;
  margin-right: 36px;
  position: relative;
  height: 290px;
}

.veranstaltungen-teaser.slider .li .datum {
  font-family: TheSansUHHBoldCaps;
  font-size: 62px;
  color: var(--UHH0271bb-hellblau);
}

.veranstaltungen-teaser.slider .li .datum a {
  font-family: TheSansUHHBoldCaps;
  font-size: 62px;
  color: var(--UHH0271bb-hellblau);
}

.veranstaltungen-teaser.slider .li .datum a:hover,
.veranstaltungen-teaser.slider .li .datum a:focus {
  text-decoration: underline;
  outline: none;
}

.veranstaltungen-teaser.slider .li .inhalt {
  margin-top: 16px;
}

.veranstaltungen-teaser.slider .li .titel {
  font-family: TheSansUHHBold;
  font-size: 28px;
  line-height: 30px;
  margin: 44px 0 22px 0;
}

.veranstaltungen-teaser.slider .li .titel a {
  color: #4e4e4e;
}

.veranstaltungen-teaser.slider .li .titel a:hover,
.veranstaltungen-teaser.slider .li .titel a:focus {
  text-decoration: underline;
  outline: none;
}

.veranstaltungen-teaser.slider .slick-arrow {
  position: absolute;
  top: 70px;
  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);
}

.veranstaltungen-teaser.slider .slick-prev {
  left: -88px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.veranstaltungen-teaser.slider .slick-next {
  right: -52px;
}

.veranstaltungen-teaser.slider .slick-dots {
  display: block;
  list-style-type: none;
  text-align: center;
}

.veranstaltungen-teaser.slider .slick-dots li {
  width: 23px;
  height: 23px;
  margin-left: 12px;
  margin-right: 0 !important;
  padding: 0;
  display: inline-block;
  height: auto !important;
}

.veranstaltungen-teaser.slider .slick-dots li button {
  width: 19px;
  height: 19px;
  border: none;
  background: #fff;
  border: 2px solid #4e4e4e;
  font-size: 0;
  color: #fff;
  cursor: pointer;
}

.veranstaltungen-teaser.slider .slick-dots li.slick-active button {
  background: #4e4e4e;
  font-size: 0;
  color: var(--UHH0271bb-hellblau);
}

.veranstaltungen-teaser.horizontal .head {
  margin-bottom: 68px;
}

.veranstaltungen-teaser.horizontal ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.veranstaltungen-teaser.horizontal ul li {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
  height: 290px;
}

.veranstaltungen-teaser.horizontal ul li + li {
  margin-left: 3.6%;
}

.veranstaltungen-teaser.horizontal ul li .datum {
  font-family: TheSansUHHBoldCaps;
  font-size: 62px;
  color: var(--UHH0271bb-hellblau);
}

.veranstaltungen-teaser.horizontal ul li .inhalt {
  margin-top: 16px;
}

.veranstaltungen-teaser.horizontal ul li .titel {
  font-family: TheSansUHHBold;
  font-size: 22px;
  line-height: 30px;
  margin: 44px 0 22px 0;
}

.veranstaltungen-teaser.horizontal ul li .titel a {
  color: #4e4e4e;
}

.veranstaltungen-teaser.horizontal a.rss {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 80px;
  bottom: 36px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/irss-79de4ffcfa530080559bfb2c370992a50145a5a4fe4dcd8df4d145e997c2fe4d.png);
  overflow: hidden;
  text-indent: 36px;
}

.veranstaltungen-teaser.horizontal .head a.rss:hover {
  outline: none;
}

.veranstaltungen-teaser.liste .head {
  margin-bottom: 46px;
}

.veranstaltungen-teaser.liste ul {
  padding: 0;
  margin: -8px 0 0 0;
  list-style-type: none;
}

.veranstaltungen-teaser.liste ul li {
  margin: 46px 0;
}

.veranstaltungen-teaser.liste ul li > a {
  display: block;
  overflow: hidden;
}

.veranstaltungen-teaser.liste ul li:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.veranstaltungen-teaser.liste ul li .datum {
  float: left;
  width: 106px;
}

.veranstaltungen-teaser.liste ul li .datum .tag {
  font-family: TheSansUHHBoldCaps;
  font-size: 70px;
  color: var(--UHH0271bb-hellblau);
  line-height: 1em;
  margin-top: -16px;
}

.veranstaltungen-teaser.liste ul li .datum .monat {
  font-family: TheSansUHHBoldCaps;
  font-size: 46px;
  color: var(--UHH0271bb-hellblau);
  line-height: 1em;
  margin-top: -12px;
}

.veranstaltungen-teaser.liste ul li .uhrzeit {
  font-family: TheSansUHHBold;
  font-size: 22px;
  color: var(--UHH0271bb-hellblau);
}

.veranstaltungen-teaser.liste ul li .inhalt {
  float: left;
  width: calc(100% - 106px);
  line-height: 1.8em;
}

.veranstaltungen-teaser.liste ul li .text {
  font-family: TheSansUHHBold;
  font-size: 22px;
  color: #4e4e4e;
}

.veranstaltungen-teaser.liste ul li a:hover .uhrzeit {
  text-decoration: underline;
}

.veranstaltungen-teaser.liste ul li a:hover .text {
  text-decoration: underline;
}

.veranstaltungen-teaser.liste ul li .text .titel {
  line-height: 30px;
}

.veranstaltungen-teaser.liste div.more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.veranstaltungen-teaser.liste div.more a:hover {
  text-decoration: underline !important;
}

.veranstaltungen-teaser.kinderuni h2 {
  font-family: TheSansUHHBold;
}

.veranstaltungen-teaser.kinderuni h3 {
  font-family: TheSansUHHBold;
  font-size: 30px;
  color: var(--UHH0271bb-hellblau);
  margin: 0;
}

.veranstaltungen-teaser.kinderuni p {
  font-family: TheSansUHHBold;
  font-size: 21px;
  color: #4e4e4e;
  margin: 10px 0 0;
  max-width: none;
}

.veranstaltungen-teaser.kinderuni ul li a:hover .inhalt h3 {
  text-decoration: underline;
}

.veranstaltungen-teaser.kinderuni ul li a:hover .inhalt p {
  text-decoration: underline;
}

/*V5 standard*/
.outer > .standard {
  margin: 60px 0 30px 0;
}

.intranet2 .outer > .standard {
  margin: 30px 0 30px 0;
}

.outer.h1 > .standard {
  margin-top: 0;
}

.outer > .standard h2 {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.outer > .standard h3 {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 19px;
  font-weight: normal;
}

.outer > .standard h4 {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.outer > .standard img {
  max-width: 100%;
}

/*V5 linie*/
.outer > .linie {
  margin-top: 96px;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}

/*V5 Hinweisbox*/
.outer > .hinweis {
  margin-top: 45px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid var(--UHH0271bb-fff);
}

.intranet2 .outer > .hinweis {
  margin-top: 30px;
}

.outer > .hinweis h2 {
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 4px 0;
  padding-bottom: 4px;
}

.outer > .hinweis .text p {
  margin: 0 0 4px 0;
}

.outer > .hinweis .text ul {
  margin-top: 8px;
}

/*V5 Inhaltsblock*/
.outer > .inhaltsblock {
  margin-top: 45px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.intranet2 .outer > .inhaltsblock {
  margin-top: 30px;
}

.intranet2 .outer > .inhaltsblock.oben {
  margin-top: 15px;
}

.outer > .inhaltsblock.grau {
  background-color: #f3f3f3;
  border: 0px;
}

.outer > .inhaltsblock h2 {
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 13px 0;
  padding: 0 0 4px 0;
}

.outer > .inhaltsblock .inhalt a {
  text-decoration: underline !important;
}

/*V5 3fach Teaser*/
/*V5 2fach Teaser*/
/*V5 1fach Teaser*/
.teaser-1fach {
  margin-top: 80px;
}

.outer.grau > .teaser-1fach {
  padding-top: 50px;
  padding-bottom: 40px;
}

.volle-breite .teaser-1fach {
  margin-top: 80px;
}

.teaser-1fach + .teaser-1fach {
  margin-top: 70px;
}

.teaser-1fach .head {
  margin-bottom: 56px;
}

.teaser-1fach .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.teaser-1fach .head .more {
  float: right;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-top: 0;
}

.teaser-1fach .head .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.teaser-1fach .head .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.teaser-1fach .head div.more a:hover,
.teaser-1fach .head div.more a:focus {
  outline: none;
}

.teaser-1fach .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.teaser-1fach .head a.rss:hover {
  outline: none;
}

.teaser-1fach .head a.rss img {
  width: 100%;
}

.teaser-1fach .image {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
}

.teaser-1fach .image a {
  display: block;
}

.teaser-1fach .item .image .img {
  position: relative;
}

.teaser-1fach .item .img .rflag {
  position: absolute;
  right: 0;
  bottom: 12%;
  color: #fff;
  background-color: #c40017;
  font-family: TheSansUHHBoldCaps;
  padding: 4px 24px;
}

.teaser-1fach .item .img .bflag {
  position: absolute;
  right: 0;
  top: 12%;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  font-family: TheSansUHHBoldCaps;
  padding: 4px 24px;
}

.teaser-1fach .image img {
  width: 100%;
}

.teaser-1fach .bildnachweis {
  text-align: right;
  font-size: 12px;
  margin-top: 2px;
}

.teaser-1fach .video {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
}

.teaser-1fach .video .pad {
  float: left;
  width: 0px;
  padding-top: 56%;
}

.teaser-1fach .video.lecture2go {
  position: relative;
}

.teaser-1fach .video.lecture2go video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1fach .video.youtube {
  position: relative;
}

.teaser-1fach .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1fach .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1fach .text {
  float: right;
  margin-left: 3.6%;
  width: 65.5%;
}

.teaser-1fach .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: -4px 0 15px 0;
  line-height: 30px;
}

.teaser-1fach .text .titel a {
  color: #4e4e4e;
}

.teaser-1fach .text .titel a:hover,
.teaser-1fach .text .titel a:focus {
  outline-color: #4e4e4e;
}

.teaser-1fach .text .rubrik {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
}

.teaser-1fach .item .text .rubrik .sep {
  font-family: TheSansUHHRegularCaps, sans-serif;
  display: inline-block;
  margin: 0 12px;
}

.teaser-1fach .item .text .inhalt a {
  color: #4e4e4e;
}

.teaser-1fach .item .text .inhalt a:hover {
  text-decoration: none;
}

.teaser-1fach div.more {
  margin-top: 15px;
}

.teaser-1fach div.more + div.more {
  margin-top: 0;
}

.teaser-1fach div.more a {
  position: relative;
  line-height: 1.4em;
  padding-right: 16px;
}

.teaser-1fach div.more a:hover,
.teaser-1fach div.more a:focus {
  text-decoration: none !important;
}

.teaser-1fach a.more {
  position: relative;
  line-height: 1.4em;
  padding-right: 16px;
  margin-top: 16px;
  display: block;
}

.teaser-1fach a.more:hover,
.teaser-1fach a.more:focus {
  text-decoration: underline;
}

.teaser-1fach :not(.head) div.more a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .teaser-1fach :not(.head) div.more a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.teaser-1fach :not(.head) a.more:after {
  content: " >";
  color: #c40017;
}

.teaser-1fach :not(.head) a.more:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .teaser-1fach :not(.head) a.more:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.teaser-1fach .item .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

/*V5 1fach breit Teaser*/
.teaser-1breit {
  margin-top: 80px;
}

.outer.grau > .teaser-1breit {
  padding-top: 50px;
  padding-bottom: 40px;
}

.volle-breite .teaser-1breit {
  margin-top: 96px;
}

.teaser-1breit + .teaser-1breit {
  margin-top: 70px;
}

.teaser-1breit h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
}

.teaser-1breit .head {
  margin-bottom: 56px;
}

.teaser-1breit .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.teaser-1breit .head .more {
  float: right;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-top: 0;
}

.teaser-1breit .head .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.teaser-1breit .head .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.teaser-1breit .head div.more a:hover,
.teaser-1breit .head div.more a:focus {
  outline: none;
}

.teaser-1breit .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.teaser-1breit .head a.rss:hover {
  outline: none;
}

.teaser-1breit .head a.rss img {
  width: 100%;
}

.teaser-1breit .image {
  width: 100%;
}

.teaser-1breit .item .image .img {
  position: relative;
}

.teaser-1breit .item .img .rflag {
  position: absolute;
  right: 0;
  bottom: 12%;
  color: #fff;
  background-color: #c40017;
  font-family: TheSansUHHBoldCaps;
  padding: 4px 24px;
}

.teaser-1breit .item .img .bflag {
  position: absolute;
  right: 0;
  top: 12%;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  font-family: TheSansUHHBoldCaps;
  padding: 4px 24px;
}

.teaser-1breit .image img {
  width: 100%;
}

.teaser-1breit .bildnachweis {
  text-align: right;
  font-size: 12px;
  line-height: 1em;
  margin-top: 2px;
}

.teaser-1breit .video {
  margin-bottom: 0;
}

.teaser-1breit .video.lecture2go {
  position: relative;
  padding-top: 56.25%;
}

.teaser-1breit .video.lecture2go img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1breit .video.lecture2go video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1breit .video.lecture2go iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1breit .video.youtube {
  position: relative;
  padding-top: 56.25%;
}

.teaser-1breit .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1breit .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.teaser-1breit .text {
  width: 100%;
}

.teaser-1breit .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 8px 0 19px 0;
  line-height: 30px;
}

.teaser-1breit .text .titel a {
  color: #4e4e4e;
}

.teaser-1breit .text .titel a:hover,
.teaser-1breit .text .titel a:focus {
  outline-color: #4e4e4e;
}

.teaser-1breit .text .rubrik {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
  margin-top: 10px;
}

.teaser-1breit .item .text .rubrik .sep {
  font-family: TheSansUHHRegularCaps, sans-serif;
  display: inline-block;
  margin: 0 12px;
}

.teaser-1breit .item .text .inhalt a {
  color: #4e4e4e;
}

.teaser-1breit .item .text .inhalt a:hover {
  text-decoration: none;
}

.teaser-1breit div.more {
  margin-top: 15px;
}

.teaser-1breit div.more + .more {
  margin-top: 0;
}

.teaser-1breit div.more a {
  position: relative;
  line-height: 1.4em;
  padding-right: 12px;
}

.teaser-1breit div.more a:hover,
.teaser-1breit div.more a:focus {
  text-decoration: underline;
}

.teaser-1breit a.more {
  position: relative;
  line-height: 1.4em;
  padding-right: 16px;
  margin-top: 16px;
  display: block;
}

.teaser-1breit a.more:hover,
.teaser-1breit a.more:focus {
  text-decoration: underline;
}

.teaser-1breit :not(.head) div.more a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

.teaser-1breit :not(.head) a.more:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .teaser-1breit :not(.head) div.more a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

html[data-color-scheme$=dark] .teaser-1breit :not(.head) a.more:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

.teaser-1breit .item .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

/*V5 2fach Featurednews*/
.featurednews {
  margin-top: 80px;
}

.volle-breite .featurednews {
  margin-top: 96px;
}

.featurednews h2 {
  font-size: 22px;
  margin-bottom: 40px;
}

.featurednews .tablecell.left {
  width: 60%;
}

.featurednews .tablecell.sep {
  width: 4.8%;
}

.featurednews .tablecell.right {
  width: 35.2%;
  position: relative;
}

.featurednews .tablecell.left .image img {
  width: 100%;
  float: left;
}

.featurednews .tablecell.right .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.featurednews .tablecell.right div.more {
  width: 100%;
  bottom: 0;
  text-align: center;
}

.featurednews .tablecell.right div.more a {
  display: inline-block;
  width: 100%;
  font-family: TheSansUHHBoldCaps, sans-serif;
  line-height: 50px;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
}

.featurednews .tablecell.right div.more a:hover,
.featurednews .tablecell.right div.more a:focus {
  text-decoration: underline;
  outline: none;
  background-color: #0271bb;
  outline: none;
}

.featurednews .tablecell.right .inhalt ul {
  padding-left: 26px;
}

.featurednews .tablecell.right .inhalt ul > li:before {
  background-color: #3b515c;
}

.featurednews .tablecell.right .inhalt ul li a {
  color: #4e4e4e;
}

.featurednews .more {
  position: absolute;
  max-width: 180px;
  width: 100%;
  text-align: center;
}

.featurednews .more a {
  position: relative;
  line-height: 1.4em;
  padding-right: 12px;
}

/*V5 Logoleiste*/
.logoleiste {
  margin-top: 86px;
  text-align: center;
  margin-bottom: -30px;
}

.logoleiste a {
  display: inline-block !important;
  vertical-align: top;
  padding-bottom: 35px;
}

.logoleiste1 a.uhh {
  width: 13%;
}

.logoleiste1 a.haw {
  width: 5.56%;
  margin-left: 8.42%;
}

.logoleiste1 a.hsu {
  width: 9.46%;
  margin-left: 9.62%;
}

.logoleiste1 a.hfbk {
  width: 10.1%;
  margin-left: 8.5%;
}

.logoleiste1 a.klu {
  width: 7.4%;
  margin-left: 7.07%;
}

.logoleiste1 a.hfmt {
  width: 13.4%;
  margin-left: 6.52%;
}

.logoleiste1 a.tuhh {
  width: 10.7%;
}

.logoleiste1 a.bls {
  width: 17.3%;
  margin-left: 6.91%;
}

.logoleiste1 a.hcu {
  width: 13.7%;
  margin-left: 6.91%;
}

.logoleiste a img {
  float: left;
  width: 100%;
}

/*V5 2x1 Teaser*/
.teaser-2mal1 {
  margin-top: 68px;
}

.teaser-2mal1 h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 60px;
}

.teaser-2mal1 .tablecell.image {
  width: 40%;
}

.teaser-2mal1 .tablecell.image a {
  display: block;
}

.teaser-2mal1 .tablecell.image img {
  width: 100%;
}

.teaser-2mal1 .tablecell.text {
  width: 60%;
  color: #fff;
  background-color: #c40017;
  padding: 50px;
}

.teaser-2mal1 .tablecell.text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 850px) {
  .teaser-2mal1 .tablecell.text .titel {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 750px) {
  .teaser-2mal1 .tablecell.text {
    padding: 40px;
  }
  .teaser-2mal1 .tablecell.text .titel {
    font-size: 22px;
    line-height: 30px;
    margin: 0;
  }
}
.teaser-2mal1 .tablecell.text .more {
  margin-top: 40px;
}

.teaser-2mal1 .tablecell.text .more a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}

.teaser-2mal1 .tablecell.text .more a:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;
}

/*V5 2x2 Teaser*/
.teaser-2mal2 {
  margin-top: 68px;
}

.teaser-2mal2 h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 60px;
}

.teaser-2mal2 .tablecell {
  width: 50%;
}

.teaser-2mal2 .tablecell.text {
  padding: 50px;
  background-color: var(--UHHf3f3f3-grau);
  position: relative;
}

.volle-breite .teaser-2mal2 .tablecell.text {
  padding: 76px;
}

.teaser-2mal2 .tablecell.text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 16px;
  margin-top: 0;
}

.teaser-2mal2 .tablecell.text.right .titel {
  text-align: right;
}

.teaser-2mal2 .tablecell.image {
  position: relative;
}

.teaser-2mal2 .tablecell.image img {
  width: 100%;
  float: left;
}

.teaser-2mal2 .tablecell.image .bildnachweis {
  display: block;
  position: absolute;
  transform: rotate(270deg);
  -webkit-transform-origin: bottom right;
  right: 0;
  top: -26px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 26px;
  padding: 0 12px;
  color: var(--UHH4e4e4e-4e4e4e);
  background-color: rgba(255, 255, 255, 0.6);
}

.teaser-2mal2 .tablecell.image .bildnachweis a:hover {
  text-decoration: underline !important;
}

.teaser-2mal2 .tablecell.image .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 16px;
  margin: 0;
}

.teaser-2mal2 .tablecell.text .more {
  margin-top: 45px;
}

.teaser-2mal2 .tablecell.text.right .more {
  text-align: right;
}

.teaser-2mal2 .tablecell.text .more a {
  text-decoration: none;
  display: inline-block;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 20px;
  line-height: 50px;
  padding: 0 30px;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
}

.teaser-2mal2 .tablecell.text .more a:hover {
  text-decoration: underline !important;
  outline: none;
}

.teaser-2mal2 .tablecell.text .more a:focus {
  text-decoration: underline !important;
  outline: none;
}

.teaser-2mal2 .tablecell.text.right .inhalt {
  text-align: right;
}

.teaser-2mal2 .tablecell.text .inhalt ul {
  padding-left: 26px;
}

.teaser-2mal2 .tablecell.text .inhalt ul li:before {
  background-color: #3b515c;
}

.teaser-2mal2 .tablecell.text .inhalt ul li a {
  color: #4e4e4e;
}

/*V5 Beratung*/
.outer > .beratung {
  margin-top: 68px;
}

.outer > .beratung .item {
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
}

.outer > .beratung .item + .item {
  margin-left: 3.6%;
}

.outer > .beratung .item .image {
  background-size: contain;
}

.outer > .beratung .item:hover .image.online {
  background-image: url(https://assets.rrz.uni-hamburg.de/Online_Mouseover.svg);
}

.outer > .beratung .item:hover .image.phone {
  background-image: url(https://assets.rrz.uni-hamburg.de/Phone_Mouseover.svg);
}

.outer > .beratung .item:hover .image.personal {
  background-image: url(https://assets.rrz.uni-hamburg.de/Personal_Mouseover.svg);
}

.outer > .beratung .item .image img {
  width: 100%;
}

.outer > .beratung .item:hover .image img {
  visibility: hidden;
}

.outer > .beratung .item .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: var(--UHH0271bb-hellblau);
  margin: 16px 0;
}

/*V5 1x1 Illustration*/
.illu-1fach {
  margin-top: 80px;
}

.volle-breite .illu-1fach {
  margin-top: 96px;
}

.illu-1fach .head h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 34px;
  line-height: 1em;
  margin: -10px 0 0 0;
}

.illu-1fach .head {
  margin-bottom: 56px;
}

.illu-1fach .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.illu-1fach .head .more {
  float: right;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-top: 0;
}

.illu-1fach .head .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.illu-1fach .head .more a:hover {
  text-decoration: underline;
  outline: none;
}

.illu-1fach .head .more a:focus {
  text-decoration: underline;
  outline: none;
}

.illu-1fach .head .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.illu-1fach .image {
  position: relative;
  overflow: hidden;
}

.illu-1fach .image img {
  width: 100%;
  float: left;
}

.illu-1fach .video {
  position: relative;
  overflow: hidden;
}

.illu-1fach .video .pad {
  float: left;
  width: 0px;
  padding-top: 56%;
}

/* .illu-1fach .video.lecture2go .pad {display:none} */
.illu-1fach .video.lecture2go video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
}

.illu-1fach .video.lecture2go iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1px;
  display: block;
}

.illu-1fach .video.youtube {
  position: relative;
}

.illu-1fach .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.illu-1fach .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.illu-1fach .image .bildnachweis {
  display: block;
  position: absolute;
  transform: rotate(270deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  right: 0px;
  top: -26px;
  font-size: 12px;
  line-height: 26px;
  padding: 0 12px;
  color: var(--UHH4e4e4e-4e4e4e);
  background-color: rgba(255, 255, 255, 0.6);
}

.illu-1fach .image .more {
  display: block;
  position: absolute;
  right: 32px;
  bottom: 32px;
  font-family: TheSansUHHRegularCaps, sans-serif;
  line-height: 50px;
  padding: 0 30px;
  background-color: #0271bb;
}

.illu-1fach .image .more a {
  color: var(--UHHfff-hellgrau);
}

.illu-1fach .text {
  padding: 20px 50px 40px 50px;
  clear: left;
  overflow: hidden;
}

.illu-1fach .text.red {
  color: #fff;
  background-color: #c40017;
}

.illu-1fach .text.blue {
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
}

.illu-1fach .text.grey {
  color: #fff;
  background-color: #3b515c;
}

.illu-1fach .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  width: 100%;
  font-size: 24px !important;
  line-height: 34px !important;
  padding: 14px 0 !important;
  margin: 0 !important;
}

/*V5 2x2 Teaser*/
.teaserzeile-2 {
  margin-top: 68px;
}

.teaserzeile-2 h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 60px;
}

.teaserzeile-2 .tablerow + .tablerow {
  margin-top: 68px;
}

.teaserzeile-2 .tablecell {
  width: 47.6%;
}

.teaserzeile-2 a.tablecell:hover {
  text-decoration: none;
  outline: none;
}

.teaserzeile-2 a.tablecell:focus {
  outline: none;
}

.teaserzeile-2 .tablecell.sep {
  width: 4.8%;
}

.teaserzeile-2 .tablecell.text {
  padding: 60px 45px;
  color: #fff;
}

.teaserzeile-2 .tablecell.text.red {
  background-color: #c40017;
}

.teaserzeile-2 .tablecell.text.blue {
  background-color: #0271bb;
}

.teaserzeile-2 .tablecell.text.grey {
  background-color: #3b515c;
}

.teaserzeile-2 .tablecell.text .inhalt ul li:before {
  background-color: #fff;
}

.teaserzeile-2 .tablecell.text .inhalt ul li a {
  color: #fff;
}

.teaserzeile-2 .tablecell.text.blue .inhalt ul li a {
  color: var(--UHHfff-hellgrau);
}

.teaserzeile-2 .tablecell .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 10px;
  margin-top: 0;
}

.teaserzeile-2 .tablecell .titel a {
  color: rgb(78, 78, 78);
}

.teaserzeile-2 .tablecell .titel a:hover {
  text-decoration: none;
}

.teaserzeile-2 .tablecell.image {
  background-color: #f3f3f3;
  color: #4e4e4e;
}

.teaserzeile-2 .tablecell.image img {
  float: left;
  width: 100%;
}

.teaserzeile-2 .tablecell.image .img {
  position: relative;
  overflow: hidden;
}

.teaserzeile-2 .tablecell.image .bildnachweis {
  display: block;
  position: absolute;
  transform: rotate(270deg);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  right: 26px;
  top: 0;
  white-space: nowrap;
  font-size: 12px;
  line-height: 26px;
  padding: 0 12px;
  color: var(--UHH4e4e4e-4e4e4e);
  background-color: rgba(255, 255, 255, 0.6);
}

.teaserzeile-2 .tablecell.image a:focus:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid #000;
}

.teaserzeile-2 .tablecell.image .titel {
  padding: 30px 40px 30px 40px;
  min-height: 104px;
  background-color: #f3f3f3;
  margin-bottom: 0px;
  clear: left;
  font-size: 26px;
  line-height: 30px;
}

.teaserzeile-3 {
  margin-top: 68px;
  display: table;
  width: 100%;
}

.teaserzeile-3 h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 60px;
}

.teaserzeile-3 .tablerow + .tablerow {
  margin-top: 68px;
}

.teaserzeile-3 .tablerow.sep {
  height: 68px;
}

.teaserzeile-3 .tablecell {
  width: 30.9%;
}

.teaserzeile-3 a.tablecell:hover {
  text-decoration: none;
}

.teaserzeile-3 .tablecell.sep {
  width: 3.6%;
}

.teaserzeile-3 .tablecell.text {
  padding: 60px 45px;
  color: #fff;
}

.teaserzeile-3 .tablecell.text.red {
  background-color: #c40017;
}

.teaserzeile-3 .tablecell.text.blue {
  background-color: #0271bb;
  color: var(--UHHfff-hellgrau);
}

.teaserzeile-3 .tablecell.text.grey {
  background-color: #3b515c;
}

.teaserzeile-3 .tablecell .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 0;
}

.teaserzeile-3 .tablecell.image {
  background-color: #f3f3f3;
  color: #4e4e4e;
}

.teaserzeile-3 .tablecell.image img {
  width: 100%;
  float: left;
}

.teaserzeile-3 .tablecell.image .img {
  position: relative;
  overflow: hidden;
}

.teaserzeile-3 .tablecell.image .bildnachweis {
  display: block;
  position: absolute;
  transform: rotate(270deg);
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  transform-origin: top right;
  right: 26px;
  top: 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);
}

.teaserzeile-3 .tablecell.image .titel {
  padding: 25px 40px 0 40px;
  height: 114px;
  background-color: #f3f3f3;
  margin-bottom: 0px;
  clear: left;
}

/*Startbilder*/
.outer > .foto {
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}

.outer > .foto .text {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.88);
  position: absolute;
  top: 56px;
  left: 22px;
  min-width: 323px;
  max-width: 345px;
  padding: 23px 25px;
} /* !!! */
.outer > .foto .text strong {
  color: #E2001A;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.06em;
}

.outer > .foto .text div {
  font-size: 18px;
  line-height: 1.25em;
  margin-top: 3px;
}

.outer > .foto img {
  float: left;
  width: 100%;
}

.outer > .foto .bildnachweis {
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  position: absolute;
  left: 100%;
  bottom: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  padding: 2px 5px;
  color: #666;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.outer > .fotokonferenz {
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}

.outer > .fotokonferenz .text {
  position: absolute;
  top: 20px;
  left: 10px;
}

.outer > .fotokonferenz .text strong {
  font-size: 36px;
  line-height: 1.18em;
}

.outer > .fotokonferenz .text div {
  font-size: 30px;
  line-height: 1.25em;
  margin-top: 16px;
  margin-bottom: -4px;
}

.outer > .fotokonferenz .button a {
  display: inline-block;
  border: 1px solid #CE2D19;
  border-color: #CE2D19 #C52118 #BA1126 #C72317;
  border-radius: 2px;
  background-color: #C90219;
  color: #fff;
  padding: 0 38px;
  font-family: TheSansUHHBold, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background-image: -webkit-linear-gradient(270deg, #E5331C 0%, #C90219 100%);
  background-image: linear-gradient(180deg, #E5331C 0%, #C90219 100%);
}

.outer > .fotokonferenz img {
  float: left;
  width: 100%;
}

.outer > .fotokonferenz .bildnachweis {
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  position: absolute;
  left: 100%;
  bottom: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  padding: 2px 5px;
  color: #666;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.outer > .fotokonferenzII {
  margin-top: 37px;
  clear: both;
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}

.outer > h1 .fotokonferenzII {
  margin-top: 0;
}

.outer > .fotokonferenzII .text {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.88);
  position: absolute;
  top: 56px;
  left: 22px;
  min-width: 323px;
  padding: 10px;
} /* !!! */
.outer > .fotokonferenzII .text h1 {
  font-size: 34px;
  line-height: 1.18em;
  width: auto;
  margin-bottom: 0;
}

.outer > .fotokonferenzII .text strong {
  font-size: 34px;
  line-height: 1.18em;
}

.outer > .fotokonferenzII .text div {
  font-size: 24px;
  line-height: 1.25em;
  margin-top: 6px;
  margin-bottom: -4px;
}

.outer > .fotokonferenzII .text div.datum {
  margin-top: 26px;
}

.outer > .fotokonferenzII img {
  float: left;
  width: 100%;
}

.outer > .fotokonferenzII .bildnachweis {
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  position: absolute;
  left: 100%;
  bottom: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  padding: 2px 5px;
  color: #666;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.outer > .foto .bildnachweis a, .outer > .oben .fotokonferenz .bildnachweis a, .outer > .oben .fotokonferenzII .bildnachweis a {
  text-decoration: none !important;
  border-bottom: 1px dotted #4e4e4e !important;
  color: #4e4e4e !important;
}

.outer > .foto .bildnachweis a:hover, .outer > .oben .fotokonferenz .bildnachweis a:hover, .outer > .oben .fotokonferenzII .bildnachweis a:hover {
  color: #C40017 !important;
  border: 0 !important;
}

/*Linkliste*/
.outer > .linkliste {
  list-style-type: none;
  padding-left: 0;
  clear: both;
}

.outer > .linkliste ul {
  list-style-type: none;
  padding-left: 27px;
}

.outer > .linkliste li {
  max-width: none !important;
}

.outer > .linkliste li > a {
  text-decoration: none !important;
}

.outer > .linkliste li > a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-blau-4eba723403b9834050f9f16aaa58ab9b838a52c90a66a87acb5a786bf44a302d.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer > .linkliste li.plus > a: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);
}

.outer > .linkliste li.plus.auf > a: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/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.outer > .linkliste li.minus.auf > a: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/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.js .outer > .linkliste li.plus > ul {
  display: none;
}

.outer > .linkliste li.plus > ul > li:first-child {
  display: none;
}

.js .outer > .linkliste li.plus > ul > li:first-child {
  display: block;
}

.outer > .linkliste li.plus.auf > ul {
  display: block;
}

.outer > .linkliste li > a:hover:after, .intranet2 .linkliste li > a:focus:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-weiss-663389f3e56879ff69e9cf9eae9f3cecce5e6bad3e5ce1088755dc620abe9e13.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer > .linkliste > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 54px;
  line-height: 21px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #faf9f9;
  margin-top: 12px;
}

.outer > .linkliste li > a:hover, .intranet2 .linkliste li > a:focus {
  background-color: #0271bb;
  text-decoration: none;
}

.outer > .linkliste > li > ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  line-height: 57px;
  padding: 0 0 0 54px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #fff;
}

.outer > .linkliste > li > ul > li.plus.auf > a {
  border-bottom: none;
}

.outer > .linkliste > li > a:hover, .intranet2 .linkliste > li > a:focus {
  color: var(--UHHfff-hellgrau);
}

.outer > .linkliste > li > ul > li > a:hover {
  color: #fff;
}

.outer > .linkliste ul ul {
  padding: 10px 0 30px 80px;
}

.outer > .linkliste ul ul li {
  line-height: 28px;
}

.outer > .linkliste ul ul li a {
  font-size: 16px;
}

.outer .standard > .linkliste {
  list-style-type: none;
  padding-left: 0;
  clear: both;
}

.outer .standard > .linkliste ul {
  list-style-type: none;
  padding-left: 27px;
}

.outer .standard > .linkliste li {
  max-width: none !important;
}

.outer .standard > .linkliste li > a {
  text-decoration: none !important;
}

.outer .standard > .linkliste li > a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-blau-4eba723403b9834050f9f16aaa58ab9b838a52c90a66a87acb5a786bf44a302d.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer .standard > .linkliste li.plus > a: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);
}

.outer .standard > .linkliste li.plus.auf > a: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/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.outer .standard > .linkliste li.minus.auf > a: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/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.js .outer .standard > .linkliste li.plus > ul {
  display: none;
}

.outer .standard > .linkliste li.plus > ul > li:first-child {
  display: none;
}

.js .outer .standard > .linkliste li.plus > ul > li:first-child {
  display: block;
}

.outer .standard > .linkliste li.plus.auf > ul {
  display: block;
}

.outer .standard > .linkliste li > a:hover:after, .intranet2 .linkliste li > a:focus:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-weiss-663389f3e56879ff69e9cf9eae9f3cecce5e6bad3e5ce1088755dc620abe9e13.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer .standard > .linkliste > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 54px;
  line-height: 21px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #faf9f9;
  margin-top: 12px;
}

.outer .standard > .linkliste li > a:hover, .intranet2 .linkliste li > a:focus {
  background-color: #0271bb;
  text-decoration: none;
}

.outer .standard > .linkliste > li > ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  line-height: 57px;
  padding: 0 0 0 54px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #fff;
}

.outer .standard > .linkliste > li > ul > li.plus.auf > a {
  border-bottom: none;
}

.outer .standard > .linkliste > li > a:hover, .intranet2 .linkliste > li > a:focus {
  color: var(--UHHfff-hellgrau);
}

.outer .standard > .linkliste > li > ul > li > a:hover {
  color: #fff;
}

.outer .standard > .linkliste ul ul {
  padding: 10px 0 30px 80px;
}

.outer .standard > .linkliste ul ul li {
  line-height: 28px;
}

.outer .standard > .linkliste ul ul li a {
  font-size: 16px;
}

.outer.absprungpunkt .linkliste {
  list-style-type: none;
  padding-left: 0;
  clear: both;
}

.outer.absprungpunkt .linkliste ul {
  list-style-type: none;
  padding-left: 27px;
}

.outer.absprungpunkt .linkliste li {
  max-width: none !important;
}

.outer.absprungpunkt .linkliste li > a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-blau-4eba723403b9834050f9f16aaa58ab9b838a52c90a66a87acb5a786bf44a302d.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer.absprungpunkt .linkliste li.plus > a: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);
}

.outer.absprungpunkt .linkliste li.plus.auf > a: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/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.outer.absprungpunkt .linkliste li.minus.auf > a: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/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.js .outer.absprungpunkt .linkliste li.plus > ul {
  display: none;
}

.outer.absprungpunkt .linkliste li.plus > ul > li:first-child {
  display: none;
}

.js .outer.absprungpunkt .linkliste li.plus > ul > li:first-child {
  display: block;
}

.outer.absprungpunkt .linkliste li.plus.auf > ul {
  display: block;
}

.outer.absprungpunkt .linkliste li > a:hover:after, .intranet2 .linkliste li > a:focus:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-weiss-663389f3e56879ff69e9cf9eae9f3cecce5e6bad3e5ce1088755dc620abe9e13.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer.absprungpunkt .linkliste > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 54px;
  line-height: 21px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #faf9f9;
  margin-top: 12px;
  text-decoration: none !important;
}

.outer.absprungpunkt .linkliste li > a:hover, .intranet2 .linkliste li > a:focus {
  background-color: #0271bb;
  text-decoration: none;
}

.outer.absprungpunkt .linkliste > li > ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  line-height: 57px;
  padding: 0 0 0 54px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #fff;
}

.outer > .linkliste > li > ul > li.plus.auf > a {
  border-bottom: none;
}

.outer.absprungpunkt .linkliste > li > a:hover, .intranet2 .linkliste > li > a:focus {
  color: var(--UHHfff-hellgrau);
}

.outer.absprungpunkt .linkliste > li > ul > li > a:hover {
  color: #fff;
}

.outer.absprungpunkt .linkliste ul ul {
  padding: 10px 0 30px 80px;
}

.outer.absprungpunkt .linkliste ul ul li {
  line-height: 28px;
}

.outer.absprungpunkt .linkliste ul ul li a {
  font-size: 16px;
}

/*V5 Kontakt*/
.outer > .kontakt {
  margin-top: 80px;
}

.volle-breite .outer > .kontakt {
  margin-top: 96px;
}

.outer > .kontakt h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.outer > .kontakt .name p {
  font-family: TheSansUHHBold, sans-serif;
}

/*fionabox*/
.outer > .fionabox {
  margin-top: 45px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.outer > .fionabox h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.outer > .fionabox h3 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.outer > .fionabox h2 a {
  color: var(--UHH0271bb-hellblau);
}

.outer > .fionabox h3 a {
  color: var(--UHH0271bb-hellblau);
}

.outer > .fionabox h2 a:hover {
  text-decoration: none;
}

.outer > .fionabox h3 a:hover {
  text-decoration: none;
}

.outer > .fionabox ul {
  list-style-type: none;
  padding-left: 30px;
}

.outer > .fionabox ol {
  padding-left: 21px;
}

.outer > .fionabox li {
  position: relative;
}

.outer > .fionabox ul > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.outer > .fionabox .content a {
  color: #4e4e4e;
  text-decoration: underline;
}

.outer > .kontakt .name p {
  font-family: TheSansUHHBold, sans-serif;
}

/*V5 Artikel Detailseite*/
.outer > .artikeldetail {
  margin-top: 38px !important;
}

.outer > .artikeldetail.presse {
  margin-top: 44px !important;
}

.outer > .artikeldetail h2 {
  font-size: 19px;
  margin: 19px 0;
}

.outer > .artikeldetail h3 {
  font-size: 17px;
  margin: 0 !important;
}

.outer > .artikeldetail h4 {
  font-size: 16px;
  margin: 0 !important;
}

.outer > .artikeldetail p a {
  text-decoration: underline !important;
}

.outer > .artikeldetail p a:hover {
  text-decoration: none !important;
}

.outer > .artikeldetail p a:focus {
  text-decoration: none !important;
}

.outer > .artikeldetail .bildnachweis {
  color: #4e4e4e;
  float: right;
  width: 80%;
  margin: 7px 0 30px 0 !important;
  font-size: 14px;
  line-height: 1em;
  text-align: right;
}

.outer > .artikeldetail .bildunterschrift {
  color: #4e4e4e;
  float: right;
  width: 80%;
  margin: 12px 0 30px 0;
  font-size: 16px;
}

.outer > .artikeldetail .bildunterschrift:empty {
  display: none;
}

.intranet2 .outer > .artikeldetail .bildunterschrift {
  margin: 12px 0 45px 0;
}

.outer > .artikeldetail .bildnachweis + .bildunterschrift {
  margin-top: -20px;
}

.outer > .artikeldetail .abstract {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 18px;
  clear: right;
}

.outer > .artikeldetail .video.lecture2go {
  position: relative;
  padding-top: 56.25%;
}

.outer > .artikeldetail .video.lecture2go img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .artikeldetail .video.lecture2go video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .artikeldetail .video.lecture2go iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .artikeldetail .video.youtube {
  position: relative;
  padding-top: 56.25%;
}

.outer > .artikeldetail .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .artikeldetail .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .artikeldetail .image {
  overflow: hidden;
}

.outer > .artikeldetail .image + p {
  clear: right;
  margin-top: 0;
}

.outer > .artikeldetail .image img {
  width: 100%;
}

.outer > .artikeldetail .zitat {
  font-family: TheSansUHHBold, sans-serif;
  float: right;
  margin: 20px 0 20px 16px;
  padding: 30px;
  color: var(--UHH0271bb-hellblau);
  font-size: 44px;
  line-height: 54px;
  text-align: center;
  width: 420px;
  border-top: 1px solid var(--UHH0271bb-fff);
  border-bottom: 1px solid var(--UHH0271bb-fff);
}

.outer > .artikeldetail .zitat:before {
  content: "”";
  font-family: TheSansUHHBold, sans-serif;
  font-size: 120px;
  display: block;
  margin: 24px 0 -30px 0;
}

.outer > .artikeldetail .pressemitteilung {
  margin-top: 50px;
}

.outer > .artikeldetail .download h2 {
  margin-top: 0;
  display: table;
}

.outer > .artikeldetail .download {
  margin-top: 40px;
  background-color: #f3f3f3;
  padding: 40px 40px 20px 40px;
}

.outer > .artikeldetail .download .item {
  clear: both;
  margin: 40px 0 0 0;
  display: table-row;
}

.outer > .artikeldetail .download .item a {
  text-decoration: underline !important;
}

.outer > .artikeldetail .download .item a:hover {
  text-decoration: none !important;
}

.outer > .artikeldetail .download .img {
  padding: 20px 0;
  display: table-cell;
}

.outer > .artikeldetail .download .img a {
  display: block;
}

.outer > .artikeldetail .download .img img {
  margin-bottom: 12px;
  width: 207px;
}

.outer > .artikeldetail .download .links {
  padding: 20px 0 20px 40px;
  display: table-cell;
  vertical-align: top;
}

.outer > .artikeldetail .download .text {
  font-size: 14px;
  line-height: 17px;
}

.outer > .artikeldetail .download .copyright {
  font-size: 14px;
  line-height: 17px;
  margin-top: 5px;
}

.outer > .artikeldetail.presse.klein .image {
  float: left;
  width: 207px;
  margin: 0 10px 10px 0;
}

.outer > .artikeldetail.presse.klein .bildnachweis {
  width: 100%;
}

.outer > .artikeldetail.presse.klein .bildunterschrift {
  width: 100%;
  margin-bottom: 12px;
}

/*V5 Blaettern*/
.outer > .blaettern {
  margin-top: 68px !important;
}

.outer > .blaettern .prev {
  float: left;
}

.outer > .blaettern .next {
  float: right;
}

.outer > .blaettern a {
  color: #4e4e4e;
  font-family: TheSansUHHBold, sans-serif;
  font-size: 20px;
  font-weight: normal;
  position: relative;
}

.outer > .blaettern .prev a {
  padding-left: 20px;
}

.outer > .blaettern .next a {
  padding-right: 20px;
}

.outer > .blaettern .prev a:before {
  content: "<";
  position: absolute;
  left: 0;
  top: 0;
  color: #4e4e4e;
}

.outer > .blaettern .next a:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 0;
  color: #4e4e4e;
}

/*V5 Zitat*/
.outer > .zitat {
  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;
}

.outer > .zitat:hover {
  text-decoration: none;
}

.outer > .zitat.rot {
  background-color: #c40017;
  color: #fff;
  border-color: #fff;
}

.outer > .zitat.blau {
  background-color: var(--UHH0271bb-grau);
  color: #fff;
  border-color: #fff;
}

.outer > .zitat.steingrau {
  background-color: #3b515c;
  color: #fff;
  border-color: #fff;
}

.outer > .zitat:before {
  content: "”";
  font-family: TheSansUHHBold, sans-serif;
  font-size: 160px;
  display: block;
  margin: 44px 0 -20px 0;
}

/*V5 pressemeldung*/
.outer > .pressemeldung {
  border-top: 1px solid #ddd;
  padding: 45px 0 49px 0;
  margin: 0 !important;
}

.s .outer > .pressemeldung {
  padding: 34px 0 44px 0;
}

.outer.h1 + .outer > .pressemeldung {
  margin-top: 40px !important;
}

.outer.h1.rss + .outer > .pressemeldung {
  margin-top: 30px !important;
}

.outer > .pressemeldung.first {
  border-top: 1px solid #ddd;
  margin-top: 40px !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 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: 0px;
  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 > .pressemeldung .text .inhalt p:last-child {
  margin-bottom: 0;
}

.outer > .teaser-1fach-a {
  padding: 20px 0;
  margin: 0 !important;
}

.outer.h1 + .outer > .teaser-1fach-a {
  margin-top: 30px !important;
}

.outer.h1.rss + .outer > .teaser-1fach-a {
  margin-top: 30px !important;
}

.outer > .teaser-1fach-a a {
  color: #4e4e4e;
}

.outer > .teaser-1fach-a .content {
  max-width: 700px;
  display: block;
}

.outer > .teaser-1fach-a .content:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.outer > .teaser-1fach-a .datum {
  font-family: TheSansUHHBold, sans-serif;
  margin: 0 0 10px 0;
}

.outer > .teaser-1fach-a .datum span {
  display: inline-block;
  padding: 0 16px;
}

.outer > .teaser-1fach-a h2 {
  font-size: 22px !important;
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  line-height: 24px !important;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

.outer > .teaser-1fach-a h2 a {
  color: #4e4e4e;
}

.outer > .teaser-1fach-a a:hover h2 {
  text-decoration: underline;
}

.outer > .teaser-1fach-a .image {
  float: left;
  width: 43%;
  margin-right: 4%;
}

.outer > .teaser-1fach-a.reverse .image {
  float: right;
  margin-left: 4%;
  margin-right: 0;
}

.outer > .teaser-1fach-a .image img {
  width: 100%;
}

.outer > .teaser-1fach-a .image a {
  display: block;
  position: relative;
}

.outer > .teaser-1fach-a .image a:hover {
  outline: none;
}

.outer > .teaser-1fach-a .image a:focus {
  outline: none;
}

.outer > .teaser-1fach-a .image a:focus:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid #000;
}

.outer > .teaser-1fach-a .image .bildnachweis {
  text-align: right;
  font-size: 12px;
  line-height: 1em;
  margin-top: 2px;
}

.outer > .teaser-1fach-a .video {
  float: left;
  width: 43%;
  margin-right: 4%;
}

.outer > .teaser-1fach-a.reverse .video {
  float: right;
  margin-left: 4%;
  margin-right: 0;
}

.outer > .teaser-1fach-a .video .pad {
  float: left;
  width: 0px;
  padding-top: 56%;
}

.outer > .teaser-1fach-a .video.lecture2go {
  position: relative;
}

.outer > .teaser-1fach-a .video.lecture2go video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .teaser-1fach-a .video.youtube {
  position: relative;
}

.outer > .teaser-1fach-a .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .teaser-1fach-a .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.outer > .teaser-1fach-a .text {
  margin-top: -6px;
  width: 53%;
  float: right;
}

.outer > .teaser-1fach-a .text .inhalt p:first-child {
  margin-top: 0;
}

.outer > .teaser-1fach-a .text .more a {
  color: #c40017;
}

.outer > .teaser-1fach-a .text .more {
  margin-top: 16px;
}

.outer > .teaser-1fach-a .text .more a:after {
  content: " >";
  color: #c40017;
}

.outer > .teaser-1fach-a .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

.outer > .teaser-1fach-a .text .inhalt p:last-child {
  margin-bottom: 0;
}

.outer > .button {
  margin-top: 60px;
}

.outer > .button a {
  border: 1px solid #4e4e4e;
  padding: 11px 28px;
  color: #4e4e4e;
}

.outer .uhhpagination {
  margin-top: 40px;
  border: 1px solid #bfbfbf;
  border-collapse: collapse;
  display: inline-table;
  height: 40px;
}

.outer .uhhpagination .pageparam {
  display: none;
}

.outer .uhhpagination * {
  text-align: center;
  min-width: 45px;
  display: table-cell;
  border: 1px solid #bfbfbf;
  vertical-align: middle;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  padding: 0px 8px;
}

.outer .uhhpagination .page_current {
  padding: 0px;
  background-color: #faf9f9;
}

.outer .uhhpagination .page_current input {
  width: 42px;
  height: 38px;
  border: none;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  font-size: 16px;
  background: transparent;
}

.outer .uhhpagination span.page_prev {
  background: transparent url("") no-repeat center;
}

.outer .uhhpagination span.page_next {
  background: transparent url("") no-repeat center;
}

.outer .uhhpagination a.page_prev {
  background: transparent url("") no-repeat center;
}

.outer .uhhpagination a.page_next {
  background: transparent url("") no-repeat center;
}

.outer .uhhpagination .nav {
  color: transparent;
}

/*V5 Linkliste*/
.outer > .linkliste {
  margin-top: 68px !important;
}

.outer > .linkliste.nomargintop {
  margin-top: 0 !important;
}

.outer > .linkliste > ul {
  padding-left: 0 !important;
}

.outer > .linkliste > ul li:before {
  display: none;
}

.outer > .linkliste > ul > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 54px;
  line-height: 21px;
  font-family: TheSansUHHBold;
  font-size: 18px;
  color: #4e4e4e;
  background-color: #faf9f9;
  margin-top: 12px;
}

.outer > .linkliste > ul > li > a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil-blau-4eba723403b9834050f9f16aaa58ab9b838a52c90a66a87acb5a786bf44a302d.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.outer > .linkliste > ul > li > a:hover {
  color: #fff;
}

/*V5 Shariff*/
.outer > .shariff {
  margin-top: 68px;
}

.outer > .shariff ul {
  padding-left: 0 !important;
}

/***************   Spalte rechts    ****************/
.outer > #_feedback {
  width: 100%;
}

.outer > body.fakultaet.start #_feedback {
  width: 100%;
  background-color: #fff;
  padding: 3px 20px 3px 20px;
  margin: 0px 0px 19px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(221, 221, 221);
  border-radius: 2px 2px 0px 0px;
}

.outer #_feedback i {
  color: red;
  font-size: 16px;
  margin: 0 2px 0 2px;
}

.outer #_feedback p {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

.outer #_feedback form {
  margin-top: 25px;
}

.outer #_feedback .feedback-block {
  margin: 1em 0;
  width: 100%;
}

.outer #_feedback .center {
  text-align: center;
}

.outer #_feedback .right {
  text-align: right;
}

.outer #_feedback .feedback-info {
  font-size: 16px;
  margin: 1em 0;
}

.outer #_feedback .klein {
  font-size: 14px;
  margin: 2px 0;
}

.outer #_feedback label {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

.outer #_feedback input[type=text] {
  width: 100%;
  height: 40px;
  margin: 5px 0 10px 0;
  padding: 0 4px;
  border: 1px solid #bbb;
}

.outer #_feedback textarea {
  width: 100%;
  height: 100px;
  overflow: auto;
  margin: 5px 0 10px 0;
  padding: 2px 4px;
  border: 1px solid #bbb;
}

.outer #_feedback fieldset {
  padding: 0 15px 10px 15px;
  border: 1px solid #bbb;
  background-color: #FFFFF5;
  margin: 30px 0 10px 0;
}

.outer #_feedback .frame fieldset {
  margin: 30px 60px 10px 0;
}

.outer #_feedback fieldset input {
  background-color: #fff;
}

.outer #_feedback legend {
  color: #4E4E4E;
  text-transform: uppercase;
  padding: 0 5px;
  font-size: 13px;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  margin-left: -5px;
}

.outer #_feedback #feedback-captcha {
  margin-left: 5px;
  width: 30px;
  font-size: 16px;
  text-align: center;
}

.outer #_feedback #feedback-frage {
  margin-left: 50px;
  font-size: 14px;
}

.outer #_feedback #feedback-frage:after {
  content: " = ";
}

.outer #_feedback #feedback-submit {
  padding: 4px 30px;
}

/*V5 Kontakt*/
.spalte.rechts > .v4kontakt {
  margin-top: 80px;
}

.spalte.rechts > .v4kontakt .info a, .spalte ._rechts > .v4kontakt .info a {
  text-decoration: underline;
}

.volle-breite > .spalte.rechts .v4kontakt {
  margin-top: 96px;
}

.spalte.rechts > .v4kontakt h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .v4kontakt .name {
  font-size: 20px;
  margin-bottom: 6px;
  margin-top: 30px;
  font-family: TheSansUHHBold, sans-serif;
}

.spalte.rechts > .v4kontakt .emil {
  color: rgb(78, 78, 78);
  text-decoration: underline;
}

.spalte.rechts > .v4kontakt .phone {
  margin-top: 12px;
}

.spalte.rechts > .v4kontakt p {
  line-height: 1.5em;
}

.spalte.rechts > .v4kontakt .schaltbar .titel {
  display: inline-block;
  margin: 15px 0 0 0;
  width: auto;
}

.spalte.rechts > .v4kontakt .schaltbar a.tt {
  padding: 6px 6px 6px 30px;
}

.spalte.rechts > .v4kontakt .schaltbar a.tt:after {
  left: 0px;
  top: calc(50% - 2px);
}

.spalte.rechts > .v4kontakt .schaltbar a.tt:hover, .spalte.rechts > .v4kontakt .schaltbar a.tt:focus {
  color: #4e4e4e !important;
  background-color: transparent !important;
}

.spalte.rechts > .v4kontakt .schaltbar a.tt:hover {
  text-decoration: underline !important;
}

.spalte.rechts > .v4kontakt .schaltbar a.tt:hover:after, .spalte.rechts > .v4kontakt .schaltbar a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg) !important;
}

.spalte.rechts > .v4kontakt .schaltbar.auf a.tt:hover:after, .spalte.rechts > .v4kontakt .schaltbar.auf a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg) !important;
}

.spalte ._rechts > .v4kontakt {
  margin-top: 80px;
}

.volle-breite > .spalte ._rechts .v4kontakt {
  margin-top: 96px;
}

.spalte ._rechts > .v4kontakt h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .v4kontakt .name {
  font-family: TheSansUHHBold, sans-serif;
}

.news .spalte ._rechts > .v4kontakt .name {
  font-size: 20px;
  margin-bottom: 6px;
  margin-top: 30px;
}

.spalte ._rechts > .v4kontakt .emil {
  color: rgb(78, 78, 78);
}

.news .spalte ._rechts > .v4kontakt .phone {
  margin-top: 12px;
}

.spalte ._rechts > .v4kontakt p {
  line-height: 1.5em;
}

.spalte._rechts > .v4kontakt .schaltbar .titel {
  display: inline-block;
  margin: 15px 0 0 0;
  width: auto;
}

.spalte._rechts > .v4kontakt .schaltbar a.tt {
  width: auto;
  padding: 6px 6px 6px 30px;
}

.spalte._rechts > .v4kontakt .schaltbar a.tt:after {
  left: 0px;
  top: calc(50% - 2px);
}

.spalte._rechts > .v4kontakt .schaltbar a.tt:hover, .spalte._rechts > .v4kontakt .schaltbar a.tt:focus {
  color: #4e4e4e !important;
  background-color: transparent !important;
}

.spalte._rechts > .v4kontakt .schaltbar a.tt:hover {
  text-decoration: underline !important;
}

.spalte._rechts > .v4kontakt .schaltbar a.tt:hover:after, .spalte._rechts > .v4kontakt .schaltbar a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg) !important;
}

.spalte._rechts > .v4kontakt .schaltbar.auf a.tt:hover:after, .spalte._rechts > .v4kontakt .schaltbar.auf a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg) !important;
}

/*V5 Hinweis*/
.spalte.rechts > .v4hinweis {
  margin-top: 45px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.spalte.rechts > .v4hinweis h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .v4hinweis ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte.rechts > .v4hinweis ol {
  padding-left: 21px;
}

.spalte.rechts > .v4hinweis li {
  position: relative;
}

.spalte.rechts > .v4hinweis ul > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.spalte.rechts > .v4hinweis li a {
  display: inline-block;
  text-decoration: underline;
}

.spalte ._rechts > .v4hinweis {
  margin-top: 45px;
  padding: 30px 19px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.spalte ._rechts > .v4hinweis h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .v4hinweis ul {
  list-style-type: none;
  padding-left: 30px !important;
}

.spalte ._rechts > .v4hinweis ol {
  padding-left: 21px;
}

.spalte ._rechts > .v4hinweis li {
  position: relative;
}

.spalte ._rechts > .v4hinweis ul > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.spalte ._rechts > .v4hinweis li a {
  display: inline-block;
  text-decoration: underline;
}

/*fionabox*/
.spalte.rechts > .fionabox {
  margin-top: 45px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.spalte.rechts > .fionabox h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .fionabox h3 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .fionabox h2 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .fionabox h3 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .fionabox h2 a:hover {
  text-decoration: none;
}

.spalte.rechts > .fionabox h3 a:hover {
  text-decoration: none;
}

.spalte.rechts > .fionabox ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte.rechts > .fionabox ol {
  padding-left: 21px;
}

.spalte.rechts > .fionabox li {
  position: relative;
}

.spalte.rechts > .fionabox ul > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.spalte.rechts > .fionabox li a {
  display: inline-block;
  text-decoration: underline;
}

.spalte ._rechts > .fionabox {
  margin-top: 45px;
  padding: 30px 19px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.spalte ._rechts > .fionabox h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .fionabox h3 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .fionabox h2 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .fionabox h3 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .fionabox h2 a:hover {
  text-decoration: none;
}

.spalte ._rechts > .fionabox h3 a:hover {
  text-decoration: none;
}

.spalte ._rechts > .fionabox ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte ._rechts > .fionabox ol {
  padding-left: 21px;
}

.spalte ._rechts > .fionabox li {
  position: relative;
}

.spalte ._rechts > .fionabox ul > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.spalte ._rechts > .fionabox li a {
  display: inline-block;
  text-decoration: underline;
}

/*teaser-4 box*/
.spalte.rechts > .teaser-4.box:not(.schaltbar) {
  margin-top: 45px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) h3 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) h2 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) h3 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) h2 a:hover {
  text-decoration: none;
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) h3 a:hover {
  text-decoration: none;
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) ol {
  padding-left: 21px;
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) li {
  position: relative;
}

.spalte.rechts > .teaser-4.box:not(.schaltbar) ul:not(.dl) > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.spalte ._rechts > .teaser-4.box {
  margin-top: 45px;
  padding: 30px 19px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.spalte ._rechts > .teaser-4.box h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .teaser-4.box h3 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .teaser-4.box h2 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .teaser-4.box h3 a {
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .teaser-4.box h2 a:hover {
  text-decoration: none;
}

.spalte ._rechts > .teaser-4.box h3 a:hover {
  text-decoration: none;
}

.spalte ._rechts > .teaser-4.box ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte ._rechts > .teaser-4.box ol {
  padding-left: 21px;
}

.spalte ._rechts > .teaser-4.box li {
  position: relative;
}

.spalte ._rechts > .teaser-4.box ul:not(.dl) > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

/*V5 teaser-4*/
.spalte.rechts > .teaser-4 {
  margin-top: 45px;
}

.spalte.rechts > .teaser-4 + .teaser-4 {
  margin-top: 20px;
}

.spalte.rechts > .teaser-4 + .teaser-4 {
  margin-top: 25px;
}

.spalte.rechts > .teaser-4 .titel {
  margin-bottom: 0px !important;
}

.spalte.rechts > .teaser-4.auf .titel {
  margin-bottom: 30px !important;
}

.spalte.rechts > .teaser-4 ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte.rechts > .teaser-4 li {
  position: relative;
}

.spalte.rechts > .teaser-4 a {
  text-decoration: underline;
}

.spalte.rechts > .teaser-4 ol {
  padding-left: 21px;
}

.spalte.rechts > .teaser-4 ul:not(.dl) > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

.spalte ._rechts > .teaser-4 {
  margin-top: 45px;
}

.spalte ._rechts > .teaser-4 + .teaser-4 {
  margin-top: 20px;
}

.spalte ._rechts > .teaser-4 + .teaser-4 {
  margin-top: 25px;
}

.spalte ._rechts > .teaser-4 .titel {
  margin-bottom: 0px !important;
}

.spalte ._rechts > .teaser-4.auf .titel {
  margin-bottom: 30px !important;
}

.spalte ._rechts > .teaser-4 ul {
  list-style-type: none;
  padding-left: 30px;
}

.spalte ._rechts > .teaser-4 li {
  position: relative;
}

.spalte ._rechts > .teaser-4 a {
  text-decoration: underline;
}

.spalte ._rechts > .teaser-4 ol {
  padding-left: 21px;
}

.spalte ._rechts > .teaser-4 ul:not(.dl) > li:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 9px;
  left: -24px;
}

/*V5 Social media*/
.spalte.rechts > .social {
  margin-top: 96px;
}

.volle-breite .spalte.rechts > .social {
  margin-top: 96px;
}

.spalte.rechts > .social h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts .social ul {
  padding: 0;
  list-style-type: none;
  font-size: 0;
}

.spalte.rechts .social ul li {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.spalte.rechts .social li ~ li {
  margin-left: calc((100% - 360px) / 5);
}

.spalte.rechts .social ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.spalte.rechts .social ul li a:hover {
  outline: none;
}

.spalte.rechts .social ul li a img {
  float: left;
  width: 100%;
}

.spalte.rechts > .social > ul li {
  margin-top: 12px;
}

.spalte.rechts > .veranstaltungen-teaser {
  margin-top: 70px;
}

.spalte.rechts > .veranstaltungen-teaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .veranstaltungen-teaser .head {
  margin-bottom: 40px;
}

.spalte.rechts > .veranstaltungen-teaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.spalte.rechts > .veranstaltungen-teaser .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

html[data-color-scheme$=dark] .spalte.rechts > .veranstaltungen-teaser .head a.rss {
  height: 18px;
  background-image: url(https://assets.rrz.uni-hamburg.de/rss-hellblau.svg);
  background-size: 18px 18px;
}

html[data-color-scheme$=dark] .spalte.rechts > .veranstaltungen-teaser .head a.rss img {
  display: none;
}

.spalte.rechts > .veranstaltungen-teaser .head a.rss:hover {
  outline: none;
}

.spalte.rechts > .veranstaltungen-teaser .head a.rss img {
  width: 100%;
}

.spalte.rechts > .veranstaltungen-teaser .more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
}

.spalte.rechts > .veranstaltungen-teaser .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.spalte.rechts > .veranstaltungen-teaser .more a:hover {
  text-decoration: underline !important;
}

.spalte.rechts > .veranstaltungen-teaser .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.spalte.rechts > .veranstaltungen-teaser.liste .head {
  margin-bottom: 46px;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul {
  padding: 0;
  margin: -8px 0 0 0;
  list-style-type: none;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li {
  margin: 30px 0;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .datum {
  float: left;
  width: 62px;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .datum .tag {
  font-family: TheSansUHHBoldCaps;
  font-size: 40px;
  color: var(--UHH0271bb-hellblau);
  line-height: 1em;
  margin-top: -7px;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .datum .monat {
  font-family: TheSansUHHBoldCaps;
  font-size: 28px;
  color: var(--UHH0271bb-hellblau);
  line-height: 1em;
  margin-top: -6px;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .uhrzeit {
  font-family: TheSansUHHBold;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .inhalt {
  float: left;
  width: calc(100% - 106px);
  line-height: 1.8em;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .text {
  font-family: TheSansUHHBold;
  color: #4e4e4e;
  font-size: 20px;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li a:hover .text {
  text-decoration: underline;
}

.spalte.rechts > .veranstaltungen-teaser.liste ul li .text .titel {
  line-height: 30px;
}

.spalte.rechts > .news-teaser {
  margin-top: 80px;
}

.spalte.rechts > .news-teaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
  color: var(--UHH0271bb-hellblau);
}

.spalte.rechts > .news-teaser .head {
  margin-bottom: 40px;
}

.spalte.rechts > .news-teaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.spalte.rechts > .news-teaser .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.spalte.rechts > .news-teaser .head a.rss:hover {
  outline: none;
}

.spalte.rechts > .news-teaser .head a.rss img {
  width: 100%;
}

.spalte.rechts > .news-teaser .more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-top: 20px;
}

.spalte.rechts > .news-teaser .head .more {
  float: right;
  margin-top: 0;
}

.spalte.rechts > .news-teaser .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.spalte.rechts > .news-teaser .more a:hover {
  text-decoration: underline !important;
}

.spalte.rechts > .news-teaser .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.spalte.rechts > .news-teaser .item {
  display: block;
}

.spalte.rechts > .news-teaser .item + .item {
  margin-top: 40px;
}

.spalte.rechts > .news-teaser .item .text > .datum {
  font-family: TheSansUHHBold, sans-serif;
}

.spalte.rechts > .news-teaser .item .text .rubrik {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
  margin-top: 10px;
}

.spalte.rechts > .news-teaser .item .text .rubrik .sep {
  font-family: TheSansUHHRegularCaps, sans-serif;
  display: inline-block;
  margin: 0 12px;
}

.spalte.rechts > .news-teaser .item .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 10px 0 13px 0;
}

.spalte.rechts > .news-teaser a.item:hover .text .titel {
  text-decoration: underline;
}

.spalte.rechts > .news-teaser .item .text .titel {
  line-height: 30px;
}

.spalte.rechts > .news-teaser .item .text .titel a {
  color: rgb(78, 78, 78);
}

.spalte.rechts > .news-teaser .item .text .inhalt a {
  color: rgb(78, 78, 78);
}

.spalte.rechts > .news-teaser .item .text .inhalt a:hover {
  text-decoration: none;
}

.spalte.rechts > .news-teaser .item .text .hinweis {
  border: none;
  padding: 0;
  margin-top: 12px;
  font-size: 14px;
  font-family: TheSansUHHItalic;
}

.spalte ._rechts > .social {
  margin-top: 96px;
}

.volle-breite .spalte ._rechts > .social {
  margin-top: 96px;
}

.spalte ._rechts > .social h2 {
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 50px;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .social a {
  display: inline-block;
  width: 15.3%;
}

.spalte ._rechts > .social a + a {
  margin-left: 5.1%;
}

.spalte ._rechts > .social a img {
  width: 100%;
}

.spalte ._rechts > .veranstaltungen-teaser {
  margin-top: 70px;
}

.spalte ._rechts > .veranstaltungen-teaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .veranstaltungen-teaser .head {
  margin-bottom: 40px;
}

.spalte ._rechts > .veranstaltungen-teaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.spalte ._rechts > .veranstaltungen-teaser .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.spalte ._rechts > .veranstaltungen-teaser .head a.rss:hover {
  outline: none;
}

.spalte ._rechts > .veranstaltungen-teaser .head a.rss img {
  width: 100%;
}

.spalte ._rechts > .veranstaltungen-teaser .more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
}

.spalte ._rechts > .veranstaltungen-teaser .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.spalte ._rechts > .veranstaltungen-teaser .more a:hover {
  text-decoration: underline !important;
}

.spalte ._rechts > .veranstaltungen-teaser .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.spalte ._rechts > .veranstaltungen-teaser.liste .head {
  margin-bottom: 46px;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul {
  padding: 0;
  margin: -8px 0 0 0;
  list-style-type: none;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li {
  margin: 30px 0;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .datum {
  float: left;
  width: 62px;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .datum .tag {
  font-family: TheSansUHHBoldCaps;
  font-size: 40px;
  color: var(--UHH0271bb-hellblau);
  line-height: 1em;
  margin-top: -7px;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .datum .monat {
  font-family: TheSansUHHBoldCaps;
  font-size: 28px;
  color: var(--UHH0271bb-hellblau);
  line-height: 1em;
  margin-top: -6px;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .uhrzeit {
  font-family: TheSansUHHBold;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .inhalt {
  float: left;
  width: calc(100% - 106px);
  line-height: 1.8em;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .text {
  font-family: TheSansUHHBold;
  color: #4e4e4e;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li a:hover .text {
  text-decoration: underline;
}

.spalte ._rechts > .veranstaltungen-teaser.liste ul li .text .titel {
  line-height: 30px;
}

.spalte ._rechts > .news-teaser {
  margin-top: 80px;
}

.spalte ._rechts > .news-teaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
  color: var(--UHH0271bb-hellblau);
}

.spalte ._rechts > .news-teaser .head {
  margin-bottom: 40px;
}

.spalte ._rechts > .news-teaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.spalte ._rechts > .news-teaser .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.spalte ._rechts > .news-teaser .head a.rss:hover {
  outline: none;
}

.spalte ._rechts > .news-teaser .head a.rss img {
  width: 100%;
}

.spalte ._rechts > .news-teaser .more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  margin-top: 20px;
}

.spalte ._rechts > .news-teaser .head .more {
  float: right;
  margin-top: 0;
}

.spalte ._rechts > .news-teaser .more a {
  color: var(--UHH4e4e4e-fff);
  position: relative;
  line-height: 1.4em;
  padding-left: 16px;
}

.spalte ._rechts > .news-teaser .more a:hover {
  text-decoration: underline !important;
}

.spalte ._rechts > .news-teaser .more a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_blau-d6fd15899a8b00cf19e72aadebe1153874c9801f69638611e77d40cb0b6b909d.svg);
}

.spalte ._rechts > .news-teaser .item + .item {
  margin-top: 40px;
}

.spalte ._rechts > .news-teaser .item .text > .datum {
  font-family: TheSansUHHBold, sans-serif;
}

.spalte ._rechts > .news-teaser .item .text .rubrik {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
  margin-top: 10px;
}

.spalte ._rechts > .news-teaser .item .text .rubrik .sep {
  font-family: TheSansUHHRegularCaps, sans-serif;
  display: inline-block;
  margin: 0 12px;
}

.spalte ._rechts > .news-teaser .item .text .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 10px 0 13px 0;
}

.spalte ._rechts > .news-teaser a.item:hover .text .titel {
  text-decoration: underline;
}

.spalte ._rechts > .news-teaser .item .text .titel {
  line-height: 30px;
}

.spalte ._rechts > .news-teaser .item .text .titel a {
  color: rgb(78, 78, 78);
}

.spalte ._rechts > .news-teaser .item .text .inhalt a {
  color: rgb(78, 78, 78);
}

.spalte ._rechts > .news-teaser .item .text .inhalt a:hover {
  text-decoration: none;
}

/*Kontaktbox oben*/
section.spalten .kontakt {
  text-align: center;
  margin-top: -92px;
  padding: 40px 0 54px 0;
  background-color: #f3f3f3;
  margin-top: 0;
}

section.spalten .spalte.rechts .kontakt {
  text-align: left;
  background-color: #fff;
}

section.spalten .kontakt .titel {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: normal;
  color: var(--UHH0271bb-hellblau);
}

section.spalten .kontakt:not(.uebersicht) a {
  color: #4e4e4e;
}

section.spalten .kontakt-rot .titel {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: normal;
  color: var(--UHH0271bb-hellblau);
}

section.spalten .teaser-4 .titel {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: normal;
  color: var(--UHH0271bb-hellblau);
}

section.spalten .spalte.rechts .kontakt .sprechzeiten .titel {
  font-family: TheSansUHHRegular;
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: normal;
  color: var(--UHH0271bb-hellblau);
}

/*Textbox*/
.textbox {
  margin-top: 60px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #efefef;
}

.textbox h2.titel {
  font-size: 22px;
  margin: 8px 0 4px 0;
  padding: 0 0 4px 0;
}

.textbox h3.titel {
  font-size: 22px;
  margin: 8px 0 4px 0;
  padding: 0 0 4px 0;
}

.textbox .untertitel {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  font-size: 15px;
  margin: 0 0 4px 0;
}

.textbox .text {
  font-size: 16px;
  margin: 0;
}

.textbox .text p {
  margin: 8px 0;
}

/*Hinweisbox*/
.outer .hinweis {
  margin-top: 60px;
  padding: 30px 26px;
  background-color: #ffffff;
  border: 1px solid var(--UHH0271bb-fff);
}

.outer .hinweis.grau {
  padding: 30px 20px;
  background-color: #f3f3f3;
  border: 0px;
}

.hinweis .titel, .hinweis h2 {
  font-size: 19px;
  border-bottom: 0;
  padding-bottom: 0px;
  margin: 0 0 20px 0;
}

.hinweis .untertitel, .hinweis h4 {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  font-size: 16px;
  margin: 20px 0;
}

.hinweis .text {
  font-size: 16px;
  margin: 0;
}

.hinweis .text p {
  margin: 0 0 4px 0;
}

.hinweis .text ul {
  margin-top: 8px;
}

.hinweis .text .mehr:after {
  content: "";
  display: table;
  height: 10px;
}

/*Bottomteaser*/
.teaser-3b {
  margin-top: 80px;
  background-color: #fff;
  padding: 10px 0 15px 0;
}

.teaser-3b .col {
  display: block;
  float: left;
  min-width: 30.9%;
  width: 30.9%;
  margin-left: 0;
}

.teaser-3b .col + .col {
  margin-left: 3.6%;
}

.teaser-3b .rubrik {
  padding: 5px 0 8px 0;
}

.teaser-3b .rubrik strong {
  font-size: 14px;
}

.teaser-3b .titel {
  padding: 2px 0 0 0;
  height: 31px;
  margin-bottom: 5px;
} /* !!! */
.teaser-3b .titel strong {
  font-size: 18px;
}

.teaser-3b .titel strong.b {
  font-size: 14px;
}

.teaser-3b .bild {
  margin-bottom: 5px;
  text-align: center;
}

.teaser-3b .bild a {
  display: block;
  position: relative;
}

.teaser-3b .bild a:hover {
  outline: none;
}

.teaser-3b img {
  width: 100%;
}

.teaser-3b .text {
  line-height: 1.5em;
}

.teaser-3b .text:empty {
  display: none;
}

.teaser-3b .bild + .text {
  margin-top: 10px;
}

.teaser-3b .text p:first-child {
  margin-top: 3px;
}

.teaser-3b .text ul {
  list-style-type: none;
  padding: 0;
}

.teaser-3b .text ul li a {
  position: relative;
  padding-right: 16px;
}

.teaser-3b .text ul li a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .teaser-3b .text ul li a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

/*XV Aufklappbares Contentelement*/
.spalte.links .box.schaltbar {
  margin: 12px 0;
  padding: 0 !important;
  background-color: #fff !important;
}

.spalte.links .outer .box.schaltbar:first-child {
  margin-top: 60px;
}

.spalte.links .outer.klappbox + .outer .box.schaltbar {
  margin-top: 12px;
}

.js .alles.auf {
  clear: both;
  float: left;
  color: #444;
  border: 1px solid #d4d4d4;
  padding: 1px 7px 1px 5px;
  margin: 20px 0;
  text-decoration: none !important;
}

.js .alles.auf:before {
  float: left;
  margin: 8px 4px 0 0;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #787878 transparent transparent transparent;
}

.js .alles.zu {
  clear: both;
  float: left;
  color: #444;
  border: 1px solid #d4d4d4;
  padding: 1px 7px 1px 5px;
  margin: 20px 0;
  text-decoration: none !important;
}

.s .js .alles.zu {
  margin: 20px;
}

.js .alles.zu:before {
  float: left;
  margin: 8px 4px 0 0;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3.5px 4px 3.5px;
  border-color: transparent transparent #787878;
}

.schaltbar .titel {
  display: block;
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #4e4e4e;
}

.js .schaltbar .inhalt, .js .schaltbar .subinhalt {
  position: relative;
  overflow: auto;
}

.spalte.rechts .schaltbar .titel a.tt {
  padding-right: 30px;
}

.schaltbar .titel a.tt {
  background-color: transparent;
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 18px 18px 54px;
  color: #4e4e4e;
  text-decoration: none;
}

.spalte.links .schaltbar .titel a.tt {
  text-decoration: none;
}

.spalte.rechts .schaltbar.sprechzeiten .titel a.tt {
  padding-left: 36px;
}

.schaltbar > .titel > 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);
}

.spalte.rechts .schaltbar.sprechzeiten > .titel > a.tt:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  left: 0;
  top: 50%;
  margin-top: -8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg);
}

.schaltbar.auf > .titel > a.tt:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.schaltbar .titel a.tt:hover, .schaltbar .titel a.tt:focus {
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  text-decoration: none;
  outline: none;
}

.spalte.rechts .schaltbar.auf .titel a.tt {
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
}

.spalte.rechts .schaltbar.auf.sprechzeiten .titel a.tt {
  color: var(--UHH4e4e4e-4e4e4e);
  background-color: var(--UHHfff-fff);
}

.schaltbar > .titel > a.tt:hover:after, .schaltbar > .titel > a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg);
}

.schaltbar.auf > .titel > a.tt:hover:after, .schaltbar.auf > .titel > a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg);
}

.spalte.rechts .schaltbar.auf .titel a.tt:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg);
}

.spalte.rechts .schaltbar.auf.sprechzeiten .titel a.tt:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.box.schaltbar > .titel {
  background-color: #faf9f9;
}

.subbox.schaltbar > .titel {
  background-color: #ffffff;
}

.schaltbar .titel + .inhalt {
  margin-top: 15px;
}

.schaltbar .titel + .subinhalt {
  margin-top: 15px;
}

.spalte.links .box .inhalt a {
  text-decoration: underline;
}

.js .schaltbar > .inhalt {
  display: none;
}

.js .schaltbar > .subinhalt {
  display: none;
}

.schaltbar.auf > .inhalt {
  display: block;
}

.schaltbar.auf > .subinhalt {
  display: block;
}

.schaltbar .inhalt {
  padding: 0px 18px 3px 27px;
}

.spalte.rechts .schaltbar.sprechzeiten .inhalt {
  padding: 0px 18px 3px 9px;
}

.schaltbar .subinhalt {
  padding: 0px 0 3px 27px;
}

.schaltbar .inhalt div:first-child, .schaltbar .subinhalt div:first-child, .schaltbar .inhalt p:first-child, .schaltbar .subinhalt p:first-child, .schaltbar .inhalt ul:first-child, .schaltbar .subinhalt ul:first-child, .schaltbar .inhalt ol:first-child, .schaltbar .subinhalt ol:first-child, .schaltbar .inhalt h3:first-child, .schaltbar .subinhalt h3:first-child, .schaltbar .inhalt h4:first-child, .schaltbar .subinhalt h4:first-child {
  padding-top: 0;
  margin-top: 0;
}

.schaltbar .inhalt .row h4 {
  margin-top: 10px;
}

.schaltbar .subinhalt .row h4 {
  margin-top: 10px;
}

.schaltbar .inhalt .row:first-child h4 {
  margin-top: 0;
}

.schaltbar .subinhalt .row:first-child h4 {
  margin-top: 0;
}

.schaltbar .inhalt table {
  margin: 8px 0 15px 0;
}

.schaltbar .subinhalt table {
  margin: 8px 0 15px 0;
}

.kontakt .schaltbar .titel a:hover, .kontakt .schaltbar .titel a:focus {
  color: #4e4e4e;
  background-color: #fff;
  outline: none;
}

.kontakt .schaltbar > .titel > a.tt:hover:after, .kontakt .schaltbar > .titel > a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg);
}

.kontakt .schaltbar.auf > .titel > a.tt:hover:after, .kontakt .schaltbar.auf > .titel > a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.v4kontakt .schaltbar .titel a:hover, .kontakt .schaltbar .titel a:focus {
  color: #4e4e4e;
  background-color: #fff;
  outline: none;
}

.v4kontakt .schaltbar > .titel > a.tt:hover:after, .kontakt .schaltbar > .titel > a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg);
}

.v4kontakt .schaltbar.auf > .titel > a.tt:hover:after, .kontakt .schaltbar.auf > .titel > a.tt:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-blau-a48c3dfbee9c88a5fedb72f7ee724d92cdac55d4324f632b8403901100b975bb.svg);
}

.grafisch .box.schaltbar > .titel {
  background-color: transparent !important;
}

.grafisch .box.schaltbar > .titel a {
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  height: 80px;
}

.grafisch .schaltbar > .titel > a.tt::after {
  display: none;
}

.grafisch.idee .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/idee-c5cd60545705529ab8300ac5e735dae9081ae4def02dc041fed497eb535b5337.svg);
}

.grafisch.idee .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/idee-blau-f3b1b1ad06145b5d5194637f22b0a937e22a9221431a890ff2920d155a68bb3b.svg);
}

.grafisch.idee .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/idee-blau-f3b1b1ad06145b5d5194637f22b0a937e22a9221431a890ff2920d155a68bb3b.svg);
}

.grafisch.finanzierung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/finanz-123342112077087cc5696b034451f81a32c96684dd40d064a6e5a1be349c480d.svg);
}

.grafisch.finanzierung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/finanz-blau-5730c8046951ad9db3513165345962852c603b0b1452fcf41eb598ae2d14fec5.svg);
}

.grafisch.finanzierung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/finanz-blau-5730c8046951ad9db3513165345962852c603b0b1452fcf41eb598ae2d14fec5.svg);
}

.grafisch.gruendung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/gruendung-0a05fad07fb928b33ff321bca4cf10b03510871a4687e8729792e134dc2be2f1.svg);
}

.grafisch.gruendung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/gruendung-blau-e707b52763f6735d5662af905971bcd37cf07b77b482415fe6b02483af829ef2.svg);
}

.grafisch.gruendung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/gruendung-blau-e707b52763f6735d5662af905971bcd37cf07b77b482415fe6b02483af829ef2.svg);
}

.grafisch.markt .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/markt-fc7e4a2e99abb36ac1b40135487964bb07095f5a76151458557f015865ceca65.svg);
}

.grafisch.markt .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/markt-blau-28a49424c52403c291669b7ed6eda47b10c42576bec592e13325dd9c48027bb4.svg);
}

.grafisch.markt .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/markt-blau-28a49424c52403c291669b7ed6eda47b10c42576bec592e13325dd9c48027bb4.svg);
}

.grafisch .schaltbar h3.titel + .inhalt {
  padding-left: 58px;
}

.grafisch.erfindungen .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/erfindungen-578766e43673c42c071b56a343fe63effef25d68d169d8496187e2da6efda0fd.svg);
}

.grafisch.erfindungen .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/erfindungen-blau-e4224c7f1a90c841ccf6b21bd63bc5902745eae259cf00b41ead959cc0c377b5.svg);
}

.grafisch.erfindungen .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/erfindungen-blau-e4224c7f1a90c841ccf6b21bd63bc5902745eae259cf00b41ead959cc0c377b5.svg);
}

.grafisch.einschaetzung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/einschaetzung-4191b6ff09b85aae00703b7e05b74eefae42660413c51ce51e1d77462536e6b3.svg);
}

.grafisch.einschaetzung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/einschaetzung-blau-8575434c3d1a16ef292d73cd04cc526924072d01c0d1492f087ac10c1a013a67.svg);
}

.grafisch.einschaetzung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/einschaetzung-blau-8575434c3d1a16ef292d73cd04cc526924072d01c0d1492f087ac10c1a013a67.svg);
}

.grafisch.sicherung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/sicherung-0cd1b7d420c78666a520b79e63a590541c292c9b66410bedda59b9182de6d644.svg);
}

.grafisch.sicherung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/sicherung-blau-db89af6c3d0bc7b3ac577a82973141d6192a19b56dc4fb05c75a2d6d690ccc16.svg);
}

.grafisch.sicherung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/sicherung-blau-db89af6c3d0bc7b3ac577a82973141d6192a19b56dc4fb05c75a2d6d690ccc16.svg);
}

.grafisch.verwertung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/verwertung-904ac03dfc8ed824ae6ba92b6d9582e66c038015acd72c9a35dc6dc40f6d5c8a.svg);
}

.grafisch.verwertung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/verwertung-blau-6ae916fa3262860316dba7a49ca63a305b85181866348e75b579f9efc1348fb5.svg);
}

.grafisch.verwertung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/verwertung-blau-6ae916fa3262860316dba7a49ca63a305b85181866348e75b579f9efc1348fb5.svg);
}

html[lang=en] .grafisch.idee .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/idea-faf7f3c2cf118ff6ac447106539bfe24b574e07797e520fe06a07a647bcfae42.svg);
}

html[lang=en] .grafisch.idee .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/idea-blau-171ce80aa0c41a26d6685a4616dd73d8be36336e2561adcc4edc57ed06c4d61d.svg);
}

html[lang=en] .grafisch.idee .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/idea-blau-171ce80aa0c41a26d6685a4616dd73d8be36336e2561adcc4edc57ed06c4d61d.svg);
}

html[lang=en] .grafisch.finanzierung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/funding-c44161b8fa82cd3cafe29bd73503754aa99dff821d0d30881e8b145cf91a3f1b.svg);
}

html[lang=en] .grafisch.finanzierung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/funding-blau-4d71801a00b44dc06ed0dcc6cf2c76161a2a1553b9b36266b2a9f75c4407bd3e.svg);
}

html[lang=en] .grafisch.finanzierung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/funding-blau-4d71801a00b44dc06ed0dcc6cf2c76161a2a1553b9b36266b2a9f75c4407bd3e.svg);
}

html[lang=en] .grafisch.gruendung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/foundation-4a0d474819cf592fa357b22609a355b1a6b73a082ed4b380e104c4274fc149f3.svg);
}

html[lang=en] .grafisch.gruendung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/foundation-blau-63bc361c0b013b5c7495b3660a08eb79b22e1c06403590856c038825cbc15046.svg);
}

html[lang=en] .grafisch.gruendung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/foundation-blau-63bc361c0b013b5c7495b3660a08eb79b22e1c06403590856c038825cbc15046.svg);
}

html[lang=en] .grafisch.markt .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/market-944da0d09eac1a4b6cecf4e20a9d2d692ff021071eb28dbafbdcedc509042efe.svg);
}

html[lang=en] .grafisch.markt .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/market-blau-ed9260dafdf7c16f2250488f476843dcc53e26399f5e3441d514dacfe0debf01.svg);
}

html[lang=en] .grafisch.markt .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/market-blau-ed9260dafdf7c16f2250488f476843dcc53e26399f5e3441d514dacfe0debf01.svg);
}

html[lang=en] .grafisch.erfindungen .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/invention-d9eb565578fcd3e6f7c729393b78d529ea2b0c0efb1503d507ab795110c242a4.svg);
}

html[lang=en] .grafisch.erfindungen .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/invention-blau-35993c46fc3d51f662f16227b4560faaa750926fae27bdda9fa4260029607e5f.svg);
}

html[lang=en] .grafisch.erfindungen .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/invention-blau-35993c46fc3d51f662f16227b4560faaa750926fae27bdda9fa4260029607e5f.svg);
}

html[lang=en] .grafisch.einschaetzung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/evaluation-50d0ae9c5d7ac7f00be16e57cd68ca56aadbf65227ffec4e1d65da17fa86603a.svg);
}

html[lang=en] .grafisch.einschaetzung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/evaluation-blau-057574070c64b36e5fe262ac1b7635ea0c401e7b0d045339bee4d0914380684a.svg);
}

html[lang=en] .grafisch.einschaetzung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/evaluation-blau-057574070c64b36e5fe262ac1b7635ea0c401e7b0d045339bee4d0914380684a.svg);
}

html[lang=en] .grafisch.sicherung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/protection-6cd9916378c5b7c8788d4c92527f3c1b04efad6b433b73a92e3ad37dab28d180.svg);
}

html[lang=en] .grafisch.sicherung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/protection-blau-5058abf61c307787d0eebe9209e0f37102e95b1e7b9567adb6e3cb204961a5c4.svg);
}

html[lang=en] .grafisch.sicherung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/protection-blau-5058abf61c307787d0eebe9209e0f37102e95b1e7b9567adb6e3cb204961a5c4.svg);
}

html[lang=en] .grafisch.verwertung .box.schaltbar > .titel a {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/exploitation-4d4c9e4af219e40933c74c2212a1793ddefcb182995aee158e0b020d6062dd38.svg);
}

html[lang=en] .grafisch.verwertung .box.schaltbar > .titel a:hover {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/exploitation-blau-7aab09e03e9674a47d47016380c22b8d04c316e7eeb1b4772001ac63ea08d937.svg);
}

html[lang=en] .grafisch.verwertung .box.schaltbar > .titel a:focus {
  background-color: transparent !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/exploitation-blau-7aab09e03e9674a47d47016380c22b8d04c316e7eeb1b4772001ac63ea08d937.svg);
}

/*Grosses Bild (2/3)*/
.fotolinks {
  margin-top: 30px;
}

.fotolinks + h3 {
  margin-top: 15px;
}

.fotolinks {
  position: relative;
  width: 100%;
  left: 0px;
  margin-bottom: 21px;
  clear: both;
}

.fotolinks img {
  float: left;
  width: 100%;
}

.fotolinks img {
  float: left;
  max-width: 100%;
}

.fotolinks .bildnachweis {
  clear: left;
  text-align: right;
  font-size: 13px;
  line-height: 1em;
  padding-right: 10px;
  padding-top: 5px;
  min-height: 18px;
}

.fotolinks + p:empty {
  display: none;
}

/*Bildergalerie*/
#bildgalerie .swiper-notification {
  visibility: hidden;
}

#bildgalerie {
  margin-top: 60px;
  padding-bottom: 20px;
  overflow: hidden;
  padding: 0 15px 15px 15px;
  background-color: #f3f3f3;
}

#bildgalerie .galerieContainer {
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  width: 100%;
  text-align: left;
}

.links #bildgalerie .galerieContainer {
  border-right: 0px;
}

#bildgalerie h2 {
  line-height: 26px;
  font-size: 19px;
  font-family: TheSansUHHBold, sans-serif;
  margin: 24px 26px 20px 40px;
  text-align: left;
}

.volle-breite #bildgalerie h2 {
  line-height: 36px;
  font-size: 24px;
}

#bildgalerie .titel {
  line-height: 36px;
  font-size: 24px;
  font-family: TheSansUHHBold, sans-serif;
  margin: 24px 26px 20px 0px;
  text-align: left;
}

#bildgalerie .titel span, #bildgalerie .titel h2 {
  font-family: TheSansUHHBoldCaps;
  font-size: 22px;
  line-height: 30px;
  display: inline;
}

#bildgalerie .titel span {
  margin-left: 40px;
}

#bildgalerie .galerie {
  margin-top: 30px;
}

#bildgalerie .galerie .slide {
  background: #f3f3f3 !important;
}

#bildgalerie .galerie .slide .imgtable {
  display: table;
  width: 100%;
}

#bildgalerie .galerie .slide .imgcell {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#bildgalerie .galerie .slide .imgcontainer {
  display: inline-block;
}

#bildgalerie .galerie .slide .imgcontainer img {
  margin: 0 !important;
  width: 100%;
}

#bildgalerie .galerie .slide .numerierung {
  float: left;
  font-size: 12px;
  line-height: 1.25em;
  margin-top: 5px;
}

#bildgalerie .galerie .slide .copyright {
  float: right;
  font-size: 12px;
  line-height: 1.25em;
  margin-top: 5px;
}

#bildgalerie .galerie .slide .bildunterschrift {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  padding: 0;
  float: left;
}

#bildgalerie .galerie .slide .bildunterschrift p {
  margin-top: 0;
}

#bildgalerie .galerie .slide .bildunterschrift a {
  text-decoration: underline;
}

#bildgalerie .galerie .slide .bildunterschrift .headline {
  margin-bottom: 3px;
  font-size: 16px;
}

#bildgalerie .linie {
  height: 646px;
  display: inline-block;
  visibility: hidden;
  vertical-align: top;
  width: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #fff;
  margin: 0 15px;
}

#bildgalerie .galeriethumbs {
  background: #f3f3f3;
  height: 420px !important;
  width: 210px !important;
  overflow: hidden;
}

#bildgalerie .sliderContainer {
  display: inline-block;
  vertical-align: top;
  height: 520px !important;
  width: 210px !important;
  overflow: visible;
  margin-top: 88px;
}

#bildgalerie .sliderContainer .thumbup {
  position: absolute;
  top: 28px;
}

#bildgalerie.gallerywide .sliderContainer {
  position: relative;
}

#bildgalerie.gallerywide .sliderContainer .thumbup {
  position: absolute;
  top: -60px;
}

#bildgalerie .sliderContainer .thumbup img {
  cursor: pointer;
  margin-left: 5px;
}

#bildgalerie .sliderContainer .thumbdown img {
  cursor: pointer;
  margin-left: 5px;
}

#bildgalerie1 .galeriethumbs .slide {
  width: 210px !important;
  height: 420px !important;
  background: #f3f3f3 !important;
}

#bildgalerie .galeriethumbs swiper-wrapper {
  width: 210px !important;
  height: 420px !important;
  background: #f3f3f3 !important;
}

#bildgalerie .galeriethumbs .slide img {
  float: left;
  padding: 2px;
  margin: 3px;
}

#bildgalerie .galeriethumbs .slide img.an {
  outline: 2px solid #999;
}

#bildgalerie .galeriethumbs .rsSlide {
  height: 420px !important;
}

#bildgalerie .galeriethumbs .rsOverflow {
  height: 420px !important;
}

#bildgalerie .rsArrow {
  width: 49px !important;
  border-radius: 2px;
}

#bildgalerie .rsArrowIcn {
  width: 49px !important;
  height: 48px !important;
  color: transparent;
  line-height: 48px;
  text-align: center;
  font-size: 20px;
}

#bildgalerie .rsArrowLeft .rsArrowIcn {
  border-radius: 0 !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil_links-cc9e3f54b99f55791267c9fc9c67bef7c2e33e2574db2332bf6cf3e8ee0a52fd.png);
  background-position: center center !important;
  margin-left: -25px !important;
  top: 240px !important;
}

#bildgalerie .rsArrowRight .rsArrowIcn {
  border-radius: 0 !important;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/pfeil_rechts-497544b2fd78e9bcdf209ab3b2b940d2729d3d7611aff477f2cb83aae5584dba.png);
  background-position: center center !important;
  margin-left: -25px !important;
  top: 240px !important;
}

#bildgalerie .rsArrowRight {
  right: 0px !important;
}

#bildgalerie .rsArrowLeft {
  left: 0px !important;
}

#bildgalerie .galerie {
  width: 100% !important;
  height: auto !important;
}

#bildgalerie .galerie .slide .imgtable {
  display: block;
  padding: 0 40px;
}

#bildgalerie.gallerywide .galerie .slide .imgtable {
  padding: 0;
}

#bildgalerie .galerie .slide .imgcell {
  height: auto;
  display: block;
}

#bildgalerie .rsArrowIcn {
  top: 40% !important;
  margin-top: -25px;
}

#bildgalerie .galerie .slide .bildunterschrift {
  margin: 10px 40px 28px 40px;
}

#bildgalerie .sliderinhaltContainer {
  position: relative;
  height: 9.2vw !important;
  width: 100% !important;
  overflow: visible;
}

.l #bildgalerie .sliderinhaltContainer {
  height: 70px !important;
}

.l .volle-breite #bildgalerie .sliderinhaltContainer {
  height: 9.2vw !important;
}

#bildgalerie.ausblenden .sliderinhaltContainer {
  display: none;
}

#bildgalerie .sliderinhaltContainer .thumbup {
  cursor: pointer;
  float: left;
  height: 84px !important;
  width: 34px !important;
  margin-top: calc(4.6vw - 42px);
  padding: 30px 5px;
}

#bildgalerie .sliderinhaltContainer .thumbup img {
  transform: rotate(180deg);
}

#bildgalerie .sliderinhaltContainer .thumbdown {
  cursor: pointer;
  float: right;
  height: 84px !important;
  width: 34px !important;
  margin-top: calc(4.6vw - 42px);
  padding: 30px 5px;
}

.l #bildgalerie .sliderinhaltContainer .thumbup {
  margin-top: -7px;
}

.l #bildgalerie .sliderinhaltContainer .thumbdown {
  margin-top: -7px;
}

.volle-breite #bildgalerie .sliderinhaltContainer .thumbup {
  margin-top: calc(4.6vw - 42px);
}

.volle-breite #bildgalerie .sliderinhaltContainer .thumbdown {
  margin-top: calc(4.6vw - 42px);
}

#bildgalerie .galeriethumbsinhalt {
  left: 35px;
  top: 0;
  height: 10.8vw !important;
  width: calc(100% - 70px) !important;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

#bildgalerie .galeriethumbsinhalt .slick-cloned img {
  display: none;
}

#bildgalerie .galeriethumbsinhalt .slide {
  background-color: #f3f3f3;
}

#bildgalerie .galeriethumbsinhalt .slide img {
  cursor: pointer;
  float: left;
  padding: 2px;
  margin: 2px 1%;
  width: 18%;
}

#bildgalerie .galeriethumbsinhalt .slide img.an {
  outline: 2px solid #999;
}

#bildgalerie .galeriethumbsinhalt .rsArrow {
  display: none !important;
}

#bildgalerie .galeriethumbsinhalt .rsArrowIcn {
  display: none;
}

@media only screen and (min-width: 1300px) {
  .volle-breite #bildgalerie .sliderinhaltContainer {
    height: 136px !important;
  }
  .volle-breite #bildgalerie .sliderinhaltContainer .thumbup {
    margin-top: 26px;
  }
  .volle-breite #bildgalerie .sliderinhaltContainer .thumbdown {
    margin-top: 26px;
  }
  .volle-breite #bildgalerie .galeriethumbsinhalt {
    height: 136px !important;
  }
  #bildgalerie .sliderinhaltContainer {
    height: 98px !important;
  }
  #bildgalerie .sliderinhaltContainer .thumbup {
    margin-top: 0;
  }
  #bildgalerie .sliderinhaltContainer .thumbdown {
    margin-top: 0;
  }
  #bildgalerie .galeriethumbsinhalt {
    height: 98px !important;
  }
}
/*<fiona only>*/
#bildgalerie.gallerywide {
  padding: 0 0 20px 0;
}

#bildgalerie.gallerywide .galerieContainer {
  width: 670px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

#bildgalerie.gallerywide .galeriethumbs img {
  width: 94px;
  height: 64px;
  object-fit: cover;
}

/*</fiona only>*/
/*Einrichtung CN*/
.outer .cn-map {
  margin-top: 80px;
}

.outer .cn-map .head:empty {
  display: none;
}

.outer .cn-map .map {
  height: 400px;
  position: relative;
}

html:not(.s):not(.m) .volle-breite .outer .cn-map .map {
  height: 600px;
}

.outer .cn-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/*2fach Teaser breit*/
.teaser-2-col {
  margin-top: 60px;
}

.inhalt .teaser-2-col {
  margin-top: 60px;
}

.inhalt .teaser-2-col.breit {
  width: 100% !important;
}

.teaser-2-col .col {
  background-color: #fff;
}

.teaser-2-col.breit .col {
  min-width: 48.2%;
  width: 48.2%;
}

.teaser-2-col.breit .bild {
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin: 20px auto 0 auto;
}

.teaser-2-col.breit .bild img {
  width: 100%;
  float: left;
}

.teaser-2-col.schmal .col {
  min-width: 48.2%;
  width: 48.2%;
}

.teaser-2-col.schmal .bild {
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin: 20px auto 0 auto;
}

.teaser-2-col.schmal .bild img {
  width: 100%;
  float: left;
}

.teaser-2-col .col.sep {
  min-width: 3.6% !important;
  width: 3.6%;
  background-color: transparent;
}

.teaser-2-col .kopf {
  padding: 10px 0;
  overflow: hidden;
  color: #4e4e4e;
}

.teaser-2-col .kopf h4, .teaser-2-col .kopf h3 {
  color: #4E4E4E;
  font-size: 13px;
  margin: 0;
  display: inline;
}

.teaser-2-col .col .kopf + .bild {
  margin-top: 0px;
}

.teaser-2-col .inhalt {
  width: auto;
  padding: 5px 0 16px 0;
  overflow: hidden;
}

.teaser-2-col .titel {
  color: #4E4E4E;
  font-family: TheSansUHHBold, sans-serif;
  font-size: 19px;
  font-weight: normal;
  line-height: 20px;
  min-height: 4px;
  margin: 0;
  padding: 10px 0 4px 0;
}

.teaser-2-col .text {
  margin: 0 0 5px 0;
}

.teaser-2-col p {
  margin: 0;
}

.teaser-2-col ul {
  font-size: 15px;
  list-style-type: none;
  margin: 0.5em 0 0 0;
}

.teaser-2-col ul a {
  color: #4E4E4E;
  text-decoration: none;
}

.teaser-2-col ul a:hover {
  color: #c40017;
  text-decoration: underline;
}

.teaser-2-col p:empty {
  display: none;
}

.teaser-2-col div div:empty {
  display: none;
}

/*  IV Dreifachteaser */
.teaser-3-col {
  margin-top: 60px;
  display: table;
}

.teaser-3-col .col {
  width: 30.9%;
  min-width: 30.9%;
  background-color: #fff;
  position: relative;
} /* !!! */
.teaser-3-col .col.sep {
  min-width: 3.6%;
  width: 3.6%;
  background-color: transparent;
}

.teaser-3-col .kopf {
  padding: 10px 0;
  overflow: hidden;
  color: #4e4e4e;
}

.teaser-3-col .kopf h3, .subsite .teaser-3-col .kopf h4 {
  color: #4E4E4E;
  font-size: 17px;
  margin: 0;
  display: inline;
}

.teaser-3-col .kopf h2 {
  font-size: 19px;
  margin: 0;
}

.teaser-3-col .bild {
  overflow: hidden;
  margin: 20px 0 0 0;
}

.teaser-3-col .bild img {
  width: 100%;
  float: left;
}

.teaser-3-col .inhalt {
  padding: 5px 0 16px 0;
  overflow: hidden;
}

.teaser-3-col .col .kopf + .bild {
  margin-top: 0;
}

.teaser-3-col .titel {
  color: #4E4E4E;
  font-family: TheSansUHHBold, sans-serif;
  font-size: 13px !important;
  margin: 0 !important;
  font-weight: normal;
  line-height: 20px;
  min-height: 4px;
}

.teaser-3-col .text {
  margin: 3px 0 5px 0;
}

.teaser-3-col p {
  margin: 0;
}

.teaser-3-col ul {
  font-size: 15px;
  list-style-type: none;
  margin: 0.5em 0 0 0;
}

.teaser-3-col ul + ul {
  margin: 0px 0 0 0;
}

.teaser-3-col ul a, .fakultaet .teaser-3-col ul a {
  color: #4E4E4E;
  text-decoration: none;
}

.teaser-3-col ul a:hover, .fakultaet .teaser-3-col ul a:hover {
  text-decoration: underline;
  color: #c40017;
}

.teaser-3-col p:empty {
  display: none;
}

.teaser-3-col div div:empty {
  display: none;
}

/*Inhaltsblock*/
.outer .inhaltsblock {
  margin-top: 50px;
}

.inhaltsblock h3.titel {
  line-height: 20px;
  margin: 8px 0 4px 0;
  padding: 0 0 4px 0;
  background-position: 0 3px;
  font-size: 19px;
}

.inhaltsblock.schaltbar h3.titel {
  margin: 0;
  background-position: 0 7px;
}

.inhaltsblock.einspaltig:not(.schaltbar) h3.titel {
  margin-bottom: 13px;
}

.inhaltsblock.einspaltig .inhalt > h3 {
  margin: 12px 0 8px;
}

.inhaltsblock.einspaltig .inhalt > h2 {
  margin: 12px 0 8px;
}

/*Teasereinfach*/
.teasereinfachbox {
  margin-top: 60px;
  background-color: #fff;
  padding: 20px;
}

.teasereinfachbox h3.titel {
  font-size: 19px;
  margin: 8px 0 4px 0;
  line-height: 20px;
  padding: 0 0 4px 0;
}

.teasereinfachbox .bild {
  float: left;
  margin: 8px 20px 10px 0;
  font-size: 0;
  line-height: 0;
  width: 200px;
  max-width: 40%;
}

.teasereinfachbox .bild img {
  width: 100%;
}

.teasereinfachbox .text {
  margin: 0;
  font-size: 16px;
}

.teasereinfachbox .text p {
  margin: 0 0 4px 0;
}

.teasereinfachbox ul {
  list-style-type: none;
  display: inline;
  margin-top: 4px;
}

.teasereinfachbox li a {
  margin: 0 0 0 -16px;
  position: relative;
}

.teasereinfachbox li:before {
  width: 0px !important;
}

.teasereinfachbox ul {
  padding: 0 !important;
}

.teasereinfachbox li {
  left: 40px !important;
  margin-right: 40px !important;
}

.teasereinfachbox li a:before {
  content: " ";
  background: #c40017;
  position: absolute;
  width: 6px;
  overflow: hidden;
  height: 6px;
  top: 7px;
  left: -14px;
}

/*Statusmeldung*/
.outer > .status {
  margin-top: 60px;
  padding: 16px 30px 16px 120px;
  position: relative;
  background: #f3f3f3;
}

.outer > .status:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 90px;
  background-position: center;
  background-repeat: no-repeat;
}

.outer > .status.danger:before {
  background-color: #C40017;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/icon-danger-433e6e74563441f1d89facf7013eac84c46280917d89c74203a9d3ec02480f2e.svg);
}

.outer > .status.info:before {
  background-color: #F7AD10;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/icon-info-8723e0977f165c7eca003a3978c1dde73d6cc56e7a378c61f46f882dfc560738.svg);
}

.outer > .status.success:before {
  background-color: #6DB539;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/icon-success-60563c2154a1a52ee141c8d9f819c96f0f0de42d39d026f3005f2802a5017bed.svg);
}

.outer > .status h2 {
  font-family: TheSansUHHBoldCaps, sans-serif;
  color: var(--UHH0271bb-hellblau);
  font-size: 18px;
  line-height: 1em;
  margin: -4px 0 0 0;
}

.outer > .status p {
  margin-top: 2px;
}

.s .outer > .status p {
  margin-top: 4px;
}

.s .outer > .status .more {
  display: block;
}

.outer > .status p:last-child {
  margin-bottom: 0;
}

.outer > .status p span {
  margin-right: 10px;
}

.outer > .status a {
  padding-right: 16px;
  position: relative;
  text-decoration: underline;
}

.outer > .status a:hover, .outer > .status a:focus {
  text-decoration: none;
}

.outer > .status a:after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_rot-a28ff6e2f8da43f66d583503ba56503d6676baedc9b9c12d6e13520e6bd8f354.svg);
}

html[data-color-scheme$=dark] .outer > .status a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_link_rot_dark.svg);
}

ul.dl {
  padding: 0 !important;
}

.studiengaenge ul.abc {
  padding: 0;
}

.studiengaenge ul.abc li {
  display: inline;
}

.studiengaenge .abc {
  font-size: 0;
  text-transform: uppercase;
  padding: 0 1px;
  margin: 40px 0;
  border: 1px solid #fff;
  line-height: 1.5;
  font-family: TheSansUHHBold, sans-serif;
}

.studiengaenge .abc a {
  font-size: 15px;
  color: #4e4e4e;
  margin-right: 11px;
  text-decoration: none;
}

.studiengaenge .abc span {
  font-size: 15px;
  color: #e0e0e0;
  margin-right: 11px;
}

.studiengaenge .abc .alle {
  text-transform: capitalize;
  border: 0;
  white-space: nowrap;
  background-color: #666;
  font-size: 13px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  margin: 0 4px 0 5px;
  padding: 2px 14px;
  position: relative;
  top: -2px;
}

.studiengang {
  margin-top: -36px;
}

.studiengang .liste {
  list-style-type: none;
  margin: 0 0 25px 0;
  padding: 0 !important;
  line-height: 1.7em;
}

#StudiengangDetails .inhalt {
  padding-top: 0;
  margin-top: 15px;
}

#StudiengangDetails .inhalt .row.video {
  margin-left: 17px;
  margin-bottom: 15px;
}

#StudiengangDetails h4.strong {
  display: inline;
}

span.hide {
  font-weight: bold;
}

span.hh {
  display: none;
}

li.ende {
  display: none;
}

.box-rechts-grau {
  float: right;
  width: 200px;
  border: 1px solid #ccc;
  margin: 0 0 10px 10px;
  font-size: 13px;
  clear: right;
}

.box-rechts-grau .box-titel {
  margin: 0;
  padding: 3px 2px;
  font-size: 14px;
  background-color: #ccc;
  color: #4e4e4e;
  text-align: center;
  font-weight: bold;
}

.box-rechts-grau .box-inhalt {
  padding: 7px 5px;
  font-size: 13px;
}

.box-rechts-grau .box-inhalt p {
  margin: 0 0 5px 0;
}

.box-rechts-grau .box-inhalt ul {
  margin: 0 0 5px 20px;
  padding: 0;
}

.box-rechts-grau .box-inhalt ol {
  margin: 0 0 5px 20px;
  padding: 0;
}

TABLE.sortable a.down {
  text-decoration: underline;
}

TABLE.sortable a.up {
  text-decoration: overline;
}

TABLE.sortable a.none {
  text-decoration: none;
}

table#spreadsheet {
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  border-collapse: collapse;
  box-sizing: content-box;
}

table#spreadsheet td, table#spreadsheet th {
  box-sizing: content-box;
}

table#spreadsheet th {
  background: #f3f3f3;
  font-size: 14px;
  border: 1px solid #ddd;
  text-align: left;
  height: 32px;
}

table#spreadsheet td {
  background: #fff;
  padding: 16px 8px;
  border: 1px solid #ddd;
  text-align: left;
  height: 20px;
}

table#spreadsheet th {
  text-align: left;
} /* border-bottom:16px solid #fff; */
tbody tr.aus, tr.aus td {
  display: none;
  border: 0;
}

table#spreadsheet.sortable, #formulargruppe table {
  border-collapse: collapse;
  overflow: visible;
}

table#spreadsheet.sortable th {
  background: #f3f3f3;
  cursor: pointer;
  padding: 16px 8px !important;
  white-space: nowrap;
}

table#spreadsheet.sortable th:before {
  content: "▾";
  float: right;
  opacity: 0.4;
  position: relative;
  left: 6px;
  font-size: 20px;
}

table#spreadsheet.sortable th:hover {
  background: #ddd;
}

table#spreadsheet.sortable th:hover {
  cursor: pointer;
  padding: 0 8px !important;
  white-space: nowrap;
}

table#spreadsheet.sortable th.sort:before {
  content: "▴";
  float: right;
  opacity: 1;
  position: relative;
  left: 6px;
}

table#spreadsheet.sortable th.reverse:before {
  content: "▾";
  float: right;
  opacity: 1;
  position: relative;
  left: 6px;
}

table#spreadsheet.sortable td, #formulargruppe td {
  border: 1px solid #ddd;
  border-width: 1px;
}

table#spreadsheet.sortable td.sort {
  background: #f3f3f3;
}

#spreadsheet tr:hover td {
  background-color: #f6f6f6;
}

#spreadsheet tr:hover td.sort {
  background-color: #eee !important;
}

/*table#spreadsheet td:first-child {border-width:1px 1px 1px 0}*/
/*table#spreadsheet td:last-child {border-width:1px 0 1px 1px}*/
/*table#spreadsheet tr:last-child td {border-bottom:0px}*/
table#spreadsheet.sortable.grouped tr.singlefaku {
  display: none;
}

table#spreadsheet.sortable.single tr.multifaku {
  display: none;
}

.spalte.links table.matrix2 {
  border: 0;
  border-collapse: separate;
  width: 100%;
  border-spacing: 4px 4px;
  width: -webkit-calc(100% + 8px);
  width: calc(100% + 8px);
  margin: 0;
  margin: -webkit-calc(0% - 4px);
  margin: calc(0% - 4px);
}

.spalte.links table.matrix2 th, .spalte.links table.matrix2 td {
  border: 0;
  border-radius: 3px;
}

.spalte.links table.matrix2 thead th {
  background-color: #c40017;
  color: #fff;
  text-transform: uppercase;
  width: 25%;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

.spalte.links table.matrix2 tbody th {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  text-align: left;
  background-color: #FAF8F9;
  vertical-align: top;
}

.spalte.links table.matrix2 td {
  background-color: #e9e9e9;
  vertical-align: top;
}

.spalte.links table.matrix2 a {
  color: #4e4e4e;
  text-decoration: underline dotted;
}

.spalte.links table.matrix2 a:hover {
  color: #4e4e4e;
  text-decoration: underline;
}

div.abc {
  font-size: 0.1px;
  margin-bottom: 15px;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  word-wrap: break-word;
  -moz-hyphens: none;
  hyphens: none;
}

.abc a {
  font-size: 15px;
  line-height: 1.5em;
  padding: 0px 2px;
  margin-right: 13px;
  text-transform: uppercase;
  color: #4e4e4e !important;
  text-decoration: none !important;
}

.abc a:hover {
  outline: none;
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);
  text-decoration: none;
}

.abc span {
  font-size: 15px;
  line-height: 1.5em;
  margin-right: 13px;
  text-transform: uppercase;
  color: #ccc !important;
  padding: 0px 3px;
}

.abc a[href="#"] {
  white-space: nowrap;
  position: relative;
  top: -1px;
  text-transform: none;
  color: #fff !important;
  background-color: #666;
  line-height: 12px;
  height: 12px;
  border-radius: 3px;
  font-size: 10px;
  margin: 0px 4px 0 5px;
  padding: 0 6px;
  border: 0;
}

.abc a[href="#"]:hover {
  color: var(--UHHfff-hellgrau) !important;
  background-color: #0271bb;
  padding: 0 6px;
}

.abc a.an {
  color: var(--UHHfff-hellgrau) !important;
  background-color: #0271bb;
}

.outer .suchergebnis {
  margin-top: 40px;
  width: calc(100% + 30px);
}

.outer .suchergebnis .anzahl {
  margin-bottom: 32px;
}

.outer .suchergebnis .item {
  margin-bottom: 40px;
}

.outer .suchergebnis .title {
  font-family: TheSansUHHBold;
  font-size: 16px;
  margin: 0 !important;
}

.outer .suchergebnis .description {
  margin: 0 !important;
}

.outer .suchergebnis .pagenav {
  margin: 80px 0;
  border-left: 1px solid #000;
}

.outer .suchergebnis .pagenav div {
  position: relative;
  display: inline-block;
  color: #000;
  width: 45px;
  height: 45px;
  text-align: center;
  border: 1px solid #000;
  vertical-align: top;
  line-height: 45px;
  border-left: 0;
}

.outer .suchergebnis .pagenav div.prev:before {
  content: "";
  cursor: pointer;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_grau.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.outer .suchergebnis .pagenav div.next:before {
  content: "";
  cursor: pointer;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://assets.rrz.uni-hamburg.de/Pfeil_grau.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

/*
.outer .suchergebnis .uhhpagination {margin-top:40px}
.outer .suchergebnis .uhhpagination {border:1px solid #bfbfbf; border-collapse:collapse; display:inline-table; height:40px}
.outer .suchergebnis .uhhpagination .pageparam {display:none}
.outer .suchergebnis .uhhpagination * {text-align:center; min-width:45px; display:table-cell; border:1px solid #bfbfbf; vertical-align:middle; font-family:TheSansUHHBold,sans-serif; font-weight:normal; padding:0px 8px}
.outer .suchergebnis .uhhpagination .page_current {padding:0px; background-color:#faf9f9}
.outer .suchergebnis .uhhpagination .page_current input {width:42px; height:38px; border:none; font-family:TheSansUHHBold,sans-serif; font-weight:normal; font-size:16px; background:transparent}
.outer .suchergebnis .uhhpagination span.page_prev {background:transparent url("") no-repeat center}
.outer .suchergebnis .uhhpagination span.page_next {background:transparent url("") no-repeat center}
.outer .suchergebnis .uhhpagination a.page_prev {background:transparent url("") no-repeat center}
.outer .suchergebnis .uhhpagination a.page_next {background:transparent url("") no-repeat center}
.outer .suchergebnis .uhhpagination .nav {color:transparent}
*/
/* Suche  */
.progressbar {
  margin: 1em 0;
  display: block;
  position: relative;
  height: 30px;
  background-color: #ddd;
  vertical-align: middle;
}

.progressbar.left {
  float: left;
  margin: 0 15px 15px 0;
}

.progressbar.right {
  float: right;
  margin: 0 0 15px 15px;
}

.progressbar.inline {
  display: inline-block;
  margin: 0 10px;
  height: 1em;
}

.progressbar > span {
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #c40017;
}

.profil.publikationen .oap-result-block > header {
  font-size: 14px;
}

.profil.publikationen .oap-result {
  padding-top: 0;
  border-top: 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin: 20px 0 0 0;
}

.profil.publikationen .oap-result:first-child {
  margin: 6px 0 0 0 !important;
}

.profil.publikationen .oap-result-title {
  font-size: 12px !important;
  margin: 0 0 5px 0 !important;
}

.profil.publikationen .oap-result-title h2 {
  font-size: 12px !important;
  margin: 0 !important;
}

.profil.publikationen .oap-result-authors {
  margin: 0;
  max-width: none;
}

.profil.publikationen .oap-result-abstract {
  margin-top: 5px;
}

.profil-publikationen-navigate {
  display: table;
  margin: 30px 0 12px 0;
  width: 100%;
}

.s .profil-publikationen-navigate {
  margin: 34px 14px 18px 14px;
  width: calc(100% - 28px);
}

.profil-publikationen-navigate .navigate-page {
  text-align: right;
}

.profil-publikationen-navigate .navigate-page * {
  display: inline;
}

.profil-publikationen-navigate .navigate-browse {
  margin-left: 14px;
  display: inline-table;
  border-collapse: collapse;
  vertical-align: middle;
  height: 30px;
  border: 1px solid rgb(191, 191, 191);
}

.profil-publikationen-navigate .navigate-browse * {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.profil-publikationen-navigate .navigate-browse a, .navigate-browse span {
  width: 32px;
  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;
}

.profil-publikationen-navigate .navigate-browse a.back {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/oap-back-1-9c2d83f33be44d44da35cdd0f26b3c4a41a9bdf08611a7a3eb75357307775dd2.svg);
}

.profil-publikationen-navigate .navigate-browse span.next {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/oap-next-0-6b9293329798162aed88687b29c0b1ec85524fc0b6fb4ceee645272a0a9dae67.svg);
}

.profil-publikationen-navigate .navigate-browse span.back {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/oap-back-0-13bb537658992e668cd03fcf75c8ce3f4c896c782e8ed38fec0281f9f4f3b245.svg);
}

.profil-publikationen-navigate .navigate-browse strong {
  padding: 0 10px;
}

.profil.publikationen .oap-options-flyout {
  top: auto;
  bottom: 31px;
}

table.programm {
  border-collapse: collapse;
  overflow: visible;
  border: 1px solid #f3f3f3 !important;
}

table.programm th {
  padding: 4px 26px !important;
  background-color: #f3f3f3 !important;
  border: 0 !important;
}

table.programm th:first-child {
  width: 13% !important;
}

table.programm td {
  padding: 26px !important;
  border: 0 !important;
}

table.programm td:first-child {
  vertical-align: top;
}

table.programm tr:hover td {
  background-color: #f6f6f6 !important;
}

table.programm td p {
  max-width: none !important;
}

table.programm h2, table.programm h3 {
  margin: 0 !important;
}

table.programm td.td-3 {
  padding: 26px 0 !important;
}

table.programm td div {
  max-width: none !important;
}

table.programm td.td-3 div.td-3 {
  float: left;
  width: 33.3333333333%;
  padding: 0 26px;
}

table.programm td *:last-child, table.programm td *:last-child *:last-child {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 900px) {
  table.programm td.td-3 div.td-3 {
    float: none;
    width: auto;
  }
}
.hashtags {
  margin-top: 60px;
}

.s .hashtags {
  margin-left: 20px;
  margin-right: 20px;
}

.hashtags dl {
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 24px;
}

.hashtags dt {
  float: left;
  margin: 5px 20px 5px 0;
}

.hashtags dt:after {
  content: ":";
}

.hashtags dd {
  padding: 0 !important;
  margin: 0 !important;
}

.hashtags ul {
  padding: 0 !important;
  margin: 0 !important;
}

.hashtags li {
  float: left;
}

.hashtags li:before {
  content: unset !important;
}

.hashtags a {
  float: left;
  background-color: rgb(243, 243, 243);
  color: rgb(78, 78, 78);
  font-size: 14px;
  padding: 0 5px;
  margin: 5px 10px 5px 0;
}

.hashtags + .shariff {
  margin-top: 60px;
}

/* Animationen */
.animateZoomIn {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/* Styles */
#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;
}

.l #meta .quick .breite {
  overflow: hidden;
  margin-top: 20px;
  padding-top: 10px;
  margin-bottom: 120px;
}

#meta .quick .rubrik {
  margin: 0;
  padding: 0;
}

.l #meta .quick .rubrik a,
.l #meta .quick .zielgruppen a {
  color: var(--UHHfff-fff);
}

.l #meta .quick .zielgruppen p {
  margin-top: 0;
}

.l #meta .quick .rubrik p strong,
.l #meta .quick .zielgruppen p strong {
  font-family: TheSansUHHSemiLightCaps;
}

.l #meta .quick .rubrik a:not([href]),
.l #meta .quick .zielgruppen a:not([href]) {
  text-decoration: none !important;
  cursor: text;
}

.l #meta .quick .schliessen {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 156px;
  height: 34px;
  font-family: TheSansUHHRegularCaps;
  padding-left: 15px;
  border: 1px solid #fff;
  line-height: 30px;
  color: var(--UHHfff-fff);
  font-size: 17px;
}

.l #meta .quick .schliessen:after {
  float: right;
  content: "";
  transform: rotate(0);
  font-size: 26px;
  margin: 4px 8px 0 0;
  width: 24px;
  height: 24px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/x-fff-24-55d323cb5912f69a886010d25cc034f0027f7d6edefdc32bc942e961d43b5d36.svg);
  background-size: 24px;
  background-position: center;
}

.l #meta .quick .rechts {
  float: right;
  width: 260px;
  margin-top: -10px;
}

.l #meta .quick .rechts li {
  height: 50px;
  border-top: 1px solid var(--UHHfff-fff);
  display: table;
  width: 100%;
}

.l #meta .quick .rechts li a {
  vertical-align: middle;
  display: table-cell;
  color: var(--UHHfff-fff);
  font-family: TheSansUHHRegularCaps;
  font-size: 17px;
  position: relative;
}

/* .l #meta .quick .rechts li a:after {content:">"; position:absolute;right:2px} */
.l #meta .quick .rechts li a:after {
  content: "";
  position: absolute;
  right: 3px;
  width: 5px;
  height: 5px;
  border: 1px solid var(--UHHfff-fff);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg) scale(1);
  margin-top: 8px;
}

.l #meta .quick .links {
  float: left;
  width: calc(100% - 308px);
}

.l #meta .quick .links .oben,
.l #meta .quick .links .unten {
  display: table-row;
}

.l #meta .quick .links > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l #meta .quick .links > ul > li:nth-child(1) {
  width: calc(60% - 16px);
  margin-bottom: 24px;
}

.l #meta .quick .links > ul > li:nth-child(2) {
  width: calc(40% - 8px);
  margin-bottom: 24px;
}

.l #meta .quick .links > ul > li:nth-child(3) {
  width: calc(60% - 16px);
}

.l #meta .quick .links > ul > li:nth-child(4) {
  width: calc(40% - 8px);
}

.l #meta .quick .links .rubrik {
  border: 1px solid var(--UHHfff-fff);
  padding: 18px 24px;
}

.l #meta .quick .links .rubrik p {
  margin: 0 0 15px 0;
}

.l #meta .quick .links li {
  display: block;
  clear: left;
}

.l #meta .quick .links .rubrik li a {
  float: left;
  padding-left: 30px;
  color: var(--UHHfff-fff);
  font-family: TheSansUHH;
  font-size: 14px;
  position: relative;
}

.l #meta .quick .links .rubrik li a:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 4px;
  left: 0;
  background-color: var(--UHHfff-fff);
}

html:not(.l) #meta .quick .slide {
  padding: 0;
  top: 32px;
  bottom: 0;
  position: fixed;
  overflow: auto;
  border-top: 1px solid var(--UHHfff-fff);
  -webkit-overflow-scrolling: touch;
  font-family: TheSansUHHSemiLightCaps;
  text-transform: none !important;
}

html:not(.l).quick body {
  overflow: hidden;
}

html:not(.l) #meta .quick .breite:before {
  content: "Quicklinks";
  display: block;
  text-align: right;
  padding: 10px 20px;
  border-bottom: 1px solid var(--UHHfff-fff);
}

html:not(.l) #meta .quick .breite > div {
  clear: both;
}

html:not(.l) #sprachauswahlschalter:focus {
  text-decoration: none !important;
}

#meta .sprachen {
  font-size: 16px;
  display: none;
  background: var(--UHH0271bb-grau);
  position: absolute;
  top: 30px;
  left: -15px;
  padding: 10px 45px 20px 15px;
  border-top: 1px solid var(--UHH0271bb-grau);
}

.extern #meta .sprachen {
  background: #fff;
  border-top: none;
  padding-top: 0;
}

html.sprache:not(.l) #meta .sprachen {
  top: 45px;
  border-color: var(--UHHfff-fff);
  background: var(--UHH0271bb-grau);
  left: 0px;
  padding: 10px 45px 20px 8px;
}

#meta .sprachen li {
  margin: 9px 0;
}

#meta .sprachen a:focus {
  outline: 1px dotted var(--UHHfff-fff);
}

.extern #meta .sprachen li {
  margin: 0 0 9px 0;
}

[lang=de] #meta .sprachen .de,
[lang=fr] #meta .sprachen .fr,
[lang=en] #meta .sprachen .en,
[lang=it] #meta .sprachen .it {
  text-decoration: underline;
  cursor: default;
}

#meta a:hover {
  outline: none;
}

#meta a:focus {
  outline: none;
  text-decoration: underline;
}

#meta .links .uhh a:hover,
#meta .links .uhh a:focus,
.mouse.l #meta nav > ul > li a:hover {
  text-decoration: underline;
}

header .logos .bild a:focus {
  box-shadow: none;
}

header .logos .bild a:focus img {
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);
}

header .logos .text a:hover {
  text-decoration: none !important;
}

.nav #suche form input[type=submit]:focus {
  outline: 1px dotted #000;
  outline-offset: -1px;
}

html:not(.l) #meta .mobilemenu {
  border: 1px solid transparent;
  border-width: 0 1px;
}

html.mobilemenu:not(.l) #meta .mobilemenu {
  border-left: 1px solid var(--UHHfff-fff);
}

.mobilemenu .abdeckung {
  position: fixed;
  top: 45px;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 0.25s, left 0s;
  opacity: 0;
  background: var(--UHH0271bb-dunkelgrau);
  z-index: 99999;
}

.mobilemenu .abdeckung:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}

html.mobilemenu .mobilemenu .abdeckung {
  left: 0;
  transition: opacity 0.25s, left 0s;
  opacity: 0.3;
}

#mobilemenu {
  transition: opacity 0.25s, right 0.1s;
  overflow: hidden;
  position: fixed;
  right: -420px;
  bottom: 0;
  width: 100%;
  max-width: 420px;
  z-index: 100000;
  height: calc(100% - 45px);
  border-top: 1px solid var(--UHHfff-fff);
  opacity: 0;
}

#mobilemenu {
  background: var(--UHH0271bb-grau);
  font-family: TheSansUHHSemiLightCaps;
  font-size: 19px;
}

html.mobilemenu:not(.l) #mobilemenu {
  right: 0;
  transition: opacity 0.25s, right 0.1s;
  opacity: 1;
}

#mobilemenu .submenu {
  transition: transform 0.3s 0s, opacity 0.15s 0s, max-height 0.15s 0s;
  opacity: 1;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: auto;
  max-height: calc(100% - 65px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#mobilemenu .current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#mobilemenu .parent {
  -webkit-transform: translate3d(-99.9%, 0, 0);
  transform: translate3d(-99.9%, 0, 0);
}

#mobilemenu .child {
  -webkit-transform: translate3d(99.9%, 0, 0);
  transform: translate3d(99.9%, 0, 0);
}

#mobilemenu.in .current {
  -webkit-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
  opacity: 0;
}

#mobilemenu.in .child {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#mobilemenu.out .current {
  -webkit-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0);
  opacity: 0;
}

#mobilemenu.out .parent {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#mobilemenu .submenu {
  background: var(--UHH0271bb-grau);
  color: var(--UHHfff-fff);
}

#mobilemenu .submenu a {
  transition: all 0.3s;
  color: var(--UHHfff-fff) !important;
  text-decoration: none;
  line-height: 1em;
}

html.mouse #mobilemenu .submenu a:hover,
html.mouse #mobilemenu .submenu a:focus {
  background-color: var(--UHHfff-fff) !important;
  color: var(--UHH0271bb-dunkelgrau) !important;
  text-decoration: none !important;
}

#mobilemenu .submenu .up {
  border-bottom: 1px solid var(--UHHfff-fff);
  display: table;
  width: 100%;
}

#mobilemenu .submenu .up a {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  padding: 10px 10% 10px 7%;
  position: relative;
}

#mobilemenu .submenu .up a span:before {
  content: "<";
  position: absolute;
  left: 4px;
}

#mobilemenu .submenu .here {
  border-bottom: 1px solid var(--UHHfff-fff);
  display: table;
  width: 100%;
}

#mobilemenu .submenu .here a {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  padding: 10px 10% 10px 7%;
  font-family: TheSansUHHBoldCaps;
}

#mobilemenu .submenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#mobilemenu .submenu ul li {
  border-bottom: 1px solid var(--UHHfff-fff);
  display: table;
  width: 100%;
}

#mobilemenu .submenu ul a.link {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
  padding: 10px 10px 10px 14%;
  width: calc(100% - 50px);
}

#mobilemenu .submenu ul a.down {
  text-align: center;
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.25);
}

#mobilemenu .submenu ul a.down span:before {
  content: ">";
}

#mobilemenu .sprachen2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

#mobilemenu .sprachen2 a {
  display: block !important;
  height: 30px;
  line-height: 30px;
  padding-left: 14%;
}

#mobilemenu .gebaerdensprache {
  background-position: 23px center;
  color: var(--UHHfff-fff);
}

#mobilemenu .leichtesprache {
  background-position: 20px center;
  color: var(--UHHfff-fff);
}

.uhh-tabs {
  position: relative;
  opacity: 1;
  margin-top: 60px;
  margin-bottom: 60px;
}

.uhh-tabs h2 {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.s .uhh-tabs h2 {
  margin-left: 20px;
  margin-right: 20px;
}

.uhh-tablist-container {
  z-index: 2;
  position: relative;
  overflow: hidden;
  height: 50px;
}

h2:not(:empty) + .uhh-tablist-container {
  margin-top: 30px;
}

.uhh-tablist-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 30px;
}

.uhh-tablist {
  position: relative;
  display: table;
  height: 50px;
  left: -6px;
  padding: 0 !important;
  border-spacing: 6px 0;
  margin: 0;
}

html.s .uhh-tablist {
  left: 0;
}

.uhh-tablist li {
  display: table-cell;
  position: relative;
}

.uhh-tablist li:before {
  content: none !important;
}

.uhh-tablist button {
  transition: padding 0.2s;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  font-size: 17px;
  border: 1px solid #ddd;
  height: 50px;
  line-height: 20px;
  padding: 15px 20px;
  color: #444;
  background: #f5f5f5;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

html.s .uhh-tablist button {
  font-size: 15px;
  padding: 15px 10px;
}

.uhh-tablist button:focus {
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff) inset;
  text-decoration: underline;
  outline: none;
}

.uhh-tablist button[aria-selected=true] {
  background: #fff;
  border-bottom-color: #fff;
}

.uhh-tabpanels {
  z-index: 1;
  position: relative;
  top: -1px;
  border: 1px solid #ddd;
  overflow: hidden;
}

html.s .uhh-tabpanels {
  border-width: 1px 0;
  margin: 0 -20px;
  padding: 0 20px;
}

.uhh-tabpanels a {
  text-decoration: underline;
}

.uhh-tabs [role=tabpanel] {
  padding: 20px 40px;
  position: relative;
}

.s .uhh-tabs [role=tabpanel] {
  padding: 15px 20px;
}

.uhh-tabs [role=tabpanel][hidden] {
  display: none;
}

.uhh-tabs [role=tabpanel]:focus {
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff) inset;
  text-decoration: none;
  outline: none;
}

/*social Teaser*/
.outer.grau > .social-teaser {
  margin-top: 130px;
  padding-top: 68px !important;
}

.outer:not(.grau) > .social-teaser {
  padding-top: 0px !important;
}

.s .outer.grau > .social-teaser {
  margin-top: 48px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.outer:not(.grau) > .social-teaser {
  margin-top: 0;
}

.outer.dunkelgrau + .outer.grau > .social-teaser {
  margin-top: 0;
  padding-top: 68px !important;
}

.social-teaser h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 24px;
  line-height: 1em;
  margin: -4px 0 0 0;
  line-height: 1em;
}

.social-teaser.home h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 34px;
  line-height: 1em;
  margin: -10px 0 0 0;
}

.s .social-teaser h2 {
  font-size: 30px;
}

.social-teaser .head {
  margin-bottom: 50px;
}

.social-teaser .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.social-teaser div.more {
  float: right;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

.social-teaser div.more a {
  color: #4e4e4e;
  position: relative;
  line-height: 1.4em;
  padding-left: 12px;
  outline: none;
}

.social-teaser div.more a:hover, .social-teaser div.more a:focus {
  text-decoration: underline;
}

.social-teaser div.more a:before {
  content: ">";
  position: absolute;
  left: 0;
  top: 0;
  color: #0271bb;
}

.social-teaser ul {
  font-size: 0;
  padding: 0;
  margin: 0;
  list-style-type: none;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.volle-breite .social-teaser ul {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 47px;
  -moz-column-gap: 47px;
  column-gap: 47px;
}

@media only screen and (max-width: 1300px) {
  .social-teaser ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
}
.social-teaser ul li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-bottom: 40px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.social-teaser ul li .image {
  background-color: var(--UHHfff-grau);
}

.social-teaser ul li .image img {
  width: 100% !important;
  height: auto !important;
  display: block;
  padding: 0 12px;
}

.s .social-teaser ul li .image img {
  padding: 0 20px;
}

.social-teaser ul li .inhalt {
  padding-top: 4px;
  background-color: var(--UHHfff-grau);
  color: #4e4e4e;
  margin: 0;
}

.social-teaser ul li .inhalt a {
  text-decoration: underline;
}

.social-teaser .weiter {
  margin-top: 115px;
  text-align: center;
}

.social-teaser .weiter a {
  display: inline-block;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 22px;
  line-height: 70px;
  padding: 0 68px;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  outline: none;
}

.social-teaser .weiter a:hover, .social-teaser .weiter a:focus {
  text-decoration: underline !important;
}

html:not(.l) .outer > .social-teaser .weiter {
  margin-top: 10px;
}

.s .social-teaser li {
  margin-bottom: 30px;
}

.social-teaser li > .kopf {
  padding: 10px 15px !important;
  overflow: hidden;
  background: var(--UHHfff-grau);
}

.s .social-teaser li > .kopf {
  padding: 10px 20px !important;
}

.social-teaser li > .kopf .profile {
  float: left;
}

.social-teaser li > .kopf .profile a {
  color: #000;
  font-size: 14px;
  font-family: TheSansUHHBold;
}

.social-teaser li > .kopf .profile a:hover, .social-teaser li > .kopf .profile a:focus {
  outline: none;
}

.social-teaser li > .kopf .profile img {
  display: inline-block;
  height: 20px;
}

.social-teaser li > .kopf .alter {
  float: right;
  color: var(--UHH666-fff);
}

.social-teaser li > .inhalt {
  padding: 10px 15px !important;
  clear: both;
}

.s .social-teaser li > .inhalt {
  padding: 10px 20px !important;
}

html:not(.l) .social-teaser li > .inhalt {
  padding: 10px 20px !important;
}

.social-teaser li > a {
  background-color: var(--UHHfff-grau);
  display: table;
  width: 100%;
  text-decoration: none !important;
  border: 10px solid var(--UHHfff-grau);
  border-width: 10px 15px;
}

.social-teaser li > a > div {
  display: table-cell;
  color: var(--UHH666-fff);
  vertical-align: middle;
  font-size: 15px;
  padding-right: 10px;
}

.social-teaser .retweet,
.social-teaser .favorite,
.social-teaser .comments,
.social-teaser .likes,
.social-teaser .shares {
  padding-left: 24px;
  width: 30px;
  background-position: left center;
  background-repeat: no-repeat;
}

.social-teaser .comments {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-comments.svg);
}

.social-teaser .likes {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/social-likes-d210219bdffc19927d8c4e6c7001d31d68816c685192121316a6a4e407e56908.svg);
}

.social-teaser .shares {
  display: none;
  background-image: url(https://assets.rrz.uni-hamburg.de/social-shares.svg);
}

.social-teaser .retweet {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/social-retweets-a5835a0b4fb1899d832b821b62ecca673e24de0550116955459508341ffc19b6.svg);
}

.social-teaser .favorite {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/social-favorite-7e449fc1162bf33a1a909a5122fa66c19628348b65590d5d51b49ef5b68b4602.svg);
}

.social-teaser .social_logo {
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  padding-right: 0;
}

.social-teaser .fb .social_logo {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/social-facebook-5b7952f5f492ad3183ae96825d4c4195e8ac358a71e8b250612ef94f4e06e485.svg);
}

.social-teaser .ig .social_logo {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-instagramm.svg);
}

.social-teaser .tw .social_logo {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/social-twitter-a21dde6debf6a6d85b23eb1fe550c90755053ec1b4f2cf98dfea74eed606e84e.svg);
}

html[data-color-scheme$=dark] .social-teaser .comments {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-comments_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .likes {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-likes_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .shares {
  display: none;
  background-image: url(https://assets.rrz.uni-hamburg.de/social-shares_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .retweet {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-retweets_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .favorite {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-favorite_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .fb .social_logo {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-facebook_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .ig .social_logo {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-instagramm_dark.svg);
}

html[data-color-scheme$=dark] .social-teaser .tw .social_logo {
  background-image: url(https://assets.rrz.uni-hamburg.de/social-twitter_dark.svg);
}

.news .social-teaser {
  margin-top: 96px;
  padding-top: 0;
  padding-bottom: 130px;
}

.news .social-teaser.home {
  margin-top: 130px;
}

.news .social-teaser .head {
  margin-bottom: 50px;
}

.news .outer.h1 + .outer > .social-teaser .head {
  display: none;
}

.news .social-teaser .filters {
  margin-bottom: 65px;
}

.news .social-teaser .filters:after {
  content: "";
  display: table;
  width: 100%;
}

.s .news .social-teaser .filters {
  margin: 0 20px 30px 20px;
}

.news .social-teaser .filter {
  margin-left: 3%;
  float: left;
  width: 22.75%;
  text-align: center;
}

.news .social-teaser .filter a {
  transition: all 0.2s;
  display: block;
  color: #444;
  text-decoration: none !important;
  font-family: TheSansUHHBold;
  height: 40px;
  line-height: 40px;
  border: 1px solid var(--UHH0271bb-fff);
  background-color: #fff;
}

.news .social-teaser .filter.on a, .social-teaser .filter a:hover, .social-teaser .filter a:focus {
  background-color: #0271bb;
  color: var(--UHHfff-hellgrau) !important;
}

.news .social-teaser .filter a:hover {
  text-decoration: underline !important;
}

.s .news .social-teaser .filter {
  margin-left: 3%;
  width: 48.5%;
  margin-bottom: 10px;
}

.s .news .social-teaser .filter:nth-child(3) {
  clear: left;
  margin-left: 0;
}

.news .social-teaser .filter:first-child {
  margin-left: 0;
}

.news .social-teaser li > .kopf {
  border: 1px solid #ddd;
  border-bottom: none;
  padding-top: 15px !important;
}

.news .social-teaser li > .image {
  border: 1px solid #ddd;
  border-width: 0 1px;
}

.news .social-teaser li > .image img {
  padding: 0;
}

.news .social-teaser li > .inhalt {
  border: 1px solid #ddd;
  border-width: 0 1px;
  padding-bottom: 0;
}

.s .news .social-teaser li > * {
  border-left: none;
  border-right: none;
}

.news .social-teaser li > a {
  border: 1px solid #ddd;
  border-top: none;
}

.news .social-teaser li > a:before, .news .social-teaser li > a:after {
  content: "";
  display: table-cell;
  width: 15px;
}

.s .news .social-teaser li > a:before, .s .news .social-teaser li > a:after {
  width: 20px;
}

.news .social-teaser li > a > div {
  height: 50px;
}

.m .social-teaser ul {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3.6vw;
  column-gap: 3.6vw;
}

.s .social-teaser h2 {
  padding-left: 20px;
  padding-right: 20px;
}

.s .social-teaser ul {
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  column-gap: 0;
}

.s .social-teaser ul li {
  padding-bottom: 0;
}

.s .social-teaser ul li .inhalt {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/**
* https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/css/datepicker.css
*/
.SciDatepicker {
  position: relative;
}

.SciDatepicker button.icon {
  border: none;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 35px;
  height: 35px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.SciDatepicker button.icon:hover, .SciDatepicker button.icon:focus {
  border: 1px solid #aaa !important;
  border-radius: 3px;
}

.SciDatepicker button.icon { /* background-image:url(https://assets.rrz.uni-hamburg.de/app/img/Stundenplan-01.svg)*/
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 16' style='enable-background:new 0 0 17 16;' xml:space='preserve' width='17px' height='16px'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234E4E4E;%7D .st1%7Bfill:none;stroke:%234E4E4E;%7D%0A%3C/style%3E%3Ctitle%3EStundenplan%3C/title%3E%3Cg id='Symbols'%3E%3Cg id='Icon-_-Stundenplan-dark'%3E%3Cg id='Icon-_-Stundenplan'%3E%3Cpath id='Shape' class='st0' d='M4.4,7.4h0.6c0.3,0,0.6-0.3,0.6-0.6c0,0,0,0,0,0V6.3c0-0.3-0.3-0.6-0.6-0.6c0,0,0,0,0,0H4.4 C4,5.7,3.8,6,3.8,6.3v0.6C3.8,7.2,4,7.4,4.4,7.4z'/%3E%3Cpath id='Shape-2' class='st0' d='M8.2,7.4h0.6c0.3,0,0.6-0.3,0.6-0.6V6.3c0-0.3-0.3-0.6-0.6-0.6H8.2C7.9,5.7,7.7,6,7.6,6.3v0.6 C7.7,7.2,7.9,7.4,8.2,7.4z'/%3E%3Cpath id='Shape-3' class='st0' d='M12.1,7.4h0.6c0.3,0,0.6-0.3,0.6-0.6V6.3c0-0.3-0.3-0.6-0.6-0.6h-0.6c-0.3,0-0.6,0.3-0.6,0.6 v0.6C11.5,7.2,11.8,7.4,12.1,7.4z'/%3E%3Cpath id='Shape-4' class='st0' d='M4.4,10.4h0.6c0.3,0,0.6-0.2,0.6-0.5c0,0,0,0,0,0V9.2c0-0.3-0.3-0.6-0.6-0.6c0,0,0,0,0,0H4.4 C4,8.6,3.8,8.9,3.8,9.2v0.6C3.8,10.1,4,10.4,4.4,10.4z'/%3E%3Cpath id='Shape-5' class='st0' d='M8.2,10.4h0.6c0.3,0,0.6-0.2,0.6-0.6V9.2c0-0.3-0.3-0.6-0.6-0.6H8.2c-0.3,0-0.6,0.2-0.6,0.6 v0.6C7.7,10.1,7.9,10.4,8.2,10.4z'/%3E%3Cpath id='Shape-6' class='st0' d='M12.1,10.4h0.6c0.3,0,0.6-0.2,0.6-0.6V9.2c0-0.3-0.3-0.6-0.6-0.6h-0.6c-0.3,0-0.6,0.2-0.6,0.5 c0,0,0,0,0,0v0.6C11.5,10.1,11.8,10.4,12.1,10.4C12.1,10.4,12.1,10.4,12.1,10.4z'/%3E%3Cpath id='Shape-7' class='st0' d='M4.4,13.3h0.6c0.3,0,0.6-0.3,0.6-0.6v-0.6c0-0.3-0.3-0.6-0.6-0.6H4.4c-0.3,0-0.6,0.3-0.6,0.6 v0.6C3.8,13,4,13.3,4.4,13.3z'/%3E%3Cpath id='Shape-8' class='st0' d='M8.2,13.3h0.6c0.3,0,0.6-0.3,0.6-0.6v-0.6c0-0.3-0.3-0.6-0.6-0.6H8.2c-0.3,0-0.6,0.3-0.6,0.6 v0.6C7.7,13,7.9,13.3,8.2,13.3z'/%3E%3Cpath id='Shape-9' class='st1' d='M14.5,0.5h-12c-1.1,0-2,0.9-2,2v11c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-11 C16.5,1.4,15.6,0.5,14.5,0.5z M15.9,13.5c0,0.8-0.7,1.4-1.4,1.4h-12c-0.8,0-1.4-0.6-1.4-1.4l0,0V4.1h14.9V13.5z M15.9,3.5H1.1v-1 c0-0.8,0.6-1.4,1.4-1.4h12c0.8,0,1.4,0.6,1.4,1.4V3.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/* .SciDatepicker .datepickerDialog {z-index:2147483647 !important; padding:10px 0;position: fixed;outline:1000px solid rgba(0,0,0,0.5);top: 50%;left:50%;transform: translate(-50%, -50%);width: 90%;max-width: 428px;display: none;border: 0;margin-top: 0;border-radius: 0;background-color: #fff } */
.SciDatepicker .datepickerDialog {
  z-index: 2147483647 !important;
  padding: 10px 0;
  position: absolute;
  max-width: 428px;
  display: none;
  border: 1px solid #666;
  margin-top: -1px;
  border-radius: 0;
  background-color: #fff;
}

.eventsform .SciDatepicker .datepickerDialog {
  margin-top: -27px;
}

/* .SciDatepicker .datepickerDialog {padding:10px 0;position: fixed;outline:1000px solid rgba(0,0,0,0.5);top: 50px;left:50%;transform: translate(-50%, 0);width: 90%;max-width: 400px;display: none;border: 0;margin-top: 0;border-radius: 0;background-color: #fff } */
.datepickerDialog .header {
  margin: 0;
  line-height: 36px;
  text-align: center;
  position: relative;
  height: 36px;
  cursor: default;
  color: var(--UHH0271bb-hellblau);
  display: block;
}

.datepickerDialog .header h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  font-family: TheSansUHHBoldCaps, sans-serif;
  line-height: 26px !important;
}

.datepickerDialog .header h2:before {
  content: none !important;
}

.datepickerDialog .header button {
  z-index: 1;
  background-size: 100% 15px !important;
  position: absolute;
  top: 0;
  margin-bottom: 0;
  box-shadow: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
  color: white;
}

.datepickerDialog .header button:hover, .datepickerDialog .header button:focus {
  border: 1px solid var(--UHH0271bb-fff);
}

.datepickerDialog button {
  border: none;
  box-shadow: none !important;
  cursor: pointer;
}

.datepickerDialog button.prevYear {
  left: 1px;
}

.datepickerDialog button.prevMonth {
  left: 30px;
}

.datepickerDialog button.nextMonth {
  right: 30px;
  transform: rotate(180deg);
}

.datepickerDialog button.nextYear {
  right: 1px;
  transform: rotate(180deg);
}

.datepickerDialog .dialogButtonGroup {
  float: right;
  margin-right: 15px;
  margin-top: 6px;
  margin-bottom: -4px;
}

.datepickerDialog .dialogButton {
  border: none;
  background: transparent;
  height: auto;
  font-size: 18px;
  font-weight: normal;
  font-family: TheSansUHHBoldCaps, sans-serif;
  margin: 0 0 0 20px;
  padding: 0;
  -webkit-appearance: none;
  box-shadow: none;
  color: var(--UHH0271bb-hellblau);
}

.datepickerDialog .dialogButton:focus, .datepickerDialog .dialogButton:hover {
  text-decoration: underline;
}

.datepickerDialog table.dates {
  margin-top: 0px;
  position: relative;
}

.datepickerDialog table.dates th, .SciDatepicker table.dates td {
  text-align: center;
}

.datepickerDialog table.dates th {
  padding: 0 !important;
  font-size: 12px;
  line-height: 22px;
}

.datepickerDialog table.dates th:first-child, .datepickerDialog table.dates th:last-child {
  color: #bbb;
}

.datepickerDialog .dateCell {
  padding: 0 !important;
  text-align: center;
  outline: 0;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  width: 34px;
  height: 34px;
}

.datepickerDialog .dateButton {
  color: #333;
  float: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  line-height: inherit;
  height: 30px;
  width: 30px;
  border: 2px solid transparent;
  font-size: 14px;
  background: transparent;
  border-radius: 15px;
}

.datepickerDialog .dateButton[tabindex="0"] {
  background-color: #ddd;
}

.datepickerDialog .dateButton:focus, .datepickerDialog .dateButton:hover {
  color: #000;
  border-color: var(--UHH0271bb-fff);
  background-color: hsl(216, 80%, 92%);
}

.datepickerDialog .dateButton[aria-selected] {
  background-color: #0271bb;
  color: var(--UHHfff-hellgrau);
}

.datepickerDialog .disabled {
  color: #999;
}

.datepickerDialog .dateButton:disabled {
  color: #777;
}

.datepickerDialog .message {
  display: none;
}

.datepickerDialog button.prevMonth,
.datepickerDialog button.nextMonth { /*background-image:url(https://assets.rrz.uni-hamburg.de/app/img/zurueckblau.svg)*/
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='32px' viewBox='0 0 18 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E%3Ctitle%3EIcon / PFEIL / zurueck blau%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Icon-/-PFEIL-/-zurueck-blau' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='PFEIL/zurueck' transform='translate(1.000000, -0.000000)' stroke='%230271bb' stroke-width='2'%3E%3Cg id='Group' transform='translate(8.000000, 16.000000) rotate(-180.000000) translate(-8.000000, -16.000000) '%3E%3Cline x1='-2.37652416' y1='8.69885463' x2='18.3765242' y2='8.45190296' id='Line' transform='translate(8.000000, 8.575379) rotate(45.000000) translate(-8.000000, -8.575379) '%3E%3C/line%3E%3Cline x1='-2.5' y1='23.25' x2='18.5' y2='23.25' id='Line' transform='translate(8.000000, 23.250000) rotate(-45.000000) translate(-8.000000, -23.250000) '%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.datepickerDialog button.prevYear,
.datepickerDialog button.nextYear { /*background-image:url(https://assets.rrz.uni-hamburg.de/app/img/zurueckdoppelblau.svg)*/
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='29px' height='32px' viewBox='0 0 29 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E%3Ctitle%3EIcon / PFEIL / zurueck doppel blau%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Icon-/-PFEIL-/-zurueck-doppel-blau' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='PFEIL/zurueck' transform='translate(1.000000, 0.000000)' stroke='%230271bb' stroke-width='2'%3E%3Cg id='Group' transform='translate(8.000000, 16.000000) rotate(-180.000000) translate(-8.000000, -16.000000) '%3E%3Cline x1='-2.37652416' y1='8.69885463' x2='18.3765242' y2='8.45190296' id='Line' transform='translate(8.000000, 8.575379) rotate(45.000000) translate(-8.000000, -8.575379) '%3E%3C/line%3E%3Cline x1='-2.5' y1='23.25' x2='18.5' y2='23.25' id='Line' transform='translate(8.000000, 23.250000) rotate(-45.000000) translate(-8.000000, -23.250000) '%3E%3C/line%3E%3C/g%3E%3C/g%3E%3Cg id='PFEIL/zurueck' transform='translate(12.000000, 0.000000)' stroke='%230271bb' stroke-width='2'%3E%3Cg id='Group' transform='translate(8.000000, 16.000000) rotate(-180.000000) translate(-8.000000, -16.000000) '%3E%3Cline x1='-2.37652416' y1='8.69885463' x2='18.3765242' y2='8.45190296' id='Line' transform='translate(8.000000, 8.575379) rotate(45.000000) translate(-8.000000, -8.575379) '%3E%3C/line%3E%3Cline x1='-2.5' y1='23.25' x2='18.5' y2='23.25' id='Line' transform='translate(8.000000, 23.250000) rotate(-45.000000) translate(-8.000000, -23.250000) '%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.SciDatepicker .datepickerHolder:first-child {
  margin-right: 12px;
}

.SciDatepicker .datepickerHolder {
  position: relative;
  float: left;
  width: calc(50% - 6px);
}

.SciDatepicker input.visibleInput {
  width: 100%;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
}

button[aria-label="Datum leeren"] {
  display: none;
}

button[aria-label="clear date"] {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
* Swiper 5.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 8, 2020
*/
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:rgb(2, 113, 187);
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
}

.plyr audio, .plyr video {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
  box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__captions .plyr__caption div {
  display: inline;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #1aafff;
  color: #fff;
}

.plyr--video .plyr__control svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #1aafff;
  color: #fff;
}

.plyr__control--overlaid {
  background: rgba(26, 175, 255, 0.8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  background: #1aafff;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
  margin-left: 5px;
}

.plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
  margin-left: 2px;
}

.plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
    margin-left: 10px;
  }
}
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px;
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4f5b5f;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(79, 91, 95, 0.8);
  right: 5px;
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}

.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(79, 91, 95, 0.8);
  left: 7px;
}

.plyr__menu__container .plyr__control--back::before {
  background: #b7c5cd;
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #1aafff;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(0, 0, 0, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 28px;
  color: #1aafff;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor, transparent);
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 14px;
  position: relative;
  transition: all 0.2s ease;
  width: 14px;
  -webkit-appearance: none;
  margin-top: -4px;
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 14px;
  position: relative;
  transition: all 0.2s ease;
  width: 14px;
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 3px;
  height: 6px;
}

.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 14px;
  position: relative;
  transition: all 0.2s ease;
  width: 14px;
  margin-top: 0;
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 14px;
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: 10px;
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1);
}

.plyr--video {
  background: #000;
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__progress {
  flex: 1;
  left: 7px;
  margin-right: 14px;
  position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -7px;
  margin-right: -7px;
  width: calc(100% + 14px);
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 6px;
  left: 0;
  margin-top: -3px;
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 6px;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 6px;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(183, 197, 205, 0.66);
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr__volume {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}

@media (min-width: 480px) {
  .plyr__volume {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  .plyr__volume {
    max-width: 110px;
  }
}
.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
  display: none !important;
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-webkit-full-screen .plyr__video-embed {
  overflow: visible;
}

.plyr:-moz-full-screen .plyr__video-embed {
  overflow: visible;
}

.plyr:-ms-fullscreen .plyr__video-embed {
  overflow: visible;
}

.plyr:fullscreen .plyr__video-embed {
  overflow: visible;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-webkit-full-screen .plyr__video-embed {
  overflow: visible;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-moz-full-screen .plyr__video-embed {
  overflow: visible;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-ms-fullscreen .plyr__video-embed {
  overflow: visible;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr--fullscreen-fallback .plyr__video-embed {
  overflow: visible;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads::after {
  background: rgba(47, 52, 61, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}

.plyr__ads:after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 6px;
  left: 0;
  margin: -3px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

#sitemap {
  padding-left: 0;
}

#sitemap ul {
  list-style: none;
  padding: 4px 0 0 0;
  margin-left: 0;
}

#sitemap li {
  padding: 4px 0 4px 30px;
}

#sitemap li:last-child {
  padding-bottom: 0;
}

#sitemap li:before {
  content: none;
}

#sitemap li.z:before {
  content: "" !important;
  position: absolute;
  left: 0;
  top: 4px !important;
  background-color: #e8e8e8 !important;
  text-decoration: none;
  width: 21px !important;
  height: 21px !important;
}

#sitemap, #sitemap ul {
  display: none;
}

#sitemap a {
  color: #333333;
  text-decoration: none;
}

#sitemap a:hover {
  text-decoration: underline !important;
}

#sitemap a.b {
  position: absolute;
  left: 0;
  top: 4px;
  background-color: #0271bb;
  text-decoration: none;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-sitemap-7038a3cebdf4d75090fda589b7fe51033f7a0e8628fa755d2deabf65c3dea5e2.svg);
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

#sitemap a.b.auf {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-sitemap-546fa2f0fa64382910de0a39425b1271b26c8fd1c08daaae8bf6bef4227cd173.svg);
}

#sitemap a.b:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff) !important;
}

/*Tab-box*/
.js .tab-box {
  margin-top: 60px;
  position: relative;
  padding-top: 1px;
  opacity: 0;
}

.js .tab-box .DT {
  border-radius: 3px 3px 0 0;
  background: #fff;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

.js .tab-box .DD {
  overflow: visible !important;
  margin-top: 0px;
  border-radius: 0 3px 3px 3px;
  background: #fff;
  left: 0;
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.js .tab-box .dl {
  margin: 0;
  z-index: 3;
}

.js .tab-box .dt {
  float: left;
  position: relative;
  z-index: 3;
  border: 1px solid #ddd;
  border-bottom: 0;
  margin-left: 6px;
}

.js .tab-box .dt.first {
  margin-left: 0;
}

.js .tab-box .dt.active {
  border-bottom-color: #fff;
  border-bottom-width: 2px;
  z-index: 4;
}

.js .tab-box .dl blockquote {
  padding: 20px 40px;
  border: 1px solid #ddd;
  width: calc(100% - 82px);
}

.js .tab-box .dl blockquote table.matrix2 {
  width: -webkit-calc(100% + 80px);
  width: calc(100% + 80px);
  margin-left: -webkit-calc(0% - 40px);
  margin-left: calc(0% - 40px);
  margin-right: -webkit-calc(0% - 40px);
  margin-right: calc(0% - 40px);
}

.js .tab-box.standard .dt h3 {
  margin: 0;
}

.js .tab-box .dt > * {
  font-size: 17px;
  margin: 0;
  line-height: inherit;
}

.js .tab-box .dt a {
  color: #444;
  border-bottom: 1px solid #ddd;
  line-height: 20px;
  height: 50px;
  padding: 17px 30px 13px 30px;
  outline: 0;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
}

.js .tab-box .dt a:hover {
  text-decoration: none;
  background: #fff;
}

.js .tab-box .dt.active a {
  border-bottom-color: #fff;
  z-index: 1;
  background: #fff;
}

.js .tab-box .dt.active a:hover {
  cursor: default;
}

.js .tab-box .dd {
  position: absolute;
  top: 0px;
  left: 0;
  margin: -1px 0 0 0;
  display: none;
  padding: 0;
  z-index: 3;
  overflow: hidden;
  box-sizing: content-box;
}

.js .tab-box .dd.padding {
  padding: 20px 40px;
}

.js .volle-breite .tab-box .dd.padding {
  padding: 20px 40px;
}

.js .tab-box .dd a {
  text-decoration: underline;
}

.js .tab-box.standard {
  margin-top: 60px;
}

.js .tab-box.standard .dd {
  padding: 20px 40px;
  box-sizing: border-box;
  width: 100%;
}

.js .tab-box.standard .dd.keinpadding {
  padding: 20px 0;
  box-sizing: border-box;
  width: 100%;
}

.js .tab-box.standard .dd .col {
  float: left;
  overflow: hidden;
  margin-top: 0px;
}

.js .tab-box.standard .dd .col > .inhalt:first-child > * {
  margin-top: 0;
}

.js .tab-box.standard .dd .spalte1 {
  width: 18%;
}

.js .tab-box.standard .dd .spalte {
  width: 74%;
  margin-top: -5px;
  margin-left: 4%;
}

.js .tab-box.standard .dd .spalte1 img {
  width: 100%;
}

.js .tab-box.standard .dd .spalte2,
.js .tab-box.standard .dd .spalte3 {
  width: 36.5%;
  margin-left: 4%;
}

.js .tab-box.standard .dd.keinbild .spalte {
  width: 100%;
  margin-left: 0px;
}

.js .tab-box.standard .dd.keinbild .spalte2 {
  width: 50%;
  margin-left: 0px;
}

.js .tab-box.standard .dd.keinbild .spalte3 {
  width: 47%;
  margin-left: 3%;
}

.js .tab-box.standard .dd .titel {
  margin: 0;
  font-size: 12px;
}

.js .tab-box.standard .dd a {
  text-decoration: underline;
}

.js .tab-box.standard .dd ul {
  font-size: 16px;
  list-style-type: none;
  margin: 4px 0 0 0;
}

.js .start .tab-box.standard .dd a {
  color: #c40017;
}

.js .start .tab-box.standard .dd ul {
  padding: 0;
  line-height: 15px;
}

.js .start .tab-box.standard .dd li {
  margin: 0 0 2px 0;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/dart-round-gr-78549b670ce654da7f136353b01e5e67fe42696774bd171d71a47dc1e0a18f96.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 15px;
}

.m .tab-box .dt a {
  padding: 15px 20px;
}

.s .tab-box {
  margin: 44px 20px 0 20px !important;
  padding: 0 !important;
}

.s .tab-box .DD,
.s .tab-box .DT {
  display: none;
}

.s .tab-box .dl {
  padding-bottom: 0 !important;
}

.s.js .tab-box .dl blockquote {
  border: 0;
  padding: 0 20px;
  margin-top: 15px;
  width: 100%;
}

.s .tab-box .dd {
  padding-left: 14px;
  padding-right: 14px;
  position: relative;
  clear: left;
  top: 0 !important;
}

.s .tab-box .dt > * {
  font-size: 13px;
}

.s .tab-box .dt {
  margin-left: 0;
  margin-top: 12px;
  padding: 0;
  position: relative;
  display: block;
  width: 100% !important;
  border: 0;
  background-color: #fff;
}

.s .tab-box .dt a {
  background-color: transparent;
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 18px 18px 54px;
  color: #4e4e4e;
  text-decoration: none;
  height: auto;
  border: 0;
}

.s .tab-box .dt a {
  background-color: #f3f3f3;
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 18px 18px 54px;
  color: #4e4e4e;
  text-decoration: none;
  font-size: 18px;
  font-family: TheSansUHHBold;
  font-weight: normal;
}

.s .tab-box .dt a:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  left: 18px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-blau-57ad1feba67ee31c9c2ac249b7d253132a0c2040f55922f67d3ea474dab450b0.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.s .tab-box .dt.active a:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg);
}

.s .tab-box .dt a:hover, .s .tab-box .dt a:focus {
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb !important;
  text-decoration: none;
}

.s .tab-box .dt a:hover:after, .s .tab-box .dt a:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/plus-weiss-bb12d2d88a61325c39b3379c8e7979fee4f9f6d2030cc8087d0767b29056dd55.svg);
}

.s .tab-box .dt.active a:hover:after, .s .tab-box .dt.active a:focus:after {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/minus-weiss-17624fc4ad85153f6491d14c73afc76c8d3966765ff1ef19426a9d8eeff5bf6e.svg);
}

.s .tab-box .dt.active a {
  background-color: #0271bb;
  color: var(--UHHfff-hellgrau);
}

.s .tab-box blockquote .inhalt {
  margin-top: 15px;
}

ul.uhhsearch {
  overflow: visible;
  padding-left: 0px;
  height: 42px;
  list-style-type: none;
}

ul.uhhsearch > li {
  float: left;
  border: 1px solid var(--UHH0271bb-fff);
  margin-left: 6px;
}

ul.uhhsearch > li:first-child {
  margin-left: 0;
}

ul.uhhsearch > li > a {
  background: #fff;
  font-family: TheSansUHHBold, sans-serif;
  font-size: 16px;
  padding: 0px 40px;
  height: 40px;
  line-height: 40px;
  color: #4e4e4e;
  display: block;
  text-decoration: none !important;
}

ul.uhhsearch > li.active > a {
  background: #0271bb;
  color: #fff;
}

ul.uhhsearch > li > a:hover,
ul.uhhsearch > li > a:focus {
  text-decoration: none;
}

.fakultaet #cse {
  width: auto !important;
}

#cse * {
  font-family: TheSansUHH, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

#cse b, #cse b {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

#cse td {
  border: 0;
  padding: 0;
}

.gsc-result-info {
  color: #4e4e4e !important;
}

.gs-result .gs-title {
  overflow: visible !important;
  min-height: 23px !important;
}

.gs-result .gs-title * {
  font-family: TheSansUHHBold, sans-serif !important;
  font-weight: normal;
  color: #C40017 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}

.gs-result .gs-title:hover * {
  color: #c40017 !important;
  font-size: 16px !important;
  text-decoration: underline !important;
}

.gsc-above-wrapper-area {
  display: block !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 !important;
  width: auto;
}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
  color: #4e4e4e !important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  color: #4e4e4e !important;
}

.cse input.gsc-search-button, input.gsc-search-button, .cse .gsc-search-button-v2 {
  background-color: #0271bb !important;
  font-size: 20px;
  font-family: TheSansUHHSemiLightCaps !important;
  border: 0 !important;
  border-radius: 0;
  color: #fff !important;
  height: 60px !important;
  min-width: 140px !important;
  padding: 4px 21px !important;
  text-align: center;
  font-size: 22px !important;
  font-weight: normal !important;
}

.cse .gsc-search-button-v2 * {
  display: none;
}

.cse .gsc-input:focus,
.cse .gsc-search-button-v2:focus {
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff) !important;
}

html[lang=en] .cse .gsc-search-button-v2:before {
  content: "Search";
}

html[lang=de] .cse .gsc-search-button-v2:before {
  content: "Suchen";
}

td .gsc-clear-button {
  display: none;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: black;
}

.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic {
  padding: 0 !important;
  margin-bottom: 1.75em !important;
}

.gsc-result-info {
  padding-left: 0px !important;
}

.gsc-results .gsc-cursor-box {
  margin-top: 60px;
}

.gsc-resultsbox-visible {
  margin-top: -30px;
}

.gcsc-branding {
  margin-top: -33px;
  float: right;
  width: 60%;
}

.s .gcsc-branding {
  margin-top: 0px;
}

td.gsc-clear-button {
  padding-top: 4px !important;
}

.gsc-above-wrapper-area {
  border-bottom: 0 !important;
}

td.gsc-input div.gsc-input-box {
  height: auto;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

td.gsc-input div.gsc-input-box > table {
  margin-top: 0 !important;
}

td.gsc-input div.gsc-input-box > table td:last-child {
  display: none;
}

input.gsc-input {
  width: 99% !important;
  border: 1px solid var(--UHH0271bb-fff) !important;
  line-height: 60px;
  height: 60px !important;
  padding: 0 20px !important;
  background-color: #faf9f9;
  box-shadow: none !important;
  outline: none !important;
  background-position: 20px center !important;
}

.gsc-tabHeader.gsc-inline-block {
  min-width: 140px;
  text-align: center;
}

.gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
  border-top-color: #c40017;
}

.gsc-tabsArea > div > .gsc-tabHeader.gsc-inline-block {
  font-size: 0px !important;
}

html[lang=de] .gsc-tabsArea > div > .gsc-tabHeader.gsc-inline-block:after {
  font-size: 12px;
  content: "alle UHH-Webseiten";
}

html[lang=de] .gs-spacer + .gsc-tabHeader.gsc-inline-block:after {
  font-size: 12px;
  content: "lokale Suche auf dieser Site" !important;
}

html[lang=en] .gsc-tabsArea > div > .gsc-tabHeader.gsc-inline-block:after {
  font-size: 12px;
  content: "all UHH web pages";
}

html[lang=en] .gs-spacer + .gsc-tabHeader.gsc-inline-block:after {
  font-size: 12px;
  content: "local site search" !important;
}

.gsc-wrapper {
  margin-top: 20px;
}

.gs-webResult > * {
  padding: 0 !important;
  margin: 0 !important;
}

.gs-webResult .autoscaleprobe {
  display: none;
}

.peoplesearch_chem th {
  text-align: left;
}

.peoplesearch_chem .mitarbeiterinnen .liste table tr:first-child td {
  border-width: 0px 0 1px 0;
}

#chempeople input[type=text] {
  width: calc(100% - 155px);
  border: 1px solid var(--UHH0271bb-fff) !important;
  line-height: 60px;
  height: 60px !important;
  text-indent: 20px;
  font-family: TheSansUHH, sans-serif;
  font-size: 16px;
  text-decoration: none;
  padding: 0px;
  vertical-align: top;
}

#chempeople button {
  background-color: #0271bb;
  font-family: TheSansUHHSemiLightCaps !important;
  border: 0 !important;
  border-radius: 0;
  color: #fff !important;
  height: 60px !important;
  min-width: 140px !important;
  padding: 4px 21px !important;
  text-align: center;
  font-size: 22px !important;
  font-weight: normal !important;
  margin-left: 14px;
}

.spalte.links table.gsc-search-box {
  margin-top: 0px;
}

ul.uhhsearch > li > a[aria-controls=search_personal] {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/icon-lock-grau-7eb5a2c953f8ce734121eda3aeb9e73446b0e86b3eb9c8f4558b4eba7c3a3824.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  padding-right: 55px;
  background-size: 24px;
}

ul.uhhsearch > li.active > a[aria-controls=search_personal] {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/icon-lock-638c6af5da06bcda9bac5223e7fa7e7f8810f013a7311e6df47e8b75c20c1933.svg);
}

.cse .gsc-control-cse {
  border: none !important;
}

.cse input.gsc-input {
  width: 100% !important;
}

.s .cse td.gsc-input {
  width: calc(100% - 60px) !important;
  display: table-cell !important;
}

.cse button.gsc-search-button-v2 {
  background-size: 60px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/lupe-05754435e3652662af01a935cb7f3906281336531c1509a8ea24d8250c16b70f.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 60px !important;
  padding: 0 !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  margin-left: 0 !important;
}

.s .cse td.gsc-search-button {
  width: 60px !important;
  margin-left: 0 !important;
  display: table-cell !important;
}

.cse button.gsc-search-button-v2:before {
  content: "" !important;
}

.cse button.gsc-search-button-v2 svg {
  display: none;
}

.search_personal {
  display: none;
}

#cse {
  max-width: 733px;
}

.search_personal form {
  max-width: 733px;
}

.search_personal form:after {
  content: "";
  display: table;
  width: 100%;
}

.search_personal input {
  height: 60px;
  float: left;
}

.search_personal input[type=text] {
  width: calc(100% - 60px);
  border: 1px solid rgb(2, 113, 187);
  line-height: 60px;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  background-position: 20px center;
}

.search_personal input[type=text]:focus {
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff) !important;
}

.s .search_personal input[type=text] {
  width: calc(100% - 60px);
  margin: 0;
}

.search_personal input[type=button] {
  background-color: var(--UHH0271bb-fff);
  border: 0;
  width: 60px;
  padding: 0;
  text-align: center;
}

.search_personal input[type=button]:focus {
  outline: 1px dotted #fff;
  outline-offset: -2px;
}

.search_personal .persons {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  max-width: 990px;
}

.search_personal .persons .person {
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 30px 0 15px 0;
  overflow: hidden;
  max-width: none;
}

.s .search_personal .persons .person {
  padding: 30px 0 30px 0;
}

.search_personal .persons .person > * {
  float: left;
  width: calc(33.333% - 10px);
}

.search_personal .persons .person > *:nth-child(2) {
  margin-left: 15px;
  margin-top: 0;
}

.search_personal .persons .person > *:nth-child(3) {
  margin-left: 15px;
  margin-top: 0;
}

.search_personal .persons .person > *:last-child {
  float: right;
  clear: left;
  width: calc(33.333% - 10px);
  max-width: none;
  margin-top: 10px;
  transform: translateX(-16px);
  overflow: hidden;
  padding-left: 16px;
}

.search_personal .persons .person > *:last-child span {
  position: absolute;
  left: -5px;
}

.s .search_personal .persons .person > * {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px;
}

.search_personal .persons .person h2 {
  margin: 0;
  font-size: 16px;
}

.search_personal .persons .person p {
  margin: 0;
}

.search_personal .persons .person a {
  text-decoration: underline;
}

.search_personal .persons .person a:hover {
  text-decoration: none;
}

.search_personal .persons .person dd {
  margin: 0;
}

.search_personal .persons .person dd + dt {
  margin-top: 10px;
}

.search_personal .tooltipbutton {
  position: absolute;
  top: 18px;
  margin-left: 27px;
}

/* html:not(.l) .search_personal .tooltipbutton{  position: relative;  top: 18px;  margin-left: 27px;} */
#organigramm {
  position: relative;
  width: 100%;
  min-width: 630px;
  min-height: 800px;
}

html[lang=en] #organigramm {
  min-height: 850px;
}

.praesidium {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  border: 1px solid #999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.organigramm {
  width: 100%;
  position: relative;
  line-height: 1em;
  height: 570px;
}

.organigramm strong {
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

.organigramm, .organigramm ul {
  margin: 0;
  padding: 0 !important;
  list-style-type: none;
}

.organigramm a {
  box-sizing: border-box;
}

.organigramm li {
  max-width: none !important;
}

.organigramm a > div {
  line-height: 1em;
}

.o-I a, .o-II a, .o-III a, .o-ref a, .o-stab a {
  display: block;
  color: rgb(78, 78, 78) !important;
  height: 100%;
}

.o-I a:hover, .o-II a:hover, .o-III a:hover {
  text-decoration: none;
  outline: none;
}

.o-I a:focus, .o-II a:focus, .o-III a:focus {
  text-decoration: none;
  outline: none;
}

.o-ref a:focus, .o-ref a:hover {
  text-decoration: none;
  outline: none;
}

.o-stab, .o-box, .o-abt .o-abt ul li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
}

.o-I {
  top: 0;
  left: 0;
  width: 100%;
  line-height: 30px;
  height: 32px;
  position: absolute;
  text-align: left;
  text-indent: 18px;
}

html[lang=en] .o-I {
  text-indent: 22px;
}

.o-II {
  top: 45px;
  width: 23.5%;
  line-height: 40px;
  height: 42px;
  position: absolute;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
}

.o-vp1 .o-II {
  left: 0;
}

.o-vp2 .o-II {
  left: 25.5%;
}

.o-vp3 .o-II {
  left: 51%;
}

.o-k .o-II {
  left: 76.5%;
}

.o-p .o-I a, .o-p .o-III a, .o-p .o-ref a {
  border: 1px solid #e19c99;
}

.o-vp1 .o-II a, .o-vp1 .o-III a, .o-vp1 .o-ref a {
  border: 1px solid #cc96ca;
}

.o-vp2 .o-II a, .o-vp2 .o-III a, .o-vp2 .o-ref a {
  border: 1px solid #e2c500;
}

.o-vp3 .o-II a, .o-vp3 .o-III a, .o-vp3 .o-ref a {
  border: 1px solid #7ba482;
}

.o-k .o-II a, .o-k .o-III a, .o-k .o-ref a {
  border: 1px solid #7a91c2;
}

.o-stab.o-p a {
  border: 1px solid #e19c99;
}

.o-stab.o-vp1 a {
  border: 1px solid #cc96ca;
}

.o-stab.o-vp2 a {
  border: 1px solid #e2c500;
}

.o-stab.o-vp3 a {
  border: 1px solid #7ba482;
}

.o-stab.o-k a {
  border: 1px solid #7a91c2;
}

.o-stab.o-vp1.o-k a {
  border: 1px solid #cc96ca;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #7a91c2 inset;
}

.o-stab.o-p.o-k a {
  border: 1px solid #e19c99;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #7a91c2 inset;
}

.organigramm > li > div.o-box a {
  border-width: 0;
  padding: 1px;
}

.organigramm > li > div.o-box a:hover, .organigramm > li > div.o-box a:focus {
  border-width: 1px;
  padding: 0;
  text-decoration: none !important;
}

.organigramm > li.o-p > div.o-box a:hover, .organigramm > li.o-p > div.o-box a:focus, .organigramm > li.o-p .o-abt .o-box a:hover, .organigramm > li.o-p .o-abt .o-box a:focus, .organigramm > li.o-p .o-ref a:hover, .organigramm > li.o-p .o-ref a:focus, .organigramm > li.o-p .o-stab a:hover, .organigramm > li.o-p .o-stab a:focus {
  background-color: rgba(225, 156, 153, 0.15);
}

.organigramm > li.o-vp1 > div.o-box a:hover, .organigramm > li.o-vp1 > div.o-box a:focus, .organigramm > li.o-vp1 .o-abt .o-box a:hover, .organigramm > li.o-vp1 .o-abt .o-box a:focus, .organigramm > li.o-vp1 .o-ref a:hover, .organigramm > li.o-vp1 .o-ref a:focus, .organigramm > li.o-vp1 .o-stab a:hover, .organigramm > li.o-vp1 .o-stab a:focus {
  background-color: rgba(204, 150, 202, 0.15);
}

.organigramm > li.o-vp2 > div.o-box a:hover, .organigramm > li.o-vp2 > div.o-box a:focus, .organigramm > li.o-vp2 .o-abt .o-box a:hover, .organigramm > li.o-vp2 .o-abt .o-box a:focus, .organigramm > li.o-vp2 .o-ref a:hover, .organigramm > li.o-vp2 .o-ref a:focus, .organigramm > li.o-vp2 .o-stab a:hover, .organigramm > li.o-vp2 .o-stab a:focus {
  background-color: rgba(226, 197, 0, 0.15);
}

.organigramm > li.o-vp3 > div.o-box a:hover, .organigramm > li.o-vp3 > div.o-box a:focus, .organigramm > li.o-vp3 .o-abt .o-box a:hover, .organigramm > li.o-vp3 .o-abt .o-box a:focus, .organigramm > li.o-vp3 .o-ref a:hover, .organigramm > li.o-vp3 .o-ref a:focus, .organigramm > li.o-vp3 .o-stab a:hover, .organigramm > li.o-vp3 .o-stab a:focus {
  background-color: rgba(123, 164, 130, 0.15);
}

.organigramm > li.o-k > div.o-box a:hover, .organigramm > li.o-k > div.o-box a:focus, .organigramm > li.o-k .o-abt .o-box a:hover, .organigramm > li.o-k .o-abt .o-box a:focus, .organigramm > li.o-k .o-ref a:hover, .organigramm > li.o-k .o-ref a:focus, .organigramm > li.o-k .o-stab a:hover, .organigramm > li.o-k .o-stab a:focus {
  background-color: rgba(122, 145, 194, 0.15);
}

.organigramm a:hover {
  text-decoration: none !important;
}

.organigramm a:focus {
  text-decoration: none !important;
}

.o-I, .o-II {
  line-height: 30px;
  height: auto;
}

.o-I {
  width: 23.5%;
}

.organigramm > li.o-p > div.o-box {
  margin: 4px 0 0 4px;
}

.organigramm > li.o-vp1 > div.o-box {
  margin: -1px 0 0 4px;
}

.organigramm > li.o-vp2 > div.o-box {
  margin: -1px 0 0 2px;
}

.organigramm > li.o-vp3 > div.o-box {
  margin: -1px 0 0 -2px;
}

.organigramm > li.o-k > div.o-box {
  margin: -1px 0 0 -4px;
}

.organigramm > li:hover .o-stab, .organigramm > li:focus .o-stab {
  z-index: 1;
}

.o-abt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute !important;
  top: 93px;
}

.o-stab {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute !important;
  top: 93px;
}

.stab .o-abt {
  top: 173px;
}

.stab .o-stab {
  top: 93px;
}

.a9 .o-abt, .a9 .o-stab {
  width: 10.66666%;
}

.a9 .o-abt.o-1, .a9 .o-stab.o-1 {
  left: 0%;
}

.a9 .o-abt.o-2, .a9 .o-stab.o-2 {
  left: 10.666%;
  margin-left: 0.5%;
}

.a9 .o-abt.o-3, .a9 .o-stab.o-3 {
  left: 21.3332%;
  margin-left: 1%;
}

.a9 .o-abt.o-4, .a9 .o-stab.o-4 {
  left: 31.9998%;
  margin-left: 1.5%;
}

.a9 .o-abt.o-5, .a9 .o-stab.o-5 {
  left: 42.6664%;
  margin-left: 2%;
}

.a9 .o-abt.o-6, .a9 .o-stab.o-6 {
  left: 53.333%;
  margin-left: 2.5%;
}

.a9 .o-abt.o-7, .a9 .o-stab.o-7 {
  left: 63.9996%;
  margin-left: 3%;
}

.a9 .o-abt.o-8, .a9 .o-stab.o-8 {
  left: 74.6662%;
  margin-left: 3.5%;
}

.a9 .o-abt.o-9, .a9 .o-stab.o-9 {
  left: 85.3328%;
  margin-left: 4%;
}

.a8 .o-abt, .a8 .o-stab {
  width: 12.055%;
}

.a8 .o-abt.o-1, .a8 .o-stab.o-1 {
  left: 0%;
}

.a8 .o-abt.o-2, .a8 .o-stab.o-2 {
  left: 12.055%;
  margin-left: 0.5%;
}

.a8 .o-abt.o-3, .a8 .o-stab.o-3 {
  left: 24.11%;
  margin-left: 1%;
}

.a8 .o-abt.o-4, .a8 .o-stab.o-4 {
  left: 36.165%;
  margin-left: 1.5%;
}

.a8 .o-abt.o-5, .a8 .o-stab.o-5 {
  left: 48.22%;
  margin-left: 2%;
}

.a8 .o-abt.o-6, .a8 .o-stab.o-6 {
  left: 60.275%;
  margin-left: 2.5%;
}

.a8 .o-abt.o-7, .a8 .o-stab.o-7 {
  left: 72.33%;
  margin-left: 3%;
}

.a8 .o-abt.o-8, .a8 .o-stab.o-8 {
  left: 84.385%;
  margin-left: 3.5%;
}

.a8 .o-abt.o-9, .a8 .o-stab.o-9 {
  left: 96.44%;
  margin-left: 4%;
}

.o-III, .o-s {
  height: 74px;
  overflow: hidden;
}

.o-III a, .o-s a {
  padding: 5px 1px;
}

.o-III strong, .o-s strong {
  font-size: 10px;
}

.o-III div, .o-s div {
  font-size: 9px;
  margin-top: 3px;
}

.o-abt .o-ref {
  background-color: #fff;
  margin-top: 2px;
  text-align: center;
  overflow: hidden;
  height: 68px;
}

.o-abt ul {
  margin-top: 10px;
}

.o-ref strong {
  font-size: 10px;
}

.o-ref a {
  padding: 5px 0px;
}

.o-ref div {
  font-size: 9px;
  margin-top: 3px;
}

.o-ref.o-2 {
  height: 75px;
}

html[lang=en] .o-ref.o-2 {
  height: 88px;
}

.o-ref.o-3 {
  height: 100px;
}

html[lang=en] .o-ref.o-3 {
  height: 91px;
}

.o-ref.o-4 {
  height: 85px;
}

html[lang=en] .o-ref.o-4 {
  height: 87px;
}

.o-ref.o-5 {
  height: 75px;
}

html[lang=en] .o-ref.o-5 {
  height: 87px;
}

.plyr {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.plyr > .plyr__video-wrapper {
  height: 100%;
  background: none;
  background-color: #ccc;
}

.plyr *:focus {
  outline: none;
}

.plyr__poster {
  background-size: cover !important;
}

.video.youtube.manuell {
  position: relative;
}

.video.youtube:before {
  content: "";
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  margin: -20px 0 0 -25px;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 40px;
  z-index: 1;
}

.video.youtube:after {
  content: "";
  position: absolute;
  margin: -11px 0 0 -6px;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 16px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
  z-index: 2;
}

.video.youtube:hover:before {
  background-color: #d00;
}

.video.youtube:hover:after {
  border-color: transparent transparent transparent #fff;
}

.video.youtube.on:before,
.video.youtube.on:after {
  display: none;
}

.video.youtube > img {
  transition: opacity 1s;
  opacity: 1;
}

.video.youtube.on > img {
  opacity: 0;
}

.video.youtube > iframe {
  transition: opacity 0.1s;
  opacity: 0;
}

.video.youtube.manuell > iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

.video.youtube.on > iframe {
  opacity: 1;
}

.video.youtube .videohinweis a {
  text-decoration: underline;
}

.video.youtube {
  position: relative;
}

.video.youtube img {
  width: 100%;
}

.video.youtube .videohinweis {
  z-index: 3;
  color: var(--UHH4e4e4e-fff) !important;
  background: #fff;
  display: none;
  position: absolute;
  top: 3.5%;
  left: 2%;
  right: 2%;
  bottom: 3.5%;
}

.video.youtube .videohinweis p {
  max-width: none;
}

.m .video.youtube .videohinweis {
  font-size: 3vw;
  line-height: 3.6vw;
}

.outer .standard > .video.youtube {
  position: relative;
}

.outer .standard > .video.youtube img {
  width: 100%;
}

.outer .standard > .video.youtube .videohinweis {
  z-index: 3;
  color: var(--UHH4e4e4e-fff) !important;
  background: #fff;
  display: none;
  position: absolute;
  top: 3.5%;
  left: 2%;
  right: 2%;
  bottom: 3.5%;
}

.outer .standard > .video.youtube .videohinweis p {
  max-width: none;
}

/*V4 video Teaser*/
.video-teaser {
  margin-top: 68px;
  margin-bottom: 68px;
  padding-top: 68px;
  padding-bottom: 130px;
}

body:not(.volle-breite) .video-teaser {
  padding-left: 20px;
  padding-right: 20px;
}

.outer.grau + .outer > .video-teaser {
  margin-top: 0;
}

.outer.dunkelgrau + .outer > .video-teaser {
  margin-top: 0;
}

.video-teaser h2 {
  float: left;
  width: 34.5%;
  margin: 0 0 60px 0;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 32px;
  color: #fff;
  line-height: 1em;
}

.video-teaser a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.video-teaser .head a.rss:hover {
  outline: none;
}

.video-teaser .head a.rss:focus {
  outline: 1px dotted #4e4e4e;
}

.video-teaser a.rss img {
  width: 100%;
}

.video-teaser .links {
  clear: left;
  float: left;
  width: 34.5%;
}

.video-teaser .links .more a {
  color: #fff;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
  position: relative;
  padding-right: 16px;
}

.video-teaser .links .more a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  height: 8px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 8px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/Pfeil_link_weiss-da910d9b8bc38d5ee9aeebcdd29c7d695c032526abc76816e6cb5fbf2631a162.svg);
}

.video-teaser .links .more a:hover {
  text-decoration: underline !important;
}

.video-teaser .links .more a:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;
}

.video-teaser .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 25px 0 13px 0;
  color: #fff;
}

.video-teaser .inhalt {
  height: 250px;
  color: #fff;
  padding-top: 16px;
}

.video-teaser .inhalt > *:first-child {
  margin-top: 0;
}

.video-teaser .inhalt > *:last-child {
  margin-bottom: 0;
}

.video-teaser > div.more {
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

.video-teaser > div.more a {
  color: #fff;
  position: relative;
  line-height: 1.4em;
  padding-left: 12px;
}

.video-teaser > div.more a:hover,
.video-teaser > div.more a:focus {
  text-decoration: underline;
  outline: none;
}

.video-teaser > div.more a:before {
  content: ">";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}

.video-teaser .item div.more a {
  color: #fff;
  position: relative;
  line-height: 1.4em;
  margin-top: 16px;
  display: block;
}

.video-teaser .item div.more a:hover,
.video-teaser .item div.more a:focus {
  text-decoration: underline;
}

.video-teaser .item div.more a:after {
  content: " >";
  color: #c40017;
}

.video-teaser .video {
  float: right;
  width: 61.8%;
  position: relative;
}

.video-teaser .video.lecture2go .image {
  width: 100%;
  position: relative;
  padding-top: 56.6037735849%;
}

.video-teaser .video.lecture2go img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.video-teaser .video.lecture2go .image video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.video-teaser .video.lecture2go .pad {
  width: 100%;
  position: absolute;
  top: 0;
  padding-top: 56.25%;
}

.video-teaser .video.lecture2go .pad iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.video-teaser .video.youtube {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.video-teaser .video.youtube img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.video-teaser .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.s .video-teaser {
  display: flex;
  flex-direction: column;
}

.s .video-teaser h2 + .links {
  order: 2;
}

.s .video-teaser .links + .video {
  order: 1;
}

.s .video-teaser .video.lecture2go .pad {
  position: relative;
}

html:not(.s) .video-teaser {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

html:not(.s) .video-teaser > * {
  float: none;
}

html:not(.s) .video-teaser h2 + .links {
  order: 2;
}

html:not(.s) .video-teaser .links + .video {
  order: 1;
}

html:not(.s) .video-teaser .links + .video > .image,
html:not(.s) .video-teaser .links + .video > .video {
  position: absolute;
}

/*V4 video Teaser News*/
.video-teasernews {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 130px;
  color: #fff;
}

.volle-breite .video-teasernews {
  margin-top: 96px;
}

body:not(.volle-breite) .video-teasernews {
  padding-left: 20px;
  padding-right: 20px;
}

.video-teasernews h2 {
  float: left;
  font-family: TheSansUHHRegularCaps, sans-serif;
  font-size: 34px;
  line-height: 1em;
  margin: -4px 0 0 0;
  line-height: 1em;
}

.video-teasernews .head {
  margin-bottom: 60px;
}

.video-teasernews .head:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.video-teasernews .head a.rss {
  margin-left: 33px;
  width: 18px;
  display: inline-block;
}

.video-teasernews .head a.rss:hover {
  outline: none;
}

.video-teasernews .head a.rss:focus {
  outline: 1px dotted #4e4e4e;
}

.video-teasernews .head a.rss img {
  width: 100%;
}

.video-teasernews div.more {
  float: left;
  font-family: TheSansUHHBoldCaps, sans-serif;
  font-size: 16px;
}

.video-teasernews .head .more {
  float: right;
}

.video-teasernews div.more a {
  color: #fff;
  position: relative;
  line-height: 1.4em;
  padding-left: 12px;
}

.video-teasernews div.more a:hover {
  text-decoration: underline !important;
}

.video-teasernews div.more a:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;
}

.video-teasernews .head .more a {
  margin-left: 16px;
}

.video-teasernews div.more a:hover,
.video-teasernews div.more a:focus {
  text-decoration: underline;
  outline: none;
}

.video-teasernews div.more a:before {
  content: ">";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}

.video-teasernews a.more {
  color: #fff;
  position: relative;
  line-height: 1.4em;
  margin-top: 16px;
  display: block;
}

.video-teasernews a.more:hover,
.video-teasernews a.more:focus {
  text-decoration: underline;
}

.video-teasernews a.more:after {
  content: ">";
  margin-left: 4px;
  color: #c40017;
}

.video-teasernews .tablecell.left {
  width: 60%;
  max-width: 733px;
}

.video-teasernews .tablecell.sep {
  width: 3.6%;
}

.video-teasernews .tablecell.right {
  width: 36.4%;
  position: relative;
}

.video-teasernews .tablecell .views {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 20px;
  margin-top: 20px;
  position: relative;
  padding-left: 44px;
}

.video-teasernews .tablecell .views:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 1px;
  width: 33px;
  height: 20px;
  color: #fff;
  background-image: url(https://assets.rrz.uni-hamburg.de/Auge.svg);
}

.video-teasernews .tablecell .image a {
  display: block;
}

.video-teasernews .tablecell .image a:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;
}

.video-teasernews .tablecell .image img {
  width: 100%;
}

.video-teasernews .tablecell .image .container {
  position: relative;
}

.video-teasernews .tablecell .video {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

.video-teasernews .tablecell video {
  width: 100%;
}

.video-teasernews .video.lecture2go img,
.video-teasernews .video.lecture2go video,
.video-teasernews .video.lecture2go iframe,
.video-teasernews .video.youtube img,
.video-teasernews .video.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.video-teasernews .tablecell.left .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  margin: 28px 0 18px 0;
  line-height: 30px;
}

.video-teasernews .tablecell.right .titel {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.video-teasernews .tablecell.right ul {
  padding: 0;
  margin: 0;
}

.video-teasernews .tablecell.right ul li {
  display: block;
  margin-bottom: 44px;
}

.video-teasernews .tablecell.right ul li a {
  color: #fff;
}

.video-teasernews .tablecell.right ul li a:hover .titel {
  text-decoration: underline;
}

.video-teasernews .tablecell.right ul li a:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 5px 1px #fff;
}

.video-teasernews .tablecell.right ul li .tablecell.image {
  width: 35%;
}

.video-teasernews .tablecell.right ul li .tablecell.sep {
  width: 6.5%;
}

.video-teasernews .tablecell.right ul li .tablecell.text {
  width: 58.5%;
}

/******************** Unitag ********************/
#unitag select {
  padding-left: 20px;
  border: 0;
  background: #f3f3f3;
  height: 30px;
  display: block;
  width: 58%;
  font-size: 16px;
  font-family: TheSansUHH;
  margin-bottom: 20px;
}

.m #unitag select {
  width: 100%;
}

.s #unitag select {
  width: 100%;
}

#unitag option {
  background: #f3f3f3;
  height: 32px;
  line-height: 32px;
  display: block;
  font-family: TheSansUHH, sans-serif;
}

.m #unitag option {
  width: 100%;
}

.s #unitag option {
  width: 100%;
}

#unitagsuche {
  border: 0;
  background: #f3f3f3;
  height: 32px;
  min-width: 55%;
  font-family: TheSansUHHBold, sans-serif;
  margin-bottom: 20px;
}

.m #unitagsuche {
  width: 89%;
}

.s #unitagsuche {
  width: 84%;
}

#unitag h2 {
  font-size: 12px;
}

#unitag button {
  height: 32px;
  font-family: TheSansUHHBold, sans-serif;
}

#unitagveranstaltungen {
  border: 0 !important;
  margin-top: 40px;
}

#unitagveranstaltungen th {
  background: #f3f3f3;
  line-height: 24px;
}

#unitagveranstaltungen th, .v3 #unitagveranstaltungen td {
  border-width: 0 0 1px 0;
}

#unitagveranstaltungen th {
  border-left: 1px solid #fff;
}

#unitagveranstaltungen td .titel {
  font-family: TheSansUHHBold, sans-serif;
}

#unitagveranstaltungen td.zeiten div {
  font-family: TheSansUHHBold, sans-serif;
  text-align: center;
}

#unitagveranstaltungen td.unitagauswahl {
  display: none;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: 18px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/unitag-auswahl-grau-26b5c51c293d37dbe659d2f9552e28799dce2c21039a6aeff9f29fe4bb8430a5.svg);
}

#unitagveranstaltungen .selected td.unitagauswahl {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/unitag-auswahl-grau-26b5c51c293d37dbe659d2f9552e28799dce2c21039a6aeff9f29fe4bb8430a5.svg);
}

#unitag #toggleSelectedButton {
  border: 0;
  width: 189px;
  height: 33px;
  cursor: pointer;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/StudienplanAnzeigen-7d93600575aaaa65ec138488d97f4db53d1fc050d4fbf6e5f7fc89acf35ef038.png);
}

#unitag #toggleSelectedButton.enabled {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/AlleVeranstaltungen-347723694a982466762fb08d7976ed159ee63566aa4ca30a89116fd8023aeec7.png);
}

#unitagveranstaltungen td.ort a {
  line-height: 20px;
  padding-right: 22px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px 20px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/mapPin-6f53dcbbbd5f7eb13d9bf72cdc432820a12890ff2db33c4e4516c2700f1519c4.png);
}

#unitagveranstaltungen .unitagauswahl {
  display: none;
}

#unitagveranstaltungen.login .unitagauswahl {
  display: table-cell;
}

#unitagveranstaltungen .abteilung {
  display: none;
}

#Veranstalter1 {
  padding-left: 0;
  margin-top: 0;
}

#Veranstalter1 li:before {
  content: "" !important;
  background: none;
}

.l #unitag p {
  width: 60%;
}

.unitaglogin {
  display: none;
  width: 100% !important;
}

.unitaglogin .titel {
  border-bottom: 0 !important;
}

.unitaglogin .redButton {
  cursor: pointer;
}

.unitaglogout {
  background-color: #f7f7f7;
  padding: 12px 15px 12px 13px;
  display: none;
  width: 100% !important;
}

.s .unitaglogout {
  background-color: #fff;
  border: none !important;
}

.s .unitaglogin input {
  font-size: 15.5px;
}

.unitaglogout .redButton {
  font-size: 10px;
  cursor: pointer;
}

.unitaglogout span {
  text-transform: uppercase;
  float: left;
  margin-top: 4px;
}

.spalte.rechts .formular input {
  border: 1px solid #efefef;
  margin-bottom: 6px;
  height: 28px;
  width: 99%;
}

ul.share-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

ul.share-menu li {
  flex: 1 0 auto;
  margin-right: 1.8%;
}

ul.share-menu li:last-child {
  margin-right: 0;
}

ul.share-menu li:before {
  content: none !important;
}

ul.share-menu a {
  background-repeat: no-repeat;
  background-position: 10px 8px;
  font-size: 13px;
  padding-left: 38px;
  color: #fff;
  position: relative;
  display: block;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  text-decoration: none;
}

ul.share-menu a:hover, ul.share-menu a:focus {
  text-decoration: underline;
  outline: none !important;
}

ul.share-menu .facebook a {
  background-color: #3b5998;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.688%203.375h2.813v-3.375h-2.813c-2.171%200-3.938%201.766-3.938%203.938v1.688h-2.25v3.375h2.25v9h3.375v-9h2.813l0.563-3.375h-3.375v-1.688c0-0.305%200.258-0.563%200.563-0.563z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}

ul.share-menu .facebook a:hover, ul.share-menu .facebook a:focus {
  background-color: #4273c8;
}

ul.share-menu .twitter a {
  background-color: #1d9bf0;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%203.98c-0.661%200.295-1.375%200.492-2.12%200.58%200.763-0.457%201.346-1.181%201.624-2.043-0.714%200.422-1.505%200.731-2.345%200.896-0.675-0.717-1.635-1.164-2.696-1.164-2.039%200-3.691%201.652-3.691%203.691%200%200.288%200.032%200.57%200.095%200.84-3.069-0.155-5.79-1.624-7.611-3.86-0.316%200.545-0.499%201.181-0.499%201.856%200%201.28%200.65%202.412%201.642%203.073-0.605-0.018-1.174-0.186-1.673-0.461%200%200.014%200%200.032%200%200.046%200%201.789%201.273%203.284%202.964%203.621-0.309%200.084-0.636%200.13-0.974%200.13-0.239%200-0.468-0.025-0.696-0.067%200.471%201.466%201.835%202.535%203.449%202.566-1.266%200.991-2.855%201.582-4.588%201.582-0.299%200-0.591-0.018-0.882-0.053%201.638%201.051%203.579%201.659%205.664%201.659%206.792%200%2010.508-5.629%2010.508-10.508%200-0.162-0.004-0.32-0.011-0.478%200.721-0.517%201.346-1.167%201.842-1.909z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}

ul.share-menu .twitter a:hover, ul.share-menu .twitter a:focus {
  background-color: #46acf0;
}

ul.share-menu .xing a {
  background-color: #126567;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.735%203.554c-0.155%200-0.288%200.056-0.355%200.162-0.067%200.112-0.056%200.253%200.014%200.397l1.754%203.038c0.004%200.007%200.004%200.011%200%200.014l-2.756%204.873c-0.070%200.144-0.067%200.288%200%200.397%200.067%200.105%200.183%200.176%200.337%200.176h2.595c0.387%200%200.577-0.264%200.707-0.503%200%200%202.696-4.771%202.802-4.957-0.011-0.018-1.786-3.111-1.786-3.111-0.13-0.229-0.323-0.485-0.724-0.485h-2.588z%22%3E%3C%2Fpath%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.641%200c-0.387%200-0.555%200.243-0.696%200.496%200%200-5.593%209.918-5.776%2010.245%200.011%200.018%203.688%206.768%203.688%206.768%200.13%200.229%200.327%200.496%200.724%200.496h2.595c0.155%200%200.278-0.060%200.345-0.165%200.070-0.113%200.067-0.257-0.007-0.401l-3.656-6.69c-0.004-0.007-0.004-0.011%200-0.018l5.748-10.164c0.070-0.144%200.074-0.288%200.007-0.401-0.067-0.105-0.19-0.165-0.345-0.165h-2.626z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}

ul.share-menu .xing a:hover, ul.share-menu .xing a:focus {
  background-color: #29888a;
}

ul.share-menu .mail a:hover, ul.share-menu .mail a:focus {
  background-color: rgb(222, 51, 51);
}

@media only screen and (max-width: 370px) {
  ul.share-menu a {
    font-size: 11px;
    padding-left: 35px;
  }
}
.osm-map {
  height: auto !important;
  min-height: 400px;
  margin: 25px 0;
}

.osm-map-container {
  height: 400px;
  background-color: #eee;
  border: 1px solid #ccc;
}

.osm-map.grayscale .leaflet-tile-pane {
  filter: grayscale(1);
}

.osm-map > p {
  font-size: 15px;
  margin-top: 10px;
  visibility: hidden;
}

.osm-map-container + p {
  visibility: visible;
}

.osm-map .leaflet-map-pane {
  height: 100%;
  width: 100%;
}

.osm-map .leaflet-overlay-pane {
  height: 100%;
  width: 100%;
}

.osm-map .D {
  stroke-width: 0;
}

.osm-map svg {
  overflow: visible;
}

.v3 .spalte.links .votebox .query .query {
  background-color: #faf9f9;
}

.v3 .spalte.links .votebox h2 {
  margin: 20px 0;
}

.s .votebox, .s .newvotebox {
  margin: 48px 20px 0 20px;
}

.s .outer.votebox, .v3.s .subsite .spalte.links .box.votebox {
  margin: 48px 20px 0 20px;
}

.s .outer.votebox .topics .topic .vote, .v3.s .subsite .spalte.links .box.votebox .topics .topic .vote {
  margin: 12px 30px 8px 0px;
}

.spalte.links .votebox .menu_container {
  position: relative;
}

.spalte.links .votebox .menu_container button.toggle {
  width: 22px;
  height: 22px;
  border: none;
  background-color: transparent;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-mehr-grau-ab85133760f5c7645bfa8c47adf39f068fe1a83504ed8428014b793989fa9a9b.svg);
  position: absolute;
  right: 0px;
  top: 58px;
}

.spalte.links .votebox .menu_container .menu_overlay.visible {
  display: flex;
}

.spalte.links .votebox .menu_container .menu_overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6666666667);
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle {
  /* display: flex; */
  align-items: center;
  position: absolute;
  top: 19px;
  right: 0;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu {
  position: relative;
  display: inline-block;
  box-shadow: -2px 0px 8px 1px #AAA;
  background: #FFF;
  padding: 0px 18px !important;
  margin-right: 48px;
  border-radius: 4px;
  list-style-type: none;
  top: 5px;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li:before {
  content: none !important;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li {
  margin: 18px 0px;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a {
  color: black;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a:before {
  vertical-align: middle;
  margin-right: 14px;
  content: "";
  background: transparent url(https://assets.rrz.uni-hamburg.de/assets/vote-bearbeiten-36d4b7859d56ad3be0c17072a7e6d7d0ab97e9c861255d270242e7c32d63014e.svg);
  width: 22px;
  height: 22px;
  display: inline-block;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.edit:before {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-bearbeiten-36d4b7859d56ad3be0c17072a7e6d7d0ab97e9c861255d270242e7c32d63014e.svg);
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.delete:before {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-loeschen-448e0bdbb286e1f70d1edfd317bc67e38209d09b38d95837a3a186dbad0648cc.svg);
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.share:before {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-email-975fb2d13e715e9804dd17c8356c52f05e3200b2d7470d623493d70adbc513b4.svg);
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.archive:before {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-archive-1bc27573eab33f2d4f89b2c90766d570e4f81e5d438e68e00f4d541c0a3e0575.svg);
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: -12px;
  top: 18px;
  box-sizing: border-box;
  border: 12px solid black;
  border-color: transparent transparent #fff #fff;
  transform: rotate(225deg);
  box-shadow: -3px 3px 3px 0 #dddddd;
}

.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle button.toggle {
  /* position: static; */
  /* right: auto; */
  /* top: auto; */
  top: 39px;
}

.spalte.links .votebox .query {
  display: flex;
  border: 1px solid #027bcb;
}

.spalte.links .votebox .query .query {
  flex-grow: 1;
  font-size: 14px;
  border: none;
  line-height: 60px;
  background-color: white;
  padding: 0 20px;
}

.spalte.links .votebox .query .action {
  width: 60px;
  background-color: #027bcb;
}

.spalte.links .votebox .topics {
  margin-top: 20px;
}

.spalte.links .votebox .topics .topic .option {
  display: grid;
  grid-template-columns: auto 100px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 22px;
}

.spalte.links .votebox .topics .topic .option .description {
  grid-column: 1/2;
  grid-row: 1/2;
}

.spalte.links .votebox .topics .topic .option .description .head {
  color: unset;
  text-decoration: none;
  font-family: TheSansUHHBold, sans-serif;
  font-weight: normal;
  margin: 20px 0;
  display: block;
}

.spalte.links .votebox .topics .topic .option .description .head h2 {
  display: inline;
}

.spalte.links .votebox .topics .topic .option .description .timestamp p {
  color: #0271bb;
}

.spalte.links .votebox .topics .topic .option .description a.head:hover {
  text-decoration: underline !important;
}

.spalte.links .votebox .topics .topic .option .description .creation {
  color: #027bcb;
}

.spalte.links .votebox .topics .topic .option .vote {
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  flex-direction: column;
  margin: 12px 40px 8px 0px;
}

.spalte.links .votebox .topics .topic .option .vote .count {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 16px;
  margin: 0 16px;
}

.spalte.links .votebox .topics .topic .option .vote button {
  border: none;
  text-align: left;
  min-width: 100px;
  background: none;
  cursor: pointer;
}

.spalte.links .votebox .topics .topic .option .vote button span.thumb {
  width: 35px;
  height: 35px;
  display: inline-block;
  background-color: transparent;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-up-inactive-2e49e7d55ddccbb0a25469d3d49c213a6fa5944423a20ee33cdb277977c8c23c.svg);
}

.spalte.links .votebox .topics .topic .option .vote button * {
  vertical-align: middle;
}

.spalte.links .votebox .topics .topic .option .vote button.downvote span.thumb {
  background-color: transparent;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-down-inactive-709d6a8ad92fa7cfa9ce99b05b25663c60f7cd0b32864263ebab4fdefe0a8471.svg);
}

.spalte.links .votebox .topics .topic .option .vote[data-vote="1"] button.upvote {
  color: #027bcb;
}

.spalte.links .votebox .topics .topic .option .vote[data-vote="1"] button.upvote span.thumb {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-up-active-734a2d8e6a57f825cba38dc5e4ee1f15fe433f95d8c095720f1cb954c20aef9a.svg);
}

.spalte.links .votebox .topics .topic .option .vote[data-vote="-1"] button.downvote {
  color: #027bcb;
}

.spalte.links .votebox .topics .topic .option .vote[data-vote="-1"] button.downvote span.thumb {
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/vote-down-active-266b16eb4a9e29eb4528eae636193da764b6a8d93751bafc1ae04744d20e037d.svg);
}

.spalte.links .votebox .topics .topic .option .peekcomments {
  grid-column: 2/3;
  grid-row: 1/3;
  text-align: right;
  margin-top: 12px;
}

.spalte.links .votebox .topics .topic .option .peekcomments .count {
  color: #027bcb;
  font-family: TheSansUHHBold, sans-serif;
  margin-right: 4px;
}

.spalte.links .votebox .topics .topic .option .peekcomments img {
  width: 25px;
  vertical-align: bottom;
  display: inline;
}

.spalte.links .votebox .topics .topic .comments {
  padding-left: 66px;
}

.spalte.links .votebox .topics .topic .comments .comment:first-child {
  padding-top: 15px;
}

.spalte.links .votebox .topics .topic .comments .comment {
  display: flex;
  padding: 20px 0px;
}

.spalte.links .votebox .topics .topic .comments .comment .avatar {
  border-radius: 100px;
  background-color: #027bcb;
  color: white;
  width: 50px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 20px;
  margin-right: 20px;
  min-width: 50px;
}

.spalte.links .votebox .topics .topic .comments .comment .text {
  flex-grow: 1;
  padding-right: 25px;
}

.spalte.links .votebox .topics .topic .comments .comment .text .head {
  margin: 0px 0px 8px 0px;
}

.spalte.links .votebox .topics .topic .comments .comment .text .head .time {
  font-family: TheSansUHH, sans-serif;
}

.spalte.links .votebox .topics .topic .comments .comment .text form {
  display: none;
}

.spalte.links .votebox .topics .topic .comments .comment.edit .text .content {
  display: none;
}

.spalte.links .votebox .topics .topic .comments .comment.edit .text form {
  display: block;
}

.spalte.links .votebox .topics .topic .comments .input[type=text] {
  border: 1px solid #027bcb;
  padding: 0 20px;
  width: 100%;
  font-family: TheSansUHH, sans-serif;
  line-height: 60px;
}

.spalte.links .votebox .topics .topic .comments button[type=submit] {
  visibility: hidden;
}

.spalte.links .votebox .content a {
  text-decoration: underline;
}

a.uhhactionbutton {
  font-family: TheSansUHHSemiLightCaps, sans-serif;
  display: inline-block;
  background-color: #027bcb;
  color: #fff;
  line-height: 34px;
  height: 36px;
  padding: 0 15px;
}

.votebox.detailview .topics .topic .option {
  border-bottom: none;
  margin-bottom: 14px;
}

.box.newvotebox form {
  text-align: right;
}

.box.newvotebox form input[type=text], .box.newvotebox form textarea {
  display: block;
  width: 100%;
  background-color: white;
  padding: 0 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  font-family: TheSansUHH, sans-serif;
}

.box.newvotebox form input[type=text] {
  line-height: 60px;
}

.box.newvotebox form textarea {
  padding: 20px;
  height: 230px;
  resize: none;
}

.box.newvotebox form button[type=submit] {
  font-family: TheSansUHHSemiLightCaps, sans-serif;
  background-color: #027bcb;
  color: #fff;
  line-height: 48px;
  padding: 0 15px;
  border: none;
  width: 200px;
  font-size: 20px;
}

.lecture2go.fullwidth {
  border: 0;
  width: 100%;
  padding-top: 56.25%;
  background: #eee;
  position: relative;
}

.lecture2go.fullwidth iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div.simpleform {
  background: #f3f3f3;
  padding: 35px 25px 25px;
  margin: 60px 0 30px 0;
}

div.simpleform h2 {
  margin: 0 0 25px 0;
}

form.simpleform fieldset {
  background: #f3f3f3;
  padding: 25px;
  margin: 0;
  padding: 0;
  border: 0;
  clear: both;
}

form.simpleform fieldset + fieldset {
  margin-top: 15px;
}

form.simpleform label {
  display: block;
}

form.simpleform input {
  margin: 5px 0 0 0;
  width: 100%;
  border: 1px solid #ddd;
  padding: 0 10px;
  line-height: 36px;
  height: 36px;
  outline: none;
  font-family: TheSansUHH, sans-serif;
  font-size: 15px;
}

form.simpleform textarea {
  margin: 5px 0 0 0;
  width: 100%;
  height: 75px;
  border: 1px solid #ddd;
  resize: vertical;
  padding: 5px 10px;
  outline: none;
  font-family: TheSansUHH, sans-serif;
  font-size: 15px;
}

form.simpleform div.submit {
  text-align: right;
}

div.simpleform.rating h2 {
  float: left;
}

div.simpleform p.rating-result {
  float: right;
  margin-top: 0;
}

div.simpleform p.caption {
  clear: both;
}

.s div.simpleform.rating h2 {
  float: none;
}

.s p.rating-result {
  float: none;
  margin-top: auto;
}

.rating-result-stars {
  vertical-align: top;
  position: relative;
  display: inline-block;
  height: var(--rating-size);
  width: calc(var(--rating-size) * var(--rating-max-stars));
  background-image: var(--rating-unchecked-image);
  background-size: var(--rating-size) var(--rating-size);
}

.rating-result-stars span {
  float: left;
  height: var(--rating-size);
  background-image: var(--rating-checked-image);
  background-size: var(--rating-size) var(--rating-size);
}

.rating-result-stars + span {
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
  color: #0271bb;
  margin-left: 5px;
}

:root {
  --rating-size: 23px;
  /* --rating-unchecked-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3e%3cpath fill='transparent' stroke='%230271bb'  stroke-width='2' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e"); */
  /* --rating-checked-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3e%3cpath fill='%230271bb' stroke='%230271bb' stroke-width='1' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e"); */
  /* --rating-hovered-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3e%3cpath fill='%230271bb' stroke='%230271bb' stroke-width='1' d='m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z'/%3e%3c/svg%3e"); */
  --rating-unchecked-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%2023%2019.02%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230271bb%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Stern-Kontur%22%3E%3Cg%20id%3D%22Star-Copy-5%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13,2.26,15.19,6.7l.24.48.52.07,4.9.71L17.3,11.42l-.37.37.08.52.84,4.88-4.38-2.3L13,14.64l-.47.25-4.38,2.3L9,12.31l.08-.52-.37-.37L5.15,8l4.9-.71.52-.07.24-.48L13,2.26M13,0,9.91,6.26,3,7.27l5,4.87L6.82,19,13,15.77,19.18,19,18,12.14l5-4.87-6.91-1L13,0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  --rating-checked-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%2023%2019.02%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230271bb%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Stern-Kontur%22%3E%3Cg%20id%3D%22Star-Copy-5%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2213%200%2016.09%206.26%2023%207.26%2018%2012.14%2019.18%2019.02%2013%2015.77%206.82%2019.02%208%2012.14%203%207.26%209.91%206.26%2013%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  --rating-hovered-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%2023%2019.02%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230271bb%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Stern-Kontur%22%3E%3Cg%20id%3D%22Star-Copy-5%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2213%200%2016.09%206.26%2023%207.26%2018%2012.14%2019.18%2019.02%2013%2015.77%206.82%2019.02%208%2012.14%203%207.26%209.91%206.26%2013%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  --rating-max-stars: 5;
}

.rating-stars {
  margin-top: 5px;
  position: relative;
  height: var(--rating-size);
  width: calc(var(--rating-size) * var(--rating-max-stars));
  background-image: var(--rating-unchecked-image);
  background-size: var(--rating-size) var(--rating-size);
}

.rating-stars label {
  position: absolute;
  height: 100%;
  background-size: var(--rating-size) var(--rating-size);
}

.rating-stars label:nth-of-type(1) {
  z-index: 10;
  width: calc(100% / var(--rating-max-stars) * 1);
}

.rating-stars label:nth-of-type(2) {
  z-index: 9;
  width: calc(100% / var(--rating-max-stars) * 2);
}

.rating-stars label:nth-of-type(3) {
  z-index: 8;
  width: calc(100% / var(--rating-max-stars) * 3);
}

.rating-stars label:nth-of-type(4) {
  z-index: 7;
  width: calc(100% / var(--rating-max-stars) * 4);
}

.rating-stars label:nth-of-type(5) {
  z-index: 6;
  width: calc(100% / var(--rating-max-stars) * 5);
}

.rating-stars input:focus + label {
  background-image: var(--rating-hovered-image);
}

.rating-stars input:checked + label:hover, .rating-stars label:hover {
  background-image: var(--rating-hovered-image);
}

/*.rating-stars input:checked + label:hover ~ label, .rating-stars label:hover ~ label {background-image: var(--rating-unchecked-image)}*/
.rating-stars input:checked + label {
  background-image: var(--rating-checked-image) !important;
}

.rating-stars label:hover ~ input:checked + label {
  background-image: var(--rating-unchecked-image) !important;
}

/* .rating label:hover ~ input:checked +label:after {content:"";position:absolute;right:0;height:100%;border:2px solid #000;bottom:0;width:80px } */
.rating-stars:focus-within {
  outline: none;
  box-shadow: 0 0 0 1px #0271bb, 0 0 5px 1px #0271bb;
}

.simpleform.feedback {
  background: #f3f3f3;
  text-align: center;
  width: 100%;
  display: table;
  min-height: 400px;
}

.simpleform.feedback h2 {
  display: table-cell;
  vertical-align: middle;
  padding: 45px 0 85px;
}

.simpleform.feedback span {
  display: inline-block;
  padding: 84px 0 0 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 64px;
  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%2064%2064%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230271bb%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Atom_Icon_Status_Erfolg_64px_Blau%22%20data-name%3D%22Atom%2FIcon%2FStatus%2FErfolg%2F64px%2FBlau%22%3E%3Cg%20id%3D%22Group%22%3E%3Cpath%20id%3D%22Oval%22%20class%3D%22cls-1%22%20d%3D%22M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm0,3.05A29,29,0,1,1,3.05,32,28.95,28.95,0,0,1,32,3.05Z%22%2F%3E%3Cpolygon%20id%3D%22Path-2%22%20class%3D%22cls-1%22%20points%3D%2247.74%2018.79%2050%2020.83%2027.31%2045.87%2015.13%2034.81%2017.18%2032.55%2027.1%2041.56%2047.74%2018.79%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

.sprungmarken {
  margin: 30px 0 30px;
}

.s .sprungmarken {
  margin: 30px 20px 30px;
}

.sprungmarken h2 {
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
  font-weight: normal;
}

.sprungmarken ul {
  padding: 0 !important;
  margin: 20px 0 30px !important;
  max-width: 700px;
  font-size: 16px;
}

.sprungmarken li {
  line-height: 2em;
}

.sprungmarken.nowrap li {
  white-space: nowrap;
}

.sprungmarken li:before {
  content: none !important;
}

.sprungmarken a {
  line-height: 1.5em;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/arrow-anchor-c68e4b6ec499bde6011cbe9c5ae1742723a05ee1be4508f870bcbeaab13a533a.png);
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding-left: 23px;
  font-family: TheSansUHHBold, sans-serif;
  text-decoration: underline;
  color: #4e4e4e;
}

.sprungmarken a:hover, .sprungmarken a:focus {
  text-decoration: none;
}

html:not(.s) .sprungmarken.inline ul:after {
  content: "";
  display: table;
  width: 100%;
}

html:not(.s) .sprungmarken.inline li {
  display: inline;
  margin: 0 26px 0 0;
}

.sprungmarken.block li, html.s .sprungmarken.inline li {
  margin: 0.6em 0;
  white-space: normal;
  display: block;
}

.sprungmarken.block a, html.s .sprungmarken.inline a {
  display: inline-block;
  vertical-align: top;
}

@keyframes uhhloading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.uhh_loading {
  height: 54px;
  width: 54px;
  background: url(https://assets.rrz.uni-hamburg.de/assets/lade-icon-blau-28c2aacb5e11ab5ebdaa4ce8c08dde66e2dd3b1d3450dd99f4d5bbd7d518ac47.svg);
  animation: uhhloading 1.4s infinite linear;
}

.stine_pagination {
  text-align: right;
}

a.stine_tab {
  margin-left: -1px;
  text-decoration: none !important;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #4e4e4e;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-family: TheSansUHH, sans-serif;
  border: 1px solid #ddd;
}

a.stine_tab:hover {
  text-decoration: underline !important;
}

a.stine_tab:focus {
  border-color: var(--UHH0271bb-fff);
  z-index: 2;
}

a.stine_tab[aria-selected=true] {
  border-color: #0271bb;
  z-index: 1;
  text-decoration: none;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  cursor: default;
}

a.stine_tab[aria-selected=true]:hover {
  text-decoration: none !important;
}

.stine_table {
  overflow-x: auto;
  min-height: 100px;
}

.outer.kommentar .formcontainer {
  padding: 20px 30px 20px 20px;
  font-size: 16px;
  background-color: #f3f3f3;
  border: 0;
  border-collapse: collapse;
}

.outer.kommentar .formcontainer div.row {
  display: table-row;
}

.outer.kommentar .formcontainer div.cell {
  display: table-cell;
  padding: 11px 0px 11px 0;
  vertical-align: top;
  width: 100%;
}

.outer.kommentar .formcontainer div.cell .w50 {
  width: calc(50% - 6px);
  margin: 5px 0;
}

.outer.kommentar .formcontainer div.cell .w50.left {
  float: left;
}

.outer.kommentar .formcontainer div.cell .w50.right {
  float: right;
}

.outer.kommentar .formcontainer .titel {
  font-family: TheSansUHHBold, sans-serif;
  position: relative;
}

.outer.kommentar .formcontainer .close {
  cursor: pointer;
  font-family: TheSansUHH, sans-serif;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 28px;
  border: none;
  background: none;
  line-height: 28px;
}

.outer.kommentar .formcontainer textarea {
  vertical-align: top;
  font-family: TheSansUHH, sans-serif;
  font-size: 15px;
  width: 100%;
  height: 100px;
  overflow: auto;
  margin: 5px 0;
  padding: 2px 4px;
  border: 1px solid #bbb;
}

.outer.kommentar .formcontainer {
  margin-top: 25px;
}

.outer.kommentar .formcontainer input[type=text], .outer.kommentar .formcontainer input[type=email] {
  vertical-align: top;
  font-family: TheSansUHH, sans-serif;
  font-size: 15px;
  width: 100%;
  height: 40px;
  margin: 5px 0 10px 0;
  padding: 0 4px;
  border: 1px solid #bbb;
  line-height: 36px;
}

.outer.kommentar .formcontainer input[type=submit] {
  padding: 0 30px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0 !important;
  cursor: pointer;
  border: none;
  margin-top: 15px;
  font-size: 17px;
  height: 50px;
  background-color: #0271bb;
  color: #fff !important;
  font-family: TheSansUHHBoldCaps, sans-serif;
}

.outer.kommentar .formcontainer input[type=submit][disabled] {
  cursor: default;
  background-color: #ccc;
}

.outer.kommentar .formcontainer div.button div.input {
  text-align: right;
}

.outer.kommentar .formcontainer.antwort {
  display: none;
}

.outer.kommentar.antwort .formcontainer.antwort {
  display: block;
}

.outer.kommentar .ablehnungform {
  display: none;
}

.outer.kommentar .ablehnungform input[type=text] {
  width: calc(100% - 190px);
  height: 30px;
  margin: 15px 0 10px 0;
  padding: 0 4px;
  border: 1px solid #bbb;
  line-height: 26px;
}

.outer.kommentar .ablehnungform button {
  cursor: pointer;
  font-size: 12px;
  padding: 0 12px;
  color: #fff;
  display: inline-block;
  width: 90px;
  height: 24px;
  margin: 5px 0 10px 10px;
  border: none;
  line-height: 24px;
}

.outer.kommentar .ablehnungform .submit {
  background-color: #0271bb;
  color: var(--UHHfff-hellgrau);
}

.outer.kommentar .ablehnungform .abbruch {
  background-color: #555;
}

.outer.kommentar.ablehnung .ablehnungform {
  display: block;
}

.outer.kommentar .formcontainer.kommentarbutton {
  display: block;
}

.outer.kommentar .formcontainer.kommentarbutton button {
  cursor: pointer;
  background-color: #fff;
  text-align: left;
  width: 100%;
  height: 40px;
  margin: 5px 0 10px 0;
  padding: 0 4px;
  border: 1px solid #bbb;
  line-height: 36px;
}

.outer.kommentar.antwort .kommentarbutton {
  display: none;
}

.outer.kommentar ul {
  padding-left: 66px !important;
}

.outer.kommentar ul li {
  margin: 20px 0 30px 0;
}

.outer.kommentar ul li:before {
  display: none;
}

.outer.kommentar ul li .initials {
  position: absolute;
  left: -66px;
  top: 6px;
  height: 44px;
  width: 44px;
  border-radius: 22px;
  color: var(--UHHfff-hellgrau);
  background-color: #0271bb;
  text-align: center;
  font-size: 18px;
  line-height: 44px;
}

.outer.kommentar ul li.admin .initials {
  background-color: rgb(60, 81, 91);
}

.outer.kommentar ul li .titel .autor {
  font-family: TheSansUHHBoldCaps, sans-serif;
  display: inline-block;
  margin-right: 16px;
}

.outer.kommentar ul li.admin .titel .autor:after {
  content: "(Admin)";
  font-family: TheSansUHHItalic, sans-serif;
  margin-left: 5px;
}

.outer.kommentar ul li p {
  margin: 3px 0;
}

.outer.kommentar ul li .button button {
  cursor: pointer;
  font-family: TheSansUHHRegularCaps, sans-serif;
  background: none;
  border: none;
  color: var(--UHH0271bb-hellblau);
  padding: 0;
  font-size: 15px;
}

.outer.kommentar ul li .freigabe form {
  display: inline;
}

.outer.kommentar ul li .freigabe button {
  cursor: pointer;
  font-family: TheSansUHHRegularCaps, sans-serif;
  background: none;
  border: none;
  color: #c40017;
  padding: 0;
  font-size: 15px;
  margin-right: 16px;
}

.outer.kommentar ul li.on > .button:not(.row) {
  display: none;
}

.outer.kommentar .allesfreigeben {
  text-align: right;
}

.outer.kommentar .allesfreigeben button {
  cursor: pointer;
  background-color: #0271bb;
  color: var(--UHHfff-hellgrau);
  border: none;
  padding: 0 20px;
  margin-top: 15px;
  font-size: 17px;
  height: 50px;
  font-family: TheSansUHHBoldCaps, sans-serif;
}

.s .outer.kommentar .formcontainer {
  padding: 20px;
  margin: 25px -20px 0 -20px;
}

.s .outer.kommentar .formcontainer div.cell .w50 {
  width: 100%;
}

.s .outer.kommentar .formcontainer div.cell .w50.right {
  margin-top: 20px;
}

.s .outer.kommentar .ablehnungform input[type=text] {
  width: 100%;
}

.s .outer.kommentar .ablehnungform .submit {
  margin-left: 0;
}

.s .outer.kommentar .button {
  margin: 0 !important;
}

.outer.kommentar li.waiting > * {
  position: relative;
}

.outer.kommentar li.waiting * {
  color: #666;
}

.outer.kommentar li.waiting:before {
  display: block;
  content: "";
  background: #f3f3f3 !important;
  position: absolute;
  top: -15px !important;
  left: -86px !important;
  width: calc(100% + 86px) !important;
  height: calc(100% + 30px) !important;
  pointer-events: none !important;
  z-index: 0;
}

.s .outer.kommentar kommentar li.waiting:before {
  width: calc(100% + 106px) !important;
}

.outer.kommentar p.waiting {
  font-family: TheSansUHHBoldItalic, sans-serif;
  margin: 10px 0 !important;
}

.outer.kommentar .validationMessage {
  display: none;
}

.outer.kommentar [aria-invalid] ~ .validationMessage {
  display: block;
  position: absolute;
  color: #c40017;
  margin-top: -10px;
  font-size: 14px;
}

.outer.kommentar textarea[aria-invalid] ~ .validationMessage {
  margin-top: -5px;
}

.outer.kommentar [aria-invalid] {
  outline: 1px solid #c40017;
  background-color: rgb(255, 219, 224);
  outline-offset: -1px;
}

.outer.kommentar [type=submit][disabled] {
  background-color: #aaa;
  cursor: default;
}

.outer.kommentar .datenschutz.row {
  margin-top: 10px;
}

.outer.kommentar .check.row input[type=checkbox] {
  float: left;
  margin: 5px 10px 0 0;
  position: relative;
  z-index: 1;
}

.outer.kommentar .check.row label {
  padding-left: 24px;
  display: block;
}

.outer.kommentar .check.row .validationMessage {
  position: relative;
  margin: 0;
}

.outer.kommentar input[type=submit]:not([disabled]) ~ #kommentarValidationMessage {
  display: none;
}

.checkliste-block {
  padding: 50px 50px 40px 40px;
  margin-top: 60px;
  position: relative;
}

.s .checkliste-block {
  padding: 50px 40px 40px;
}

.checkliste-block:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/n-3-2a5e919af70e52f28e2d1fbe5bd84750e98c34e63b94e3550c386e22dccbaf40.svg), url(https://assets.rrz.uni-hamburg.de/assets/o-3-4fece51d97e1555816ee07b760ac316f474f64a8909c34e674cb5faf4d3a9a0d.svg), url(https://assets.rrz.uni-hamburg.de/assets/s-3-92fe1c129b616b98d8038fa7fae5f267194032d8fcb255be44741ea3f4738104.svg), url(https://assets.rrz.uni-hamburg.de/assets/w-3-1c1ba30ab5ede9d9c25d0e31adcd849db903e927967bf361548a83eec732641f.svg);
  background-repeat: no-repeat;
  background-size: calc(100% - 6px) 19px, 15px calc(100% - 17px), calc(100% - 14px) 19px, 12px calc(100% - 19px);
  background-position: 3.25px 0, right 15px, 6.25px bottom, 0 3px;
}

.checkliste-block h2 {
  margin: 0 0 60px;
  font-family: TheSansUHHBold, sans-serif;
  font-size: 22px;
}

.checkliste-block-item {
  padding-left: 70px;
  margin-top: 40px;
  position: relative;
}

.checkliste-block-item h3 {
  font-size: 19px;
  margin: 1em 0 10px 0;
}

.checkliste-block-item h3 + div > *:first-child {
  margin-top: 0;
}

.checkliste-block-item h3 + div > *:last-child {
  margin-bottom: 0;
}

.checkliste-block-item a {
  text-decoration: underline;
}

.checkliste-block-item a:hover {
  text-decoration: none;
}

.checkliste-checkbox + h3 > label {
  cursor: pointer;
}

.checkliste-checkbox + h3 > label > span {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 4px;
  width: 36px;
  height: 36px;
  background: rgb(208, 237, 255);
}

.checkliste-checkbox:focus-visible + h3 > label > span {
  box-shadow: 0 0 0 1px var(--UHH0271bb-fff), 0 0 5px 1px var(--UHH0271bb-fff);
}

.checkliste-checkbox:checked + h3 > label > span:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 1px;
  width: 36px;
  height: 29px;
  background-image: url(https://assets.rrz.uni-hamburg.de/assets/haekchen-8107a541ec2add4a1d0aa9b4b069ffab0de110c9381d9fcdb8ab1b454ca8f06f.svg);
  background-repeat: no-repeat;
}

.modal_overlay {
  position: fixed;
  background-color: rgba(255, 255, 255, 0);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  overflow-y: auto;
}
.modal_overlay .dialog {
  overflow-y: auto;
  margin: auto;
  max-width: min(100vw - 18px, 800px);
  padding: 16px 40px;
  box-shadow: 0 0 10px 2px #DDD;
  background-color: #FFF;
}
.modal_overlay .dialog .title {
  font-family: "TheSansUHHBold";
  margin: 12px 0;
}
.modal_overlay .dialog .content {
  margin: 10px 0;
  line-height: 22px;
}
.modal_overlay .dialog .buttons {
  margin: 10px 0;
  text-align: end;
}
.modal_overlay .dialog .buttons button {
  cursor: pointer;
  border: none;
  margin-top: 15px;
  font-size: 13px;
  padding: 8px 17px;
  background-color: #F3F3F3;
  color: #000;
  font-family: "TheSansUHHBold", sans-serif;
  margin-right: 10px;
}
.modal_overlay .dialog .buttons button.default_button {
  background-color: #0271bb;
  color: #FFF;
}
.modal_overlay .dialog .buttons button:last-child {
  margin-right: 0;
}
.modal_overlay .dialog.dlg_size_small {
  max-width: min(100vw - 18px, 500px);
}

.s .modal_overlay .dialog {
  padding: 16px 24px;
}

.babylonobj canvas {
  width: 100%;
}
.babylonobj .bildnachweis {
  text-align: right;
}

.printme {
  overflow-wrap: break-word;
}