@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Source Sans 3';
  src: url("../fonts/Source_Sans_3/static/SourceSans3-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }
.osmap-sitemap .level_0 > li > a {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.2; }

.osmap-sitemap .level_1 a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55; }

.osmap-sitemap .osmap-items > .level_0 + .level_0 > li > a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%; }

body {
  font-family: "Source Sans 3", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  color: #3a2f26;
  text-align: start; }

body.startseite {
  font-size: clamp(1.125rem, calc(1.0838rem + 0.1759vw), 1.25rem); }

button, input, select, textarea {
  font: inherit; }

h1 {
  font-size: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.025em; }

h2 {
  font-size: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
  font-weight: 200;
  line-height: 1.1; }

h3 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 600;
  line-height: 1.2; }

.auftakttitel {
  font-size: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
  font-weight: 200;
  line-height: 0.95;
  letter-spacing: -0.025em; }

.einleitung {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 400;
  line-height: 1.4; }

.zusatzangaben {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.45; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

.hauptnavigation, .seitenfuss, .menueschalter {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: normal; }

.kapitelmarke {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.45; }

.essay-auftakt .kapitelmarke a {
  color: inherit;
  font: inherit;
  text-decoration: none; }

.essay-auftakt .kapitelmarke a:hover {
  text-decoration: underline; }

.startabschnitt .auftakttitel {
  overflow-wrap: normal; }

.startabschnitt--auftakt .auftakttitel {
  text-wrap: balance; }

.startabschnitt--menschen .auftakttitel {
  text-wrap: balance; }

.startabschnitt--gestaltung .auftakttitel {
  text-wrap: balance; }

.startabschnitt--projekt .titelzeile {
  white-space: nowrap; }

.startabschnitt .auftakttitel {
  line-height: 1; }

.startabschnitt .textverweis {
  font-size: 1rem;
  font-weight: 400; }

.textakzent {
  color: #76684f; }

.startabschnitt--gestaltung .textakzent {
  color: #d4cbb5; }

.startabschnitt--angebot .einleitung,
.startabschnitt--kontakt .einleitung,
.startabschnitt--projekt .einleitung {
  font-size: clamp(1.125rem, calc(1.0838rem + 0.1759vw), 1.25rem);
  line-height: 1.4; }

.angebot-auftakt h1 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem);
  font-weight: 200;
  line-height: 1.03;
  hyphens: none; }

.angebot-leittext {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.25; }

.angebotsweg h2 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.15; }

.angebotsweg p {
  font-size: 1rem;
  line-height: 1.4; }

.angebotsweg__nummer {
  font-size: 0.875rem; }

.angebotsweg__pfeil {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 200; }

.angebot-inhalt h2 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.15; }

.angebot-zurueck {
  font-size: 0.875rem; }

.d3w-textzeile {
  display: inline; }

.rechtstext h1 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem);
  font-weight: 300; }

.rechtstext h2 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.2; }

.portfolio-auftakt h1, .projekt-auftakt h1 {
  text-wrap: balance; }

.portfolio-intro h2, .projekt-abschnitt h2 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem); }

.projektkarte {
  color: #3a2f26;
  text-decoration: none; }

.projektkarte__platzhalter {
  font-size: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
  font-weight: 200; }

.projektkarte p, .projekt-bilder figcaption, .projekt-kapitelnavigation {
  font-size: 1rem; }

.projekt-kapitelnavigation a, .projekt-abschluss a {
  color: #3a2f26;
  text-decoration: none; }

.projekt-auftakt figcaption {
  font-size: 0.875rem; }

.projekt-kapitelnavigation span {
  font-size: 0.875rem; }

.projekt-signatur > span:first-child {
  font-size: clamp(64px, 10vw, 160px);
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.025em; }

.projekt-signatur > span:last-child, .projekt-fakten__label {
  font-size: 0.875rem; }

.projekt-fakten p {
  font-size: 1rem; }

.projekt-fakten .projekt-fakten__label {
  font-size: 0.875rem; }

.projekt-detailtafel > span:first-child {
  font-size: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
  font-weight: 200;
  line-height: 1; }

.projekt-detailtafel > span:last-child {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300; }

.projektkarte h3 {
  font-weight: 300; }

.projekt-weiter {
  font-size: 1rem; }

.projekt .einleitung, .portfolio .einleitung {
  font-weight: 300; }

.projekt-detailtafel > span:last-child, .projekt-fakten p {
  overflow-wrap: anywhere;
  hyphens: auto; }

.projekt-medien figcaption {
  font-size: 0.875rem;
  line-height: 1.45; }

.peb-entwicklung strong {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300; }

.peb-entwicklung span {
  font-size: 0.875rem; }

.redaktion-auftakt h1 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem); }

.redaktion-leittext {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.25;
  color: #3a2f26; }

.redaktion-hinweis {
  font-size: 1rem; }

.impulskarte h2 {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.2; }

.impulskarte--leitartikel h2 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem); }

.impulskarte__lesen {
  font-size: 0.875rem; }

.impulskarte__pfeil {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 200; }

.essay h2 {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  line-height: 1.25;
  font-weight: 300; }

.essay-einleitung {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  color: #76684f; }

.essay-datum, .impulskarte__datum {
  font-size: 1rem; }

.essay-zurueck {
  font-size: 0.875rem; }

.zwischenraumseite .com-content-article > .page-header h1 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem); }

.essay-zitat {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.2;
  color: #76684f; }

.essay-zitat p {
  font: inherit; }

.essay-auftakt h1 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem); }

.essay-auftakt h1 {
  text-wrap: balance;
  hyphens: none; }

.essay-zitat p {
  overflow-wrap: anywhere;
  hyphens: auto; }

.zwischenraum-uebersicht .impulskarte h2 {
  overflow-wrap: normal;
  hyphens: none; }

.essay-weiter a > span:first-child {
  font-size: 0.875rem; }

.essay-weiter a > span:last-child {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.4; }

.essay-titelzeile {
  display: block;
  text-wrap: balance; }

.impulskarte h2 {
  text-wrap: balance;
  hyphens: none; }

@media (min-width: 801px) {
  .essay-zitat {
    font-size: 26px;
    font-weight: 200;
    line-height: 1.16; } }
.persoenlich h1 {
  font-weight: 200; }

.persoenlich h2 {
  font-weight: 300; }

.persoenlich .einleitung {
  font-weight: 300; }

.redaktion-auftakt h1, .angebot-auftakt h1,
.impulskarte h2, .angebotsweg h2,
.redaktion-leittext, .angebot-leittext {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual; }

.arbeitskarte::before {
  font-size: 0.875rem; }

body:not(.startseite) main h1 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem);
  font-weight: 200;
  line-height: 1.15;
  letter-spacing: -0.015em;
  text-wrap: balance;
  hyphens: manual; }

.redaktion-leittext, .angebot-leittext {
  line-height: 1.4; }

.arbeitskarte::after {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 200; }

.terminarchiv summary {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300; }

.terminarchiv h3 {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300; }

body:not(.startseite) main h2 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  text-wrap: balance;
  hyphens: manual; }

body:not(.startseite) main h3 {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: normal;
  text-wrap: balance; }

body:not(.startseite) main :is(h1, h2, h3) :is(strong, b, em, i, span) {
  font: inherit;
  letter-spacing: inherit; }

body:not(.startseite) main .einleitung,
body:not(.startseite) main .angebot-leittext,
body:not(.startseite) main .redaktion-leittext,
body:not(.startseite) main .essay-einleitung {
  font-size: clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem);
  font-weight: 200;
  line-height: 1.45; }

body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) > .textverweis {
  font-weight: 300; }

main strong, main b {
  font-weight: 600; }

.hauptnavigation .mod-menu__sub a {
  font-weight: 400;
  line-height: 1.4; }

.referenz-kapitel p, .referenz-motive figcaption {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400; }

.referenz-pfeil {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 200; }

.referenz-einblick .essay-zitat {
  font-size: clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem);
  font-weight: 300;
  line-height: 1.2; }

.seiteninhalt .visform, .seiteninhalt .visform input, .seiteninhalt .visform textarea {
  font-family: "Source Sans 3", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 400; }

.seiteninhalt .visform .vis_mandatory, .seiteninhalt .visform .error {
  font-size: 0.875rem; }

.seiteninhalt .visform .visfield-container label {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400; }

.seiteninhalt .visform input[type='submit'] {
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .02em; }

.seiteninhalt .visform .vis_mandatory {
  font-size: 11px;
  font-weight: 400; }

.seiteninhalt .visform .visfield-container[data-container-field-type='checkbox'] label {
  font-size: 14px;
  line-height: 1.5; }

body:not(.startseite) main .arbeitskarte h2 {
  white-space: normal;
  text-wrap: balance;
  font-size: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) * .75); }

body:not(.startseite) main .arbeitsarchiv h3 {
  font-size: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) * .75);
  font-weight: 300; }

.seiteninhalt .visform .visfield-container label.error {
  font-size: 12px;
  line-height: 1.4; }

body:not(.startseite) main {
  font-weight: 300; }

.rueckblick-zitat {
  font-size: clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem);
  font-weight: 200;
  line-height: 1.45; }

body:not(.startseite) main :is(blockquote, .essay-zitat, .rueckblick-zitat) {
  color: #76684f; }

.rueckblick-zitat--links {
  text-align: right; }

body:not(.startseite) main :is(.textverweis, .rueckverweis, .angebot-zurueck,
.essay-zurueck, .projekt-weiter, .kapitelmarke, .zusatzangaben,
.referenz-kapitel p, .referenz-motive figcaption) {
  font-weight: 300; }

body:not(.startseite) main :is(.textverweis, .rueckverweis, .angebot-zurueck, .essay-zurueck,
.essay-datum, .impulskarte__datum, .impulskarte__lesen, .kapitelmarke, .zusatzangaben,
.redaktion-hinweis, .angebotsweg p, .angebotsweg__nummer, .projektkarte p,
.projekt-bilder figcaption, .projekt-kapitelnavigation, .projekt-kapitelnavigation span,
.projekt-auftakt figcaption, .projekt-signatur > span:last-child, .projekt-fakten p,
.projekt-fakten .projekt-fakten__label, .projekt-medien figcaption, .peb-entwicklung span,
.projekt-weiter, .essay-weiter a > span:first-child, .referenz-kapitel p,
.referenz-motive figcaption, .kontaktmarke span, .osmap-sitemap a) {
  font-size: 1rem; }

body:not(.startseite) main .visform :is(label, label.error, input, textarea, select,
input[type='submit'], .vis_mandatory, .error),
body:not(.startseite) main .visform .visfield-container[data-container-field-type='checkbox'] label {
  font-size: 1rem; }

body:not(.startseite) main :is(h1, h2, h3, .redaktion-leittext, .angebot-leittext, .essay-einleitung, .einleitung) {
  text-align: start;
  text-wrap: balance; }

body:not(.startseite) main h1 {
  max-inline-size: 18ch; }

body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) > :is(.redaktion-leittext, .angebot-leittext, .essay-einleitung, .einleitung) {
  max-inline-size: 24ch; }
  body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
  .portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
  .persoenlich__auftakt) > :is(.redaktion-leittext, .angebot-leittext, .essay-einleitung, .einleitung) .d3w-textzeile {
    display: block;
    text-wrap: balance; }

body:not(.startseite) main :is(.essay-zitat, .referenz-einblick .essay-zitat) {
  font-weight: 200;
  line-height: 1.45; }

body:not(.startseite) main :is(h1, h2, h3) {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none; }
  body:not(.startseite) main :is(h1, h2, h3) .d3w-textzeile {
    display: block; }

@media (max-width: 800px) {
  body:not(.startseite) main :is(h1, h2, h3) .d3w-textzeile, body:not(.startseite) main :is(h1, h2, h3) .essay-titelzeile {
    display: inline; } }
body:not(.startseite) main .zwischenraeume-abschluss__kopf h2 {
  font-size: clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem);
  font-weight: 200;
  line-height: 1.15;
  max-inline-size: 18ch; }

body:not(.startseite) main .veranstaltungsseite [data-rlta-element='panel'] h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55; }

body:not(.startseite) main .veranstaltungsseite [data-rlta-element='panel'] h3 strong {
  font-weight: 700; }

body:not(.startseite) main .veranstaltungsprogramm :is(h2, [data-rlta-element='heading']) {
  max-inline-size: none;
  text-wrap: wrap; }

body:not(.startseite) main .veranstaltungsseite h2 .d3w-textzeile {
  display: inline; }

body:not(.startseite) main .veranstaltung-anmeldung__angaben > .veranstalterin {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.2; }

@media (min-width: 801px) {
  body:not(.startseite) main .veranstaltungsseite .essay > section:not(:first-child) > h2,
  body:not(.startseite) main .veranstaltungsseite > #anmeldung > h2 {
    white-space: nowrap;
    max-inline-size: none; } }
