body {
    font-family: var(--fontfamily);
    font-weight: 400;
    font-size: var(--fontsize);
    color: var(--primarycolor);
    line-height: 145%;
}

/* eigene Änderungen */


.frame-type-ce_columns2{
    margin-top: -1rem;
}

#c45{
    border: 2px solid #fff;
    border-radius: 6px;
    width: auto;
    max-width: 186px;
    padding: 12px 6px 1px 12px;
    background-color: #B6D0E6;
}

img.image-embed-item{
    margin-bottom: 1rem;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color: transparent;
}



.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.card-footer p{
    margin-bottom: 0px;
}
img.card-img-top{
    width: 100%;
    height: auto;
}
.links, .mitte, .rechts {
    width: calc(100% - 28px);
    max-width: auto;
    margin: 0px 12px;
}
.rechts {
    width: calc(100% / 3 );
    max-width: 40%;
}
.frame-layout-3 .ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
    font-size: .8rem;
}
.container-fluid .slider2{
    background-color: var(--containerclasscolor);
    padding: var(--containerclasspadding);
}
.container-fluid{
    padding: 0px;
    margin: 0px;
}
.container-fluid .slider2 p{
    color: var(--containerclassfontcolor);
}

.container-fluid .slider2 h2, .slider2 h1, .slider2 h3{
    color: var(--containerclassh1color);
}

.bg-dark,
.bg-dark .dropdown-menu {
    background-color: #fff !important;
    width: 100%;
}

a {
    color: var(--farbelinks);;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a.navbar-brand{
    width: var(--siteLogoWidth);
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: white!important;
}

ul {
    list-style: disc;
}

.main{
    max-width: 1045px;
    margin: 40px auto;
    width: 95%;
}

.row {
    /*! --bs-gutter-x:-.1rem!Important; */
    /*! --bs-gutter-y:-.5rem!Important; */
    --bs-gutter-x: 0rem;
    --bs-gutter-y: 0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
/*Tabellen*/

.ce-table-striped{
    color: black;
}
.ce-table-striped.ce-table tr:nth-child(odd) {
    color: var(--tabellenschriftfarbe);
}

tbody, td, tfoot, th, thead, tr {
    border: 1px solid var(--tabellenrahmenfarbe);
    padding: 5px;
}

.ce-table th, .ce-table td {
    border-top: 1px solid var(--tabellenrahmenfarbe);
}

.ce-table thead th {
    border-bottom: 1px solid var(--tabellenrahmenfarbe);
}

.ce-table thead th {
    color: var(--tabellenkopfschriftfarbe);
    background-color: var(--tabellenkopfhintergrundfarbe);
}

tfoot td {
    background-color: var(--tabellenfusshintergrundfarbe);
    color: var(--tabellenfussschriftfarbe);
}
table caption{
    color: green;
    font-size: 1.3rem;
}

.ce-table-striped tbody tr:nth-of-type(2n+1) {
    background-color: var(--tabellenfarbe);
}

.table {
    width: 100%;
}


/* Formatierung der News */

.news-list-date{
    color: green;
}

/* Ende der Formatierung der News */

/* Formatierung der Columns */

.spalte1{
    background-color: #eceff4;
    border-right: 3vw solid #ffffff;
}

.spalte1 p{
    padding: 20px 22px;
}

.spalte2{
    background-color: #e5e9f0;
}

.spalte2 p{
    padding: 20px 22px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x, 0rem);
    padding-left: var(--bs-gutter-x, 0rem);
    width: 93%;
    hyphens: auto;
}

.linkespalte{
    background-color: lightcoral;
    padding: 12px;
    border: 1px dotted black
}

.mittlerespalte{
    background-color: lightcyan;
    padding:12px;
}
.rechtespalte{
    background-color: lightgoldenrodyellow;
    padding:12px;
}

/* Ende der Formatierung der Columns */

ol li{
    color: #607d8b;
    padding-bottom: 1.4rem;
}

.row > * {
    padding-right: calc(var(--bs-gutter-x) * .0);
}

/* Formatierung der Description

dd {
  margin: 1.5rem;
  margin-left: 20px;
}

/* Ende der Formatierung der Description */

/* Fluid-Container-Formatierung */

/*.container-fluid  {
    background-color: lightcyan;
    padding: 3px 0px;
	display:flex;
    flex-direction: inherit;
    gap: 23px;
    flex-wrap: wrap;
    max-width: 95%;
}

.container-fluid div .ce-bodytext{
    max-width: 95%;
    width: 650px;
}

@media only screen and (min-width: 80px) and (max-width: 767px) {
.container-fluid div .ce-bodytext{
    max-width: 95%;
    width: 560px;
}
    .container-fluid .ce-column .image-embed-item{
    padding: 3px 0px;
	display:flex;
    gap: 23px;
    flex-wrap: wrap;
    max-width: 95%;
}
}
/* Ende der Fluid-Container-Formatierung */

/* Menueformatierung */

.dropdown-menu {
    background-color: #fff;
    background-clip: padding-box;

    padding: 1.24rem;
    border-radius: 0.25rem;
}

/* Formatierung der Powermail */

input#powermail_field_captcha{
    margin: 2rem 0rem 0.2rem 0rem;
}
img#powermail_captchaimage.powermail_captchaimage {
    margin-bottom: 2rem;
}

