@font-face {
  font-family:"TheSansUHHBoldItalic";
  font-display:fallback;
  src:url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldItalic.woff2") format("woff2"),url("https://assets.rrz.uni-hamburg.de/assets/TheSansUHHBoldItalic.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("../img/Bachelor_Mastera.png")}
.hometeaser ul li a.Wiss .titel {background-image:url("../img/WissNachwuchsa.png")}
.hometeaser ul li a.Fo .titel {background-image:url("../img/Forschendea.png")}
.hometeaser ul li a.Oeff .titel {background-image:url("../img/Allgemeinheita.png")}
html .hometeaser-5 ul li a.BaMa .titel {background-image:url("../img/Bachelor_Mastera.png")}
html .hometeaser-5 ul li a.Wiss .titel {background-image:url("../img/WissNachwuchsa.png")}
html .hometeaser-5 ul li a.Fo .titel {background-image:url("../img/Forschendea.png")}
html .hometeaser-5 ul li a.Oeff .titel {background-image:url("../img/Allgemeinheita.png")}
html .hometeaser-5 ul li a.Ex .titel {background-image:url("../img/exstra-dea.png")}
html[lang="en"] .hometeaser-5 ul li a.Ex .titel  {background-image:url("../img/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}


#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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_grau.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:focus {}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .outer > .teaser-element ul.more li a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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}
  .news-teaser .inhalt * {display: inline}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .news-teaser-home :not(.head) a.more:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot_dark.svg)}
  .teaser-home3fach :not(.head) a.more:after {}

  .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%}
  .news-teaser .item + .item  {}
  .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 .image {}
  .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}

  .news-teaser-home .item.featured .text {}
  .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}
  .teaser-home3fach .item .text .hinweis {}
  .news-teaser .item .text .hinweis   {border:none; padding:0; margin-top:12px; font-size:14px; font-family:TheSansUHHItalic}

  .news-teaser-home .item.large .text .titel {}
  .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}

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

  .news-teaser-home .item div.more + .more {}
  .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}

  .news-teaser-home .item a.more {}
  .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}

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

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

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

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

 .spalte1.links .teaser-home3fach h2 {font-size:22px;}
 .spalte1.links .teaser-home2fach h2 {font-size:22px;}
 .spalte1.links .teaser-3fach h2 {font-size:22px;}
 .spalte1.links .teaser-2fach h2 {font-size:22px;}
 .spalte.links .teaser-home3fach h2 {margin-bottom:30px;}
 .spalte.links .teaser-home2fach h2 {margin-bottom:30px;}
 .spalte.links .teaser-3fach h2 {margin-bottom:30px;}
 .spalte.links .teaser-2fach h2 {margin-bottom:30px;}
 .spalte.links .teaser-home3fach .titel a {text-decoration:none}
 .spalte.links .teaser-home2fach .titel a {text-decoration:none}
 .spalte.links .teaser-3fach .titel a {text-decoration:none}
 .spalte.links .teaser-2fach .titel a {text-decoration:none}
 .spalte.links .teaser-home3fach .titel a:hover {text-decoration:underline !important}
 .spalte.links .teaser-home2fach .titel a:hover {text-decoration:underline !important}
 .spalte.links .teaser-3fach .titel a:hover {text-decoration:underline !important}
 .spalte.links .teaser-2fach .titel a:hover {text-decoration:underline !important}

  .news-teaser-home :not(.head) a.more:after {}
  .news-teaser :not(.head) a.more:after  {}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .teaser-2fach :not(.head) a.more:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .teaser-2fach :not(.head) div.more a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot_dark.svg)}

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

  .news-teaser-home .item .text .hinweis {}
   .news-teaser .item .text .hinweis {}
 .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(/onTEAM/admin/onteam/templates/v5/assets/arrow-right-blue.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(/onTEAM/admin/onteam/templates/v5/assets/Schloss.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(/onTEAM/admin/onteam/templates/v5/assets/arrow-right-white.svg);}
.spalte.links .standard a.jobsintern:focus:after {content: "";background-image: url(/onTEAM/admin/onteam/templates/v5/assets/arrow-right-white.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)}

.bildgalerieswiper {margin-top:54px; position:relative;}
.outer > .bildgalerieswiper {margin-top:60px;}
.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(/onTEAM/admin/onteam/templates/v5/img/lightbox/lightbox.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 .bildnachweis.large {display:none;}
.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:2;}
.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(/onTEAM/admin/onteam/templates/v5/img/lightbox/closelightbox.svg);}
.lightboxzoom .buttons button.close:hover {background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/closelightbox-hover.svg);}
.lightboxzoom .buttons button.fullscreen {right:72px; background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/fullscreen-show.svg);}
.lightboxzoom .buttons button.fullscreen:hover {background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/fullscreen-show-hover.svg);}
.lightboxzoom.fullscreen .buttons button.fullscreen {right:72px; background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/fullscreen-close.svg);}
.lightboxzoom.fullscreen .buttons button.fullscreen:hover {background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/fullscreen-close-hover.svg);}
.lightboxzoom .buttons button.zoom {right:128px; background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/zoom-in.svg);}
.lightboxzoom .buttons button.zoom:hover {background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/zoom-in-hover.svg);}
.lightboxzoom.zoom .buttons button.zoom {background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/zoom-out.svg);}
.lightboxzoom.zoom .buttons button.zoom:hover {background-image:url(/onTEAM/admin/onteam/templates/v5/img/lightbox/zoom-out-hover.svg);}
.lightboxzoom .view {position:absolute; top:40px; left:0; right:0;bottom:40px; background-color:#fff;}
.lightboxzoom .bildnachweis.large {display:block;}



.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(/onTEAM/admin/onteam/templates/v5/img/lightbox/arrow-left.svg);}
.lightboxzoom-prev:hover {background-image: url(/onTEAM/admin/onteam/templates/v5/img/lightbox/arrow-left-hover.svg);}
.lightboxzoom-next {right:0; background-image: url(/onTEAM/admin/onteam/templates/v5/img/lightbox/arrow-right.svg);}
.lightboxzoom-next:hover {background-image: url(/onTEAM/admin/onteam/templates/v5/img/lightbox/arrow-right-hover.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;margin-top:0}
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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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}
.slick-slide:focus{}
.slick-arrow:focus{}
.slick-dots button:focus{}

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:focus {}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .veranstaltungen-hometeaser .item div.more a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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(../img/buttons/pfeil-blaugross.svg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)}
    .veranstaltungen-hometeaser.slider .slick-next { right:2px; background-image:url(../img/buttons/pfeil-blaugross.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:not(.slick-cloned):nth-child(1),
    .s .veranstaltungen-hometeaser.slider .slick-slide:not(.slick-cloned):nth-child(2),
    .s .veranstaltungen-hometeaser.slider .slick-slide:not(.slick-cloned):nth-child(3),
    .s .veranstaltungen-hometeaser.slider .slick-slide:not(.slick-cloned):nth-child(4){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:focus {}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .veranstaltungen-teaser a.more:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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 .li .text {}
    .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(../img/buttons/pfeil-blaugross.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 ul li .text {}
    .veranstaltungen-teaser.horizontal a.rss {position:absolute; width:20px; height:20px; right:80px; bottom:36px; background-image:url(../img/icons/irss.png); overflow:hidden; text-indent:36px}
    .veranstaltungen-teaser.horizontal .head a.rss:hover {outline:none}
    .veranstaltungen-teaser.horizontal .head a.rss:focus {}

    .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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:focus {}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .teaser-1fach :not(.head) div.more a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .teaser-1fach :not(.head) a.more:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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:focus {}
  .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .teaser-1breit :not(.head) div.more a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot_dark.svg)}
html[data-color-scheme$="dark"] .teaser-1breit :not(.head) a.more:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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(../img/Online_Mouseover.svg)}
  .outer > .beratung .item:hover .image.phone {background-image:url(../img/Phone_Mouseover.svg)}
  .outer > .beratung .item:hover .image.personal {background-image:url(../img/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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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.0%}
  /* .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}

body:is(.content-page, .topicspage) .outer.grau:has(.illu-1fach) {margin-bottom:0px; padding-top:60px!important; padding-bottom:55px!important}
.s body:is(.content-page, .topicspage) .outer.grau:has(.illu-1fach) { padding-top:7px!important;}
body:is(.content-page, .topicspage) .outer:has(.illu-1fach) { margin-top:55px;margin-bottom:55px; padding:0}
body:is(.content-page, .topicspage) .illu-1fach { margin-top:0px;display:flex;flex-direction: column;}
body:is(.content-page, .topicspage) .illu-1fach > *{ max-width:750px;}
body:is(.content-page, .topicspage) .illu-1fach .video {order:2 }
body:is(.content-page, .topicspage) .illu-1fach .text {order:1; padding:0 0 40px; background-color: transparent; color: #4e4e4e; position:relative; }
.s body:is(.content-page, .topicspage) .illu-1fach .text {margin:0 20px !important}
body:is(.content-page, .topicspage) .illu-1fach .text h2{font-family: TheSansUHHBoldCaps, sans-serif;  font-size: 38px !important;  line-height: 42px !important; padding:30px 0 0 !important}
body:is(.content-page, .topicspage) .illu-1fach .text h2:before { content: ""; position: absolute; top: 0; left: 0; width: 122px; height: 6px; background-color: var(--UHH0271bb-fff);}
body:is(.content-page, .topicspage) .illu-1fach .container{order:3; margin:30px 0 0; font-size: 19px; line-height: 28px;}
.illu-1fach .container{margin-top:30px}
.s .illu-1fach .container{margin:30px 20px 0}
.s body:is(.content-page, .topicspage) .illu-1fach .container{order:3; margin:30px 20px 0}
  body:is(.content-page, .topicspage) .illu-1fach .container span{display:contents}
  body:is(.content-page, .topicspage) .illu-1fach .container :first-child{margin-top:0}
  body:is(.content-page, .topicspage) .illu-1fach .container :last-child{margin-bottom:0}


body:is(.content-page, .topicspage) .illu-1fach{display:flex} 


/*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(../img/buttons/pfeil-blau.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(../img/buttons/plus-blau.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(../img/buttons/minus-blau.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(../img/buttons/minus-blau.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(../img/buttons/pfeil-weiss.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(../img/buttons/pfeil-blau.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(../img/buttons/plus-blau.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(../img/buttons/minus-blau.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(../img/buttons/minus-blau.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(../img/buttons/pfeil-weiss.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(../img/buttons/pfeil-blau.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(../img/buttons/plus-blau.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(../img/buttons/minus-blau.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(../img/buttons/minus-blau.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(../img/buttons/pfeil-weiss.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:"\201D"; 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:"\201D"; 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;}

.spalten.breite .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;}
  .s .spalten.breite .outer > .teaser-1fach-a .content {padding-left:20px; padding-right:20px}
  .s .spalten .outer > .teaser-1fach h2{padding:0 !important}
  .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(../img/buttons/pfeil-blau.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(../img/buttons/plus-blau.svg) !important;}
    .spalte.rechts > .v4kontakt .schaltbar.auf a.tt:hover:after, .spalte.rechts >  .v4kontakt .schaltbar.auf a.tt:focus:after {background-image: url(../img/buttons/minus-blau.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(../img/buttons/plus-blau.svg) !important;}
    .spalte._rechts > .v4kontakt .schaltbar.auf a.tt:hover:after, .spalte._rechts > .v4kontakt .schaltbar.auf a.tt:focus:after {background-image: url(../img/buttons/minus-blau.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% - 6*60px)/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(/onTEAM/admin/onteam/templates/v5/img/icons/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:focus {}
    .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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:focus {}
    .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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:focus {}
    .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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:focus {}
    .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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_blau.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .teaser-3b .text ul li a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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(../img/buttons/plus-blau.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(../img/buttons/plus-blau.svg)}
    .schaltbar.auf > .titel > a.tt:after {background-image:url(../img/buttons/minus-blau.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(../img/buttons/plus-weiss.svg)}
    .schaltbar.auf > .titel > a.tt:hover:after, .schaltbar.auf > .titel > a.tt:focus:after {background-image:url(../img/buttons/minus-weiss.svg)}
    .spalte.rechts .schaltbar.auf .titel a.tt:after {background-image:url(../img/buttons/minus-weiss.svg)}
    .spalte.rechts .schaltbar.auf.sprechzeiten .titel a.tt:after {background-image:url(../img/buttons/minus-blau.svg)}

    .box.schaltbar > .titel {background-color:#faf9f9}
.content-page .box.schaltbar>.titel,.topicspage .box.schaltbar>.titel {background-color:#f6f8fa}
    .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(../img/buttons/plus-blau.svg)}
    .kontakt .schaltbar.auf > .titel > a.tt:hover:after, .kontakt .schaltbar.auf > .titel > a.tt:focus:after {background-image:url(../img/buttons/minus-blau.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(../img/buttons/plus-blau.svg)}
    .v4kontakt .schaltbar.auf > .titel > a.tt:hover:after, .kontakt .schaltbar.auf > .titel > a.tt:focus:after {background-image:url(../img/buttons/minus-blau.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(/onTEAM/admin/onteam/templates/v5/img/idee.svg)}
.grafisch.idee .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/idee-blau.svg)}
.grafisch.idee .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/idee-blau.svg)}
.grafisch.finanzierung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/finanz.svg)}
.grafisch.finanzierung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/finanz-blau.svg)}
.grafisch.finanzierung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/finanz-blau.svg)}
.grafisch.gruendung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/gruendung.svg)}
.grafisch.gruendung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/gruendung-blau.svg)}
.grafisch.gruendung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/gruendung-blau.svg)}
.grafisch.markt .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/markt.svg)}
.grafisch.markt .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/markt-blau.svg)}
.grafisch.markt .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/markt-blau.svg)}
.grafisch .schaltbar h3.titel + .inhalt {padding-left:58px;}

.grafisch.erfindungen .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/erfindungen.svg)}
.grafisch.erfindungen .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/erfindungen-blau.svg)}
.grafisch.erfindungen .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/erfindungen-blau.svg)}

.grafisch.einschaetzung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/einschaetzung.svg)}
.grafisch.einschaetzung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/einschaetzung-blau.svg)}
.grafisch.einschaetzung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/einschaetzung-blau.svg)}

.grafisch.sicherung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/sicherung.svg)}
.grafisch.sicherung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/sicherung-blau.svg)}
.grafisch.sicherung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/sicherung-blau.svg)}

.grafisch.verwertung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/verwertung.svg)}
.grafisch.verwertung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/verwertung-blau.svg)}
.grafisch.verwertung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/verwertung-blau.svg)}

html[lang="en"] .grafisch.idee .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/idea.svg)}
html[lang="en"] .grafisch.idee .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/idea-blau.svg)}
html[lang="en"] .grafisch.idee .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/idea-blau.svg)}
html[lang="en"] .grafisch.finanzierung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/funding.svg)}
html[lang="en"] .grafisch.finanzierung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/funding-blau.svg)}
html[lang="en"] .grafisch.finanzierung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/funding-blau.svg)}
html[lang="en"] .grafisch.gruendung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/foundation.svg)}
html[lang="en"] .grafisch.gruendung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/foundation-blau.svg)}
html[lang="en"] .grafisch.gruendung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/foundation-blau.svg)}
html[lang="en"] .grafisch.markt .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/market.svg)}
html[lang="en"] .grafisch.markt .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/market-blau.svg)}
html[lang="en"] .grafisch.markt .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/market-blau.svg)}

html[lang="en"] .grafisch.erfindungen .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/invention.svg)}
html[lang="en"] .grafisch.erfindungen .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/invention-blau.svg)}
html[lang="en"] .grafisch.erfindungen .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/invention-blau.svg)}

html[lang="en"] .grafisch.einschaetzung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/evaluation.svg)}
html[lang="en"] .grafisch.einschaetzung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/evaluation-blau.svg)}
html[lang="en"] .grafisch.einschaetzung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/evaluation-blau.svg)}

html[lang="en"] .grafisch.sicherung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/protection.svg)}
html[lang="en"] .grafisch.sicherung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/protection-blau.svg)}
html[lang="en"] .grafisch.sicherung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/protection-blau.svg)}

html[lang="en"] .grafisch.verwertung .box.schaltbar > .titel a{background-image:url(/onTEAM/admin/onteam/templates/v5/img/exploitation.svg)}
html[lang="en"] .grafisch.verwertung .box.schaltbar > .titel a:hover{background-image:url(/onTEAM/admin/onteam/templates/v5/img/exploitation-blau.svg)}
html[lang="en"] .grafisch.verwertung .box.schaltbar > .titel a:focus{background-color: transparent !important; background-image:url(/onTEAM/admin/onteam/templates/v5/img/exploitation-blau.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 a:focus img {}
      #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(../img/buttons/pfeil_links.png); background-position:center center !important; margin-left:-25px !important; top:240px !important}
      #bildgalerie .rsArrowRight .rsArrowIcn {border-radius:0 !important; background-image:url(../img/buttons/pfeil_rechts.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 a:focus img {}
      #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(/onTEAM/admin/onteam/templates/v5/img/icons/icon-danger.svg)}
  .outer > .status.info:before {background-color:#F7AD10; background-image:url(/onTEAM/admin/onteam/templates/v5/img/icons/icon-info.svg)}
  .outer > .status.success:before {background-color:#6DB539; background-image:url(/onTEAM/admin/onteam/templates/v5/img/icons/icon-success.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_rot.svg)}
html[data-color-scheme$="dark"] .outer > .status a:after {background-image:url(/onTEAM/admin/onteam/templates/v5/img/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 {}
  #StudiengangDetails .inhalt {padding-top:0; margin-top:15px}
  #StudiengangDetails .inhalt .row {}
  #StudiengangDetails .inhalt .row.video {margin-left:17px; margin-bottom:15px}
  #StudiengangDetails .inhalt .row .label {}
  #StudiengangDetails .inhalt .row .content {}
  #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 {}
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 thead {}
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:"\25BE"; 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:"\25B4"; float:right; opacity:1; position:relative; left:6px}
table#spreadsheet.sortable th.reverse:before {content:"\25BE"; 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:#0271bb; color:#fff; text-transform:uppercase; width:25%; font-family:TheSansUHHBoldCaps,sans-serif; font-weight:normal;font-size:22px}
    .spalte.links table.matrix2 tbody th {font-family:TheSansUHHBold,sans-serif; font-weight:normal; text-align:left; background-color:#f6f8fa; vertical-align:top}
    .spalte.links table.matrix2 td {background-color:#f0f3f6; 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}

html:not(.l) .spalte.links .autoscroll table.matrix2  {
  border-collapse: separate!important;
  border-spacing: 1px!important;
}

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 .url {}
.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("img/intranet/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("img/intranet/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 {}
  .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:last-child {}
    .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(../img/oap/oap-next-1.svg) no-repeat center}
         .profil-publikationen-navigate .navigate-browse a.back {background-image:url(../img/oap/oap-back-1.svg)}
         .profil-publikationen-navigate .navigate-browse span.next {background-image:url(../img/oap/oap-next-0.svg)}
         .profil-publikationen-navigate .navigate-browse span.back {background-image:url(../img/oap/oap-back-0.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 */


.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(../assets/x-fff-24.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 a:hover{}
.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}
html.mobilemenu,html.mobilemenu body {}
#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 }
    
    
body:is(.content-page, .topicspage) .uhh-tabs{padding-top:60px!important;padding-bottom:60px!important;margin:0 !important;}
  body:is(.content-page, .topicspage) .uhh-tabs .inner > h2 {font-family: TheSansUHHBoldCaps, sans-serif;  font-size: 38px;  line-height: 42px;padding:30px 0 0 ; margin:0}
  .s body:is(.content-page, .topicspage) .uhh-tabs .inner > h2 {padding:30px 20px 0;}
  body:is(.content-page, .topicspage) .uhh-tablist-container{}
    body:is(.content-page, .topicspage) .uhh-tablist-scroller{overflow-x:scroll; min-height:150px;transform:translate(0,5px)}

      .s body:is(.content-page, .topicspage) .uhh-tablist{}
          body:is(.content-page, .topicspage) .uhh-tablist button{display:block;margin-right:10px;font-family: TheSansUHH,sans-serif; border: 0;padding:15px 15px;color: #4e4e4e;background: #f0f3f6; font-size:19px!important; }
          .s body:is(.content-page, .topicspage) .uhh-tablist li:first-child button{margin-left:14px;}
            .s body:is(.content-page, .topicspage) .uhh-tablist button{margin-right:0px;}
            body:is(.content-page, .topicspage) .uhh-tablist li:last-child button{margin-right:0px;}
            body:is(.content-page, .topicspage) .uhh-tablist button:focus{box-shadow: 0 0 0 1px var(--UHH0271bb-fff),0 0 5px 1px var(--UHH0271bb-fff);}
            body:is(.content-page, .topicspage) .uhh-tablist button:focus-visible{background:var(--UHH0271bb-fff)}
            body:is(.content-page, .topicspage) .uhh-tablist button[aria-selected="true"]{background:var(--UHH0271bb-fff); color:#fff}
  body:is(.content-page, .topicspage) .uhh-tabpanels{z-index:11;border: 1px solid #ddd}
  .s body:is(.content-page, .topicspage) .uhh-tabpanels{border-width: 1px;  margin: 0;  padding: 0}
    body:is(.content-page, .topicspage) .uhh-tabpanels *:is(p,li,td,th){font-size:19px;line-height:1.5em}
    body:is(.content-page, .topicspage) .uhh-tabpanels h2{font-family: TheSansUHHBold,sans-serif;font-size:26px;margin:0; line-height: 1.25em}
    body:is(.content-page, .topicspage) .uhh-tabpanels a{color: #4e4e4e}
    body:is(.content-page, .topicspage) .uhh-tabs [role="tabpanel"]{padding:45px 40px}
    body:is(.content-page, .topicspage) .uhh-tabs [role="tabpanel"] > :first-child{padding-top:0px!important; margin-top:0px!important}
    body:is(.content-page, .topicspage) .uhh-tabs [role="tabpanel"] > :last-child{padding-bottom:0px!important; margin-bottom:0px!important}
    .s body:is(.content-page, .topicspage) .uhh-tabs [role="tabpanel"]{padding:45px 20px}
    body:is(.content-page, .topicspage) .uhh-tabs li:before { background: #0271bb!important}
    
body:is(.content-page, .topicspage) .uhh-tabpanels h2 {font-size: 28px;line-height: 1.3em; margin-bottom:0}
body:is(.content-page, .topicspage) .uhh-tabpanels h3 {font-size: 24px;line-height: 1.3em; margin-bottom:0}
body:is(.content-page, .topicspage) .uhh-tabpanels h4{font-size: 19px;line-height: 1.3em;margin-bottom:0}
 
/*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(/onTEAM/admin/onteam/templates/v5/assets/social-comments.svg)}
        .social-teaser .likes {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-likes.svg)}
        .social-teaser .shares {display:none; background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-shares.svg)}
        .social-teaser .retweet {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-retweets.svg)}
        .social-teaser .favorite {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-favorite.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(/onTEAM/admin/onteam/templates/v5/assets/social-facebook.svg)}
        .social-teaser .ig .social_logo {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-instagramm.svg)}
        .social-teaser .tw .social_logo {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-twitter.svg)}
html[data-color-scheme$="dark"] .social-teaser .comments {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-comments_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .likes {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-likes_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .shares {display:none; background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-shares_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .retweet {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-retweets_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .favorite {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-favorite_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .fb .social_logo {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-facebook_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .ig .social_logo {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/social-instagramm_dark.svg)}
html[data-color-scheme$="dark"] .social-teaser .tw .social_logo {background-image:url(/onTEAM/admin/onteam/templates/v5/assets/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:calc(25% - 9%/4); 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:calc(50% - 6%/4); 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(/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 .prevYear:focus,
  .datepickerDialog .prevMonth:focus, 
  .datepickerDialog .nextMonth:focus,
  .datepickerDialog .nextYear:focus {  }
  
  .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(/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(/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 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

@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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (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:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display: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;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-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-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} 
@keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.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 .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 .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .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 .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,.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, .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,.8);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(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,.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 .4s ease-in-out,transform .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 .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 .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(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 .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.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,.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,.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,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .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 .3s ease,opacity .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,.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 .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 .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,.15),0 0 0 1px rgba(47,52,61,.2);height:14px;position:relative;transition:all .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 .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,.15),0 0 0 1px rgba(47,52,61,.2);height:14px;position:relative;transition:all .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 .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 .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 .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,.15),0 0 0 1px rgba(47,52,61,.2);height:14px;position:relative;transition:all .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,.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,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(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,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(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 .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:'\2044';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,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(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(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .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,.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(.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(.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 .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 .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(183,197,205,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.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,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183,197,205,.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,.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:.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(../img/icons/plus-sitemap.svg); cursor: pointer; transition: background-color 0.3s, color 0.3s;}
#sitemap a.b.auf {background-image:url(../img/icons/minus-sitemap.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(/onTEAM/admin/onteam/templates/v5/img/buttons/dart-round-gr.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(/onTEAM/admin/onteam/templates/v5/img/buttons/plus-blau.svg); background-position:left;background-repeat:no-repeat}
.s .tab-box .dt.active a:after{background-image:url(/onTEAM/admin/onteam/templates/v5/img/buttons/minus-weiss.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(/onTEAM/admin/onteam/templates/v5/img/buttons/plus-weiss.svg)}
      .s .tab-box .dt.active a:hover:after,   .s .tab-box .dt.active a:focus:after{background-image:url(/onTEAM/admin/onteam/templates/v5/img/buttons/minus-weiss.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}
.cse .gsc-search-button-v2:before{position:absolute;left:-10000px}
html[lang="en"] .cse .gsc-search-button-v2:before{content:"Search" !important}
html[lang="de"] .cse .gsc-search-button-v2:before{content:"Suchen" !important}

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{}
  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 {}
    .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(../img/icons/icon-lock-grau.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(../img/icons/icon-lock.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.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(/onTEAM/admin/onteam/templates/v5/img/Pfeil_link_weiss.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:calc(480/848*100%)}
  .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.lecture2go .video {width:100%; position:absolute; top:0;padding-top: 56.25%;}
  .video-teaser .video.lecture2go .video 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(/onTEAM/admin/onteam/templates/v5/img/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(/onTEAM/admin/onteam/templates/v5/img/buttons/unitag-auswahl-grau.svg)}
#unitagveranstaltungen .selected td.unitagauswahl {background-image:url(/onTEAM/admin/onteam/templates/v5/img/buttons/unitag-auswahl-grau.svg)}
#unitag #toggleSelectedButton {border:0; width:189px; height:33px; cursor:pointer; background-image:url("/onTEAM/admin/onteam/templates/v5/img/buttons/StudienplanAnzeigen.png")}
#unitag #toggleSelectedButton.enabled {background-image:url("/onTEAM/admin/onteam/templates/v5/img/buttons/AlleVeranstaltungen.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("/onTEAM/admin/onteam/templates/v3/img/socialshareprivacy/mapPin.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}
#toggleSelectedButton {}

.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 .linkedin a {background-color: #0a66c2;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%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0D%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%206h2.767v1.418h0.040c0.385-0.691%201.327-1.418%202.732-1.418%202.921%200%203.461%201.818%203.461%204.183v4.817h-2.885v-4.27c0-1.018-0.021-2.329-1.5-2.329-1.502%200-1.732%201.109-1.732%202.255v4.344h-2.883v-9z%22%3E%3C%2Fpath%3E%0D%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1%206h3v9h-3v-9z%22%3E%3C%2Fpath%3E%0D%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%203.5c0%200.828-0.672%201.5-1.5%201.5s-1.5-0.672-1.5-1.5c0-0.828%200.672-1.5%201.5-1.5s1.5%200.672%201.5%201.5z%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E%0D%0A");}
            ul.share-menu .linkedin a:hover, ul.share-menu .linkedin a:focus {background-color: #2781db}
            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 .threads a {background-size: 19px;background-color: #000;background-image:url("data:image/svg+xml,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.77%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M10.7,7.41c-.07-.03-.14-.07-.21-.1-.12-2.28-1.36-3.58-3.45-3.59-1.21,0-2.28.48-2.95,1.5l1.15.79c.48-.72,1.23-.88,1.78-.88h.02c.69,0,1.21.2,1.54.6.25.28.41.68.49,1.17-.61-.1-1.27-.14-1.97-.1-1.98.11-3.26,1.27-3.18,2.88.04.82.45,1.52,1.14,1.98.59.39,1.34.58,2.13.53,1.04-.06,1.85-.45,2.42-1.18.43-.55.7-1.27.82-2.16.5.3.86.69,1.07,1.17.35.8.37,2.12-.71,3.2-.94.94-2.08,1.35-3.79,1.36-1.9-.01-3.34-.62-4.27-1.81-.87-1.11-1.33-2.72-1.34-4.78.02-2.06.47-3.67,1.34-4.78.94-1.19,2.37-1.8,4.27-1.81,1.91.01,3.38.63,4.35,1.82.47.59.84,1.32,1.07,2.18l1.34-.36c-.29-1.06-.74-1.97-1.35-2.72C11.17.8,9.35.02,7,0h0C4.66.02,2.85.8,1.65,2.34.57,3.71.02,5.61,0,7.99h0c.02,2.4.57,4.3,1.65,5.67,1.21,1.54,3.01,2.33,5.35,2.34h0c2.08-.02,3.55-.56,4.76-1.76,1.58-1.58,1.53-3.56,1.01-4.77-.37-.87-1.09-1.58-2.06-2.05h-.01ZM7.11,10.79c-.87.05-1.77-.34-1.82-1.18-.03-.62.44-1.31,1.87-1.39.16,0,.32-.01.48-.01.52,0,1.01.05,1.45.15-.17,2.06-1.13,2.39-1.98,2.44h0Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")}
            ul.share-menu .threads a:hover, ul.share-menu .x a:focus {background-color: #666}
            ul.share-menu .mail a {background-color: rgb(214,0,0);background-position:10px 10px;background-size:22px;background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2014.93%22%3E%3Cpolygon%20points%3D%220%20.68%200%2014.14%207.46%207.49%200%20.68%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpolygon%20points%3D%2214.54%207.49%2022%2014.14%2022%20.68%2014.54%207.49%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpolygon%20points%3D%2210.96%200%20.43%200%205.7%204.73%2010.96%209.46%2016.23%204.73%2021.49%200%2010.96%200%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpolygon%20points%3D%2216.23%2010.2%2013.83%208.04%2011.02%2010.57%208.15%207.99%205.7%2010.2%20.43%2014.93%2010.96%2014.93%2021.49%2014.93%2016.23%2010.2%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fsvg%3E")} 
            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("../assets/vote/vote-mehr-grau.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: #FFFA;
  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("../assets/vote/vote-bearbeiten.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("../assets/vote/vote-bearbeiten.svg");
}
.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.delete:before {
  background-image: url("../assets/vote/vote-loeschen.svg");
}
.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.share:before {
  background-image: url("../assets/vote/vote-email.svg");
}
.spalte.links .votebox .menu_container .menu_overlay .menu_and_toggle ul.menu li a.archive:before {
  background-image: url("../assets/vote/vote-archive.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 #DDDF;
}
.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("../assets/vote/vote-up-inactive.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("../assets/vote/vote-down-inactive.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("../assets/vote/vote-up-active.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("../assets/vote/vote-down-active.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(../img/arrow-anchor.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://dev-marvin.rrz.uni-hamburg.de//marvin/assets/lade-icon-blau.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.klappbox .outer:has(.standard > h4, .stine_data table) .standard{display:none}
.content-page .outer.klappbox .inhalt .outer:has(.stine_data) {padding:0;overflow:hidden}
.content-page .outer.klappbox .inhalt .outer:has(.stine_data) .standard{;overflow:hidden;margin:0 !important}
.s .content-page .outer.klappbox .inhalt:has(.stine_data){padding:0 !important}
body.content-page .klappbox-ordner-rahmen .klappbox * {font-size: 19px !important; line-height: 26px !important}
.content-page [class="outer"]:has(.stine_data){overflow:hidden}
 .content-page [class="outer"]:has(.stine_data) .standard{margin:0}
  .content-page [class="outer"]:has(.stine_data) h2{margin:0;font-family: TheSansUHHBoldCaps, sans-serif; font-size: 38px !important; line-height: 42px !important;padding-top:30px}
  .content-page [class="outer"]:has(.stine_data) h2:before {content: ""; position: absolute; top: 0; left: 0; width: 122px; height: 6px; background-color: var(--UHH0271bb-fff)}
  .content-page [class="outer"] .stine_data {margin-top:10px}
.stine_table {overflow-x: visible; overflow-y: visible}


.stine_data {overflow:hidden; margin:50px 0 0 0}
.stine_data, .stine_table {max-width:none!important}
.stine_table .autoscaleprobe {max-width:none!important}
.stine_table:not(:is(.klappbox * )) table {margin-top:45px!important}
.stine_table table {max-width:none!important}
.stine_table table th {text-align:left;border:0!important;background:#f6f8fa; font-size:19px!important;line-height:26px!important}
.stine_table table th:first-child {padding-left:25px}
.stine_table table th:last-child {font-size:0!important;padding-left:25px;padding-right:25px; width:20%}
body.content-page .klappbox-ordner-rahmen .klappbox .stine_table table th:last-child {font-size: 0px !important}
.stine_table table th:last-child:before{content:"Typ"; font-size:19px!important}
.stine_table table tr:first-child td {border-top:0!important}
.stine_table table tr:last-child td {border-bottom:0!important}
.stine_table table td {border-left:0!important;border-right:0!important; font-size:19px!important;line-height:26px!important}
.stine_table table td:first-child {padding-left:25px}
.stine_table table td:last-child {white-space:nowrap;padding-left:25px;padding-right:25px}
.stine_table table td a {color:#4e4e4e !important}
.stine_table table td a:hover {text-decoration:none !important}

.s .outer:not(:is(.klappbox)) .standard:has(.stine_table) {margin-left:0 !important; margin-right:0 !important}
.s .outer:not(:is(.klappbox)) .standard:has(.stine_table) h2{padding-left:20px!important;padding-right:20px!important}
.s .outer:not(:is(.klappbox)) .standard:has(.stine_table) h2:before{left:20px!important}
.s .stine_table > table th:first-child {padding-left:20px}
.s .stine_table > table th:last-child {padding-right:20px}
.s .stine_table > table td:first-child {padding-left:20px}
.s .stine_table > table td:last-child {padding-right:20px}
.uhh_loading {margin:50px auto 0;position:relative}    
.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{} 
.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(../img/checkliste/n-3.svg),url(../img/checkliste/o-3.svg),url(../img/checkliste/s-3.svg),url(../img/checkliste/w-3.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{}
  .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(../img/checkliste/haekchen.svg);background-repeat:no-repeat;}
    
#DW-forschungslandkarte {min-height:1000px}
    
.content-page .outer.standard iframe{width:100%;}
.content-page .outer.standard .inner:has(iframe.vollbreit){padding-right: 0 !important;}
.content-page .outer.standard .inner iframe.vollbreit{max-width:none!important; width:100% !important;}
.content-page .outer.standard .inner iframe.vollbreit:is([height=""],:not([height])){height:60vh}
.s .content-page .outer.standard .inner iframe.vollbreit{height:60vh}
.content-page .outer.standard .inner > .autoscalewrapper:has(iframe.vollbreit){max-width:none!important;height:auto !important; margin-bottom:0 !important; overflow:visible;}
.content-page .outer.standard .inner .autoscalewrapper > iframe.vollbreit{transform:none !important; margin-bottom:0 !important}

.content-page .outer > .standard iframe{width:100%;}
.content-page .outer > .standard iframe.vollbreit{max-width:none!important; width:100% !important}
.content-page .outer > .standard .autoscalewrapper:has(iframe.vollbreit){max-width:none!important;height:auto !important; margin-bottom:0 !important; overflow:visible;}
.content-page .outer > .standard .autoscalewrapper > iframe.vollbreit{transform:none !important; margin-bottom:0 !important}
.content-page .outer > .standard iframe.vollbreit:is([height=""],:not([height])){height:60vh}
.s .content-page .outer >.standard iframe.vollbreit{height:60vh}


.content-page .outer.standard:has(script[src^="https://osm.uhh.de/api/"]) .content{max-width:none}
.content-page .outer.standard:has(script[src^="https://osm.uhh.de/api/"]) .content .text{max-width:none}
.content-page .outer.standard:has(script[src^="https://osm.uhh.de/api/"]) .content *:has(> script[src^="https://osm.uhh.de/api/"]){max-width:none}
.content-page .outer .standard:has(script[src^="https://osm.uhh.de/api/"]) > *:has(> script[src^="https://osm.uhh.de/api/"]){max-width:none}
.content-page .outer.standard:has(script[src^="https://osm.uhh.de/api/"]) .content *:has(> script[src^="https://osm.uhh.de/api/"]) > *:not(#pier-plus-container){max-width:750px}
    
#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% - 7 * 67px) / 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 .ende div { }

  .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(/onTEAM/admin/onteam/templates/v5/img/logos/audit_fgh_rz_2010_DE_81x81.svg)}
    .global .audit1 {background-image:url(/onTEAM/admin/onteam/templates/v5/img/logos/Siegel_Re-Audit_de_81x81px.png)}
    html[lang="en"] .global .audit1 {background-image:url(/onTEAM/admin/onteam/templates/v5/img/logos/Siegel_Re-Audit_en_81x81px.png)}
    .global .audit2 {background-image:url(/onTEAM/admin/onteam/templates/v5/img/logos/DIVERSITY_AUDIT_FOOTER_81x81.svg)}
    .global .audits a {position:absolute; width:100%;height:100%;padding:0; color:transparent}
    .global .systemakkreditierung {background-image:url(/onTEAM/admin/onteam/templates/v5/img/logos/AR-Siegel_81x81.svg)}    
  .global .ende div> a:focus {}
  
/*2025*/

#fuss .info:not(:has(+.konferenz)){background:transparent;margin-top:0px;padding:110px 20px 12px }
  #fuss .info:not(:has(+.konferenz)) p{font-family: TheSansUHH,sans-serif!important; font-size:16px!important;margin:0 15px 0 0}
    #fuss .info:not(:has(+.konferenz)) .linkliste{font-size:16px!important;font-family: TheSansUHHBold,sans-serif!important;}
      #fuss .info:not(:has(+.konferenz)) li a {padding-left: 0; padding-right: 15px;margin:0 20px 0 0}
      #fuss .info:not(:has(+.konferenz)) li:last-child a {  margin-right:0}
      #fuss .info:not(:has(+.konferenz)) li a:not(:first-child) {}
      #fuss .info:not(:has(+.konferenz)) li a:before {content:none!important}
      #fuss .info:not(:has(+.konferenz)) li a:after {content: ""; position: absolute; right: 0; top: 7px; width: 8px; height: 8px; border: 2px solid #4E4E4E; border-width: 2px 2px 0 0;  transform: rotate(45deg) scale(0.8) translate3d(-1px,1px,0);  }

.global:not(.konferenz){padding:70px 20px 80px;}
.s .global:not(.konferenz){padding:40px 20px 80px;}
  .global:not(.konferenz) > .breite:after{content:''; display:table; width:100%}
  .global:not(.konferenz) .heading{float:left;margin-bottom:25px}
    .global:not(.konferenz) h2{color:#fff;font-family: TheSansUHHBoldCaps,sans-serif; font-size: 36px;margin:0; line-height:56px;}
    .s .global:not(.konferenz) h2{line-height:40px;}
    .global:not(.konferenz) h2 + p{color:#fff;font-family: TheSansUHH,sans-serif; font-size: 20px;margin:0;letter-spacing:1px;line-height:1.5em}
    .s .global:not(.konferenz) h2 + p{margin:12px 0 40px}
  .global:not(.konferenz) a:focus-visible {outline:1px solid #fff!important; box-shadow:1px 1px 3px #fff   }
  
  .global:not(.konferenz) .social-2025 ul{float:right; margin-top:20px!important;font-size:0!important}
    .global:not(.konferenz) .social-2025 li{float:left; margin-right:20px}
    .global:not(.konferenz) .social-2025 li:last-child{margin-right:0}
      .global:not(.konferenz) .social-2025 a {position:relative;width:56px; height:56px; display:block;border-radius:56px}
      .global:not(.konferenz) .social-2025 a:hover img{transform:scale(1.1)}
      .global:not(.konferenz) .social-2025 a:focus-visible{outline:4px solid rgba(255,255,255,0.5)!important;outline-offset:-1px}
        .global:not(.konferenz) .social-2025 img{transition:transform 0.2s;width:100%; height:100%}
        
  .global:not(.konferenz) .sitelinks{margin-top:40px}
  .global:not(.konferenz) .sitelinks ul.breite:after{content:''; display:table; width:100%}
    .global:not(.konferenz) .sitelinks > ul.breite{display:block;margin:auto!important; width:100%}
    .global:not(.konferenz) .sitelinks > ul.breite > li{float:left; padding-right:40px;color:#fff}
    .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(1){ width:27%}
    .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(2){ width:30%}
    .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(3){ width:25%}
    .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(4){ width:18%; padding-right:0px}
    .m .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(1){ width:27%}
    .m .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(2){ width:31%}
    .m .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(3){ width:23%}
    .m .global:not(.konferenz) .sitelinks > ul.breite > li:nth-child(4){ width:19%; padding-right:0px}
      @media screen and (max-width: 950px) {
        .global:not(.konferenz) .heading{float:none;}
        .global:not(.konferenz) .social-2025 ul{float:none; text-align:left;width:100%;}
          .global:not(.konferenz) .social-2025 li{float:none; display:inline-block; margin:0 7px 0 0}
          .global:not(.konferenz) .social-2025 li:last-child{margin-right:0}
            .global:not(.konferenz) .social-2025 a{position:relative;width:40px; height:40px; display:block;border-radius:30px}
              .global:not(.konferenz) .social-2025 img{width:100%; height:100%}
             .global:not(.konferenz) .sitelinks > ul.breite > li{width:100%!important; padding-right:0px!important;}
             .global:not(.konferenz) .sitelinks > ul.breite > li ~ li{margin-top:40px}
      }
      .global:not(.konferenz) .sitelinks div{margin-top:-5px;transform:translate(0,-100%);position:absolute; font-size:24px;font-family: TheSansUHHBold,sans-serif;}
      .global:not(.konferenz) .sitelinks ul.breite li li{font-size:19px;margin:10px 0 0;}
        .global:not(.konferenz) .sitelinks ul.breite a {position:relative;   }
        .global:not(.konferenz) .sitelinks ul.breite a:hover {text-decoration:underline!important  }
        .global:not(.konferenz) .sitelinks ul.breite a:not(.kontakt):after {content: ""; display:inline-block; margin-left:5px;width: 8px; height: 8px; border: 2px solid #fff; border-width: 2px 2px 0 0;  transform: rotate(45deg) scale(0.8) translate3d(-1px,1px,0);  }

  .global:not(.konferenz) .bottom{position:relative;margin-top:80px;height:auto}
    .global:not(.konferenz) .bottom .audits{position:relative;bottom:auto;top:auto; float:right}
    .s .global:not(.konferenz) .bottom .audits{float:left}
    .s .global:not(.konferenz) .audits > div { width: 60px; height: 60px;margin-left:13px}
    .s .global:not(.konferenz) .audits > div:first-child{margin-left:0}
    .global:not(.konferenz) .bottom .copyright{font-family: TheSansUHH,sans-serif; color:#fff;margin:60px 0 0;position:relative;left:0; bottom:0;float:left; font-size:16px}