@media (min-width: 801px) {
  body:not(.startseite) main .veranstaltungsprogramm :is(h2, [data-rlta-element='heading']) {
    white-space: nowrap; } }
.osmap-sitemap .page-header {
  margin-block-end: 64px; }

.osmap-sitemap:has(.osmap-sitemap-description) .page-header {
  margin-block-end: 24px; }

.osmap-sitemap .osmap-sitemap-description {
  max-width: 65ch;
  margin-block-end: 48px; }

.osmap-sitemap .osmap-sitemap-description p {
  margin: 0; }

.osmap-sitemap h1 {
  margin: 0; }

.osmap-sitemap ul {
  margin: 0;
  padding: 0; }

.osmap-sitemap .level_0 {
  display: grid;
  gap: 24px 48px; }

.osmap-sitemap .level_0 > li {
  min-width: 0;
  padding-block-start: 16px; }

.osmap-sitemap .level_1 {
  margin-block-start: 16px; }

.osmap-sitemap .level_1 li + li {
  margin-block-start: 8px; }

.osmap-sitemap a {
  display: inline-block;
  padding-block: 5px; }

.osmap-sitemap .osmap-items > .level_0 + .level_0 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-block-start: 48px;
  padding-block-start: 16px; }

.osmap-sitemap .osmap-items > .level_0 + .level_0 > li {
  padding: 0; }

@media (min-width: 801px) {
  .osmap-sitemap .level_0 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .osmap-sitemap .level_0 > li {
    grid-column: 1; }

  .osmap-sitemap #osmap-li-uid-joomla-article-3 {
    grid-column: 2;
    grid-row: 1 / 6; } }
*, *::before, *::after {
  box-sizing: border-box; }

