@charset "ISO-8859-1";

/* lato-300 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'),
  url('/opus/static/fonts/lato-v17-latin-ext_latin-300-1773a241892e2573201acbd11d76158f.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/opus/static/fonts/lato-v17-latin-ext_latin-300-2e8292f37b401025cca97395b005c8f4.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
  url('/opus/static/fonts/lato-v17-latin-ext_latin-regular-344ee6eaad74df6b72dec90b1b888aab.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/opus/static/fonts/lato-v17-latin-ext_latin-regular-a53df66f339b35b6a9b18b41980d0005.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
  url('/opus/static/fonts/lato-v17-latin-ext_latin-700-5366c57b20a86f1956780da5e26aac90.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/opus/static/fonts/lato-v17-latin-ext_latin-700-c3a17dcd22924a57167bdca954763c01.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Legacy Bootstrap 3 twenty-column float grid from oenb-5fa0ad2491.min.css.
   Bootstrap 5 uses a 12-column flexbox grid; the OeNB templates were authored
   for a 20-column float grid (col-x-N = N/20 * 100%).
   Restoring float + 20-col widths here so side-by-side panel layouts work.
   Inside Bootstrap 5 .row flex containers float is ignored but width drives
   flex-basis (flex:0 0 auto), so proportions remain correct there too. */

/* Base properties for every column class */
.col-xs-1,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,
.col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9,  .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15,
.col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20,
.col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,
.col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15,
.col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20,
.col-md-1,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,
.col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,
.col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15,
.col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20,
.col-lg-1,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,
.col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9,  .col-lg-10,
.col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15,
.col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-left:  16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* xs ? always active */
.col-xs-1,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,
.col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9,  .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15,
.col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20 { float: left; }
.col-xs-1  { width:  5%; } .col-xs-2  { width: 10%; } .col-xs-3  { width: 15%; }
.col-xs-4  { width: 20%; } .col-xs-5  { width: 25%; } .col-xs-6  { width: 30%; }
.col-xs-7  { width: 35%; } .col-xs-8  { width: 40%; } .col-xs-9  { width: 45%; }
.col-xs-10 { width: 50%; } .col-xs-11 { width: 55%; } .col-xs-12 { width: 60%; }
.col-xs-13 { width: 65%; } .col-xs-14 { width: 70%; } .col-xs-15 { width: 75%; }
.col-xs-16 { width: 80%; } .col-xs-17 { width: 85%; } .col-xs-18 { width: 90%; }
.col-xs-19 { width: 95%; } .col-xs-20 { width: 100%; }

/* sm ? ? 768px */
@media (min-width: 768px) {
  .col-sm-1,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,
  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,
  .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15,
  .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20 { float: left; }
  .col-sm-1  { width:  5%; } .col-sm-2  { width: 10%; } .col-sm-3  { width: 15%; }
  .col-sm-4  { width: 20%; } .col-sm-5  { width: 25%; } .col-sm-6  { width: 30%; }
  .col-sm-7  { width: 35%; } .col-sm-8  { width: 40%; } .col-sm-9  { width: 45%; }
  .col-sm-10 { width: 50%; } .col-sm-11 { width: 55%; } .col-sm-12 { width: 60%; }
  .col-sm-13 { width: 65%; } .col-sm-14 { width: 70%; } .col-sm-15 { width: 75%; }
  .col-sm-16 { width: 80%; } .col-sm-17 { width: 85%; } .col-sm-18 { width: 90%; }
  .col-sm-19 { width: 95%; } .col-sm-20 { width: 100%; }
}

