.site-header__initial {
	background-color: var(--color--white);
}
.sticky-header-toggle {
	background-color: var(--color--white);
}
.sticky-header-toggle__icon > span {
	background-color: var(--color--black);
}
.social-bar {
	background-color: var(--white);
}
.site-footer {
	color: var(--color--gray-60);
	background: var(--color--white);
  border-top: 1px solid var(--color--primary-50);
}
.text-content, .cke_editable {
  font-family: var(font-serif);
  font-size: var(font-size-base);
	line-height: var(--sp1-5);
}
@media (min-width: 43.75rem) {
  .text-content, .cke_editable {
    font-size: var(--font-size-base);
    line-height: var(--sp1-5);
  }
}.text-content blockquote::before, .cke_editable blockquote::before {
	content: "";
	color: var(--color--white);
	font-size: 0rem;
}
.text-content blockquote::after, .cke_editable blockquote::after {
	background: var(--color--white);
}
.mobile-nav-button__icon {
    border-top: solid 3px var(--color--black);
}
.mobile-nav-button__icon::before, .mobile-nav-button__icon::after {
    border-top: solid 3px var(--color--black);
}
body:not(.is-always-mobile-nav) .site-footer {
	border-inline-start: solid var(--content-left) var(--color--white);
}

h1, h2, h3, a, .node__title, .node__title a, .teaser__title a, .teaser__title, .farbig {
	color: var(--color--primary-50);
}
.block__title	{
  font-size: var(--font-size-l);
  color: var(--color--primary-50);
  line-height: var(--sp1-5);
  }
.custom-padding { padding: 2px; }

/* ================ Hinweise und Warnmeldungen =============================== */
.messages a {
    color: var(--color--primary-50);
}

/* ================ Navigation =============================== */
  body:not(.is-always-mobile-nav) .primary-nav__menu-link {
    font-family: var(--font-sans);
    font-size: 1.2rem;
  }

/* ================ Suchformular ============================= */
.block-search-wide__wrapper {
	background: var(--color--white);
	border: 1px solid var(--color--primary-50);
}
.block-search-wide__button[aria-expanded="true"] {
	background: var(--color--primary-50);
}
/* ---------------- Seminare + Anmeldung --------------------- */

.field--name-field-seminargebuehren h1, .field--name-field-seminargebuehren h2, .field--name-field-seminargebuehren h3, .field--name-field-seminargebuehren a, .field--name-field-seminargebuehren .node__title, .field--name-field-seminargebuehren .node__title a, .field--name-field-seminargebuehren .teaser__title a, .field--name-field-seminargebuehren .teaser__title, .field--name-field-seminargebuehren .farbig {
    color: var(--color--black);
}

.field--name-field-seminargebuehren > .field__item > div {
	float: left;
	width: 45%;
	box-sizing: border-box;
	margin: 0 var(--sp2) var(--sp1) 0;
}
.field--name-field-seminargebuehren h2 .field--name-name {
  font-size: 1.4rem;
}
.field--name-field-detailinformationen-als-pd	{
	clear: both;
	padding-top: 2em;
   }

   .field--name-field-seminargebuehren h2, .field--name-field-seminargebuehren a   {
    font-size: var(--font-size-m);
    text-decoration: none;
    margin: 0;
    padding: 0;
   }

.fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {
    border: none 0 var(--color--white);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}
.form-item__label.form-required::after, .fieldset__label.form-required::after, .required-mark::after {
    display: inline-block;
    width: auto;
    height: auto;
    margin-inline: 0.3em;
    content: "*";
    vertical-align: text-top;
    background-image: none;
    background-repeat: no-repeat;
    background-size: auto;
    color: var(--color--primary-50);
}
.webform-confirmation__message  {
    color: var(--color--primary-50);
}
.messages {
    min-height: calc(var(--messages-icon-size) + 2 * var(--sp1));
    padding-block: var(--sp1);
    padding-inline-start: var(--sp1-5);
    padding-inline-end: var(--sp1-5);
    color: var(--color--black);
    outline: solid 2px var(--color--primary-50);
    background-color: var(--color--white);
    border: 2px solid var(--color--primary-50);
}
.field--label-inline .field__label::after {
	content: none;
}
.field:not(:last-child) {
	margin-block-end: var(--sp1);
}
.field--name-field-detailinformationen-als-pd {
	clear: both;
	padding: 1em 0 2em 0;
}
.webform-submission-form input, .webform-submission-form select, .webform-submission-form textarea, .webform-submission-form input[type="checkbox"], .webform-submission-form input[type="radio"] {
	border: solid 1px var(--color--primary-50);
	border-radius: 0;
}
.button--primary {
	color: var(--color--white);
	border-color: var(--color--primary-40);
	background-color: var(--color--primary-50);
}
.button--primary:hover, .button--primary:focus {
	color: var(--color--primary-50);
	border-color: var(--color--primary-50);
	background-color: var(--color--white);
}
/* ============== Rückblick ========================= */
.masonry-layout-uebersichtsseite-vergangene-seminare {
	height: auto;
	font-size: var(--font-size-xl);
	font-family: var(--font-sans);
	color: var(--color-text-neutral-loud);
}
.masonry-layout-uebersichtsseite-vergangene-seminare p {
	font-size: var(--font-size-m);
	font-family: var(--font-serif);
}