html {
  background-color: var(--browser-hintergrund, #fffef9); }

html.abschnittsrollen {
  background-color: var(--browser-motivgrund, var(--browser-hintergrund, #fffef9));
  background-blend-mode: var(--browser-motivmischung, normal);
  background-image: var(--browser-motiv, none);
  background-position: var(--browser-motivposition, center);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }

body {
  margin: 0;
  background: var(--browser-hintergrund, #fffef9); }

img, svg, video {
  max-width: 100%;
  height: auto; }

picture.d3w-bild {
  display: contents; }

picture.d3w-bild > source {
  display: none; }

.seitenkopf, .seiteninhalt, .navigationspfad, .seitenfuss {
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  padding-inline: 24px; }

.seitenkopf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 80px;
  position: relative; }

.markenlink {
  flex: 0 0 auto; }

.kopfbereich {
  position: sticky;
  inset-block-start: 0;
  z-index: 30; }

.startseite .kopfbereich {
  position: fixed;
  inset-inline: 0; }

.js .startseite .d3w-raster__inhalt,
.js .startseite .d3w-raster__einstieg {
  clip-path: inset(var(--verdeckter-inhalt, 0px) 0 0); }

html {
  scroll-padding-block-start: 80px; }

@media (min-width: 801px) {
  html {
    scroll-padding-block-start: 104px; } }
.seiteninhalt {
  padding-block: 64px 96px; }

.seiteninhalt > *, .d3w-raster > * {
  min-width: 0; }

.seitenfuss {
  max-width: none;
  padding-block: 4px; }

.seitenfuss > * {
  max-width: 1680px;
  margin-inline: auto; }

.d3w-raster {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px; }

.d3w-raster__einstieg, .d3w-raster__inhalt {
  grid-column: 1 / -1; }

.d3w-fliesstext {
  max-width: 65ch; }

.d3w-einleitung {
  max-width: 50ch; }

.bereich-auftakt, .bereich-einstieg, .bereich-arbeit, .bereich-veraenderung,
.bereich-zwischenraeume, .bereich-kontakt {
  margin-block: 64px; }

@media (min-width: 801px) {
  .seitenkopf, .seiteninhalt, .navigationspfad, .seitenfuss {
    padding-inline: clamp(32px, 4vw, 48px); }

  .d3w-raster {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 24px; }

  .d3w-raster__einstieg {
    grid-column: span 3; }

  .d3w-raster__inhalt {
    grid-column: span 5; } }
@media (min-width: 801px) {
  .seitenkopf, .seiteninhalt, .navigationspfad, .seitenfuss {
    padding-inline: clamp(48px, 7vw, 112px); }

  .seitenkopf {
    min-height: 104px; }

  .seiteninhalt {
    padding-block: 96px 160px; }

  .d3w-raster {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px; }

  .d3w-raster__einstieg {
    grid-column: span 4; }

  .d3w-raster__inhalt {
    grid-column: span 8; }

  .bereich-auftakt, .bereich-einstieg, .bereich-arbeit, .bereich-veraenderung,
  .bereich-zwischenraeume, .bereich-kontakt {
    margin-block: 96px; } }
.wortmarke {
  display: block;
  width: 72px;
  height: auto; }

.kontaktmarke img {
  width: 72px; }

@media (min-width: 801px) {
  .wortmarke {
    width: 88px; }

  .kontaktmarke img {
    width: 88px; } }
.startseite .bereich-auftakt {
  margin-block-start: 0; }

.bereich-gestaltung {
  margin-block: 64px; }

.startabschnitt {
  align-items: start; }

.startabschnitt h1, .startabschnitt h2 {
  margin-block: 0 32px; }

.startabschnitt p {
  margin-block: 0 24px; }

.startabschnitt .einleitung {
  max-width: 50ch; }

.startabschnitt--auftakt {
  padding-block: 32px 64px; }

@media (min-width: 801px) {
  .bereich-gestaltung {
    margin-block: 96px; }

  .startabschnitt--auftakt {
    padding-block: 64px 96px; } }
.startseite .seiteninhalt {
  padding-block-start: 32px; }

.startabschnitt--auftakt {
  padding-block-start: 24px; }

.startabschnitt--auftakt .kapitelmarke {
  margin-block-end: 0; }

@media (min-width: 801px) {
  .startseite .seiteninhalt {
    padding-block-start: 64px; }

  .startabschnitt--auftakt {
    padding-block-start: 64px; } }
.kapitelmarke span {
  display: block; }

.startabschnitt--auftakt .auftakttitel {
  max-inline-size: 16ch; }

.startabschnitt--menschen .aussage {
  display: block; }

.startabschnitt--menschen .aussage {
  max-inline-size: 14ch; }

.titelzeile {
  display: block; }

.verweisgruppe {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 64px; }

.startabschnitt--menschen .aussage + .aussage {
  margin-block-start: 32px; }

@media (min-width: 801px) {
  .startabschnitt--menschen .aussage + .aussage {
    margin-block-start: 48px; } }
.startseite {
  background-color: var(--browser-hintergrund, #fcf8ef); }

.startseite .seiteninhalt {
  max-width: none;
  padding-inline: 0;
  padding-block-end: 0;
  padding-block-start: 0; }

.startseite .startabschnitt--auftakt {
  padding-block-start: 144px; }

.startseite .seiteninhalt > [class^='bereich-'] {
  margin-block: 0;
  padding-block: 64px; }

.startseite .seiteninhalt > .bereich-auftakt {
  padding-block: 0; }

.startseite .startabschnitt {
  max-width: 1680px;
  margin-inline: auto;
  padding-inline: 24px; }

.startabschnitt .textverweis {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 48px; }

@media (min-width: 801px) {
  .startseite .startabschnitt {
    padding-inline: clamp(32px, 4vw, 48px); }

  .startabschnitt--kontakt .d3w-raster__einstieg {
    grid-column: span 2; }

  .startabschnitt--kontakt .d3w-raster__inhalt {
    grid-column: 5 / span 4; }

  .startabschnitt--projekt .d3w-raster__einstieg,
  .startabschnitt--projekt .d3w-raster__inhalt {
    grid-column: 1 / span 3; } }
@media (min-width: 801px) {
  .startseite .startabschnitt {
    padding-inline: clamp(48px, 7vw, 112px); }

  .startseite .seiteninhalt > [class^='bereich-'] {
    padding-block: 96px; }

  .startseite .seiteninhalt > .bereich-auftakt {
    padding-block: 0; }

  .startseite .startabschnitt--auftakt {
    padding-block-start: 168px; }

  .startabschnitt--projekt .d3w-raster__einstieg,
  .startabschnitt--projekt .d3w-raster__inhalt {
    grid-column: 1 / span 4; }

  .startabschnitt--kontakt .d3w-raster__inhalt {
    grid-column: 7 / span 6; }

  .startabschnitt--gestaltung .d3w-raster__einstieg {
    grid-column: span 2; }

  .startabschnitt--gestaltung .d3w-raster__inhalt {
    grid-column: 3 / span 8; }

  .startabschnitt--gestaltung .auftakttitel {
    max-inline-size: 12ch; }

  .startabschnitt--auftakt .d3w-raster__einstieg {
    grid-column: 1 / -1; }

  .startabschnitt--auftakt .d3w-raster__inhalt {
    grid-column: 1 / span 8;
    padding-inline-start: 64px; }

  .startabschnitt--auftakt {
    row-gap: 48px; }

  .startabschnitt--menschen .d3w-raster__einstieg,
  .startabschnitt--angebot .d3w-raster__einstieg {
    grid-column: span 2; }

  .startabschnitt--menschen .d3w-raster__inhalt,
  .startabschnitt--angebot .d3w-raster__inhalt {
    grid-column: 4 / span 6; }

  .startabschnitt--projekt .d3w-raster__inhalt {
    padding-inline-start: 64px; }

  .abschnittsweise-navigation .startabschnitt .d3w-raster__einstieg {
    position: absolute;
    inset-block-start: clamp(128px, 18svh, 192px);
    inset-inline-start: clamp(48px, 7vw, 112px);
    max-width: 160px; }

  .startabschnitt--menschen .d3w-raster__inhalt,
  .startabschnitt--gestaltung .d3w-raster__inhalt,
  .startabschnitt--angebot .d3w-raster__inhalt {
    grid-column: 3 / span 7;
    padding-inline-start: 64px; } }
.arbeitsseite .seiteninhalt, .projektseite .seiteninhalt {
  max-width: none;
  padding: 0; }

.arbeitsseite .com-content-article > .page-header, .projektseite .com-content-article > .page-header {
  display: none; }

.portfolio-breite {
  max-width: 1680px;
  margin-inline: auto;
  padding-inline: 24px; }

.portfolio-auftakt, .projekt-auftakt {
  display: grid;
  grid-template-columns: 1fr; }

.portfolio-auftakt h1, .projekt-auftakt h1 {
  margin-block: 32px; }

.portfolio-auftakt h1 span, .projekt-auftakt h1 span {
  display: block; }

.portfolio-auftakt__text, .projekt-auftakt__text {
  padding: 48px 24px; }

.portfolio-auftakt__bild, .projekt-auftakt__bild {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  display: block; }

.portfolio-intro {
  display: grid;
  gap: 24px;
  padding-block: 4px; }

.portfolio .portfolio-intro {
  padding-inline: var(--inhalt-seitenrand); }

.portfolio-intro > p {
  max-width: 105ch; }

.projektraster {
  display: grid;
  gap: 64px 32px;
  padding-block: 32px 96px; }

.projektkarte {
  display: block; }

.projektkarte__bild, .projektkarte__platzhalter {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block; }

.projektkarte__platzhalter {
  display: grid;
  place-items: center; }

.projektkarte h3 {
  margin-block: 24px 8px; }

.projektkarte p {
  margin: 0; }

.projekt-auftakt__text {
  padding-block-start: calc(80px + 48px); }

.projektseite .kopfbereich {
  position: fixed;
  inset-inline: 0; }

.projekt-auftakt figure {
  margin: 0; }

.projekt-auftakt figcaption {
  padding: 8px 24px; }

.projekt-kapitelnavigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding-block: 32px; }

.projekt-kapitelnavigation a {
  display: grid;
  gap: 8px;
  padding-block: 16px;
  min-height: 48px; }

.projekt-abschnitt {
  padding-block: 64px;
  scroll-margin-top: 0; }

.projekt-abschnitt p {
  max-width: 65ch; }

.projekt-bilder {
  display: grid;
  gap: 24px; }

.projekt-bilder figure {
  margin: 0; }

.projekt-bilder img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block; }

.projekt-bilder figcaption {
  padding-block: 16px; }

.projekt-abschluss {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
  padding-block: 32px; }

@media (min-width: 801px) {
  .projektraster {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .portfolio-breite {
    padding-inline: 48px; }

  .portfolio-intro {
    grid-template-columns: minmax(0, 1fr); }

  .projekt-kapitelnavigation {
    grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .projekt-bilder {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 801px) {
  .portfolio-auftakt {
    grid-template-columns: 44% 56%; }

  .projekt-auftakt {
    grid-template-columns: 42% 58%;
    min-height: 680px; }

  .portfolio-auftakt__text, .projekt-auftakt__text {
    padding-inline: clamp(48px, 7vw, 112px) 48px; }

  .portfolio-auftakt__text {
    padding-block: 64px; }

  .projekt-auftakt__text {
    padding-block: calc(104px + 32px) 48px; }

  .portfolio-breite {
    padding-inline: clamp(48px, 7vw, 112px); }

  .portfolio-auftakt__bild {
    min-height: 560px; }

  .projekt-auftakt figure {
    position: relative; }

  .projekt-auftakt figcaption {
    position: absolute;
    inset-inline: 0;
    bottom: 0; } }
@media (min-width: 801px) {
  .projekt-auftakt > figure > img, .projekt-auftakt > figure > picture.d3w-bild > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

  .projekt-auftakt > figure > figcaption {
    z-index: 2; } }
.projekt-signatur {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 48px 24px;
  overflow: hidden; }

.projekt-signatur span:last-child {
  max-width: 24ch; }

.projekt-fakten {
  display: grid;
  gap: 32px;
  padding-block: 48px;
  margin: 0; }

.projekt-fakten p {
  margin: 8px 0 0; }

.projekt-detailtafel {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  margin-block-start: 32px; }

.projekt-detailtafel span:last-child {
  max-width: 18ch; }

.projekt-weiter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
  padding-block: 4px; }

.projekt-weiter a {
  min-height: 48px;
  display: inline-flex;
  align-items: center; }

@media (min-width: 801px) {
  .projekt-fakten {
    grid-template-columns: 1fr 1fr 2fr; }

  .projekt-abschnitt:has(.projekt-detailtafel) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center; }

  .projekt-abschnitt:nth-of-type(even) > .projekt-detailtafel {
    order: -1; }

  .projekt-detailtafel {
    margin: 0;
    min-height: 360px; } }
@media (min-width: 801px) {
  .projekt-signatur {
    padding-block-start: calc(104px + 48px); }

  .projektraster > .projektkarte:first-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    column-gap: 64px;
    align-items: start; }

  .projektraster > .projektkarte:first-child > img, .projektraster > .projektkarte:first-child > picture.d3w-bild > img {
    grid-row: 1 / 5; }

  .projektraster > .projektkarte:first-child > h3 {
    margin-top: 48px; }

  .projektraster > .projektkarte:first-child > p {
    grid-column: 2; }

  .projektraster > .projektkarte:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 64px; }

  .projektraster > .projektkarte:last-child > .projektkarte__platzhalter {
    grid-row: 1 / 5; }

  .projektraster > .projektkarte:last-child > p {
    grid-column: 2; } }
.projekt .projekt-medien {
  display: block;
  margin: 0;
  min-height: 0;
  padding: 0; }

.projekt-medien img {
  display: block;
  width: 100%;
  height: auto; }

.projekt-medien figcaption {
  padding-block: 16px; }

.projekt-dokument > .projekt-auftakt__bild {
  min-height: 0;
  height: auto;
  padding: 24px;
  object-fit: contain; }

.projektkarte__bild--dokument {
  object-fit: contain; }

@media (min-width: 801px) {
  .projekt-auftakt > .projekt-dokument > img, .projekt-auftakt > .projekt-dokument > picture.d3w-bild > img {
    height: 100%;
    padding: calc(104px + 32px) 32px 32px;
    object-fit: contain; } }
@media (min-width: 801px) {
  .projektraster > .projektkarte:last-child > .projektkarte__bild {
    grid-row: 1 / 5; } }
.peb-material {
  position: relative;
  min-height: 380px;
  overflow: hidden;
  isolation: isolate; }

.peb-material img {
  position: absolute;
  display: block;
  height: auto; }

.peb-material__manual {
  width: 68%;
  inset-inline-start: 3%;
  inset-block-start: 12%;
  transform: rotate(-7deg);
  z-index: 1; }

.peb-material__flyer {
  width: 65%;
  inset-inline-end: -2%;
  inset-block-start: 42%;
  transform: rotate(6deg);
  z-index: 2; }

.peb-entwicklung {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: 0;
  margin-block: 32px; }

.peb-entwicklung li {
  padding-block: 16px; }

.peb-entwicklung span {
  display: block; }

@media (min-width: 801px) {
  .peb-entwicklung {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .peb-material {
    min-height: 520px; } }
@media (min-width: 801px) {
  .peb-material {
    min-height: 680px; }

  .peb-material__manual {
    inset-block-start: 24%; }

  .peb-material__flyer {
    inset-block-start: 51%; } }
.veraenderungsseite .seiteninhalt {
  max-width: none;
  padding: 0; }

.veraenderungsseite .com-content-article > .page-header {
  display: none; }

.angebot-auftakt {
  display: grid;
  grid-template-columns: minmax(0, 1fr); }

.angebot-auftakt__text {
  padding: 48px 24px;
  align-self: center;
  min-width: 0; }

.angebot-auftakt h1 {
  margin-block: 24px 32px; }

.angebot-auftakt h1 span {
  display: block; }

.angebot-auftakt__bild {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: cover; }

.angebot-leittext, .redaktion-leittext {
  max-width: 32ch;
  padding-inline-start: 24px;
  margin: 0; }

.angebotswege {
  display: grid;
  max-width: 1680px;
  margin-inline: auto;
  padding: 32px 24px 48px; }

.angebotsweg {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 24px 48px 24px 0;
  min-height: 72px; }

.angebotsweg h2, .angebotsweg p {
  margin: 0; }

.angebotsweg__pfeil {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 24px; }

.angebot-inhalt {
  max-width: 1120px;
  margin-inline: auto;
  padding: 64px 24px; }

.angebot-inhalt h2 {
  margin-block: 0 24px; }

.angebot-inhalt p, .angebot-inhalt ul, .angebot-inhalt ol {
  max-width: 65ch; }

.angebot-inhalt > section + section {
  margin-block-start: 64px; }

.angebot-inhalt li + li {
  margin-block-start: 8px; }

.angebot-abschluss {
  display: grid;
  gap: 24px;
  padding-block: 48px;
  margin-block-start: 64px; }

.angebot-abschluss p {
  margin: 0; }

.angebot-abschluss a {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  min-height: 48px; }

@media (min-width: 801px) {
  .angebot-auftakt {
    grid-template-columns: 48% 52%; }

  .angebot-auftakt__text {
    padding: 48px; }

  .angebot-auftakt__bild {
    height: 100%;
    min-height: 480px; }

  .angebotswege {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding-inline: 48px; }

  .angebot-inhalt {
    padding-inline: 48px; } }
@media (min-width: 801px) {
  .angebot-auftakt__text {
    padding-inline: clamp(48px, 7vw, 112px) 48px; }

  .angebot-auftakt__bild {
    min-height: 680px;
    max-height: 680px; }

  .angebotswege {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-inline: clamp(48px, 7vw, 112px); }

  .angebotsweg {
    padding-block: 32px;
    min-height: 190px; }

  .angebot-inhalt {
    padding-block: 96px; }

  .angebot-inhalt > section {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 64px; }

  .angebot-inhalt > section h2 {
    grid-column: 1; }

  .angebot-inhalt > section > :not(h2) {
    grid-column: 2; } }
.zwischenraumseite .seiteninhalt {
  max-width: none;
  padding: 0; }

.redaktion-auftakt {
  display: grid;
  grid-template-columns: minmax(0, 1fr); }

.redaktion-auftakt__text {
  padding: 48px 24px;
  align-self: center;
  min-width: 0; }

.redaktion-auftakt h1 {
  margin-block: 24px 32px; }

.redaktion-auftakt__bild {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: cover; }

.redaktion-hinweis {
  margin-block: 32px 0;
  padding-inline-start: 24px;
  max-width: 34ch; }

.impulsraster {
  display: grid;
  padding: 24px;
  gap: 0 24px;
  max-width: 1680px;
  margin-inline: auto; }

.impulskarte {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px 0 64px;
  min-height: 160px; }

.impulskarte h2 {
  margin: 8px 0 16px; }

.impulskarte p {
  max-width: 28ch; }

.impulskarte__pfeil {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 16px;
  display: block; }

.impulskarte__lesen {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: auto;
  min-height: 48px; }

.essay {
  max-width: 760px;
  margin-inline: auto;
  padding: 32px 24px 96px;
  --bild-aussenrand: max(24px, calc((100vw - 760px) / 2 + 24px)); }

.essay h2 {
  margin-block: 48px 24px; }

.essay p {
  margin-block: 0 24px; }

.zwischenraumseite .com-content-article > .page-header {
  max-width: 1000px;
  margin-inline: auto;
  padding: 48px 24px 0; }

.impulskarte__datum {
  margin-block: 8px; }

.zwischenraeume-abschluss {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  max-width: none;
  margin: 32px var(--inhalt-seitenrand) 64px;
  padding: 32px 0 0; }

.zwischenraeume-abschluss__text, .zwischenraeume-abschluss__schluss {
  max-width: 65ch;
  min-width: 0; }

.zwischenraeume-abschluss__text > :last-child {
  margin-block-end: 0; }

.zwischenraeume-abschluss__schluss > :first-child {
  margin-block-start: 0; }

.zwischenraeume-abschluss > h2 {
  margin: 0; }

.zwischenraeume-abschluss__kopf {
  grid-column: 1 / -1; }

.zwischenraeume-abschluss__kopf .essay-datum {
  margin-block: 0 4px; }

.zwischenraeume-abschluss__kopf h2 {
  margin: 0; }

.rueckblick-zitat {
  margin: 0;
  padding-inline-start: 24px;
  min-width: 0; }

.rueckblick-zitat p {
  margin: 0; }

.rueckblick-zitat--links {
  padding-inline: 0 24px; }

.zwischenraeume-abschluss__text::after {
  content: '';
  display: table;
  clear: both; }

.zwischenraeume-abschluss__text > .rueckblick-zitat--rechts {
  margin-block: 24px; }

@media (min-width: 1100px) {
  .zwischenraeume-abschluss {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 32px;
    align-items: start; }

  .zwischenraeume-abschluss > h2 {
    grid-column: 1 / -1; }

  .rueckblick-zitat--links {
    grid-column: 1;
    grid-row: 2; }

  .zwischenraeume-abschluss__text {
    grid-column: 2;
    grid-row: 2;
    max-width: 65ch; }

  .zwischenraeume-abschluss > .rueckblick-zitat--rechts {
    grid-column: 3;
    grid-row: 3; }

  .zwischenraeume-abschluss__schluss {
    grid-column: 2;
    grid-row: 3; }

  .zwischenraeume-abschluss__text > .rueckblick-zitat--rechts {
    max-width: 32ch;
    margin: 24px 0 24px auto; }

  .zwischenraeume-abschluss > .textverweis {
    grid-column: 2; } }
.zwischenraeume-abschluss .essay-bild {
  margin: 32px 0; }

.zwischenraeume-abschluss .essay-zitat {
  margin: 32px 0; }

.impulskarte--leitartikel > .impulskarte__pfeil {
  position: absolute;
  margin: 0; }

@media (max-width: 800px) {
  .zwischenraeume-abschluss {
    padding-inline: 0; } }
.essay-zitat {
  margin: 48px 0;
  padding: 16px 0 16px 24px;
  max-width: 36ch; }

.essay .essay-zitat p {
  margin: 0; }

.essay-auftakt {
  display: grid;
  grid-template-columns: 1fr; }

.essay-auftakt__text {
  padding: 48px 24px; }

.essay-auftakt__text h1 {
  margin: 0; }

.essay-auftakt__text > .essay-datum {
  margin-block: 0; }

.zwischenraum-uebersicht .impulskarte__datum {
  margin-block: 0 4px; }

.zwischenraum-uebersicht .impulskarte__datum + h2 {
  margin-block-start: 0; }

.essay-weiter {
  display: grid;
  gap: 24px;
  max-width: 1120px;
  margin: 48px auto;
  padding-inline: 24px; }

@media (min-width: 801px) {
  .essay-weiter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px; } }
.essay-weiter a {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block: 24px; }

@media (max-width: 800px) {
  .essay-weiter {
    padding-inline: 32px; } }
.essay-auftakt__text {
  align-self: start;
  padding-block-start: 106px; }

.essay-auftakt__motiv {
  margin: 0; }

.essay-auftakt__motiv img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: cover; }

.impulskarte > .d3w-bild {
  display: block;
  width: 100%; }

.zwischenraum-uebersicht .impulskarte--leitartikel > .d3w-bild {
  --impuls-bild-aussenrand: max(32px, calc((100vw - 1680px) / 2 + 32px));
  width: calc(100% + var(--impuls-bild-aussenrand));
  margin-inline-start: calc(-1 * var(--impuls-bild-aussenrand)); }

.impulskarte__bild {
  display: block;
  width: 100%;
  max-width: none;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin-block: 16px; }

.essay > .essay-bild {
  display: block;
  margin: 48px 0; }

.essay-bild img {
  display: block;
  width: 100%;
  height: auto; }

.essay > .essay-bild--auskragend {
  margin-inline: calc(-1 * var(--bild-aussenrand)) 0; }

@media (max-width: 800px) {
  .essay > .essay-bild--auskragend {
    margin-inline-start: calc(-1 * var(--bild-aussenrand)); } }
@media (min-width: 801px) {
  .essay-auftakt {
    grid-template-columns: 48% 52%; }

  .essay-auftakt__text {
    padding-inline: 48px;
    align-self: start; }

  .essay-auftakt__motiv img {
    height: 100%;
    min-height: 420px; } }
@media (min-width: 801px) {
  .essay-auftakt__text {
    padding-inline-start: clamp(48px, 7vw, 112px); }

  .essay > .essay-bild--auskragend {
    grid-column: 1; } }
@media (min-width: 801px) {
  .essay-zitat {
    margin-block: 64px;
    padding-inline-start: 32px; } }
@media (min-width: 801px) {
  .essay {
    display: grid;
    grid-template-columns: minmax(0, 760px) minmax(160px, 200px);
    column-gap: 64px;
    max-width: 1120px;
    --bild-aussenrand: max(24px, calc((100vw - 1120px) / 2 + 24px)); }

  .essay > * {
    grid-column: 1;
    min-width: 0; }

  .essay > .essay-zitat {
    grid-column: 2;
    grid-row: 4 / span 6;
    align-self: start;
    margin: 0;
    padding: 0 0 0 24px; }

  .zwischenraumseite .com-content-article > .page-header {
    max-width: 1120px;
    padding-inline-end: 288px; } }
.kopfbereich {
  padding-block-start: env(safe-area-inset-top, 0px); }

.seitenkopf {
  padding-inline-start: max(24px, env(safe-area-inset-left, 0px));
  padding-inline-end: max(24px, env(safe-area-inset-right, 0px)); }

.seitenfuss {
  padding-block-end: calc(4px + env(safe-area-inset-bottom, 0px)); }

@media (max-width: 800px) {
  .seiteninhalt, .portfolio-breite, .impulsraster, .essay,
  .redaktion-auftakt__text, .portfolio-auftakt__text, .projekt-auftakt__text,
  .startseite .startabschnitt {
    padding-inline-start: max(24px, env(safe-area-inset-left, 0px));
    padding-inline-end: max(24px, env(safe-area-inset-right, 0px)); }

  .startseite .seiteninhalt, .arbeitsseite .seiteninhalt, .projektseite .seiteninhalt,
  .zwischenraumseite .seiteninhalt {
    padding-inline: 0; } }
@media (min-width: 801px) {
  .seitenkopf {
    padding-inline: clamp(48px, 7vw, 112px); } }
@media (min-width: 801px) {
  .redaktion-auftakt {
    grid-template-columns: 48% 52%; }

  .redaktion-auftakt__text {
    padding: 48px; }

  .redaktion-auftakt__bild {
    height: 100%;
    min-height: 480px; }

  .impulsraster {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 32px 48px; }

  .impulskarte--leitartikel {
    grid-column: 1 / -1; } }
@media (min-width: 801px) {
  .redaktion-auftakt__text {
    padding: 48px 48px 48px clamp(48px, 7vw, 112px); }

  .redaktion-auftakt__bild {
    min-height: 680px;
    max-height: 680px; }

  .impulsraster {
    grid-template-columns: repeat(auto-fit, minmax(clamp(240px, 22%, 360px), 1fr));
    padding-inline: clamp(48px, 7vw, 112px); }

  .impulskarte--leitartikel {
    grid-column: 1;
    grid-row: span 2;
    padding-inline-end: 32px; }

  .zwischenraum-uebersicht .impulskarte--leitartikel > .d3w-bild {
    --impuls-bild-aussenrand: max(clamp(48px, 7vw, 112px), calc((100vw - 1680px) / 2 + clamp(48px, 7vw, 112px)));
    width: calc(100% + 32px + var(--impuls-bild-aussenrand)); }

  .arbeitsseite .portfolio-auftakt {
    grid-template-columns: 48% 52%; }

  .arbeitsseite .portfolio-auftakt__bild {
    min-height: 440px;
    max-height: 560px; }

  .arbeitsseite .projektraster {
    grid-template-columns: 7fr 5fr;
    gap: 64px 48px;
    align-items: start; }

  .arbeitsseite .projektraster > .projektkarte {
    display: flex;
    flex-direction: column;
    grid-column: auto;
    gap: 16px;
    padding-block: 24px; }

  .arbeitsseite .projektraster > .projektkarte:first-child {
    grid-column: 1; }

  .arbeitsseite .projektraster > .projektkarte:nth-child(even) {
    margin-block-start: 96px; }

  .arbeitsseite .projektraster > .projektkarte h3 {
    margin: 0; } }
.projektkarte__komposition {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3 / 2; }

.projektkarte__komposition--grenze {
  aspect-ratio: 4 / 3; }

.projektkarte__komposition--grenze img {
  position: absolute;
  width: 200%;
  max-width: none;
  height: auto;
  inset: 50% auto auto -100%;
  transform: translateY(-50%); }

.projekt-auftakt > .projekt-dokument--grenze {
  position: relative;
  overflow: hidden;
  min-height: 460px; }

.projekt-auftakt > .projekt-dokument--grenze > img,
.projekt-auftakt > .projekt-dokument--grenze > picture.d3w-bild > img {
  position: absolute;
  width: 200%;
  max-width: none;
  height: auto;
  padding: 0;
  inset: 0 auto auto -100%;
  transform: none;
  object-fit: contain; }

.projekt-auftakt > .projekt-dokument--grenze > figcaption {
  position: absolute;
  inset: auto 0 0; }

@media (min-width: 801px) {
  .projekt-auftakt > .projekt-dokument--grenze {
    min-height: 680px; } }
.projektkarte__komposition--peb img {
  position: absolute;
  display: block;
  width: 78%;
  height: auto;
  inset: 9% auto auto 6%;
  transform: rotate(-5deg); }

.projektkarte__komposition--peb img + img {
  width: 66%;
  inset: auto 4% 8% auto;
  transform: rotate(6deg); }

.rechtstext, .osmap-sitemap {
  max-width: 880px;
  margin-inline: auto; }

.bildplatzhalter {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 240px;
  aspect-ratio: 3 / 2; }

.bildplatzhalter::before, .bildplatzhalter::after {
  content: '';
  position: absolute;
  pointer-events: none; }

.bildplatzhalter::before {
  width: 70%;
  height: 1px;
  left: 15%;
  top: 50%;
  transform: rotate(-18deg); }

.bildplatzhalter::after {
  width: 36%;
  aspect-ratio: 1;
  border-radius: 50%;
  left: 32%;
  top: 20%; }

.essay-auftakt__motiv > .bildplatzhalter {
  height: 100%; }

.projekt-auftakt > figure > .bildplatzhalter {
  position: absolute;
  inset: 0;
  height: 100%; }

.projekt-auftakt > figure:has(> .bildplatzhalter) {
  min-height: 280px; }

.rechtstext h1 {
  margin-block: 0 48px; }

.rechtstext h2 {
  margin-block: 48px 24px; }

.rechtstext p {
  margin-block: 0 24px; }

.persoenlich {
  max-width: 1200px;
  margin-inline: auto; }

.persoenlich__auftakt {
  margin-block-end: 48px; }

.persoenlich__inhalt {
  min-width: 0; }

.persoenlich__inhalt section {
  margin-block-end: 48px; }

.persoenlich__abschluss {
  padding-block-start: 32px; }

@media (min-width: 801px) {
  .persoenlich {
    display: grid;
    grid-template-columns: 4fr 6fr;
    gap: 64px; }

  .persoenlich__auftakt {
    align-self: start;
    position: sticky;
    top: 160px; } }
.startseite.hat-motivbuehne > .startseiten-motivbuehne {
  position: fixed;
  inset: calc(-1 * env(safe-area-inset-top, 0px)) 0 auto;
  margin: 0;
  height: calc(100vh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));
  height: calc(100lvh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));
  min-height: 100dvh;
  transform: translateZ(0);
  z-index: 0;
  overflow: hidden;
  pointer-events: none; }

.startseite.hat-motivbuehne .seiteninhalt,
.startseite.hat-motivbuehne .seitenfuss {
  position: relative;
  z-index: 1; }

.arbeitskarte {
  gap: 16px; }

.arbeitskarte h2 {
  order: 0; }

.arbeitskarte > .projektkarte__komposition,
.arbeitskarte > .projektkarte__bild,
.arbeitskarte > .bildplatzhalter,
.arbeitskarte > picture.d3w-bild,
.arbeitskarte > picture.d3w-bild > .projektkarte__bild {
  order: 1;
  width: 100%;
  margin: 0; }

.arbeitskarte > p {
  order: 3;
  margin: 0; }

.arbeitskarte::after {
  content: '';
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 16px;
  margin: 0; }

.arbeitsuebersicht > .arbeitsraster--auswahl > .arbeitskarte:first-child > picture.d3w-bild > .projektkarte__bild {
  width: calc(100% + var(--inhalt-seitenrand));
  max-width: none;
  margin-inline-start: calc(-1 * var(--inhalt-seitenrand)); }

@media (min-width: 801px) {
  .arbeitsraster > .arbeitskarte:first-child {
    grid-column: 1 / -1; }

  .arbeitsraster > .arbeitskarte:first-child > .projektkarte__komposition {
    max-width: 220px; } }
@media (min-width: 801px) {
  .arbeitsraster > .arbeitskarte:first-child {
    grid-column: 1;
    grid-row: span 2;
    padding-inline-end: 32px; }

  .arbeitsgruppe .arbeitsraster {
    grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .arbeitsgruppe .arbeitsraster > .arbeitskarte:first-child {
    grid-row: auto;
    padding-inline-end: 0; }

  .arbeitsgruppe .arbeitsraster > .arbeitskarte:nth-child(3n + 1) {
    grid-column: 2; }

  .arbeitsgruppe .arbeitsraster > .arbeitskarte:nth-child(3n + 2) {
    grid-column: 3; }

  .arbeitsgruppe .arbeitsraster > .arbeitskarte:nth-child(3n) {
    grid-column: 4; }

  .arbeitsuebersicht > .arbeitsraster--auswahl > .arbeitskarte:first-child > picture.d3w-bild > .projektkarte__bild {
    width: calc(100% + var(--inhalt-seitenrand) + 32px); } }
.terminarchiv {
  margin-block: 48px;
  padding-block: 24px; }

.terminarchiv summary {
  cursor: pointer;
  min-height: 48px;
  padding-block: 16px; }

.terminarchiv h3 {
  margin-block: 32px 16px; }

.terminarchiv li + li {
  margin-block-start: 16px; }

.angebot-termine {
  padding-inline-start: 24px; }

.angebot-termine a {
  display: inline-block;
  min-height: 48px;
  padding-block: 8px; }

.redaktion-auftakt .redaktion-hinweis {
  padding-inline-start: 0; }

.redaktion-auftakt__text > .textverweis {
  display: inline-flex;
  margin-block-start: 32px; }

.angebot-auftakt__text, .redaktion-auftakt__text {
  align-self: start; }

.angebot-zurueck {
  margin-block: 32px 0; }

.rueckverweise {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px; }

.seiteninhalt:has(.persoenlich) {
  padding-block-start: 48px; }

.persoenlich {
  max-width: none; }

.persoenlich__auftakt h1 {
  margin-block: 16px 32px; }

.kontaktseite .persoenlich__auftakt h1 {
  margin-block-start: 24px; }

.persoenlich__auftakt .einleitung {
  padding-inline-start: 24px;
  max-width: 32ch; }

.projekt-auftakt__text {
  padding-block-start: calc(80px + 48px); }

.projekt-auftakt__text h1 {
  margin-block: 24px 32px; }

.projekt-auftakt__text > .einleitung {
  margin-block: 0 24px; }

.projekt-auftakt__text > .einleitung + p {
  padding-inline-start: 24px; }

@media (min-width: 801px) {
  .projekt-auftakt__text {
    padding-block-start: calc(104px + 48px); } }
.referenz .projekt-auftakt {
  grid-template-columns: minmax(0, 1fr); }

.referenz .referenz-hauptmotiv {
  margin: 0;
  position: relative;
  overflow: hidden; }

.referenz .referenz-hauptmotiv > img, .referenz .referenz-hauptmotiv > picture.d3w-bild > img {
  position: static;
  display: block;
  width: 100%;
  height: 320px;
  min-height: 0;
  padding: 0;
  object-fit: cover; }

.referenz-kapitel {
  display: grid;
  padding-block: 24px;
  gap: 24px; }

.referenz-kapitel a {
  position: relative;
  display: block;
  padding: 16px 48px 16px 0;
  min-height: 96px; }

.referenz-kapitel p {
  margin: 8px 0 0;
  max-width: 27ch; }

.referenz-pfeil {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-end: 16px; }

.referenz-einblick {
  display: grid;
  gap: 32px;
  padding-block: 24px 48px; }

.referenz-einblick .essay-zitat {
  margin: 0; }

.referenz-motive {
  display: grid;
  gap: 16px; }

.referenz-motive figure {
  min-width: 0;
  margin: 0; }

.referenz-detail {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden; }

.referenz-detail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.8); }

