:root {
  --blue: rgba(0, 27, 121, 1);
  /* dia */
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  /* dia */
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: rgba(85, 18, 133, 1);
  /* dia */
  --secondary: rgba(137, 112, 180, 1);
  /* dia */
  --success: #28a745;
  --info: #009bdc;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: rgba(0, 27, 121, 1);
  /* dia */
  /* diakonie */
  --cyan: rgba(1, 146, 222, 1);
  --cyan2: rgba(79, 181, 233, 1);
  --cyan3: rgba(193, 228, 247, 1);
  --violet: rgba(85, 18, 133, 1);
  --violet2: rgba(137, 112, 180, 1);
  --violet3: rgba(215, 207, 230, 1);
  --cyanviolet: rgba(0, 27, 121, 1);
  --cyanviolet2: rgba(37, 80, 168, 1);
  --cyanviolet3: rgba(161, 186, 224, 1);
  --pink: #6d2171;
  --purple: #452571;
  --blue: #2d2571;
  --flaeche: #5a2573;
  --flaeche2: #2e2673;
  --flaeche3: #6f2272;
  --flaeche4: #462672;
  --kiola: #009f3b;
  --kiola2: #68a343;
  --kiola3: #e5edda;
  /* common */
  --ghostwhite: ghostwhite;
  --whitesmoke: whitesmoke;
}

a {
  color: var(--cyanviolet2);
}

a:hover {
  color: var(--cyan);
}

.nav-pills,
.nav-link {
  color: var(--cyanviolet2);
}

.media2click-controls .media2click-button,
.btn-primary,
.btn-default {
  color: #fff;
  background-color: var(--cyan);
  border-color: var(--cyan);
}

.media2click-controls .media2click-button:hover,
.media2click-controls .media2click-button:focus,
.media2click-placeholder:hover .media2click-button,
.media2click-placeholder:focus-within .media2click-button,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background-color: var(--cyan2);
  border-color: var(--cyan2);
}

.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.show>.btn-default.dropdown-toggle,
.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
  color: #fff;
  background-color: var(--cyan2);
  border-color: var(--cyan2);
}


/* focus outline nur test */

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}

.btn-light {
  color: var(--cyan) !important;
  background-color: var(--light);
  border-color: var(--light);
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
  color: var(--cyan) !important;
  background-color: var(--cyan3);
  border-color: var(--cyan3);
}

.layout-120,
.layout-bg-cyan,
.bg-cyan {
  background-color: var(--cyan) !important;
  color: ghostwhite;
}

.layout-120 a,
.layout-bg-cyan a,
.bg-cyan a {
  color: white;
}

.layout-120 a:hover,
.layout-bg-cyan a:hover,
.bg-cyan a:hover {
  color: white;
}

.layout-105,
.layout-bg-cyan2,
.bg-cyan2 {
  background-color: var(--cyan2) !important;
  color: ghostwhite;
}

.layout-100,
.layout-bg-cyan3,
.bg-cyan3 {
  background-color: var(--cyan3) !important;
}

.layout-126,
.layout-bg-violet,
.bg-violet {
  background-color: var(--violet) !important;
  color: ghostwhite;
}

.layout-126 a,
.layout-bg-violet a,
.bg-violet a {
  color: white;
}

.layout-126 a:hover,
.layout-bg-violet a:hover,
.bg-violet a:hover {
  color: white;
}

.layout-128,
.layout-bg-violet2,
.bg-violet2 {
  background-color: var(--violet2) !important;
  color: white;
}

.layout-128 a,
.layout-bg-violet2 a,
.bg-violet2 a {
  color: white;
}

.layout-128 a:hover,
.layout-bg-violet2 a:hover,
.bg-violet2 a:hover {
  color: white;
}

.layout-130,
.layout-bg-violet3,
.bg-violet3 {
  background-color: var(--violet3) !important;
}

.layout-140,
.layout-bg-cyanviolet,
.bg-cyanviolet {
  background-color: var(--cyanviolet) !important;
  color: white;
}

.layout-145,
.layout-bg-cyanviolet2,
.bg-cyanviolet2 {
  background-color: var(--cyanviolet2) !important;
  color: ghostwhite;
}

.layout-145 a,
.layout-bg-cyanviolet2 a,
.bg-cyanviolet2 a {
  color: white;
}

.layout-150,
.layout-bg-cyanviolet3,
.bg-cyanviolet3 {
  background-color: var(--cyanviolet3) !important;
  color: white;
}

.layout-120 h2,
.layout-bg-cyan h2,
.layout-105 h2,
.layout-bg-cyan2 h2,
.layout-126 h2,
.layout-bg-violet h2,
.layout-128 h2,
.layout-bg-violet2 h2 {
  color: white;
}

.layout-160,
.layout-bg-kiola,
.bg-kiola {}

.layout-162,
.layout-bg-kiola2,
.bg-kiola2 {}