fieldset.form-group{
    border: 2px solid red;
    padding: 12px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

input.btn-primary{
    background-color: #32498c;

}
.btn.btn-default.btn-primary{
    max-width: 123px;
    background-color: lightblue;
    color: black;
}

input#powermail_field_captcha{
    border: 1px dotted #a1a1a1;
}

/* Ende der Formatierung des Formulars */

/* Formatierung des Accordions */

button.accordion-button.collapsed{
    background-color: var(--accordioncolor);
    color: var(--accordioncolorueberschrift);
}

/* Ende der Formatierung des Accordions */

/* Formatierung des Containers */

div.containerclasscolor{
    background-color: var(--containerclasscolor);
    padding: var(--containerclasspadding);
}

div.containerclasscolor2{
    background-color: var(--containerclasscolor2);
    padding: var(--containerclasspadding2);
}

div.containerclasscolor3{
    background-color: var(--containerclasscolor3);
    padding: var(--containerclasspadding3);
}

/* Ende der Formatierung des Containers */

/* Styling der Layoutelemente*/

.frame-layout-6 {
    border: 2px solid  red;
    padding: 12px 8px 30px 18px;
    margin-bottom: 23px;
}

.frame-layout-7{
    border: 1px solid #607d8b;
    padding: 23px;
}


div.frame-layout-blauerrahmen{
    margin:  1rem 0rem;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    padding: 22px;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    box-shadow: 2px 2px 4px #d5d2d2;
    text-align: justify;
    font-weight: 400;
    height: auto;
    width: 100%;
    overflow: scroll;
    hyphens: auto;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 5;
    -webkit-hyphenate-limit-lines: 4;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 5;
    -ms-hyphenate-limit-lines: 4;
}

/* width */
div.frame-layout-blauerrahmen::-webkit-scrollbar {
    width: 20px;
}

/* Track */
div.frame-layout-blauerrahmen::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Handle */
div.frame-layout-blauerrahmen::-webkit-scrollbar-thumb {
    background: #dee2e6;
}

/* Handle on hover */

div.frame-layout-blauerrahmen::-webkit-scrollbar-thumb:hover {
    background: #858081;
}

@media only screen and (min-width: 201px) and (max-width: 768px) {
    .frame-layout-9{
        background-color: #E7E7E9;
        background-image: url("background.jpg");
        padding: 12px 8px 30px 18px;
        margin-bottom: 23px;
    }

    .frame-layout-10{
        background-color: #FFC321;
        padding: 11px;
        font-size: 0.8rem;
        width: 232px;
        height: 190px;
        margin-bottom: 23px
    }

    .frame-layout-11{
        background-color: #9FDD5F;
        padding: 11px;
        font-size: 0.8rem;
        margin-top: 23px;
        margin-bottom: 23px;
        /*! height: 240px; */
    }

    .frame-layout-12{
        background-color: #1C335E;
        padding-top: 11px;
        font-size: 0.9rem;
        height: 240px;
        color: #ffffff;
        margin-bottom: 23px;
    }
}
/* Ende des Stylings der Layoutelemente*/