/* md ? ? 992px */
@media (min-width: 992px) {
  .col-md-1,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,
  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,
  .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15,
  .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20 { float: left; }
  .col-md-1  { width:  5%; } .col-md-2  { width: 10%; } .col-md-3  { width: 15%; }
  .col-md-4  { width: 20%; } .col-md-5  { width: 25%; } .col-md-6  { width: 30%; }
  .col-md-7  { width: 35%; } .col-md-8  { width: 40%; } .col-md-9  { width: 45%; }
  .col-md-10 { width: 50%; } .col-md-11 { width: 55%; } .col-md-12 { width: 60%; }
  .col-md-13 { width: 65%; } .col-md-14 { width: 70%; } .col-md-15 { width: 75%; }
  .col-md-16 { width: 80%; } .col-md-17 { width: 85%; } .col-md-18 { width: 90%; }
  .col-md-19 { width: 95%; } .col-md-20 { width: 100%; }
}

/* lg ? ? 1200px */
@media (min-width: 1200px) {
  .col-lg-1,  .col-lg-2,  .col-lg-3,  .col-lg-4,  .col-lg-5,
  .col-lg-6,  .col-lg-7,  .col-lg-8,  .col-lg-9,  .col-lg-10,
  .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15,
  .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20 { float: left; }
  .col-lg-1  { width:  5%; } .col-lg-2  { width: 10%; } .col-lg-3  { width: 15%; }
  .col-lg-4  { width: 20%; } .col-lg-5  { width: 25%; } .col-lg-6  { width: 30%; }
  .col-lg-7  { width: 35%; } .col-lg-8  { width: 40%; } .col-lg-9  { width: 45%; }
  .col-lg-10 { width: 50%; } .col-lg-11 { width: 55%; } .col-lg-12 { width: 60%; }
  .col-lg-13 { width: 65%; } .col-lg-14 { width: 70%; } .col-lg-15 { width: 75%; }
  .col-lg-16 { width: 80%; } .col-lg-17 { width: 85%; } .col-lg-18 { width: 90%; }
  .col-lg-19 { width: 95%; } .col-lg-20 { width: 100%; }
}

