@charset "UTF-8";
/* Setting Variables used in theme and client and can be overwritten */
/*
$primary-color:           var(--primary-color);
$primary-dark-color:      var(--primary-dark-color);
$primary-light-color:     var(--primary-ligth-color);

// Theme colors secondary - MUG LIGHTGREEN
$secondary-color:          var(--secondary-color); //  (R81, G174, B50)
$secondary-dark-color:     var(--secondary-dark-color);
$secondary-light-color:    var(--secondary-ligth-color);
*/
@import url("../../../../fonts/open-sans/opensans.css");
@import url("../../../../fonts/fontawesome/regular.min.css");
@import url("../../../../fonts/fontawesome/solid.min.css");
@import url("../../../../fonts/fontawesome/fontawesome.min.css");
.application .folder span {
  color: #007934;
}

@media (max-width: 991px) {
  body {
    margin-top: 0 !important;
  }
}
/**
 * Global IFrame adapter CSS
 */
/* =======================================================
 * General Integration Style Customizations
 * ======================================================= */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  /* fix for menu dropdown bug B-44958 */
  min-height: 100%;
  display: flex; /*  flex-direction: column; XMR */
}

body, table, div, tr, td {
  box-sizing: inherit;
}

html body {
  font-family: "Open Sans", "Helvetica", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: var(--text-color, #333);
  background-color: var(--main-content-background-color, var(--white, #fff));
  overflow: auto !important;
  min-height: 100%;
  margin: 0;
  clear: both;
  display: flex;
  flex: 1;
  flex-direction: column; /* fix for menu dropdown bug B-44958 */
}

html body form, html body a, html body table th, html body table td, html body table span {
  font-family: "Open Sans", "Helvetica", Arial, sans-serif;
}

body > div[style*="img/loading_24x24"], html body #idPageLoader, html body div.pageLoading {
  min-width: 80px;
  width: 80px;
  max-width: 100px;
}

/**
 * @author Michael Lorenzoni <m.lorenzoni@tugraz.at>
 *
 * we need a page wrapper (idEePageWrapper),
 * because safari on ios does something stupid
 * when your are scrolling the page body in an iframe
 * (it does not scroll at all)
 */
#idEePageWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*border: 5px solid red;*/
  overflow: auto;
}

body #pageContent {
  box-sizing: border-box;
  clear: both;
  display: flex;
  flex-direction: column;
  display: block;
  height: auto;
  padding: 0;
  margin: 0;
  min-height: 100vh;
  min-width: 100%;
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 4.75em;
  width: auto;
}
@media (max-width: 767px) {
  body #pageContent { /* fix overlapping mobile bottom bar B-52859 */ }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) {
  body #pageContent {
    padding-bottom: 7em;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 3) {
  body #pageContent {
    padding-bottom: 7em;
  }
}
body #pageContent > form {
  padding: 0;
  box-sizing: border-box;
}

html:not(.fwk-pu) body #pageContent > form {
  padding: 0 0.5em;
}

#idPageHeader, #idTopPageHeader, #idTopPageHeader tbody {
  display: none !important;
}

#idPageFooter {
  display: block;
  float: left;
  position: absolute;
  bottom: 0;
  min-height: 2em;
  min-width: 100%;
  width: auto;
  max-width: 100%;
}

#idPageFooter,
#idPageFooter tbody,
#idPageFooter tr,
#idPageFooter .footerCell {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  display: block;
  width: 100%;
}
#idPageFooter .footer,
#idPageFooter tbody .footer,
#idPageFooter tr .footer,
#idPageFooter .footerCell .footer {
  white-space: normal;
}

#idPageFooter .footerCell {
  white-space: normal;
  padding: 1em;
  text-align: center;
  background: #007934;
  color: var(--footer-text-color, var(--white, #fff));
}

#idPageFooter .footerCell a {
  color: #fff;
}

table *:not([selected]):not(:checked):not(.select2-*) {
  border-radius: 0 !important;
  box-shadow: none;
}

table td, table th {
  background: none;
}

body a, body a:link, body a:visited {
  color: #007934;
  -webkit-text-decoration: var(--link-text-decoration, none);
          text-decoration: var(--link-text-decoration, none);
}

body a:hover {
  color: var(--link-color-hover, #006329);
  -webkit-text-decoration: var(--link-text-decoration-hover, underline);
          text-decoration: var(--link-text-decoration-hover, underline);
}

/* integrationIframe */
.integrationIframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: none;
}

/* integrationNav */
.integrationNav {
  position: absolute;
  background-color: black;
  color: var(--main-content-background-color, var(--white, #fff)) !important;
  top: 2em;
  left: 0;
  font-weight: bold;
  padding: 1em 2em;
}

/* message layer styles */
BODY > div#idMsgLayer, BODY > div#idMsgLayerClosed {
  background-color: var(--main-content-background-color, var(--white, #fff));
  opacity: 1;
  top: 0;
}

BODY > div#idMsgLayer {
  min-width: 80vw;
  overflow: visible;
  left: 10vw;
  right: 10vw;
  top: 2em;
  position: fixed;
  width: auto;
}

BODY > div#idMsgLayer:hover div,
BODY > div#idMsgLayer li:hover div {
  background: var(--main-content-background-color, var(--white, #fff));
}

BODY > div#idMsgLayer > .msgs {
  width: calc(80vw - 2px);
  background: var(--panel-background-color, var(--off-white, #f6f6f6));
}

BODY > div#idMsgLayer > .msgs > ul {
  padding-right: 4em;
}
@media (max-width: 767px) {
  BODY > div#idMsgLayer > .msgs > ul li.message {
    padding-left: 1em;
  }
  BODY > div#idMsgLayer > .msgs > ul #pTippFrei {
    display: block;
  }
}

BODY > #idMsgLayer > .toolbar {
  z-index: 2; /* do not hide toolbar buttons such as close behind msglayer */
  position: fixed;
  top: calc(2em + 2px);
  right: calc(10vw + 1px);
}
@media (max-width: 767px) {
  BODY > #idMsgLayer > .toolbar {
    right: 0;
  }
}

BODY > div#idMsgLayer:hover > .msgs li.message a span,
BODY > div#idMsgLayer:hover > .toolbar a {
  color: #000;
}

BODY > div#idMsgLayer > .msgs li.message a span {
  text-decoration: none;
}

BODY > div#idMsgLayer > .msgs li.message a:hover {
  text-decoration: none;
  cursor: default;
}

BODY th > a.toolButton.whiteBackground.roundBorders {
  color: var(--text-color, #333); /* pu fwk filter icons */
}

/* in the following exchange msg icons with glyhpicons */
#idMsgLayer ul > li.message:before,
#idMsgLayerClosed > #idToolbarSummary > a.nounderline,
#idToolbar > a.nounderline:before,
#idMsgLayerClosed > a.nounderline#idToolUnClose:before {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  width: 24px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
}

#idToolbar > a.nounderline > img,
#idMsgLayerClosed > #idToolbarSummary > a.nounderline > img,
#idMsgLayerClosed > a.nounderline#idToolUnClose > img {
  /* display: none; */
  position: relative;
  filter: brightness(200);
  width: 0;
  max-height: 20px;
}

body #idMsgLayer ul > li.message {
  background: none;
}

#idMsgLayerClosed > #idToolbarSummary #idToolInfoSummary:before, #idMsgLayer .msgInfo li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f058";
  color: #27c56b;
}

#idMsgLayerClosed > #idToolbarSummary #idToolWarningSummary:before, #idMsgLayer .msgWarning li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f06a";
  color: red;
}

#idMsgLayerClosed > #idToolbarSummary #idToolErrorSummary:before, #idMsgLayer .msgError li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f057";
  color: #fb7a85;
}

#idMsgLayerClosed > #idToolbarSummary #idToolFatalSummary:before, #idMsgLayer .msgFatal li.message:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f05e";
  color: #fb7a85;
}

#idMsgLayerClosed > a.nounderline#idToolUnClose:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f078";
} /* collapses/expands messagebox */
#idToolbar > a.nounderline[onclick*=close]:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f077";
} /* fa-chevron-up => minimize button - only collapses overlay */
#idToolbar > a.nounderline[onclick*=clear]:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f00d";
} /* fa-times => clear button - actually hides overlay */
#idMsgLayerClosed {
  max-width: 10em;
}

@media (max-width: 767px) {
  BODY > div#idMsgLayer, div#idMsgLayer div.msgs {
    min-width: 100%;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
  }
}
/* apply container width from migration grid scss */
/* for overrlay and table container */
body #pageContent:after {
  clear: both;
}

@media (min-width: 1200px) {
  body #pageContent, body .overlayWindow .overlayWindowContent {
    /*max-width: 1170px;*/
  }
}
@media (min-width: 992px) {
  body #pageContent, body .overlayWindow .overlayWindowContent {
    min-width: 970px;
  }
  body .overlayWindow[aria-hidden=false] {
    min-width: 45vw;
  }
}
@media (min-width: 768px) {
  body #pageContent, body .overlayWindow .overlayWindowContent {
    min-width: 750px;
  }
}
table.windowContent { /* more space for overlay headline */
  padding-top: 1em;
}

body div.MaskBackground, body #pageContent form div.MaskBackground {
  background: var(--white, #fff);
  border: none;
  padding: 0;
}

body #pageContent form .MaskBackground,
body #pageContent form .MaskBackground > table,
body #pageContent form .MaskBackground > .MaskContent > table,
body #pageContent form .MaskBackground > .MaskContent > table > tbody > tr td.coBBContent,
body #pageContent form .MaskBackground > .MaskContent > table > tbody > tr td.coBBContent > .MaskData,
body #pageContent form .MaskBackground > .MaskContent > table > tbody > tr td.coBBContent > .MaskData > table {
  width: 100%; /* make use of whole width */
}

body #pageContent form .MaskBackground > .MaskContent > table > tbody > tr td.coBBContent > .MaskData {
  display: block;
}

body .MaskSpacing table > tbody > tr > td {
  box-sizing: content-box;
  margin: 0;
  /*text-align: left;*/
}

body .coBBContent > .MaskSpacing > tbody > tr > td.MaskRenderer.top {
  padding-right: 1em;
}

body .coBB .coBBBRIGHT {
  padding-right: 0em;
}

@media screen and (max-width: 991px) {
  body .coBB .coBBBRIGHT {
    padding: 0;
    width: 100%;
  }
  body.isMobileBrowser .select2-search input.select2-input {
    max-width: 20em;
  }
}
html body .select2-allowclear { /*B-56106 */
  min-width: 6.25em !important;
}

body table, body fieldset, body fieldset legend, fieldset .Mask {
  border-radius: 0;
  text-indent: 0;
  box-sizing: border-box;
}

body td.MaskLabel, body fieldset legend.Mask {
  background: inherit;
  box-sizing: content-box;
}

body .MaskLabel, body .MaskLabel label.Mask {
  text-align: left;
}

body .coFilter .overlayTTContainer .MaskLabel label.Mask {
  width: auto;
  min-width: 0;
  text-align: left;
}

/* body .coFilter .overlayTTContainer fieldset.MaskS > legend.Mask > span.Mask { display: inline-block; padding: 0; margin-top: -2em; }*/
body .coFilter .overlayTTContainer fieldset.MaskS > legend.Mask > span.Mask:after {
  content: ":";
}

body fieldset.MaskS, body fieldset.Mask {
  background: #fff;
}

body fieldset {
  box-sizing: content-box;
  border: 1px solid #bdc3c7;
  margin-bottom: 1em;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  margin-right: 1em;
  clear: both;
}

body fieldset.MaskS {
  border-bottom: 1px solid #ccc;
}

body fieldset legend.Mask {
  line-height: 1.5em;
  border-top: 4px solid #404040;
  border-bottom: 0;
}

body fieldset legend.Mask > span {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 2em;
}

body fieldset table tr { /*display: block; */
  clear: both;
  margin-bottom: 0.25em;
}

body fieldset table tr td.MaskRenderer {
  line-height: 1.5em;
  font-size: 1em;
}

body fieldset table tr td label.Mask {
  font-weight: bold;
  margin: 0;
  padding-left: 0em;
  padding-right: 1em;
  padding-top: 0;
}

body fieldset.MaskS, body fieldset.Mask {
  margin: 1em 1em 1em 0em;
  box-sizing: border-box;
}

body fieldset.MaskS legend.Mask > span.Mask {
  padding: 0.25em 0.5em;
}

/* updated cotable style colors */
body table.list, body table.list tr, body table.list td:not(.statbar_rights), body table.list th, body table.list tbody,
body table.cotable, body table.cotable tbody, body table.cotable thead, body table.cotable tr, body table.cotable td, body table.cotable th {
  border: 0;
}

body table.cotable {
  margin-top: 0.5em;
}

