@charset "UTF-8";
/* Add your css code here */
:root {
  --r-br-b: #94a2b8;
  --r-br: #cbced7;
  --r-bg: #f0f2f5;
  --r-bg:#562380;
  /* Controls the background color */
  --r-bg-lgt: #f0e7f4;
  /* Hintergrundfarbe aufgehellt */
  --r-bg-med: #c5b4d6;
  --r-bg-dkr: #8260a1;
  --r-bg-w: #fff;
  /* Hintergrundfarbe Main Content */
  --r-tx:#000;
  /* Determines the color of the text. */
  --r-h1:#562380;
  /* Sets the color for h1, h2, and h3 headings. #2a3439*/
  --r-lk:#8a3324;
  /* Changes the link text color. */
  --r-lk-h:#562380;
  /* Alters the hover color of link text. */
  --r-br:#f4f5f0;
  /* Specifies the border color. */
  --r-bg-fr:#f8f4ff;
  /* Defines the background color of input forms. */
  --r-tx-lk:#2c3e4c;
  /* Adjusts the menu link text color. */
  --r-tx-lk-h:#1520a6;
  /* Modifies the hover color of menu link text. */
  --r-bg-lk:#F2F7FD;
  /* Sets the menu link background color. */
  --r-bg-lk-h:#f8f8e8;
  /* Changes the hover background color of menu links. */
  --r-tx-bt:#fff;
  /* Determines the button text color. */
  --r-tx-bt-h:#562380;
  /* Alters the button text color on hover. */
  --r-bg-bt:#562380;
  /* Specifies the button background color. */
  --r-bg-bt-h:#f0e7f4;
  /* Sets the button background color on hover. */
  --solo-odd-light: #f4f5f0;
  --solo-even-light: #e8e9e3;
  --solo-odd-dark: #222418;
  --solo-even-dark: #2e3025;
  --r-bg-dark: #222418;
  --r-tx-dark: #222418;
  --r-br-dark: #4a4c3b;
  --r-tx-light: #f4f5f0;
  --r-bg-light: #f4f5f0;
  --r-br-light: #d6dac7;
  --p-wd:1280px;
  /*Seitenbreite*/
  --solo-gap:0; }

#header {
  background: var(--r-bg-w); }

#primary-menu {
  background-color: var(--r-bg) !important; }
  #primary-menu a {
    background: var(--r-bg-bt);
    color: #fff; }
    #primary-menu a a:active {
      background: var(--r-bg-med);
      color: var(--r-tx); }

#welcome-text {
  background: var(--r-bg-lgt); }

#main-container {
  background: var(--r-bg-lgt); }
  #main-container #main-container-inner {
    max-width: var(--p-wd);
    background-color: var(--r-bg-w); }

#sidebar-box-main {
  background-color: var(--r-bg-w); }
  #sidebar-box-main .region-inner {
    background-color: inherit; }

#footer-container,
#footer-container .region-inner,
#footer-menu,
#footer-menu {
  background-color: var(--r-bg-med); }
  #footer-container p,
  #footer-container .region-inner p,
  #footer-menu p,
  #footer-menu p {
    color: var(--r-tx) !important; }

#footer-box-first {
  line-height: 1.3em; }

/* Examples: */
#page-wrapper {
  background-color: var(--r-bg);
  color: var(--r-tx);
  border-color: var(--r-br); }

h1, h2, h3 {
  color: var(--r-h1); }

a:not(li.nav__menu-item a) {
  color: var(--r-lk);
  color: var(--r-lk-h); }

input:not(.button) {
  background-color: var(--r-bg-fr); }

li.nav__menu-item a {
  color: var(--r-tx-lk);
  background-color: var(--r-bg-lk); }

li.nav__menu-item a:hover {
  color: var(--r-tx-lk-h);
  background-color: var(--r-bg-lk-h); }

button:not(li.nav__menu-item button) {
  color: var(--r-tx-bt);
  background-color: var(--r-bg-bt); }

button:not(li.nav__menu-item button):hover {
  color: var(--r-tx-bt-h);
  background-color: var(--r-bg-bt-h); }

/* ------------ Slider ----------- */
@media (min-width: 36rem) {
  .vvjs.hero-slideshow.br-576 .nav-dots-numbers {
    background-color: inherit !important; } }
.l4 {
  display: flex;
  justify-content: center; }

/* --------- Breite ------------- */
article {
  max-width: var(--p-wd);
  margin: 0 auto; }

/* -------- Personen ---------- */
.paragraph--id--4 .views-field-field-foto {
  float: left;
  margin: 1em 1em 1em 0;
  max-width: 50%; }
  @media only screen and (max-width: 600px) {
    .paragraph--id--4 .views-field-field-foto {
      max-width: unset; } }

.views-field-field-name,
.views-field-field-vorname {
  font-size: larger;
  font-weight: bold;
  color: var(--r-bg); }

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  padding: 1em; }

.table {
  background-color: var(--r-bg-lgt); }

