html,
body {
    border: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

blockquote::before,
blockquote::after {
    content: "";
}

:focus {
    outline: none;
}


/* ===== COLORS & SIZES ===== */

:root {
    --black: #000000;
    --white: #ffffff;
    --light-grey: #eeeeee;
    --middle-grey: #cccccc;
    --text: #333333;
    --text-light: #777777;
    --primary: #fd7c12;
    --primary-light: #ffe1ca;
    --icon-color-primary: currentColor;
    --icon-size-small: 16px;
    --icon-size-medium: 32px;
    --icon-size-large: 48px;
    --icon-size-mega: 64px;
    --icon-unify-modifier: 0.86;
    --icon-opacity-disabled: 0.5
}


/* ===== GENERAL ===== */

@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/lato-v24-latin-300.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/lato-v24-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/lato-v24-latin-700.woff2') format('woff2');
}

body {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    position: relative;
}

#content h1 {
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: 28px;
    color: var(--text);
}

#content h2 {
    font-size: 28px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 24px;
    color: var(--text);
}

#content h3 {
    font-size: 24px;
    margin-top: 16px;
    margin-bottom: 20px;
    font-weight: normal;
    color: var(--text);
}

#content h4 {
    font-size: 20px;
    margin-top: 14px;
    margin-bottom: 16px;
    color: var(--text);
}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a {
    color: var(--primary);
}

#content .frame :not(header) h1:first-child,
#content .frame :not(header) h2:first-child,
#content .frame :not(header) h3:first-child,
#content .frame :not(header) h4:first-child,
#content .frame :not(header) h5:first-child,
#content .frame :not(header) h6:first-child {
    margin-top: 0;
}

#content header:first-child h1,
#content header:first-child h2,
#content header:first-child h3,
#content header:first-child h4,
#content header:first-child h5,
#content header:first-child h6 {
    margin-top: 0;
}

#content .frame :not(header) h1:last-child,
#content .frame :not(header) h2:last-child,
#content .frame :not(header) h3:last-child,
#content .frame :not(header) h4:last-child,
#content .frame :not(header) h5:last-child,
#content .frame :not(header) h6:last-child {
    margin-bottom: 0;
}

#content header:last-child h1,
#content header:last-child h2,
#content header:last-child h3,
#content header:last-child h4,
#content header:last-child h5,
#content header:last-child h6 {
    margin-bottom: 0;
}

#content p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 18px;
    color: var(--text);
}

#content p:last-child {
    margin-bottom: 0;
}

#content .frame-type-text p a {
    color: var(--primary);
}

.icon {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    color: var(--icon-color-primary);
    height: var(--icon-size,1em);
    width: var(--icon-size,1em);
    line-height: var(--icon-size,1em);
    flex-shrink: 0
}

.icon img,.icon svg {
    display: block;
    height: 100%;
    width: 100%
}

.icon * {
    display: block;
    line-height: inherit
}

.icon-markup {
    position: absolute;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.icon-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 68.75%;
    width: 68.75%;
    text-align: center
}

.icon-spin .icon-markup {
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear
}

@keyframes icon-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.icon-state-disabled .icon-markup {
    opacity: var(--icon-opacity-disabled)
}

.icon-size-small {
    --icon-size: var(--icon-size-small)
}

.icon-size-small .icon-unify {
    line-height: var(--icon-size);
    font-size: calc(var(--icon-size) * var(--icon-unify-modifier))
}

.icon-size-small .icon-overlay .icon-unify {
    line-height: calc(var(--icon-size)/ 1.6);
    font-size: calc(var(--icon-size)/ 1.6 * var(--icon-unify-modifier))
}

.icon-size-medium {
    --icon-size: var(--icon-size-medium)
}

.icon-size-medium .icon-unify {
    line-height: var(--icon-size);
    font-size: calc(var(--icon-size) * var(--icon-unify-modifier))
}

.icon-size-medium .icon-overlay .icon-unify {
    line-height: calc(var(--icon-size)/ 1.6);
    font-size: calc(var(--icon-size)/ 1.6 * var(--icon-unify-modifier))
}