.layout-164,
.layout-bg-kiola3,
.bg-kiola3 {
  background-color: var(--kiola3);
  color: var(--cyanviolet2);
}

.layout-164 .lead,
.layout-bg-kiola3 .lead,
.bg-kiola3 .lead,
.layout-164 h3,
.layout-bg-kiola3 h3,
.bg-kiola3 h3 {
  color: var(--kiola2);
}

.layout-110,
.layout-bg-ghostwhite {
  background-color: var(--ghostwhite);
}

[class*="bg-flaechen-"]>[class*="col-"]:nth-last-child(2),
[class*="bg-flaechen-"]>[class*="col-"]:last-child {
  padding: 2rem 2rem;
  color: white;
}

[class*="bg-flaechen-row1"]>[class*="col-"]:nth-last-child(2) {
  background-color: var(--flaeche);
}

[class*="bg-flaechen-row1"]>[class*="col-"]:last-child {
  background-color: var(--flaeche2);
}

[class*="bg-flaechen-row2"]>[class*="col-"]:nth-last-child(2) {
  background-color: var(--flaeche3);
}

[class*="bg-flaechen-row2"]>[class*="col-"]:last-child {
  background-color: var(--flaeche4);
}

[class*="layout-bg-flaechen-"] header * {
  color: white;
}

[class*="bg-cyan"] header *,
[class*="bg-cyan2"] header *,
[class*="bg-violet"] header *,
[class*="bg-violet2"] header * {
  color: white;
}

.fsc-default [class*="fa-"],
.svg-inline--fa {
  color: var(--cyan);
}

.ce-background_wrapper[class*="layout-"] [class*="fa-"],
.ce-background_wrapper[class*="layout-"] .svg-inline--fa,
.fsc-default[class*="bg-violet"] [class*="fa-"],
.fsc-default[class*="bg-violet"] .svg-inline--fa {
  color: ghostwhite;
}

aside header * {
  color: var(--violet);
}


/* navbar */

.nav-wrap.w-100 {
  background-color: var(--cyan);
}

.navbar-light .navbar-brand {
  color: var(--violet);
}

.navbar-light .navbar-brand:hover {
  color: var(--violet);
  text-decoration: none;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: var(--violet);
}

.mega-dropdown-menu>div>.fsc-default {
  color: ghostwhite;
}

.mega-dropdown-menu a {
  color: white;
}

.navbar-light .navbar-nav .nav-link {
  color: white;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--cyan3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active .mega-dropdown-menu a {
  color: var(--cyan3);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0.255em;
  content: "\f078";
  border: none !important;
  font-family: 'Font Awesome 5 Free';
  position: relative;
  font-size: 75%;
  top: 2px;
  line-height: 1;
}

.dropdown-toggle::after {
  transition: 300ms;
}

.dropdown-menu.show {
  background-color: var(--violet);
  color: white;
}

.dropdown-menu.show a {
  color: white;
}

.dropdown-item.parent-active {
  background-color: var(--cyan2);
}

.dropdown-menu.show a:hover {
  color: var(--cyan3);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: transparent;
  color: var(--cyan3);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--cyan2);
}

.dropdown-item.active.parent-active {
  background-color: var(--cyan2);
}

.navbar-nav.small a.nav-link {
  color: var(--cyan);
}

.navbar-nav.small .nav-link:hover {
  color: var(--cyan);
}

.mega-dropdown-menu {
  background-color: transparent;
}

.mega-dropdown .svg-inline--fa {
  color: white;
}

.dropdown-menu.mega-dropdown-menu.show:before {
  background-color: var(--violet);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}


/* zb sidebar */

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--cyan);
  border-radius: 0;
}

.nav-link.search-box-open .fa-search {
  color: ghostwhite;
}


/*
.btn-light {
    background-color: var(--cyan3);
}


.btn-light:hover,
.btn-light:focus,
.btn-light:active:focus {
    background-color: var(--cyan2);
}
*/

.dropdown-menu.language-menu.show {
  border-radius: 0;
  background-color: var(--cyan);
  border: 2px solid white;
  border-top-width: 0;
}

nav.breadcrumb-nav {
  background-color: var(--violet);
}

.breadcrumb {
  background-color: transparent;
}

.breadcrumb-item a {
  color: ghostwhite;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: ghostwhite;
}

.breadcrumb-item {
  color: ghostwhite;
}

li.breadcrumb-item.active {
  color: white;
  font-weight: 600;
}

h1,
.h1 {
  color: var(--cyan);
}

h2,
.h2,
h3,
.h3 {
  color: var(--primary);
}

header:after {
  background-color: var(--cyan);
}

#page-1 .jumbotron.ratio-56x9 {
  /* --bs-aspect-ratio: calc(9 / 56 * 100%); */
  /* --bs-aspect-ratio: calc(10 / 30 * 100%); */
  --bs-aspect-ratio: calc(9 / 27 * 100%);
}