/* Styling des Buttons*/

div.button {
    max-width:unset;
    width:  fit-content;
    padding: 6px 10px;
    background-color: var(--buttoncolor);
    margin-top: var(--buttonmargin);
}

div.button a {
    color: var(--buttonschriftfarbe);
}

/* Ende des Stylings des Buttons*/

/*.image-embed-item{
    width: 100%;
    height: auto;
}

div.slider-container {
    width: 100%!Important;
}

div.slider-container .slider-slide img{
    width: -moz-available!Important;
    min-width: -moz-available!Important;
}

.slick-dots{
    background-color: #fff;
    color: black;
}


h4.card-title.h3{
    font-size: 1.3rem;
    color: red;
}

div.slider-slide {
    width: 100%!important;
    padding: 0px!important;
    margin: 0px!important;
}

.frame-type-ce_card {
    width: fit-content;
    max-width: 450px
}
*/


.accordion-item .accordion-body img {
    width: auto;
}

.abstand2{
    padding-top: 8rem;
}

label.control-label{
    width: 324px;
    font-size: 0.9rem;
    color: #7c8799;
    font-weight: bold;
}

/* Styling der Schriften und Überschriften*/

ce-bodytext{
    font-family: var(--fontfamily);
    font-weight: 400;
    font-size: var(--fontsize);
    color: var(--primarycolor);
}

.text-justify  {
    hyphens: auto;
    text-align: justify;
}

/* Ende des Stylings der Schriften und Überschriften*/

/* Styling Navbar Brands Toggler*/

@media only screen and (min-width: 145px) and (max-width: 800px) {
    img.img-fluid {
        height: 200px;
    }
    .img-fluid{
        height: 100px;
    }
    .navbar-brand img{
        height: 83px;
        margin-top: 0px;
    }
    button.navbar-toggler{
        margin-top: -43px;
    }
    #header_nav {
        height: 13px;
        margin-top: -43px;
        width: 100%;
        height: 10px;
        background-color: #666;
        position: fixed;
        left: 0;
    }
    span.navbar-toggler-icon {
        color: #ffffff;
        padding: 20px;
        background-color: #ff8700;
        border: 1px solid #ffffff;
        margin-top: 68px;
    }
    .abstand2{
        padding-top: 3.9rem;
    }
}


/* Styling der HR*/

hr {
    color: var(--farbeTrenner);
    margin-top: var(--abstandtrenneroben);
    margin-bottom: var(--abstandtrennerunten);
    border-top: var(--hoehetrenner) solid transparent;
    opacity: 1;
    text-align: center;
}

/* Ende des Stylings der HR*/

/* Styledeclaration */

.abstand{
    margin-top: calc(var(--abstand) + var(--sliderabstand));
}

.sliderabstand{
    margin-top: var(--sliderabstand);
}

.abstand{
    margin-top: var(--abstand);
}

.farbeh1{
    color: var(--primarycolorrahmen);
}


/*VideoContainer*/

.responsiveContainer {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.responsiveContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Bildunterschriften*/

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 300;
    line-height: 1em;
    font-size: 0.68em;
    color: black;
    background-color: #ffffff;
    padding: 6px;
}

.lb-data .lb-details {
    float: left;
    text-align: left;
    line-height: 1.1em;
    padding: 9px;
    width: 100%;
    min-width: 320px;
}


/* Formatierung der eigenen Inhaltselemente */


/* Media-Queries*/

@media only screen and (min-width: 80px) and (max-width: 400px) {

}

@media only screen and (min-width: 401px) and (max-width: 920px) {

}

@media only screen and (min-width: 921px) and (max-width: 1021px) {

}

