:root {
  --brandcolor-red:       #d50057;
  --brandcolor-blue:      #00273b;
  --brandcolor-blue-light:#0075a9;
  --black:                #000000;
  --black-light:          #555555;
  --white:                #ffffff;
  --grey-light:           #efefef;
  --grey-medium:          #d5d5d5;
  --grey-dark:            #56585e;

  --brandcolor_green:     #009877;

  --maxwidth:             1680px;

  --gap:                  20px;
  --gap-half:             10px;

  --rem14:                0.875rem;
  --rem15:                0.9375rem;
  --rem16:                1rem;
  --rem18:                1.125rem;
  --rem20:                1.25rem;
  --rem21:                1.3125rem;
  --rem24:                1.5rem;
  --rem25:                1.5625rem;
  --rem27:                1.6875rem;
  --rem28:                1.75rem;
  --rem30:                1.875rem;
  --rem35:                2.1875rem;
  --rem36:                2.25rem;
  --rem40:                2.5rem;
  --rem42:                2.625rem;
  --rem46:                2.875rem;
  --rem49:                3.0625rem;
  --rem50:                3.125rem;
  --rem55:                3.4375rem;
  --rem60:                3.75rem;
  --rem75:                4.6875rem;
}
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2014 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */
/**
 * Standardize some basic elements
 */
body,form,figure {
    margin:0;
    padding:0;
}
img {
    border:0;
}
header,footer,nav,section,aside,article,figure,figcaption {
    display:block;
}
/**
 * Fix some font issues
 */
body {
    font-size: 100%;
}
select,input,textarea {
    font-size:99%;
}
/**
 * Fix some positioning issues
 */
#container,.inside {
    position:relative;
}
/**
 * Clear floats
 */
.block {
    overflow:hidden;
}
.clear,#clear {
    height:0.1px;
    font-size:0.1px;
    line-height:0.1px;
    clear:both;
}
/**
 * Hide invisible elements
 */
.invisible {
    width:0;
    height:0;
    left:-1000px;
    top:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline;
}
/**
 * Custom layout sections
 */
.custom {
    display:block;
}
#container:after,.custom:after {
    content:"";
    display:table;
    clear:both;
}
/**
 * Float classes (see #6851)
 */
.float_left {
    float:left;
}
.float_right {
    float:right;
}
html {
    font-family: 'Open Sans', sans-serif;
}
h1 {
    font-weight: 600;
    font-size: var(--rem18);
    line-height: var(--rem35);
    margin-bottom: 20px;
}
h2 {
    font-weight: normal;
    margin: 0 0 20px 0;
}
#lead h2,
.teaser_left h2,
.layout_full h1,
.hbig h2 {
    font-family: ab, sans-serif;
    font-size: var(--rem35);
    line-height: var(--rem40);
    margin-bottom: 0;
}
h3 {
    font-family: 'asb', sans-serif;
    font-weight: normal;
    font-size: var(--rem18);
    line-height: var(--rem25);
    margin: 0 0 0 25px;
    color: var(--brandcolor-red);
}
h4 {
    margin: 0;
    color: var(--black-light);
}
p {
    font-family: 'ar',sans-serif;
    font-size: var(--rem20);
    line-height: var(--rem30);
    margin-top: 0;
    margin-bottom: 1em;
}
.layout_latest p {
    font-size: var(--rem18);
    line-height: var(--rem25);
}
p.info {
    font-size: var(--rem16);
    line-height: var(--rem20);
    color: var(--black-light);
}
#lead p,
.mod_newsreader .lead p,
.hbig p{
    font-family: asb, sans-serif;
    font-size: var(--rem20);
    line-height: var(--rem25);
    margin-top: 13px;
    margin-bottom: 0;
}
.big p,
.big li {
    font-family: 'ar',sans-serif;
    font-size: var(--rem20);
    line-height: var(--rem25);
}
:is(.big p,.big li) strong {
        color: var(--brandcolor-red);
    }
p strong {
    font-family: 'asb', sans-serif;
    font-weight: normal;
}
a {
    color: var(--black);
    text-decoration: underline;
}
a:hover {
        text-decoration: underline;
    }
.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
table {
  position: relative;
  font-size: var(--rem15);
  border-collapse: collapse;
  width: 100%;
  white-space: nowrap;
}
thead th {
    background-color: var(--brandcolor-blue-light);
    font-weight: 400;
    color: white;
    font-size: 14px;
  }
tbody tr:nth-child(odd) {
    background-color: var(--grey-light);
  }
:is(tbody tr.level_1) td:nth-child(1) {

    }
:is(tbody tr.level_2) td:nth-child(1) {
      padding-left: 16px;
      font-weight: 700;
    }
:is(tbody tr.level_3) td:nth-child(1) {
      padding-left: 32px;
    }
th, td {
  padding: 5px 10px;
  text-align: left;
  white-space: nowrap;
}
th {
  font-weight: 700;
}
th .button {
    background-color: white;
    border-color: white;
    color: var(--brandcolor-blue-light);
  }
.vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.horizontal-center {
  text-align: center;
}
.ce_form,
.mod_login,
.mod_changePassword {
    max-width: 900px;
}
:is(.mod_login,.mod_changePassword) .widget,:is(.mod_login,.mod_changePassword) .password-reset {
        margin-bottom: 20px;
    }
:is(.mod_login,.mod_changePassword) a {
        text-decoration: underline;
    }
form {
    display: block;
    background-color: #eee;
    padding: 30px;
    margin-bottom: 40px;
}
.import-form {
    overflow: hidden;
}
.import-form form {
        padding: 0;
        background-color: inherit;
    }
.slider form {
    width: 50%;
}
fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
input[type="text"],
input[type="password"] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    border: 1px solid var(--brandcolor-blue);
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: var(--rem16);
    line-height: var(--rem36);
    height: var(--rem36);
    color: black;

    -webkit-appearance: none;
}
.small {
    height: var(--rem27) !important;
    font-size: var(--rem15) !important;
}
.pill {
    border-radius: 100px !important;
}
.button,
.submit,
.qq-upload-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--brandcolor_green);
    border: 1px solid var(--brandcolor_green);
    border-radius: 100px;
    color: white;
    font-size: 14px;
    padding: 7px 20px;
    margin: 10px 0 20px 0;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
:is(.button,.submit,.qq-upload-button):hover {
        -webkit-filter: brightness(0.8);
                filter: brightness(0.8);
    }
.small:is(.button,.submit,.qq-upload-button) {
        padding: 2px 10px;
    }
.xsmall:is(.button,.submit,.qq-upload-button) {
        padding: 0 10px;
        margin: 0 5px;
        font-size: 12px;
    }
.blue:is(.button,.submit,.qq-upload-button) {
        background-color: var(--brandcolor-blue-light);
        border: 1px solid var(--brandcolor-blue-light);
    }
:is(.button,.submit,.qq-upload-button) svg {
        margin-left: 10px;
    }
:is(.button,.submit,.qq-upload-button) span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.submit {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
a.button:hover {
    text-decoration: none !important;
}
.qq-upload-button {
    color: black;
    background-color: #c3c3c3 !important;
}
.fineuploader-wrapper .qq-upload-list li.qq-upload-success {
    color: var(--brandcolor_green);
}
.widget-fineuploader {
    gap: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #eee;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 40px;
}
.fineuploader-item {
    display: none !important;
}
.qq-upload-button {
    margin-bottom: 0;
    margin-top: 0;
}
.widget-submit {
    margin-top: 10px;
}
.widget-submit .submit {
        min-width: 250px;
    }
#header {
    background-color: #0a5479;
}
#header > .inside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 30px;
    }
#setup {
    height: 20px;
}
#setup svg {
        height: 100%;
        width: auto;
        fill: white;
    }
#nav_main ul.level_1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
#nav_main li {
        display: block;
    }
.active:is(#nav_main li) {
            background-color: var(--brandcolor-blue);
        }
#nav_main a,#nav_main strong {
        display: block;
        font-weight: 600;
        font-size: 14px;
        color: white;
        padding: 10px;
    }
.active:is(#nav_main a,#nav_main strong) {
            color: white;
        }
:is(#nav_main a,#nav_main strong):hover {
            text-decoration: none;
        }
#nav_main li:hover {
        background-color: var(--brandcolor-blue);
    }
:is(#nav_main li:hover) a {
            color: white !important;
        }
#main {
    padding: 70px 30px;
}
.back {
    margin-bottom: 30px;
}
.disable {
    cursor: initial;
}
.disable:hover {
        -webkit-filter: brightness(1);
                filter: brightness(1);
    }
table label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: center;
}
.lucide {
    stroke-width: 1.5 !important;
    width: 20px;
    height: 20px;
}
.button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
}
.button-container button {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 20px;
    }
#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 1000;
    padding: 10px 15px;
    font-size: 16px;
    border: none;
    border-radius: 100px;
    background-color: var(--brandcolor-blue-light);
    color: white;
    cursor: pointer
}
#search-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--grey-dark);
    z-index: 1000;
    padding: var(--gap-half) 30px;
}
#search-container .inside {
        max-width: 200px;
    }
:is(#search-container .inside) input {
            border-color: var(--grey-dark);
        }
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap);
}
.step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 34px;
    height: 34px;
    border: 2px solid var(--brandcolor-blue-light);
    border-radius: 50%;
    color: var(--brandcolor-blue-light);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 10px;
}
#footer {
  margin-top: 100px;
  text-align: center;
  font-size: var(--rem15);
}
#footer p {
    text-align: center;
    font-size: var(--rem15);
    margin: 0;
  }
/*
.mod_sw_list_categories,
.mod_sw_list_articles {
  & h1 {
    margin: var(--gap);
  }
}

.mod_sw_livesystem_list_articles {
  overflow-y: scroll;
}

 */
.mod_importlist {
    overflow: hidden !important;
}
/* Responsive images */
img {
  display: block;
}
.image_container img,
svg {
  max-width:100%;
  height:auto;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
iframe {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  margin: 0
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
}
body {
  position: relative;
}
.block {
  overflow: auto;
}
/*# sourceMappingURL=standard.css.map */