body table.list th,
body table th.detailStd,
table.cotable th, body table.cotable > thead > tr > th {
  background: var(--main-content-background-color, var(--white, #fff));
  color: var(--text-color, #333);
  font-size: 0.9em;
}

body table.cotable > thead > tr > th > div {
  white-space: nowrap;
}

body table.cotable .coRow.coTableGR1,
body table.list tbody tr > th.tblGroup,
body table.list tbody tr > th.tblGroupC,
body table.list tbody tr > th.tblHdr,
body table.list tbody tr > th.tblHdrC,
body table.list tbody tr > th.tblHdrL,
body table.list tbody tr > th.tblHdrR,
body table.cotable thead tr > th,
body table.list > thead > tr:first-child > th,
body table.list > tbody > tr:first-child > th,
body table th.detailStd,
body table.cotable > thead > tr:first-child > th {
  background: var(--off-white, #f6f6f6);
}

body table tr .bold, body table th.detailStd {
  font-weight: bold;
}

body table.cotable > thead > tr > th {
  border-top: 4px solid #bdc3c7;
}

table.cotable .coTableGR1 > td,
body table.list tbody th.tblGroup > a.menu {
  font-weight: normal;
}

#idExpTab .coTableGR1 > td {
  font-weight: bold;
}

body table.list tbody tr > th.tblGroup,
body table.list > thead > tr > th,
body table.cotable > tbody > tr:first-child > td {
  border-top: 1px solid #a8a8a8;
}

body table.list tbody tr > th.tblGroup,
body table.list tbody tr > th.tblGroupC,
body table.list > thead > tr > th,
body table.list > tbody > tr > th,
html body table.list > tbody > tr:first-child > th {
  border-bottom: 1px solid #bdc3c7;
}

body #pageContent form table.list > tbody > tr > th.tblHdrC {
  border-bottom: 0;
}

body table.list tfoot,
body table.cotable tfoot {
  min-height: 1px;
  background: #fff;
  color: #a8a8a8;
  height: auto;
  width: 100%;
}

body table.cotable tfoot th.ftr {
  background: inherit;
  border-bottom: 1px solid #a8a8a8;
}

/* puMask overwrite for table.mask */
body table.list, body table.mask, body #pageContent table.mask {
  background: var(--off-white, #f6f6f6); /* card background color */ /* TODO: check if needed here */
  border: 1px solid #bdc3c7;
  border-color: #bdc3c7;
  border-collapse: collapse;
  margin: 0;
  margin-top: 1em;
}

html body table.mask .mask {
  padding: 0;
  margin: 0;
  line-height: 1.42857em;
}

html body table.mask .label,
html body table.mask th.mask, html body table.mask th.maskRT {
  background: inherit;
  font-weight: bold;
  padding-right: 1em;
}

html body .mask .label, body .mask .labelR, body .mask .labelT {
  font-weight: bold;
  font-size: 0.95em;
  background: none;
  padding: 0.25em 0.25em 0 0.25em;
  vertical-align: top;
  text-align: left;
  max-width: 14em;
  white-space: normal;
}

#id-page-7052480 .labelT {
  max-width: unset;
}

html body body td.MaskLabel {
  white-space: normal;
}

html body .mask fieldset {
  border: 0;
  padding: 0;
}

html body .mask fieldset legend:empty {
  display: none;
}

html body .mask input[type=radio] {
  margin: 0;
}

html body table.mask td.maskM button:hover {
  border-width: 1px;
}

table.mask BUTTON.w10, tr.mask .maskM button {
  white-space: nowrap;
  line-height: 1.5em;
  padding: 0.2em 0.5em;
}

#pageContent TH.mask {
  background-color: transparent; /* default violette overwrite */
}

/* button and input styles */
body form button, body form input[type=button], body a.commandButton, body a.commandButton:link, body a.commandButton:active,
body a.commandButton:visited, body button, body .coBBBRIGHT.coBB ul li button[type=submit], body .MaskButtonBar button,
body #idPageNavi .coNavGroup > td > a, body button.w10, #pageContent form button[type=button], button[disabled],
body button:active {
  background: var(--primary-button-background-color, #007934);
  border: 1px solid var(--primary-button-border-color, #007934);
  color: var(--primary-button-text-color, var(--white, #fff));
  padding: 3px 12px 3px 12px;
  box-shadow: none;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  max-height: 32px;
  text-decoration: none;
}

body .coBB > a.commandButton,
body td.MaskRenderer > a.commandButton,
body td.MaskRenderer > button { /* foster visual separation, hinder too much sticking */
  margin-right: 1px;
}

body a.commandButton.btnMinipadding:not(.first-child) { /* icon buttons spacing */
  margin-left: 1px;
}

/*body a.commandButton.css_AB  { // to display abmelde buttons in other button type color than anmelde ones
  background: $default-button-background-color;
  border: 1px solid  $default-button-border-color;
  color: $default-button-text-color;
} */
body #pageContent form td a.commandButton.btnMinipadding {
  font-size: 0.9em;
}

body #pageContent div.MaskButtonBarRight .commandButton,
body #pageContent div.MaskButtonBarLeft .commandButton,
body #idOverlayWindowContent .MaskSpacing table > tbody > tr > td .commandButton,
body #pageContent fieldset .MaskRenderer .commandButton,
body #pageContent .coBBContent td.MaskRenderer > .commandButton,
body #pageContent table tbody td > a.commandButton,
body .commandButton img[src*="action_print.png"] {
  margin-right: 1px;
}

body div.MaskButtonBarRight button,
body div.MaskButtonBarRight a,
body div.MaskButtonBarRight input[type=submit],
body div.MaskButtonBarRight input[type=button],
body div.MaskButtonBarRight a.commandButton {
  margin-left: 0.25em;
}

body #pageContent a.commandButton.btnMinipadding {
  padding: 4px;
  min-width: 2em;
  min-height: 24px;
}

body #pageContent a[onmouseover] {
  -webkit-text-decoration: dashed;
          text-decoration: dashed; /* tooltip links underline */
}

body form .coBB ul.coBB li.coBB > .commandButton, body form .coBB ul.coBB li.coBB > button {
  text-align: center;
  padding: 3px 12px 3px 12px;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
}

body form button[disabled] {
  padding-top: 4px !important; /* overwrite because of important style in default css necessary */
  padding-bottom: 4px !important;
}

body form .coBB ul.coBB li.coBB > button[type=submit], body form .coBB ul.coBB li.coBB > button[type=submit], body ul.coBB > li.coBB > button[type=submit],
body #pageContent form .commandButton[onclick*=submit], body #pageContent form button[onclick*=submit] {
  background: var(--primary-button-background-color, #007934); /* btn-primary */
  border-color: var(--primary-button-background-color, #007934);
  color: var(--primary-button-text-color, var(--white, #fff));
}

body form .coBB ul.coBB li.coBB > button[type=submit]:hover {
  background: var(--primary-button-background-color-hover, #006329);
  border-color: var(--primary-button-background-color-hover, #006329);
}

body a.commandButton:hover, body button:hover, body .coBBBRIGHT.coBB ul li button[type=submit]:hover, body .MaskButtonBar button:hover,
body #idPageNavi .coNavGroup > td > a:hover, body form input[type=button]:hover, body #pageContent button[type=button]:hover {
  background: var(--primary-button-background-color-hover, #006329);
  color: var(--primary-button-text-color-hover, var(--white, #fff));
}

body form input[type=button], body form input[type=button]:hover {
  border-width: 0px;
}

form .coBB ul.coBB li.coBB > button[disabled], body form .coBB ul.coBB li.coBB > button[disabled],
body ul.coBB > li.coBB > button[disabled],
body a.commandButton.disabled, body button.disabled, button[disabled],
[disabled] button, body #idPageNavi .coNavGroup > td > a.disabled, body button[disabled] {
  cursor: not-allowed;
  /*opacity: 0.65;
  filter: alpha(opacity=65);*/
  box-shadow: none;
  background-color: var(--disabled-color, #a8a8a8);
  border-color: var(--disabled-color, #a8a8a8);
  border-width: 1px !important; /* needed because of important rule in css_sys_w_m.css */
  color: #ffffff;
}

body button[disabled], body input[disabled] { /* overwrite important of system_standard */
  background-color: var(--disabled-color, #a8a8a8) !important;
  color: #ffffff;
}

body input[disabled]:not[type=button]:not[type=submit] {
  background-color: var(--disabled-background-color, #eee) !important;
}

ul.coBB li.coBB {
  display: inline;
  min-height: 24px;
  display: inline-block;
  vertical-align: top;
}

ul.coBB > li.coBB > a.commandButton, ul.coBB > li.coBB > button[type=submit], .coBBBRIGHT.coBB ul.coBB > li.coBB > button[type=submit] {
  line-height: 20px;
}

.coBBBRIGHT ul.coBB {
  padding-right: 4px;
}

/*#idDialog:before { /* compare .pageDisabled styles*/
/*content: '  ';
z-index: 1;
display:flex;
position: fixed;
top: 0; left:0; right: 0; bottom: 0;
background-color: #000;
opacity: 0.2;
-webkit-opacity:0.2;
overflow: hidden;
} */
body #idDialog {
  background: var(--main-content-background-color, var(--white, #fff));
  opacity: 1;
  position: fixed;
}

body #idDialog #idDialogTitle {
  background: var(--main-content-background-color, var(--white, #fff));
  color: var(--text-color, #333);
  font-weight: bold;
}

body #idDialog #idDialogButtonBar button {
  margin-left: 0.5em;
}

body #idDialog #idDialogButtonBar table button:first-child {
  background: #007934;
  border-color: #007934;
}

body #idDialog #idDialogButtonBar table button:first-child:hover {
  background: #34b233;
  border-color: #34b233;
}

form table tr td select option {
  padding: 2px;
}

/* form table tr td select, form table tr td input[type='text'], form table tr td input[type='email'], form table tr td  input[type='password'],
form table tr td input[type='number'], form table tr td input[type='date'], form table tr td input[type='datetime'], table tr td input[type='range'],
form table tr td input[type='time'], form table tr td input[type='tel'], form table tr td input[type='search'] {
  font-size: 14px;
  background: #fff;
} */
/* general RESPONSIVE TABLE additions */
@media screen and (max-width: 767px) {
  body #pageContent {
    clear: both;
  }
  table .coBBContent .MaskSpacing > tbody > tr {
    max-width: 100%;
    display: block;
    float: left;
    clear: both;
  }
  table .coBBContent .MaskSpacing > tbody > tr > td.MaskRenderer {
    max-width: 100%;
    float: left;
  }
  table .coBBContent .MaskSpacing, table .coBBContent .MaskSpacing > tbody > tr > td fieldset {
    max-width: 100%;
    float: left;
    clear: both;
  }
  table .coBBContent .MaskSpacing label.Mask {
    font-weight: bold;
    padding-left: 0;
    margin-top: 0.5em;
    float: left;
    width: 95vw;
  }
  table .coBBContent .MaskSpacing > tbody > tr > td.MaskRenderer input,
  table .coBBContent .MaskSpacing > tbody > tr > td.MaskRenderer select {
    max-width: 95vw;
    float: left;
    clear: both;
  }
  table .coBB td .commandButton {
    max-width: 100%;
    white-space: normal;
  }
  /*body form table,body table tbody { max-width: 100%; float:left; margin: 0;  }
  body table td, body table tr td { max-width: 100%; display:flex; margin: 0;  } /* too generic for all tables */
  .coBB.coBBBRIGHT {
    text-align: right;
    float: right;
    clear: both;
  }
  .coBB.coBBBRIGHT ul {
    float: right;
    width: 100%;
  }
  .coBB.coBBBRIGHT ul li {
    display: block;
    clear: both;
    margin: 0.5em 0;
    width: 100%;
  }
  .coBB.coBBBRIGHT ul li > button {
    width: 100%;
    height: 24px;
  }
  .coBB.coBBBRIGHT ul li:first-child > button {
    background: #007934;
    border-color: #007934;
  }
}
/* general tab style overwrites */
body #pageContent .tab_external_content,
body #pageContent div.tab_container a.commandButton.tab_name {
  background: white;
  border-width: 1px;
  border-color: #bdc3c7;
  text-indent: 0;
  text-transform: initial;
}

body #pageContent div.tab_container a.commandButton.tab_name {
  border-top: 1px solid #bdc3c7;
  border-bottom: 3px solid #bdc3c7;
  border-right: 0;
  border-left: 0;
  color: var(--text-color, #333);
  margin-right: -1px;
}

body #pageContent div.tab_container div > table > tbody > tr > td:first-child a.commandButton.tab_name {
  border-left: 1px solid #ccc;
}

body #pageContent div.tab_container div > table > tbody > tr > td:last-child a.commandButton.tab_name {
  border-right: 1px solid #ccc;
}

@media (max-width: 767px) {
  body #pageContent div.tab_container div > table > tbody > tr > td a.commandButton.tab_name {
    word-break: keep-all;
    word-wrap: break-word;
    height: 4.5em;
    max-height: 4.5em;
  }
}

body #pageContent .tab_external_content, body #pageContent div.tab_container a.tab_name {
  border-color: #bdc3c7;
  padding: 10px;
  font-weight: normal;
}

body #pageContent div.tab_container a.tab_name.commandButton.tab_name_selected {
  background-color: var(--white, #fff);
  color: var(--text-color, #333);
  border-bottom: 3px solid #007934;
  font-weight: bold;
  margin-right: -1px;
}

body #pageContent div.tab_container a.tab_name.commandButton.tab_name:hover:not(.tab_name_selected):not(.disabled) {
  background: var(--disabled-color, #a8a8a8);
  color: var(--link-color-hover, #006329);
}

/* table filter overwrites */
body #pageContent .overlayTTContainer {
  background: #fff;
  padding: 0 0.5em;
}

body #pageContent .overlayTTContainer fieldset.MaskS {
  margin: 0;
  border: none;
}

body #pageContent .overlayTTContainer fieldset.MaskS > legend {
  border: none;
  padding: 0;
}

body #pageContent .overlayTTContainer fieldset.MaskS input {
  max-width: 20em;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB {
  max-width: 20em;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr {
  clear: both;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr > td {
  display: block;
  float: right;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child {
  float: right;
  clear: both;
  min-width: 132px;
  height: 40px;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr td ul.coBB {
  padding: 0;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td > ul > li {
  margin: 0;
  padding: 0.5em 0.5em 0 0;
  margin-left: -0.35em; /* compare  overlayTTContainer padding */
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td {
  float: left;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td:empty {
  display: none;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td.coBBBRIGHT {
  float: right;
  right: 0;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr > td.coBBBRIGHT .toolButton.commandButton {
  text-align: center;
  min-width: 40px;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr > td.coBBBRIGHT .toolButton.commandButton > span {
  text-align: center;
}

body #pageContent .overlayTTContainer .coBBContent .MaskData table.coBB > tbody > tr.coBB:last-child {
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBLEFT {
  float: right;
  display: block;
  padding: 0;
  margin: 0;
  height: 40px;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBRIGHT.coBB {
  display: block;
  float: left;
}

body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBLEFT > ul,
body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBRIGHT.coBB > ul,
body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBRIGHT.coBB > ul > li {
  padding-top: 0;
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr {
    min-width: 19em;
    width: auto;
    white-space: no-wrap;
  }
}
@media screen and (max-width: 991px) {
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBLEFT,
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBRIGHT.coBB,
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td > ul,
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td > ul > li {
    width: 100%;
    clear: both;
    float: left;
    padding: 0;
    margin: 0;
  }
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr,
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBLEFT > ul.coBB > li > .commandButton,
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td.coBBBRIGHT > ul.coBB > li > .commandButton {
    width: 100%;
  }
  body #pageContent .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB > td > ul.coBB > li > a {
    margin-top: 1em; /* space between for submit button at bottom in tooltip overlay */
    clear: both;
  }
}
/* ======================= app specific styles start ======================= */
/* =======================================================
 * CONTACT site  and TUITION FEE specific integration Style Customizations
 * ======================================================= */
table[summary^=Adresse] #editMask table.MaskElement td.MaskRenderer > input,
table[summary^=Adresse] #editMask table.MaskElement td.MaskRenderer > select {
  width: 20em;
}

table[summary^=Adresse] #editMask table.MaskElement td.MaskRenderer > input#idSPlz,
table[summary^=Adresse] #editMask table.MaskElement td.MaskRenderer > input#idHPlz {
  width: 5em;
}

table[summary^=Adresse] #editMask table.MaskElement td.MaskRenderer > input#idSOrt,
table[summary^=Adresse] #editMask table.MaskElement td.MaskRenderer > input#idHOrt {
  width: 14.5em;
}

@media (min-width: 768px) {
  html.fwk-co.app-stdad body .overlayWindow .overlayWindowContent { /* B-54636 */
    min-width: unset;
  }
}
@media (min-width: 1200px) {
  #idWMKontakt > table, #idWMKontakt > table > tbody > tr > td > table.MaskSpacing {
    width: 100%;
  }
  /* #idDetailMask > table, #idDetailMask table div, #idDetailMask table div > table { width: 100%; } */
  #idWMKontakt fieldset#idStudienAdresse, #idWMKontakt fieldset#idHeimatAdresse {
    display: block;
    min-height: 19em;
  }
  #idWMKontakt fieldset#idStudienAdresse {
    margin-right: 1em;
  }
}
@media (max-width: 767px) {
  #idWMKontakt .coBB td.MaskRenderer {
    clear: both;
  }
  #idWMKontakt .coBB .coBBContent .MaskSpacing label.Mask {
    display: flex;
    width: 100%;
    min-width: 80vw;
    max-width: 90vw;
    overflow: hidden;
    padding-right: 0;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  table.cotable > tbody > tr.coRow > td,
  .MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer {
    /*font-size: 0.95em; /* smaller font-size in reponsive tables */
  }
  .MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer > label[for=idSemesterNr],
  .MaskS > table.MaskSpacing > tbody > tr > td.MaskRenderer > select#idSemesterNr {
    width: auto;
    max-width: 100%;
    margin: 0;
    white-space: normal;
    clear: both;
    display: block;
    float: left;
    position: relative;
  }
}
/* =======================================================
 * cs- und mhb integration
  * ======================================================= */
.cotreegrid.curriculaSupport {
  margin-top: 0em;
  width: 100%;
}

#ct_mhb_read_only_content .nowrap,
#ct_mhb_read_only_content .cotable .bold.nowrap {
  white-space: normal;
}

#ct_mhb_read_only_content fieldset.KnotenDetailsLabelWidth,
#ct_mhb_read_only_content fieldset.KnotenDetailsLabelWidth {
  max-width: 100%;
}

#ct_mhb_read_only_content fieldset .MaskRenderer.MaskLabel,
#ct_mhb_read_only_content fieldset.KnotenDetailsLabelWidth .MaskRenderer.MaskLabel {
  text-align: left;
  white-space: normal;
}

#ct_mhb_read_only_content fieldset.KnotenDetailsLabelWidth > table.MaskSpacing > tbody > tr > td.MaskRenderer > div.KnotenDetailsLabelWidth > table.MaskSpacing > tbody > tr > td.MaskRenderer.top {
  max-width: 100%;
  margin-top: 0.5em;
  float: left;
  clear: both;
}

#ct_mhb_read_only_content fieldset.KnotenDetailsLabelWidth div.KnotenDetailsLabelWidth > table.MaskSpacing > tbody > tr > td.MaskRenderer.top div.KnotenDetailsLabelWidth table.MaskSpacing > tbody > tr > td.MaskRenderer.top {
  margin-top: 0em;
  max-width: 100%;
  display: flex;
  float: left;
}

#ct_mhb_read_only_content fieldset.publicModuleDetailContainer > table,
#ct_mhb_read_only_content fieldset.publicModuleDetailContainer > table > tbody,
#ct_mhb_read_only_content fieldset.publicModuleDetailContainer > table > tbody > tr > td,
#ct_mhb_read_only_content fieldset.publicModuleDetailContainer > table > tbody > tr > td > div > table {
  width: 100%;
  box-sizing: border-box;
}