@media only screen and (min-width: 1022px) and (max-width: 2600px) {

}

/* KE_search */

form#form_kesearch_searchfield{
    display: flex;

}

.suche{
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 3px;
    padding: 0px 2px 0px 5px;
    line-height: 0.5rem;
    width: 18rem;
    z-index: 9999999;
    margin-top: 9px;
    font-size: 0.7rem;
    position: absolute;
    right: 5%;
    font-size: 0.8;
}
button#ke_search_searchfield_submit{
    background-color: var(--search_color);
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0px 3px;
    margin-left: 0.3rem;
    width: 6rem;
}
input#ke_search_searchfield_sword{
    display: grid;

}

/* Ende KE_search */
/* Footer */

.footercontent {
    color: var(--primarycolor);
    width: 100%;
}

footer#footeroben {
    /* padding: 12px 0px 0px 0px;*/
    background: var(--footerfarbe2);
    width: 100%;
    margin-top: 1rem;
    border-top: var(--footerrandbreite) solid var(--footerrand);
}

footer {
    background: var(--footerfarbe);
    width: 100%;
}

.footercontent p{
    color: var(--footerschriftoben);
    font-size: var(--fontsize);
}

.footercontent a{
    color: var(--footerlinks);
    font-size: 1.0rem;
    text-decoration: none;
}
.footercontent ul{
    list-style: none;
}
.footercontent h5{
    font-weight: 200;
    font-size: 1.1rem;
    padding-bottom: 0px;
}

/* Ende des Footerstylings */

/* Fontawesome */

.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    font-size: 2rem;
    color: #ffffff;
    height: 1rem;
    line-height: 2rem;
    padding-top: 1.5rem;
    padding-right: 1rem;
    position: relative;
    float: right;
}

/* Ende des CSS für Fontawesome */

/*Überschriften*/

h1, .h1  {
    font-size: var(--fontSizeH1);
    color: var(--primarycolorh1);
    text-align: left;
    font-family: var(--family1);
    font-weight: 400;
    line-height: 1.6rem;
    padding-bottom: 1rem;
}

h2, .h2  {
    font-family: var(--family2);
    font-size: var(--fontSizeH2);
    color: var(--primarycolorh2);
    text-align: left;
    font-weight: 400;
    line-height: 1.9rem;
    padding-top: 0.2rem;
    padding-bottom: 1rem;
}

h3 {
    font-family: var(--family3);
    font-size: 1.4rem;
    color: var(--primarycolorh3);
    text-align: left;
    font-weight: 300;
    line-height: 150%;
    padding-bottom: 0.4rem;
}

h4 {
    font-family: var(--family4);
    font-size: 1.2rem;
    color: var(--primarycolorh4);
    text-align: left;
    font-weight: 500;
    line-height: 1.7rem;
}

h5 {
    font-size: 1.1rem;
    color: var(--primarycolorh5);
    text-align: left;
    font-weight: 300;
    line-height: 1.3rem;
    padding-bottom: 1rem;
}

h2.ce-headline-left {
    text-align: left;
    color: #284799;
    font-weight: 600;
}

/* Ende Formatierung Überschriften*/

/* Navigation */

