.unsichtbar, .aussen, .out {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

img {
    height: auto;
    max-width: 100%;
    /*width: 100%;*/
}

ul, dl, ol {
    /*padding-left: 18px !important*/
    padding-left: 18px
}
.csc-menu ul,
.csc-menu dl,
.menu ul,
.menu dl {
    /*padding-left: 0 !important;;*/
    padding-left: 0;
}
ul > li {
    list-style-type: square;
}
/* # ~~~~~ variante ~~~~~ # */
/*.main-col ul,*/
/*.main-col ul li {*/
/*list-style:none;*/
/*}*/
/*.main-col li:before {*/
/*content: '\f101';*/
/*font-family: 'FontAwesome';*/
/*float: left;*/
/*margin-left: -18px;*/
/*}*/
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# some foundation resets and overwrites
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.button {
    /*font-size: 1.1rem;*/
    font-size: inherit;
}
.button.tiny {
    font-size: 80%
}
.button.small {
    font-size: 90%
}
.button.large {
    font-size: 120%
}
a.prefix {
    text-decoration: none !important;
}
.herotext a.prefix,
.herotext-bottom a.prefix {
    /*color: blue;*/
    font-size:0;
}
.herotext a.prefix:before,
.herotext-bottom a.prefix:before {
    color: #fff;
    font-size: 50px;
    content: "\f107";
}
span.icon-prefix:before,
a.prefix:before,
a.prefix-hero-arrow-down:before,
a.prefix-news:before,
a.prefix-events:before,
a.prefix-service:before,
a.prefix-contact:before,
a.prefix-fon:before,
a.prefix-info:before,
a.prefix-mail:before,
a.prefix-fax:before,
a.prefix-mobile:before,
a.prefix-extpages:before,
a.prefix-intpages:before,
a.prefix-plus:before,
a.iconafter:after,
a.read-more-arrow-right:after {
    position: relative;
    /*left: 5px;*/
    /*top: 5px;*/
    padding-right:5px;
    /*font-family: "Ionicons";*/
    /*font-family: "Font Awesome 6 Pro";*/
    font-family: "Font Awesome 6 Pro";
}
a.prefix-hero-arrow-down {
    /*color: blue;*/
    font-size:0;
}
a.prefix-hero-arrow-down:before {
    font-size: 50px;
    content: "\f107";
}
span.icon-prefix.thumb-up:before{
    content: "\f164";
}
a.prefix:before{
    content: "\f151";
}
a.prefix-news:before{
    content: "\f1ea";
}
a.prefix-events:before{
    content: "\f073";
}
a.prefix-service:before{
    content: "\f562";
}
a.prefix-contact:before{
    content: "\f2b9";
}
a.prefix-fon:before{
    content: "\f095";
}
a.prefix-info:before{
    content: "\f129";
}
a.prefix-mail:before{
    content: "\f0e0";
}
a.prefix-fax:before{
    content: "\f1ac";
}
a.prefix-mobile:before{
    content: "\f10b";
}
a.prefix-extpages:before{
    content: "\f360";
}
a.prefix-intpages:before{
    content: "\f0c1";
}
a.prefix-plus:before{
    content: "\f067";
}
/*social icons with fa*/
a.prefix-xing:before,
a.prefix-facebook:before,
a.prefix-twitter:before,
a.prefix-pinterest:before,
a.prefix-instagram:before,
a.prefix-youtube:before,
a.prefix-typo3:before,
a.prefix-linkedin:before{
    font-family: "Font Awesome 5 Brands";
    font-size: 50px;
    text-align: center;
    color: #999;
    width: 1.25em;
    padding-right: .5em;
}
a.prefix-xing,
a.prefix-facebook,
a.prefix-twitter,
a.prefix-pinterest,
a.prefix-instagram,
a.prefix-youtube,
a.prefix-typo3,
a.prefix-linkedin{
    color: inherit;
    font-size: 0 !important;
    text-decoration: none !important
}
a.prefix-xing:before {
    content: "\f169";
}
a.prefix-linkedin:before {
    content: "\f08c";
}
a.prefix-facebook:before {
    content: "\f09a";
    color: #4267B2
}
a.prefix-twitter:before {
    content: "\f081";
}
a.prefix-pinterest:before {
    content: "\f0d3";
}
a.prefix-instagram:before {
    content: "\f16d";
}
a.prefix-youtube:before {
    content: "\f167";
}
a.prefix-typo3:before {
    content: "\f42b";
}
/*default link handler*/
a.link-internal:before,
a.link-external-blank:before,
a.link-download:before,
a.link-phone:before,
a.link-mail:before,
a.link-mail.link-telephone:before {
    position: relative;
    /*left: 5px;*/
    /*top: 5px;*/
    padding-right:5px;
    /*font-family: "Ionicons";*/
    /*font-family: "Font Awesome 6 Pro";*/
    font-family: "Font Awesome 6 Pro";
}

/*default link handler*/
a.link-internal:before {
    content: "\f659";
}
a.link-external-blank:before {
    content: "\f08e";
}
a.link-download:before {
    content: "\f15b";
}
a.link-mail:before {
    content: "\f0e0";
}
a.link-mail.link-telephone:before {
    content: "\f095";
}

a.iconafter:after {
    content: "\f105";
    padding-left: 10px;
}
a.read-more-arrow-right:after {
    content: "\f105";
    padding-left: 10px;
}
a.read-more-underline-uppercase {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}
a.read-more-underline-b-uppercase {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #222;
}

.nav-icon-extlink a:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f08e";
    padding-right: .5em;
}


.upper-header {
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* foundation tabs:*/
ul.tabs {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
ul.tabs li {
    list-style-type: none;
}
.tabs-title>a {
    /*font-size: 1.1rem;*/
    font-size: inherit;
}
/* foundation accordion:*/
ul.accordion {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
ul.accordion > li {
    list-style-type: none !important;
}
a.accordion-title {
    /*font-size: 1.1rem;*/
    font-size: inherit;
    line-height: 150%;
}
/* # ~~~~~ Foundation Menus as tt_content.menus ~~~~~ # */
ul.vertical.menu {
    padding-left: 0 !important;
}
ul.service-menu.menu.left li,
ul.service-menu.menu.left li,
ul.service-menu.left li,
ul.service-menu.vertical li,
ul.service-menu li {
    list-style-type: none;
    /*padding-right: 15px;*/
    /*padding: 5px;*/
}
ul.service-menu.vertical.right li,
ul.service-menu.menu.vertical.right li {
    text-align: right;
}
ul.service-menu.menu.vertical.center li,
ul.service-menu.vertical.center li {
    text-align: center;
}
ul.service-menu.menu,
ul.service-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.service-menu.menu li a,
ul.service-menu li a {
    margin: 5px 0;
    padding: 5px;
    /*font-size: inherit;*/
}
ul.service-menu.menu.pipe li a,
ul.service-menu.right.pipe li a {
    margin: 5px 0 !important;
    padding: 5px 0 !important;
    /*font-size: inherit !important;*/
}
ul.service-menu.menu.vertical li a,
ul.service-menu.vertical li a {
    margin: 0 0 5px 0;
}
ul.service-menu.menu.pipe li > a:after,
ul.service-menu.menu.right.pipe li > a:after,
ul.service-menu.pipe li > a:after,
ul.service-menu.right.pipe li > a:after  {
    /*font-family: "foundation-icons";*/
    content: "\2223";
    padding: 0 15px !important;
}

ul.service-menu.menu.pipe li:last-child > a:after,
ul.service-menu.menu.align-right.pipe li:last-child > a:after,
ul.service-menu.pipe li:last-child > a:after,
ul.service-menu.menu.inline.sep-line li:last-child a:after,
ul.service-menu.align-right.pipe li:last-child > a:after  {
    content: inherit;
    display: none;
    visibility: hidden;
}

ul.service-menu.align-right.pipe,
ul.service-menu.menu.align-right.pipe {
    text-align: right;
    display: block;
}
ul.service-menu.menu.align-right.pipe li,
ul.service-menu.align-right.pipe li {
    float: none;
    display: inline-block;
}
.service .service-menu.menu>li>a,
.service .service-menu>li>a {
    margin: 0;
    padding: 0
}

.center-pipe-menu {
    text-align: center;
}
.center-pipe-menu ul.service-menu.menu.pipe.centered,
.center-pipe-menu ul.service-menu.pipe.centered {
    margin: 0 auto !important;
}
.center-pipe-menu ul.service-menu.menu.pipe.centered li,
.center-pipe-menu ul.service-menu.pipe.centered li {
    display: inline-block;
    text-align: center;
}

.service-menu.bottomborder.arrow-right li a {
    border-bottom: 1px solid #fff;
    padding: 10px 15px 8px 0 !important
}
.service-menu.bottomborder.arrow-right li a:after {
    font-family: "Font Awesome 6 Pro";
    content:"\f105";
    float: right;
}


.service-menu.bottomborder.arrow-right-inline li a {
    border-bottom: 1px solid #fff;
    padding: 10px 15px 8px 0 !important;
    text-decoration: none;
}
.service-menu.bottomborder.arrow-right-inline li a:after {
    font-family: "Font Awesome 6 Pro";
    content:"\f107";
    text-align: center;
    width: 1.25em;
    padding-left: 5px;
}

.service-menu.bigpadding.arrow-left li a {
    padding: 10px 0 8px 0 !important
}
.service-menu.bigpadding.arrow-left li a:after {
    font-family: "Font Awesome 6 Pro";
    content:"\f105";
    float: left;

}


.service-menu.arrow-left-v2 li a {
    padding: 2px 0 2px 0 !important
}
.service-menu.arrow-left-v2 li a:before {
    font-family: "Font Awesome 6 Pro";
    content:"\f0da";
    /*float: left;*/
    padding-right: 5px;
    text-align: center;
    width: 1.25em;
    font-weight: 900;
}

ul.service-menu.menu a {
    white-space: normal !important;
}

.service-menu.menu.inline.sep-line li a:after {
    font-family: "Font Awesome 6 Pro";
    font-size: 20px;
    padding: 0 0 0 10px;
    content: "\f068";
}
blockquote.blockquote-cite-icon,
blockquote.blockquote-info-icon {
    margin: 0 0 1rem 5rem;
    padding: .5625rem 2.25rem 0 1.1875rem;
    border-left: 1px solid #ddd;
    position: relative;
}
blockquote.blockquote-cite-icon:before  {
    position: absolute;
    left: -5rem;
    font-weight: 900;
    top: 0;
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    content: "\f10e";
    text-align: center;
    width: 1.25em;
    color: #ddd
}
blockquote.blockquote-info-icon:before  {
    position: absolute;
    left: -5rem;
    font-weight: 900;
    top: 0;
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    content: "\f129";
    text-align: center;
    width: 1.25em;
    color: #ddd
}
blockquote, blockquote p {
    line-height: 1.7;
    color: #555;
    font-style: italic;
    font-size: 120%;
    font-size: 1.2rem;
}
.blockquote-reverse {
    text-align:right;
}
/* # ~~~~~ langmenu ~~~~~ # */
.langmenue {
    text-align: right;
}
.langbuttons ul,
.langbuttons li {
    list-style-type: none;
}
.langbuttons img {
    display: block;
    float:right;
    margin-right:10px;
    max-width:45px;
    height:auto;
}
#languageNavigation,
#languageNavigation li {
    list-style: none;
    list-style-type: none;
}
#languageNavigation {
    display: block;
    min-width: 120px;
}
#languageNavigation img {
    max-width: 30px;
    height: auto;
    float: right;
    margin-left: .2em
}
#languageNavigation .na {
    display: none;
}



/* ~~~~~  Forms:*/

.error {
    margin: 0 0 3px 0 !important;
    padding: 10px 3px 3px 3px !important;
    font-size: .85em !important;
}

/* # ~~~~~ back to top: ~~~~~ # */
#back-top {
    position: fixed !important;
    bottom: 20px !important;
    right: 10px !important;
}
#back-top {
    background: #888 none repeat scroll 0 0;
    border-radius: 30px;
    bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    display: none;
    font-size: 24px;
    height: 50px;
    line-height: 44px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
    z-index: 2147483647;
}
#back-top a {
    color: #fff;
}
#back-top span:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font-all);
    font-weight: bold;
    /*font-family: "Ionicons";*/
    font-family: "Font Awesome 6 Pro";
    content: "\f106";
    text-align: center;
}
#back-top:hover {
    background: #da5433;
}