.icon-size-large {
    --icon-size: var(--icon-size-large)
}

.icon-size-large .icon-unify {
    line-height: var(--icon-size);
    font-size: calc(var(--icon-size) * var(--icon-unify-modifier))
}

.icon-size-large .icon-overlay .icon-unify {
    line-height: calc(var(--icon-size)/ 1.6);
    font-size: calc(var(--icon-size)/ 1.6 * var(--icon-unify-modifier))
}

.icon-size-mega {
    --icon-size: var(--icon-size-mega)
}

.icon-size-mega .icon-unify {
    line-height: var(--icon-size);
    font-size: calc(var(--icon-size) * var(--icon-unify-modifier))
}

.icon-size-mega .icon-overlay .icon-unify {
    line-height: calc(var(--icon-size)/ 1.6);
    font-size: calc(var(--icon-size)/ 1.6 * var(--icon-unify-modifier))
}

button[type="submit"] {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    padding: 10px 25px;
    box-sizing: border-box;
    border: 1px solid var(--primary);
    border-radius: 5px;
    transition: all .1s;
    cursor: pointer;
    background: transparent;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

button[type="submit"]:hover,
button[type="submit"]:focus {
    outline: none;
    background: var(--primary);
    color: var(--white) !important;
}


/* ===== HEADER ===== */

#site-header {
    position: fixed;
    width: 100%;
    height: auto;
    display: block;
    background: var(--white);
    top: 0;
    left: 0;
    z-index: 1;
}

.header-top {
    width: 100%;
    background: var(--light-grey);
    font-size: 12px;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    display: flex;
}

.header-top .container {
    justify-content: flex-end;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 11px;
}

.header-top-navigation,
.header-top-language {
    list-style-type: none;
}

.header-top-navigation li,
.header-top-language li {
    display: inline-block;
    margin-right: 10px;
}

.header-top-navigation li:last-child,
.header-top-language li:last-child {
    margin-right: 0;
}

.header-top-navigation li a,
.header-top-language li a {
    text-decoration: none;
    color: var(--text-light);
}

.header-top-navigation li a:hover,
.header-top-navigation li a:focus,
.header-top-language li a:hover,
.header-top-language li a:focus {
    text-decoration: underline;
}

.header-top-navigation + .header-top-language {
    margin-left: 30px;
}

.header-top-language .icon {
    margin-right: 2px;
    transform: translateY(1px);
}

.header-main .container {
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-main-logo {
    width: 150px;
    height: auto;
    margin-right: 20px;
}

.header-main-logo img {
    width: 100%;
    height: auto;
    display: block;
}

.header-main-nav {
    list-style-type: none;
    font-size: 14px;
}

.header-main-nav > ul > li {
    display: inline-block;
    position: relative;
}

.header-main-nav > ul > li.active > a {
    color: var(--primary);
    text-decoration: underline;
}

.header-main-nav > ul > li.submenu-active {
    background: var(--primary-light);
}

.header-main-nav > ul > li.submenu-active > a {
    color: var(--black);
}

.header-main-nav > ul > li.submenu-active .icon {
    transform: rotate(180deg) translateY(-3px);
}

.header-main-nav > ul > li a {
    text-decoration: none;
    color: var(--text);
    padding: 10px 15px;
    display: inline-block;
}

.header-main-nav > ul > li .icon {
    transform: translateY(2px);
}

.header-main-nav-submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--white);
    z-index: 2;
    padding: 5px 0;
    list-style-type: none;
    border: 1px solid var(--primary);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    width: auto;
    min-width: 100%;
}

.submenu-active .header-main-nav-submenu {
    display: block;
}

.header-main-nav > ul > li .header-main-nav-submenu a {
    display: block;
}

.header-main-nav-submenu a:hover,
.header-main-nav-submenu a:focus {
    background: var(--primary-light);
}

.header-main-search {
    margin-left: auto;
    font-size: 14px;
}