#ct_mhb_read_only_content > form > div > div > div.MaskData > table,
#ct_mhb_read_only_content .tab_container,
#ct_mhb_read_only_content .tab_container > table.MaskSpacing,
#ct_mhb_read_only_content .tab_external_content,
#ct_mhb_read_only_content .tab_internal_content {
  width: 100%;
  box-sizing: border-box;
}

#ct_mhb_read_only_content a[onclick*=back].commandButton {
  font-weight: bold;
  background: var(--default-button-background-color, transparent);
  color: var(--default-button-text-color, #007934); /* text-color */
  border: 1px solid #a8a8a8; /* light-grey */
  border-top: 5px solid #007934;
  line-height: 40px; /* link-color and btn-primary */
}

#ct_mhb_read_only_content a[onclick*=back].commandButton:before {
  content: "< ";
  font-weight: bold;
}

#ct_mhb_read_only_content a[onclick*=back].commandButton:hover {
  background: #a8a8a8; /* light-grey */
}

#ct_mhb_read_only_content fieldset.publicModuleDetailContainer fieldset.MaskS table.MaskSpacing td.MaskRenderer {
  width: auto;
}

#ct_mhb_read_only_content fieldset.publicModuleDetailContainer > table {
  width: auto;
  min-width: 20em;
}

#ct_mhb_read_only_content fieldset .MaskLabel label.Mask {
  min-width: 14em;
}

#ct_mhb_read_only_content fieldset.publicModuleDetailContainer > table.MaskSpacing > tbody > tr > td.MaskRenderer:not(:empty) {
  padding-bottom: 1em !important; /* overwrite td.MaskRenderer generic style */
}

@media (max-width: 767px) {
  #ct_mhb_read_only_content fieldset .MaskLabel label.Mask {
    min-width: 8em;
  }
  #ct_mhb_read_only_content fieldset.KnotenDetailsLabelWidth table.MaskSpacing > tbody > tr > td.MaskRenderer {
    max-width: 100%;
    margin-top: 0.5em;
    float: left;
    clear: both;
  }
  body #pageContent #ct_mhb_read_only_content .tab_external_content,
  body #pageContent #ct_mhb_read_only_content .tab_internal_content {
    margin: 0;
    padding: 0;
    clear: both;
    max-width: 100%;
  }
  body #pageContent #ct_mhb_read_only_content .tab_internal_content {
    padding: 0.5em;
    box-sizing: border-box;
  }
  #ct_mhb_read_only_content fieldset {
    margin: 0.25em 0;
    padding: 0;
  }
}
.overlayWindow .editModuleDetailMask tr.coBB > td.coBBBLEFT, .overlayWindow .editModuleDetailMask tr.coBB > td.coBBBRIGHT {
  display: block;
  float: left;
  clear: both;
}

.overlayWindow .editModuleDetailMask tr.coBB > td.coBBBRIGHT {
  float: right;
}

.overlayWindow .editModuleDetailMask tr.coBB > td.coBBBLEFT ul li.coBB .commandButton {
  margin-bottom: 1px;
}

/* =======================================================
 * ORG site specific integration Style Customizations
 * - move to separate css file for organization
 * ======================================================= */
#wbOrg_site_resources > table > tbody > tr > td.MaskRenderer {
  max-width: unset;
}

#wbOrg_site_listing {
  line-height: 1.5em;
}

#wbOrg_site_resources div.wbOrg_site_inner_resources, #wbOrg_site_resources table {
  margin: 0;
}

.wbOrg_site_container_header {
  border-top: 4px solid #404040;
  border-bottom: 0;
}

.wbOrg_site_container_header .MaskRenderer {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 2em;
}

#wbOrg_site_listing, #wbOrg_site_resources div.wbOrg_site_resources {
  border: 1px solid #bdc3c7;
  margin-bottom: 1em;
}

.wbOrg_site_container_header, .wbOrg_site_resources_legend, .wbOrg_site_container_header {
  background: none !important; /*overwrite inpage styles */
}

/*@media screen and (max-width: 1200px) { }*/
#wbOrg_site_resources {
  margin: 0;
  float: left;
  clear: both;
  width: 100%;
}

#wbOrg_site_resources > table {
  display: block;
  clear: both;
  width: 100%;
}

.MaskS.wbOrg_site_resources_content {
  height: auto !important;
  float: left;
  margin-right: 1em;
}

#wbOrg_site_resources > table > tbody, #wbOrg_site_resources > table > tbody > tr {
  display: block;
  clear: both;
  width: 100%;
}

#wbOrg_site_resources > table > tbody > tr > td,
#wbOrg_site_resources > table > tbody > tr > td > div,
#wbOrg_site_resources > table > tbody > tr > td > div table,
#wbOrg_site_resources > table > tbody > tr > td > div td,
#wbOrg_site_resources > table > tbody > tr > td > div tr {
  width: 100%;
  float: left;
  clear: both;
}

@media (min-width: 992px) { /* show org tables next to each other  on larger devices */
  #wbOrg_site_resources > table > tbody > tr {
    float: left;
    display: flex;
    clear: none;
    width: 100%;
  }
  #wbOrg_site_resources > table > tbody > tr > td.MaskRenderer {
    display: block;
    float: left;
    margin: 0 1em 1em 0;
    max-width: 20vw;
  }
  #wbOrg_site_resources > table > tbody > tr > td.MaskRenderer > div {
    margin: 0;
  }
  #wbOrg_site_resources > table > tbody > tr > td.MaskRenderer > div .wborg_appl_liste li {
    max-width: 100%;
    white-space: normal;
    line-height: 1.2em;
    margin-bottom: 0.25em;
  }
}
@media (max-width: 991px) {
  #wbOrg_site_resources td.MaskRenderer div.wbOrg_site_inner_resources {
    margin-left: unset;
  }
}
/* =======================================================
 * VCARD site specific integration Style Customizations
 * - move to separate css file for organization
 * ======================================================= */
#pageContent table.ee_vcard_table .pleistborder { /* applinktables on vcard */
  background: #f5f5f5;
  border: 1px solid #bdc3c7;
}

#pageContent table.ee_vcard_table .pleistborder th.tblHdrC { /* headlines of applink tables */
  font-size: 18px;
  padding: 0.5em 0.2em;
  text-align: left;
  font-weight: normal;
  background: inherit;
  background-image: none;
}

#pageContent form.ee_vcard_edit_form table.mask {
  padding: 1em;
  border-collapse: separate;
}

#pageContent form.ee_vcard_edit_form table fieldset {
  font-size: 0.9em;
}

#pageContent form.ee_vcard_edit_form table fieldset > legend {
  font-weight: bold;
}

#pageContent table.ee_vcard_table td.vkimg {
  border: none;
}

#pageContent table.ee_vcard_table td.vkimg img {
  padding-right: 3em;
}

/* =======================================================
 * STUDIENSTATUS site specific integration Style Customizations
 * - move to separate css file for organization
 * ======================================================= */
#idResultList {
  width: auto;
}

#idResultTable { /* max-width:100%; */
  border: 0;
  border-top: 4px solid #404040;
}

#idResultTable thead {
  border: 1px solid #ccc;
  font-size: 0.8em;
}

#idResultTable tbody {
  border: 1px solid #ccc;
  font-size: 0.9em;
}

/*#idResultTable tfoot { display: none; } */
#idResultTable td, #idResultTable th {
  border: 0;
  line-height: 1.5em;
  padding: 0.5em;
}

/* for statistics on PV */
#pageContet > div > div {
  word-break: break-all;
}

#pageContet > div > div > * {
  word-break: normal;
}

/* =======================================================
 * for ca-iframe-page header styles see separate SCSS file:
 * _ca-page.component.scss
 * ======================================================= */
/*
zoni
#pageContent > form { min-height: 22em; }
 */
#pageContent > form,
#pageContent > form > .MaskBackground,
#pageContent > form > .MaskBackground > .MaskData,
#pageContent > form > .MaskBackground > .MaskContent > .MaskData > table {
  width: 100%;
  display: block;
}

/* CO navigation MENU styles */
.puNav a {
  display: block;
}

#idPageNavi {
  background: #fff;
  border: 1px solid #bdc3c7;
  border-top: 4px solid #404040;
  position: fixed;
  left: 1em;
}

/*@media (max-width: 1199px) { ...  // for display left fixed */
#pageContent #idPageNavi {
  position: static;
}

#pageContent #idPageNavi * {
  display: inline-block;
  white-space: normal;
}

#pageContent #idPageNavi .coNavSection {
  width: auto;
}

#pageContent #idPageNavi *:empty, #pageContent #idPageNavi *:blank {
  border: 1px solid green;
}

#pageContent #idPageNavi .coNavSection > td {
  display: none;
}

#iPageNavi .coNavGroup, #idPageNavi .coNavSection th, #idPageNavi .coNavSection, #idPageNavi .coNavSection th, #idPageNavi .coNavGroup th {
  color: var(--text-color, #333);
  background-color: var(--main-content-background-color, var(--white, #fff));
  border: none;
  text-align: left;
  line-height: 30px;
  padding: 0;
  margin: 0;
}

body #pageContent .coNavSection:not(:first-child) > th:first-child, body #pageContent .coNavGroup > th:first-child {
  margin-left: 1em;
  padding-left: 1em;
}

#idPageNavi * {
  display: block;
}

