@charset "UTF-8";
.angebot-termintabelle th {
  font-weight: 400; }

body main form :is(label, input, textarea, select, button, .btn, .form-text, .vis_mandatory, .error),
body main .visform :is(label, input, textarea, select, button, .vis_mandatory, .error) {
  font-size: 16px; }

@media (min-width: 601px) {
  .startseite .startabschnitt .kapitelmarke {
    font-weight: 300; }

  .startseite .startabschnitt .kapitelmarke > span {
    font-weight: 400; }

  .startseite .auftakttitel .textakzent {
    color: #938564; }

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

  .startseite .startabschnitt--menschen .auftakttitel .aussage:first-child > .titelzeile:nth-child(n + 2) {
    color: #938564; }

  .startseite .startabschnitt--menschen .auftakttitel .aussage:last-child .textakzent {
    color: #d4cbb5; }

  .startseite .startabschnitt--menschen .textverweis {
    color: #d4cbb5; } }
@media (min-width: 601px) {
  .kopfbereich .hauptnavigation,
  .kopfbereich .hauptnavigation a,
  .kopfbereich .hauptnavigation .mod-menu__toggle-sub {
    font-weight: 300; } }
.startseite .startabschnitt--menschen .auftakttitel .aussage:first-child > .titelzeile:nth-child(n + 2),
.startseite .startabschnitt--menschen .auftakttitel .aussage:last-child .textakzent {
  color: #d4cbb5; }

.startseite .startabschnitt--menschen .textverweis {
  color: #d4cbb5; }

.startseite .auftakttitel .textakzent,
.startseite .startabschnitt--gestaltung .auftakttitel .textakzent,
.startseite .startabschnitt--projekt .auftakttitel .textakzent,
.startseite .startabschnitt--menschen .auftakttitel .aussage:first-child > .titelzeile:nth-child(n + 2),
.startseite .startabschnitt--menschen .auftakttitel .aussage:last-child .textakzent {
  color: #e5e0d3; }

body:not(.startseite) main.seiteninhalt .persoenlicher-raum__einladung > :is(.kapitelmarke, h1, .persoenlicher-raum__willkommen) {
  font-weight: 300; }

body:not(.startseite) main .visform,
body:not(.startseite) main .visform :is(label, input, textarea, select, button, .btn, .error, .vis_mandatory),
body:not(.startseite) main .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit),
body:not(.startseite) main .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) :is(label, input, button, .btn, dt, dd, .form-control-feedback, .form-text),
body:not(.startseite) main .persoenlicher-raum .com-users-login__options {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300; }

body:not(.startseite) main .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) input {
  line-height: 1.55; }

body:not(.startseite) main .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) label {
  line-height: 1.4; }

body:not(.startseite) main .visform .visfield-container[data-container-field-type='checkbox'] label,
body:not(.startseite) main .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .form-check label {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5; }

body:not(.startseite) main .visform input[type='submit'],
body:not(.startseite) main .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .btn {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .02em;
  text-transform: none; }

body:not(.startseite) main.seiteninhalt .visform .visfield-container:not([data-container-field-type='checkbox']):not([data-container-field-type='radio']) label:not(.error),
body:not(.startseite) main.seiteninhalt :is(.com-users-login, .profile-edit, .com-users-reset, .com-users-remind) .control-label label,
body:not(.startseite) main.seiteninhalt .persoenlicher-raum .com-users-profile dt {
  font-size: 14px; }

body:not(.startseite) main.seiteninhalt .persoenlicher-raum :is(.form-text, .passwort-regeln, .password-rules),
body:not(.startseite) main.seiteninhalt .persoenlicher-raum :is(.form-text, .passwort-regeln, .password-rules) * {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit .controls > [id$='-rules'],
body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit .controls > [id$='-rules'] * {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5; }

body:not(.startseite) main.seiteninhalt .visform .visfield-container[data-container-field-type='checkbox'] label,
body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit #jform_username-desc,
body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit #jform_username-desc .form-text {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5; }

body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit #jform_username-desc,
body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit #jform_username-desc .form-text {
  font-size: 14px;
  line-height: 22px; }

body:not(.startseite) main.seiteninhalt .persoenlicher-raum .profile-edit .password-group output[id^='password-'] {
  font-size: 14px;
  line-height: 22px; }

body:not(.startseite) main.seiteninhalt :is(.projekt-fakten p, .projekt-abschluss a) {
  font-size: 1rem;
  font-weight: 300; }

.referenz-fotoquellen {
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 300; }

body:not(.startseite) main {
  hyphens: none; }

body:not(.startseite) main p {
  hyphens: auto; }

body:not(.startseite) main :is(h1, h2, h3, h4, a, button, label, figcaption,
.projekt-fakten, .projekt-detailtafel, .referenz-fotoquellen,
.referenz-kapitel, .projekt-kapitelnavigation, .projekt-abschluss,
blockquote, .essay-zitat, .rueckblick-zitat),
body:not(.startseite) main :is(.projekt-fakten, .projekt-detailtafel, .referenz-fotoquellen,
.referenz-kapitel, .projekt-kapitelnavigation, blockquote, .essay-zitat, .rueckblick-zitat) * {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal; }

body:not(.startseite) main.seiteninhalt .projekt-fakten p.projekt-fakten__label {
  font-size: 0.875rem;
  line-height: 1.45; }

.angebot-einstieg--zitat h2 .veraenderung-aussage {
  display: block;
  text-wrap: balance; }

.startseite #auftakt-titel .textakzent {
  color: #76684f; }

#system-message-container joomla-alert {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.55;
  --jui-alert-success-color: #3a2f26;
  --jui-alert-success-link-color: #3a2f26;
  --jui-alert-info-color: #3a2f26;
  --jui-alert-info-link-color: #3a2f26;
  --jui-alert-warning-color: #3a2f26;
  --jui-alert-warning-link-color: #3a2f26;
  --jui-alert-danger-color: #3a2f26;
  --jui-alert-danger-link-color: #3a2f26; }
  #system-message-container joomla-alert .joomla-alert--close {
    font-weight: 300; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header button, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceListBox .mceText, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceStatusbar {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #3a2f26; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceButton {
  color: #3a2f26; }

.inhaltseditor #modules-form .btn {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 16px;
  font-weight: 400; }
.inhaltseditor #modules-form [data-submit-task='modules.apply'], .inhaltseditor #modules-form [data-submit-task='modules.save'] {
  color: #ffffff; }
.inhaltseditor #modules-form .btn:hover {
  color: #3a2f26; }

@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200 900;
  font-display: block;
  src: url(../fonts/SourceSans3/SourceSans3-latin-ext-italic-Variable.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200 900;
  font-display: block;
  src: url(../fonts/SourceSans3/SourceSans3-latin-italic-Variable.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: block;
  src: url(../fonts/SourceSans3/SourceSans3-latin-ext-normal-Variable.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: block;
  src: url(../fonts/SourceSans3/SourceSans3-latin-normal-Variable.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.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 .sitemap-kurztext {
  font-size: 1rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.4;
  color: #3a2f26; }

.osmap-sitemap li ul a {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.55; }

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

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

body {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 1.0625rem;
  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; }

.seitenfuss, .scrollhinweis {
  font-weight: 300; }

.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 .d3w-raster__inhalt > p,
.startabschnitt .einleitung {
  font-weight: 300; }

.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 {
  font-size: clamp(2.875rem, calc(2.033035rem + 3.641117vw), 5.5rem);
  line-height: 1.05; }

@media (max-width: 600px) {
  .startabschnitt .kapitelmarke {
    font-weight: 300; }

  .startseite .startabschnitt .kapitelmarke > span {
    font-weight: 400; } }
.startabschnitt .textverweis {
  font-size: 1rem;
  font-weight: 300; }

.textakzent {
  color: #76684f; }

.startseite .startabschnitt--menschen .kapitelmarke {
  color: #d4cbb5; }

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

@media (max-width: 600px) {
  .startseite .auftakttitel .textakzent {
    color: #938564; }

  .startseite .startabschnitt--gestaltung .auftakttitel .textakzent,
  .startseite .startabschnitt--projekt .auftakttitel .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 {
  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: normal;
  hyphens: none; }

.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: 1.0625rem; }

.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: break-word;
  hyphens: none; }

.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: 601px) {
  .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", Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.55;
  font-weight: 300; }

.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: 300; }

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

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

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

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

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; }

:is(.rueckblick-zitat--links, .essay-zitat--links, .essay-zitat--linie-rechts) {
  text-align: right; }

.referenz-einblick .essay-zitat,
.angebot-inhalt > .essay-zitat {
  text-align: right; }

.essay-zitat--rechtsbuendig {
  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-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: 1.0625rem; }

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: 16px;
  font-weight: 300; }

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(.angebot-leittext,.redaktion-leittext,.einleitung) > p {
  font: inherit;
  margin: 0; }

body:not(.startseite) main#hauptinhalt :is(blockquote, .essay-einleitung, .essay-zitat, .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#hauptinhalt :is(blockquote, .essay-einleitung, .essay-zitat, .rueckblick-zitat) > p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit; }

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: 600px) {
  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 .veranstaltungsseite [data-rlta-element='panel'] h3 {
  font-size: 1.0625rem;
  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 :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) h1 .d3w-textzeile {
  display: inline; }
body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) label, body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input, body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) select, body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) textarea, body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn, body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dl {
  font: inherit;
  color: #3a2f26; }
body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) legend {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300; }
body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dt {
  font-weight: 600; }
body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn {
  color: #ffffff;
  text-decoration: none; }
body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn:hover, body:not(.startseite) main :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group .btn {
  color: #3a2f26; }

.seiteninhalt .icons a {
  font-size: 1.0625rem;
  color: #3a2f26;
  text-decoration: none; }

.seiteninhalt .icons [role='tooltip'] {
  font-size: 0.875rem;
  color: #ffffff; }

body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) .btn {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #3a2f26; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) .page-header h1 {
  font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
  font-weight: 300;
  line-height: 1.2; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) .page-header h1 .d3w-textzeile {
  display: inline; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) .control-label label {
  font-size: 0.875rem;
  font-weight: 400; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) #jform_title {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem);
  font-weight: 300;
  color: #3a2f26; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  color: #3a2f26; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) form > .d-grid [data-submit-task='article.apply'], body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) form > .d-grid [data-submit-task='article.save'] {
  color: #ffffff; }
body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn:hover {
  color: #3a2f26; }

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: 601px) {
  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: 601px) {
  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 li > ul {
  position: relative;
  margin-block-start: 0;
  margin-inline-start: -8px;
  padding-inline-start: 24px; }
  .osmap-sitemap li > ul::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 100%;
    height: calc(.5lh + 2px);
    border-inline-start: 1px solid #d4cbb5; }
  .osmap-sitemap li > ul > li {
    position: relative;
    margin: 0;
    padding-block: 3px; }
  .osmap-sitemap li > ul > li::before {
    content: '';
    position: absolute;
    inset-inline-start: -24px;
    inset-block-start: 0;
    inset-block-end: 0;
    border-inline-start: 1px solid #d4cbb5; }
  .osmap-sitemap li > ul > li:last-child::before {
    inset-block-end: auto;
    height: calc(5px + .5lh); }
  .osmap-sitemap li > ul > li::after {
    content: '';
    position: absolute;
    inset-inline-start: -24px;
    inset-block-start: calc(5px + .5lh);
    width: 16px;
    border-block-start: 1px solid #d4cbb5; }

.osmap-sitemap #osmap-li-uid-joomla-article-1 > ul {
  margin-inline-start: 8px;
  margin-block-start: 8px; }

.osmap-sitemap #osmap-li-uid-joomla-article-1 > ul::before {
  height: 8px; }

.osmap-sitemap .sitemap-kurztext {
  position: relative;
  margin: 0 0 4px;
  max-width: 72ch; }

.osmap-sitemap .sitemap-kurztext:has(+ ul)::before {
  content: '';
  position: absolute;
  inset-inline-start: -8px;
  inset-block-start: calc(-.5lh - 2px);
  inset-block-end: -4px;
  border-inline-start: 1px solid #d4cbb5; }

.osmap-sitemap #osmap-li-uid-joomla-article-1 > a {
  padding-inline-start: 8px; }

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

.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: 601px) {
  .osmap-sitemap .level_0 {
    grid-template-columns: minmax(0, 1fr);
    max-width: 720px; }

  .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: var(--browser-motivgroesse, 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; }

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

@media (min-width: 601px) {
  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: 601px) {
  .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: 601px) {
  .wortmarke {
    width: 88px; }

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

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

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

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

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

@media (min-width: 601px) {
  .bereich-gestaltung {
    margin-block: 96px; } }
.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: 601px) {
  .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 .seiteninhalt > [class^='bereich-'] {
  margin-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: 601px) {
  .startseite .startabschnitt {
    padding-inline: clamp(32px, 4vw, 48px); } }
@media (min-width: 601px) {
  .startseite .startabschnitt {
    padding-inline: clamp(48px, 7vw, 112px); }

  .startabschnitt--gestaltung .auftakttitel {
    max-inline-size: 12ch; } }
.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: 48px; }

.projektseite .kopfbereich {
  position: sticky; }

.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: 12px; }

@media (min-width: 601px) {
  .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: 601px) {
  .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: 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: 601px) {
  .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: 20px;
  margin: 0; }

.projekt-fakten p {
  margin: 0; }

.projekt-fakten .projekt-fakten__label + p {
  margin-block-start: 2px; }

.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: 601px) {
  .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: 601px) {
  .projekt-signatur {
    padding-block-start: 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: 601px) {
  .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: 601px) {
  .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: 601px) {
  .peb-entwicklung {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .peb-material {
    min-height: 520px; } }
@media (min-width: 601px) {
  .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: 601px) {
  .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: 601px) {
  .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 0;
  --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: 601px) {
  .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: 600px) {
  .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: var(--d3w-abstand-gruppe) auto;
  padding-inline: 24px; }

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

@media (max-width: 600px) {
  .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: 600px) {
  .startseite .startabschnitt--menschen .aussage:first-child > .titelzeile {
    display: block; }

  .startseite .startabschnitt--menschen .aussage:first-child > .titelzeile:last-child {
    margin-inline-start: 0; }

  .essay > .essay-bild--auskragend {
    margin-inline-start: calc(-1 * var(--bild-aussenrand)); } }
@media (min-width: 601px) {
  .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: 601px) {
  .essay-auftakt__text {
    padding-inline-start: clamp(48px, 7vw, 112px); }

  .essay > .essay-bild--auskragend {
    grid-column: 1; } }
@media (min-width: 601px) {
  .essay-zitat {
    margin-block: 64px;
    padding-inline-start: 32px; } }
@media (min-width: 601px) {
  .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: 600px) {
  .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: 601px) {
  .seitenkopf {
    padding-inline: clamp(48px, 7vw, 112px); } }
@media (min-width: 601px) {
  .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: 601px) {
  .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: 601px) {
  .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: 601px) {
  .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; }

.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: 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: 601px) {
  .projekt-auftakt__text {
    padding-block-start: 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: 601px) {
  .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: 601px) {
  .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: 29px 16px 7px;
  border-radius: 12px; }

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

.seiteninhalt .visform input[type='submit'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  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;
  width: auto;
  max-width: calc(100% - 36px);
  margin: 0;
  pointer-events: none;
  z-index: 1; }

.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: 600px) {
  body:not(.startseite) .seitenfuss {
    display: block; } }
.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: 601px) {
  .arbeitsarchiv {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 601px) {
  .referenz .referenz-hauptmotiv:has(> .bildplatzhalter) {
    min-height: 546px; } }
@media (max-width: 600px) {
  .startseite:has(> .startseiten-motivbuehne.bereich-auftakt) .kopfbereich .markenlink,
  .startseite:has(> .startseiten-motivbuehne.bereich-auftakt) .kopfbereich .menueschalter,
  .startseite .bereich-auftakt .kapitelmarke {
    visibility: hidden; }

  .startseite:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit) .kopfbereich .markenlink {
    animation: auftakt-einblenden 1.6s cubic-bezier(0.4, 0, 0.6, 1) 3.4s both; }
  .startseite:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit) .kopfbereich .menueschalter {
    animation: auftakt-einblenden 1.6s cubic-bezier(0.4, 0, 0.6, 1) 3.4s both; }
  .startseite:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit) .bereich-auftakt .kapitelmarke {
    animation: auftakt-einblenden 1.6s cubic-bezier(0.4, 0, 0.6, 1) 3.4s both; }
  .startseite:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit) .bereich-auftakt .scrollhinweis,
  .startseite:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit) .bereich-auftakt .abschnittspfeil {
    animation: auftakt-einblenden 1.6s cubic-bezier(0.4, 0, 0.6, 1) 3.4s both; }

  .startseite .kopfbereich .hauptnavigation {
    visibility: visible; }

  .startseite.auftakt-ohne-animation .kopfbereich .markenlink,
  .startseite.auftakt-ohne-animation .kopfbereich .menueschalter,
  .startseite.auftakt-ohne-animation .bereich-auftakt .kapitelmarke,
  .startseite.auftakt-ohne-animation .bereich-auftakt .scrollhinweis,
  .startseite.auftakt-ohne-animation .bereich-auftakt .abschnittspfeil {
    animation: none;
    opacity: 1;
    visibility: visible; } }
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  .startseite .kopfbereich .markenlink,
  .startseite .kopfbereich .menueschalter,
  .startseite .bereich-auftakt .kapitelmarke,
  .startseite .bereich-auftakt .scrollhinweis,
  .startseite .bereich-auftakt .abschnittspfeil {
    visibility: visible;
    animation: none; } }
@keyframes auftakt-einblenden {
  from {
    opacity: 0;
    visibility: hidden; }
  to {
    opacity: 1;
    visibility: visible; } }