.referenz-detail--1 img {
  transform-origin: 15% 35%; }

.referenz-detail--2 img {
  transform: none; }

.referenz-detail--3 img {
  transform-origin: 85% 65%; }

.referenz-motive figcaption {
  padding-block: 8px; }

.referenz-erzaehlung .projekt-abschnitt {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  padding-block: 48px;
  scroll-margin-top: 120px; }

.referenz-erzaehlung h2 {
  margin: 0; }

.referenz-erzaehlung p {
  margin-block: 0 24px; }

@media (min-width: 801px) {
  .referenz-kapitel {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px; }

  .referenz-motive {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .referenz-erzaehlung .projekt-abschnitt {
    grid-template-columns: 1fr 2fr;
    gap: 48px; } }
@media (min-width: 801px) {
  .referenz .projekt-auftakt {
    grid-template-columns: 38% 62%;
    min-height: 650px; }

  .referenz .referenz-hauptmotiv {
    margin-block-start: 104px; }

  .referenz .referenz-hauptmotiv > img, .referenz .referenz-hauptmotiv > picture.d3w-bild > img {
    height: 100%;
    min-height: 546px; }

  .referenz-einblick {
    grid-template-columns: 1fr 3fr;
    gap: 32px; } }
.seiteninhalt .visforms {
  max-width: 760px;
  margin: 48px auto 0; }

.seiteninhalt .visform {
  max-width: 760px;
  margin-inline: auto; }

.seiteninhalt .visform fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
  border: 0; }