/* ---------------- Tutoren-Seite --------------------- */
.tutor  {
    text-align: center;
    padding-bottom: 20px;
}
.tutor .views-field-title span a    {
   text-decoration: none;
}
#liste_personen .view, #liste_personen .view-content {
	gap: var(--sp0-1);
}
.views-field-field-portrait .field-content, .personenname {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: var(--sp);
  }
/* ---------------- Sponsoren-Block und Logos --------------------- */
#sponsoren .field-content {
  display: table-cell;
  height: 90px;
  vertical-align: middle;
  }

/* ============== Hover-Effekt PRIMÄRFARBE =================== */
        .box-orange {
            height: 220px;
            background-color: var(--color--white);
            border: 2px solid var(--color--primary-50);
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 2px;
            box-sizing: border-box;
            margin-bottom: 1.5rem;
        }

        .box-orange-text {
            text-align: center;
            color: var(--color--black);
        }

        .box-orange-text h3 {
            color: var(--color--black);
            font-size: 8vw; /* Anpassung der Schriftgröße an den zur Verfügung stehenden Platz */
        }
        .box-orange h2  {
            color: var(--color--black);
            hyphens: none;
        }

        .box-orange-text a {
            text-decoration: none;
            color: var(--color--black);
            font-size: var(--font-size-l);
        }
        .box-orange:hover, .box-orange:hover .box-orange-text, .box-orange:hover a, .box-orange:hover h2, .box-orange-text:hover h2 {
            background-color: var(--color--primary-50);
    		    color: var(--color--white);
        }


/* ============== Förderer-Logos =================== */

#block-schreibwerkstatt-views-block-foerderer .view-content {
    display: flex;
    justify-content: center;
    gap: auto; /* Abstand zwischen den Elementen */
}
#block-schreibwerkstatt-views-block-foerderer h2  {
  font-size: var(--font-size-m);
  }
#block-schreibwerkstatt-views-block-foerderer .foerderer {
    flex: 1;
    max-width: 220px; /* Breite der Elemente */
    text-align: center;
    margin: 0 auto;
}

#block-schreibwerkstatt-views-block-foerderer .views-field {
    margin-bottom: 10px; /* Abstand zwischen den Feldern */
}

#block-schreibwerkstatt-views-block-foerderer .field-content img {
    max-width: 100%;
    height: auto;
}

/* ============== Partner-Logos =================== */

.box-partner {
    min-height: 220px;
    background-color: var(--color--white);
    border: 0 none var(--color--white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
}


/* ============== Textwerkstätten =================== */
.textwerkstaetten .view, .textwerkstaetten .view-content {
	gap: var(--sp1);
}
.textwerkstaetten a  {
  font-size: var(--font-size-base);
  }
.textwerkstaetten h3  {
  font-size: var(--font-size-l);
  }


/* ============== Team-Seite =================== */
.masonry-layout-unser-team .masonry-item.views-row {
    height: 370px;
    justify-content: center;
    align-items: center;
    padding: 2px;
}
.masonry-layout-unser-team .masonry-item .views-field    {
    text-align: center;
}
.box-team-text-h3, .address .organization   {
    color: var(--color--primary-50);
    font-family: var(--font-sans);
    text-align: center;
}
.masonry-layout-unser-team .masonry-item .views-field p, .masonry-layout-unser-team .masonry-item .views-field em {
    font-size: var(--font-size-xs);
}
.masonry-layout-unser-team .masonry-item:hover    {
    background-color: var(--color--primary-50);
    color: var(--color--white);
}
.masonry-layout-unser-team .masonry-item:hover a, .masonry-layout-unser-team .masonry-item:hover .box-team-text-h3, .masonry-layout-unser-team .masonry-item:hover p, .masonry-layout-unser-team .masonry-item:hover em   {
    color: var(--color--white);
}
.fotograf  {
    font-size: var(--font-size-xxs);

/* ============== Locations =================== */
.field--name-field-fotos .field__item   {
    float: left;
    gap: var(--sp1);
    background-color: var(--color--white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
}
.box-location.views-row   {
    border-top: 2px dotted var(--color--primary-50);
}
#block-schreibwerkstatt-views-block-unterkuenfte-block-1 h2   {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

/* ============== Cookie-Hinweis =================== */
#sliding-popup {
    width: 90%;
    max-width: 600px;
    align-self: center;
    margin: 0 auto;
    bottom: 0;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    padding: var(--sp1-5, 27px);
    padding-top: 0;
    filter: drop-shadow(0 0 72px rgb(0 0 0 / 10%));
}