/*  ICON CHANGES */
body #pageContent a.mkExpand > img,
body #pageContent #idRegisteredExamsTableContain a.mkExpand > img {
  margin-right: -0.5em;
  visibility: hidden;
}

body a.mkExpand:before,
body a.mkExpand.collapsed:before,
body a.collapsed:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f054";
  color: darkblue;
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body a.mkExpand.expanded:before,
body a.expanded:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f078";
  color: darkblue;
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* button icons that are not readable above dark background changed: */
body .commandButton:hover img {
  background: transparent;
}

body .commandButton img[src*="action_print.png"] {
  filter: brightness(100);
}

body .commandButton img[src*="users_16x16.png"],
body .commandButton img[src*="action_add.png"],
body .commandButton img[src*="add.png"] {
  /*-webkit-filter: contrast(5);
  filter: contrast(5);*/
  filter: brightness(100);
}

body .commandButton:not(:hover) img[src*="lupe.gif"]:not(:hover),
body .commandButton img[src*="action_edit.png"],
body .commandButton img[src*="form.gif"],
body form button > img[src*="action_edit.gif"],
body form button > img[src*="form.gif"],
body .commandButton img[src*="arrow-left.png"],
body .commandButton img[src*="arrow-right.png"],
body .commandButton img[src*="action_search.png"],
body .commandButton img[src*="action_share.png"],
body .commandButton img[src*="action_change.png"],
body .commandButton img[src*="action_reset.png"] {
  filter: invert(100);
}

body .commandButton img[src*="action_reset.png"] {
  filter: brightness(10);
}

body .commandButton img[src*="icon_save.gif"],
body .commandButton img[src*="action_delete.png"],
body .commandButton img[src*=delete] {
  filter: grayscale(100) brightness(100);
}

body .commandButton img[src*=input_remove] {
  filter: invert(100) brightness(2);
}

body .commandButton img[src*=icon_orgtree_normal] {
  filter: contrast(0) brightness(100);
}

body form button > img {
  margin: 0;
}

body .commandButton img[src*="action_print.png"] {
  margin-right: 1px;
}

body img[src*="nfo.gif"], body img[src*="info-16x16.png"] {
  filter: grayscale(100) brightness(1);
}

/* to render Icons in Buttons smaller - use the following */
/* a.commandButton > img {
  height: 14px !important;
  width: 14px !important;
} */
/* Print */
@media print {
  body #pageContent {
    display: block;
  }
  body div.overlayWindow {
    z-index: 105;
    position: fixed !important;
    visibility: visible;
    height: auto;
    width: 100%;
    display: block;
  }
}
/* hide small wrongly linked logo - cmp. request 56945 */
.fwk-co body #pageContent > table > tbody > tr[align=RIGHT] > td[align=RIGHT] > a[target=Hauptfenster] {
  display: none;
}

/* // outcomment this, to hide applications on the organisation bussiness card
#wbOrg_site_resources {
  display: none;
} */
/* =======================================================
 * CCALENDAR site specific integration style customizations
 * ======================================================= */
body #idTerminContent table.MaskSpacing td.MaskRenderer.top {
  vertical-align: bottom;
}

body #idTerminContent .MaskRenderer table#idCalendar {
  width: auto !important;
}

@media (max-width: 767px) {
  #id-page-res_kalender_pers #idTerminContent > table:first-child > tbody > tr:first-child {
    max-width: 100%;
  }
  #id-page-res_kalender_pers #idTerminContent > table:first-child > tbody > tr:first-child td.MaskRenderer {
    float: left;
    margin-bottom: 2px;
  }
}

body .MaskSpacing table#idCalendar > tbody > tr,
body .MaskSpacing #idCalendar table > tbody > tr {
  float: none;
  display: table-row;
}

body .MaskSpacing table#idCalendar .cocal-event-wrapper {
  border-left: 1px solid #ddd;
}

body #conKollTermine table:first-child > tbody > tr:first-child {
  clear: both;
}

body #conKollTermine table:first-child > tbody > tr:first-child > td {
  display: inline-block;
  margin-bottom: 0.25em;
}

body #conKollTermine table:first-child > tbody > tr:first-child .MaskLabel label {
  display: inline;
}

#idOverlayWindowContent #terminEditMask .MaskLabel label.Mask {
  width: auto;
  min-width: auto;
}

@media print {
  body #idTerminContent > table > tbody > tr:first-child > td.MaskRenderer.top > div.MaskS {
    display: none;
  }
  body #idTerminContent .cocalendar-attached {
    margin-top: 0.5em;
  }
}
#id-page-lv_termine_edit tr.coBB > td.coBBBLEFT,
#id-page-lv_termine_edit tr.coBB > td.coBBBRIGHT,
#id-page-termin_allgemein_edit tr.coBB > td.coBBBLEFT,
#id-page-termin_allgemein_edit tr.coBB > td.coBBBRIGHT {
  width: 100%;
}

@media print { /* Fix for B-68336 - Chrome style for positioning on one page: */
  /* do not show header above calender */
  #id-page-res_kalender_pers,
  #id-page-res_kalender_res {
    margin: -10px 0;
  }
  #id-page-res_kalender_pers #idPageFooter,
  #id-page-res_kalender_res #idPageFooter {
    display: none;
  }
  #id-page-res_kalender_pers #idEePageWrapper,
  #id-page-res_kalender_res #idEePageWrapper {
    overflow: hidden;
  }
  #id-page-res_kalender_pers co-web-desktop-header,
  #id-page-res_kalender_res co-web-desktop-header {
    display: none;
  }
  #id-page-res_kalender_pers table,
  #id-page-res_kalender_res table {
    box-sizing: border-box;
    border-spacing: 0;
  }
  #id-page-res_kalender_pers .MaskBackground,
  #id-page-res_kalender_res .MaskBackground {
    float: left;
    clear: both;
    padding: 0 !important;
    height: -moz-fit-content;
    height: fit-content;
  }
  #idTerminContent .cocal-table-days {
    margin-top: -50px !important;
    transform: scale(1, 0.86);
    max-width: 98vw;
    margin: 0px;
    max-height: 100vh;
    height: -moz-fit-content;
    height: fit-content;
  }
  #idTerminContent > table:first-child > tbody > tr:first-child,
  #idTerminContent > table:first-child > tbody > tr:nth-child(3) {
    display: none;
  }
  html .cocal-events-gutter {
    min-height: 710px;
    float: left;
  }
}
/*
  centers CO dialogs
  hack, we need to upgrade to no resizing iframes
  remove it after iframe refactoring
 */
#idDialog {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 50% !important;
  margin: auto !important;
}

/***
 * PV Integration
 */
/* PIN-Code Verwaltung */
#id-page-7027150 body #pageContent form .MaskBackground {
  width: auto;
}

#id-page-7027150 div.MaskContent {
  display: block;
}

/* Einstellungen für die Prüfungsliste */
#id-page-7026950 body #pageContent form .MaskBackground {
  width: auto;
}

/* KandidatInnen-Liste konfigurieren */
#id-page-7026960 body #pageContent form .MaskBackground {
  width: auto;
}

#pageContent #idKandTable thead th span {
  white-space: normal;
}

#pageContent #idKandTable thead th:last-child {
  min-width: 4.25em;
}

#pageContent #idKandTable td.C select,
#pageContent #idKandTable td.C textarea {
  max-width: 11em;
}

#pageContent #idKandTable .coTableGR1 td {
  text-indent: 0;
}

/* Einstellungen zur Studierenden-Massenabfrage */
#id-page-7029820 body #pageContent form .MaskBackground {
  width: auto;
}

/* Prüfungen gültig setzen  - optional selector : html.fwk-co.app-prv */
#id-page-7029930 #pageContent > form > div.MaskBackground > div.MaskContent table:first-child > tbody > tr:first-child > td:first-child {
  width: 8em;
}

#id-page-7029930 #pageContent > form > div.MaskBackground > div.MaskContent table:first-child > tbody > tr:first-child > td {
  text-align: left;
}

#id-page-7029930 #pageContent > form > div.MaskBackground > div.MaskContent table:first-child > tbody > tr:first-child > td.MaskRenderer.MaskLabel:empty {
  width: 0;
}

#id-page-7029930 #pageContent > form .MaskRenderer.MaskLabel > label {
  width: auto;
  min-width: 6em;
}

#id-page-7026620 body #pageContent {
  padding-top: 0;
}

/* Abschlussarbeiten - id-page-7053430 - Suchefeld Anzeige*/
html.fwk-co.app-prv form td input[name=pMatrNr],
html.fwk-co.app-prv form td input#idSearchBox,
html.fwk-co.app-prv form td a#idHalloIchBinDerSuchKnopf,
html.fwk-co.app-prv form[name=idSearchMaskAbsch] td.MaskRenderer.top input,
html.fwk-co.app-prv form[name=idSearchMaskAbsch] td.MaskRenderer.top .commandButton {
  margin-right: 0.1em;
  vertical-align: top;
}

/* Prüfungs-/Beurteilungsliste */
#id-page-7026620 #pageContent > div#idMyTable > form.coBBNoCSS > div:first-child {
  display: none;
}

/* Prüfungsmanagement - neuer Termin */
#id-page-7055260 fieldset .MaskLabel label.Mask {
  text-align: right;
  min-width: 8em;
}

/* Studierendenkartei - #id-page-7053560 */
#id-page-7053560 #STUDDATEN fieldset table.MaskSpacing > tbody > tr > td.MaskRenderer > a.commandButton {
  margin-left: 0.1em;
}

body #pageContent #ALL_LECTURES {
  height: auto;
  min-height: 40em; /* instead of height: 40em; set in system_standard */
}

/* LV-Detailansicht - id-page-lv_detail */
#id-page-lv_detail #pageContent form table,
#id-page-lv_detail #pageContent form table td {
  width: auto;
}

#id-page-lv_detail #pageContent > form > .MaskBackground > .MaskContent > .MaskData > table > tbody > tr > td.MaskRenderer:first-child {
  max-width: 18em;
}

#id-page-lv_detail #pageContent > form > .MaskBackground > .MaskContent > .MaskData > table > tbody > tr > td.MaskRenderer label.Mask {
  white-space: normal;
  padding: 0.15em 2em 0.35em 0.25em;
  text-align: right;
  line-height: 1.25em;
}

#id-page-leh_lv_param #pageContent > form > table TH.mask {
  font-weight: bold;
  font-size: 0.95em;
  padding: 0.15em 1em;
}

/* SPO-Management */
#id-page-spom td.MaskLabel {
  max-width: 20em;
  white-space: normal;
}

#id-page-spom #idAllgemeineInfosCont td.MaskLabel label {
  text-align: right; /* alternative: set selector above text-align: left; for all left */
}

/* SPO-Vorschriften */
#id-page-7025900 #pageContent > form > .MaskBackground > .MaskContent > .MaskData > table {
  width: auto;
}

/* LV-Gruppenverwaltung - Übersicht */
#id-page-7053670 BUTTON.w20, .fwk-pu.app-leh BUTTON.w20,
#id-page-7053670 BUTTON.w25, .fwk-pu.app-leh BUTTON.w25 {
  width: auto;
  white-space: normal;
}

/* Anerkennungen #id-page-400000 */
.fwk-pu.app-anr form[action="wbAnerkennungen.init"] th.tblGroup span.bold {
  font-size: 1.25em;
}

/*Anerkennung - Suche */
#id-page-7034220 a.commandButton, .fwk-co.app-anr a.commandButton {
  min-height: 22px;
  padding-top: 2px;
  vertical-align: baseline;
}

.fwk-co.app-anr #pageContent > a.commandButton {
  margin-right: 0.25em;
}

.fwk-pu.app-anr #pageContent > table.list > tbody > tr > td.C > a.commandButton {
  width: auto;
  margin: 1px;
}

/* Lehrerhebung - #id-page-609100 */
#id-page-609100 #pageContent > form > table.list {
  margin-top: 0;
}

html.fwk-pu.app-leh #pageContent {
  padding-top: 0;
}

/* Lehrveranstaltungsangebot - #id-page-lv-angebot */
html.fwk-pu.app-lv #pageContent,
html.fwk-pu.app-lva #pageContent {
  padding-top: 0;
}

html.fwk-pu.app-lv #pageContent > form > table.list,
html.fwk-pu.app-lv #pageContent > table.list {
  margin-top: 0;
}

/* LV-Bookmarks */
html.fwk-co.app-lv_bkm #pageContent {
  padding-top: 0;
}

/* E-Mail an Vortragende und TeilnehmerInnen - Auswahlparameter */
#id-page-616700 BUTTON.w10, .fwk-pu.app-lva BUTTON.w10 {
  width: auto;
  white-space: normal;
}

/* Berichte ausdrucken */
#id-page-608500 BUTTON.w10, .fwk-pu.app-leh BUTTON.w10 {
  width: auto;
  white-space: normal;
}

/* Lehrveranstaltungen Administration */
#id-page-7018370 form[action="WBLVADMIN.AlleLV"] table.mask table tr > td.maskM {
  float: left;
}

#id-page-7018370 form[action="WBLVADMIN.AlleLV"] table.mask table tr {
  clear: both;
}

/* Prüfungsabwicklung - Warteliste */
#id-page-7054370 form BUTTON.w20, .fwk-pu.app-prv BUTTON.w20 {
  width: auto;
  white-space: normal;
}

/* Visitenkarte bearbeiten  - .app-vcard bzw. #id-page-632600*/
html.fwk-pu.app-vcard #pageContent form button {
  width: auto;
}

html.fwk-pu.app-vcard #pageContent form button > img[src*="form.gif"] {
  margin-top: -2px;
}

/* Organisationsbaum - id='id-page-7027050', class='fwk-co app-org_adr' */
html#id-page-7027050 {
  padding: 0 1em;
}

