@charset "UTF-8";
/********** ##Material Icons **********/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/typo3conf/ext/bsc/Resources/Public/Fonts/MaterialIcons-Regular.eot');
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('/typo3conf/ext/bsc/Resources/Public/Fonts/MaterialIcons-Regular.woff2') format('woff2'), url('/typo3conf/ext/bsc/Resources/Public/Fonts/MaterialIcons-Regular.woff') format('woff'), url('/typo3conf/ext/bsc/Resources/Public/Fonts/MaterialIcons-Regular.ttf') format('truetype');
}
@media screen {
  .print-only {
    display: none !important;
  }
}
@media print {
  #mainnav, .actions, header, #zielansicht-header, .action-column, .table-actions {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  main {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }
  .zielansicht .content {
    margin-top: 0 !important;
  }
  .scorecard-header-messgroesse, .scorecard-header-zielgroesse {
    width: 10%;
  }
  .scorecard-header-ergebnis {
    width: 34%;
  }
  .table-massnahme {
    width: 18% !important;
  }
  .ziel-verantwortlicher .show-tooltip:before {
    content: ' | ' attr(title);
  }
  .ziel-verantwortlicher .show-tooltip img {
    display: none;
  }
  .ziel-kommentar .show-tooltip:before {
    content: ' | ' attr(title);
  }
  .ziel-kommentar .show-tooltip img {
    display: none;
  }
  .ziel-bewertung {
    display: none !important;
  }
  .ziel-bewertung.print-only {
    display: inline-block !important;
    background-color: transparent !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
  }
  .ziel-bewertung.print-only:before {
    display: inline-block !important;
    background-image: none !important;
  }
  .ziel-bewertung.print-only.bewertung-0:before {
    content: ' | Nicht bewertet' !important;
  }
  .ziel-bewertung.print-only.bewertung-1:before {
    content: ' | Dringender Handlungsbedarf' !important;
  }
  .ziel-bewertung.print-only.bewertung-2:before {
    content: ' | Handlungsbedarf' !important;
  }
  .ziel-bewertung.print-only.bewertung-3:before {
    content: ' | Positive Entwicklung' !important;
  }
  .status-column.status-column.status-column.status-column {
    width: 50px !important;
  }
  .status-wrapper {
    text-align: center;
    background-color: transparent !important;
  }
  .status-wrapper:before {
    content: attr(title);
  }
  .status-wrapper .status {
    background-color: transparent !important;
  }
  a[href]:after {
    content: none;
  }
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/********** ##Breiten und Größen **********/
/********** ##Generell **********/
.ui-tooltip, .ui-contextmenu {
  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.05) !important;
  border-radius: 0 !important;
  pointer-events: none;
  max-width: 450px;
  padding: 0.5em 0.75em;
  border: 1px solid #aaa;
}
.tx-bsc main {
  *zoom: 1;
  padding: 0 35px;
  margin: 0 auto;
}
.tx-bsc main:before, .tx-bsc main:after {
  display: table;
  content: '';
}
.tx-bsc main:after {
  clear: both;
}
@media (min-width: 768px) {
  .tx-bsc main {
    margin-top: 96px;
    margin-left: 260px;
  }
}
body {
  font-size: 15px;
  line-height: 1.2em;
  -webkit-font-smoothing: antialiased;
  font-family: 'Helvetica Neue', 'Arial', sans-serif;
  color: #111;
  background-color: white;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-top: 0;
}
h1 {
  font-size: 2.4em;
  margin: 0;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1em;
  margin: 0;
}
h4 + span {
  font-style: italic;
}
a, a:link, a:hover, a:focus, a:active {
  outline: none !important;
  text-decoration: none;
  display: inline-block;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
section {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  section.actions-landkarte {
    float: left;
  }
}
.btn {
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
}
.inaktiv {
  opacity: 0.6;
}
.clear {
  clear: both;
}
.important {
  color: red;
}
.bewertung-0 {
  background-color: #bebebe;
}
.bewertung-1 {
  background-color: #e76e6b;
}
.bewertung-2 {
  background-color: #f2c575;
}
.bewertung-3 {
  background-color: #cadc9c;
}
/********** ##Header **********/
header {
  color: #fff;
  background-color: #4F668D;
  padding: 10px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
}
header a {
  color: #fff;
}
header a:hover, header a:focus, header a:active {
  color: #ccc;
}
header h1 {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1em;
}
@media (min-width: 768px) {
  header h1 {
    display: block;
  }
}
@media (min-width: 992px) {
  header h1 {
    top: auto;
    right: auto;
    bottom: 10px;
  }
}
header h2 {
  font-size: 1.2em;
  margin: 0;
}
@media (min-width: 992px) {
  header h2 {
    font-size: 1.6em;
  }
}
/********** ##Landkarte **********/
.show-landkarte {
  display: none;
}
.zielansicht.scorecard .show-landkarte {
  display: inline-block;
}
.show-scorecard {
  display: none;
}
.zielansicht.landkarte .show-scorecard {
  display: inline-block;
}
@media (min-width: 768px) {
  .zielansicht .header {
    position: fixed;
    top: 99px;
    left: 0;
    right: 0;
    background-color: white;
    border-bottom: 1px solid #e8e8e8;
    margin-left: calc(260px + 35px);
    z-index: 2;
    padding-top: 25px;
  }
  .zielansicht .header h2 {
    margin-top: 0px;
  }
  .zielansicht .content {
    margin-top: 160px;
    border-left: 1px solid #e8e8e8;
  }
  #mainnav.closed + main > .zielansicht .header {
    margin-left: 85px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .zielansicht .content {
    margin-top: 120px;
  }
}
.perspektive {
  padding: 10px;
  color: #333;
  *zoom: 1;
  clear: both;
}
.perspektive:before, .perspektive:after {
  display: table;
  content: '';
}
.perspektive:after {
  clear: both;
}
.perspektive .perspektive-toggle {
  cursor: pointer;
}
.perspektive.closed .hauptziele {
  display: none;
}
.perspektive.closed .hauptziel {
  display: none;
}
.perspektive.perspektive-0 {
  background-color: #AEC7E8;
}
.perspektive.perspektive-1 {
  background-color: #EAF0F9;
}
.perspektive.perspektive-2 {
  background-color: #C8D999;
}
.perspektive.perspektive-3 {
  background-color: #F3F6E8;
}
.perspektive .to-top {
  text-align: right;
}
.perspektive .to-top a {
  color: #333;
  font-size: 20px;
}
.perspektive .to-top a:hover {
  color: #4d4d4d;
}
.hauptziele {
  *zoom: 1;
}
.hauptziele:before, .hauptziele:after {
  display: table;
  content: '';
}
.hauptziele:after {
  clear: both;
}
@media (min-width: 992px) {
  .hauptziele {
    margin-left: -2%;
  }
}
.hauptziele .hauptziel h3 {
  margin-bottom: 1em;
}
@media (min-width: 992px) {
  .hauptziele .hauptziel {
    width: 31.3333333333%;
    float: left;
    margin-left: 2%;
  }
}
.hauptziele .hauptziel ul li {
  background-color: white;
}
.hauptziele .hauptziel ul li:last-of-type {
  border-bottom: none;
}
.hauptziele .hauptziel ul li.inaktiv {
  display: none;
}
.show-inaktiv .hauptziele .hauptziel ul li.inaktiv {
  display: block;
}
.hauptziele .hauptziel .ziel:nth-child(odd) {
  background-color: white;
}
.hauptziele .hauptziel .ziel .ziel-info {
  *zoom: 1;
}
.hauptziele .hauptziel .ziel .ziel-info:before, .hauptziele .hauptziel .ziel .ziel-info:after {
  display: table;
  content: '';
}
.hauptziele .hauptziel .ziel .ziel-info:after {
  clear: both;
}
.hauptziele .hauptziel .ziel .ziel-info .ziel-beschriftung {
  padding: 0.5em 5px 0.5em 2.6em;
  z-index: 0;
}
.scorecard .hauptziele .hauptziel .ziel .ziel-info .ziel-beschriftung {
  display: inline-block;
  padding: 0.5em 5px 0.5em 0.5em;
}
.hauptziele .hauptziel .ziel .ziel-info .ziel-beschriftung .ziel-kuerzel {
  font-weight: bold;
}
.hauptziele .hauptziel .ziel .ziel-info .ziel-zusatzinfo {
  display: none;
  z-index: 0;
}
.scorecard .hauptziele .hauptziel .ziel .ziel-info .ziel-zusatzinfo {
  display: inline-block;
}
.hauptziele .hauptziel .ziel .ziel-info .actions {
  padding: 0.5em 0.5em 0.5em 10px;
}
@media (min-width: 992px) {
  .hauptziele .hauptziel .ziel .ziel-info .actions {
    float: right;
  }
}
.ziel-bewertung {
  display: block;
  position: relative;
  float: left;
  margin: 0.3em;
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  z-index: 1;
  *zoom: 1;
  /*

    &:before {
        position: absolute;
        display: block;
        // 2017-04-26, as: Ich hab mir erlaubt das zu ändern, damit die Icons mit den Hintergründen skalieren
        top: -0.05em;
        left: -0.05em;
        width: 1em;
        height: 1em;
        line-height: 1em;
        font-family: 'Material Icons';
        color: $c-ziel-bewertung;
        font-size: 2em;
        vertical-align: middle;
        text-align: center;

        // Material-Icons in :before im IE verfügbar machen
        font-feature-settings: 'liga';
        text-rendering: optimizeLegibility;
    }

    */
}
.ziel-bewertung:before, .ziel-bewertung:after {
  display: table;
  content: '';
}
.ziel-bewertung:after {
  clear: both;
}
.ziel-bewertung:before {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.ziel-bewertung.bewertung-0:before {
  content: '';
}
.ziel-bewertung.bewertung-1:before {
  background-image: url('/typo3conf/ext/bsc/Resources/Public/Images/MaterialIcons/keyboardarrowdown.png');
}
.ziel-bewertung.bewertung-2:before {
  background-image: url('/typo3conf/ext/bsc/Resources/Public/Images/MaterialIcons/keyboardarrowright.png');
}
.ziel-bewertung.bewertung-3:before {
  background-image: url('/typo3conf/ext/bsc/Resources/Public/Images/MaterialIcons/keyboardarrowup.png');
}
.filter {
  border: 1px solid #e8e8e8;
  padding: 3px 10px;
}
@media (min-width: 992px) {
  .filter {
    float: right;
    margin-right: 10px;
  }
}
.filter label {
  display: inline-block;
  font-weight: normal;
  margin-right: 10px;
}
.filter label.scorecard-filter {
  display: none;
}
.zielansicht.scorecard .filter label.scorecard-filter {
  display: inline-block;
}
.filter input[type="checkbox"] {
  margin-right: 5px;
}
/********** ##Popu-Kontextmenü Bewerung setzen **********/
#ajax-ziel-bewertung-setzen {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: white;
  padding: 0;
  border: 1px solid #aaa;
  width: 12em;
  z-index: 10;
  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.05) !important;
  *zoom: 1;
}
.zielansicht.scorecard #ajax-ziel-bewertung-setzen {
  left: 10px;
}
#ajax-ziel-bewertung-setzen ul {
  margin: 0;
  padding: 0;
  display: block;
}
#ajax-ziel-bewertung-setzen ul li {
  display: block;
  background: #fff;
  margin: 0;
  padding: 0.25em 0.5em;
}
#ajax-ziel-bewertung-setzen ul li:hover {
  background: #ddd;
}
#ajax-ziel-bewertung-setzen:before, #ajax-ziel-bewertung-setzen:after {
  display: table;
  content: '';
}
#ajax-ziel-bewertung-setzen:after {
  clear: both;
}
.zielansicht.landkarte .hauptziele .hauptziel .ziel {
  border-bottom: 1px solid #e8e8e8;
}
.zielansicht.landkarte .hauptziele .hauptziel .ziel:last-child {
  border-bottom: none;
}
.zielansicht.landkarte .hauptziele .hauptziel .ziel .ziel-info .ziel-beschriftung {
  padding: 0.5em 2.6em 0.5em 5px;
}
.zielansicht.landkarte .hauptziele .hauptziel .ziel .ziel-info .ziel-beschriftung:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.zielansicht.landkarte .hauptziele .hauptziel .ziel .ziel-info .ziel-bewertung {
  float: right;
}
.zielansicht.landkarte .hauptziele .hauptziel ul {
  padding: 10px;
  background: white;
}
.zielansicht.landkarte .content .actions {
  display: none;
}
.zielansicht.scorecard .hauptziel {
  margin-top: 10px;
}
.zielansicht.scorecard .hauptziel ul li {
  margin-bottom: 10px;
}
/********** ##Cut/Paste **********/
.paste-ziel, .paste-groesse {
  visibility: hidden;
}
.cut-groesse  .paste-ziel {
  visibility: visible;
}
.cut-massnahme  .paste-ziel, .cut-massnahme  .paste-groesse {
  visibility: visible;
}
.cut-aktiv {
  opacity: 0.7;
  background-color: yellow !important;
}
.ziel .cut-aktiv .actions i {
  color: black;
}
.ziel .cut-aktiv .actions i:hover {
  color: #555;
}
/********** ##Scorecard **********/
.scorecard .perspektive h2 {
  margin: 0;
  padding: 0.25em 0 0.25em 5px;
}
.scorecard .font-icon {
  width: 1.8em;
  height: 1.8em;
  border: 1px solid #777;
  border-radius: 50%;
  text-align: center;
  margin: 10px auto 0 auto;
}
.scorecard .last-change, .scorecard .font-icon {
  cursor: default;
}
.scorecard .hauptziele {
  margin-left: 0;
}
.scorecard .hauptziele .hauptziel {
  float: none;
  width: 100%;
  margin-left: 0;
  padding: 0;
}
.scorecard .hauptziele .hauptziel h3 {
  margin: 10px 0 10px;
  padding: 0;
}
.scorecard .ziel .ziel-info .actions {
  display: inline-block;
}
.scorecard.filter-actions .ziel .ziel-info .actions {
  display: none;
}
.ziel {
  position: relative;
}
.ziel .actions i {
  color: #bebebe;
}
.ziel .actions i:hover {
  color: #777;
}
.ziel .actions a {
  color: #bebebe;
}
.ziel .actions a:hover {
  color: #777;
}
.ziel .actions a span.icon-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4em;
  white-space: nowrap;
}
.ziel .scorecard-info {
  font-size: 0.8em;
  width: 100%;
  border: 1px solid #e8e8e8;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
  table-layout: fixed;
  display: none;
}
.zielansicht.scorecard .ziel .scorecard-info {
  display: table;
}
.ziel .scorecard-info .hover {
  background-color: #ededed;
}
.ziel .scorecard-info .actions {
  text-align: center;
}
.ziel .scorecard-info .actions a {
  color: #bebebe;
  display: block;
}
.ziel .scorecard-info .actions a:hover {
  color: #777;
}
.ziel .scorecard-info td, .ziel .scorecard-info th {
  -ms-word-break: normal !important;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  vertical-align: top;
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 0 1px;
  padding: 5px;
  text-overflow: ellipsis;
  -ms-word-break: normal !important;
  word-wrap: normal;
}
.ziel .scorecard-info td:first-child, .ziel .scorecard-info th:first-child {
  border-left: none;
}
.ziel .scorecard-info td:last-child, .ziel .scorecard-info th:last-child {
  border-right: none;
}
.ziel .scorecard-info td[colspan], .ziel .scorecard-info th[colspan] {
  padding: 0;
}
.ziel .scorecard-info td.status, .ziel .scorecard-info th.status {
  text-align: center;
}
.ziel .scorecard-info td.status-column, .ziel .scorecard-info th.status-column {
  width: 70px !important;
}
.ziel .scorecard-info td.groesse-column, .ziel .scorecard-info th.groesse-column {
  min-width: 20%;
}
.ziel .scorecard-info td.action-column, .ziel .scorecard-info th.action-column {
  padding-left: 5px;
  padding-right: 5px;
  width: 35px;
}
.ziel .scorecard-info td.massnahme:hover, .ziel .scorecard-info th.massnahme:hover {
  background-color: #ededed;
}
.ziel .scorecard-info td .readmore, .ziel .scorecard-info th .readmore {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.ziel .scorecard-info td .readmore:hover, .ziel .scorecard-info th .readmore:hover {
  color: #444;
  text-decoration: none;
}
.ziel .scorecard-info table {
  width: 100%;
  border: none;
}
.ziel .scorecard-info table.massnahme {
  border-bottom: 1px solid #e8e8e8;
}
.ziel .scorecard-info table.massnahme:last-of-type {
  border-bottom: none;
}
.ziel .scorecard-info .status-wrapper {
  display: block;
  width: 100%;
  height: 15px;
  background-color: #e8e8e8;
  position: relative;
}
.ziel .scorecard-info .status-wrapper .status {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: deepskyblue;
}
.ziel .scorecard-info .borderless {
  border-right-color: transparent;
  border-left-color: transparent;
}
.ziel .scorecard-info .borderless:nth-child(4) {
  border-right-color: #e8e8e8;
}
.filter-status .ziel .scorecard-info .table-status, .filter-sachstand .ziel .scorecard-info .table-sachstand, .filter-actions .ziel .scorecard-info .table-actions {
  display: none;
}
.scorecard-info .ziel-details-header .scorecard-header-actions {
  width: 0%;
}
.scorecard-info .ziel-details-header .scorecard-header-massnahme {
  width: auto;
}
/********** ##Nav **********/
nav#adminnav li, nav#topnav li {
  display: inline-block;
}
nav#adminnav {
  margin-bottom: 20px;
}
nav#topnav {
  font-size: 0.9em;
}
@media (min-width: 768px) {
  nav#topnav {
    text-align: right;
    font-size: 1em;
  }
}
nav#topnav li {
  padding: 0 10px;
}
nav#topnav li:first-of-type {
  padding-left: 0;
}
nav#topnav li:last-of-type {
  padding-right: 0;
}
nav#topnav li.userinfo {
  border-right: 1px solid #fff;
}
nav.einheitnav {
  margin-bottom: 1em;
}
nav.einheitnav li, nav#mainnav li {
  border-top: 1px solid #e8e8e8;
  position: relative;
  background-color: white;
}
nav.einheitnav li:first-of-type, nav#mainnav li:first-of-type {
  border-top: none;
}
nav.einheitnav li a, nav#mainnav li a {
  display: block;
  color: black;
  padding: 5px 20px 5px 5px;
  margin-left: 30px;
}
nav.einheitnav li a:hover, nav.einheitnav li a:focus, nav.einheitnav li a:active, nav#mainnav li a:hover, nav#mainnav li a:focus, nav#mainnav li a:active {
  color: #444;
}
nav.einheitnav li a.selected, nav#mainnav li a.selected {
  background-color: #d6e2f3;
}
nav.einheitnav li a.current, nav#mainnav li a.current {
  background-color: #d6e2f3;
}
nav.einheitnav li ul, nav#mainnav li ul {
  padding-left: 15px;
}
nav.einheitnav li .menu-handle, nav#mainnav li .menu-handle {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 2em;
  color: #333;
  opacity: 1;
}
nav.einheitnav li .menu-handle:hover, nav#mainnav li .menu-handle:hover {
  color: #555;
  cursor: pointer;
}
nav#mainnav {
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
  font-size: 0.85em;
}
html.ie9 nav#mainnav .menu {
  overflow: hidden;
}
nav#mainnav .inaktiv {
  display: none;
}
nav#mainnav.show-inaktiv .inaktiv {
  display: block;
}
nav#mainnav .nav-toggle {
  width: 46%;
}
nav#mainnav .nav-open, nav#mainnav .nav-close, nav#mainnav .nav-inaktiv-toggle {
  width: 18%;
}
nav#mainnav .hinweistexte {
  padding: 20px;
  overflow: hidden;
  *zoom: 1;
}
nav#mainnav .hinweistexte:before, nav#mainnav .hinweistexte:after {
  display: table;
  content: '';
}
nav#mainnav .hinweistexte:after {
  clear: both;
}
nav#mainnav.closed {
  overflow-y: hidden;
  height: auto;
}
@media (min-width: 768px) {
  nav#mainnav.closed + main {
    margin-left: 50px;
  }
}
nav#mainnav.closed .nav-toggle {
  width: 50px;
}
nav#mainnav.closed .hide-on-closed {
  display: none;
}
@media (min-width: 768px) {
  nav#mainnav {
    max-width: 260px;
    margin-bottom: 0;
    position: fixed;
    left: 0;
    overflow-y: auto;
    height: 80%;
    top: 67px;
  }
}
/********** ##Einheitenbearbeitung **********/
#tabs {
  border: none;
}
#tabs ul.ui-tabs-nav {
  margin-bottom: 20px;
  padding: 5px 5px 0 5px;
}
#tabs ul.ui-tabs-nav li {
  display: inline-block;
}
#tabs ul.ui-tabs-nav li a {
  padding: 10px;
}
#tabs section[id^="tabs"] {
  border: none;
}
#tabs .btn.btn-primary {
  color: #fff;
}
.sort-untereinheiten li {
  outline: 1px solid #ccc;
  padding: 8px;
  list-style-type: none;
}
.sort-untereinheiten li:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.kopiercenter-darstellung .kopiercenter-quelle, .kopiercenter-darstellung .kopiercenter-pfeil, .kopiercenter-darstellung .kopiercenter-ziel {
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.kopiercenter-darstellung .kopiercenter-quelle, .kopiercenter-darstellung .kopiercenter-ziel {
  border: 1px solid #e8e8e8;
}
.kopiercenter-darstellung .kopiercenter-quelle-einheit {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}
.kopiercenter-darstellung .kopiercenter-quelle-ziele, .kopiercenter-darstellung .kopiercenter-ziel nav {
  text-align: left;
}
.kopiercenter-darstellung .kopiercenter-quelle-ziele a {
  margin-top: 10px;
}
#einheitnav-topeinheit .einheit:not(.schreibrechte), #einheitnav-kopiercenter .einheit:not(.schreibrechte) {
  color: red;
}
html .chosen-container {
  font-size: inherit;
  background: #f8f8f8;
}
html .chosen-container .chosen-choices {
  background: #f8f8f8;
  padding: 0;
  max-height: 20em;
  overflow: auto;
  overflow-x: hidden;
}
html .chosen-container .chosen-choices li.search-field input {
  padding: 6px 32px 6px 8px;
}
html .chosen-container .chosen-choices li.search-choice {
  background: #f8f8f8;
  border: none;
  margin: 0;
  padding: 6px 32px 6px 6px;
  border-bottom: 1px solid #eee;
  float: none;
}
html .chosen-container .chosen-choices li.search-choice:hover {
  background: #e6e6e6;
}
html .chosen-container .chosen-choices li.search-choice a.search-choice-close {
  outline: 1px solid green;
}
html .chosen-container .chosen-choices li.search-choice a.search-choice-close:after {
  display: block;
  content: 'clear';
  position: absolute;
  right: -3px;
  top: -3px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  width: 24px;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/********** ##Auswertung-Einheit **********/
/*$c-bewertung-0-hover: darken($c-bewertung-0, 10%);
$c-bewertung-1-hover: darken($c-bewertung-1, 10%);
$c-bewertung-2-hover: darken($c-bewertung-2, 10%);
$c-bewertung-3-hover: darken($c-bewertung-3, 10%);*/
.auswertung-einheit {
  padding-bottom: 10px;
}
.auswertung-einheit li {
  padding: 0;
  position: relative;
  height: 1.4em;
  margin: 0 10px 1px;
}
.auswertung-einheit li a.ziele-popup-link {
  display: block;
}
.auswertung-einheit li .bewertung-balken {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.auswertung-einheit li .bewertung-balken:not(.bewertung-balken-leer):hover {
  outline: 1px solid #777;
}
.auswertung-einheit li .bewertung-zahl {
  position: relative;
  display: block;
  text-align: right;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
  color: black;
}
.auswertung-einheit .hauptziel {
  margin-top: 10px;
  width: 33.3%;
  float: left;
  background-color: white;
}
.auswertung-einheit .hauptziel h3 {
  padding: 10px;
  margin-bottom: 0;
}
.auswertung-einheit .ziele-popup-content {
  display: none;
}
.ziele-popup-wrapper .bewertungen-switcher {
  overflow: hidden;
  height: 50px;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher {
  width: 25%;
  display: inline-block;
  min-height: 50px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  top: 20px;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher:hover {
  top: 0;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher .bewertung-switcher-text {
  position: absolute;
  top: 5px;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher.bewertung-0:not(.active):hover {
  background-color: #bebebe;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher.bewertung-1:not(.active):hover {
  background-color: #e76e6b;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher.bewertung-2:not(.active):hover {
  background-color: #f2c575;
}
.ziele-popup-wrapper .bewertungen-switcher .bewertung-switcher.bewertung-3:not(.active):hover {
  background-color: #cadc9c;
}
.ziele-popup-wrapper table .header:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.ziele-popup-wrapper table .headerSortDown .sorting:after {
  content: '↓';
  font-size: 1.2em;
}
.ziele-popup-wrapper table .headerSortUp .sorting:after {
  content: '↑';
  font-size: 1.2em;
}
.ziele-popup-wrapper .color-status {
  margin-bottom: 5px;
  padding: 10px;
  /* Bei dem aktuellen Farbschema ist eine helle Farbe problematisch
         &.bewertung-0, &.bewertung-1 {
            color: $c-color-status;
        }*/
}
/********** ##Tabellen **********/
.datatable {
  width: 100%;
  background-color: white;
  border: 1px solid #e8e8e8;
}
.datatable tr {
  border-bottom: 1px solid #e8e8e8;
}
.datatable tr:nth-child(even) {
  background-color: #fafafa;
}
.datatable tr:first-of-type {
  background-color: white;
}
.datatable th, .datatable td {
  padding: 10px;
}
.datatable th strong.hauptziel-kuerzel, .datatable td strong.hauptziel-kuerzel {
  margin-right: 4px;
  min-width: 3em;
}
.datatable .table-cell-short {
  width: 80px;
}
/********** ##Popups **********/
#popup {
  position: relative;
  display: none;
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 25px;
  margin-top: 20px;
  width: 90%;
}
@media (min-width: 992px) {
  #popup {
    padding: 40px 70px;
    max-width: 80%;
  }
}
#popup .b-close {
  position: absolute;
  top: -10px;
  right: -10px;
}
/********** ##Formulare **********/
form label, form input, form textarea {
  width: 100%;
}
form input[type="text"], form textarea {
  border: 1px solid #bbb;
  border-color: #aaa #ccc #ccc #aaa;
  background: #f8f8f8;
  padding: 6px 6px;
}
@media (min-width: 768px) {
  #popup form .row input[type="text"], #popup form .row textarea {
    min-width: 0;
  }
}
form textarea {
  min-height: 80px;
  resize: vertical;
}
form label {
  font-weight: normal;
}
form label.checkbox-label {
  width: auto;
  display: inline-block;
  margin-right: 8px;
}
form input[type="radio"], form input[type="checkbox"] {
  width: auto;
  margin-right: 3px;
}
form .form-group {
  margin-bottom: 25px;
}
/********** ##Auswertung (alle Ziele) **********/
.auswertung .auswertung-hauptziel, .auswertung .auswertung-option {
  cursor: pointer;
  padding: 2px 5px;
  border-bottom: 1px solid #e8e8e8;
  border-left: 10px solid transparent;
}
.auswertung .auswertung-hauptziel:last-of-type, .auswertung .auswertung-option:last-of-type {
  border-bottom: none;
}
.auswertung .auswertung-hauptziel:hover, .auswertung .auswertung-option:hover {
  color: #444;
}
.auswertung .auswertung-hauptziel.selected, .auswertung .auswertung-option.selected {
  background-color: #d6e2f3;
}
.auswertung .auswertung-ergebnis {
  margin-top: 50px;
}
/********** ##Auswertung-Zielinfo (Details eines einzelnen Ziels) **********/
.auswertung-info .ziel-info {
  margin-bottom: 20px;
}
.auswertung-info .ziel-info .ziel-kommentar {
  display: inline;
}
.auswertung-info .ziel .scorecard-info td.massnahme:hover {
  background-color: white;
}
.auswertung-info .borderless:nth-child(3) {
  border-right-color: #e8e8e8;
}
.auswertung-info .scorecard-info {
  display: block;
}
/********** ##Dokumente **********/
.dokument-art {
  margin-top: 30px;
  margin-bottom: 50px;
}
/********** ##Messages **********/
.messages {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: none;
  z-index: 10;
  color: white;
  background-color: #4F668D;
  border: 1px solid white;
  padding: 20px;
}
/********** ##Login **********/
.tx-felogin-pi1 {
  padding: 20px;
  border: 1px solid #e8e8e8;
  margin: 120px auto 0 auto;
  max-width: 500px;
}
.tx-felogin-pi1 h3 {
  font-weight: normal;
  text-align: center;
  font-size: 2.2em;
}
.tx-felogin-pi1 div {
  font-size: 0.9em;
  text-align: center;
}
.tx-felogin-pi1 form {
  margin-top: 15px;
}
.tx-felogin-pi1 form legend {
  font-size: 1.2em;
}
.tx-felogin-pi1 form label {
  text-align: left;
}
.tx-felogin-pi1 form div {
  margin-bottom: 20px;
}
.tx-felogin-pi1 form input[type="submit"] {
  margin-top: 10px;
  color: #fff;
  background-color: #4F668D;
}
/********** ##Druckansicht **********/
.zielansicht.landkarte .drucken-scorecard {
  display: none;
}
.zielansicht.scorecard .drucken-landkarte {
  display: none;
}
.druckansicht {
  font-size: 4px;
}
/********** ##Startseite **********/
.startseite img {
  max-width: 100%;
  max-height: 600px;
  width: auto;
  height: auto;
}
/********** ##Sorting **********/
.sort-handle {
  cursor: pointer;
}
/* Materialicons */
.scorecard-info .actions .materialicon {
  opacity: 0.5;
}
.scorecard-info .actions .materialicon:hover {
  opacity: 1;
}
.scorecard .ziel-info > .actions .materialicon {
  opacity: 0.5;
}
.extbase-debugger {
  position: relative;
  z-index: 99999;
}