/* # ~~~~~ Breadcrumb ~~~~~ # */
.bcnav {
    background: none;
    border: none;
    padding: 5px 0;
    text-align: left;
    /*float: right;*/
}
.bcnav .bprefix {
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 95% !important;
}
.bcnav ul {
    margin: 0 !important;
    padding: 0 !important;
}
.bcnav ul li {
    list-style: none;
    display: inline-block;
    margin: 0 !important;
    padding: 0 5px !important;
    line-height: normal;
    font-size: 95% !important;;
}
.bcul > *:before {
    content: "/";
}
.bcul > *:first-child:before,  .bcul > *:last-child:before {
    content: "";
}
.bcul > *:before {
    color: #C3BCBD;
    /*padding-right: 10px;*/
}
.bcnav a {
    color: #C3BCBD;
    font-size: 95% !important;;
}
.bcnav a:hover {
    color: #5D5E55;
}
.bcnav span {
    color: #C3BCBD;
}
.bcnav > * {
    font-size: 95% !important;
    line-height: normal
}
a[href^="tel"]:link,  a[href^="tel"]:visited,  a[href^="tel"]:hover {
    text-decoration: none;
}
@media only screen and (max-width: 40.063em) {
    a[href^="tel"]:link,  a[href^="tel"]:visited,  a[href^="tel"]:hover {
        text-decoration: underline !important;
    }
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Powermail:
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*Response-Form: */
.powermail_form legend {
    /*display: none;*/
    /*visibility: hidden;*/
}
.powermail_radio_legend {
    /*display: none;*/
    /*visibility: hidden;*/
}
.powermail_form label,
.powermail_form input,
.powermail_form textarea,
select.powermail_select,
.powermail_radio_legend{
    /*font-size: 1.1rem;*/
    /*font-size: inherit;*/
}
.powermail_form input,
.powermail_form textarea,
.powermail_radio_legend{
    /*padding: 20px*/
    min-height:4rem;
}
.powermail_form input.powermail_checkbox {
    min-height: inherit;
}
.powermail_form .radio input {
    min-height: inherit !important;
}
select.powermail_select{
    padding-left: 5px;
    min-height:4rem !important;
}
.layout2 select.powermail_select {
    max-width: 20px;
}
.powermail_form fieldset {
    margin: 10px 0 !important;
    padding: 10px !important;
    border: 1px solid #ddd;
}
.powermail_form .powermail_fieldwrap_submit {
    text-align: right;
}
.powermail_form .powermail_fieldwrap_submit input {
    background: #942200;
    color: #f9f9f9;
    padding: 6px 15px;
    border: none;
}
.powermail_form .powermail_fieldwrap_submit input:hover {
    background: #f9f9f9;
    color: #942200;
    transition: 0.5s;
    padding: 6px 15px;
    border: none;
}
/*global select settings*/
.powermail_fieldwrap_select select {
    height: auto;
    width: auto;
    min-width: 50px;
    padding: 2px 10px;
}
/* # ~~~~~ Forms  ~~~~~ # */
/*
label,
input,
textarea,
select,
legend {
    font-size: 110% !important;
}
*/
/* # ~~~~~ powermail preset  ~~~~~ # */


/*form */
.form-col h3 {
    display: none;
    visibility: hidden;
}
.form-col legend {
    color: #E96283;
    font-weight: bold;
    padding: .3rem 1rem;
    text-transform: uppercase;
    background: #F8FAF4;
}
.form-col .powermail_fieldset.layout1 legend {
    color:#1F74AB
}
.form-col .powermail_fieldwrap.layout1 input {
    max-width: 300px
}
.form-col .powermail_form fieldset {
    margin: 1rem 0 !important;
    padding:  1rem;
    border: 1px solid #ccc;
}

.form-col form {
    border: none
}
.form-col .powermail_fieldwrap_type_date {
    max-width: 20em;
}
.form-col label,
.form-col .powermail_fieldwrap_type_content p {
    /*font-size: 90% !important;*/
    /*font-size: .9rem !important;*/
    line-height: normal;
}
.form-col input {
    min-height: inherit;
    margin: 0 0 .5em 0 !important;
    padding: .2em !important;
}
.form-col .powermail_fieldwrap_datenschutz input {
    min-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
}
.form-col .powermail_fieldwrap_marker_02 label * {
    line-height: normal;
    font-size: 100% !important;
    font-size: 1rem !important;
    color: #333
}
.form-col .powermail_submit {
    background: #1F74AB;
    font-size: 1em;
    text-align: center;
    opacity: 1;
    color: #ffffff;
    /*right: 20px;*/
    padding: 0.4em 1.6em !important;
    /*margin-right: 38px;*/
    margin-top: .5em !important;
    text-transform: uppercase;
    border: none;
    transition: all .5s;
}
.form-col .powermail_submit:hover {
    background: #F22E51;
    transition: all .5s;
}
.form-col .parsley-required {
    color:#000;
    font-weight: bold;
}

/*zztabs & accordion*/
.z-content-inner {
    /*background: #000 !important;*/
}
.z-accordion ol,  ul.z-accordion,  .z-tabs > ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.z-accordion.horizontal .zzacc-inner {
    padding: 1em !important
}
.z-accordion.vertical h3.z-header {
    height:auto !important
}
.z-accordion>.z-section>.z-header>.z-title {
    padding-left: 10px !important;
}
.z-accordion.vertical>.z-section.z-active>.z-header>.z-arrow, .z-accordion.vertical>.z-section>.z-header:hover>.z-arrow {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    transform: rotate(90deg);
    right: 14px;
}
.z-tabs ul li a, h3.z-header span {
    /*font-size: 1.1rem;*/
    font-size: inherit;
}
.z-tabs > .z-container > .z-content > .z-content-inner {
    padding: 10px 10px !important;
    height: auto;
}
.z-tabs h3.z-header {
    padding:7px 10px 5px 10px !important;
    line-height: normal !important
}

#demo-accordion li ol li {
    list-style-type: inherit !important;
}

#tabbed-nav ul.z-tabs-nav {
    margin-left: 0 !important;
}
#tabbed-nav ul#demo-accordion {
    margin-left: 0 !important;
}
/*foundations cols in zozotabs:*/
.z-content-inner .row,  .z-content-inner .column,  .z-content-inner .columns,  .z-content .row,  .z-content .column,  .z-content .columns {
    margin: 0 !important;
    padding: 0 !important;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# News Presets
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*two col events var 1*/
.two-col-events .event-content-col {
    border-left: 1px solid #609174;
    padding-left: 15px;
    margin-bottom: 15px;
}
.two-col-events .event-content-col p {
    margin: 0 !important;
    padding: 0 !important;
}
.two-col-events p.col4v2-title {
    font-size: 110%;
    font-weight: bold;
}
.two-col-events .event-date-col {
    padding: 0;
}
.two-col-events .event-date-col .event-list-day {
    text-align: center;
    background: #fff;
    color: #609174;
    width: 40px;
    height:40px;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 110%;
    line-height: inherit;
    font-weight:bold;
    padding-top: 5px;
    display: block;
}
.two-col-events .event-date-col .event-list-month {
    text-align: center;
    padding: 0;
    display: block;
    color: #609174
}

.two-col-events {
    margin: 0 !important;
}

.two-col-events .single-news {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}
.two-col-events .col4v2inner {
    padding: 0;
}
.two-col-events a img {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Real two col events var 2*/
.real-two-col-events .event-content-col {
    border-left: 1px solid #609174;
    padding-left: 15px;
    margin-bottom: 15px;
}
.real-two-col-events .event-content-col p {
    margin: 0 !important;
    padding: 0 !important;
}
.real-two-col-events p.col4v2-title {
    font-size: 110%;
    font-weight: bold;
}
.real-two-col-events .event-date-col {
    padding: 0;
}
.real-two-col-events .event-date-col .event-list-day {
    text-align: center;
    background: #fff;
    color: #609174;
    width: 40px;
    height:40px;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 110%;
    line-height: inherit;
    font-weight:bold;
    padding-top: 5px;
    display: block;
}
.real-two-col-events .event-date-col .event-list-month {
    text-align: center;
    padding: 0;
    display: block;
    color: #609174
}

.real-two-col-events {
    margin: 0 !important;
}

.real-two-col-events .single-news {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}
.real-two-col-events .col4v2inner {
    padding: 0;
}
.real-two-col-events a img {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.centernews .single-news,
.centernews .col4v2inner{
    padding: 1.5em;
    text-align: center;
}
.centernews .col4v2inner *{
    text-align: center;
}
.centernews .single-news img {
    max-width: 300px;
    height: auto;
}

/*news in tabs:*/

.newstabs .z-container {
    border: none;
}
.newstabs .newstabsinner {
    padding: 10px 20px 10px 0;
}
.news-tmpl-one img,  .news-tmpl-ten img {
    max-width: 250px;
    height: auto;
}

/* # ~~~~~  Item_2col-var ~~~~~ # */
.two-col-flex {
    margin-bottom:20px;
}
.two-col-flex h2 {
    font-size: 115%;
    font-weight: 700;
}

/*two cols item39*/
.news-list-view-layout-30 .news-min-item-layout-30 {
    padding: 3em 0;
    transition: all .5s;
    transform: scale(1);
    /*height: 100%;*/
    border-bottom: 1px solid #eee
}
.news-list-view-layout-30 .news-min-item-layout-30:hover {
    transform: scale(1.0125);
    transition: all .5s ;
    background: none;
}
.news-list-view-layout-30 .news-min-item-layout-30:nth-child(2n) {
    background: none;
}
.item39_catinfo_row .item39_col_1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: .5em 0;
}

.item39_catinfo_row .item39_col_2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
h2.item39_news_title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 100%;
    text-decoration: none;
}
h2.item39_news_title a  {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 150%;
    font-size: 1.5rem;
    color: #777;
    text-decoration: none;
}
.item39_news_teaser * {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 250%;
    font-size: 2.5rem;
    color: #555;
    text-decoration: none !important;
}
.item39_img {
    order: 3;
}
.item39_date {
    order: 2;
}
.item39_date:after {
    /*content: " - ";*/
}
.item39_cat {
    order: 1
}

/*layout 11 - list only title + date*/
.news-list-date-layout-11::before  {
    font-family: "Font Awesome 6 Pro";
    /*font-size: 50px;*/
    content: "\f017";
    text-align: right;
    width: 1.25em;
    padding-left: 1em;
}
.news-list-view-layout-11 a {
    text-decoration: none !important;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# News Multicols:_
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*two cols*/
.news-list-view-layout-13 .grid-x .cell:nth-child(odd) {
    padding-right: 2em
}
.news-list-view-layout-13 .grid-x .cell:nth-child(even) {
    padding-left: 2em
}
/*three cols*/
.news-list-view-layout-12 .grid-x .cell:nth-child(1) {
    padding-right: 1em
}
.news-list-view-layout-12 .grid-x .cell:nth-child(2) {
    padding-left: .5em;
    padding-right: .5em;
}
.news-list-view-layout-12 .grid-x .cell:nth-child(3) {
    padding-left: 1em
}
/* # ~~~~~ news page browser ~~~~~ # */
.f3-widget-paginator {

}
.f3-widget-paginator li {

}
/* # ~~~~~ prev & next ~~~~~ # */
.page-navigation p {
    display: none;
    visibility: hidden;
}
.f3-widget-paginator .previous,
.f3-widget-paginator .next {
    display: none;
    visibility: hidden;
}
.f3-widget-paginator .last.next {
    width: 0;
    font-size: 0;
}

.f3-widget-paginator li  {
    display: block;
    background: #000 !important;
    padding: 10px !important;
    color: #fff;
    margin-left: 10px;
}
.f3-widget-paginator li:hover,
.f3-widget-paginator li.current  {
    background: #666 !important;
    color: #fff;
}
.f3-widget-paginator li a {
    color: #fff;
}

/* # ~~~~~ round pics in news - set outerframe! ~~~~~ # */
.round-pics img,
.round-news-pics img {
    border-radius: 50%;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# News Presets end
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ sidebar ~~~~~ # */
.sidebarfaq {
    margin-top: 0;
}
.sidebarfaq ul.service-menu.menu li a {
    text-decoration: none;
    margin: 3px 0 !important;
    padding: 3px 0 !important;
}
.sidebarfaq li a:before {
    position: relative;
    /*left: 5px;*/
    /*top: 5px;*/
    padding-right:5px;
    /*font-family: "Ionicons";*/
    font-family: "Font Awesome 6 Pro";
    content: "\f129";
}
/* # ~~~~~ reveal ~~~~~ # */
.reveal,
.reveal-overlay {
    z-index: 999;
}
.reveal {
    background: rgba(255,255,255, 0.5);
    background: none;
}

/*colored news:*/
.colored-news-item .row {
    padding: 0 30px !important;
}
.news-bg-color-1 {
    background: #4C9045;
}
.news-bg-color-2 {
    background: #E9722B;
}
.news-bg-color-3 {
    background: #45668F;
}
.colored-news-item  .news-img-wrap,
.colored-news-item  .news-img-wrap a{
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
/*text-block:*/
.color-news-text {
    padding: 20px;
}
.colored-news-item .button {
    background: #fff;
    color: #522829;
}
.colored-news-item .button:hover {
    background: #522829;
    color: #fff;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# section frames & layout
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.ce-in-pic {
    position: relative;
}
.ce-in-pic .csc-textpic-text {
    position: absolute;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Backstretch slideshow
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*
#tophero {
    width: 100%;
    background: #B98C15;
    height: 100%;
    position: relative;
}
*/
#tophero a.prevbutton:before {
    position: absolute;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    top: 0; left: 1%; bottom: 0; right: auto;
    text-align: left;
    font-size: 140px;
    color: #fff;
    /*font-family: "Ionicons";*/
    font-family: "Font Awesome 6 Pro";
    content: "\f150";
    opacity: .5;
    transition: all .5s;
}
#tophero a.nextbutton:before {
    position: absolute;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    top: 0; right: 1%; left:auto; bottom: 0;
    text-align: right;
    font-size: 140px;
    color: #fff;
    /*font-family: "Ionicons";*/
    font-family: "Font Awesome 6 Pro";
    content: "\f152";
    opacity: .5;
    transition: all .5s;
}
#tophero a.prevbutton:hover:before {
    opacity: 1;
    transition: all .5s;
}
#tophero a.nextbutton:hover:before {
    opacity: 1;
    transition: all .5s;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Extensions & Applications
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/



/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# ke_search
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/*search only as input*/
.searchbox-input #kesearch_submit,
.searchbox-input .resetbutt,
.searchbox-input .submitbutt {
    /*display: none;*/
    /*visibility: hidden;*/
}
.searchbox-input #ke_search_sword {
    position: relative;
    top: 5px;
    width: 120px;
    height: auto;
    padding: 8px 10px 7px 9px;
    margin: 0;
    display: inline;
    /*font-size: 1.1rem;*/
    font-size: inherit;
}
.searchbox-input .tx-kesearch-pi1 input[type="text"] {
    /*border: none;*/
    -webkit-border-radius: inherit;
    -moz-border-radius:inherit;
    border-radius: inherit;
}
#kesearch_num_results {
    font-weight: bold;
}
#kesearch_results img {
    max-width: inherit !important;
    width: auto !important;
}
#kesearch_ordering .ordering ul,
#kesearch_ordering .ordering li {
    list-style-type: none;
}
/* # ~~~~~ search accordion ~~~~~ # */
.search-accordion .resetbutt {
    display: none;
}

