@font-face {
    font-family: 'SourceSans Light';
    src: url('../fonts/Source_Sans_3/SourceSans3-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SourceSans Regular';
    src: url('../fonts/Source_Sans_3/SourceSans3-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SourceSans Bold';
    src: url('../fonts/Source_Sans_3/SourceSans3-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Ubuntu Bold';
    src: url('../fonts/ubuntu/Ubuntu-Bold.ttf') format('truetype');
    font-display: swap;
}


html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -266px;}
#main { padding-bottom: 266px; overflow: none;height: 100%;}

body {
	font-family: 'SourceSans Regular',sans-serif;
	font-size: 1.125rem;
	line-height: 1.6; 
	-webkit-font-smoothing: antialiased;
	color: #323232;
	/*overflow-x: hidden;*/
}

body p.align-center, .ce-headline-center { text-align: center;}

.text-klein {font-size: 0.875rem; line-height: 1.1rem;}

.csc-frame-rulerBefore { border-top:1px solid #fff; margin-top:30px; padding-top:20px;}

.table-scrollable {
  width: 100%;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: #0578be;
}
table p {margin: 0;}

video.video-embed-item {
    width: 100%;
    min-height: 250px;
    object-fit: cover;
}

h1, h2, h3, h4, .h4 {
    margin: 0px;
    font-weight: normal;
}

h1 { font-family: 'Ubuntu Bold', sans-serif; color:#0578be; font-size: 3rem; padding-bottom: 2rem; margin: 0; line-height: 1.4; text-transform: uppercase;}
h2 { font-family: 'Ubuntu Bold', sans-serif; color:#0578be; font-size: 2.25rem; padding-bottom: 2rem; margin: 0; line-height: 1.2;}
h3 { font-family: 'Ubuntu Bold', sans-serif; color:#323232; font-size: 1.2rem; padding-bottom: 1rem; margin: 0; line-height: 1.4;}
h4 { color:#0578be; margin: 0; padding-bottom: 15px;font-size: 1.125rem;line-height: 24px; font-family: 'SourceSans Bold', sans-serif;}

h2.klein { color:#0578be; font-size: 1.875rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;}

h2 + h3 { margin-top: -1rem; padding-bottom: 1rem;}

.large-text {font-size: 1.5rem; color: #323232;}

.uppercase strong {font-family: 'SourceSans Bold', sans-serif;}

p + h2 {padding-top: 2rem;}
p + h3 {padding-top: 1rem;}

.text-right {text-align: right;}

.text-blau {color: #0578be;}

.px-10 {padding: 0 10%;}
.px-20 {padding: 0 20%;}
b, strong {font-weight:normal;font-family: 'SourceSans Bold', sans-serif;}
a, .gaOptout {color: #0578be; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#111111; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#111111; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}

a.next {
    position: relative;
    padding-right: 2.3rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
}
a.next:before {
    font-family: 'Font Awesome\ 6 Pro';
    content: '\f101';
    font-size: 1rem;
    line-height: 1;
    opacity: 1;
    color: #cbd90d;
    font-weight: 800;
    position: absolute;
    right: 1.2rem;
    transition: all 0.2s ease-in-out;
    margin-top: 1px;
}

blockquote {border-left: 3px solid #0578be;padding: 1rem;color: #0578be; margin: 2rem 0;font-size: 1.2rem;background: #eee;}
blockquote p {margin: 0;}

.clearer {clear: both; float: none;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
}

.ce-border img {border: 1px solid #0578be;}

.frame-space-before-extra-small {padding-top: 2rem; margin-top: 0;}
.frame-space-before-small {padding-top: 3rem;margin-top: 0;}
.frame-space-before-medium  {padding-top: 4rem;margin-top: 0;}
.frame-space-before-large {padding-top: 5rem;margin-top: 0;}
.frame-space-before-extra-large {padding-top: 6rem;margin-top: 0;}
.frame-space-after-extra-small {padding-bottom: 2rem;margin: 0;}
.frame-space-after-small {padding-bottom: 3rem;margin-bottom: 0;}
.frame-space-after-medium  {padding-bottom: 4rem;margin-bottom: 0;}
.frame-space-after-large {padding-bottom: 5rem;margin-bottom: 0;}
.frame-space-after-extra-large {padding-bottom: 6rem;margin-bottom: 0;}

.content .frame-layout-0 {background: transparent;}
.content .frame-layout-1 {background: #f2f2f2;}

.content .frame-layout-2 {background: #0578be; color: #fff;}
.content .frame-layout-2 h2, 
.content .frame-layout-2 a,
.content .frame-layout-2 strong,
.content .frame-layout-2 .telefon:before,
.content .frame-layout-2 .large-text {color: #fff;}
.content .frame-layout-2 .btn {color: #fff; background: transparent; border-color: #fff;}
.content .frame-layout-2 .btn:hover { background: #fff; color: #111111;}

.content .frame-layout-3 {background: #293033; color: #fff;}
.content .frame-layout-3 h2 {color: #fff;}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #0578be;
    border: 2px solid #0578be;
    padding: 0.5rem 1.5rem;
    font-size: 0.75rem;
    border-radius:1.5rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'SourceSans Bold', sans-serif;
    letter-spacing: 1px;
    margin-top: 1rem;
}
.btn.btn-primary {background-color: #0578be; color: #fff; border-color: #0578be;}
.btn:hover {color: #323232; background: #fff;}

p.text-right {text-align: right;}

:focus { outline: none;}
button:focus { outline: none;}

.telefon, .fax, .email, .website {display: inline-flex; gap:0.5rem;}

.telefon:before { content: "\f095"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; line-height: 1.8; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #111111; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative;  font-size: 1rem;line-height: 1.8; top: 0px; color: #111111; padding: 0; font-weight: 300;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #005a63;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; color: #fff; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.extlink {text-decoration: none !important;}
.intlink:hover:before { color: #fff;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}

.clearer {float: none; clear: both;}

#header {
    font-size: 1rem;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    transition: all 0.3s ease-in-out;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    font-family: 'SourceSans Bold',sans-serif;
}

.logo img {width: 100%; height: auto; max-width: 240px;}

#header #tx_indexedsearch {margin-right: 1rem;}
#header .tx-indexedsearch-form {display: none;}
#tx_indexedsearch fieldset {display: flex; align-items: center;}
#tx_indexedsearch .tx-indexedsearch-search-submit {
    display: flex;
    align-items: center;
    position: relative;
    background: transparent;
    border: none;
    z-index: 2;
}
#tx_indexedsearch input#tx-indexedsearch-searchbox-button-submit {
    background: transparent;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 2;
}
#tx_indexedsearch i.fal.fa-search {
    position: absolute;
    margin-left: 10px;
    z-index: 0;
}
#tx_indexedsearch input#tx-indexedsearch-searchbox-sword {
    padding: 2px 10px;
    border: 1px solid #b9b9b9;
}
.tx-indexedsearch-res {border-bottom: 1px solid #ccc; margin-bottom: 1rem;}
.tx-indexedsearch-res:last-child {border-bottom: none;}
.content ul.tx-indexedsearch-browsebox {padding: 0;display: flex; justify-content: center; gap: 1rem;}
ul.tx-indexedsearch-browsebox li:before {display: none;}
.tx-indexedsearch-browsebox p {margin-bottom: 2rem;}
.tx-indexedsearch-res .h3 { font-size: 1.2rem;font-family: 'SourceSans Bold', sans-serif;}
.tx-indexedsearch-icon, .tx-indexedsearch-percent {display: none;}
.tx-indexedsearch-info-sword {
    float: left;
    margin-right: 0.5rem;
}
#tab {margin: 1rem 0;}
.tx-indexedsearch-info {font-size: 0.8rem;}
span#siteCount {
    float: left;
    margin-right: 0.5rem;
}

.headertop {padding: 0.5rem 0; background: #2D4B9B; color: #fff;}
.headertop .fal {font-weight: 500;}
.headertop a {color: #fff; display: block;}
.headertop a:hover, .headertop .active>a {color: #fff; text-decoration: underline;}
.headertop .nav {gap:2rem;font-size: 0.875rem; margin-right: 1.5rem;}
.headernav {position: relative;}
.dropdown {position: inherit;}
#navbar .nav-link {padding: 1.5rem 0;color: #323232; font-size: 1rem; text-transform: uppercase; font-weight: bold;}
#navbar .nav {gap:3rem;}
#navbar ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: 0;
    z-index: 2;
    width: 100%;
}
#navbar ul.sub > .container { padding: 0 0.75rem;}
#navbar ul.sub > .container>span {
    position: relative;
    display: grid;
    grid-template-columns: 40% 1fr;
    padding: 2rem;
    -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    z-index: 20;
    background: #fff;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
#navbar ul.sub > .container>span>.nav {border-right: 1px solid #0578be;}
#navbar ul.sub .container>span>ul {display: block;}
#navbar ul.sub .container>span>ul>li {margin-bottom: 1rem;}
#navbar ul.sub .container>span>ul>li:last-child {margin-bottom: 0;}
#navbar ul.sub a.nav-link {
    margin-right: 0;
    padding: 0;
    display: flex; 
    gap: 1rem;
    color: #4a4a49; 
    border-radius: 0; 
    white-space: nowrap;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: normal;
    background: transparent;
}
#navbar .nav-item:hover>a, #navbar .active a.nav-link {color: #0578be;}
#navbar ul.sub a.nav-link:hover, #navbar ul.sub .active a.nav-link, #navbar ul.sub .nav-link.active {color: #0578be;}

.subsub-navi .subsub {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  list-style: none;
  align-items: center;
}
.subsub-container.is-active .subsub-navi .subsub {display: flex;}
.subsub-container.is-active, .subsub-navi {
    position: relative;
}
#navbar .subsub-container .subsub-navi .subsub-outer{
    height: 100%;
}
#navbar ul.subsub a.nav-link {text-transform: none; font-size: 1.2rem;}

.subsub-navi, .sub-right  {
    position: relative;
    height: 100%;
    padding-left: 2rem;
}
.subsub-container {
    display: none;
    height: auto;
}
.subsub-container.is-active {
    display: block;
    height: 100%;
}
.subsub-outer .pic { width: 80px; height: 80px; display: block;}
.subsub-outer .pic img {width: 100%; height: 100%; object-fit: cover;}

#navbar .navi_10 .sub-right {display: none;}
#navbar .navi_10 ul.sub > .container>span>.nav { border-right: none; display: flex; gap: 0;}
#navbar .navi_10 ul.sub > .container>span { display: block;}
#navbar .navi_10 ul.sub .container>span>ul>li {width: 25%; flex: none;}

/*#navbar .navi_11 .sub-right {display: none;}
#navbar .navi_11 ul.sub > .container>span>.nav { border-right: none; display: flex; gap: 0;}
#navbar .navi_11 ul.sub > .container>span { display: block;}
#navbar .navi_11 ul.sub .container>span>ul>li {width: 25%; flex: none;}
#navbar .navi_12 .sub-right {display: none;}
#navbar .navi_12 ul.sub > .container>span>.nav { border-right: none; display: flex; gap: 0;}
#navbar .navi_12 ul.sub > .container>span { display: block;}
#navbar .navi_12 ul.sub .container>span>ul>li {width: 25%; flex: none;}*/

.sprachmenue {position: relative; cursor: pointer;}
.sprachmenue a {color: #111;}
.sprachmenue a:hover, .sprachmenue .active a {color: #0578be;}
.langugageMenu  {
    position: absolute;
    list-style: none;
    padding: 0.5rem;
    list-style: none;
    right: 0rem;
    z-index: 2;
    background: #fff;
    color: #111;
    display: none;
    font-size: 0.875rem;
}
.langugageMenu .disabled {opacity: 0.5; cursor: default;}

div#maintrailer {
    min-height: 122px;
    position: relative;
}
div#maintrailer img {
    width: 100%;
    min-height: 300px;
    max-height: 700px;
    height: 100%;
    object-fit: cover;
}
div#maintrailer .headertext {
  position: absolute;
  bottom: 0;
  width: 100%;
}
div#maintrailer .headertext-inner {background: #fff;text-align: center; border-top-left-radius: 2rem;border-top-right-radius: 2rem; padding-top: 2rem;}
div#maintrailer h1 {padding: 0; color: #0578be; font-size: 2.6rem; padding: 0 2rem; position: relative; top: 0.5rem;}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.cardbox {height: 100%;}
.cardbox-outer {height: 100%;}
.cardbox .ce-cardbox-inner {background: #fff;transition: background 0.2s ease-in-out;height: 100%; text-align: center;border-radius: 1rem; overflow: hidden; position: relative;}
.cardbox .ce-cardbox-inner-bild {display: flex; justify-content: center; align-items: center; position: relative;}
.cardbox .ce-cardbox-inner-bild img {width: 100%; height: 200px; object-fit: cover; background: #ccc;}
.cardbox .ce-cardbox-inner-bild.icon {height: 100px;width: 150px;display: flex;margin: 0 auto; padding-top: 2rem;}
.cardbox .ce-cardbox-inner-bild.icon img { height: auto;max-height: 75px;max-width: max-content;}
.cardbox .ce-cardbox-inner-bild.bild>a {width: 100%;}
.cardbox .ce-cardbox-inner-text .headline {
  padding: 0 !important;
  color: #0578be;
  hyphens: auto;
}
.cardbox .ce-cardbox-inner-text {padding: 2rem 1rem;}
.cardbox .blau .ce-cardbox-inner {background: #0578be; color: #fff;}
.cardbox .blau .ce-cardbox-inner .btn { background: #0578be; border-color: #fff;}
.cardbox .blau .ce-cardbox-inner .btn:hover { background: #fff;} 
.cardbox .ce-cardbox-inner h2, .cardbox .ce-cardbox-inner h3 {color: #fff; text-transform: uppercase;font-family: 'SourceSans Bold', sans-serif; font-size: 1.125rem; line-height: 1.4; margin-bottom: 1rem;}
.cardbox .blau .ce-cardbox-inner h2 a, .cardbox .blau .ce-cardbox-inner h3 a {color: #fff;}
.cardbox .grau .ce-cardbox-inner {background: #f2f2f2;}
.cardbox .ce-cardbox-inner.link .ce-cardbox-inner-text { padding: 2rem 1rem 5rem 1rem;}
.cardbox .ce-cardbox-inner.link .ce-cardbox-inner-text .button {position: absolute; bottom: 2rem; left: 0; width: 100%;}
.cardbox .ce-cardbox-inner-text .btn {margin: 0;}
.cardbox .ce-cardbox-inner-text .text p:last-child {margin: 0;}
.cardbox .ce-cardbox-inner.link .ce-cardbox-inner-text .text p:last-child {margin: 0 0 1rem 0;}

.ce-cardbox-inner.bg .ce-cardbox-inner-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ce-cardbox-inner-beschreibung {
    font-size: 1.2rem;
}
.ce-cardbox-inner-beschreibung a {color: #fff; text-decoration: underline;}
.ce-cardbox-inner-beschreibung a:hover {text-decoration: none;}
.ce-cardbox-inner.bg .ce-cardbox-inner-bild {height: 100%;}
.ce-cardbox-inner.bg .ce-cardbox-inner-bild:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all .15s ease-in-out;
}
.ce-cardbox-inner.bg .ce-cardbox-inner-bild img {height: 100%; width: 100%;object-fit: cover;}
.ce-cardbox-inner-header {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-family: 'SourceSans Bold', sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.ce-cardbox-inner-button {
    position: absolute;
    width: 100%;
    bottom: 2rem;
}

.cardbox.square{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent;
}
.cardbox.square:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.cardbox.square .cardbox-outer{
    position:  absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content ul, .check {
    list-style: none;
    position: relative;
}
.content ul {padding-left: 1.5rem;}
.content ul li:before {
    content: "\f0c8";
    font-family: "Font Awesome\ 6 Pro";
    color: #0578be;
    font-size: 0.8rem;
    font-weight: 800;
    position: absolute;
    left: 0;
    line-height: 2.2;
}

.check li {
    margin-bottom: 1rem;
}

.check li:before {
    content: "\f00c";
    font-family: "Font Awesome\ 6 Pro";
    color: #0578be;
    font-size: 1rem;
    font-weight: 800;
    position: absolute;
    left: 0;
    line-height: 1.3;
}

.table-scrollable {
  width: 100%;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: #0578be;
}
table { width: 100%;}
thead {color: #0578be;}
table td, table th {padding: 0.5rem; vertical-align: top; }
tbody>tr:nth-child(odd) {background: #f9f9f9;}
table p, table ul {margin: 0;}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: transparent;
    border-bottom-width: 0;
    box-shadow: none;
}
.section.section-default tbody>tr:nth-child(odd) {background:transparent;}

.frame-type-image .ce-image .ce-outer {position: relative;float: none;right: 0;}
.frame-type-image .ce-image .ce-inner {position: relative;float: none;right: 0;}
.frame-type-image .ce-image .ce-inner .ce-column {float: none;}
.frame-type-image .ce-image .ce-inner .ce-column figure, .frame-type-image .ce-image .ce-inner .ce-column figure a {display: block;margin: 0;}

.button_full {display: flex;flex-direction: column; text-align: center; justify-content: center;}
.button_full>a {display: block;font-size: 1.125rem;letter-spacing: 1px; padding: 1rem; border-radius: 1rem; background: #045486;}
.button_full>a:hover {background: #0578be; color: #fff; border-color: #0578be;}
.button_full span {display: block; margin-top: 1rem; text-transform: none;}
.button_full>.hellblau {background: #078fe3; color: #fff; border-color: #0578be;padding: 3rem; border-radius: 1rem;display: block;}
.button_full>.blau {background: #0578be; color: #fff; border-color: #0578be;padding: 1rem 1.5rem; border-radius: 1rem;display: block;font-size: 1.125rem;}
.button_full .header {display: block;font-size: 1.125rem;font-family: 'SourceSans Bold',sans-serif; margin-bottom: 0rem; letter-spacing: 1px;}
.button_full .button {letter-spacing: 1px; background: transparent; border-color: #fff;}
.button_full .button:hover { background: #fff; color: #078fe3;}

.row.justify-content-between {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 3rem;
}

.slick-slide img {
    height: auto;
    width: 100%;
}
.slick-slide figcaption {position: absolute; z-index: 2; bottom: 3rem; color: #fff; width: 100%; text-align: center; font-size: 1.5rem;font-family: 'SourceSans Bold', sans-serif; opacity: 0;transition: all .15s ease-in-out;}
.slick-slide figure {position: relative;}
.slick-slide figure:hover figcaption { opacity: 1;transition: all .15s ease-in-out;}
.slick-slide figure a:after {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all .15s ease-in-out;
  opacity: 0;
}
.slick-slide figure a:hover:after {
  opacity: 1;
  transition: all .15s ease-in-out;
}
.slick-prev, .slick-next {
  z-index: 2;
  height: 50px;
  width: 30px;
}
.slick-prev:before, .slick-next:before {
  font-family: 'Font Awesome\ 6 Pro';
  content: '\f054';
    font-size: 2rem;
    line-height: 1;
    opacity: 1;
    color: rgba(255, 255, 255, 0.901);
    transition: all 0.2s ease-in-out;
}
.slick-prev:before {content: '\f053';}
.slick-prev, .slick-next {
    top: auto;
    bottom: 1rem;
}
.slick-dots {padding: 0; margin: 0;}
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots li:before, .slick-dots li button:before {display: none;}
.slick-dots li button {
  background: #0578be;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0.5;
}
.slick-dots li {width: 0.75rem;height: 0.75rem;}
.slick-dots li.slick-active button {opacity: 1;}

.section-5 {position: relative; margin-top: 5rem; margin-bottom: 5rem;}
.section-5-bg {
    height: 100%;
    position: absolute;
    padding: 5rem 0;
}
.section-5-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-5-inhalt>.container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.section-5-text {
    position: relative;
    top: 0;
    width: 100%;
}
.section-5-text .btn {border: 2px solid #fff;}
.section-5-zaehler {
    position: relative;
    width: 100%;
    bottom: 0;
}
.section-5-textinner {
  color: #ffffff;
  background-color: #045486;
  border-radius: 1rem;
  padding: 2rem 2rem 1.5rem 2rem;
}
.section-5-textinner h2 {color: #fff; padding-bottom: 1.5rem;}
.section-5-textinner .btn {margin-top: 1rem; background: #045486;}
.section-5-textinner .btn:hover {background: #fff;}

.zaehler {height: 100%;}
.zaehler_inner {
  border-radius: 1rem;
  background: #fff;
  padding: 2rem 3rem;
  border: 2px solid #034167;
  text-align: center;
  height: 100%;
}
.zaehler_inner img { height: 80px; width: auto; margin-bottom: 1rem;}
.counter {
  font-size: 2.25rem;
  line-height: 1.1;
  font-family: 'Ubuntu Bold', sans-serif;
  color: #078fe3;
  margin-bottom: 1rem;
}
.zaehler_inner p {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #078fe3;
  text-transform: uppercase;
  font-family: 'SourceSans Bold', sans-serif;
  margin: 0;
}

.content .ce-uploads {
    list-style: none;
    padding-left: 0;
}

.content .ce-uploads li {
    position: relative;
    padding-bottom: 0;
}
.content .ce-uploads li:before {display: none;}

.content .ce-uploads li li {
    padding-bottom: 0;
}

.content .ce-uploads li>span {
    display: inline-block;
}

.content .ce-uploads a {
    margin-left: 0;
    color: #111111;
    display: inline-flex;
    line-height: 1.5rem;
    gap: 0.5rem;
}
.content .ce-uploads a:hover {color: #0578be;}

.content .ce-uploads a:after, .ce-uploads li>img {
    display: none;
}

.content .ce-uploads a[href$=".pdf"]:before,.content .ce-uploads a[href$=".PDF"]:before {
   content: "\f1c1";
   font-family: "Font Awesome\ 6 Pro";
   text-decoration: inherit;
   list-style: none;
   position: relative;
   font-size: 1.3rem;
   color: #0578be;
   padding: 0;
   font-weight: 300;
   top: 0;
   left: 0;
   transition: all 0.2s ease-in-out;
   line-height: 0.9;
}


.content .ce-uploads a[href$=".xlsx"]:before {
    content: "\f65b";
    font-family: "Font Awesome\ 6 Pro";
    text-decoration: inherit;
    list-style: none;
    position: absolute;
    font-size: 2.6rem;
    color: #0578be;
    padding: 0;
    font-weight: 100;
    top: 1rem;
    left: -3rem;
    transition: all 0.2s ease-in-out;
}

.content .ce-uploads span.ce-uploads-fileName {
    display: table-cell;
    position: relative;
}

.content .ce-uploads .ce-uploads-filesize {
    color: #1a1a1a;
    display: contents;
    font-size: 1rem;
}

.social {text-align: center; width: 180px; font-size: 1.6rem;    margin: 0 auto;}

.ce-right .ce-gallery[data-ce-columns="3"] {float: none;} 
.ce-gallery[data-ce-columns="3"] .ce-row {
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
}
/*.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {margin: 0; width: 33.3333%;}*/
.ce-gallery figcaption {
    display: block;
    caption-side: bottom;
}
.ce-gallery[data-ce-columns="3"] .ce-row img {width: auto; margin: 0 auto;}
.ce-image.ce-center.ce-above .ce-gallery[data-ce-columns="3"] .ce-row figure { text-align: center;}



#footer {background: #2D4B9B; color: #fff; padding: 3rem 0; font-size: 1rem;}
#footer a, #footer .telefon:before, #footer .email:before, #footer .fax:before, #footer .website:before {color: #fff;}
#footer a:hover {color: #fff; text-decoration: underline;}
#footer h2 {font-size: 1.25rem;text-transform: uppercase; color: #fff; font-family: 'SourceSans Reular', sans-serif; padding-bottom: 2rem;}
#footer b, #footer strong {color: #fff;}
#footer .frame-type-menu_pages ul, #footer .frame-type-menu_subpages ul {margin: 0; padding: 0; list-style: none;}
#footer .frame-type-menu_pages>a, #footer .frame-type-mindshapecookieconsent_consent>a {display: none;}

/* KONTAKT */
.frame-type-form_formframework .form-group {margin-bottom: 1.5rem;}
.frame-type-form_formframework .input.checkbox label {display: flex; gap:0.5rem; align-items: baseline;}
.frame-type-form_formframework {color: #111;}
.frame-type-form_formframework a {color: #0578be;}
.frame-type-form_formframework a:hover {color: #111;}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0.25rem;
    font-size: 1rem;
}
.form-label {font-family: 'SourceSans Bold', sans-serif;}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(129,129,129,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: all .15s ease-in-out,box-shadow .15s ease-in-out;
    height:45px;
}
.form-control:hover {transition: all .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-control.btn {border-bottom: none;}
#kontakt-18-captcha-1 {width: 150px;}
.frame-type-form_formframework h2 {font-size: 1.4rem; padding: 1rem 0;}

.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    right: 1rem;
    display: block;
    border-radius: 40px;
    z-index: 10;
    height: 40px !important;
    width: 40px;
    display: none;
    background: rgba(190, 11, 32, 1);
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);

}
.scrollToTop span {display: none;}
.scrollToTop a {color: #fff; display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #0578be; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; text-align: center;border-radius: 40px;background-color:#111111;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #0578be;}
::-webkit-scrollbar-thumb:active { background: #0578be;}

iframe {
    border: 0;
    margin-bottom: -7px;
}
figure.table {margin: 0;}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: none;
    border-width: 0;
}

/* POWERMAIL */
.tx-powermail .container-fluid {padding: 0;}
.powermail_legend { display: none;}
.powermail_fieldwrap {margin-bottom: 1.5rem;}
.powermail_fieldwrap_ihrenachricht,
.powermail_fieldwrap_type_check {width: 100%;}
.powermail_fieldwrap_type_captcha .powermail_captcha,
.powermail_fieldwrap_type_captcha .powermail_captchaimage {width: 200px; height:45px;}
.tx-powermail .btn.btn-primary {
    background-color: #0578be;
    color: #fff;
    padding: 0.75rem 5rem;
    margin-top: 0;
}
.tx-powermail .btn.btn-primary:hover {background-color: #fff; color: #111;}
.tx-powermail .powermail_fieldset .powermail-errors-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #fff;
    border: none;
    width: 100%;
    float: right;
    clear: left;
}
.tx-powermail .powermail_fieldset .powermail-errors-list>li {
    color: #A94442;
    padding: 0;
    font-size: 1rem;
}
.powermail_fieldwrap_type_captcha .powermail-errors-list { background-color: #fff !important;}
.powermail_fieldwrap_type_captcha .powermail-errors-list>li,
.powermail_fieldwrap_type_check .powermail_field_error_container .powermail-errors-list>li {padding: 0 !important;}
.powermail_fieldwrap_type_check .powermail_field_error {background-color: #fff !important;}
.powermail_fieldwrap_type_check .powermail_field_error_container .powermail-errors-list {background-color: #fff !important;}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_name.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_e_mail.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_unternehmen.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_telefon.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_marker.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_marker_02.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_marker_03.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_marker_04.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_marker_05.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_marker_06.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_marker_01.form-group.col-md-6 {
    width: 100%;
}
.powermail_fieldwrap_type_captcha .col-sm-12 {display:flex; gap:0.5rem;}
.powermail_fieldwrap_type_file .form-control {border:none;}
.powermail-errors-list {display:none !important;}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset div.error {
    background-color: #fff;
    color: #A43431;
    border: 1px solid red;
}
.tx-powermail .control-label {font-family: 'SourceSans Bold', sans-serif; padding-bottom:0.5rem;}
.powermail_fieldwrap_type_text {
    font-size: 1.4rem;
    font-family: 'Ubuntu Bold', sans-serif;
    color: #0578be;
    margin: 1rem 0;
    line-height: 1.2;
}
.tx-powermail h3 {display:none;}
.tx-powermail textarea {
    min-height: 100px;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
    width: auto;
}

@media (max-width: 1399px) {

} 
@media (max-width: 1250px) {

}   

@media (max-width: 1199px) {
#navbar .navi_10 ul.sub .container>span>ul>li {width: 33.3333%;flex: none;}
}

@media (max-width: 991px) {
  
  div#maintrailer h1, h1, h2 {font-size: 1.4rem;}
 /* h1, h2{ -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} */
  div#maintrailer .headertext-inner {padding-top: 1rem;}
  .ce-gallery[data-ce-columns="3"] .ce-row { flex-direction: column;}
  .ce-gallery[data-ce-columns="3"] .ce-row .ce-column {width:100%;}
  .large-text {font-size: 1.3rem;line-height: 1.4; }
  .content {
      overflow: hidden;
  }
  .ce-right .ce-gallery {
      float: none;
  }
	
	#header li, #header li a, .headermain {display: none; position: fixed; height: 0;}
    #header .headertop li, #header .headertop li a {display: block; position: relative; height: auto;}
    .header {padding-top: 0.5rem;padding-bottom: 0.5rem;}
	.mm-wrapper_opening #header.holdontop {border-bottom: none;}
	button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
	.fa-align-justify:before { content: "\f039";font-size: 2rem; color: #fff;}
	#header.holdontop .fa-align-justify:before { content: "\f039"; color: #000;}
	.mm-panel {padding: 0;}
	.mm-panels { background: #fff;}
	.mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: #111111; border-width: 1px;}
	.mm-btn {width: 50px;}
	.mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
	.mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 11px; border-width: 1px;}
	.mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 25px;}
	.mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #0578be;}
	.mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: #fff;}
	.mm-navbars_top {height: 65px; border-bottom: none; background: #0578be;}
	.mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
	.mm-panel_has-navbar { padding-top: 55px;}
	.mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
	.mm-navbars_bottom a {padding: 0;}
	.mm-listview li.active a { color: #0578be;background: #fff;}
	a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 80px;}
	a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: #111111; border-width: 1px;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #0578be;}
	.mm-listitem .mm-btn_next:before { border-left-width: 0;}
	.mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #0578be; background: #fff !important;}
	.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #111111; font-size: 1.2rem; padding: 0; line-height: 80px;}
	.mm-navbar a:hover {background: transparent;}
	.mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1rem; line-height: 1.4rem;}
	.mm-listitem>a { padding: 10px 15px;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
	[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
	.mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
	.mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:#111111; }
	.mm-menu a:hover {background: transparent !important;}
	.mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: #fff;}
	.mm-panel_has-navbar .mm-navbar { display: block; background: #fff; height: 65px; border-bottom: 1px solid #eee;}
	.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
	.mm-listview li.active .mm-btn_next:after {border-color: #111111;}
	.mm-menu_multiline .mm-listitem>a:hover { background: transparent !important; color:#0578be;}
	.mm-navbars_bottom a {line-height: 40px !important;}
	.mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
	ul.nav.navbar.mm-listview { padding: 0;}
    .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
    a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto;}
    .mm-panels, .mm-panels>.mm-panel {top: 35px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #0578be;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #111111;}
    
    #header .mburger {color: #0578be !important; height: 30px; padding: 0;width: 35px;}
    .mburger:after {display: none;}
	#header.holdontop .mburger {color: #000;}
	.mm-wrapper_opened #header .mburger b {color: #0578be;}
	.mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    
    .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
    .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
    .mburger span {
	    display: block;
	    position: absolute;
	    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
	    width: calc(var(--mb-button-size) * var(--mb-bar-width));
	    height: var(--mb-bar-height);
	    border-radius: calc(var(--mb-bar-height)/ 2);
	    background: currentColor;
	    color: inherit;
	    opacity: 1;
	}
	.mburger b {
	    font-size: 0;
	    left: 0;
	    width: 35px;
	}
    .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {
          border-left: none;
          width: 100%;
          position: absolute;
          background: transparent;
          display: block;
          height: 100%;
      }
  .mm-listitem:hover a {color: #0578be;}
	


}
@media (max-width: 767px) {
}

@media (max-width: 690px) {
}

@media (max-width: 575px) {

}
    
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{  color:transparent;opacity: 1; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { transition: color 0.4s ease-in-out; color:#111111; transition: all 0.3s ease-in-out;opacity: 0.5;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* IE 10+ */


.frame-type-image img {width: 100%; height: auto;}


#footer .frame-type-mindshapecookieconsent_consent {margin: 0 !important;}
.cookie-consent-container .consent-modal.open {
    height: calc(100vh - 300px) !important;
}

.cookie-consent-container .consent-modal {
    box-shadow: 1px 1px 6px rgba(127,127,127,.3) !important;
    border-radius: 0.75rem !important;
}
.frame-type-mindshapecookieconsent_consent>.container {padding: 0;}
.cookie-consent-container {font-family: 'SourceSans Regular', sans-serif !important;}
.cookie-consent-container .buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.cookie-consent-settings {margin-bottom: 0 !important;}
.cookie-consent-settings>button {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    font-size: inherit !important;
    line-height: inherit !important;
    color: #fff !important;
    border: none !important;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    font-family: 'SourceSans Regular', sans-serif;
    float: none;
    background-color: transparent !important;
    font-weight: normal !important;
    letter-spacing: inherit;
}
.cookie-consent-settings>button:hover {background: transparent !important; color: #fff !important; transition: all 0.2s ease-in-out;}
.cookie-consent-container .consent-modal .cookie-headline, .cookie-consent-container {color: #000 !important;}
.cookie-consent-container a, .cookie-consent-container a:visited, .cookie-consent-container a:active, .cookie-consent-container a:focus, .cookie-consent-container a:focus:active {color: #000 !important;}
.cookie-consent-container a.show-details:after, .cookie-consent-container a:visited.show-details:after, .cookie-consent-container a:active.show-details:after, .cookie-consent-container a:focus.show-details:after, .cookie-consent-container a:focus:active.show-details:after {border-color: #000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;}
.cookie-consent-container .label input:checked~.checkmark {
    background: #e5e5e5 !important;
}
.cookie-consent-container .buttons .btn { border-radius: 0 !important;text-transform: none !important;font-weight: normal !important; height: 40px !important;}
.cookie-consent-container .buttons .btn--secondary {
    background: #0578be !important;
    color: #fff !important;
    border: none !important;
    opacity:1 !important;
    letter-spacing: 0 !important;
}
.cookie-consent-container .label .checkmark {
    background: #e5e5e5!important;
    border: none !important;
}
.cookie-consent-container .label .checkmark:after {
    border: solid #0578be  !important;
    border-width: 0 2px 2px 0 !important;
    left: 8px !important;
    top: 2px !important;
}
.cookie-consent-container .buttons .btn:hover {
    background-color: #666 !important;
}
.cookie-consent-container .buttons .btn--primary {
    background: #0578be !important;
    border: none !important;
    letter-spacing: 0 !important;
}
button.save.btn.btn--secondary {
    margin-bottom: 10px;
}
.cookie-consent-container .consent-modal .option-wrapper {
    background: #fff !important;
    box-shadow: 1px 1px 6px rgba(127,127,127,.3) !important;
    margin: 0.2rem 0.2rem 1.5rem 0.2rem !important;
}
.cookie-consent-container .consent-modal .option-wrapper .option-headline {color: #0578be;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option {background: #0578be !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label { color: #fff !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {border-bottom: 2px solid #e5e5e5 !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail {border-bottom: 1px solid #e5e5e5 !important;}
@media (max-width: 767px) {
	.cookie-consent-container .buttons {gap: 0rem;flex-direction: column;}
}

ul.sub .container .sub-close {
  position: absolute;
  right: 2rem;
  top: 0px;
  font-size: 20px;
  cursor: pointer;
}

ul.sub .container .sub-close:hover {
  color: #0578be;
}

#mainnav ul.sub {
    position: fixed;
    width: 100%;
    left: 0;
    display: none;
}
#mainnav .sub>.container {padding: 2em 0;}
#mainnav .sub>.container>.row {display: block; position: relative;}
#mainnav .sub>.container>.row>.col>span>a {display: block; }
#mainnav span.pic { width: 110px; height: 80px;padding:0; display: block;}
#mainnav span.pic img {width: 110px;height: 80px;object-fit: cover;}

#mainnav ul.subsub .text {padding: 0 !important; display: block;}

#mainnav .sub li.nav_box:hover ul.subsub { display: block;}
#mainnav .subsubsub {display: none; visibility: hidden;}

ul.subsub.is-active {
  display: block;
}

#mainnav ul.sub {
  left: 0;
  background: transparent;
  box-shadow: none;
}

#mainnav .sub > .container > .row > .col {
  width: auto;
}

.subsub-empty-container {
  height: 100%
}

.subsub-container {
  display: none;
}

.subsub-container.is-active {
  display: block;
}

#mainnav ul.subsub {
  display: flex;
  width: auto;
  flex-direction: column;
  gap: 1rem;
}


.navi-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  z-index: -1;
  transition: background-color ease-in-out 0.25s;
}

.navi-overlay.sub-overlay {
  position: absolute;
  background-color: transparent;
  z-index: 10;
}

.navi-overlay.open {
  position: fixed;
  opacity: 0.6;
  z-index: 1;
  top: 120px;
}

#mainnav .sub > .container > .row > .col > span > a {display: flex;}