/* ------------ Bildergalerien ------------ */
.photoswipe-gallery,
.view-fotoalben .view-content {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  @media all and (max-width < 400px) {
    .photoswipe-gallery,
    .view-fotoalben .view-content {
      flex-direction: column; } }
  .photoswipe-gallery .field__item,
  .view-fotoalben .view-content .field__item {
    margin: 0.5em; }

/* ------- Überschriften --------- */
#block-zwieselevangelisch-seitentitel {
  width: var(--p-wd);
  margin: 0 auto; }

h1.page-title-text {
  font-size: var(--solo-px32);
  /* 32px */ }

h2 {
  font-size: var(--solo-px28);
  /* 28px */ }

h3 {
  font-size: var(--solo-px20);
  /* 24px */ }

h4 {
  font-size: var(--solo-px16);
  /* 20px */
  font-weight: bolder; }

h5 {
  font-size: var(--solo-px16);
  /* 18px */ }

h6 {
  font-size: var(--solo-px16);
  /* 16px */ }

/* --------- Accessibility ----------- */
.b-accessibility-menu__button {
  background: var(--r-bg); }
  .b-accessibility-menu__button :before {
    color: var(--r-bg-lgt);
    border: 1px solic var(--r-bg); }

.b-accessibility-menu__header,
.b-accessibility-menu__reset {
  background: var(--r-bg); }

.b-accessibility-menu__content::before {
  background: var(--r-bg-lgt); }

.b-accessibility-menu__item {
  border: 1px solid var(--r-bg); }

/*
/* ----------- Startseite ------------- */
.path-frontpage .field--name-w3css-content-middle-column,
.path-frontpage .field--name-w3css-content-right-column,
.path-frontpage .field--name-w3css-content-left-column {
  height: inherit; }

/* ----------- Startseite 3 Spalten ----------- */
.paragraph--id--7 .l2 {
  width: 25%; }
  @media (max-width: 997px) {
    .paragraph--id--7 .l2 {
      width: unset;
      height: auto; } }

.paragraph--id--7 .l8 {
  width: 50%;
  margin: 0 1em; }
  @media (max-width: 997px) {
    .paragraph--id--7 .l8 {
      width: unset;
      margin: 1em 0;
      height: auto; } }

.h100 {
  height: 100%; }

.paragraph--id--5,
.paragraph--id--5 .p-container-inner,
.paragraph--id--5 .field--name-field-iframe,
.paragraph--id--6,
.paragraph--id--6 .field--type-entity-reference-revisions
.paragraph--id--6 .w3-row,
.paragraph--id--7 .w3-row {
  height: 100%; }
  @media (max-width: 997px), (orientation: portrait) {
    .paragraph--id--5,
    .paragraph--id--5 .p-container-inner,
    .paragraph--id--5 .field--name-field-iframe,
    .paragraph--id--6,
    .paragraph--id--6 .field--type-entity-reference-revisions
    .paragraph--id--6 .w3-row,
    .paragraph--id--7 .w3-row {
      width: 100%; } }

.views-field-field-galleryfoto img {
  margin: auto; }

/* ------------ Losungen --------------- */
.views-field-field-losungstext,
.views-field-field-lehrtext,
.views-field-field-losungsvers,
.views-field-field-lehrtextvers {
  line-height: 1.2;
  font-size: small; }

.views-field-field-losungsvers,
.views-field-field-lehrtextvers {
  font-style: italic; }

/* ----------- Footer-Menu ----------*/
#footer-menu {
  background: var(--r-bg-med);
  border-top: 0.2em solid var(--r-bg); }

.footer-menu-second {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  justify-content: start;
  align-items: center; }

.footer-menu-second > * {
  margin-block: 0;
  margin-inline: 0; }

.solo-footer-menu ul-1,
.page-wrapper ul,
.page-wrapper ul li {
  background-color: inherit !important; }

/* ----------- Hauptmenue ---------- */
.menu-branding {
  display: none; }

.solo-sticky .menu-branding {
  display: flex;
  background-color: #fff; }

/* ------------ Sortierung ----------- */
.page-wrapper tr.region-title {
  color: var(--r-tx);
  background-color: var(--r-bg-lgt); }

.page-wrapper .region-title td {
  font-weight: bold !important;
  text-transform: uppercase; }

.page-wrapper .region-title td a {
  text-transform: capitalize; }

.page-wrapper table tr:nth-child(even) {
  background-color: var(--solo-even, var(--r-bg-lgt)); }

.page-wrapper table tr:nth-child(odd) {
  background-color: var(--solo-odd, var(--r-bg-lgt)); }

#page-wrapper table tfoot tr,
#page-wrapper table thead tr {
  background-color: var(--solo-thead, var(--r-bg-lgt)); }

/* ----------- Footer ---------- */
#block-zwieselevangelisch-footer1,
#block-zwieselevangelisch-karte,
#block-zwieselevangelisch-footer3 {
  margin: auto 0; }

#footer-menu ul li a {
  background-color: var(--r-bg-med); }

/*# sourceMappingURL=zwieselevangelisch-style.css.map */