html, p {
    color: #000;
}
a:link, a:visited {
    color: #000;
}
hr {
    border-color: #000;
}
.main-header h1.header-name a.header-name-link,
.main-header .header-name.headline--large a.header-name-link {
    color: #000;
}
.main-header .header-name.headline--large a.header-name-link:focus,
.main-header .header-name.headline--large a.header-name-link:active,
.main-header .header-name.headline--large a.header-name-link:hover,
.main-header h1.header-name a.header-name-link:focus,
.main-header .header-name.headline--large a.header-name-link:focus,
.main-header h1.header-name a.header-name-link:active,
.main-header .header-name.headline--large a.header-name-link:active,
.main-header h1.header-name a.header-name-link:hover,
.main-header .header-name.headline--large a.header-name-link:hover {
    color: #27E06E;
}

.main-header .icons-wrap a.header-icon-link svg,
.main-header .icons-wrap a.header-icon-link svg path {
    fill: #000;
}
.main-header .icons-wrap a.header-icon-link:focus path,
.main-header .icons-wrap a.header-icon-link:active path,
.main-header .icons-wrap a.header-icon-link:hover path {
    fill: #27E06E;
}

[id="nav-main"] ul .is-active > a, a:hover, a:active, .legend-green {
    color: #27E06E;
}

.nav-main ul {
    list-style: none;
}

ul.index li {color: #27E06E;}
[id="main"] ul.index a::before {
    content: "— ";
    position: absolute;
    top: 0;
    background-image: none;
}
[id="main"] ul.index a:hover::before {
    background-image: none;
}

.accordion, .accordion .accordion-item, tr {
    border-color: #000000;
}

@media print {
  .marginal {
    display: none !important;
  }
}

/* form */
textarea.styled-form-input, input.styled-form-input,
textarea.styled-form-input:focus, input.styled-form-input:focus,
textarea.styled-form-input::placeholder, input.styled-form-input::placeholder {
    border-color: #000;
    color: #000;
}
.styled-form-submit, .button, .news-backlink-wrap a, button, input[type="submit"], input[type="button"] input[type="reset"] {
    color: #000;
}


/** Kennzahlen **/
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.chartjs-wrapper {
    display: block;
    float: left;
    width: 100%;
}

/** SVG Listen **/
[id=main] ul .external-link::before,
[id=main] ul .external-link-new-window::before,
[id=main] ul a[href^=http]::before,
[id=main] ul a[target=_blank]::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M27.466%204.232h-15.599v5.336h3.11v-2.226h9.379v9.395h-9.379v-2.013h4.943v-3.11h-15.403v15.566h15.599v-7.333h7.349v-15.615zM17.007%2024.071h-9.379v-9.346h4.239v5.14h5.14v4.207z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  content: "";
}

[id=main] ul .internal-link::before,
[id=main] ul a[href*="ksuster.ch"]::before,
[id=main] ul a:not([href^=http])::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M19.822%209.208l-2.193%202.21%202.766%202.766h-14.371v3.274h14.371l-2.766%202.766%202.193%202.193%206.596-6.596z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  content: "";
}

[id=main] ul a[href*=".pdf"]::before,
[id=main] ul a[href*=".doc"]::before,
[id=main] ul a[href*=".docx"]::before,
[id=main] ul a[href*=".xls"]::before,
[id=main] ul a[href*=".xlsx"]::before,
[id=main] ul a[href*=".ppt"]::before,
[id=main] ul a[href*=".pptx"]::before,
[id=main] ul a[href*=".gif"]::before,
[id=main] ul a[href*=".png"]::before,
[id=main] ul a[href*=".jpg"]::before,
[id=main] ul a[href*=".jpeg"]::before,
[id=main] ul a[href*=".zip"]::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M4.55%2024.071h22.621v3.11h-22.621v-3.11zM22.474%2015.625l-2.21-2.193-2.766%202.766v-11.785h-3.274v11.785l-2.766-2.766-2.193%202.193%206.596%206.613z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  content: "";
}

@media screen and (max-width: 1280px){
    .chartjs-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 992px){
    .chartjs-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 768px){
    .chartjs-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 480px){
    .chartjs-wrapper {
        width: 100%;
    }
}