.header-main-search form,
.search-modal form {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.header-main-search input,
.search-modal input {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    border-radius: 5px;
    border: 1px solid var(--middle-grey);
    border-right: none;
    padding: 5px 12px;
    box-sizing: border-box;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.header-main-search button,
.search-modal button {
    padding: 7px 10px;
    cursor: pointer;
    font-size: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: var(--light-grey);
    border: 1px solid var(--middle-grey);
    border-left: none;
}

.header-main-search button span,
.search-modal button span {
    transform: translateY(1px);
}

.header-main-search button:hover,
.header-main-search button:focus,
.search-modal button:hover,
.search-modal button:focus {
    background: var(--primary-light);
}

.header-breadcrumb {
    width: 100%;
    border-top: 1px solid var(--light-grey);
    border-bottom: 1px solid var(--light-grey);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-style: italic;
    color: var(--text-light);
}

.header-breadcrumb ul {
    list-style-type: none;
}

.header-breadcrumb ul li {
    display: inline-block;
    margin-right: 5px;
}

.header-breadcrumb ul li:last-child {
    margin-right: 0;
}

.header-breadcrumb ul li a {
    color: inherit;
    margin-right: 5px;
}

.header-breadcrumb ul li .icon {
    font-size: 14px;
    transform: translateY(2px);
}

.search-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-light);
    z-index: 99;
    display: none;
}

.search-modal-inner {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    max-width: 450px;
}

.search-modal-inner p {
    margin-bottom: 8px;
    font-size: 16px;
    color: var(--text);
}

.search-modal form {
    margin-top: 20px;
}

.search-modal input {
    flex: auto;
}

.search-modal-close {
    position: absolute;
    right: 40px;
    top: 30px;
    font-size: 24px;
    color: var(--text);
}

.header-main-search-toggle,
.header-mainmenu-toggle {
    font-size: 18px;
    display: none;
    background: var(--light-grey);
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    flex: 0 1 32px;
    text-align: center;
}

.header-main-search-toggle {
    margin-left: auto;
}

.header-mainmenu-toggle {
    margin-left: 10px;
}

.header-main-search-toggle .icon,
.header-mainmenu-toggle .icon {
    transform: translateY(2px);
}

.mainmenu-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

.mainmenu-modal-close {
    position: absolute;
    right: 30px;
    top: 100px;
    font-size: 24px;
    color: var(--white);
}

.mainmenu-modal-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 300px;
    background: var(--white);
    height: 100%;
    font-size: 16px;
    overflow: scroll;
    transform: translateX(-100%);
    transition: all .3s;
}

.mainmenu-modal-menu.active {
    transform: translateX(0);
}

.mainmenu-modal-menu > ul {
    padding-top: 87px;
    padding-bottom: 20px;
}

.mainmenu-modal-menu ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--light-grey);
}

.mainmenu-modal-menu ul li a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--text);
}

.mainmenu-modal-menu .header-main-nav-submenu {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    background: var(--light-grey);
    width: 100%;
    min-width: inherit;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 15px;
    box-sizing: border-box;
}

.mainmenu-modal-menu .header-main-nav-submenu li {
    border-bottom: 1px solid var(--middle-grey);
}

.mainmenu-modal-menu .header-main-nav-submenu li:last-child {
    border-bottom: none;
}

#page-header {
    margin-top: 130px;
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    padding-top: 90px;
    padding-bottom: 100px;
}

#page-header > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

#page-header.fallback {
    background: var(--text);
    background: linear-gradient(60deg, var(--text) 0%, var(--text-light) 100%);
}

.page-header-inner {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    color: var(--white);
}

.page-header-title {
    font-weight: bold;
    font-size: 60px;
    margin-bottom: 10px;
}

.home .page-header-title {
    font-size: 90px;
}

.page-header-subtitle {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
}

.page-header-button {
    color: inherit;
    text-decoration: none;
    padding: 10px 15px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid var(--white);
    border-radius: 5px;
    transition: all .1s;
}