.seiteninhalt .visform .row {
  margin-inline: 0; }

.seiteninhalt .visform [class*='col-'] {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  margin-inline: 0;
  padding-inline: 0; }

.seiteninhalt .visform .visfield-container {
  margin-block-end: 12px; }

.seiteninhalt .visform label {
  display: block;
  margin-block-end: 8px; }

.seiteninhalt .visform input:not([type='hidden']):not([type='submit']),
.seiteninhalt .visform textarea {
  width: 100%;
  min-height: 48px;
  padding: 23px 16px 7px;
  border-radius: 12px; }

.seiteninhalt .visform textarea {
  height: 144px;
  resize: vertical; }

.seiteninhalt .visform input[type='submit'] {
  min-height: 44px;
  padding: 10px 22px;
  border-radius: 12px;
  cursor: pointer; }

.seiteninhalt .visform .vis_mandatory {
  margin-block-end: 24px; }

.seiteninhalt .visform .visfield-container > .form-group {
  position: relative; }

.seiteninhalt .visform .visfield-container label:not(.error) {
  position: absolute;
  top: 7px;
  left: 16px;
  z-index: 1;
  width: auto;
  max-width: calc(100% - 36px);
  margin: 0;
  pointer-events: none; }

.seiteninhalt .visform .vf-button-container {
  justify-content: flex-start !important; }

.seiteninhalt .visform .vf-button-container [class*='col-'] {
  width: auto;
  flex: 0 0 auto; }

@media (max-width: 800px) {
  .seitenfuss {
    display: none; } }
.arbeitsgruppe {
  padding-block: 48px; }

.arbeitsarchiv {
  display: grid;
  gap: 32px; }

.arbeitsarchiv > a {
  display: block;
  padding-block: 24px; }

.referenz .referenz-hauptmotiv:has(> .bildplatzhalter) {
  min-height: 320px; }

@media (min-width: 801px) {
  .arbeitsarchiv {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 801px) {
  .referenz .referenz-hauptmotiv:has(> .bildplatzhalter) {
    min-height: 546px; }

  .startabschnitt--menschen .d3w-raster__inhalt, .startabschnitt--gestaltung .d3w-raster__inhalt, .startabschnitt--angebot .d3w-raster__inhalt, .startabschnitt--projekt .d3w-raster__inhalt {
    grid-column: 1 / span 8;
    padding-inline-start: 64px; } }
.startseite .startabschnitt .kapitelmarke span {
  display: inline;
  margin-inline-end: .65em; }

@media (min-width: 801px) {
  .startseite .startabschnitt:not(.startabschnitt--kontakt) .d3w-raster__einstieg {
    grid-column: 1 / -1; }

  .startseite .startabschnitt:not(.startabschnitt--kontakt) .d3w-raster__inhalt {
    grid-column: 1 / -1; } }
@media (min-width: 801px) {
  .startseite .startabschnitt:not(.startabschnitt--kontakt) .d3w-raster__inhalt {
    grid-column: 1 / span 8;
    padding-inline-start: 64px; }

  .startseite .startabschnitt:not(.startabschnitt--kontakt) {
    row-gap: 48px; } }
.seiteninhalt .visform .kontaktfelder {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px; }

.seiteninhalt .visform .kontaktfelder .visfield-container {
  margin-block-end: 0; }

@media (min-width: 600px) {
  .seiteninhalt .visform .kontaktfelder {
    grid-template-columns: repeat(6, minmax(0, 1fr)); }

  .seiteninhalt .visform .kontaktfelder > .visfield-container {
    grid-column: 1 / -1; }

  .seiteninhalt .visform .kontaktfelder > .field8,
  .seiteninhalt .visform .kontaktfelder > .field1,
  .seiteninhalt .visform .kontaktfelder > .field9 {
    grid-column: span 2; }

  .seiteninhalt .visform .kontaktfelder > .field5,
  .seiteninhalt .visform .kontaktfelder > .field6 {
    grid-column: span 3; } }
.kontaktbereich {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 48px;
  max-width: 1120px;
  margin: 48px auto 0;
  padding-inline: 24px; }

.seiteninhalt .kontaktbereich > .visforms {
  margin: 0;
  width: 100%;
  max-width: none; }

.kontaktbereich .kontaktangaben {
  min-width: 0; }

@media (min-width: 801px) {
  .kontaktbereich {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 64px;
    padding-inline: 48px; } }
.seiteninhalt .visform .visfield-container[data-container-field-type='checkbox'] label {
  position: static;
  pointer-events: auto;
  max-width: none;
  width: auto;
  margin: 0;
  padding: 0; }

.seiteninhalt .visform .visfield-container input[type='checkbox'] {
  width: 16px;
  height: 16px;
  min-height: 16px;
  padding: 0;
  border-radius: 3px;
  flex: 0 0 16px;
  margin: 0 8px 0 0; }

.seiteninhalt .visform .visfield-container[data-container-field-type='checkbox'] .form-check {
  display: flex;
  align-items: center;
  padding: 0;
  min-height: 36px; }

.referenz-motive {
  min-width: 0; }

.referenz-detail .bildplatzhalter {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%; }

.seiteninhalt .visform .visfield-container[data-container-field-type='checkbox'] .form-check {
  align-items: flex-start; }

.seiteninhalt .visform .visfield-container input[type='checkbox'] {
  margin-block-start: 1px; }

.seiteninhalt .visform .vf-button-container {
  margin-block-start: 24px; }

.seiteninhalt form.visform div.required .asterix-ancor::after {
  padding-left: 3px !important; }

.arbeitskarte h2 {
  min-height: 2.3em; }

.startabschnitt--projekt .d3w-raster__inhalt > p {
  max-inline-size: 32ch; }

.arbeitsgruppe .impulsraster {
  padding-inline: 0; }

.arbeitskarte {
  min-width: 0; }

.arbeitskarte > .bildplatzhalter {
  min-width: 0;
  min-height: 0; }

@media (max-width: 800px) {
  .arbeitsraster {
    grid-template-columns: minmax(0, 1fr); } }
.seiteninhalt .visform .visfield-container label.error {
  position: static;
  display: block;
  width: auto;
  max-width: 100%;
  margin: 6px 0 0;
  padding: 0;
  pointer-events: auto; }

.seiteninhalt .visform .visfield-container p.errorcontainer {
  margin: 0; }

@media (max-width: 800px) {
  .startseite .startabschnitt, .angebot-auftakt__text,
  .redaktion-auftakt__text, .projekt-auftakt__text,
  .essay-auftakt__text, .seiteninhalt:has(.persoenlich) {
    padding-inline-start: max(32px, env(safe-area-inset-left, 0px));
    padding-inline-end: max(32px, env(safe-area-inset-right, 0px)); }

  .angebot-auftakt__bild, .redaktion-auftakt__bild,
  .essay-auftakt__motiv img, .referenz .referenz-hauptmotiv > picture.d3w-bild > img,
  .projektkarte__bild {
    aspect-ratio: 2 / 3;
    height: auto;
    min-height: 0;
    object-fit: cover; }

  .referenz-detail {
    aspect-ratio: 2 / 3; }

  .referenz-detail img {
    transform: none; }

  .persoenlich__auftakt h1 {
    margin-block-start: 24px; } }
.impulsraster {
  scroll-margin-block-start: 16px; }

.zwischenraum-uebersicht .impulskarte {
  min-width: 0; }

.zwischenraum-uebersicht .impuls-sprung {
  min-height: 44px;
  align-items: center;
  gap: 12px; }

body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) > .kapitelmarke {
  margin-block: 0 16px; }
body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) h1 {
  margin-block: 0 24px; }
body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) h1:has(+ .essay-datum) {
  margin-block-end: 4px; }
body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) > :is(.redaktion-leittext, .angebot-leittext, .einleitung, .essay-einleitung) {
  margin-block: 0;
  max-inline-size: 34ch; }
body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text,
.persoenlich__auftakt) > .textverweis {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-block-start: 24px; }

.zwischenraeume-abschluss > .textverweis {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-block-start: 16px; }

body:not(.startseite) main .zwischenraum-uebersicht .redaktion-auftakt__text > .impuls-sprung,
body:not(.startseite) main .portfolio .redaktion-auftakt__text > .textverweis {
  margin-block-start: 48px; }

body:not(.startseite) main :is(.rechtstext, .osmap-sitemap, .com-content-article > .page-header) h1 {
  margin-block: 0 24px; }

body:not(.startseite) main :is(.essay, .rechtstext, .angebot-inhalt, .persoenlich__inhalt, .projekt-abschnitt) h2 {
  margin-block: 32px 16px; }

body:not(.startseite) main :is(.essay, .rechtstext, .angebot-inhalt, .persoenlich__inhalt, .projekt-abschnitt) h3 {
  margin-block: 24px 16px; }

body:not(.startseite) {
  --inhalt-seitenrand: max(32px, env(safe-area-inset-left, 0px)); }
  body:not(.startseite) .kopfbereich {
    position: sticky;
    inset-block-start: 0; }
  body:not(.startseite) main.seiteninhalt {
    max-width: none;
    padding-block-start: 48px;
    padding-inline: var(--inhalt-seitenrand); }
  body:not(.startseite) main.seiteninhalt:has(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt,
  .projekt-auftakt, .essay-auftakt) {
    padding-inline: 0; }
  body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text, .portfolio-auftakt__text,
  .projekt-auftakt__text, .essay-auftakt__text) {
    align-self: start;
    padding-block-start: 0;
    padding-inline-start: var(--inhalt-seitenrand);
    padding-inline-end: 32px; }
  body:not(.startseite) main :is(.rechtstext, .osmap-sitemap, .persoenlich) {
    margin-inline: 0; }
  body:not(.startseite) main .persoenlich__auftakt {
    position: static; }
  body:not(.startseite) main .referenz .referenz-hauptmotiv {
    margin-block-start: 0; }
  body:not(.startseite) main .kapitelmarke {
    margin-block-start: 0; }

@media (min-width: 801px) {
  body:not(.startseite) {
    --inhalt-seitenrand: max(clamp(48px, 7vw, 112px), calc((100vw - 1680px) / 2 + clamp(48px, 7vw, 112px))); }
    body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text, .portfolio-auftakt__text,
    .projekt-auftakt__text, .essay-auftakt__text) {
      padding-inline-end: 48px; } }
@media (max-width: 800px) {
  .zwischenraum-uebersicht .redaktion-auftakt__bild {
    aspect-ratio: auto;
    height: clamp(240px, 45svh, 400px);
    min-height: 0;
    object-fit: cover; }

  .impulsraster {
    padding-inline: 32px;
    scroll-margin-block-start: 16px; } }
body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0; }
  body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > :is(figure, picture.d3w-bild) {
    margin: 0;
    min-height: 0;
    overflow: hidden; }
  body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > img, body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > picture.d3w-bild > img,
  body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > figure > :is(img, .bildplatzhalter), body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > figure > picture.d3w-bild > img {
    display: block;
    position: static;
    width: 100%;
    height: clamp(240px, 45svh, 400px);
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    padding: 0;
    transform: none;
    object-fit: cover; }

@media (min-width: 801px) {
  body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) {
    grid-template-columns: minmax(0, 48fr) minmax(0, 52fr); }
    body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > img, body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > picture.d3w-bild > img,
    body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > figure > :is(img, .bildplatzhalter), body:not(.startseite) main :is(.redaktion-auftakt, .angebot-auftakt, .portfolio-auftakt, .projekt-auftakt, .essay-auftakt) > figure > picture.d3w-bild > img {
      height: 680px; } }
