@charset "utf-8";
/*
!!!Please do not edit the CSS-File!!!
Always edit the LESS-Files and compile to css.
For help see lesscss.org
*/
/* Resets default browser CSS styles - Includes some browser-fixes by normalize.css */
@import url('/_src/vendor/fontawesome/5.9.0/css/fontawesome.min.css');
isindex,
menu,
dir,
applet,
object,
iframe,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
ins,
kbd,
q,
s,
samp,
sup,
tt,
var,
fieldset,
form,
label,
legend {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  font-family: inherit;
  font-variant: inherit;
  vertical-align: baseline;
}
code {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  font-variant: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
blockquote,
q {
  quotes: none;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: inherit;
}
sup,
sub {
  font-size: inherit;
  line-height: inherit;
  position: relative;
  vertical-align: basline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
caption {
  text-align: center;
}
hr {
  clear: both;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit !important;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[hidden] {
  display: none;
}
textarea {
  overflow: auto;
}
input:focus {
  outline: 2px solid Highlight;
}
acronym,
abbr {
  cursor: help;
}
/* IMPORTS */
/*
---------------
Screen Sizes
---------------
*/
/*
-----------
Fonts
-----------
*/
/* importing some simple icons from  http://fontawesome.io */
/* 23.5pt */
/* 19pt */
/* 10.5pt */
/* 9pt */
/* 7.5pt */
/* 6pt */
/*
-----------
COLORS
-----------
*/
/* Fließtext */
/* Uni-Grün */
/* Farbe des Uni-Logos */
/* Grün im Service-Balken */
/* Links */
/* Für Tabellen-Hintergründe und Footer-Text */
/* Footer Hintergrund */
/* Transparenter schwarzer Hintergrund (z.B. Startseiten-Boxen) */
/*
---------------
Main Menu Setup
---------------
*/
/*
---------------
Everything Else
---------------
*/
/* Immer wieder verwendbare Klassen */
/*  Farben */
.rot,
.wichtig {
  color: #E30026;
}
.blau {
  color: #0784C8;
}
.lila,
.scripte {
  color: #CA2D78;
}
.unigruen {
  color: #14F5B4;
}
.orange {
  color: #F59F00;
}
.white {
  color: #ffffff;
}
.black {
  color: #000000;
}
.leerzeichen {
  background-color: #E30026;
}
/* Allgemeine Klassen */
.trennlinien li,
.trennlinien tr {
  border: none !important;
}
.trennlinien li:last-of-type,
.trennlinien tr:last-of-type {
  border-bottom: none;
}
.all-caps,
.capitalize {
  text-transform: uppercase;
}
.scroll {
  overflow-y: auto;
}
.scrollable {
  width: 100%;
  overflow-x: auto;
}
.transparent {
  opacity: 0.5;
}
.transparent:hover {
  opacity: 1;
}
.date {
  color: #6F758D;
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
}
.footer,
.copyright,
.bildunterschrift {
  color: #909090;
  font-weight: normal;
  text-decoration: none;
  font-size: inherit;
}
.bildunterschrift {
  font-style: italic;
}
a.big-link {
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  line-height: 1.475;
}
a.info span {
  display: none;
}
a.info:hover span {
  display: block;
  position: relative;
  font-weight: normal;
  padding-bottom: 5px;
}
a.nohover {
  text-decoration: none;
  color: #000000;
}
a.nohover:hover {
  text-decoration: none;
  color: #000000;
}
/* fancybox - video lightbox */
div.video {
  position: relative;
}
div.video .video-icon.font-icon {
  font-size: 60px;
  color: #fff !important;
  position: absolute;
  top: 40%;
  left: 47%;
  cursor: pointer;
}
.jqlink span {
  font-weight: bold;
  font-size: 13px;
}
.pointer,
.jqlink {
  cursor: pointer;
}
.cityname {
  cursor: pointer;
}
.zebrastreifen .klappbox:nth-of-type(odd),
.zebrastreifen .contentbox:nth-of-type(odd) {
  background-color: #eee !important;
}
.all-social-icons a {
  font-family: FontAwesome;
  font-size: 21px;
  font-weight: 300;
}
.all-social-icons span,
.all-social-icons i {
  margin: 0 0 0 10px;
}
.all-social-icons .facebook-icon:before {
  content: "\f082";
  color: #3b5998;
}
.all-social-icons .twitter-icon:before {
  content: "\f099";
  color: #1da1f2;
}
.all-social-icons .youtube-icon:before {
  content: "\f16a";
  color: #cd201f;
}
.all-social-icons .instagram-icon:before {
  content: "\f16d";
  color: #f77737;
}
.all-social-icons .rss-icon:before {
  content: "\f143";
  color: #fbad3d;
}
/* Weitere Style-Elemente */
/* Tabellen */
table.inline {
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: top;
  margin: 15px 0;
  border: 1px solid #000000;
  width: 484px;
}
table.inline thead th {
  padding: 3px;
  vertical-align: top;
  text-align: left;
  line-height: 1.5em;
}
/* Style 1 */
table tr#tabellenkopf,
table tr.tabellenkopf,
table.tabelle-typ1 th {
  background-color: #d4d0c8;
}
table tr#tabelle,
table tr.tabelle,
table.tabelle-typ1 tr {
  background-color: #EFF3F7;
}
table tr#tabelle td,
table tr.tabelle td,
table.tabelle-typ1 tr td {
  padding: 10px;
}
/* Belegungskalender */
.bcal {
  font-size: 12px;
  line-height: 1.475;
}
.bcal.active {
  display: block;
}
.bcal.inactive {
  display: none;
}
.bcal table.tabelle-typ1 tr th .heute {
  background-color: #ddd;
}
.bcal table.tabelle-typ1 tr td {
  padding: 4px 10px !important;
}
.bcal table.tabelle-typ1 .belegt {
  background-color: #F59F00;
}
.bcal table.tabelle-typ1 .frei {
  background-color: #e0eb98;
  cursor: pointer;
}
.bcal table.tabelle-typ1 .frei.heute {
  background-color: #eff6be;
}
.bcal table.tabelle-typ1 .wunsch {
  background-color: #14F5B4;
}
.bcal table.tabelle-typ1 .unavailable {
  background-color: #ddd;
}
.bcal table.tabelle-typ1 .unavailable.heute {
  background-color: #eee;
}
.bcal table.tabelle-typ1 .unavailable2 {
  background-color: #bbb;
}
.bcal table.tabelle-typ1 .unavailable2.heute {
  background-color: #ccc;
}
.bcal table.tabelle-typ1 .year {
  display: none;
}
.cal-prev .orange,
.cal-next .orange {
  cursor: pointer;
}
/* Style 2 */
table.print_table tr td,
table.tabelle-typ2 tr td,
table.print_table tr th,
table.tabelle-typ2 tr th {
  background-color: #f0f0f0;
}
#f_smartphone {
  display: none;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.textkategorie {
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  font-size: 8pt;
  vertical-align: bottom;
}
/* A bis Z Liste */
.a-z-liste {
  list-style: none;
  margin-left: -40px;
  margin-bottom: 30px;
  height: 25px;
}
.a-z-liste:after {
  clear: both;
}
.a-z-liste li {
  margin: 2px !important;
  cursor: pointer;
  width: 14px;
  float: left;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #007656;
}
.a-z-liste li.no-entry {
  color: #ccc !important;
}
.uegreen {
  margin: 2px;
  width: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #007656;
}
#show-all {
  cursor: pointer;
  float: right;
  color: gray;
  border: none !important;
  padding: 2px 6px 2px 6px;
}
#glossar-wrapper ul li {
  line-height: 12pt;
}
/* Kartei - benutzerfreundlichere A bis Z Listen-Funktion (im Styleguide) */
#kartei ul li {
  line-height: 12pt;
}
#kartei .buchstaben-liste {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 30px;
  height: 25px;
}
#kartei .buchstaben-liste:after {
  clear: both;
}
#kartei .buchstaben-liste li {
  margin: 2px !important;
  cursor: pointer;
  width: 14px;
  float: left;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #14F5B4;
}
#kartei .buchstaben-liste li.no-entry {
  color: #ccc !important;
}
#kartei #show-a-z {
  cursor: pointer;
  float: right;
  color: gray;
  border: 1px dashed #BBB;
  padding: 2px 6px 2px 6px;
}
#kartei .buchstabe {
  margin: 2px 2px 2px -7px;
  font-size: 18px;
  font-weight: bold;
  color: #14F5B4;
}
/* Boxen */
.halbe-breite,
.contentbox,
.listenbox,
.listenbox_schmal,
.listenbox_schmal_rechts {
  position: relative;
  height: auto;
}
.listenbox a,
.listenbox_schmal a,
.listenbox_schmal_rechts a {
  color: #000000;
}
.contentbox,
.listenbox,
.listenbox_schmal,
.listenbox_schmal_rechts {
  padding: 15px;
  margin: 10px 0px;
  border: none !important;
}
.halbe-breite {
  width: 48%;
  width: calc(50% - 10px) !important;
}
.contentbox,
.listenbox {
  width: 92%;
  width: calc(100% - 32px);
  background-color: #F0F0F0;
}
.seitenbox .contentbox {
  background-color: unset;
}
.listenbox_schmal,
.listenbox_schmal_rechts,
.contentbox.halbe-breite {
  width: 46%;
  width: calc(50% - 10px) !important;
}
.listenbox_schmal,
.listenbox_schmal.float-left,
.contentbox.halbe-breite.float-left,
.halbe-breite.float-left {
  margin-left: 0;
  margin-right: 20px;
  margin-top: 0;
  float: left;
}
.listenbox_schmal_rechts,
.listenbox_schmal.float-right,
.contentbox.halbe-breite.float-right,
.halbe-breite.float-right {
  margin-left: 20px;
  margin-right: 0;
  margin-top: 0;
  float: right;
}
.listenbild {
  position: absolute;
  top: 10px;
  left: 110px;
  max-width: 120px;
  max-height: 60px;
  margin-top: -25px;
  margin-right: -25px;
}
.listenbild img {
  position: absolute;
  clip: rect(0px 120px 60px 0px);
  overflow: hidden;
}
/* Flexboxen */
.flexcontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.flexcontainer .halbe-breite,
.flexcontainer .listenbox_schmal {
  flex-grow: 0 !important;
  flex-basis: auto !important;
  float: none !important;
  min-height: auto !important;
  margin: 10px 0px !important;
  margin-right: 0 !important;
}
/* Flexboxen in Flexboxen */
.metaflex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
}
.metaflex .flexcontainer {
  width: auto !important;
  justify-content: space-around !important;
  border: none !important;
}
.startseite .seitenbox,
.startseite #seitenbox {
  position: relative;
  left: auto;
  padding: 0.4em 0;
}
.seitenbox,
#seitenbox {
  position: absolute;
  left: 514px;
  top: 5px;
  width: 208px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 30px;
  border: 0px #aaa solid;
  background: #FFFFFF;
  float: right;
  padding: 0.4em;
}
.seitenbox h1,
#seitenbox h1,
.seitenbox h2,
#seitenbox h2,
.seitenbox h3,
#seitenbox h3,
.seitenbox h4,
#seitenbox h4,
.seitenbox h5,
#seitenbox h5,
.seitenbox h6,
#seitenbox h6 {
  margin-top: 2px;
}
.seitenbox .infoboxrechts,
#seitenbox .infoboxrechts,
.seitenbox #infoboxrechts,
#seitenbox #infoboxrechts {
  position: relative;
  left: 0px;
  top: 15px;
  width: 198px;
  height: auto;
  z-index: 5;
  margin-top: 10px;
  border: none !important;
  padding: 5px;
  background: transparent;
  float: right;
}
.infoboxlinks,
#infoboxlinks {
  position: absolute;
  left: -240px;
  top: 200px;
  width: 170px;
  height: auto;
  z-index: 5;
  margin-top: 10px;
  border: none !important;
  background: transparent;
  float: right;
  padding: 0.4em;
}
/* Listen */
ul.listen {
  margin: 0 0 0 10px;
  padding: 0 0 0 0;
  list-style-type: none;
}
ul.listen li {
  /* background: url(https://www.uni-bielefeld.de/Universitaet/Aktuelles/images/tiler_green.gif) no-repeat;
		font-weight: normal;
		background-position: 0px 4px;
		display: block; */
  padding: 3px 0;
  list-style-type: none;
}
ul.listen li a {
  color: #000000 !important;
}
ul.listen li:before {
  content: "|";
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #007656;
  margin: 1px 13px 0 0;
}
ul.listenaktiv li {
  background: url('https://www.uni-bielefeld.de/Universitaet/Aktuelles/images/tiler_orange.gif') no-repeat;
  background-position: 0px 4px;
}
/* Pfeil-Listen */
ul.pfeil-liste,
.pfeil-liste ul,
.bild-boxen ul,
#boxen ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}
ul.pfeil-liste li,
.pfeil-liste ul li,
.bild-boxen ul li,
#boxen ul li {
  padding-left: 10px;
  text-indent: 0 !important;
  position: relative;
}
ul.pfeil-liste li:before,
.pfeil-liste ul li:before,
.bild-boxen ul li:before,
#boxen ul li:before {
  content: '\f105 ';
  font-family: FontAwesome;
  display: inline-block;
  font-weight: bold;
  font-style: normal !important;
  color: #000000;
  margin: 0 5px 0 0;
  position: absolute;
  left: -10px;
}
/* Dokumenten-Listen */
.dokumenten-liste li {
  background-image: url('/images/homepage_2012/service_icons/service15_28px.jpg');
  background-repeat: no-repeat;
  list-style-type: none;
  background-position: 0px 8px;
  padding-left: 28px !important;
}
/* Liste mit orangenen Menu-Points als Aufzählungszeichen */
ul.orange-menupoints {
  list-style-image: url('https://www.uni-bielefeld.de/images/template_2009/menuponits_orange_f59f00.gif');
  margin-left: -20px;
  text-align: left !important;
}
ul.orange-menupoints li {
  line-height: 12pt;
  margin-bottom: 5px;
  padding-left: 5px;
}
ul.quicklinks {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.quicklinks li {
  padding-bottom: 10px;
  font-weight: bold;
}
/* CSS für Servicebereich */
.alle_service_icons {
  display: block;
  text-align: center;
  text-decoration: none;
  height: 42px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90px;
}
.uni_service_a-z {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/i-in-kreis.svg');
}
.uni_service_adressen {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/briefe.svg');
}
.uni_service_anreise {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/auto.svg');
}
.uni_service_bau {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/gestreifte-pilone.svg');
}
.uni_service_bewerbung {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/blatt-mit-stift.svg');
}
.uni_service_bibliothek {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/aufgeschlagenes-buch.svg');
}
.uni_service_ekvv {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/ekvv.svg');
}
.uni_service_fristen {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/kalender.svg');
}
.uni_service_hrz {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/computer.svg');
}
.uni_service_intern {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/drei-seiten.svg');
}
.uni_service_io {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/io.svg');
}
.uni_service_language {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/a-in-sprechblase.svg');
}
.uni_service_mensa {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/teller-und-besteck.svg');
}
.uni_service_pevz {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/personen-suche.svg');
}
.uni_service_plaene {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/uni-zahn.svg');
}
.uni_service_sport {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/laufender-mensch.svg');
}
.uni_service_stellen {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/stellenangebote.svg');
}
.uni_service_studienangebot {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/i-in-kreis.svg');
}
.uni_service_uniintern {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/drei-seiten.svg');
}
.uni_service_webmail {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/at-zeichen.svg');
}
.uni_service_zeiten {
  background-image: url('https://www.uni-bielefeld.de/images/service-icons/uhr.svg');
}
.service_links {
  padding: 0 10px;
}
.service_links ul {
  list-style: none;
  margin-left: -40px;
}
.service_links ul li {
  float: left;
  max-width: 7.142%;
  min-width: 7.142%;
  min-height: 80px;
  text-align: center;
}
.service_links ul li:before {
  content: "" !important;
}
#back-to-top {
  position: fixed;
  width: 110px;
  height: 50px;
  bottom: 10px;
  margin-left: 750px;
  cursor: pointer;
  z-index: 9999999 !important;
  font-weight: bold;
  color: #000000;
}
#back-to-top:before {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #000000;
  margin: 0 4px 0 5px;
  content: "\f0aa";
  font-size: 25px;
}
.einleitung,
#einleitung {
  float: left;
  margin-top: 0px !important;
}
/* Einen Fließtext automatisch in Spalten aufteilen */
.spalten p:first-of-type,
.spalten2 p:first-of-type,
.spalten3 p:first-of-type,
.spalten4 p:first-of-type {
  margin-top: 0 !important;
}
div.spalten,
p.spalten {
  width: 700px;
  margin-left: 10px;
  padding-right: 10px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -webkit-column-rule-color: silver;
  -webkit-column-rule-style: dotted;
  -webkit-column-rule-width: 1px;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -moz-column-rule-color: silver;
  -moz-column-rule-style: dotted;
  -moz-column-rule-width: 1px;
  column-count: 3;
  column-gap: 20px;
  column-rule-color: silver;
  column-rule-style: dotted;
  column-rule-width: 1px;
}
p.spalten2,
p.spalten3,
p.spalten4,
div.spalten2,
div.spalten3,
div.spalten4 {
  width: 100%;
  max-width: 100%;
}
p.spalten2,
div.spalten2 {
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -webkit-column-rule-color: silver;
  -webkit-column-rule-style: dotted;
  -webkit-column-rule-width: 1px;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -moz-column-rule-color: silver;
  -moz-column-rule-style: dotted;
  -moz-column-rule-width: 1px;
  column-count: 2;
  column-gap: 20px;
  column-rule-color: silver;
  column-rule-style: dotted;
  column-rule-width: 1px;
}
p.spalten3,
div.spalten3 {
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -webkit-column-rule-color: silver;
  -webkit-column-rule-style: dotted;
  -webkit-column-rule-width: 1px;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -moz-column-rule-color: silver;
  -moz-column-rule-style: dotted;
  -moz-column-rule-width: 1px;
  column-count: 3;
  column-gap: 20px;
  column-rule-color: silver;
  column-rule-style: dotted;
  column-rule-width: 1px;
}
p.spalten4,
div.spalten4 {
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  -webkit-column-rule-color: silver;
  -webkit-column-rule-style: dotted;
  -webkit-column-rule-width: 1px;
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -moz-column-rule-color: silver;
  -moz-column-rule-style: dotted;
  -moz-column-rule-width: 1px;
  column-count: 4;
  column-gap: 20px;
  column-rule-color: silver;
  column-rule-style: dotted;
  column-rule-width: 1px;
}
/* Klappboxen */
.kontaktbox .kontaktbox-klick,
.klappbox .kontaktbox-klick,
.kontaktbox .klappbox-klick,
.klappbox .klappbox-klick {
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  text-indent: 0 !important;
  padding-left: 32px;
  color: #000000;
  line-height: 1.475;
  position: relative;
}
.kontaktbox .kontaktbox-klick p,
.klappbox .kontaktbox-klick p,
.kontaktbox .klappbox-klick p,
.klappbox .klappbox-klick p {
  font-size: 12px;
  font-weight: normal;
  cursor: auto;
  text-indent: 0 !important;
}
.kontaktbox .kontaktbox-klick i,
.klappbox .kontaktbox-klick i,
.kontaktbox .klappbox-klick i,
.klappbox .klappbox-klick i,
.kontaktbox .kontaktbox-klick span,
.klappbox .kontaktbox-klick span,
.kontaktbox .klappbox-klick span,
.klappbox .klappbox-klick span {
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
  text-indent: 0;
}
.kontaktbox .klappbox .klappbox-klick,
.klappbox .klappbox .klappbox-klick {
  padding-left: 0px !important;
}
.kontaktbox .contentbox.klappbox .klappbox-klick,
.klappbox .contentbox.klappbox .klappbox-klick {
  padding-left: 32px !important;
}
.klappliste .klappliste-klick {
  cursor: pointer;
  font-weight: bold;
}
.klappliste .klappliste-text {
  font-style: italic;
}
/* Visitenkarten */
.visitenkarte {
  position: relative;
  padding: 5px 10px 20px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  border: none !important;
}
.visitenkarte img {
  width: 120px;
  margin-top: 15px !important;
}
.visitenkarte .personendaten {
  border-left: 2px solid rgba(0, 0, 0, 0.3) !important;
  margin-left: 170px !important;
  padding-left: 15px !important;
}
.visitenkarte .personendaten img {
  width: auto;
  margin-top: 0 !important;
}
.ohne-schwerpunkte .visitenkarte .personendaten .schwerpunkte {
  display: none;
}
.seitenbox .visitenkarte,
.halbe-breite .visitenkarte {
  padding: 0px 10px !important;
}
.seitenbox .visitenkarte img,
.halbe-breite .visitenkarte img {
  margin-bottom: 10px;
  width: 120px;
}
.seitenbox .visitenkarte .personendaten,
.halbe-breite .visitenkarte .personendaten {
  clear: both;
  border: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.seitenbox .visitenkarte .personendaten img,
.halbe-breite .visitenkarte .personendaten img {
  width: auto;
}
.seitenbox .visitenkarte .personendaten .schwerpunkte,
.halbe-breite .visitenkarte .personendaten .schwerpunkte {
  display: none;
}
/* Testimonial Bubbles */
/* Version 1 */
.bild-boxen .bubbles img.bild {
  max-width: 120px;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  margin: 0px auto 10px;
}
.bild-boxen .bubbles a,
.bild-boxen .bubbles p,
.bild-boxen .bubbles i,
.bild-boxen .bubbles img.bild {
  display: block;
  text-align: center;
}
.bild-boxen .bubbles a strong {
  font-weight: 600;
}
/* Version 2 */
.bild-boxen .bubbles2 img.bild {
  max-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin: 10px 10px 10px 0;
  float: left;
}
.bild-boxen .bubbles2 a strong {
  font-weight: 600;
}
.bild-boxen .bubbles2 a,
.bild-boxen .bubbles2 i {
  display: block;
  text-align: left;
}
/* Personenseiten - ContentReiter */
.kontaktfoto {
  position: relative;
  float: left;
  width: 250px;
  height: auto;
  max-height: 500px;
  margin-right: 20px;
  background-color: #eee;
  overflow: hidden;
}
.kontaktfoto img {
  width: 250px !important;
  height: auto;
}
.kontaktdaten {
  width: 100%;
}
.kontaktdaten table tr td {
  padding: 10px 15px;
}
.kontaktdaten .mit-trennlinie {
  border: none !important;
}
/* Balken zur Formatierung der Kontaktseite des IO */
.kontaktbalken {
  border: none !important;
  padding-left: 10px;
  margin: 0 0 30px 200px;
}
.reiter-wrapper {
  position: relative;
  width: 100%;
}
.reiter-wrapper .reiter-titel {
  float: left;
  position: relative;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 10pt;
  background-color: #eee;
  cursor: pointer;
}
.reiter-wrapper .reiter-text {
  display: none;
  position: absolute;
  top: 44px;
  left: 0px;
  padding: 20px;
  width: 90%;
  width: calc(100% - 42px);
  border: none !important;
  z-index: 0;
}
.reiter-wrapper .reiter-text .boxen {
  max-width: calc(33% - 20px) !important;
}
.reiter-wrapper .reiter-text .boxen.breite2 {
  max-width: calc(66% - 20px) !important;
}
.reiter-wrapper .reiter-text .boxen.breite3 {
  max-width: calc(100% - 20px) !important;
}
.reiter-wrapper .active .reiter-titel {
  background-color: white;
  z-index: 10;
}
.reiter-wrapper .active .reiter-text {
  display: block;
}
/* Diese FontAwesome-Icons sind auf der Uni-Webseite verfügbar */
.fa {
  font-size: larger;
  font-family: FontAwesome;
}
.fa.orange {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #000000;
  margin: 0 4px 0 5px;
}
.fa.gross {
  font-size: 25px;
  margin-right: 10px !important;
}
i.font-icon {
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: inherit;
  margin: 0 4px 0 5px;
  font-family: FontAwesome;
}
/* Grau */
.font-icon.grau,
.pfeil-grau-rechts:before,
.pfeil-grau-links:before,
.pfeil-grau-runter:before,
.pfeil-grau-hoch:before,
.pfeil-grau-rechts2:before,
.pfeil-grau-links2:before,
.pfeil-grau-runter2:before,
.pfeil-grau-hoch2:before,
.pfeil-grau-rechts3:before,
.pfeil-grau-links3:before,
.pfeil-grau-runter3:before,
.pfeil-grau-hoch3:before,
.plus-grau:before,
.minus-grau:before,
.icon-wichtig-grau:before {
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #999;
  margin: 0 4px 0 5px;
  font-family: FontAwesome;
}
/* Unigrün */
.font-icon.gruen,
.pfeil-gruen-rechts:before,
.pfeil-gruen-links:before,
.pfeil-gruen-runter:before,
.pfeil-gruen-hoch:before,
.pfeil-gruen-rechts2:before,
.pfeil-gruen-links2:before,
.pfeil-gruen-runter2:before,
.pfeil-gruen-hoch2:before,
.pfeil-gruen-rechts3:before,
.pfeil-gruen-links3:before,
.pfeil-gruen-runter3:before,
.pfeil-gruen-hoch3:before,
.plus-unigruen:before,
.minus-unigruen:before,
.icon-wichtig-gruen:before {
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #14F5B4;
  margin: 0 4px 0 5px;
  font-family: FontAwesome;
}
/* Orange */
.font-icon.orange,
.pfeil-orange-rechts:before,
.pfeil-orange-links:before,
.pfeil-orange-runter:before,
.pfeil-orange-hoch:before,
.pfeil-orange-rechts2:before,
.pfeil-orange-links2:before,
.pfeil-orange-runter2:before,
.pfeil-orange-hoch2:before,
.pfeil-orange-rechts3:before,
.pfeil-orange-links3:before,
.pfeil-orange-runter3:before,
.pfeil-orange-hoch3:before,
.plus-orange:before,
.minus-orange:before,
.icon-wichtig-orange:before {
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #000000;
  margin: 0 4px 0 5px;
  font-family: FontAwesome;
}
/* Blau */
.font-icon.blau,
.pfeil-blau-rechts:before,
.pfeil-blau-links:before,
.pfeil-blau-runter:before,
.pfeil-blau-hoch:before,
.pfeil-blau-rechts2:before,
.pfeil-blau-links2:before,
.pfeil-blau-runter2:before,
.pfeil-blau-hoch2:before,
.pfeil-blau-rechts3:before,
.pfeil-blau-links3:before,
.pfeil-blau-runter3:before,
.pfeil-blau-hoch3:before,
.plus-blau:before,
.minus-blau:before,
.icon-wichtig-blau:before {
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #22BADE;
  margin: 0 4px 0 5px;
  font-family: FontAwesome;
}
/* Icon-Größe */
.font-icon.small {
  font-size: 14px;
  font-family: FontAwesome;
  text-decoration: none;
}
.font-icon {
  font-size: 18px;
  font-family: FontAwesome;
  text-decoration: none;
}
.font-icon.large,
.font-icon.pfeil-grau-rechts2,
.font-icon.pfeil-gruen-rechts2,
.font-icon.pfeil-orange-rechts2,
.font-icon.pfeil-blau-rechts2,
.font-icon.pfeil-grau-links2,
.font-icon.pfeil-gruen-links2,
.font-icon.pfeil-orange-links2,
.font-icon.pfeil-blau-links2,
.font-icon.pfeil-grau-runter2,
.font-icon.pfeil-gruen-runter2,
.font-icon.pfeil-orange-runter2,
.font-icon.pfeil-blau-runter2,
.font-icon.pfeil-grau-hoch2,
.font-icon.pfeil-gruen-hoch2,
.font-icon.pfeil-orange-hoch2,
.font-icon.pfeil-blau-hoch2 {
  font-size: 25px;
  text-decoration: none;
}
/* Dreieckige Pfeile */
.pfeil-grau-rechts:before,
.pfeil-gruen-rechts:before,
.pfeil-orange-rechts:before,
.pfeil-blau-rechts:before {
  content: "\f0da";
  font-family: FontAwesome;
}
.pfeil-grau-links:before,
.pfeil-gruen-links:before,
.pfeil-orange-links:before,
.pfeil-blau-links:before {
  content: "\f0d9";
  font-family: FontAwesome;
}
.pfeil-grau-runter:before,
.pfeil-gruen-runter:before,
.pfeil-orange-runter:before,
.pfeil-blau-runter:before {
  content: "\f0d7";
  font-family: FontAwesome;
}
.pfeil-hoch:before,
.pfeil-grau-hoch:before,
.pfeil-gruen-hoch:before,
.pfeil-orange-hoch:before,
.pfeil-blau-hoch:before {
  content: "\f0d8";
  font-family: FontAwesome;
}
/* Nur in Verbindung mit .font-icon wird bei den folgenden Klassen auch der Pfeil angezeigt */
.font-icon.pfeil-rechts:before {
  content: "\f0da";
  font-family: FontAwesome;
}
.font-icon.pfeil-links:before {
  content: "\f0d9";
  font-family: FontAwesome;
}
.font-icon.pfeil-runter:before {
  content: "\f0d7";
  font-family: FontAwesome;
}
.font-icon.pfeil-hoch:before {
  content: "\f0d8";
  font-family: FontAwesome;
}
/* Umrandete Pfeile */
.pfeil-grau-rechts2:before,
.pfeil-gruen-rechts2:before,
.pfeil-orange-rechts2:before,
.pfeil-blau-rechts2:before {
  content: "\f0a9";
  font-family: FontAwesome;
}
.pfeil-grau-links2:before,
.pfeil-gruen-links2:before,
.pfeil-orange-links2:before,
.pfeil-blau-links2:before {
  content: "\f0a8";
  font-family: FontAwesome;
}
.pfeil-grau-runter2:before,
.pfeil-gruen-runter2:before,
.pfeil-orange-runter2:before,
.pfeil-blau-runter2:before {
  content: "\f0ab";
  font-family: FontAwesome;
}
.pfeil-grau-hoch2:before,
.pfeil-gruen-hoch2:before,
.pfeil-orange-hoch2:before,
.pfeil-blau-hoch2:before {
  content: "\f0aa";
  font-family: FontAwesome;
}
/* Nur in Verbindung mit .font-icon wird bei den folgenden Klassen auch der Pfeil angezeigt */
.font-icon.pfeil-rechts2:before {
  content: "\f0a9";
  font-family: FontAwesome;
}
.font-icon.pfeil-links2:before {
  content: "\f0a8";
  font-family: FontAwesome;
}
.font-icon.pfeil-runter2:before {
  content: "\f0ab";
  font-family: FontAwesome;
}
.font-icon.pfeil-hoch2:before {
  content: "\f0aa";
  font-family: FontAwesome;
}
/* Kleine Umrandete Pfeile */
.font-icon.pfeil-rechts3:before {
  content: "\f138";
  font-family: FontAwesome;
}
.font-icon.pfeil-links3:before {
  content: "\f137";
  font-family: FontAwesome;
}
.font-icon.pfeil-runter3:before {
  content: "\f13a";
  font-family: FontAwesome;
}
.font-icon.pfeil-hoch3:before {
  content: "\f139";
  font-family: FontAwesome;
}
/* Längliche Pfeile */
.font-icon.pfeil-lang-rechts:before {
  content: "\f178";
  font-family: FontAwesome;
}
.font-icon.pfeil-lang-links:before {
  content: "\f177";
  font-family: FontAwesome;
}
.font-icon.pfeil-lang-runter:before {
  content: "\f175";
  font-family: FontAwesome;
}
.font-icon.pfeil-lang-hoch:before {
  content: "\f176";
  font-family: FontAwesome;
}
/* Winkel */
.font-icon.winkel-links:before {
  content: "\f104";
  font-family: FontAwesome;
}
.font-icon.winkel-runter:before {
  content: "\f107";
  font-family: FontAwesome;
}
.font-icon.winkel-hoch:before {
  content: "\f106";
  font-family: FontAwesome;
}
/* Plus- und Minuszeichen */
.font-icon.plus:before,
.plus-unigruen:before,
.plus-orange:before,
.plus-blau:before,
.plus-grau:before {
  content: "\f055";
  font-size: 18px;
  font-family: FontAwesome;
}
.font-icon.minus:before,
.minus-unigruen:before,
.minus-orange:before,
.minus-blau:before,
.minus-grau:before {
  content: "\f056";
  font-size: 18px;
  font-family: FontAwesome;
}
/* Verschiedenes */
.font-icon.wichtig:before,
.icon-wichtig-orange:before {
  content: "\f06a";
  font-family: FontAwesome;
}
.font-icon.info:before {
  content: "\f05a";
  font-family: FontAwesome;
}
/* Gemeinsame Styles für ALLE Bild-Boxen */
#boxen,
.bild-boxen,
.flexcontainer.bild-boxen,
.personen-boxen,
.newsslider {
  position: relative;
  top: 0px;
  left: 0px;
  width: 1030px;
  max-width: 100%;
  height: auto;
}
#boxen .breite1,
.bild-boxen .breite1,
.flexcontainer.bild-boxen .breite1,
.personen-boxen .breite1,
.newsslider .breite1 {
  width: 229px !important;
}
#boxen .breite2,
.bild-boxen .breite2,
.flexcontainer.bild-boxen .breite2,
.personen-boxen .breite2,
.newsslider .breite2 {
  width: 459px !important;
}
#boxen .breite3,
.bild-boxen .breite3,
.flexcontainer.bild-boxen .breite3,
.personen-boxen .breite3,
.newsslider .breite3 {
  width: 699px !important;
}
#boxen .breite4,
.bild-boxen .breite4,
.flexcontainer.bild-boxen .breite4,
.personen-boxen .breite4,
.newsslider .breite4 {
  width: 100% !important;
}
#boxen .boxen,
.bild-boxen .boxen,
.flexcontainer.bild-boxen .boxen,
.personen-boxen .boxen,
.newsslider .boxen {
  position: relative;
  margin: 10px 0;
  padding: 0 10px;
  flex-grow: 1;
  border: none !important;
  font-size: 12px;
}
#boxen .boxen.noborder,
.bild-boxen .boxen.noborder,
.flexcontainer.bild-boxen .boxen.noborder,
.personen-boxen .boxen.noborder,
.newsslider .boxen.noborder {
  border-right: none !important;
}
#boxen .boxen .spalten,
.bild-boxen .boxen .spalten,
.flexcontainer.bild-boxen .boxen .spalten,
.personen-boxen .boxen .spalten,
.newsslider .boxen .spalten,
#boxen .boxen .spalten2,
.bild-boxen .boxen .spalten2,
.flexcontainer.bild-boxen .boxen .spalten2,
.personen-boxen .boxen .spalten2,
.newsslider .boxen .spalten2,
#boxen .boxen .spalten3,
.bild-boxen .boxen .spalten3,
.flexcontainer.bild-boxen .boxen .spalten3,
.personen-boxen .boxen .spalten3,
.newsslider .boxen .spalten3,
#boxen .boxen .spalten4,
.bild-boxen .boxen .spalten4,
.flexcontainer.bild-boxen .boxen .spalten4,
.personen-boxen .boxen .spalten4,
.newsslider .boxen .spalten4 {
  margin-left: 0 !important;
}
#boxen.ohne-text .boxen,
.bild-boxen.ohne-text .boxen,
.flexcontainer.bild-boxen.ohne-text .boxen,
.personen-boxen.ohne-text .boxen,
.newsslider.ohne-text .boxen {
  min-height: 135px !important;
  height: 135px !important;
}
#boxen .box_bild,
.bild-boxen .box_bild,
.flexcontainer.bild-boxen .box_bild,
.personen-boxen .box_bild,
.newsslider .box_bild {
  position: relative;
  height: 135px;
  overflow: hidden;
}
#boxen .box_bild img,
.bild-boxen .box_bild img,
.flexcontainer.bild-boxen .box_bild img,
.personen-boxen .box_bild img,
.newsslider .box_bild img {
  position: absolute;
}
#boxen .box_bild .box_ueberschrift_div,
.bild-boxen .box_bild .box_ueberschrift_div,
.flexcontainer.bild-boxen .box_bild .box_ueberschrift_div,
.personen-boxen .box_bild .box_ueberschrift_div,
.newsslider .box_bild .box_ueberschrift_div {
  position: absolute;
  bottom: 0px;
  top: auto;
  left: 0px;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  padding: 3px 3px 3px 8px;
  background: rgba(0, 0, 0, 0.4);
}
#boxen .box_bild .box_ueberschrift_div .box_ueberschrift,
.bild-boxen .box_bild .box_ueberschrift_div .box_ueberschrift,
.flexcontainer.bild-boxen .box_bild .box_ueberschrift_div .box_ueberschrift,
.personen-boxen .box_bild .box_ueberschrift_div .box_ueberschrift,
.newsslider .box_bild .box_ueberschrift_div .box_ueberschrift {
  margin-left: 0px;
  font-size: 11pt;
  font-weight: bold;
  color: white;
}
#boxen .boxen_trenner,
.bild-boxen .boxen_trenner,
.flexcontainer.bild-boxen .boxen_trenner,
.personen-boxen .boxen_trenner,
.newsslider .boxen_trenner {
  display: none;
}
/* Einzelne Bild-Boxen Styles */
.bild-boxen .breite2.list_carousel,
.bild-boxen .breite2 .list_carousel > .breite2,
.bild-boxen .breite3.list_carousel,
.bild-boxen .breite4.list_carousel {
  padding: 0 !important;
}
.bild-boxen .boxen {
  float: left;
  width: 229px;
  height: 230px;
}
.bild-boxen .box_bild img {
  width: 229px;
}
.flexcontainer.bild-boxen,
.personen-boxen,
.newsslider {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flexcontainer.bild-boxen h1,
.personen-boxen h1,
.newsslider h1,
.flexcontainer.bild-boxen h2,
.personen-boxen h2,
.newsslider h2,
.flexcontainer.bild-boxen h3,
.personen-boxen h3,
.newsslider h3,
.flexcontainer.bild-boxen h4,
.personen-boxen h4,
.newsslider h4 {
  width: 98%;
}
.flexcontainer.bild-boxen ul,
.personen-boxen ul,
.newsslider ul {
  margin-top: 15px;
}
.flexcontainer.bild-boxen .breite1,
.personen-boxen .breite1,
.newsslider .breite1 {
  width: 220px !important;
  flex-grow: 1 !important;
}
.flexcontainer.bild-boxen .breite2,
.personen-boxen .breite2,
.newsslider .breite2 {
  width: 440px !important;
  flex-grow: 2 !important;
}
.flexcontainer.bild-boxen .breite3,
.personen-boxen .breite3,
.newsslider .breite3 {
  width: 670px !important;
  flex-grow: 3 !important;
}
.flexcontainer.bild-boxen .breite4,
.personen-boxen .breite4,
.newsslider .breite4 {
  width: 100% !important;
  flex-grow: 4 !important;
}
.flexcontainer.bild-boxen .boxen,
.personen-boxen .boxen,
.newsslider .boxen {
  float: none;
  min-width: 200px;
  width: 220px;
  max-width: 100%;
  height: auto;
  min-height: auto;
  flex-grow: 1;
}
.flexcontainer.bild-boxen.ohne-text .boxen,
.personen-boxen.ohne-text .boxen,
.newsslider.ohne-text .boxen {
  min-height: auto !important;
  height: auto !important;
}
.flexcontainer.bild-boxen .box_bild img,
.personen-boxen .box_bild img,
.newsslider .box_bild img {
  width: 100%;
}
/* #boxen sind veraltet - nach möglichkeit nicht mehr benutzen */
#boxen .boxen {
  float: left;
  width: 229px;
  height: 230px;
}
#boxen .box_bild img {
  width: 229px;
}
#boxen .box_ueberschrift_div {
  position: relative;
  left: 0px;
  width: 214px;
  height: 20px;
  top: -32px;
  margin-bottom: -10px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.4);
}
#boxen .box_ueberschrift_div .box_ueberschrift {
  font-size: 11pt;
  font-weight: bold;
  color: white;
  margin-left: 5px;
}
#boxen .box_ueberschrift_blickpunkt_div {
  position: relative;
  top: -37px;
  left: 0px;
  width: 214px;
  height: 20px;
  margin-bottom: -21px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.4);
}
/* Personen-Boxen */
.personen-boxen .boxen {
  text-align: center;
}
.personen-boxen .boxen img {
  max-height: 200px !important;
}
.galerie .galerie-bild {
  position: relative;
  width: 227px;
  height: 135px;
  overflow: hidden;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  background-color: #ddd;
}
.galerie .galerie-bild img {
  position: absolute;
  top: 0;
  width: 242px;
}
.galerie .galerie-bild .galerie-bild-titel {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
}
/* Bild-Slider */
.list_carousel ul li {
  padding-left: 0px !important;
  text-indent: 0px !important;
}
.list_carousel ul li:before {
  content: none !important;
}
.list_carousel.breite484 {
  position: relative;
  background-color: transparent;
  margin: 0 0 0 0;
  width: 484px;
  max-width: 100%;
  height: 400px;
  top: 0px;
  left: 0px;
}
.list_carousel.breite484 ul li {
  width: 484px;
  max-width: 100%;
  background-color: transparent !important;
}
.contentbox .list_carousel.breite484 ul li {
  width: 452px !important;
}
/* News-Slider */
.newsslider {
  width: 100% !important;
  height: auto !important;
}
.newsslider ul li {
  padding: 0px 10px !important;
  height: 100% !important;
  width: 221px !important;
  border: none !important;
}
.newsslider ul li .fotocopyright {
  text-align: right;
}
.newsslider ul li .box_text {
  padding-bottom: 20px;
}
.newsslider ul li a.readmore {
  position: absolute;
  bottom: 0;
  color: #14F5B4;
}
.newsslider ul li a.readmore:before {
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-style: normal !important;
  color: #999;
  margin: 0 4px 0 5px;
  content: "\f0da";
}
.newsslider a.prev,
.newsslider a.next {
  top: 60px !important;
  margin: 0 10px;
}
/* Feeds */
#aktuelles {
  float: right;
  width: 237px;
  margin-top: -55px;
}
ul.feed {
  padding-left: 0;
}
#aktuelles ul li,
.feed li,
ul.portal-feed li {
  border: none !important;
  padding: 10px 0 10px 10px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.4;
  color: #333;
}
#aktuelles ul li:last-of-type,
.feed li:last-of-type,
ul.portal-feed li:last-of-type {
  border-bottom: none !important;
}
.bild-boxen ul.portal-feed li,
.bild-boxen .feed li {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#aktuelles ul li a,
.feed li a,
ul.portal-feed li a {
  background-image: none !important;
  padding-left: 0px !important;
  font-size: 12px;
}
/* Hiermit kann man Text senkrecht stellen */
aside p {
  padding: 0.7em;
  margin: 0;
  font-size: 10px;
  color: gray;
  position: absolute;
  width: 1000%;
  -webkit-transform: rotate(270deg) translateX(30px) translateY(140px);
  -moz-transform: rotate(270deg) translateX(30px) translateY(140px);
  -ms-transform: rotate(270deg) translateX(30px) translateY(140px);
  -o-transform: rotate(270deg) translateX(30px) translateY(140px);
  transform: rotate(270deg) translateX(30px) translateY(140px);
  -webkit-transform-origin: 1.8em 0.5em;
  -moz-transform-origin: 1.8em 0.5em;
  -ms-transform-origin: 1.8em 0.5em;
  -o-transform-origin: 1.8em 0.5em;
  transform-origin: 1.8em 0.5em;
}
/* Pfeil- und Plus-Symbole */
#pfeil1,
#pfeil2 {
  margin-right: 5px;
  float: left;
  vertical-align: text-bottom;
}
.pluszeichen,
.minuszeichen {
  vertical-align: text-bottom;
  margin-right: 5px;
}
.new,
.icon {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* Siteindex */
.siteindex,
.siteindexneu,
.siteindexgreen {
  color: #000000;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  background-color: #E0EB98;
  margin-left: 5px;
}
a.siteindex,
a.siteindexneu,
a.siteindexgreen {
  background-color: transparent;
}
/* TOC-Menueauszeichnungen */
ul#menu-toc,
ul#menu-toc2 {
  margin: 0 0 0 10px;
  border: 1px;
  list-style-type: none;
}
ul#menu-toc li a,
ul#menu-toc2 li a {
  line-height: 14px;
  background: url(https://www.uni-bielefeld.de/images/all/quadrat_grau_klein.gif) no-repeat;
  background-position: 0px 2px;
  display: block;
  padding: 0px 0 4px 15px;
  margin: 0px 0px 0px -30px;
  font-weight: normal;
  font-size: 8pt;
  list-style-type: none;
}
ul#menu-toc li a.active,
ul#menu-toc2 li a.active {
  background-position: 0px 4px;
}
ul#menu-toc2 li a {
  margin: 0px 0px 0px -80px;
}
/* Corporate Design Center */
#contentwide_CD {
  width: 727px;
  min-height: 1800px;
}
.kurze_spalte_links {
  height: auto;
  width: 484px;
  float: left;
}
.kurze_spalte_rechts {
  height: auto;
  width: 212px;
  float: right;
}
.lange_spalte {
  /*für die langen tabellen und text der über die gesamte breite des "contentwide" laufen soll*/
  height: auto;
  width: 727px;
}
#tabelle_CD {
  font-family: inherit !important;
  font-size: 12px;
  background: #ffffff;
  width: 100%;
  empty-cells: show;
  text-align: left;
  margin-bottom: 20px;
}
#tabelle_CD th {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  padding: 5px;
  border-bottom: 1px solid #000000;
}
#tabelle_CD td {
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  color: gray;
  padding: 5px;
  vertical-align: middle;
}
#tabelle_CD .anmerkung {
  border-right: 0px dotted #ccc;
}
#tabelle_CD tbody tr:hover td {
  color: #000000;
}
/*****PeVZ*****/
/* PEVZ-Einrichtungen */
dt,
dd {
  font-family: inherit !important;
  font-size: 12px;
  line-height: 1.475;
}
/* A bis Z Index */
table.az_index {
  margin-bottom: 10px;
}
table.az_index tr td {
  font-size: 1.2em;
}
a.zum_seitenanfang {
  display: none;
}
/* Personenlisten */
/* Style 1 - table - Personenliste 1a,1b,1c,2a,2b,2c,4a - Liste mit & ohne Icons */
table.personenliste tr th {
  text-align: left;
  vertical-align: top;
}
table.personenliste thead tr th {
  font-size: 1.2em;
  font-weight: bold;
}
table.personenliste thead tr th.person_telefon {
  min-width: 60px;
}
table.personenliste tbody tr.index td {
  padding-top: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
table.personenliste tbody tr.even {
  background-color: rgba(0, 0, 0, 0.05);
}
table.personenliste tbody tr td {
  padding: 3px;
}
/* Style 2 - dl - Personenliste 3a,3b,4b - Reine Namens- und Funktionsliste */
dl.personenliste dt,
dl.personenliste dd,
dl.unter_geordnete_einr dt,
dl.unter_geordnete_einr dd {
  line-height: 1.45;
  padding: 3px 5px !important;
}
dl.personenliste dt,
dl.unter_geordnete_einr dt {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px dotted #999999;
  margin-top: 20px;
  margin-bottom: 10px;
}
dl.personenliste dt.index,
dl.unter_geordnete_einr dt.index {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-bottom: none;
}
/* Style 3 - ul - Personenliste 5 - Einrichtungsbaum mit Personen */
ul.einrbaum {
  list-style: none;
  margin-left: -40px;
}
ul.einrbaum ul.einrbaum {
  margin-left: -20px;
}
ul.einrbaum ul.einrbaum li {
  padding-left: 10px;
  text-indent: -10px;
  margin-top: 10px !important;
}
ul.persliste,
ul.einrbaum ul.persliste {
  list-style: none;
  margin-left: -20px;
}
ul.persliste li,
ul.einrbaum ul.persliste li {
  padding-left: 10px;
  text-indent: -10px;
  margin-top: 0 !important;
}
/* Einrichtungslisten */
/* Style 1 - dl - Einrichtungsliste 1 - Einrichtung mit ihren untergeordneten Einrichtungen */
dl.unterorgliste dt {
  font-size: 1.2em;
  margin: 15px 0 5px;
}
/* Style 2 - ul - Einrichtungsliste 2 - Nur die untergeordneten Einrichtungen */
ul.unterorgliste {
  list-style: none;
  margin-left: -20px;
}
ul.unterorgliste li {
  padding-left: 10px;
  text-indent: -10px;
}
/* Style 3 - h3/dl - Einrichtungsliste 4 - Kerndaten der Untereinrichtungen einer Einrichtung */
.einrichtung_kontakt {
  border: none !important;
  padding: 15px 10px 10px;
  margin: 0;
}
h3.einrichtung_kontakt {
  background-color: rgba(0, 0, 0, 0.05);
}
dl.einrichtung_kontakt {
  padding: 10px;
  width: 100% !important;
}
/*Tabellenformatierung*/
table.inline {
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: top;
  margin: 15px 0;
  border: 1px dashed #000000;
  width: 484px;
}
table.inline thead th {
  padding: 3px;
  vertical-align: top;
  text-align: left;
  line-height: 1.5em;
}
/*Foto auf der Persondetailseite*/
img.foto {
  border: none !important;
}
td.foto {
  text-align: right;
  padding: 3px;
}
a.tel {
  color: #545454;
  cursor: text;
}
div.aktuelle_forschung {
  border: none !important;
  width: 484px;
  margin: 15px 0;
  padding-top: 10px;
}
div.aktuelle_forschung div {
  padding-left: 10px;
  margin-top: 10px;
}
div.aktuelle_forschung h3.forschung_titel {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border: none !important;
  padding-bottom: 4px;
  padding-top: 15px;
  padding-left: 5px;
  margin-top: -3px;
}
div.aktuelle_forschung ul {
  margin-left: -15px;
}
div.aktuelle_forschung ol {
  margin-left: -15px;
}
div.aktuelle_forschung li {
  padding-top: 2px;
  padding-bottom: 2px;
}
div.aktuelle_forschung dd {
  margin-left: 25px;
  padding-top: 2px;
  padding-bottom: 2px;
}
div.aktuelle_forschung table {
  border: white solid 0px;
}
div.aktuelle_forschung table th {
  text-align: left;
}
div.curriculum_vitae {
  border: none !important;
  width: 484px;
  margin: 15px 0;
  padding-top: 10px;
}
div.curriculum_vitae div {
  margin-top: 10px;
  padding-left: 10px;
}
div.curriculum_vitae h3.cv_titel {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border: none !important;
  padding-top: 15px;
  padding-bottom: 4px;
  margin-top: -3px;
  padding-left: 5px;
}
div.curriculum_vitae ul {
  margin-left: -15px;
}
div.curriculum_vitae ol {
  margin-left: -15px;
}
div.curriculum_vitae li {
  padding-top: 2px;
  padding-bottom: 2px;
}
div.curriculum_vitae dd {
  margin-left: 25px;
  padding-top: 2px;
  padding-bottom: 2px;
}
div.curriculum_vitae table {
  border: white solid 0px;
}
div.curriculum_vitae table th {
  text-align: left;
}
div.foda_daten {
  border: none !important;
  width: 484px;
  margin: 15px 0;
  padding-top: 10px;
}
div.foda_daten div {
  margin-top: 10px;
  padding-left: 10px;
}
div.foda_daten dl {
  list-style-type: none;
}
div.foda_daten dt {
  font-size: 1em;
  font-weight: bold;
  margin-left: 5px;
  padding-top: 10px;
}
div.foda_daten dd {
  padding-top: 5px;
  padding-bottom: 5px;
}
div.foda_daten h3.foda_daten_titel {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border: none !important;
  padding-top: 15px;
  padding-bottom: 4px;
  margin-top: -3px;
  padding-left: 5px;
}
@media screen and (max-width: 1199px) {
  #wrapper #header-content.portal-design-1 #uni-logo {
    left: 55px !important;
  }
  #wrapper #header-content.portal-design-1 #farbbalken,
  #wrapper #header-content.portal-design-1 #farbbalken_durchsichtig {
    left: 240px !important;
    width: 820px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .portal-farbe {
    right: 220px !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown {
    left: 250px !important;
  }
  #wrapper #header-content.portal-design-1 #a_z {
    left: 700px !important;
  }
  #wrapper #header-content.portal-design-1 #breadcrumbleiste {
    width: 784px !important;
  }
  #wrapper #header-content.portal-design-1 #history {
    left: 242px !important;
  }
  #wrapper #header-content.portal-design-1 #suche {
    left: 808px !important;
    width: 280px !important;
  }
  #wrapper #header-content.portal-design-2 #uni-logo {
    left: 57px !important;
    top: 18px;
  }
  #wrapper #header-content.portal-design-2 #titel {
    left: 360px;
    top: 60px;
    width: 639px;
    height: 36px;
  }
  #wrapper #header-content.portal-design-2 #schriftzug_portal {
    bottom: 55px;
    width: 229px !important;
    height: auto;
    text-align: right;
  }
  #wrapper #header-content.portal-design-2 #schriftzug_portal img {
    height: 32px;
    width: auto;
  }
  #wrapper #header-content.portal-design-2 #pulldown {
    top: 89px;
    left: 242px !important;
    width: 100%;
    height: 23px;
    padding-left: 11px;
  }
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li {
    padding: 0 20px;
  }
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul {
    width: 210px;
    left: 0px !important;
    top: 18px !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul li {
    padding: 3px 10px !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul li a {
    line-height: inherit;
  }
  #wrapper #header-content.portal-design-2 #kopfbild {
    left: 242px !important;
    top: 90px;
    width: 100%;
    height: 220px;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel {
    width: 820px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random li {
    width: 820px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel:hover > a.prev,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel:hover > a.next {
    opacity: 1 !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.next,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev {
    opacity: 1 !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev {
    left: 10px;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider_pag {
    position: relative;
    margin-top: -70px;
    max-width: 820px !important;
  }
  #wrapper #header-content.portal-design-2 #farbbalken {
    width: 770px !important;
  }
  #wrapper #header-content.portal-design-2 #farbbalken_durchsichtig {
    width: 770px !important;
  }
  #wrapper #header-content.portal-design-2 #piktogramm {
    width: 210px !important;
  }
  #wrapper #header-content.portal-design-2 #einrichtungs-logo {
    height: 80px;
    max-height: 80px;
  }
  #wrapper #header-content.portal-design-2 #language-switcher {
    top: 68px;
    right: 15px;
  }
  #wrapper #header-content.portal-design-2 #a_z {
    left: 590px !important;
  }
  #wrapper #header-content.portal-design-2 #history {
    left: 242px !important;
    max-width: 250px !important;
  }
  #wrapper #header-content.portal-design-2 #suche {
    left: 792px !important;
  }
  #wrapper #main-content {
    margin-bottom: 50px;
  }
  #wrapper #main-content #main-menu {
    float: left;
    width: 180px;
  }
  #wrapper #main-content #main-menu #navigation li ul li {
    margin-left: 5px;
  }
  #wrapper #main-content #main-menu #menu_left {
    float: left;
    width: 182px;
    margin-top: -16px;
  }
  #wrapper #main-content #main-menu ul.main-menu-ul,
  #wrapper #main-content #main-menu ul.sub-menu-ul {
    margin-bottom: 40px;
    margin-left: 0 !important;
  }
  #wrapper #main-content .contentbreite {
    max-width: 960px !important;
  }
  #wrapper #main-content #content {
    width: 100% !important;
    max-width: 735px !important;
    /* overflow-x: auto !important;
				overflow-y: hidden !important; */
  }
  #wrapper #main-content #content table {
    overflow-x: scroll !important;
  }
  #wrapper #main-content #content .contentschmal {
    width: 100%;
  }
  #wrapper #main-content #content .content_full {
    max-width: 735px !important;
  }
  #wrapper #footer-content {
    /* CSS für Servicebereich */
  }
  #wrapper #footer-content .alle_service_icons {
    display: block;
    height: 42px;
  }
  #wrapper #footer-content .service_links {
    padding: 0 10px;
  }
  #wrapper #footer-content .service_links ul {
    margin-left: -40px;
  }
  #wrapper #footer-content .service_links ul li {
    max-width: 7.142%;
    min-width: 7.142%;
  }
  #wrapper #footer-content #service_fixed {
    position: fixed;
    height: 22px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 100;
  }
  #wrapper #footer-content #service_fixed a {
    font-size: inherit;
    font-weight: normal;
    text-decoration: none;
  }
  #wrapper #footer-content #service_fixed #service_inner {
    position: relative;
    padding-bottom: 5px;
    height: 22px;
    margin: auto;
    min-width: 735px !important;
    max-width: 1060px !important;
    border-top: 1px solid #ccc;
  }
  #wrapper #footer-content #service_fixed #service_inner #service_link .uni_service_ueberschrift_unterseiten {
    margin-left: 10px;
    margin-top: 2px;
    cursor: pointer;
  }
  #wrapper #footer-content #service_fixed #service_inner #service_link #service_pfeil {
    position: absolute;
    left: 66px;
    top: 6px;
  }
  #wrapper #footer-content #service_fixed #service_inner .service_links {
    margin-top: 3px;
    padding-top: 1px;
  }
  #wrapper #footer-content #service_scroll {
    position: relative;
    top: 0px;
    min-width: 735px !important;
    max-width: 1060px !important;
    padding: 0px;
    margin-bottom: 10px;
  }
  #wrapper #footer-content #footer {
    width: calc(100% - 160px);
    max-width: 100%;
    height: auto;
    padding: 0 80px;
  }
  #wrapper #footer-content #footer #footer_audit {
    text-align: right;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .mobile {
    display: block !important;
  }
  .screenreader.mobile {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  .no-mobile {
    display: none !important;
  }
  .screenreader.no-mobile {
    display: block !important;
  }
  #wrapper #header-content.portal-design-1 #uni-logo {
    left: 55px !important;
  }
  #wrapper #header-content.portal-design-1 #einrichtungs-logo {
    right: 20px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .portal-farbe {
    right: 500px !important;
  }
  #wrapper #header-content.portal-design-1 #farbbalken,
  #wrapper #header-content.portal-design-1 #farbbalken_durchsichtig {
    width: 540px !important;
  }
  #wrapper #header-content.portal-design-1 #a_z {
    left: 555px !important;
  }
  #wrapper #header-content.portal-design-1 #breadcrumbleiste {
    width: 534px !important;
  }
  #wrapper #header-content.portal-design-1 #history {
    left: 42px !important;
  }
  #wrapper #header-content.portal-design-1 #suche {
    left: 550px !important;
  }
  #wrapper #header-content.portal-design-2 #uni-logo {
    left: 37px !important;
  }
  #wrapper #header-content.portal-design-2 #einrichtungs-logo {
    right: 20px !important;
  }
  #wrapper #header-content.portal-design-2 #schriftzug_portal {
    width: 209px !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown {
    left: 222px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild {
    left: 222px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel {
    width: 560px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random li {
    width: 560px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider_pag {
    max-width: 560px !important;
  }
  #wrapper #header-content.portal-design-2 #farbbalken,
  #wrapper #header-content.portal-design-2 #farbbalken_durchsichtig {
    width: 540px !important;
  }
  #wrapper #header-content.portal-design-2 #piktogramm {
    width: 190px !important;
  }
  #wrapper #header-content.portal-design-2 #a_z {
    left: 59% !important;
  }
  #wrapper #header-content.portal-design-2 #history {
    left: 222px !important;
    max-width: 200px !important;
  }
  #wrapper #header-content.portal-design-2 #suche {
    left: 550px !important;
  }
  #wrapper #header-content.portal-design-2 #suche .Feld {
    width: 110px !important;
  }
  #wrapper #main-content #main-menu {
    float: left;
    width: 180px;
  }
  #wrapper #main-content #main-menu #navigation li ul li {
    margin-left: 5px;
  }
  #wrapper #main-content #main-menu #menu_left {
    float: left;
    width: 182px;
    margin-top: -16px;
  }
  #wrapper #main-content #main-menu ul.main-menu-ul,
  #wrapper #main-content #main-menu ul.sub-menu-ul {
    margin-left: 0 !important;
    margin-bottom: 40px;
  }
  #wrapper #main-content #seitenmenubox {
    position: relative !important;
    left: 0px !important;
    top: auto !important;
    width: 198px;
    height: auto;
    margin-top: 20px !important;
    float: none !important;
  }
  #wrapper #main-content .contentbreite {
    max-width: 700px !important;
  }
  #wrapper #main-content #content {
    width: 100% !important;
    max-width: 480px !important;
  }
  #wrapper #main-content #content .contentschmal {
    width: 100%;
  }
  #wrapper #main-content #content .content_full {
    max-width: 480px !important;
  }
  #wrapper #footer-content .service_links ul li {
    max-width: 14.284% !important;
    min-width: 14.284% !important;
  }
  #wrapper #footer-content #service_scroll {
    position: relative;
    top: 0px;
    min-width: 480px !important;
    max-width: 780px !important;
    padding: 0px;
    margin-bottom: 20px !important;
  }
  #wrapper #footer-content #footer {
    width: calc(100% - 50px) !important;
    max-width: 100%;
    height: auto;
    padding: 10px 25px !important;
  }
  #wrapper #footer-content #footer #footer_infos {
    text-align: left !important;
  }
  #wrapper #footer-content #footer #footer_infos span {
    padding: 0 0 !important;
  }
  #wrapper #footer-content #footer #footer_infos span:after {
    content: ' ';
    display: block;
  }
  #wrapper #footer-content #footer #footer_audit {
    text-align: right;
    width: 100%;
  }
}
@media screen and (max-width: 779px) {
  /* Formulare */
  input,
  select,
  textarea {
    font-size: inherit;
  }
  .Bereich,
  .Feld {
    width: 190px !important;
    padding: 3px !important;
  }
  .Auswahl {
    width: 75px;
  }
  .Button {
    font-size: inherit;
    padding: 2px 5px !important;
  }
  #wrapper #header-content.portal-design-1 {
    height: auto !important;
    margin-top: 20px;
  }
  #wrapper #header-content.portal-design-1 #uni-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-bottom: 40px;
  }
  #wrapper #header-content.portal-design-1 #einrichtungs-logo {
    right: 0px !important;
  }
  #wrapper #header-content.portal-design-1 #einrichtungs-logo img {
    max-width: 220px !important;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal {
    left: -20px !important;
    bottom: auto !important;
    top: 92px !important;
    padding: 5px 20px;
    width: 100% !important;
    text-align: left !important;
    max-width: 100% !important;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal.mit-slider-text {
    top: 92px !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: auto !important;
    padding-left: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown #Navigation li {
    float: none !important;
    padding: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown #Navigation li a:after {
    color: #ccc !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown #Navigation li ul.pd-sub-ul {
    position: relative !important;
    top: 0px !important;
    width: 435px !important;
    margin-bottom: 10px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild {
    left: -20px !important;
    top: 92px;
    width: 480px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-kopfbild-random li {
    width: 480px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-kopfbild-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-kopfbild-random.mit-text .portal-farbe {
    right: auto !important;
    left: 0;
    width: 460px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.next {
    right: 10px !important;
  }
  #wrapper #header-content.portal-design-1 #farbbalken,
  #wrapper #header-content.portal-design-1 #farbbalken_durchsichtig {
    position: relative !important;
    width: 490px !important;
    top: auto !important;
    left: -20px !important;
  }
  #wrapper #header-content.portal-design-1 #farbbalken {
    height: 225px !important;
  }
  #wrapper #header-content.portal-design-1 #farbbalken_durchsichtig {
    margin-bottom: 20px !important;
  }
  #wrapper #header-content.portal-design-1 #a_z {
    position: relative !important;
    left: auto !important;
    top: -192px !important;
  }
  #wrapper #header-content.portal-design-1 #language-switcher {
    top: -36px !important;
    right: -5px !important;
  }
  #wrapper #header-content.portal-design-1 #breadcrumbleiste,
  #wrapper #header-content.portal-design-1 #piktogramm {
    display: none !important;
  }
  #wrapper #header-content.portal-design-1 #history {
    position: relative !important;
    left: -20px !important;
    top: auto !important;
    max-width: 440px !important;
    width: 440px !important;
    height: auto !important;
    padding: 5px 20px 8px;
    margin: 20px 0;
    background: #aaa;
  }
  #wrapper #header-content.portal-design-1 #suche {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-bottom: 30px;
  }
  #wrapper #header-content.portal-design-1 #suche .Feld {
    width: 190px !important;
  }
  #wrapper #header-content.portal-design-2 {
    height: auto !important;
  }
  #wrapper #header-content.portal-design-2 #uni-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-bottom: 40px;
  }
  #wrapper #header-content.portal-design-2 #einrichtungs-logo {
    right: 0px !important;
  }
  #wrapper #header-content.portal-design-2 #einrichtungs-logo img {
    max-width: 220px !important;
  }
  #wrapper #header-content.portal-design-2 #schriftzug_portal {
    left: -20px !important;
    bottom: auto !important;
    top: 92px !important;
    padding: 5px 20px;
    width: 100% !important;
    text-align: left !important;
    max-width: 100% !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: auto !important;
    padding-left: 0 !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown #Navigation li {
    float: none !important;
    padding: 0 !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown #Navigation li a:after {
    color: #ccc !important;
  }
  #wrapper #header-content.portal-design-2 #pulldown #Navigation li ul.pd-sub-ul {
    position: relative !important;
    top: 0px !important;
    width: 435px !important;
    margin-bottom: 10px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild {
    left: -20px !important;
    top: 112px;
    width: 480px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel {
    width: 480px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random li {
    width: 480px !important;
  }
  #wrapper #header-content.portal-design-2 #farbbalken,
  #wrapper #header-content.portal-design-2 #farbbalken_durchsichtig {
    position: relative !important;
    width: 490px !important;
    top: auto !important;
    left: -20px !important;
  }
  #wrapper #header-content.portal-design-2 #farbbalken_durchsichtig {
    margin-bottom: 20px !important;
  }
  #wrapper #header-content.portal-design-2 #piktogramm {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  #wrapper #header-content.portal-design-2 #a_z {
    left: auto !important;
    top: 312px;
  }
  #wrapper #header-content.portal-design-2 #language-switcher {
    top: -36px !important;
    right: -5px !important;
  }
  #wrapper #header-content.portal-design-2 #history {
    position: relative !important;
    left: -20px !important;
    top: auto !important;
    max-width: 440px !important;
    width: 440px !important;
    height: auto !important;
    padding: 5px 20px 8px;
    margin: 20px 0;
    background: #aaa;
  }
  #wrapper #header-content.portal-design-2 #suche {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-bottom: 30px;
  }
  #wrapper #header-content.portal-design-2 #suche .Feld {
    width: 190px !important;
  }
  #wrapper #main-content #main-menu {
    float: left;
    width: 100% !important;
    overflow: hidden !important;
  }
  #wrapper #main-content #main-menu ul#navigation {
    width: 100% !important;
  }
  #wrapper #main-content #main-menu ul#navigation li ul {
    width: 100% !important;
  }
  #wrapper #main-content #main-menu ul#navigation li ul li {
    margin-left: 5px;
  }
  #wrapper #main-content #main-menu #menu_left {
    float: left;
    width: 100% !important;
    margin-top: -16px;
  }
  #wrapper #main-content #main-menu ul.main-menu-ul,
  #wrapper #main-content #main-menu ul.sub-menu-ul {
    margin-left: 0 !important;
    margin-bottom: 40px;
  }
  #wrapper #main-content #main-menu .menu-eintrag1,
  #wrapper #main-content #main-menu .menu-eintrag2 {
    padding: 3px 0 2px !important;
  }
  #wrapper #main-content #main-menu .menu-eintrag2 {
    width: 90% !important;
  }
  #wrapper #main-content #main-menu .menu-point,
  #wrapper #main-content #main-menu .menu_point {
    margin-top: 7px !important;
  }
  #wrapper #main-content #main-menu .hitarea {
    margin-top: 3px !important;
  }
  #wrapper #main-content .contentbreite,
  #wrapper #main-content .content_full {
    max-width: 440px !important;
    width: 440px !important;
  }
  #wrapper #main-content #content {
    width: 100% !important;
    max-width: 440px !important;
  }
  #wrapper #main-content #content .contentschmal {
    width: 100%;
  }
  #wrapper #main-content .seitenbox {
    top: 0;
  }
  #wrapper #main-content .seitenbox .infoboxrechts {
    position: relative;
    left: 0px;
    top: 0px;
    width: 198px;
    height: auto;
    margin-top: 10px;
    padding: 0.4em;
  }
  #wrapper #footer-content .service_links {
    padding: 10px 10px 0 !important;
  }
  #wrapper #footer-content .service_links ul li {
    max-width: 33.3% !important;
    min-width: 33.3% !important;
    height: 90px !important;
  }
  #wrapper #footer-content .service_links ul li a {
    font-size: inherit;
  }
  #wrapper #footer-content #service_scroll {
    position: relative;
    top: 0px;
    min-width: 400px !important;
    max-width: 480px !important;
    padding: 0px;
    margin-bottom: 0px !important;
  }
  #wrapper #footer-content #service_scroll .service_ueberschrift {
    height: 32px !important;
  }
  #wrapper #footer-content #service_scroll .service_ueberschrift h1 {
    padding-top: 7px !important;
    margin-left: 20px !important;
  }
  #wrapper #footer-content #service_scroll a {
    font-size: inherit;
    font-weight: bold !important;
  }
  #wrapper #footer-content #footer {
    width: 440px !important;
    max-width: 440px !important;
    height: auto;
    padding: 10px 20px !important;
  }
  #wrapper #footer-content #footer #footer_social_icons {
    float: none !important;
  }
  #wrapper #footer-content #footer #footer_infos {
    text-align: left !important;
  }
  #wrapper #footer-content #footer #footer_infos span {
    padding: 0 0 !important;
  }
  #wrapper #footer-content #footer #footer_infos span:after {
    content: ' ';
    display: block;
  }
}
@media screen and (max-width: 479px) {
  body,
  html {
    font-size: inherit;
  }
  input,
  select,
  textarea {
    max-width: 100%;
  }
  #wrapper #header-content.portal-design-1,
  #wrapper #header-content.portal-design-2 {
    height: auto !important;
  }
  #wrapper #header-content.portal-design-1 #uni-logo,
  #wrapper #header-content.portal-design-2 #uni-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-bottom: 40px;
  }
  #wrapper #header-content.portal-design-1 #einrichtungs-logo,
  #wrapper #header-content.portal-design-2 #einrichtungs-logo {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    right: auto !important;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal img,
  #wrapper #header-content.portal-design-2 #schriftzug_portal img {
    max-height: 27px !important;
    width: auto !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown,
  #wrapper #header-content.portal-design-2 #pulldown {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    height: auto !important;
    padding-left: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown #Navigation li,
  #wrapper #header-content.portal-design-2 #pulldown #Navigation li {
    float: none !important;
    padding: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown #Navigation li a:after,
  #wrapper #header-content.portal-design-2 #pulldown #Navigation li a:after {
    color: #ccc !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown #Navigation li ul.pd-sub-ul,
  #wrapper #header-content.portal-design-2 #pulldown #Navigation li ul.pd-sub-ul {
    width: 295px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild,
  #wrapper #header-content.portal-design-2 #kopfbild {
    width: 340px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel {
    width: 340px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-kopfbild-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random li {
    width: 340px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-kopfbild-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-kopfbild-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random.mit-text .portal-farbe {
    width: 320px !important;
  }
  #wrapper #header-content.portal-design-1 #farbbalken,
  #wrapper #header-content.portal-design-2 #farbbalken,
  #wrapper #header-content.portal-design-1 #farbbalken_durchsichtig,
  #wrapper #header-content.portal-design-2 #farbbalken_durchsichtig {
    width: 340px !important;
  }
  #wrapper #header-content.portal-design-1 #a_z,
  #wrapper #header-content.portal-design-2 #a_z {
    position: relative !important;
    left: auto !important;
    top: -186px !important;
  }
  #wrapper #header-content.portal-design-1 #history,
  #wrapper #header-content.portal-design-2 #history {
    max-width: 300px !important;
    width: 300px !important;
  }
  #wrapper #main-content {
    margin-bottom: 100px !important;
  }
  #wrapper #main-content #main-menu {
    float: left;
    width: 180px;
  }
  #wrapper #main-content #main-menu #navigation li ul li {
    margin-left: 5px;
  }
  #wrapper #main-content #main-menu #menu_left {
    float: left;
    width: 182px;
    margin-top: -16px;
  }
  #wrapper #main-content #main-menu ul.main-menu-ul,
  #wrapper #main-content #main-menu ul.sub-menu-ul {
    margin-left: 0 !important;
    margin-bottom: 40px;
  }
  #wrapper #main-content .contentbreite,
  #wrapper #main-content .content_full {
    max-width: 300px !important;
    width: 300px !important;
  }
  #wrapper #main-content #content {
    width: 100% !important;
    max-width: 300px !important;
  }
  #wrapper #main-content #content .contentschmal {
    width: 100%;
  }
  #wrapper #main-content #content img,
  #wrapper #main-content #content iframe {
    height: auto !important;
  }
  #wrapper #main-content .seitenbox {
    top: 0;
  }
  #wrapper #main-content .seitenbox .infoboxrechts {
    position: relative;
    left: 0px;
    top: 0px;
    width: 198px;
    height: auto;
    margin-top: 10px;
    padding: 0.4em;
  }
  #wrapper #main-content #seitenmenubox {
    position: relative !important;
    float: left !important;
    left: 0 !important;
  }
  #wrapper #footer-content .service_links {
    padding: 10px 10px 0 !important;
  }
  #wrapper #footer-content .service_links ul li {
    max-width: 33.3% !important;
    min-width: 33.3% !important;
    height: 90px !important;
  }
  #wrapper #footer-content .service_links ul li a {
    font-size: inherit;
  }
  #wrapper #footer-content #service_scroll {
    position: relative;
    top: 0px;
    min-width: 300px !important;
    max-width: 340px !important;
    padding: 0px;
    margin-bottom: 0px !important;
  }
  #wrapper #footer-content #service_scroll .service_ueberschrift {
    height: 32px !important;
  }
  #wrapper #footer-content #service_scroll .service_ueberschrift h1 {
    padding-top: 7px !important;
    margin-left: 20px !important;
  }
  #wrapper #footer-content #footer {
    width: 300px !important;
    max-width: 300px !important;
    height: auto;
    padding: 10px 20px !important;
  }
  #wrapper #footer-content #footer #footer_social_icons {
    float: none !important;
  }
  #wrapper #footer-content #footer #footer_infos {
    text-align: left !important;
  }
  #wrapper #footer-content #footer #footer_infos span {
    padding: 0 0 !important;
  }
  #wrapper #footer-content #footer #footer_infos span:after {
    content: ' ';
    display: block;
  }
  #wrapper #footer-content #footer #footer_audit .footer-icon {
    float: left !important;
    margin: 0 14px 5px -4px !important;
  }
}
@media (max-width: 1199px) {
  .infoboxlinks,
  #infoboxlinks {
    left: -225px !important;
  }
  #back-to-top {
    margin-left: 670px !important;
  }
}
@media (max-width: 991px) {
  /* Navicon - Menübutton für mobile Endgeräte */
  .lines-button {
    display: inline-block;
    padding: 1.25rem 0.625rem;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 0.35714286rem;
  }
  .lines-button:hover {
    opacity: 1;
  }
  .lines-button:active {
    transition: 0;
    background: rgba(0, 0, 0, 0.1);
  }
  .lines {
    display: inline-block;
    width: 2.5rem;
    height: 0.35714286rem;
    background: #909090;
    border-radius: 0.17857143rem;
    transition: 0.3s;
    position: relative;
    /*create the upper and lower lines as pseudo-elements of the middle line*/
  }
  .lines:before,
  .lines:after {
    display: inline-block;
    width: 2.5rem;
    height: 0.35714286rem;
    background: #909090;
    border-radius: 0.17857143rem;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 0.17857143rem center;
  }
  .lines:before {
    top: 0.625rem;
  }
  .lines:after {
    top: -0.625rem;
  }
  .lines-button.x.close .lines {
    /*hide the middle line*/
    background: transparent;
    /*overlay the lines by setting both their top values to 0*/
  }
  .lines-button.x.close .lines:before,
  .lines-button.x.close .lines:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 2.5rem;
  }
  .lines-button.x.close .lines:before {
    transform: rotate3d(0, 0, 1, 45deg);
  }
  .lines-button.x.close .lines:after {
    transform: rotate3d(0, 0, 1, -45deg);
  }
  /* .alle_service_icons { background-size: 250% !important; } */
  #back-to-top {
    position: relative !important;
    margin-left: 0 !important;
    bottom: auto !important;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .seitenbox,
  #seitenbox {
    position: relative !important;
    float: left !important;
    left: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .seitenbox .infoboxrechts,
  #seitenbox .infoboxrechts,
  .seitenbox #infoboxrechts,
  #seitenbox #infoboxrechts {
    position: relative !important;
    left: 0px;
    top: 0px;
    width: 91% !important;
    /* calc-fallback */
    width: calc(100% - 32px) !important;
    height: auto;
    margin-top: 10px;
    padding: 15px !important;
  }
  .seitenbox .infoboxrechts .visitenkarte img,
  #seitenbox .infoboxrechts .visitenkarte img,
  .seitenbox #infoboxrechts .visitenkarte img,
  #seitenbox #infoboxrechts .visitenkarte img {
    margin-bottom: 10px;
    width: 120px;
  }
  .seitenbox .infoboxrechts .visitenkarte .personendaten,
  #seitenbox .infoboxrechts .visitenkarte .personendaten,
  .seitenbox #infoboxrechts .visitenkarte .personendaten,
  #seitenbox #infoboxrechts .visitenkarte .personendaten {
    clear: both;
  }
  .seitenbox .infoboxrechts .visitenkarte .personendaten img,
  #seitenbox .infoboxrechts .visitenkarte .personendaten img,
  .seitenbox #infoboxrechts .visitenkarte .personendaten img,
  #seitenbox #infoboxrechts .visitenkarte .personendaten img {
    width: auto;
  }
  .halbe-breite {
    width: 100% !important;
  }
  .contentbox,
  .listenbox,
  .listenbox_schmal,
  .listenbox_schmal_rechts,
  .listenbox.halbe-breite,
  .contentbox.halbe-breite {
    width: 92%;
    width: calc(100% - 10px) !important;
  }
  p.spalten,
  div.spalten,
  p.spalten2,
  div.spalten2,
  p.spalten3,
  div.spalten3 {
    -webkit-column-count: 2 !important;
    -webkit-column-gap: 20px !important;
    -webkit-column-rule-color: silver !important;
    -webkit-column-rule-style: dotted !important;
    -webkit-column-rule-width: 1px !important;
    -moz-column-count: 2 !important;
    -moz-column-gap: 20px !important;
    -moz-column-rule-color: silver !important;
    -moz-column-rule-style: dotted !important;
    -moz-column-rule-width: 1px !important;
    column-count: 2 !important;
    column-gap: 20px !important;
    column-rule-color: silver !important;
    column-rule-style: dotted !important;
    column-rule-width: 1px !important;
  }
  .kontaktbox .kontaktbox-klick,
  .klappbox .kontaktbox-klick,
  .kontaktbox .klappbox-klick,
  .klappbox .klappbox-klick {
    cursor: pointer;
    font-weight: bold;
    font-size: inherit;
    line-height: 1.475;
  }
  .kontaktbox .kontaktbox-text .contentbox,
  .klappbox .kontaktbox-text .contentbox,
  .kontaktbox .klappbox-text .contentbox,
  .klappbox .klappbox-text .contentbox {
    width: 93% !important;
    width: calc(100% - 30px) !important;
  }
  .kontaktbox .kontaktbox-text .visitenkarte img,
  .klappbox .kontaktbox-text .visitenkarte img,
  .kontaktbox .klappbox-text .visitenkarte img,
  .klappbox .klappbox-text .visitenkarte img {
    width: 120px;
  }
  .kontaktbox .kontaktbox-text .visitenkarte .personendaten,
  .klappbox .kontaktbox-text .visitenkarte .personendaten,
  .kontaktbox .klappbox-text .visitenkarte .personendaten,
  .klappbox .klappbox-text .visitenkarte .personendaten {
    border: none !important;
    margin-left: 175px;
    padding-left: 10px;
  }
  .kontaktbox .kontaktbox-text .visitenkarte .personendaten img,
  .klappbox .kontaktbox-text .visitenkarte .personendaten img,
  .kontaktbox .klappbox-text .visitenkarte .personendaten img,
  .klappbox .klappbox-text .visitenkarte .personendaten img {
    width: auto;
  }
  /* Personenseiten - ContentReiter */
  .kontaktfoto {
    position: relative;
    float: left;
    width: 250px;
    height: auto;
    max-height: 500px;
    margin-right: 20px;
    background-color: #eee;
    overflow: hidden;
  }
  .kontaktfoto img {
    width: 250px !important;
    height: auto;
  }
  .kontaktdaten {
    width: 100%;
  }
  .kontaktdaten table tr td {
    padding: 10px 15px;
  }
  .kontaktdaten .mit-trennlinie {
    border-right: 2px solid #000000;
  }
  .reiter-wrapper .reiter-titel {
    float: none !important;
    display: block !important;
    border-left: none !important;
    border-right: none !important;
    margin-top: 10px !important;
  }
  .reiter-wrapper .reiter-text {
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }
  .reiter-wrapper .active .reiter-titel {
    border-right: none !important;
    border-left: none !important;
  }
  #nrwkarte,
  #NRWmap,
  #stadtklick {
    display: none;
  }
  .citytext {
    display: block !important;
  }
  .metaflex {
    flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
  }
  #boxen,
  .bild-boxen {
    width: 100% !important;
    height: auto !important;
  }
  #boxen .boxen,
  .bild-boxen .boxen {
    position: relative;
    float: left;
    /* width steht weiter unten */
    height: auto !important;
    min-height: 300px;
    border-right: none !important;
    font-size: 12px;
  }
  #boxen .box_bild,
  .bild-boxen .box_bild {
    position: relative;
    height: 135px;
    overflow: hidden;
    margin-bottom: 15px;
  }
  #boxen .box_bild img,
  .bild-boxen .box_bild img {
    position: absolute;
    width: 220px;
  }
  #boxen .box_bild .box_ueberschrift_div,
  .bild-boxen .box_bild .box_ueberschrift_div {
    position: absolute;
    bottom: 0px;
    top: auto;
    left: 0px;
    width: 95% !important;
    width: calc(100% - 6px) !important;
    height: auto;
    margin-bottom: 0px;
    padding: 3px 3px 3px 8px;
    background: rgba(0, 0, 0, 0.4);
  }
  #boxen .box_bild .box_ueberschrift_div .box_ueberschrift,
  .bild-boxen .box_bild .box_ueberschrift_div .box_ueberschrift {
    margin-left: 0px;
    font-size: 11pt;
    font-weight: bold;
    color: white;
  }
  #boxen .boxen_trenner,
  .bild-boxen .boxen_trenner {
    display: none !important;
  }
  #boxen .box_bild {
    margin-bottom: 0px !important;
  }
  #boxen .box_ueberschrift_div {
    position: relative;
    left: 0px;
    width: 95% !important;
    width: calc(100% - 6px) !important;
    height: 20px;
    top: -26px;
    margin-bottom: -10px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.4);
  }
  #boxen .box_ueberschrift_div .box_ueberschrift {
    font-size: 11pt;
    font-weight: bold;
    color: white;
    margin-left: 5px;
  }
  #boxen .box_ueberschrift_blickpunkt_div {
    position: relative;
    top: -37px;
    left: 0px;
    width: 95% !important;
    width: calc(100% - 6px) !important;
    height: 20px;
    margin-bottom: -21px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.4);
  }
  /* Die Bild-Boxen haben je nach Seitentyp unterschiedliche Breiten */
  .startseite #boxen .boxen,
  .startseite .bild-boxen .boxen,
  .startseite .flexcontainer.bild-boxen .boxen {
    width: 30% !important;
    width: calc(33.3% - 21px) !important;
  }
  .startseite #boxen .boxen.breite2,
  .startseite .bild-boxen .boxen.breite2,
  .startseite .flexcontainer.bild-boxen .boxen.breite2 {
    width: 460px !important;
    max-width: 100% !important;
  }
  .startseite #boxen .boxen.breite3,
  .startseite .bild-boxen .boxen.breite3,
  .startseite .flexcontainer.bild-boxen .boxen.breite3 {
    width: 95% !important;
    width: calc(100% - 20px) !important;
    min-height: auto !important;
    max-width: 100% !important;
  }
  .folgeseite #boxen .boxen,
  .folgeseite .bild-boxen .boxen,
  .folgeseite .flexcontainer.bild-boxen .boxen {
    width: 45% !important;
    width: calc(50% - 21px) !important;
  }
  .folgeseite #boxen .boxen.breite2,
  .folgeseite .bild-boxen .boxen.breite2,
  .folgeseite .flexcontainer.bild-boxen .boxen.breite2,
  .folgeseite #boxen .boxen.breite3,
  .folgeseite .bild-boxen .boxen.breite3,
  .folgeseite .flexcontainer.bild-boxen .boxen.breite3 {
    width: 95% !important;
    width: calc(100% - 20px) !important;
    max-width: 100% !important;
    min-height: auto !important;
  }
  /* .galerie & .list_carousel noch anpassen */
  /* Corporate Design Center noch anpassen */
}
@media (max-width: 779px) {
  #boxen.flexcontainer .boxen,
  .bild-boxen.flexcontainer .boxen {
    max-width: calc(50% - 10px) !important;
    padding-bottom: 20px;
  }
  #boxen.flexcontainer .box_bild,
  .bild-boxen.flexcontainer .box_bild {
    margin-right: 0px !important;
  }
  #boxen .boxen,
  .bild-boxen .boxen {
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-right: none !important;
  }
  #boxen .boxen ul.portal-feed,
  .bild-boxen .boxen ul.portal-feed {
    margin-left: 0 !important;
  }
  #boxen .box_bild,
  .bild-boxen .box_bild {
    position: relative;
    height: 135px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 10px;
  }
  #boxen .boxen_trenner,
  .bild-boxen .boxen_trenner {
    display: none !important;
  }
  .infoboxlinks,
  #infoboxlinks {
    position: relative !important;
    left: 0px !important;
    top: auto !important;
    width: 170px;
    height: auto;
    z-index: 5;
    margin-top: 10px;
    border: 1px #aaa dotted;
    background: #ffffff;
    float: right;
    padding: 0.4em;
  }
  .list_carousel.breite484 {
    width: 100% !important;
    max-width: 100%;
  }
  .list_carousel.breite484 ul li {
    width: 440px !important;
  }
  .list_carousel.breite484 ul li img {
    max-width: 100% !important;
  }
  .all-social-icons span {
    margin: 0 10px 0 0 !important;
  }
}
@media (max-width: 479px) {
  .startseite #boxen .boxen,
  .folgeseite #boxen .boxen,
  .startseite .bild-boxen .boxen,
  .folgeseite .bild-boxen .boxen,
  .startseite .flexcontainer.bild-boxen .boxen,
  .folgeseite .flexcontainer.bild-boxen .boxen {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .startseite #boxen .boxen a,
  .folgeseite #boxen .boxen a,
  .startseite .bild-boxen .boxen a,
  .folgeseite .bild-boxen .boxen a,
  .startseite .flexcontainer.bild-boxen .boxen a,
  .folgeseite .flexcontainer.bild-boxen .boxen a {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
  }
  .startseite #boxen .boxen ul,
  .folgeseite #boxen .boxen ul,
  .startseite .bild-boxen .boxen ul,
  .folgeseite .bild-boxen .boxen ul,
  .startseite .flexcontainer.bild-boxen .boxen ul,
  .folgeseite .flexcontainer.bild-boxen .boxen ul,
  .startseite #boxen .boxen ul.portal-feed,
  .folgeseite #boxen .boxen ul.portal-feed,
  .startseite .bild-boxen .boxen ul.portal-feed,
  .folgeseite .bild-boxen .boxen ul.portal-feed,
  .startseite .flexcontainer.bild-boxen .boxen ul.portal-feed,
  .folgeseite .flexcontainer.bild-boxen .boxen ul.portal-feed {
    margin-left: 0px !important;
  }
  .startseite #boxen .box_bild,
  .folgeseite #boxen .box_bild,
  .startseite .bild-boxen .box_bild,
  .folgeseite .bild-boxen .box_bild,
  .startseite .flexcontainer.bild-boxen .box_bild,
  .folgeseite .flexcontainer.bild-boxen .box_bild {
    position: relative;
    height: 135px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 0px !important;
  }
  .startseite #boxen .box_bild img,
  .folgeseite #boxen .box_bild img,
  .startseite .bild-boxen .box_bild img,
  .folgeseite .bild-boxen .box_bild img,
  .startseite .flexcontainer.bild-boxen .box_bild img,
  .folgeseite .flexcontainer.bild-boxen .box_bild img {
    width: 100% !important;
  }
  .startseite #boxen .box_bild .box_ueberschrift_div,
  .folgeseite #boxen .box_bild .box_ueberschrift_div,
  .startseite .bild-boxen .box_bild .box_ueberschrift_div,
  .folgeseite .bild-boxen .box_bild .box_ueberschrift_div,
  .startseite .flexcontainer.bild-boxen .box_bild .box_ueberschrift_div,
  .folgeseite .flexcontainer.bild-boxen .box_bild .box_ueberschrift_div {
    bottom: 0 !important;
    top: auto !important;
  }
  .visitenkarte .float-left {
    float: none !important;
  }
  .visitenkarte img {
    width: 120px;
    margin-top: 15px !important;
  }
  .visitenkarte .personendaten {
    margin-left: 10px !important;
    margin-top: 30px !important;
  }
  .list_carousel.breite484 {
    height: 300px !important;
  }
  .list_carousel.breite484 .caroufredsel_wrapper {
    height: 296px !important;
  }
  .list_carousel.breite484 ul li {
    width: 300px !important;
  }
  .list_carousel.breite484 a.prev,
  .list_carousel.breite484 a.next {
    top: 80px !important;
  }
  p.spalten,
  div.spalten,
  p.spalten2,
  div.spalten2,
  p.spalten3,
  div.spalten3 {
    -webkit-column-count: 1 !important;
    -webkit-column-gap: 20px !important;
    -webkit-column-rule-color: silver !important;
    -webkit-column-rule-style: dotted !important;
    -webkit-column-rule-width: 1px !important;
    -moz-column-count: 1 !important;
    -moz-column-gap: 20px !important;
    -moz-column-rule-color: silver !important;
    -moz-column-rule-style: dotted !important;
    -moz-column-rule-width: 1px !important;
    column-count: 1 !important;
    column-gap: 20px !important;
    column-rule-color: silver !important;
    column-rule-style: dotted !important;
    column-rule-width: 1px !important;
  }
}
/* Allgemeines & Typografie */
body,
html {
  font-size: 10px;
  line-height: 14pt;
  /* besser 1.15 */
}
code {
  font-family: monospace !important;
  font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit !important;
  letter-spacing: 0.5px;
  font-weight: 500;
  padding: 4px 0 3px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  color: #333333 !important;
  font-weight: 500 !important;
  font-style: normal !important;
}
h1,
h2,
h3 {
  font-size: 16px;
  line-height: 1.3;
}
h4 {
  font-size: 16px;
  margin: 5px 0;
}
h4 img {
  margin: -4px 2px -4px 0;
}
h5,
h6 {
  font-size: 14px;
  margin: 5px 0;
}
/* Font Awesome icons before and after quotes */
q:before,
blockquote:before {
  font-family: FontAwesome;
  color: #333;
  content: '\f101';
}
q:after,
blockquote:after {
  font-family: FontAwesome;
  color: #333;
  content: '\f100';
}
p {
  line-height: 1.475;
  padding-left: 0px;
}
hr {
  border: 1px solid #d4d0c8;
}
table {
  max-width: 100%;
}
td,
li {
  font-size: 12px;
  line-height: 1.475;
}
.screenreader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.screenreader.mobile {
  display: block !important;
}
.screenreader.no-mobile {
  position: relative !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
.print-only,
.mobile,
.dont-show {
  display: none;
}
.no-mobile {
  display: block;
}
.noborder {
  border: none !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear,
.clear:before,
.clear:after,
.clearfix,
.clearfix:before,
.clearfix:after {
  display: block;
  content: '';
  clear: both;
}
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-30 {
  margin: 30px;
}
.margin-l10 {
  margin-left: 10px;
}
.margin-l20 {
  margin-left: 20px;
}
.margin-l30 {
  margin-left: 30px;
}
.margin-r10 {
  margin-right: 10px;
}
.margin-r20 {
  margin-right: 20px;
}
.margin-r30 {
  margin-right: 30px;
}
.margin-lr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-lr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-lr30 {
  margin-left: 30px;
  margin-right: 30px;
}
/* Silbentrennung nicht in e-mail-adressen/links */
/* Formulare */
input,
select,
textarea {
  font-weight: bold;
  font-size: 12px;
  margin-right: 4px;
}
.Bereich,
.Feld {
  background-color: #ffffff;
  width: 148px;
  border: 1px solid #CCC;
}
.Auswahl {
  background-color: #ffffff;
  width: 75px;
  border: 1px solid #000000;
}
.Button {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #000000;
}
/* Haupt-Elemente */
.noscript-message {
  position: relative;
  background-color: #aaa;
  z-index: 999999999 !important;
}
.fullwidth {
  width: 100%;
}
.contentbreite {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
@media screen {
  #wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    max-width: unset !important;
    background: #ffffff;
    /* main-content ende */
  }
  #wrapper .list_carousel a.prev {
    left: 20px;
  }
  #wrapper .list_carousel a.next::after,
  #wrapper .list_carousel a.prev::after {
    line-height: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #uni-logo,
  #wrapper #header-content.portal-design-2 #uni-logo {
    position: absolute;
    left: 157px;
    top: 18px;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal,
  #wrapper #header-content.portal-design-2 #schriftzug_portal {
    position: absolute;
    text-align: right;
    z-index: 9;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal h1,
  #wrapper #header-content.portal-design-2 #schriftzug_portal h1 {
    font-size: 25px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
  }
  #wrapper #header-content.portal-design-1 #social_icons,
  #wrapper #header-content.portal-design-2 #social_icons {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  #wrapper #header-content.portal-design-1 #kopfbild,
  #wrapper #header-content.portal-design-2 #kopfbild {
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
  }
  #wrapper #header-content.portal-design-1 #kopfbild .copyright,
  #wrapper #header-content.portal-design-2 #kopfbild .copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: bold;
  }
  #wrapper #header-content.portal-design-1 #kopfbild #bildslider-emitdata,
  #wrapper #header-content.portal-design-2 #kopfbild #bildslider-emitdata {
    display: none;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel {
    padding-bottom: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li {
    position: relative;
    margin: 0 !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li .copyright,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li .copyright,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li .copyright,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li .copyright,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li .copyright,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li .copyright {
    top: 205px;
    right: 0 !important;
    bottom: auto !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li img,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li img,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li img,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li img,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li img,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li img {
    min-height: 227px;
    min-width: 100%;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel:hover > a.prev,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel:hover > a.prev,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel:hover > a.next,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel:hover > a.next {
    opacity: 0.8;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.next,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.next,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.prev,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev {
    display: block;
    position: absolute;
    text-decoration: none;
    top: 100px;
    opacity: 0.4;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.next:hover,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.next:hover,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.prev:hover,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev:hover {
    opacity: 1;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.next:after,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.next:after,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.prev:after,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev:after {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: normal;
    font-style: normal !important;
    color: #fff;
    margin: 0 4px 0 5px;
    font-size: 70px;
    text-shadow: 5px 2px 10px rgba(0, 0, 0, 0.5);
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.next:after,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.next:after {
    content: "\f0da";
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.prev,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev {
    left: 20px;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.prev:after,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.prev:after {
    content: "\f0d9";
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel #portal-slider_pag,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider_pag {
    position: relative;
    margin-top: -70px;
    z-index: 1;
  }
  #wrapper #header-content.portal-design-1 #pulldown,
  #wrapper #header-content.portal-design-2 #pulldown {
    position: absolute;
    top: 89px;
    z-index: 10;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li {
    padding: 0 20px;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li.pd-old,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li.pd-old {
    display: none;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li:hover,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li:hover a:after,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li:hover a:after {
    color: rgba(255, 255, 255, 0.7);
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li a,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li a {
    color: #444;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li a:after,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li a:after {
    font-family: FontAwesome;
    content: '\f0d7';
    color: rgba(255, 255, 255, 0.4);
    margin-left: 5px;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li a .pd-trennstrich,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li a .pd-trennstrich {
    display: none;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li ul,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul {
    z-index: 1999 !important;
    border: 1px solid #ccc !important;
    background: #fafafa;
    width: 210px;
    left: 0px !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li ul li,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul li {
    padding: 0 10px;
    border-bottom: none !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li ul li:last-child,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul li:last-child {
    border-bottom: none;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li ul li a,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul li a {
    color: #333333;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.2;
  }
  #wrapper #header-content.portal-design-1 #pulldown div ul#Navigation li ul li a:after,
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul li a:after {
    content: '';
  }
  #wrapper #header-content.portal-design-1 #einrichtungs-logo,
  #wrapper #header-content.portal-design-2 #einrichtungs-logo {
    width: auto;
    height: 80px;
    max-height: 80px;
  }
  #wrapper #header-content.portal-design-1 #einrichtungs-logo img,
  #wrapper #header-content.portal-design-2 #einrichtungs-logo img {
    height: 80px;
    max-height: 80px;
    width: auto;
  }
  #wrapper #header-content.portal-design-1 #language-switcher,
  #wrapper #header-content.portal-design-2 #language-switcher {
    position: absolute;
    top: 68px;
    right: 15px;
  }
  #wrapper #header-content.portal-design-1 #language-switcher a,
  #wrapper #header-content.portal-design-2 #language-switcher a {
    color: #ffffff;
    padding: 6px 10px;
    margin: 0 5px;
    background-color: #666666;
  }
  #wrapper #header-content.portal-design-1 #a_z,
  #wrapper #header-content.portal-design-2 #a_z,
  #wrapper #header-content.portal-design-1 #history,
  #wrapper #header-content.portal-design-2 #history,
  #wrapper #header-content.portal-design-1 #suche,
  #wrapper #header-content.portal-design-2 #suche {
    position: absolute;
    width: auto;
    height: 19px;
    text-align: left;
  }
  #wrapper #header-content.portal-design-1 #a_z li,
  #wrapper #header-content.portal-design-2 #a_z li,
  #wrapper #header-content.portal-design-1 #history li,
  #wrapper #header-content.portal-design-2 #history li,
  #wrapper #header-content.portal-design-1 #suche li,
  #wrapper #header-content.portal-design-2 #suche li,
  #wrapper #header-content.portal-design-1 #a_z a,
  #wrapper #header-content.portal-design-2 #a_z a,
  #wrapper #header-content.portal-design-1 #history a,
  #wrapper #header-content.portal-design-2 #history a,
  #wrapper #header-content.portal-design-1 #suche a,
  #wrapper #header-content.portal-design-2 #suche a {
    color: #ffffff;
    font-size: 7pt;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
  #wrapper #header-content.portal-design-1 #a_z.dunkel a,
  #wrapper #header-content.portal-design-2 #a_z.dunkel a,
  #wrapper #header-content.portal-design-1 #history.dunkel a,
  #wrapper #header-content.portal-design-2 #history.dunkel a,
  #wrapper #header-content.portal-design-1 #suche.dunkel a,
  #wrapper #header-content.portal-design-2 #suche.dunkel a {
    color: #333333;
  }
  #wrapper #header-content.portal-design-1 #a_z .fa,
  #wrapper #header-content.portal-design-2 #a_z .fa,
  #wrapper #header-content.portal-design-1 #history .fa,
  #wrapper #header-content.portal-design-2 #history .fa,
  #wrapper #header-content.portal-design-1 #suche .fa,
  #wrapper #header-content.portal-design-2 #suche .fa {
    font-size: 12px;
  }
  #wrapper #header-content.portal-design-1 #a_z,
  #wrapper #header-content.portal-design-2 #a_z {
    left: 63%;
    z-index: 7;
  }
  #wrapper #header-content.portal-design-1 #history,
  #wrapper #header-content.portal-design-2 #history {
    left: 342px;
    max-width: 450px;
    overflow: hidden;
    z-index: 8;
  }
  #wrapper #header-content.portal-design-1 #history #history-ul,
  #wrapper #header-content.portal-design-2 #history #history-ul {
    margin: 0;
    margin-left: -40px;
  }
  #wrapper #header-content.portal-design-1 #history #history-ul li,
  #wrapper #header-content.portal-design-2 #history #history-ul li {
    display: inline;
  }
  #wrapper #header-content.portal-design-1 #suche,
  #wrapper #header-content.portal-design-2 #suche {
    left: 918px;
    width: 280px;
    z-index: 1;
  }
  #wrapper #header-content.portal-design-1 #suche a,
  #wrapper #header-content.portal-design-2 #suche a {
    color: #666666;
    font-size: 10pt;
  }
  #wrapper #header-content.portal-design-1 {
    height: auto !important;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal {
    top: 150px;
    right: 0px;
    width: auto;
    min-width: 300px;
    height: auto;
    padding: 10px 20px;
  }
  #wrapper #header-content.portal-design-1 #schriftzug_portal.mit-slider-text {
    top: 140px !important;
    max-height: 87px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild {
    left: 0px;
    top: 112px;
    width: 100%;
    height: 227px;
    overflow: hidden;
  }
  #wrapper #header-content.portal-design-1 #kopfbild img {
    min-height: 227px;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper {
    height: 227px !important;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random li,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random li {
    width: 1280px;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .portal-farbe {
    opacity: 0.6;
    z-index: 0;
    height: 65px;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .slider-text {
    z-index: 1;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .portal-farbe,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-slider-random.mit-text .slider-text,
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel .caroufredsel_wrapper #portal-kopfbild-random.mit-text .slider-text {
    position: absolute;
    top: 135px;
    right: 0px;
    width: 320px;
    padding: 10px;
    color: white;
    overflow: hidden;
  }
  #wrapper #header-content.portal-design-1 #kopfbild.list_carousel a.next {
    right: 350px;
  }
  #wrapper #header-content.portal-design-1 #farbbalken {
    position: absolute;
    top: 90px;
    left: 342px;
    width: 938px;
    height: 22px;
  }
  #wrapper #header-content.portal-design-1 #farbbalken_durchsichtig {
    position: absolute;
    top: 112px;
    left: 342px;
    width: 938px;
    height: 10px;
    opacity: 0.6;
    z-index: 1;
  }
  #wrapper #header-content.portal-design-1 #piktogramm {
    display: none;
  }
  #wrapper #header-content.portal-design-1 #pulldown {
    left: 353px;
  }
  #wrapper #header-content.portal-design-1 #a_z,
  #wrapper #header-content.portal-design-1 #history,
  #wrapper #header-content.portal-design-1 #suche {
    top: 342px;
  }
  #wrapper #header-content.portal-design-1 #breadcrumbleiste {
    position: absolute;
    left: 0px;
    top: 339px;
    width: 884px;
    height: 22px;
    background-color: #999;
    z-index: 6;
  }
  #wrapper #header-content.portal-design-2 {
    height: auto !important;
  }
  #wrapper #header-content.portal-design-2 #schriftzug_portal {
    bottom: 55px;
    left: 0px;
    width: 329px;
    height: auto;
    word-wrap: break-word;
  }
  #wrapper #header-content.portal-design-2 #pulldown {
    left: 342px;
    width: 100%;
    height: 23px;
    padding-left: 11px;
    background: rgba(255, 255, 255, 0.7);
  }
  #wrapper #header-content.portal-design-2 #pulldown div ul#Navigation li ul {
    top: 18px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild {
    left: 342px;
    top: 90px;
    width: 938px;
    height: 220px;
    overflow: hidden;
  }
  #wrapper #header-content.portal-design-2 #kopfbild img {
    min-height: 220px;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel .caroufredsel_wrapper {
    height: 220px !important;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider-random li,
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-kopfbild-random li {
    width: 938px;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel a.next {
    right: 10px;
  }
  #wrapper #header-content.portal-design-2 #kopfbild.list_carousel #portal-slider_pag {
    max-width: 960px;
  }
  #wrapper #header-content.portal-design-2 #farbbalken {
    position: absolute;
    top: 112px;
    left: 0;
    width: 896px;
    height: 220px;
  }
  #wrapper #header-content.portal-design-2 #farbbalken_durchsichtig {
    position: absolute;
    top: 300px;
    left: 0;
    width: 896px;
    height: 10px;
    opacity: 0.6;
    z-index: 1;
  }
  #wrapper #header-content.portal-design-2 #piktogramm {
    position: absolute;
    top: 125px;
    left: 20px;
    width: 310px;
    height: 180px;
    text-align: right;
    display: table;
    z-index: 2;
  }
  #wrapper #header-content.portal-design-2 #piktogramm a {
    display: table-cell;
    vertical-align: bottom;
  }
  #wrapper #header-content.portal-design-2 #a_z,
  #wrapper #header-content.portal-design-2 #history,
  #wrapper #header-content.portal-design-2 #suche {
    top: 312px;
  }
  #wrapper #header-content.portal-design-2 #breadcrumbleiste {
    display: none;
  }
  #wrapper #main-content {
    margin-bottom: 0 !important;
    padding-bottom: 50px !important;
    padding-top: 2rem !important;
    background-color: #ffffff;
  }
  #wrapper #main-content #main-menu {
    float: left;
    width: 180px;
  }
  #wrapper #main-content #main-menu #navigation li ul li {
    margin-left: 5px;
  }
  #wrapper #main-content #main-menu #navigation a {
    font-size: 13.3px;
  }
  #wrapper #main-content #main-menu #menu_left {
    float: left;
    width: 182px;
    margin-top: -16px;
  }
  #wrapper #main-content #main-menu ul.toc-liste {
    list-style: none;
    padding-left: 45px;
    margin-top: 0;
  }
  #wrapper #main-content #main-menu ul.toc-liste li {
    padding: 2px 0px 2px 11px !important;
    margin-left: -11px;
    text-indent: -10px;
    border-bottom: none !important;
    line-height: inherit;
  }
  #wrapper #main-content #main-menu ul.toc-liste li a {
    font-weight: normal;
  }
  #wrapper #main-content ul.main-menu-ul,
  #wrapper #main-content ul.sub-menu-ul {
    margin-bottom: 40px;
    padding: 0 !important;
    margin-left: 0 !important;
    list-style: none;
  }
  #wrapper #main-content ul.main-menu-ul li,
  #wrapper #main-content ul.sub-menu-ul li {
    padding: 4px 5px 2px 0px;
  }
  #wrapper #main-content ul.main-menu-ul li a,
  #wrapper #main-content ul.sub-menu-ul li a {
    font-weight: bold;
    font-family: inherit !important;
    font-size: 13.3px;
  }
  #wrapper #main-content ul.main-menu-ul li a .menu-point,
  #wrapper #main-content ul.sub-menu-ul li a .menu-point {
    float: left;
    width: 10px;
    height: 10px;
    margin: 4px 20px 0 3px;
    background: url(https://www.uni-bielefeld.de/template-files/images/menu-cross.png) no-repeat #999;
  }
  #wrapper #main-content ul.main-menu-ul li a .menu-eintrag1,
  #wrapper #main-content ul.sub-menu-ul li a .menu-eintrag1 {
    margin-left: 33px;
  }
  #wrapper #main-content ul.main-menu-ul li.active a,
  #wrapper #main-content ul.sub-menu-ul li.active a {
    font-weight: bold !important;
  }
  #wrapper #main-content ul.main-menu-ul li.active a .menu-point,
  #wrapper #main-content ul.sub-menu-ul li.active a .menu-point {
    background-color: #000;
  }
  #wrapper #main-content #seitenmenubox {
    position: absolute;
    left: 520px;
    top: 0;
    width: 198px;
    height: auto;
    margin-top: 0px;
    border: none !important;
    background: transparent;
    float: right;
    padding: 0;
  }
  #wrapper #main-content #content {
    float: right;
    position: relative;
    width: 720px;
    max-width: 100%;
    min-height: 350px;
  }
  #wrapper #main-content #content .contentschmal {
    width: 484px;
    max-width: 100%;
  }
  #wrapper #main-content #content .content_full {
    width: 727px;
  }
  #wrapper #main-content #content li {
    margin: 3px 0;
  }
  #wrapper #main-content #content img,
  #wrapper #main-content #content iframe {
    max-width: 100% !important;
  }
  #wrapper #footer-content {
    position: relative;
  }
  #wrapper #footer-content h1 {
    border: none !important;
    margin-left: 10px;
  }
  #wrapper #footer-content #service_fixed {
    position: fixed;
    height: 22px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 100;
  }
  #wrapper #footer-content #service_fixed a {
    font-size: 8pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
  }
  #wrapper #footer-content #service_fixed #service_inner {
    position: relative;
    padding-bottom: 5px;
    height: 22px;
    margin: auto;
    min-width: 960px;
    max-width: 1280px;
    background-color: #e0eb98;
    border: none !important;
  }
  #wrapper #footer-content #service_fixed #service_inner #service_link h3 {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin: 0 2px 0 10px;
  }
  #wrapper #footer-content #service_fixed #service_inner #service_link #service_pfeil {
    position: absolute;
    left: 66px;
    top: 2px;
  }
  #wrapper #footer-content #service_fixed #service_inner .service_links {
    background-color: #ffffff;
    margin-top: 3px;
    padding-top: 1px;
  }
  #wrapper #footer-content #service_scroll {
    position: relative;
    top: 0px;
    min-width: 960px;
    max-width: 1280px;
    z-index: 10;
    padding: 0px;
    margin-bottom: 10px;
    background-color: #ffffff;
    text-align: left;
    font-size: 8pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper #footer-content #service_scroll a {
    font-size: 8pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
  }
  #wrapper #footer-content #service_scroll .service_ueberschrift {
    background-color: #e0eb98;
    height: 22px;
  }
  #wrapper #footer-content #service_scroll .service_ueberschrift h3 {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin-left: 10px;
  }
  #wrapper #footer-content #footer {
    position: relative;
    width: calc(100% - 160px);
    max-width: 100%;
    height: auto;
    padding: 0 80px;
    background-color: #666666;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    color: #d4d0c8;
    text-decoration: none;
  }
  #wrapper #footer-content #footer a {
    font-weight: normal;
    color: #d4d0c8;
    text-decoration: none;
  }
  #wrapper #footer-content #footer #footer_social_icons,
  #wrapper #footer-content #footer #footer_infos,
  #wrapper #footer-content #footer #footer_audit {
    padding: 8px 0;
  }
  #wrapper #footer-content #footer #footer_social_icons {
    float: right;
  }
  #wrapper #footer-content #footer #footer_social_icons .all-social-icons a {
    font-weight: 300;
  }
  #wrapper #footer-content #footer #footer_social_icons .social-icon:before {
    color: #fff;
  }
  #wrapper #footer-content #footer #footer_infos {
    text-align: center;
  }
  #wrapper #footer-content #footer #footer_infos span {
    padding: 0 30px;
  }
  #wrapper #footer-content #footer #footer_dotted {
    width: 100%;
    border: none !important;
    margin: auto;
    height: 0;
  }
  #wrapper #footer-content #footer #footer_audit {
    width: 100%;
  }
  #wrapper #footer-content #footer #footer_audit .footer-icon {
    float: right;
    background: url('https://www.uni-bielefeld.de/images/homepage_2012/homepage_2012_audit_icons.jpg');
    width: 55px;
    height: 55px;
    margin: 0 -4px 0 14px;
  }
  #wrapper #footer-content #footer #footer_audit #fi-r6 {
    background-position: 420px 0;
  }
  #wrapper #footer-content #footer #footer_audit #fi-r5 {
    background-position: 352px 0;
  }
  #wrapper #footer-content #footer #footer_audit #fi-r4 {
    background-position: 292px 0;
    width: 95px;
  }
  #wrapper #footer-content #footer #footer_audit #fi-r3 {
    background-position: 192px 0;
  }
  #wrapper #footer-content #footer #footer_audit #fi-r2 {
    background-position: 122px 0;
  }
  #wrapper #footer-content #footer #footer_audit #fi-r1 {
    background-position: 50px 0;
  }
  #wrapper.blog h1,
  #wrapper.blog h1 a,
  #wrapper.blog h2,
  #wrapper.blog h2 a,
  #wrapper.blog h3,
  #wrapper.blog h3 a {
    font-weight: bold !important;
  }
  #wrapper.blog .blog_eintrag .blog_eintrag_inhalt:after {
    content: "";
    clear: both !important;
    display: block;
    visibility: hidden;
    height: 0;
  }
  #wrapper.blog .blog_eintrag .datum {
    border-bottom: 1px solid transparent !important;
  }
  #wrapper.blog .blog_eintrag .image {
    width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
  }
  #wrapper.blog .blog_eintrag .image img {
    max-width: 200px;
  }
  #wrapper.blog .blog_eintrag .image .bildunterzeile {
    font-weight: 300;
    font-size: 8pt;
    line-height: 1.3;
    color: #999;
    max-width: 200px;
    padding-top: 5px;
  }
}
/* Print-Version */
@media print {
  dont-print {
    display: none !important;
  }
  #wrapper #header-content.portal-design-1 #pulldown,
  #wrapper #header-content.portal-design-2 #pulldown,
  #wrapper #main-content #main-menu,
  #wrapper #footer-content #service_fixed,
  #wrapper #footer-content #service_scroll,
  #wrapper #header-content.portal-design-1 #suche,
  #wrapper #header-content.portal-design-2 #suche,
  #wrapper #header-content.portal-design-1 #a_z,
  #wrapper #header-content.portal-design-2 #a_z,
  #wrapper #header-content.portal-design-1 #social_icons,
  #wrapper #header-content.portal-design-2 #social_icons,
  #wrapper #footer-content #footer #footer_social_icons,
  #wrapper #footer-content #footer #footer_audit,
  #wrapper #footer-content #footer #footer_impressum,
  #wrapper #footer-content #footer #footer_copyright img {
    display: none !important;
  }
  #wrapper #main-content #content,
  #wrapper #main-content #content .contentschmal,
  #wrapper #main-content #content .content_full {
    width: 100% !important;
  }
  #history #history-ul {
    margin: 0;
    margin-left: -40px;
    list-style: none;
  }
  #history #history-ul li {
    display: inline;
  }
}