.search-accordion .kesearch_searchbox {
    position: relative;
}
.search-accordion .kesearchbox {
    display: inline-block;
}
.search-accordion #ke_search_sword {
    position: absolute;
    /*top: 1px;*/
    width: 320px;
    height: auto;
    padding: 8px 40px 7px 9px;
    margin: 0;
    display: inline-block;
}
.search-accordion .submitbutt {
    position: absolute;
    top: 20px;
    left: 330px;
}
/*search offcanvas*/
.search-offcanvas .header-default {
    display: none;
}
.search-offcanvas .resetbutt,
.search-offcanvas .submitbutt {
    display: none;
}
.search-offcanvas .kesearchbox #ke_search_sword {
    position: absolute;
    top: 1px;
    width: 220px;
    height: auto;
    padding: 8px 40px 7px 9px;
    margin: 0;
    display: inline;
    left: 50%;
    transform: translateX(-50%);
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Search with magnifier
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.searchlens .resetbutt {
    display: none;
}
.searchlens #ke_search_sword {
    color: rgb(204, 0, 25);
    max-width: 100%;
    position: static;
    padding-right:50px;
    width: 100% !important;
}
.searchlens .kesearch_searchbox {
    position: relative;
}
.searchlens .submitbutt {
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    width: max-content;
}
.searchlens .submitbutt:after {

}
.searchlens .tx-kesearch-pi1 .submitbutt input {
    margin: 0;
    color: #fff;
    font-size: 1px !important;
    padding: 0 20px;
    /*padding: 0 10px;*/
    height: 100%;
    max-width: 100%;
    /*max-width: 1px;*/
    min-width: 0;
    background: inherit;
}
.searchlens .tx-kesearch-pi1 .submitbutt:after {
    font-family: "Font Awesome 6 Pro";
    font-size: 20px;
    content: "\f002";
    position: absolute;
    right: 10px;
    top: 7px;
    pointer-events: none;
}

.searchlens .kesearchbox {
    margin: 0;
}
.searchlens .tx-kesearch-pi1 form {
    margin: 0;
}