span.navbar-toggler-icon {
    color: #ffffff;
    padding: 20px;
    background-color: #ff8700;
    border: 1px solid #ffffff;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.0);
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.navbar {
    border-bottom: var(--bordernavbar);
    max-height: 8rem;
}

.nav-link.has-submenu a{
    color: #566634;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .dropdown-item {
    color: #000;
    font-size: 1.1rem;
    background-color: #ffffff;
    z-index: 9999999;
    width: 100%;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .dropdown-item {
    color: black;
}

.navbar-collapse {
    z-index: 9999999;
    background-color: #ffffff;
}

.navbar-collapse a.nav-link {
    padding-left: 12px;
}

/* Rootline Navigation */

ul.rootline {
    margin: 0rem 0 1rem 0;
    padding: 0 0 .5rem 0;
    list-style-type: none;
    font-size: 80%;
    border-bottom: 1px solid #eee;
}

ul.rootline li {
    display: inline-block;
}

ul.rootline a,
ul.rootline a:visited {
    margin: 0;
    padding: 0;
    color: #666;
}

ul.rootline a:hover {
    text-decoration: underline;
}

ul.rootline span {
    color: #999;
}

ul.rootline a:after {
    display: inline-block;
    content: "/";
    margin: 0 .5rem;
}

/* Ende CSS Rootline Navigation */

span.navbar-toggler-icon {
    color: #594f4f;
    padding: 20px;
    background-color: var(--burgerfarbe);
    border: 1px solid #ffffff;
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
    color: #1a1a1a;
}
/* Ende CSS für die Navigation */

/* Sprachmenue */

@media only screen and (min-width: 80px) and (max-width: 767px) {
    #navbarNavDropdown .languagemenue .nav-item {
        border: 1px solid #a1a1a1;
        width: 123px;
        background-color: lightcoral;
        padding-left: 23px;
        margin-top: 12px;
    }
}

#navbarNavDropdown .languageMenu .nav-item a{
    width: auto;
    padding-left: 12px;
    color: white;
    background-color: orange;
    border-radius: 7px;
    border: 1px solid #a1a1a1;
    margin-left: 1rem;
    width: auto;
    max-width: 123px;
}

.languageMenu.nav-link{
    background-color: #a1a1a1;
    color: #000000;
}

.languagemenu {
    margin: 10px;
    padding: 0;
    list-style-type: none;
    font-size: 90%;
}

ul.languagemenue {
    margin-top: -5px;
    padding: 0;
    list-style-type: none;
    font-size: 90%;
    width: 120px;
    padding-left: 5%;
    margin-right: 5%;
    background-color: #b6d0e6;
}

ul.languagemenue li {
    display: inline-block;
    margin: 0 .5rem 0 0;
    color: white;
}

ul.languagemenue a,
ul.languageMenu a:visited {
    color: white;
}

ul.languagemenue a:hover {
    color: rgb(255 255 255);
}

.languagemenue a:hover{
    background-color: rgb(255 255 255);
    color: #dfdbd41a;
}

.languagemenue {
    margin-left: auto;
}

.languageMenu .text-muted{
    visibility: hidden;
    max-width: 1px;
}

/* Ende CSS für das Sprachmenue */

/* Adjustments for lightbox */

.lightbox .lb-image {
    display:block;
    height:auto;
    max-width:inherit;
    max-height:none;
    border-radius:2px;
    /*! padding: 3px; */
    border:3px solid #ededed;
    border-bottom: 34px solid #fff;
    /*! background-color: #a1a1a1; */
}

.lb-nav a.lb-next:hover {
    filter:alpha(Opacity=100);
    opacity:1
}
.lb-dataContainer {
    margin-top: -60px;
}

.lb-data {
    position: relative;
    padding:23px 4px;
}

.lb-data .lb-number {
    display:block;
    clear:left;
    padding-bottom:2em;
    font-size:13px;
    color:#a1a1a1
}
.lb-data .lb-close {
    display:block;
    float:right;
    width:30px;
    height:30px;
    background:url(../Icons/close.png) top right no-repeat;
    text-align:right;
    outline:0;
    filter:alpha(Opacity=20);
    opacity:.7;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    -o-transition:opacity .2s;
    transition:opacity .2s
}
.lb-data .lb-close:hover {
    cursor:pointer;
    filter:alpha(Opacity=100);
    opacity:1
}

/* Ende Adjustments for lightbox */


/* Adjustments for fluid_styled_content */

/*img {
    height: auto;
    padding-bottom: 20px;
    max-width: 98%;
}*/
/*
.ce-intext [data-ce-columns="1"] {
    width: 100%;
}
/*
@media screen and (min-width: 768px){
    .ce-intext [data-ce-columns="1"] {
        width: 50%;
    }
}

@media screen and (min-width: 991px){
    .ce-intext [data-ce-columns="1"] {
        width: 33.3333%;
    }
}
*/