.page-header-button:hover,
.page-header-button:focus {
    background: var(--primary);
}

.page-header-button .icon {
    transform: translateY(2px);
    margin-left: 5px;
}

.page-header-inner *:last-child {
    margin-bottom: 0;
}


/* ===== CONTENT ===== */

#content {
    padding-top: 130px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

#page-header + #content {
    padding-top: 80px !important;
}

.lupeg-container {
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 40px;
}

.lc5050-left {
    grid-column: span 6 / span 6;
}

.lc5050-right {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
}

.lc3070-left {
    grid-column: span 4 / span 4;
}

.lc3070-right {
    grid-column: span 8 / span 8;
    grid-column-start: 5;
}

.lc2575-left {
    grid-column: span 3 / span 3;
}

.lc2575-right {
    grid-column: span 9 / span 9;
    grid-column-start: 4;
}

.lc7030-left {
    grid-column: span 8 / span 8;
}

.lc7030-right {
    grid-column: span 4 / span 4;
    grid-column-start: 9;
}

.lc3-left {
    grid-column: span 4 / span 4;
}

.lc3-center {
    grid-column: span 4 / span 4;
    grid-column-start: 5;
}

.lc3-right {
    grid-column: span 4 / span 4;
    grid-column-start: 9;
}

.lc4-left {
    grid-column: span 3 / span 3;
}

.lc4-center-left {
    grid-column: span 3 / span 3;
    grid-column-start: 4;
}

.lc4-center-right {
    grid-column: span 3 / span 3;
    grid-column-start: 7;
}

.lc4-right {
    grid-column: span 3 / span 3;
    grid-column-start: 10;
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
    margin-bottom: 20px;
}

.ce-gallery img {
    width: 100%;
    height: auto;
    border: 1px solid var(--middle-grey);
    border-radius: 5px;
    box-sizing: border-box;
}

.ce-gallery figcaption {
    font-size: 14px;
    font-style: italic;
    color: var(--text-light);
    margin-top: 5px;
}

hr.ce-div {
    border-top: 1px solid var(--primary);
    border-right: none;
    border-left: none;
    border-bottom: none;
}

#content .frame-type-menu_subpages,
#content .frame-type-menu_sitemap_pages {
    background: var(--primary-light);
    border-radius: 5px;
    padding: 20px 0;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
}

#content .frame-type-menu_subpages ul,
#content .frame-type-menu_sitemap_pages ul {
    list-style-type: none;
}

#content .frame-type-menu_sitemap_pages ul li ul {
    padding-left: 20px;
    box-sizing: border-box;
    display: none;
}

#content .frame-type-menu_sitemap_pages ul li a[aria-current="page"] + ul,
#content .frame-type-menu_sitemap_pages ul li ul:has(a[aria-current="page"]) {
    display: block;
}

#content .frame-type-menu_sitemap_pages ul li ul li a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#content .frame-type-menu_subpages ul li a,
#content .frame-type-menu_sitemap_pages ul li a {
    display: block;
    padding: 10px 20px;
    color: var(--primary);
    text-decoration: none;
}

#content .frame-type-menu_subpages ul li a:hover,
#content .frame-type-menu_subpages ul li a:focus,
#content .frame-type-menu_subpages ul li a[aria-current="page"],
#content .frame-type-menu_sitemap_pages ul li a:hover,
#content .frame-type-menu_sitemap_pages ul li a:focus,
#content .frame-type-menu_sitemap_pages ul li a[aria-current="page"]  {
    outline: none;
    background: var(--primary);
    color: var(--white);
}

.lcaccordion-single {
    position: relative;
    width: 100%;
}

.lcaccordion-single + .lcaccordion-single {
    margin-top: 5px;
}

.lcaccordion-header {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 10px 20px;
    border: 1px solid var(--middle-grey);
    border-radius: 5px;
    cursor: pointer;
    color: var(--primary);
}

.lcaccordion-header:hover {
    background: var(--light-grey);
}

.lcaccordion-header[data-open="opened"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--primary);
    color: var(--white);
}