.pagination .current {
    background: #F53B3F;
}
.pagination .current a, .pagination button {
    color: #fff;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# global styleguide
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.row.columns.onecol {
    padding: 10px !important;
}
.special-header {
    font-size: 110%;
    padding: 10px;
    background: #999;
    color: #fff;
}


button.close-button {
    color: #999;
}
a.statlink-wrapper {
    cursor: inherit;
}
.statlink img {
    max-width: 120px;
}
/* # ~~~~~ grid-col-samples ~~~~~ # */
/*.innercol {*/
/*padding: 10px;*/
/*}*/

/*anchors*/

.ce-anchor,
.magellan-anchor {
    /*content:"";*/
    /*display:block;*/
    /*height:80px; !* fixed header height*!*/
    /*margin:-80px 0 0; !* negative fixed header height *!*/
    visibility: hidden; height: 0 !important; position: absolute; margin: -100px !important;
}
.magellan-anchor {
    /*visibility: hidden; height: 0 !important; position: absolute; margin: -100px !important;*/
}
.mega-menu .ce-anchor {
    display: none;
    visibility: hidden;
}
/* # ~~~~~ nested lists ~~~~~ # */
html > /**/ body ol {
    /* Won't be interpreted by IE6/7. */
    list-style-type: none;
    counter-reset: level1;
}
ol li:before {
    content: counter(level1) ". ";
    counter-increment: level1;
    margin-left: -1em;
}
ol li ol {
    list-style-type: none;
    counter-reset: level2;
    margin-left: 1.75em;
}
ol li ol li:before {
    content: counter(level1) "." counter(level2) " ";
    counter-increment: level2;
    margin-left: -1.5em;
}
ol li span {
    /* For IE6/7. */
    margin: 0 5px 0 -25px;
}

/*primary colors*/
.color1,
.color-one {
    color: #111;
}
.color2,
.color-two {
    color: #222;
}
.color3,
.color-three {
    color: #333;
}
.color4,
.color-four {
    color: #444;
}
.color5,
.color-five {
    color: #555;
}
.color6,
.color-six {
    color: #666;
}

.bg-split-one {
    background: #E7EDF2;
    /* Old Browsers */background: -moz-linear-gradient(left, #E7EDF2 0%, #E7EDF2 50%, #ffffff 50%, #ffffff 100%);
    /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, #E7EDF2), color-stop(50%, #E7EDF2), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome, Safari4+ */background: -webkit-linear-gradient(left, #E7EDF2 0%, #E7EDF2 50%, #ffffff 50%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, #E7EDF2 0%, #E7EDF2 50%, #ffffff 50%, #ffffff 100%);
    /* Opera 11.10+ */background: -ms-linear-gradient(left, #E7EDF2 0%, #E7EDF2 50%, #ffffff 50%, #ffffff 100%);
    /* IE 10+ */background: linear-gradient(to right, #E7EDF2 0%, #E7EDF2 50%, #ffffff 50%, #ffffff 100%);
    /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7EDF2', endColorstr='#ffffff', GradientType=1 );
    /* IE6-9 */
}
.bg-split-two {
    background: #ffffff;
    /* Old Browsers */background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #E7EDF2 50%, #E7EDF2 100%);
    /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #E7EDF2), color-stop(100%, #E7EDF2));
    /* Chrome, Safari4+ */background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #E7EDF2 50%, #E7EDF2 100%);
    /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #E7EDF2 50%, #E7EDF2 100%);
    /* Opera 11.10+ */background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 50%, #E7EDF2 50%, #E7EDF2 100%);
    /* IE 10+ */background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #E7EDF2 50%, #E7EDF2 100%);
    /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E7EDF2', GradientType=1 );
    /* IE6-9 */
}
.bg-split-three {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7edf2 50%, #e7edf2 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #e7edf2), color-stop(100%, #e7edf2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7edf2 50%, #e7edf2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7edf2 50%, #e7edf2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7edf2 50%, #e7edf2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e7edf2 50%, #e7edf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7edf2', GradientType=0 );
}


/*preset bg-styles:*/
/*.bg-one h1,.bg-one  h2,.bg-one  h3,.bg-one  h4,.bg-one  h5,.bg-one  h6,*/
/*.bg-one p, .bg-one li, .bg-one a, .bg-one label, .bg-one legend {*/
/*color: #fff;*/
/*}*/
/*.bg-one a:hover {*/
/*color: #DECB9B*/
/*}*/

.wcolor h1,.wcolor  h2,.wcolor  h3,.wcolor  h4,.wcolor  h5,.wcolor  h6,
.wcolor p, .wcolor li, .wcolor a, .wcolor label, .wcolor legend, .wcolor span, .wcolor {
    color: #fff !important;
}

.wcolor a:hover {
    color: #DECB9B !important;
}
.bluecolor h1,.bluecolor  h2,.bluecolor  h3,.bluecolor  h4,.bluecolor  h5,.bluecolor  h6,
.bluecolor p, .bluecolor li, .bluecolor a, .bluecolor label, .bluecolor legend, .bluecolor span, .bluecolor {
    color: #0169B3 !important;
}
.bluecolor a:hover {
    color: #E36C0A !important;
}
.darkcolor h1,.darkcolor  h2,.darkcolor  h3,.darkcolor  h4,.darkcolor  h5,.darkcolor  h6,
.darkcolor p, .darkcolor li, .darkcolor a, .darkcolor label, .darkcolor legend, .darkcolor span, .darkcolor {
    color: #111 !important;
}

.darkcolor a:hover {
    color: #333 !important;
}

.dark2color h1,.dark2color  h2,.dark2color  h3,.dark2color  h4,.dark2color  h5,.dark2color  h6,
.dark2color p, .dark2color li, .dark2color a, .dark2color label, .dark2color legend, .dark2color span, .dark2color {
    color: #222 !important;
}
.dark2color a:hover {
    color: #333 !important;
}
.redcolor h1,.redcolor  h2,.redcolor  h3,.redcolor  h4,.redcolor  h5,.redcolor  h6,
.redcolor p, .redcolor li, .redcolor a, .redcolor label, .redcolor legend, .redcolor span, .redcolor{
    color: #6F1A20 !important;
}
.greycolor h1,.greycolor  h2,.greycolor  h3,.greycolor  h4,.greycolor  h5,.greycolor  h6,
.greycolor p, .greycolor li, .greycolor a, .greycolor label, .greycolor legend, .greycolor span, .greycolor{
    color: #ddd !important;
}
.medium-grey h1,.medium-grey  h2,.medium-grey  h3,.medium-grey  h4,.medium-grey  h5,.medium-grey  h6,
.medium-grey p, .medium-grey li, .medium-grey a, .medium-grey label, .medium-grey legend, .medium-grey span, .medium-grey{
    color: #999 !important;
}
.darkgreycolor h1,.darkgreycolor  h2,.darkgreycolor  h3,.darkgreycolor  h4,.darkgreycolor  h5,.darkgreycolor  h6,
.darkgreycolor p, .darkgreycolor li, .darkgreycolor a, .darkgreycolor label, .darkgreycolor legend, .darkgreycolor span, .darkgreycolor{
    color: #333 !important;
}

.bcolor h1,.bcolor  h2,.bcolor  h3,.bcolor  h4,.bcolor  h5,.bcolor  h6,
.bcolor p, .bcolor li, .bcolor a, .bcolor label, .bcolor legend, .bcolor span{
    color: #111 !important;
}
.center-all, .center-all h1,.center-all  h2,.center-all  h3,.center-all  h4,.center-all  h5,.center-all  h6,
.center-all p, .center-all ul, .center-all ol, .center-all li, .center-all a, .center-all label, .center-all legend, .center-all span{
    text-align: center !important;
}
/*colors only for desktop:*/
@media screen and (min-width: 40em) {
    .wcolor-large h1, .wcolor-large h2, .wcolor-large h3, .wcolor-large h4, .wcolor-large h5, .wcolor-large h6,
    .wcolor-large p, .wcolor-large li, .wcolor-large a, .wcolor-large label, .wcolor-large legend, .wcolor-large span, .wcolor-large {
        color: #fff !important;
    }
    .darkcolor-large h1,.darkcolor-large  h2,.darkcolor-large  h3,.darkcolor-large  h4,.darkcolor-large  h5,.darkcolor-large  h6,
    .darkcolor-large p, .darkcolor-large li, .darkcolor-large a, .darkcolor-large label, .darkcolor-large legend, .darkcolor-large span, .darkcolor-large {
        color: #111 !important;
    }
}

.small-size {
    font-size:  var(--font-small);
}
.medium-size {
    font-size: var(--font-medium);
}
.big-size {
    font-size: var(--font-big);
}
.xxl-size {
    font-size: var(--font-xxl);
}
.tsmall {
    font-size: var(--font-tsmall)
}
.smaller {
    font-size: var(--font-smaller);
}
.bigger {
    font-size: var(--font-bigger);
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# background, border, padding - scheme-presets
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.bgw {
    background: #fff;
}
.bgb {
    background: #000;
}
.bgbi {
    background: #000 !important;
}
/* # ~~~~~ background   ~~~~~ # */
/*body.layout-0 #herofrompage,*/
.background-style-1,
.background-color-scheme-1,
.bg-one,
.bg1 {
    background: #F9F9F9;
    background: rgba(208,207,98, 0.2);
}
.bg-one-full,
.bg1full {
    background: rgba(208,207,98, 1);
}
/*body.layout-1 #herofrompage,*/
.background-style-2,
.background-color-scheme-2,
.bg-two,
.bg2{
    background: rgba(170,192,125, 0.2);
}
.bg-two-full,
.bg2full {
    background: rgba(170,192,125, 1);
}
/*body.layout-2 #herofrompage,*/
.background-style-3,
.background-color-scheme-3,
.bg-three,
.bg3 {
    background: rgba(132,177,186, 0.2);
}
.bg-three-full,
.bg3-full{
    background: rgba(132,177,186, 1);
}
/*body.layout-3 #herofrompage,*/
.background-style-4,
.background-color-scheme-4,
.bg-four,
.bg4 {
    background: rgba(129,182,123, 0.2);
}
.bg-four-full,
.bg4full {
    background: rgba(129,182,123, 1);
}
/*body.layout-4 #herofrompage,*/
.background-style-5,
.background-color-scheme-5,
.bg-five,
.bg5 {
    background: rgba(110,172,118, 0.2);
}
.bg-five-full,
.bg5-full {
    background: rgba(110,172,118, 1);
}
/*body.layout-5 #herofrompage,*/
.background-style-6,
.background-color-scheme-6,
.bg-six,
.bg6 {
    background: rgba(98,152,117, 0.2);
}
.bg-six-full,
.bg6-full{
    background: rgba(98,152,117, 1);
}

.bg-tr-w8 {
    background: rgba(255,255,255, 0.8);
}
.bg-tr-w5 {
    background: rgba(255,255,255, 0.5);
}
.bg-tr-w2 {
    background: rgba(255,255,255, 0.2);
}
.bg-tr-b8 {
    background: rgba(0,0,0, 0.8);
}
.bg-tr-b5 {
    background: rgba(0,0,0, 0.5);
}
.bg-tr-b4 {
    background: rgba(0,0,0, 0.4);
}
.bg-tr-b3 {
    background: rgba(0,0,0, 0.3);
}
.bg-tr-b2 {
    background: rgba(0,0,0, 0.2);
}
.bg-tr-b1 {
    background: rgba(0,0,0, 0.1);
}
.bgno,
.nobg {
    background: none !important;
}

.noborder,
.borderno {
    border:none !important;
}

/* # ~~~~~ end backgrounds ~~~~~ # */

.bg-padding {
    padding: 10px;
}
/*borders:*/
.border-style-1{
    border: 1px solid #cccccc;
}
.border-color-scheme-1{
    /*go*/
}
.border-style-2{
    border: 1px solid #CCC4B4;
}
.border-color-scheme-2{
    /*go*/
}
.border-style-3{
    border: 1px solid #CCBEB4;
}
.border-color-scheme-3{
    /*go*/
}
.border-style-4{
    border: 1px solid #CCB4B4;
}
.border-color-scheme-4{
    /*go*/
}
.border-style-5{
    border: 1px solid #CCB4C5;
}
.border-color-scheme-5{
    /*go*/
}
.border-style-6{
    border: 1px solid #BFB4CC;
}
.border-color-scheme-6{
    /*go*/
}
.bts1 {
    border-top: 1px solid #000;
}
bbs1 {
    border-bottom: 1px solid #000
}
bas1 {
    border: 1px solid #fff
}
.margin-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important; }

.padding-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important; }
/*standard-padding textmedia-images:*/
.img-pb {
    padding-bottom: .9375rem
}
.img-pt {
    padding-top: .5rem
}
.img-pr {
    padding-right: .9375rem
}
.img-pl {
    padding-left: .9375rem
}
/* # ~~~~~ special spacing ~~~~~ # */
.pt0 {
    padding-top: 0 !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pr0 {
    padding-right: 0 !important;
}
.pl0 {
    padding-left: 0 !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mr0 {
    margin-right: 0 !important;
}
.ml0 {
    margin-keft: 0 !important;
}

/*all*/
.pa10,
.padding-style-1,
.pa1 {
    padding: .25rem;
}
.padding-style-2,
.pa2 {
    padding: .5rem;
}
.padding-style-3,
.pa3 {
    padding: 1rem;
}
.padding-style-4,
.pa4 {
    padding: 1.5rem;
}
.padding-style-5,
.pa5 {
    padding: 3rem;
}

.pa6 {
    padding: 1.875rem;
}
.pa7 {
    padding: .9375rem;
}
.pa4em {
    padding: 4em;
}
.pa5em {
    padding: 5em;
}
.pa6em {
    padding: 6em;
}
.pa7em {
    padding: 7em;
}
/*top*/
.pt1 {
    padding-top: .25rem;
}
.pt2 {
    padding-top: .5rem;
}
.pt3 {
    padding-top: 1rem;
}
.pt4 {
    padding-top: 1.5rem;
}
.pt5 {
    padding-top: 3rem;
}
.pt6 {
    padding-top: 1.875rem;
}
.pt7 {
    padding-top: .9375rem;
}
.pt4em {
    padding-top: 4em;
}
.pt5em {
    padding-top: 5em;
}
.pt6em {
    padding-top: 6em;
}
.pt7em {
    padding-top: 7em;
}
/*bottom*/
.pb1 {
    padding-bottom: .25rem;
}
.pb2 {
    padding-bottom: .5rem;
}
.pb3 {
    padding-bottom: 1rem;
}
.pb4 {
    padding-bottom: 1.5rem;
}
.pb5 {
    padding-bottom: 3rem;
}
.pb4r {
    padding-bottom: 4rem
}
.pb6 {
    padding-bottom: 1.875rem;
}
.pb7 {
    padding-bottom: .9375rem;
}
.pb4em {
    padding-bottom: 4em;
}
.pb5em {
    padding-bottom: 5em;
}
.pb6em {
    padding-bottom: 6em;
}
.pb7em {
    padding-bottom: 7em;
}
/*left*/
.pl1 {
    padding-left: .25rem;
}
.pl2 {
    padding-left: .5rem;
}
.pl3 {
    padding-left: 1rem;
}
.pl4 {
    padding-left: 1.5rem;
}
.pl5 {
    padding-left: 3rem;
}
.pl6 {
    padding-left:1.875rem;
}
.pl7 {
    padding-left: .9375rem;
}
.pl4em {
    padding-left: 4em;
}
.pl5em {
    padding-left: 5em;
}
.pl6em {
    padding-left:6em;
}
.pl7em {
    padding-left:7em;
}

/*right*/
.pr1 {
    padding-right: .25rem;
}
.pr2 {
    padding-right: .5rem;
}
.pr3 {
    padding-right: 1rem;
}
.pr4 {
    padding-right: 1.5rem;
}
.pr5 {
    padding-right: 3rem;
}
.pr6 {
    padding-right: 1.875rem;
}
.pr7 {
    padding-right: .9375rem;
}
.pr4em {
    padding-right: 4em;
}
.pr5em {
    padding-right: 5em;
}
.pr6em {
    padding-right: 6em;
}
.pr7em {
    padding-right: 7em;
}
/*left and right*/
.plr1 {
    padding-right: .25rem;
    padding-left: .25rem;
}
.plr2 {
    padding-right: .5rem;
    padding-left: .5rem;
}
.plr3 {
    padding-right: 1rem;
    padding-left: 1rem;
}
.plr4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.plr5 {
    padding-right: 3rem;
    padding-left: 3rem;
}
.plr6 {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}
.plr7 {
    padding-right: .9375rem;
    padding-left: .9375rem;
}
.plr4em {
    padding-right: 4em;
    padding-left: 4em;
}
.plr5em {
    padding-right: 5em;
    padding-left: 5em;
}
.plr6em {
    padding-right: 6em;
    padding-left: 6em;
}
.plr7em {
    padding-right: 7em;
    padding-left: 7em;
}
/*top and bottom*/
.ptb0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.ptb1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.ptb2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.ptb3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.ptb4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.ptb5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.ptb6 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.ptb7 {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
}
.ptb4em {
    padding-top: 4em;
    padding-bottom: 4em;
}
.ptb5em {
    padding-top: 5em;
    padding-bottom: 5em;
}
.ptb6em {
    padding-top: 6em;
    padding-bottom: 6em;
}
.ptb7em {
    padding-top: 7em;
    padding-bottom: 7em;
}

.ceimgbg-frame .img-pb,
.ceimgbg-frame .img-pt,
.ceimgbg-frame .img-pl,
.ceimgbg-frame .img-pr {
    padding: inherit;
}

/*padding for small*/
@media only screen and (max-width: 40.063em) {
    .spa0 {
        padding: 0 !important;
    }
    .sptb0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .splr0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .spl0 {
        padding-left: 0 !important;
    }
    .spr0 {
        padding-right: 0 !important;
    }
    .spt0 {
        padding-top: 0 !important;
    }
    .spb0 {
        padding-bottom: 0 !important;
    }

    /*left and right*/
    .splr1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }
    .splr2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
    .splr3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .splr4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .splr5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .splr6 {
        padding-right: 1.875rem !important;
        padding-left: 1.875rem !important;
    }
    .splr7 {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}

/*foundation helpers & utility classes:*/
.zindex-one {
    z-index: 1 !important;
}
.border-centered:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 100px;
    border-bottom: 1px solid #424D6A;
}
.text-hide {
    font: inherit !important;
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    border: 0 !important; }

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important; }

.text-nowrap {
    white-space: nowrap !important; }

.text-wrap {
    word-wrap: break-word !important; }

.text-lowercase {
    text-transform: lowercase !important; }

.text-uppercase {
    text-transform: uppercase !important; }

.text-capitalize {
    text-transform: capitalize !important; }

.text-overline {
    text-decoration: overline !important; }

.text-underline {
    text-decoration: underline !important; }

.text-line-through {
    text-decoration: line-through !important; }

.no-text-decoration,
.text-decoration-none *,
.no-text-decoration a,
.ntd,
.ntd a {
    text-decoration: inherit !important; }
ul.list-unstyled,
.list-unstyled,
.list-unstyled li {
    list-style-type: none !important;
}
.font-wide {
    letter-spacing: 0.25rem; }

.font-normal {
    font-weight: normal; }

.font-bold {
    font-weight: bold; }

.font-italic {
    font-style: italic !important; }
.font-lighter {
    font-weight: lighter !important; }

ul.list-disc {
    list-style-type: disc !important; }

ul.list-circle {
    list-style-type: circle !important; }

ul.list-square {
    list-style-type: square !important; }

ol.list-decimal {
    list-style-type: decimal !important; }

ol.list-lower-alpha {
    list-style-type: lower-alpha !important; }

ol.list-lower-latin {
    list-style-type: lower-latin !important; }

ol.list-lower-roman {
    list-style-type: lower-roman !important; }

ol.list-upper-alpha {
    list-style-type: upper-alpha !important; }

ol.list-upper-latin {
    list-style-type: upper-latin !important; }

ol.list-upper-roman {
    list-style-type: upper-roman !important; }

.rounded {
    border-radius: 5000px !important; }

.radius {
    border-radius: 0.1875rem; }

.bordered {
    border: 0.0625rem solid #cacaca; }

.shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

/*.arrow-down {*/
/*display: block;*/
/*width: 0;*/
/*height: 0;*/
/*border: inset 0.4375rem;*/
/*content: '';*/
/*border-bottom-width: 0;*/
/*border-top-style: solid;*/
/*border-color: #0a0a0a transparent transparent; }*/

/*.arrow-up {*/
/*display: block;*/
/*width: 0;*/
/*height: 0;*/
/*border: inset 0.4375rem;*/
/*content: '';*/
/*border-top-width: 0;*/
/*border-bottom-style: solid;*/
/*border-color: transparent transparent #0a0a0a; }*/

/*.arrow-right {*/
/*display: block;*/
/*width: 0;*/
/*height: 0;*/
/*border: inset 0.4375rem;*/
/*content: '';*/
/*border-right-width: 0;*/
/*border-left-style: solid;*/
/*border-color: transparent transparent transparent #0a0a0a; }*/

/*.arrow-left {*/
/*display: block;*/
/*width: 0;*/
/*height: 0;*/
/*border: inset 0.4375rem;*/
/*content: '';*/
/*border-left-width: 0;*/
/*border-right-style: solid;*/
/*border-color: transparent #0a0a0a transparent transparent; }*/

.max-width-200 {
   max-width: 200px;
    height:auto;
}
.max-width-300 {
   max-width: 300px;
    height:auto;
}
.max-width-400 {
   max-width: 400px;
    height:auto
}
.max-width-500 {
   max-width: 500px;
    height:auto;
}
.max-width-600 {
   max-width: 600px;
    height:auto
}
.max-width-700 {
   max-width: 700px;
    height:auto;
}
.max-width-800 {
   max-width: 800px;
    height:auto
}
.max-width-900 {
   max-width: 900px;
    height:auto;
}
.max-width-1000 {
   max-width: 1000px;
    height:auto
}

.separator-center {
    text-align: center !important; }
.separator-center::before, .separator-center::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
.separator-center::after {
    clear: both; }
.separator-center::after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #333;
    margin: 1rem auto 0; }

.separator-left {
    text-align: left !important; }
.separator-left::before, .separator-left::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
.separator-left::after {
    clear: both; }
.separator-left::after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #333;
    margin: 1rem auto 0;
    margin-left: 0 !important; }

.separator-right {
    text-align: right !important; }
.separator-right::before, .separator-right::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1; }
.separator-right::after {
    clear: both; }
.separator-right::after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #333;
    margin: 1rem auto 0;
    margin-right: 0 !important; }