:root {
  --oenb-interactive-accent: var(--oenb-blau-400);
  --oenb-interactive-primary: var(--oenb-blau-500);
  --oenb-interactive-secondary: var(--oenb-blau-hell-600);
  --oenb-interactive-contrast-negative: rgba(0, 0, 0, 1);
  --oenb-interactive-contrast-positive: #fff;
  --oenb-background-screen: #ffffff;
  --oenb-background-elevated: var(--oenb-blau-50);
  --oenb-background-neutral-negative: var(--oenb-blau-950);
  --oenb-background-neutral-positive: var(--oenb-grau-50);
  --oenb-sentiment-positive-50: #f5f7f3;
  --oenb-sentiment-positive-100: #cdd7c6;
  --oenb-sentiment-positive-200: #a6b799;
  --oenb-sentiment-positive-300: #7e976b;
  --oenb-sentiment-positive-400: #57773e;
  --oenb-sentiment-positive-500: #2f5711;
  --oenb-sentiment-positive-600: #284a0e;
  --oenb-sentiment-positive-700: #213d0c;
  --oenb-sentiment-positive-800: #1a3009;
  --oenb-sentiment-positive-900: #132307;
  --oenb-sentiment-positive-950: #0c1604;
  --oenb-sentiment-negative-50: #fbf4f3;
  --oenb-sentiment-negative-100: #eac9c5;
  --oenb-sentiment-negative-200: #da9f97;
  --oenb-sentiment-negative-300: #c97569;
  --oenb-sentiment-negative-400: #b94a3b;
  --oenb-sentiment-negative-500: #a8200d;
  --oenb-sentiment-negative-600: #8f1b0b;
  --oenb-sentiment-negative-700: #761609;
  --oenb-sentiment-negative-800: #5c1207;
  --oenb-sentiment-negative-900: #430d05;
  --oenb-sentiment-negative-950: #2a0803;
  --oenb-sentiment-warning-50: #fefcf6;
  --oenb-sentiment-warning-100: #fbf2d2;
  --oenb-sentiment-warning-200: #f7e7ae;
  --oenb-sentiment-warning-300: #f4dd8a;
  --oenb-sentiment-warning-400: #f0d267;
  --oenb-sentiment-warning-500: #edc843;
  --oenb-sentiment-warning-600: #c9aa39;
  --oenb-sentiment-warning-700: #a68c2f;
  --oenb-sentiment-warning-800: #826e25;
  --oenb-sentiment-warning-900: #5f501b;
  --oenb-sentiment-warning-950: #3b3211;
  --oenb-blau-hell-50: #f1f5f9;
  --oenb-blau-hell-100: #e6edf4;
  --oenb-blau-hell-200: #cddbe9;
  --oenb-blau-hell-300: #b4c8df;
  --oenb-blau-hell-400: #98b2d1;
  --oenb-blau-hell-500: #80a2c8;
  --oenb-blau-hell-600: #507fb3;
  --oenb-blau-hell-700: #3c618b;
  --oenb-blau-hell-800: #29415d;
  --oenb-blau-hell-900: #15202e;
  --oenb-blau-hell-950: #090f15;
  --oenb-violette-50: #efedf2;
  --oenb-violette-100: #e1dde9;
  --oenb-violette-200: #c4bbd3;
  --oenb-violette-300: #9e90b6;
  --oenb-violette-400: #8674a4;
  --oenb-violette-500: #6a5988;
  --oenb-violette-600: #54466c;
  --oenb-violette-700: #3e3450;
  --oenb-violette-800: #30283e;
  --oenb-violette-900: #16121c;
  --oenb-violette-950: #0a080c;
  --oenb-tuerkis-50: #edf7f8;
  --oenb-tuerkis-100: #dbeff0;
  --oenb-tuerkis-200: #b3dee0;
  --oenb-tuerkis-300: #9aced5;
  --oenb-tuerkis-400: #65bdc3;
  --oenb-tuerkis-500: #46aaaf;
  --oenb-tuerkis-600: #38868a;
  --oenb-tuerkis-700: #2b676a;
  --oenb-tuerkis-800: #0c453f;
  --oenb-tuerkis-900: #0f2324;
  --oenb-tuerkis-950: #071212;
  --oenb-koralle-50: #fbf0ef;
  --oenb-koralle-100: #f5e1df;
  --oenb-koralle-200: #edc3bf;
  --oenb-koralle-300: #e6a69f;
  --oenb-koralle-400: #dc887f;
  --oenb-koralle-500: #d36a5f;
  --oenb-koralle-600: #c04235;
  --oenb-koralle-700: #903227;
  --oenb-koralle-800: #60211a;
  --oenb-koralle-900: #30100d;
  --oenb-koralle-950: #180806;
  --oenb-content-primary: var(--oenb-blau-500);
  --oenb-content-tertiary: var(--oenb-grau-700);
  --oenb-content-secondary: var(--oenb-blau-950);
  --oenb-salbei-50: #f5f7f3;
  --oenb-salbei-100: #dfe7da;
  --oenb-salbei-200: #d5dfcc;
  --oenb-salbei-300: #bfceb5;
  --oenb-salbei-400: #aabf9c;
  --oenb-salbei-500: #95af83;
  --oenb-salbei-600: #76955f;
  --oenb-salbei-700: #627c50;
  --oenb-salbei-800: #3b4a30;
  --oenb-salbei-900: #1d2518;
  --oenb-salbei-950: #0f130c;
  --oenb-bronze-50: #f9f3eb;
  --oenb-bronze-100: #f4e4d3;
  --oenb-bronze-200: #e9cdab;
  --oenb-bronze-300: #dcb47f;
  --oenb-bronze-400: #d19b57;
  --oenb-bronze-500: #bc8034;
  --oenb-bronze-600: #98672b;
  --oenb-bronze-700: #704d1f;
  --oenb-bronze-800: #4c3415;
  --oenb-bronze-900: #24170a;
  --oenb-bronze-950: #140e06;
  --oenb-border-areas: var(--oenb-blau-hell-200);
  --oenb-border-neutral: var(--oenb-grau-500);
  --oenb-toast-blur: 20px;
  --oenb-sand-50: #fefdfb;
  --oenb-sand-100: #fcfaf2;
  --oenb-sand-200: #faf5e5;
  --oenb-sand-300: #f8efd9;
  --oenb-sand-400: #f5eacc;
  --oenb-sand-500: #f2e5c0;
  --oenb-sand-600: #d9be81;
  --oenb-sand-700: #d4aa2f;
  --oenb-sand-800: #90721e;
  --oenb-sand-900: #48390f;
  --oenb-sand-950: #261e08;
  --oenb-grau-50: #f9fafb;
  --oenb-grau-100: #f3f5f6;
  --oenb-grau-200: #eef0f2;
  --oenb-grau-300: #e5e9eb;
  --oenb-grau-400: #d9e0e3;
  --oenb-grau-500: #d1d9dd;
  --oenb-grau-600: #95a8b1;
  --oenb-grau-700: #6f8895;
  --oenb-grau-800: #4a5a64;
  --oenb-grau-900: #252e32;
  --oenb-grau-950: #111517;
  --oenb-blau-50: #dbecff;
  --oenb-blau-100: #b3d7ff;
  --oenb-blau-200: #6bb2ff;
  --oenb-blau-300: #1f8bff;
  --oenb-blau-400: #0065d1;
  --oenb-blau-500: #004289;
  --oenb-blau-600: #00346b;
  --oenb-blau-700: #002752;
  --oenb-blau-800: #001e3d;
  --oenb-blau-900: #000c1a;
  --oenb-blau-950: #00070f;
  color-scheme: light;
  --border-radius-none: 0;
  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 20px;
}