.ratio-30x10 {
  --bs-aspect-ratio: calc(10 / 30 * 100%);
}


.jumbotron h1,
.jumbotron .h1,
.jumbotron h2,
.jumbotron .h2 {
  color: white;
}

.jumbotron {
  border-bottom: 0 solid var(--violet);
}

.text-secondary {
  color: var(--secondary) !important;
}

/* .carousel-caption {
    color: #fff;
    background-color: var(--flaeche2);
    
} */
.carousel-caption {
  color: black;
  background-color: transparent;
}

[class*="bg-x-style-row1"]>[class*="col"] {
  border-left: 6px solid var(--cyan2);
}

[class*="bg-x-style-row2"]>[class*="col"] {
  border-left: 6px solid var(--violet2);
}

[class*="bg-x-style-row1"] [class*="col"] h2,
[class*="bg-x-style-row2"] [class*="col"] h2 {
  /* color: black; */
}

[class*="bg-x-style-"]>[class*="col"] {
  background-color: white;
}

[class*="bg-x-style-"]>[class*="col"]:hover {
  background-color: ghostwhite;
}

[class*="bg-x-style-"]>[class*="col"]:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 40px rgb(0 0 0 / 20%);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  bottom: 0;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 30%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

[class*="_columns"].layout-bg-ghostwhite {
  position: relative;
}

[class*="_columns"].layout-bg-ghostwhite:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 40px rgb(0 0 0 / 20%);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  bottom: 0;
  left: 10%;
  right: 10%;
  width: 80%;
  height: 30%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.well,
.layout-300,
.layout-bg-well {
  padding: 1rem 1.5rem;
  background-color: whitesmoke;
  border-left: 8px solid var(--violet3);
}

/* aside .tx-ttaddress {
    border-left: 6px solid var(--violet2);
} */

.news-list-item img {
  /* border-left: 6px solid var(--cyan); */
}

.row.news-list-item:nth-child(2n+1) [class*="col"]:last-child {
  background-color: whitesmoke;
}

span.news-related-files-linktext {
  color: var(--cyanviolet2) !important;
}

span.news-related-files-desc {
  color: black !important;
}

.border-left,
.layout-border-left,
.layout-320 {
  border-left: 6px solid var(--cyan);
  background-color: whitesmoke;
}

.fsc-default [class*="fa-chevron-"] {
  color: var(--cyanviolet2);
}

.fsc-default a i:last-child svg {
  color: var(--cyanviolet2);
  opacity: 0.5;
}

.icon svg {
  opacity: 1 !important;
}

.dropdown-menu [class*="fa-chevron-"] {
  color: white;
}

.dropdown-menu a i:last-child svg {
  color: white !important;
  opacity: 0.5;
}

.stellen {
  background-color: var(--violet);
}

.stellen * {
  color: white;
}

.stellen a {
  color: var(--cyan2);
}

.stellen .news *,
.stellen .news a {
  color: var(--violet2);
}


/* stellen - news dia doll zb */

.stellen .news-list-item [class*="col-"] {
  background-color: whitesmoke;
  /* border-bottom: 1px solid var(--violet); */
}

.stellen .more.btn-read-more {
  background-color: var(--violet);
  border-color: var(--violet);
  color: white;
}

.news-backlink-wrap .btn.btn-primary {
  background-color: var(--cyan);
  border-color: var(--cyan);
  color: white;
}

.stellen .more.btn-read-more:not(:disabled):not(.disabled).active,
.stellen .more.btn-read-more:not(:disabled):not(.disabled):active,
.stellen .more.btn-read-more:focus,
.stellen .more.btn-read-more:hover,
.stellen .news-backlink-wrap .btn.btn-primary:not(:disabled):not(.disabled).active,
.stellen .news-backlink-wrap .btn.btn-primary:not(:disabled):not(.disabled):active,
.stellen .news-backlink-wrap .btn.btn-primary:focus,
.stellen .news-backlink-wrap .btn.btn-primary:hover {
  background-color: var(--violet2);
  border-color: var(--violet2);
}

input[type="submit"] {
  background-color: var(--cyan);
  border-color: var(--cyan);
}

.accordion-button {
  color: var(--cyanviolet2);
}

.accordion-button:not(.collapsed) {
  color: var(--cyanviolet2);
  background-color: var(--ghostwhite);
  box-shadow: none;
}

#page-footer {
  color: whitesmoke !important;
}

.footer>div:first-child {
  background-color: var(--cyanviolet);
}

.footer>div:nth-child(2) {
  background-color: var(--cyanviolet2);
}

.footer a {
  color: var(--cyan3);
}

#page-footer a i svg {
  color: var(--cyan3);
  opacity: 1;
}

.footer input {
  background-color: var(--cyanviolet3);
  border: 1px solid var(--cyanviolet3);
  padding: 0.25rem 0.5rem;
}