.fwk-co.app-org_adr .mktree {
  height: auto !important;
  overflow: unset !important;
}

.fwk-co.app-org_adr .mktree li {
  line-height: 24px;
}

.fwk-co.app-org_adr .mktree li a.OrgTreeFontSizeNormal:hover {
  color: var(--link-color-hover, #006329);
  max-width: 70em;
  text-decoration: underline !important;
}

.fwk-co.app-org_adr .mktree li .liBullet a:hover {
  color: var(--link-color-hover, #006329) !important;
}

.fwk-co.app-org_adr .mktree .treeNA {
  padding-right: 0.2em;
}

.fwk-co.app-org_adr .mktree .liBullet {
  margin-left: 1em;
}

.fwk-co.app-org_adr .mktree .treeNA:hover img {
  height: 20px;
  margin: -1px;
  width: 20px;
}

/* prüfungsverwaltung - Abrechnung - nach Anteilen */
.fwk-co.app-prv #idPruefungenCont fieldset table td.MaskRenderer {
  vertical-align: top;
}

/* prüfungsan-abmeldung #id-page-examdates .fwk-co.app-xmr - XMR site specific integration Style Customizations */
html#id-page-examdates.fwk-co.app-xmr body .overlayWindow {
  background-color: var(--white, #fff);
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 100vw !important;
  height: 100% !important;
}
html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent,
html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent {
  margin: 0 auto;
  padding: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
  overflow: visible;
  overflow-x: auto;
  clear: both;
  min-height: 100%;
  max-width: 99vw;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground {
    width: 98vw;
    display: block;
  }
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground table, html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground tbody, html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground tr, html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground div,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground table,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground tbody,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground tr,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground div {
    display: block;
    max-width: 97vw;
    box-sizing: border-box;
  }
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground table fieldset, html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground tbody fieldset, html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground tr fieldset, html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowContent table form div.MaskBackground div fieldset,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground table fieldset,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground tbody fieldset,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground tr fieldset,
  html#id-page-examdates.fwk-co.app-xmr body .overlayWindow #idOverlayWindowContent table form div.MaskBackground div fieldset {
    display: block;
    width: 97vw;
  }
}
html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowHeader {
  display: none;
}
html#id-page-examdates.fwk-co.app-xmr body .overlayWindow .overlayWindowHeader .overlayWindowTools {
  float: left;
}

#pageContent > form.examOffer_NoMskBg {
  min-height: 530px;
} /* to overcome cropped table filter */
.examOffer_NoMskBg > .MaskBackground > .MaskContent > .MaskData > table,
.examOffer_NoMskBg .tab_container,
.examOffer_NoMskBg .tab_container > .MaskSpacing,
.examOffer_NoMskBg .tab_external_content,
.examOffer_NoMskBg .tab_external_content .tab_internal_content,
.examOffer_NoMskBg .tab_external_content .MaskSpacing {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.examOffer_NoMskBg > .MaskBackground > .MaskContent,
.examOffer_NoMskBg > .MaskBackground > .MaskContent > .MaskData,
.examOffer_NoMskBg > .MaskBackground > .MaskContent > .MaskData > table,
.examOffer_NoMskBg > .MaskBackground > .MaskContent > .MaskData > table > tbody,
.examOffer_NoMskBg > .MaskBackground > .MaskContent > .MaskData > table > tbody > tr,
.examOffer_NoMskBg > .MaskBackground > .MaskContent > .MaskData > table > tbody > tr > td {
  display: block;
  width: 100%;
}

#idRegisteredExamsTableContainer, #idReRegisterToExamMask, #idRegisteredExamsTableContainer, #idRegisteredExamsTableContainer {
  width: 100%;
}

.examOffer_NoMskBg .tab_external_content .tab_internal_content fieldset.MaskS {
  margin: 0.5em;
  width: auto;
}

.examOffer_NoMskBg .tab_external_content .tab_internal_content #idExamSearchMainMask fieldset.MaskS {
  margin: 0.5em 0;
}

.examOffer_NoMskBg .tab_external_content .tab_internal_content .cotable {
  border: 0;
}

body .examOffer_NoMskBg .tab_internal_content .cotable thead,
.examOffer_NoMskBg .tab_internal_content .cotable thead th {
  border: 0;
  padding-bottom: 1em;
}

body .examOffer_NoMskBg .coRow.coTableR {
  padding-top: 0.5em;
}

body .examOffer_NoMskBg .coRow.coTableR,
body .examOffer_NoMskBg .coRow.coTableSUBR {
  background: #fff;
}

body .examOffer_NoMskBg .tab_internal_content .cotable tr.coRow.coTableR:not(.coTableSUBR),
body .examOffer_NoMskBg #idRegisteredExamsMainMask .cotable tr.coRow.coTableR:not(.coTableSUBR),
body .examOffer_NoMskBg #idExamSearchMainMask .cotable tr.coRow.coTableR:not(.coTableSUBR) {
  border-top: 1px solid #ccc;
  margin-top: 0;
  padding-top: 0;
  line-height: 1.5em;
}

#idExamOfferTable tbody .coRow:not(.coTableSUBR) td:last-child > a {
  margin: 0.65em 0;
}

#id-page-examdates .examOffer_TdMask div.MaskS.MaskSCT td.MaskRenderer > span {
  margin: 0;
}

table[summary^=Prüfungsabmeldung],
table[summary^=Prüfungsanmeldung],
table[summary^=Prüfungsummeldung] { /* style for message overlay */
  /* border: 1px solid #ccc;  */
  width: auto;
  max-width: 100%;
}

body #pageContent #idRegisterToExamMask,
body #pageContent #idRegisterToExamMask table.coBB .MaskRenderer > .MaskS > .MaskSpacing,
body #pageContent #idRegisterToExamMask table.coBB .MaskRenderer .MaskS table.MaskSpacing > tbody,
body #pageContent #idRegisterToExamMask table.coBB .MaskRenderer .MaskS:not(fieldset) > table.MaskSpacing > tbody > tr,
body #pageContent #idRegisterToExamMask table.coBB .MaskRenderer .MaskS table.MaskSpacing > tbody > tr > .MaskRenderer.top:last-child:first-child {
  display: block;
  clear: both;
  width: auto;
  max-width: 100%;
}

.overlayWindow .overlayWindowContent table[summary^=Prüfungsa],
.overlayWindow .overlayWindowContent table[summary^=Prüfungsa] > tbody { /* still to be tested: idRegisterToExamMask page integration versus overlayWindow table */
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
}

table[summary^=Prüfungsabmeldung] .coBB .commandButton,
table[summary^=Prüfungsanmeldung] .coBB .commandButton,
table[summary^=Prüfungsummeldung] .coBB .commandButton,
.examOffer_NoMskBg a.commandButton.examOffer_icButton {
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  min-width: 9em;
}

.fwk-co.app-xmr #pageContent .commandButton.examOffer_icButton {
  min-width: 10em;
}

.examOffer_icButton > img,
#idRegisterToExamMask .commandButton.examOffer_icButton > img,
#idDeRegWaitingListConfirmMask .commandButton.examOffer_icButton > img {
  display: none;
}

body a.examOffer_icButton:before,
#idRegisterToExamMask .commandButton.examOffer_icButton:before,
.fwk-co.app-xmr #pageContent .commandButton.examOffer_icButton:before,
#idDeRegWaitingListConfirmMask .commandButton.examOffer_icButton:before,
body a.examOffer_icButton.commandButton:before {
  background-image: none;
  padding: 0;
  height: 24px;
  width: 24px;
}

.fwk-co #pageContent a.examOffer_icButton.disabled,
.fwk-co.app-xmr #pageContent a.examOffer_icButton.disabled,
#idRegisterToExamMask a.examOffer_icButton.disabled,
table[summary^=Prüfungsa] a.examOffer_icButton.disabled,
table[summary^=Prüfungsa] a.examOffer_icButton.disabled:hover,
.examOffer_NoMskBg a.commandButton.examOffer_icButton.disabled,
.examOffer_NoMskBg a.commandButton.examOffer_icButton.disabled:hover {
  border: 0px;
  background: #ccc;
}

.fwk-co #pageContent a.examOffer_icButton.disabled:before,
#idRegisterToExamMask .commandButton.examOffer_icButton:before,
#idRegisterToExamMask a.examOffer_icButton.disabled:before,
table[summary^=Prüfungsa] a.examOffer_icButton.disabled:before,
.examOffer_NoMskBg a.commandButton.examOffer_icButton.disabled:before {
  /*display: none;*/
  background: none;
}

.fwk-co.app-xmr #pageContent a.examOffer_icButton:before,
#idRegisterToExamMask a.examOffer_icButton:before,
table[summary^=Prüfungsa] a.examOffer_icButton:before,
.examOffer_NoMskBg a.examOffer_icButton:before {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  width: 24px;
  line-height: 24px;
  font-size: 14px;
  margin-left: -10px;
}

a.examOffer_icButton:not(.css_AN):not(.css_ANV):not(.css_AB):not(.css_WAN):not(.css_WAB):not(.css_RA):before,
.fwk-co.app-xmr a.examOffer_icButton:not(.css_AN):not(.css_ANV):not(.css_AB):not(.css_WAN):not(.css_WAB):not(.css_RA):before {
  width: 0;
}

/*AN => Anmelden, ANV => Vorläufig anmelden, AB => abmelden, RA => Ummelden sein, WAN => Warteliste anmelden, WAB => Warteliste abmelden */
#pageContent a.examOffer_icButton.css_AN:before,
#pageContent a.examOffer_icButton.css_ANV:before,
#pageContent a.examOffer_icButton.css_AB:before,
#pageContent a.examOffer_icButton.css_WAN:before,
#pageContent a.examOffer_icButton.css_WAB:before,
#pageContent a.examOffer_icButton.css_RA:before { /* overwrite default styles from examoffer.css */
  background-image: none;
  height: auto;
}

.examOffer_icButton.css_AN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AN:before,
.fwk-co.app-xmr a.examOffer_icButton.css_AN:before,
.fwk-co.app-xmr #pageContent a.examOffer_icButton.css_AN:before,
#idRegisterToExamMask a.examOffer_icButton.css_AN:before,
table[summary^=Prüfungsanmeldung] a.examOffer_icButton.css_AN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AN:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f058";
  color: #27c56b; /*#00a17d; /*$brand-success*/
}

.examOffer_icButton.css_ANV:before,
.examOffer_NoMskBg a.examOffer_icButton.css_ANV:before,
.fwk-co.app-xmr .examOffer_icButton.css_ANV:before,
.fwk-co.app-xmr #pageContent .examOffer_icButton.css_ANV:before,
idRegisterToExamMask a.examOffer_icButton.css_ANV:before,
table[summary^=Prüfungsanmeldung] a.examOffer_icButton.css_ANV:before,
.examOffer_NoMskBg a.examOffer_icButton.css_ANV:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f058";
  color: #f7c806; /*#f7a541; /*$brand-warning*/
}

.examOffer_icButton.css_AB:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AB:before,
.fwk-co.app-xmr .examOffer_icButton.css_AB:before,
.fwk-co.app-xmr #pageContent .examOffer_icButton.css_AB:before,
idRegisterToExamMask a.examOffer_icButton.css_AB:before,
table[summary^=Prüfungsabmeldung] a.examOffer_icButton.css_AB:before,
.examOffer_NoMskBg a.examOffer_icButton.css_AB:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f057";
  color: #fb7a85; /*#fb7a85;*/
}

.examOffer_icButton.css_WAN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_WAN:before,
.fwk-co.app-xmr .examOffer_icButton.css_WAN:before,
.fwk-co.app-xmr #pageContent .examOffer_icButton.css_WAN:before,
idRegisterToExamMask a.examOffer_icButton.css_WAN:before,
table[summary^=Prüfungsabmeldung] a.examOffer_icButton.css_WAN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_WAN:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 400;
  content: "\f017";
  color: #27c56b; /*#27c56b;*/
}

.examOffer_icButton.css_WAN:before,
.examOffer_NoMskBg a.examOffer_icButton.css_WAB:before,
.fwk-co.app-xmr .examOffer_icButton.css_WAB:before,
.fwk-co.app-xmr #pageContent .examOffer_icButton.css_WAB:before,
idRegisterToExamMask a.examOffer_icButton.css_WAB:before,
table[summary^=Prüfungsabmeldung] a.examOffer_icButton.css_WAB:before,
.examOffer_NoMskBg a.examOffer_icButton.css_WAB:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 400;
  content: "\f017";
  color: red; /*#f7c806;*/
}

.examOffer_NoMskBg a.examOffer_icButton:not(.disabled):hover:before {
  color: white;
}

.examOffer_icButton.css_RA:before,
.examOffer_NoMskBg a.examOffer_icButton.css_RA:before,
.fwk-co.app-xmr .examOffer_icButton.css_RA:before,
.fwk-co.app-xmr #pageContent .examOffer_icButton.css_RA:before,
idRegisterToExamMask a.examOffer_icButton.css_RA:before,
table[summary^=Prüfungsa] a.examOffer_icButton.css_RA:before,
.examOffer_NoMskBg a.examOffer_icButton.css_RA:before {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 900;
  content: "\f0a9";
  color: var(--brand-success, #008568); /*#27c56b;*/
}

.examOffer_icButton.disabled:before,
.examOffer_NoMskBg a.examOffer_icButton.disabled:before,
.fwk-co.app-xmr a.examOffer_icButton.disabled:before,
.fwk-co.app-xmr #pageContent a.examOffer_icButton.disabled:before,
#idRegisterToExamMask a.examOffer_icButton.disabled:before,
table[summary^=Prüfungsanmeldung] a.examOffer_icButton.disabled:before,
.examOffer_NoMskBg a.examOffer_icButton.disabled:before {
  color: #ffffff;
}

body .examOffer_NoMskBg .tab_internal_content .MaskS > table.cotable > tbody > .coRow.coTableR > td:first-child {
  padding: 0;
}

body #pageContent #idRegisteredExamsTabel > tbody > .coRow.coTableR > td:nth-child(2),
body #pageContent #idExamToRegCoursesTable > tbody > .coRow.coTableR > td:nth-child(2),
body #pageContent #idExamOfferTable > tbody > .coRow.coTableR > td:nth-child(2) {
  margin-top: 3px;
}