/* Bootstrap 5 .row uses display:flex; restore clearfix behaviour for float-only rows */
.row::before,
.row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}

/* Bootstrap 3 .container had a clearfix to contain floated col-* children.
   Bootstrap 5 removed it (switched to flexbox).  Without it, any container
   whose only children are floating col-* elements (e.g. functionalAreaContainer
   with its col-sm-15 h3) collapses to zero height.  Restore the clearfix here
   so all containers properly wrap their floated column children. */
.container::before,
.container::after {
  content: " ";
  display: table;
}
.container::after {
  clear: both;
}

/* Legacy page background/base text style from oenb-5fa0ad2491.min.css. */
body {
  background: transparent url('/opus/static/img/back100-21a9b968821aab9dd9209636e199dfa7.jpg') no-repeat fixed top center;
  color: #444;
  position: relative;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}

/* Legacy Bootstrap 3 heading scale and spacing (before OeNB overrides). */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--oenb-content-primary);
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

h1 {
  font-size: 2.5em;
  line-height: 1.15em;
  margin-bottom: 0.7em;
}

h6 {
  font-size: 1.1em;
  color: #2f598b;
}

.heading-underline {
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.heading-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4rem;
  height: 1px;
  background-color: var(--oenb-sand-700);
}

/* .card is used in OPUS templates as a plain clickable wrapper around .panel.
   Bootstrap 3 had no .card class so these were completely unstyled wrappers.
   Bootstrap 5 adds a border, flex layout, and background ? reset all of it
   so the .panel inside renders exactly as it did before. */
.card {
  --bs-card-border-width:  0;
  --bs-card-border-color:  transparent;
  --bs-card-border-radius: var(--border-radius-xl);
  --bs-card-bg:            transparent;
  display: block;
  border: none;
  background-color: transparent;
  border-radius: var(--border-radius-xl);
  padding: 0;
  color: inherit;
}

/* Legacy Bootstrap 3 panel compatibility used across OPUS templates. */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: var(--border-radius-md);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-body {
  padding: 15px;
}

.panel-body::before,
.panel-body::after {
  content: " ";
  display: table;
}

