/* ecomotio: preserve the verified live presentation with native Theme Ultimate 4.4 elements. */
body#top .contao-cookiebar { --ccb-backdrop: rgba(0,0,0,.75); --ccb-anim-duration: 0.5s; --ccb-checked-clr: #399d32; --ccb-checked-bg: #dcf3db; --ccb-unchecked-clr: #9c9b99; --ccb-unchecked-bg: #fff; --ccb-disabled-clr: #c8c7c5; --ccb-disabled-bg: #f4f4f4; --ccb-focus-clr: #00a4f4; align-items: var(--ccb-align,center); inset: 0px; color: var(--ccb-clr,#444); display: flex; justify-content: var(--ccb-justify,center); letter-spacing: 0px; max-height: 100dvh; overflow: hidden; padding: 15px; pointer-events: none; position: fixed; z-index: 9999; }
body#top .contao-cookiebar,
body#top .contao-cookiebar * { box-sizing: border-box; }
body#top .contao-cookiebar p { color: var(--ccb-text,#868686); line-height: 1.4; }
body#top .contao-cookiebar label { display: block; line-height: 1.2rem; padding: 8px 13px 8px 0px; position: relative; }
body#top .contao-cookiebar label.group { font-weight: 600; }
body#top .contao-cookiebar input { height: 1px; opacity: 0; outline: none 0px; position: absolute; width: 1px; }
body#top .contao-cookiebar input + label { cursor: pointer; padding: 8px 13px 8px 45px; }
body#top .contao-cookiebar input + label::after,
body#top .contao-cookiebar input + label::before { border-radius: 10px; content: ""; position: absolute; }
body#top .contao-cookiebar input + label::before { background: var(--ccb-unchecked-bg); border: 1px solid var(--ccb-unchecked-clr); box-sizing: content-box; height: 18px; left: 0px; margin: 0px; top: 7px; transition: border-color 0.2s; width: 35px; }
body#top .contao-cookiebar input + label::after { background: var(--ccb-unchecked-clr); display: block; height: 12px; left: 4px; top: 11px; transition: background 0.2s, margin-left 0.2s, padding 0.2s; width: 12px; }
body#top .contao-cookiebar input + label:active::after { padding-left: 5px; }
body#top .contao-cookiebar input.cc-group-half + label::after { background: linear-gradient(to right,var(--ccb-unchecked-clr) 0,var(--ccb-unchecked-clr) 50%,var(--ccb-checked-clr) 50%,var(--ccb-checked-clr) 100%); }
body#top .contao-cookiebar input:checked + label::after { background: var(--ccb-checked-clr); margin-left: 17px; }
body#top .contao-cookiebar input:checked + label:active::after { margin-left: 12px; }
body#top .contao-cookiebar input:checked + label::before { background: var(--ccb-checked-bg); border-color: var(--ccb-checked-clr); }
body#top .contao-cookiebar input:disabled + label { pointer-events: none; }
body#top .contao-cookiebar input:disabled + label::after { background: var(--ccb-disabled-clr); }
body#top .contao-cookiebar input:disabled + label::before { background: var(--ccb-disabled-bg); border-color: var(--ccb-disabled-clr); }
body#top .contao-cookiebar input:focus-visible:not(.cc-hide-focus) + label::before { outline: 3px dashed var(--ccb-focus-clr); outline-offset: 2px; }
body#top .contao-cookiebar .cc-btn { background: var(--ccb-btn-bg,#f5f5f5); border: 1px solid var(--ccb-btn-bdr,#cfcfcf); border-radius: 4px; color: var(--ccb-btn-clr,#444); cursor: pointer; display: inline-block; font-size: 15px; margin-bottom: 8px; outline: none 0px; padding: 8px 14px; width: 100%; }
body#top .contao-cookiebar .cc-btn:focus,
body#top .contao-cookiebar .cc-btn:hover { background: var(--ccb-btn-bg-hvr,#ececec); }
body#top .contao-cookiebar .cc-btn:last-child { margin-bottom: 0px; }
body#top .contao-cookiebar .grayscale { --ccb-btn-bg: #f1efef; --ccb-btn-bg-hvr: #ececec; }
body#top .contao-cookiebar .grayscale .success { --ccb-btn-bg: #fbfbfb; --ccb-btn-bg-hvr: #f7f7f7; }
body#top .contao-cookiebar .highlight .success { --ccb-btn-bg: #4e9e3e; --ccb-btn-bg-hvr: #4c933f; --ccb-btn-bdr: #3e7830; --ccb-btn-clr: #fff; }
body#top .cc-head > :first-child { margin-top: 0px; }
body#top .cc-head > :last-child { margin-bottom: 15px; }
body#top .cc-focus:not(.cc-hide-focus):focus-visible { outline: 3px dashed var(--ccb-focus-clr); outline-offset: -3px; }
body#top .cc-invisible { border: 0px; clip: rect(0px, 0px, 0px, 0px); float: left; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
body#top .cc-inner { animation: var(--ccb-anim,cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards; background: var(--ccb-bg,#fff); border-radius: 3px; box-shadow: var(--ccb-box-shadow,rgba(99,99,99,.2)) 0 2px 8px 0; display: inline-block; font-size: 1rem; max-height: 100%; max-width: 100%; opacity: 0; overflow-y: auto; padding: 23px; pointer-events: none; position: relative; text-align: left; visibility: hidden; }
body#top .cc-close { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; inset: 6px 6px auto auto; cursor: pointer; font-weight: 700; height: 24px; position: absolute; width: 24px; background: none !important; color: inherit !important; }
body#top .cc-group { border: 1px solid var(--ccb-bdr,#d0d0d0); border-radius: 5px; margin-bottom: 10px; position: relative; }
body#top .cc-cookie-info { background: var(--ccb-info-bg,#fff); border: 1px solid var(--ccb-info-bdr,#efefef); border-radius: 5px; font-size: 0.875rem; padding: 10px; }
body#top .cc-cookie-info:empty { display: none; }
body#top .cc-cookie-info > div > span { font-weight: 600; }
body#top .cc-cookie-info > div + div { margin-top: 5px; overflow-wrap: break-word; }
body#top .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; }
body#top .cc-cookies { background: var(--ccb-cookies-bg,#fbfbfb); border-radius: 0px 0px 5px 5px; }
body#top .cc-cookies > p { font-size: 0.875rem; }
body#top .cc-cookies > .cc-cookie,
body#top .cc-cookies > p { border-top: 1px solid var(--ccb-cookies-bdr,#fbfbfb); margin: 0px; padding: 15px; }
body#top .cc-cookie label.cookie + * { margin-top: 10px; }
body#top .cc-cookie p { font-size: 0.875rem; margin: 0px 0px 15px; }
body#top .cc-cookie-desc p { margin-bottom: 0px; }
body#top .cc-footer,
body#top .cc-info { text-align: center; }
body#top .cc-info { margin-top: 15px; }
body#top .cc-info > p { font-size: 0.875rem; }
body#top .cc-info > a { color: var(--ccb-detail-clr,#a2a2a2); display: inline-block; font-size: 0.813rem; text-decoration: none; }
body#top .cc-info > a:hover { color: var(--ccb-detail-clr-hvr,#717171); }
body#top .cc-info > a + a::before { content: "·"; display: inline-block; margin-right: 5px; }
body#top .cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; }
body#top .cc-active.cc-blocked { animation: cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards; pointer-events: auto; }
body#top .cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; }
body#top .cc-saved.cc-blocked { animation: cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards; pointer-events: none; }
body#top .cc-left { --ccb-justify: flex-start; }
body#top .cc-right { --ccb-justify: flex-end; }
body#top .cc-top { --ccb-align: flex-start; }
body#top .cc-top.cc-active { --ccb-anim: cookiebar-top-in; }
body#top .cc-top.cc-saved { --ccb-anim: cookiebar-top-out; }
body#top .cc-middle.cc-active { --ccb-anim: cookiebar-middle-in; }
body#top .cc-middle.cc-saved { --ccb-anim: cookiebar-middle-out; }
body#top .cc-bottom { --ccb-align: flex-end; }
body#top .cc-bottom.cc-active { --ccb-anim: cookiebar-bottom-in; }
body#top .cc-bottom.cc-saved { --ccb-anim: cookiebar-bottom-out; }
@media (min-width: 768px) {
body#top .contao-cookiebar .cc-btn { margin-bottom: 0px; width: auto; }
body#top .cc-inner { max-width: var(--ccb-max-width,750px); }
}
@media (forced-colors) {
body#top .cc-inner,
body#top .contao-cookiebar input + label::after { border: 1px solid; }
body#top input.cc-group-half + label::after { margin-left: 9px; }
}
@media (prefers-reduced-motion) {
body#top .contao-cookiebar { --ccb-anim-duration: 2s; }
}
@media print {
body#top .contao-cookiebar { opacity: 0; }
}
@keyframes cookiebar-overlay-in {
0% { background: transparent; }
100% { background: var(--ccb-backdrop); }
}
@keyframes cookiebar-overlay-out {
0% { background: var(--ccb-backdrop); }
100% { background: transparent; visibility: hidden; }
}
@keyframes cookiebar-top-in {
0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes cookiebar-top-out {
0% { opacity: 1; transform: translateY(0px); visibility: visible; }
100% { opacity: 0; transform: translateY(-100%); visibility: hidden; }
}
@keyframes cookiebar-middle-in {
0% { opacity: 0; transform: scale(0); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes cookiebar-middle-out {
0% { opacity: 1; transform: scale(1); visibility: visible; }
100% { opacity: 0; transform: scale(0); visibility: hidden; }
}
@keyframes cookiebar-bottom-in {
0% { opacity: 0; transform: translateY(100%); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes cookiebar-bottom-out {
0% { opacity: 1; transform: translateY(0px); visibility: visible; }
100% { opacity: 0; transform: translateY(100%); visibility: hidden; }
}
body#top .cc-group { display: flex; flex-wrap: wrap; place-content: center space-between; }
body#top .cc-group > label { flex-grow: 1; margin: 5px 0px 5px 10px; }
body#top .cc-cookies { display: none; width: 100%; }
body#top .cc-detail-btn { line-height: 1.2rem; padding: 8px 10px; }
body#top .cc-detail-btn-details { margin: 0px 0px 10px; padding: 0px; text-decoration: underline; }
body#top .cc-detail-btn,
body#top .cc-detail-btn-details { background: transparent; border: 0px; color: var(--ccb-detail-clr,#a2a2a2); cursor: pointer; display: inline-block; font-size: 13px; letter-spacing: 0px; outline: none 0px; text-transform: none; }
body#top .cc-active.cc-detail-btn span:first-child,
body#top .cc-active.cc-detail-btn-details span:first-child,
body#top .cc-detail-btn span:nth-child(2),
body#top .cc-detail-btn-details span:nth-child(2) { display: none; }
body#top .cc-active.cc-detail-btn span:nth-child(2),
body#top .cc-active.cc-detail-btn-details span:nth-child(2) { display: inline; }
body#top .cc-detail-btn-details:hover,
body#top .cc-detail-btn:hover { background: transparent; color: var(--ccb-detail-clr-hvr,#717171); }
body#top .grid-info { border: 1px solid rgb(255, 255, 255); background: rgb(233, 236, 239) !important; }
body#top .row,
body#top :is(.flexbox, .d-flex) { display: flex; flex-wrap: wrap; }
body#top :is(:is([class*="grid-"], [class*="col-"]), [class*="col-"]) { float: left; min-height: 1px; }
body#top #main,
body#top #left,
body#top #right { float: left; position: relative; }
@media screen and (min-width: 1300px) {
body#top .width-lg,
body#top :is(.xlg-width-lg, .container-xl-lg) { margin: 0px auto; width: 100%; }
body#top.boxed .width-lg,
body#top.boxed :is(.xlg-width-lg, .container-xl-lg) { width: 1240px; }
body#top .width-md,
body#top :is(.xlg-width-md, .container-xl-md) { margin: 0px auto; width: 80%; }
body#top.boxed .width-md,
body#top.boxed :is(.xlg-width-md, .container-xl-md) { width: 992px; }
body#top .width-sm,
body#top :is(.xlg-width-sm, .container-xl-sm) { margin: 0px auto; width: 60%; }
body#top.boxed .width-sm,
body#top.boxed :is(.xlg-width-sm, .container-xl-sm) { width: 744px; }
body#top :is(.fullwidth, .width-fluid),
body#top :is(.xlg-fullwidth, .container-xl-fluid) { width: 100%; }
body#top .header-left #header,
body#top .header-right #header { height: 100%; position: fixed; width: 270px; }
body#top .header-right #header { left: auto; right: 0px; }
body#top .column-both #container,
body#top .column-left #container,
body#top .column-right #container,
body#top .header-left #teaser,
body#top .header-left #container,
body#top .header-left #unterzeile,
body#top .header-left #footer { margin: 0px auto; padding-left: 270px; width: 100%; }
body#top .header-right #teaser,
body#top .header-right #container,
body#top .header-right #unterzeile,
body#top .header-right #footer { margin: 0px auto; padding-right: 270px; width: 100%; }
body#top .column-both.boxed #container,
body#top .column-left.boxed #container,
body#top .column-right.boxed #container { width: 1270px; }
body#top .column-right.boxed #container { padding-left: 0px; }
body#top .column-both #main,
body#top .column-left #main,
body#top .column-right #main { width: calc(100% - 270px); }
body#top .column-both.boxed #main { width: 730px; }
body#top .column-left.boxed #main,
body#top .column-right.boxed #main { width: 1000px; }
body#top .column-both #left,
body#top .column-both #right,
body#top .column-left #left,
body#top .column-right #right { width: 270px; }
body#top .column-left #main,
body#top .column-left #left { float: right; }
body#top .column-both.boxed #main .width-lg,
body#top .column-both.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-both.boxed #main :is(.xlg-width-lg, .container-xl-lg),
body#top .column-both.boxed #main :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-left.boxed #main .width-lg,
body#top .column-right.boxed #main .width-lg,
body#top .column-left.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-right.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-left.boxed #main :is(.xlg-width-lg, .container-xl-lg),
body#top .column-right.boxed #main :is(.xlg-width-lg, .container-xl-lg),
body#top .column-left.boxed #main :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-right.boxed #main :is(.xlg-fullwidth, .container-xl-fluid) { padding: 0px 15px; width: 100%; }
body#top .column-both #main .width-md,
body#top .column-left #main .width-md,
body#top .column-right #main .width-md,
body#top .column-both #main :is(.xlg-width-md, .container-xl-md),
body#top .column-left #main :is(.xlg-width-md, .container-xl-md),
body#top .column-right #main :is(.xlg-width-md, .container-xl-md) { width: 80%; }
body#top .column-both #main .width-sm,
body#top .column-left #main .width-sm,
body#top .column-right #main .width-sm,
body#top .column-both #main :is(.xlg-width-sm, .container-xl-sm),
body#top .column-left #main :is(.xlg-width-sm, .container-xl-sm),
body#top .column-right #main :is(.xlg-width-sm, .container-xl-sm) { width: 60%; }
body#top .column-both #left .width-lg,
body#top .column-left #left .width-lg,
body#top .column-right #left .width-lg,
body#top .column-both #right .width-lg,
body#top .column-left #right .width-lg,
body#top .column-right #right .width-lg,
body#top .column-both #left :is(.xlg-width-lg, .container-xl-lg),
body#top .column-left #left :is(.xlg-width-lg, .container-xl-lg),
body#top .column-right #left :is(.xlg-width-lg, .container-xl-lg),
body#top .column-both #right :is(.xlg-width-lg, .container-xl-lg),
body#top .column-left #right :is(.xlg-width-lg, .container-xl-lg),
body#top .column-right #right :is(.xlg-width-lg, .container-xl-lg),
body#top .column-both #left .width-md,
body#top .column-left #left .width-md,
body#top .column-right #left .width-md,
body#top .column-both #right .width-md,
body#top .column-left #right .width-md,
body#top .column-right #right .width-md,
body#top .column-both #left :is(.xlg-width-md, .container-xl-md),
body#top .column-left #left :is(.xlg-width-md, .container-xl-md),
body#top .column-right #left :is(.xlg-width-md, .container-xl-md),
body#top .column-both #right :is(.xlg-width-md, .container-xl-md),
body#top .column-left #right :is(.xlg-width-md, .container-xl-md),
body#top .column-right #right :is(.xlg-width-md, .container-xl-md),
body#top .column-both #left .width-sm,
body#top .column-left #left .width-sm,
body#top .column-right #left .width-sm,
body#top .column-both #right .width-sm,
body#top .column-left #right .width-sm,
body#top .column-right #right .width-sm,
body#top .column-both #left :is(.xlg-width-sm, .container-xl-sm),
body#top .column-left #left :is(.xlg-width-sm, .container-xl-sm),
body#top .column-right #left :is(.xlg-width-sm, .container-xl-sm),
body#top .column-both #right :is(.xlg-width-sm, .container-xl-sm),
body#top .column-left #right :is(.xlg-width-sm, .container-xl-sm),
body#top .column-right #right :is(.xlg-width-sm, .container-xl-sm),
body#top .column-both #left :is(.fullwidth, .width-fluid),
body#top .column-left #left :is(.fullwidth, .width-fluid),
body#top .column-right #left :is(.fullwidth, .width-fluid),
body#top .column-both #right :is(.fullwidth, .width-fluid),
body#top .column-left #right :is(.fullwidth, .width-fluid),
body#top .column-right #right :is(.fullwidth, .width-fluid),
body#top .column-both #left :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-left #left :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-right #left :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-both #right :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-left #right :is(.xlg-fullwidth, .container-xl-fluid),
body#top .column-right #right :is(.xlg-fullwidth, .container-xl-fluid) { padding: 0px 15px; width: 100%; }
body#top.boxed .row { margin-left: -15px; margin-right: -15px; }
body#top.boxed :is(.fullwidth, .width-fluid) .row,
body#top.boxed :is(.xlg-fullwidth, .container-xl-fluid) .row { margin-left: 0px; margin-right: 0px; }
body#top :is(.row-xlg-bottom-offset-xlg, .pb-xl-5) { padding-bottom: 55px; }
body#top :is(.row-xlg-bottom-offset-lg, .pb-xl-4) { padding-bottom: 45px; }
body#top :is(.row-xlg-bottom-offset-md, .pb-xl-3) { padding-bottom: 35px; }
body#top :is(.row-xlg-bottom-offset-sm, .pb-xl-2) { padding-bottom: 25px; }
body#top :is(.row-xlg-bottom-offset-xsm, .pb-xl-1) { padding-bottom: 15px; }
body#top :is(.row-xlg-top-offset-xlg, .pt-xl-5) { padding-top: 55px; }
body#top :is(.row-xlg-top-offset-lg, .pt-xl-4) { padding-top: 45px; }
body#top :is(.row-xlg-top-offset-md, .pt-xl-3) { padding-top: 35px; }
body#top :is(.row-xlg-top-offset-sm, .pt-xl-2) { padding-top: 25px; }
body#top :is(.row-xlg-top-offset-xsm, .pt-xl-1) { padding-top: 15px; }
body#top :is(.col-xlg-no-offset, .p-xl-0) { padding: 0px !important; }
body#top :is(.col-xlg-bottom-no-offset, .pb-xl-0) { padding-bottom: 0px !important; }
body#top :is(.col-xlg-left-no-offset, .ps-xl-0) { padding-left: 0px !important; }
body#top :is(.col-xlg-right-no-offset, .pe-xl-0) { padding-right: 0px !important; }
body#top :is(.col-xlg-top-no-offset, .pt-xl-0) { padding-top: 0px !important; }
body#top :is(:is([class*="grid-"], [class*="col-"]), [class*="col-"]) { padding: 15px; }
body#top :is(.grid-xlg-0, .col-xl-0) { display: none; }
body#top :is(.grid-xlg-1, .col-xl-1) { width: 8.33333%; }
body#top :is(.grid-xlg-2, .col-xl-2) { width: 16.6667%; }
body#top :is(.grid-xlg-3, .col-xl-3) { width: 25%; }
body#top :is(.grid-xlg-4, .col-xl-4) { width: 33.3333%; }
body#top :is(.grid-xlg-5, .col-xl-5) { width: 41.6667%; }
body#top :is(.grid-xlg-6, .col-xl-6) { width: 50%; }
body#top :is(.grid-xlg-7, .col-xl-7) { width: 58.3333%; }
body#top :is(.grid-xlg-8, .col-xl-8) { width: 66.6667%; }
body#top :is(.grid-xlg-9, .col-xl-9) { width: 75%; }
body#top :is(.grid-xlg-10, .col-xl-10) { width: 83.3333%; }
body#top :is(.grid-xlg-11, .col-xl-11) { width: 91.6667%; }
body#top :is(.grid-xlg-12, .col-xl-12) { width: 100%; }
}
@media screen and (max-width: 1299px) and (min-width: 1040px) {
body#top .width-lg,
body#top :is(.lg-width-lg, .container-lg-lg) { margin: 0px auto; width: 100%; }
body#top.boxed .width-lg,
body#top.boxed :is(.lg-width-lg, .container-lg-lg) { width: 980px; }
body#top .width-md,
body#top :is(.lg-width-md, .container-lg-md) { margin: 0px auto; width: 80%; }
body#top.boxed .width-md,
body#top.boxed :is(.lg-width-md, .container-lg-md) { width: 784px; }
body#top .width-sm,
body#top :is(.lg-width-sm, .container-lg-sm) { margin: 0px auto; width: 60%; }
body#top.boxed .width-sm,
body#top.boxed :is(.lg-width-sm, .container-lg-sm) { width: 588px; }
body#top :is(.fullwidth, .width-fluid),
body#top :is(.lg-fullwidth, .container-lg-fluid) { width: 100%; }
body#top .header-left #header,
body#top .header-right #header { height: 100%; position: fixed; width: 235px; }
body#top .header-right #header { left: auto; right: 0px; }
body#top .column-both #container,
body#top .column-left #container,
body#top .column-right #container,
body#top .header-left #teaser,
body#top .header-left #container,
body#top .header-left #unterzeile,
body#top .header-left #footer { margin: 0px auto; padding-left: 235px; width: 100%; }
body#top .header-right #teaser,
body#top .header-right #container,
body#top .header-right #unterzeile,
body#top .header-right #footer { margin: 0px auto; padding-right: 235px; width: 100%; }
body#top .column-both.boxed #container,
body#top .column-left.boxed #container,
body#top .column-right.boxed #container { width: 1010px; }
body#top .column-right.boxed #container { padding-left: 0px; }
body#top .column-both #main,
body#top .column-left #main,
body#top .column-right #main { width: calc(100% - 235px); }
body#top .column-both.boxed #main { width: 540px; }
body#top .column-left.boxed #main,
body#top .column-right.boxed #main { width: 775px; }
body#top .column-both #left,
body#top .column-both #right,
body#top .column-left #left,
body#top .column-right #right { width: 235px; }
body#top .column-left #main,
body#top .column-left #left { float: right; }
body#top .column-both.boxed #main .width-lg,
body#top .column-both.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-both.boxed #main :is(.lg-width-lg, .container-lg-lg),
body#top .column-both.boxed #main :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-left.boxed #main .width-lg,
body#top .column-right.boxed #main .width-lg,
body#top .column-left.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-right.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-left.boxed #main :is(.lg-width-lg, .container-lg-lg),
body#top .column-right.boxed #main :is(.lg-width-lg, .container-lg-lg),
body#top .column-left.boxed #main :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-right.boxed #main :is(.lg-fullwidth, .container-lg-fluid) { padding: 0px 15px; width: 100%; }
body#top .column-both #main .width-md,
body#top .column-left #main .width-md,
body#top .column-right #main .width-md,
body#top .column-both #main :is(.lg-width-md, .container-lg-md),
body#top .column-left #main :is(.lg-width-md, .container-lg-md),
body#top .column-right #main :is(.lg-width-md, .container-lg-md) { width: 80%; }
body#top .column-both #main .width-sm,
body#top .column-left #main .width-sm,
body#top .column-right #main .width-sm,
body#top .column-both #main :is(.lg-width-sm, .container-lg-sm),
body#top .column-left #main :is(.lg-width-sm, .container-lg-sm),
body#top .column-right #main :is(.lg-width-sm, .container-lg-sm) { width: 60%; }
body#top .column-both #left .width-lg,
body#top .column-left #left .width-lg,
body#top .column-right #left .width-lg,
body#top .column-both #right .width-lg,
body#top .column-left #right .width-lg,
body#top .column-right #right .width-lg,
body#top .column-both #left :is(.lg-width-lg, .container-lg-lg),
body#top .column-left #left :is(.lg-width-lg, .container-lg-lg),
body#top .column-right #left :is(.lg-width-lg, .container-lg-lg),
body#top .column-both #right :is(.lg-width-lg, .container-lg-lg),
body#top .column-left #right :is(.lg-width-lg, .container-lg-lg),
body#top .column-right #right :is(.lg-width-lg, .container-lg-lg),
body#top .column-both #left .width-md,
body#top .column-left #left .width-md,
body#top .column-right #left .width-md,
body#top .column-both #right .width-md,
body#top .column-left #right .width-md,
body#top .column-right #right .width-md,
body#top .column-both #left :is(.lg-width-md, .container-lg-md),
body#top .column-left #left :is(.lg-width-md, .container-lg-md),
body#top .column-right #left :is(.lg-width-md, .container-lg-md),
body#top .column-both #right :is(.lg-width-md, .container-lg-md),
body#top .column-left #right :is(.lg-width-md, .container-lg-md),
body#top .column-right #right :is(.lg-width-md, .container-lg-md),
body#top .column-both #left .width-sm,
body#top .column-left #left .width-sm,
body#top .column-right #left .width-sm,
body#top .column-both #right .width-sm,
body#top .column-left #right .width-sm,
body#top .column-right #right .width-sm,
body#top .column-both #left :is(.lg-width-sm, .container-lg-sm),
body#top .column-left #left :is(.lg-width-sm, .container-lg-sm),
body#top .column-right #left :is(.lg-width-sm, .container-lg-sm),
body#top .column-both #right :is(.lg-width-sm, .container-lg-sm),
body#top .column-left #right :is(.lg-width-sm, .container-lg-sm),
body#top .column-right #right :is(.lg-width-sm, .container-lg-sm),
body#top .column-both #left :is(.fullwidth, .width-fluid),
body#top .column-left #left :is(.fullwidth, .width-fluid),
body#top .column-right #left :is(.fullwidth, .width-fluid),
body#top .column-both #right :is(.fullwidth, .width-fluid),
body#top .column-left #right :is(.fullwidth, .width-fluid),
body#top .column-right #right :is(.fullwidth, .width-fluid),
body#top .column-both #left :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-left #left :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-right #left :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-both #right :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-left #right :is(.lg-fullwidth, .container-lg-fluid),
body#top .column-right #right :is(.lg-fullwidth, .container-lg-fluid) { padding: 0px 15px; width: 100%; }
body#top.boxed .row { margin-left: -15px; margin-right: -15px; }
body#top.boxed :is(.fullwidth, .width-fluid) .row,
body#top.boxed :is(.lg-fullwidth, .container-lg-fluid) .row { margin-left: 0px; margin-right: 0px; }
body#top :is(.row-lg-bottom-offset-xlg, .pb-lg-5) { padding-bottom: 55px; }
body#top :is(.row-lg-bottom-offset-lg, .pb-lg-4) { padding-bottom: 45px; }
body#top :is(.row-lg-bottom-offset-md, .pb-lg-3) { padding-bottom: 35px; }
body#top :is(.row-lg-bottom-offset-sm, .pb-lg-2) { padding-bottom: 25px; }
body#top :is(.row-lg-bottom-offset-xsm, .pb-lg-1) { padding-bottom: 15px; }
body#top :is(.row-lg-top-offset-xlg, .pt-lg-5) { padding-top: 55px; }
body#top :is(.row-lg-top-offset-lg, .pt-lg-4) { padding-top: 45px; }
body#top :is(.row-lg-top-offset-md, .pt-lg-3) { padding-top: 35px; }
body#top :is(.row-lg-top-offset-sm, .pt-lg-2) { padding-top: 25px; }
body#top :is(.row-lg-top-offset-xsm, .pt-lg-1) { padding-top: 15px; }
body#top :is(.col-lg-no-offset, .p-lg-0) { padding: 0px !important; }
body#top :is(.col-lg-bottom-no-offset, .pb-lg-0) { padding-bottom: 0px !important; }
body#top :is(.col-lg-left-no-offset, .ps-lg-0) { padding-left: 0px !important; }
body#top :is(.col-lg-right-no-offset, .pe-lg-0) { padding-right: 0px !important; }
body#top :is(.col-lg-top-no-offset, .pt-lg-0) { padding-top: 0px !important; }
body#top :is(:is([class*="grid-"], [class*="col-"]), [class*="col-"]) { padding: 15px; }
body#top :is(.grid-lg-0, .col-lg-0) { display: none; }
body#top :is(.grid-lg-1, .col-lg-1) { width: 8.33333%; }
body#top :is(.grid-lg-2, .col-lg-2) { width: 16.6667%; }
body#top :is(.grid-lg-3, .col-lg-3) { width: 25%; }
body#top :is(.grid-lg-4, .col-lg-4) { width: 33.3333%; }
body#top :is(.grid-lg-5, .col-lg-5) { width: 41.6667%; }
body#top :is(.grid-lg-6, .col-lg-6) { width: 50%; }
body#top :is(.grid-lg-7, .col-lg-7) { width: 58.3333%; }
body#top :is(.grid-lg-8, .col-lg-8) { width: 66.6667%; }
body#top :is(.grid-lg-9, .col-lg-9) { width: 75%; }
body#top :is(.grid-lg-10, .col-lg-10) { width: 83.3333%; }
body#top :is(.grid-lg-11, .col-lg-11) { width: 91.6667%; }
body#top :is(.grid-lg-12, .col-lg-12) { width: 100%; }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
body#top .width-lg,
body#top :is(.md-width-lg, .container-md-lg) { margin: 0px auto; width: 100%; }
body#top.boxed .width-lg,
body#top.boxed :is(.md-width-lg, .container-md-lg) { width: 720px; }
body#top .width-md,
body#top :is(.md-width-md, .container-md-md) { margin: 0px auto; width: 80%; }
body#top.boxed .width-md,
body#top.boxed :is(.md-width-md, .container-md-md) { width: 576px; }
body#top .width-sm,
body#top :is(.md-width-sm, .container-md-sm) { margin: 0px auto; width: 60%; }
body#top.boxed .width-sm,
body#top.boxed :is(.md-width-sm, .container-md-sm) { width: 432px; }
body#top :is(.fullwidth, .width-fluid),
body#top :is(.md-fullwidth, .container-md-fluid) { width: 100%; }
body#top .header-left #header,
body#top .header-right #header { height: 100%; position: fixed; width: 185px; }
body#top .header-right #header { left: auto; right: 0px; }
body#top .column-both #container,
body#top .column-left #container,
body#top .column-right #container,
body#top .header-left #teaser,
body#top .header-left #container,
body#top .header-left #unterzeile,
body#top .header-left #footer { margin: 0px auto; padding-left: 185px; width: 100%; }
body#top .header-right #teaser,
body#top .header-right #container,
body#top .header-right #unterzeile,
body#top .header-right #footer { margin: 0px auto; padding-right: 185px; width: 100%; }
body#top .column-both.boxed #container,
body#top .column-left.boxed #container,
body#top .column-right.boxed #container { width: 740px; }
body#top .column-right.boxed #container { padding-left: 0px; }
body#top .column-both #main,
body#top .column-left #main,
body#top .column-right #main { width: calc(100% - 185px); }
body#top .column-both.boxed #main { width: 370px; }
body#top .column-left.boxed #main,
body#top .column-right.boxed #main { width: 555px; }
body#top .column-both #left,
body#top .column-both #right,
body#top .column-left #left,
body#top .column-right #right { width: 185px; }
body#top .column-left #main,
body#top .column-left #left { float: right; }
body#top .column-both.boxed #main .width-lg,
body#top .column-both.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-both.boxed #main :is(.md-width-lg, .container-md-lg),
body#top .column-both.boxed #main :is(.md-fullwidth, .container-md-fluid),
body#top .column-left.boxed #main .width-lg,
body#top .column-right.boxed #main .width-lg,
body#top .column-left.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-right.boxed #main :is(.fullwidth, .width-fluid),
body#top .column-left.boxed #main :is(.md-width-lg, .container-md-lg),
body#top .column-right.boxed #main :is(.md-width-lg, .container-md-lg),
body#top .column-left.boxed #main :is(.md-fullwidth, .container-md-fluid),
body#top .column-right.boxed #main :is(.md-fullwidth, .container-md-fluid) { padding: 0px 10px; width: 100%; }
body#top .column-both #main .width-md,
body#top .column-left #main .width-md,
body#top .column-right #main .width-md,
body#top .column-both #main :is(.md-width-md, .container-md-md),
body#top .column-left #main :is(.md-width-md, .container-md-md),
body#top .column-right #main :is(.md-width-md, .container-md-md) { width: 80%; }
body#top .column-both #main .width-sm,
body#top .column-left #main .width-sm,
body#top .column-right #main .width-sm,
body#top .column-both #main :is(.md-width-sm, .container-md-sm),
body#top .column-left #main :is(.md-width-sm, .container-md-sm),
body#top .column-right #main :is(.md-width-sm, .container-md-sm) { width: 60%; }
body#top .column-both #left .width-lg,
body#top .column-left #left .width-lg,
body#top .column-right #left .width-lg,
body#top .column-both #right .width-lg,
body#top .column-left #right .width-lg,
body#top .column-right #right .width-lg,
body#top .column-both #left :is(.md-width-lg, .container-md-lg),
body#top .column-left #left :is(.md-width-lg, .container-md-lg),
body#top .column-right #left :is(.md-width-lg, .container-md-lg),
body#top .column-both #right :is(.md-width-lg, .container-md-lg),
body#top .column-left #right :is(.md-width-lg, .container-md-lg),
body#top .column-right #right :is(.md-width-lg, .container-md-lg),
body#top .column-both #left .width-md,
body#top .column-left #left .width-md,
body#top .column-right #left .width-md,
body#top .column-both #right .width-md,
body#top .column-left #right .width-md,
body#top .column-right #right .width-md,
body#top .column-both #left :is(.md-width-md, .container-md-md),
body#top .column-left #left :is(.md-width-md, .container-md-md),
body#top .column-right #left :is(.md-width-md, .container-md-md),
body#top .column-both #right :is(.md-width-md, .container-md-md),
body#top .column-left #right :is(.md-width-md, .container-md-md),
body#top .column-right #right :is(.md-width-md, .container-md-md),
body#top .column-both #left .width-sm,
body#top .column-left #left .width-sm,
body#top .column-right #left .width-sm,
body#top .column-both #right .width-sm,
body#top .column-left #right .width-sm,
body#top .column-right #right .width-sm,
body#top .column-both #left :is(.md-width-sm, .container-md-sm),
body#top .column-left #left :is(.md-width-sm, .container-md-sm),
body#top .column-right #left :is(.md-width-sm, .container-md-sm),
body#top .column-both #right :is(.md-width-sm, .container-md-sm),
body#top .column-left #right :is(.md-width-sm, .container-md-sm),
body#top .column-right #right :is(.md-width-sm, .container-md-sm),
body#top .column-both #left :is(.fullwidth, .width-fluid),
body#top .column-left #left :is(.fullwidth, .width-fluid),
body#top .column-right #left :is(.fullwidth, .width-fluid),
body#top .column-both #right :is(.fullwidth, .width-fluid),
body#top .column-left #right :is(.fullwidth, .width-fluid),
body#top .column-right #right :is(.fullwidth, .width-fluid),
body#top .column-both #left :is(.md-fullwidth, .container-md-fluid),
body#top .column-left #left :is(.md-fullwidth, .container-md-fluid),
body#top .column-right #left :is(.md-fullwidth, .container-md-fluid),
body#top .column-both #right :is(.md-fullwidth, .container-md-fluid),
body#top .column-left #right :is(.md-fullwidth, .container-md-fluid),
body#top .column-right #right :is(.md-fullwidth, .container-md-fluid) { padding: 0px 10px; width: 100%; }
body#top.boxed .row { margin-left: -10px; margin-right: -10px; }
body#top.boxed :is(.fullwidth, .width-fluid) .row,
body#top.boxed :is(.md-fullwidth, .container-md-fluid) .row { margin-left: 0px; margin-right: 0px; }
body#top :is(.row-md-bottom-offset-xlg, .pb-md-5) { padding-bottom: 55px; }
body#top :is(.row-md-bottom-offset-lg, .pb-md-4) { padding-bottom: 45px; }
body#top :is(.row-md-bottom-offset-md, .pb-md-3) { padding-bottom: 35px; }
body#top :is(.row-md-bottom-offset-sm, .pb-md-2) { padding-bottom: 25px; }
body#top :is(.row-md-bottom-offset-xsm, .pb-md-1) { padding-bottom: 15px; }
body#top :is(.row-md-top-offset-xlg, .pt-md-5) { padding-top: 55px; }
body#top :is(.row-md-top-offset-lg, .pt-md-4) { padding-top: 45px; }
body#top :is(.row-md-top-offset-md, .pt-md-3) { padding-top: 35px; }
body#top :is(.row-md-top-offset-sm, .pt-md-2) { padding-top: 25px; }
body#top :is(.row-md-top-offset-xsm, .pt-md-1) { padding-top: 15px; }
body#top :is(.col-md-no-offset, .p-md-0) { padding: 0px !important; }
body#top :is(.col-md-bottom-no-offset, .pb-md-0) { padding-bottom: 0px !important; }
body#top :is(.col-md-left-no-offset, .ps-md-0) { padding-left: 0px !important; }
body#top :is(.col-md-right-no-offset, .pe-md-0) { padding-right: 0px !important; }
body#top :is(.col-md-top-no-offset, .pt-md-0) { padding-top: 0px !important; }
body#top :is(:is([class*="grid-"], [class*="col-"]), [class*="col-"]) { padding: 10px; }
body#top :is(.grid-md-0, .col-md-0) { display: none; }
body#top :is(.grid-md-1, .col-md-1) { width: 8.33333%; }
body#top :is(.grid-md-2, .col-md-2) { width: 16.6667%; }
body#top :is(.grid-md-3, .col-md-3) { width: 25%; }
body#top :is(.grid-md-4, .col-md-4) { width: 33.3333%; }
body#top :is(.grid-md-5, .col-md-5) { width: 41.6667%; }
body#top :is(.grid-md-6, .col-md-6) { width: 50%; }
body#top :is(.grid-md-7, .col-md-7) { width: 58.3333%; }
body#top :is(.grid-md-8, .col-md-8) { width: 66.6667%; }
body#top :is(.grid-md-9, .col-md-9) { width: 75%; }
body#top :is(.grid-md-10, .col-md-10) { width: 83.3333%; }
body#top :is(.grid-md-11, .col-md-11) { width: 91.6667%; }
body#top :is(.grid-md-12, .col-md-12) { width: 100%; }
}
@media screen and (max-width: 779px) and (min-width: 520px) {
body#top .width-lg,
body#top :is(.sm-width-lg, .container-sm-lg),
body#top :is(.fullwidth, .width-fluid),
body#top :is(.sm-fullwidth, .container-sm-fluid) { width: 100%; }
body#top .width-md,
body#top :is(.sm-width-md, .container-sm-md) { margin: 0px auto; width: 80%; }
body#top .width-sm,
body#top :is(.sm-width-sm, .container-sm-sm) { margin: 0px auto; width: 60%; }
body#top #main,
body#top #left,
body#top #right { float: none; margin-left: 0px; margin-right: 0px; }
body#top :is(.row-sm-bottom-offset-xlg, .pb-sm-5) { padding-bottom: 55px; }
body#top :is(.row-sm-bottom-offset-lg, .pb-sm-4) { padding-bottom: 45px; }
body#top :is(.row-sm-bottom-offset-md, .pb-sm-3) { padding-bottom: 35px; }
body#top :is(.row-sm-bottom-offset-sm, .pb-sm-2) { padding-bottom: 25px; }
body#top :is(.row-sm-bottom-offset-xsm, .pb-sm-1) { padding-bottom: 15px; }
body#top :is(.row-sm-top-offset-xlg, .pt-sm-5) { padding-top: 55px; }
body#top :is(.row-sm-top-offset-lg, .pt-sm-4) { padding-top: 45px; }
body#top :is(.row-sm-top-offset-md, .pt-sm-3) { padding-top: 35px; }
body#top :is(.row-sm-top-offset-sm, .pt-sm-2) { padding-top: 25px; }
body#top :is(.row-sm-top-offset-xsm, .pt-sm-1) { padding-top: 15px; }
body#top :is(.col-sm-no-offset, .p-sm-0) { padding: 0px !important; }
body#top :is(.col-sm-bottom-no-offset, .pb-sm-0) { padding-bottom: 0px !important; }
body#top :is(.col-sm-left-no-offset, .ps-sm-0) { padding-left: 0px !important; }
body#top :is(.col-sm-right-no-offset, .pe-sm-0) { padding-right: 0px !important; }
body#top :is(.col-sm-top-no-offset, .pt-sm-0) { padding-top: 0px !important; }
body#top :is(:is([class*="grid-"], [class*="col-"]), [class*="col-"]) { padding: 10px; }
body#top :is(.grid-sm-0, .col-sm-0) { display: none; }
body#top :is(.grid-sm-1, .col-sm-1) { width: 8.33333%; }
body#top :is(.grid-sm-2, .col-sm-2) { width: 16.6667%; }
body#top :is(.grid-sm-3, .col-sm-3) { width: 25%; }
body#top :is(.grid-sm-4, .col-sm-4) { width: 33.3333%; }
body#top :is(.grid-sm-5, .col-sm-5) { width: 41.6667%; }
body#top :is(.grid-sm-6, .col-sm-6) { width: 50%; }
body#top :is(.grid-sm-7, .col-sm-7) { width: 58.3333%; }
body#top :is(.grid-sm-8, .col-sm-8) { width: 66.6667%; }
body#top :is(.grid-sm-9, .col-sm-9) { width: 75%; }
body#top :is(.grid-sm-10, .col-sm-10) { width: 83.3333%; }
body#top :is(.grid-sm-11, .col-sm-11) { width: 91.6667%; }
body#top :is(.grid-sm-12, .col-sm-12) { width: 100%; }
}
@media screen and (max-width: 519px) {
body#top .width-lg,
body#top :is(.xsm-width-lg, .container-xs-lg),
body#top :is(.fullwidth, .width-fluid),
body#top :is(.xsm-fullwidth, .container-xs-fluid) { width: 100%; }
body#top .width-md,
body#top :is(.xsm-width-md, .container-xs-md) { margin: 0px auto; width: 80%; }
body#top .width-sm,
body#top :is(.xsm-width-sm, .container-xs-sm) { margin: 0px auto; width: 60%; }
body#top #main,
body#top #left,
body#top #right { float: none; margin-left: 0px; margin-right: 0px; }
body#top :is(.row-xsm-bottom-offset-xlg, .pb-5) { padding-bottom: 55px; }
body#top :is(.row-xsm-bottom-offset-lg, .pb-4) { padding-bottom: 45px; }
body#top :is(.row-xsm-bottom-offset-md, .pb-3) { padding-bottom: 35px; }
body#top :is(.row-xsm-bottom-offset-sm, .pb-2) { padding-bottom: 25px; }
body#top :is(.row-xsm-bottom-offset-xsm, .pb-1) { padding-bottom: 15px; }
body#top :is(.row-xsm-top-offset-xlg, .pt-5) { padding-top: 55px; }
body#top :is(.row-xsm-top-offset-lg, .pt-4) { padding-top: 45px; }
body#top :is(.row-xsm-top-offset-md, .pt-3) { padding-top: 35px; }
body#top :is(.row-xsm-top-offset-sm, .pt-2) { padding-top: 25px; }
body#top :is(.row-xsm-top-offset-xsm, .pt-1) { padding-top: 15px; }
body#top :is(.col-xsm-no-offset, .p-0) { padding: 0px !important; }
body#top :is(.col-xsm-bottom-no-offset, .pb-0) { padding-bottom: 0px !important; }
body#top :is(.col-xsm-left-no-offset, .ps-0) { padding-left: 0px !important; }
body#top :is(.col-xsm-right-no-offset, .pe-0) { padding-right: 0px !important; }
body#top :is(.col-xsm-top-no-offset, .pt-0) { padding-top: 0px !important; }
body#top :is(:is([class*="grid-"], [class*="col-"]), [class*="col-"]) { padding: 10px; }
body#top :is(.grid-xsm-0, .col-xs-0) { display: none; }
body#top :is(.grid-xsm-1, .col-1) { width: 8.33333%; }
body#top :is(.grid-xsm-2, .col-2) { width: 16.6667%; }
body#top :is(.grid-xsm-3, .col-3) { width: 25%; }
body#top :is(.grid-xsm-4, .col-4) { width: 33.3333%; }
body#top :is(.grid-xsm-5, .col-5) { width: 41.6667%; }
body#top :is(.grid-xsm-6, .col-6) { width: 50%; }
body#top :is(.grid-xsm-7, .col-7) { width: 58.3333%; }
body#top :is(.grid-xsm-8, .col-8) { width: 66.6667%; }
body#top :is(.grid-xsm-9, .col-9) { width: 75%; }
body#top :is(.grid-xsm-10, .col-10) { width: 83.3333%; }
body#top :is(.grid-xsm-11, .col-11) { width: 91.6667%; }
body#top :is(.grid-xsm-12, .col-12) { width: 100%; }
}
body#top * { box-sizing: border-box; }
body#top a,
body#top abbr,
body#top address,
body#top applet,
body#top article,
body#top aside,
body#top audio,
body#top b,
body#top big,
body#top blockquote,
body#top,
body#top canvas,
body#top caption,
body#top center,
body#top cite,
body#top code,
body#top dd,
body#top del,
body#top details,
body#top dfn,
body#top div,
body#top dl,
body#top dt,
body#top em,
body#top embed,
body#top fieldset,
body#top figcaption,
body#top figure,
body#top footer,
body#top form,
body#top h1,
body#top h2,
body#top h3,
body#top h4,
body#top h5,
body#top h6,
body#top header,
body#top hgroup,
html,
body#top i,
body#top iframe,
body#top img,
body#top input,
body#top kbd,
body#top label,
body#top legend,
body#top li,
body#top mark,
body#top menu,
body#top nav,
body#top object,
body#top ol,
body#top output,
body#top p,
body#top pre,
body#top q,
body#top ruby,
body#top s,
body#top samp,
body#top section,
body#top small,
body#top spanstrike,
body#top strong,
body#top sub,
body#top summary,
body#top sup,
body#top table,
body#top textarea,
body#top tbody,
body#top td,
body#top tfoot,
body#top th,
body#top thead,
body#top time,
body#top tr,
body#top tt,
body#top ul,
body#top var,
body#top video { border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 100%; margin: 0px; padding: 0px; vertical-align: baseline; }
body#top #container::after,
body#top article::after,
body#top aside::after,
body#top blockquote::after,
body#top details::after,
body#top figcaption::after,
body#top figure::after,
body#top footer::after,
body#top header::after,
body#top hgroup::after,
body#top menu::after,
body#top nav::after,
body#top q::after,
body#top section::after,
body#top .custom::after { clear: both; content: ""; display: table; }
body#top [class*="ce_"],
body#top [class*="content-"],
body#top [class*="mod_"] { position: relative; z-index: 0; }
html { min-height: 100%; overflow-y: scroll; position: relative; scroll-behavior: smooth; }
html.active { overflow-y: hidden; }
body#top article,
body#top aside,
body#top figcaption,
body#top figure,
body#top footer,
body#top header,
body#top main,
body#top nav,
body#top section,
body#top .custom { display: block; }
body#top fieldset,
body#top img,
body#top iframe { border: 0px; }
body#top img { border: 0px; display: block; height: auto; width: 100%; vertical-align: bottom; }
body#top .invisible,
body#top .anker,
body#top .content-anchor-element { border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 0px; line-height: 0; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 0px; }
body#top :is(.cover, .bg-cover) { background-size: cover !important; }
body#top [class*="content-"],
body#top [class*="ce_"] { overflow: hidden; }
body#top #clear,
body#top .clear { clear: both; }
body#top .fixed-on-header.fixed,
body#top .fixed-on-top.fixed { position: fixed; }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-regular.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-italic.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-700.woff2") format("woff2"); }
body#top,
body#top button,
body#top input:not([type="radio"]):not([type="checkbox"]),
body#top textarea,
body#top select { font-family: "Open Sans", sans-serif; font-size: 1rem; font-style: normal; line-height: 1.25; overflow-wrap: break-word; }
body#top h1,
body#top h2,
body#top h3,
body#top h4,
body#top h5,
body#top h6,
body#top p,
body#top ul,
body#top ol { padding: 7px 0px; }
body#top h1,
body#top h2,
body#top h3,
body#top h4,
body#top h5,
body#top h6,
body#top strong,
body#top .content-headline.standard { font-weight: 700; }
body#top h1,
body#top .content-headline.standard.headline-h1 { font-size: 2rem; }
body#top h2,
body#top .content-headline.standard.headline-h2 { font-size: 1.5rem; }
body#top h3,
body#top .content-headline.standard.headline-h3 { font-size: 1.375rem; }
body#top h4,
body#top .content-headline.standard.headline-h4 { font-size: 1.25rem; }
body#top h5,
body#top .content-headline.standard.headline-h5 { font-size: 1.125rem; }
body#top h6,
body#top .content-headline.standard.headline-h6 { font-size: 1rem; }
body#top small,
body#top .small,
body#top .mod_search .relevance { font-size: 65%; }
body#top button,
body#top p.button,
body#top input,
body#top select,
body#top textarea { font-family: inherit; font-size: 99%; font-weight: inherit; line-height: 1; }
body#top :is(.uppercase, .text-uppercase) { text-transform: uppercase; }
body#top .icon i,
body#top .icon svg,
body#top .icon span { border-color: transparent; border-style: solid; border-width: inherit; line-height: 1.25; overflow: visible; padding: 14px; }
body#top .icon span { display: inline-block; }
body#top .icon-xlg i,
body#top .icon-xlg svg,
body#top .icon-xlg span { font-size: 3.75rem; height: 94px; width: 94px; }
body#top .icon-lg i,
body#top .icon-lg svg,
body#top .icon-lg span { font-size: 3.125rem; height: 84px; width: 84px; }
body#top .icon-md i,
body#top .icon-md svg,
body#top .icon-md span { font-size: 2.5rem; height: 74px; width: 74px; }
body#top .icon-sm i,
body#top .icon-sm svg,
body#top .icon-sm span { font-size: 1.875rem; height: 64px; width: 64px; }
body#top .icon-xsm i,
body#top .icon-xsm svg,
body#top .icon-xsm span { font-size: 1.25rem; height: 54px; width: 54px; }
body#top .colorbox { inset: 0px; display: block; height: 100%; position: absolute; width: 100%; z-index: 0; }
body#top :is(.color-white, .text-white),
body#top button.button-dark,
body#top .button-dark p.button a,
body#top .button-dark button.submit,
body#top .content-toplink.button-dark a,
body#top .button-dark p.button a:hover,
body#top .content-toplink.button-dark a:hover,
body#top button.button-success,
body#top .button-success p.button a,
body#top .button-success button.submit,
body#top .content-toplink.button-success a,
body#top .button-success p.button a:hover,
body#top .content-toplink.button-success a:hover,
body#top button.button-info,
body#top .button-info p.button a,
body#top .button-info button.submit,
body#top .content-toplink.button-info a,
body#top .button-info p.button a:hover,
body#top .content-toplink.button-info a:hover,
body#top button.button-danger,
body#top .button-danger p.button a,
body#top .button-danger button.submit,
body#top .content-toplink.button-danger a,
body#top .button-danger p.button a:hover,
body#top .content-toplink.button-danger a:hover,
body#top button.button-primary,
body#top .button-primary p.button a,
body#top .button-primary button.submit,
body#top .content-toplink.button-primary a,
body#top .button-primary p.button a:hover,
body#top .content-toplink.button-primary a:hover,
body#top button.button-secondary,
body#top .button-secondary p.button a,
body#top .button-secondary button.submit,
body#top .content-toplink.button-secondary a,
body#top .button-secondary p.button a:hover,
body#top .content-toplink.button-secondary a:hover,
body#top .icon-white i,
body#top i.icon-white,
body#top .content-text abbr[title]:hover::before,
body#top .content-text kbd,
body#top kbd a,
body#top kbd a:hover,
body#top #colorbox #cboxClose::after,
body#top #colorbox #cboxPrevious::after,
body#top #colorbox #cboxNext::after,
body#top #colorbox #cboxCurrent,
body#top #colorbox #cboxTitle,
body#top .content-notice-box:is(.notice-box-black, .alert-black),
body#top .content-teaser-image .scrolldown:is(.color-white, .text-white) a,
body#top .content-quote-box.icon-white blockquote::before,
body#top nav[data-pagination] ol li a.active,
body#top .pagination ul li strong,
body#top .mod_calendar .calendar-body > div > div.today .label { color: rgb(255, 255, 255); }
body#top :is(.invert, .text-invert),
body#top :is(.invert, .text-invert) h1,
body#top :is(.invert, .text-invert) h1 a,
body#top :is(.invert, .text-invert) h2,
body#top :is(.invert, .text-invert) h2 a,
body#top :is(.invert, .text-invert) h3,
body#top :is(.invert, .text-invert) h3 a,
body#top :is(.invert, .text-invert) h4,
body#top :is(.invert, .text-invert) h4 a,
body#top :is(.invert, .text-invert) h5,
body#top :is(.invert, .text-invert) h5 a,
body#top :is(.invert, .text-invert) h6,
body#top :is(.invert, .text-invert) h6 a,
body#top :is(.invert, .text-invert) i:not(.icon-white, .icon-light, .icon-dark, .icon-black, .icon-success, .icon-info, .icon-warning, .icon-danger, .icon-primary, .icon-secondary),
body#top :is(.invert, .text-invert) li a,
body#top :is(.invert, .text-invert) p,
body#top :is(.invert, .text-invert) p:not(.button) a,
body#top :is(.invert, .text-invert) strong,
body#top .content-teaser-box.button-link :is(.invert, .text-invert) a,
body#top .content-teaser-box.button-link :is(.invert, .text-invert) a:hover,
body#top .content-teaser-box.button-bracket-link :is(.invert, .text-invert) a,
body#top .content-teaser-box.button-bracket-link :is(.invert, .text-invert) a:hover,
body#top .content-teaser-box .box-outside .invert-outside,
body#top .content-teaser-box .box-outside .invert-outside h1,
body#top .invert-outside h1 a,
body#top .content-teaser-box .box-outside .invert-outside h2,
body#top .invert-outside h2 a,
body#top .content-teaser-box .box-outside .invert-outside h3,
body#top .invert-outside h3 a,
body#top .content-teaser-box .box-outside .invert-outside h4,
body#top .invert-outside h4 a,
body#top .content-teaser-box .box-outside .invert-outside h5,
body#top .invert-outside h5 a,
body#top .content-teaser-box .box-outside .invert-outside h6,
body#top .invert-outside h6 a,
body#top .content-teaser-box .box-outside .invert-outside i,
body#top .invert-outside i a,
body#top .content-teaser-box .box-outside .invert-outside li a,
body#top .content-teaser-box .box-outside .invert-outside p,
body#top .invert-outside p:not(.button) a,
body#top .content-teaser-box .box-outside .invert-outside strong,
body#top .content-teaser-box.button-link .box-outside .invert-outside a,
body#top .content-teaser-box.button-link .box-outside .invert-outside a:hover,
body#top .content-teaser-box.button-bracket-link .box-outside .invert-outside a,
body#top .content-teaser-box.button-bracket-link .box-outside .invert-outside a:hover,
body#top .content-text-image-tile :is(.invert, .text-invert) a.button-link,
body#top .content-text-image-tile :is(.invert, .text-invert) a.button-link:hover,
body#top .content-text-image-tile :is(.invert, .text-invert) a.button-bracket-link,
body#top .content-text-image-tile :is(.invert, .text-invert) a.button-bracket-link:hover { color: rgb(255, 255, 255) !important; }
@media screen and (min-width: 780px) {
body#top .invert-inside,
body#top .invert-inside h1,
body#top .invert-inside h1 a,
body#top .invert-inside h2,
body#top .invert-inside h2 a,
body#top .invert-inside h3,
body#top .invert-inside h3 a,
body#top .invert-inside h4,
body#top .invert-inside h4 a,
body#top .invert-inside h5,
body#top .invert-inside h5 a,
body#top .invert-inside h6,
body#top .invert-inside h6 a,
body#top .invert-inside i,
body#top .invert-inside i a,
body#top .invert-inside li a,
body#top .invert-inside p,
body#top .invert-inside p:not(.button) a,
body#top .invert-inside strong,
body#top .content-teaser-box.button-link .invert-inside a,
body#top .content-teaser-box.button-link .invert-inside a:hover,
body#top .content-teaser-box.button-bracket-link .invert-inside a,
body#top .content-teaser-box.button-bracket-link .invert-inside a:hover { color: rgb(255, 255, 255) !important; }
}
@media screen and (max-width: 780px) {
body#top .invert-outside,
body#top .invert-outside h1,
body#top .invert-outside h1 a,
body#top .invert-outside h2,
body#top .invert-outside h2 a,
body#top .invert-outside h3,
body#top .invert-outside h3 a,
body#top .invert-outside h4,
body#top .invert-outside h4 a,
body#top .invert-outside h5,
body#top .invert-outside h5 a,
body#top .invert-outside h6,
body#top .invert-outside h6 a,
body#top .invert-outside i,
body#top .invert-outside i a,
body#top .invert-outside li a,
body#top .invert-outside p,
body#top .invert-outside p:not(.button) a,
body#top .invert-outside strong,
body#top .content-teaser-box.button-link .invert-outside a,
body#top .content-teaser-box.button-link .invert-outside a:hover,
body#top .content-teaser-box.button-bracket-link .invert-outside a,
body#top .content-teaser-box.button-bracket-link .invert-outside a:hover { color: rgb(255, 255, 255) !important; }
}
body#top :is(.color-light, .text-light),
body#top .icon-light i,
body#top i.icon-light,
body#top .content-teaser-image .scrolldown:is(.color-light, .text-light) a,
body#top .content-quote-box blockquote::before { color: rgb(233, 236, 239); }
body#top :is(.color-dark, .text-dark),
body#top,
body#top input:not([type="radio"]):not([type="checkbox"]),
body#top textarea,
body#top select,
body#top button.button-light,
body#top .button-light p.button a,
body#top .button-light button.submit,
body#top .content-toplink.button-light a,
body#top .button-light p.button a:hover,
body#top .content-toplink.button-light a:hover,
body#top button.button-default,
body#top .button-default p.button a,
body#top .button-default button.submit,
body#top .content-toplink.button-default a,
body#top .button-default p.button a:hover,
body#top .content-toplink.button-default a:hover,
body#top button.button-warning,
body#top .button-warning p.button a,
body#top .button-warning button.submit,
body#top .content-toplink.button-warning a,
body#top .button-warning p.button a:hover,
body#top .content-toplink.button-warning a:hover,
body#top #nav-top a,
body#top #nav-top strong,
body#top #nav-main a,
body#top #nav-main strong,
body#top #nav-main ul.level_1 > li.submenu > a::after,
body#top #nav-main ul.level_1 > li.submenu > strong::after,
body#top .nav-sub a,
body#top .nav-sub strong,
body#top .content-notice-box:is(.notice-box-white, .alert-white),
body#top .icon-dark i,
body#top i.icon-dark,
body#top .content-team-box .content-headline a,
body#top .content-teaser-image .scrolldown:is(.color-dark, .text-dark) a,
body#top .content-teaser-box .content-headline a,
body#top .content-teaser-box .highlight,
body#top .content-quote-box.icon-dark blockquote::before,
body#top .mod_search h3 a,
body#top .mod_newsarchive h2 a,
body#top .mod_newslist h2 a { color: rgb(52, 58, 64); }
body#top :is(.color-black, .text-black),
body#top .icon-black i,
body#top i.icon-black,
body#top #toggle-nav::after,
body#top .content-teaser-image .scrolldown:is(.color-black, .text-black) a,
body#top .content-quote-box.icon-black blockquote::before { color: rgb(0, 0, 0); }
body#top :is(.color-success, .text-success),
body#top .icon-success i,
body#top i.icon-success,
body#top .content-teaser-image .scrolldown:is(.color-success, .text-success) a,
body#top .content-quote-box.icon-success blockquote::before { color: rgb(40, 167, 69); }
body#top :is(.color-info, .text-info),
body#top .icon-info i,
body#top i.icon-info,
body#top .content-teaser-image .scrolldown:is(.color-info, .text-info) a,
body#top .content-quote-box.icon-info blockquote::before { color: rgb(23, 162, 184); }
body#top :is(.color-warning, .text-warning),
body#top .icon-warning i,
body#top i.icon-warning,
body#top .content-teaser-image .scrolldown:is(.color-warning, .text-warning) a,
body#top .content-quote-box.icon-warning blockquote::before { color: rgb(255, 193, 7); }
body#top :is(.color-danger, .text-danger),
body#top .icon-danger i,
body#top i.icon-danger,
body#top .content-teaser-image .scrolldown:is(.color-danger, .text-danger) a,
body#top .content-quote-box.icon-danger blockquote::before,
body#top span.mandatory { color: rgb(220, 53, 69); }
body#top :is(.color-primary, .text-primary),
body#top a,
body#top button.button-link,
body#top .button-link p.button a,
body#top .button-link button.submit,
body#top .content-toplink.button-link a,
body#top button.button-bracket-link,
body#top .button-bracket-link p.button a,
body#top .button-bracket-link button.submit,
body#top .content-toplink.button-bracket-link a,
body#top .icon-primary i,
body#top i.icon-primary,
body#top .content-teaser-image .scrolldown:is(.color-primary, .text-primary) a,
body#top .content-quote-box.icon-primary blockquote::before { color: rgb(0, 123, 255); }
body#top :is(.color-secondary, .text-secondary),
body#top #nav-breadcrumb ul li,
body#top #nav-breadcrumb ul li + li::before,
body#top blockquote footer,
body#top .icon-secondary i,
body#top i.icon-secondary,
body#top .content-download .size,
body#top .content-downloads .size,
body#top .content-price-table .price-info,
body#top .content-price-table .services-list .item.deactivate,
body#top .content-teaser-image .scrolldown:is(.color-secondary, .text-secondary) a,
body#top .content-quote-box.icon-secondary blockquote::before,
body#top .mod_search .relevance { color: rgb(108, 117, 125); }
body#top :is(.notice-box-light, .alert-light) { color: rgb(129, 129, 130); }
body#top :is(.notice-box-dark, .alert-dark) { color: rgb(228, 228, 228); }
body#top :is(.notice-box-success, .alert-success),
body#top .ce_comments .tl_confirm,
body#top .mod_changePassword p.tl_confirm,
body#top .mod_lostPassword p.confirm,
body#top .mod_personalData p.tl_confirm,
body#top .mod_registration p.confirm,
body#top .mod_subscribe p.confirm { color: rgb(21, 87, 36); }
body#top :is(.notice-box-info, .alert-info),
body#top .mod_search .info { color: rgb(12, 84, 96); }
body#top :is(.notice-box-warning, .alert-warning) { color: rgb(133, 100, 4); }
body#top :is(.notice-box-danger, .alert-danger),
body#top .mod_changePassword p.error,
body#top .mod_login .error,
body#top .mod_lostPassword p.error,
body#top .mod_registration p.error,
body#top .mod_subscribe p.error,
body#top .mod_unsubscribe p.error { color: rgb(114, 28, 36); }
body#top :is(.notice-box-primary, .alert-primary),
body#top a:hover,
body#top button.button-link:hover,
body#top .button-link p.button a:hover,
body#top .button-link button.submit:hover,
body#top .content-toplink.button-link a:hover,
body#top button.button-bracket-link:hover,
body#top .button-bracket-link p.button a:hover,
body#top .button-bracket-link button.submit:hover,
body#top .content-toplink.button-bracket-link a:hover { color: rgb(0, 64, 133); }
body#top :is(.notice-box-secondary, .alert-secondary),
body#top :is(.notice-box-secondary-light, .alert-secondary-light),
body#top .mod_search .header { color: rgb(56, 61, 65); }
body#top mark { background: rgb(255, 255, 0); }
body#top :is(.bg-white, .bg-body),
body#top button.button-default,
body#top .button-default p.button,
body#top .button-default button.submit,
body#top .content-toplink.button-default,
body#top .content-notice-box:is(.notice-box-white, .alert-white),
body#top .bg-icon-white i,
body#top .bg-icon-white svg,
body#top #nav-main ul.level_2,
body#top #nav-main ul.level_4,
body#top .nav-sub ul.level_1,
body#top .nav-sub ul.level_3,
body#top .content-download::before,
body#top .content-downloads::before,
body#top .content-text hr:is(.bg-white, .bg-body),
body#top .content-text-image-tile .box-img.arrow::before,
body#top .content-text-image-tile:is(.bg-white, .bg-body) .box-img.arrow::before,
body#top .content-timeline.timeline-white::before,
body#top .content-timeline.timeline-white .box-text::before,
body#top .content-timeline .box-date::before,
body#top .content-timeline.bg-icon-white .box-date::before,
body#top .content-quote-box.quote-box-3 blockquote::before,
body#top .content-quote-box.quote-box-3.bg-icon-white blockquote::before,
body#top .layout_latest,
body#top .switch-dark-mode .slider::before { background: rgb(255, 255, 255); }
body#top :is(.bg-light, .bg-body-tertiary),
body#top button.button-light,
body#top .button-light p.button,
body#top .button-light button.submit,
body#top .content-toplink.button-light,
body#top #nav-main ul.level_3,
body#top .nav-sub ul.level_2,
body#top #nav-breadcrumb ul,
body#top .filter_reset,
body#top .content-code code.hljs,
body#top .content-filter-wrapper .filter-controls li,
body#top .content-gallery figcaption,
body#top .content-notice-box:is(.notice-box-light, .alert-light),
body#top .content-notice-box:is(.notice-box-secondary-light, .alert-secondary-light),
body#top .bg-icon-light i,
body#top .bg-icon-light svg,
body#top .content-accordion .handorgel__header button,
body#top .content-image figcaption,
body#top .content-tabs.tabs-1 > label,
body#top .content-text hr,
body#top .content-text hr:is(.bg-light, .bg-body-tertiary),
body#top .content-text pre,
body#top .content-text-image-tile:is(.bg-light, .bg-body-tertiary) .box-img.arrow::before,
body#top .content-timeline.bg-icon-light .box-date::before,
body#top .content-timeline.timeline-light::before,
body#top .content-timeline.timeline-light .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-light blockquote::before,
body#top .mod_calendar .calendar-head .label,
body#top .mod_calendar .calendar-body > div > div .label,
body#top nav[data-pagination] ol li a:hover,
body#top .pagination ul li a:hover,
body#top tfoot td,
body#top th { background: rgb(233, 236, 239); }
body#top .bg-dark,
body#top button.button-dark,
body#top .button-dark p.button,
body#top .button-dark button.submit,
body#top .content-toplink.button-dark,
body#top .content-notice-box:is(.notice-box-dark, .alert-dark),
body#top .bg-icon-dark i,
body#top .bg-icon-dark svg,
body#top .content-text abbr[title]:hover::before,
body#top .content-text hr.bg-dark,
body#top .content-text kbd,
body#top .content-text-image-tile.bg-dark .box-img.arrow::before,
body#top .content-timeline.bg-icon-dark .box-date::before,
body#top .content-timeline::before,
body#top .content-timeline .box-text::before,
body#top .content-timeline.timeline-dark::before,
body#top .content-timeline.timeline-dark .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-dark blockquote::before,
body#top .mod_calendar .calendar-body > div > div.today .label,
body#top .switch-dark-mode .slider { background: rgb(52, 58, 64); }
body#top .bg-black,
body#top .content-notice-box:is(.notice-box-black, .alert-black),
body#top .bg-icon-black i,
body#top .bg-icon-black svg,
body#top #colorbox #cboxClose::after,
body#top #colorbox #cboxPrevious::after,
body#top #colorbox #cboxNext::after,
body#top #colorbox #cboxTitle,
body#top .content-text hr.bg-black,
body#top .content-text-image-tile.bg-black .box-img.arrow::before,
body#top .content-timeline.bg-icon-black .box-date::before,
body#top .content-timeline.timeline-black::before,
body#top .content-timeline.timeline-black .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-black blockquote::before { background: rgb(0, 0, 0); }
body#top .bg-success,
body#top button.button-success,
body#top .button-success p.button,
body#top .button-success button.submit,
body#top .content-toplink.button-success,
body#top .bg-icon-success i,
body#top .bg-icon-success svg,
body#top .content-text hr.bg-success,
body#top .content-text-image-tile.bg-success .box-img.arrow::before,
body#top .content-timeline.bg-icon-success .box-date::before,
body#top .content-timeline.timeline-success::before,
body#top .content-timeline.timeline-success .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-success blockquote::before { background: rgb(40, 167, 69); }
body#top .bg-info,
body#top button.button-info,
body#top .button-info p.button,
body#top .button-info button.submit,
body#top .content-toplink.button-info,
body#top .bg-icon-info i,
body#top .bg-icon-info svg,
body#top .content-text hr.bg-info,
body#top .content-text-image-tile.bg-info .box-img.arrow::before,
body#top .content-timeline.bg-icon-info .box-date::before,
body#top .content-timeline.timeline-info::before,
body#top .content-timeline.timeline-info .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-info blockquote::before { background: rgb(23, 162, 184); }
body#top .bg-warning,
body#top button.button-warning,
body#top .button-warning p.button,
body#top .button-warning button.submit,
body#top .content-toplink.button-warning,
body#top .bg-icon-warning i,
body#top .bg-icon-warning svg,
body#top .content-text hr.bg-warning,
body#top .content-text-image-tile.bg-warning .box-img.arrow::before,
body#top .content-timeline.bg-icon-warning .box-date::before,
body#top .content-timeline.timeline-warning::before,
body#top .content-timeline.timeline-warning .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-warning blockquote::before { background: rgb(255, 193, 7); }
body#top .bg-danger,
body#top button.button-danger,
body#top .button-danger p.button,
body#top .button-danger button.submit,
body#top .content-toplink.button-danger,
body#top .bg-icon-danger i,
body#top .bg-icon-danger svg,
body#top .content-text hr.bg-danger,
body#top .content-text-image-tile.bg-danger .box-img.arrow::before,
body#top .content-timeline.bg-icon-danger .box-date::before,
body#top .content-timeline.timeline-danger::before,
body#top .content-timeline.timeline-danger .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-danger blockquote::before { background: rgb(220, 53, 69); }
body#top .bg-primary,
body#top button.button-primary,
body#top .button-primary p.button,
body#top .button-primary button.submit,
body#top .content-toplink.button-primary,
body#top .bg-icon-primary i,
body#top .bg-icon-primary svg,
body#top .content-text hr.bg-primary,
body#top .content-text-image-tile.bg-primary .box-img.arrow::before,
body#top .content-timeline.bg-icon-primary .box-date::before,
body#top .content-timeline.timeline-primary::before,
body#top .content-timeline.timeline-primary .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-primary blockquote::before,
body#top nav[data-pagination] ol li a.active,
body#top .pagination ul li strong,
body#top .switch-dark-mode input:checked + .slider,
body#top [data-theme="dark"] .switch-dark-mode input + .slider { background: rgb(0, 123, 255); }
body#top .bg-secondary,
body#top button.button-secondary,
body#top .button-secondary p.button,
body#top .button-secondary button.submit,
body#top .content-toplink.button-secondary,
body#top .bg-icon-secondary i,
body#top .bg-icon-secondary svg,
body#top .content-text hr.bg-secondary,
body#top .content-text-image-tile.bg-secondary .box-img.arrow::before,
body#top .content-timeline.bg-icon-secondary .box-date::before,
body#top .content-timeline.timeline-secondary::before,
body#top .content-timeline.timeline-secondary .box-text::before,
body#top .content-quote-box.quote-box-3.bg-icon-secondary blockquote::before { background: rgb(108, 117, 125); }
body#top .content-notice-box:is(.notice-box-success, .alert-success),
body#top .ce_comments .tl_confirm,
body#top .mod_changePassword p.tl_confirm,
body#top .mod_lostPassword p.confirm,
body#top .mod_personalData p.tl_confirm,
body#top .mod_registration p.confirm,
body#top .mod_subscribe p.confirm { background: rgb(212, 237, 218); }
body#top .content-notice-box:is(.notice-box-info, .alert-info),
body#top .mod_search .info { background: rgb(209, 236, 241); }
body#top .content-notice-box:is(.notice-box-warning, .alert-warning) { background: rgb(255, 243, 205); }
body#top .content-notice-box:is(.notice-box-danger, .alert-danger),
body#top .mod_changePassword p.error,
body#top .mod_login .error,
body#top .mod_lostPassword p.error,
body#top .mod_registration p.error,
body#top .mod_subscribe p.error,
body#top .mod_unsubscribe p.error { background: rgb(248, 215, 218); }
body#top .content-notice-box:is(.notice-box-primary, .alert-primary) { background: rgb(204, 229, 255); }
body#top .content-notice-box:is(.notice-box-secondary, .alert-secondary),
body#top .mod_search .header { background: rgb(226, 227, 229); }
body#top button.button-default:hover,
body#top .button-default p.button:hover,
body#top .button-default button.submit:hover,
body#top .content-accordion .handorgel__header button:hover,
body#top .content-filter-wrapper .filter-controls li:hover,
body#top .content-filter-wrapper .filter-controls li.is-active,
body#top .content-toplink.button-default:hover,
body#top .content-tabs.tabs-1 > label:hover { background: rgb(230, 230, 230); }
body#top button.button-light:hover,
body#top .button-light p.button:hover,
body#top .button-light button.submit:hover,
body#top .content-toplink.button-light:hover { background: rgb(226, 230, 234); }
body#top button.button-dark:hover,
body#top .button-dark p.button:hover,
body#top .button-dark button.submit:hover,
body#top .content-toplink.button-dark:hover { background: rgb(35, 39, 43); }
body#top button.button-success:hover,
body#top .button-success p.button:hover,
body#top .button-success button.submit:hover,
body#top .content-toplink.button-success:hover { background: rgb(33, 136, 56); }
body#top button.button-info:hover,
body#top .button-info p.button:hover,
body#top .button-info button.submit:hover,
body#top .content-toplink.button-info:hover { background: rgb(19, 132, 150); }
body#top button.button-warning:hover,
body#top .button-warning p.button:hover,
body#top .button-warning button.submit:hover,
body#top .content-toplink.button-warning:hover { background: rgb(224, 168, 0); }
body#top button.button-danger:hover,
body#top .button-danger p.button:hover,
body#top .button-danger button.submit:hover,
body#top .content-toplink.button-danger:hover { background: rgb(200, 35, 51); }
body#top button.button-primary:hover,
body#top .button-primary p.button:hover,
body#top .button-primary button.submit:hover,
body#top .content-toplink.button-primary:hover { background: rgb(0, 105, 217); }
body#top button.button-secondary:hover,
body#top .button-secondary p.button:hover,
body#top .button-secondary button.submit:hover,
body#top .content-toplink.button-secondary:hover { background: rgb(90, 98, 104); }
@media screen and (max-width: 779px) {
body#top #nav-main,
body#top #nav-main ul.level_3 { background: rgb(255, 255, 255); }
body#top #nav-main ul.level_2,
body#top #nav-main ul.level_4 { background: rgb(233, 236, 239); }
}
body#top .border-default,
body#top button.button-default,
body#top .button-default p.button,
body#top .button-default button.submit,
body#top .content-toplink.button-default,
body#top th,
body#top td,
body#top input,
body#top textarea,
body#top select,
body#top .content-accordion .handorgel__header button,
body#top .content-code code,
body#top .content-filter-wrapper .filter-controls li,
body#top .content-gallery a img,
body#top .content-gallery figcaption,
body#top .content-notice-box .border-default i,
body#top .content-notice-box .border-default svg,
body#top .content-icon-box .border-default i,
body#top .content-icon-box .border-default svg,
body#top .content-tabs.tabs-1 > label,
body#top .content-team-box.border-default,
body#top .content-team-box .border-default img,
body#top .content-text pre,
body#top .content-quote-box .border-default img,
body#top .mod_calendar .calendar-head .label,
body#top .mod_calendar .calendar-body > div > div,
body#top nav[data-pagination] ol li a,
body#top .pagination ul li a { border-color: rgb(204, 204, 204); }
body#top .border-white,
body#top .content-notice-box .border-white i,
body#top .content-notice-box .border-white svg,
body#top .content-icon-box .border-white i,
body#top .content-icon-box .border-white svg,
body#top .content-team-box.border-white,
body#top .content-team-box .border-white img,
body#top .content-timeline.icon-white .box-date::after,
body#top .content-quote-box .border-white img,
body#top .content-quote-box.border-white blockquote { border-color: rgb(255, 255, 255); }
body#top .border-light,
body#top button.button-light,
body#top .button-light p.button,
body#top .button-light button.submit,
body#top .content-toplink.button-light,
body#top .ce_comments .reply,
body#top .content-notice-box:is(.notice-box-light, .alert-light),
body#top .content-notice-box .border-light i,
body#top .content-notice-box .border-light svg,
body#top .content-icon-box .border-light i,
body#top .content-icon-box .border-light svg,
body#top .content-team-box.border-light,
body#top .content-team-box .border-light img,
body#top .content-timeline.icon-light .box-date::after,
body#top .content-quote-box .border-light img,
body#top .content-quote-box.border-light blockquote,
body#top .content-download,
body#top .content-downloads,
body#top .content-download::before,
body#top .content-downloads::before,
body#top blockquote { border-color: rgb(233, 236, 239); }
body#top .border-dark,
body#top button.button-dark,
body#top .button-dark p.button,
body#top .button-dark button.submit,
body#top .content-toplink.button-dark,
body#top .content-notice-box:is(.notice-box-white, .alert-white),
body#top .content-notice-box:is(.notice-box-dark, .alert-dark),
body#top .content-notice-box .border-dark i,
body#top .content-notice-box .border-dark svg,
body#top .content-icon-box .border-dark i,
body#top .content-icon-box .border-dark svg,
body#top .content-team-box.border-dark,
body#top .content-team-box .border-dark img,
body#top .content-timeline.icon-dark .box-date::after,
body#top .content-timeline .box-date::after,
body#top .content-quote-box .border-dark img,
body#top .content-quote-box.border-dark blockquote { border-color: rgb(52, 58, 64); }
body#top .border-black,
body#top .content-notice-box:is(.notice-box-black, .alert-black),
body#top .content-notice-box .border-black i,
body#top .content-notice-box .border-black svg,
body#top .content-icon-box .border-black i,
body#top .content-icon-box .border-black svg,
body#top .content-team-box.border-black,
body#top .content-team-box .border-black img,
body#top .content-timeline.icon-black .box-date::after,
body#top .content-quote-box .border-black img,
body#top .content-quote-box.border-black blockquote { border-color: rgb(0, 0, 0); }
body#top .border-success,
body#top button.button-success,
body#top .button-success p.button,
body#top .button-success button.submit,
body#top .content-toplink.button-success,
body#top .content-notice-box .border-success i,
body#top .content-notice-box .border-success svg,
body#top .content-icon-box .border-success i,
body#top .content-icon-box .border-success svg,
body#top .content-team-box.border-success,
body#top .content-team-box .border-success img,
body#top .content-timeline.icon-success .box-date::after,
body#top .content-quote-box .border-success img,
body#top .content-quote-box.border-success blockquote { border-color: rgb(40, 167, 69); }
body#top .border-info,
body#top button.button-info,
body#top .button-info p.button,
body#top .button-info button.submit,
body#top .content-toplink.button-info,
body#top .content-notice-box .border-info i,
body#top .content-notice-box .border-info svg,
body#top .content-icon-box .border-info i,
body#top .content-icon-box .border-info svg,
body#top .content-team-box.border-info,
body#top .content-team-box .border-info img,
body#top .content-timeline.icon-info .box-date::after,
body#top .content-quote-box .border-info img,
body#top .content-quote-box.border-info blockquote { border-color: rgb(23, 162, 184); }
body#top .border-warning,
body#top button.button-warning,
body#top .button-warning p.button,
body#top .button-warning button.submit,
body#top .content-toplink.button-warning,
body#top .content-notice-box .border-warning i,
body#top .content-notice-box .border-warning svg,
body#top .content-icon-box .border-warning i,
body#top .content-icon-box .border-warning svg,
body#top .content-team-box.border-warning,
body#top .content-team-box .border-warning img,
body#top .content-timeline.icon-warning .box-date::after,
body#top .content-quote-box .border-warning img,
body#top .content-quote-box.border-warning blockquote { border-color: rgb(255, 193, 7); }
body#top .border-danger,
body#top button.button-danger,
body#top .button-danger p.button,
body#top .button-danger button.submit,
body#top .content-toplink.button-danger,
body#top .content-notice-box .border-danger i,
body#top .content-notice-box .border-danger svg,
body#top .content-icon-box .border-danger i,
body#top .content-icon-box .border-danger svg,
body#top .content-team-box.border-danger,
body#top .content-team-box .border-danger img,
body#top .content-timeline.icon-danger .box-date::after,
body#top .content-quote-box .border-danger img,
body#top .content-quote-box.border-danger blockquote { border-color: rgb(220, 53, 69); }
body#top .border-primary,
body#top button.button-primary,
body#top .button-primary p.button,
body#top .button-primary button.submit,
body#top .content-toplink.button-primary,
body#top div .border-primary i,
body#top div .border-primary svg,
body#top .content-team-box.border-primary,
body#top .content-team-box .border-primary img,
body#top .content-timeline.icon-primary .box-date::after,
body#top .content-quote-box .border-primary img,
body#top .content-quote-box.border-primary blockquote,
body#top nav[data-pagination] ol li a.active,
body#top .pagination ul li strong { border-color: rgb(0, 123, 255); }
body#top .border-secondary,
body#top button.button-secondary,
body#top .button-secondary p.button,
body#top .button-secondary button.submit,
body#top .content-toplink.button-secondary,
body#top .content-notice-box .border-secondary i,
body#top .content-notice-box .border-secondary svg,
body#top .content-icon-box .border-secondary i,
body#top .content-icon-box .border-secondary svg,
body#top .content-team-box.border-secondary,
body#top .content-team-box .border-secondary img,
body#top .content-timeline.icon-secondary .box-date::after,
body#top .content-quote-box .border-secondary img,
body#top .content-quote-box.border-secondary blockquote { border-color: rgb(108, 117, 125); }
body#top .content-notice-box:is(.notice-box-success, .alert-success),
body#top .ce_comments .tl_confirm,
body#top .mod_changePassword p.tl_confirm,
body#top .mod_lostPassword p.confirm,
body#top .mod_personalData p.tl_confirm,
body#top .mod_registration p.confirm,
body#top .mod_subscribe p.confirm { border-color: rgb(195, 230, 203); }
body#top .content-notice-box:is(.notice-box-info, .alert-info),
body#top .mod_search .info { border-color: rgb(190, 229, 235); }
body#top .content-notice-box:is(.notice-box-warning, .alert-warning) { border-color: rgb(255, 238, 186); }
body#top .content-notice-box:is(.notice-box-danger, .alert-danger),
body#top .mod_changePassword p.error,
body#top .mod_login .error,
body#top .mod_lostPassword p.error,
body#top .mod_registration p.error,
body#top .mod_subscribe p.error,
body#top .mod_unsubscribe p.error { border-color: rgb(245, 198, 203); }
body#top .content-notice-box:is(.notice-box-primary, .alert-primary),
body#top input:focus,
body#top textarea:focus { border-color: rgb(184, 218, 255); }
body#top .content-notice-box:is(.notice-box-secondary, .alert-secondary),
body#top .content-notice-box:is(.notice-box-secondary-light, .alert-secondary-light),
body#top .mod_search .header { border-color: rgb(214, 216, 219); }
body#top button.button-default:hover,
body#top .button-default p.button:hover,
body#top .button-default button.submit:hover,
body#top .content-toplink.button-default:hover { border-color: rgb(173, 173, 173); }
body#top button.button-light:hover,
body#top .button-light p.button:hover,
body#top .button-light button.submit:hover,
body#top .content-toplink.button-light:hover { border-color: rgb(218, 224, 229); }
body#top button.button-dark:hover,
body#top .button-dark p.button:hover,
body#top .button-dark button.submit:hover,
body#top .content-toplink.button-dark:hover { border-color: rgb(29, 33, 36); }
body#top button.button-success:hover,
body#top .button-success p.button:hover,
body#top .button-success button.submit:hover,
body#top .content-toplink.button-success:hover { border-color: rgb(30, 126, 52); }
body#top button.button-info:hover,
body#top .button-info p.button:hover,
body#top .button-info button.submit:hover,
body#top .content-toplink.button-info:hover { border-color: rgb(17, 122, 139); }
body#top button.button-warning:hover,
body#top .button-warning p.button:hover,
body#top .button-warning button.submit:hover,
body#top .content-toplink.button-warning:hover { border-color: rgb(211, 158, 0); }
body#top button.button-danger:hover,
body#top .button-danger p.button:hover,
body#top .button-danger button.submit:hover,
body#top .content-toplink.button-danger:hover { border-color: rgb(189, 33, 48); }
body#top button.button-primary:hover,
body#top .button-primary p.button:hover,
body#top .button-primary button.submit:hover,
body#top .content-toplink.button-primary:hover { border-color: rgb(0, 98, 204); }
body#top button.button-secondary:hover,
body#top .button-secondary p.button:hover,
body#top .button-secondary button.submit:hover,
body#top .content-toplink.button-secondary:hover { border-color: rgb(84, 91, 98); }
body#top .outline-default i,
body#top .outline-default svg,
body#top .outline-default span { outline-color: rgb(204, 204, 204); }
body#top .outline-white i,
body#top .outline-white svg,
body#top .outline-white span { outline-color: rgb(255, 255, 255); }
body#top .outline-light i,
body#top .outline-light svg,
body#top .outline-light span { outline-color: rgb(233, 236, 239); }
body#top .outline-dark i,
body#top .outline-dark svg,
body#top .outline-dark span { outline-color: rgb(52, 58, 64); }
body#top .outline-black i,
body#top .outline-black svg,
body#top .outline-black span { outline-color: rgb(0, 0, 0); }
body#top .outline-success i,
body#top .outline-success svg,
body#top .outline-success span { outline-color: rgb(40, 167, 69); }
body#top .outline-info i,
body#top .outline-info svg,
body#top .outline-info span { outline-color: rgb(23, 162, 184); }
body#top .outline-warning i,
body#top .outline-warning svg,
body#top .outline-warning span { outline-color: rgb(255, 193, 7); }
body#top .outline-danger i,
body#top .outline-danger svg,
body#top .outline-danger span { outline-color: rgb(220, 53, 69); }
body#top .outline-primary i,
body#top .outline-primary svg,
body#top .outline-primary span { outline-color: rgb(0, 123, 255); }
body#top .outline-secondary i,
body#top .outline-secondary svg,
body#top .outline-secondary span { outline-color: rgb(108, 117, 125); }
body#top .contao-cookiebar .cc-inner { box-shadow: none; }
body#top input:hover,
body#top textarea:hover,
body#top input:focus,
body#top textarea:focus { box-shadow: rgb(204, 229, 255) 0px 0px 2px; }
body#top .left { text-align: left; }
body#top .center { text-align: center; }
body#top .right { text-align: right; }
body#top :is(.justify, .text-justify) { text-align: justify; }
body#top .vwrapper { display: table; height: 100%; width: 100%; }
body#top .vtop { display: table-cell; vertical-align: top; }
body#top .vcenter { display: table-cell; vertical-align: middle; }
body#top .vbottom { display: table-cell; vertical-align: bottom; }
body#top .media--left:not(.media),
body#top .media--left figure { float: left; }
body#top .media--right:not(.media),
body#top .media--right figure { float: right; }
body#top button,
body#top p.button { background: transparent; border-color: transparent; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; height: 32px; margin: 7px 0px; text-align: center; text-decoration: none; white-space: nowrap; }
body#top button,
body#top .button a { display: block; padding: 0px 12px; }
body#top button:hover,
body#top .button:hover,
body#top p.button:hover a { text-decoration: none !important; }
body#top button.button-link,
body#top .button-link p.button,
body#top .button-link p.button a,
body#top .button-link button.submit,
body#top .content-toplink.button-link a,
body#top button.button-bracket-link,
body#top .button-bracket-link p.button,
body#top .button-bracket-link p.button a,
body#top .button-bracket-link button.submit,
body#top .content-toplink.button-bracket-link a { padding: 0px; }
body#top button.button-link:hover,
body#top .button-link p.button a:hover,
body#top .button-link button.submit:hover,
body#top .content-toplink.button-link a:hover,
body#top button.button-bracket-link:hover,
body#top .button-bracket-link p.button a:hover,
body#top .button-bracket-link button.submit:hover,
body#top .content-toplink.button-bracket-link a:hover { text-decoration: underline !important; }
body#top button.button-bracket-link::before,
body#top button.button-bracket-link::after,
body#top .button-bracket-link p.button a::before,
body#top .button-bracket-link p.button a::after,
body#top .button-bracket-link button.submit::before,
body#top .button-bracket-link button.submit::after,
body#top .content-toplink.button-bracket-link a::before,
body#top .content-toplink.button-bracket-link a::after,
body#top a.bracket-link::before,
body#top a.bracket-link::after { content: "["; font-size: 125%; }
body#top button.button-bracket-link::after,
body#top .button-bracket-link p.button a::after,
body#top .button-bracket-link button.submit::after,
body#top .content-toplink.button-bracket-link a::after,
body#top a.bracket-link::after { content: "]"; }
body#top button.button-link,
body#top button.button-bracket-link,
body#top .button-link p.button,
body#top .button-bracket-link p.button { height: auto; }
body#top input:not([type="radio"]):not([type="checkbox"]):not(.submit),
body#top input:is([class*="grid-"], [class*="col-"]),
body#top textarea,
body#top select { border-style: solid; border-width: 1px; padding: 6px 12px; width: 100%; }
body#top input.text { height: 32px; }
body#top .radio_container span { display: block; margin: 7px 0px; }
body#top .content-notice-box .icon:is(.circle, .rounded-circle) i,
body#top .content-notice-box .icon:is(.circle, .rounded-circle) svg,
body#top .content-icon-box .icon:is(.circle, .rounded-circle) i,
body#top .content-icon-box .icon:is(.circle, .rounded-circle) svg,
body#top .content-icon-box .icon:is(.circle, .rounded-circle) span,
body#top .content-team-box :is(.circle, .rounded-circle) img,
body#top .content-quote-box :is(.circle, .rounded-circle) img,
body#top .quote-box-3 blockquote::before,
body#top .content-timeline .box-date::before,
body#top .content-timeline .box-date::after,
body#top .switch-dark-mode .slider::before { border-radius: 100%; }
body#top .switch-dark-mode .slider { border-radius: 35px; }
body#top .content-count-up.border-style-solid,
body#top .content-notice-box .border-style-solid i,
body#top .content-notice-box .border-style-solid svg,
body#top .content-icon-box.border-style-solid,
body#top .content-icon-box .border-style-solid i,
body#top .content-icon-box .border-style-solid svg,
body#top .content-map .iframe[class*="border-"].border-style-solid,
body#top .content-team-box.border-style-solid,
body#top .content-team-box .border-style-solid img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-style-solid,
body#top .content-quote-box .border-style-solid img { border-style: solid; }
body#top .content-count-up.border-style-dotted,
body#top .content-notice-box .border-style-dotted i,
body#top .content-notice-box .border-style-dotted svg,
body#top .content-icon-box.border-style-dotted,
body#top .content-icon-box .border-style-dotted i,
body#top .content-icon-box .border-style-dotted svg,
body#top .content-map .iframe[class*="border-"].border-style-dotted,
body#top .content-team-box.border-style-dotted,
body#top .content-team-box .border-style-dotted img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-style-dotted,
body#top .content-quote-box .border-style-dotted img { border-style: dotted; }
body#top .content-count-up.border-style-dashed,
body#top .content-notice-box .border-style-dashed i,
body#top .content-notice-box .border-style-dashed svg,
body#top .content-icon-box.border-style-dashed,
body#top .content-icon-box .border-style-dashed i,
body#top .content-icon-box .border-style-dashed svg,
body#top .content-map .iframe[class*="border-"].border-style-dashed,
body#top .content-team-box.border-style-dashed,
body#top .content-team-box .border-style-dashed img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-style-dashed,
body#top .content-quote-box .border-style-dashed img { border-style: dashed; }
body#top .content-count-up.border-style-double,
body#top .content-notice-box .border-style-double i,
body#top .content-notice-box .border-style-double svg,
body#top .content-icon-box.border-style-double,
body#top .content-icon-box .border-style-double i,
body#top .content-icon-box .border-style-double svg,
body#top .content-map .iframe[class*="border-"].border-style-double,
body#top .content-team-box.border-style-double,
body#top .content-team-box .border-style-double img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-style-double,
body#top .content-quote-box .border-style-double img { border-style: double; }
body#top .content-count-up.border-width-1,
body#top .content-notice-box .border-width-1 i,
body#top .content-notice-box .border-width-1 svg,
body#top .content-icon-box.border-width-1,
body#top .content-icon-box .border-width-1 i,
body#top .content-icon-box .border-width-1 svg,
body#top .content-map .iframe[class*="border-"].border-width-1,
body#top .content-team-box.border-width-1,
body#top .content-team-box .border-width-1 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-1,
body#top .content-quote-box .border-width-1 img { border-width: 1px; }
body#top .content-count-up.border-width-2,
body#top .content-notice-box .border-width-2 i,
body#top .content-notice-box .border-width-2 svg,
body#top .content-icon-box.border-width-2,
body#top .content-icon-box .border-width-2 i,
body#top .content-icon-box .border-width-2 svg,
body#top .content-map .iframe[class*="border-"].border-width-2,
body#top .content-team-box.border-width-2,
body#top .content-team-box .border-width-2 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-2,
body#top .content-quote-box .border-width-2 img { border-width: 2px; }
body#top .content-count-up.border-width-3,
body#top .content-notice-box .border-width-3 i,
body#top .content-notice-box .border-width-3 svg,
body#top .content-icon-box.border-width-3,
body#top .content-icon-box .border-width-3 i,
body#top .content-icon-box .border-width-3 svg,
body#top .content-map .iframe[class*="border-"].border-width-3,
body#top .content-team-box.border-width-3,
body#top .content-team-box .border-width-3 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-3,
body#top .content-quote-box .border-width-3 img { border-width: 3px; }
body#top .content-count-up.border-width-5,
body#top .content-notice-box .border-width-5 i,
body#top .content-notice-box .border-width-5 svg,
body#top .content-icon-box.border-width-5,
body#top .content-icon-box .border-width-5 i,
body#top .content-icon-box .border-width-5 svg,
body#top .content-map .iframe[class*="border-"].border-width-5,
body#top .content-team-box.border-width-5,
body#top .content-team-box .border-width-5 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-5,
body#top .content-quote-box .border-width-5 img { border-width: 5px; }
body#top .content-count-up.border-width-7,
body#top .content-notice-box .border-width-7 i,
body#top .content-notice-box .border-width-7 svg,
body#top .content-icon-box.border-width-7,
body#top .content-icon-box .border-width-7 i,
body#top .content-icon-box .border-width-7 svg,
body#top .content-map .iframe[class*="border-"].border-width-7,
body#top .content-team-box.border-width-7,
body#top .content-team-box .border-width-7 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-7,
body#top .content-quote-box .border-width-7 img { border-width: 7px; }
body#top .content-count-up.border-width-9,
body#top .content-notice-box .border-width-9 i,
body#top .content-notice-box .border-width-9 svg,
body#top .content-icon-box.border-width-9,
body#top .content-icon-box .border-width-9 i,
body#top .content-icon-box .border-width-9 svg,
body#top .content-map .iframe[class*="border-"].border-width-9,
body#top .content-team-box.border-width-9,
body#top .content-team-box .border-width-9 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-9,
body#top .content-quote-box .border-width-9 img { border-width: 9px; }
body#top .content-count-up.border-width-14,
body#top .content-notice-box .border-width-14 i,
body#top .content-notice-box .border-width-14 svg,
body#top .content-icon-box.border-width-14,
body#top .content-icon-box .border-width-14 i,
body#top .content-icon-box .border-width-14 svg,
body#top .content-map .iframe[class*="border-"].border-width-14,
body#top .content-team-box.border-width-14,
body#top .content-team-box .border-width-14 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-14,
body#top .content-quote-box .border-width-14 img { border-width: 14px; }
body#top .content-count-up.border-width-21,
body#top .content-notice-box .border-width-21 i,
body#top .content-notice-box .border-width-21 svg,
body#top .content-icon-box.border-width-21,
body#top .content-icon-box .border-width-21 i,
body#top .content-icon-box .border-width-21 svg,
body#top .content-map .iframe[class*="border-"].border-width-21,
body#top .content-team-box.border-width-21,
body#top .content-team-box .border-width-21 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-21,
body#top .content-quote-box .border-width-21 img { border-width: 21px; }
body#top .content-count-up.border-width-28,
body#top .content-notice-box .border-width-28 i,
body#top .content-notice-box .border-width-28 svg,
body#top .content-icon-box.border-width-28,
body#top .content-icon-box .border-width-28 i,
body#top .content-icon-box .border-width-28 svg,
body#top .content-map .iframe[class*="border-"].border-width-28,
body#top .content-team-box.border-width-28,
body#top .content-team-box .border-width-28 img,
body#top .content-teaser-box[class*="border-"]:not(.border-sm).border-width-28,
body#top .content-quote-box .border-width-28 img { border-width: 28px; }
@media screen and (max-width: 779px) {
body#top .content-teaser-box[class*="border-"].border-sm.border-style-solid { border-style: solid; }
body#top .content-teaser-box[class*="border-"].border-sm.border-style-dotted { border-style: dotted; }
body#top .content-teaser-box[class*="border-"].border-sm.border-style-dashed { border-style: dashed; }
body#top .content-teaser-box[class*="border-"].border-sm.border-style-double { border-style: double; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-1 { border-width: 1px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-2 { border-width: 2px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-3 { border-width: 3px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-5 { border-width: 5px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-7 { border-width: 7px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-9 { border-width: 9px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-14 { border-width: 14px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-21 { border-width: 21px; }
body#top .content-teaser-box[class*="border-"].border-sm.border-width-28 { border-width: 28px; }
}
body#top .content-notice-box .outline-style-solid i,
body#top .content-notice-box .outline-style-solid svg,
body#top .content-icon-box .outline-style-solid i,
body#top .content-icon-box .outline-style-solid svg,
body#top .content-icon-box .outline-style-solid span { outline-style: solid; }
body#top .content-notice-box .outline-style-dotted i,
body#top .content-notice-box .outline-style-dotted svg,
body#top .content-icon-box .outline-style-dotted i,
body#top .content-icon-box .outline-style-dotted svg,
body#top .content-icon-box .outline-style-dotted span { outline-style: dotted; }
body#top .content-notice-box .outline-style-dashed i,
body#top .content-notice-box .outline-style-dashed svg,
body#top .content-icon-box .outline-style-dashed i,
body#top .content-icon-box .outline-style-dashed svg,
body#top .content-icon-box .outline-style-dashed span { outline-style: dashed; }
body#top .content-notice-box .outline-style-double i,
body#top .content-notice-box .outline-style-double svg,
body#top .content-icon-box .outline-style-double i,
body#top .content-icon-box .outline-style-double svg,
body#top .content-icon-box .outline-style-double span { outline-style: double; }
body#top .content-notice-box .outline-width-1 i,
body#top .content-notice-box .outline-width-1 svg,
body#top .content-icon-box .outline-width-1 i,
body#top .content-icon-box .outline-width-1 svg,
body#top .content-icon-box .outline-width-1 span { outline-width: 1px; }
body#top .content-notice-box .outline-width-2 i,
body#top .content-notice-box .outline-width-2 svg,
body#top .content-icon-box .outline-width-2 i,
body#top .content-icon-box .outline-width-2 svg,
body#top .content-icon-box .outline-width-2 span { outline-width: 2px; }
body#top .content-notice-box .outline-width-3 i,
body#top .content-notice-box .outline-width-3 svg,
body#top .content-icon-box .outline-width-3 i,
body#top .content-icon-box .outline-width-3 svg,
body#top .content-icon-box .outline-width-3 span { outline-width: 3px; }
body#top .content-notice-box .outline-width-5 i,
body#top .content-notice-box .outline-width-5 svg,
body#top .content-icon-box .outline-width-5 i,
body#top .content-icon-box .outline-width-5 svg,
body#top .content-icon-box .outline-width-5 span { outline-width: 5px; }
body#top .content-notice-box .outline-width-7 i,
body#top .content-notice-box .outline-width-7 svg,
body#top .content-icon-box .outline-width-7 i,
body#top .content-icon-box .outline-width-7 svg,
body#top .content-icon-box .outline-width-7 span { outline-width: 7px; }
body#top .content-notice-box .outline-width-9 i,
body#top .content-notice-box .outline-width-9 svg,
body#top .content-icon-box .outline-width-9 i,
body#top .content-icon-box .outline-width-9 svg,
body#top .content-icon-box .outline-width-9 span { outline-width: 9px; }
body#top .content-notice-box .outline-width-14 i,
body#top .content-notice-box .outline-width-14 svg,
body#top .content-icon-box .outline-width-14 i,
body#top .content-icon-box .outline-width-14 svg,
body#top .content-icon-box .outline-width-14 span { outline-width: 14px; }
body#top .content-notice-box .outline-width-21 i,
body#top .content-notice-box .outline-width-21 svg,
body#top .content-icon-box .outline-width-21 i,
body#top .content-icon-box .outline-width-21 svg,
body#top .content-icon-box .outline-width-21 span { outline-width: 21px; }
body#top .content-notice-box .outline-width-28 i,
body#top .content-notice-box .outline-width-28 svg,
body#top .content-icon-box .outline-width-28 i,
body#top .content-icon-box .outline-width-28 svg,
body#top .content-icon-box .outline-width-28 span { outline-width: 28px; }
body#top .opacity-5 { opacity: 0.05; }
body#top .opacity-10 { opacity: 0.1; }
body#top .opacity-15 { opacity: 0.15; }
body#top .opacity-25 { opacity: 0.25; }
body#top .opacity-35 { opacity: 0.35; }
body#top .opacity-50 { opacity: 0.5; }
body#top .opacity-65 { opacity: 0.65; }
body#top .opacity-75 { opacity: 0.75; }
body#top .opacity-85 { opacity: 0.85; }
body#top .opacity-95 { opacity: 0.95; }
body#top .opacity-after-5::after { opacity: 0.05; }
body#top .opacity-after-10::after { opacity: 0.1; }
body#top .opacity-after-15::after { opacity: 0.15; }
body#top .opacity-after-25::after { opacity: 0.25; }
body#top .opacity-after-35::after { opacity: 0.35; }
body#top .opacity-after-50::after { opacity: 0.5; }
body#top .opacity-after-65::after { opacity: 0.65; }
body#top .opacity-after-75::after { opacity: 0.75; }
body#top .opacity-after-85::after { opacity: 0.85; }
body#top .opacity-after-95::after { opacity: 0.95; }
body#top .overlay::after { background-repeat: repeat; inset: 0px; content: ""; position: absolute; z-index: -1; }
body#top .overlay-01::after { background: url("/bundles/themeultimate/img/overlays/01.webp"); }
body#top .overlay-02::after { background: url("/bundles/themeultimate/img/overlays/02.webp"); }
body#top .overlay-03::after { background: url("/bundles/themeultimate/img/overlays/03.webp"); }
body#top .overlay-04::after { background: url("/bundles/themeultimate/img/overlays/04.webp"); }
body#top .overlay-05::after { background: url("/bundles/themeultimate/img/overlays/05.webp"); }
body#top .overlay-06::after { background: url("/bundles/themeultimate/img/overlays/06.webp"); }
body#top .overlay-07::after { background: url("/bundles/themeultimate/img/overlays/07.webp"); }
body#top .overlay-08::after { background: url("/bundles/themeultimate/img/overlays/08.webp"); }
body#top .overlay-09::after { background: url("/bundles/themeultimate/img/overlays/09.webp"); }
body#top .overlay-white::after { background: url("/bundles/themeultimate/img/overlays/white.webp"); }
body#top .overlay-grey::after { background: url("/bundles/themeultimate/img/overlays/grey.webp"); }
body#top .overlay-black::after { background: url("/bundles/themeultimate/img/overlays/black.webp"); }
body#top .overlay-red::after { background: url("/bundles/themeultimate/img/overlays/red.webp"); }
body#top .overlay-darkred::after { background: url("/bundles/themeultimate/img/overlays/darkred.webp"); }
body#top .overlay-green::after { background: url("/bundles/themeultimate/img/overlays/green.webp"); }
body#top .overlay-darkgreen::after { background: url("/bundles/themeultimate/img/overlays/darkgreen.webp"); }
body#top .overlay-blue::after { background: url("/bundles/themeultimate/img/overlays/blue.webp"); }
body#top .overlay-darkblue::after { background: url("/bundles/themeultimate/img/overlays/darkblue.webp"); }
body#top .overlay-cyan::after { background: url("/bundles/themeultimate/img/overlays/cyan.webp"); }
body#top .overlay-darkcyan::after { background: url("/bundles/themeultimate/img/overlays/darkcyan.webp"); }
body#top .overlay-magenta::after { background: url("/bundles/themeultimate/img/overlays/magenta.webp"); }
body#top .overlay-darkmagenta::after { background: url("/bundles/themeultimate/img/overlays/darkmagenta.webp"); }
body#top .overlay-yellow::after { background: url("/bundles/themeultimate/img/overlays/yellow.webp"); }
body#top .overlay-darkyellow::after { background: url("/bundles/themeultimate/img/overlays/darkyellow.webp"); }
body#top .overlay-bluegreen::after { background: url("/bundles/themeultimate/img/overlays/bluegreen.webp"); }
body#top .overlay-skyblue::after { background: url("/bundles/themeultimate/img/overlays/skyblue.webp"); }
body#top .overlay-purple::after { background: url("/bundles/themeultimate/img/overlays/purple.webp"); }
body#top .overlay-rose::after { background: url("/bundles/themeultimate/img/overlays/rose.webp"); }
body#top .overlay-orange::after { background: url("/bundles/themeultimate/img/overlays/orange.webp"); }
body#top .overlay-yellowgreen::after { background: url("/bundles/themeultimate/img/overlays/yellowgreen.webp"); }
body#top .overlay-noise::after { background: url("/bundles/themeultimate/img/overlays/noise.webp"); }
body#top .zoom-05:hover img { transform: scale(1.05); }
body#top .zoom-10:hover img { transform: scale(1.1); }
body#top .zoom-15:hover img { transform: scale(1.15); }
body#top .zoom-20:hover img { transform: scale(1.2); }
body#top .zoom-25:hover img { transform: scale(1.25); }
body#top .zoom-30:hover img { transform: scale(1.3); }
body#top .zoom-35:hover img { transform: scale(1.35); }
body#top .zoom-40:hover img { transform: scale(1.4); }
body#top .zoom-45:hover img { transform: scale(1.45); }
body#top .zoom-50:hover img { transform: scale(1.5); }
body#top [class*="zoom-neg"]:hover img { transform: scale(1); }
body#top .zoom-neg95 img { transform: scale(1.05); }
body#top .zoom-neg90 img { transform: scale(1.1); }
body#top .zoom-neg85 img { transform: scale(1.15); }
body#top .zoom-neg80 img { transform: scale(1.2); }
body#top .zoom-neg75 img { transform: scale(1.25); }
body#top .zoom-neg70 img { transform: scale(1.3); }
body#top .zoom-neg65 img { transform: scale(1.35); }
body#top .zoom-neg60 img { transform: scale(1.4); }
body#top .zoom-neg55 img { transform: scale(1.45); }
body#top .zoom-neg50 img { transform: scale(1.5); }
body#top .transition-linear-15 img { transition: 0.15s linear; }
body#top .transition-linear-25 img { transition: 0.25s linear; }
body#top .transition-linear-50 img,
body#top .switch-dark-mode .slider,
body#top .switch-dark-mode .slider::before { transition: 0.5s linear; }
body#top .transition-ease-in-15 img { transition: 0.15s ease-in; }
body#top .transition-ease-in-25 img { transition: 0.25s ease-in; }
body#top .transition-ease-in-50 img { transition: 0.5s ease-in; }
body#top .transition-ease-out-15 img { transition: 0.15s ease-out; }
body#top .transition-ease-out-25 img { transition: 0.25s ease-out; }
body#top .transition-ease-out-50 img { transition: 0.5s ease-out; }
body#top .transition-ease-in-out-15 img { transition: 0.15s ease-in-out; }
body#top .transition-ease-in-out-25 img { transition: 0.25s ease-in-out; }
body#top .transition-ease-in-out-50 img { transition: 0.5s ease-in-out; }
body#top #wrapper { padding-bottom: 78px; padding-top: 112px; }
@media screen and (min-width: 780px) {
body#top .header-left #wrapper,
body#top .header-right #wrapper { padding-top: 0px; }
}
@media screen and (max-width: 1039px) {
body#top #wrapper { padding-bottom: 72px; padding-top: 82px; }
}
@media screen and (max-width: 779px) {
body#top #wrapper { padding-bottom: 105px; padding-top: 89px; }
}
@media screen and (max-width: 519px) {
body#top #wrapper { padding-bottom: 120px; }
}
body#top #header { height: 112px; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 99; }
body#top #header .logo { width: 325px; }
body#top #nav-main-bar,
body#top #nav-main-bar .content-column-wrapper { overflow: visible; }
@media screen and (min-width: 780px) {
body#top .header-left #header .logo,
body#top .header-right #header .logo { width: 230px; }
}
@media screen and (max-width: 1039px) {
body#top #header { height: 82px; }
body#top #header .logo { width: 200px; }
}
@media screen and (max-width: 779px) {
body#top #header { height: 89px; }
body#top #header .logo { margin: 14px 0px; }
}
body#top #container,
body#top #teaser,
body#top .inside { position: relative; }
body#top #left { margin-left: -100%; }
@media screen and (max-width: 779px) {
body#top #left { margin-left: 0px; }
}
body#top #main { width: 100%; }
body#top #main .inside { min-height: 1px; }
body#top #right { margin-right: -100%; }
@media screen and (max-width: 779px) {
body#top #right { margin-right: 0px; }
}
body#top #footer { bottom: 0px; clear: both; height: 78px; left: 0px; overflow: hidden; position: absolute; right: 0px; }
body#top #footer .copyright { font-size: 0.875rem; }
body#top #footer .content-toplink { clear: both; display: block; margin: 0px auto; padding: 0px; width: 34px; }
body#top #footer .content-toplink a { display: block; height: 32px; padding: 6px 9px; text-decoration: none; width: 100%; }
body#top #footer .content-toplink a::before { font-size: 1.125rem; line-height: 1; margin: 0px; position: relative; }
body#top #footer .content-toplink span { display: none; }
@media screen and (max-width: 1039px) {
body#top #footer { height: 72px; }
}
@media screen and (max-width: 779px) {
body#top #footer { height: 105px; }
body#top #footer .copyright { float: none; margin: auto; text-align: center; }
}
@media screen and (max-width: 519px) {
body#top #footer { height: 120px; }
body#top #footer .copyright .footer-rechte { display: block; }
}
body#top .content-text { word-break: break-word; }
body#top .content-text abbr { cursor: help; position: relative; }
body#top .content-text code,
body#top .content-table code { font-family: "Lucida Console", Monaco, monospace; font-size: 0.875rem; }
body#top .content-text del { text-decoration: line-through; }
body#top .content-text em { font-style: italic; }
body#top .content-text hr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 2px; }
body#top .content-text kbd { box-decoration-break: clone; font-family: "Lucida Console", Monaco, monospace; font-size: 0.875rem; padding: 4px 4px 2px; }
body#top .content-text mark { box-decoration-break: clone; padding: 0px 5px; }
body#top .content-text pre { border-style: solid; border-width: 1px; display: block; font-family: "Lucida Console", Monaco, monospace; font-size: 0.875rem; overflow: auto; margin: 7px 0px; padding: 14px; white-space: pre; word-break: break-all; overflow-wrap: break-word; }
body#top .content-text sub,
body#top .content-text sup { font-size: 0.75rem; position: relative; top: -3px; vertical-align: text-top; }
body#top .content-text sub { top: 3px; vertical-align: text-bottom; }
@media screen and (max-width: 779px) {
body#top .content-text abbr[title]:hover::before { content: attr(title); left: -7px; padding: 3px 5px; position: absolute; text-decoration: none; top: -26px; white-space: nowrap; }
body#top .content-text abbr[title]:hover::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(52, 58, 64); clear: both; content: ""; left: 0px; position: absolute; top: -2px; }
}
body#top ul { list-style-type: none; }
body#top .content-list ol,
body#top .content-table ol,
body#top .content-text ol { counter-reset: item 0; list-style: none; }
body#top .content-list ol > li,
body#top .content-table ol > li,
body#top .content-text ol > li { counter-increment: item 1; padding-left: 41px; }
body#top .content-list ol > li::before,
body#top .content-table ol > li::before,
body#top .content-text ol > li::before { content: counters(item, ".") "."; margin-left: -20.5px; margin-right: 7px; }
body#top .content-list ol ol > li,
body#top .content-table ol ol > li,
body#top .content-text ol ol > li { padding-left: 53px; }
body#top .content-list ol ol > li::before,
body#top .content-table ol ol > li::before,
body#top .content-text ol ol > li::before { margin-left: -33.5px; }
body#top .content-list ol ol ol > li,
body#top .content-table ol ol ol > li,
body#top .content-text ol ol ol > li { padding-left: 66px; }
body#top .content-list ol ol ol > li::before,
body#top .content-table ol ol ol > li::before,
body#top .content-text ol ol ol > li::before { margin-left: -47px; }
body#top .content-list ol ol ol ol > li,
body#top .content-table ol ol ol ol > li,
body#top .content-text ol ol ol ol > li { padding-left: 80px; }
body#top .content-list ol ol ol ol > li::before,
body#top .content-table ol ol ol ol > li::before,
body#top .content-text ol ol ol ol > li::before { margin-left: -60px; }
body#top .content-list ul,
body#top .content-table ul,
body#top .content-text ul,
body#top .mod_newsletterlist ul { list-style-type: disc; padding-left: 35px; }
body#top .content-list ul ul,
body#top .content-table ul ul,
body#top .content-text ul ul { list-style-type: circle; }
body#top .content-list ul ul ul,
body#top .content-table ul ul ul,
body#top .content-text ul ul ul { list-style-type: square; }
body#top table { border-collapse: collapse; border-spacing: 0px; display: block; font-size: inherit; overflow: auto; width: 100%; }
body#top caption { padding: 7px 0px; }
body#top caption,
body#top th,
body#top td { text-align: start; vertical-align: middle; }
body#top th,
body#top td { border-style: solid; border-width: 1px; padding: 7px; }
body#top th[role="columnheader"] { padding-right: 14px; }
body#top th { font-weight: 700; }
@media screen and (max-width: 779px) {
body#top th[role="columnheader"] { padding-right: 21px; }
}
body#top .content-code code { border-style: solid; border-width: 1px; font-family: "Lucida Console", Monaco, monospace; font-size: 0.875rem; padding: 14px; }
body#top .content-accordion { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
body#top .content-accordion :is(h1, h2, h3, h4, h5, h6) { font-size: 1rem; margin-bottom: 2px; padding: 0px; }
body#top .content-accordion .handorgel__header__button::before { content: ""; display: inline-block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 1rem; font-weight: 700; margin-right: 5px; width: 15px; text-align: center; }
body#top .content-accordion .handorgel__header--open .handorgel__header__button::before { content: ""; }
body#top .content-accordion .handorgel__header button { border-style: solid; border-width: 1px; cursor: pointer; height: auto; outline: none; padding: 15px 12px; }
body#top .content-accordion .handorgel__content { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 7px 11px; }
body#top .content-accordion .handorgel__content__inner { padding: 0px; }
body#top .content-swiper.no-nav-slider button,
body#top .content-swiper.no-nav-slider .swiper-pagination { display: none; }
body#top .content-swiper { --swiper-navigation-size: 2rem; --swiper-theme-color: #fff; }
body#top a { text-decoration: none; }
body#top a:hover { text-decoration: underline; }
body#top p:not(.button) a[target="_blank"]::after,
body#top .button-link p.button a[target="_blank"]::after,
body#top .content-hyperlink a[target="_blank"]::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 0.75rem; font-weight: 700; margin-left: 3px; }
body#top .content-hyperlink { padding: 7px 0px; }
body#top .content-toplink { padding: 7px 0px 7px 12px; }
body#top .content-toplink a::before { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 0.75rem; font-weight: 700; margin: 4px 0px 0px -12px; position: absolute; }
body#top .content-toplink span { margin-left: 3px; }
body#top figure { position: relative; }
body#top .content-image a + figcaption,
body#top .content-gallery a + figcaption,
body#top .content-text figure a + figcaption { margin-top: -7px; }
body#top .content-image figcaption,
body#top .content-gallery figcaption,
body#top .content-text figure figcaption { margin-top: -4px; padding: 7px; position: relative; }
body#top .content-text.media--left figure,
body#top .content-text.media--right figure { margin: 11px 21px 11px 0px; width: 33.3333%; }
body#top .content-text.media--right figure { margin: 11px 0px 11px 21px; }
@media screen and (max-width: 1039px) {
body#top .content-text.media--left figure,
body#top .content-text.media--right figure { width: 50%; }
}
@media screen and (max-width: 519px) {
body#top .content-text.media--left figure,
body#top .content-text.media--right figure { margin: 7px 0px 14px; width: 100%; }
}
body#top .content-gallery ul { list-style: none; display: grid; gap: 14px; padding: 0px; }
body#top .content-gallery--cols-2 ul { grid-template-columns: repeat(2, 1fr); }
body#top .content-gallery--cols-3 ul { grid-template-columns: repeat(3, 1fr); }
body#top .content-gallery--cols-4 ul { grid-template-columns: repeat(4, 1fr); }
body#top .content-gallery--cols-5 ul { grid-template-columns: repeat(5, 1fr); }
body#top .content-gallery--cols-6 ul { grid-template-columns: repeat(6, 1fr); }
body#top .content-gallery--cols-7 ul { grid-template-columns: repeat(7, 1fr); }
body#top .content-gallery--cols-8 ul { grid-template-columns: repeat(8, 1fr); }
body#top .content-gallery--cols-9 ul { grid-template-columns: repeat(9, 1fr); }
body#top .content-gallery--cols-10 ul { grid-template-columns: repeat(10, 1fr); }
body#top .content-gallery--cols-11 ul { grid-template-columns: repeat(11, 1fr); }
body#top .content-gallery--cols-12 ul { grid-template-columns: repeat(12, 1fr); }
@media screen and (max-width: 1039px) {
body#top .content-gallery--cols-5 ul,
body#top .content-gallery--cols-6 ul { grid-template-columns: repeat(4, 1fr); }
body#top .content-gallery--cols-7 ul,
body#top .content-gallery--cols-8 ul,
body#top .content-gallery--cols-9 ul { grid-template-columns: repeat(5, 1fr); }
body#top .content-gallery--cols-10 ul,
body#top .content-gallery--cols-11 ul,
body#top .content-gallery--cols-12 ul { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (max-width: 779px) {
body#top .content-gallery--cols-7 ul,
body#top .content-gallery--cols-8 ul,
body#top .content-gallery--cols-9 ul,
body#top .content-gallery--cols-10 ul,
body#top .content-gallery--cols-11 ul,
body#top .content-gallery--cols-12 ul { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 519px) {
body#top .content-gallery--cols-3 ul,
body#top .content-gallery--cols-4 ul { grid-template-columns: repeat(2, 1fr); }
body#top .content-gallery--cols-5 ul,
body#top .content-gallery--cols-6 ul,
body#top .content-gallery--cols-7 ul,
body#top .content-gallery--cols-8 ul,
body#top .content-gallery--cols-9 ul,
body#top .content-gallery--cols-10 ul,
body#top .content-gallery--cols-11 ul,
body#top .content-gallery--cols-12 ul { grid-template-columns: repeat(3, 1fr); }
}
body#top .content-player audio { width: 100%; }
body#top .content-player video { height: 100%; width: 100%; }
body#top .content-youtube figure { height: auto; padding-bottom: 56.25%; position: relative; width: 100%; }
body#top .content-youtube iframe { inset: 0px; position: absolute; height: 100% !important; width: 100% !important; }
body#top .content-vimeo figure { height: auto; padding-bottom: 56.25%; position: relative; width: 100%; }
body#top .content-vimeo iframe { inset: 0px; position: absolute; height: 100% !important; width: 100% !important; }
body#top #colorbox #cboxClose,
body#top #colorbox #cboxPrevious,
body#top #colorbox #cboxNext { background: transparent; }
body#top #colorbox #cboxClose::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 2rem; font-weight: 700; height: 40px; left: 0px; line-height: 1.25; position: absolute; text-indent: 0px; top: 0px; width: 40px; }
body#top #colorbox #cboxPrevious::after,
body#top #colorbox #cboxNext::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 2rem; font-weight: 700; height: 65px; left: -2px; line-height: 2; position: absolute; text-indent: 0px; top: 0px; width: 30px; }
body#top #colorbox #cboxNext::after { content: ""; left: 2px; }
body#top #colorbox #cboxTitle { inset: auto 0px 0px; padding: 7px 5px; width: 100%; }
body#top .content-download,
body#top .content-downloads { border-style: solid; border-width: 1px; overflow: visible; padding: 14px 7px 7px; }
body#top .content-download { padding-top: 21px; }
body#top .content-download::before,
body#top .content-downloads::before { border-style: solid; border-width: 1px; content: "Download"; font-weight: 700; margin-top: -25px; padding: 0px 7px; position: absolute; }
body#top .content-download::before { margin-top: -32px; }
body#top .content-download.download-element a,
body#top .content-downloads .download-element a { padding: 0px 0px 0px 22px; }
body#top .content-download .size,
body#top .content-downloads .size { font-size: 0.625rem; }
body#top .content-downloads::before { content: "Downloads"; }
body#top .ce_form .widget { padding: 7px 2px; }
body#top .ce_form .widget-text label,
body#top .ce_form .widget-textarea label,
body#top .ce_form .widget-select label,
body#top .ce_form .widget-password label,
body#top .ce_form .widget-upload label,
body#top .ce_form .widget-range label,
body#top .ce_form .widget-captcha label,
body#top .ce_form .widget-radio legend,
body#top .ce_form .widget-checkbox legend,
body#top fieldset legend { font-weight: 700; }
body#top .ce_form .checkbox_container label,
body#top .ce_form .radio_container label { display: block; margin: -21px 0px 0px 21px; }
body#top .ce_form .widget:is([class*="grid-"], [class*="col-"]) label,
body#top .ce_form .widget:is([class*="grid-"], [class*="col-"]) legend { padding: 0px; width: 100%; }
body#top .ce_comments { margin-top: 21px; width: 100%; }
body#top .ce_comments .widget { padding: 7px 2px; }
body#top .ce_comments .widget-text label,
body#top .ce_comments .widget-textarea label { font-weight: 700; }
body#top .ce_comments .widget-text.mandatory { float: left; width: 50%; }
@media screen and (max-width: 779px) {
body#top .ce_comments .widget-text.mandatory { float: none; width: 100%; }
}
body#top .ce_comments .comment_default:not(:last-of-type) { margin-bottom: 28px; }
body#top .ce_comments p.info { font-weight: 700; }
body#top .ce_comments p.date { font-size: 0.75rem; margin-top: -14px; }
body#top .ce_comments .reply { border-left-style: solid; border-left-width: 3px; margin: 7px 0px 7px 14px; padding-left: 21px; }
body#top .ce_comments .tl_confirm { border-style: solid; border-width: 1px; padding: 7px 11px; }
body#top .content-teaser-image { padding: 35px 0px; width: 100%; }
body#top .content-teaser-image > div { position: relative; }
body#top .content-teaser-image .height-lg { height: 430px; }
body#top .content-teaser-image .height-md { height: 280px; }
body#top .content-teaser-image .height-sm { height: 130px; }
body#top .content-teaser-image .fullheight { height: calc(-182px + 100vh); }
body#top .content-teaser-image .box-width-85 { padding: 0px 7.5%; }
body#top .content-teaser-image .box-width-50 { padding: 0px 25%; }
body#top .content-teaser-image .box-width-35 { padding: 0px 32.5%; }
body#top .content-teaser-image .left.box-width-85 { padding: 0px 15% 0px 0px; }
body#top .content-teaser-image .left.box-width-50 { padding: 0px 50% 0px 0px; }
body#top .content-teaser-image .left.box-width-35 { padding: 0px 65% 0px 0px; }
body#top .content-teaser-image .right.box-width-85 { padding: 0px 0px 0px 15%; }
body#top .content-teaser-image .right.box-width-50 { padding: 0px 0px 0px 50%; }
body#top .content-teaser-image .right.box-width-35 { padding: 0px 0px 0px 65%; }
body#top .content-teaser-image .inside { display: inline-block; padding: 0px 14px; }
body#top .content-teaser-image .wrapperpadding { padding-bottom: 35px; }
body#top .content-teaser-image .contentpadding { padding: 7px 14px; }
body#top .content-teaser-image .inside:last-of-type { margin-top: 7px; }
body#top.boxed .content-teaser-image .left .inside,
body#top .content-teaser-image .left .nobox .content-headline { margin-left: -15px; }
body#top.boxed .content-teaser-image .right .inside,
body#top .content-teaser-image .right .nobox .content-headline { margin-right: -15px; }
body#top .content-teaser-image :is(.fullwidth, .width-fluid) .left .inside,
body#top.boxed .content-teaser-image .left .inside.no-indent { margin-left: 0px; }
body#top .content-teaser-image :is(.fullwidth, .width-fluid) .right .inside,
body#top.boxed .content-teaser-image .right .inside.no-indent { margin-right: 0px; }
body#top .content-teaser-image .left .inside.no-indent { margin-left: 15px; }
body#top .content-teaser-image .right .inside.no-indent { margin-right: 15px; }
body#top .content-teaser-image .content-headline,
body#top .content-teaser-image .content-text { display: block; position: relative; z-index: 1; }
body#top .content-teaser-image :is(.fullwidth, .width-fluid) .content-headline,
body#top .content-teaser-image :is(.fullwidth, .width-fluid) .content-text { margin: auto 0px; }
body#top .content-teaser-image .scrolldown { bottom: -25px; left: 0px; position: absolute; right: 0px; text-align: center; width: 100%; }
body#top .content-teaser-image .scrolldown a { font-size: 2rem; }
body#top .content-teaser-image .scrolldown a:hover { text-decoration: none; }
body#top .content-teaser-image .scrolldown a::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 700; position: relative; }
body#top .content-teaser-image .nobox { width: 100%; }
body#top .content-teaser-image .nobox .content-headline { box-decoration-break: clone; display: inline; line-height: 2; padding: 7px 14px; }
@media screen and (max-width: 1039px) {
body#top .content-teaser-image { padding: 25px 0px; }
body#top .content-teaser-image .height-lg { height: 350px; }
body#top .content-teaser-image .height-md { height: 200px; }
body#top .content-teaser-image .height-sm { height: 100px; }
body#top .content-teaser-image .fullheight { height: calc(-132px + 100vh); }
}
@media screen and (max-width: 779px) {
body#top .content-teaser-image .height-lg { height: 250px; }
body#top .content-teaser-image .height-md { height: 150px; }
body#top .content-teaser-image .height-sm { height: auto; }
body#top .content-teaser-image .fullheight { height: calc(-140px + 100vh); }
body#top .content-teaser-image .box-width-85,
body#top .content-teaser-image .box-width-50,
body#top .content-teaser-image .box-width-35,
body#top .content-teaser-image .left.box-width-85,
body#top .content-teaser-image .left.box-width-50,
body#top .content-teaser-image .left.box-width-35,
body#top .content-teaser-image .right.box-width-85,
body#top .content-teaser-image .right.box-width-50,
body#top .content-teaser-image .right.box-width-35 { padding-left: 0px; padding-right: 0px; }
body#top .content-teaser-image .inside { padding: 0px 10px; }
body#top.boxed .content-teaser-image .left .inside,
body#top .content-teaser-image :is(.fullwidth, .width-fluid) .left .inside { margin-left: 0px; }
body#top.boxed .content-teaser-image .right .inside,
body#top .content-teaser-image :is(.fullwidth, .width-fluid) .right .inside { margin-right: 0px; }
}
@media screen and (max-width: 519px) {
body#top .content-teaser-image .content-headline,
body#top .content-teaser-image .content-text { margin: auto 0px; }
}
body#top .content-teaser-box { width: 100%; }
body#top .content-teaser-box .height-lg { height: 430px; }
body#top .content-teaser-box .height-md { height: 280px; }
body#top .content-teaser-box .height-sm { height: 130px; }
body#top .content-teaser-box .fullheight { height: calc(-112px + 100vh); }
body#top .content-teaser-box.overlay::after { z-index: 0; }
body#top .content-teaser-box .inside { height: 100%; padding: 15px; position: absolute; top: 0px; width: 100%; z-index: 1; }
body#top .content-teaser-box .inside.relative { height: auto; position: relative; }
body#top .content-teaser-box .inside.no-padding { padding: 0px; }
body#top .content-teaser-box .item { padding: 7px 11px; position: relative; }
body#top .content-teaser-box .box-outside .colorbox { opacity: 1 !important; }
body#top .content-teaser-box .content-headline,
body#top .content-teaser-box .content-text,
body#top .content-teaser-box .button { position: relative; z-index: 1; }
body#top .content-teaser-box figure { height: 100%; }
body#top .content-teaser-box img { height: 100%; object-fit: cover; }
body#top .content-teaser-box .content-image a img { border-style: none; border-width: 0px; padding: 0px; }
body#top .content-teaser-box .highlight { font-weight: 700; line-height: 1.25; padding: 3px; position: absolute; right: -28px; text-align: center; top: 10px; transform: rotate(45deg); width: 100px; z-index: 1; }
@media screen and (min-width: 1040px) {
body#top .content-teaser-box .inside.no-padding-lg { padding: 0px; }
body#top .content-teaser-box .box-width-lg-85 { margin: 0px 7.5%; }
body#top .content-teaser-box .box-width-lg-50 { margin: 0px 25%; }
body#top .content-teaser-box .box-width-lg-35 { margin: 0px 32.5%; }
body#top .content-teaser-box .left .box-width-lg-85 { margin: 0px 15% 0px 0px; }
body#top .content-teaser-box .left .box-width-lg-50 { margin: 0px 50% 0px 0px; }
body#top .content-teaser-box .left .box-width-lg-35 { margin: 0px 65% 0px 0px; }
body#top .content-teaser-box .right .box-width-lg-85 { margin: 0px 0px 0px 15%; }
body#top .content-teaser-box .right .box-width-lg-50 { margin: 0px 0px 0px 50%; }
body#top .content-teaser-box .right .box-width-lg-35 { margin: 0px 0px 0px 65%; }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
body#top .content-teaser-box .inside.no-padding-md { padding: 0px; }
body#top .content-teaser-box .box-width-md-85 { margin: 0px 7.5%; }
body#top .content-teaser-box .box-width-md-50 { margin: 0px 25%; }
body#top .content-teaser-box .box-width-md-35 { margin: 0px 32.5%; }
body#top .content-teaser-box .left .box-width-md-85 { margin: 0px 15% 0px 0px; }
body#top .content-teaser-box .left .box-width-md-50 { margin: 0px 50% 0px 0px; }
body#top .content-teaser-box .left .box-width-md-35 { margin: 0px 65% 0px 0px; }
body#top .content-teaser-box .right .box-width-md-85 { margin: 0px 0px 0px 15%; }
body#top .content-teaser-box .right .box-width-md-50 { margin: 0px 0px 0px 50%; }
body#top .content-teaser-box .right .box-width-md-35 { margin: 0px 0px 0px 65%; }
}
@media screen and (max-width: 1039px) {
body#top .content-teaser-box .height-lg { height: 350px; }
body#top .content-teaser-box .height-md { height: 200px; }
body#top .content-teaser-box .height-sm { height: 100px; }
body#top .content-teaser-box .fullheight { height: calc(-62px + 100vh); }
}
@media screen and (min-width: 780px) {
body#top .content-teaser-box .bg-outside .colorbox { background: transparent !important; }
}
@media screen and (max-width: 779px) {
body#top .content-teaser-box .height-lg { height: 250px; }
body#top .content-teaser-box .height-md { height: 150px; }
body#top .content-teaser-box .height-sm { height: auto; }
body#top .content-teaser-box .fullheight { height: calc(-140px + 100vh); }
body#top .content-teaser-box .inside { height: auto; padding: 0px; position: relative; }
body#top .content-teaser-box .item { margin: 0px !important; }
body#top .content-teaser-box .colorbox { opacity: 1 !important; }
}
body#top .content-text-image-tile { width: 100%; }
body#top .content-text-image-tile .box-img.overlay::after { z-index: 0; }
body#top .content-text-image-tile .box-img { bottom: 0px; height: 100%; position: absolute; right: 0px; top: 0px; width: 50%; }
body#top .content-text-image-tile .box-img.arrow::before { content: ""; height: 20px; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; transform: rotate(-45deg); width: 20px; z-index: 1; }
body#top .content-text-image-tile.text-right .box-img { left: 0px; right: auto; }
body#top .content-text-image-tile.text-right .box-img.arrow::before { right: -10px; }
body#top .content-text-image-tile .height-lg { height: 80vh; }
body#top .content-text-image-tile .height-md { height: 60vh; }
body#top .content-text-image-tile .height-sm { height: 40vh; }
body#top .content-text-image-tile .fullheight { height: calc(-112px + 100vh); }
body#top .content-text-image-tile .box-text .inside:not(.no-padding) { padding: 35px 0px; }
body#top .content-text-image-tile.text-left .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-left .box-text > .inside > .button { margin-right: calc(50% + 25px); }
body#top .content-text-image-tile.text-right .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-right .box-text > .inside > .button { margin-left: calc(50% + 25px); }
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .content-headline,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .content-text,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .button,
body#top .content-text-image-tile.text-left .box-text.width-lg .content-headline,
body#top .content-text-image-tile.text-left .box-text.width-lg .content-text,
body#top .content-text-image-tile.text-left .box-text.width-lg .button { margin-left: 14px; }
body#top.boxed .content-text-image-tile.text-left .box-text.width-lg .content-headline,
body#top.boxed .content-text-image-tile.text-left .box-text.width-lg .content-text,
body#top.boxed .content-text-image-tile.text-left .box-text.width-lg .button { margin-left: 0px; }
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .content-headline,
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .content-text,
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .button,
body#top .content-text-image-tile.text-right .box-text.width-lg .content-headline,
body#top .content-text-image-tile.text-right .box-text.width-lg .content-text,
body#top .content-text-image-tile.text-right .box-text.width-lg .button { margin-right: 14px; }
body#top.boxed .content-text-image-tile.text-right .box-text.width-lg .content-headline,
body#top.boxed .content-text-image-tile.text-right .box-text.width-lg .content-text,
body#top.boxed .content-text-image-tile.text-right .box-text.width-lg .button { margin-right: 0px; }
@media screen and (max-width: 1039px) {
body#top .content-text-image-tile .box-text .inside:not(.no-padding) { padding: 25px 0px; }
}
@media screen and (max-width: 779px) {
body#top .content-text-image-tile .box-img { height: 50vh; position: relative; width: 100%; }
body#top .content-text-image-tile .box-img.arrow::before,
body#top .content-text-image-tile .box-img.arrow::before { inset: auto auto -10px 50%; }
body#top .content-text-image-tile .height-lg,
body#top .content-text-image-tile .height-md,
body#top .content-text-image-tile .height-sm,
body#top .content-text-image-tile .fullheight { height: auto; }
body#top .content-text-image-tile .box-text { display: block; padding: 0px 10px; }
body#top .content-text-image-tile .box-text.no-padding { padding: 0px; }
body#top .content-text-image-tile .box-text .inside { display: block; padding: 15px 0px; }
body#top .content-text-image-tile .box-text .inside.no-padding { padding: 0px; }
body#top .content-text-image-tile.text-left .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-left .box-text > .inside > .button,
body#top .content-text-image-tile.text-right .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-right .box-text > .inside > .button,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .content-headline,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .content-text,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .button,
body#top .content-text-image-tile.text-left .box-text.width-lg .content-headline,
body#top .content-text-image-tile.text-left .box-text.width-lg .content-text,
body#top .content-text-image-tile.text-left .box-text.width-lg .button .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .content-headline,
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .content-text,
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .button,
body#top .content-text-image-tile.text-right .box-text.width-lg .content-headline,
body#top .content-text-image-tile.text-right .box-text.width-lg .content-text,
body#top .content-text-image-tile.text-right .box-text.width-lg .button { margin-left: 0px; margin-right: 0px; }
}
body#top .content-notice-box { border-style: solid; border-width: 1px; margin: 7px 0px; width: 100%; }
body#top .content-notice-box:is(.no-border, .border-0) { border-style: none; border-width: 0px; }
body#top .content-notice-box:is(.no-margin, .mb-0) { margin: 0px; }
body#top .content-notice-box .inside { padding: 7px 11px; width: 100%; }
body#top .content-notice-box .icon { border-color: transparent; outline-color: transparent; text-align: center; }
body#top .content-notice-box .icon.left.icon-xlg,
body#top .content-notice-box .icon.right.icon-xlg { width: 120px; }
body#top .content-notice-box .icon.left.icon-lg,
body#top .content-notice-box .icon.right.icon-lg { width: 110px; }
body#top .content-notice-box .icon.left.icon-md,
body#top .content-notice-box .icon.right.icon-md { width: 100px; }
body#top .content-notice-box .icon.left.icon-sm,
body#top .content-notice-box .icon.right.icon-sm { width: 90px; }
body#top .content-notice-box .icon.left.icon-xsm,
body#top .content-notice-box .icon.right.icon-xsm { width: 80px; }
body#top .content-notice-box .icon.left i,
body#top .content-notice-box .icon.left svg { margin: 0px 7px 0px 0px; }
body#top .content-notice-box .icon.right i,
body#top .content-notice-box .icon.right svg { margin: 0px 0px 0px 7px; }
body#top .content-notice-box .item.before,
body#top .content-notice-box .item.after { display: table-row; }
body#top .content-team-box { border-color: transparent; padding: 7px 11px; width: 100%; }
body#top .content-team-box img { margin: 7px 0px; width: 180px; }
body#top .content-team-box .img-center img { margin: 7px auto; }
body#top .content-team-box .img-left img { float: left; }
body#top .content-team-box .img-right img { float: right; }
body#top .content-team-box p.content-headline { font-size: 1.25rem; font-weight: 700; }
body#top .content-team-box p.function { font-size: 0.75rem; margin-top: -21px; }
body#top .content-team-box .email.icon::before,
body#top .content-team-box .phone.icon::before,
body#top .content-team-box .mobile.icon::before { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 1rem; font-weight: 700; margin-right: 7px; }
body#top .content-team-box .email.icon::before { content: ""; }
body#top .content-team-box .phone.icon::before { content: ""; }
body#top .content-team-box .mobile.icon::before { content: ""; }
body#top .content-team-box ul.socials-list { list-style-type: none; padding: 0px; }
body#top .content-team-box ul.socials-list li { display: inline-block; margin: 0px 3px; }
@media screen and (max-width: 1039px) {
body#top .content-team-box img { width: 165px; }
}
@media screen and (max-width: 779px) {
body#top .content-team-box img { width: 150px; }
}
body#top .content-quote-box { width: 100%; }
body#top .content-quote-box .inside > div:not(.content-text) { width: 0px; }
body#top .content-quote-box .img-left .content-image { padding: 0px 21px 0px 0px; }
body#top .content-quote-box .img-right .content-image { padding: 0px 0px 0px 21px; }
body#top .content-quote-box .offset-sm blockquote { margin: 7px 0px; }
body#top .content-quote-box .offset-md blockquote { margin: 21px 0px; }
body#top .content-quote-box .offset-lg blockquote { margin: 28px 0px; }
body#top blockquote { border-left-style: solid; border-left-width: 3px; margin: 14px 0px; padding-left: 21px; position: relative; quotes: none; }
body#top blockquote::before,
body#top blockquote::after { content: none; }
body#top blockquote footer { font-size: 75%; padding: 7px 0px; }
body#top blockquote footer::before { content: "— "; }
body#top .quote-box-2 blockquote { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
body#top .quote-box-2 blockquote::before { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 3rem; font-weight: 700; left: 1px; position: absolute; top: 14px; z-index: -1; }
body#top .quote-box-3 blockquote { border-bottom-style: solid; border-bottom-width: 3px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top-style: solid; border-top-width: 3px; padding: 14px 21px 7px; }
body#top .quote-box-3 blockquote::before { content: ""; display: block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 2rem; font-weight: 700; height: 42px; line-height: 48px; margin: -36px auto -7px; text-align: center; width: 42px; }
@media screen and (min-width: 1300px) {
body#top .content-quote-box .box-xlg-width-lg { margin: 0px 10%; width: 80%; }
body#top .content-quote-box .box-xlg-width-md { margin: 0px 17.5%; width: 65%; }
body#top .content-quote-box .box-xlg-width-sm { margin: 0px 25%; width: 50%; }
body#top .content-quote-box .box-left.box-xlg-width-lg { margin: 0px 20% 0px 0px; width: 80%; }
body#top .content-quote-box .box-left.box-xlg-width-md { margin: 0px 35% 0px 0px; width: 65%; }
body#top .content-quote-box .box-left.box-xlg-width-sm { margin: 0px 50% 0px 0px; width: 50%; }
body#top .content-quote-box .box-right.box-xlg-width-lg { margin: 0px 0px 0px 20%; width: 80%; }
body#top .content-quote-box .box-right.box-xlg-width-md { margin: 0px 0px 0px 35%; width: 65%; }
body#top .content-quote-box .box-right.box-xlg-width-sm { margin: 0px 0px 0px 50%; width: 50%; }
body#top .content-quote-box .content-image img { width: 150px; }
}
@media screen and (max-width: 1299px) and (min-width: 1040px) {
body#top .content-quote-box .box-lg-width-lg { margin: 0px 10%; width: 80%; }
body#top .content-quote-box .box-lg-width-md { margin: 0px 17.5%; width: 65%; }
body#top .content-quote-box .box-lg-width-sm { margin: 0px 25%; width: 50%; }
body#top .content-quote-box .box-left.box-lg-width-lg { margin: 0px 20% 0px 0px; width: 80%; }
body#top .content-quote-box .box-left.box-lg-width-md { margin: 0px 35% 0px 0px; width: 65%; }
body#top .content-quote-box .box-left.box-lg-width-sm { margin: 0px 50% 0px 0px; width: 50%; }
body#top .content-quote-box .box-right.box-lg-width-lg { margin: 0px 0px 0px 20%; width: 80%; }
body#top .content-quote-box .box-right.box-lg-width-md { margin: 0px 0px 0px 35%; width: 65%; }
body#top .content-quote-box .box-right.box-lg-width-sm { margin: 0px 0px 0px 50%; width: 50%; }
body#top .content-quote-box .content-image img { width: 150px; }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
body#top .content-quote-box .box-md-width-lg { margin: 0px 5%; width: 90%; }
body#top .content-quote-box .box-md-width-md { margin: 0px 10%; width: 80%; }
body#top .content-quote-box .box-md-width-sm { margin: 0px 15%; width: 70%; }
body#top .content-quote-box .box-left.box-md-width-lg { margin: 0px 10% 0px 0px; width: 90%; }
body#top .content-quote-box .box-left.box-md-width-md { margin: 0px 20% 0px 0px; width: 80%; }
body#top .content-quote-box .box-left.box-md-width-sm { margin: 0px 30% 0px 0px; width: 70%; }
body#top .content-quote-box .box-right.box-md-width-lg { margin: 0px 0px 0px 10%; width: 90%; }
body#top .content-quote-box .box-right.box-md-width-md { margin: 0px 0px 0px 20%; width: 80%; }
body#top .content-quote-box .box-right.box-md-width-sm { margin: 0px 0px 0px 30%; width: 70%; }
body#top .content-quote-box .img-left .content-image { padding: 0px 14px 0px 0px; }
body#top .content-quote-box .img-right .content-image { padding: 0px 0px 0px 14px; }
body#top .content-quote-box .content-image img { width: 130px; }
body#top blockquote { padding-left: 14px; }
}
@media screen and (max-width: 779px) and (min-width: 520px) {
body#top .content-quote-box .box-sm-width-lg { margin: 0px 5%; width: 90%; }
body#top .content-quote-box .box-sm-width-md { margin: 0px 10%; width: 80%; }
body#top .content-quote-box .box-sm-width-sm { margin: 0px 15%; width: 70%; }
body#top .content-quote-box .box-left.box-sm-width-lg { margin: 0px 10% 0px 0px; width: 90%; }
body#top .content-quote-box .box-left.box-sm-width-md { margin: 0px 20% 0px 0px; width: 80%; }
body#top .content-quote-box .box-left.box-sm-width-sm { margin: 0px 30% 0px 0px; width: 70%; }
body#top .content-quote-box .box-right.box-sm-width-lg { margin: 0px 0px 0px 10%; width: 90%; }
body#top .content-quote-box .box-right.box-sm-width-md { margin: 0px 0px 0px 20%; width: 80%; }
body#top .content-quote-box .box-right.box-sm-width-sm { margin: 0px 0px 0px 30%; width: 70%; }
body#top .content-quote-box .img-left .content-image { padding: 0px 14px 0px 0px; }
body#top .content-quote-box .img-right .content-image { padding: 0px 0px 0px 14px; }
body#top .content-quote-box .content-image img { width: 130px; }
body#top blockquote { padding-left: 14px; }
}
@media screen and (max-width: 519px) {
body#top .content-quote-box .box-md-width-lg,
body#top .content-quote-box .box-md-width-md,
body#top .content-quote-box .box-md-width-sm,
body#top .content-quote-box .box-left.box-md-width-lg,
body#top .content-quote-box .box-left.box-md-width-md,
body#top .content-quote-box .box-left.box-md-width-sm,
body#top .content-quote-box .box-right.box-md-width-lg,
body#top .content-quote-box .box-right.box-md-width-md,
body#top .content-quote-box .box-right.box-md-width-sm { margin: 0px; }
body#top .content-quote-box .img-left .content-image { padding: 0px 7px 0px 0px; }
body#top .content-quote-box .img-right .content-image { padding: 0px 0px 0px 7px; }
body#top .content-quote-box .content-image img { width: 100px; }
body#top .content-quote-box .img-left figure { margin-left: -15px; }
body#top .content-quote-box .img-right figure { margin-right: -15px; }
body#top blockquote { padding-left: 7px; }
}
body#top .content-price-table { width: 100%; }
body#top .content-price-table .content-headline i { margin-right: 7px; }
body#top .content-price-table .price-box .currency,
body#top .content-price-table .price-box .price,
body#top .content-price-table .price-box .unit { display: inline-block; font-weight: 700; }
body#top .content-price-table .price-box .currency.price-xlg { position: relative; top: -21px; }
body#top .content-price-table .price-box .currency.price-lg { top: -15px; }
body#top .content-price-table .price-box .currency.price-md { top: -10px; }
body#top .content-price-table .price-box .currency.price-sm { top: -5px; }
body#top .content-price-table .price-box .currency.price-xsm { top: 0px; }
body#top .content-price-table .price-box .price.price-xlg { font-size: 3rem; }
body#top .content-price-table .price-box .price.price-lg { font-size: 2.5rem; }
body#top .content-price-table .price-box .price.price-md { font-size: 2rem; }
body#top .content-price-table .price-box .price.price-sm { font-size: 1.5rem; }
body#top .content-price-table .price-box .price.price-xsm { font-size: 1rem; }
body#top .content-price-table .price-box .unit { font-weight: inherit; }
body#top .content-price-table .content-text { font-size: 0.75rem; }
body#top .content-price-table ul.services-list { padding-left: 35px; }
body#top .content-price-table ul.services-list li.item { line-height: 2; }
body#top .content-price-table ul.services-list li.item i { margin: 7px 0px 0px -22px; position: absolute; }
body#top .content-price-table ul.services-list li.item.highlight { font-weight: 700; }
body#top .content-price-table ul.services-list li.item.crossout { text-decoration: line-through; }
body#top .content-icon-box,
body#top .content-icon-box .inside { width: 100%; }
body#top .content-icon-box[class*="border-"],
body#top .content-icon-box[class*="bg-"],
body#top .content-icon-box.padding { padding: 7px 11px; }
body#top .content-icon-box .icon { margin: 7px 0px; text-align: center; }
body#top .content-icon-box .icon a { display: block; }
body#top .content-icon-box .icon.left i,
body#top .content-icon-box .icon.left svg { margin: 0px 7px 0px 0px; }
body#top .content-icon-box .icon.right i,
body#top .content-icon-box .icon.right svg { margin: 0px 0px 0px 7px; }
body#top .content-icon-box .icon.left.outline-width-1 i,
body#top .content-icon-box .icon.left.outline-width-1 svg,
body#top .content-icon-box .icon.left.outline-width-1 span { margin: 1px 7px 1px 1px; }
body#top .content-icon-box .icon.left.outline-width-2 i,
body#top .content-icon-box .icon.left.outline-width-2 svg,
body#top .content-icon-box .icon.left.outline-width-2 span { margin: 2px 9px 2px 2px; }
body#top .content-icon-box .icon.left.outline-width-3 i,
body#top .content-icon-box .icon.left.outline-width-3 svg,
body#top .content-icon-box .icon.left.outline-width-3 span { margin: 3px 10px 3px 3px; }
body#top .content-icon-box .icon.left.outline-width-5 i,
body#top .content-icon-box .icon.left.outline-width-5 svg,
body#top .content-icon-box .icon.left.outline-width-5 span { margin: 5px 12px 5px 5px; }
body#top .content-icon-box .icon.left.outline-width-7 i,
body#top .content-icon-box .icon.left.outline-width-7 svg,
body#top .content-icon-box .icon.left.outline-width-7 span { margin: 7px 14px 7px 7px; }
body#top .content-icon-box .icon.left.outline-width-9 i,
body#top .content-icon-box .icon.left.outline-width-9 svg,
body#top .content-icon-box .icon.left.outline-width-9 span { margin: 9px 16px 9px 9px; }
body#top .content-icon-box .icon.left.outline-width-14 i,
body#top .content-icon-box .icon.left.outline-width-14 svg,
body#top .content-icon-box .icon.left.outline-width-14 span { margin: 14px 21px 14px 14px; }
body#top .content-icon-box .icon.left.outline-width-21 i,
body#top .content-icon-box .icon.left.outline-width-21 svg,
body#top .content-icon-box .icon.left.outline-width-21 span { margin: 21px 28px 21px 21px; }
body#top .content-icon-box .icon.left.outline-width-28 i,
body#top .content-icon-box .icon.left.outline-width-28 svg,
body#top .content-icon-box .icon.left.outline-width-28 span { margin: 28px 35px 28px 28px; }
body#top .content-icon-box .icon.right.outline-width-1 i,
body#top .content-icon-box .icon.right.outline-width-1 svg,
body#top .content-icon-box .icon.right.outline-width-1 span { margin: 1px 1px 1px 8px; }
body#top .content-icon-box .icon.right.outline-width-2 i,
body#top .content-icon-box .icon.right.outline-width-2 svg,
body#top .content-icon-box .icon.right.outline-width-2 span { margin: 2px 2px 2px 9px; }
body#top .content-icon-box .icon.right.outline-width-3 i,
body#top .content-icon-box .icon.right.outline-width-3 svg,
body#top .content-icon-box .icon.right.outline-width-3 span { margin: 3px 3px 3px 10px; }
body#top .content-icon-box .icon.right.outline-width-5 i,
body#top .content-icon-box .icon.right.outline-width-5 svg,
body#top .content-icon-box .icon.right.outline-width-5 span { margin: 5px 5px 5px 12px; }
body#top .content-icon-box .icon.right.outline-width-7 i,
body#top .content-icon-box .icon.right.outline-width-7 svg,
body#top .content-icon-box .icon.right.outline-width-7 span { margin: 7px 7px 7px 14px; }
body#top .content-icon-box .icon.right.outline-width-9 i,
body#top .content-icon-box .icon.right.outline-width-9 svg,
body#top .content-icon-box .icon.right.outline-width-9 span { margin: 9px 9px 9px 16px; }
body#top .content-icon-box .icon.right.outline-width-14 i,
body#top .content-icon-box .icon.right.outline-width-14 svg,
body#top .content-icon-box .icon.right.outline-width-14 span { margin: 14px 14px 14px 21px; }
body#top .content-icon-box .icon.right.outline-width-21 i,
body#top .content-icon-box .icon.right.outline-width-21 svg,
body#top .content-icon-box .icon.right.outline-width-21 span { margin: 21px 21px 21px 28px; }
body#top .content-icon-box .icon.right.outline-width-28 i,
body#top .content-icon-box .icon.right.outline-width-28 svg,
body#top .content-icon-box .icon.right.outline-width-28 span { margin: 28px 28px 28px 35px; }
body#top .content-icon-box .item.before,
body#top .content-icon-box .item.after { display: table-row; }
body#top .content-timeline { width: 100%; }
body#top .content-timeline::before { content: ""; height: 100%; left: 50%; margin-left: -3px; position: absolute; width: 5px; }
body#top .content-timeline .box-date::before { content: ""; height: 39px; position: absolute; right: -19px; width: 39px; z-index: 1; }
body#top .content-timeline .box-date { font-size: 1.25rem; text-align: right; }
body#top .content-timeline .box-date::after { border-style: solid; border-width: 5px; content: ""; height: 21px; position: absolute; right: -15px; width: 21px; top: 32px; z-index: 2; }
body#top .content-timeline .box-date,
body#top .content-timeline .box-text { float: left; padding: 28px 70px; position: relative; width: 50%; }
body#top .content-timeline .box-text::before { content: ""; height: 5px; left: 0px; position: absolute; top: 45px; width: 42px; }
body#top .content-timeline .box-text { float: right; }
body#top .content-timeline .box-text .img-after { margin-top: 7px; }
body#top .content-timeline .box-text .inside[class*="bg-"] { padding: 7px 11px; }
body#top .content-timeline .box-text .inside[class*="bg-"] .img-before { margin: -7px -11px 0px; }
body#top .content-timeline .box-text .inside[class*="bg-"] .img-after { margin: 7px -11px -7px; }
body#top .content-timeline.text-left .box-date::before { left: -20px; right: auto; }
body#top .content-timeline.text-left .box-date { float: right; text-align: left; }
body#top .content-timeline.text-left .box-date::after { left: -16px; right: auto; }
body#top .content-timeline.text-left .box-text::before { left: auto; right: 0px; }
body#top .content-timeline.text-left .box-text { float: left; }
body#top .column-both .content-timeline::before { left: 65px; }
body#top .column-both .content-timeline .box-date { padding: 16px 0px; text-align: left; width: 65px; }
body#top .column-both .content-timeline .box-date::after { top: 20px; }
body#top .column-both .content-timeline .box-text::before { width: 20px; top: 33px; }
body#top .column-both .content-timeline .box-text { padding: 12px 0px 12px 30px; width: calc(100% - 82px); }
body#top .column-both .content-timeline.text-left .box-date::before { left: auto; right: -19px; }
body#top .column-both .content-timeline.text-left .box-date { float: left; }
body#top .column-both .content-timeline.text-left .box-date::after { left: auto; right: -15px; }
body#top .column-both .content-timeline.text-left .box-text::before { left: 0px; right: auto; }
body#top .column-both .content-timeline.text-left .box-text { float: right; text-align: left; }
@media screen and (max-width: 1039px) {
body#top .content-timeline .box-date,
body#top .content-timeline .box-text { padding: 14px 48px; }
body#top .content-timeline .box-date::after { top: 18px; }
body#top .content-timeline .box-text::before { width: 36px; top: 31px; }
body#top .column-left .content-timeline::before,
body#top .column-right .content-timeline::before { left: 65px; }
body#top .column-left .content-timeline .box-date,
body#top .column-right .content-timeline .box-date { padding: 16px 0px; text-align: left; width: 65px; }
body#top .column-left .content-timeline .box-date::after,
body#top .column-right .content-timeline .box-date::after { top: 20px; }
body#top .column-left .content-timeline .box-text::before,
body#top .column-right .content-timeline .box-text::before { width: 20px; top: 33px; }
body#top .column-left .content-timeline .box-text,
body#top .column-right .content-timeline .box-text { padding: 12px 0px 12px 30px; width: calc(100% - 82px); }
body#top .column-left .content-timeline.text-left .box-date::before,
body#top .column-right .content-timeline.text-left .box-date::before { left: auto; right: -19px; }
body#top .column-left .content-timeline.text-left .box-date,
body#top .column-right .content-timeline.text-left .box-date { float: left; }
body#top .column-left .content-timeline.text-left .box-date::after,
body#top .column-right .content-timeline.text-left .box-date::after { left: auto; right: -15px; }
body#top .column-left .content-timeline.text-left .box-text::before,
body#top .column-right .content-timeline.text-left .box-text::before { left: 0px; right: auto; }
body#top .column-left .content-timeline.text-left .box-text,
body#top .column-right .content-timeline.text-left .box-text { float: right; text-align: left; }
}
@media screen and (max-width: 779px) {
body#top .content-timeline::before { left: 65px; }
body#top .content-timeline .box-date { padding: 16px 0px; width: 65px; text-align: left !important; }
body#top .content-timeline .box-date::after { top: 20px; }
body#top .content-timeline .box-text::before { width: 20px; top: 33px; }
body#top .content-timeline .box-text { padding: 12px 0px 12px 30px; width: calc(100% - 82px); }
body#top .content-timeline.text-left .box-date::before { left: auto; right: -19px; }
body#top .content-timeline.text-left .box-date { float: left; }
body#top .content-timeline.text-left .box-date::after { left: auto; right: -15px; }
body#top .content-timeline.text-left .box-text::before { left: 0px; right: auto; }
body#top .content-timeline.text-left .box-text { float: right; }
body#top .content-timeline.text-left .box-text .right { text-align: left; }
}
body#top .content-map { width: 100%; }
body#top .content-map iframe { display: block; width: 100%; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
@media screen and (min-width: 1300px) {
body#top .content-map.xlg-map-height-vh iframe { height: calc(-112px + 100vh); }
body#top .content-map.xlg-map-height-lg iframe { height: 430px; }
body#top .content-map.xlg-map-height-md iframe { height: 280px; }
body#top .content-map.xlg-map-height-sm iframe { height: 130px; }
body#top .content-map.xlg-map-width-lg { width: 75%; }
body#top .content-map.xlg-map-width-md { width: 50%; }
body#top .content-map.xlg-map-width-sm { width: 25%; }
}
@media screen and (max-width: 1299px) and (min-width: 1040px) {
body#top .content-map.lg-map-height-lg iframe { height: calc(-112px + 100vh); }
body#top .content-map.lg-map-height-lg iframe { height: 430px; }
body#top .content-map.lg-map-height-md iframe { height: 280px; }
body#top .content-map.lg-map-height-sm iframe { height: 130px; }
body#top .content-map.lg-map-width-lg { width: 75%; }
body#top .content-map.lg-map-width-md { width: 50%; }
body#top .content-map.lg-map-width-sm { width: 25%; }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
body#top .content-map.md-map-height-lg iframe { height: calc(-112px + 100vh); }
body#top .content-map.md-map-height-lg iframe { height: 430px; }
body#top .content-map.md-map-height-md iframe { height: 280px; }
body#top .content-map.md-map-height-sm iframe { height: 130px; }
body#top .content-map.md-map-width-lg { width: 75%; }
body#top .content-map.md-map-width-md { width: 50%; }
body#top .content-map.md-map-width-sm { width: 25%; }
}
@media screen and (max-width: 779px) and (min-width: 520px) {
body#top .content-map.sm-map-height-lg iframe { height: calc(-112px + 100vh); }
body#top .content-map.sm-map-height-lg iframe { height: 430px; }
body#top .content-map.sm-map-height-md iframe { height: 280px; }
body#top .content-map.sm-map-height-sm iframe { height: 130px; }
body#top .content-map.sm-map-width-lg { width: 75%; }
body#top .content-map.sm-map-width-md { width: 50%; }
body#top .content-map.sm-map-width-sm { width: 25%; }
}
@media screen and (max-width: 519px) {
body#top .content-map.xsm-map-height-lg iframe { height: calc(-112px + 100vh); }
body#top .content-map.xsm-map-height-lg iframe { height: 430px; }
body#top .content-map.xsm-map-height-md iframe { height: 280px; }
body#top .content-map.xsm-map-height-sm iframe { height: 130px; }
body#top .content-map.xsm-map-width-lg { width: 75%; }
body#top .content-map.xsm-map-width-md { width: 50%; }
body#top .content-map.xsm-map-width-sm { width: 25%; }
}
body#top .content-iframe figure { height: auto; position: relative; padding-bottom: 56.25% !important; }
body#top .content-iframe figure iframe { inset: 0px; position: absolute; height: 100% !important; width: 100% !important; }
body#top .content-anchor-element,
body#top .anker { scroll-margin-top: 110px; }
@media screen and (max-width: 1039px) {
body#top .content-anchor-element,
body#top .anker { scroll-margin-top: 80px; }
}
@media screen and (max-width: 779px) {
body#top .content-anchor-element,
body#top .anker { scroll-margin-top: 87px; }
}
body#top .content-toggle-wrapper { width: 100%; }
body#top .content-toggle-wrapper.show { max-height: 100% !important; }
body#top #toggler-button .button > a.less,
body#top #toggler-button .button.active > a.more { display: none; }
body#top #toggler-button .button.active > a.less { display: inline; }
body#top .content-tabs > input[type="radio"] { display: none; }
body#top .content-tabs > input:checked + label::before { content: ""; display: inline-block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 1rem; font-weight: 700; margin-right: 7px; width: 15px; }
body#top .content-tabs > label { cursor: pointer; display: inline-block; font-weight: 700; padding: 12px; margin: 3px 0px; }
body#top .content-tabs.tabs-1 > label { border-style: solid; border-width: 1px; }
body#top .content-tabs.tabs-2 > input:checked + label::before { display: block; margin: 0px auto -42px; }
body#top .content-tabs .tab-panel { display: none; }
body#top .content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
body#top .content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
body#top .content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
body#top .content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
body#top .content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
body#top .content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
body#top .content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
body#top .content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8),
body#top .content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9),
body#top .content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel:nth-child(10),
body#top .content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel:nth-child(11),
body#top .content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel:nth-child(12),
body#top .content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel:nth-child(13),
body#top .content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel:nth-child(14),
body#top .content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel:nth-child(15),
body#top .content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel:nth-child(16),
body#top .content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel:nth-child(17),
body#top .content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel:nth-child(18),
body#top .content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel:nth-child(19),
body#top .content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel:nth-child(20) { display: block; }
body#top .content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):first-child,
body#top .content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(2),
body#top .content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(3),
body#top .content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(4),
body#top .content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(5),
body#top .content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(6),
body#top .content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(7),
body#top .content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(8),
body#top .content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(9),
body#top .content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(10),
body#top .content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(11),
body#top .content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(12),
body#top .content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(13),
body#top .content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(14),
body#top .content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(15),
body#top .content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(16),
body#top .content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(17),
body#top .content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(18),
body#top .content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(19),
body#top .content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel:is(.flexbox, .d-flex):nth-child(20) { display: flex; }
body#top .content-count-up { padding: 7px 14px; width: 100%; }
body#top .content-count-up span.counter { font-size: 1.5rem; font-weight: 700; }
body#top .content-count-up span.add { display: block; }
body#top .content-filter-wrapper .filter-controls li { border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-weight: 700; padding: 12px; margin: 3px 6px 3px 0px; }
body#top .content-filter-wrapper .filter-container { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
@media screen and (max-width: 1039px) {
body#top .content-filter-wrapper .filter-container { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 519px) {
body#top .content-filter-wrapper .filter-container { grid-template-columns: repeat(1, 1fr); }
}
body#top #toggle-nav { background: transparent; border-style: none; border-width: 0px; display: none; font-size: 1.5rem; height: 47px; padding: 0px; position: absolute; right: 2px; text-align: center; width: 47px; }
body#top #toggle-nav::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 700; }
body#top #toggle-nav.active::after { content: ""; }
body#top ul.nav-toggle:not(.level_1) { display: none; }
body#top ul.nav-toggle li { position: relative; }
body#top ul.nav-toggle li.active > ul,
body#top ul.nav-toggle li.trail > ul { display: block; }
body#top #nav-main .toggle,
body#top .nav-sub .toggle { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 5.5px 10px; position: absolute; right: 0px; top: 0px; }
body#top #nav-main .toggle::after,
body#top .nav-sub .toggle::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 0.875rem; font-weight: 700; }
body#top #nav-main .toggle.active::after,
body#top #nav-main .toggle.trail::after,
body#top .nav-sub .toggle.active::after,
body#top .nav-sub .toggle.trail::after { content: ""; }
@media screen and (min-width: 780px) {
body#top #nav-main ul.level_1 > li > .toggle { display: none; }
}
@media screen and (max-width: 779px) {
body#top #toggle-nav { display: block; }
body#top #nav-main ul li .toggle { height: 48px; right: 0px; width: 50px; }
body#top #nav-main ul li .toggle::after { font-size: 1.125rem; }
}
body#top #nav-top ul { padding: 0px; }
body#top #nav-top ul li { display: inline-block; }
body#top #nav-top a,
body#top #nav-top strong { display: block; font-size: 0.75rem; font-weight: normal; text-decoration: none; padding: 7px; }
@media screen and (min-width: 780px) {
body#top .header-left #nav-top,
body#top .header-right #nav-top { bottom: 10px; position: fixed; }
body#top .header-left #nav-top ul li,
body#top .header-right #nav-top ul li { display: block; }
}
@media screen and (max-width: 779px) {
body#top #nav-top { margin-right: 3px; }
}
body#top #nav-main { position: unset; }
body#top #nav-main ul { padding: 0px; }
body#top #nav-main a,
body#top #nav-main strong { display: block; font-weight: normal; text-decoration: none; }
@media screen and (min-width: 780px) {
body#top .header-left #nav-main,
body#top .header-right #nav-main { width: 100%; }
body#top #nav-main ul.level_1 > li { display: inline-block; position: unset; }
body#top .header-left #nav-main ul.level_1 > li,
body#top .header-right #nav-main ul.level_1 > li { display: block; }
body#top #nav-main ul.level_1 > li.submenu > a::after,
body#top #nav-main ul.level_1 > li.submenu > strong::after { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 0.875rem; font-weight: 700; margin-left: 7px; }
body#top .header-left #nav-main ul.level_1 > li.submenu > a::after,
body#top .header-left #nav-main ul.level_1 > li.submenu > strong::after { content: ""; }
body#top .header-right #nav-main ul.level_1 > li.submenu > a::before,
body#top .header-right #nav-main ul.level_1 > li.submenu > strong::before { content: ""; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 0.875rem; font-weight: 700; margin-right: 7px; }
body#top .header-right #nav-main ul.level_1 > li.submenu > a::after,
body#top .header-right #nav-main ul.level_1 > li.submenu > strong::after { content: ""; }
body#top:not(.header-left):not(.header-right) #nav-main ul.level_1 > li:last-child > ul,
body#top:not(.header-left):not(.header-right) #nav-main ul.level_1 > li.nav-last > ul { left: auto; right: 15px; }
body#top #nav-main ul.level_1 > li:hover > ul { display: block; max-height: 80vh; overflow: hidden scroll; }
body#top #nav-main ul.level_1 > li > a,
body#top #nav-main ul.level_1 > li > strong { font-weight: 700; padding: 17px 10px; }
body#top #nav-main ul.level_2 { display: none; overflow: hidden; position: absolute; z-index: 99; }
body#top .header-left #nav-main ul.level_2 { left: calc(100% - 15px); top: 0px; }
body#top .header-right #nav-main ul.level_2 { right: calc(100% - 15px); top: 0px; }
body#top #nav-main ul.level_2 li a,
body#top #nav-main ul.level_2 li strong { border-bottom: 0px; padding: 7px 10px; }
body#top #nav-main ul.level_2 li a.submenu,
body#top #nav-main ul.level_2 li strong.submenu { padding: 7px 30px 7px 10px; }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
body#top #nav-main ul.level_1 > li > a,
body#top #nav-main ul.level_1 > li > strong { padding: 7px; }
body#top #nav-main ul.level_1 > li:last-child > ul { right: 10px; }
}
@media screen and (max-width: 779px) {
body#top #nav-main { bottom: 0px; display: none; height: calc(100% - 89px); left: 0px; overflow: hidden scroll; position: fixed; top: 89px; width: 100%; }
body#top #nav-main.active { display: block; }
body#top #nav-main ul.level_1 li { position: relative; }
body#top #nav-main ul.level_1 li a,
body#top #nav-main ul.level_1 li strong { padding: 14px 10px; }
body#top #nav-main ul.level_1 li.active > ul,
body#top #nav-main ul.level_1 li.trail > ul { display: block; }
}
body#top .no-nav-sub .nav-sub { display: none; }
body#top .nav-sub { margin: 15px; }
body#top .nav-sub ul { padding: 0px; }
body#top .nav-sub a,
body#top .nav-sub strong { border-bottom: 0px; display: block; font-weight: normal; padding: 7px 10px; text-decoration: none; }
body#top .nav-sub a.submenu,
body#top .nav-sub strong.submenu { padding: 7px 30px 7px 10px; }
body#top .nav-sub ul.level_1 { overflow: hidden; }
@media screen and (max-width: 1039px) {
body#top .nav-sub { margin: 10px; }
}
@media screen and (max-width: 779px) {
body#top .nav-sub_headline,
body#top .nav-sub { display: none; }
}
body#top .mod_newsmenu ul { padding: 0px; }
body#top .mod_newsmenu a,
body#top .mod_newsmenu strong { border-bottom: 0px; display: block; font-weight: normal; padding: 7px 10px; text-decoration: none; }
body#top .mod_newsmenu ul.level_2 > li > a,
body#top .mod_newsmenu ul.level_2 > li > strong { padding-left: 21px; }
@media screen and (max-width: 779px) {
body#top .mod_newsmenu { display: none; }
}
body#top #nav-footer ul { padding: 0px; }
body#top #nav-footer ul li { display: inline-block; text-align: left; }
body#top #nav-footer a,
body#top #nav-footer strong { display: block; font-size: 0.875rem; font-weight: normal; text-decoration: none; padding: 7px; }
@media screen and (max-width: 779px) {
body#top #nav-footer { float: none; margin: auto; text-align: center; }
}
body#top .no-nav-breadcrumb #nav-breadcrumb { display: none; }
body#top .column-left #nav-breadcrumb,
body#top.boxed #nav-breadcrumb { margin: 25px auto 0px; }
body#top.boxed #nav-breadcrumb { max-width: 1270px; }
body#top #nav-breadcrumb ul { list-style: none; overflow: hidden; padding: 7px 15px; }
body#top #nav-breadcrumb ul li { float: left; }
body#top #nav-breadcrumb ul li + li::before { content: "/"; padding: 0px 5px; }
body#top #nav-breadcrumb ul li a { text-decoration: none; }
@media screen and (max-width: 1299px) {
body#top.boxed #nav-breadcrumb { max-width: 1010px; }
}
@media screen and (max-width: 1039px) {
body#top.boxed #nav-breadcrumb { max-width: 740px; }
body#top #nav-breadcrumb ul { padding: 7px 10px; }
}
@media screen and (max-width: 779px) {
body#top .column-left #nav-breadcrumb,
body#top.boxed #nav-breadcrumb { margin-top: 0px; max-width: 100%; }
}
body#top .pagination p { display: none; }
body#top nav[data-pagination] ::marker { content: ""; }
body#top nav[data-pagination] ol li,
body#top .pagination ul li { float: left; margin: 3px 0px; }
body#top nav[data-pagination] ol li a,
body#top .pagination ul li a,
body#top .pagination ul li strong { border-style: solid; border-width: 1px; display: block; padding: 5px 10px; text-decoration: none; }
body#top nav[data-pagination] ol li:not(:first-child) a,
body#top .pagination ul li:not(:first-child) a,
body#top .pagination ul li:not(:first-child) strong { border-left-width: 0px; }
body#top .pagination ul li strong { font-weight: normal; }
body#top .mod_sitemap ul { line-height: 2; margin: 0px 0px 0px 20px; padding: 0px; }
body#top .mod_sitemap ul li i::before { content: ""; }
body#top .mod_sitemap ul li::before { content: ""; display: inline-block; font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free"; font-size: 2rem; font-weight: 700; margin: -18px 0px 0px -38px; position: absolute; }
body#top .mod_sitemap ul li:hover::before { font-weight: 400; }
body#top .mod_sitemap ul li { margin-left: 20px; padding: 7px 0px; }
body#top .mod_sitemap ul li.submenu::before { content: ""; }
body#top .mod_changePassword .widget,
body#top .mod_closeAccount .widget,
body#top .mod_login .widget,
body#top .mod_lostPassword .widget,
body#top .mod_personalData .widget,
body#top .mod_registration .widget { padding: 7px 2px; }
body#top .mod_changePassword .widget-text label,
body#top .mod_closeAccount .widget-text label,
body#top .mod_login .widget-text label,
body#top .mod_lostPassword .widget-text label,
body#top .mod_personalData .widget-text label,
body#top .mod_registration .widget-text label,
body#top .mod_changePassword .widget-password label,
body#top .mod_login .widget-password label,
body#top .mod_lostPassword .widget-password label,
body#top .mod_registration .widget-password label,
body#top .mod_lostPassword .widget-captcha label,
body#top .mod_login .widget-checkbox legend,
body#top .mod_registration .widget-checkbox legend { font-weight: 700; }
body#top .mod_login .checkbox_container label { display: block; margin: -21px 0px 0px 21px; }
body#top .mod_changePassword p.tl_confirm,
body#top .mod_changePassword p.error,
body#top .mod_login .error,
body#top .mod_lostPassword p.confirm,
body#top .mod_lostPassword p.error,
body#top .mod_personalData p.tl_confirm,
body#top .mod_registration p.confirm,
body#top .mod_registration p.error,
body#top .mod_subscribe p.confirm,
body#top .mod_subscribe p.error,
body#top .mod_unsubscribe p.error { border-style: solid; border-width: 1px; margin: 7px 0px; padding: 7px 11px; }
body#top p.button.lost_passwort { margin-left: 14px; }
body#top .mod_search .widget-text { float: left; margin-left: -2px; overflow: hidden; padding: 7px 2px; width: calc(100% - 85px); }
body#top .mod_search .widget-submit { float: right; }
body#top .mod_search .radio_container label { display: block; margin: -21px 0px 0px 21px; }
body#top .mod_search .header,
body#top .mod_search .info { border-style: solid; border-width: 1px; clear: both; margin: 7px 0px; padding: 7px 11px; }
body#top .mod_search > div:not(:last-child) { margin-bottom: 28px; }
body#top .mod_search h3 > a { display: block; }
body#top .mod_search h3 > a:hover { text-decoration: none; }
body#top .mod_search .relevance { font-weight: 400; }
body#top .contao-cookiebar .cc-btn { line-height: 1; }
body#top .contao-cookiebar .cc-groups .cc-group > label { margin: 5px 10px; }
body#top .contao-cookiebar .cc-close { right: 18px; }
@media screen and (min-width: 520px) {
body#top .contao-cookiebar .cc-inner { max-width: 500px; }
}
body#top .mod_calendar .calendar-pagination { display: table; height: 61px; padding: 7px; position: relative; text-align: center; width: 100%; }
body#top .mod_calendar .calendar-pagination .current { display: table-cell; font-size: 1.5rem; font-weight: 700; vertical-align: middle; }
body#top .mod_calendar .calendar-pagination .previous,
body#top .mod_calendar .calendar-pagination .next { left: 0px; position: absolute; }
body#top .mod_calendar .calendar-pagination .next { left: auto; right: 0px; }
body#top .mod_calendar .calendar-head { font-weight: 700; overflow: hidden; position: relative; text-align: center; }
body#top .mod_calendar .calendar-head .label,
body#top .mod_calendar .calendar-body > div > div { border-style: solid; border-width: 1px; float: left; padding: 7px; width: 14.28%; }
body#top .mod_calendar .calendar-head .label:not(:first-child),
body#top .mod_calendar .calendar-body > div > div:not(:first-child) { border-left-style: none; }
body#top .mod_calendar .calendar-body > div { display: flex; flex-wrap: wrap; float: left; width: 100%; }
body#top .mod_calendar .calendar-body > div > div { border-top-style: none; min-height: 100px; }
body#top .mod_calendar .calendar-body > div > div .label,
body#top .mod_calendar .calendar-body > div > div .event { font-size: 0.875rem; }
body#top .mod_calendar .calendar-body > div > div .label { padding-left: 3px; }
@media screen and (max-width: 1039px) {
body#top .column_both .mod_calendar .calendar-head .label span,
body#top .column_left .mod_calendar .calendar-head .label span,
body#top .column_right .mod_calendar .calendar-head .label span { display: none; }
}
@media screen and (max-width: 779px) {
body#top .mod_calendar .calendar-pagination .current,
body#top .mod_calendar .calendar-pagination .previous,
body#top .mod_calendar .calendar-pagination .next { display: block; position: relative; }
body#top .mod_calendar .calendar-head .label span { display: none; }
}
body#top .mod_newsarchive .news_article,
body#top .mod_newslist .news_article { margin: -14px; overflow: hidden; width: calc(100% + 28px); }
body#top .mod_newsarchive .news_article,
body#top .mod_newslist .news_article { display: flex; flex-wrap: wrap; }
body#top .mod_newsarchive .layout_latest,
body#top .mod_newslist .layout_latest { float: left; margin: 14px; overflow: hidden; position: relative; width: calc(100% - 28px); }
body#top .mod_newsarchive .layout_latest h2 > a:hover,
body#top .mod_newslist .layout_latest h2 > a:hover { text-decoration: none; }
body#top .mod_newsarchive .layout_latest h3,
body#top .mod_newslist .layout_latest h3 { margin-top: -14px; font-size: 1.125rem; font-weight: 400; }
body#top .mod_newsarchive .layout_latest figure img,
body#top .mod_newslist .layout_latest figure img { height: 100%; object-fit: cover; object-position: 50% center; }
body#top .mod_newsarchive .layout_latest p.info,
body#top .mod_newslist .layout_latest p.info { font-size: 0.75rem; margin-top: -14px; }
body#top .mod_newsarchive .layout_latest time,
body#top .mod_newslist .layout_latest time { display: block; }
body#top .mod_newsarchive:not([class*="button-"]) .layout_latest p.button,
body#top .mod_newslist:not([class*="button-"]) .layout_latest p.button { padding: 0px; }
body#top .mod_newsarchive .layout_latest .more,
body#top .mod_newslist .layout_latest .more { margin: 0px -14px; padding: 7px 11px; }
body#top .mod_newsreader .layout_full p.info { font-size: 0.75rem; margin-top: -14px; }
body#top .mod_newsreader .layout_full time { display: block; }
body#top .mod_subscribe.activate form { display: none; }
body#top .mod_unsubscribe .widget-text input.text { float: left; width: calc(100% - 101px); }
body#top .mod_unsubscribe .widget-submit button { float: right; margin: 0px; }
body#top .wartungsmodus .logo { margin: 0px auto; width: 325px; }
@media screen and (max-width: 1039px) {
body#top .wartungsmodus .logo { width: 200px; }
}
body#top .switch-dark-mode { float: left; margin: 4px 0px -4px; }
body#top .switch-dark-mode p { float: right; font-size: 0.75rem; padding: 4px 7px; }
body#top .switch-dark-mode .switch { display: inline-block; height: 22px; position: relative; width: 42px; }
body#top .switch-dark-mode input { display: none; }
body#top .switch-dark-mode .slider { inset: 0px; cursor: pointer; position: absolute; }
body#top .switch-dark-mode .slider::before { bottom: 4px; content: ""; height: 14px; left: 4px; position: absolute; width: 14px; }
body#top .switch-dark-mode input:checked + .slider::before,
body#top [data-theme="dark"] .switch-dark-mode input + .slider::before { transform: translateX(21px); }
@media screen and (min-width: 780px) {
body#top .header-left .switch-dark-mode,
body#top .header-right .switch-dark-mode { margin: 4px 0px 0px; }
}
body#top [data-theme="dark"] #toggle-nav::after,
body#top [data-theme="dark"] #nav-main .toggle,
body#top [data-theme="dark"] .nav-sub .toggle,
body#top [data-theme="dark"] #nav-breadcrumb ul li a { color: rgb(255, 255, 255) !important; }
body#top [data-theme="dark"] body,
body#top [data-theme="dark"] :is(.color-dark, .text-dark),
body#top [data-theme="dark"] input:not([type="radio"]):not([type="checkbox"]),
body#top [data-theme="dark"] textarea,
body#top [data-theme="dark"] select,
body#top [data-theme="dark"] #nav-top a,
body#top [data-theme="dark"] #nav-top strong,
body#top [data-theme="dark"] #nav-main a,
body#top [data-theme="dark"] #nav-main strong { color: rgb(190, 190, 190) !important; }
body#top [data-theme="dark"] body,
body#top [data-theme="dark"] :is(.bg-white, .bg-body),
body#top [data-theme="dark"] #nav-main ul.level_2,
body#top [data-theme="dark"] #nav-main ul.level_4,
body#top [data-theme="dark"] .nav-sub ul.level_1,
body#top [data-theme="dark"] .nav-sub ul.level_3,
body#top [data-theme="dark"] .content-download::before,
body#top [data-theme="dark"] .content-downloads::before { background-color: rgb(34, 34, 34) !important; }
body#top [data-theme="dark"] :is(.bg-light, .bg-body-tertiary),
body#top [data-theme="dark"] #nav-main ul.level_3,
body#top [data-theme="dark"] .nav-sub ul.level_2,
body#top [data-theme="dark"] #nav-breadcrumb ul,
body#top [data-theme="dark"] .filter_reset,
body#top [data-theme="dark"] .content-gallery figcaption,
body#top [data-theme="dark"] .content-image figcaption,
body#top [data-theme="dark"] .content-text hr,
body#top [data-theme="dark"] .content-text pre,
body#top [data-theme="dark"] .content-text-image-tile:is(.bg-light, .bg-body-tertiary) .box-img.arrow::before,
body#top [data-theme="dark"] .content-timeline.bg-icon-light .box-date::before,
body#top [data-theme="dark"] .content-timeline.timeline-light::before,
body#top [data-theme="dark"] .content-timeline.timeline-light .box-text::before,
body#top [data-theme="dark"] .content-quote-box.quote-box-3.bg-icon-light blockquote::before,
body#top [data-theme="dark"] .mod_calendar .calendar-head .label,
body#top [data-theme="dark"] .mod_calendar .calendar-body > div > div .label,
body#top [data-theme="dark"] nav[data-pagination] ol li a:hover,
body#top [data-theme="dark"] .pagination ul li a:hover,
body#top [data-theme="dark"] tfoot td,
body#top [data-theme="dark"] th { background-color: rgb(24, 24, 24) !important; }
body#top [data-theme="dark"] .content-code code.hljs { background-color: rgb(40, 44, 52) !important; }
body#top .agentur-zentral-impressum { line-height: 1; }
body#top .agentur-zentral-impressum a[target="_blank"]::after { content: "" !important; }
body#top,
body#top button,
body#top input:not([type="radio"]):not([type="checkbox"]),
body#top textarea,
body#top select { font-size: 1.125rem; line-height: 1.5; }
body#top h1,
body#top .content-headline.standard,
body#top .content-teaser-image .content-headline { font-size: 2.5rem; }
body#top h2 { font-size: 2rem; }
body#top .content-teaser-image .content-headline span { font-weight: 700; }
body#top .content-teaser-image .content-text { font-size: 1.5rem; }
body#top button,
body#top p.button,
body#top input,
body#top select,
body#top textarea { font-size: 99%; line-height: 1; }
@media screen and (max-width: 1039px) {
body#top,
body#top button,
body#top input:not([type="radio"]):not([type="checkbox"]),
body#top textarea,
body#top select { font-size: 1rem; }
body#top h1,
body#top .content-headline.standard,
body#top .content-teaser-image .content-headline { font-size: 1.5rem; }
body#top h2 { font-size: 1.25rem; }
}
@media screen and (max-width: 1039px) {
body#top .icon-xlg i,
body#top .icon-xlg svg,
body#top .icon-xlg span { font-size: 2.625rem; height: 68px; width: 68px; padding: 7px; }
}
body#top button.button-corporate,
body#top .button-corporate p.button a,
body#top .button-corporate button.submit,
body#top .content-toplink.button-corporate a,
body#top .button-corporate p.button a:hover,
body#top .content-toplink.button-corporate a:hover,
body#top #toggle-nav.active::after,
body#top #nav-main a,
body#top #nav-main strong,
body#top #nav-main a:hover,
body#top #nav-main strong:hover,
body#top #nav-main ul.level_1 > li.submenu > a::after,
body#top #nav-main ul.level_1 > li.submenu > strong::after,
body#top .nav-sub a,
body#top .nav-sub strong { color: rgb(255, 255, 255); }
body#top h2,
body#top .content-teaser-image .content-headline span.motio,
body#top .content-tabs > label,
body#top .content-tabs > label:hover { color: rgb(187, 22, 97); }
body#top .content-teaser-image .content-headline span.eco,
body#top .content-text ul li.check::before,
body#top .content-tabs > input:checked + label,
body#top .content-tabs > label:hover { color: rgb(99, 196, 60); }
body#top .bg-corporate,
body#top button.button-corporate,
body#top .button-corporate p.button,
body#top .button-corporate button.submit,
body#top .content-toplink.button-corporate,
body#top #nav-main { background: rgb(187, 22, 97); }
body#top button.button-corporate:hover,
body#top .button-corporate p.button:hover,
body#top .button-corporate button.submit:hover,
body#top .content-toplink.button-corporate:hover { background: rgb(225, 61, 136); }
body#top .content-quote-box.border-corporate blockquote { border-color: rgb(187, 22, 97); }
body#top .contao-cookiebar .cc-footer button { border-style: none; border-width: 0px; }
body#top .contao-cookiebar .cc-inner,
body#top .contao-cookiebar .cc-footer button,
body#top .contao-cookiebar .cc-group,
body#top .contao-cookiebar .cc-groups .cc-group,
body#top .contao-cookiebar .cc-cookies,
body#top .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info,
body#top .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info { border-radius: 0px; }
body#top #header,
body#top #header .logo,
:is(html.sticky body#top,body#top.sticky) #header,
:is(html.sticky body#top,body#top.sticky) #header .logo,
body#top #nav-main a,
body#top #nav-main strong,
body#top #nav-main a:hover,
body#top #nav-main strong:hover,
body#top #nav-back,
:is(html.sticky body#top,body#top.sticky) #nav-back,
body#top .content-tabs > label,
body#top .content-teaser-image .scrolldown a,
body#top .content-teaser-image .scrolldown a:hover { transition: 0.15s linear; }
body#top #toggle-nav,
:is(html.sticky body#top,body#top.sticky) #toggle-nav { transition: top 0.15s linear; }
body#top #wrapper { padding-bottom: 82px; padding-top: 142px; }
@media screen and (max-width: 1039px) {
body#top #wrapper { padding-bottom: 77px; padding-top: 112px; }
}
@media screen and (max-width: 779px) {
body#top #wrapper { padding-bottom: 112px; padding-top: 95px; }
}
@media screen and (max-width: 519px) {
body#top #wrapper { padding-bottom: 133px; }
}
body#top #header { height: 142px; }
body#top #header .logo { margin-right: 7px; padding: 35px 0px; width: 225px; }
:is(html.sticky body#top,body#top.sticky) #header { height: 92px; }
:is(html.sticky body#top,body#top.sticky) #header .logo { padding: 20px 0px; width: 125px; }
@media screen and (max-width: 1039px) {
body#top #header { height: 112px; }
body#top #header .logo { padding: 29px 0px; width: 185px; }
:is(html.sticky body#top,body#top.sticky) #header { height: 82px; }
}
@media screen and (max-width: 779px) {
body#top #header { height: 95px; }
body#top #header .logo { padding: 21px 0px; width: 135px; }
:is(html.sticky body#top,body#top.sticky) #header { height: 75px; }
:is(html.sticky body#top,body#top.sticky) #header .logo { padding: 15px 0px; width: 95px; }
}
body#top #footer { height: 82px; }
body#top #footer .content-toplink { line-height: 1.2; width: 35px; }
@media screen and (max-width: 1039px) {
body#top #footer { height: 77px; }
}
@media screen and (max-width: 779px) {
body#top #footer { height: 112px; }
}
@media screen and (max-width: 519px) {
body#top #footer { height: 133px; }
}
body#top ul li.check::before { content: ""; font-family: "Font Awesome 6 Free"; font-weight: 700; margin: 0px 5px 0px -22px; }
body#top ul li.check { line-height: 2; list-style: none; }
body#top .ce_form .checkbox_container label,
body#top .ce_form .radio_container label { margin: -25px 0px 0px 21px; }
body#top .content-teaser-image .inside { margin-left: 35px !important; }
body#top .content-teaser-image .scrolldown { bottom: -5px; }
body#top .content-teaser-image .scrolldown a:hover { bottom: 5px; position: relative; }
@media screen and (max-width: 1039px) {
body#top .content-teaser-image .inside { margin-left: 25px !important; }
}
@media screen and (max-width: 779px) {
body#top .content-teaser-image .scrolldown { bottom: -15px; left: auto; right: -5px; width: 75px; }
}
body#top .content-text-image-tile.text-left .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-left .box-text > .inside > .button { margin-right: calc(50% + 150px); }
body#top .content-text-image-tile.text-right .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-right .box-text > .inside > .button { margin-left: calc(50% + 150px); }
@media screen and (max-width: 1299px) {
body#top .content-text-image-tile .box-img { height: 50vh; position: relative; width: 100%; }
body#top .content-text-image-tile .box-img.arrow::before,
body#top .content-text-image-tile .box-img.arrow::before { inset: auto auto -10px 50%; }
body#top .content-text-image-tile .height-lg,
body#top .content-text-image-tile .height-md,
body#top .content-text-image-tile .height-sm,
body#top .content-text-image-tile .fullheight { height: auto; }
body#top .content-text-image-tile .box-text { display: block; padding: 0px 10px; }
body#top .content-text-image-tile .box-text.no-padding { padding: 0px; }
body#top .content-text-image-tile .box-text .inside { display: block; padding: 15px 0px; }
body#top .content-text-image-tile .box-text .inside.no-padding { padding: 0px; }
body#top .content-text-image-tile.text-left .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-left .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-left .box-text > .inside > .button,
body#top .content-text-image-tile.text-right .box-text > .inside > .inserttags,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-headline,
body#top .content-text-image-tile.text-right .box-text > .inside > .content-text,
body#top .content-text-image-tile.text-right .box-text > .inside > .button,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .content-headline,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .content-text,
body#top .content-text-image-tile.text-left .box-text:is(.fullwidth, .width-fluid) .button,
body#top .content-text-image-tile.text-left .box-text.width-lg .content-headline,
body#top .content-text-image-tile.text-left .box-text.width-lg .content-text,
body#top .content-text-image-tile.text-left .box-text.width-lg .button .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .content-headline,
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .content-text,
body#top .content-text-image-tile.text-right .box-text:is(.fullwidth, .width-fluid) .button,
body#top .content-text-image-tile.text-right .box-text.width-lg .content-headline,
body#top .content-text-image-tile.text-right .box-text.width-lg .content-text,
body#top .content-text-image-tile.text-right .box-text.width-lg .button { margin-left: 0px; margin-right: 0px; }
}
body#top .content-anchor-element,
body#top .anker { scroll-margin-top: 90px; }
@media screen and (max-width: 1039px) {
body#top .content-anchor-element,
body#top .anker { scroll-margin-top: 80px; }
}
@media screen and (max-width: 779px) {
body#top .content-anchor-element,
body#top .anker { scroll-margin-top: 70px; }
}
@media screen and (max-width: 519px) {
body#top .content-tabs.tabs-2 > input:checked + label::before { content: ""; display: inline-block; margin: 0px 5px 0px -20px; }
body#top .content-tabs.tabs-2 > label,
body#top .content-tabs.tabs-2 > label:hover { display: block; padding: 0px 15px 7px 30px; }
}
body#top #toggle-nav { display: block; font-size: 3rem; height: 66px; right: auto; top: 30px; width: 66px; z-index: 99; }
body#top.nav-datenschutz #toggle-nav,
body#top.nav-fehler #toggle-nav,
body#top.nav-impressum #toggle-nav,
body#top.nav-kontakt #toggle-nav { display: none; }
:is(html.sticky body#top,body#top.sticky) #toggle-nav { top: 7px; }
@media screen and (max-width: 1039px) {
body#top #toggle-nav { font-size: 2.5rem; height: 55px; top: 21px; width: 55px; }
}
@media screen and (max-width: 779px) {
body#top #toggle-nav { font-size: 2rem; height: 44px; top: 18px; width: 44px; }
}
body#top #nav-main { bottom: 0px; display: none; height: 100%; left: 0px; overflow: hidden scroll; position: fixed; top: 0px; width: 100%; z-index: 1; }
body#top #nav-main.active { display: block; }
body#top #nav-main ul.level_1 { display: table; height: 100%; margin: 0px auto; padding: 200px 0px; text-align: center; }
body#top #nav-main ul.level_1 li { display: table-row; position: relative; vertical-align: middle; }
body#top #nav-main ul.level_1 li a,
body#top #nav-main ul.level_1 li strong { font-weight: 700; padding: 14px 10px; }
body#top #nav-main ul.level_1 li.active > ul,
body#top #nav-main ul.level_1 li.trail > ul { display: block; }
body#top #nav-footer { margin-right: -7px; }
@media screen and (max-width: 779px) {
body#top #nav-footer { margin-right: 0px; }
}
body#top #nav-breadcrumb { display: none; }
body#top #nav-back { display: none; top: 35px; }
body#top.nav-datenschutz #nav-back,
body#top.nav-fehler #nav-back,
body#top.nav-impressum #nav-back,
body#top.nav-kontakt #nav-back { display: block; }
:is(html.sticky body#top,body#top.sticky) #nav-back { top: 7px; }
@media screen and (max-width: 1039px) {
body#top #nav-back { top: 24px; }
:is(html.sticky body#top,body#top.sticky) #nav-back { top: 9px; }
}
@media screen and (max-width: 779px) {
body#top #nav-back { top: 25px; }
:is(html.sticky body#top,body#top.sticky) #nav-back { top: 15px; }
}
body#top .switch-dark-mode { display: none; }
body#top .kontakt { padding-left: 28px; }
body#top .kontakt::before { content: ""; font-family: "Font Awesome 6 Free"; font-size: 1rem; font-weight: 700; left: 0px; position: absolute; top: 7px; }
body#top .kontakt.anschrift::before { content: ""; }
body#top .kontakt.telefon::before { content: ""; }
body#top .kontakt.email::before { content: ""; }
html { scrollbar-gutter: auto; }
body#top { min-height: 0px; }
body#top #wrapper { display: block; min-height: 0px; }
body#top #container { display: block; }
body#top #container::after { content: ""; display: table; clear: both; }
body#top #header { position: fixed; top: 0px; width: 100%; background: transparent; }
body#top #header .inside { position: relative; }
body#top .content-page-wrapper > .inside { padding: 0px; }
body#top .content-column-wrapper { display: block; max-width: none; }
body#top .content-page-wrapper > .inside > .row > .content-column-wrapper { flex: 0 0 auto; }
body#top .row { --bs-gutter-x: 0; margin: 0px; }
body#top .row > * { margin-top: 0px; flex-shrink: 0; }
body#top #toggle-nav { position: absolute; margin: 7px 0px; padding: 0px; border: 1px solid transparent; border-radius: 0px; background: transparent; }
body#top #header .logo { float: right; }
body#top #header .logo img { height: auto; width: 100%; }
body#top .content-teaser-image { position: relative; }
body#top .content-teaser-image .vwrapper.d-flex,
body#top .content-text-image-tile .box-text.d-flex { display: table !important; }
body#top .content-text-image-tile { display: block; }
body#top .content-text-image-tile .box-img { min-height: 0px; }
body#top .content-text-image-tile .box-text { max-width: none; margin: 0px; }
body#top .content-quote-box .inside { display: table; gap: 0px; }
body#top .content-quote-box .content-image { flex: 0 0 auto; }
body#top #footer .content-column-wrapper { display: block; }
body#top .ce_form .formbody { display: block; }
@media (max-width: 1299px) {
body#top .content-text-image-tile .box-text.d-flex { display: block !important; }
}
body#top #nav-main-bar .content-column-wrapper { display: block; }
body#top #toggle-nav { border: 0px; }
body#top .content-teaser-image > .vwrapper > :is(.vtop, .vcenter, .vbottom) { display: table-cell; margin: 0px; }
body#top .content-teaser-image > .vwrapper.height-lg { height: 430px; block-size: 430px; min-height: 0px !important; }
body#top .content-quote-box .inside.d-flex { padding: 0px; display: table !important; }
body#top .content-quote-box:not(.text-invert),
body#top .content-text-image-tile:not(.text-invert) { color: rgb(52, 58, 64); }
body#top #footer .copyright { font-size: 14px; line-height: 1.5; }
@media (max-width: 1039px) {
body#top .content-teaser-image > .vwrapper.height-lg { height: 350px; block-size: 350px; }
}
@media (max-width: 779px) {
body#top .content-teaser-image > .vwrapper.height-lg { height: 250px; block-size: 250px; }
}
body#top .content-quote-box .content-image img { min-width: 150px; }
@media (max-width: 1039px) {
body#top .content-quote-box .content-image img { min-width: 130px; }
}
@media (max-width: 519px) {
body#top .content-quote-box .content-image img { min-width: 100px; }
}
body#top .ce_form .formbody > .widget > label { display: inline; width: auto; margin: 0px; }
body#top .ce_form .formbody > .widget > label.col-form-label { display: block; padding: 0px; }
body#top .ce_form .formbody legend { float: none; width: auto; padding: 0px; margin: 0px; }
body#top .ce_form .formbody :is(input[type="checkbox"], input[type="radio"]) { appearance: auto; float: none; width: 13px; height: 13px; padding: 0px; margin: 0px; border: 0px; border-radius: 0px; background: none; vertical-align: baseline; }
body#top .ce_form .formbody .form-check { padding: 0px; margin: 0px; min-height: 0px; display: block; }
body#top .ce_form .formbody :is(.checkbox_container, .radio_container) label { display: block; margin: -25px 0px 0px 21px; }
body#top .ce_form .formbody textarea { display: inline-block; }
body#top .content-notice-box > .inside { display: block; }
body#top .ce_form .formbody :is(.checkbox_container, .radio_container) > span { display: block; padding: 0px; margin: 0px; }
body#top .ce_form .formbody :is(.checkbox_container, .radio_container) label { padding: 0px; }
body#top .ce_form .formbody span.mandatory { display: inline; margin: 0px; }
body#top .ce_form .formbody :is(input, textarea, select) { border-radius: 0px; }
@media (min-width: 1300px) {
body#top .content-text-image-tile .box-text.width-lg { inline-size: 1240px !important; }
}
body#top #nav-back a,
body#top #nav-footer :is(a, strong),
body#top .content-toplink > a,
body#top p.button > a { background: transparent; border: 0px; border-radius: 0px; }
body#top #nav-back a { padding: 0px 12px; }
body#top .content-toplink > a { padding: 0px; line-height: inherit; color: inherit; }
body#top #footer #nav-footer :is(a, strong),
body#top #footer #nav-footer strong.active,
body#top #footer #nav-footer li.active > strong { background: transparent; }
body#top #footer .content-toplink > a { background: transparent; color: rgb(52, 58, 64); text-align: start; }
body#top #footer .content-toplink { background: rgb(255, 255, 255); border-color: rgb(204, 204, 204); text-align: start; }
body#top #nav-footer ul { display: block; }
body#top #toggle-nav::before { content: none; }
body#top .ce_form button.submit,
body#top .content-notice-box,
body#top .content-map iframe { border-radius: 0px; }
body#top .content-map p.mb-0 { display: inline-block; border: 1px solid transparent; height: auto; padding: 0px; font-size: 99%; line-height: 1; margin: 7px 0px !important; }
body#top .content-map p.mb-0 > a.btn { display: block; border: 0px; padding: 0px; height: auto; font-size: inherit; line-height: 1; color: rgb(0, 123, 255); border-radius: 0px; background: transparent; }
body#top .content-map p.mb-0 > a.btn::before { content: "["; }
body#top .content-map p.mb-0 > a.btn::after { content: "]"; font: inherit; margin: 0px; }
body#top .content-map p.mb-0 > a.btn::before,
body#top .content-map p.mb-0 > a.btn::after { font-size: 125%; }
body#top .contao-cookiebar,
body#top .contao-cookiebar .cc-inner { --ccb-bg: #fff; --ccb-clr: #444; --ccb-text: #868686; --ccb-bdr: #d0d0d0; --ccb-btn-bg: #f5f5f5; --ccb-btn-bdr: #cfcfcf; --ccb-btn-clr: #444; --ccb-btn-bg-hvr: #ececec; --ccb-info-bg: #fff; --ccb-info-bdr: #efefef; --ccb-cookies-bg: #fbfbfb; --ccb-cookies-bdr: #fbfbfb; --ccb-detail-clr: #a2a2a2; --ccb-detail-clr-hvr: #717171; --ccb-focus-clr: #00a4f4; color: rgb(68, 68, 68); }
body#top .contao-cookiebar :is(.cc-head, .cc-cookie-info, .cc-info, .cc-group, .cc-cookies) { color: rgb(68, 68, 68); }
body#top .content-image figcaption,
body#top .content-gallery figcaption { color: rgb(52, 58, 64); }
body#top a { overflow-wrap: break-word; }
body#top .content-teaser-image .colorbox { border-radius: 0px; }
body#top .content-quote-box .inside > .rounded-circle { overflow: visible; position: static; inset: auto; z-index: auto; border-radius: 0px !important; }
body#top .content-page-wrapper { isolation: auto; }
body#top .content-page-wrapper > .inside { z-index: auto; }
body#top .content-image img { max-width: none; max-inline-size: none; }
body#top p:not(.button) a[target="_blank"]::after,
body#top .button-link p.button a[target="_blank"]::after,
body#top .content-hyperlink a[target="_blank"]::after { display: inline; line-height: inherit; }