.overflow-visible {
    overflow: visible !important; }

.overflow-x-visible {
    overflow-x: visible !important; }

.overflow-y-visible {
    overflow-y: visible !important; }

.overflow-hidden {
    overflow: hidden !important; }

.overflow-x-hidden {
    overflow-x: hidden !important; }

.overflow-y-hidden {
    overflow-y: hidden !important; }

.overflow-scroll {
    overflow: scroll !important; }

.overflow-x-scroll {
    overflow-x: scroll !important; }

.overflow-y-scroll {
    overflow-y: scroll !important; }

.display-inline {
    display: inline !important; }

.display-inline-block {
    display: inline-block !important; }

.display-block {
    display: block !important; }

.display-flex {
    display: flex !important; }

.display-table {
    display: table !important; }

.display-table-cell {
    display: table-cell !important; }

.position-static {
    position: static !important; }

.position-relative {
    position: relative !important; }

.position-absolute {
    position: absolute !important; }

.position-inherit {
    position: inherit !important; }

.position-fixed {
    position: fixed !important; }

.position-fixed-top {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 975; }

.position-fixed-bottom {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 975; }
.autoheight {
    height: auto !important;
}
.border-box {
    box-sizing: border-box !important; }

.border-none {
    border: none !important; }

.width-25 {
    width: 25% !important; }

.width-50 {
    width: 50% !important; }

.width-75 {
    width: 75% !important; }

.width-100 {
    width: 100% !important; }

.height-25 {
    height: 25% !important; }

.height-50 {
    height: 50% !important; }

.height-75 {
    height: 75% !important; }

.height-100 {
    height: 100% !important; }

.max-width-100 {
    max-width: 100% !important; }

.max-height-100 {
    max-height: 100% !important; }


/*padding only for small */