.panel-body::after {
  clear: both;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-primary {
  border-color: var(--oenb-content-primary);
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: var(--oenb-content-primary);
  border-color: var(--oenb-content-primary);
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

/* Bootstrap 3 compatibility: col-* classes on table col/td/th must NOT get
   float or flex from the grid ? table layout must remain display:table-cell.
   Without this, td/th elements with col-* classes are floated out of their
   rows, breaking the table entirely. */
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

/* Bootstrap 3 .close button compatibility ? used by bootstrap-notify's dismiss button. */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-heading + .panel-collapse > .panel-body,
.panel > .panel-body + .table,
.panel > .table + .panel-body {
  border-top: 1px solid #ddd;
}

/* ---- Navbar ----- */
.navbar {
  min-height: inherit;
  padding-block: 0;
}

.navbar-nav {
  margin: 0;
}

.navbar-primary,
.navbar-primary .navbar-collapse {
  background-color: var(--oenb-grau-200);
  width: 100%;
}

.navbar-primary .navbar-nav > li > :is(a, button) {
  position: relative;
  padding: 0.5rem 1.5rem;
  margin: 0.25rem;
  text-decoration: none;
  color: black;
  display: block; /* relevant for collapsed navbar */
  border-radius: var(--border-radius-lg);
  border: 0;
}

.navbar-primary :is(a, button):is(:hover, :focus, :focus-visible, .active, :active),
.navbar-primary .dropdown-menu li > a:hover {
  background-color: white;
  outline: none;
  box-shadow: none;
  border: 0;
}

.navbar-primary .no-hover:is(:hover, :focus, :focus-visible, :active) {
  background-color: transparent;
}

/* ---- Navbar Dropdown Menu ----- */
.navbar-primary .dropdown-menu {
  background-color: var(--oenb-grau-200);
}

.navbar-primary .dropdown-menu li > a {
  border-radius: var(--border-radius-xl);
  margin: 0.25rem 0.25rem;
  padding: 0.25rem 0.5rem;
}

.navbar-primary :is(a.dropdown-toggle, .dropdown-toggle::after) {
  text-decoration: none;
  cursor: pointer;
}

.navbar-primary a.dropdown-toggle > label {
  cursor: pointer;
}

/* Suppress Bootstrap 5 auto-caret, icons are already explicit */
.navbar-primary .dropdown-toggle::after {
  display: none;
}

/* Legacy layout background from oenb-5fa0ad2491.min.css. */
.container {
  background-color: #ffffff;
}

.col-background-light {
  background-color: #ffffff;
}

/* Legacy global link/text behavior from oenb-5fa0ad2491.min.css and Bootstrap 3. */
a {
  color: var(--oenb-content-primary);
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p {
  margin: 0 0 20px;
}

label {
  font-weight: normal;
}

.label-primary {
  color: black;
}

.label-secondary {
  color: grey;
}

small,
.small {
  font-size: 85%;
}

.breadcrumb-default {
  border-top: 1px solid #d6d6d6;
  border-radius: 0;
  background-color: transparent;
  font-size: 11px;
}

/* Legacy ul/ol and .list-inline styles from oenb-5fa0ad2491.min.css (Bootstrap 3 compatibility).
   Bootstrap 5 changed margin-bottom on ul/ol from 10px to 1rem and replaced
   .list-inline > li with .list-inline-item. Restore the original behaviour so
   templates that use bare <li> elements inside .list-inline (e.g. the footer)
   continue to render inline. */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-inline {
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

/* Legacy dropdown-menu styles from oenb-5fa0ad2491.min.css (Bootstrap 3 compatibility).
   Bootstrap 5 only styles .dropdown-item, but the templates use bare <a role="menuitem">
   without that class, causing links to render as unstyled blue links. Restore the
   Bootstrap 3 .dropdown-menu > li > a behaviour so the user dropdown looks correct. */
.dropdown-menu {
  --bs-dropdown-font-size: 14px; /* override Bootstrap 5 CSS variable */
  font-size: 14px;
  text-align: left;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: var(--oenb-content-primary);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

/* Legacy Bootstrap 3 button styles from oenb-5fa0ad2491.min.css.
   Bootstrap 5 changed border-radius (0 ? 0.375rem), font-size (14px ? 1rem),
   line-height (1.428 ? 1.5), dropped btn-xs, and removed .btn-default entirely.
   The OeNB custom section also applied padding: 4px 10px to every .btn and a
   grey gradient to .btn-default ? both are restored here. */

/* Base: square corners, 14px font, Bootstrap 3 line-height. */
.btn {
  --bs-btn-border-radius: 0;
  --bs-btn-font-size: 14px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: var(--border-radius-xl);
  cursor: pointer;
  height: 42px;
}

a.btn {
  display: inline-flex;
  align-items: center;
}

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
  outline: 0;
}

.btn:active,
.btn.active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: auto; /* Bootstrap 5 sets pointer-events:none which hides the cursor; restore B3 behaviour */
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}

/* Bootstrap 3 size variants ? border-radius reverted to 0. */
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-border-radius: 0;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}

.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-border-radius: 0;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

/* btn-xs was dropped in Bootstrap 4+; restore for legacy templates. */
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

/* OeNB custom padding override (4px 10px).  Placed after the size variants so
   it wins at equal specificity for btn-lg/btn-sm elements ? matching the
   cascade order in the legacy minified file. */
.btn {
  padding: 4px 10px;
}

/* .btn-default does not exist in Bootstrap 5; restore the OeNB grey gradient. */
.btn-default {
  color: #333;
  background: #ddd linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
}

/* .btn-secondary did not exist in Bootstrap 3 so it received no OeNB custom
   styling ? it showed the browser's native button face (white/light-grey, no
   visible border).  Restore the Bootstrap 3 base btn-default appearance
   (white background, light grey border) as the closest equivalent. */
.btn-secondary {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* Utility for form buttons that need a top-margin label offset. */
.btn-label-margin {
  margin-top: 24px;
  padding-top: 5px;
}

/* Bootstrap 3 button colour palette from oenb-5fa0ad2491.min.css.
   Bootstrap 5 changed every variant colour (btn-primary most visibly:
   var(--oenb-content-primary) ? #0d6efd).  Overriding the --bs-btn-* CSS custom properties is
   sufficient: Bootstrap 5's base .btn rule reads hover/active/disabled states
   from those variables, so no separate :hover/:active rules are needed. */

.btn-primary {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   var(--oenb-content-primary);
  --bs-btn-border-color:         var(--oenb-content-primary);
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             var(--oenb-blau-600);
  --bs-btn-hover-border-color:   var(--oenb-blau-600);
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            var(--oenb-blau-600);
  --bs-btn-active-border-color:  var(--oenb-blau-600);
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          var(--oenb-content-primary);
  --bs-btn-disabled-border-color:var(--oenb-content-primary);
}

.btn-primary:focus {
  color: #fff;
}

.btn-success {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   var(--oenb-sentiment-positive-500);
  --bs-btn-border-color:         var(--oenb-sentiment-positive-500);
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             var(--oenb-sentiment-positive-600);
  --bs-btn-hover-border-color:   var(--oenb-sentiment-positive-600);
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            var(--oenb-sentiment-positive-600);
  --bs-btn-active-border-color:  var(--oenb-sentiment-positive-600);
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          var(--oenb-sentiment-positive-500);
  --bs-btn-disabled-border-color:var(--oenb-sentiment-positive-500);
}

.btn-info {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   var(--oenb-blau-hell-500);
  --bs-btn-border-color:         var(--oenb-blau-hell-500);
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             var(--oenb-blau-hell-600);
  --bs-btn-hover-border-color:   var(--oenb-blau-hell-600);
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            var(--oenb-blau-hell-600);
  --bs-btn-active-border-color:  var(--oenb-blau-hell-600);
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          var(--oenb-blau-hell-500);
  --bs-btn-disabled-border-color:var(--oenb-blau-hell-500);
}

.btn-info-darker {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   var(--oenb-blau-hell-700);
  --bs-btn-border-color:         var(--oenb-blau-hell-700);
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             var(--oenb-blau-hell-800);
  --bs-btn-hover-border-color:   var(--oenb-blau-hell-800);
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            var(--oenb-blau-hell-800);
  --bs-btn-active-border-color:  var(--oenb-blau-hell-800);
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          var(--oenb-blau-hell-700);
  --bs-btn-disabled-border-color:var(--oenb-blau-hell-700);
}

.btn-warning {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   var(--oenb-bronze-500);
  --bs-btn-border-color:         var(--oenb-bronze-500);
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             var(--oenb-bronze-600);
  --bs-btn-hover-border-color:   var(--oenb-bronze-600);
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            var(--oenb-bronze-600);
  --bs-btn-active-border-color:  var(--oenb-bronze-600);
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          var(--oenb-bronze-500);
  --bs-btn-disabled-border-color:var(--oenb-bronze-500);
}

.text-warning {
  color: var(--oenb-bronze-500) !important;
}

.btn-danger {
  --bs-btn-color:                #fff;
  --bs-btn-bg:                   #d9534f;
  --bs-btn-border-color:         #d43f3a;
  --bs-btn-hover-color:          #fff;
  --bs-btn-hover-bg:             #c9302c;
  --bs-btn-hover-border-color:   #ac2925;
  --bs-btn-active-color:         #fff;
  --bs-btn-active-bg:            #c9302c;
  --bs-btn-active-border-color:  #ac2925;
  --bs-btn-disabled-color:       #fff;
  --bs-btn-disabled-bg:          #d9534f;
  --bs-btn-disabled-border-color:#d43f3a;
}

/* Suppress focus outline on checkboxes (OeNB custom). */
input[type="checkbox"]:focus {
  outline: 0;
}

/* Legacy .form-group (removed in Bootstrap 5). */
.form-group {
  margin-bottom: 5px;
}

/* Horizontal form label alignment helpers (OeNB custom). */
.form-horizontal .control-label-sm {
  padding-top: 9px;
  font-size: 85%;
}

.form-horizontal .control-label-multiline {
  padding-top: 0;
}

/* Form group with a bottom separator. */
.form-group-border {
  border-bottom: 1px solid;
  margin: 0;
  padding: 10px 0;
}

/* Required-field label markers. */
.control-label-required::after {
  content: '*';
  position: absolute;
  right: 5px;
  color: #a94442;
}

.control-label-required-inline::after {
  content: '*';
  position: relative;
  right: -5px;
  color: #a94442;
}

/* Label tone helpers. */
.control-label-light { color: grey; }
.control-label-dark  { color: black; }

/* Validation state: has-error (Bootstrap 3 compatible). */
.has-error .help-block {
  color: #a94442;
}

.has-error .form-control,
.has-error .select2-container--default .select2-selection--single {
  color: inherit;
  border-color: #a94442 !important;
  box-shadow: none;
}

.has-error .form-control:focus,
.has-error .select2-container--default .select2-selection--single:focus {
  border-color: #a94442;
  box-shadow: none;
}

/* Select2: square corners to match the rest of the form controls. */
.select2-container--default .select2-selection--single {
  border-radius: 0;
}

.table-striped-blau > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--oenb-blau-hell-50) !important;
}

/* Datatable Overrides */

/* DataTable pagination style */
.dt-paging .pagination .page-link {
  border: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  color: var(--oenb-grau-900) !important;
}

.dt-paging .pagination .page-link:hover {
  background: var(--oenb-blau-hell-50) !important;
}

.dt-paging .pagination .page-item.active .page-link {
  background: var(--oenb-blau-50) !important;
  color: var(--oenb-blau-700) !important;
}

.dt-paging .pagination .page-item.disabled .page-link {
  opacity: 0.4;
  background: transparent !important;
}

/* DataTable search input: add search icon and remove unwanted spacing for label */
.dataTables_filter input,
.dt-search input {
  padding-left: 2rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zm-5.242 1.656a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
}

.dataTables_filter label, .dt-search label {
  display: contents;
}

/* remove separator lines in dialog boxes */
.modal-header {
  border: 0;
}

.modal-footer {
  border: 0;
}