body:not(.startseite) main .projekt-auftakt > .projekt-dokument > img,
body:not(.startseite) main .projekt-auftakt > .projekt-dokument > picture.d3w-bild > img {
  object-fit: contain; }

.projekt-rueckweg {
  margin-block: 32px;
  padding-inline: var(--inhalt-seitenrand); }

.projekt-rueckweg > .rueckverweis {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px; }

body:not(.startseite) main .projekt-auftakt__text > .projekt-rueckweg {
  margin-block: 48px 0;
  padding: 0;
  border: 0; }

.essay-einstiegszitat > .essay-zitat {
  max-width: none;
  margin-block: 24px 32px; }

body:not(.startseite) main :is(.redaktion-auftakt__text, .angebot-auftakt__text,
.portfolio-auftakt__text, .projekt-auftakt__text, .essay-auftakt__text) > :is(.textverweis, .essay-zurueck, .projekt-rueckweg) {
  margin-block: 48px 0; }

.portfolio-intro > .portfolio-zitat {
  max-width: 105ch;
  margin-block: 24px; }

.portfolio-intro > .portfolio-zitat > p {
  margin: 0; }

.projekt-auftakt__text > .einleitung.redaktion-leittext + p {
  padding-inline-start: 0; }

body:not(.startseite) main .projekt-auftakt__text > .einleitung {
  padding-inline-start: 24px; }

body:not(.startseite) main .projekt-auftakt__text > .einleitung + p {
  padding-inline-start: 0; }

body:not(.startseite) main .essay-auftakt__text > .essay-zurueck a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px; }

.zwischenraeume-abschluss__text > .essay-bild--auskragend {
  display: block;
  width: auto;
  margin-inline-start: calc(-1 * var(--inhalt-seitenrand)); }

@media (min-width: 1100px) {
  .zwischenraeume-abschluss__text > .essay-bild--auskragend {
    margin-inline-start: calc(-1 * ((100vw - 2 * var(--inhalt-seitenrand) - 64px) / 3.5 + 32px + var(--inhalt-seitenrand))); } }
.zwischenraeume-abschluss__schluss > .textverweis {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin-block-start: 16px; }

.osmap-sitemap ul {
  list-style: none; }

.osmap-sitemap a {
  overflow-wrap: break-word; }

.projekt-signatur span:last-child {
  text-align: center; }

.peb-entwicklung {
  list-style: none; }

.rechtstext p {
  overflow-wrap: anywhere; }

.persoenlich__inhalt p {
  overflow-wrap: anywhere; }

.startseite .startabschnitt .kapitelmarke {
  white-space: nowrap; }

.arbeitslogos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin-block-start: 48px;
  align-items: center; }

.arbeitslogos > img, .arbeitslogos > picture.d3w-bild > img {
  display: block;
  width: 100%;
  height: 100px;
  object-fit: contain;
  margin: 0; }

@media (min-width: 801px) {
  .arbeitslogos {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 801px) {
  .arbeitslogos {
    grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.arbeitsreferenzen {
  padding-block-end: 64px; }

.arbeitsreferenzen > .arbeitslogos {
  margin-block-start: 0; }

@media (min-width: 801px) {
  .arbeitsreferenzen {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px; }

  .arbeitsreferenzen > h2 {
    grid-column: 1;
    grid-row: 1;
    margin-block-start: 0; }

  .arbeitsreferenzen > .arbeitslogos {
    grid-column: 2 / -1;
    grid-row: 1; } }
.arbeitskarte[href$="/achtung-grenze"]::after {
  position: static;
  order: 4;
  align-self: flex-end;
  margin-block-start: calc(1lh - 16px); }

@media (min-width: 801px) {
  .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(3n + 2) {
    grid-column: 2; }

  .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(3n) {
    grid-column: 3; }

  .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(3n + 4) {
    grid-column: 4; } }
.veranstaltungshinweis__motiv {
  margin: 0 0 32px;
  min-width: 0; }

.veranstaltungshinweis__motiv img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

.veranstaltungshinweis__text {
  min-width: 0; }

@media (min-width: 801px) {
  .angebot-inhalt > .veranstaltungshinweis {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }

  .angebot-inhalt > .veranstaltungshinweis > .veranstaltungshinweis__motiv {
    grid-column: 1;
    margin: 0; }

  .angebot-inhalt > .veranstaltungshinweis > .veranstaltungshinweis__text {
    grid-column: 2; } }
@media (min-width: 600px) {
  .seiteninhalt .visform .kontaktfelder > .field11,
  .seiteninhalt .visform .kontaktfelder > .field19 {
    grid-column: span 3; } }
.veranstaltungshinweis__motiv {
  --veranstaltung-aussenrand: max(24px, calc((100vw - 1120px) / 2 + 24px));
  margin-inline-start: calc(-1 * var(--veranstaltung-aussenrand));
  width: auto; }

@media (min-width: 801px) {
  .veranstaltungshinweis__motiv {
    --veranstaltung-aussenrand: max(48px, calc((100vw - 1120px) / 2 + 48px)); } }
.angebot-inhalt > .veranstaltungshinweis > .veranstaltungshinweis__motiv {
  margin-inline-start: calc(-1 * var(--veranstaltung-aussenrand)); }

.veranstaltungsprogramm .programmpunkt {
  margin-block: 12px; }

body:not(.startseite) main .veranstaltungsseite .veranstaltungsprogramm .programmpunkt h3 {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  column-gap: 12px;
  margin: 0; }

.veranstaltungsprogramm .programmpunkt p {
  margin: 2px 0 0 0;
  padding-inline-start: calc(7.5rem + 12px); }

.veranstaltung-anmeldung {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 48px; }

.veranstaltung-anmeldung > div {
  min-width: 0; }

.veranstaltungsseite .essay-zitat--links {
  margin-inline: 0 auto;
  padding-inline: 0 24px; }

.veranstaltungsseite .essay-zitat--rechts {
  margin-inline: auto 0; }

.veranstaltungsseite .essay > section > :last-child {
  margin-block-end: 0; }

.veranstaltungsseite .essay > section + section > h2:first-child {
  margin-block-start: 24px; }

@media (min-width: 1200px) {
  body:not(.startseite) main .veranstaltungsseite > div.essay {
    display: block;
    max-width: 1440px;
    padding-inline: 48px; }

  .veranstaltungsseite .essay > section {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
    column-gap: 32px;
    align-items: start; }

  .veranstaltungsseite .essay > section > * {
    grid-column: 2;
    min-width: 0; }

  .veranstaltungsseite .essay > section > .essay-zitat {
    position: absolute;
    inset-block-start: 24px;
    inset-inline: 0;
    grid-column: 3 / 4;
    margin: 0;
    width: auto;
    max-width: none;
    padding-inline-start: 24px; }

  .veranstaltungsseite .essay > section > .essay-zitat--links {
    grid-column: 1 / 2;
    padding-inline: 0 24px; } }
.veranstaltungsseite > #anmeldung {
  max-width: 1120px;
  margin: 64px auto;
  padding-inline: 24px; }

.veranstaltungsseite > #anmeldung > h2 {
  margin: 0 0 32px; }

.seiteninhalt .veranstaltung-anmeldung .visforms,
.seiteninhalt .veranstaltung-anmeldung .visform {
  margin: 0;
  max-width: none; }

@media (min-width: 801px) {
  .veranstaltungsseite > #anmeldung {
    padding-inline: 48px; }

  .veranstaltung-anmeldung {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 64px; } }
@media (max-width: 480px) {
  body:not(.startseite) main .veranstaltungsseite .veranstaltungsprogramm .programmpunkt h3 {
    grid-template-columns: 6.5rem minmax(0, 1fr);
    column-gap: 8px; }

  .veranstaltungsprogramm .programmpunkt p {
    padding-inline-start: calc(6.5rem + 8px); } }
