@font-face {
    font-family: 'BC Sklonar';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/bc-sklonar-bold.woff2') format('woff2');
}

@font-face {
    font-family: 'BC Sklonar';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/BC-Sklonar-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'URW DIN';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Regular.woff2') format('woff2'),
         url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'URW DIN';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Medium.woff2') format('woff2'),
         url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'URW DIN';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Bold.woff2') format('woff2'),
         url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'URW DIN';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Black.woff2') format('woff2'),
         url('https://nieuwsbrief.enschede.nl/tenants/enschede/fonts/enschede.nl/URWDINSemiCond-Black.otf') format('opentype');
}

:root {
  --brand-primary: #e20d18;
  --brand-color: var(--brand-primary);
  --brand-primary-rgb: 226,13,24;
  --brand-secondary: #1A1919;
  --brand-secondary-rgb: 26,25,25;
  --brand-background: #ffffff;
  --brand-header-bg: #e20d18;
  --brand-header-fg: #fff;
  --brand-footer-bg: #e20d18;
  --brand-footer-fg: #fff;
  --brand-table-stripe: #f5f5f5;
  --brand-table-hover: #eeeeee;
  --brand-font-body: URW-DIN, Arial, Helvetica, sans-serif;
  --brand-font-headings: BC-Sklonar, sans-serif, Arial, Helvetica;
  --brand-btn-radius: 0.375rem;

  --bs-primary: #e20d18;
  --bs-primary-rgb: 226,13,24;
  --bs-secondary: #1A1919;
  --bs-secondary-rgb: 26,25,25;
  --bs-body-bg: #ffffff;
  --bs-body-font-family: var(--brand-font-body);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-secondary);
}


body { font-family: var(--brand-font-body); background: var(--brand-background); }
h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-headings); }


a { color: var(--brand-primary); }
a:hover:not(.wv-button), a:focus:not(.wv-button) { color: var(--brand-secondary); }


.btn { border-radius: var(--brand-btn-radius); }
.progress { border-radius: var(--brand-btn-radius); }
.progress-bar { border-radius: var(--brand-btn-radius); }
.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--brand-secondary);
  --bs-btn-hover-border-color: var(--brand-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--brand-secondary);
  --bs-btn-active-border-color: var(--brand-secondary);
  --bs-btn-disabled-bg: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--brand-secondary);
  --bs-btn-active-border-color: var(--brand-secondary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}


.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-striped-bg: var(--brand-table-stripe); }
.table-hover > tbody > tr:hover > * { --bs-table-hover-bg: var(--brand-table-hover); }
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-striped-bg: rgba(255,255,255,.055); }
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * { --bs-table-hover-bg: rgba(255,255,255,.09); }


.form-control:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25); }
.form-check-input:checked { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(var(--brand-primary-rgb), .25); }


.alert-info { background-color: rgba(var(--brand-primary-rgb), .1); border-color: rgba(var(--brand-primary-rgb), .2); color: var(--brand-secondary); }


@media (prefers-color-scheme: dark) {
  :root {
    --brand-background: #1a1a1a;
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #e0e0e0;
  }
  body { color: var(--bs-body-color); }
  .card, .modal-content { background-color: #2a2a2a; border-color: #444; }
  .form-control, .form-select { background-color: #2a2a2a; border-color: #444; color: #e0e0e0; }
  .table { --bs-table-color: #e0e0e0; }
  .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-striped-bg: rgba(255,255,255,.055); --bs-table-striped-color: #e0e0e0; }
  .table-hover > tbody > tr:hover > * { --bs-table-hover-bg: rgba(255,255,255,.09); --bs-table-hover-color: #e0e0e0; }
}


.catalog-hero { height: 320px; background-image: var(--catalog-hero-image, none); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: flex-end; }
.catalog-hero-text { padding: 0 0 28px 0; }
.catalog-hero-title { display: block; color: #fff; font-family: var(--brand-font-headings, sans-serif); font-size: 138px; line-height: 1; margin-left: -4px; }
.catalog-hero-subtitle { display: block; color: #fff; font-family: var(--brand-font-body, sans-serif); font-size: 66px; }
@media (max-width: 1024px) {
  .catalog-hero { height: 170px; }
  .catalog-hero-title { font-size: 69px; }
  .catalog-hero-subtitle { font-size: 33px; }
}


h1, h2, h3 {
  text-transform: uppercase;
}

h1 { font-size: 1.6rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.0rem;
font-weight: 500 } 

.breadcrumb{
  --bs-breadcrumb-divider: "/";           
  background-color: var(--body-bg, #fff); 
  margin: 0;                              
  padding: .75rem 0;                      
  border-radius: 0;                       
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: var(--bs-primary, #0d6efd);      
}


.tpl-header.navbar {
  min-height: 64px;
  padding: 0;
}


.tpl-header .navbar-brand {
  padding: 0;
  margin: 40px 0 0 0;
  line-height: 1;
  height: 64px;                
  display: flex;
  align-items: flex-end;       
}
.tpl-header .navbar-brand img {
  display: block;              
  height: 44px !important;
  width: auto;
  margin: 0;                   
}



.btn {
  border-radius: 0 !important; 
}


.nav-item a,
#tabs a {
    color: var(--bs-secondary) !important;
}

.nav-item a:hover,
#tabs a:hover {
    color: var(--bs-secondary) !important;
}

footer{
    background-color: #ffffff;
}