.lcaccordion-content {
    display: none;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    background: var(--light-grey);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.lcaccordion-content header {
    display: none;
}

.lcaccordion-content ul,
.lcaccordion-content ol,
.ce-bodytext ul,
.ce-bodytext ol,
.frame-type-text ul,
.frame-type-text ol {
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 1.4;
    color: var(--text);
}

.lcaccordion-content ul + *,
.lcaccordion-content ol + *,
.ce-bodytext ul + *,
.ce-bodytext ol + *,
.frame-type-text ul + *,
.frame-type-text ol + * {
    margin-top: 18px;
}

a.inline-button {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid var(--primary);
    border-radius: 5px;
    transition: all .1s;
}

a.inline-button:hover,
a.inline-button:focus {
    outline: none;
    background: var(--primary);
    color: var(--white) !important;
}

figure.table {
    margin: 0;
    margin-bottom: 20px;
}

figure.table:last-child {
    margin-bottom: 0;
}

figure.table table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--text);
}

figure.table tbody tr:nth-of-type(odd) {
    background: var(--light-grey);
}

figure.table th,
figure.table td {
    border-top: 1px solid var(--middle-grey);
    padding: 10px 15px;
    vertical-align: top;
}

.frame-type-form_formframework form {
    width: 100%;
    position: relative;
}

.frame-type-form_formframework form > h2:first-of-type {
    display: none;
}

.frame-type-form_formframework form .form-group {
    margin-bottom: 10px;
}

.frame-type-form_formframework form .form-label {
    margin-left: 20px;
    background: var(--white);
    padding: 2px 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    color: var(--text);
}

.frame-type-form_formframework form .input input,
.frame-type-form_formframework form .input select,
.frame-type-form_formframework form .input textarea {
    width: 100%;
    border: 1px solid var(--text);
    border-radius: 5px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.frame-type-form_formframework form .form-label + .input.checkbox {
    margin-top: 10px;
}

.frame-type-form_formframework form .form-check + .form-check {
    margin-top: 5px;
}

.frame-type-form_formframework form .input input[type="checkbox"] {
    width: auto;
    margin: 0;
    margin-right: 5px;
}

.frame-type-form_formframework form .form-group .form-text {
    padding-left: 20px;
    font-size: 14px;
    font-style: italic;
    color: var(--text-light);
    margin-bottom: 15px;
}

.tx-indexedsearch-searchbox {
    color: var(--text);
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form {
    width: 100%;
    max-width: 400px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form label {
    margin-left: 20px;
    background: var(--white);
    padding: 2px 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    color: var(--text);
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form input.tx-indexedsearch-searchbox-sword {
    width: 100%;
    border: 1px solid var(--text);
    border-radius: 5px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    padding: 10px 25px;
    box-sizing: border-box;
    border: 1px solid var(--primary);
    border-radius: 5px;
    transition: all .1s;
    cursor: pointer;
    background: transparent;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:hover,
.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:focus {
    outline: none;
    background: var(--primary);
    color: var(--white) !important;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-form + .tx-indexedsearch-search-submit {
    margin-top: 15px;
}

.tx-indexedsearch-info-sword {
    color: var(--text);
}

.tx-indexedsearch-searchbox + .tx-indexedsearch-info-sword {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--middle-grey);
}

.tx-indexedsearch-info-sword .tx-indexedsearch-info-sword-word {
    font-weight: bold;
}

.tx-indexedsearch-info-sword .tx-indexedsearch-info-sword-word::before {
    content: '„';
}

.tx-indexedsearch-info-sword .tx-indexedsearch-info-sword-word::after {
    content: '“';
}

.tx-indexedsearch-browsebox {
    text-align: center;
    background: var(--light-grey);
    padding: 20px;
    box-sizing: border-box;
    width: auto;
    margin: 20px auto;
    font-size: 14px;
    color: var(--text);
}

ul.tx-indexedsearch-browsebox-list {
    list-style-type: none;
}

ul.tx-indexedsearch-browsebox-list:not(:first-child) {
    margin-top: 10px;
}

ul.tx-indexedsearch-browsebox-list li {
    display: inline-block;
    margin: 0 5px;
}

ul.tx-indexedsearch-browsebox-list li a {
    color: var(--text);
}

.tx-indexedsearch-browsebox + .tx-indexedsearch-res,
.tx-indexedsearch-res + .tx-indexedsearch-browsebox {
    margin-top: 40px;
}

.tx-indexedsearch-res + .tx-indexedsearch-res {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--primary-light);
}

#content .tx-indexedsearch-res h4 {
    margin-bottom: 12px;
}


/* ===== FOOTER ===== */

#footer {
    width: 100%;
    position: relative;
    margin-top: 80px;
    background: var(--light-grey);
    color: var(--text);
}

#footer .container {
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.footer-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 40px;
    width: 100%;
    font-size: 14px;
}

.footer-top-left img {
    width: 100%;
    max-width: 150px;
    height: auto;
}

.footer-top header {
    margin-bottom: 15px;
}

.footer-top header * {
    font-size: 20px;
    font-weight: normal;
}

.footer-top ul {
    list-style-type: none;
}

.footer-top ul li {
    margin-bottom: 5px;
}

.footer-top ul li a,
.footer-top p a {
    color: inherit;
}

.footer-top p {
    margin-bottom: 10px;
    line-height: 1.4;
}

.footer-top p:last-child {
    margin-bottom: 0;
}

.footer-bottom {
    flex: 0 1 100%;
    margin-top: 25px;
    padding-top: 18px;
    border-top: 1px solid var(--middle-grey);
    text-align: center;
    font-size: 12px;
    font-style: italic;
}


/* ===== RESPONSIVE ===== */

@media screen and (max-width: 1279px) {
    #content {
        padding-top: 186px;
    }

    .header-main .container {
        flex-wrap: wrap;
    }

    .header-main-logo {
        width: 120px;
    }

    .header-main-nav {
        flex: 0 1 100%;
        order: 3;
        margin-top: 20px;
    }

    #page-header {
        margin-top: 186px;
    }
}