.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: 601px) {
  .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: 601px) {
  .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,
.seiteninhalt .persoenlicher-raum .com-users-login .com-users-login__remember label {
  position: static;
  pointer-events: auto;
  max-width: none;
  width: auto;
  margin: 0;
  padding: 0; }

.seiteninhalt .visform .visfield-container input[type='checkbox'],
.seiteninhalt .persoenlicher-raum .com-users-login .com-users-login__remember 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,
.seiteninhalt .persoenlicher-raum .com-users-login .com-users-login__remember .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,
.seiteninhalt .persoenlicher-raum .com-users-login .com-users-login__remember .form-check {
  align-items: flex-start; }

.seiteninhalt .visform .visfield-container input[type='checkbox'],
.seiteninhalt .persoenlicher-raum .com-users-login .com-users-login__remember 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.portfolio-breite {
  max-width: none;
  padding-inline: 0; }

.arbeitskarte {
  min-width: 0; }

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

@media (max-width: 600px) {
  .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: 600px) {
  .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: 3 / 2; }

  .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: 601px) {
  body:not(.startseite) {
    --inhalt-seitenrand: max(clamp(48px, 7vw, 100.8px), env(safe-area-inset-left, 0px)); }
    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: 600px) {
  .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: 601px) {
  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: 601px) {
  .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: 601px) {
  .arbeitslogos {
    grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 601px) {
  .arbeitslogos {
    grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.arbeitsreferenzen {
  padding-block-end: 64px; }

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

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

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

  .arbeitsreferenzen > .arbeitslogos {
    grid-column: 2 / -1;
    grid-row: 1; } }
@media (min-width: 601px) {
  .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: 601px) {
  .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: 601px) {
  .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: 601px) {
  .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; }

.veranstaltungsprogramm .programmpunkt + .programmpunkt {
  padding-block-start: 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; } }
body:not(.startseite) main.seiteninhalt:has(> :is(.edit.item-page, .inhaltseditor)) {
  padding: 0; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) {
  max-width: 1120px;
  margin: 48px auto 64px;
  padding-inline: 24px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .page-header {
    margin-block-end: 48px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .page-header h1 {
    margin: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #com-content-form > [role='tablist'] {
    display: none; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .control-group {
    margin-block-end: 32px;
    min-width: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .control-label {
    margin-block-end: 8px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .control-group:has(#jform_alias) {
    display: none; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_title {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 14px 18px;
    border-radius: 12px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_parent {
    display: block;
    border-radius: 12px;
    overflow: hidden; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_ifr {
    min-height: 480px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-container {
    min-width: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-block-start: 24px;
    padding-block: 16px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 12px;
    cursor: pointer; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) [data-submit-task='article.save2copy'] {
    display: none !important; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 12px;
    cursor: pointer; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .editor-xtd-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 16px; }

.profile-edit .profil-zusatz {
  margin-block: 16px;
  padding-block: 12px; }

.profile-edit .profil-zusatz summary {
  cursor: pointer;
  min-height: 32px; }

.profile-edit .profil-zusatz > fieldset {
  margin-block-start: 16px; }

@media (min-width: 601px) {
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) {
    padding-inline: 48px; } }
@media (max-width: 600px) {
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
    flex: 1 1 auto;
    justify-content: center; }

  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_ifr {
    min-height: 380px; } }
body:not(.startseite) main.seiteninhalt:has(> :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind)) {
  padding: 0; }

.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) {
  max-width: 1120px;
  margin: 48px auto 64px;
  padding-inline: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .page-header {
    margin-block-end: 48px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) h1 {
    margin: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) form {
    max-width: 520px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) fieldset {
    min-width: 0;
    margin: 0 0 32px;
    padding: 0;
    border: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) legend {
    margin-block-end: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .control-group {
    margin-block-end: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .control-label {
    margin-block-end: 8px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input:not([type='hidden']):not([type='checkbox']):not([type='radio']), .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) select, .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 12px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group {
    display: flex;
    align-items: stretch; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group input {
    min-width: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group .btn {
    flex: 0 0 48px;
    padding: 10px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-block: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input[type='checkbox'] {
    width: 16px;
    height: 16px;
    margin: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 12px;
    cursor: pointer; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .com-users-login__options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-block-start: 32px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .com-users-profile__edit {
    display: flex;
    padding: 0;
    margin: 0 0 32px;
    list-style: none; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dl {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dd {
    min-width: 0;
    margin: 0 0 16px;
    overflow-wrap: anywhere; }

@media (min-width: 601px) {
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) {
    padding-inline: 48px; }
    .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dl {
      grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
      gap: 16px 32px; }
    .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dd {
      margin: 0; } }
.seiteninhalt .icons {
  max-width: 1120px;
  margin: 24px auto;
  padding-inline: 24px; }

.seiteninhalt .beitrags-titel {
  display: flex;
  align-items: flex-start;
  gap: 12px; }

.seiteninhalt .beitrags-titel h1 {
  flex: 0 1 auto;
  min-width: 0; }

.seiteninhalt .beitrags-titel .icons {
  flex: 0 0 44px;
  margin: 4px 0 0;
  padding: 0; }

.seiteninhalt .beitrags-titel .icons a {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 10px; }

.seiteninhalt .icons a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 16px;
  border-radius: 12px; }

.seiteninhalt .icons [role='tooltip'] {
  display: none; }

.seiteninhalt .icons a:hover [role='tooltip'], .seiteninhalt .icons a:focus-visible [role='tooltip'] {
  display: block;
  position: absolute;
  margin-block-start: 72px;
  padding: 8px 12px;
  z-index: 10; }

.seiteninhalt :is(.icon-edit, .icon-user-edit) {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' d='m15 5 4 4M4 20l5-1L20 8a2.8 2.8 0 0 0-4-4L5 15z'/%3E%3C/svg%3E") center/contain no-repeat; }

.seiteninhalt .input-password-toggle .icon-eye {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.25' d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E") center/contain no-repeat; }

.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: 601px) {
  .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); } }
.arbeitskarte--bearbeitbar {
  position: relative; }
  .arbeitskarte--bearbeitbar .arbeitskarte__inhalt {
    display: contents; }
  .arbeitskarte--bearbeitbar .arbeitskarte__inhalt::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1; }
  .arbeitskarte--bearbeitbar h2 {
    padding-inline-end: 44px; }
  .arbeitskarte--bearbeitbar .projekt-bearbeiten {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px; }
  .arbeitskarte--bearbeitbar::after {
    pointer-events: none; }

.startseite .auftakttitel:has(.start-bearbeiten) {
  position: relative; }

.start-bearbeiten {
  position: absolute;
  top: 0;
  left: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 10px; }

@media (max-width: 600px) {
  .start-bearbeiten {
    left: auto;
    right: 0;
    top: -44px; } }
.arbeitskarte__inhalt > picture.d3w-bild {
  order: 1;
  width: 100%;
  margin: 0; }

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

.arbeitskarte--bearbeitbar .karten-titel {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  order: 0; }

.arbeitskarte--bearbeitbar .karten-titel h2 {
  flex: 0 1 auto;
  min-width: 0;
  padding: 0; }

.arbeitskarte--bearbeitbar .karten-titel .projekt-bearbeiten {
  position: relative;
  top: auto;
  right: auto;
  flex: 0 0 44px; }

.arbeitskarte__inhalt > .impulskarte__datum {
  order: -1; }

.impulskarte--leitartikel .arbeitskarte__inhalt > .d3w-bild {
  display: block; }

.seiteninhalt .beitrags-titel {
  gap: 0; }

.seiteninhalt .beitrags-titel:has(> h2) {
  margin-block: 32px 16px; }

.seiteninhalt .beitrags-titel > h2 {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0; }

.seiteninhalt .beitrags-titel .icons {
  margin-top: 0; }

.seiteninhalt .beitrags-titel:has(> h1) .icons {
  margin-top: 4px; }

.arbeitskarte--bearbeitbar .karten-titel {
  gap: 0; }

.inhaltseditor #modules-form .control-group, .inhaltseditor #modules-form #options, .inhaltseditor #modules-form legend, .inhaltseditor #modules-form hr {
  display: none; }
.inhaltseditor #modules-form > .row > .col-md-12 > div:not(.row):not(.d-grid) {
  display: none; }
.inhaltseditor #jform_content_parent {
  display: block;
  border-radius: 12px;
  overflow: hidden; }
.inhaltseditor #jform_content_ifr {
  min-height: 480px; }
.inhaltseditor #modules-form .d-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px; }
.inhaltseditor #modules-form .d-grid .btn {
  min-height: 44px;
  padding: 10px 18px; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .page-header h1 {
  max-width: none;
  width: auto; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 8px; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header button {
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 12px; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbar {
  padding: 6px; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbarContainer {
  max-width: 100%;
  overflow-x: auto; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .editor-xtd-buttons .btn {
  min-height: 40px;
  padding: 8px 14px; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .editor-xtd-buttons {
  display: none; }

.startseite .text-bearbeiten {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  margin-inline-start: 4px; }

.startseite .auftakttitel .titelzeile:has(> .start-bearbeiten) {
  position: relative;
  width: fit-content;
  max-width: 100%; }

.startseite .auftakttitel .titelzeile > .start-bearbeiten {
  left: 100%;
  right: auto;
  top: 0; }

.startseite .auftakttitel:has(.start-bearbeiten) {
  width: fit-content;
  max-width: 100%; }

.seiteninhalt .com-users-profile__edit {
  gap: 12px;
  flex-wrap: wrap;
  align-items: center; }

.seiteninhalt .profil-abmelden {
  margin: 0; }

.veranstaltung-anmeldung {
  align-items: start; }

.veranstaltung-anmeldung__formular > h2,
.veranstaltung-anmeldung__angaben > .veranstalterin {
  margin-block: 0 32px; }

.persoenlich.kontaktseite {
  display: block; }

.kontaktseite .persoenlich__auftakt {
  position: static;
  margin-block-end: 32px; }

.kontaktseite .persoenlich__inhalt {
  max-width: 65ch; }

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

  .kontaktseite .persoenlich__auftakt {
    grid-column: 1 / -1; }

  .kontaktseite .persoenlich__inhalt {
    grid-column: 2 / -1;
    max-width: none; } }
#system-message-container joomla-alert {
  --jui-alert-min-width: 0;
  --jui-alert-padding: 16px 48px 16px 20px;
  --jui-alert-border-radius: 12px;
  --jui-alert-margin: 0 0 24px;
  position: relative; }
  #system-message-container joomla-alert .joomla-alert--close {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0; }

@media (min-width: 601px) {
  .persoenlich:not(.kontaktseite) {
    display: block; }

  .persoenlich:not(.kontaktseite) > .persoenlich__auftakt {
    position: static; }

  .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section,
  .angebot-inhalt > section:has(> h2) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px;
    align-items: start; }
    .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > h2,
    .angebot-inhalt > section:has(> h2) > h2 {
      grid-column: 1;
      margin-block-start: 0; }
    .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > :not(h2),
    .angebot-inhalt > section:has(> h2) > :not(h2) {
      grid-column: 3 / -1;
      min-width: 0; }
    .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > h2 + *,
    .angebot-inhalt > section:has(> h2) > h2 + * {
      margin-block-start: 0; } }
@media (min-width: 601px) {
  .angebot-inhalt {
    max-width: 1680px;
    padding-inline: clamp(48px, 7vw, 112px); }

  .angebot-inhalt > section:has(> h2) > :not(h2) {
    grid-column: 3 / -1; }

  .angebot-inhalt > section.angebot-ergaenzungen:has(> h2) > p {
    grid-column: 2 / 4; } }
@media (min-width: 601px) {
  body:not(.startseite) main .angebot-inhalt > section:has(> h2) > h2,
  body:not(.startseite) main .persoenlich__inhalt > section > h2 {
    margin-block-start: 0; }

  .angebot-inhalt > section:not(:has(> h2)):not(.veranstaltungshinweis) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px; }
    .angebot-inhalt > section:not(:has(> h2)):not(.veranstaltungshinweis) > :not(h2) {
      grid-column: 2 / -1;
      min-width: 0; } }
.angebot-termintabelle {
  width: 100%;
  border-collapse: collapse;
  margin-block: 24px; }

.angebot-termintabelle th, .angebot-termintabelle td {
  padding: 16px;
  text-align: left;
  vertical-align: top; }

.angebot-termintabelle th:first-child, .angebot-termintabelle td:first-child {
  padding-inline-start: 0; }

.angebot-termintabelle th:last-child, .angebot-termintabelle td:last-child {
  padding-inline-end: 0; }

.essay-zitat--linie-rechts {
  padding-inline: 0 24px; }

@media (min-width: 601px) {
  .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section:has(> [data-rlta-element="container"]) {
    display: block; }

  body:not(.startseite) main :is(.angebot-inhalt > .angebot-einstieg--zitat, .persoenlich__inhalt > .persoenlich-einstieg--zitat):has(> h2) > .essay-zitat {
    grid-column: 1 / 3;
    grid-row: 2;
    margin-block: 16px 0; }
  body:not(.startseite) main :is(.angebot-inhalt > .angebot-einstieg--zitat, .persoenlich__inhalt > .persoenlich-einstieg--zitat):has(> h2) > h2 + .essay-zitat + p {
    grid-row: 1; } }
:is(.essay-zitat--links, .essay-zitat--linie-rechts) {
  margin-inline-start: 0; }

.referenz-einblick .essay-zitat,
.angebot-inhalt > .essay-zitat {
  margin-inline-start: 0;
  padding-inline: 0 24px; }

.angebot-termintabelle .termin-anmeldung {
  width: 44px;
  text-align: right; }

.termin-anmeldung a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px; }

main .angebote .terminarchiv-schalter > [data-rlta-element='heading'] .d3w-textzeile {
  display: inline; }

main .angebote .terminarchiv-schalter > [data-rlta-element='heading'] {
  white-space: nowrap; }

body:not(.startseite) main [data-rlta-element='panel-content'] > :is(p, ul, ol) {
  max-width: 65ch; }

.angebot-termintabelle {
  table-layout: fixed; }

.angebot-termintabelle th:first-child, .angebot-termintabelle td:first-child {
  width: 40%; }

.angebot-termintabelle td {
  height: 64px;
  vertical-align: middle; }

.angebot-termintabelle:has(.termin-anmeldung) th:last-child,
.angebot-termintabelle:has(.termin-anmeldung) td:last-child {
  width: 44px; }

.angebot-termintabelle td.termin-anmeldung {
  padding-block: 0; }

.fehlerseite .seiteninhalt {
  padding-block: 64px 128px;
  min-height: 70vh; }

.fehlerseite__logo {
  display: block;
  width: 88px; }

.fehlerseite__code {
  margin: 0 0 24px; }

.fehlerseite h1 {
  max-width: 18ch;
  margin: 0 0 32px; }

.fehlerseite__meldung {
  max-width: 65ch;
  overflow-wrap: anywhere; }

.fehlerseite__zurueck {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-block-start: 32px;
  min-height: 48px; }

@media (min-width: 601px) and (prefers-reduced-motion: no-preference) {
  .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt) .kopfbereich .markenlink, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt) .kopfbereich .hauptnavigation, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt) .kopfbereich .menueschalter,
  .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt) .bereich-auftakt .kapitelmarke, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt) .bereich-auftakt .scrollhinweis, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt) .bereich-auftakt .abschnittspfeil {
    visibility: hidden; }
  .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt):has(> .startseiten-motivbuehne > .olivenlaub-bereit) .kopfbereich .markenlink, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt):has(> .startseiten-motivbuehne > .olivenlaub-bereit) .kopfbereich .hauptnavigation, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt):has(> .startseiten-motivbuehne > .olivenlaub-bereit) .kopfbereich .menueschalter,
  .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt):has(> .startseiten-motivbuehne > .olivenlaub-bereit) .bereich-auftakt .kapitelmarke, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt):has(> .startseiten-motivbuehne > .olivenlaub-bereit) .bereich-auftakt .scrollhinweis, .startseite.hat-olivenanimation:not(.auftakt-ohne-animation):has(> .startseiten-motivbuehne.bereich-auftakt):has(> .startseiten-motivbuehne > .olivenlaub-bereit) .bereich-auftakt .abschnittspfeil {
    animation: auftakt-einblenden 1.6s cubic-bezier(0.4, 0, 0.6, 1) 5s both; } }
.startseite .bereich-kontakt .scrollhinweis {
  display: none; }

.startseite.hat-motivbuehne .seitenfuss {
  display: none; }

.startseite.hat-motivbuehne:has(> .startseiten-motivbuehne.bereich-kontakt) .seitenfuss {
  display: block;
  position: fixed;
  inset-inline: 0;
  bottom: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 5;
  background: transparent;
  padding-block: 0;
  padding-inline-end: 80px; }

@media (min-width: 601px) {
  .startseite .startabschnitt--menschen .aussage:first-child > .titelzeile {
    display: block; }

  .startseite .startabschnitt--menschen .aussage:first-child > .titelzeile:last-child {
    margin-inline-start: 0; } }
@media (max-width: 600px) {
  html.abschnittsrollen > body.startseite.hat-motivbuehne {
    background: transparent; } }
.referenz-detail--auswahl img {
  transform: none;
  object-fit: cover; }

.referenz-detail--auswahl.referenz-detail--dokument img {
  object-fit: contain; }

.referenz .projekt-auftakt .referenz-hauptmotiv--dokument > img,
.referenz .referenz-hauptmotiv.referenz-hauptmotiv--dokument > picture.d3w-bild > img,
.arbeitskarte .projektkarte__bild--dokument {
  object-fit: contain; }

.referenz-fotoquellen {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 24px;
  margin: 0;
  padding-block: 0 16px; }

.referenz-fotoquellen > span {
  min-width: 0; }

@media (min-width: 601px) {
  .referenz-motive--auswahl {
    grid-template-columns: repeat(6, minmax(0, 1fr)); }

  .referenz-motive--auswahl > figure {
    grid-column: span 2; }

  .referenz-motive--auswahl:has(> figure:nth-child(5):last-child) > figure:nth-child(n+4) {
    grid-column: span 3; }

  .referenz-motive--auswahl:has(> figure:nth-child(4):last-child) > figure {
    grid-column: span 3; }

  .referenz-motive--auswahl:has(> figure:nth-child(2):last-child) > figure {
    grid-column: span 3; }

  .referenz-motive--auswahl > figure:only-child {
    grid-column: 1 / -1; } }
@media (max-width: 600px) {
  .referenz-motive--auswahl {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    margin-inline-start: calc(-1 * max(24px, env(safe-area-inset-left, 0px)));
    margin-inline-end: calc(-1 * max(24px, env(safe-area-inset-right, 0px))); }

  .referenz-motive--auswahl .referenz-detail {
    aspect-ratio: 3 / 2; } }
@media (max-width: 600px) {
  body:not(.startseite) main .referenz .referenz-motive--auswahl > figure {
    margin: 0; } }
@media (max-width: 600px) {
  .projektseite .portfolio-breite:has(.referenz-motive--auswahl) {
    padding-inline: 0; }

  .projektseite .referenz-einblick > .essay-zitat,
  .projektseite .portfolio-breite:has(.referenz-motive--auswahl) > :not(.referenz-einblick) {
    margin-inline: 24px; }

  .projektseite .referenz-motive--auswahl {
    margin-inline: 0;
    width: 100%; } }
.referenz-motive--audiowalk .referenz-detail {
  aspect-ratio: auto; }

.referenz-motive--audiowalk .referenz-detail img {
  height: auto;
  width: 100%;
  object-fit: contain; }

@media (min-width: 601px) {
  .referenz-motive.referenz-motive--audiowalk {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start; }

  .projekt.referenz .referenz-motive.referenz-motive--audiowalk > figure {
    grid-column: auto; } }