body .examOffer_NoMskBg .coRow.coTableR .mkExpand {
  display: flex;
  height: 24px;
  width: 24px;
  padding-left: 10px;
}

body .examOffer_NoMskBg .coRow.coTableR .mkExpand:before { /* overwrite ca-integration for before styles */
  display: none;
  content: "";
}

body #pageContent .examOffer_NoMskBg a.mkExpand > img,
body #pageContent #idRegisteredExamsTableContain a.mkExpand > img {
  height: 20px !important;
  width: 14px !important;
  padding: 2px;
  visibility: visible;
  filter: sepia(100%) hue-rotate(190deg) saturate(500%) contrast(200%) brightness(80%);
}

body #pageContent .examOffer_NoMskBg a.mkExpand > img[src*=expand],
body #pageContent #idRegisteredExamsTableContain a.mkExpand > img[src*=expand] {
  transform: rotate(-90deg);
}

body #pageContent .examOffer_NoMskBg a.mkExpand > img[src*=collaps],
body #pageContent #idRegisteredExamsTableContain a.mkExpand > img[src*=collaps] {
  height: 14px !important;
  width: 20px !important;
  padding: 0;
  padding-top: 4px;
}

fieldset#idExamSearchMainMask, fieldset#idExamSearchMainMask > legend,
fieldset#idExamToRegCoursesTable, fieldset#idExamToRegCoursesTable > legend,
fieldset#idRegisteredExamsMainMask, fieldset#idRegisteredExamsMainMask > legend,
#idRegisteredExamsTabel {
  border-width: 0px;
}

#idExamSearchMainMask > table.MaskSpacing > tbody > tr > td > div {
  width: auto;
  float: left;
  margin: 1em 0;
}

#idExamSearchMainMask a.commandButton#idExamSearchButton {
  color: transparent;
  position: relative;
  max-width: 30px;
  height: 22px;
  padding: 2px;
  left: -3px;
  background: #ccc;
}

body #pageContent #idRegisteredExamsTabel td .mkTableLable,
body #pageContent #idExamToRegCoursesTable td .mkTableLable,
body #pageContent #idExamOfferTable td .mkTableLable {
  display: none;
}

body .examOffer_NoMskBg .tab_external_content .tab_internal_content table .warningText {
  color: var(--brand-warning, #B36200);
  position: relative;
  font-size: 0.9em;
}

body #idKandTable .warningText {
  color: var(--brand-warning, #B36200);
  position: relative;
  font-size: 0.8em;
}

body #idRegisterToExamResultMask fieldset table tr td.MaskRenderer,
body #idRegisterToExamResultMask table fieldset table td.MaskRenderer > span.Mask {
  word-break: break-word;
}

body #pageContent .examOffer_NoMskBg .overlayTTContainer table.coBB {
  min-width: 25em;
}

body #pageContent .examOffer_NoMskBg .overlayTTContainer .toolButton.commandButton {
  height: 32px;
  margin: 0;
}

body #pageContent .examOffer_NoMskBg .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td > ul > li {
  padding: 0;
}

body #pageContent .examOffer_NoMskBg .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td.coBBBRIGHT.coBB {
  position: relative;
  left: 0;
}

body #pageContent .examOffer_NoMskBg .overlayTTContainer .MaskBackground > .MaskContent > table.coBB > tbody > tr.coBB:first-child > td > ul > li {
  padding: 0;
  padding-top: 2px;
}