@media screen and (max-width: 1025px) {
    .lc4-left,
    .lc4-center-right {
        grid-column: span 6 / span 6;
    }

    .lc4-center-left,
    .lc4-right {
        grid-column: span 6 / span 6;
        grid-column-start: 7;
    }
}

@media screen and (max-width: 768px) {
    #site-header {
        border-bottom: 1px solid var(--light-grey);
    }

    .header-top-navigation {
        margin-right: auto;
    }

    .header-top-navigation + .header-top-language {
        margin-left: 0;
    }

    .header-breadcrumb,
    .header-main-search,
    .header-main-nav {
        display: none;
    }

    .header-main-search-toggle,
    .header-mainmenu-toggle {
        display: block;
    }

    #page-header {
        margin-top: 84px;
    }

    .page-header-title,
    .home .page-header-title {
        font-size: 34px;
    }

    .page-header-subtitle {
        font-size: 18px;
    }

    #content {
        padding-top: 84px;
    }

    .lc3-left {
        grid-column: span 6 / span 6;
    }

    .lc3-center {
        grid-column: span 6 / span 6;
        grid-column-start: 7;
    }

    .lc3-right {
        grid-column: span 6 / span 6;
        grid-column-start: 4;
    }

    .footer-top {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px 0;
    }
}

@media screen and (max-width: 660px) {
    .lupeg-container {
        gap: 30px 0;
    }

    .lupeg-container-col {
        grid-column: span 12 / span 12;
        grid-column-start: 1;
    }

    .ce-right .ce-gallery,
    .ce-left .ce-gallery,
    .ce-intext .ce-gallery {
        margin-left: 0;
        margin-right: 0;
        float: none;
    }
}

@media screen and (max-width: 480px) {
    #page-header {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #content {
        padding-left: 20px;
        padding-right: 20px;
    }

    #page-header + #content {
        padding-top: 30px !important;
    }
}