.kopfbereich {
  background-color: #fcf8ef; }

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

.hauptnavigation, .hauptnavigation a, .hauptnavigation button, .hauptnavigation .mod-menu__sub a,
.seitenfuss, .seitenfuss a {
  font-weight: 300; }

.startseite:has(> .startseiten-motivbuehne:is(.bereich-einstieg, .bereich-gestaltung)) .kopfbereich .markenlink, .startseite:has(> .startseiten-motivbuehne:is(.bereich-einstieg, .bereich-gestaltung)) .kopfbereich .menueschalter, .startseite:has(> .startseiten-motivbuehne:is(.bereich-einstieg, .bereich-gestaltung)) .kopfbereich .hauptnavigation:not(.ist-offen),
.startseite:has(> .startseiten-motivbuehne:is(.bereich-einstieg, .bereich-gestaltung)) .kopfbereich .hauptnavigation:not(.ist-offen) > .mod-menu > li > .mod-menu__toggle-sub {
  color: #ffffff; }

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

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

@media (max-width: 800px) {
  .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .kopfbereich .markenlink,
  .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .kopfbereich .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 > .mod-menu > .benutzerzugang > .benutzerzugang__link {
  width: auto;
  min-height: 0;
  padding: 4px 8px;
  justify-content: center; }

.benutzerzugang__symbol {
  display: block;
  width: 24px;
  height: 24px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3.5' fill='none' stroke='black' stroke-width='1.25'/%3E%3Cpath d='M4.5 21v-2a7.5 7.5 0 0 1 15 0v2' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }

.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__toggle-sub .icon-chevron-down {
  transform: translateX(-8px); }

.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;
  border-radius: 4px; }

@media (min-width: 801px) {
  .hauptnavigation > .mod-menu > li > a,
  .hauptnavigation > .mod-menu > li > .mod-menu__toggle-sub {
    padding: 4px;
    border-radius: 4px; } }
.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; }

  .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 (max-width: 800px) {
  .js .hauptnavigation {
    max-height: calc(100dvh - 100% - 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-start: auto;
    inset-inline-end: calc(24px - 5.192px);
    inset-block-start: calc(100% - 16px);
    width: max-content;
    max-width: calc(100vw - 24px);
    padding: 4px;
    border: 0;
    box-shadow: 0 8px 24px rgba(58, 47, 38, 0.18);
    background: rgba(255, 254, 249, 0.8);
    border-radius: 4px;
    color: #3a2f26;
    text-align: right; }

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

  .hauptnavigation > .mod-menu > li {
    min-height: 36px;
    padding-block: 2px; }

  .hauptnavigation > .mod-menu > li > a {
    padding: 4px;
    min-height: 36px;
    justify-content: flex-end;
    width: 100%;
    background: transparent;
    border-radius: 4px; }

  .hauptnavigation .mod-menu__toggle-sub {
    display: none; }

  .hauptnavigation .mod-menu__sub a {
    justify-content: flex-end; }

  .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: 601px) and (max-width: 800px) {
  .js .hauptnavigation {
    inset-inline-end: calc(clamp(48px, 7vw, 112px) - 5.192px); } }
@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: 0; } }
@media (min-width: 801px) {
  .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .kopfbereich .markenlink,
  .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .kopfbereich .menueschalter,
  .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .hauptnavigation {
    color: #ffffff; } }
@media (min-width: 801px) {
  .hauptnavigation > .mod-menu {
    gap: 26px; }

  .hauptnavigation > .mod-menu > .benutzerzugang {
    margin-inline-start: -8px; }

  .js .menueschalter {
    display: none; } }
@media (min-width: 801px) {
  .kopfbereich .hauptnavigation .mod-menu__sub {
    background: rgba(255, 254, 249, 0.8);
    box-shadow: 0 8px 24px rgba(58, 47, 38, 0.18);
    border-radius: 4px; } }
@media (min-width: 801px) {
  .kopfbereich .hauptnavigation .mod-menu__sub {
    width: max-content;
    max-width: calc(100vw - 48px);
    padding: 4px; }

  .kopfbereich .hauptnavigation .mod-menu__sub a {
    padding-inline: 12px;
    font-weight: 300; } }
@media (min-width: 801px) {
  .kopfbereich .hauptnavigation .mod-menu__sub > li + li {
    border-block-start: 1px solid rgba(58, 47, 38, 0.14); } }
@media (min-width: 801px) {
  .hauptnavigation > .mod-menu > .benutzerzugang {
    margin-inline-start: 0; }

  .hauptnavigation > .mod-menu > li > .mod-menu__toggle-sub {
    min-width: 0;
    width: auto;
    padding-inline: 0;
    margin-inline-start: 0; }

  .hauptnavigation > .mod-menu > li > .mod-menu__toggle-sub .icon-chevron-down {
    transform: none; }

  .kopfbereich .hauptnavigation .mod-menu__sub > li {
    position: relative;
    margin: 0;
    border: 0;
    padding-block: 2px; }

  .kopfbereich .hauptnavigation .mod-menu__sub > li + li::before {
    content: '';
    position: absolute;
    inset-block-start: -.5px;
    inset-inline: 0;
    border-block-start: 1px solid rgba(58, 47, 38, 0.14);
    pointer-events: none; } }
@media (min-width: 801px) {
  .kopfbereich .hauptnavigation .mod-menu__sub > li + li {
    border-block-start: 0; } }
@media (min-width: 801px) {
  .startseite .kopfbereich:is(.auf-dunkel, .auf-projekt) .hauptnavigation > .mod-menu > li > a:not(:hover),
  .startseite .kopfbereich:is(.auf-dunkel, .auf-projekt) .hauptnavigation > .mod-menu > li > .mod-menu__toggle-sub:not(:hover) {
    color: #ffffff; } }
.hauptnavigation > .mod-menu > li:not(.benutzerzugang) > a {
  min-height: 0;
  padding: 4px 8px; }

.hauptnavigation > .mod-menu > li > a,
.hauptnavigation .mod-menu__sub a,
.kopfbereich .hauptnavigation .mod-menu__sub a {
  min-height: 0;
  padding: 4px 8px; }

@media (max-width: 800px) {
  .hauptnavigation > .mod-menu > li > a,
  .hauptnavigation > .mod-menu > li:not(.benutzerzugang) > a,
  .hauptnavigation > .mod-menu > .benutzerzugang > .benutzerzugang__link,
  .hauptnavigation .mod-menu__sub a,
  .kopfbereich .hauptnavigation .mod-menu__sub a {
    padding-block: 8px; } }
.hauptnavigation a, .seitenfuss a {
  position: relative;
  background: transparent;
  color: inherit; }
  .hauptnavigation a::after, .seitenfuss a::after {
    content: '';
    position: absolute;
    inset-inline: 8px;
    inset-block-end: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 150ms ease;
    pointer-events: none; }
  .hauptnavigation a:hover::after, .hauptnavigation a:focus-visible::after, .hauptnavigation a:active::after, .hauptnavigation a[aria-current='page']::after, .seitenfuss a:hover::after, .seitenfuss a:focus-visible::after, .seitenfuss a:active::after, .seitenfuss a[aria-current='page']::after {
    transform: scaleX(1); }
  .hauptnavigation a:focus-visible, .seitenfuss a:focus-visible {
    outline-color: currentColor; }

.hauptnavigation li.active > a::after,
.hauptnavigation li.current > a::after,
.seitenfuss li.active > a::after,
.seitenfuss li.current > a::after {
  transform: scaleX(1); }

@media (max-width: 800px) {
  .hauptnavigation > .mod-menu > li > a,
  .hauptnavigation .mod-menu__sub a {
    width: max-content;
    max-width: 100%;
    margin-inline-start: auto; } }
@media (min-width: 801px) {
  .kopfbereich .hauptnavigation .mod-menu__sub > li + li::before {
    content: none; } }
@media (prefers-reduced-motion: reduce) {
  .hauptnavigation a::after, .seitenfuss a::after {
    transition: none; } }
.hauptnavigation .mod-menu__sub a {
  width: max-content;
  max-width: 100%; }

@media (max-width: 800px) {
  .hauptnavigation a::after {
    inset-block-end: 4px; } }
.seitenfuss a::after {
  inset-inline: 0;
  inset-block-start: calc(50% + .7em + 4px);
  inset-block-end: auto; }

.projektseite .kopfbereich {
  background-color: #fcf8ef; }

.projektseite .kopfbereich :is(.markenlink, .hauptnavigation, .mod-menu__toggle-sub, .menueschalter) {
  color: #3a2f26; }

.kopfbereich .hauptnavigation a,
.kopfbereich .hauptnavigation .mod-menu__toggle-sub,
.seitenfuss a,
.startseite .startabschnitt .textverweis,
body:not(.startseite) main.seiteninhalt :is(.textverweis, .rueckverweis,
.angebot-zurueck, .essay-zurueck, .projekt-weiter a, .projekt-abschluss a,
.projekt-kapitelnavigation a, .referenz-kapitel a, .referenz-kapitel a p,
.essay-weiter a, .impuls-seitennavigation a) {
  font-size: 0.875rem;
  line-height: 1.45; }

.fehlerseite {
  background: #fffef9;
  color: #3a2f26; }

.fehlerseite__code {
  color: #b1a178; }

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

.fehlerseite__zurueck:hover {
  color: #b1a178; }

.veranstaltungsprogramm .programmpunkt + .programmpunkt {
  border-block-start: 1px solid #d4cbb5; }

.startseite .mod-custom {
  --startmotiv: var(--startmotiv-desktop, none); }

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

.olivenlaub {
  display: none; }

@media (max-width: 600px) {
  .startseite .bereich-auftakt {
    background-color: #f8f4e9; }

  html:has(.startseiten-motivbuehne.bereich-auftakt) {
    background-image: none; }

  .startseite > .startseiten-motivbuehne.bereich-auftakt:has(> .olivenlaub-bereit) > .mod-custom::before {
    visibility: hidden; }

  .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: right center;
    opacity: 1;
    mask-image: linear-gradient(transparent, #000 12%, #000 84%, transparent), linear-gradient(to right, transparent, #000 15%, #000 92%, transparent);
    mask-composite: intersect;
    pointer-events: none; } }
.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: var(--startmotiv, none);
  background-position: 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 top; }

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

.startseite .bereich-arbeit > .mod-custom::before {
  inset: 0;
  height: auto;
  background-image: var(--startmotiv, none);
  background-size: var(--dialog-bildgroesse, cover);
  background-position: var(--dialog-bildposition, center); }

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

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

@media (max-width: 600px) {
  .startseite .bereich-gestaltung > .mod-custom {
    --startmotiv: var(--startmotiv-desktop, none); }

  .startseite .bereich-gestaltung > .mod-custom::before {
    background-position: right center; }

  .startseite .bereich-veraenderung > .mod-custom {
    --startmotiv: var(--startmotiv-desktop, none); }

  .startseite .bereich-veraenderung > .mod-custom::before {
    background-size: auto calc(100% + 480px);
    background-position: right top; }

  .startseite .seiteninhalt > .bereich-kontakt {
    background-image: none; }

  .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: 601px) {
  .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 {
  border-block: 1px solid #d4cbb5; }

.projekt-abschluss {
  border-block-start: 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; }

.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; }

.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input:not([type='hidden']), .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) select, .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) textarea {
  background: #ffffff;
  border: 1px solid #d4cbb5;
  box-shadow: none; }
.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input[type='checkbox'] {
  accent-color: #3a2f26; }
.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn {
  background: #3a2f26;
  border: 1px solid #3a2f26; }
.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn:hover {
  background: #d4cbb5;
  border-color: #d4cbb5; }
.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group .btn {
  background: #ffffff;
  border-color: #d4cbb5; }

.seiteninhalt .icons a {
  border: 0;
  background: transparent; }

.seiteninhalt .icons [role='tooltip'] {
  background: #3a2f26; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .btn {
  background: #ffffff;
  border: 1px solid #d4cbb5; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .btn:hover {
  background: #d4cbb5; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_title {
  background: #ffffff;
  border: 1px solid #d4cbb5;
  box-shadow: none; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_parent {
  border: 1px solid #d4cbb5;
  background: #ffffff; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid {
  border-top: 1px solid #d4cbb5; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
  background: transparent;
  border: 1px solid #d4cbb5; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid [data-submit-task='article.apply'], .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid [data-submit-task='article.save'] {
  background: #3a2f26;
  border-color: #3a2f26; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn:hover {
  background: #d4cbb5;
  border-color: #d4cbb5; }

.profile-edit .profil-zusatz {
  border-top: 1px solid #d4cbb5; }

.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: 601px) {
  .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: 600px) {
  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    inset: 0;
    height: auto;
    background-size: cover; }

  .startseite .bereich-arbeit > .mod-custom {
    --startmotiv: var(--startmotiv-desktop, none); }

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

  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    background-image: var(--startmotiv, none);
    background-position: 20% center;
    background-size: cover;
    background-color: transparent;
    background-blend-mode: normal; }

  .startseite .startabschnitt--projekt {
    color: #fffef9; }

  .startseite .startabschnitt--projekt .textakzent {
    color: #fffef9; } }
.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: 0; }

.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; } }
.inhaltseditor #modules-form #jform_content_parent {
  border: 1px solid #d4cbb5;
  background: #ffffff; }
.inhaltseditor #modules-form [data-submit-task='modules.apply'], .inhaltseditor #modules-form [data-submit-task='modules.save'] {
  background: #3a2f26;
  border-color: #3a2f26; }
.inhaltseditor #modules-form .btn:hover {
  background: #d4cbb5; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbar, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbarContainer, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceLayout, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceStatusbar {
  background: #fffef9;
  border-color: #d4cbb5; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceButton, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceListBox, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header button {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceButton:hover, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceButtonActive, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header button:hover, .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header button[aria-expanded='true'] {
  background: #d4cbb5;
  border-color: #d4cbb5; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbarContainer {
  border-bottom: 1px solid #d4cbb5; }

#system-message-container joomla-alert {
  --jui-alert-border: 1px solid #d4cbb5;
  --jui-alert-button-color-dark: #3a2f26;
  --jui-alert-button-color-light: transparent;
  --jui-alert-success-background-color: #f7f6f2;
  --jui-alert-success-border-color: #d4cbb5;
  --jui-alert-info-background-color: #f7f6f2;
  --jui-alert-info-border-color: #d4cbb5;
  --jui-alert-warning-background-color: #f7f6f2;
  --jui-alert-warning-border-color: #d4cbb5;
  --jui-alert-danger-background-color: #f8eaec;
  --jui-alert-danger-border-color: #e3acb4; }
  #system-message-container joomla-alert .joomla-alert--close {
    text-shadow: none;
    background: transparent; }

.angebot-termintabelle tr {
  border-block-end: 1px solid #d4cbb5; }

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

.referenz-einblick .essay-zitat,
.angebot-inhalt > .essay-zitat {
  border-inline-start: 0;
  border-inline-end: 1px solid #b1a178; }

@media (min-width: 601px) {
  .startseite.hat-olivenanimation > .startseiten-motivbuehne.bereich-auftakt > .mod-custom::before {
    visibility: hidden; }

  .startseiten-motivbuehne.bereich-auftakt > .olivenlaub-bereit {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: right center;
    pointer-events: none;
    mask-image: linear-gradient(transparent, #000 12%, #000 84%, transparent), linear-gradient(to right, transparent, #000 15%, #000 92%, transparent);
    mask-composite: intersect; } }
@media (min-width: 601px) {
  .startseite .bereich-gestaltung > .mod-custom::before {
    inset-inline-end: -500px;
    background-position: right center;
    transform: translateX(-500px); }

  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    inset: 0;
    height: auto;
    background-image: var(--startmotiv, none);
    background-size: cover;
    background-position: 20% center;
    background-color: transparent;
    background-blend-mode: normal; }

  .startseite .startabschnitt--projekt {
    color: #fffef9; }

  .startseite .bereich-kontakt .abschnittspfeil {
    color: #3a2f26; }

  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    transform: scaleX(-1); } }
@media (max-width: 600px) {
  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    background-position: 20% calc(50% + 24px);
    background-size: auto calc(100% + 48px); } }
@media (max-width: 600px) and (orientation: landscape) {
  .startseite.hat-motivbuehne > .startseiten-motivbuehne.bereich-kontakt > .mod-custom::before {
    background-size: cover;
    background-position: 20% center; } }
@media (min-width: 601px) {
  .startseite .bereich-einstieg > .mod-custom::before {
    background-position: left bottom; } }
@media (max-aspect-ratio: 1 / 1) {
  .startseite .bereich-einstieg > .mod-custom {
    --startmotiv: var(--startmotiv-mobil, none); }

  .startseite .bereich-einstieg > .mod-custom::before {
    background-size: auto var(--menschen-bildhoehe, 100%);
    background-position: center top; } }
.referenz-hauptmotiv:has(img[src*='/audiowalk-berlin/afrika-kontinent']) {
  background-color: #552b1b; }

.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"); }

.startabschnitt .textverweis > span[aria-hidden='true'] {
  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;
  color: inherit;
  font-size: 0; }

a .d3w-pfeil--nordost {
  width: 14.4px;
  height: 14.4px;
  flex-basis: 14.4px; }

body:not(.startseite) .d3w-pfeil, body:not(.startseite) .arbeitskarte::after,
body:not(.startseite) .impuls-seitennavigation :is(.icon-angle-right, .icon-angle-double-right, .icon-angle-left, .icon-angle-double-left)::before {
  font-size: inherit;
  width: 1.19547em;
  height: 1.19547em;
  flex-basis: 1.19547em; }
body:not(.startseite) :is(.d3w-pfeil--nord, .d3w-pfeil--sued) {
  width: .91826em;
  height: .91826em;
  flex-basis: .91826em; }
body:not(.startseite) :is(.d3w-pfeil--nordost, .d3w-pfeil--suedost, .d3w-pfeil--nordwest, .d3w-pfeil--suedwest) {
  width: 1.26077em;
  height: 1.26077em;
  flex-basis: 1.26077em; }

body:not(.startseite) main :is(a[href*='/kontakt'], a[href^='mailto:']) .d3w-pfeil {
  width: 1.26077em;
  height: 1.26077em;
  flex-basis: 1.26077em; }

body.d3w:not(.startseite) main .d3w-pfeil {
  font-size: inherit;
  width: 1.19547em;
  height: 1.19547em;
  flex-basis: 1.19547em; }

body.d3w:not(.startseite) main :is(.d3w-pfeil--nord,.d3w-pfeil--sued) {
  width: .91826em;
  height: .91826em;
  flex-basis: .91826em; }

body.d3w:not(.startseite) main :is(.d3w-pfeil--nordost,.d3w-pfeil--suedost,.d3w-pfeil--nordwest,.d3w-pfeil--suedwest),
body.d3w:not(.startseite) main :is(a[href*='/kontakt'],a[href^='mailto:']) .d3w-pfeil {
  width: 1.26077em;
  height: 1.26077em;
  flex-basis: 1.26077em; }

body.d3w:not(.startseite) main a > .d3w-pfeil {
  vertical-align: -.267735em; }

body.d3w:not(.startseite) main a > :is(.d3w-pfeil--nord,.d3w-pfeil--sued) {
  vertical-align: -.12913em; }

body.d3w:not(.startseite) main a > :is(.d3w-pfeil--nordost,.d3w-pfeil--suedost,.d3w-pfeil--nordwest,.d3w-pfeil--suedwest),
body.d3w:not(.startseite) main :is(a[href*='/kontakt'],a[href^='mailto:']) > .d3w-pfeil {
  vertical-align: -.300385em; }

body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:has(> [data-rlta-type='accordions']:only-child) {
  margin-block: 0; }
body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
  margin: calc(var(--d3w-abstand-text) * 2) 0 0; }
  body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'], body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:hover, body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][aria-expanded='true'], body.d3w:not(.startseite) main#hauptinhalt [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: 8px 0;
    border: 0;
    border-top: 1px solid #b1a178;
    border-radius: 0;
    background: transparent;
    color: #3a2f26;
    text-align: left;
    box-shadow: none; }
  body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:not(:first-child) {
    margin-block-start: calc(var(--d3w-abstand-text) * 2); }
  body.d3w:not(.startseite) main#hauptinhalt [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: var(--gestalt-rolle-body);
    font-style: italic;
    font-weight: 300;
    line-height: 1.55;
    text-decoration: none; }
    body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'] > :is(h2,h3,h4) {
      font: inherit;
      margin: 0; }
  body.d3w:not(.startseite) main#hauptinhalt [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; }
  body.d3w:not(.startseite) main#hauptinhalt [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); }
  body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button']:focus-visible, body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='button'][data-rlta-focus='true']:focus-visible {
    outline: 1.5px solid currentColor;
    outline-offset: 3px; }
  body.d3w:not(.startseite) main#hauptinhalt [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; }
    body.d3w:not(.startseite) main#hauptinhalt [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: var(--d3w-abstand-halb) 0 var(--d3w-abstand-text);
      max-width: none;
      width: 100%;
      margin-inline: 0; }
      body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] > :is(p,ul,ol,blockquote,h2,h3,h4) {
        max-width: none;
        width: auto; }

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; }

@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,
html.abschnittsrollen.startseite-dreht {
  scroll-behavior: auto; }

html.abschnittsrollen.startseite-dreht {
  scroll-snap-type: none; }

@media (prefers-reduced-motion: reduce) {
  html.abschnittsrollen {
    scroll-behavior: auto; } }
.startseite.abschnittsweise-navigation {
  --start-oberzeile-top: max(128px, calc(104px + env(safe-area-inset-top, 0px)));
  --start-textabstand: 64px;
  --start-textkante: 18.712px;
  --start-unten: max(112px, calc(80px + env(safe-area-inset-bottom, 0px))); }

.startseite.abschnittsweise-navigation .seiteninhalt > [class^='bereich-'] {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  min-height: 100lvh;
  margin-block: 0;
  padding-block: var(--start-oberzeile-top) var(--start-unten);
  scroll-snap-align: start;
  scroll-snap-stop: always; }

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

.startseite.abschnittsweise-navigation .seiteninhalt .startabschnitt {
  width: 100%;
  padding-block: 0;
  align-items: start;
  row-gap: var(--start-textabstand); }

.startseite.abschnittsweise-navigation .startabschnitt .d3w-raster__einstieg,
.startseite.abschnittsweise-navigation .startabschnitt .d3w-raster__inhalt {
  grid-column: 1 / -1; }

.startseite.abschnittsweise-navigation .startabschnitt .d3w-raster__inhalt {
  padding-inline-start: var(--start-textkante); }

.startseite.abschnittsweise-navigation .startabschnitt .kapitelmarke {
  position: relative;
  margin-block: 0;
  padding-inline-start: var(--start-textkante); }

.startseite.abschnittsweise-navigation .startabschnitt .kapitelmarke > span {
  position: absolute;
  inset-inline-start: 0;
  margin-inline-end: 0; }

.startseite.abschnittsweise-navigation .startabschnitt--angebot .titelwort {
  display: block; }

.startseite.abschnittsweise-navigation .startabschnitt .auftakttitel {
  margin-block: 0 32px; }

.startseite.abschnittsweise-navigation .startabschnitt .d3w-raster__inhalt > .auftakttitel + p {
  display: none; }

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

@media (min-width: 601px) {
  .startseite.abschnittsweise-navigation .startabschnitt .d3w-raster__inhalt {
    grid-column: 1 / span 8; } }
.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-veraenderung .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-einstieg .scrollhinweis,
.bereich-gestaltung .scrollhinweis,
.bereich-veraenderung .scrollhinweis,
.bereich-arbeit .scrollhinweis {
  color: #ffffff; }

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

.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: translateX(0.5px) rotate(180deg); }

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

@media (min-width: 601px) {
  .abschnittspfeil {
    inset-inline-end: clamp(48px, 7vw, 112px); }

  .scrollhinweis {
    inset-inline-start: clamp(48px, 7vw, 112px); } }
@media (max-width: 600px) {
  .startseite.hat-motivbuehne .abschnittspfeil,
  .startseite.hat-motivbuehne .scrollhinweis {
    visibility: hidden;
    inset-block-start: calc(100dvh - max(16px, env(safe-area-inset-bottom, 0px)));
    inset-block-end: auto;
    transform: translateY(-100%); }

  .startseite:has(> .startseiten-motivbuehne.bereich-auftakt) .seiteninhalt > .bereich-auftakt .abschnittspfeil, .startseite:has(> .startseiten-motivbuehne.bereich-auftakt) .seiteninhalt > .bereich-auftakt .scrollhinweis {
    visibility: visible; }

  .startseite:has(> .startseiten-motivbuehne.bereich-einstieg) .seiteninhalt > .bereich-einstieg .abschnittspfeil, .startseite:has(> .startseiten-motivbuehne.bereich-einstieg) .seiteninhalt > .bereich-einstieg .scrollhinweis {
    visibility: visible; }

  .startseite:has(> .startseiten-motivbuehne.bereich-gestaltung) .seiteninhalt > .bereich-gestaltung .abschnittspfeil, .startseite:has(> .startseiten-motivbuehne.bereich-gestaltung) .seiteninhalt > .bereich-gestaltung .scrollhinweis {
    visibility: visible; }

  .startseite:has(> .startseiten-motivbuehne.bereich-veraenderung) .seiteninhalt > .bereich-veraenderung .abschnittspfeil, .startseite:has(> .startseiten-motivbuehne.bereich-veraenderung) .seiteninhalt > .bereich-veraenderung .scrollhinweis {
    visibility: visible; }

  .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .seiteninhalt > .bereich-arbeit .abschnittspfeil, .startseite:has(> .startseiten-motivbuehne.bereich-arbeit) .seiteninhalt > .bereich-arbeit .scrollhinweis {
    visibility: visible; }

  .startseite:has(> .startseiten-motivbuehne.bereich-kontakt) .seiteninhalt > .bereich-kontakt .abschnittspfeil, .startseite:has(> .startseiten-motivbuehne.bereich-kontakt) .seiteninhalt > .bereich-kontakt .scrollhinweis {
    visibility: visible; } }
body.d3w :focus-visible {
  outline: 1.5px solid currentColor;
  outline-offset: 3px; }

body:not(.startseite) main.seiteninhalt:has(> .persoenlicher-raum) {
  padding: 0; }

body:has(.persoenlicher-raum) {
  isolation: isolate;
  background: #3a2f26; }
  body:has(.persoenlicher-raum)::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--d3w-benutzermotiv, none) center/cover no-repeat; }
  body:has(.persoenlicher-raum) .kopfbereich, body:has(.persoenlicher-raum) .seitenkopf, body:has(.persoenlicher-raum) .seitenfuss, body:has(.persoenlicher-raum) main.seiteninhalt {
    background: transparent; }
  body:has(.persoenlicher-raum) .markenlink, body:has(.persoenlicher-raum) .menueschalter, body:has(.persoenlicher-raum) .hauptnavigation:not(.ist-offen),
  body:has(.persoenlicher-raum) .hauptnavigation .mod-menu__toggle-sub, body:has(.persoenlicher-raum) .seitenfuss, body:has(.persoenlicher-raum) .seitenfuss a {
    color: #ffffff; }
  body:has(.persoenlicher-raum) .markenlink:focus-visible, body:has(.persoenlicher-raum) .menueschalter:focus-visible {
    outline-color: #ffffff; }

.seiteninhalt .persoenlicher-raum {
  display: grid;
  align-items: center;
  gap: 32px;
  max-width: 1440px;
  min-height: calc(100svh - 104px);
  margin: 0 auto;
  padding: 40px 24px 56px;
  color: #fffef9; }
  .seiteninhalt .persoenlicher-raum__einladung {
    min-width: 0; }
  .seiteninhalt .persoenlicher-raum .kapitelmarke {
    margin: 0 0 24px;
    color: #fffef9; }
  .seiteninhalt .persoenlicher-raum h1 {
    max-width: 8em;
    margin: 0;
    color: #fffef9;
    line-height: 1.08; }
  .seiteninhalt .persoenlicher-raum__willkommen {
    margin: 24px 0 0;
    font-size: 24px;
    font-weight: 300; }
  .seiteninhalt .persoenlicher-raum__zugang {
    min-width: 0;
    width: 100%;
    max-width: 420px;
    padding: 32px 24px;
    border: 1px solid rgba(212, 203, 181, 0.4);
    border-radius: 4px;
    background: rgba(58, 47, 38, 0.92);
    box-shadow: 0 8px 20px rgba(58, 47, 38, 0.18), 0 28px 72px rgba(58, 47, 38, 0.38); }
  .seiteninhalt .persoenlicher-raum__zugang h2 {
    color: #fffef9;
    margin: 0 0 24px;
    font-size: clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem);
    font-weight: 300; }
  .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) {
    display: block;
    max-width: none;
    margin: 0;
    padding: 0;
    color: #fffef9; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) form, .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) fieldset {
      margin: 0;
      padding: 0;
      border: 0;
      max-width: none;
      min-width: 0; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .control-group {
      margin: 0 0 12px; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .control-label {
      margin-block-end: 8px; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) label {
      color: #fffef9; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) input:not([type='checkbox']):not([type='radio']):not([type='hidden']) {
      width: 100%;
      min-height: 48px;
      padding: 29px 16px 7px;
      border-radius: 12px;
      border: 0;
      background: #ffffff;
      color: #3a2f26;
      caret-color: #3a2f26;
      box-shadow: none; }
      .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) input:not([type='checkbox']):not([type='radio']):not([type='hidden']):focus-visible {
        outline: 2px solid #d4cbb5;
        outline-offset: 3px; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .control-group:has(input:not([type='hidden']):not([type='checkbox']):not([type='radio'])) {
      position: relative; }
      .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .control-group:has(input:not([type='hidden']):not([type='checkbox']):not([type='radio'])) .control-label {
        position: absolute;
        top: 7px;
        left: 16px;
        width: auto;
        max-width: calc(100% - 36px);
        margin: 0;
        pointer-events: none;
        z-index: 3; }
        .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .control-group:has(input:not([type='hidden']):not([type='checkbox']):not([type='radio'])) .control-label label {
          margin: 0;
          color: #76684f; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: auto;
      min-height: 44px;
      padding: 10px 22px;
      border-radius: 12px;
      cursor: pointer;
      border: 1px solid #d4cbb5;
      background: #d4cbb5;
      color: #3a2f26;
      transition: background-color 150ms ease; }
      .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .btn:hover {
        background: #3a2f26;
        color: #ffffff;
        border-color: #fffef9; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .btn-danger {
      background: transparent;
      color: #fffef9; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .form-control-feedback {
      color: #e3acb4; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .form-text, .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .text-muted, .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-rules {
      color: #fffef9; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) #jform_username-desc {
      margin-block-start: 6px; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-group output[id^='password-']:not(:empty) {
      display: inline;
      margin-block-start: 0;
      margin-inline-start: 8px; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .passwort-regeln {
      position: static;
      display: block;
      margin: 8px 0 0;
      clear: both; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-group .input-group {
      position: relative; }
      .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-group .input-group input {
        padding-inline-end: 56px;
        border-radius: 12px; }
      .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-group .input-group .input-password-toggle {
        position: absolute;
        inset-inline-end: 2px;
        inset-block-start: 2px;
        z-index: 2;
        width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 10px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #3a2f26; }
        .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-group .input-group .input-password-toggle:hover {
          background: rgba(212, 203, 181, 0.35); }
        .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .password-group .input-group .input-password-toggle:focus-visible {
          outline: 2px solid #3a2f26;
          outline-offset: -3px; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .com-users-profile, .profile-edit) .control-group:has(.password-group) .control-label {
      max-width: calc(100% - 76px); }
  .seiteninhalt .persoenlicher-raum .com-users-login__remember {
    margin-block-start: 12px; }
    .seiteninhalt .persoenlicher-raum .com-users-login__remember .form-check {
      gap: 0;
      margin: 0; }
    .seiteninhalt .persoenlicher-raum .com-users-login__remember input[type='checkbox'] {
      accent-color: #3a2f26; }
  .seiteninhalt .persoenlicher-raum :is(.com-users-login, .profile-edit) :is(.com-users-login__submit, .com-users-profile__edit-submit) {
    margin-block: 24px 0; }
    .seiteninhalt .persoenlicher-raum :is(.com-users-login, .profile-edit) :is(.com-users-login__submit, .com-users-profile__edit-submit) .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 12px; }
  .seiteninhalt .persoenlicher-raum .profile-edit .com-users-profile__edit-submit .controls {
    column-gap: 20px; }
  .seiteninhalt .persoenlicher-raum .com-users-login__options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-block-start: 24px;
    line-height: 1.5; }
    .seiteninhalt .persoenlicher-raum .com-users-login__options a {
      color: #fffef9; }
    .seiteninhalt .persoenlicher-raum .com-users-login__options .com-users-login__remind {
      display: none; }
    .seiteninhalt .persoenlicher-raum .com-users-login__options .com-users-login__reset {
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      gap: 8px;
      text-decoration: none; }
      .seiteninhalt .persoenlicher-raum .com-users-login__options .com-users-login__reset::after {
        content: '\2197'; }
      .seiteninhalt .persoenlicher-raum .com-users-login__options .com-users-login__reset:hover {
        text-decoration: none; }
  .seiteninhalt .persoenlicher-raum .com-users-profile .com-users-profile__edit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: none;
    margin: 0 0 24px;
    padding: 0;
    gap: 12px;
    list-style: none; }
    .seiteninhalt .persoenlicher-raum .com-users-profile .com-users-profile__edit > li {
      display: block;
      margin: 0;
      padding: 0; }
    .seiteninhalt .persoenlicher-raum .com-users-profile .com-users-profile__edit .btn {
      text-decoration: none;
      white-space: normal;
      text-align: center; }
    .seiteninhalt .persoenlicher-raum .com-users-profile .com-users-profile__edit .profil-abmelden .btn {
      background: transparent;
      color: #fffef9; }
      .seiteninhalt .persoenlicher-raum .com-users-profile .com-users-profile__edit .profil-abmelden .btn:hover {
        background: #3a2f26;
        border-color: #fffef9; }
  .seiteninhalt .persoenlicher-raum .com-users-profile dl {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px; }
  .seiteninhalt .persoenlicher-raum .com-users-profile .profil-angabe {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 8px;
    min-width: 0; }
  .seiteninhalt .persoenlicher-raum .com-users-profile dt {
    color: #d4cbb5;
    font-weight: 300; }
  .seiteninhalt .persoenlicher-raum .com-users-profile dd {
    margin: 0;
    min-width: 0;
    max-width: 100%;
    color: #fffef9;
    overflow-wrap: anywhere; }
  .seiteninhalt .persoenlicher-raum a:focus-visible, .seiteninhalt .persoenlicher-raum button:focus-visible, .seiteninhalt .persoenlicher-raum input[type='checkbox']:focus-visible {
    outline-color: #d4cbb5; }

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
  .seiteninhalt .persoenlicher-raum__zugang {
    background: rgba(58, 47, 38, 0.82);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px); } }
@media (min-width: 800px) {
  .seiteninhalt .persoenlicher-raum {
    grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
    gap: 64px;
    padding: 56px 7% 72px; }
    .seiteninhalt .persoenlicher-raum h1 {
      font-size: clamp(40px, 4.6vw, 72px); }
    .seiteninhalt .persoenlicher-raum__einladung {
      align-self: center;
      padding-block-end: 80px; }
    .seiteninhalt .persoenlicher-raum__zugang {
      padding: 40px; } }
@media (prefers-reduced-motion: reduce) {
  .seiteninhalt .persoenlicher-raum .btn {
    transition: none; } }
.peb-fallstudie .peb-auftakt {
  min-height: 0;
  background: #fcf8ef; }
.peb-fallstudie .peb-auftakt h1 {
  font-size: clamp(2.3rem, 4.1vw, 4.8rem);
  line-height: 1.06; }
.peb-fallstudie .peb-auftakt__motiv {
  margin: 0;
  padding: 24px;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center; }
.peb-fallstudie .peb-auftakt__motiv img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: contain; }
.peb-fallstudie .peb-auftakt__motiv::after {
  display: none; }
.peb-fallstudie .peb-auftakt__motiv figcaption {
  position: static;
  background: none;
  color: #3a2f26;
  font-size: 0.875rem;
  padding: 16px 0 0;
  text-align: center; }
.peb-fallstudie .peb-einstieg {
  padding-block: 72px;
  max-width: 1120px; }
.peb-fallstudie .peb-einstieg > p:last-child {
  max-width: 62ch; }
.peb-fallstudie .peb-einstieg h2 {
  margin-block: 16px 24px; }
.peb-fallstudie .peb-prozess {
  padding-inline: 32px;
  background: #fff;
  scroll-margin-top: 120px; }
.peb-fallstudie .peb-prozess__buehne {
  display: none; }
.peb-fallstudie .peb-prozess__schritt {
  padding-block: 48px; }
.peb-fallstudie .peb-prozess__schritt h2 {
  margin-block: 12px 24px; }
.peb-fallstudie .peb-prozess__schritt > p:last-of-type {
  max-width: 42ch; }
.peb-fallstudie .peb-prozess__mobilbild img {
  width: 100%;
  height: 340px;
  display: block;
  object-fit: contain; }
.peb-fallstudie .peb-anwendungen {
  padding-block: 72px; }
.peb-fallstudie .peb-anwendungen__kopf {
  max-width: 64ch;
  margin-block-end: 40px; }
.peb-fallstudie .peb-anwendungen__kopf h2 {
  margin-block: 16px 24px; }
.peb-fallstudie .peb-anwendungen__raster {
  display: grid;
  gap: 32px; }
.peb-fallstudie .peb-anwendungen__raster figure {
  margin: 0;
  min-width: 0; }
.peb-fallstudie .peb-anwendungen__raster img {
  width: 100%;
  height: 420px;
  object-fit: contain;
  display: block;
  background: transparent;
  padding: 16px; }
.peb-fallstudie .peb-anwendungen__raster figcaption, .peb-fallstudie .peb-entwurfsnachweis {
  font-size: 0.875rem;
  line-height: 1.45;
  margin-block: 12px 0; }
.peb-fallstudie .peb-wirkung {
  display: grid;
  background: #e8eedf; }
.peb-fallstudie .peb-wirkung__text {
  padding: 48px 32px;
  align-self: center; }
.peb-fallstudie .peb-wirkung__text h2 {
  margin-block: 16px 24px; }
.peb-fallstudie .peb-wirkung figure {
  margin: 0; }
.peb-fallstudie .peb-wirkung img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  max-height: 560px;
  object-fit: cover;
  display: block; }

@media (min-width: 601px) {
  .peb-fallstudie .peb-auftakt {
    grid-template-columns: 1fr 1fr; }
  .peb-fallstudie .peb-auftakt__motiv img {
    height: 560px; }
  .peb-fallstudie .peb-prozess {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 6vw;
    padding-inline: clamp(48px, 7vw, 112px);
    align-items: start; }
  .peb-fallstudie .peb-prozess__buehne {
    display: block;
    position: sticky;
    top: 120px;
    padding-block: 24px; }
  .peb-fallstudie .peb-prozess__bilder {
    position: relative;
    height: min(66vh, 660px); }
  .peb-fallstudie .peb-prozess__bild {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .5s ease, transform .7s ease; }
  .peb-fallstudie .peb-prozess__bild.ist-aktiv {
    opacity: 1;
    transform: none; }
  .peb-fallstudie .peb-prozess__bild img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .peb-fallstudie .peb-prozess__zaehler {
    font-size: 14px;
    margin-block: 16px 0; }
  .peb-fallstudie .peb-prozess__schritt {
    min-height: 82vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 64px;
    scroll-margin-top: 120px; }
  .peb-fallstudie .peb-prozess__mobilbild {
    display: none; }
  .peb-fallstudie .peb-anwendungen__raster {
    grid-template-columns: 1fr 1fr 1.5fr;
    align-items: start; }
  .peb-fallstudie .peb-wirkung {
    grid-template-columns: 1fr 1.35fr; }
  .peb-fallstudie .peb-wirkung__text {
    padding-inline: clamp(48px, 7vw, 112px) 48px; } }
@media (prefers-reduced-motion: reduce) {
  .peb-fallstudie .peb-prozess__bild {
    transition: none;
    transform: none; } }
.projekt.peb-fallstudie .peb-auftakt .peb-auftakt__motiv img {
  position: static;
  inset: auto;
  width: 100%;
  height: 520px;
  min-height: 0;
  padding: 0;
  object-fit: contain;
  transform: none; }

body:not(.startseite) main .peb-fallstudie .peb-anwendungen__raster > figure,
body:not(.startseite) main .peb-fallstudie .peb-prozess__bild,
body:not(.startseite) main .peb-fallstudie .peb-wirkung > figure {
  margin: 0; }

@media (min-width: 601px) {
  .projekt.peb-fallstudie .peb-auftakt .peb-auftakt__motiv img {
    height: 560px; } }
@media (max-width: 600px) {
  .projekt.peb-fallstudie .peb-auftakt .peb-auftakt__motiv img {
    height: 360px; } }
.peb-fallstudie .peb-auftakt__motiv img,
.peb-fallstudie .peb-anwendungen__raster img {
  mix-blend-mode: multiply; }

.peb-fallstudie .peb-wirkung--messe {
  background: #fcf8ef; }

.peb-fallstudie .peb-wirkung--flyer {
  background: #e8eedf; }

.peb-fallstudie .peb-wirkung--flyer img {
  object-fit: contain;
  padding: 32px;
  mix-blend-mode: multiply;
  height: 520px; }

@media (min-width: 601px) {
  .peb-fallstudie .peb-wirkung--messe {
    grid-template-columns: 1.35fr 1fr; }

  .peb-fallstudie .peb-wirkung--messe .peb-wirkung__text {
    grid-column: 2;
    grid-row: 1;
    padding-inline: 48px clamp(48px, 7vw, 112px); }

  .peb-fallstudie .peb-wirkung--messe > figure {
    grid-column: 1;
    grid-row: 1; } }
.peb-fallstudie .peb-prozess__buehne {
  mix-blend-mode: normal; }

.peb-fallstudie .peb-wirkung--print {
  background: #e8eedf; }

.peb-fallstudie .peb-wirkung--print img {
  object-fit: cover;
  object-position: center;
  padding: 0;
  mix-blend-mode: normal; }

.peb-fallstudie .peb-prozess__navigation {
  display: flex;
  position: relative;
  justify-content: space-between;
  gap: 12px;
  max-width: 300px;
  margin-block: 20px 0; }

.peb-fallstudie .peb-prozess__navigation::before {
  content: '';
  position: absolute;
  inset-inline: 22px;
  top: 22px;
  height: 1px;
  background: #b1a178; }

.peb-fallstudie .peb-prozess__navigation a {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid #b1a178;
  border-radius: 50%;
  background: #fcf8ef;
  color: #3a2f26;
  font-size: 14px;
  line-height: 1;
  text-decoration: none; }

.peb-fallstudie .peb-prozess__navigation a[aria-current='step'] {
  background: #3a2f26;
  border-color: #3a2f26;
  color: #fcf8ef; }

.peb-fallstudie .peb-prozess__navigation a:focus-visible {
  outline: 2px solid #3a2f26;
  outline-offset: 4px; }

.peb-fallstudie .peb-prozess__navigation--mobil {
  position: sticky;
  top: 80px;
  z-index: 12;
  margin: 0;
  max-width: none;
  padding-block: 12px;
  background: #fff; }

.peb-fallstudie .peb-prozess__navigation--mobil::before {
  top: 34px; }

.peb-fallstudie .peb-prozess__zaehler {
  display: none; }

.peb-fallstudie .peb-prozess__schritt {
  scroll-margin-block-start: 170px; }

.peb-fallstudie .peb-auftakt__motiv figcaption {
  text-align: left;
  border-block-start: 1px solid #d4cbb5;
  margin-block-start: 16px;
  padding-block-start: 12px; }

@media (min-width: 601px) {
  .peb-fallstudie .peb-prozess__navigation--mobil {
    display: none; } }
.peb-fallstudie .peb-prozess--horizontal {
  padding-block: 0; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__schritte {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #b1a178 transparent;
  min-width: 0;
  align-self: center; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__schritt {
  flex: 0 0 100%;
  min-width: 0;
  box-sizing: border-box;
  scroll-snap-align: start;
  padding: 4px 0;
  min-height: 0; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__schritte:focus-visible {
  outline: 2px solid #b1a178;
  outline-offset: 5px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__buehne {
  position: static;
  padding-block: 4px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation {
  gap: 0;
  max-width: 360px;
  width: 100%; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation::before {
  content: none; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3a2f26;
  font-size: 12px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__punkt {
  width: 10px;
  height: 10px;
  border: 1px solid #3a2f26;
  background: transparent; }

.peb-fallstudie .peb-prozess--horizontal a[aria-current='step'] .peb-prozess__punkt {
  background: #3a2f26; }

.peb-fallstudie .peb-prozess__hinweis {
  font-size: 0.875rem;
  margin: 16px 0 0; }

.peb-fallstudie .peb-prozess__hinweis .d3w-pfeil {
  width: 14.4px;
  height: 14.4px; }

.peb-fallstudie .peb-wirkung--print {
  background: #e8eedf; }

.peb-fallstudie .peb-wirkung--print img {
  object-fit: cover;
  padding: 0;
  mix-blend-mode: normal; }

@media (min-width: 601px) {
  .peb-fallstudie .peb-prozess--horizontal .peb-prozess__schritt {
    min-height: min(62vh, 620px);
    justify-content: center; }

  .peb-fallstudie .peb-prozess--horizontal .peb-prozess__bilder {
    height: min(60vh, 600px); }

  .peb-fallstudie .peb-prozess__hinweis {
    grid-column: 1 / -1; } }
.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation {
  width: auto;
  max-width: 224px;
  justify-content: flex-start; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation a {
  flex: 0 0 28px;
  width: 28px;
  height: 44px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation a > span:not(.peb-prozess__punkt) {
  display: none; }

.peb-fallstudie .peb-wirkung--messe > figure {
  overflow: hidden; }

.peb-fallstudie .peb-wirkung--messe img {
  transform: scale(1.18);
  transform-origin: 42% 52%; }

@media (min-width: 1024px) {
  .peb-fallstudie .projekt-fakten {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.6fr) minmax(0, 2.5fr);
    gap: 0; }

  .peb-fallstudie .projekt-fakten > div {
    padding-inline: 24px;
    min-width: 0; }

  .peb-fallstudie .projekt-fakten > div:first-child {
    padding-inline-start: 0; }

  .peb-fallstudie .projekt-fakten > div:last-child {
    padding-inline-end: 0; }

  .peb-fallstudie .projekt-fakten > div + div {
    border-inline-start: 1px solid #d4cbb5; } }
.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation {
  max-width: 112px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation a {
  flex: 0 0 14px;
  width: 14px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation {
  max-width: 156px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__navigation a {
  flex: 0 0 20px;
  width: 20px;
  height: 28px; }

.peb-fallstudie .peb-prozess--horizontal .peb-prozess__punkt {
  width: 16px;
  height: 1px;
  border: 0;
  background: #b1a178; }

.peb-fallstudie .peb-prozess__bedienung {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 390px;
  font-size: 0.875rem;
  line-height: 1.45; }

.peb-fallstudie .peb-prozess__pfeile {
  display: flex;
  flex: 0 0 auto; }

.peb-fallstudie .peb-prozess__pfeile button {
  display: grid;
  place-items: center;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #3a2f26;
  cursor: pointer; }

.peb-fallstudie .peb-prozess__pfeile button:disabled {
  opacity: .25;
  cursor: default; }

.peb-fallstudie .peb-prozess__pfeile button:focus-visible {
  outline: 2px solid #3a2f26;
  outline-offset: 2px; }

.peb-fallstudie .peb-prozess__pfeile .d3w-pfeil {
  width: 18px;
  height: 18px; }

.peb-fallstudie .peb-prozess > .peb-prozess__bedienung {
  margin-block: 0 20px; }

.peb-fallstudie .peb-einstieg {
  padding-block: 44px; }

@media (min-width: 601px) {
  .peb-fallstudie .peb-prozess > .peb-prozess__bedienung {
    display: none; }

  .peb-fallstudie .peb-einstieg {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 12px 64px;
    align-items: start;
    max-width: 1680px;
    padding-block: 56px; }

  .peb-fallstudie .peb-einstieg > .kapitelmarke {
    grid-column: 1;
    margin: 0; }

  .peb-fallstudie .peb-einstieg h2 {
    grid-column: 1;
    margin: 0; }

  .peb-fallstudie .peb-einstieg > p:last-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    margin: 0; } }
.peb-fallstudie .peb-prozess--horizontal {
  margin-inline: 32px;
  padding-inline: 24px;
  border: 1px solid #d4cbb5; }

@media (min-width: 601px) {
  .peb-fallstudie .peb-prozess--horizontal {
    margin-inline: clamp(48px, 7vw, 112px);
    padding-inline: 32px; } }
body:not(.startseite) {
  --d3w-gutter: clamp(.5rem, 1vw, 1rem); }

@media (min-width: 601px) {
  body:not(.startseite) main.seiteninhalt {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    align-content: start; }
    body:not(.startseite) main.seiteninhalt > * {
      grid-column: 1 / -1;
      min-width: 0; }
  body:not(.startseite) .angebotswege, body:not(.startseite) .referenz-kapitel, body:not(.startseite) .arbeitsreferenzen,
  body:not(.startseite) .persoenlich.kontaktseite {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
  body:not(.startseite) .angebotswege > *, body:not(.startseite) .referenz-kapitel > * {
    grid-column: span 3;
    min-width: 0; }
  body:not(.startseite) .arbeitsreferenzen > h2 {
    grid-column: 1 / span 3; }
  body:not(.startseite) .arbeitsreferenzen > .arbeitslogos {
    grid-column: 4 / -1; }
  body:not(.startseite) .kontaktseite .persoenlich__auftakt {
    grid-column: 1 / -1; }
  body:not(.startseite) .kontaktseite .persoenlich__inhalt {
    grid-column: 4 / -1; }
  body:not(.startseite) .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section,
  body:not(.startseite) .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > h2,
    body:not(.startseite) .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) > h2 {
      grid-column: 1 / span 3; }
    body:not(.startseite) .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > :not(h2),
    body:not(.startseite) .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) > :not(h2) {
      grid-column: 7 / -1; }
  body:not(.startseite) .angebot-inhalt > section.angebot-ergaenzungen:has(> h2) > p {
    grid-column: 4 / 10; }
  body:not(.startseite) .angebot-inhalt > section:not(.veranstaltungshinweis) {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .angebot-inhalt > section:not(.veranstaltungshinweis) > :not(h2) {
      grid-column: 4 / -1; }
  body:not(.startseite) main :is(.angebot-inhalt > .angebot-einstieg--zitat,
  .persoenlich__inhalt > .persoenlich-einstieg--zitat):has(> h2) > .essay-zitat {
    grid-column: 1 / 7; }
  body:not(.startseite) .impulsraster {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
  body:not(.startseite) .impulsraster > .impulskarte {
    grid-column: auto / span 6; }
  body:not(.startseite) .zwischenraum-uebersicht .impulsraster > .impulskarte {
    grid-column: auto / span 6; }
  body:not(.startseite) .referenz-motive--auswahl {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
  body:not(.startseite) .referenz-motive--auswahl > figure {
    grid-column: span 4; }
  body:not(.startseite) .referenz-motive--auswahl:has(> figure:nth-child(5):last-child) > figure:nth-child(n+4),
  body:not(.startseite) .referenz-motive--auswahl:has(> figure:nth-child(4):last-child) > figure,
  body:not(.startseite) .referenz-motive--auswahl:has(> figure:nth-child(2):last-child) > figure {
    grid-column: span 6; }
  body:not(.startseite) .referenz-motive--auswahl > figure:only-child {
    grid-column: 1 / -1; }
  body:not(.startseite) .projekt.referenz .referenz-motive.referenz-motive--audiowalk {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  body:not(.startseite) .projekt.referenz .referenz-motive.referenz-motive--audiowalk > figure {
    grid-column: auto; } }
@media (min-width: 894px) {
  body:not(.startseite) .impulsraster > .impulskarte,
  body:not(.startseite) .zwischenraum-uebersicht .impulsraster > .impulskarte {
    grid-column: auto / span 4; } }
@media (min-width: 1200px) {
  body:not(.startseite) .impulsraster > .impulskarte {
    grid-column: auto / span 3; }
  body:not(.startseite) .zwischenraum-uebersicht .impulsraster > .impulskarte--leitartikel {
    grid-column: 1 / span 3; }
  body:not(.startseite) .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(3n + 2) {
    grid-column: 4 / span 3; }
  body:not(.startseite) .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(3n) {
    grid-column: 7 / span 3; }
  body:not(.startseite) .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(3n + 4) {
    grid-column: 10 / span 3; } }
.d3w-arbeitsraster {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 24;
  pointer-events: none;
  grid-template-columns: repeat(var(--arbeitsraster-spalten, 12), minmax(0, 1fr));
  gap: var(--arbeitsraster-abstand, var(--d3w-gutter)); }
  .d3w-arbeitsraster > span {
    background: rgba(58, 47, 38, 0.018);
    border-inline: 1px solid rgba(58, 47, 38, 0.1); }

body:not(.startseite).d3w-arbeitsebene-raster .d3w-arbeitsraster {
  display: grid; }

body:not(.startseite).d3w-arbeitsebene-linien main.seiteninhalt {
  outline: 1px solid rgba(58, 47, 38, 0.24);
  outline-offset: -1px; }
body:not(.startseite).d3w-arbeitsebene-linien main :is(.com-content-article, .portfolio, .arbeitsuebersicht, .redaktion-auftakt,
.redaktion-auftakt__text, .redaktion-auftakt__bild, .portfolio-intro,
.angebot-auftakt, .angebot-auftakt__text, .angebot-inhalt,
.angebot-inhalt > section, .angebotswege, .angebotsweg,
.impulsraster, .impulskarte, .persoenlich, .persoenlich__auftakt,
.persoenlich__inhalt, .persoenlich__inhalt > section,
.projekt-auftakt, .projekt-auftakt__text, .projekt-auftakt > figure,
.portfolio-breite, .referenz-einblick, .referenz-motive, .projekt-fakten,
.peb-prozess, .peb-wirkung, .essay-auftakt, .essay, .rechtstext,
.visforms, .osmap-sitemap, .persoenlicher-raum, .veranstaltung-anmeldung) {
  outline: 1px dashed rgba(58, 47, 38, 0.24);
  outline-offset: -1px; }

.d3w-arbeitsschalter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 0 8px;
  color: #3a2f26; }
  .d3w-arbeitsschalter button {
    font: inherit;
    font-size: 0.875rem;
    line-height: 1.45;
    color: inherit;
    min-height: 36px;
    padding: 6px 12px;
    background: #fcf8ef;
    border: 1px solid #d4cbb5;
    border-radius: 0;
    cursor: pointer; }
    .d3w-arbeitsschalter button[aria-pressed='true'] {
      background: #f7f6f2;
      border-color: #b1a178; }
    .d3w-arbeitsschalter button:focus-visible {
      outline: 1.5px solid currentColor;
      outline-offset: 3px; }

@media print {
  .d3w-arbeitsraster, .d3w-arbeitsschalter {
    display: none !important; }

  body.d3w-arbeitsebene-linien main, body.d3w-arbeitsebene-linien main * {
    outline: none !important; } }
body:not(.startseite) main.seiteninhalt {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--d3w-gutter); }
  body:not(.startseite) main.seiteninhalt > * {
    grid-column: 1 / -1;
    min-width: 0; }

@media (min-width: 601px) {
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :first-child {
      grid-column: 1 / 7; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :not(:first-child) {
      grid-column: 7 / -1; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild {
      display: contents; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild > img {
      grid-column: 7 / -1; }
  body:not(.startseite) .referenz-einblick {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .referenz-einblick > blockquote {
      grid-column: 1 / 4; }
    body:not(.startseite) .referenz-einblick > :not(blockquote) {
      grid-column: 4 / -1; }
  body:not(.startseite) .projekt-fakten {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .projekt-fakten > div {
      grid-column: span 3; }
    body:not(.startseite) .projekt-fakten > div:nth-child(3) {
      grid-column: span 6; }
  body:not(.startseite) .peb-wirkung {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .peb-wirkung > .peb-wirkung__text {
      grid-column: 1 / 7; }
    body:not(.startseite) .peb-wirkung > figure {
      grid-column: 7 / -1; }
  body:not(.startseite) .peb-wirkung--messe > figure {
    grid-column: 1 / 7; }
  body:not(.startseite) .peb-wirkung--messe > .peb-wirkung__text {
    grid-column: 7 / -1; }
  body:not(.startseite) .peb-prozess {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .peb-prozess > .peb-prozess__buehne {
      grid-column: 1 / 7; }
    body:not(.startseite) .peb-prozess > .peb-prozess__schritte {
      grid-column: 7 / -1; }
  body:not(.startseite) .peb-anwendungen__raster {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .peb-anwendungen__raster > figure {
      grid-column: span 4; }
  body:not(.startseite) .zwischenraeume-abschluss {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) .zwischenraeume-abschluss > .zwischenraeume-abschluss__kopf {
      grid-column: 1 / -1;
      grid-row: 1; }
    body:not(.startseite) .zwischenraeume-abschluss > .rueckblick-zitat--links {
      grid-column: 1 / 4;
      grid-row: 2; }
    body:not(.startseite) .zwischenraeume-abschluss > .zwischenraeume-abschluss__text {
      grid-column: 4 / 10;
      grid-row: 2;
      display: block; }
    body:not(.startseite) .zwischenraeume-abschluss > .rueckblick-zitat--rechts {
      grid-column: 10 / -1;
      grid-row: 3; }
    body:not(.startseite) .zwischenraeume-abschluss > .zwischenraeume-abschluss__schluss {
      grid-column: 4 / 10;
      grid-row: 3; } }
.d3w-arbeitsraster::before, .d3w-arbeitsraster::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  background: rgba(170, 170, 170, 0.2); }
.d3w-arbeitsraster::before {
  width: var(--raster-aussen-links, 0px);
  right: 100%; }
.d3w-arbeitsraster::after {
  width: var(--raster-aussen-rechts, 0px);
  left: 100%; }

@media (min-width: 601px) {
  body:not(.startseite) main .portfolio .angebot-inhalt > section:has(> [data-rlta-type='accordions']) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter); }
    body:not(.startseite) main .portfolio .angebot-inhalt > section:has(> [data-rlta-type='accordions']) > [data-rlta-type='accordions'] {
      grid-column: 2 / 12;
      min-width: 0;
      width: auto; } }
body:not(.startseite) main .portfolio [data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'] {
  width: auto;
  max-width: none; }
  body:not(.startseite) main .portfolio [data-rlta-type='accordions'] > [data-rlta-element='button'] > [data-rlta-element='heading'] .d3w-textzeile {
    display: inline; }
body:not(.startseite) main .portfolio [data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] {
  width: auto;
  max-width: none; }
  body:not(.startseite) main .portfolio [data-rlta-type='accordions'] > [data-rlta-element='panel'] > [data-rlta-element='panel-content'] > :is(p,ul,ol) {
    max-width: none; }

body:not(.startseite) main.seiteninhalt:has(> :is(.edit.item-page, .inhaltseditor)) {
  padding: 0; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) {
  max-width: 1120px;
  margin: 48px auto 64px;
  padding-inline: 24px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .page-header {
    margin-block-end: 48px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .page-header h1 {
    margin: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #com-content-form > [role='tablist'] {
    display: none; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .control-group {
    margin-block-end: 32px;
    min-width: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .control-label {
    margin-block-end: 8px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .control-group:has(#jform_alias) {
    display: none; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_title {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 14px 18px;
    border-radius: 12px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_parent {
    display: block;
    border-radius: 12px;
    overflow: hidden; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_ifr {
    min-height: 480px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-container {
    min-width: 0; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-block-start: 24px;
    padding-block: 16px; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 12px;
    cursor: pointer; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) [data-submit-task='article.save2copy'] {
    display: none !important; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 12px;
    cursor: pointer; }
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) .editor-xtd-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 16px; }

.profile-edit .profil-zusatz {
  margin-block: 16px;
  padding-block: 12px; }

.profile-edit .profil-zusatz summary {
  cursor: pointer;
  min-height: 32px; }

.profile-edit .profil-zusatz > fieldset {
  margin-block-start: 16px; }

@media (min-width: 601px) {
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) {
    padding-inline: 48px; } }
@media (max-width: 600px) {
  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
    flex: 1 1 auto;
    justify-content: center; }

  .seiteninhalt > :is(.edit.item-page, .inhaltseditor) #jform_articletext_ifr {
    min-height: 380px; } }
.seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) {
  max-width: 1120px;
  margin: 48px auto 64px;
  padding-inline: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .page-header {
    margin-block-end: 48px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) h1 {
    margin: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) form {
    max-width: 520px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) fieldset {
    min-width: 0;
    margin: 0 0 32px;
    padding: 0;
    border: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) legend {
    margin-block-end: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .control-group {
    margin-block-end: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .control-label {
    margin-block-end: 8px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input:not([type='hidden']):not([type='checkbox']):not([type='radio']), .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) select, .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 12px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group {
    display: flex;
    align-items: stretch; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group input {
    min-width: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .input-group .btn {
    flex: 0 0 48px;
    padding: 10px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-block: 24px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) input[type='checkbox'] {
    width: 16px;
    height: 16px;
    margin: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 12px;
    cursor: pointer; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .com-users-login__options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-block-start: 32px; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) .com-users-profile__edit {
    display: flex;
    padding: 0;
    margin: 0 0 32px;
    list-style: none; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dl {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 0; }
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dd {
    min-width: 0;
    margin: 0 0 16px;
    overflow-wrap: anywhere; }

@media (min-width: 601px) {
  .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) {
    padding-inline: 48px; }
    .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dl {
      grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
      gap: 16px 32px; }
    .seiteninhalt :is(.com-users-login, .com-users-logout, .com-users-profile, .profile-edit, .com-users-reset, .com-users-remind) dd {
      margin: 0; } }
.seiteninhalt .icons {
  max-width: 1120px;
  margin: 24px auto;
  padding-inline: 24px; }

.seiteninhalt .beitrags-titel {
  display: flex;
  align-items: flex-start;
  gap: 12px; }

.seiteninhalt .beitrags-titel h1 {
  flex: 0 1 auto;
  min-width: 0; }

.seiteninhalt .beitrags-titel .icons {
  flex: 0 0 44px;
  margin: 4px 0 0;
  padding: 0; }

.seiteninhalt .beitrags-titel .icons a {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 10px; }

.seiteninhalt .icons a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 16px;
  border-radius: 12px; }

.seiteninhalt .icons [role='tooltip'] {
  display: none; }

.seiteninhalt .icons a:hover [role='tooltip'], .seiteninhalt .icons a:focus-visible [role='tooltip'] {
  display: block;
  position: absolute;
  margin-block-start: 72px;
  padding: 8px 12px;
  z-index: 10; }

.seiteninhalt :is(.icon-edit, .icon-user-edit) {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' d='m15 5 4 4M4 20l5-1L20 8a2.8 2.8 0 0 0-4-4L5 15z'/%3E%3C/svg%3E") center/contain no-repeat; }

.seiteninhalt .input-password-toggle .icon-eye {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.25' d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E") center/contain no-repeat; }

.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: 601px) {
  .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); } }
.arbeitskarte--bearbeitbar {
  position: relative; }
  .arbeitskarte--bearbeitbar .arbeitskarte__inhalt {
    display: contents; }
  .arbeitskarte--bearbeitbar .arbeitskarte__inhalt::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1; }
  .arbeitskarte--bearbeitbar h2 {
    padding-inline-end: 44px; }
  .arbeitskarte--bearbeitbar .projekt-bearbeiten {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px; }
  .arbeitskarte--bearbeitbar::after {
    pointer-events: none; }

.arbeitskarte[data-projekt="achtung-grenze"]::after {
  order: 4;
  position: static;
  align-self: flex-start;
  margin-block-start: 1.55em; }

.startseite .auftakttitel:has(.start-bearbeiten) {
  position: relative; }

.start-bearbeiten {
  position: absolute;
  top: 0;
  left: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 10px; }

@media (max-width: 600px) {
  .start-bearbeiten {
    left: auto;
    right: 0;
    top: -44px; } }
.arbeitskarte__inhalt > picture.d3w-bild {
  order: 1;
  width: 100%;
  margin: 0; }

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

.arbeitskarte--bearbeitbar .karten-titel {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  order: 0; }

.arbeitskarte--bearbeitbar .karten-titel h2 {
  flex: 0 1 auto;
  min-width: 0;
  padding: 0; }

.arbeitskarte--bearbeitbar .karten-titel .projekt-bearbeiten {
  position: relative;
  top: auto;
  right: auto;
  flex: 0 0 44px; }

.arbeitskarte__inhalt > .impulskarte__datum {
  order: -1; }

.impulskarte--leitartikel .arbeitskarte__inhalt > .d3w-bild {
  display: block; }

.seiteninhalt .beitrags-titel {
  gap: 0; }

.seiteninhalt .beitrags-titel:has(> h2) {
  margin-block: 32px 16px; }

.seiteninhalt .beitrags-titel > h2 {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0; }

.seiteninhalt .beitrags-titel .icons {
  margin-top: 0; }

.seiteninhalt .beitrags-titel:has(> h1) .icons {
  margin-top: 4px; }

.arbeitskarte--bearbeitbar .karten-titel {
  gap: 0; }

.inhaltseditor #modules-form .control-group, .inhaltseditor #modules-form #options, .inhaltseditor #modules-form legend, .inhaltseditor #modules-form hr {
  display: none; }
.inhaltseditor #modules-form > .row > .col-md-12 > div:not(.row):not(.d-grid) {
  display: none; }
.inhaltseditor #jform_content_parent {
  display: block;
  border-radius: 12px;
  overflow: hidden; }
.inhaltseditor #jform_content_ifr {
  min-height: 480px; }
.inhaltseditor #modules-form .d-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px; }
.inhaltseditor #modules-form .d-grid .btn {
  min-height: 44px;
  padding: 10px 18px; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .page-header h1 {
  max-width: none;
  width: auto; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 8px; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .wf-editor-header button {
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 12px; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbar {
  padding: 6px; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .mceToolbarContainer {
  max-width: 100%;
  overflow-x: auto; }
.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .editor-xtd-buttons .btn {
  min-height: 40px;
  padding: 8px 14px; }

.seiteninhalt > :is(.edit.item-page, .inhaltseditor) .editor-xtd-buttons {
  display: none; }

.startseite .text-bearbeiten {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  margin-inline-start: 4px; }

.startseite .auftakttitel .titelzeile:has(> .start-bearbeiten) {
  position: relative;
  width: fit-content;
  max-width: 100%; }

.startseite .auftakttitel .titelzeile > .start-bearbeiten {
  left: 100%;
  right: auto;
  top: 0; }

.startseite .auftakttitel:has(.start-bearbeiten) {
  width: fit-content;
  max-width: 100%; }

.seiteninhalt .com-users-profile__edit {
  gap: 12px;
  flex-wrap: wrap;
  align-items: center; }

.seiteninhalt .profil-abmelden {
  margin: 0; }

.veranstaltung-anmeldung {
  align-items: start; }

.veranstaltung-anmeldung__formular > h2,
.veranstaltung-anmeldung__angaben > .veranstalterin {
  margin-block: 0 32px; }

.d3w-gestaltungsleiste {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.45; }
  .d3w-gestaltungsleiste :is(button, input, select) {
    font: inherit; }
  .d3w-gestaltungsleiste .gestalt-legende, .d3w-gestaltungsleiste label, .d3w-gestaltungsleiste legend {
    font-size: 0.875rem; }
  .d3w-gestaltungsleiste legend, .d3w-gestaltungsleiste .gestalt-auswahl > strong {
    font-weight: 600; }
  .d3w-gestaltungsleiste .gestalt-kopf strong {
    font-size: 1.0625rem;
    font-weight: 600; }
  .d3w-gestaltungsleiste .gestalt-kopf .gestalt-schliessen {
    font-size: 24px;
    font-weight: 200; }
  .d3w-gestaltungsleiste .gestalt-raster > button {
    font-size: 0.875rem; }

.gestalt-entscheidung {
  font-family: "Source Sans 3", Arial, sans-serif;
  font-weight: 300; }
  .gestalt-entscheidung h2 {
    font-family: inherit;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.25; }
  .gestalt-entscheidung p {
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5; }
  .gestalt-entscheidung button {
    font-family: inherit;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3; }

.d3w-gestaltungsleiste {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  width: 380px;
  max-width: none;
  max-height: none;
  color: #3a2f26;
  background: #ffffff;
  border: 0;
  border-inline-start: 1px solid #d4cbb5;
  isolation: isolate;
  box-shadow: -8px 0 24px rgba(25, 35, 42, 0.16); }
  .d3w-gestaltungsleiste[hidden], .d3w-gestaltungsleiste [hidden] {
    display: none !important; }
  .d3w-gestaltungsleiste *, .d3w-gestaltungsleiste *::before, .d3w-gestaltungsleiste *::after {
    box-sizing: border-box; }
  .d3w-gestaltungsleiste button, .d3w-gestaltungsleiste input, .d3w-gestaltungsleiste select {
    color: inherit;
    border-radius: 0; }
  .d3w-gestaltungsleiste button, .d3w-gestaltungsleiste select {
    cursor: pointer; }
  .d3w-gestaltungsleiste button {
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid #c7ced1;
    background: transparent;
    text-align: center; }
    .d3w-gestaltungsleiste button:hover {
      background: #f7f6f2;
      border-color: #b1a178; }
    .d3w-gestaltungsleiste button[aria-pressed='true'] {
      background: #3a2f26;
      border-color: #3a2f26;
      color: #fffef9; }
    .d3w-gestaltungsleiste button:disabled {
      opacity: .4;
      cursor: default; }
  .d3w-gestaltungsleiste :is(button, input, select, summary):focus-visible {
    outline: 1.5px solid #3a2f26;
    outline-offset: 2px; }
  .d3w-gestaltungsleiste input[type='number'], .d3w-gestaltungsleiste select {
    width: 100%;
    height: 38px;
    min-width: 0;
    margin: 6px 0 0;
    padding: 7px 9px;
    border: 1px solid #c7ced1;
    background: #ffffff; }
  .d3w-gestaltungsleiste select {
    padding-inline-end: 20px; }
  .d3w-gestaltungsleiste fieldset {
    min-width: 0;
    border: 0;
    padding: 0;
    margin: 22px 0 0; }
  .d3w-gestaltungsleiste legend {
    padding: 0;
    margin-block-end: 10px; }
  .d3w-gestaltungsleiste fieldset:disabled {
    opacity: .45; }
  .d3w-gestaltungsleiste label {
    display: block; }
  .d3w-gestaltungsleiste p {
    margin: 8px 0; }
  .d3w-gestaltungsleiste .gestalt-label {
    margin-block-start: 14px; }
  .d3w-gestaltungsleiste .gestalt-textknopf {
    border-color: transparent;
    padding-inline: 0;
    text-align: start;
    text-decoration: underline;
    text-underline-offset: 3px; }

.gestalt-kopf {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #edf0f1;
  border-bottom: 1px solid #d4cbb5; }
  .gestalt-kopf > div {
    flex: 1;
    min-width: 0; }
  .gestalt-kopf strong, .gestalt-kopf .gestalt-legende {
    display: block; }
  .gestalt-kopf .gestalt-schliessen {
    border: 0;
    width: 36px;
    padding: 0; }

.gestalt-inhalt {
  padding: 16px;
  max-height: calc(100svh - 108px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin; }

.gestalt-werkzeuge {
  display: flex;
  gap: 8px; }
  .gestalt-werkzeuge > button {
    flex: 1; }

.gestalt-auswahl {
  margin-block: 16px;
  padding: 12px;
  min-height: 82px;
  background: #edf0f1;
  border-inline-start: 2px solid #b1a178; }
  .gestalt-auswahl > * {
    display: block; }
  .gestalt-auswahl > strong {
    margin-block: 4px;
    overflow-wrap: anywhere; }

.gestalt-raster {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 3px; }
  .gestalt-raster > button {
    min-width: 0;
    min-height: 32px;
    padding: 0;
    background: #edf0f1; }

.gestalt-zahlen {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-block-start: 12px;
  min-width: 0; }
  .gestalt-zahlen > * {
    min-width: 0; }

.gestalt-abschnitt {
  padding-block-start: 8px;
  margin-block-start: 14px;
  border-block-start: 1px solid #d4cbb5; }

.gestalt-umbruch {
  margin-block-start: 18px;
  padding-block: 12px;
  border-block: 1px solid #d4cbb5; }
  .gestalt-umbruch summary {
    cursor: pointer;
    padding-block: 4px; }

.gestalt-woerter {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 190px;
  overflow-y: auto;
  margin-block: 12px; }
  .gestalt-woerter > button {
    padding: 4px 7px;
    min-height: 32px; }
  .gestalt-woerter > button[aria-pressed='true']::after {
    content: ' ↵'; }

.gestalt-vorschau {
  margin-block-start: 18px;
  padding-block-start: 14px;
  border-top: 1px solid #d4cbb5; }
  .gestalt-vorschau > label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px; }
  .gestalt-vorschau input {
    accent-color: #3a2f26;
    width: 16px;
    height: 16px;
    margin: 0; }
  .gestalt-vorschau > span {
    display: block;
    margin-block-start: 6px; }

.gestalt-aktionen {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-block-start: 16px; }
  .gestalt-aktionen > button {
    flex: 1 1 auto; }
  .gestalt-aktionen > .gestalt-textknopf {
    flex: 1 1 100%; }

.gestalt-speicher {
  padding-block-start: 8px;
  color: #76684f; }

.gestalt-markierung {
  position: fixed;
  z-index: 97;
  pointer-events: none;
  border: 1.5px solid #3a2f26;
  background: rgba(177, 161, 120, 0.035); }
  .gestalt-markierung[hidden], .gestalt-markierung [hidden] {
    display: none !important; }
  .gestalt-markierung--hover {
    border: 1px dashed #b1a178;
    background: rgba(177, 161, 120, 0.07);
    z-index: 98; }

.d3w-gestaltung-waehlen main, .d3w-gestaltung-waehlen main * {
  cursor: pointer !important; }

.gestalt-textvorschau {
  display: contents; }

.gestalt-autor-umbruch::after {
  content: ' '; }

@media print {
  .d3w-gestaltungsleiste, .gestalt-markierung {
    display: none !important; } }
.d3w-gestaltungsleiste :is(.gestalt-symbolknopf,[data-format],[data-align],[data-scope],[data-layer],[data-baseline],[data-gray],[data-action=edit-link],[data-action=extract-quote],[data-list]) {
  border-radius: 3px; }

body.d3w-hat-arbeitsflaeche > :not(.gestalt-entscheidung):not(.d3w-gestaltungsleiste):not(.gestalt-buehne):not(.gestalt-mobilwechsel):not(script):not(style) {
  display: none !important; }

.gestalt-buehne {
  position: fixed;
  inset: 0 380px 0 0;
  overflow: auto;
  background: #e9e9e7;
  z-index: 90; }
  .gestalt-buehne[hidden] {
    display: none !important; }

.gestalt-website {
  display: block;
  border: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0 auto;
  background: #fcf8ef; }

.gestalt-kopf {
  padding-block: 16px; }

.gestalt-inhalt {
  max-height: calc(100svh - 76px); }

.gestalt-ebenen {
  display: flex;
  gap: 8px;
  margin-block-end: 14px; }
  .gestalt-ebenen > button {
    flex: 1; }

.gestalt-seite, .gestalt-rollen, .gestalt-abstaende {
  border-block: 1px solid #d4cbb5;
  margin-block: 14px;
  padding-block: 12px; }
  .gestalt-seite > summary, .gestalt-rollen > summary, .gestalt-abstaende > summary {
    cursor: pointer;
    min-height: 28px; }

.gestalt-abstandsgruppe {
  margin-block-start: 12px;
  padding: 12px;
  background: #edf0f1; }
  .gestalt-abstandsgruppe > strong {
    display: block; }

.gestalt-koppeln {
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin-block-start: 8px;
  min-height: 28px; }
  .gestalt-koppeln > input {
    accent-color: #3a2f26;
    width: 14px;
    height: 14px;
    margin: 0; }

.gestalt-mobilwechsel {
  display: none; }

body {
  --gestalt-rolle-h1: clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem);
  --gestalt-rolle-h2: 2rem;
  --gestalt-rolle-body: 1.0625rem;
  --gestalt-rolle-nav: 1rem;
  --gestalt-rolle-caption: 0.875rem;
  --gestalt-rolle-quote: clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem);
  --gestalt-rolle-card: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) * .75);
  --gestalt-flaeche-cream: #fcf8ef;
  --gestalt-flaeche-white: #ffffff;
  --gestalt-flaeche-sage: #e8eedf;
  --gestalt-flaeche-dark: #3a2f26;
  --gestalt-linienfarbe: #b1a178;
  --gestalt-farbe-hell: #fffef9;
  --gestalt-farbe-dunkel: #3a2f26; }
  body.d3w-canvas .d3w-arbeitsschalter {
    display: none !important; }

@media (max-width: 760px) {
  html.d3w-arbeitsplatz {
    overflow-x: auto; }

  body.d3w-hat-arbeitsflaeche {
    width: calc(100vw + 380px);
    min-height: 100svh;
    overflow-x: visible; }

  .gestalt-buehne {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100vw;
    height: calc(100svh - 44px); }

  .d3w-gestaltungsleiste {
    position: absolute;
    left: 100vw;
    right: auto;
    top: 0;
    width: 380px;
    height: calc(100svh - 44px); }

  .gestalt-inhalt {
    max-height: calc(100svh - 124px); }

  body.d3w-hat-arbeitsflaeche > .gestalt-mobilwechsel {
    display: flex;
    position: fixed;
    inset: auto 0 0;
    z-index: 105;
    height: 44px;
    background: #fcf8ef;
    border-top: 1px solid #d4cbb5; }
    body.d3w-hat-arbeitsflaeche > .gestalt-mobilwechsel > button {
      flex: 1;
      padding: 8px;
      border: 0;
      background: transparent;
      color: #3a2f26;
      cursor: pointer;
      font: inherit; } }
.gestalt-reiter {
  display: flex;
  gap: 4px;
  margin-block: 0 14px; }
  .gestalt-reiter > button {
    flex: 1;
    min-width: 0; }

.gestalt-abstaende {
  margin: 0;
  padding: 0;
  border: 0; }

.d3w-gestaltungsleiste [data-tab-panel][hidden] {
  display: none !important; }

.gestalt-geltung {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin-block-start: 6px; }
  .gestalt-geltung > button {
    min-width: 0;
    text-align: start; }
  .gestalt-geltung span {
    display: block;
    font-size: .85em;
    opacity: .8; }

.gestalt-ausrichtung {
  display: flex;
  gap: 4px;
  margin-block-start: 6px; }
  .gestalt-ausrichtung > button {
    flex: 1;
    min-width: 0;
    padding-inline: 4px; }

body.d3w-hat-arbeitsflaeche > .gestalt-entscheidung[open] {
  display: block !important; }

.gestalt-entscheidung {
  width: 480px;
  max-width: calc(100vw - 32px);
  padding: 28px;
  background: #fffef9;
  color: #3a2f26;
  border: 1px solid #b1a178;
  font-family: "Source Sans 3", Arial, sans-serif; }
  .gestalt-entscheidung h2 {
    font-size: 24px;
    margin: 0 0 12px; }
  .gestalt-entscheidung p {
    font-size: 16px;
    line-height: 1.5; }
  .gestalt-entscheidung > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block-start: 20px; }
  .gestalt-entscheidung button {
    padding: 9px 12px;
    background: transparent;
    color: inherit;
    border: 1px solid #b1a178;
    cursor: pointer; }
  .gestalt-entscheidung button:first-child {
    background: #3a2f26;
    color: #fffef9; }
  .gestalt-entscheidung::backdrop {
    background: rgba(58, 47, 38, 0.3); }

.gestalt-globalrolle {
  padding-block: 10px;
  border-block-end: 1px solid #d4cbb5; }

.d3w-gestaltungsleiste textarea {
  width: 100%;
  min-height: 80px;
  padding: 8px;
  border: 1px solid #d4cbb5;
  background: #fffef9;
  color: #3a2f26;
  font: inherit;
  resize: vertical; }

.gestalt-uebertragen {
  padding: 12px;
  margin-block: 16px;
  border: 1px solid #d4cbb5;
  background: #fcf8ef; }
  .gestalt-uebertragen[hidden] {
    display: none !important; }
  .gestalt-uebertragen > button {
    display: block;
    width: 100%;
    margin-block: 4px;
    text-align: start; }

.d3w-canvas.d3w-arbeitsebene-raster .d3w-arbeitsraster {
  z-index: 96; }
  .d3w-canvas.d3w-arbeitsebene-raster .d3w-arbeitsraster > span {
    border-inline-color: rgba(58, 47, 38, 0.2);
    box-shadow: -1px 0 0 rgba(255, 254, 249, 0.25); }

.gestalt-medien {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  max-height: 320px;
  overflow-y: auto;
  margin-block: 8px; }
  .gestalt-medien > button {
    padding: 4px;
    min-width: 0;
    overflow-wrap: anywhere; }
  .gestalt-medien img {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: contain; }

.gestalt-reiter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); }

.gestalt-umbruchwahl {
  display: grid;
  gap: 4px;
  margin-block-start: 8px; }
  .gestalt-umbruchwahl > button {
    text-align: start; }

.d3w-gestaltungsleiste :is([data-tab],[data-context],[data-controls])[hidden] {
  display: none !important; }

.gestalt-bildraster {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 2px;
  margin-block: 12px; }
  .gestalt-bildraster > button {
    padding: 3px 0;
    min-height: 30px;
    font-size: 11px; }
  .gestalt-bildraster > button[data-edge] {
    border-color: #3a2f26; }

.d3w-gestaltungsleiste {
  display: flex;
  flex-direction: column; }

.gestalt-kopf {
  flex: 0 0 auto; }

.d3w-gestaltungsleiste .gestalt-inhalt {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none; }

.gestalt-entscheidung [hidden] {
  display: none !important; }

.d3w-gestaltung-waehlen .arbeitskarte__inhalt::before {
  pointer-events: none; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] {
  position: fixed;
  left: 0;
  right: 380px;
  bottom: 0;
  z-index: 104;
  background: #fcf8ef;
  border-top: 1px solid #d4cbb5;
  padding: 16px 24px;
  max-height: 32vh;
  overflow: auto;
  box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.04); }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-abschnitt {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 16px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-context="text-editor"] {
  position: fixed;
  left: 0;
  right: 380px;
  bottom: 32vh;
  z-index: 104;
  background: #fcf8ef;
  padding: 12px 24px;
  max-height: 24vh;
  overflow: auto;
  margin: 0; }

@media (max-width: 760px) {
  .d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"], .d3w-gestaltungsleiste.gestalt-textmodus [data-context="text-editor"] {
    right: 0; }

  .d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-abschnitt {
    grid-template-columns: 1fr; } }
.d3w-canvas.d3w-zeilenraster::after {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 95;
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--d3w-lesezeile) / 2 - 1px), rgba(58, 47, 38, 0.035) calc(var(--d3w-lesezeile) / 2 - 1px), rgba(58, 47, 38, 0.035) calc(var(--d3w-lesezeile) / 2)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--d3w-lesezeile) - 1px), rgba(58, 47, 38, 0.08) calc(var(--d3w-lesezeile) - 1px), rgba(58, 47, 38, 0.08) var(--d3w-lesezeile)); }

.gestalt-entscheidung {
  max-height: 80vh;
  overflow: auto; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] {
  max-height: 36vh;
  padding: 10px 16px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-context="text-editor"] {
  position: static;
  max-height: none;
  padding: 0;
  margin: 0;
  border: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-context="text-editor"] > summary {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-action="load-text"] {
  display: inline-flex;
  margin-block-end: 8px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] {
  display: flex;
  gap: 8px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] > label {
  flex: 1; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] textarea {
  min-height: 48px;
  max-height: 96px;
  resize: vertical;
  margin: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-abschnitt {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 6px 12px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-abschnitt > .gestalt-label, .d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-abschnitt > .gestalt-umbruchwahl {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] select {
  width: auto;
  min-width: 120px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-zahlen {
  max-width: 250px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-action="end-text"] {
  float: right; }

.gestalt-ebenen {
  gap: 4px; }
  .gestalt-ebenen > button {
    min-height: 34px;
    font-size: 20px; }

.gestalt-buehne--ohne-grau {
  background: #fcf8ef; }

.d3w-arbeitsraster::before, .d3w-arbeitsraster::after {
  background: transparent !important; }

.gestalt-vorlagen {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 12px; }
  .gestalt-vorlagen > strong {
    grid-column: 1/-1; }
  .gestalt-vorlagen label {
    margin: 0; }
  .gestalt-vorlagen select {
    grid-row: 3; }

.gestalt-inline-format {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-block: 4px; }
  .gestalt-inline-format > button {
    min-width: 32px;
    padding: 4px; }

.gestalt-buehne {
  overflow: hidden; }

.gestalt-umbruchkopf {
  display: flex;
  align-items: center;
  gap: 8px; }
  .gestalt-umbruchkopf > button {
    padding: 4px;
    min-height: 28px;
    line-height: 1; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr)) minmax(200px, 1fr) auto;
  align-items: end;
  gap: 12px;
  width: 100%; }
  .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis > label {
    margin: 0;
    display: grid;
    gap: 4px; }
  .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis select {
    width: 100%; }
  .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis .gestalt-zahlen {
    margin: 0; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-abschnitt {
  display: block;
  border: 0;
  padding-block: 8px;
  margin: 0; }

.gestalt-umbruch {
  margin: 0;
  padding-block: 8px;
  border-block: 1px solid #d4cbb5; }

.gestalt-umbruch > p {
  margin: 4px 0; }

.gestalt-vorlagen {
  margin: 0;
  padding-block: 8px;
  border: 0; }

.gestalt-cd-wahl {
  display: flex;
  gap: 8px;
  margin-block: 8px; }
  .gestalt-cd-wahl > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    border: 1px solid #b1a178;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1; }

.gestalt-werkzeuge {
  display: flex;
  flex-wrap: wrap;
  gap: 4px; }

body.d3w-canvas {
  position: relative;
  min-height: 100vh; }

.gestalt-textkopf {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-block-end: 8px; }
  .gestalt-textkopf > strong {
    margin-inline-end: auto; }

.d3w-gestaltungsleiste.gestalt-textmodus {
  width: 380px;
  background: #edf0f1; }
  .d3w-gestaltungsleiste.gestalt-textmodus > .gestalt-kopf {
    display: flex; }
  .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inhalt {
    overflow: auto; }
  .d3w-gestaltungsleiste.gestalt-textmodus [data-controls] {
    border: 0;
    margin: 0;
    padding: 0; }
  .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-reiter {
    display: none; }
  .d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel='text'] {
    right: 380px;
    max-height: 42vh; }
  .d3w-gestaltungsleiste.gestalt-textmodus [aria-labelledby='gestalt-geltung'] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 620px;
    margin-block: 4px 8px; }
  .d3w-gestaltungsleiste.gestalt-textmodus [aria-labelledby='gestalt-geltung'] button {
    min-height: 36px; }
  .d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel='text'] footer {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    border-top: 1px solid #d4cbb5;
    padding-block-start: 8px;
    margin-block-start: 8px; }

.gestalt-textauswahl {
  display: none; }

.gestalt-textmodus.gestalt-ohne-auswahl [data-tab-panel="text"] > :not(.gestalt-textkopf):not(.gestalt-textauswahl):not(.gestalt-aktionen):not(#gestalt-geltung):not([aria-labelledby="gestalt-geltung"]) {
  display: none; }
.gestalt-textmodus.gestalt-ohne-auswahl [data-tab-panel="text"] > .gestalt-textauswahl {
  display: block; }

.gestalt-textmodus .gestalt-vorlagen {
  display: none; }

.d3w-gestaltungsleiste {
  background: #edf0f1;
  border-color: #b9c1c5; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] {
  background: #edf0f1;
  color: #30363a;
  border-top: 1px solid #b9c1c5;
  padding: 8px 12px;
  max-height: 40vh; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 6px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf > strong {
  margin-right: 8px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf > #gestalt-geltung {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%); }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf [aria-labelledby="gestalt-geltung"] {
  display: flex;
  gap: 2px;
  max-width: none;
  margin: 0 0 0 auto; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf [data-scope] {
  min-height: 30px;
  padding: 4px 9px;
  white-space: nowrap; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf [data-scope] span {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-action="load-text"] {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-context="text-editor"] {
  background: transparent; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format {
  margin: 2px 0; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] {
  gap: 6px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] > label {
  font-size: 11px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] textarea {
  min-height: 46px;
  max-height: 72px;
  background: #fff;
  border-color: #b9c1c5; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-abschnitt {
  margin-top: 6px;
  padding-top: 6px;
  border-color: #c7ced1; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  gap: 6px;
  grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) minmax(210px, 1fr) auto; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis .gestalt-zahlen {
  margin: 0;
  gap: 6px;
  max-width: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis label {
  font-size: 11px;
  line-height: 1.25; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis :is(select,input) {
  min-height: 30px;
  height: 30px;
  padding: 3px 6px;
  margin: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis .gestalt-ausrichtung {
  gap: 2px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis .gestalt-ausrichtung button {
  min-height: 30px;
  padding: 3px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-umbruch {
  margin-top: 6px;
  padding-block: 5px;
  border-color: #c7ced1; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-umbruch .gestalt-legende {
  margin: 2px 0;
  font-size: 11px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-woerter {
  gap: 3px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-woerter button {
  min-height: 26px;
  padding: 2px 6px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] footer {
  position: sticky;
  bottom: -8px;
  background: #edf0f1;
  z-index: 2;
  margin: 0;
  padding: 6px 0 0;
  border-color: #c7ced1;
  align-items: start; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] footer button {
  min-height: 30px;
  padding: 4px 9px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-action="save-joomla"] {
  margin-left: auto;
  order: 2; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-mehr {
  order: 4;
  position: relative; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-mehr summary {
  cursor: pointer;
  border: 1px solid #b9c1c5;
  padding: 4px 9px;
  min-height: 30px;
  box-sizing: border-box; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-mehr > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding-top: 4px;
  max-width: 300px; }
.d3w-gestaltungsleiste.gestalt-textmodus button, .d3w-gestaltungsleiste.gestalt-textmodus select, .d3w-gestaltungsleiste.gestalt-textmodus input {
  border-color: #b9c1c5; }
.d3w-gestaltungsleiste.gestalt-textmodus button:not([aria-pressed="true"]) {
  background: #f8fafb; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-quote-help] {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-quote-controls] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 0 8px 0 0; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-quote-controls][hidden] {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format {
  min-height: 28px;
  gap: 3px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format > button {
  min-height: 26px;
  min-width: 26px;
  padding: 2px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format .gestalt-legende {
  font-size: 11px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] > label:only-child {
  font-size: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] textarea {
  font-size: 14px;
  line-height: 1.4;
  min-height: 44px;
  height: 48px;
  max-height: 72px;
  padding: 5px 7px; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  display: grid;
  grid-template-columns: minmax(360px, 1.4fr) minmax(300px, 1fr) minmax(180px, 0.65fr);
  gap: 10px;
  align-items: stretch; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe {
  min-width: 0;
  border-right: 1px solid #c7ced1;
  padding-right: 10px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe:last-child {
  border-right: 0;
  padding-right: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe > strong {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 3px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe > div {
  display: flex;
  align-items: end;
  gap: 6px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandschrift .gestalt-zahlen {
  flex: 1;
  max-width: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandschrift .gestalt-inline-format {
  margin: 0;
  flex-shrink: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandabsatz label {
  flex: 1;
  min-width: 100px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandumbruch label {
  width: 100%; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-abschnitt {
  margin: 0 0 6px;
  padding: 0 0 6px;
  border-top: 0;
  border-bottom: 1px solid #c7ced1; }

.gestalt-symbolknopf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  max-width: 36px;
  min-height: 30px;
  padding: 4px;
  flex: 0 0 32px; }

.d3w-gestaltungsleiste .gestalt-legende, .d3w-gestaltungsleiste [data-info], .d3w-gestaltungsleiste .gestalt-speicher {
  font-size: 11px;
  line-height: 1.35; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf [data-scope] {
  padding: 4px;
  min-width: 32px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.7fr);
  gap: 6px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe > div {
  flex-wrap: wrap; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-zahlen {
  min-width: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-zahlen label {
  min-width: 65px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-action="undo"], .d3w-gestaltungsleiste.gestalt-textmodus [data-action="redo"] {
  flex: 0 0 32px; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-controls] > .gestalt-reiter {
  display: flex; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="raster"] {
  display: block; }

.d3w-canvas .d3w-seitenrand {
  display: none;
  position: fixed;
  top: 104px;
  bottom: 0;
  width: var(--d3w-randbreite, 0px);
  background: rgba(150, 155, 158, 0.1);
  pointer-events: none;
  z-index: 93;
  text-align: center;
  font: 11px/24px sans-serif;
  color: #6c7478; }

.d3w-canvas.d3w-raender-zeigen .d3w-seitenrand {
  display: block; }

.d3w-seitenrand--links {
  left: 0; }

.d3w-seitenrand--rechts {
  right: 0; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe :is(input,select) {
  min-width: 0;
  width: 100%;
  box-sizing: border-box; }

.d3w-gestaltungsleiste .gestalt-aktionen > button {
  flex: 0 0 32px;
  width: 32px;
  max-width: 32px;
  padding: 4px; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] footer > button {
  flex: 0 0 32px;
  width: 32px;
  max-width: 32px;
  padding: 4px; }

.d3w-gestaltungsleiste [aria-labelledby="gestalt-geltung"] {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  margin: 4px 0;
  max-width: none; }

.d3w-gestaltungsleiste [data-scope] {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  padding: 4px;
  min-height: 30px; }

.d3w-gestaltungsleiste .gestalt-kopf {
  flex-wrap: wrap; }

.d3w-gestaltungsleiste .gestalt-kopf [aria-labelledby="gestalt-geltung"] {
  flex-basis: 100%; }

.d3w-gestaltungsleiste .gestalt-kopf > #gestalt-geltung {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%); }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-umbruch .gestalt-bandumbruch {
  border: 0;
  padding: 0;
  display: inline-flex;
  margin: 3px 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-umbruch .gestalt-bandumbruch > strong {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-umbruch .gestalt-bandumbruch > div {
  display: flex;
  gap: 8px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandumbruch label {
  width: auto;
  min-width: 150px;
  font-size: 11px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandumbruch select {
  height: 28px;
  padding: 3px 6px; }

.d3w-gestaltungsleiste .gestalt-extras {
  order: 4; }

.d3w-gestaltungsleiste .gestalt-extras > div {
  display: flex;
  gap: 3px;
  flex-wrap: nowrap; }

.d3w-gestaltungsleiste .gestalt-extras button {
  flex: 0 0 32px;
  width: 32px;
  max-width: 32px;
  padding: 4px; }

.d3w-gestaltungsleiste .gestalt-reiter {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel="text"] .gestalt-zahlen[hidden] {
  display: none; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] {
  display: block; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] textarea {
  max-height: none;
  min-height: 30px;
  resize: vertical; }

.gestalt-enterhilfe {
  font-size: 11px;
  color: #5f6b72;
  margin-left: 6px; }

.gestalt-zitatwerkzeuge {
  border-bottom: 1px solid #c7ced1;
  padding: 6px 0 12px;
  margin-bottom: 8px; }

.gestalt-zitatseiten {
  display: flex;
  gap: 4px;
  margin-top: 4px; }

.d3w-gestaltungsleiste .gestalt-geltung:has(> [data-preset]) {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px; }

.d3w-gestaltungsleiste .gestalt-reiter > button {
  flex: 0 0 32px;
  width: 32px;
  max-width: 32px;
  min-height: 30px;
  padding: 4px; }

.gestalt-vorschauzoom {
  display: flex;
  align-items: center;
  gap: 3px;
  flex-basis: 100%; }

.gestalt-vorschauzoom output {
  min-width: 45px;
  text-align: center;
  font-size: 11px; }

.d3w-gestaltungsleiste {
  --werkzeug-kante:32px; }

.d3w-gestaltungsleiste .gestalt-inhalt {
  padding-bottom: 78px; }

.d3w-gestaltungsleiste > .gestalt-aktionen {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 108;
  background: #edf0f1;
  border-top: 1px solid #c7ced1;
  padding: 9px 10px;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 3px; }

.d3w-gestaltungsleiste .gestalt-aktionen :is(button,.gestalt-symbolknopf), .d3w-gestaltungsleiste .gestalt-symbolknopf {
  width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  min-width: 32px;
  max-width: 32px;
  flex: 0 0 32px;
  padding: 4px;
  aspect-ratio: 1; }

.d3w-gestaltungsleiste .gestalt-aktionen [data-action="save-joomla"] {
  margin-left: auto; }

.d3w-gestaltungsleiste .gestalt-symbolknopf svg {
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px; }

.d3w-gestaltungsleiste .gestalt-ebenen {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap; }

.d3w-gestaltungsleiste .gestalt-ebenen > button {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 4px; }

.d3w-gestaltungsleiste .gestalt-vorschauzoom {
  margin: 0 0 8px; }

.d3w-gestaltungsleiste .gestalt-raster, .d3w-gestaltungsleiste .gestalt-bildraster {
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 2px; }

.d3w-gestaltungsleiste .gestalt-raster > button, .d3w-gestaltungsleiste .gestalt-bildraster > button {
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1;
  padding: 0;
  font-size: 10px;
  line-height: 1; }

.d3w-gestaltungsleiste select {
  padding-inline: 8px 24px !important; }

.d3w-gestaltungsleiste :is(.gestalt-kopf,.gestalt-feldkarte,.gestalt-abstandsgruppe) {
  background: #edf0f1;
  border-color: #c7ced1; }

.d3w-canvas.d3w-raender-ohne-grau .d3w-seitenrand {
  background: transparent; }

.d3w-gestaltungsleiste .gestalt-kopf > [aria-labelledby="gestalt-geltung"] {
  margin: 5px 0 0 auto;
  flex-basis: 100%;
  justify-content: flex-end; }

.d3w-gestaltungsleiste :is([data-format],[data-align],.gestalt-cd-wahl > button) {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-height: 32px;
  flex: 0 0 32px;
  padding: 4px;
  box-sizing: border-box; }

.d3w-gestaltungsleiste [data-align] svg {
  width: 22px;
  height: 22px; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 12px;
  align-items: start; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-umbruch {
  border: 0;
  margin: 0;
  padding: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-bandumbruch, .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-bandumbruch > div {
  display: block;
  margin: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-bandumbruch label {
  display: block;
  margin-bottom: 6px;
  min-width: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-bandumbruch select {
  width: 100%; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf {
  margin-bottom: 4px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inhalt > .gestalt-vorschau {
  border: 0;
  margin: 4px 0;
  padding: 0; }

.gestalt-entscheidung {
  background: #edf0f1;
  color: #30363a;
  border: 1px solid #b9c1c5; }

.gestalt-entscheidung .gestalt-cd-wahl > button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 4px;
  border: 1px solid #b9c1c5;
  border-radius: 0;
  background: #fff; }

.gestalt-entscheidung .gestalt-cd-wahl > button[aria-pressed="true"] {
  background: #3f484e;
  color: #fff;
  border-color: #3f484e; }

.gestalt-entscheidung :is([data-cd-cancel],[data-cd-accept]) {
  border-color: #b9c1c5;
  background: #fff; }

.d3w-gestaltungsleiste {
  color: #30363a;
  background: #edf0f1; }
  .d3w-gestaltungsleiste .gestalt-kopf {
    padding: 10px 12px;
    gap: 6px;
    border-color: #c7ced1; }
  .d3w-gestaltungsleiste .gestalt-kopf > div:first-child {
    flex: 1 1 200px; }
  .d3w-gestaltungsleiste .gestalt-kopf > [aria-labelledby="gestalt-geltung"] {
    flex: 0 0 auto;
    margin: 2px 0 0 auto; }
  .d3w-gestaltungsleiste .gestalt-inhalt {
    padding: 10px 12px 70px; }
  .d3w-gestaltungsleiste .gestalt-auswahl {
    background: #fff;
    border: 1px solid #a6b3ba;
    border-left: 3px solid #526975;
    min-height: 0;
    padding: 9px 10px;
    margin: 10px 0; }
  .d3w-gestaltungsleiste .gestalt-auswahl > .gestalt-legende:first-child {
    color: #526975;
    font-weight: 600;
    font-size: 11px; }
  .d3w-gestaltungsleiste .gestalt-auswahl > strong {
    font-size: 13px;
    line-height: 1.4;
    margin: 4px 0; }
  .d3w-gestaltungsleiste .gestalt-auswahl > [data-info="layout"] {
    color: #5f6b72; }
  .d3w-gestaltungsleiste fieldset {
    margin: 12px 0 0; }
  .d3w-gestaltungsleiste legend {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 6px; }
  .d3w-gestaltungsleiste .gestalt-zahlen {
    gap: 8px;
    margin-top: 8px; }
  .d3w-gestaltungsleiste .gestalt-seite {
    border-color: #c7ced1;
    margin-block: 10px;
    padding-block: 8px; }
  .d3w-gestaltungsleiste .gestalt-seite[hidden] {
    display: none !important; }
  .d3w-gestaltungsleiste .gestalt-abstandsgruppe {
    padding: 8px 0;
    background: transparent; }
  .d3w-gestaltungsleiste .gestalt-speicher {
    margin: 4px 0;
    padding: 0; }
  .d3w-gestaltungsleiste .gestalt-vorschau {
    border: 0;
    padding: 0;
    margin: 8px 0; }
  .d3w-gestaltungsleiste .gestalt-inhalt > .gestalt-label:empty {
    display: none; }
  .d3w-gestaltungsleiste select {
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%2356646b' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 10px center;
    background-size: 12px 8px;
    padding-inline: 9px 30px !important; }
  .d3w-gestaltungsleiste :is(input[type='number'],select) {
    height: 34px;
    margin-top: 4px;
    border-color: #b9c1c5; }
  .d3w-gestaltungsleiste button:not([aria-pressed='true']):not(:disabled) {
    background: #f8fafb;
    border-color: #b9c1c5; }
  .d3w-gestaltungsleiste button[aria-pressed='true'] {
    background: #3f4e57;
    border-color: #3f4e57;
    color: #fff; }
  .d3w-gestaltungsleiste :is(button,select,input,textarea):focus-visible {
    outline: 2px solid #526975;
    outline-offset: 2px; }
  .d3w-gestaltungsleiste .gestalt-globalrolle {
    padding: 8px 0;
    border-color: #c7ced1; }
  .d3w-gestaltungsleiste [data-action='promote-current'] {
    font-size: 12px;
    width: 100%;
    margin: 8px 0 0; }

.d3w-gestaltungsleiste.gestalt-textmodus [data-tab-panel='text'] {
  position: static;
  inset: auto;
  max-height: none;
  overflow: visible;
  padding: 8px 0;
  border: 0;
  box-shadow: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 6px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf > strong {
  font-size: 13px;
  margin-right: auto; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textkopf [data-action='editor-size'] {
  font-size: 11px;
  min-height: 28px;
  padding: 4px 7px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-editorhinweis {
  flex: 1 1 100%;
  font-size: 11px;
  line-height: 1.35;
  color: #5f6b72;
  margin: 2px 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe {
  border: 0;
  padding: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe > strong {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format {
  flex-wrap: wrap; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format > .gestalt-legende {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-enterhilfe {
  margin: 2px 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch {
  display: block; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-bandumbruch > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch .gestalt-bandumbruch label {
  min-width: 0;
  margin: 6px 0; }
.d3w-gestaltungsleiste.gestalt-textmodus [data-text-editor] textarea {
  max-height: 280px;
  overflow: auto; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-abschnitt {
  border: 0;
  padding: 0;
  margin: 0 0 6px; }

.d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross [data-tab-panel='text'] {
  position: fixed;
  left: 0;
  right: 380px;
  bottom: 0;
  padding: 10px 14px;
  border-top: 1px solid #b9c1c5;
  max-height: 45vh;
  overflow: auto;
  z-index: 104; }
.d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross .gestalt-text-und-umbruch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
  gap: 12px; }
.d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross .gestalt-text-und-umbruch .gestalt-bandumbruch > div {
  display: block; }

.gestalt-entscheidung {
  max-height: calc(100svh - 32px);
  padding: 20px;
  overflow: auto;
  scroll-padding-block: 12px; }

.gestalt-entscheidung [data-cd-list] {
  max-height: calc(100svh - 250px);
  overflow: auto;
  margin-block: 12px;
  padding-left: 20px; }

.gestalt-entscheidung :is(button,p,li) {
  font-size: 14px;
  line-height: 1.45; }

.d3w-gestaltungsleiste .gestalt-linkeditor {
  border: 1px solid #b9c1c5;
  padding: 10px;
  margin: 8px 0;
  background: #fff; }
.d3w-gestaltungsleiste .gestalt-linkeditor > label {
  font-size: 11px;
  margin: 6px 0; }
.d3w-gestaltungsleiste .gestalt-linkeditor input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #b9c1c5;
  padding: 6px 9px; }
.d3w-gestaltungsleiste .gestalt-linkeditor > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px; }
.d3w-gestaltungsleiste .gestalt-linkeditor button {
  font-size: 12px;
  min-height: 30px;
  padding: 4px 7px; }
.d3w-gestaltungsleiste [data-link-files] {
  max-height: 200px;
  overflow: auto; }
.d3w-gestaltungsleiste [data-link-files] > button {
  width: 100%;
  text-align: left; }
.d3w-gestaltungsleiste .gestalt-auswahl {
  position: relative;
  padding-right: 42px; }
.d3w-gestaltungsleiste .gestalt-auswahl [data-action='delete-content'] {
  position: absolute;
  top: 8px;
  right: 6px; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  overflow-x: auto; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandgruppe > div {
  min-width: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format {
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-enterhilfe {
  display: none; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-bandabsatz > div {
  justify-content: flex-start; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis > .gestalt-bandgruppe {
  flex: 0 0 auto;
  min-width: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis .gestalt-ausrichtung {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-symbol-mit-text {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: auto;
  min-width: 58px;
  max-width: none;
  flex: 0 0 auto;
  padding: 4px 6px;
  font-size: 12px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-symbol-mit-text svg {
  width: 18px;
  min-width: 18px;
  height: 18px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-linkeditor {
  display: block; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-linkeditor[hidden] {
  display: none !important; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-linkeditor > label {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-linkeditor :is(select,input) {
  width: 100%;
  max-width: 100%;
  min-width: 0; }

.d3w-gestaltungsleiste :is(.gestalt-symbolknopf,[data-format],[data-align],[data-scope],[data-layer],[data-baseline],[data-gray]) {
  width: 32px;
  height: 32px;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  flex: 0 0 32px;
  padding: 3px;
  box-sizing: border-box; }
.d3w-gestaltungsleiste :is(.gestalt-symbolknopf,[data-align]) svg {
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px; }
.d3w-gestaltungsleiste .gestalt-symbol-mit-text > span {
  display: none; }
.d3w-gestaltungsleiste .gestalt-symbol-mit-text {
  gap: 0;
  justify-content: center; }
.d3w-gestaltungsleiste [data-format] {
  font-size: 18px;
  line-height: 24px; }

.gestalt-entscheidung .gestalt-cd-wahl > button {
  width: 32px;
  height: 32px;
  padding: 3px; }

.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format > button, .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-ausrichtung > button, .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-symbol-mit-text {
  width: 32px;
  height: 32px;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  flex: 0 0 32px;
  padding: 3px; }
.d3w-gestaltungsleiste.gestalt-textmodus .gestalt-inline-format > button svg, .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-ausrichtung > button svg, .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-symbol-mit-text svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px; }

.d3w-gestaltungsleiste [data-text-field] {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  min-height: 48px;
  max-height: 280px;
  overflow: auto;
  padding: 6px;
  border: 1px solid #b9c1c5;
  background: #fff;
  color: #30363a;
  cursor: text; }

.d3w-gestaltungsleiste [data-text-field] strong {
  font-weight: 600; }

.d3w-gestaltungsleiste [data-text-field] em {
  font-style: italic; }

.d3w-gestaltungsleiste [data-text-field] a {
  color: #365d75;
  text-decoration: underline; }

.d3w-gestaltungsleiste [data-text-field]:focus-visible {
  outline: 2px solid #526975;
  outline-offset: 2px; }

.d3w-gestaltungsleiste [data-text-field][aria-disabled='true'] {
  opacity: .7;
  cursor: default; }

.d3w-gestaltungsleiste :is(input:not([type='checkbox']):not([type='radio']),select,[data-text-field]),
.gestalt-entscheidung :is(input,select) {
  border-color: #77858c; }

.d3w-gestaltungsleiste .gestalt-ansichtszeile {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  margin-block-end: 8px; }
  .d3w-gestaltungsleiste .gestalt-ansichtszeile .gestalt-vorschauzoom {
    flex: 0 0 auto;
    margin: 0; }
  .d3w-gestaltungsleiste .gestalt-ansichtszeile .gestalt-ebenen {
    flex: 0 0 auto;
    margin: 0; }

.d3w-gestaltungsleiste .gestalt-bildquelle .gestalt-bildkopf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px; }
.d3w-gestaltungsleiste .gestalt-bildquelle .gestalt-bildkopf > strong {
  font-size: 13px;
  white-space: nowrap; }
.d3w-gestaltungsleiste .gestalt-bildquelle .gestalt-bildaktionen {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap; }
.d3w-gestaltungsleiste .gestalt-bildquelle .gestalt-bildaktionen a {
  border: 1px solid #b9c1c5;
  background: #f8fafb;
  color: inherit;
  text-decoration: none; }
.d3w-gestaltungsleiste .gestalt-bildquelle .gestalt-bildaktionen a[aria-disabled='true'] {
  opacity: .4;
  cursor: default; }
.d3w-gestaltungsleiste .gestalt-bildquelle > label {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  font-size: 11px;
  margin-block: 6px; }
.d3w-gestaltungsleiste .gestalt-bildquelle input:is([type='text'],[type='url']) {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 6px 9px;
  border: 1px solid #b9c1c5;
  background: #fff;
  font: inherit;
  font-size: 13px;
  color: inherit; }
.d3w-gestaltungsleiste .gestalt-bildquelle [data-media-path] {
  font-size: 11px;
  overflow-wrap: anywhere;
  margin-block: 8px 4px; }
.d3w-gestaltungsleiste .gestalt-bildquelle .gestalt-legende {
  font-size: 11px;
  line-height: 1.4;
  margin-block: 6px; }

.d3w-gestaltungsleiste .gestalt-akkordeonstart {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  margin: 6px 0; }

.d3w-gestaltungsleiste .gestalt-sichtbarkeit {
  padding-block: 8px;
  border-block-end: 1px solid #c3cbd0; }
  .d3w-gestaltungsleiste .gestalt-sichtbarkeit > label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px; }
  .d3w-gestaltungsleiste .gestalt-sichtbarkeit input[type="checkbox"] {
    margin: 0;
    width: 15px;
    height: 15px; }
  .d3w-gestaltungsleiste .gestalt-sichtbarkeit [data-hidden-list] {
    margin-block-start: 6px; }
  .d3w-gestaltungsleiste .gestalt-sichtbarkeit [data-hidden-list][hidden] {
    display: none !important; }
  .d3w-gestaltungsleiste .gestalt-sichtbarkeit [data-hidden-list] label {
    display: grid;
    gap: 3px;
    font-size: 11px; }
  .d3w-gestaltungsleiste .gestalt-sichtbarkeit select {
    width: 100%;
    min-width: 0;
    padding: 6px 28px 6px 8px; }

#d3w-gestaltungsleiste .gestalt-ansichtspruefung {
  margin-block: 8px;
  padding: 10px;
  border: 1px solid #b45309;
  border-inline-start-width: 3px;
  background: #fff6e9;
  color: #5b3715; }
  #d3w-gestaltungsleiste .gestalt-ansichtspruefung strong {
    display: block;
    font-size: 14px; }
  #d3w-gestaltungsleiste .gestalt-ansichtspruefung p {
    margin: 4px 0 8px;
    font-size: 12px;
    line-height: 1.4; }
  #d3w-gestaltungsleiste .gestalt-ansichtspruefung .gestalt-review-ansichten {
    display: flex;
    gap: 4px;
    margin-block-end: 8px; }
  #d3w-gestaltungsleiste .gestalt-ansichtspruefung button {
    width: auto;
    min-height: 30px;
    padding: 4px 7px;
    font-size: 12px; }
  #d3w-gestaltungsleiste .gestalt-ansichtspruefung:not(.ist-offen) {
    border-color: #53724b;
    background: #f1f6ed;
    color: #35482f; }

.gestalt-geltungswahl [data-scope-choices] {
  display: grid;
  gap: 8px;
  margin-block: 16px; }
  .gestalt-geltungswahl [data-scope-choices] label {
    display: flex;
    align-items: center;
    gap: 6px; }

#d3w-gestaltungsleiste.gestalt-kontrollmodus [data-controls],
#d3w-gestaltungsleiste.gestalt-kontrollmodus .gestalt-textmodus {
  display: none; }

.gestalt-vorschlaege {
  max-height: 80vh;
  overflow: auto; }
  .gestalt-vorschlaege section {
    padding-block: 10px;
    border-block-start: 1px solid #bcc5ca; }
  .gestalt-vorschlaege p {
    font-size: 13px;
    line-height: 1.45; }
  .gestalt-vorschlaege button {
    min-height: 32px;
    padding: 5px 9px;
    border-radius: 3px; }

#d3w-gestaltungsleiste :is([data-scope-control],[data-action='suggest']) {
  width: auto;
  min-height: 28px;
  margin: 5px 4px 0 0;
  padding: 4px 7px;
  font-size: 12px; }

body:not(.startseite) .seitenkopf {
  max-width: none;
  padding-inline: var(--inhalt-seitenrand); }
body:not(.startseite) .seitenfuss {
  padding-inline: var(--inhalt-seitenrand); }
body:not(.startseite) .seitenfuss > * {
  max-width: none; }
body:not(.startseite) main.seiteninhalt {
  padding-inline: 0; }
body:not(.startseite) main :is(.angebot-inhalt,.portfolio-breite,.impulsraster,.angebotswege,
.persoenlich,.rechtstext,.osmap-sitemap,.com-content-category-blog,.persoenlicher-raum,.kontaktbereich,
.essay-weiter,.veranstaltungsseite > #anmeldung) {
  width: auto;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--inhalt-seitenrand); }
body:not(.startseite) main .arbeitsgruppe.portfolio-breite {
  padding-inline: 0; }
body:not(.startseite) main .persoenlich__inhalt {
  min-width: 0; }
body:not(.startseite) main :is(.arbeitsraster,.impulsraster,.referenz-motive,.referenz-kapitel,
.angebotswege,.projekt-fakten,.arbeitsreferenzen,.kontaktbereich,.essay-weiter,
.peb-anwendungen__raster) {
  column-gap: var(--d3w-gutter); }
body:not(.startseite) main .zwischenraeume-abschluss {
  margin-inline: var(--inhalt-seitenrand);
  padding-inline: 0;
  column-gap: var(--d3w-gutter); }
body:not(.startseite) main .essay {
  width: auto;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--inhalt-seitenrand); }
body:not(.startseite) main .com-content-article > .page-header {
  width: auto;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--inhalt-seitenrand); }
body:not(.startseite) main :is(.referenz-motive,.projekt-fakten,.arbeitsraster) > * {
  min-width: 0; }

@media (max-width: 1023px) {
  body:not(.startseite) main#hauptinhalt .kontaktbereich {
    display: flex;
    flex-direction: column; }
    body:not(.startseite) main#hauptinhalt .kontaktbereich > * {
      min-width: 0;
      width: 100%;
      max-width: none; } }
@media (min-width: 601px) {
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) {
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--inhalt-seitenrand);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :first-child {
      grid-column: 1 / 6;
      grid-row: 1;
      padding-inline: 0; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :not(:first-child) {
      grid-column: 7 / -1;
      grid-row: 1; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild {
      display: contents; }
    body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild > img {
      grid-column: 7 / -1;
      grid-row: 1; }
  body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section,
  body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0;
    align-items: start; }
    body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > *,
    body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > * {
      min-width: 0;
      grid-column: 5 / 12;
      max-width: none; }
    body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > h2,
    body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > h2 {
      grid-column: 1 / 4;
      margin-block-start: 0; }
    body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > h2 + *,
    body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > h2 + * {
      margin-block-start: 0; }
  body:not(.startseite) main .angebot-inhalt > section.angebot-ergaenzungen > p {
    grid-column: 5 / 12; }
  body:not(.startseite) main :is(.angebot-inhalt > .angebot-einstieg--zitat,
  .persoenlich__inhalt > .persoenlich-einstieg--zitat):has(> h2) > .essay-zitat {
    grid-column: 1 / 4;
    grid-row: 2; }
  body:not(.startseite) main :is(.angebot-inhalt > .angebot-einstieg--zitat,
  .persoenlich__inhalt > .persoenlich-einstieg--zitat):has(> h2) > h2 + .essay-zitat + p {
    grid-column: 5 / 12;
    grid-row: 1; }
  body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section:has(> [data-rlta-type='accordions']) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section:has(> [data-rlta-type='accordions']) > [data-rlta-type='accordions'] {
      grid-column: 2 / 12;
      width: auto; }
  body:not(.startseite) main .persoenlich:not(.kontaktseite) {
    display: block; }
  body:not(.startseite) main .persoenlich.kontaktseite {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
  body:not(.startseite) main .kontaktseite .persoenlich__auftakt {
    grid-column: 1 / -1; }
  body:not(.startseite) main .kontaktseite .persoenlich__inhalt {
    grid-column: 5 / 12;
    max-width: none; }
  body:not(.startseite) main .kontaktbereich {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .kontaktbereich > .visforms {
      grid-column: 1 / 9; }
    body:not(.startseite) main .kontaktbereich > :not(.visforms) {
      grid-column: 10 / -1; }
  body:not(.startseite) main .referenz-einblick {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .referenz-einblick > blockquote {
      grid-column: 1 / 4;
      max-width: none; }
    body:not(.startseite) main .referenz-einblick > :not(blockquote) {
      grid-column: 5 / -1; }
  body:not(.startseite) main .referenz-motive--auswahl {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
  body:not(.startseite) main .referenz-motive.referenz-motive--audiowalk {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .referenz-motive.referenz-motive--audiowalk > figure:nth-child(odd) {
      grid-column: 1 / 5; }
    body:not(.startseite) main .referenz-motive.referenz-motive--audiowalk > figure:nth-child(even) {
      grid-column: 5 / -1; }
  body:not(.startseite) main :is(.arbeitsraster,.angebotswege,.referenz-kapitel,.arbeitsreferenzen,.projekt-fakten,
  .peb-anwendungen__raster,.essay-weiter) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
  body:not(.startseite) main .arbeitsraster > * {
    grid-column: span 3; }
  body:not(.startseite) main :is(.angebotswege,.referenz-kapitel) > * {
    grid-column: span 3; }
  body:not(.startseite) main .projekt-fakten > div {
    grid-column: span 3; }
  body:not(.startseite) main .projekt-fakten > div:nth-child(3) {
    grid-column: span 6; }
  body:not(.startseite) main .essay-weiter > * {
    grid-column: span 6; }
  body:not(.startseite) main .essay:not(.veranstaltungsseite .essay) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .essay:not(.veranstaltungsseite .essay) > * {
      grid-column: 2 / 9;
      min-width: 0;
      max-width: none; }
    body:not(.startseite) main .essay:not(.veranstaltungsseite .essay) > .essay-zitat {
      grid-column: 10 / -1;
      grid-row: 4 / span 6; }
  body:not(.startseite) main .veranstaltungsseite > div.essay {
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--inhalt-seitenrand);
    display: block; }
  body:not(.startseite) main .veranstaltungsseite .essay > section {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .veranstaltungsseite .essay > section > h2 {
      margin-block-start: 0;
      align-self: start; }
    body:not(.startseite) main .veranstaltungsseite .essay > section > * {
      grid-column: 4 / 10; }
    body:not(.startseite) main .veranstaltungsseite .essay > section > .essay-zitat {
      position: static;
      grid-column: 10 / -1;
      max-width: none; }
    body:not(.startseite) main .veranstaltungsseite .essay > section > .essay-zitat--links {
      grid-column: 1 / 4; }
  body:not(.startseite) main :is(.rechtstext,.osmap-sitemap,.persoenlicher-raum) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main :is(.rechtstext,.osmap-sitemap,.persoenlicher-raum) > * {
      grid-column: 2 / 12;
      min-width: 0; }
  body:not(.startseite) main .peb-fallstudie .peb-prozess {
    column-gap: var(--d3w-gutter); }
  body:not(.startseite) main .peb-fallstudie .peb-wirkung {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0;
    padding-inline: var(--inhalt-seitenrand); }
    body:not(.startseite) main .peb-fallstudie .peb-wirkung > .peb-wirkung__text {
      grid-column: 1 / 6;
      grid-row: 1;
      padding-inline: 0; }
    body:not(.startseite) main .peb-fallstudie .peb-wirkung > figure {
      grid-column: 7 / -1;
      grid-row: 1; }
  body:not(.startseite) main .peb-fallstudie .peb-wirkung--messe > figure {
    grid-column: 1 / 7; }
  body:not(.startseite) main .peb-fallstudie .peb-wirkung--messe > .peb-wirkung__text {
    grid-column: 8 / -1; }
  body:not(.startseite) main .peb-fallstudie .peb-anwendungen__raster > figure {
    grid-column: span 4; } }
@media (max-width: 600px) {
  body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt,.referenz-erzaehlung) > section {
    min-width: 0; } }
@media (min-width: 601px) {
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > h2 {
      grid-column: 1 / 4; }
    body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > :not(h2) {
      grid-column: 5 / 12;
      max-width: none; }
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > .persoenlich-einstieg--zitat > .essay-zitat {
    grid-column: 1 / 4;
    grid-row: 2; }
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > .persoenlich-einstieg--zitat > h2 + .essay-zitat + p {
    grid-column: 5 / 12;
    grid-row: 1; }
  body:not(.startseite) main .kontaktseite .persoenlich__inhalt > section {
    display: block; }
    body:not(.startseite) main .kontaktseite .persoenlich__inhalt > section > * {
      max-width: none; }
  body:not(.startseite) main .angebot-inhalt > .veranstaltungshinweis > .veranstaltungshinweis__motiv {
    margin-inline: 0;
    width: auto; }
  body:not(.startseite) main .zwischenraeume-abschluss > :is(.zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss) {
    max-width: none; } }
@media (min-width: 601px) {
  body:not(.startseite) main :is(.rechtstext,.osmap-sitemap,.persoenlicher-raum) > * {
    max-width: none;
    width: auto; }
  body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--d3w-gutter); }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl > figure {
      grid-column: span 3; }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl > figure:nth-child(3) {
      grid-column: span 2; }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl:has(> figure:nth-child(5):last-child) > figure:nth-child(n+4), body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl:has(> figure:nth-child(4):last-child) > figure, body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl:has(> figure:nth-child(2):last-child) > figure {
      grid-column: span 4; }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl > figure:only-child {
      grid-column: 1 / -1; }
  body:not(.startseite) main .peb-fallstudie .peb-prozess--horizontal {
    margin-inline: var(--inhalt-seitenrand);
    padding-inline: 0; } }
@media (min-width: 601px) {
  body:not(.startseite) main .essay > .essay-bild--auskragend {
    grid-column: 1 / 9;
    margin-inline: 0;
    width: 100%;
    max-width: none; }
  body:not(.startseite) main .rechtstext > :is(h1,p), body:not(.startseite) main .osmap-sitemap > .osmap-sitemap-description {
    width: auto;
    max-width: none; } }
@media (min-width: 601px) {
  body:not(.startseite) main.seiteninhalt .rechtstext > p:first-of-type:not(:has(strong)) {
    max-width: none;
    width: auto; } }
@media (min-width: 601px) {
  body:not(.startseite) main.seiteninhalt .rechtstext > p {
    max-width: none;
    max-inline-size: none;
    width: auto; } }
@media (min-width: 601px) {
  body:not(.startseite) main.seiteninhalt .rechtstext:has([data-rlta-type='accordions']) > p:first-of-type {
    max-width: none;
    max-inline-size: none; } }
@media (min-width: 601px) {
  body:not(.startseite) main .peb-fallstudie .peb-einstieg {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    min-width: 0; }
    body:not(.startseite) main .peb-fallstudie .peb-einstieg > .kapitelmarke {
      grid-column: 1 / 4;
      grid-row: 1; }
    body:not(.startseite) main .peb-fallstudie .peb-einstieg > h2 {
      grid-column: 1 / 4;
      grid-row: 2; }
    body:not(.startseite) main .peb-fallstudie .peb-einstieg > p:last-child {
      grid-column: 5 / 12;
      grid-row: 1 / span 2;
      max-width: none; } }
@media (min-width: 1024px) {
  body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:not(.veranstaltungshinweis):not(.seiten-einstieg):not(.angebot-einstieg--zitat):not(.persoenlich-einstieg--zitat) > h2 {
    grid-column: 1 / 4;
    grid-row: auto;
    margin-block-start: 0; }
  body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:not(.veranstaltungshinweis):not(.seiten-einstieg):not(.angebot-einstieg--zitat):not(.persoenlich-einstieg--zitat) > :is(p,ul,ol) {
    grid-column: 5 / 12;
    grid-row: auto;
    margin-block-start: 0; }
  body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:not(.veranstaltungshinweis):not(.seiten-einstieg):not(.angebot-einstieg--zitat):not(.persoenlich-einstieg--zitat) > :is(.essay-zitat,blockquote) {
    grid-column: 1 / 4;
    grid-row: 2;
    align-self: start; }
  body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:not(.veranstaltungshinweis):not(.seiten-einstieg):not(.angebot-einstieg--zitat):not(.persoenlich-einstieg--zitat) > h2 + :is(.essay-zitat,blockquote) + p {
    grid-column: 5 / 12;
    grid-row: 1; } }
body:not(.startseite) main [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] > [data-rlta-element='panel'] {
  padding-inline: 0; }
body:not(.startseite) main [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-inline: 0; }

body:not(.startseite) main .arbeitsraster .arbeitskarte .projektkarte__bild {
  width: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center; }

body:not(.startseite) main .impulskarte--leitartikel .impulskarte__bild {
  margin-inline: 0;
  width: 100%;
  max-width: none; }

body:not(.startseite) main .zwischenraum-uebersicht .impulskarte--leitartikel .d3w-bild {
  width: 100%;
  margin-inline: 0; }

@media (min-width: 601px) and (max-width: 1023px) {
  body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > *, body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > h2, body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > .essay-zitat, body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > h2 + .essay-zitat + p,
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > *,
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > h2,
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > .essay-zitat,
  body:not(.startseite) main .persoenlich:not(.kontaktseite) .persoenlich__inhalt > section > h2 + .essay-zitat + p,
  body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > *,
  body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > h2,
  body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > .essay-zitat,
  body:not(.startseite) main .referenz-erzaehlung > .projekt-abschnitt > h2 + .essay-zitat + p {
    grid-column: 1 / -1;
    grid-row: auto; }
  body:not(.startseite) main .zwischenraeume-abschluss > :is(.rueckblick-zitat--links,.rueckblick-zitat--rechts) {
    grid-column: 1 / -1;
    grid-row: auto; } }
@media (min-width: 601px) {
  body:not(.startseite) main .angebot-inhalt > .veranstaltungshinweis > .veranstaltungshinweis__motiv {
    grid-column: 1 / 7;
    grid-row: 1 / span 3; }
  body:not(.startseite) main .angebot-inhalt > .veranstaltungshinweis > h2, body:not(.startseite) main .angebot-inhalt > .veranstaltungshinweis > :not(.veranstaltungshinweis__motiv) {
    grid-column: 8 / -1; } }
@media (min-width: 601px) and (max-width: 1023px) {
  body:not(.startseite) main .referenz-erzaehlung .projekt-abschnitt > :is(h2,p,blockquote,div,figure) {
    grid-column: 1 / -1;
    grid-row: auto; }
  body:not(.startseite) main .referenz-einblick > blockquote {
    grid-column: 1 / -1;
    max-width: none; }
  body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, minmax(0, 1fr)); }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl > figure {
      grid-column: span 4; }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl > figure:nth-child(3) {
      grid-column: span 4; }
    body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl:has(> figure:nth-child(5):last-child) > figure:nth-child(n+4), body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl:has(> figure:nth-child(4):last-child) > figure, body:not(.startseite) main .referenz-einblick > .referenz-motive--auswahl:has(> figure:nth-child(2):last-child) > figure {
      grid-column: span 6; } }
@media (min-width: 601px) and (max-width: 1023px) {
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :first-child {
    grid-column: 1 / -1;
    grid-row: 1; }
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :not(:first-child), body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild > img {
    grid-column: 1 / -1;
    grid-row: 2; }
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > img, body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild > img,
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > figure > img, body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > figure > picture.d3w-bild > img {
    height: auto;
    aspect-ratio: 16 / 9; }
  body:not(.startseite) main .essay:not(.veranstaltungsseite .essay) > .essay-zitat {
    grid-column: 2 / 12;
    grid-row: auto; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  body:not(.startseite) main .referenz-einblick > blockquote,
  body:not(.startseite) main :is(.angebot-inhalt,.persoenlich__inhalt) > section > .essay-zitat {
    grid-column: 1 / 5; } }
@media (min-width: 601px) and (max-width: 1023px) {
  body:not(.startseite) main .referenz-kapitel > a {
    grid-column: span 6; } }
body:not(.startseite) main .zwischenraum-uebersicht .impulskarte {
  padding-inline: 0; }

body:not(.startseite) main .zwischenraum-uebersicht .impulskarte p {
  max-width: none; }

@media (min-width: 601px) and (max-width: 1023px) {
  body:not(.startseite) main .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) > h2, body:not(.startseite) main .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) > p, body:not(.startseite) main .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) > .essay-zitat, body:not(.startseite) main .angebot-inhalt > section:has(> h2):not(.veranstaltungshinweis) > h2 + .essay-zitat + p {
    grid-column: 1 / -1;
    grid-row: auto; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  body:not(.startseite) main :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :first-child {
    grid-column: 1 / 7; } }
body:not(.startseite) main .redaktion-kategorietext {
  margin-inline: var(--inhalt-seitenrand);
  margin-block: var(--d3w-lesezeile);
  min-width: 0; }
  body:not(.startseite) main .redaktion-kategorietext > :first-child {
    margin-block-start: 0; }
  body:not(.startseite) main .redaktion-kategorietext > :last-child {
    margin-block-end: 0; }

@media (min-width: 1024px) {
  body:not(.startseite) main .redaktion-kategorietext {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter); }
    body:not(.startseite) main .redaktion-kategorietext > * {
      grid-column: 5 / 12;
      max-width: none; } }
body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte {
  align-self: stretch;
  min-height: 0;
  gap: calc(var(--d3w-lesezeile) * .5);
  padding-block-end: 0;
  font-size: var(--gestalt-rolle-body);
  line-height: 1.55; }
  body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte > h2 {
    min-height: 0;
    margin-block: 0;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap; }
  body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte > p {
    font-size: var(--gestalt-rolle-body);
    font-weight: 300;
    line-height: 1.55;
    margin: 0; }
  body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte[data-projekt-ohne-link]::after {
    display: block;
    content: '';
    color: #a5a5a5;
    pointer-events: none; }
  body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte::after {
    position: static;
    inset: auto;
    order: 4;
    align-self: flex-end;
    margin-block-start: auto;
    margin-block-end: 0;
    flex-shrink: 0;
    font-size: var(--gestalt-rolle-body);
    width: 1.19547em;
    height: 1.19547em;
    flex-basis: 1.19547em; }

@media (min-width: 801px) {
  .js body:not(.startseite) .seitenkopf > .hauptnavigation {
    position: relative;
    inset-inline-start: 8px;
    inset-inline-end: auto; } }
body:not(.startseite) main.seiteninhalt .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'] {
  max-width: none; }

@media (min-width: 801px) {
  .js body:not(.startseite) .seitenkopf:not(:has(.benutzerzugang)) > .hauptnavigation {
    inset-inline-start: 4px; } }
.d3w-arbeitsschalter[hidden], .d3w-arbeitsschalter button[hidden] {
  display: none; }

body:not(.startseite) main .zwischenraum-uebersicht .impulskarte {
  min-height: 0;
  align-self: stretch;
  padding-block-end: 16px; }
  body:not(.startseite) main .zwischenraum-uebersicht .impulskarte .impulskarte__pfeil {
    position: static;
    inset: auto;
    align-self: flex-end;
    margin-block-start: auto;
    padding-block-start: 16px; }
  body:not(.startseite) main .zwischenraum-uebersicht .impulskarte .impulskarte__lesen {
    margin-block-start: 16px;
    min-height: 0; }

body:not(.startseite) main .essay-weiter a {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3em;
  font-size: var(--gestalt-rolle-nav); }
  body:not(.startseite) main .essay-weiter a > span {
    font-size: inherit;
    line-height: inherit; }
  body:not(.startseite) main .essay-weiter a > span:first-child::after {
    content: none; }

@media (min-width: 1441px) {
  html:has(body:not(.startseite)) {
    background: #fcf8ef; }

  body:not(.startseite):not(.d3w-hat-arbeitsflaeche) {
    max-width: 1440px;
    margin-inline: auto;
    position: relative; }

  body:not(.startseite) .seitenkopf {
    max-width: 1440px;
    margin-inline: auto; } }
body:not(.startseite) .d3w-arbeitsraster > span {
  border-inline-color: rgba(58, 47, 38, 0.07);
  box-shadow: none; }

body:not(.startseite) main .zwischenraeume-abschluss .essay-bild {
  width: 100%;
  max-width: 260px;
  justify-self: start;
  margin-block: 24px; }
  body:not(.startseite) main .zwischenraeume-abschluss .essay-bild img {
    width: 100%;
    height: auto; }

body:not(.startseite) main .zwischenraum-uebersicht .impulskarte__nummer {
  font-size: var(--gestalt-rolle-caption); }

body:not(.startseite) main .zwischenraum-uebersicht .impulskarte__einzeiler {
  font-size: var(--gestalt-rolle-nav);
  margin-block: 8px 0; }

body:not(.startseite) main .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(n) {
  grid-column: auto / span 3;
  grid-row: auto; }

@media (min-width: 601px) and (max-width: 1023px) {
  body:not(.startseite) main .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(n) {
    grid-column: auto / span 4; } }
@media (max-width: 600px) {
  body:not(.startseite) main .zwischenraum-uebersicht .impulsraster > .impulskarte:nth-child(n) {
    grid-column: 1 / -1; } }
body:not(.startseite) main .rueckblick-seitenmotiv {
  grid-column: 1 / 5;
  grid-row: 2;
  min-width: 0; }

body:not(.startseite) main .rueckblick-seitenmotiv .essay-bild {
  margin: 24px 0 0;
  max-width: none;
  width: calc(100% + var(--inhalt-seitenrand));
  margin-left: calc(-1 * var(--inhalt-seitenrand)); }

body:not(.startseite) main .rueckblick-seitenmotiv .essay-bild img {
  height: auto;
  max-height: 220px;
  object-fit: cover; }

@media (min-width: 601px) {
  body:not(.startseite) main .zwischenraeume-abschluss {
    grid-template-columns: repeat(12, minmax(0, 1fr)); }

  body:not(.startseite) main .zwischenraeume-abschluss__text, body:not(.startseite) main .zwischenraeume-abschluss__schluss {
    grid-column: 5 / 12; }

  body:not(.startseite) main .essay:not(.veranstaltungsseite .essay) {
    display: flow-root; }

  body:not(.startseite) main .essay:not(.veranstaltungsseite .essay) > :is(.essay-zitat,.essay-einleitung) {
    float: left;
    width: calc((100% + var(--d3w-gutter)) * 3 / 12 - var(--d3w-gutter));
    margin-inline: 0 var(--d3w-gutter);
    max-width: none; } }
body:not(.startseite) main .essay-einleitung {
  border-inline-start: 1px solid var(--gestalt-linienfarbe);
  padding-inline-start: 24px; }

.d3w-gestaltungsleiste [hidden] {
  display: none !important; }

@media (min-width: 601px) {
  body:not(.startseite) main .zwischenraeume-abschluss > .zwischenraeume-abschluss__text {
    grid-column: 5 / 12;
    grid-row: 2; }

  body:not(.startseite) main .zwischenraeume-abschluss > .zwischenraeume-abschluss__schluss {
    grid-column: 5 / 10;
    grid-row: 3; }

  body:not(.startseite) main .zwischenraeume-abschluss > .rueckblick-seitenmotiv {
    grid-column: 1 / 5;
    grid-row: 2; }

  body:not(.startseite) main .rueckblick-seitenmotiv > .rueckblick-zitat {
    width: auto;
    max-width: none;
    float: none;
    margin-inline: 0;
    padding-inline: 0 24px; } }
@media (max-width: 600px) {
  body:not(.startseite) main .zwischenraeume-abschluss {
    display: block; }

  body:not(.startseite) main .rueckblick-seitenmotiv {
    margin-block: var(--d3w-lesezeile, 26.35px); }

  body:not(.startseite) main .rueckblick-seitenmotiv .essay-bild {
    width: min(100%, 320px);
    margin-inline: 0; } }
body:not(.startseite) {
  --d3w-lesezeile:calc(var(--gestalt-rolle-body) * 1.55); }

body:not(.startseite) main .rueckblick-seitenmotiv--gross .essay-bild img {
  max-height: 340px; }

body:not(.startseite) main :is(.essay-zitat,.rueckblick-zitat,.essay-einleitung) {
  margin-block: calc(var(--d3w-lesezeile) / 2);
  padding-block: calc(var(--d3w-lesezeile) / 2); }

body:not(.startseite) main .essay-weiter a > span:not(.d3w-pfeil) {
  font-size: var(--gestalt-rolle-caption) !important;
  line-height: 1.55; }

body:not(.startseite) main .essay-weiter a {
  font-size: var(--gestalt-rolle-caption); }

@media (min-width: 601px) {
  body:not(.startseite) main .essay-seitenmotiv > .essay-einleitung {
    width: auto;
    float: none; }

  body:not(.startseite) main .essay-seitenmotiv > .essay-bild {
    width: calc(100% + var(--inhalt-seitenrand));
    margin-inline: calc(-1 * var(--inhalt-seitenrand)) 0;
    margin-block: var(--d3w-lesezeile); }

  body:not(.startseite) main .essay-seitenmotiv .essay-bild img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover; }

  body:not(.startseite) main .essay-seitenmotiv > p:last-child {
    font-size: var(--gestalt-rolle-body);
    line-height: 1.55; } }
@media (max-width: 600px) {
  body:not(.startseite) main .essay-seitenmotiv {
    float: none;
    width: auto; }

  body:not(.startseite) main .essay-seitenmotiv img {
    width: 100%;
    height: auto; } }
body:not(.startseite) main .essay-weiter a {
  align-items: center; }

body:not(.startseite) main .essay-weiter a > .d3w-pfeil {
  flex-shrink: 0;
  line-height: 1; }

@media (min-width: 601px) {
  body:not(.startseite) main#hauptinhalt .essay.essay--mit-seitenmotiv {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    align-items: start; }

  body:not(.startseite) main#hauptinhalt .essay--mit-seitenmotiv > .essay-seitenmotiv {
    float: none;
    width: auto;
    grid-column: 1 / 5;
    grid-row: 1;
    margin: 0; }

  body:not(.startseite) main#hauptinhalt .essay--mit-seitenmotiv > .essay-lesetext {
    grid-column: 5 / 12;
    grid-row: 1;
    min-width: 0; }

  body:not(.startseite) main#hauptinhalt .essay-lesetext > :first-child {
    margin-block-start: 0; } }
body:not(.startseite) main :is(.essay-zitat--rechtsbuendig,.essay-zitat--linie-rechts,.essay-zitat--links,.rueckblick-zitat--links) {
  text-align: right;
  border-inline-start: 0;
  border-inline-end: 1px solid #b1a178;
  padding-inline: 0 1.5rem; }
  body:not(.startseite) main :is(.essay-zitat--rechtsbuendig,.essay-zitat--linie-rechts,.essay-zitat--links,.rueckblick-zitat--links) > p {
    text-align: inherit; }

body:not(.startseite) main#hauptinhalt :is(blockquote,.essay-einleitung,.essay-zitat,.rueckblick-zitat) {
  margin-inline: 0; }
body:not(.startseite) main#hauptinhalt blockquote:not([class]) {
  text-align: left;
  border-inline-start: 1px solid var(--gestalt-linienfarbe);
  border-inline-end: 0;
  padding-inline: 1.5rem 0;
  margin-block: calc(var(--d3w-lesezeile) / 2);
  padding-block: calc(var(--d3w-lesezeile) / 2); }
body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section > blockquote:not([class]) {
  text-align: right;
  border-inline-start: 0;
  border-inline-end: 1px solid var(--gestalt-linienfarbe);
  padding-inline: 0 1.5rem; }
body:not(.startseite) main#hauptinhalt :is(.essay-einleitung,.essay-zitat--links,.essay-zitat--linie-rechts,.rueckblick-zitat--links),
body:not(.startseite) main#hauptinhalt .essay-seitenmotiv > .essay-einleitung,
body:not(.startseite) main#hauptinhalt .referenz-einblick > blockquote {
  text-align: right;
  border-inline-start: 0;
  border-inline-end: 1px solid var(--gestalt-linienfarbe);
  padding-inline: 0 1.5rem; }
  body:not(.startseite) main#hauptinhalt :is(.essay-einleitung,.essay-zitat--links,.essay-zitat--linie-rechts,.rueckblick-zitat--links) > p,
  body:not(.startseite) main#hauptinhalt .essay-seitenmotiv > .essay-einleitung > p,
  body:not(.startseite) main#hauptinhalt .referenz-einblick > blockquote > p {
    text-align: inherit; }
body:not(.startseite) main#hauptinhalt :is(.essay-zitat--rechts,.rueckblick-zitat--rechts) {
  text-align: left;
  border-inline-start: 1px solid var(--gestalt-linienfarbe);
  border-inline-end: 0;
  padding-inline: 1.5rem 0; }
  body:not(.startseite) main#hauptinhalt :is(.essay-zitat--rechts,.rueckblick-zitat--rechts) > p {
    text-align: inherit; }

@media (min-width: 1024px) {
  body:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > img, body:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild > img, body:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > figure {
    width: calc(100% + var(--inhalt-seitenrand));
    max-width: none;
    margin-inline-end: calc(-1 * var(--inhalt-seitenrand)); }
  body:not(.startseite) main#hauptinhalt .zwischenraeume-abschluss__text > .rueckblick-zitat--rechts {
    float: right;
    width: calc((100% + var(--d3w-gutter)) * 3 / 7 - var(--d3w-gutter));
    margin-inline: var(--d3w-gutter) calc((100% + var(--d3w-gutter)) / -7); }
  body:not(.startseite) main#hauptinhalt .zwischenraeume-abschluss__text::after {
    content: '';
    display: table;
    clear: both; }
  body:not(.startseite) main#hauptinhalt .essay:not(.veranstaltungsseite .essay) > .essay-zitat:not(.essay-zitat--links):not(.essay-zitat--linie-rechts) {
    float: right;
    margin-inline: var(--d3w-gutter) 0;
    text-align: left;
    border-inline-start: 1px solid var(--gestalt-linienfarbe);
    border-inline-end: 0;
    padding-inline: 1.5rem 0; }
    body:not(.startseite) main#hauptinhalt .essay:not(.veranstaltungsseite .essay) > .essay-zitat:not(.essay-zitat--links):not(.essay-zitat--linie-rechts) > p {
      text-align: inherit; } }
body:not(.startseite) main#hauptinhalt .essay-weiter a {
  flex-wrap: nowrap;
  min-width: 0;
  align-items: center; }
  body:not(.startseite) main#hauptinhalt .essay-weiter a > span {
    white-space: nowrap;
    min-width: 0; }
  body:not(.startseite) main#hauptinhalt .essay-weiter a > span:first-child {
    flex: 0 0 auto; }
  body:not(.startseite) main#hauptinhalt .essay-weiter a > span:nth-child(2):not(.d3w-pfeil) {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 1 auto; }
  body:not(.startseite) main#hauptinhalt .essay-weiter a > .d3w-pfeil {
    flex: 0 0 auto; }

body:not(.startseite) main#hauptinhalt .essay-weiter a[rel="prev"] {
  justify-content: flex-start;
  text-align: start; }
body:not(.startseite) main#hauptinhalt .essay-weiter a[rel="next"], body:not(.startseite) main#hauptinhalt .essay-weiter a:not([rel]):last-child {
  justify-content: flex-end;
  text-align: end; }
@media (min-width: 1024px) {
  body:not(.startseite) main#hauptinhalt .essay-weiter a[rel="prev"] {
    grid-column: 1 / 7; }
  body:not(.startseite) main#hauptinhalt .essay-weiter a[rel="next"], body:not(.startseite) main#hauptinhalt .essay-weiter a:not([rel]):last-child {
    grid-column: 7 / -1; } }

body:not(.startseite) main#hauptinhalt .essay-lesetext > :is(ul,ol) {
  display: flow-root; }

body:not(.startseite) {
  --d3w-abstand-halb:calc(var(--d3w-lesezeile) * .5);
  --d3w-abstand-text:var(--d3w-lesezeile);
  --d3w-abstand-gruppe:calc(var(--d3w-lesezeile) * 2);
  --d3w-abstand-abschnitt:calc(var(--d3w-lesezeile) * 3);
  --d3w-hauptbild-abstand:64px; }
  body:not(.startseite) main#hauptinhalt :is(.redaktion-auftakt,.angebot-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) {
    margin-block-end: var(--d3w-hauptbild-abstand); }
    body:not(.startseite) main#hauptinhalt :is(.redaktion-auftakt,.angebot-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) + :is(.angebot-inhalt,.essay,.redaktion-kategorietext,.portfolio-breite,.arbeitsuebersicht) {
      margin-block-start: 0;
      padding-block-start: 0; }
      body:not(.startseite) main#hauptinhalt :is(.redaktion-auftakt,.angebot-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) + :is(.angebot-inhalt,.essay,.redaktion-kategorietext,.portfolio-breite,.arbeitsuebersicht) > :first-child {
        margin-block-start: 0; }
    body:not(.startseite) main#hauptinhalt :is(.redaktion-auftakt,.angebot-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) + .com-content-article__body > .essay {
      padding-block-start: 0; }
  body:not(.startseite) main#hauptinhalt :is(blockquote,.essay-einleitung,.essay-zitat,.rueckblick-zitat) {
    align-self: start;
    padding-block: var(--d3w-abstand-halb); }
    body:not(.startseite) main#hauptinhalt :is(blockquote,.essay-einleitung,.essay-zitat,.rueckblick-zitat) > p {
      margin-block: 0; }
    body:not(.startseite) main#hauptinhalt :is(blockquote,.essay-einleitung,.essay-zitat,.rueckblick-zitat) > p + p {
      margin-block-start: var(--d3w-abstand-text); }
  body:not(.startseite) main#hauptinhalt :is(.essay-lesetext,.rechtstext,.redaktion-kategorietext,
  .zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss,
  .angebot-inhalt > section,.persoenlich__inhalt > section,.projekt-abschnitt) > :first-child {
    margin-block-start: 0; }
  body:not(.startseite) main#hauptinhalt :is(.essay-lesetext,.rechtstext,.redaktion-kategorietext,
  .zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss,
  .angebot-inhalt > section,.persoenlich__inhalt > section,.projekt-abschnitt) > :last-child {
    margin-block-end: 0; }
  body:not(.startseite) main#hauptinhalt :is(.essay-lesetext,.rechtstext,.redaktion-kategorietext,
  .zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss,
  .angebot-inhalt > section,.persoenlich__inhalt > section,.projekt-abschnitt) > :is(p,ul,ol) {
    margin-block-start: 0;
    margin-block-end: var(--d3w-abstand-text); }
  body:not(.startseite) main#hauptinhalt :is(.essay-lesetext,.rechtstext,.redaktion-kategorietext,
  .zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss,
  .angebot-inhalt > section,.persoenlich__inhalt > section,.projekt-abschnitt) > :is(p,ul,ol):last-child {
    margin-block-end: 0; }
  body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:not(.veranstaltungshinweis) {
    margin-block: 0;
    padding-block: 0; }
    body:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section:not(.veranstaltungshinweis) + section {
      margin-block-start: var(--d3w-abstand-abschnitt); }
  @media (min-width: 1024px) {
    body:not(.startseite) main#hauptinhalt .essay-seitenmotiv > :is(blockquote,.essay-einleitung):first-child,
    body:not(.startseite) main#hauptinhalt .rueckblick-seitenmotiv > .rueckblick-zitat--links:first-child,
    body:not(.startseite) main#hauptinhalt .redaktion-kategorietext > blockquote:first-child {
      margin-block-start: calc(-1 * var(--d3w-abstand-halb)); } }
  body:not(.startseite) main#hauptinhalt :is(.essay-bild,.essay-seitenmotiv > figure,.rueckblick-seitenmotiv > figure,
  .projekt-abschnitt > figure,.projekt-abschnitt > picture,
  .essay-lesetext > figure,.essay-lesetext > picture,
  .angebot-inhalt > section > figure,.persoenlich__inhalt > section > figure),
  body:not(.startseite) main#hauptinhalt :is(.essay-lesetext,.projekt-abschnitt,.angebot-inhalt > section,
  .persoenlich__inhalt > section) > p:has(> :is(img,picture):only-child) {
    margin-block: var(--d3w-abstand-text); }
  body:not(.startseite) main#hauptinhalt .essay {
    padding-block-end: 0; }
  body:not(.startseite) main#hauptinhalt .essay-weiter {
    margin-block: var(--d3w-abstand-gruppe); }
  body:not(.startseite) main#hauptinhalt .essay-weiter a {
    padding-block: var(--d3w-abstand-halb); }

body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat) {
  min-width: 0;
  row-gap: var(--d3w-abstand-text); }
  body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat) > blockquote {
    align-self: start;
    margin-block: 0;
    text-align: right;
    border-inline-start: 0;
    border-inline-end: 1px solid #b1a178;
    padding-inline: 0 1.5rem; }
  body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat) > p:last-child {
    margin-block-end: 0; }
@media (min-width: 601px) {
  body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter); }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat) > :is(h2,p,div) {
      grid-column: 5 / 12;
      grid-row: auto;
      margin-block-start: 0; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat) > blockquote {
      grid-column: 1 / 5;
      grid-row: 1 / span 3; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):has(> h2) > h2 {
      grid-column: 1 / 4;
      grid-row: 1; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):has(> h2) > blockquote {
      grid-column: 5 / 12;
      grid-row: 1;
      text-align: left;
      border-inline-start: 1px solid #b1a178;
      border-inline-end: 0;
      padding-inline: 1.5rem 0; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):has(> h2) > p {
      grid-column: 5 / 12;
      grid-row: auto; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):is(.persoenlich-einstieg--zitat,.angebot-einstieg--zitat):has(> h2) > blockquote {
      grid-column: 10 / 13;
      grid-row: 1 / span 2; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):is(.persoenlich-einstieg--zitat,.angebot-einstieg--zitat):has(> h2) > p {
      grid-column: 5 / 10; }
    body:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):is(.persoenlich-einstieg--zitat,.angebot-einstieg--zitat):has(> h2) > h2 + blockquote + p {
      grid-row: 1; } }
body:not(.startseite) main#hauptinhalt .design-einleitung > section + section {
  margin-block-start: var(--d3w-abstand-text); }
body:not(.startseite) main#hauptinhalt .design-einleitung [data-rlta-type='accordions'] {
  margin-block: 0; }
body:not(.startseite) main#hauptinhalt .design-referenzen {
  margin-block: var(--d3w-abstand-gruppe); }
body:not(.startseite) main#hauptinhalt .design-referenzen .arbeitslogos {
  margin-block: var(--d3w-abstand-text); }
body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte .projektkarte__bild.projektmotiv--unten {
  object-position: center bottom; }
body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte .projektkarte__bild.projektmotiv--oben {
  object-position: center top; }
body:not(.startseite) main#hauptinhalt :is(h1,h2,h3,h4,h5,h6,[data-rlta-element='heading']) {
  text-wrap: wrap;
  white-space: normal;
  overflow-wrap: anywhere; }
  body:not(.startseite) main#hauptinhalt :is(h1,h2,h3,h4,h5,h6,[data-rlta-element='heading']) .d3w-textzeile, body:not(.startseite) main#hauptinhalt :is(h1,h2,h3,h4,h5,h6,[data-rlta-element='heading']) .essay-titelzeile, body:not(.startseite) main#hauptinhalt :is(h1,h2,h3,h4,h5,h6,[data-rlta-element='heading']) .veraenderung-aussage {
    display: inline;
    text-wrap: wrap; }

body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau {
  margin: var(--d3w-abstand-abschnitt) var(--inhalt-seitenrand);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--d3w-abstand-gruppe);
  align-items: start; }
  body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > figure, body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > div {
    grid-column: auto;
    grid-row: auto;
    min-width: 0; }
  @media (max-width: 1023px) {
    body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau {
      display: flex;
      flex-direction: column; }
      body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > .veranstaltungs-vorschau__bild, body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > .veranstaltungs-vorschau__text {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important; }
      body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau h2, body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau h2 :is(span,strong,em,a) {
        white-space: normal !important;
        text-wrap: wrap !important; } }
  body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > figure {
    margin: 0;
    min-width: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > figure img {
      display: block;
      width: 100%;
      height: auto; }
  body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau h2 {
    margin-block: 0 var(--d3w-abstand-text); }
  body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau p {
    margin-block: 0 var(--d3w-abstand-text); }
  body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau blockquote {
    margin-block: var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau blockquote > p {
      margin-block: 0; }
  @media (min-width: 601px) {
    body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter); }
      body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > figure {
        grid-column: 1 / 7; }
      body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > div {
        grid-column: 8 / -1; } }

body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte img {
  filter: grayscale(1);
  transition: filter .2s ease; }
body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte:hover img, body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte:focus-within img {
  filter: grayscale(0); }
@media (prefers-reduced-motion: reduce) {
  body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte img {
    transition: none; } }

body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte :is(h2,h3) {
  font-size: var(--gestalt-rolle-body);
  font-weight: 300;
  line-height: 1.55; }

@media (min-width: 601px) {
  body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte > picture.d3w-bild, body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte > img.projektkarte__bild {
    width: calc((100% + var(--d3w-gutter)) * 2 / 3 - var(--d3w-gutter));
    align-self: flex-start; } }
body:not(.startseite) main#hauptinhalt .arbeitskarte picture:has(> .projektmotiv--beschnitt) {
  overflow: hidden; }

body:not(.startseite) main#hauptinhalt .arbeitskarte .projektmotiv--beschnitt {
  transform: scale(1.04); }

body:not(.startseite) main#hauptinhalt .arbeitsraster .arbeitskarte > :is(h2,h3,p) {
  width: 100%;
  max-width: none; }

body:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau__bild img.medienlogo {
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: contain; }

@media (min-width: 601px) {
  body:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau:has(img.medienlogo) > .veranstaltungs-vorschau__bild {
    grid-column: 1 / 3;
    padding-block-start: 0; }
  body:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau:has(img.medienlogo) > .veranstaltungs-vorschau__text {
    grid-column: 5 / 12; } }
@media (max-width: 600px) {
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt,
  .angebot-inhalt > section,.persoenlich__inhalt > section,.essay,.essay-lesetext,
  .zwischenraeume-abschluss,.zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss,
  .referenz-erzaehlung > section,.referenz-einblick,.veranstaltungshinweis) {
    display: block;
    min-width: 0; }
    body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt,
    .angebot-inhalt > section,.persoenlich__inhalt > section,.essay,.essay-lesetext,
    .zwischenraeume-abschluss,.zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss,
    .referenz-erzaehlung > section,.referenz-einblick,.veranstaltungshinweis) > * {
      grid-column: 1 / -1;
      grid-row: auto;
      min-width: 0;
      max-width: none; }
  body.d3w:not(.startseite) main#hauptinhalt :is(p,h1,h2,h3,h4,h5,h6,blockquote,.essay-zitat,.essay-einleitung,.rueckblick-zitat,
  [data-rlta-element='button'],[data-rlta-element='heading'],[data-rlta-element='panel-content']) {
    text-align: left;
    float: none;
    grid-column: 1 / -1;
    grid-row: auto;
    white-space: normal;
    text-wrap: wrap; }
  body.d3w:not(.startseite) main#hauptinhalt :is(blockquote:not([class]),blockquote[class],.essay-zitat,.essay-einleitung,.rueckblick-zitat) {
    text-align: left;
    width: auto;
    max-width: none;
    margin-inline: 0;
    border-inline-start: 1px solid #b1a178;
    border-inline-end: 0;
    padding-inline: 1.5rem 0; }
    body.d3w:not(.startseite) main#hauptinhalt :is(blockquote:not([class]),blockquote[class],.essay-zitat,.essay-einleitung,.rueckblick-zitat) > p {
      text-align: inherit; }
  body.d3w:not(.startseite) main#hauptinhalt :is(figure,picture.d3w-bild) {
    max-width: 100%; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.essay-bild,.rueckblick-seitenmotiv .essay-bild) {
    width: 100%;
    max-width: none;
    margin-inline: 0; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) {
    padding-inline: var(--inhalt-seitenrand);
    box-sizing: border-box; }
    body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :is(img,picture,figure) {
      display: block;
      width: calc(100% + var(--inhalt-seitenrand) * 2);
      max-width: none;
      margin-inline: calc(var(--inhalt-seitenrand) * -1); }
    body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture > img, body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > figure img {
      width: 100%;
      max-width: none; } }
@media (min-width: 601px) and (max-width: 1023px) {
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :first-child {
    grid-column: 1 / 6;
    grid-row: 1; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > :not(:first-child), body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) > picture.d3w-bild > img {
    grid-column: 7 / -1;
    grid-row: 1; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section > h2 {
    grid-column: 1 / 4;
    grid-row: auto; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section > :is(p,ul,ol) {
    grid-column: 5 / 12;
    grid-row: auto; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt) > section > .essay-zitat {
    grid-column: 5 / 12;
    grid-row: auto; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.essay-zitat--rechts,.rueckblick-zitat--rechts,.zwischenraeume-abschluss > .rueckblick-zitat--rechts) {
    grid-column: 4 / 10;
    grid-row: auto;
    order: 1;
    float: none;
    width: auto;
    max-width: none; }
  body.d3w:not(.startseite) main#hauptinhalt :is(.seiten-einstieg,.angebot-einstieg--zitat,.persoenlich-einstieg--zitat):has(> h2) > blockquote {
    grid-column: 5 / 12;
    grid-row: auto;
    order: 1; }
  body.d3w:not(.startseite) main#hauptinhalt :is(p,h1,h2,h3,h4,h5,h6,blockquote,.essay-zitat,.essay-einleitung,.rueckblick-zitat,[data-rlta-element='heading']) {
    text-align: left; }
  body.d3w:not(.startseite) main#hauptinhalt :is(blockquote:not([class]),blockquote[class],.essay-zitat,.essay-einleitung,.rueckblick-zitat) {
    text-align: left;
    border-inline-start: 1px solid #b1a178;
    border-inline-end: 0;
    padding-inline: 1.5rem 0; }
    body.d3w:not(.startseite) main#hauptinhalt :is(blockquote:not([class]),blockquote[class],.essay-zitat,.essay-einleitung,.rueckblick-zitat) > p {
      text-align: inherit; } }
body:not(.startseite) main#hauptinhalt ul:not([class]) {
  list-style: none;
  padding-inline-start: 1.25em; }
  body:not(.startseite) main#hauptinhalt ul:not([class]) > li {
    position: relative; }
    body:not(.startseite) main#hauptinhalt ul:not([class]) > li::before {
      content: '';
      position: absolute;
      inset-inline-start: -1em;
      inset-block-start: calc(.775em - 3.5px);
      width: 7px;
      height: 7px;
      border: 1px solid currentColor;
      border-radius: 2px;
      background: transparent;
      box-sizing: border-box; }

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