/* responsive bigger screen styles for exam registration - can be removed when switching to new exr */
@media (min-width: 767px) {
  #idRegisterToExamMask,
  .examOffer_NoMskBg .tab_external_content .tab_internal_content .examOffer_TdMask .coBBContent {
    min-width: 90vw;
  }
  .examOffer_NoMskBg .tab_external_content .tab_internal_content .examOffer_TdMask .coBBContent .MaskRenderer .MaskRenderer:first-child > div,
  #idRegisterToExamMask .MaskContent .MaskRenderer .MaskRenderer:first-child table.MaskSpacing td.MaskRenderer.top > fieldset.MaskS.MaskSCT {
    margin-right: 1em;
  }
  .examOffer_NoMskBg .tab_external_content .tab_internal_content .examOffer_TdMask table.MaskSpacing td.MaskRenderer.top > fieldset.MaskS.MaskSCT > table.MaskSpacing > tbody > tr:nth-child(1) > td:first-child:not(:last-child),
  .examOffer_NoMskBg .tab_external_content .tab_internal_content .examOffer_TdMask table.MaskSpacing td.MaskRenderer.top > fieldset.MaskS.MaskSCT > table.MaskSpacing > tbody > tr:nth-child(1) > td,
  #idRegisterToExamMask .MaskData > table > tbody > tr > td > div > table > tbody > tr > td:first-child > :first-child {
    float: left;
    margin-right: 1em;
    width: auto;
  }
  .examOffer_NoMskBg .tab_external_content .tab_internal_content .examOffer_TdMask .warningText,
  #idRegisterToExamMask .warningText,
  #idRegisterToExamResultMask .warningText {
    width: 60em;
    max-width: 50vw;
  }
}
/* RESPONSIVE Styles for XMR Integration for mobile phone renderings */
@media screen and (max-width: 1350px) and (min-width: 992px) {
  body #pageContent .cotable thead tr th:last-child div.coFilter {
    right: 2em;
  }
}
@media screen and (max-width: 991px) { /* 767px bottom */
  body #pageContent .examOffer_NoMskBg .overlayTTContainer table.coBB {
    min-width: unset;
  }
  body #pageContent .examOffer_NoMskBg .overlayTTContainer .coBB > tbody > tr > td > div > table > tbody > tr > td.MaskRenderer.top {
    width: 100%;
    display: block;
  }
  body #pageContent .examOffer_NoMskBg .overlayTTContainer > .MaskBackground > .MaskContent > table.coBB {
    max-width: 100%;
  }
  body #pageContent .examOffer_NoMskBg .overlayTTContainer > .MaskBackground > .MaskContent fieldset.MaskS > table > tbody > tr.coBB:last-child > td {
    float: left;
    clear: none;
    width: auto;
  }
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content table.cotable > thead,
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content table.cotable > tbody {
    width: 100%;
    float: left;
    clear: both;
  }
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content #idRegisteredExamsTabel .coTableSUBR .warningText {
    margin-top: -1em;
    width: 75%;
  }
  #idExamSearchMainMask > table.MaskSpacing > tbody > tr > td.MaskRenderer {
    width: 100%;
  }
  table[summary^=Prüfungsabmeldung] .coBB .commandButton,
  table[summary^=Prüfungsanmeldung] .coBB .commandButton,
  table[summary^=Prüfungsummeldung] .coBB .commandButton,
  .examOffer_NoMskBg a.commandButton.examOffer_icButton {
    white-space: normal;
    margin: 0.5em 0;
  }
  body .examOffer_NoMskBg fieldset table tr {
    margin: 0;
  }
  body #idExamSearchMainMask > table > tbody > tr > td > div > table > tbody > tr > td {
    display: block;
    max-width: 100%;
    clear: both; /* for search field under label */
  }
  body #idExamSearchMainMask #idExamSearchTerm {
    max-width: 20em;
    width: auto;
  }
  body #idAdvancedExamSearchContainer table td input {
    max-width: 20em;
    width: auto;
  }
  body #idAdvancedExamSearchContainer td {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
  }
  body #pageContent fieldset#idRegisteredExamsMainMask, body #pageContent fieldset#idRegisteredExamsMainMask table,
  body #pageContent fieldset#idExamsToRegCoursesMask, body #pageContent fieldset#idExamsToRegCoursesMask table,
  body #pageContent #idExamSearchMainMask, body #pageContent fieldset#idExamSearchResult, body #pageContent fieldset#idExamSearchResult table {
    margin: 0;
    padding: 0;
    border: 0px;
  }
  body #pageContent fieldset#idExamSearchMainMask > legend.Mask,
  body #pageContent fieldset#idExamSearchResult > legend.Mask,
  body #pageContent fieldset#idExamsToRegCoursesMask > legend.Mask,
  body #pageContent fieldset#idRegisteredExamsMainMask > legend.Mask {
    border: 0px;
    margin: 0;
  }
  body #pageContent fieldset#idExamSearchMainMask > legend.Mask > span,
  body #pageContent fieldset#idExamsToRegCoursesMask > legend.Mask > span,
  body #pageContent fieldset#idRegisteredExamsMainMask > legend.Mask > span {
    padding: 0.25em 0.5em;
    line-height: 1.4em;
  }
  body #pageContent #idRegisteredExamsTabel,
  body #pageContent #idExamToRegCoursesTable,
  body #pageContent #idExamOfferTable,
  body #pageContent #idRegisteredExamsTabel tr,
  body #pageContent #idExamToRegCoursesTable tr,
  body #pageContent #idExamOfferTable tr {
    display: block;
    clear: both;
    max-width: 100%;
  }
  body .overlayWindowContent table[summary^=Prüfungsanmeldung] .coBBContent fieldset.MaskS legend.Mask > span,
  body .overlayWindowContent table[summary^=Prüfungsabmeldung] .coBBContent fieldset.MaskS legend.Mask > span,
  body .overlayWindowContent #idReRegisterToExamMask fieldset.MaskS legend.Mask > span,
  body .overlayWindowContent #idDeRegisterConfirmMask fieldset.MaskS legend.Mask > span {
    padding: 0.25em 0.5em;
  }
  body .overlayWindowContent table[summary^=Prüfungsanmeldung] .coBBContent fieldset.MaskS .ResultWarning br {
    display: none;
  }
  body .overlayWindowContent table[summary^=Prüfungsanmeldung] fieldset table tr td.MaskRenderer > span.Mask,
  body .overlayWindowContent table[summary^=Prüfungsanmeldung] fieldset table tr td.MaskRenderer > span.Mask,
  body .overlayWindowContent #idReRegisterToExamMask fieldset table tr td.MaskRenderer > span.Mask,
  body .overlayWindowContent #idDeRegisterConfirmMask fieldset table tr td.MaskRenderer > span.Mask,
  body .overlayWindowContent #idRegisterToExamResultMask fieldset table tr td.MaskRenderer > span.Mask {
    margin: 0;
  }
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content #idRegisteredExamsTabel .coTableSUBR .examOffer_TdMask fieldset.MaskS tr.hidden,
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content #idExamToRegCoursesTable .coTableSUBR .examOffer_TdMask fieldset.MaskS tr.hidden,
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content #idExamOfferTable .coTableSUBR .examOffer_TdMask fieldset.MaskS tr.hidden {
    display: none;
  }
  body #pageContent #idRegisteredExamsTabel th,
  body #pageContent #idExamToRegCoursesTable th,
  body #pageContent #idExamOfferTable th {
    display: inline-block;
    line-height: 30px;
    margin-bottom: 1em;
  }
  body #pageContent #idRegisteredExamsTabel > thead > tr > th:nth-child(1),
  body #pageContent #idExamToRegCoursesTable > thead > tr > th:nth-child(1),
  body #pageContent #idExamOfferTable > thead > tr > th:nth-child(1),
  body #pageContent #idRegisteredExamsTabel > thead > tr > th:nth-child(7),
  body #pageContent #idExamToRegCoursesTable > thead > tr > th:nth-child(7),
  body #pageContent #idExamOfferTable > thead > tr > th:nth-child(6),
  body #pageContent #idRegisteredExamsTabel > thead > tr > th:nth-child(8),
  body #pageContent #idExamToRegCoursesTable > thead > tr > th:nth-child(8),
  body #pageContent #idExamOfferTable > thead > tr > th:nth-child(9),
  body #pageContent #idRegisteredExamsTabel > thead > tr > th:nth-child(10),
  body #pageContent #idExamToRegCoursesTable > thead > tr > th:nth-child(10),
  body #pageContent #idExamOfferTable > thead > tr > th:nth-child(10),
  body #pageContent #idRegisteredExamsTabel > thead > tr > th:nth-child(11) {
    display: none;
  }
  body .examOffer_NoMskBg tr.coRow.coTableR {
    padding: 0.5em;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
  }
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content .coTableSUBR .examOffer_TdMask fieldset.MaskS {
    border: 0px;
  }
  body .examOffer_TdMask .coBBContent fieldset.MaskS > .MaskSpacing td.MaskRenderer {
    padding-right: 0.5em !important;
  }
  body .examOffer_NoMskBg .coTableSUBR fieldset.MaskS > .MaskSpacing,
  body .examOffer_NoMskBg .coTableSUBR fieldset.Mask > .MaskSpacing {
    padding: 0;
  }
  body #idRegisteredExamsTabel div.MaskS.MaskSCT .examOffer_TdMask td.MaskRenderer > span,
  body #idExamToRegCoursesTable div.MaskS.MaskSCT .examOffer_TdMask td.MaskRenderer > span,
  body #idExamOfferTable div.MaskS.MaskSCT .examOffer_TdMask td.MaskRenderer > span {
    margin: 0;
  }
  body .examOffer_NoMskBg #idRegisteredExamsTabel .coTableSUBR div.examOffer_TdMask,
  body .examOffer_NoMskBg #idExamToRegCoursesTable .coTableSUBR div.examOffer_TdMask,
  body .examOffer_NoMskBg #idExamOfferTable .coTableSUBR div.examOffer_TdMask,
  body .examOffer_NoMskBg .coRow.coTableSUBR .examOffer_TdMask {
    margin-top: -1em;
    margin-left: 25px;
    background-color: var(--main-content-background-color, var(--white, #fff));
    float: left;
    clear: both;
  }
  body .examOffer_NoMskBg #idRegisteredExamsTabel .coTableSUBR div.examOffer_TdMask table > tbody > tr,
  body .examOffer_NoMskBg #idExamToRegCoursesTable .coTableSUBR div.examOffer_TdMask table > tbody > tr,
  body .examOffer_NoMskBg #idExamOfferTable .coTableSUBR div.examOffer_TdMask table > tbody > tr {
    clear: both;
  }
  body .examOffer_NoMskBg #idRegisteredExamsTabel .coTableSUBR div.examOffer_TdMask fieldset table table > tbody > tr > td,
  body .examOffer_NoMskBg #idExamToRegCoursesTable .coTableSUBR div.examOffer_TdMask fieldset table table > tbody > tr > td,
  body .examOffer_NoMskBg #idExamOfferTable .coTableSUBR div.examOffer_TdMask fieldset table table > tbody > tr > td {
    width: auto;
  }
  body .examOffer_NoMskBg #idRegisteredExamsTableContainer .coTableSUBR .examOffer_TdMask fieldset td.MaskRenderer > span,
  body .examOffer_NoMskBg #idExamToRegCoursesTable .coTableSUBR .examOffer_TdMask fieldset td.MaskRenderer > span,
  body .examOffer_NoMskBg #idExamOfferTable .coTableSUBR .examOffer_TdMask fieldset td.MaskRenderer > span {
    margin: 0;
  }
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content .coTableSUBR .examOffer_TdMask fieldset.MaskS > legend,
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content .coTableSUBR .examOffer_TdMask fieldset.MaskS > legend.Mask > span {
    margin: 0;
    border: none;
  }
  body .examOffer_NoMskBg .tab_external_content .tab_internal_content .coTableSUBR .examOffer_TdMask fieldset.MaskS span.Mask {
    padding: 0;
    text-indent: 0;
  }
  body #pageContent #idRegisteredExamsTabel tr.coRow td,
  body #pageContent #idExamToRegCoursesTable tr.coRow td,
  body #pageContent #idExamOfferTable tr.coRow td {
    float: left;
    display: block;
    margin: 0;
    margin-left: 28px;
    line-height: 18px;
    clear: both;
    border: none;
  }
  body #pageContent #idRegisteredExamsTabel tr.coRow td:nth-child(1),
  body #pageContent #idExamToRegCoursesTable tr.coRow td:nth-child(1),
  body #pageContent #idExamOfferTable tr.coRow td:nth-child(1) {
    margin-right: 0;
    margin-left: 0;
    clear: none;
  }
  body #pageContent #idRegisteredExamsTabel tr.coRow td:nth-child(2),
  body #pageContent #idExamToRegCoursesTable tr.coRow td:nth-child(2),
  body #pageContent #idExamOfferTable tr.coRow td:nth-child(2) {
    margin-left: 0;
    clear: none;
  }
  body #pageContent #idRegisteredExamsTabel td .mkTableLable,
  body #pageContent #idExamToRegCoursesTable td .mkTableLable,
  body #pageContent #idExamOfferTable td .mkTableLable {
    display: inline-flex;
    margin-right: 1em;
    font-weight: bold;
    white-space: nowrap;
  }
  body #pageContent #idRegisteredExamsTabel td .mkTableLable br,
  body #pageContent #idExamToRegCoursesTable td .mkTableLable br,
  body #pageContent #idExamOfferTable td .mkTableLable br {
    display: none;
  }
  body #pageContent #idRegisteredExamsTabel td .mkTableLable:after,
  body #pageContent #idExamToRegCoursesTable td .mkTableLable:after,
  body #pageContent #idExamOfferTable td .mkTableLable:after {
    content: ":";
  }
  body #pageContent #idRegisteredExamsTabel td .mkTableLable:before,
  body #pageContent #idExamToRegCoursesTable td .mkTableLable:before,
  body #pageContent #idExamOfferTable td .mkTableLable:before {
    /*content: '/'; padding-right:1em; */
  }
  body #pageContent #idRegisteredExamsTabel tr.coRow.coTableR td:nth-child(2) .mkTableLable:before,
  body #pageContent #idExamToRegCoursesTable tr.coRow.coTableR td:nth-child(2) .mkTableLable:before,
  body #pageContent #idExamOfferTable tr.coRow.coTableR td:nth-child(2) .mkTableLable:before,
  body #pageContent #idRegisteredExamsTabel tr.coRow.coTableR td:nth-child(3) .mkTableLable:before,
  body #pageContent #idExamToRegCoursesTable tr.coRow.coTableR td:nth-child(3) .mkTableLable:before,
  body #pageContent #idExamOfferTable tr.coRow.coTableR td:nth-child(3) .mkTableLable:before {
    display: none;
    content: none;
    padding: 0;
  }
  body #pageContent #idRegisteredExamsTabel tr.coRow.coTableR td div span > br,
  body #pageContent #idExamToRegCoursesTable tr.coRow.coTableR td div span > br,
  body #pageContent #idExamOfferTable tr.coRow.coTableR td div span > br {
    display: none;
  }
  body #pageContent #idRegisteredExamsTabel td .DeRegUntilDate,
  body #pageContent #idExamToRegCoursesTable td .DeRegUntilDate,
  body #pageContent #idExamOfferTable td .DeRegUntilDate,
  body #pageContent #idRegisteredExamsTabel td .noWrapTableDate .ExamDate,
  body #pageContent #idExamToRegCoursesTable td .noWrapTableDate .ExamDate,
  body #pageContent #idExamOfferTable td .noWrapTableDate .ExamDate {
    padding-right: 1em;
  }
  body #pageContent td .noWrapTableDate, #idConfigMask label, ul.spo-path-component .spo-path-element {
    white-space: normal;
  }
  body #pageContent #idRegisteredExamsTabel td:nth-child(3),
  body #pageContent #idExamToRegCoursesTable td:nth-child(3),
  body #pageContent #idExamOfferTable td:nth-child(3) {
    clear: left;
  }
  body #pageContent #idRegisteredExamsTabel .coRow.coTableR td:last-child,
  body #pageContent #idExamToRegCoursesTable .coRow.coTableR td:last-child,
  body #pageContent #idExamOfferTable .coRow.coTableR td:last-child {
    float: right;
  }
  body .examOffer_NoMskBg .tab_container {
    max-width: 100%;
  }
  body .examOffer_NoMskBg .tab_container .tab_name {
    display: inline-block;
    white-space: normal;
    word-break: break-word;
  }
  body .examOffer_NoMskBg .spo-path-element .kt1,
  #idReRegisterToExamMask .spo-path-element .kt1 {
    white-space: normal;
  }
  #idRegisteredExamsTabel tr.coRow td, #idExamToRegCoursesTable tr.coRow td, #idExamSearchResult tr.coRow td {
    float: left;
  }
  body input[type=checkbox], body input[type=radio] {
    min-height: auto;
    min-width: auto;
  }
  #idExamSearchMainMask > table > tbody > tr > td.MaskRenderer {
    float: left;
    clear: both;
    min-width: 49%;
  }
  table[summary^=Prüfungsabmeldung] div.Mask,
  #idRegisterToExamResultMask td.MaskRenderer > span,
  #idRegisterToExamResultMask > table.MaskSpacing fieldset table td div table td.MaskRenderer > span.Mask {
    word-break: break-word;
  }
  #idRegisterToExamResultMask td.MaskRenderer > span.Mask {
    display: block;
  }
  body .examOffer_NoMskBg .coRow.coTableR .mkExpand {
    width: 20px;
    padding-left: 0;
    padding-right: 10px;
  }
} /* media screen width 991 end */
@media screen and (max-width: 767px) {
  .coFilter {
    left: 24px;
    right: 24px;
  }
  #idExamSearchMainMask td.MaskRenderer .select2-container.cocombobox {
    max-width: 35ex;
  }
  #id-page-examdates select {
    max-width: 100%;
    min-width: auto;
  }
  body .examOffer_TdMask .coBBContent fieldset.MaskS > .MaskSpacing td.MaskRenderer > span.Mask {
    padding-top: 0.5em !important;
  }
}
@media print { /* better readability of columns in print view of exam registration */
  body #idRegisterToExamResultMask td.MaskRenderer {
    float: left;
  }
  body #idRegisterToExamResultMask td.MaskRenderer > span {
    margin-left: 0;
  }
}
/* RESPONSIVE XMR STYLES END */
@media (max-width: 767px) {
  HTML.fwk-pu.app-suche {
    /*&#id-page-1004200 { // special styles for suche Veranstaltungen
      #pageContent form > table > tbody > tr > td > table.mask {
        tbody tbody tr.mask:last-child:not(:first-child) {
          table, td {
            width: auto;
            float: left;
          }
          td.maskM {
            width: auto;
            display: unset;
            display: inline;
          }
        }
      }
    }*/
  }
  HTML.fwk-pu.app-suche #pageContent form {
    padding: 0;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask {
    width: 100%;
    border: 1px solid #bdc3c7;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table, HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask tbody, HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask tr, HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask td {
    width: 100%;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask {
    display: block;
    max-width: 100%;
    border: 0;
    text-align: left;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask > td.mask,
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask > td.maskLM,
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask > td.maskM {
    float: left;
    max-width: 100%;
    clear: left;
    width: 100%;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask > td.mask > table {
    width: 100%;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask > td.mask > table input.w20,
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask > td.mask > table button.w10 {
    width: 99%;
    box-sizing: border-box;
  }
  HTML.fwk-pu.app-suche #pageContent form > table > tbody > tr > td > table.mask table > tbody > tr.mask select.w30 {
    width: 100%;
    max-width: 100%;
    display: block;
    clear: both;
  }
  HTML.fwk-pu.app-suche #pageContent form #search_help {
    max-width: calc(100vw - 10px);
    box-sizing: border-box;
  }
}
@media (max-width: 1199px) {
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(1) {
    width: 5em;
    max-width: 5em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(2) {
    width: 3em;
    max-width: 3em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(3) {
    width: 11em;
    max-width: 11em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(4),
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(5),
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(7) {
    width: 3em;
    max-width: 3em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(6),
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(7) {
    word-wrap: break-word;
    width: 4.5em;
    max-width: 4.5em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(8) {
    width: 14em;
    max-width: 14em;
  }
}
@media (min-width: 768px) {
  html body #pageContent, html body .overlayWindow .overlayWindowContent {
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    display: block;
  }
}
HTML.fwk-pu.app-studstat #pageContent {
  padding: 0.5em;
}

#id-page-lv_anm_infoseite td[headers*=hdrABM] {
  padding-left: 0.5em;
}

@media (max-width: 767px) {
  HTML#id-page-402400 fieldset {
    max-width: 100%;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr {
    display: block;
    max-width: 100%;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr table.MaskSpacing > tbody > tr > td,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coRow.coTableR > tr > td.MaskRender {
    float: left;
    max-width: 100%;
    clear: left;
    width: 100%;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr table.MaskSpacing > tbody > tr > td .select2-container.cocombobox,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coRow.coTableR > tr > td.MaskRender .select2-container.cocombobox {
    max-width: 14em;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB .commandButton,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB > button,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB.coBBBRIGHT ul li > button,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB.coBBBRIGHT ul li > button {
    float: left;
    width: auto;
    min-height: 30px;
    margin-bottom: 1px;
    margin-right: 1px;
    min-width: 14em;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB, HTML#id-page-402400 .MaskData > table > tbody > tr .coBB td {
    border-width: 0;
  }
}
HTML#id-page-802100 {
  max-width: 100vw;
}
HTML#id-page-802100 body table.detail {
  border-width: 1px;
}
HTML#id-page-802100 body table.detail,
HTML#id-page-802100 body table th.detailStd,
HTML#id-page-802100 body table.z1 {
  background: transparent;
}
HTML#id-page-802100 body td.detailStd {
  padding-left: 0;
  margin-left: -2px;
}
HTML#id-page-802100 body td.detailStd br {
  display: none;
}
@media (max-width: 767px) {
  HTML#id-page-802100 table {
    max-width: 100vw;
  }
  HTML#id-page-802100 table td {
    font-size: 0.9em;
    max-width: 100vw;
  }
  HTML#id-page-802100 table.detail span {
    font-size: 0.9em;
  }
  HTML#id-page-802100 .list tr {
    clear: both;
    position: relative;
    float: left;
    clear: both;
    max-width: 100%;
  }
  HTML#id-page-802100 .list tr > td,
  HTML#id-page-802100 .list tr > th {
    white-space: normal;
    font-size: 0.9em;
    word-wrap: break-word;
    padding-right: 2px;
  }
  HTML#id-page-802100 .list tr th:last-child {
    display: none;
  }
  HTML#id-page-802100 .list tr td:last-child {
    float: left;
    display: block;
    left: 0;
    right: 0;
    position: relative;
    font-style: italic;
    width: 100%;
    padding-right: 1em;
    font-size: 0.9em;
    text-align: right;
  }
}

@media (max-width: 767px) {
  #id-page-ee_hooskpage .cotable tr td {
    max-width: calc(100vw - 2em);
    float: left;
    clear: both;
    white-space: normal;
  }
  #id-page-ee_hooskpage .cotable tr td:first-child {
    border-width: 0;
  }
  #id-page-ee_hooskpage .cotable tr td a {
    word-wrap: break-word;
    max-width: 90vw;
  }
  #id-page-ee_hooskpage .commandButton {
    float: right;
    margin-right: 1em !important;
  }
}
#id-page-ee_hooskpage .coRow img[src*="hookwarn.gif"],
#id-page-ee_hooskpage .coRow img[src*="hookinfo.gif"] {
  width: 16px;
  height: auto;
  image-rendering: auto;
  filter: grayscale(100) invert(100);
}
#id-page-ee_hooskpage .coRow img[src*="hookwarn.gif"] {
  filter: grayscale(0) contrast(1) brightness(1) hue-rotate(-30deg);
}
#id-page-ee_hooskpage #pageContent > table[width="100%"] > tbody > tr:first-child > td > a > img[border="0"] {
  display: none;
}
#id-page-ee_hooskpage #pageContent > a.commandButton[href*=SaveHooks] {
  margin-left: 4em;
  float: left;
  min-width: 10em;
  text-align: center;
}
@media (max-width: 767px) {
  #id-page-ee_hooskpage #pageContent > a.commandButton[href*=SaveHooks] {
    width: calc(100vw - 4em);
    margin-left: 2em;
  }
}