.kopfbereich {
  background-color: #fcf8ef; }

.startseite .kopfbereich {
  background-color: transparent; }

.kopfbereich.auf-dunkel .markenlink,
.kopfbereich.auf-dunkel .menueschalter {
  color: #ffffff; }

.kopfbereich.auf-foto .markenlink,
.kopfbereich.auf-foto .menueschalter {
  color: #ffffff; }

.sprunglink {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 24px;
  transform: translateY(-150%);
  z-index: 40;
  padding: 16px 24px;
  color: #ffffff;
  background: #3a2f26; }

.sprunglink:focus {
  transform: translateY(0); }

a {
  color: inherit;
  text-decoration: none; }

a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #3a2f26;
  outline-offset: 4px; }

.markenlink {
  color: #3a2f26;
  text-decoration: none; }

.kopfbereich.auf-dunkel .markenlink:focus-visible,
.kopfbereich.auf-dunkel .menueschalter:focus-visible {
  outline-color: #ffffff; }

.hauptnavigation ul, .seitenfuss ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.hauptnavigation a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  text-decoration: none; }

.hauptnavigation a:hover, .hauptnavigation .current > a,
.hauptnavigation a[aria-current='page'] {
  color: #645743; }

.hauptnavigation .mod-menu__toggle-sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 48px;
  padding: 4px;
  border: 0;
  background: transparent;
  color: #3a2f26;
  cursor: pointer; }

.hauptnavigation .icon-chevron-down::before {
  content: '+'; }

.hauptnavigation .mod-menu__sub[aria-hidden='true'] {
  display: none; }

.hauptnavigation .mod-menu__sub[aria-hidden='false'] {
  display: block; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0; }

.hauptnavigation .mod-menu__sub {
  padding: 8px 24px;
  background: #f7f6f2;
  color: #3a2f26; }

.hauptnavigation .mod-menu__sub a {
  display: flex;
  width: 100%;
  min-height: 48px;
  padding-block: 8px; }

.hauptnavigation .mod-menu__sub a:hover {
  background: rgba(177, 161, 120, 0.12); }

.seitenfuss ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px; }

.seitenfuss a {
  display: inline-flex;
  align-items: center;
  min-height: 48px; }

.menueschalter {
  display: none;
  min-width: 48px;
  min-height: 48px;
  padding: 12px;
  border: 0;
  background: transparent;
  color: #3a2f26;
  cursor: pointer; }

.menueschalter__zeichen, .menueschalter__zeichen::before {
  display: block;
  width: 24px;
  height: 2px;
  background: currentColor; }

.menueschalter__zeichen {
  position: relative; }

.menueschalter__zeichen::before {
  content: '';
  position: absolute;
  top: -8px; }

.menueschalter[aria-expanded='true'] .menueschalter__zeichen {
  transform: rotate(45deg); }

.menueschalter[aria-expanded='true'] .menueschalter__zeichen::before {
  top: 0;
  transform: rotate(90deg); }

.menue-rechtliches {
  margin-block-start: 24px; }

.js .menueschalter {
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.js .hauptnavigation {
  display: none;
  position: absolute;
  inset-inline: 24px;
  inset-block-start: 100%;
  z-index: 10;
  padding: 24px;
  background: #fffef9;
  border: 1px solid #d4cbb5;
  max-height: calc(100dvh - 80px);
  overflow-y: auto; }

.js .hauptnavigation.ist-offen {
  display: block; }

.hauptnavigation > ul > li + li {
  margin-block-start: 16px; }

@media (min-width: 801px) {
  .kopfbereich.auf-dunkel .hauptnavigation,
  .kopfbereich.auf-dunkel .hauptnavigation .mod-menu__toggle-sub,
  .kopfbereich.auf-projekt .hauptnavigation,
  .kopfbereich.auf-projekt .hauptnavigation .mod-menu__toggle-sub,
  .kopfbereich.auf-projekt .menueschalter {
    color: #ffffff; }

  .kopfbereich .hauptnavigation .mod-menu__sub {
    color: #3a2f26; }

  .hauptnavigation {
    margin-inline-start: auto; }

  .js .hauptnavigation {
    display: block;
    position: static;
    padding: 0;
    border: 0;
    max-height: none;
    overflow: visible;
    background: transparent; }

  .hauptnavigation > .mod-menu {
    display: flex;
    align-items: center;
    gap: 24px; }

  .hauptnavigation > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0; }

  .hauptnavigation > ul > li + li {
    margin-block-start: 0; }

  .hauptnavigation .mod-menu__sub {
    display: none;
    position: absolute;
    width: 288px;
    z-index: 11;
    inset-block-start: 100%;
    inset-inline-start: 0;
    padding: 16px;
    background: #f7f6f2;
    border: 0;
    box-shadow: 0 16px 40px rgba(58, 47, 38, 0.12); }

  .hauptnavigation .mod-menu__sub a {
    padding-inline: 16px; }

  .hauptnavigation .mod-menu__sub.show-menu {
    display: block; }

  .menue-rechtliches {
    display: none; }

  .hauptnavigation.ist-offen .menue-rechtliches {
    display: flex;
    gap: 24px; } }
@media (min-width: 801px) {
  .projektseite .kopfbereich.ueber-projektbild {
    background: transparent; }

  .projektseite .ueber-projektbild .hauptnavigation > .mod-menu > li > a,
  .projektseite .ueber-projektbild .hauptnavigation > ul > li > a,
  .projektseite .ueber-projektbild .hauptnavigation .mod-menu__toggle-sub,
  .projektseite .ueber-projektbild .menueschalter {
    color: #fffef9; } }
@media (max-width: 800px) {
  .js .hauptnavigation {
    max-height: calc(100dvh - 80px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); } }
.impuls-seitennavigation {
  padding: 32px 24px 64px; }
  .impuls-seitennavigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none; }
  .impuls-seitennavigation .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 8px; }
  .impuls-seitennavigation a {
    color: #3a2f26;
    text-decoration: none; }
  .impuls-seitennavigation .active > a, .impuls-seitennavigation .active > span, .impuls-seitennavigation [aria-current="page"] {
    border-bottom: 1px solid #3a2f26; }
  .impuls-seitennavigation .disabled {
    display: none; }
  .impuls-seitennavigation .icon-angle-right::before {
    content: ''; }
  .impuls-seitennavigation .icon-angle-left::before {
    content: ''; }
  .impuls-seitennavigation .icon-angle-double-right::before {
    content: ''; }
  .impuls-seitennavigation .icon-angle-double-left::before {
    content: ''; }
  .impuls-seitennavigation a:hover {
    background: #d4cbb5; }
  .impuls-seitennavigation a:focus-visible {
    outline: 2px solid #3a2f26;
    outline-offset: 4px; }

.menueschalter__zeichen {
  transform: translateY(4px); }

.menueschalter[aria-expanded='true'] .menueschalter__zeichen {
  transform: rotate(45deg); }

@media (min-width: 801px) {
  .js .hauptnavigation {
    position: relative; }

  .hauptnavigation.ist-offen .menue-rechtliches {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-end: 0;
    margin: 0;
    padding: 16px 24px;
    background: #fffef9;
    color: #3a2f26;
    white-space: nowrap;
    border: 1px solid #d4cbb5;
    z-index: 12; }

  .hauptnavigation.ist-offen .menue-rechtliches a {
    color: #3a2f26; } }
@media (max-width: 800px) {
  .js .hauptnavigation {
    inset-inline: 0;
    padding: 24px 24px 32px;
    border: 0;
    box-shadow: none;
    background: #fcf8ef;
    color: #3a2f26; }

  .hauptnavigation > .mod-menu > li + li {
    margin-block-start: 0; }

  .hauptnavigation > .mod-menu > li {
    min-height: 48px; }

  .hauptnavigation .menue-rechtliches {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-block-start: 24px;
    padding-block-start: 8px; }

  .hauptnavigation .menue-rechtliches > li + li {
    margin-block-start: 0; }

  .hauptnavigation .mod-menu__sub {
    padding-block: 8px;
    background: transparent; } }
@media (min-width: 801px) {
  .hauptnavigation.ist-offen .menue-rechtliches {
    border: 0; }

  .hauptnavigation .mod-menu__sub {
    box-shadow: none; } }
@media (min-width: 801px) {
  .menueschalter {
    margin-inline-start: 24px; } }
@media (max-width: 800px) {
  .js .hauptnavigation.ist-offen {
    min-height: calc(100dvh - 80px - env(safe-area-inset-top, 0px)); } }
.startseite .mod-custom {
  --startmotiv: var(--startmotiv-desktop, none); }

@media (max-width: 800px) {
  .startseite .mod-custom {
    --startmotiv: var(--startmotiv-mobil, none); } }
.startseite .bereich-auftakt {
  position: relative;
  isolation: isolate;
  background-color: #fcf8ef; }

.startseite .bereich-auftakt > .mod-custom::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #76684f;
  filter: blur(12px);
  opacity: 0.1;
  mask-image: var(--startmotiv, none), linear-gradient(transparent, #000 12%, #000 84%, transparent), linear-gradient(to right, transparent, #000 15%, #000 92%, transparent);
  mask-size: cover, 100% 100%, 100% 100%;
  mask-position: right center;
  mask-repeat: no-repeat;
  mask-composite: intersect; }

.startseite .seiteninhalt > [class^='bereich-'] {
  position: relative;
  isolation: isolate; }

.startseite .seiteninhalt > :where([class^='bereich-']) > .mod-custom::before,
.startseite .startseiten-motivbuehne > .mod-custom::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.startseite .bereich-einstieg {
  background-color: #d4cbb5; }

.startseite .bereich-einstieg > .mod-custom::before {
  background-image: linear-gradient(to right, #d4cbb5 0%, #d4cbb5 24%, rgba(212, 203, 181, 0.94) 38%, rgba(212, 203, 181, 0.64) 54%, rgba(212, 203, 181, 0.18) 76%, rgba(212, 203, 181, 0) 100%), var(--startmotiv, none);
  background-position: center, right center;
  background-size: cover; }

.startseite .bereich-gestaltung {
  position: relative;
  isolation: isolate;
  color: #fffef9;
  background-color: #3a2f26; }

.startseite .bereich-gestaltung > .mod-custom::before {
  background-image: var(--startmotiv, none); }

.startseite .bereich-veraenderung {
  background-color: #fffef9; }

.startseite .bereich-veraenderung > .mod-custom::before {
  background-image: var(--startmotiv, none);
  background-position: right center; }

.startseite .bereich-arbeit {
  position: relative;
  isolation: isolate;
  background-color: #fffef9; }

.startseite .bereich-arbeit > .mod-custom::before {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline: 42% 0;
  z-index: -1;
  background-image: var(--startmotiv, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.startseite .bereich-kontakt {
  position: relative;
  isolation: isolate;
  background-color: #d4cbb5; }

.startseite .bereich-kontakt > .mod-custom::before {
  background-image: var(--startmotiv, none); }

@media (max-width: 800px) {
  .startseite .bereich-einstieg > .mod-custom::before {
    background-image: linear-gradient(rgba(212, 203, 181, 0.64), rgba(212, 203, 181, 0.64)), var(--startmotiv, none); }

  .startseite .seiteninhalt > .bereich-arbeit {
    padding-block-end: 344px; }

  .startseite .bereich-arbeit > .mod-custom::before {
    inset-inline: 0;
    inset-block: auto 0;
    height: 280px; }

  .startseite .seiteninhalt > .bereich-kontakt {
    background-image: none;
    padding-block-end: 344px; }

  .startseite .bereich-kontakt > .mod-custom::before {
    content: '';
    position: absolute;
    inset-inline: 0;
    inset-block: auto 0;
    height: 280px;
    z-index: -1;
    background: var(--startmotiv, none) center/cover no-repeat; } }
@media (min-width: 801px) {
  .startseite .bereich-auftakt > .mod-custom::before {
    opacity: 0.14; } }
.portfolio-auftakt, .projekt-auftakt {
  background: #fcf8ef; }

.projektkarte__platzhalter {
  background: #d4cbb5;
  color: #3a2f26; }

.projektkarte:nth-child(3) .projektkarte__platzhalter {
  background: #f7f6f2; }

.projektkarte:nth-child(4) .projektkarte__platzhalter {
  background: #e3acb4; }

.projektkarte:focus-visible, .projekt-kapitelnavigation a:focus-visible, .projekt-abschluss a:focus-visible {
  outline: 2px solid #3a2f26;
  outline-offset: 6px; }

.projektkarte:hover h3 {
  color: #645743; }

.projekt-kapitelnavigation, .projekt-abschluss {
  border-block: 1px solid #d4cbb5; }

.projekt-abschnitt + .projekt-abschnitt {
  border-top: 1px solid #d4cbb5; }

.projekt-auftakt figcaption {
  background: #3a2f26;
  color: #fffef9; }

.projekt-bilder figure:nth-child(1) img {
  object-position: 80% center; }

.projekt-bilder figure:nth-child(2) img {
  object-position: 15% center; }

.projekt-bilder figure:nth-child(3) img {
  object-position: right center; }

@media (min-width: 801px) {
  .projekt-auftakt > figure::after {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 160px;
    background: linear-gradient(rgba(58, 47, 38, 0.72), rgba(58, 47, 38, 0));
    pointer-events: none; } }
.projekt-signatur, .projekt-detailtafel {
  background: #d4cbb5; }

.projekt--aycash .projekt-signatur, .projekt--aycash .projekt-detailtafel {
  background: #3a2f26;
  color: #fffef9; }

.projekt--myfest .projekt-signatur, .projekt--myfest .projekt-detailtafel {
  background: #e3acb4; }

.projekt-weiter {
  border-top: 1px solid #d4cbb5; }

.projekt-dokument, .projektkarte__bild--dokument {
  background-color: #f7f6f2; }

.projekt .projekt-medien {
  background: transparent;
  color: #3a2f26; }

.projekt-bilder--original img {
  object-fit: contain;
  background: #f7f6f2; }

.projekt-auftakt > .projekt-dokument::after {
  display: none; }

.peb-material {
  background: linear-gradient(135deg, #f7f6f2, #d4cbb5); }

.peb-material img {
  background: #ffffff;
  border: 6px solid #ffffff;
  box-shadow: 0 20px 48px rgba(58, 47, 38, 0.18); }

.peb-entwicklung {
  border-block: 1px solid #d4cbb5; }

.zwischenraumseite, .arbeitsseite {
  background: #fcf8ef; }

.redaktion-hinweis {
  border-inline-start: 1px solid #b1a178; }

.impulskarte, .arbeitsseite .projektkarte {
  border-block-start: 1px solid #d4cbb5; }

.impulskarte:hover h2 {
  color: #76684f; }

.essay-zitat {
  border-inline-start: 1px solid #b1a178; }

.veranstaltungsseite .essay-zitat--links {
  border-inline-start: 0;
  border-inline-end: 1px solid #b1a178; }

.veraenderungsseite, .angebot-auftakt {
  background: #fcf8ef; }

.angebot-leittext, .redaktion-leittext {
  border-inline-start: 1px solid #b1a178; }

.angebotsweg {
  border-block-start: 1px solid #d4cbb5; }

.angebotsweg:hover h2 {
  color: #76684f; }

.angebot-abschluss {
  border-block-start: 1px solid #d4cbb5; }

.startseite.hat-motivbuehne .seiteninhalt > [class^='bereich-'] {
  background: transparent; }

.startseite.hat-motivbuehne .seiteninhalt > [class^='bereich-'] > .mod-custom::before {
  display: none; }

.projektkarte__komposition--peb {
  background: #f7f6f2; }

.projektkarte__komposition--peb img {
  box-shadow: 0 20px 48px rgba(58, 47, 38, 0.18); }

.bildplatzhalter {
  background: #d4cbb5; }

.bildplatzhalter::before {
  background: rgba(58, 47, 38, 0.18); }

.bildplatzhalter::after {
  border: 1px solid rgba(58, 47, 38, 0.12); }

.seitenfuss {
  background: #ffffff;
  color: #3a2f26; }

.terminarchiv {
  border-block: 1px solid #d4cbb5; }

.terminarchiv summary:focus-visible {
  outline: 2px solid #3a2f26;
  outline-offset: 4px; }

.redaktion-auftakt .redaktion-hinweis {
  border-inline-start: 0; }

.persoenlich__auftakt .einleitung,
.projekt-auftakt__text > .einleitung + p {
  border-inline-start: 1px solid #b1a178; }

.referenz-kapitel {
  border-block: 1px solid #d4cbb5; }

.referenz .referenz-hauptmotiv::after {
  display: none; }

.referenz .projekt-fakten {
  border-block-start: 1px solid #d4cbb5; }

@media (min-width: 801px) {
  .referenz-kapitel a + a {
    border-inline-start: 1px solid #d4cbb5;
    padding-inline-start: 24px; } }
.seiteninhalt .visform input:not([type='hidden']):not([type='submit']),
.seiteninhalt .visform textarea {
  background: #ffffff;
  border: 1px solid #d4cbb5;
  color: #3a2f26;
  box-shadow: none; }

.seiteninhalt .visform input[type='submit'] {
  background: #3a2f26;
  color: #ffffff;
  border: 1px solid #3a2f26; }

.seiteninhalt .visform .error {
  color: #3a2f26; }

@media (max-width: 800px) {
  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-arbeit > .mod-custom::before,
  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    inset: 0;
    height: auto;
    background-size: cover; }

  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-arbeit > .mod-custom::before {
    background-color: #b8b2a9;
    background-blend-mode: screen; } }
.seiteninhalt .visform .asterix-ancor::after, .seiteninhalt .visform .vis_mandatory, .seiteninhalt .visform .required, .seiteninhalt .visform label {
  color: #3a2f26; }

.seiteninhalt .visform input[type='submit']:hover {
  background: #d4cbb5;
  color: #3a2f26;
  border-color: #d4cbb5; }

.seiteninhalt form.visform div.required .asterix-ancor::after, .seiteninhalt form.visform .vis_mandatory {
  color: #3a2f26 !important; }

.arbeitsarchiv > a {
  border-block-start: 1px solid #d4cbb5; }

.seiteninhalt form.visform .vis_mandatory {
  color: #76684f !important; }

.seiteninhalt .visform input[type='checkbox'] {
  accent-color: #3a2f26; }

.seiteninhalt .visform input:not([type='hidden']):not([type='submit']):not([type='checkbox']),
.seiteninhalt .visform textarea {
  border: 0;
  box-shadow: none; }

.seiteninhalt .visform .visfield-container:not([data-container-field-type='checkbox']) label {
  color: #76684f; }

.seiteninhalt .visform .visfield-container label.error {
  color: #3a2f26; }

.kontaktmarke {
  margin-block-end: 24px; }

.zwischenraeume-abschluss {
  border-block-start: 1px solid #d4cbb5; }

.rueckblick-zitat {
  border-inline-start: 1px solid #b1a178; }

.rueckblick-zitat--links {
  border-inline-start: 0;
  border-inline-end: 1px solid #b1a178; }

.essay-weiter a {
  border-block-start: 1px solid #d4cbb5;
  color: #3a2f26;
  text-decoration: none; }

.essay-weiter a:hover {
  color: #76684f; }

.osmap-sitemap .level_0 > li {
  border-block-start: 1px solid #d4cbb5; }

.osmap-sitemap .osmap-items > .level_0 + .level_0 {
  border-block-start: 1px solid #d4cbb5; }

.osmap-sitemap .osmap-items > .level_0 + .level_0 > li {
  border: 0; }

.osmap-sitemap a {
  color: #3a2f26;
  text-decoration: none; }

.osmap-sitemap a:hover {
  color: #76684f; }

.osmap-sitemap a:focus-visible {
  outline: 1px solid #3a2f26;
  outline-offset: 4px; }

.kontaktmarke img {
  display: block;
  height: auto;
  margin: 0 0 8px; }

.kontaktmarke span {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #3a2f26; }

.projekt-auftakt__text > .einleitung.redaktion-leittext + p {
  border-inline-start: 0; }

body:not(.startseite) main .projekt-auftakt__text > .einleitung {
  border-inline-start: 1px solid #b1a178; }

body:not(.startseite) main .projekt-auftakt__text > .einleitung + p {
  border-inline-start: 0; }

.arbeitslogos img {
  background-color: #ffffff;
  border: 1px solid #d4cbb5;
  border-radius: 12px;
  filter: grayscale(1);
  transition: filter 180ms ease; }

.arbeitslogos img:hover {
  filter: grayscale(0); }

@media (prefers-reduced-motion: reduce) {
  .arbeitslogos img {
    transition: none; } }
.d3w-pfeil {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../images/pfeile/ost.svg") center/contain no-repeat;
  mask: url("../images/pfeile/ost.svg") center/contain no-repeat; }

.d3w-pfeil--ost {
  -webkit-mask-image: url("../images/pfeile/ost.svg");
  mask-image: url("../images/pfeile/ost.svg"); }

.d3w-pfeil--suedost {
  -webkit-mask-image: url("../images/pfeile/suedost.svg");
  mask-image: url("../images/pfeile/suedost.svg"); }

.d3w-pfeil--sued {
  -webkit-mask-image: url("../images/pfeile/sued.svg");
  mask-image: url("../images/pfeile/sued.svg"); }

.d3w-pfeil--suedwest {
  -webkit-mask-image: url("../images/pfeile/suedwest.svg");
  mask-image: url("../images/pfeile/suedwest.svg"); }

.d3w-pfeil--west {
  -webkit-mask-image: url("../images/pfeile/west.svg");
  mask-image: url("../images/pfeile/west.svg"); }

.d3w-pfeil--nordwest {
  -webkit-mask-image: url("../images/pfeile/nordwest.svg");
  mask-image: url("../images/pfeile/nordwest.svg"); }

.d3w-pfeil--nord {
  -webkit-mask-image: url("../images/pfeile/nord.svg");
  mask-image: url("../images/pfeile/nord.svg"); }

.d3w-pfeil--nordost {
  -webkit-mask-image: url("../images/pfeile/nordost.svg");
  mask-image: url("../images/pfeile/nordost.svg"); }

.textverweis > .d3w-pfeil, .rueckverweis > .d3w-pfeil,
.essay-weiter .d3w-pfeil {
  margin-inline: 6px; }

.impuls-sprung > .d3w-pfeil {
  margin-inline: 0; }

.arbeitskarte::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../images/pfeile/ost.svg") center/contain no-repeat;
  mask: url("../images/pfeile/ost.svg") center/contain no-repeat; }

.impuls-seitennavigation .icon-angle-right::before, .impuls-seitennavigation .icon-angle-double-right::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../images/pfeile/ost.svg") center/contain no-repeat;
  mask: url("../images/pfeile/ost.svg") center/contain no-repeat; }
.impuls-seitennavigation .icon-angle-left::before, .impuls-seitennavigation .icon-angle-double-left::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../images/pfeile/west.svg") center/contain no-repeat;
  mask: url("../images/pfeile/west.svg") center/contain no-repeat; }

body:not(.startseite) main a[href*="/kontakt"] .d3w-pfeil,
body:not(.startseite) main a[href^="mailto:"] .d3w-pfeil {
  -webkit-mask-image: url("../images/pfeile/nordost.svg");
  mask-image: url("../images/pfeile/nordost.svg"); }

main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'],
main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'],
main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
  margin: 24px 0; }
  main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'], main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover, main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'], main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']:hover,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'],
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'],
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']:hover,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'],
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'],
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']:hover {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    margin: 0;
    padding: 16px 0;
    border: 0;
    border-top: 1px solid #b1a178;
    border-radius: 0;
    background: transparent;
    color: #3a2f26;
    text-align: left;
    box-shadow: none; }
  main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'],
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'],
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'] {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.35;
    text-decoration: none; }
  main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']::after,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']::after,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']::after {
    content: '';
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask: url("../images/pfeile/sued.svg") center/contain no-repeat;
    mask: url("../images/pfeile/sued.svg") center/contain no-repeat; }
  main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']::after,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']::after,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']::after {
    transform: rotate(180deg); }
  main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus, main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus-visible, main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][data-rlta-focus='true']:focus,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus-visible,
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][data-rlta-focus='true']:focus,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus-visible,
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][data-rlta-focus='true']:focus {
    outline: none;
    box-shadow: none; }
  main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'],
  main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'],
  main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] {
    border: 0;
    border-radius: 0;
    background: transparent; }
    main .rechtstext [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'],
    main .angebote [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'],
    main .veranstaltungsseite [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] {
      padding: 4px 0 24px; }

body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']),
body:not(.startseite) main .veranstaltungsseite .essay {
  max-width: 1064px; }
  body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) > h1,
  body:not(.startseite) main .veranstaltungsseite .essay > h1 {
    margin-block: 0 32px;
    font-size: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
    font-weight: 200;
    line-height: 1.1;
    letter-spacing: -0.025em; }
  body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) > p:first-of-type,
  body:not(.startseite) main .veranstaltungsseite .essay > p:first-of-type {
    max-width: 58ch;
    margin-block-end: 48px;
    font-size: clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem);
    font-weight: 200;
    line-height: 1.4; }
  body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'],
  body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
    margin-block: 0 48px;
    border-bottom: 1px solid #b1a178; }
    body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'], body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover, body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'], body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']:hover,
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'],
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover,
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'],
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true']:hover {
      padding: 24px 0; }
    body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'],
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'] {
      font-size: clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem); }
    body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'],
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'] {
      color: #76684f; }
    body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover > [data-rlta-element='heading'],
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover > [data-rlta-element='heading'] {
      text-decoration: none; }
    body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'],
    body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] {
      max-width: 65ch;
      padding: 0 0 32px;
      line-height: 1.55; }
      body:not(.startseite) main .rechtstext:has([data-rlta-type='accordions']) [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] p:last-child,
      body:not(.startseite) main .veranstaltungsseite .essay [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] p:last-child {
        margin-block-end: 0; }

@media print {
  main [data-rlta-element='panel'][hidden] {
    display: block !important;
    height: auto !important;
    overflow: visible !important; } }
html.abschnittsrollen {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scroll-padding-block-start: 0;
  overscroll-behavior-y: none; }

html.abschnittsrollen.d3w-bewegung-reduziert {
  scroll-behavior: auto; }

@media (prefers-reduced-motion: reduce) {
  html.abschnittsrollen {
    scroll-behavior: auto; } }
.abschnittsweise-navigation .seiteninhalt > [class^='bereich-'] {
  position: relative;
  min-height: 100svh;
  min-height: 100dvh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  align-items: center;
  padding-block-start: calc(128px + env(safe-area-inset-top, 0px));
  padding-block-end: calc(96px + env(safe-area-inset-bottom, 0px)); }

.abschnittsweise-navigation .startabschnitt {
  width: 100%; }

.abschnittsweise-navigation .seiteninhalt > [class^='bereich-'] > .mod-custom {
  width: 100%; }

.abschnittsweise-navigation .startabschnitt--auftakt {
  padding-block: 0; }

.abschnittspfeil {
  position: absolute;
  inset-inline-end: 24px;
  inset-block-end: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  color: #3a2f26; }

.bereich-gestaltung .abschnittspfeil {
  color: #ffffff; }

.bereich-arbeit .abschnittspfeil {
  color: #ffffff; }

.scrollhinweis {
  position: absolute;
  inset-inline-start: 24px;
  inset-block-end: 24px;
  color: #3a2f26;
  font-size: 0.875rem;
  line-height: 1.45;
  pointer-events: none; }

.scrollhinweis::before {
  content: '';
  display: block;
  width: 1px;
  height: 32px;
  margin-block-end: 8px;
  background-color: currentColor; }

.bereich-gestaltung .scrollhinweis {
  color: #ffffff; }

.abschnittspfeil span[aria-hidden] {
  position: relative;
  display: block;
  width: 1px;
  height: 32px;
  background-color: currentColor;
  font-size: 0;
  line-height: 0; }

.abschnittspfeil span[aria-hidden]::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  inset-inline-start: 50%;
  inset-block-end: 1px;
  border-inline-end: 1px solid currentColor;
  border-block-end: 1px solid currentColor;
  transform: translateX(-50%) rotate(45deg); }

.abschnittspfeil--aufwaerts span[aria-hidden] {
  transform: rotate(180deg); }

.abschnittspfeil:focus-visible {
  outline-color: currentColor; }

.abschnittsweise-navigation .seitenfuss {
  scroll-snap-align: end; }

@media (max-width: 800px) {
  .abschnittsweise-navigation .seiteninhalt > .bereich-kontakt {
    padding-block-end: 360px; }

  .bereich-kontakt .abschnittspfeil, .bereich-kontakt .scrollhinweis {
    color: #ffffff; } }
@media (min-width: 801px) {
  .abschnittsweise-navigation .seiteninhalt > [class^='bereich-'] {
    padding-block-start: clamp(176px, 25svh, 280px);
    align-items: flex-start; }

  .abschnittsweise-navigation .seiteninhalt > .bereich-auftakt {
    padding-block-start: clamp(224px, 37svh, 400px); }

  .abschnittspfeil {
    inset-inline-end: clamp(48px, 7vw, 112px); }

  .scrollhinweis {
    inset-inline-start: clamp(48px, 7vw, 112px); } }
@media (max-width: 800px) {
  .abschnittsweise-navigation .seiteninhalt > .bereich-arbeit,
  .abschnittsweise-navigation .seiteninhalt > .bereich-kontakt {
    padding-block-end: calc(96px + env(safe-area-inset-bottom, 0px)); }

  .abschnittsweise-navigation .seiteninhalt > .bereich-arbeit,
  .abschnittsweise-navigation .seiteninhalt > .bereich-kontakt {
    align-items: flex-start;
    padding-block-start: calc(128px + env(safe-area-inset-top, 0px)); }

  .bereich-arbeit .abschnittspfeil,
  .bereich-kontakt .abschnittspfeil {
    color: #ffffff; }

  .bereich-arbeit .scrollhinweis,
  .bereich-kontakt .scrollhinweis {
    color: #ffffff; } }
@media (min-width: 801px) {
  .abschnittsweise-navigation .seiteninhalt > .bereich-einstieg,
  .abschnittsweise-navigation .seiteninhalt > .bereich-gestaltung,
  .abschnittsweise-navigation .seiteninhalt > .bereich-veraenderung,
  .abschnittsweise-navigation .seiteninhalt > .bereich-arbeit {
    padding-block-start: clamp(224px, 37svh, 400px); } }
body.d3w :focus,
body.d3w :focus-visible {
  outline: none !important;
  box-shadow: none !important; }

/*# sourceMappingURL=vorlage.css.map */