@media only screen and (max-width: 40.063em) {
    .spa1,
    .pas1 {
        padding: .25rem;
    }
    .spa2,
    .pas2 {
        padding: .5rem;
    }
    .spa3,
    .pas3 {
        padding: 1rem;
    }
    .spa4,
    .pas4 {
        padding: 1.5rem;
    }
    .spa5,
    .pas5 {
        padding: 3rem;
    }
    .spa6,
    .pas6 {
        padding: 1.875rem;
    }
    .spa7,
    .pas7 {
        padding: .9375rem;
    }
    /*left and right*/
    .plrs1 {
        padding-right: .25rem;
        padding-left: .25rem;
    }
    .plrs2 {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .plrs3 {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .plrs4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .plrs5 {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .plrs6 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .plrs7 {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}
/*padding medium*/
@media only screen and (min-width: 40.063em) and (max-width: 1200px) {
    .pam1 {
        padding: .25rem;
    }
    .pam2 {
        padding: .5rem;
    }
    .pam3 {
        padding: 1rem;
    }
    .pam4 {
        padding: 1.5rem;
    }
    .pam5 {
        padding: 3rem;
    }
    .pam6 {
        padding: 1.875rem;
    }
    .pam7 {
        padding: .9375rem;
    }
    /*left and right*/
    .plrm1 {
        padding-right: .25rem;
        padding-left: .25rem;
    }
    .plrm2 {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .plrm3 {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .plrm4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .plrm5 {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .plrm6 {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
    .plrm7 {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}
/*the same now in margin*/
/*all*/
.ma1 {
    margin: .25rem;
}
.ma2 {
    margin: .5rem;
}
.ma3 {
    margin: 1rem;
}
.ma4 {
    margin: 1.5rem;
}
.ma5 {
    margin: 3rem;
}
.ma6 {
    margin: 1.875rem;
}
.ma7 {
    margin: .9375rem;
}
/*top*/
.mt1 {
    margin-top: .25rem;
}
.mt2 {
    margin-top: .5rem;
}
.mt3 {
    margin-top: 1rem;
}
.mt4 {
    margin-top: 1.5rem;
}
.mt5 {
    margin-top: 3rem;
}
.mt6 {
    margin-top: 1.875rem;
}
.mt7 {
    margin-top: .9375rem;
}
/*bottom*/
.mb1 {
    margin-bottom: .25rem;
}
.mb2 {
    margin-bottom: .5rem;
}
.mb3 {
    margin-bottom: 1rem;
}
.mb4 {
    margin-bottom: 1.5rem;
}
.mb5 {
    margin-bottom: 3rem;
}
.mb6 {
    margin-bottom: 1.875rem;
}
.mb7 {
    margin-bottom: .9375rem;
}
.mb0 {
    margin-bottom: 0 !important;
}
/*left*/
.ml1 {
    margin-left: .25rem;
}
.ml2 {
    margin-left: .5rem;
}
.ml3 {
    margin-left: 1rem;
}
.ml4 {
    margin-left: 1.5rem;
}
.ml5 {
    margin-left: 3rem;
}
.ml6 {
    margin-left: 1.875rem;
}
.ml7 {
    margin-left: .9375rem;
}
/*right*/
.mr1 {
    margin-right: .25rem;
}
.mr2 {
    margin-right: .5rem;
}
.mr3 {
    margin-right: 1rem;
}
.mr4 {
    margin-right: 1.5rem;
}
.mr5 {
    margin-right: 3rem;
}
.mr6 {
    margin-right: 1.875rem;
}
.mr7 {
    margin-right: .9375rem;
}
/*left and right*/
.mlr1 {
    margin-right: .25rem;
    margin-left: .25rem;
}
.mlr2 {
    margin-right: .5rem;
    margin-left: .5rem;
}
.mlr3 {
    margin-right: 1rem;
    margin-left: 1rem;
}
.mlr4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}
.mlr5 {
    margin-right: 3rem;
    margin-left: 3rem;
}
.mlr6 {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
}
.mlr7 {
    margin-right: .9375rem;
    margin-left: .9375rem;
}
/*top and bottom*/
.mtb1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.mtb2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.mtb3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mtb4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.mtb5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mtb6 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}
.mtb7 {
    margin-top: .9375rem;
    margin-bottom: .9375rem;
}

.mp0 {
    margin: 0 !important;
    padding: 0 !important;
}
/*minus margins:*/
.mbm75 {
    margin-bottom: -85px;
}
/*margin for small*/
@media only screen and (max-width: 40.063em) {
    .sma0 {
        padding: 0 !important;
    }
    .smtb0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .smlr0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sml0 {
        padding-left: 0 !important;
    }
    .smr0 {
        padding-right: 0 !important;
    }
    .smt0 {
        padding-top: 0 !important;
    }
    .smb0 {
        padding-bottom: 0 !important;
    }
    .sma0 {
        padding: 1rem !important;
    }
    /*left and right*/
    .smlr1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }
    .smlr2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
    .smlr3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .smlr4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .smlr5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .smlr6 {
        padding-right: 1.875rem !important;
        padding-left: 1.875rem !important;
    }
    .smlr7 {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}
/* # ~~~~~ text helpers ~~~~~ # */
.ttu {
    text-transform: uppercase;
}

/* # ~~~~~ borders ~~~~~ # */
.ba1e {
    border: 1px solid #eee;
}
.ba10 {
    border: 1px solid #000;
}
.ba1f {
    border: 1px solid #fff;
}
.ba1c {
    border: 1px solid #ccc;
}
.ba1d {
    border: 1px solid #ddd;
}
.ba19 {
    border: 1px solid #999;
}
.ba16 {
    border: 1px solid #666;
}
.ba13 {
    border: 1px solid #333;
}
.ba15f {
    border: 15px solid #fff !important;
}
.bt1e {
    border-top: 1px solid #eee
}
.bt13 {
    border-top: 1px solid #333
}
.border-shadow-over-light {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.border-shadow-over-light:hover {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.27);
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.border-shadow-over-medium {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.25);
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.border-shadow-over-medium:hover {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 125px rgba(0, 0, 0, 0.35);
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

.border-shadow-over-small {
    border: 1px solid rgba(0, 0, 0, 0.12);
    /*box-shadow: 0 0 75px rgba(0, 0, 0, 0.25);*/
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 20%);
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.border-shadow-over-small:hover {
    border: 1px solid rgba(0, 0, 0, 0.12);
    /*box-shadow: 0 0 125px rgba(0, 0, 0, 0.35);*/
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 40%);
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# responsive helpers for spacing
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*image-helpers:*/
@media only screen and (max-width: 40.063em) {
    .small-mb6 .cell {
        margin-bottom: 1.875rem !important;
    }
    .small-mb7 .cell {
        margin-bottom: .9375rem !important;
    }
}

.copyright-container {
    margin: 5px 0 !important;
    padding: 5px 0 !important;
}

/* # ~~~~~ breadcrumb fluid ~~~~~ # */

.breacrumb-menu span,
.breacrumb-menu span a {
    font-size: 100%;
    font-size: 1.0rem;
    text-transform: lowercase;
    font-style: italic;
    color: #999
}

/*helpers for small:*/

@media only screen and (max-width: 40.063em) {
    .main-innercol,
    .breacrumb-menu{
        padding: 1em !important;
    }
}

/* # ~~~~~ feedit ~~~~~ # */
.typo3-editPanel img {
    max-width:20px !important;
    height: auto;
}
/*split container:*/
.split-container {
    margin: 0 auto 0 auto !important;
    padding: 0 !important;
    /*max-width: 1200px !important;*/
    height: auto;
}
@media screen and (min-width: 1440px) {
    .split-half {
        min-width:600px !important;
    }
    .split-content {
        padding: 40px 50px;
    }
}
@media screen and (min-width: 640px) and (max-width: 1440px) {
    .split-half {
        min-width:100% !important;
    }
    .split-content {
        padding: 20px 25px;
    }
}
/*visibility classes:*/

.no-display,
.display-no,
.display-none,
.hidden,
.hideme {
    display: none;
}
.stage .nostagecontent {
    display: none;
    visibility: hidden;
}

/*fullwidth header pics:*/
.is-fullwidth img,
.fullwidth img,
.stage img,
.flexone img {
    width: 100vw;
    height: auto;
}
.is-heropic {
    margin: 0 !important;
    padding: 0 !important;
}
.is-heropic img {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
}
.stage .grid-margin-x .cell {
    margin: 0 !important;
}
.stage .grid-margin-x>.small-12 {
    width: calc(100%) !important;
}
.sticky {
    z-index: 5 !important;
}
.ls-inner {
    z-index: 1 !important;
}


.hr-divider hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
}

.hr-divider-v2 hr {
    clear: both;
    max-width: 15rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
}

.hr-divider-invisible hr {
    clear: both;
    max-width: 75rem;
    height: 15px;
    margin: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: inherit;
    border-left: 0;
}
.ce-gallery,
.stage .ce-gallery,
.stage .ce-gallery .image,
.image-no-padding-margin .ce-gallery .image,
.stage .ce-gallery .grid-padding-x > .cell,
.stage .ce-gallery .grid-margin-x > .cell,
.image-no-padding-margin .ce-gallery .image,
.image-no-padding-margin .ce-gallery,
.image-no-padding-margin.ce-gallery,
.image-no-padding-margin.ce-gallery .img-pb,
.no-margin-bottom .image {
    margin: 0 !important;
    padding: 0 !important;
}

@media only screen and (max-width: 40.063em) {
    .ce-bg-pic {
        padding: 20px !important;
    }
}

/* # ~~~~~ RTE STUFF ~~~~~ # */

p.lead {
    font-size: 120%;
    font-weight: 400;
    line-height: 1.4;
}

.small p,
.small p a,
a.small,
p.small,
.small span,
span.small {
    font-size: var(--font-small-all)
}
.medium p,
.medium p a,
a.medium,
p.medium,
.medium span,
span.medium {
    font-size:var(--font-medium-all)
}
cite {
    font-style: normal;
}

.text-muted {
    color: #999999;
}
.text-primary {
    color: #428BCA;
}
.text-warning {
    color: #8A6D3B;
}
.text-danger {
    color: #A94442;
}
.text-success {
    color: #3C763D;
}
.text-info {
    color: #31708F;
}
.text-info:hover {
    color: #245269;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-lineheight {
    line-height: 200%;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}


/* # ~~~~~ ckeditor ~~~~~ # */
.size-075 { font-size: var(--font075);}
.size-088 { font-size: var(--font088);}
.size-090 { font-size: var(--font090);}
.size-150 { font-size: var(--font150);}
.size-112 { font-size: var(--font112);}
.size-125 { font-size: var(--font125);}



/*utility font-classes*/
.font07 {
    font-size: var(--font070);
}
.font-xxs,
.font075 {
    font-size: var(--font075);
}
.font08 {
    font-size: var(--font080);
}
.font-xs,
.font085 {
    font-size: var(--font085);
}
.font-s,
.font09 {
    font-size: var(--font090);
}
.font-m,
.font1 {
    font-size: var(--font100);
}
.font11 {
    font-size: var(--font110);
}
.font-l,
.font12 {
    font-size: var(--font120);
}
.font-xl,
.font13 {
    font-size: var(--font130);
}
.font14 {
    font-size: var(--font140);
}
.font-xxl {
    font-size: var(--font-xxl);
}
.font-lighter {
    font-weight: lighter;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# hero-stuff
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* # ~~~~~ hero-stuff ~~~~~ # */
#tophero {
    background: #6E6E6D
}

#tophero {
    position: relative;
}
@media only screen and (min-width: 768px) {
    .blayout-pagets__heroimage_pure #tophero,
    .blayout-pagets__heroimage #tophero {
        min-height: 100%;
    }
    #herofrompage .stage{
        height: 100%;
    }
}

.herotext {
    position: absolute;
    top: 20%;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    left: 5%;
    /*right: 0;*/
}

/* # ~~~~~ start vegas area ~~~~~ # */
.vegas-arrows {
    z-index: 999;
    position: absolute;
    top: 50%
}

.vegas-arrows .next,
.vegas-arrows .previous{
    font-size: 0;
    padding: 0 10px;

}
.vegas-arrows .next:before,
.vegas-arrows .previous:before{
    font-family: "Font Awesome 6 Pro";
    font-family: 'Font Awesome 6 Pro';
    font-size: 50px;
    color: white;
    opacity: .5;
}
.vegas-arrows .next:before {
    content: "\f0a8";
}
.vegas-arrows .previous:before {
    content: "\f0a9";
}
.is-video-hero,
.is-media-slider {
    position: relative;
}
.is-video-hero .section-arrow-down,
.is-media-slider .section-arrow-down {
    position: absolute;
    max-height: 100vh;
    top: 90vh;
    z-index: 200;
    /*top: inherit;*/
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width: 40.063em) {
    .is-video-hero .section-arrow-down,
    .is-media-slider .section-arrow-down {
        top: 85vh;
    }
}
.is-video-hero ul.section-arrow-down li ul li,
.is-media-slider ul.section-arrow-down li ul li {
    display: none;
}
.is-video-hero ul.section-arrow-down li ul li:first-child,
.is-media-slider ul.section-arrow-down li ul li:first-child {
    display: block;
}
.is-video-hero .section-arrow-down ul a:after,
.is-media-slider .section-arrow-down ul a:after {
    color: #fff;
    font-size: 80px;
}
@media only screen and (min-width: 40.063em) {
    .is-video-hero #wrapper,
    .is-hero #wrapper,
    .blayout-pagets__heroimage #wrapper,
    .blayout-pagets__heroimage_pure #wrapper,
    .is-media-slider #wrapper {
        padding: 0 !important;
    }

    .is-video-hero .scrollhidetop,
    .is-media-slider .scrollhidetop {
        position: fixed;
        background: 0 !important;
        border: inherit !important;
    }
}
/* # ~~~~~ end vegas area ~~~~~ # */
/* # ~~~~~ backstretch ~~~~~ # */
.bsbuttons {
    display: none;
}
.show-bs-arrows .bsbuttons {
    display: block;
    position: absolute;
    z-index: 99;
    top: 45%;
    width: 100%
}

.show-bs-arrows .bsbuttons .nextbutton,
.show-bs-arrows .bsbuttons .prevbutton{
    font-size: 0;
    padding: 0 10px;
    position: absolute;
}
.show-bs-arrows .bsbuttons .nextbutton {
    content: "\f0a9";
    right: 2em;
}
.show-bs-arrows .bsbuttons .prevbutton {
    content: "\f0a8";
    left: 2em;
}
.show-bs-arrows .bsbuttons .nextbutton:before,
.show-bs-arrows .bsbuttons .prevbutton:before{
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    color: white;
    opacity: .5;
}
.show-bs-arrows .bsbuttons .nextbutton:before {
    content: "\f0a9";
}
.show-bs-arrows .bsbuttons .prevbutton:before {
    content: "\f0a8";
}
.is-bs-body-slider #herofrompage.hv100 {
    min-height: inherit !important;
}
body.is-bs-body-slider {
    padding-bottom: 0 !important;
}
.is-bs-body-hero #wrapper {
    background: unset !important
}
/* # ~~~~~ jarallax  ~~~~~ # */
.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/*flexbox helper classes:*/
.align-center-bottom {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.align-bottom-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: right;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: right;
    /*align-content: right;*/
}
.align-center-middle {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.flex-align-center {
    height: 100%;
    display: flex;
    align-items: center;
}
.flex-align-bottom {
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.flex-align-bottom75-center {
    height: 75%;
    display: flex;
    align-items: flex-end;
}
.flex-align-bottom90-center {
    height: 90%;
    display: flex;
    align-items: flex-end;
}
.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 40.063em) {
    /*#herofrompage .stage .flex-align-bottom90-center {*/
    /*    height: 80%;*/
    /*    display: flex;*/
    /*    align-items: flex-end;*/
    /*}*/
    /*#herofrompage .stage .flex-align-bottom90-center .frame {*/
    /*    max-width: 25em !important;*/
    /*    padding: 1em 3em !important;*/
    /*}*/
    /*#herofrompage .stage .flex-align-bottom90-center .frame p {*/
    /*    font-size: 100%;*/
    /*    font-size: 1.0rem;*/
    /*    margin: 0 !important;*/
    /*    padding: 0 !important;*/
    /*}*/
}
.grid-flex-between-col .cell,
.flex-between-col {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.grid-flex-around-col .cell,
.flex-around-col {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.cbp-inner-bottom-center,
.cbp-inner-bottom-left,
.cbp-inner-bottom-right,
.cbp-inner-bottom-center-all,
.cbp-inner-bottom {
    position: absolute;
    flex-direction: column;
    display: flex;
    width: 100%;
    /*background: rgba(0,0,0, 0.5);*/
}
.flex-stretch-space-between {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
}
.flexrow {
    position: absolute;
    flex-flow: row wrap;
    display: flex;
    width: 100%;
    height: 100%;
    top:0;
    /*align-items: flex-end;*/
    /*justify-content: center;*/
    /*z-index: 2;*/
}
.flexcol {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cbp-inner-bottom-center{
    align-items: center;
    justify-content: center;
}
.cbp-inner-bottom-center-all{
    align-items: center;
    justify-content: center;
    top: 50%;
    bottom: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cbp-inner-bottom-left{
    align-items: flex-start;
    justify-content: left;
}
.cbp-inner-bottom-right{
    align-items: flex-end;
    justify-content: right;
}
.cbp-inner-bottom,
.flex-bottom {
    /*align-items: center;*/
    justify-content: flex-end;
}
.grid-y .innercol,
    /*.grid-x .innercol,*/
.h100 {
    height: 100% !important;
}
@media only screen and (min-width: 40.063em) {
    .medium-up-h100 {
        height: 100% !important;
    }
}

.hv100,
.vh100 {
    min-height: 100vh;
}
.hv20,
.vh20 {
    min-height: 20vh;
}
.hv30,
.vh30 {
    min-height: 30vh;
}
.hv40,
.vh40 {
    min-height: 40vh;
}
.hv50,
.vh50 {
    min-height: 50vh;
}
.hv60,
.vh60 {
    min-height: 60vh;
}
.hv70,
.vh70 {
    min-height:70vh;
}
.hv50max {
    width: 100vw;
    max-height: 50vh;
    overflow: hidden;
}
.hv90,
.vh90 {
    min-height: 90vh;
}
.hv80,
.vh80{
    min-height: 80vh;
}
.w100 {
    width: 100%;
}
.vw100img,
.vw100img img {
    width: 100vw;
}

.vw100,
.wv100 {
    min-width: 100vw;
}
.allinner-half {
    /*background: #ffffff !important;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    height: auto;
}
.allinner-half-content-right {
    /*background: #ffffff !important;*/
    margin-left: auto;
    margin-right: 0;
    max-width: 720px;
    height: auto;
}
.allinner-half-content-left {
    /*background: #ffffff !important;*/
    margin-left: 0;
    margin-right: auto;
    max-width: 720px;
    height: auto;
}
@media only screen and (max-width: 1440px) {
    .flex-align-bottom75-center,
    .flex-align-bottom,
    .flex-align-bottom90-center,
    .flex-align-center {
        width: 100vw;
    }
}
.large-h100-medium-h50 {
    height: 100%;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em){
    .large-h100-medium-h50 {
        height: 50%;
    }
}
@media only screen and (max-width: 40.063em) {
    .large-h100-medium-h50 {
        height: 50%;
    }
    .small-h25 {
        height: 25%;
    }
}

.opacity-1 {
    opacity:0.1
}
.opacity-2 {
    opacity:0.2
}
.opacity-3 {
    opacity:0.3
}
.opacity-4 {
    opacity:0.4
}
.opacity-5 {
    opacity:0.5
}
.opacity-6 {
    opacity:0.6
}
.opacity-7 {
    opacity:0.7
}
.opacity-8 {
    opacity:0.8
}
.opacity-9 {
    opacity:0.9
}
/*owl*/
.owl-prev {
    /*width: 15px;*/
    /*height: auto;*/
    position: absolute;
    top: 40%;
    margin-left: -25px !important;
    display: block !important;
    border: 0 solid black;
}

.owl-next {
    /*width: 15px;*/
    /*height: auto;*/
    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
    border: 0 solid black;
}
.clearfix,
.clearing::after {
    clear:both;
}
.ov-hi {
    overflow: hidden;
}
/*.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}*/

/* # ~~~~~ textmedia - layout pic with absolure bodytext ~~~~~ # */
.ceimgbg-frame {
    position: relative;
    overflow: visible;
}
.ceimgbg-frame .picframe-absolute-bodytext {
    height: 100%;
    /*background: rgba(255,255,255, 0.9);*/
}
.picframe-absolute-bodytext {
    position: absolute;
    top: 0;
    left: 0
}
@media only screen and (min-width: 1440px) {
    .picframe-absolute-bodytext .allinner {
        min-width: 1440px;
        /*-webkit-transform: translateY(-50%);*/
        /*-ms-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/
    }
}
.picframe-absolute-bodytext .offset-ce {
    left: 10%;
    bottom: -15%;
}
.picframe-absolute-bodytext .ce-bottom-center {
    left: 30%;
    right: 30%;
    width: 40%;
    bottom: 5%;
}
@media only screen and (max-width: 40.063em) {
    .picframe-absolute-bodytext .ce-bodytext {
        position: relative;
    }

}
/*bodytext-tools:*/
.offset-bodytext,
.grid-offset-content,
.grid-offset-content .cell {
    z-index: 2;
}

.offset-content {
    opacity:.99;
    margin-top: -100px;
    z-index:1
}

@media only screen and (min-width: 40.063em) {
    .minus-margin-top-150 {
        margin-top: -150px !important;
    }
    .minus-margin-bottom-150 {
        margin-bottom: -150px !important;
    }
}

.hero-container {
    position: absolute;
    z-index: 6;
}

/*img efx*/
.fx-zoom figure {
    overflow: hidden;
}
.fx-zoom figure img {
    /*-webkit-filter: grayscale(75%);*/
    /*-moz-filter: grayscale(75%);*/
    /*-ms-filter: grayscale(75%);*/
    /*-o-filter: grayscale(75%);*/
    /*filter: grayscale(75%);*/
    /*filter: url(grayscale.svg); !* Firefox 4+ *!*/
    /*filter: gray; !* IE 6-9 *!*/
    transform: scale(1);
    transition: all 3.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.fx-zoom figure img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    transform: scale(2);
}
.w100vw img,
.ceimgbgimage100vw img {
    width: 100vw;
    height: auto;
}
@media only screen and (min-width: 640px) {
    .content-offset-tb4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
        z-index: 5;
    }
    .content-offset-tb5 {
        margin-top: -6rem !important;
        margin-bottom: -3rem !important;
        z-index: 5;
    }
    .content-offset-b5 {
        margin-bottom: -3rem !important;
        z-index: 5;
    }
}


/* # ~~~~~ section menu ~~~~~ # */
ul.section-menu .section-menu-page-title {
    display: none;
}
/*ul.section-menu li.section-menu-item a.is-active:before {*/
/*font-family: "Font Awesome 6 Pro";*/
/*font-size: 10px;*/
/*content: "\f107";*/
/*} */
ul.section-menu li.section-menu-item a {
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
ul.section-menu li.section-menu-item a.is-active {
    transform: scale(1.1);
}
ul.section-menu,
ul.section-menu ul  {
    margin: 0 !important;
    padding: 0 !important;
}
ul.section-menu li {
    list-style-type: none;
}
ul.section-menu li ul li:nth-child(even) {
    /*background: #ddd;*/
}
ul.section-menu li ul  li a span {
    /*text-decoration: underline;*/
    /*line-height: 90%;*/
    /*color: #fff*/
}
ul.section-menu li ul  li {
    /*line-height: 100% !important;*/
    /*margin-bottom: 15px;*/
}
.section-menu.small a {
    font-size:  var(--font-small);
    margin: .3em 0 !important;
    padding:  0 !important;
    color: #666
}
.section-menu.prefix a:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f054";
    padding-right: .5em;
    font-size: .9rem;
}

/*spacer in menüs:*/
li.spacer {
    min-height: 20px
}
.spacer span {
    font-size: 0;
}
/* # ~~~~~ section-dots ~~~~~ # */
.section-dots {
    position: fixed;
    z-index: 2;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*background: white;*/
}
.section-dots ul  a span {
    display: none;
}
.section-dots ul a:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 10px;
    content: "\f111";
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.section-dots ul a.is-active:after {
    /*font-size: 20px !important;*/
    /*padding-right: 10px !important;*/
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    color: red;
}
/* # ~~~~~ section-dots ~~~~~ # */
.section-arrow-down {
    position: relative;
}
.section-arrow-down ul  a span {
    display: none;
}
.section-arrow-down ul a:after {
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    content: "\f107";
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.section-arrow-down ul a:hover:after {
    /*font-size: 20px !important;*/
    /*padding-right: 10px !important;*/
    transition: all 0.885s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    color: red;
}
.section-arrow-down {
    -webkit-animation-name: rocket;
    -webkit-animation-duration: 2s;
    animation-name: rocket;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
#outerspace:hover div.rocket {
    -webkit-transform: translate(0px, -30px);
    -moz-transform: translate(0px, -30px);
    -o-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
}

@-webkit-keyframes rocket {
    from {
        -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
    to {
        -webkit-transform: translate(0px, -30px);
        -moz-transform: translate(0px, -30px);
        -o-transform: translate(0px, -30px);
        -ms-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
    }
}

@keyframes rocket {
    from {
        -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
    to {
        -webkit-transform: translate(0px, -30px);
        -moz-transform: translate(0px, -30px);
        -o-transform: translate(0px, -30px);
        -ms-transform: translate(0px, -30px);
        transform: translate(0px, -30px);
    }
}
@-o-keyframes fadeIt {
    0%   { color: #FFFFFF; }
    50%  { color: #AD301B; }
    100% { color: #FFFFFF; }
}
@keyframes fadeIt {
    0%   { color: #FFFFFF; }
    50%  { color: #AD301B; }
    100% { color: #FFFFFF; }
}

.is-video-hero .section-arrow-down ul a:after, .is-media-slider .section-arrow-down ul a:after,
.ce-arrow-down a:after, .ce-arrow-downn a:after {
    color: #fff;
    -o-animation: fadeIt 10s ease-in-out;
    animation: fadeIt 10s ease-in-out;
}

/*section borders*/

.section-borders {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    background: #fff;

}
.section-borders ul.menu {
    padding: 20px 0 !important;
}
.section-borders li.section-menu-item a {
    text-decoration: none;
    text-transform: uppercase;
}
.section-borders li.section-menu-item a.is-active {
    transform: scale(1);
    color: red;
}
.section-borders li.section-menu-item span {
    position: relative;
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.section-borders li.section-menu-item a.is-active span:after {
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    bottom: -37px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: 900;
    content: "\f111";
    color: red;
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}

/* # ~~~~~ tables ~~~~~ # */
.table-transparent tbody tr,
.table-transparent tbody {
    background: none !important;
}
/* # ~~~~~ diagonal background ~~~~~ # */

.grad {
    background: rgba(255,255,255, 0.8); /* For browsers that don't support gradients */
    -webkit-transform:skewY(2deg) ;
    -moz-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    transform: skewY(2deg) ;
    padding: 2em 2em 4em 2em;
    margin-bottom:-2em;
}
.grad *{
    -webkit-transform:skewY(-2deg) ;
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg) ;
}

/* # ~~~~~ hero content elements ~~~~~ # */
#hero-ce,
.hero-ce {
    min-height: 100vh;
}

#hero-ce img,
.hero-ce img {
    min-width: 100vw !important;
    width: 100vw !important;
    height: auto;
}
/* # ~~~~~ toggler Search ~~~~~ # */
.toggler-search .toggler-trigger-2370 {
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 0;
}
.toggler-search .callout{
    width: 300px;
}
.toggler-trigger-2370 a {
    text-decoration: none;
}
.toggler-trigger-2370 a span {
    display: none;
}
.toggler-trigger-2370 a:after {
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    content: "\f002";
    color: #999
}

.toggler-search .callout {
    padding: 0;
    max-width: 300px;
    height: auto;
    border:none;
    right: 0;
}
.toggler-search h1  {
    display: none;
    visibility: hidden;
}
.toggler-search h3 {
    background: #00A7D3;
    padding: 20px !important;
    color: #fff;
    font-weight: bold;
}
.toggler-search button.close-button {
    color: #fff;
    padding: 10px !important;
}
.toggler-search .issearch-input-icon {
    display: none;
    visibility: hidden;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# toggler infobox preset
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.flexzero .toggler-info .toggler-trigger-182 {
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 0;
}
.flexzero .toggler-info{
    position: fixed;
    right: 10px;
    bottom:90px;
    z-index: 20;
}
.toggler-trigger-182 a span {
    display: none;
}
.toggler-trigger-182 a:after {
    font-family: "FontAwesome";
    content: "\f129";
    font-size: 40px;
    background: #00A7D3;
    padding: 20px;
    color: #fff
}
.toggler-info .callout {
    padding: 0;
    max-width: 350px;
    height: auto;
}
.toggler-info h2.csc-firstHeader  {
    display: none;
    visibility: hidden;
}
.toggler-info h3 {
    background: #00A7D3;
    padding: 20px !important;
    color: #fff;
    font-weight: bold;
}
.toggler-info button.close-button {
    color: #fff;
    padding: 10px !important;
}
.tx_beautyofcode_pi1 code {
    border:inherit;
}

.toggler-theme-default-1 {

}
.toggler-link-inner.vertical {
    writing-mode: vertical-lr;
    /*text-orientation: upright;*/
    /*margin: 1em auto;*/
    padding: .5em 0;
    font-weight: bold;
    text-align: center;
}
.text-vertical {
    writing-mode: vertical-lr
}
.toggler-callout-darkmode {
    background: #2D2D2E;
}
.callout.font-s h1,
.callout.font-s h2 {
    font-size: 1.3em;
}
.callout.font-s p,
.callout.font-s a {
    font-size: 1em;
}
.callout.font-m h1,
.callout.font-m h2 {
    font-size: 1.3em;
}
.callout.font-m p,
.callout.font-m a {
    font-size: 1.1em;
}
.toggler-callout-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15) !important;
}
.toggler-callout-shadowcenter {
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15) !important;
}
.toggler-callout-shadowcenter * {
    text-align: center;
}
.toggler-close-button-small.close-button {
    right: 1rem;
    top: 1rem;
    font-size: 1.25em;
    line-height: 1;
}

/*cookie consent*/
.cc-window {
    position: fixed;
    z-index: 999;
    bottom: 0;
    background: inherit !important;
    background: rgba(255,255,255, 0.8) !important;
    width: 100%;
    padding: 0.1em 0;
    font-size: 0.85em;
    line-height: 1.3em;
}
.cc-window .contentWidth{
    display: table;
    width: 100%;
    border-spacing: 0.64em;
}
.cc-message {
    display: table-cell;
    padding-right: 2em;
    vertical-align: middle;
    font-weight: 100;
}
.cc-link {
    color: #fff;
    text-decoration: underline;
}
.cc-compliance {
    display-table: cell;
    vertical-align: middle;
    text-align: right
}
.cc-compliance .btn {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-right: 0;
}


.split-container-inline,
header.split-button-inline,
header.split-button-inline h1 {
    display: inline-block !important;
}

.border-round img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.fixed {
    position: fixed;
}
/*pdfviewer*/
.btn {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*border: 1px solid transparent;*/
    padding: 0.5rem 1rem;
    /*font-size: 1rem;*/
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* # ~~~~~ ie11 (Fu** it!) ~~~~~ # */
@media all and (-ms-high-contrast:none) {
    /*.beispiel { color: green } !* IE10 *!*/
    *::-ms-backdrop,
    .ief,
    .ief img{
        max-height: 200px;
        width: auto;
    } /* IE11 */
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# sticky on scrolltop::
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@media screen and (min-width: 640px) {
    .scrollhidetop {
        z-index: 5;
        position: fixed;
        right: 0;
        top: 0;
        left: 0;
        transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
        height: 76px;
        background: #ECF1F3;
        border-bottom: 1px solid #ddd;
    }

    .scrollhidetop.hidden {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}


/*TYPO3-uploads*/
.ce-uploads img {
    max-height: 50px;
    width: auto;
}

/*sys_cat in tt_content - default (if active)!*/
.cecat-default {
    font-weight: normal;
}
.cecat-default .cc-cat-prefix {
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}
/*no marketing:*/
.dp--cookie-check label:last-child {
    display: none;
}

/* # ~~~~~ Layerslider  ~~~~~ # */
/*.ls-thumbnail-slide a img {*/
/*    width: 100px !important;*/
/*    height: auto;*/
/*}*/

.cc-window.cc-floating {
    max-width: 34em;
}
.cc-window * {
    font-size: 100%;
    font-size: 1.0rem;
}
/*no marketing:*/
.dp--cookie-check label:last-child {
    display: none;
}
/*iframe settings:*/

.iframe-container {
    position: relative;
    padding-bottom: 0; /* ratio 16x9 */
    overflow: hidden;
    width: 100%;
    height: 90vh;
}
.iframe-container-hero {
    position: relative;
    padding-bottom: 0; /* ratio 16x9 */
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
}
.iframe-container-hero-absolute {
    position: absolute;
    padding-bottom: 0; /* ratio 16x9 */
    overflow: hidden;
    width: 100%;
    min-height: 100vh;
}
.iframe-container-hero iframe,
.iframe-container-hero-absolute iframe,
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.panoframe {
    min-width: 100vw;
    min-height: 100vh;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# some overrides
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.youtubeVideo-cover-text h2, .youtubeVideo-cover-text p {
    margin: 1px;
    padding: 10px 16px !important;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.67);
    box-sizing: border-box;
    color: #fff
}

/* # ~~~~~ sticky in stage-top ~~~~~ # */
.blayout-pagets__heroimage_pure .stagetop .sticky-container,
.blayout-pagets__heroimage .stagetop .sticky-container,
.is-hero .stagetop .sticky-container {
    position: absolute;
    width: 100%
}
.is-hero .logonavheader,
.blayout-pagets__hero_from_page .logonavheader,
.blayout-pagets__heroimage .logonavheader,
.blayout-pagets__heroimage_pure .logonavheader {
    background: inherit;
}
.is-hero.offhero .logonavheader {
    background: rgba(0,0,0, 0.2);
}

.jump-to-content {
    position: fixed;
    top: 150px;
    right: 0;
    z-index: 300;
    /*background: #fff;*/
    padding: 0;
}
.jump-to-content p {
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}
.jump-to-content .prefix-contact.scroll {
    font-size: 0 !important;
}
.jump-to-content .prefix-contact.scroll:before {
    font-family: "Font Awesome 5 Duotone";
    font-size: 75px;
    text-align: center;
    color: #ccc;
    margin: 0 !important;
    padding: 0 !important;
    content: "\10f2c1";
    line-height: 100%;
    background: inherit;
}
/*.info-slideout {*/
/*    position: fixed;*/
/*    top: 250px;*/
/*    right: 0;*/
/*    z-index: 300;*/
/*    !*background: #fff;*!*/
/*    padding: 0;*/
/*}*/
.hide-reveal-title-link {
    display: none;
}

.sticky-box {
    position: absolute;
}
.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09) !important;
}
.box-shadow-light {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03), 0 6px 20px 0 rgba(0, 0, 0, 0.03) !important;
}

.pic-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.2) !important;
}
/* # ~~~~~ shariff round ~~~~~ # */
.shariff-round .shariff .orientation-horizontal.button-style-standard li {
    min-width: 50px;
    max-width: 50px;
}
.shariff-round .shariff li,
.shariff-round .shariff li a {
    height: 50px;
}
.shariff-round .shariff-button a {
    background-color: #999 !important;
    border-radius: 50%;
    padding: .4em .5em
}
.shariff-round .shariff-button a:hover {
    background-color: #333 !important;
}

.shariff-round .shariff-button span {
    color: #fff !important;
}
.shariff-round .shariff-button span:hover {
    color: #f0ad4e !important;
}
.shariff-round .shariff-button .share_text,
.shariff-round .shariff-button .share_count {
    display: none;
    visibility: hidden;
}

.sticky-box {
    z-index: 9;
}
.z-index-2 {
    z-index: 2;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# bottom-offset
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.bottom-offset {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}
.frame-offset-box {
    bottom: -100px;
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    max-height: 200px;
    overflow: auto;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    position: absolute;
}
@media only screen and (max-width: 40.063em) {
    .frame-offset-box {
        position: relative;
        bottom: inherit;
    }
}

/*grid-background*/
.grid-bg-image {
    position: relative;
}
.grid-bg-inner {
    position: absolute;
    flex-flow: row wrap;
    display: flex;
    width: 100%;
    height: 100%;
    /*top:0;*/
    top: 0;
    margin-top: -250px
    /*bottom: 0;*/
}

@media only screen and (max-width: 40.063em) {
    .grid-bg-inner {
        position: relative;
    }
}
.ce-grow {
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;

}
.ce-grow:hover {
    transform: scale(1.1);
    z-index: 2;
    background: #fff;
}
p:empty {
    display:none
}
.home-button {
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    content: "\f107";
}
/* # ~~~~~ back to home: ~~~~~ # */
#back-home {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 2;
}

#back-home a:after {
    font-size: 40px;
    font-weight: bold;
    /*font-family: "Ionicons";*/
    font-family: "Font Awesome 6 Pro";
    content: "\f015 ";
    text-align: center;
    color: #999;
    transition: all 0.5s;
}
#back-home a:hover:after {
    color: #67251a !important;
    transition: all 0.5s;
}
.home-button {
    font-family: "Font Awesome 6 Pro";
    font-size: 50px;
    content: "\f107";
}
/* # ~~~~~ go back back to last page: ~~~~~ # */
#back-history {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 2;
}

#back-history a:after {
    font-size: 40px;
    font-weight: bold;
    /*font-family: "Ionicons";*/
    font-family: "Font Awesome 6 Pro";
    content: "\f04a ";
    text-align: center;
    color: #999;
    transition: all 0.5s;
}
#back-history a:hover:after {
    color: #67251a !important;
    transition: all 0.5s;
}

/*isotope button*/

.isotope-button .button {
    display: inline-block;
    padding: 0.5em 1.0em;
    background: #EEE;
    border: none;
    border-radius: 7px;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
    color: #222;
    font-family: sans-serif;
    font-size: 16px;
    text-shadow: 0 1px white;
    cursor: pointer;
}

.isotope-button .button:hover {
    background-color: #8CF;
    text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
    color: #222;
}

.isotope-button .button:active,
.isotope-button .button.is-checked {
    background-color: #28F;
}

.isotope-button .button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.isotope-button .button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.isotope-button.button-group {
    margin-bottom: 20px;
}

.isotope-button.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.isotope-button.button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px;
}

.isotope-button.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.isotope-button.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* # ~~~~~ scrollnav ~~~~~ # */
@media only screen and (min-width: 40em) {
    .main-innercol #scrollnav-wrapper {
        padding: 0 2em;
    }
    .main-innercol .allinner #scrollnav-wrapper {
        padding: 0;
    }
    .scrollnav-nav {
        min-width: 250px;
        max-width: 250px;
        margin: 0 1em 1em 0;
    }
}
@media only screen and (max-width: 40.063em) {
    .scrollnav-nav {
        margin: 1em 0;
    }
}

.scrollnav-nav .section-menu.scrollnav {
    background: #f3f3f3;
    padding: 1em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
ul.section-menu.scrollnav li.section-menu-item a {
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    text-decoration: underline      ;
}
ul.section-menu.scrollnav li.section-menu-item a.is-active {
    transform: scale(1.1);
    text-decoration-color: #999;
    color: #999
}

.logonavheader  {
    z-index: 2 !important;
}


.small-center {
    max-width:768px;
    margin: 0 auto;
}
.medium-center {
    max-width:1024px;
    margin: 0 auto;
}

.header-icon-left {
    display: inline-block;
    min-width: 100px;
    max-width: 200px;
    height: auto;
}
.default-header-has-icon {
    display: inline-block;
}
/*SVG - Color Generator: https://codepen.io/sosuke/pen/Pjoqqp*/

.video-embed {
    position: relative;
}
.video-embed video {
    max-width: 100%;
}

video.responsive-video {
    width: 100vw !important;
    height: auto !important;
}
.reveal.tutorial-video {
    background: #333 !important;
}
.reveal-tutorial {
    display: block;
    margin-bottom: 1em !important;
}

.svg-color-default img.min-icon-item {
    filter: invert(91%) sepia(7%) saturate(2754%) hue-rotate(5deg) brightness(92%) contrast(93%);
}
.svg-color-white img.min-icon-item {
    filter: invert(99%) sepia(100%) saturate(3%) hue-rotate(222deg) brightness(104%) contrast(100%);
}
.svg-color-black img.min-icon-item {
    filter: invert(0%) sepia(100%) saturate(28%) hue-rotate(68deg) brightness(103%) contrast(108%);
}

.hide-from-screens {
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow-wrap: normal;
    position: absolute !important;
}

/*some settings for reponsive images:*/
@media only screen and (max-width: 640px) {
    .ce-textpic.ce-right.ce-intext .ce-gallery {
        float: unset;
    }
    .ce-textpic.ce-right.ce-intext .ce-gallery .img-pl {
        padding-left: unset;
    }
}
@media only screen and (max-width: 640px) {
    .ce-textpic .tmg-bot .tmpm {
        padding-bottom: 1em;
    }
    .ce-gallery.tmg-flow .small-12 {
        width: auto !important;
    }
}
@media only screen and (min-width: 640px) {
    .width-five,
    .width-six,
    .width-seven,
    .width-eight,
    .width-nine,
    .width-ten,
    .width-eleven {
        margin-left: auto;
        margin-right: auto;
  }
    .width-five {
        max-width: calc(var(--wrapper-width) * .41666);
    }
    .width-six {
        max-width: calc(var(--wrapper-width) * .5);
    }
    .width-seven {
        max-width: calc(var(--wrapper-width) * .5833);
    }
    .width-eight{
        max-width: calc(var(--wrapper-width) * .6666);
    }
    .width-nine{
        max-width: calc(var(--wrapper-width) * .7499);
    }
    .width-ten {
        max-width: calc(var(--wrapper-width) * .8333);
    }
    .width-eleven {
        max-width: calc(var(--wrapper-width) * .9166);
    }
}

/*content consent element:*/
.video-content {
    height: 100%;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
}
/*the whole content:*/
.video-content .card-img-overlay {
    padding-left: 3rem;
}
.video-content .bodytext {
    text-align: unset !important;

}
.video-content h2 {
    background: rgba(255,255,255, 0.9);
    display: inline-block;
    margin: 0 0 .2rem 0 !important;
    padding: .5rem 3rem !important;
    font-size: var(--font-medium);
}

.video-content h3 {
    background: rgba(255,255,255, 0.8);
    display: inline-block;
    text-align: unset !important;
    margin: 0 0 .2rem 0 !important;
    padding: .5rem 3rem !important;
    font-size: var(--font-all);
}
/*p is only separator*/
.video-content p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
}
.video-content .d-flex button {
    /*padding: .5rem 3rem !important;*/
    padding: unset;
    font-size: 0;
}
.video-content .d-flex button:before  {
    font-family: "Font Awesome 6 Duotone";
    display: inline-block;
    font-size: 50px;
    content: "\f144\f144";
    color: red;
    background: rgba(255,255,255, 0.6);
    padding: .1rem 1rem;
    cursor: pointer;
}

/*content consent element - bottom:*/
.video-content-bottom {
    height: 100%;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
}
/*the whole content:*/
.video-content-bottom .card-img-overlay {
    padding-left: 3rem;
}
.video-content-bottom .bodytext {
    text-align: unset !important;

}
.video-content-bottom h2 {
    background: rgba(255,255,255, 0.9);
    display: inline-block;
    margin: 0 0 .2rem 0 !important;
    padding: .5rem 3rem !important;
    font-size: var(--font-medium);
}

.video-content-bottom h3 {
    background: rgba(255,255,255, 0.8);
    display: inline-block;
    text-align: unset !important;
    margin: 0 0 .2rem 0 !important;
    padding: .5rem 3rem !important;
    font-size: var(--font-all);
}
/*p is only separator*/
.video-content-bottom p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
}
.video-content-bottom .d-flex button {
    /*padding: .5rem 3rem !important;*/
    padding: unset;
    font-size: 0;
}
.video-content-bottom .d-flex button:before  {
    font-family: "Font Awesome 6 Duotone";
    display: inline-block;
    font-size: 50px;
    content: "\f144\f144";
    color: red;
    background: rgba(255,255,255, 0.6);
    padding: .1rem 1rem;
    cursor: pointer;
}