#idHooksMask table.cotable > tbody > tr.coRow {
  border: 1px solid #bdc3c7;
  display: block;
  float: left;
  clear: both;
  padding: 0.25em;
  margin: 0.25em auto;
  width: 90vw;
  margin-left: 3em;
  max-width: 80em;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px;
}
@media (max-width: 767px) {
  #idHooksMask table.cotable > tbody > tr.coRow {
    width: calc(100vw - 4em);
    margin-left: 1em;
  }
}

#idHooksMask table.cotable > tbody tr > th.tblGroup,
body table.list > thead > tr > th,
body table.cotable > tbody > tr:first-child > td {
  border-top: 0;
}

#idHooksMask table.cotable > tfoot th.ftr {
  border-bottom: 0;
}

html.fwk-pu.app-lva #LOCKDIV {
  max-width: 100% !important;
  max-height: 100% !important;
  position: fixed !important;
}

html.fwk-pu.app-lva #BefRelFIelds,
html.fwk-pu.app-lva #ConfirmDIV {
  right: 20%;
  position: fixed !important;
  top: 20vh !important;
}

@media (max-width: 991px) {
  html.fwk-pu.app-lva #BefRelFIelds,
  html.fwk-pu.app-lva #ConfirmDIV {
    left: 10% !important;
    right: 10% !important;
    max-height: 75vh;
    overflow: auto !important;
    top: 15vh !important;
  }
}
html#id-page-617300 #pageContent div br,
html.fwk-pu.app-lva #pageContent div br {
  display: none;
}

.fwk-pu.app-lva #ConfirmDIV {
  left: 20% !important;
  right: 20%;
  width: auto; /* better positioning of dialog on smaller displays */
}

html#id-page-617300 #pageContent #ConfirmDIV br,
html.fwk-pu.app-lva #pageContent #ConfirmDIV br {
  display: block !important;
}

html.fwk-pu.app-lva body #pageContent #BefRelFIelds {
  top: 1em !important;
  resize: auto;
  max-height: calc(100vh - 10em);
}

html.fwk-pu.app-lva body #pageContent #BefRelFIelds form {
  max-height: 100%;
  overflow: auto;
  border: 1px solid green;
  display: block;
  float: left;
  max-height: calc(100vh - 10em);
}

#id-page-7001560 #pageContent > table button[type=submit].w10 {
  display: none;
}

#id-page-maskpwdedit #pageContent table tbody td > a.commandButton {
  display: none;
}

#id-page-632600 .overlayWindow {
  min-height: 260px;
  min-width: 50vw;
}

#id-page-632600 .overlayWindow #idOverlayWindowContent iframe {
  box-sizing: border-box;
  padding-top: 2em;
  width: 100%;
}

#id-page-vk_valid_email body #pageContent {
  padding-bottom: 1em;
  height: 100%;
}

.cocal-ev-container .cocal-ev-title:before,
.cocal-ev-horiz-container .cocal-ev-title:before,
.cocal-ev-list-container:before {
  font-family: Font Awesome\ 5 Free;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-variant: normal;
  padding-left: 0.1em;
  padding-right: 0.5em;
}

.course-registration-possible .cocal-ev-title:before,
.cocal-ev-list-container.course-registration-possible:before {
  content: "\f35a";
}

.course-registration-reservation-success .cocal-ev-title:before,
.cocal-ev-list-container.course-registration-reservation-success:before,
.course-registration-preliminary-success .cocal-ev-title:before,
.cocal-ev-list-container.course-registration-preliminary-success:before,
.course-registration-waiting_list .cocal-ev-title:before,
.cocal-ev-list-container.course-registration-waiting_list:before {
  content: "\f017";
}

.course-registration-success .cocal-ev-title:before,
.cocal-ev-list-container.course-registration-success:before {
  content: "\f058";
}

/* Consistent Buttonheight styles within Calendar app */
#id-page-res_kalender_my_pers #idTerminContent a.commandButton,
#id-page-res_kalender_pers #idTerminContent a.commandButton {
  height: 26px;
  line-height: 18px;
}
#id-page-res_kalender_my_pers #idTerminContent #idCalendar,
#id-page-res_kalender_pers #idTerminContent #idCalendar {
  margin-top: 1px;
}

/* window iframe overlay size in the integration incorrect */
.fwk-pu.app-vcard .overlayWindow iframe {
  width: 90%;
  height: 100%;
}

#id-page-vk_valid_email #idEePageWrapper > #pageContent > form > div {
  margin-top: 1em;
}

#id-page-vk_valid_email #idEePageWrapper #idPageFooter {
  display: none;
}

@media (max-width: 767px) {
  HTML#id-page-1004200 table.mask table > tbody > tr.mask {
    display: block;
    max-width: 100%;
    border: 0;
    text-align: left;
  }
  HTML#id-page-1004200 table.mask table > tbody > tr.mask > td.mask,
  HTML#id-page-1004200 table.mask table > tbody > tr.mask > td.maskLM,
  HTML#id-page-1004200 table.mask table > tbody > tr.mask > td.maskM {
    float: left;
    max-width: 100%;
    clear: left;
    width: 100%;
  }
  HTML#id-page-1004200 table.mask table > tbody > tr.mask > td.mask > table {
    width: 100%;
  }
  HTML#id-page-1004200 table.mask table > tbody > tr.mask > td.mask > table input.w20,
  HTML#id-page-1004200 table.mask table > tbody > tr.mask > td.mask > table button.w10 {
    width: 99%;
    box-sizing: border-box;
  }
  HTML#id-page-1004200 table.mask table > tbody > tr.mask select.w30 {
    width: 100%;
    max-width: 100%;
    display: block;
    clear: both;
  }
}
@media (max-width: 1199px) {
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(1) {
    width: 5em;
    max-width: 5em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(2) {
    width: 3em;
    max-width: 3em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(3) {
    width: 11em;
    max-width: 11em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(4),
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(5),
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(7) {
    width: 3em;
    max-width: 3em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(6),
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(7) {
    word-wrap: break-word;
    width: 4.5em;
    max-width: 4.5em;
  }
  #id-page-meine_lv .cotable > thead > tr > th:nth-child(8) {
    width: 14em;
    max-width: 14em;
  }
}
@media (min-width: 768px) {
  html body #pageContent, html body .overlayWindow .overlayWindowContent {
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    display: block;
  }
}
@media (max-width: 767px) {
  HTML#id-page-402400 fieldset {
    max-width: 100%;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr {
    display: block;
    max-width: 100%;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr table.MaskSpacing > tbody > tr > td,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coRow.coTableR > tr > td.MaskRender {
    float: left;
    max-width: 100%;
    clear: left;
    width: 100%;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr table.MaskSpacing > tbody > tr > td .select2-container.cocombobox,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coRow.coTableR > tr > td.MaskRender .select2-container.cocombobox {
    max-width: 14em;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB .commandButton,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB > button,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB.coBBBRIGHT ul li > button,
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB.coBBBRIGHT ul li > button {
    float: left;
    width: auto;
    min-height: 30px;
    margin-bottom: 1px;
    margin-right: 1px;
    min-width: 14em;
  }
  HTML#id-page-402400 .MaskData > table > tbody > tr .coBB, HTML#id-page-402400 .MaskData > table > tbody > tr .coBB td {
    border-width: 0;
  }
}
HTML#id-page-802100 {
  max-width: 100vw;
}
HTML#id-page-802100 body table.detail {
  border-width: 1px;
}
HTML#id-page-802100 body table.detail,
HTML#id-page-802100 body table th.detailStd,
HTML#id-page-802100 body table.z1 {
  background: transparent;
}
HTML#id-page-802100 body td.detailStd {
  padding-left: 0;
  margin-left: -2px;
}
HTML#id-page-802100 body td.detailStd br {
  display: block;
}
@media (max-width: 767px) {
  HTML#id-page-802100 table {
    max-width: 100vw;
  }
  HTML#id-page-802100 table td {
    font-size: 0.9em;
    max-width: 100vw;
  }
  HTML#id-page-802100 table.detail span {
    font-size: 0.9em;
  }
  HTML#id-page-802100 .list tr {
    clear: both;
    position: relative;
    float: left;
    clear: both;
    max-width: 100%;
  }
  HTML#id-page-802100 .list tr > td,
  HTML#id-page-802100 .list tr > th {
    white-space: normal;
    font-size: 0.9em;
    word-wrap: break-word;
    padding-right: 2px;
  }
  HTML#id-page-802100 .list tr th:last-child {
    display: none;
  }
  HTML#id-page-802100 .list tr td:last-child {
    float: left;
    display: block;
    left: 0;
    right: 0;
    position: relative;
    font-style: italic;
    width: 100%;
    padding-right: 1em;
    font-size: 0.9em;
    text-align: right;
  }
}

body img[src*="stp_stp.png"] {
  filter: contrast(0);
}

body fieldset.Mask, body fieldset.MaskS,
fieldset legend.Mask {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}

fieldset legend.Mask {
  margin-left: -1px;
}

#wbOrg_site_resources > table > tbody > tr > td.MaskRenderer {
  max-width: unset;
}

body .examOffer_NoMskBg .tab_external_content .tab_internal_content #idRegisteredExamsTabel .coTableSUBR .warningText {
  text-align: left;
  color: red;
}

body #pageContent, body .overlayWindow .overlayWindowContent {
  min-width: auto;
}

body .windowNavTd {
  width: auto;
}

#id-page-7001560 #pageContent > table button[type=submit].w10 {
  display: none;
}

#id-page-maskpwdedit #pageContent table tbody td > a.commandButton {
  display: none;
}

#id-page-co_abs_showmask #idMsgLayer {
  position: absolute;
  top: 0;
  width: 100%; /* height: 1em; */
}

#id-page-co_abs_showmask #idMsgLayer > .toolbar {
  position: absolute;
}

#id-page-co_abs_showmask #idMsgLayer {
  position: absolute;
  top: 0;
  width: 100%; /* height: 1em; */
}

#id-page-co_abs_showmask #idMsgLayer > .toolbar {
  position: absolute;
  right: 0;
}

#id-page-co_abs_showmask div#idMsgLayer > .msgs {
  box-shadow: none;
  background: none;
}

/* for ca-integration.scss */
/* erste Variante -> funktioniert aber Probleme mit Scrollbar
@media print { /* Teilbeurteilungen Liste Print Styles 
  #id-page-7035910 #idPageHeader  { // show co2 header in teilbeurteilungen 
    display: block !important; // overwrite default ca-integration 
  }
  #id-page-7035910 #idPageHeader .headerHeading  {
    font-size: .9em; // smaller page title but not subtitle 
  }
  #id-page-7035910 #idPageHeader .headerObject {
    font-size: .9em; // smaller subtitle 
  }
  #id-page-7035910 #idPageHeader #idPageNavi,
  #id-page-7035910 #idPageFooter {
    display: none; // hide co2 navigation and footer again 
  }
  #id-page-7035910 #CANCEL_BUTTON {
    height: 0;
    margin: -1em;
    background: white;
    padding: 1em;
    border: 0;
  }
  #id-page-7035910 form table.list {
    margin-top: -1em;
  }
}
*/
/* print styles for Teilbeurteilungen (in ca-integration.scss) */
@media print {
  ::-webkit-scrollbar { /* Hide scrollbars in Chrome */
    display: none;
  }
  /* Teilbeurteilungen Liste Print Styles */
  #id-page-7035910 #idPageHeader,
  #id-page-tvw_list_lehrveranstaltung #idPageHeader {
    /* show co2 header in teilbeurteilungen */
    display: block !important;
    overflow: visible;
    /* overwrite default ca-integration */
  }
  #id-page-7035910 #idPageHeader .headerHeading,
  #id-page-tvw_list_lehrveranstaltung #idPageHeader .headerHeading {
    font-size: 0.9em;
    /* smaller page title but not subtitle */
  }
  #id-page-7035910 #idPageHeader .headerObject,
  #id-page-tvw_list_lehrveranstaltung #idPageHeader .headerObject {
    font-size: 0.9em;
    /* smaller subtitle */
  }
  #id-page-7035910 #idPageHeader #idPageNavi,
  #id-page-7035910 #idPageFooter,
  #id-page-tvw_list_lehrveranstaltung #idPageHeader #idPageNavi,
  #id-page-tvw_list_lehrveranstaltung #idPageFooter {
    display: none;
    /* hide co2 navigation and footer again */
  }
  #id-page-7035910 #CANCEL_BUTTON,
  #id-page-tvw_list_lehrveranstaltung #CANCEL_BUTTON {
    height: 0;
    margin: -1em;
    background: white;
    padding: 1em;
    border: 0;
  }
  #id-page-7035910 form table.list,
  #id-page-tvw_list_lehrveranstaltung form table.list {
    margin-top: -1em;
  }
  #id-page-7035910 table.mask[cellspacing="5"] td,
  #id-page-tvw_list_lehrveranstaltung table.mask[cellspacing="5"] td { /* hide abbrechen button in print */
    display: none;
  }
}
#MUGOrgHierarchieText {
  padding-right: 14px;
  padding-left: 14px;
  font-size: 0.9em;
  color: #007934;
}

#id-page-co_loc_7020830 body table.mask {
  margin-left: 10px;
}

#id-page-co_loc_7020830 h3 {
  margin-left: 10px;
}

#id-page-632700 table.ee_vcard_table table.wr100 {
  border-collapse: collapse;
}

#id-page-basicuser_register .errors {
  color: red !important;
  font-size: 22px !important;
  font-weight: bold !important;
}