@charset "UTF-8";
@layer d3w-basis {
  .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: calc(16px - var(--d3w-tablet-schriftabzug, 0px)); }

  @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", sans-serif;
    font-size: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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", sans-serif;
    font-size: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(14px - var(--d3w-tablet-schriftabzug, 0px)); }

  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", sans-serif;
    font-size: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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", sans-serif;
    font-size: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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", sans-serif;
    font-size: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(14px - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 22px; }

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

  body:not(.startseite) main.seiteninhalt :is(.projekt-fakten p, .projekt-abschluss a) {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300; }

  .referenz-fotoquellen {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.45; }

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

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

  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w main :is(h1,h2,h3,h4,h5,h6,blockquote) {
      --d3w-tablet-schriftabzug:2px; }

    :where(body.d3w main) h4 {
      font-size: calc(1em - 2px); }

    :where(body.d3w main) h5 {
      font-size: calc(.83em - 2px); }

    :where(body.d3w main) h6 {
      font-size: calc(.67em - 2px); } } }
@layer d3w-grunddesign {
  body.d3w main#hauptinhalt :is(.angebot-lesetext,[id*="-TB"],.design-marke-kontakttext) {
    hyphens: auto; }

  body.d3w main#hauptinhalt :is(.angebot-lesetext,[id*="-TB"],.design-marke-kontakttext) > p {
    hyphens: inherit; } }
@layer d3w-basis {
  #system-message-container joomla-alert {
    font-family: "Source Sans 3", sans-serif;
    font-size: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(14px - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap; }
  @font-face {
    font-family: 'Source Sans 3';
    src: url("../fonts/Source_Sans_3/static/SourceSans3-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap; }
  .osmap-sitemap .level_0 > li > a {
    font-size: calc(clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300;
    line-height: 1.2; }

  .osmap-sitemap .sitemap-kurztext {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300;
    font-style: italic;
    line-height: 1.4;
    color: #3a2f26; }

  .osmap-sitemap li ul a {
    font-size: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300;
    line-height: 1.55; }

  .osmap-sitemap .osmap-items > .level_0 + .level_0 > li > a {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    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", sans-serif;
    font-size: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 400;
    line-height: 1.55;
    color: #3a2f26;
    text-align: start; }

  body.startseite {
    font-size: calc(clamp(1.125rem, calc(1.0838rem + 0.1759vw), 1.25rem) - var(--d3w-tablet-schriftabzug, 0px)); }

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

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

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

  h3 {
    font-size: calc(clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 500;
    line-height: 1.2; }

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

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

  .zusatzangaben {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 400;
    line-height: 1.45; }

  strong, b {
    font-weight: 500; }

  em, i {
    font-style: italic; }

  .hauptnavigation, .seitenfuss, .menueschalter {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: normal; }

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

  .kapitelmarke {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(clamp(2.875rem, calc(2.033035rem + 3.641117vw), 5.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.05; }

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

    .startseite .startabschnitt .kapitelmarke > span {
      font-weight: 400; } }
  .startabschnitt .textverweis {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(clamp(1.125rem, calc(1.0838rem + 0.1759vw), 1.25rem) - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.4; }

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

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

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

  .angebotsweg p {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.4; }

  .angebotsweg__nummer {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .angebotsweg__pfeil {
    font-size: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 200; }

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

  .angebot-zurueck {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .d3w-textzeile {
    display: inline; }

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

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

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

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

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

  .projektkarte__platzhalter {
    font-size: calc(clamp(2.5rem, calc(1.5106rem + 4.2216vw), 5.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 200; }

  .projektkarte p, .projekt-bilder figcaption, .projekt-kapitelnavigation {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px)); }

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

  .projekt-auftakt figcaption {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .projekt-kapitelnavigation span {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

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

  .projekt-signatur > span:last-child {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

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

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

  .projektkarte h3 {
    font-weight: 300; }

  .projekt-weiter {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .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: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.45; }

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

  .peb-entwicklung span {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .redaktion-auftakt h1 {
    font-size: calc(clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem) - var(--d3w-tablet-schriftabzug, 0px)); }

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

  .redaktion-hinweis {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px)); }

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

  .impulskarte--leitartikel h2 {
    font-size: calc(clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem) - var(--d3w-tablet-schriftabzug, 0px)); }

  .impulskarte__lesen {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .impulskarte__pfeil {
    font-size: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 200; }

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

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

  .essay-datum, .impulskarte__datum {
    font-size: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .essay-zurueck {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

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

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

  .essay-zitat p {
    font: inherit; }

  .essay-auftakt h1 {
    font-size: calc(clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem) - var(--d3w-tablet-schriftabzug, 0px)); }

  .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: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .essay-weiter a > span:last-child {
    font-size: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(26px - var(--d3w-tablet-schriftabzug, 0px));
      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: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  body:not(.startseite) main h1 {
    font-size: calc(clamp(2rem, calc(1.5053rem + 2.1108vw), 3.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 200; }

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

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

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

  body:not(.startseite) main h3 {
    font-size: calc(clamp(1.375rem, calc(1.2513rem + 0.5277vw), 1.75rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: 500; }

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

  .referenz-kapitel p, .referenz-motive figcaption {
    font-size: calc(1rem - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.4;
    font-weight: 400; }

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

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

  .seiteninhalt .visform, .seiteninhalt .visform input, .seiteninhalt .visform textarea {
    font-family: "Source Sans 3", sans-serif;
    font-size: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.55;
    font-weight: 300; }

  .seiteninhalt .visform .vis_mandatory, .seiteninhalt .visform .error {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px)); }

  .seiteninhalt .visform .visfield-container label {
    font-size: calc(14px - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.4;
    font-weight: 300; }

  .seiteninhalt .visform input[type='submit'] {
    font-family: "Source Sans 3", sans-serif;
    font-size: calc(14px - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300;
    letter-spacing: .02em; }

  .seiteninhalt .visform .vis_mandatory {
    font-size: calc(11px - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300; }

  .seiteninhalt .visform .visfield-container[data-container-field-type='checkbox'] label {
    font-size: calc(14px - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.5; }

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

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

  .seiteninhalt .visform .visfield-container label.error {
    font-size: calc(12px - var(--d3w-tablet-schriftabzug, 0px));
    line-height: 1.4; }

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

  .rueckblick-zitat {
    font-size: calc(clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px)); }

  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: calc(16px - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 400;
    line-height: 1.55; }

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

  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: calc(clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: 500; }
  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: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    color: #3a2f26;
    text-decoration: none; }

  .seiteninhalt .icons [role='tooltip'] {
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    color: #ffffff; }

  body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) .btn {
    font-family: "Source Sans 3", sans-serif;
    font-size: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 400;
    color: #3a2f26; }
  body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) .page-header h1 {
    font-size: calc(clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem) - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(0.875rem - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 400; }
  body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) #jform_title {
    font-family: "Source Sans 3", sans-serif;
    font-size: calc(clamp(1.25rem, calc(1.167rem + 0.354vw), 1.5rem) - var(--d3w-tablet-schriftabzug, 0px));
    font-weight: 300;
    color: #3a2f26; }
  body:not(.startseite) main > :is(.edit.item-page, .inhaltseditor) form > .d-grid .btn {
    font-family: "Source Sans 3", sans-serif;
    font-size: calc(1.0625rem - var(--d3w-tablet-schriftabzug, 0px));
    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: calc(clamp(1.5rem, calc(1.3351rem + 0.7036vw), 2rem) - var(--d3w-tablet-schriftabzug, 0px));
    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-auftakt__bild--cd {
    filter: sepia(24%) saturate(72%); }

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

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

  .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; } }
@layer d3w-grunddesign {
  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w:not(.startseite) main .zwischenraum-uebersicht .impulsraster {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      body.d3w:not(.startseite) main .zwischenraum-uebersicht .impulsraster > .impulskarte {
        grid-column: auto;
        grid-row: auto;
        min-width: 0; } } }
@layer d3w-basis {
  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; }
    .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: 0; }

    body .hauptnavigation > .mod-menu > li.parent {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      align-items: center; }

    body .hauptnavigation > .mod-menu > li.parent > a {
      grid-column: 2;
      grid-row: 1;
      justify-content: flex-start; }

    body .hauptnavigation > .mod-menu > li.parent > .mod-menu__toggle-sub {
      display: inline-flex;
      grid-column: 1;
      grid-row: 1;
      min-height: 36px; }

    body .hauptnavigation .mod-menu__toggle-sub .icon-chevron-down {
      transform: none; }

    body .hauptnavigation > .mod-menu > li.parent > .mod-menu__sub {
      grid-column: 1 / -1; }

    .js body .hauptnavigation {
      background: #fffef9; }

    body .hauptnavigation > .mod-menu > li.parent > .mod-menu__sub {
      margin: 4px 8px 8px 16px;
      padding: 0 12px 0 0;
      border-inline-end: 1px solid #d4cbb5; }

    body .kopfbereich .hauptnavigation .mod-menu__sub a {
      justify-content: flex-start;
      text-align: left; }

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

    .js body .hauptnavigation {
      opacity: 1;
      transition: opacity 600ms ease; }

    .js body .hauptnavigation.wird-ausgeblendet {
      opacity: 0;
      pointer-events: none; } }
  @media (max-width: 800px) and (prefers-reduced-motion: reduce) {
    .js body .hauptnavigation {
      transition: none; } }
  @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; }

  @media (max-width: 800px) {
    .hauptnavigation[data-eingabe="zeiger"] a:focus {
      outline: none; }

    .hauptnavigation a {
      border-radius: 0; } }
  .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 .required, .seiteninhalt .visform label {
    color: #3a2f26; }

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

  .arbeitsarchiv > a {
    border-block-start: 1px solid #d4cbb5; } }
body:not(.startseite) main#hauptinhalt form.visform .vis_mandatory,
body:not(.startseite) main#hauptinhalt form.visform div.required .asterix-ancor::after {
  color: #76684f; }
@layer d3w-basis {
  .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; }

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

  body.d3w:not(.startseite) main .d3w-pfeil {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    vertical-align: middle; }

  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;
      cursor: pointer; }
      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'], 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'] *, 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 [data-rlta-element='heading'], 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 [data-rlta-element='heading'] *, 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'] [data-rlta-element='heading'], 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'] [data-rlta-element='heading'] *, 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 [data-rlta-element='heading'], 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 [data-rlta-element='heading'] * {
        cursor: inherit; }
    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: 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'] > [data-rlta-element='heading'] {
      flex: 1;
      min-width: 0;
      margin: 0;
      padding: 0;
      font-size: calc(var(--gestalt-rolle-body) - var(--d3w-tablet-schriftabzug, 0px));
      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;
        font-size: calc(1em - var(--d3w-tablet-schriftabzug, 0px));
        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 23px;
      width: 23px;
      height: 23px;
      background-color: currentColor;
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 4v16m-6-6 6 6 6-6%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 4v16m-6-6 6 6 6-6%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") 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.d3w:not(.startseite) main#hauptinhalt .d3w-aufklappblock + .d3w-aufklappblock > [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
    margin-block-start: 0; }
  body.d3w:not(.startseite) main#hauptinhalt [data-rlta-element='panel-content'] > [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
    margin-inline: calc((100% + var(--d3w-gutter)) / 12);
    width: auto;
    max-width: none; }

  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;
      height: auto;
      overflow: visible; } }
  @media (min-width: 800px) {
    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: var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt :is(.angebot-inhalt,.persoenlich__inhalt)
    > section:has(> [data-rlta-type='accordions']:only-child)
    + section:has(> [data-rlta-type='accordions']:only-child)
    > [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
      margin-block-start: var(--d3w-abstand-text); } }
  html:has(body:not(.startseite)) {
    scrollbar-gutter: stable; }

  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-state] {
    margin-block: 0;
    padding-block: 8px; }
    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-state]:not(:first-child) {
      margin-block-start: var(--d3w-abstand-text); }
  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-state] {
    margin-block: 0; }

  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: 800px) {
    .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(.75rem, 1.5vw, 1.5rem); }

  @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; }
    .d3w-arbeitsschalter button.gestalt-symbolknopf {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      min-width: 36px;
      padding: 5px;
      box-sizing: border-box; }
      .d3w-arbeitsschalter button.gestalt-symbolknopf svg {
        display: block;
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px; }

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

    body.d3w-arbeitsebene-linien main, body.d3w-arbeitsebene-linien main * {
      outline: none; } }
  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; }
    .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", 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: 500; }
    .d3w-gestaltungsleiste .gestalt-kopf strong {
      font-size: 1.0625rem;
      font-weight: 500; }
    .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", 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; }
    .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; }
    .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; }

  .gestalt-textvorschau {
    display: contents; }

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

  @media print {
    .d3w-gestaltungsleiste, .gestalt-markierung {
      display: none; } }
  .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(.gestalt-elementwerkzeuge):not(.gestalt-kontextmenue):not(.gestalt-markierung):not(script):not(style) {
    display: none; }

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

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

  @media (max-width: 1000px) {
    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; }

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

  .gestalt-entscheidung {
    width: 480px;
    max-width: calc(100vw - 32px);
    padding: 28px;
    background: #fffef9;
    color: #3a2f26;
    border: 1px solid #b1a178;
    font-family: "Source Sans 3", 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; }
    .gestalt-uebertragen > button {
      display: block;
      width: 100%;
      margin-block: 4px;
      text-align: start; }

  .gestalt-geraetevorschau {
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    max-width: 1550px;
    max-height: none;
    padding: 0;
    border: 1px solid #b1a178;
    background: #fcf8ef;
    color: #3a2f26; }
    .gestalt-geraetevorschau[open] {
      display: flex;
      flex-direction: column; }
    .gestalt-geraetevorschau::backdrop {
      background: rgba(0, 0, 0, 0.28); }
    .gestalt-geraetevorschau > header {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-bottom: 1px solid #d4cbb5; }
      .gestalt-geraetevorschau > header > strong {
        margin-inline-end: auto;
        font-weight: 500; }
      .gestalt-geraetevorschau > header > div {
        display: flex;
        gap: 4px; }
      .gestalt-geraetevorschau > header button {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        background: #fcf8ef;
        border: 1px solid #b1a178;
        color: #3a2f26;
        cursor: pointer; }
        .gestalt-geraetevorschau > header button[aria-pressed='true'] {
          background: #3a2f26;
          color: #fcf8ef; }

  .gestalt-geraeteviewport {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    background: #e9e9e7; }
    .gestalt-geraeteviewport > iframe {
      position: absolute;
      inset-block-start: 0;
      border: 0;
      transform-origin: top left; }

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

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

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

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

  .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 100%;
      margin: 6px 0 0;
      justify-content: flex-end; }
    .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: 6px 8px;
      margin: 6px 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.3;
      margin: 2px 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; }
    .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; }
    .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-arbeitskontext {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2px 8px;
    width: 100%;
    font: 12px/1.4 "Source Sans 3", sans-serif;
    color: #30363a; }
  #d3w-gestaltungsleiste .gestalt-arbeitskontext > span {
    white-space: nowrap; }
  #d3w-gestaltungsleiste .gestalt-speicherstand {
    flex: 0 0 100%;
    display: block;
    font: 11px/1.4 "Source Sans 3", sans-serif;
    color: #3f4e57;
    padding: 3px 0; }
  #d3w-gestaltungsleiste [data-info='status'] {
    display: none; }
  #d3w-gestaltungsleiste .gestalt-zitatseiten button {
    font-size: 12px; }

  .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, .d3w-gestaltungsleiste.gestalt-textmodus [data-text-field] {
    max-height: 160px;
    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) 220px;
    gap: 12px; }
  .d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross [data-text-field] {
    max-height: 280px; }
  .d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross .gestalt-inline-format {
    position: sticky;
    top: 0;
    background: #edf0f1;
    z-index: 2; }
  .d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross .gestalt-woerter {
    max-height: 112px; }
  .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 [data-action='delete-content'] {
    margin-block-start: 8px; }

  .d3w-gestaltungsleiste.gestalt-textmodus .gestalt-textbasis {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    overflow: visible; }
  .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; }
  .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: 500; }

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

  #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] > button,[data-action='suggest']) {
    width: auto;
    min-height: 28px;
    margin: 5px 4px 0 0;
    padding: 4px 7px;
    font-size: 12px; }

  #d3w-gestaltungsleiste [data-scope-control]:not([hidden]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 5px; }
    #d3w-gestaltungsleiste [data-scope-control]:not([hidden]) > button {
      margin: 0; }
    #d3w-gestaltungsleiste [data-scope-control]:not([hidden]) > button[aria-pressed='true'] {
      background: #3f4e57;
      border-color: #3f4e57;
      color: #fff; }

  .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab="raster"], .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab="layout"], .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab="spacing"], .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab-panel="raster"], .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab-panel="layout"], .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab-panel="spacing"], .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-align], .d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-blockreihenfolge,
  .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-tab-panel="image"] > :not(.gestalt-bildquelle) {
    display: none; }
  .d3w-gestaltungsleiste.gestalt-inhaltsmodus [data-content-mode] {
    background: #526975;
    color: #fff; }

  .d3w-strukturrahmen {
    position: fixed;
    inset: 0;
    z-index: 96;
    pointer-events: none; }

  .d3w-strukturrahmen__feld {
    position: absolute;
    box-sizing: border-box;
    border: 1px solid var(--struktur-farbe);
    pointer-events: none; }
    .d3w-strukturrahmen__feld > span {
      position: absolute;
      left: 0;
      max-width: 100%;
      padding: 1px 4px;
      box-sizing: border-box;
      background: var(--struktur-farbe);
      color: #fff;
      font: 12px/14px monospace;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

  .d3w-gestaltungsleiste [data-div-tree] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: 12px/1.5 monospace; }

  .gestalt-blockreihenfolge {
    box-sizing: border-box;
    width: 100%;
    max-width: 18rem;
    align-self: flex-start;
    border-block: 1px solid var(--gestalt-linienfarbe);
    padding-block: .35rem;
    margin-block: .5rem;
    font-size: 12px; }
    .gestalt-blockreihenfolge > summary {
      cursor: pointer;
      font-weight: 500; }
    .gestalt-blockreihenfolge .gestalt-geltung {
      display: flex;
      align-items: center;
      gap: .4rem;
      margin-block: .5rem; }
      .gestalt-blockreihenfolge .gestalt-geltung > span {
        font-size: 16px;
        font-weight: 400;
        font-variant-numeric: tabular-nums; }
    .gestalt-blockreihenfolge .gestalt-blockliste {
      list-style: none;
      margin: 0;
      padding: 0;
      max-height: 6rem;
      overflow: auto; }
    .gestalt-blockreihenfolge .gestalt-blockliste button {
      width: 100%;
      text-align: start;
      min-height: 28px;
      padding: .15rem .4rem;
      border: 0;
      background: transparent;
      color: inherit; }
    .gestalt-blockreihenfolge .gestalt-blockliste button[aria-current='true'] {
      background: #dce7eb;
      color: #243c47; }

  .gestalt-woerter .gestalt-wortnummer {
    font-size: .72em;
    opacity: .7;
    font-variant-numeric: tabular-nums; }

  .d3w-gestaltungsleiste .gestalt-rasterdetails .gestalt-zahlen {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end; }
    .d3w-gestaltungsleiste .gestalt-rasterdetails .gestalt-zahlen > .gestalt-label {
      margin: 0; }

  .d3w-gestaltungsleiste .gestalt-bildquelle > summary {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px; }

  .d3w-gestaltungsleiste .gestalt-seitenanweisungen textarea {
    min-height: 18rem;
    font: 12px/1.5 "Source Sans 3", sans-serif; }

  .d3w-gestaltungsleiste .gestalt-makrofelder {
    display: grid;
    gap: 8px;
    margin-inline-start: 12px; }
    .d3w-gestaltungsleiste .gestalt-makrofelder > label {
      display: grid;
      gap: 4px;
      font-size: 12px; }
    .d3w-gestaltungsleiste .gestalt-makrofelder textarea {
      width: 100%;
      resize: vertical; }

  #d3w-gestaltungsleiste .gestalt-auswahl > .gestalt-legende {
    margin-block: 2px;
    line-height: 1.25; }
  #d3w-gestaltungsleiste .gestalt-auswahl > button {
    width: auto;
    min-height: 28px;
    padding: 3px 6px;
    font-size: 12px;
    margin: 4px 4px 0 0; }

  .d3w-gestaltungsleiste .gestalt-makrofelder > details > summary {
    cursor: pointer;
    font-size: 12px; }

  #d3w-gestaltungsleiste [data-block-order] svg {
    width: 16px;
    height: 16px; }
  #d3w-gestaltungsleiste details > summary {
    font-family: "Source Sans 3", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    min-height: 28px;
    padding-block: 5px;
    box-sizing: border-box;
    cursor: pointer;
    color: #3a2f26; }
  #d3w-gestaltungsleiste .gestalt-seitenanweisungen {
    font-family: "Source Sans 3", sans-serif;
    color: #3a2f26; }
    #d3w-gestaltungsleiste .gestalt-seitenanweisungen a, #d3w-gestaltungsleiste .gestalt-seitenanweisungen p, #d3w-gestaltungsleiste .gestalt-seitenanweisungen label, #d3w-gestaltungsleiste .gestalt-seitenanweisungen .gestalt-legende {
      font-family: inherit;
      font-size: 12px;
      line-height: 1.4;
      color: inherit; }
    #d3w-gestaltungsleiste .gestalt-seitenanweisungen a:hover {
      color: #b1a178; }
    #d3w-gestaltungsleiste .gestalt-seitenanweisungen a:focus-visible {
      outline: 1.5px solid #3a2f26;
      outline-offset: 2px; }
  #d3w-gestaltungsleiste label:has(> input[type="checkbox"]) {
    font-size: 12px;
    line-height: 1.4; }

  .gestalt-woerter {
    max-block-size: 10rem;
    overflow: auto;
    overscroll-behavior: contain; }

  #d3w-gestaltungsleiste > .gestalt-auswahl {
    flex: 0 0 auto;
    margin: 0;
    padding: 7px 12px;
    border: 0;
    border-bottom: 1px solid #c7ced1;
    border-left: 3px solid #526975;
    background: #fff; }
  #d3w-gestaltungsleiste > .gestalt-auswahl > strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25; }
  #d3w-gestaltungsleiste > .gestalt-auswahl > :is(.gestalt-legende:first-child,[data-info='layout']) {
    display: none; }
  #d3w-gestaltungsleiste > .gestalt-auswahl > [data-info='blockname'] {
    display: inline;
    font-size: 11px;
    margin-right: 8px; }
  #d3w-gestaltungsleiste > .gestalt-auswahl > p {
    display: inline;
    font-size: 12px;
    margin: 0; }
  #d3w-gestaltungsleiste .gestalt-kopf .gestalt-legende {
    font-size: 11px;
    line-height: 1.3; }
  #d3w-gestaltungsleiste .gestalt-kopf > div:first-child > .gestalt-legende:first-of-type {
    display: none; }
  #d3w-gestaltungsleiste .gestalt-inhalt {
    padding-top: 6px;
    scroll-padding-block: 8px; }
  #d3w-gestaltungsleiste .gestalt-ansichtswerkzeuge, #d3w-gestaltungsleiste .gestalt-weitere-aktionen, #d3w-gestaltungsleiste .gestalt-review-kompakt {
    border-block: 1px solid #c7ced1;
    margin: 4px 0;
    padding: 0; }
  #d3w-gestaltungsleiste .gestalt-ansichtszeile {
    flex-wrap: wrap;
    gap: 4px; }
  #d3w-gestaltungsleiste .gestalt-weitere-aktionen .gestalt-extras {
    display: block; }
  #d3w-gestaltungsleiste .gestalt-werkzeuge {
    margin-block: 4px; }
  #d3w-gestaltungsleiste .gestalt-rasterdetails {
    margin-block: 6px;
    padding-block: 4px; }
  #d3w-gestaltungsleiste .gestalt-rasterdetails > .gestalt-legende {
    margin-block: 4px; }
  #d3w-gestaltungsleiste .gestalt-textkopf {
    margin-block: 0 4px; }
  #d3w-gestaltungsleiste fieldset {
    margin-top: 6px; }
  #d3w-gestaltungsleiste .gestalt-reiter {
    margin-block: 4px; }
  #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) [data-context='text-editor'], #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) .gestalt-textkopf, #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) .gestalt-textauswahl, #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) .gestalt-bandschrift {
    display: none; }
  #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) .gestalt-bandumbruch, #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) .gestalt-bandumbruch > div {
    display: grid; }
  #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) .gestalt-bandumbruch label {
    display: block; }
  #d3w-gestaltungsleiste:not(.gestalt-inhaltsmodus) [data-tab-panel='image'] > .gestalt-bildquelle {
    display: none; }
  #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-reiter, #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-bandabsatz, #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-vorlagen, #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-sichtbarkeit {
    display: none; }
  #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-inline-format [data-align], #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-zitatwerkzeuge {
    display: none; }

  #d3w-gestaltungsleiste .gestalt-review-kompakt .gestalt-ansichtspruefung {
    margin: 0;
    padding: 6px;
    border-width: 0;
    background: transparent; }

  #d3w-gestaltungsleiste.gestalt-inhaltsmodus .gestalt-bandabsatz {
    display: none; }

  @media (max-width: 1000px) {
    .d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross [data-tab-panel='text'] {
      left: 0;
      right: 0;
      max-height: 60svh; }

    .d3w-gestaltungsleiste.gestalt-textmodus.gestalt-editor-gross .gestalt-text-und-umbruch {
      grid-template-columns: minmax(0, 1fr); } }
  #d3w-gestaltungsleiste > .gestalt-auswahl > button {
    display: inline-flex;
    align-items: center;
    margin: 4px 4px 0 0; }
  #d3w-gestaltungsleiste .gestalt-rasterdetails > .gestalt-legende {
    font-size: 11px; }
  #d3w-gestaltungsleiste [data-tab-panel='raster'] > p:first-of-type {
    display: none; }
  #d3w-gestaltungsleiste.gestalt-textmodus .gestalt-reiter {
    display: none; }

  #d3w-gestaltungsleiste .gestalt-seitenbaum {
    margin: 0 0 6px;
    border-bottom: 1px solid #c7ced1; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum > summary {
      font-size: 12px; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum .gestalt-baumliste {
      position: absolute;
      inset: 215px 0 52px;
      z-index: 115;
      background: #edf0f1;
      padding: 8px 12px;
      overflow: auto;
      overscroll-behavior: contain;
      border-block: 1px solid #b9c1c5; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum ul {
      list-style: none;
      padding: 0 0 0 10px;
      margin: 0;
      border-left: 1px solid #c7ced1; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum li {
      margin: 0;
      padding: 0; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum button {
      width: 100%;
      display: block;
      text-align: left;
      padding: 4px 7px;
      min-height: 30px;
      font-family: inherit;
      font-size: 12px;
      line-height: 1.3;
      border: 1px solid transparent;
      background: transparent;
      color: #30363a; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum button span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum button small {
      display: block;
      font-size: 9px;
      line-height: 1.2;
      margin-top: 2px;
      color: #5f6b72; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum button[aria-current='true'], #d3w-gestaltungsleiste .gestalt-seitenbaum button.is-hover {
      background: #e0e9ed;
      border-color: #526975;
      color: #30363a; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum button:focus-visible {
      outline: 2px solid #526975;
      outline-offset: -2px; }
    #d3w-gestaltungsleiste .gestalt-seitenbaum details {
      margin-block: 3px; }
      #d3w-gestaltungsleiste .gestalt-seitenbaum details > summary {
        font-size: 11px;
        line-height: 1.3; }

  .gestalt-elementwerkzeuge {
    position: fixed;
    z-index: 111;
    display: flex;
    gap: 2px;
    padding: 3px;
    background: #edf0f1;
    border: 1px solid #526975;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); }
    .gestalt-elementwerkzeuge[hidden] {
      display: none; }
    .gestalt-elementwerkzeuge button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      padding: 4px;
      border: 1px solid #b9c1c5;
      background: #fff;
      color: #30363a;
      cursor: pointer; }
    .gestalt-elementwerkzeuge button svg {
      width: 18px;
      height: 18px; }
    .gestalt-elementwerkzeuge button:disabled {
      opacity: .4;
      cursor: default; }
    .gestalt-elementwerkzeuge button:focus-visible {
      outline: 2px solid #526975;
      outline-offset: 1px; }

  .gestalt-dreiervergleich {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 1fr);
    gap: 8px;
    padding: 6px;
    box-sizing: border-box;
    background: #dfe3e5; }
    .gestalt-dreiervergleich[hidden] {
      display: none; }
    .gestalt-dreiervergleich[data-focus] {
      grid-template-columns: minmax(0, 1fr); }

  .gestalt-vergleichskarte {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #b9c1c5;
    background: #f7f8f8; }
    .gestalt-vergleichskarte[hidden] {
      display: none; }
    .gestalt-vergleichskarte[data-active='true'] {
      border-color: #526975; }
      .gestalt-vergleichskarte[data-active='true'] .gestalt-vergleichskopf {
        background: #526975;
        color: #fff; }

  .gestalt-vergleichskopf {
    display: flex;
    flex: 0 0 34px;
    border-bottom: 1px solid #b9c1c5;
    background: #edf0f1;
    color: #30363a;
    position: relative;
    z-index: 3; }
    .gestalt-vergleichskopf > button {
      min-width: 0;
      min-height: 34px;
      border: 0;
      background: transparent;
      color: inherit;
      font: 12px "Source Sans 3", sans-serif;
      cursor: pointer; }
    .gestalt-vergleichskopf > button:first-child {
      flex: 1; }
    .gestalt-vergleichskopf > .gestalt-vergleich-vergroessern {
      flex: 0 0 30px;
      padding: 5px; }
      .gestalt-vergleichskopf > .gestalt-vergleich-vergroessern svg {
        width: 18px;
        height: 18px; }

  .gestalt-vergleichsausschnitt {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden; }
    .gestalt-vergleichsausschnitt iframe {
      position: absolute;
      inset: 0;
      border: 0;
      transform-origin: top left;
      background: #faf7ef; }

  .gestalt-buehne--vergleich > .gestalt-website {
    position: absolute;
    max-width: none;
    margin: 0; }

  #d3w-gestaltungsleiste .gestalt-werteherkunft, #d3w-gestaltungsleiste .gestalt-blockanweisung, #d3w-gestaltungsleiste .gestalt-konflikte, #d3w-gestaltungsleiste .gestalt-aenderungsuebersicht {
    margin: 4px 0;
    border-top: 1px solid #c7ced1;
    font: 12px/1.35 "Source Sans 3", sans-serif; }
  #d3w-gestaltungsleiste .gestalt-werteherkunft summary, #d3w-gestaltungsleiste .gestalt-blockanweisung summary, #d3w-gestaltungsleiste .gestalt-konflikte summary, #d3w-gestaltungsleiste .gestalt-aenderungsuebersicht summary {
    font: 12px/1.35 "Source Sans 3", sans-serif;
    cursor: pointer;
    padding: 5px 0; }
  #d3w-gestaltungsleiste .gestalt-werteherkunft [data-values] > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border-top: 1px solid #d8dddf;
    padding: 3px 0; }
  #d3w-gestaltungsleiste .gestalt-werteherkunft button {
    flex: 0 0 26px;
    min-height: 26px;
    padding: 2px; }
  #d3w-gestaltungsleiste .gestalt-blockanweisung textarea {
    width: 100%;
    box-sizing: border-box;
    font: 12px/1.4 "Source Sans 3", sans-serif;
    resize: vertical; }
  #d3w-gestaltungsleiste .gestalt-aenderungsuebersicht {
    flex: 0 0 auto;
    padding: 0 12px;
    max-height: 160px;
    overflow: auto; }
  #d3w-gestaltungsleiste .gestalt-aenderungsuebersicht ul, #d3w-gestaltungsleiste .gestalt-konflikte ul {
    padding-left: 16px;
    margin: 4px 0; }
  #d3w-gestaltungsleiste .gestalt-konflikte button {
    text-align: left;
    font: 12px/1.35 "Source Sans 3", sans-serif; }

  .gestalt-kontextmenue {
    position: fixed;
    z-index: 120;
    display: flex;
    flex-direction: column;
    max-width: 310px;
    padding: 4px;
    border: 1px solid #526975;
    background: #edf0f1;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }
    .gestalt-kontextmenue[hidden] {
      display: none; }
    .gestalt-kontextmenue button {
      border: 0;
      background: transparent;
      color: #30363a;
      text-align: left;
      padding: 6px 9px;
      font: 12px/1.35 "Source Sans 3", sans-serif;
      cursor: pointer; }
    .gestalt-kontextmenue button:hover, .gestalt-kontextmenue button:focus-visible {
      background: #dce5e9;
      outline: 1px solid #526975; }
    .gestalt-kontextmenue button:disabled {
      opacity: .4;
      cursor: default; }

  html[data-builder-comparison] body:not(.d3w-begutachten) [data-builder-selected], body.d3w-canvas:not(.d3w-begutachten) [data-builder-selected] {
    outline: 2px solid #526975;
    outline-offset: 2px; }
  html[data-builder-comparison] body:not(.d3w-begutachten) [data-builder-hover], body.d3w-canvas:not(.d3w-begutachten) [data-builder-hover] {
    box-shadow: inset 0 0 0 2px #3a2f26;
    background-color: rgba(58, 47, 38, 0.08); }

  body.d3w-canvas.d3w-begutachten .d3w-arbeitsraster, body.d3w-canvas.d3w-begutachten .d3w-seitenrand, body.d3w-canvas.d3w-begutachten .d3w-strukturrahmen {
    display: none; }
  body.d3w-canvas.d3w-begutachten::after {
    display: none; }

  #d3w-gestaltungsleiste > .gestalt-aktionen .gestalt-speicherstand {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

  #d3w-gestaltungsleiste.gestalt-textmodus .gestalt-text-und-umbruch {
    grid-template-columns: minmax(0, 1fr); }

  #d3w-gestaltungsleiste .gestalt-text-und-umbruch > .gestalt-umbruch {
    grid-column: 1 / -1;
    width: 100%;
    box-sizing: border-box; }

  #d3w-gestaltungsleiste [data-text-align] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 4px; }

  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: 799px) {
    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: 800px) {
    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: 799px) {
    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: 799px) {
    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: 799px) {
    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: 800px) 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: 799px) {
    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: 799px) {
    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: 800px) 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: 800px) {
    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.d3w main :is(.d3w-textlink,a.textverweis,a.rueckverweis,a.angebot-zurueck,a.essay-zurueck) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    max-width: 100%;
    padding: 0;
    margin-inline: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.45;
    text-indent: 0; }
    body.d3w main :is(.d3w-textlink,a.textverweis,a.rueckverweis,a.angebot-zurueck,a.essay-zurueck) > .d3w-pfeil {
      margin-inline: 0;
      flex-shrink: 0; }
    body.d3w main :is(.d3w-textlink,a.textverweis,a.rueckverweis,a.angebot-zurueck,a.essay-zurueck) > span[aria-hidden='true']:not(.d3w-pfeil) {
      width: calc(0.875rem * 1.19547);
      height: calc(0.875rem * 1.19547);
      flex: 0 0 calc(0.875rem * 1.19547);
      margin-inline: 0;
      font-size: 0; }

  body.d3w main .angebot-lesetext > p[data-d3w-linkabsatz] {
    text-indent: 0; }
    body.d3w main .angebot-lesetext > p[data-d3w-linkabsatz]::before {
      content: 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; } }
@layer d3w-grunddesign {
  body:not(.startseite) main .d3w-bestandsseite .impulsraster {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body:not(.startseite) main .d3w-bestandsseite .impulsraster > .d3w-inhaltsanker {
      position: absolute;
      width: 0;
      height: 0;
      pointer-events: none; }
    body:not(.startseite) main .d3w-bestandsseite .impulsraster > .impulskarte:nth-child(n) {
      grid-column: auto;
      grid-row: auto; }
    @media (max-width: 1023px) {
      body:not(.startseite) main .d3w-bestandsseite .impulsraster {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 600px) {
      body:not(.startseite) main .d3w-bestandsseite .impulsraster {
        grid-template-columns: minmax(0, 1fr); } } }
@layer d3w-basis {
  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: var(--d3w-gutter); }

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

  @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 var(--d3w-gutter); } }
  @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);
    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 var(--d3w-gutter); }
    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: var(--d3w-gutter) 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 var(--d3w-gutter); }
  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 var(--d3w-gutter); }
    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: var(--d3w-gutter) 0; }
    body:not(.startseite) main#hauptinhalt :is(.essay-zitat--rechts,.rueckblick-zitat--rechts) > p {
      text-align: inherit; }

  @media (min-width: 800px) {
    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: var(--d3w-gutter) 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: 800px) {
    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:calc(var(--d3w-lesezeile) * 2); }
    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 .angebot-auftakt + .redaktion-kategorietext > p:has(+ p) {
      margin-block-end: var(--d3w-abstand-halb); }
    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: 800px) {
      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.d3w.veraenderungsseite main#hauptinhalt .veranstaltungs-vorschau__text > p:has(+ p) {
    margin-block-end: var(--d3w-abstand-halb); }

  @media (min-width: 800px) {
    body.d3w:not(.startseite) > main#hauptinhalt + #seitenfuss {
      margin-block-start: calc(2 * var(--d3w-lesezeile)); } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt
    .angebote > .redaktion-kategorietext:has(> h2:first-child + p + p:last-child) > h2 {
      grid-row: 1 / span 2;
      align-self: start; } }
  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 var(--d3w-gutter); }
    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: var(--d3w-gutter) 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: 799px) {
      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;
          grid-row: auto; }
        body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > .veranstaltungs-vorschau__bild {
          width: var(--gestalt-image-width, 100%);
          max-width: none;
          margin-left: var(--gestalt-image-offset, 0px);
          margin-right: var(--gestalt-image-right-offset, 0px); }
        body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > .veranstaltungs-vorschau__text {
          width: 100%;
          max-width: 100%;
          margin-inline: 0; }
        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;
          text-wrap: wrap; } }
    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; } }
  body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt > section:has(> .angebot-lesegruppe) {
    display: block; }
  body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > h2 {
    margin: 0 0 var(--d3w-abstand-text); }
  body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > blockquote {
    margin: var(--d3w-abstand-text) 0; }
  body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext {
    min-width: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext > :first-child {
      margin-block-start: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext > :last-child {
      margin-block-end: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext > p {
      margin-block: 0 var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext > p:has(+ p:not(.angebot-kontaktlink)) {
      margin-block-end: var(--d3w-abstand-halb); }
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext > h3 {
      text-align: start; }
  body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt .angebot-lesegruppe + .angebot-lesegruppe {
    margin-block-start: var(--d3w-abstand-gruppe); }
  @media (min-width: 800px) {
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 0;
      align-items: start; }
      body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > h2 {
        grid-column: 1 / 5;
        grid-row: 1;
        text-align: right;
        margin: 0; }
      body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext {
        grid-column: 5 / 10;
        grid-row: 1; }
      body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > .angebot-lesetext ~ .angebot-lesetext {
        grid-row: 2; }
      body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)) > blockquote {
        grid-column: 10 / -1;
        grid-row: 1;
        margin: 0;
        text-align: start;
        border-inline-start: 1px solid #b1a178;
        border-inline-end: 0;
        padding-inline: var(--d3w-gutter) 0; }
      body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe, section:has(> .angebot-lesetext), section.angebot-einstieg--zitat:has(> .angebot-lesetext)):has(> .angebot-lesetext ~ .angebot-lesetext) > blockquote {
        grid-row: 1 / span 2; }
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt .angebot-lesegruppe:has(> .angebot-lesetext ~ .angebot-lesetext) > .angebot-lesetext ~ .angebot-lesetext {
      margin-block-start: var(--d3w-abstand-text); } }

  body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] {
    row-gap: var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > .angebot-lesegruppe {
      grid-column: 1 / -1; }
    body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article].angebot-vertiefung--coaching-ablauf {
      padding-block-start: var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > [data-rlta-type='accordions'][data-rlta-element='container'][data-rlta-state][data-rlta-theme] {
      width: 100%;
      margin-block: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] + section.angebot-vertiefung {
      margin-block-start: var(--d3w-abstand-text); }
    @media (min-width: 800px) {
      body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: var(--d3w-gutter); }
        body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > h2 {
          grid-column: 1 / 5;
          grid-row: 1;
          text-align: right;
          margin: 0; }
        body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > [data-rlta-type='accordions'][data-rlta-element='container'][data-rlta-state][data-rlta-theme] {
          grid-column: 5 / 12; } }
    @media (max-width: 799px) {
      body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] {
        display: grid;
        grid-template-columns: minmax(0, 1fr); }
        body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > h2,
        body.d3w:not(.startseite) main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > [data-rlta-type='accordions'][data-rlta-element='container'][data-rlta-state][data-rlta-theme] {
          grid-column: 1;
          grid-row: auto; } }

  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-inhalt > section:has(> .angebot-lesetext) > .angebot-lesetext {
      grid-column: 5 / 11; }
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-inhalt > section:has(> .angebot-lesetext):has(> blockquote) > .angebot-lesetext {
      grid-column: 5 / 10; }
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-inhalt > section > .angebot-lesetext > p,
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung .angebot-lesegruppe > .angebot-lesetext > p {
      max-width: none; }
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung .angebot-lesegruppe > .angebot-lesetext {
      grid-column: 5 / 12; }
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung .angebot-lesegruppe:has(> blockquote) > .angebot-lesetext {
      grid-column: 5 / 10; }
    body.d3w.veraenderungsseite main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article].angebot-vertiefung--seitenbreit > h2 {
      grid-column: 1 / -1;
      text-align: start; }
    body.d3w.veraenderungsseite main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article].angebot-vertiefung--coaching-ablauf > [data-rlta-type='accordions'][data-rlta-element='container'][data-rlta-state][data-rlta-theme] {
      grid-column: 3 / 10; }
    body.d3w.veraenderungsseite main#hauptinhalt .angebote .angebot-inhalt > section.angebot-vertiefung[data-d3w-article].angebot-vertiefung--seitenbreit > [data-rlta-type='accordions'][data-rlta-element='container'][data-rlta-state][data-rlta-theme] {
      grid-column: 1 / -1; }
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > h2 {
      grid-column: 2 / 12;
      text-align: start; }
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung .angebot-inhalt > section.angebot-vertiefung[data-d3w-article] > [data-rlta-type='accordions'][data-rlta-element='container'][data-rlta-state][data-rlta-theme] {
      grid-column: 2 / 12; } }
  @media (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-auftakt {
      display: block; }
      body.d3w.veraenderungsseite main#hauptinhalt .angebot-auftakt > .angebot-auftakt__text {
        width: auto; }
      body.d3w.veraenderungsseite main#hauptinhalt .angebot-auftakt > :is(picture, img) {
        display: block;
        width: 100vw;
        max-width: none;
        margin-inline: calc((100% - 100vw) / 2); }
      body.d3w.veraenderungsseite main#hauptinhalt .angebot-auftakt .angebot-auftakt__bild {
        display: block;
        width: 100%;
        max-width: none;
        height: clamp(240px, 56vw, 480px);
        min-height: 0;
        object-fit: cover; } }
  @media (max-width: 600px) {
    body.d3w.veraenderungsseite main#hauptinhalt
    :is(.coachingseite, .jahresbegleitung) .angebot-inhalt > section.angebot-einstieg--zitat > .angebot-lesegruppe:first-child {
      display: flex;
      flex-direction: column; }
      body.d3w.veraenderungsseite main#hauptinhalt
      :is(.coachingseite, .jahresbegleitung) .angebot-inhalt > section.angebot-einstieg--zitat > .angebot-lesegruppe:first-child > blockquote {
        order: -1; }
      body.d3w.veraenderungsseite main#hauptinhalt
      :is(.coachingseite, .jahresbegleitung) .angebot-inhalt > section.angebot-einstieg--zitat > .angebot-lesegruppe:first-child > h2 {
        order: -2; } }
  @media (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt
    :is(.angebot-zurueck, .angebot-kontaktlink) > a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 24px;
      max-width: 100%; } }
  @media (min-width: 800px) and (max-width: 1023px) {
    body.d3w.veraenderungsseite main#hauptinhalt .angebotswege {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      body.d3w.veraenderungsseite main#hauptinhalt .angebotswege > .angebotsweg {
        grid-column: auto; } }
  body.d3w.veraenderungsseite {
    --d3w-abstand-abschnitt: calc(var(--d3w-lesezeile) * 2);
    --d3w-hauptbild-abstand: var(--d3w-abstand-abschnitt); }
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-inhalt {
      padding-block: 0; }
    body.d3w.veraenderungsseite main#hauptinhalt .angebotswege + .angebot-inhalt {
      padding-block-start: var(--d3w-abstand-text); }
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-inhalt > section + section:not(.angebot-vertiefung) {
      margin-block-start: var(--d3w-abstand-abschnitt); }

  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt > .veranstaltungs-vorschau[data-d3w-article="43"] {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr)); }
      body.d3w.veraenderungsseite main#hauptinhalt > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__text {
        grid-column: 5 / 12; } }
  @media (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt
    .veranstaltungs-vorschau:has(+ .angebote.coachingseite) {
      margin-block-end: var(--d3w-abstand-text); } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt
    .veranstaltungs-vorschau:has(+ .angebote.coachingseite) {
      margin-block-end: var(--d3w-abstand-halb); } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt
    .angebote:has(#rlta-teamprozesse-und-zusammenarbeit) > .angebot-auftakt > .angebot-auftakt__text {
      grid-column: 1 / 6;
      width: auto;
      min-width: 0;
      margin-inline: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt
      .angebote:has(#rlta-teamprozesse-und-zusammenarbeit) > .angebot-auftakt > .angebot-auftakt__text > h1 {
        width: auto;
        margin-inline: 0; } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung
    .angebot-inhalt > section.angebot-vertiefung[data-d3w-article="58"] {
      padding-block-start: var(--d3w-abstand-text); } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt .jahresbegleitung
    .angebot-einstieg--zitat[data-d3w-article="56"] > .angebot-lesegruppe:first-child > h2 {
      grid-column: 1 / 4; } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt
    [data-d3w-article="144"] .veranstaltungs-vorschau__text
    > [data-rlta-type='accordions']:last-of-type + p {
      margin-block-start: var(--d3w-abstand-text); } }
  @media (min-width: 800px) and (max-width: 1023px) {
    body.d3w.veraenderungsseite main#hauptinhalt .angebot-auftakt h1 {
      font-size: clamp(2rem, 4.4vw, 2.75rem);
      overflow-wrap: anywhere; }

    body.d3w.veraenderungsseite main#hauptinhalt blockquote,
    body.d3w.veraenderungsseite main#hauptinhalt blockquote > p {
      overflow-wrap: anywhere;
      hyphens: none; } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"],
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 0;
      align-items: start; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > h2,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > h2 {
        grid-column: 1 / 3;
        grid-row: 1;
        text-align: right;
        width: auto;
        max-width: none;
        margin-inline: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > :is(p,.angebot-lesetext),
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > :is(p,.angebot-lesetext) {
        grid-column: 3 / 11;
        width: auto;
        max-width: none;
        margin-inline: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > .angebot-lesetext,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > .angebot-lesetext {
        grid-row: 1; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > blockquote,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > blockquote {
        grid-column: 11 / 13;
        grid-row: 1;
        width: auto;
        max-width: none;
        margin-inline: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > .angebot-lesetext > :is(p,ul,ol),
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > .angebot-lesetext > :is(p,ul,ol) {
        width: auto;
        max-width: none;
        margin-inline: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > h2 + p,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > h2 + p {
        grid-row: 1; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > h2 + p + p,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > h2 + p + p {
        grid-row: 2; } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__bild {
      grid-column: 1 / 3;
      grid-row: 1;
      width: calc(100% + var(--inhalt-seitenrand));
      max-width: none;
      margin-inline: calc(-1 * var(--inhalt-seitenrand)) 0; }
      body.d3w.veraenderungsseite main#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__bild img {
        width: 100%;
        max-width: none; } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__text {
      grid-column: 3 / 11;
      grid-row: 1;
      display: block;
      width: auto;
      max-width: none;
      margin-inline: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__text > :is(h2,p,blockquote,a) {
        width: auto;
        max-width: none;
        margin-inline: 0;
        float: none;
        text-align: start; } }
  @media (min-width: 800px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > h2 {
      grid-row: 1 / span 2; }
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > p {
      margin-block: 0 var(--d3w-abstand-text); }
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > p:last-child {
      margin-block-end: 0; }
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebotswege {
      padding-block: var(--d3w-abstand-text); }
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: var(--d3w-abstand-gruppe);
      padding-block-start: var(--d3w-abstand-text); }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) {
        display: contents; }
        body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > h2 {
          margin-block: 0; }
        body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section:has(> .angebot-lesetext) > blockquote {
          grid-row: 1 / span 3;
          align-self: start; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section[data-d3w-article="40"] > :is(h2,.angebot-lesetext) {
        grid-row: 1; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section[data-d3w-article="41"] > :is(h2,.angebot-lesetext) {
        grid-row: 2; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .angebot-inhalt > section[data-d3w-article="42"] > :is(h2,.angebot-lesetext) {
        grid-row: 3; } } }
@layer d3w-grunddesign {
  @media (min-width: 601px) {
    body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe,section:has(> .angebot-lesetext)),
    body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau,
    body.d3w:not(.startseite) main#hauptinhalt .redaktion-kategorietext {
      grid-auto-flow: row dense; }
      body.d3w:not(.startseite) main#hauptinhalt .angebot-inhalt :is(.angebot-lesegruppe,section:has(> .angebot-lesetext)) > *,
      body.d3w:not(.startseite) main#hauptinhalt .veranstaltungs-vorschau > *,
      body.d3w:not(.startseite) main#hauptinhalt .redaktion-kategorietext > * {
        grid-row: auto; } } }
@layer d3w-basis {
  @media (max-width: 799px) {
    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: var(--d3w-gutter) 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 (max-width: 799px) {
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt,
    .angebot-inhalt > section,.persoenlich__inhalt > section,.angebot-lesegruppe,
    .zwischenraeume-abschluss,.essay,.referenz-erzaehlung > section,.referenz-einblick,
    .veranstaltungs-vorschau,.veranstaltungshinweis,.peb-wirkung,.peb-prozess,
    .angebotswege,.arbeitsraster,.impulsraster,.referenz-motive,.referenz-kapitel,
    .arbeitsreferenzen,.projekt-fakten,.peb-anwendungen__raster,.essay-weiter) {
      grid-template-columns: minmax(0, 1fr); }
      body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt,
      .angebot-inhalt > section,.persoenlich__inhalt > section,.angebot-lesegruppe,
      .zwischenraeume-abschluss,.essay,.referenz-erzaehlung > section,.referenz-einblick,
      .veranstaltungs-vorschau,.veranstaltungshinweis,.peb-wirkung,.peb-prozess,
      .angebotswege,.arbeitsraster,.impulsraster,.referenz-motive,.referenz-kapitel,
      .arbeitsreferenzen,.projekt-fakten,.peb-anwendungen__raster,.essay-weiter) > * {
        grid-column: 1 / -1;
        grid-row: auto;
        min-width: 0;
        max-width: none; }
      body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt,
      .angebot-inhalt > section,.persoenlich__inhalt > section,.angebot-lesegruppe,
      .zwischenraeume-abschluss,.essay,.referenz-erzaehlung > section,.referenz-einblick,
      .veranstaltungs-vorschau,.veranstaltungshinweis,.peb-wirkung,.peb-prozess,
      .angebotswege,.arbeitsraster,.impulsraster,.referenz-motive,.referenz-kapitel,
      .arbeitsreferenzen,.projekt-fakten,.peb-anwendungen__raster,.essay-weiter) > picture.d3w-bild > img {
        grid-column: 1 / -1;
        grid-row: auto; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.angebot-lesetext,.essay-lesetext,.zwischenraeume-abschluss__text,
    .zwischenraeume-abschluss__schluss,.persoenlich__inhalt,.projekt-abschnitt,.rechtstext,
    [data-rlta-element='panel-content']) > :is(p,h2,h3,h4,blockquote,ul,ol) {
      max-width: none; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.angebot-lesetext,.essay-lesetext,.zwischenraeume-abschluss__text,
    .zwischenraeume-abschluss__schluss,.persoenlich__inhalt,.veranstaltungsprogramm,
    .veranstaltungs-vorschau__text,[data-rlta-type='accordions'][data-rlta-element='container']:not([data-rlta-element='panel-content'] *)) {
      grid-column: 1 / -1;
      grid-row: auto;
      width: auto;
      max-width: none;
      margin-inline: 0;
      min-width: 0; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt [data-rlta-type='accordions'] > :is([data-rlta-element='button'],[data-rlta-element='panel']) {
      align-self: stretch;
      width: auto;
      max-width: none;
      margin-inline: 0; } }
  @media (max-width: 799px) {
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption,.essay-zitat,.essay-einleitung,.rueckblick-zitat) {
      max-width: none;
      white-space: normal;
      text-wrap: wrap; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.d3w-textzeile,.essay-titelzeile,.veraenderung-aussage) {
      display: inline;
      white-space: normal; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(.d3w-textzeile,.essay-titelzeile,.veraenderung-aussage) + :is(.d3w-textzeile,.essay-titelzeile,.veraenderung-aussage)::before {
      content: " "; } }
  @media (min-width: 800px) and (max-width: 1023px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt:has(.angebot-auftakt[data-d3w-article="3"]) > .angebotswege {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt:has(.angebot-auftakt[data-d3w-article="3"]) > .angebotswege > .angebotsweg {
        grid-column: auto;
        grid-row: auto; } }
  @media (max-width: 799px) {
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt,
    .angebot-lesegruppe,.redaktion-kategorietext,.angebot-inhalt > section,
    .persoenlich__inhalt > section,.projekt-abschnitt,.referenz-einblick,
    .referenz-erzaehlung,.zwischenraeume-abschluss,.veranstaltungs-vorschau,
    .veranstaltungshinweis,.peb-wirkung,.peb-prozess,.essay-seitenmotiv,.rueckblick-seitenmotiv) {
      display: block;
      min-width: 0; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt :is(.angebotswege,.arbeitsraster,.impulsraster,.referenz-kapitel,.referenz-motive,
    .arbeitsreferenzen,.peb-anwendungen__raster,.projekt-fakten) {
      display: grid;
      grid-template-columns: minmax(0, 1fr); }
      body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt :is(.angebotswege,.arbeitsraster,.impulsraster,.referenz-kapitel,.referenz-motive,
      .arbeitsreferenzen,.peb-anwendungen__raster,.projekt-fakten) > * {
        grid-column: 1 / -1;
        grid-row: auto;
        min-width: 0; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt :is(h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,.angebot-lesetext,.angebot-auftakt__text,
    .veranstaltungs-vorschau__text,.veranstaltungshinweis__text,.essay-lesetext,
    .persoenlich__inhalt,.zwischenraeume-abschluss__text,.zwischenraeume-abschluss__schluss) {
      grid-column: 1 / -1;
      grid-row: auto;
      width: auto;
      max-width: none;
      min-width: 0;
      margin-inline: 0;
      text-align: start;
      white-space: normal;
      overflow-wrap: anywhere; }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt :is(.angebot-auftakt,.redaktion-auftakt,.portfolio-auftakt,.projekt-auftakt,.essay-auftakt) h1 {
      font-size: clamp(2.3rem, 7vw, 3.5rem); }
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt .veranstaltungs-vorschau > .veranstaltungs-vorschau__bild + .veranstaltungs-vorschau__text {
      margin-block-start: var(--d3w-abstand-text); } }
  @media (max-width: 799px) and (min-width: 601px) {
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt .angebotswege[aria-label="Angebote für Veränderung"] {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt .angebotswege[aria-label="Angebote für Veränderung"] > .angebotsweg {
        grid-column: auto;
        grid-row: auto; } }
  @media (max-width: 799px) {
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt .unterrichtskarte :is(ul,p) {
      width: auto; } } }
@layer d3w-grunddesign {
  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt .coachingseite .angebot-inhalt > section > .angebot-lesegruppe {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 0;
      align-items: start;
      grid-auto-flow: row dense; }
      body.d3w.veraenderungsseite main#hauptinhalt .coachingseite .angebot-inhalt > section > .angebot-lesegruppe > h2 {
        grid-column: 1 / 4;
        grid-row: auto;
        text-align: end;
        margin-block: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt .coachingseite .angebot-inhalt > section > .angebot-lesegruppe > .angebot-lesetext {
        grid-column: 4 / 13;
        grid-row: auto;
        margin-block: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt .coachingseite .angebot-inhalt > section > .angebot-lesegruppe:has(> blockquote) > .angebot-lesetext {
        grid-column: 4 / 10; }
      body.d3w.veraenderungsseite main#hauptinhalt .coachingseite .angebot-inhalt > section > .angebot-lesegruppe > .angebot-lesetext ~ .angebot-lesetext {
        grid-row: auto;
        margin-block-start: var(--d3w-abstand-text); }
      body.d3w.veraenderungsseite main#hauptinhalt .coachingseite .angebot-inhalt > section > .angebot-lesegruppe > blockquote {
        grid-column: 10 / 13;
        grid-row: auto;
        margin-block: 0; }

    body.d3w.veraenderungsseite main#hauptinhalt:has(.coachingseite) .veranstaltungs-vorschau {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      align-items: start;
      grid-auto-flow: row dense; }
      body.d3w.veraenderungsseite main#hauptinhalt:has(.coachingseite) .veranstaltungs-vorschau > .veranstaltungs-vorschau__bild {
        grid-column: 1 / 4;
        grid-row: auto; }
      body.d3w.veraenderungsseite main#hauptinhalt:has(.coachingseite) .veranstaltungs-vorschau > .veranstaltungs-vorschau__text {
        grid-column: 4 / 13;
        grid-row: auto;
        margin-block-start: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt:has(.coachingseite) .veranstaltungs-vorschau > .veranstaltungs-vorschau__text > :first-child {
        margin-block-start: 0; } } }
@layer d3w-basis {
  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"],
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .angebot-inhalt > section:has(> .angebot-lesetext) {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      align-items: start; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > p,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .angebot-inhalt > section:has(> .angebot-lesetext) > p {
        grid-column: 4 / 10;
        grid-row: 1;
        margin-block-start: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > h2,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .angebot-inhalt > section:has(> .angebot-lesetext) > h2 {
        grid-column: 1 / 4;
        grid-row: 1;
        text-align: right; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > .angebot-lesetext,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .angebot-inhalt > section:has(> .angebot-lesetext) > .angebot-lesetext {
        grid-column: 4 / 10;
        grid-row: 1; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > blockquote,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .angebot-inhalt > section:has(> .angebot-lesetext) > blockquote {
        grid-column: 10 / 13;
        grid-row: 1;
        margin-block: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .redaktion-kategorietext[data-d3w-article="3"] > .angebot-lesetext > p,
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) .angebot-inhalt > section:has(> .angebot-lesetext) > .angebot-lesetext > p {
        width: auto;
        margin-inline: 0; } }
  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      align-items: start; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__bild {
        grid-column: 1 / 4;
        grid-row: 1; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__text {
        grid-column: 4 / 13;
        grid-row: 1;
        margin-block-start: 0; }
      body.d3w.veraenderungsseite main#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt#hauptinhalt:has(> .angebotswege) > .veranstaltungs-vorschau[data-d3w-article="43"] > .veranstaltungs-vorschau__text > h2 {
        margin-block-start: 0; } }
  @media (max-width: 799px) {
    body.d3w:not(.startseite) main#hauptinhalt :is(figure,picture,p):has(> img:not(.medienlogo):not([src*=".svg"])),
    body.d3w:not(.startseite) main#hauptinhalt figure:has(> picture > img:not(.medienlogo):not([src*=".svg"])) {
      display: block;
      position: relative;
      float: none;
      width: 100vw;
      max-width: none;
      margin-inline: calc((100% - 100vw) / 2);
      grid-column: 1 / -1;
      grid-row: auto; }
      body.d3w:not(.startseite) main#hauptinhalt :is(figure,picture,p):has(> img:not(.medienlogo):not([src*=".svg"])) img, body.d3w:not(.startseite) main#hauptinhalt :is(figure,picture,p):has(> img:not(.medienlogo):not([src*=".svg"])) picture,
      body.d3w:not(.startseite) main#hauptinhalt figure:has(> picture > img:not(.medienlogo):not([src*=".svg"])) img,
      body.d3w:not(.startseite) main#hauptinhalt figure:has(> picture > img:not(.medienlogo):not([src*=".svg"])) picture {
        display: block;
        width: 100%;
        max-width: none;
        height: auto;
        margin-inline: 0;
        transform: none; }
    body.d3w:not(.startseite) main#hauptinhalt figure picture:has(> img:not(.medienlogo):not([src*=".svg"])) {
      width: 100%;
      margin-inline: 0; }
    body.d3w:not(.startseite) main#hauptinhalt img:not(figure img):not(picture img):not(p img):not(.medienlogo):not([src*=".svg"]) {
      display: block;
      width: 100vw;
      max-width: none;
      height: auto;
      margin-inline: calc((100% - 100vw) / 2);
      grid-column: 1 / -1;
      grid-row: auto; } }
  @media (max-width: 600px) {
    body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(blockquote,.essay-zitat,.essay-einleitung,.rueckblick-zitat):not([data-d3w-block]) {
      width: auto;
      max-width: none;
      margin-inline: calc((100% + var(--d3w-gutter)) / 8);
      padding-inline: var(--d3w-gutter);
      text-align: center; }
      body.d3w:not(.startseite) main#hauptinhalt#hauptinhalt :is(blockquote,.essay-zitat,.essay-einleitung,.rueckblick-zitat):not([data-d3w-block]) > p {
        text-align: inherit; } }
  body:not(.startseite) main#hauptinhalt .angebot-terminliste {
    list-style: none;
    padding: 0;
    margin-block: var(--d3w-abstand-text); }
    body:not(.startseite) main#hauptinhalt .angebot-terminliste > li {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto;
      gap: 8px 16px;
      padding-block: var(--d3w-abstand-halb);
      border-block-end: 1px solid #d4cbb5;
      align-items: baseline; }
    body:not(.startseite) main#hauptinhalt .angebot-terminliste .angebot-terminliste__ort {
      font-weight: 400; }
    body:not(.startseite) main#hauptinhalt .angebot-terminliste .angebot-terminliste__anmeldung a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 24px; }
    @media (max-width: 600px) {
      body:not(.startseite) main#hauptinhalt .angebot-terminliste > li {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px; } }
  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; }

  body.d3w main#hauptinhalt .unterrichtskarte {
    width: 100%;
    max-width: 42rem;
    margin-inline: auto; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__flaeche {
      position: relative;
      width: 50%;
      max-width: 17.5rem;
      margin-inline: auto;
      aspect-ratio: 610 / 820;
      background: url("/content/veraenderung/workshops/deutschland-unterrichtsorte.svg") center/contain no-repeat; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__flaeche > img {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      object-fit: contain; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__flaeche > ul {
      position: absolute;
      inset: 0;
      padding: 0;
      margin: 0;
      list-style: none; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort {
      position: absolute;
      margin: 0;
      padding: 0;
      transform: translate(-50%, -50%);
      list-style: none; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort::before {
      content: none; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort > button {
      display: block;
      position: relative;
      width: 24px;
      height: 24px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer; }
      body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort > button::before {
        content: "";
        position: absolute;
        inset: 7px;
        border-radius: 50%;
        background: #76684f;
        box-shadow: 0 0 0 2px #fbf8ef; }
      body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort > button > span {
        position: absolute;
        z-index: 2;
        left: 50%;
        bottom: calc(100% + 4px);
        transform: translateX(-50%);
        padding: .3rem .6rem;
        background: #fbf8ef;
        color: #76684f;
        border: 1px solid #d7cdbb;
        white-space: nowrap;
        border-radius: 2px;
        font-family: inherit;
        font-size: .8rem;
        font-weight: 300;
        line-height: 1.4;
        opacity: 0;
        pointer-events: none; }
      body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort > button:hover > span, body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort > button:focus > span {
        opacity: 1; }
      body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort > button:focus-visible {
        outline: 2px solid #76684f;
        outline-offset: 2px;
        border-radius: 50%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort:focus-within, body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort:hover {
      z-index: 3; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__liste {
      margin-block: var(--d3w-abstand-text);
      font-size: .8rem;
      line-height: 1.6; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__quelle {
      font-size: .8rem;
      margin-block: var(--d3w-abstand-text) 0; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--1 {
      left: 78.459%;
      top: 32.073%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--2 {
      left: 48.765%;
      top: 35.135%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--3 {
      left: 30.968%;
      top: 25.252%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--4 {
      left: 73.509%;
      top: 52.710%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--5 {
      left: 81.887%;
      top: 49.995%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--6 {
      left: 53.955%;
      top: 50.795%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--7 {
      left: 29.734%;
      top: 61.452%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--8 {
      left: 42.662%;
      top: 44.009%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--9 {
      left: 43.265%;
      top: 19.499%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--10 {
      left: 40.565%;
      top: 33.830%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--11 {
      left: 35.270%;
      top: 73.260%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--12 {
      left: 59.726%;
      top: 51.499%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--13 {
      left: 26.862%;
      top: 74.916%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--14 {
      left: 67.813%;
      top: 46.467%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--15 {
      left: 60.122%;
      top: 36.945%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--16 {
      left: 25.248%;
      top: 62.891%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--17 {
      left: 27.504%;
      top: 69.055%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--18 {
      left: 64.986%;
      top: 12.898%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--19 {
      left: 22.947%;
      top: 52.137%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--20 {
      left: 33.590%;
      top: 80.834%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--21 {
      left: 43.202%;
      top: 82.304%; }
    body.d3w main#hauptinhalt .unterrichtskarte .unterrichtskarte__ort--22 {
      left: 42.849%;
      top: 65.350%; }

  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .seitenbeitraege {
    padding-inline: var(--inhalt-seitenrand); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .seitenbeitrag + .seitenbeitrag {
    margin-block-start: var(--d3w-abstand-gruppe); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsbeginn {
    margin-block: 0 var(--d3w-abstand-gruppe);
    min-width: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt:has(> .angebot-lesegruppe:only-child) {
    margin-block: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > .angebot-lesegruppe:has(+ [data-rlta-type='accordions']) {
    margin-block-end: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > .beitragsabschnitt:last-child,
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > .angebot-lesegruppe:last-child,
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt > .angebot-lesegruppe:last-child {
    margin-block-end: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt > [data-rlta-type='accordions'] {
    margin-block: var(--d3w-abstand-text) 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt:has(> [data-rlta-type='accordions']:only-child) {
    margin-block-end: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt:has(> [data-rlta-type='accordions']:only-child) > [data-rlta-element='container'][data-rlta-state='ready'][data-rlta-theme][data-rlta-type='accordions'] {
      margin-block: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt:has(> [data-rlta-type='accordions']:only-child) + .beitragsabschnitt:has(> [data-rlta-type='accordions']:only-child) {
      margin-block-start: var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt:has(> [data-rlta-type='accordions']:only-child) + .beitragsabschnitt {
      margin-block-start: var(--d3w-abstand-gruppe); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt:has(> .angebot-lesegruppe) + .beitragsabschnitt:has(> [data-rlta-type='accordions']:only-child) {
    margin-block-start: calc(var(--d3w-lesezeile) * 2); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsrand, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragslesetext, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesetext {
    min-width: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsbild {
    margin: 0 0 var(--d3w-abstand-text); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsbild img {
    display: block;
    width: 100%;
    height: auto; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragslesetext > .beitragsueberschrift {
    margin: 0 0 var(--d3w-abstand-text);
    text-align: start;
    font-size: clamp(1.1rem, 2vw, 1.8rem); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsrand > h2, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe > h2 {
    margin: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesetext > :first-child, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragslesetext > :first-child {
    margin-block-start: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesetext > p, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragslesetext > p {
    margin-block: 0 var(--d3w-abstand-text); }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesetext > :last-child, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragslesetext > :last-child {
    margin-block-end: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > [data-rlta-type='accordions'] + p {
    margin-block-start: var(--d3w-abstand-text); }
  @media (min-width: 800px) {
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsbeginn, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      align-items: start; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > .beitragsabschnitt, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > .angebot-lesegruppe {
      grid-column: 1 / -1; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt > .angebot-lesegruppe {
      grid-column: 1 / -1; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsrand, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe > h2 {
      grid-column: 1 / 3;
      grid-row: 1;
      text-align: end; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsrand > h2, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe > h2 {
      font-size: clamp(1.1rem, 2vw, 1.8rem);
      overflow-wrap: anywhere;
      hyphens: none; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragslesetext, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesetext {
      grid-column: 3 / 11;
      grid-row: 1; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe > blockquote {
      grid-column: 11 / 13;
      grid-row: 1;
      margin: 0;
      width: auto;
      max-width: none;
      min-width: 0;
      border-inline-start: 1px solid #b1a178;
      border-inline-end: 0;
      padding-inline: var(--d3w-gutter) 0;
      overflow-wrap: anywhere;
      hyphens: none;
      text-align: start; }
      body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe > blockquote > p {
        overflow-wrap: inherit;
        hyphens: inherit; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt > [data-rlta-type='accordions'],
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte > :is(p,[data-rlta-type='accordions']) {
      grid-column: 3 / 11; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsbild {
      width: calc(100% + var(--inhalt-seitenrand));
      margin-inline-start: calc(-1 * var(--inhalt-seitenrand)); } }
  @media (max-width: 799px) {
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitt, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsbeginn, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsabschnitte {
      display: block; }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsrand > h2, body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .angebot-lesegruppe > h2 {
      text-align: start;
      margin-block-end: var(--d3w-abstand-text); }
    body.d3w:not(.startseite) main#hauptinhalt .kategorieseite--workshops .beitragsrand {
      margin-block-end: var(--d3w-abstand-text); } } }
@layer d3w-grunddesign {
  body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite {
    box-sizing: border-box;
    padding-inline: var(--inhalt-seitenrand);
    --d3w-kopfbild-hoehe:clamp(240px,45svh,400px); }
    @media (min-width: 601px) and (max-width: 799px) {
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite {
        --d3w-kopfbild-hoehe:56.25vw; } }
    @media (min-width: 800px) {
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite {
        --d3w-kopfbild-hoehe:680px; } }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenbeitraege {
      display: block; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-angebotsbereich > .angebotswege {
      padding: 0;
      margin: 0;
      max-width: none;
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-angebotsbereich > .angebotswege > .angebotsweg {
        grid-column: auto;
        grid-row: auto;
        min-width: 0; }
      @media (max-width: 1023px) {
        body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-angebotsbereich > .angebotswege {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 600px) {
        body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-angebotsbereich > .angebotswege {
          grid-template-columns: minmax(0, 1fr); } }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite [data-d3w-block] {
      min-width: 0;
      overflow-wrap: anywhere; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite :is(h1,h2,h3,h4,blockquote)[data-d3w-block] {
      hyphens: none; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite :is(h1,h2,h3,h4,blockquote)[data-d3w-block] > p {
        hyphens: inherit;
        overflow-wrap: inherit; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag {
      display: grid;
      align-items: start;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      grid-auto-flow: row dense; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag > .angebot-lesegruppe {
        grid-column: 1 / -1; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag + .d3w-inhaltsbeitrag {
      margin-block-start: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe, body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 0;
      grid-auto-flow: row dense;
      align-items: start;
      min-height: 0; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > *, body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > * {
        min-width: 0;
        grid-row: auto;
        position: static;
        float: none; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe {
      margin-block: 0 calc(var(--d3w-lesezeile) * 2); }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > :is(h2,h3,h4) {
        grid-column: 1 / 3;
        text-align: end;
        margin-block: 0; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .angebot-lesetext {
        grid-column: 3 / 11;
        margin: 0;
        max-width: none; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > blockquote {
        grid-column: 11 / 13;
        margin-block: 0; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .d3w-blockbild {
        grid-column: 1 / 3;
        grid-row: auto/span var(--d3w-bild-zeilen, 3);
        margin: 0;
        --d3w-bild-zeilen:3; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe:has(> .d3w-blockbild) > :is(h2,h3,h4) {
        grid-column: 3 / 11;
        text-align: start; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > h2 + h3 {
        margin-block-start: var(--d3w-lesezeile); }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .angebot-lesetext > :first-child {
        margin-block-start: 0; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .angebot-lesetext > :last-child {
        margin-block-end: 0; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .angebot-lesetext > p + p {
        margin-block-start: var(--d3w-lesezeile); }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-aufklapps {
      display: block;
      grid-column: 3 / 11;
      margin-block: calc(var(--d3w-lesezeile) * 2);
      margin-inline: 0; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-blockbild img, body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-blockbild picture {
      display: block;
      width: 100%;
      max-width: none;
      height: auto; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf {
      margin-block-end: var(--d3w-lesezeile); }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > :is(.kapitelmarke,h1,.angebot-leittext,.angebot-zurueck) {
        grid-column: 1 / 7;
        grid-row: auto; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > .d3w-blockbild {
        --d3w-bild-zeilen:4;
        grid-column: 7 / 13;
        grid-row: 1 / span 4;
        width: 100%;
        height: var(--d3w-kopfbild-hoehe);
        min-height: 0;
        overflow: hidden;
        margin: 0;
        max-width: none; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > .d3w-blockbild :is(picture,img) {
        height: 100%;
        object-fit: cover; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > .angebot-leittext {
        border-inline-start: 1px solid var(--gestalt-linienfarbe);
        padding-inline-start: var(--d3w-gutter); }
    @media (min-width: 601px) and (max-width: 799px) {
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > :is(h2,h3,h4) {
        grid-column: 1 / 4; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .angebot-lesetext {
        grid-column: 4 / 10; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > blockquote {
        grid-column: 10 / 13; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .angebot-lesetext {
        grid-column: 4 / 13; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .d3w-blockbild {
        grid-column: 1 / 4; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe:has(> .d3w-blockbild) > :is(h2,h3,h4,.angebot-lesetext) {
        grid-column: 4 / 13; } }
    @media (max-width: 600px) {
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > *, body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > * {
        grid-column: 1 / -1;
        grid-row: auto; }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > :is(h2,h3,h4), body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > :is(h2,h3,h4) {
        text-align: start;
        margin-block-end: var(--d3w-lesezeile); }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .angebot-lesegruppe > .d3w-blockbild, body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > .d3w-blockbild {
        grid-column: 1 / -1;
        grid-row: auto;
        width: calc(100% + var(--inhalt-seitenrand) * 2);
        margin-inline: calc(var(--inhalt-seitenrand) * -1);
        margin-block-end: var(--d3w-lesezeile); }
      body.d3w:not(.startseite) main#hauptinhalt .d3w-kategorieseite .d3w-aufklapps {
        grid-column: 1 / -1;
        margin-inline: 0; } } }
@layer d3w-individuell {
  @media (min-width: 800px) {
    body.d3w main#hauptinhalt .d3w-kategorieseite :is(.d3w-inhaltsbeitrag,.d3w-seitenkopf) {
      grid-template-columns: repeat(12, minmax(0, 1fr)); }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > :not([data-d3w-block]) {
      grid-column: 1 / -1; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='1']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 1; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='2']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 2; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='3']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 3; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='4']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 4; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='5']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 5; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='6']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 6; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='7']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 7; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='8']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 8; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='9']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 9; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='10']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 10; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='11']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 11; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-von='12']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 12; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='1']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 2; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='2']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 3; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='3']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 4; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='4']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 5; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='5']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 6; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='6']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 7; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='7']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 8; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='8']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 9; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='9']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 10; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='10']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 11; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='11']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 12; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-desktop-bis='12']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 13; }

    body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block] {
      --d3w-block-breite:calc(var(--d3w-block-bis) - var(--d3w-block-von) + 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-sichtbar='0'] {
        display: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von] {
        position: static;
        float: none;
        max-width: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von]:not(.d3w-makro-griditem) {
        grid-row: auto; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='0'] {
        grid-column-start: 1;
        --d3w-block-von:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='1'] {
        grid-column-start: 1;
        --d3w-block-von:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='2'] {
        grid-column-start: 2;
        --d3w-block-von:2; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='3'] {
        grid-column-start: 3;
        --d3w-block-von:3; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='4'] {
        grid-column-start: 4;
        --d3w-block-von:4; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='5'] {
        grid-column-start: 5;
        --d3w-block-von:5; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='6'] {
        grid-column-start: 6;
        --d3w-block-von:6; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='7'] {
        grid-column-start: 7;
        --d3w-block-von:7; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='8'] {
        grid-column-start: 8;
        --d3w-block-von:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='9'] {
        grid-column-start: 9;
        --d3w-block-von:9; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='10'] {
        grid-column-start: 10;
        --d3w-block-von:10; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='11'] {
        grid-column-start: 11;
        --d3w-block-von:11; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-von='12'] {
        grid-column-start: 12;
        --d3w-block-von:12; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='0'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 0); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='1'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='2'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 2); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='3'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 3); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='4'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 4); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='5'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 5); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='6'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 6); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='7'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 7); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='8'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 8); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='9'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 9); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='10'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 10); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='11'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 11); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='12'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 12); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='13'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 13); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='14'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 14); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='15'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 15); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='16'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 16); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='17'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 17); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='18'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 18); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='19'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 19); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='20'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 20); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='21'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 21); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='22'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 22); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='23'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 23); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='24'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 24); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='25'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 25); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='26'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 26); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='27'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 27); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='28'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 28); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='29'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 29); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='30'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 30); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='31'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 31); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='32'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 32); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='33'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 33); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='34'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 34); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='35'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 35); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='36'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 36); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='37'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 37); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='38'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 38); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='39'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 39); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='40'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 40); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='41'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 41); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='42'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 42); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='43'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 43); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='44'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 44); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='45'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 45); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='46'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 46); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='47'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 47); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='48'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 48); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='49'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 49); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='50'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 50); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='51'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 51); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='52'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 52); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='53'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 53); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='54'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 54); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='55'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 55); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='56'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 56); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='57'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 57); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='58'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 58); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='59'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 59); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='60'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 60); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='61'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 61); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='62'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 62); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='63'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 63); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='64'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 64); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='65'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 65); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='66'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 66); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='67'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 67); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='68'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 68); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='69'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 69); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='70'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 70); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='71'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 71); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='72'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 72); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='73'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 73); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='74'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 74); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='75'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 75); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='76'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 76); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='77'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 77); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='78'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 78); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='79'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 79); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='80'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 80); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='81'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 81); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='82'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 82); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='83'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 83); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='84'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 84); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='85'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 85); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='86'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 86); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='87'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 87); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='88'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 88); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='89'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 89); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='90'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 90); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='91'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 91); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='92'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 92); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='93'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 93); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='94'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 94); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='95'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 95); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='96'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 96); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='97'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 97); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='98'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 98); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='99'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 99); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-abstand='100'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 100); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='1'] {
        grid-column-end: 2;
        --d3w-block-bis:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='2'] {
        grid-column-end: 3;
        --d3w-block-bis:2; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='3'] {
        grid-column-end: 4;
        --d3w-block-bis:3; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='4'] {
        grid-column-end: 5;
        --d3w-block-bis:4; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='5'] {
        grid-column-end: 6;
        --d3w-block-bis:5; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='6'] {
        grid-column-end: 7;
        --d3w-block-bis:6; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='7'] {
        grid-column-end: 8;
        --d3w-block-bis:7; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='8'] {
        grid-column-end: 9;
        --d3w-block-bis:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='9'] {
        grid-column-end: 10;
        --d3w-block-bis:9; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='10'] {
        grid-column-end: 11;
        --d3w-block-bis:10; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='11'] {
        grid-column-end: 12;
        --d3w-block-bis:11; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='12'] {
        grid-column-end: 13;
        --d3w-block-bis:12; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-bis='13'] {
        grid-column-end: 13;
        --d3w-block-bis:12; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-ausrichtung='start'] {
        text-align: start; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-ausrichtung='end'] {
        text-align: end; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-ausrichtung='center'] {
        text-align: center; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-trennung='auto'] {
        hyphens: auto; }
        body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-trennung='auto'] > p {
          hyphens: inherit; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-trennung='none'] {
        hyphens: none; }
        body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-trennung='none'] > p {
          hyphens: inherit; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-umbruch='normal'], body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-umbruch='manual'] {
        white-space: normal;
        text-wrap: wrap; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-umbruch='balance'] {
        white-space: normal;
        text-wrap: balance; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-desktop-umbruch='nowrap'] {
        white-space: nowrap; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild {
        max-width: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild:not(.d3w-makro-griditem) {
        grid-row: auto/span var(--d3w-bild-zeilen, 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-desktop-von='0'] {
        margin-inline-start: calc(var(--inhalt-seitenrand) * -1);
        width: calc(100% + var(--inhalt-seitenrand)); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-desktop-bis='13'] {
        margin-inline-end: calc(var(--inhalt-seitenrand) * -1);
        width: calc(100% + var(--inhalt-seitenrand)); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-desktop-von='0'][data-desktop-bis='13'] {
        width: calc(100% + var(--inhalt-seitenrand) * 2); }

    body.d3w main#hauptinhalt blockquote[data-d3w-block] {
      padding-block: 0;
      padding-inline: var(--d3w-gutter) 0;
      border-inline-start: 1px solid var(--gestalt-linienfarbe);
      border-inline-end: 0; }
      body.d3w main#hauptinhalt blockquote[data-d3w-block][data-desktop-ausrichtung='end'] {
        padding-inline: 0 var(--d3w-gutter);
        border-inline-start: 0;
        border-inline-end: 1px solid var(--gestalt-linienfarbe); }
      body.d3w main#hauptinhalt blockquote[data-d3w-block] > p {
        text-align: inherit; }

    body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) {
      --d3w-panel-von:var(--d3w-block-von);
      --d3w-panel-breite:var(--d3w-block-breite);
      display: grid;
      grid-template-columns: repeat(var(--d3w-panel-breite), minmax(0, 1fr));
      column-gap: var(--d3w-gutter); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) > * {
        grid-column: 1 / -1;
        min-width: 0; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) > .d3w-aufklappblock[data-d3w-block] {
        grid-column-start: calc(var(--d3w-block-von) - var(--d3w-panel-von) + 1);
        grid-column-end: calc(var(--d3w-block-bis) - var(--d3w-panel-von) + 2); } }
  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w main#hauptinhalt .d3w-kategorieseite :is(.d3w-inhaltsbeitrag,.d3w-seitenkopf) {
      grid-template-columns: repeat(12, minmax(0, 1fr)); }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > :not([data-d3w-block]) {
      grid-column: 1 / -1; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='1']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 1; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='2']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 2; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='3']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 3; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='4']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 4; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='5']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 5; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='6']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 6; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='7']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 7; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='8']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 8; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='9']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 9; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='10']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 10; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='11']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 11; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-von='12']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-start: 12; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='1']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 2; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='2']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 3; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='3']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 4; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='4']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 5; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='5']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 6; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='6']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 7; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='7']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 8; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='8']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 9; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='9']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 10; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='10']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 11; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='11']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 12; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf:has(> h1[data-tablet-bis='12']) > .kapitelmarke:not([data-d3w-block]) {
      grid-column-end: 13; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag > :is(h2,h3,h4):not([data-tablet-von]) {
      grid-column: 1 / 4; }
    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag > .angebot-lesetext:not([data-tablet-von]) {
      grid-column: 4 / 10; }
    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag > blockquote:not([data-tablet-von]) {
      grid-column: 10 / 13; }
    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag > .d3w-blockbild:not([data-tablet-von]) {
      grid-column: 1 / 4; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > :is(h1,blockquote):not([data-tablet-von]) {
      grid-column: 1 / 7; }
    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > .d3w-blockbild:not([data-tablet-von]) {
      grid-column: 7 / 13; }

    body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block] {
      --d3w-block-breite:calc(var(--d3w-block-bis) - var(--d3w-block-von) + 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-sichtbar='0'] {
        display: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von] {
        position: static;
        float: none;
        max-width: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von]:not(.d3w-makro-griditem) {
        grid-row: auto; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='0'] {
        grid-column-start: 1;
        --d3w-block-von:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='1'] {
        grid-column-start: 1;
        --d3w-block-von:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='2'] {
        grid-column-start: 2;
        --d3w-block-von:2; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='3'] {
        grid-column-start: 3;
        --d3w-block-von:3; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='4'] {
        grid-column-start: 4;
        --d3w-block-von:4; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='5'] {
        grid-column-start: 5;
        --d3w-block-von:5; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='6'] {
        grid-column-start: 6;
        --d3w-block-von:6; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='7'] {
        grid-column-start: 7;
        --d3w-block-von:7; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='8'] {
        grid-column-start: 8;
        --d3w-block-von:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='9'] {
        grid-column-start: 9;
        --d3w-block-von:9; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='10'] {
        grid-column-start: 10;
        --d3w-block-von:10; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='11'] {
        grid-column-start: 11;
        --d3w-block-von:11; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-von='12'] {
        grid-column-start: 12;
        --d3w-block-von:12; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='0'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 0); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='1'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='2'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 2); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='3'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 3); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='4'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 4); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='5'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 5); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='6'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 6); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='7'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 7); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='8'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 8); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='9'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 9); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='10'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 10); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='11'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 11); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='12'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 12); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='13'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 13); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='14'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 14); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='15'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 15); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='16'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 16); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='17'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 17); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='18'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 18); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='19'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 19); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='20'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 20); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='21'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 21); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='22'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 22); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='23'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 23); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='24'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 24); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='25'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 25); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='26'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 26); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='27'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 27); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='28'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 28); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='29'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 29); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='30'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 30); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='31'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 31); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='32'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 32); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='33'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 33); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='34'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 34); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='35'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 35); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='36'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 36); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='37'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 37); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='38'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 38); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='39'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 39); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='40'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 40); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='41'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 41); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='42'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 42); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='43'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 43); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='44'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 44); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='45'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 45); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='46'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 46); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='47'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 47); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='48'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 48); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='49'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 49); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='50'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 50); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='51'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 51); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='52'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 52); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='53'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 53); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='54'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 54); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='55'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 55); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='56'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 56); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='57'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 57); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='58'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 58); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='59'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 59); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='60'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 60); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='61'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 61); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='62'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 62); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='63'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 63); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='64'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 64); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='65'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 65); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='66'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 66); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='67'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 67); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='68'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 68); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='69'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 69); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='70'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 70); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='71'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 71); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='72'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 72); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='73'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 73); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='74'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 74); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='75'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 75); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='76'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 76); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='77'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 77); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='78'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 78); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='79'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 79); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='80'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 80); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='81'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 81); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='82'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 82); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='83'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 83); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='84'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 84); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='85'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 85); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='86'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 86); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='87'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 87); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='88'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 88); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='89'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 89); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='90'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 90); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='91'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 91); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='92'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 92); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='93'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 93); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='94'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 94); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='95'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 95); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='96'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 96); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='97'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 97); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='98'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 98); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='99'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 99); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-abstand='100'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 100); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='1'] {
        grid-column-end: 2;
        --d3w-block-bis:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='2'] {
        grid-column-end: 3;
        --d3w-block-bis:2; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='3'] {
        grid-column-end: 4;
        --d3w-block-bis:3; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='4'] {
        grid-column-end: 5;
        --d3w-block-bis:4; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='5'] {
        grid-column-end: 6;
        --d3w-block-bis:5; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='6'] {
        grid-column-end: 7;
        --d3w-block-bis:6; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='7'] {
        grid-column-end: 8;
        --d3w-block-bis:7; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='8'] {
        grid-column-end: 9;
        --d3w-block-bis:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='9'] {
        grid-column-end: 10;
        --d3w-block-bis:9; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='10'] {
        grid-column-end: 11;
        --d3w-block-bis:10; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='11'] {
        grid-column-end: 12;
        --d3w-block-bis:11; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='12'] {
        grid-column-end: 13;
        --d3w-block-bis:12; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-bis='13'] {
        grid-column-end: 13;
        --d3w-block-bis:12; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-ausrichtung='start'] {
        text-align: start; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-ausrichtung='end'] {
        text-align: end; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-ausrichtung='center'] {
        text-align: center; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-trennung='auto'] {
        hyphens: auto; }
        body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-trennung='auto'] > p {
          hyphens: inherit; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-trennung='none'] {
        hyphens: none; }
        body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-trennung='none'] > p {
          hyphens: inherit; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-umbruch='normal'], body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-umbruch='manual'] {
        white-space: normal;
        text-wrap: wrap; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-umbruch='balance'] {
        white-space: normal;
        text-wrap: balance; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-tablet-umbruch='nowrap'] {
        white-space: nowrap; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild {
        max-width: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild:not(.d3w-makro-griditem) {
        grid-row: auto/span var(--d3w-bild-zeilen, 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-tablet-von='0'] {
        margin-inline-start: calc(var(--inhalt-seitenrand) * -1);
        width: calc(100% + var(--inhalt-seitenrand)); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-tablet-bis='13'] {
        margin-inline-end: calc(var(--inhalt-seitenrand) * -1);
        width: calc(100% + var(--inhalt-seitenrand)); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-tablet-von='0'][data-tablet-bis='13'] {
        width: calc(100% + var(--inhalt-seitenrand) * 2); }

    body.d3w main#hauptinhalt blockquote[data-d3w-block] {
      padding-block: 0;
      padding-inline: var(--d3w-gutter) 0;
      border-inline-start: 1px solid var(--gestalt-linienfarbe);
      border-inline-end: 0; }
      body.d3w main#hauptinhalt blockquote[data-d3w-block][data-tablet-ausrichtung='end'] {
        padding-inline: 0 var(--d3w-gutter);
        border-inline-start: 0;
        border-inline-end: 1px solid var(--gestalt-linienfarbe); }
      body.d3w main#hauptinhalt blockquote[data-d3w-block] > p {
        text-align: inherit; }

    body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) {
      --d3w-panel-von:var(--d3w-block-von);
      --d3w-panel-breite:var(--d3w-block-breite);
      display: grid;
      grid-template-columns: repeat(var(--d3w-panel-breite), minmax(0, 1fr));
      column-gap: var(--d3w-gutter); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) > * {
        grid-column: 1 / -1;
        min-width: 0; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) > .d3w-aufklappblock[data-d3w-block] {
        grid-column-start: calc(var(--d3w-block-von) - var(--d3w-panel-von) + 1);
        grid-column-end: calc(var(--d3w-block-bis) - var(--d3w-panel-von) + 2); } }
  @media (max-width: 600px) {
    body.d3w main#hauptinhalt .d3w-kategorieseite :is(.d3w-inhaltsbeitrag,.d3w-seitenkopf) {
      grid-template-columns: repeat(8, minmax(0, 1fr)); }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > :not([data-d3w-block]) {
      grid-column: 1 / -1; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-inhaltsbeitrag > [data-d3w-block]:not([data-mobil-von]) {
      grid-column: 1 / -1;
      text-align: start; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > [data-d3w-block]:not([data-mobil-von]) {
      grid-column: 1 / -1; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-blockbild[data-d3w-block]:not([data-mobil-von]) {
      grid-column: 1 / -1;
      width: calc(100% + var(--inhalt-seitenrand) * 2);
      max-width: none;
      margin-inline: calc(var(--inhalt-seitenrand) * -1); }

    body.d3w main#hauptinhalt .d3w-kategorieseite blockquote[data-d3w-block]:not([data-mobil-von]) {
      grid-column: 2 / 8;
      text-align: center; }

    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > blockquote[data-d3w-block]:not([data-mobil-ausrichtung]) {
      text-align: start; }

    body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block] {
      --d3w-block-breite:calc(var(--d3w-block-bis) - var(--d3w-block-von) + 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-sichtbar='0'] {
        display: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von] {
        position: static;
        float: none;
        max-width: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von]:not(.d3w-makro-griditem) {
        grid-row: auto; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='0'] {
        grid-column-start: 1;
        --d3w-block-von:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='1'] {
        grid-column-start: 1;
        --d3w-block-von:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='2'] {
        grid-column-start: 2;
        --d3w-block-von:2; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='3'] {
        grid-column-start: 3;
        --d3w-block-von:3; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='4'] {
        grid-column-start: 4;
        --d3w-block-von:4; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='5'] {
        grid-column-start: 5;
        --d3w-block-von:5; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='6'] {
        grid-column-start: 6;
        --d3w-block-von:6; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='7'] {
        grid-column-start: 7;
        --d3w-block-von:7; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-von='8'] {
        grid-column-start: 8;
        --d3w-block-von:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='0'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 0); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='1'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='2'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 2); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='3'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 3); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='4'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 4); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='5'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 5); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='6'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 6); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='7'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 7); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='8'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 8); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='9'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 9); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='10'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 10); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='11'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 11); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='12'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 12); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='13'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 13); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='14'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 14); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='15'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 15); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='16'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 16); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='17'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 17); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='18'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 18); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='19'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 19); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='20'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 20); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='21'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 21); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='22'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 22); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='23'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 23); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='24'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 24); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='25'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 25); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='26'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 26); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='27'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 27); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='28'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 28); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='29'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 29); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='30'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 30); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='31'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 31); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='32'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 32); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='33'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 33); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='34'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 34); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='35'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 35); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='36'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 36); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='37'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 37); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='38'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 38); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='39'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 39); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='40'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 40); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='41'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 41); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='42'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 42); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='43'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 43); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='44'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 44); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='45'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 45); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='46'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 46); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='47'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 47); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='48'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 48); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='49'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 49); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='50'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 50); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='51'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 51); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='52'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 52); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='53'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 53); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='54'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 54); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='55'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 55); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='56'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 56); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='57'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 57); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='58'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 58); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='59'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 59); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='60'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 60); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='61'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 61); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='62'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 62); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='63'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 63); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='64'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 64); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='65'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 65); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='66'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 66); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='67'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 67); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='68'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 68); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='69'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 69); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='70'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 70); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='71'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 71); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='72'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 72); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='73'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 73); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='74'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 74); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='75'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 75); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='76'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 76); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='77'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 77); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='78'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 78); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='79'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 79); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='80'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 80); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='81'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 81); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='82'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 82); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='83'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 83); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='84'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 84); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='85'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 85); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='86'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 86); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='87'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 87); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='88'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 88); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='89'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 89); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='90'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 90); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='91'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 91); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='92'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 92); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='93'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 93); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='94'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 94); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='95'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 95); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='96'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 96); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='97'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 97); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='98'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 98); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='99'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 99); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-abstand='100'] {
        margin-block-end: calc(var(--d3w-lesezeile) * 100); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='1'] {
        grid-column-end: 2;
        --d3w-block-bis:1; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='2'] {
        grid-column-end: 3;
        --d3w-block-bis:2; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='3'] {
        grid-column-end: 4;
        --d3w-block-bis:3; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='4'] {
        grid-column-end: 5;
        --d3w-block-bis:4; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='5'] {
        grid-column-end: 6;
        --d3w-block-bis:5; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='6'] {
        grid-column-end: 7;
        --d3w-block-bis:6; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='7'] {
        grid-column-end: 8;
        --d3w-block-bis:7; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='8'] {
        grid-column-end: 9;
        --d3w-block-bis:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-bis='9'] {
        grid-column-end: 9;
        --d3w-block-bis:8; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-ausrichtung='start'] {
        text-align: start; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-ausrichtung='end'] {
        text-align: end; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-ausrichtung='center'] {
        text-align: center; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-trennung='auto'] {
        hyphens: auto; }
        body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-trennung='auto'] > p {
          hyphens: inherit; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-trennung='none'] {
        hyphens: none; }
        body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-trennung='none'] > p {
          hyphens: inherit; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-umbruch='normal'], body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-umbruch='manual'] {
        white-space: normal;
        text-wrap: wrap; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-umbruch='balance'] {
        white-space: normal;
        text-wrap: balance; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block][data-mobil-umbruch='nowrap'] {
        white-space: nowrap; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild {
        max-width: none; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild:not(.d3w-makro-griditem) {
        grid-row: auto/span var(--d3w-bild-zeilen, 1); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-mobil-von='0'] {
        margin-inline-start: calc(var(--inhalt-seitenrand) * -1);
        width: calc(100% + var(--inhalt-seitenrand)); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-mobil-bis='9'] {
        margin-inline-end: calc(var(--inhalt-seitenrand) * -1);
        width: calc(100% + var(--inhalt-seitenrand)); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-d3w-block].d3w-blockbild[data-mobil-von='0'][data-mobil-bis='9'] {
        width: calc(100% + var(--inhalt-seitenrand) * 2); }

    body.d3w main#hauptinhalt blockquote[data-d3w-block] {
      padding-block: 0;
      padding-inline: var(--d3w-gutter) 0;
      border-inline-start: 1px solid var(--gestalt-linienfarbe);
      border-inline-end: 0;
      padding-block: calc(var(--d3w-lesezeile) / 2); }
      body.d3w main#hauptinhalt blockquote[data-d3w-block][data-mobil-ausrichtung='end'] {
        padding-inline: 0 var(--d3w-gutter);
        border-inline-start: 0;
        border-inline-end: 1px solid var(--gestalt-linienfarbe); }
      body.d3w main#hauptinhalt blockquote[data-d3w-block] > p {
        text-align: inherit; }

    body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) {
      --d3w-panel-von:var(--d3w-block-von);
      --d3w-panel-breite:var(--d3w-block-breite);
      display: grid;
      grid-template-columns: repeat(var(--d3w-panel-breite), minmax(0, 1fr));
      column-gap: var(--d3w-gutter); }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) > * {
        grid-column: 1 / -1;
        min-width: 0; }
      body.d3w main#hauptinhalt .d3w-kategorieseite [data-rlta-element='panel-content']:has(> .d3w-aufklappblock[data-d3w-block]) > .d3w-aufklappblock[data-d3w-block] {
        grid-column-start: calc(var(--d3w-block-von) - var(--d3w-panel-von) + 1);
        grid-column-end: calc(var(--d3w-block-bis) - var(--d3w-panel-von) + 2); } } }
@layer d3w-grunddesign {
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > :is(h2,h3,h4) {
    grid-column: 1 / 3;
    text-align: end;
    margin-block: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > .angebot-lesetext {
    grid-column: 3 / 11;
    margin: 0;
    max-width: none; }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > .angebot-lesetext > :first-child {
    margin-block-start: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > .angebot-lesetext > :last-child {
    margin-block-end: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > .angebot-lesetext > p + p {
    margin-block-start: var(--d3w-lesezeile); }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > blockquote {
    grid-column: 11 / 13;
    margin-block: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > .d3w-blockbild {
    grid-column: 1 / 3;
    --d3w-bild-zeilen:3;
    margin: 0; }
  body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag:has(> .d3w-blockbild) > :is(h2,h3,h4) {
    grid-column: 3 / 11;
    text-align: start; }
  @media (max-width: 600px) {
    body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > * {
      grid-column: 1 / -1; }
    body.d3w:not(.startseite) main#hauptinhalt .d3w-inhaltsbeitrag > :is(h2,h3,h4) {
      text-align: start; } } }
@layer d3w-individuell {
  body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-makro-griditem {
    margin-block-start: 0;
    margin-block-end: var(--d3w-lesezeile);
    grid-row-start: var(--d3w-makrozeile, auto);
    grid-row-end: span var(--d3w-makrospan, 1); } }
@layer d3w-individuell {
  @media (min-width: 601px) {
    body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf {
      grid-template-rows: repeat(12, max-content) minmax(0, 1fr); }
      body.d3w main#hauptinhalt .d3w-kategorieseite .d3w-seitenkopf > .d3w-blockbild {
        --d3w-bild-zeilen:13;
        grid-row-end: -1; } } }
@layer d3w-basis {
  body.d3w main .angebot-lesetext .d3w-anweisungsumbruch-ausgleich {
    display: inline;
    margin-inline-start: 0; }

  body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) {
    row-gap: 0;
    margin-block-end: calc(var(--d3w-lesezeile, 28px) * 2); }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > .design-marke-titel {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: 0;
      margin: 0 0 12px;
      text-align: left; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--raster-abstand, 24px);
      align-items: start;
      min-width: 0;
      margin: 0;
      padding: 0 0 36px;
      color: #3a2f26; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__komposition {
        position: relative;
        isolation: isolate;
        display: grid;
        grid-template-columns: inherit;
        column-gap: inherit;
        align-items: start;
        grid-column: 1 / -1;
        min-width: 0; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__architektur {
        position: absolute;
        z-index: -2;
        inset: 0 auto auto calc(var(--inhalt-seitenrand, 48px) * -1);
        width: 36%;
        height: 76%;
        overflow: hidden;
        border-radius: 50% 50% 0 0; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__architektur img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: 20% center;
          max-width: none;
          display: block; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen {
        position: absolute;
        z-index: -1;
        box-sizing: border-box;
        width: 34%;
        aspect-ratio: 1;
        border: clamp(28px, 6vw, 96px) solid #e3acb4;
        border-radius: 50% 50% 0 0; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen--rosa {
          left: 39%;
          top: 18%; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen--olive {
          right: calc(var(--inhalt-seitenrand,48px) * -1);
          top: 34%;
          border-color: #b1a178; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__einleitung {
        grid-column: 9 / 13;
        grid-row: 1;
        padding-inline-start: var(--raster-abstand, 24px);
        border-inline-start: 1px solid #3a2f26;
        margin: 12px 0 0;
        font-size: clamp(16px, 1.45vw, 22px);
        line-height: 1.3;
        font-weight: 500;
        hyphens: none;
        text-align: start;
        text-indent: 0; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv {
        grid-column: 1 / -1;
        grid-row: 1;
        align-self: end;
        pointer-events: none;
        margin: 0;
        padding: 28px 0 0;
        font-weight: 900;
        font-size: clamp(72px, 22vw, 350px);
        line-height: .77;
        letter-spacing: -.065em;
        hyphens: none;
        text-indent: 0; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv span {
          display: block; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv .design-marke-header__ein {
          padding-inline-start: 22%; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv .design-marke-header__zeichen {
          margin-block-start: .06em; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__leitsatz {
        grid-column: 3 / 11;
        grid-row: 2;
        font-size: clamp(28px, 4.1vw, 64px);
        line-height: 1.02;
        letter-spacing: -.035em;
        font-weight: 700;
        text-align: start;
        margin: 24px 0 0;
        padding: 0;
        hyphens: none;
        max-width: 20ch; }

  @media (min-width: 601px) and (max-width: 1023px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__einleitung {
      grid-column: 8 / 13;
      font-size: 16px;
      line-height: 1.3; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv {
      font-size: 21vw;
      padding-top: 84px; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__leitsatz {
      grid-column: 3 / 13;
      font-size: clamp(30px, 4.5vw, 46px); }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__architektur {
      height: 68%;
      width: 34%; } }
  @media (max-width: 600px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header {
      grid-template-columns: repeat(8, minmax(0, 1fr));
      column-gap: 12px;
      padding-bottom: 16px; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__einleitung {
        grid-column: 3 / 9;
        grid-row: 1;
        font-size: 17px;
        line-height: 1.35;
        margin: 0 0 36px;
        padding-left: 12px; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv {
        grid-column: 1 / 9;
        grid-row: 2;
        font-size: 21.5vw;
        padding: 24px 0 0; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__ein {
        padding-left: 12%; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__architektur {
        top: 42%;
        width: 44%;
        height: 32%; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen {
        width: 52%;
        border-width: 26px; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen--rosa {
          top: 40%;
          left: 34%; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen--olive {
          top: 54%; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__leitsatz {
        grid-column: 2 / 9;
        grid-row: 3;
        font-size: 32px;
        line-height: 1.05;
        margin: 28px 0 0; } }
  body.d3w main#hauptinhalt .design-marke-header .design-marke-header__desktopbild {
    display: none; }

  @media (min-width: 800px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > .design-marke-titel {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header {
      padding: 0; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__komposition {
        display: block;
        container-type: inline-size;
        width: calc(100% + var(--inhalt-seitenrand) * 2);
        margin-inline: calc(var(--inhalt-seitenrand) * -1);
        margin-block-start: -96px; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__desktopbild {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: none; }
        body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__desktopbild img {
          display: block;
          width: 100%;
          height: auto;
          max-width: none; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__architektur, body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__bogen {
        display: none; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__motiv, body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__leitsatz {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header .design-marke-header__einleitung {
        position: absolute;
        top: 14.5%;
        left: 66.5%;
        width: 29%;
        box-sizing: border-box;
        margin: 0;
        padding: 0 0 0 1.8%;
        border-inline-start: 2px solid #d51d00;
        color: #3a2f26;
        font-size: clamp(15px, 1.45cqw, 26px);
        line-height: 1.23;
        font-weight: 400;
        letter-spacing: -.015em;
        text-indent: 0;
        hyphens: none;
        overflow-wrap: normal; } } }
@layer d3w-individuell {
  body.d3w main#hauptinhalt .design-marke-header .design-marke-header__desktopbild {
    display: none; }

  @media (min-width: 800px) {
    body.d3w main#hauptinhalt .design-marke-header .design-marke-header__desktopbild {
      display: block; } } }
@layer d3w-basis {
  body.d3w main#hauptinhalt .design-marke-content {
    min-width: 0; }
    body.d3w main#hauptinhalt .design-marke-content h2, body.d3w main#hauptinhalt .design-marke-content h3, body.d3w main#hauptinhalt .design-marke-content p {
      hyphens: none; }
    body.d3w main#hauptinhalt .design-marke-content p {
      text-indent: 0;
      max-width: 65ch;
      margin: 0 0 1em; }
    body.d3w main#hauptinhalt .design-marke-content p::before {
      content: none; }
    body.d3w main#hauptinhalt .design-marke-content h2 {
      font-size: clamp(30px, 4vw, 58px);
      line-height: 1.04;
      font-weight: 600;
      letter-spacing: -.035em;
      text-align: start;
      margin: 0; }
    body.d3w main#hauptinhalt .design-marke-content h3 {
      text-align: start;
      margin: 0; }
    body.d3w main#hauptinhalt .design-marke-content--einleitung {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: var(--d3w-gutter); }
      body.d3w main#hauptinhalt .design-marke-content--einleitung > p:first-child {
        grid-column: 3 / 9;
        font-size: clamp(22px, 2.15vw, 30px);
        line-height: 1.3; }
      body.d3w main#hauptinhalt .design-marke-content--einleitung > p + p {
        grid-column: 7 / 13; }
    body.d3w main#hauptinhalt .design-marke-content--gedanke, body.d3w main#hauptinhalt .design-marke-content--handwerk, body.d3w main#hauptinhalt .design-marke-content--kommunikation {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 24px; }
      body.d3w main#hauptinhalt .design-marke-content--gedanke h2, body.d3w main#hauptinhalt .design-marke-content--handwerk h2, body.d3w main#hauptinhalt .design-marke-content--kommunikation h2 {
        grid-column: 2 / 6; }
      body.d3w main#hauptinhalt .design-marke-content--gedanke > .design-marke-content__text, body.d3w main#hauptinhalt .design-marke-content--handwerk > .design-marke-content__text, body.d3w main#hauptinhalt .design-marke-content--kommunikation > .design-marke-content__text {
        grid-column: 7 / 13;
        min-width: 0; }
    body.d3w main#hauptinhalt .design-marke-content--handwerk {
      border-block-start: 1px solid #d4cbb5;
      padding-block-start: 32px; }
      body.d3w main#hauptinhalt .design-marke-content--handwerk h2 {
        grid-column: 1 / 7;
        font-size: clamp(40px, 6vw, 88px);
        font-weight: 300; }
    body.d3w main#hauptinhalt .design-marke-content--leistungen > h2 {
      max-width: 14ch; }
    body.d3w main#hauptinhalt .design-marke-content--leistungen > p {
      margin-block: 24px 36px;
      margin-inline-start: 25%; }
    body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen {
      list-style: none;
      padding: 0;
      margin: 0;
      display: block;
      counter-reset: none; }
    body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 16px;
      border-block-start: 1px solid #d4cbb5;
      padding-block: 24px 32px;
      margin: 0; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung)::before {
        content: none; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) .design-marke-leistungen__nummer {
        grid-column: 1 / 2;
        color: #bd260d;
        font-size: 18px;
        line-height: 1.2;
        font-weight: 600; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) h3 {
        grid-column: 2 / 7;
        font-size: clamp(30px, 4.5vw, 64px);
        font-weight: 700;
        line-height: 1.02;
        letter-spacing: -.03em; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) p {
        grid-column: 8 / 13;
        margin: 0;
        align-self: end; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung):nth-child(2) h3 {
        font-weight: 300;
        font-size: clamp(30px, 4vw, 58px); }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung):nth-child(3) h3 {
        font-weight: 600; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung):nth-child(4) h3 {
        font-weight: 400;
        font-size: clamp(30px, 4vw, 58px); }
    body.d3w main#hauptinhalt .design-marke-content--kommunikation {
      padding-block: 32px;
      border-block: 1px solid #d4cbb5; }
      body.d3w main#hauptinhalt .design-marke-content--kommunikation h2 {
        grid-column: 1 / 6; }
    body.d3w main#hauptinhalt .design-marke-content--logos {
      display: grid;
      grid-template-columns: 150px minmax(0, 1fr);
      align-items: center;
      gap: 24px;
      border-block: 1px solid #d4cbb5;
      padding-block: 20px; }
      body.d3w main#hauptinhalt .design-marke-content--logos h2 {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 400;
        letter-spacing: 0;
        max-width: 13ch; }
      body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoband {
        overflow-x: auto;
        min-width: 0;
        scrollbar-width: thin;
        scrollbar-color: #d4cbb5 transparent; }
      body.d3w main#hauptinhalt .design-marke-content--logos ul {
        display: flex;
        align-items: center;
        gap: 48px;
        list-style: none;
        margin: 0;
        padding: 8px 0 12px; }
      body.d3w main#hauptinhalt .design-marke-content--logos li {
        flex: 0 0 100px;
        margin: 0;
        padding: 0;
        list-style: none; }
        body.d3w main#hauptinhalt .design-marke-content--logos li::before {
          content: none; }
      body.d3w main#hauptinhalt .design-marke-content--logos img {
        display: block;
        width: 100px;
        height: 44px;
        object-fit: contain;
        filter: grayscale(1);
        mix-blend-mode: multiply;
        margin: 0; }
      body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoband:focus-visible {
        outline: 2px solid #3a2f26;
        outline-offset: 5px; }
    body.d3w main#hauptinhalt .design-marke-content--schluss .design-marke-schlusswort {
      font-size: clamp(42px, 7.5vw, 108px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.045em;
      max-width: 16ch;
      margin: 0 0 0 8%;
      text-wrap: balance; }
    body.d3w main#hauptinhalt .design-marke-content--kontakt {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 24px; }
      body.d3w main#hauptinhalt .design-marke-content--kontakt h2 {
        grid-column: 2 / 7;
        font-size: clamp(30px, 3vw, 44px); }
      body.d3w main#hauptinhalt .design-marke-content--kontakt > p {
        grid-column: 7 / 13; }
    @media (max-width: 799px) {
      body.d3w main#hauptinhalt .design-marke-content--gedanke h2, body.d3w main#hauptinhalt .design-marke-content--handwerk h2, body.d3w main#hauptinhalt .design-marke-content--kommunikation h2 {
        grid-column: 1 / 6; }
      body.d3w main#hauptinhalt .design-marke-content--gedanke > .design-marke-content__text, body.d3w main#hauptinhalt .design-marke-content--handwerk > .design-marke-content__text, body.d3w main#hauptinhalt .design-marke-content--kommunikation > .design-marke-content__text {
        grid-column: 6 / 13; }
      body.d3w main#hauptinhalt .design-marke-content--einleitung > p:first-child {
        grid-column: 1 / 10; }
      body.d3w main#hauptinhalt .design-marke-content--einleitung > p + p {
        grid-column: 5 / 13; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) h3 {
        grid-column: 2 / 8; }
      body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) p {
        grid-column: 8 / 13; } }
    @media (max-width: 600px) {
      body.d3w main#hauptinhalt .design-marke-content {
        display: block; }
        body.d3w main#hauptinhalt .design-marke-content h2 {
          font-size: 34px;
          margin-block-end: 24px; }
        body.d3w main#hauptinhalt .design-marke-content--einleitung > p:first-child {
          font-size: 24px; }
        body.d3w main#hauptinhalt .design-marke-content--handwerk h2 {
          font-size: 44px; }
        body.d3w main#hauptinhalt .design-marke-content--leistungen > p {
          margin-inline-start: 0; }
        body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) {
          grid-template-columns: repeat(8, minmax(0, 1fr)); }
          body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) h3 {
            grid-column: 2 / 9;
            font-size: 36px; }
          body.d3w main#hauptinhalt .design-marke-content--leistungen .design-marke-leistungen > :is(li,.design-marke-leistung) p {
            grid-column: 2 / 9; }
        body.d3w main#hauptinhalt .design-marke-content--logos h2 {
          font-size: 16px;
          max-width: none;
          margin: 0 0 16px; }
        body.d3w main#hauptinhalt .design-marke-content--logos ul {
          gap: 32px; }
        body.d3w main#hauptinhalt .design-marke-content--schluss .design-marke-schlusswort {
          font-size: 48px;
          margin-inline-start: 0; } }

  body.d3w:has(main#hauptinhalt .design-marke-header) {
    background-color: #eef2e9; }
    body.d3w:has(main#hauptinhalt .design-marke-header) > .kopfbereich, body.d3w:has(main#hauptinhalt .design-marke-header) > footer#seitenfuss {
      background-color: #eef2e9; }
    body.d3w:has(main#hauptinhalt .design-marke-header) main#hauptinhalt, body.d3w:has(main#hauptinhalt .design-marke-header) .d3w-kategorieseite, body.d3w:has(main#hauptinhalt .design-marke-header) .d3w-inhaltsbeitrag {
      background-color: transparent; }

  body.d3w main#hauptinhalt .design-marke-kurzwege {
    padding-block: 44px 32px; }
    body.d3w main#hauptinhalt .design-marke-kurzwege nav {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      margin-inline: 12% calc(8% + 24px);
      border-block-start: 1px solid #d4cbb5;
      padding-block-start: 24px; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__liste {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
      list-style: none;
      padding: 0;
      margin: 0;
      flex: 1;
      min-width: 0; }
    body.d3w main#hauptinhalt .design-marke-kurzwege li {
      list-style: none;
      margin: 0;
      padding: 0 20px;
      min-width: 0;
      border-inline-start: 1px solid #3a2f26; }
      body.d3w main#hauptinhalt .design-marke-kurzwege li:first-child {
        padding-inline-start: 0;
        border: 0; }
      body.d3w main#hauptinhalt .design-marke-kurzwege li::before {
        content: none; }
    body.d3w main#hauptinhalt .design-marke-kurzwege a {
      display: block;
      text-decoration: none;
      color: #3a2f26;
      line-height: 1.05; }
    body.d3w main#hauptinhalt .design-marke-kurzwege a:hover {
      color: #b42309; }
    body.d3w main#hauptinhalt .design-marke-kurzwege a:focus-visible {
      outline: 2px solid #3a2f26;
      outline-offset: 6px; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__nummer {
      display: block;
      color: #c3290d;
      font-size: 18px;
      font-weight: 600;
      margin-block-end: 4px; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__name {
      font-size: clamp(19px, 1.8vw, 27px);
      font-weight: 650;
      letter-spacing: -.02em; }
      body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__name > span {
        display: block; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__weiter {
      flex: 0 0 40px;
      text-align: end; }
      body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__weiter .d3w-pfeil {
        vertical-align: middle; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__rand {
      position: absolute;
      display: block;
      margin: 0;
      z-index: 0;
      pointer-events: none; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__rand--links {
      inset-inline-start: calc(var(--inhalt-seitenrand) * -1);
      top: -112px;
      width: clamp(110px, 13vw, 208px);
      height: 280px;
      overflow: hidden; }
      body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__rand--links img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: 12% center; }
    body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__rand--rechts {
      inset-inline-end: calc(var(--inhalt-seitenrand) * -1);
      top: -16px;
      width: clamp(110px, 14vw, 224px);
      height: 220px;
      background: linear-gradient(110deg, #7c7b47, #666b38); }
    @media (max-width: 799px) {
      body.d3w main#hauptinhalt .design-marke-kurzwege {
        padding-block: 24px; }
        body.d3w main#hauptinhalt .design-marke-kurzwege nav {
          margin-inline: 0; }
        body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__rand {
          display: none; }
        body.d3w main#hauptinhalt .design-marke-kurzwege .design-marke-kurzwege__liste {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 24px; }
        body.d3w main#hauptinhalt .design-marke-kurzwege li {
          padding-inline: 16px; }
          body.d3w main#hauptinhalt .design-marke-kurzwege li:nth-child(3) {
            border: 0;
            padding-inline-start: 0; } } }
@layer d3w-individuell {
  body.d3w main#hauptinhalt #B01-BR00.design-marke-kurzwege {
    position: relative; } }
@layer d3w-basis {
  body.d3w main#hauptinhalt .design-marke-content--logos {
    grid-template-columns: minmax(0, 1fr);
    padding-block: 12px; }
    body.d3w main#hauptinhalt .design-marke-content--logos h2 {
      font-size: 14px;
      max-width: 140px; }
    body.d3w main#hauptinhalt .design-marke-content--logos ul {
      gap: 24px;
      padding-block: 4px; }
    body.d3w main#hauptinhalt .design-marke-content--logos li {
      position: relative;
      flex-basis: 128px;
      width: 128px;
      height: 56px;
      overflow: hidden; }
    body.d3w main#hauptinhalt .design-marke-content--logos img {
      position: absolute;
      max-width: none;
      height: auto;
      object-fit: initial; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/peb.jpg"] {
    width: 66.00px;
    left: 30.75px;
    top: -6.02px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/sat1.jpg"] {
    width: 91.00px;
    left: 18.85px;
    top: -17.15px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/awo.jpg"] {
    width: 60.35px;
    left: 34.06px;
    top: -2.17px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/auek.jpg"] {
    width: 112.00px;
    left: 8.43px;
    top: -28.00px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/hu.jpg"] {
    width: 73.55px;
    left: 22.78px;
    top: -10.09px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/fiat.jpg"] {
    width: 60.67px;
    left: 33.43px;
    top: -2.80px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/iveco.jpg"] {
    width: 66.54px;
    left: 48.02px;
    top: -2.52px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/vattenfall.jpg"] {
    width: 82.86px;
    left: 37.87px;
    top: -10.71px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/goethe.jpg"] {
    width: 161.11px;
    left: -22.23px;
    top: -54.73px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/myfest.jpg"] {
    width: 76.38px;
    left: 32.58px;
    top: -7.02px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/netfox.jpg"] {
    width: 91.84px;
    left: 22.80px;
    top: -16.88px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/biketaxi.jpg"] {
    width: 94.14px;
    left: 16.57px;
    top: -19.43px; }

  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistungsrand {
    display: none; }

  @media (min-width: 800px) {
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen {
      container-type: inline-size;
      padding-block: 36px 32px; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > h2 {
        max-width: none;
        font-size: 24px;
        line-height: 1.15;
        font-weight: 500;
        letter-spacing: -.02em; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > p {
        max-width: none;
        font-size: 17px;
        line-height: 1.4; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen {
        padding: 24px 0 0;
        border-block-start: 1px solid #d4cbb5;
        list-style: none;
        align-items: start; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung {
        display: block;
        position: relative;
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung::before {
          content: none; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung + .design-marke-leistung::before {
          content: '';
          position: absolute;
          inset-inline-start: calc(var(--d3w-gutter) * -.5);
          top: 0;
          bottom: 0;
          width: 0;
          height: auto;
          border: 0;
          border-inline-start: 1px solid #d4cbb5;
          background: none; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung h3 {
          display: block;
          margin: 0;
          padding: 0;
          text-align: start;
          font-weight: 700;
          letter-spacing: -.02em; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung p {
          display: block;
          max-width: none;
          padding: 0;
          font-size: clamp(16px, 1.25vw, 18px);
          line-height: 1.45;
          text-align: start;
          text-indent: 0;
          hyphens: auto;
          overflow-wrap: break-word; } }
  body.d3w main#hauptinhalt .design-marke-header__hintergrund {
    display: none; }

  @media (min-width: 800px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__komposition {
      display: flow-root;
      margin-block-start: 0;
      --design-spalte:calc((100cqw - var(--inhalt-seitenrand) * 2 - var(--d3w-gutter) * 11) / 12); }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__hintergrund {
      position: absolute;
      inset: 0 0 auto;
      z-index: -1;
      display: block;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      pointer-events: none; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__hintergrund img {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
        clip-path: polygon(0 0, 100% 0, 100% calc(100cqw * .415), 50% calc(100cqw * .415), 50% calc(100cqw * .356), 0 calc(100cqw * .356)); }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__schriftbild {
      position: relative;
      z-index: 1;
      overflow: hidden;
      margin: calc(100cqw * .087875) 0 0 calc(var(--inhalt-seitenrand) + var(--design-spalte) + var(--d3w-gutter));
      width: calc(100cqw - var(--inhalt-seitenrand) * 2 - var(--design-spalte) - var(--d3w-gutter));
      aspect-ratio: 1880 / 728; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__schriftbild img {
        position: absolute;
        width: 107.819149%;
        height: auto;
        max-width: none;
        left: -4.414894%;
        top: -5.082418%; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__einleitung {
      z-index: 2;
      top: calc(100cqw * .025); }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--ebenen .design-marke-header__leitsatz {
      position: relative;
      z-index: 1;
      width: auto;
      height: auto;
      overflow: visible;
      clip-path: none;
      white-space: normal;
      margin: 24px 8% 0 calc(var(--inhalt-seitenrand) + (var(--design-spalte) + var(--d3w-gutter)) * 2);
      padding: 0;
      max-width: 20ch;
      font-size: clamp(32px, 3.7cqw, 60px);
      line-height: 1.02;
      font-weight: 700; } } }
@layer d3w-individuell {
  body.d3w main#hauptinhalt .design-marke-header--ebenen .design-marke-header__hintergrund {
    display: none; }

  @media (min-width: 800px) {
    body.d3w main#hauptinhalt .design-marke-header--ebenen .design-marke-header__hintergrund {
      display: block; }

    body.d3w main#hauptinhalt:has(.design-marke-header--ebenen) #B01-BR04 .design-marke-leistungsrand {
      display: none; } } }
@layer d3w-basis {
  @media (min-width: 800px) {
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      column-gap: var(--d3w-gutter);
      row-gap: 0; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > h2 {
        margin: 0 0 12px; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > p {
        margin: 0 0 28px; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: var(--d3w-gutter);
        margin: 0; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung {
        padding: 0; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung + .design-marke-leistung::before {
          inset-inline-start: calc(var(--d3w-gutter) * -.5); } }
  body.d3w main#hauptinhalt .design-marke-zeichnung {
    display: none; }

  @media (min-width: 0px) {
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung .design-marke-leistungen__nummer {
      display: none; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung h3 {
      font-size: clamp(24px, 2.6vw, 38px);
      max-width: 11ch;
      min-height: calc(2.06em + 23px);
      line-height: 1.03; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung h3::after {
      content: '';
      display: block;
      width: 52px;
      height: 3px;
      background: #737b4d;
      margin-block-start: 20px; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung + .design-marke-leistung::before {
      top: 0;
      bottom: 0;
      height: auto;
      border-color: #d4cbb5; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung:nth-child(2) h3::after {
      background: #b97478; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung:nth-child(3) h3::after {
      background: #bfa079; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung:nth-child(4) h3::after {
      background: #456571; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen > .design-marke-leistung > p {
      margin-block-start: 22px; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung {
      display: block;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      width: 100%;
      aspect-ratio: 1.2;
      margin-block: 24px 0; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung::before, body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung::after {
        content: '';
        position: absolute;
        display: block; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--1::before {
        inset: 0;
        background: #c9cbb0;
        border-radius: 100% 0 0 0; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--1::after {
        inset: 20% 16% 0 0;
        background: rgba(104, 113, 62, 0.88);
        border-radius: 0 100% 0 0;
        mix-blend-mode: multiply; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--2::before {
        inset: 0 0 0 30%;
        background: rgba(219, 181, 178, 0.52); }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--2::after {
        inset: 40% 25% 0 0;
        background: rgba(182, 94, 102, 0.64); }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--3 {
        background: radial-gradient(circle at bottom right, #b39a73 0 30%, #c5ac85 30% 50%, #d5bf9c 50% 70%, #e5d6b9 70% 100%);
        border-radius: 100% 0 0 0; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--4::before {
        inset: 0;
        background: #a8b8bb;
        clip-path: polygon(100% 0, 100% 100%, 0 100%); }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-zeichnung--4::after {
        inset: 40% 0 0;
        background: rgba(87, 115, 122, 0.68);
        clip-path: polygon(0 0, 100% 100%, 0 100%); } }
  @media (min-width: 800px) {
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven {
      max-width: none;
      font-size: clamp(56px, 10cqw, 144px);
      font-weight: 800;
      line-height: .72;
      letter-spacing: -.05em;
      margin: 0 0 32px; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven > span {
        display: block; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven > span:first-child {
        padding-inline-start: 4%; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven > span:last-child {
        color: #d51d00; } }
  @media (max-width: 799px) {
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > #B01-TB04 {
      margin-block: 24px 36px; }
    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > .d3w-inhaltsanker {
      display: none; } } }
@layer d3w-individuell {
  @media (min-width: 800px) {
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung[data-d3w-block] {
      position: relative; } } }
@layer d3w-basis {
  @media (min-width: 800px) {
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung:nth-child(3) > h3 {
      max-width: 7ch; } }
  @media (min-width: 800px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__schriftbild {
      margin: 0;
      width: 100%;
      aspect-ratio: 1947 / 808;
      overflow: hidden; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__schriftbild img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        filter: none;
        clip-path: none; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__einleitung {
      top: calc(100cqw * .07119); } } }
@layer d3w-individuell {
  body.d3w main#hauptinhalt .design-marke-header--original .design-marke-header__hintergrund {
    display: none; } }
@layer d3w-basis {
  html:has(body.d3w main#hauptinhalt .design-marke-header) {
    background-color: #eef2e9; }

  body.d3w main#hauptinhalt .design-marke-textblock {
    min-width: 0; }
    body.d3w main#hauptinhalt .design-marke-textblock > p {
      max-width: none;
      margin: 0 0 1em;
      text-indent: 0;
      hyphens: none; }
    body.d3w main#hauptinhalt .design-marke-textblock > p:last-child {
      margin-block-end: 0; }
    body.d3w main#hauptinhalt .design-marke-textblock > p::before {
      content: none; }
    body.d3w main#hauptinhalt .design-marke-textblock--lead > p {
      font-size: clamp(22px, 2.15vw, 30px);
      line-height: 1.3; }

  body.d3w main#hauptinhalt .design-marke-abschnittstitel {
    min-width: 0;
    margin: 0;
    font-size: clamp(30px, 4vw, 58px);
    line-height: 1.04;
    font-weight: 600;
    letter-spacing: -.035em;
    text-align: start;
    hyphens: none; }
    body.d3w main#hauptinhalt .design-marke-abschnittstitel--handwerk {
      font-size: clamp(40px, 6vw, 88px);
      font-weight: 300; }

  @media (max-width: 600px) {
    body.d3w main#hauptinhalt .design-marke-textblock--lead > p {
      font-size: 24px; }

    body.d3w main#hauptinhalt .design-marke-abschnittstitel {
      font-size: 34px; }

    body.d3w main#hauptinhalt .design-marke-abschnittstitel--handwerk {
      font-size: 44px; } }
  body.d3w main#hauptinhalt .design-marke-content--logos {
    border-block-end: 1px solid #d4cbb5; }
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoband {
      min-width: 0;
      mix-blend-mode: multiply;
      mask-image: linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent); }
    body.d3w main#hauptinhalt .design-marke-content--logos.design-marke-logolauf-aktiv .design-marke-logoband {
      overflow: hidden; }
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logolauf {
      display: flex;
      width: max-content;
      gap: 24px;
      animation: design-marke-logolauf var(--logo-laufdauer, 180s) linear infinite; }
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logolauf > ul {
      flex: 0 0 auto; }
    body.d3w main#hauptinhalt .design-marke-content--logos img {
      mix-blend-mode: normal; }
    body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/auek.jpg"]) {
      flex-basis: 184px;
      width: 184px; }
    body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/auek.jpg"] {
      width: 180px;
      left: 2px;
      top: -60px; }
    body.d3w main#hauptinhalt .design-marke-content--logos:hover .design-marke-logolauf,
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoband:focus-within .design-marke-logolauf, body.d3w main#hauptinhalt .design-marke-content--logos[data-logolauf-pause='true'] .design-marke-logolauf, body.d3w main#hauptinhalt .design-marke-content--logos[data-logolauf-sichtbar='false'] .design-marke-logolauf {
      animation-play-state: paused; }
    body.d3w main#hauptinhalt .design-marke-content--logos[data-logolauf-statisch='true'] .design-marke-logoband {
      overflow-x: auto; }
    body.d3w main#hauptinhalt .design-marke-content--logos[data-logolauf-statisch='true'] .design-marke-logolauf {
      animation: none;
      transform: none; }
    body.d3w main#hauptinhalt .design-marke-content--logos[data-logolauf-statisch='true'] .design-marke-logokopie {
      display: none; }

  @keyframes design-marke-logolauf {
    to {
      transform: translateX(calc(var(--logo-laufstrecke,1880px) * -1)); } }
  @media (prefers-reduced-motion: reduce) {
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logolauf {
      animation: none;
      transform: none; }

    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logokopie {
      display: none; } }
  body.d3w-gestaltung-vorschau main#hauptinhalt .design-marke-content--logos .design-marke-logolauf {
    animation: none;
    transform: none; }
  body.d3w-gestaltung-vorschau main#hauptinhalt .design-marke-content--logos .design-marke-logokopie {
    display: none; }
  body.d3w-gestaltung-vorschau main#hauptinhalt .design-marke-content--logos .design-marke-logoband {
    overflow-x: auto; }

  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung > h3 a {
    color: inherit;
    text-decoration: none; }
  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung > h3 a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px; }
  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung > .design-marke-leistung__weiter {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-block-start: 12px;
    color: inherit;
    text-decoration: none; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="aesthetik-kommunikation-original.svg"]) {
    width: 230px;
    flex-basis: 230px; }
  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="aesthetik-kommunikation-original.svg"] {
    position: static;
    display: block;
    width: 226px;
    height: 56px;
    object-fit: contain;
    filter: none; }

  @media (max-width: 799px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original {
      display: block;
      padding: 0; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__komposition {
        display: flex;
        flex-direction: column;
        container-type: inline-size;
        width: calc(100% + var(--inhalt-seitenrand) * 2);
        margin-inline: calc(var(--inhalt-seitenrand) * -1); }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__architektur, body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__bogen, body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__hintergrund {
        display: none; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__schriftbild {
        display: block;
        position: relative;
        order: 0;
        width: 100%;
        margin: 0;
        aspect-ratio: 1947 / 808;
        overflow: hidden; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__schriftbild img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        max-width: none;
        filter: none;
        clip-path: none; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__motiv {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        padding: 0;
        margin: 0; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__einleitung {
        order: 1;
        position: static;
        box-sizing: border-box;
        width: auto;
        max-width: none;
        align-self: stretch;
        margin: 24px var(--inhalt-seitenrand) 0;
        padding: 0 0 0 var(--d3w-gutter);
        border-inline-start: 1px solid #d51d00;
        font-size: 19px;
        line-height: 1.4;
        text-align: start; }
      body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__leitsatz {
        order: 2;
        position: static;
        box-sizing: border-box;
        width: auto;
        max-width: none;
        clip-path: none;
        overflow: visible;
        white-space: normal;
        margin: 24px var(--inhalt-seitenrand) 0;
        padding: 0;
        font-size: 36px;
        line-height: 1.08; }

    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 0 var(--d3w-gutter); }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven {
        font-size: clamp(44px, 9vw, 72px);
        font-weight: 800;
        letter-spacing: -.045em;
        line-height: .8;
        max-width: none;
        margin: 16px 0 28px; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven > span {
          display: block; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen > .design-marke-perspektiven > span:last-child {
          color: #d51d00; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 24px var(--d3w-gutter);
        grid-column: 1 / -1;
        padding: 24px 0 0;
        margin: 0;
        border-block-start: 1px solid #d4cbb5; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung {
        display: flex;
        flex-direction: column;
        min-width: 0;
        margin: 0;
        padding: 0;
        position: relative; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > h3 {
          font-size: 28px;
          line-height: 1.05;
          min-height: calc(2.1em + 23px);
          margin: 0;
          max-width: 12ch; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > p {
          font-size: 18px;
          line-height: 1.5;
          max-width: none;
          margin: 20px 0 0; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > .design-marke-leistungen__nummer {
          display: none; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > .d3w-inhaltsanker {
          display: none; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung:nth-child(odd)::before {
        display: none; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung:nth-child(even)::before {
        content: '';
        position: absolute;
        inset-inline-start: calc(var(--d3w-gutter) * -.5);
        top: 0;
        bottom: 0;
        border-inline-start: 1px solid #d4cbb5; }

    body.d3w main#hauptinhalt .design-marke-content--logos {
      grid-template-columns: 1fr;
      gap: 12px;
      padding-block: 18px; }
      body.d3w main#hauptinhalt .design-marke-content--logos h2 {
        max-width: none;
        margin: 0; }
      body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoband {
        width: 100%; } }
  @media (max-width: 600px) {
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__einleitung {
      font-size: 18px; }
    body.d3w main#hauptinhalt .d3w-seitenkopf:has(> .design-marke-header) > #KOPF-BR01.design-marke-header.design-marke-header--original .design-marke-header__leitsatz {
      font-size: 30px; }

    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen {
      grid-template-columns: repeat(8, minmax(0, 1fr)); }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistungen {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 32px 0; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung {
        border-block-end: 1px solid #d4cbb5;
        padding-block-end: 24px; }
        body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > h3 {
          min-height: 0;
          font-size: 30px;
          max-width: 11ch; }
      body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung:nth-child(even)::before {
        display: none; } }
  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/belo-net.jpg"] {
    width: 113.44px;
    left: 9.00px;
    top: -28.64px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/bmv.jpg"] {
    width: 121.75px;
    left: 3.13px;
    top: -32.87px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/bmw.jpg"] {
    width: 88.52px;
    left: 34.83px;
    top: -13.90px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/brandex.jpg"] {
    width: 87.66px;
    left: 36.15px;
    top: -12.94px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/bv-porenbeton.jpg"] {
    width: 92.57px;
    left: 32.30px;
    top: -16.60px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/contec.jpg"] {
    width: 106.79px;
    left: 10.20px;
    top: -27.04px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/eaaca.jpg"] {
    width: 52.92px;
    left: 37.34px;
    top: 1.34px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/eata.jpg"] {
    width: 86.67px;
    left: 20.00px;
    top: -15.00px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/gs.jpg"] {
    width: 125.74px;
    left: 0.16px;
    top: -35.84px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/is24.jpg"] {
    width: 103.10px;
    left: 12.05px;
    top: -23.55px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/kdk.jpg"] {
    width: 52.46px;
    left: 37.57px;
    top: 1.77px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/kunstjaeger.jpg"] {
    width: 78.01px;
    left: 45.95px;
    top: -6.86px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/lebenswelt.jpg"] {
    width: 124.58px;
    left: 1.23px;
    top: -35.25px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/medtecnet.jpg"] {
    width: 131.11px;
    left: -4.08px;
    top: -37.56px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/moeckernkiez.jpg"] {
    width: 87.94px;
    left: 18.68px;
    top: -16.65px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/naturfreunde.jpg"] {
    width: 62.29px;
    left: 32.85px;
    top: -3.62px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/opel.jpg"] {
    width: 63.62px;
    left: 32.19px;
    top: -3.81px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/pulsb.jpg"] {
    width: 99.66px;
    left: 16.86px;
    top: -21.02px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/qmzko.jpg"] {
    width: 131.11px;
    left: -1.05px;
    top: -37.05px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/spd.jpg"] {
    width: 69.53px;
    left: 28.70px;
    top: -5.16px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/trikont.jpg"] {
    width: 127.83px;
    left: -0.90px;
    top: -36.90px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/wassernord.jpg"] {
    width: 101.55px;
    left: 14.64px;
    top: -21.58px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/wdk.jpg"] {
    width: 89.99px;
    left: 34.10px;
    top: -14.98px; } }
@layer d3w-individuell {
  @media (max-width: 799px) {
    body.d3w main#hauptinhalt .design-marke-header--original .design-marke-header__desktopbild {
      display: block; }

    body.d3w main#hauptinhalt .design-marke-header--original .design-marke-header__einleitung,
    body.d3w main#hauptinhalt .design-marke-header--original .design-marke-header__leitsatz {
      margin-inline: var(--inhalt-seitenrand); }

    body.d3w main#hauptinhalt #B01-BR04.design-marke-content--leistungen .design-marke-leistung > h3 {
      font-size: 28px;
      font-weight: 650;
      max-width: 11ch; } } }
@layer d3w-basis {
  body.d3w main#hauptinhalt .design-marke-content--schlussgedanke > p,
  body.d3w main#hauptinhalt #B01-BR07.design-marke-schlusswort {
    color: #3a2f26; }
    @supports (background-clip: text) {
      body.d3w main#hauptinhalt .design-marke-content--schlussgedanke > p,
      body.d3w main#hauptinhalt #B01-BR07.design-marke-schlusswort {
        background-image: linear-gradient(110deg, #ac006a 0%, #b52d12 22%, #705115 38%, #006b65 56%, #2353b5 76%, #7d2f9f 100%);
        background-size: 100% 100%;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent; } }
    @media (forced-colors: active) {
      body.d3w main#hauptinhalt .design-marke-content--schlussgedanke > p,
      body.d3w main#hauptinhalt #B01-BR07.design-marke-schlusswort {
        background: none;
        color: CanvasText; } }

  body.d3w main#hauptinhalt .design-marke-content--logos li {
    height: 72px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img {
    filter: grayscale(1) contrast(1.35); }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/awo.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/awo.jpg"] {
    width: 74.29px;
    left: 44.86px;
    top: -1.43px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/belo-net.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/belo-net.jpg"] {
    width: 138.43px;
    left: 12.25px;
    top: -34.29px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/biketaxi.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/biketaxi.jpg"] {
    width: 122.91px;
    left: 19.60px;
    top: -26.87px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/bmv.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/bmv.jpg"] {
    width: 148.57px;
    left: 7.71px;
    top: -38.29px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/bmw.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/bmw.jpg"] {
    width: 157.54px;
    left: 36.23px;
    top: -42.77px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/brandex.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/brandex.jpg"] {
    width: 156.00px;
    left: 36.40px;
    top: -41.40px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/bv-porenbeton.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/bv-porenbeton.jpg"] {
    width: 164.74px;
    left: 31.36px;
    top: -47.64px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/contec.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/contec.jpg"] {
    width: 120.71px;
    left: 21.18px;
    top: -26.21px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/eaaca.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/eaaca.jpg"] {
    width: 59.82px;
    left: 51.86px;
    top: 5.86px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/eata.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/eata.jpg"] {
    width: 97.97px;
    left: 32.26px;
    top: -12.61px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/fiat.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/fiat.jpg"] {
    width: 70.42px;
    left: 46.52px;
    top: 0.25px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/goethe.jpg"]) {
    width: 200px;
    flex-basis: 200px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/goethe.jpg"] {
    width: 214.16px;
    left: -7.08px;
    top: -71.08px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/gs.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/gs.jpg"] {
    width: 153.44px;
    left: 4.10px;
    top: -41.90px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/hu.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/hu.jpg"] {
    width: 85.39px;
    left: 38.32px;
    top: -7.02px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/is24.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/is24.jpg"] {
    width: 116.55px;
    left: 23.28px;
    top: -22.28px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/iveco.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/iveco.jpg"] {
    width: 151.78px;
    left: 37.94px;
    top: -40.47px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/kdk.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/kdk.jpg"] {
    width: 59.30px;
    left: 52.12px;
    top: 6.35px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/kunstjaeger.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/kunstjaeger.jpg"] {
    width: 138.83px;
    left: 46.12px;
    top: -31.81px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/lebenswelt.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/lebenswelt.jpg"] {
    width: 140.83px;
    left: 11.04px;
    top: -35.50px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/medtecnet.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/medtecnet.jpg"] {
    width: 160.00px;
    left: -1.08px;
    top: -44.00px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/moeckernkiez.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/moeckernkiez.jpg"] {
    width: 99.41px;
    left: 30.76px;
    top: -14.47px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/myfest.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/myfest.jpg"] {
    width: 101.53px;
    left: 31.23px;
    top: -14.77px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/naturfreunde.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/naturfreunde.jpg"] {
    width: 70.42px;
    left: 46.79px;
    top: 0.25px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/netfox.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/netfox.jpg"] {
    width: 121.19px;
    left: 20.48px;
    top: -25.99px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/opel.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/opel.jpg"] {
    width: 71.91px;
    left: 46.04px;
    top: 0.04px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/peb.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/peb.jpg"] {
    width: 77.70px;
    left: 42.85px;
    top: -4.34px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/pulsb.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/pulsb.jpg"] {
    width: 112.67px;
    left: 25.67px;
    top: -20.76px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/qmzko.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/qmzko.jpg"] {
    width: 160.00px;
    left: 2.62px;
    top: -43.38px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/sat1.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/sat1.jpg"] {
    width: 130.00px;
    left: 16.50px;
    top: -29.00px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/spd.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/spd.jpg"] {
    width: 78.60px;
    left: 42.09px;
    top: -1.49px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/trikont.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/trikont.jpg"] {
    width: 156.00px;
    left: 2.80px;
    top: -43.20px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/vattenfall.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/vattenfall.jpg"] {
    width: 160.59px;
    left: 34.09px;
    top: -44.30px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/wassernord.jpg"]) {
    width: 164px;
    flex-basis: 164px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/wassernord.jpg"] {
    width: 114.80px;
    left: 24.17px;
    top: -20.95px; }

  body.d3w main#hauptinhalt .design-marke-content--logos li:has(img[src*="/wdk.jpg"]) {
    width: 230px;
    flex-basis: 230px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/wdk.jpg"] {
    width: 160.16px;
    left: 34.92px;
    top: -44.70px; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="aesthetik-kommunikation-original.svg"] {
    height: 72px;
    filter: none; }

  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung {
    position: relative; }
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung > .design-marke-leistung__weiter::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 1;
      cursor: pointer; }
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung:has(> .design-marke-leistung__weiter:hover) > h3 {
      color: #7f351e; }
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung:has(> .design-marke-leistung__weiter:focus-visible) {
      outline: 2px solid #3a2f26;
      outline-offset: 6px; }

  body.d3w-gestaltung-vorschau main#hauptinhalt #B01-BR04 .design-marke-leistung > .design-marke-leistung__weiter::after {
    pointer-events: none; }

  body.d3w main#hauptinhalt .design-marke-content--logos img[src*="/logos/originale/"] {
    position: absolute;
    width: 144px;
    height: 52px;
    left: 10px;
    top: 10px;
    max-width: none;
    object-fit: contain;
    object-position: center; }

  @media (max-width: 799px) {
    body.d3w main#hauptinhalt .design-marke-content--logos {
      padding-block: 16px;
      row-gap: 8px; }
      body.d3w main#hauptinhalt .design-marke-content--logos h2 {
        font-size: 15px;
        line-height: 1.4;
        margin: 0; }
      body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logolauf {
        gap: 16px; }
      body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoitems {
        gap: 16px;
        padding-block: 0; }
      body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoband {
        mask-image: linear-gradient(to right, transparent, #000 12px, #000 calc(100% - 12px), transparent); } }
  body.d3w main#hauptinhalt .design-marke-abschnittstitel--gedanke {
    color: #8d185c; }

  body.d3w main#hauptinhalt .design-marke-abschnittstitel--handwerk {
    color: #925025; }

  body.d3w main#hauptinhalt .design-marke-abschnittstitel--kommunikation {
    color: #086963; }

  @media (forced-colors: active) {
    body.d3w main#hauptinhalt .design-marke-abschnittstitel {
      color: CanvasText; } } }
@layer d3w-individuell {
  @media (min-width: 601px) and (max-width: 799px) {
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoitems {
      zoom: .85; } }
  @media (max-width: 600px) {
    body.d3w main#hauptinhalt .design-marke-content--logos .design-marke-logoitems {
      zoom: .75; } }
  @media (max-width: 799px) {
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistungen {
      border-block-start: 0;
      padding-block-start: 0; } }
  @media (max-width: 600px) {
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung {
      border-block-end: 0; } }
  body.d3w main#hauptinhalt .design-marke-header--original .design-marke-header__einleitung {
    font-weight: 300; }

  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistungen {
    align-items: stretch; }

  body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box; }
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung > .design-marke-illustration {
      flex-shrink: 0; }
    body.d3w main#hauptinhalt #B01-BR04 .design-marke-leistung > .design-marke-leistung__weiter {
      margin-block-start: auto;
      padding-block-start: 16px; } }
@layer d3w-basis {
  body.d3w main#hauptinhalt #B01-BR07.design-marke-schlusswort {
    font-size: clamp(42px, 7.5vw, 108px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.045em;
    max-width: none;
    margin-inline: 0;
    padding: 0;
    text-wrap: balance; }
    @media (max-width: 799px) {
      body.d3w main#hauptinhalt #B01-BR07.design-marke-schlusswort {
        font-size: 48px; } }
    @media (max-width: 600px) {
      body.d3w main#hauptinhalt #B01-BR07.design-marke-schlusswort {
        font-size: 42px; } }

  body.d3w main#hauptinhalt:has(.design-marke-header) #B01-UE12 {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.1; }

  body.d3w main#hauptinhalt #B01-BR08.design-marke-kontakttext {
    display: block;
    max-width: none;
    padding: 0;
    margin-inline: 0; }
    body.d3w main#hauptinhalt #B01-BR08.design-marke-kontakttext > p {
      max-width: none;
      margin-inline: 0; }

  body.d3w main#hauptinhalt:has(.design-marke-header) #B01-UE05.design-marke-perspektiven {
    line-height: .72;
    letter-spacing: -.05em; }
    body.d3w main#hauptinhalt:has(.design-marke-header) #B01-UE05.design-marke-perspektiven > span {
      display: block; }
    body.d3w main#hauptinhalt:has(.design-marke-header) #B01-UE05.design-marke-perspektiven > span:first-child {
      padding-inline-start: 4%; }
    body.d3w main#hauptinhalt:has(.design-marke-header) #B01-UE05.design-marke-perspektiven > span:last-child {
      color: #d51d00; }

  body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) {
    background-image: none; }
    body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung {
      display: flex;
      flex-direction: column;
      min-width: 0;
      container-type: inline-size;
      border-block-start: 1px solid #c9cbb0;
      padding-block-start: 20px; }
      body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung > h3 {
        font-size: clamp(16px, 10cqw, 30px);
        font-weight: 300;
        line-height: 1.2;
        min-height: 3.6em;
        overflow-wrap: normal;
        hyphens: none; }
      body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung > .marke-leistung__muster {
        width: 100%;
        aspect-ratio: 6 / 5;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-block: 16px 24px; }
      body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung > div[data-d3w-block] {
        width: 100%;
        min-width: 0; }
      body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung p {
        max-width: none; }
    body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung--1 > .marke-leistung__muster {
      background-image: url("/content/design/marke-identitaet/leistung-1.svg"); }
    body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung--2 > .marke-leistung__muster {
      background-image: url("/content/design/marke-identitaet/leistung-2.svg"); }
    body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung--3 > .marke-leistung__muster {
      background-image: url("/content/design/marke-identitaet/leistung-3.svg"); }
    body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung--4 > .marke-leistung__muster {
      background-image: url("/content/design/marke-identitaet/leistung-4.svg"); }
    @media (max-width: 600px) {
      body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung > h3 {
        min-height: 0; }
      body.d3w:has(main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"]) .marke-leistung > .marke-leistung__muster {
        max-height: 260px; } }

  body.d3w main#hauptinhalt .design-detail-leistung {
    display: flex;
    flex-direction: column;
    min-width: 0;
    container-type: inline-size;
    border-block-start: 1px solid #c9cbb0;
    padding-block-start: 20px; }
    body.d3w main#hauptinhalt .design-detail-leistung > h3 {
      font-size: clamp(16px, 10cqw, 30px);
      font-weight: 300;
      line-height: 1.2;
      min-height: 3.6em;
      overflow-wrap: normal;
      hyphens: none; }
    body.d3w main#hauptinhalt .design-detail-leistung > .design-detail-leistung__muster {
      width: 100%;
      aspect-ratio: 6 / 5;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      margin-block: 16px 24px; }
    body.d3w main#hauptinhalt .design-detail-leistung > div[data-d3w-block] {
      width: 100%;
      min-width: 0; }
    body.d3w main#hauptinhalt .design-detail-leistung p {
      max-width: none; }
    @media (max-width: 600px) {
      body.d3w main#hauptinhalt .design-detail-leistung > h3 {
        min-height: 0; }
      body.d3w main#hauptinhalt .design-detail-leistung > .design-detail-leistung__muster {
        max-height: 260px; } }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="170"] .design-detail-leistung--1 > .design-detail-leistung__muster {
    background-image: url("/content/design/editorial-print/leistung-1.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="170"] .design-detail-leistung--2 > .design-detail-leistung__muster {
    background-image: url("/content/design/editorial-print/leistung-2.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="170"] .design-detail-leistung--3 > .design-detail-leistung__muster {
    background-image: url("/content/design/editorial-print/leistung-3.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="170"] .design-detail-leistung--4 > .design-detail-leistung__muster {
    background-image: url("/content/design/editorial-print/leistung-4.svg"); }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="171"] .design-detail-leistung--1 > .design-detail-leistung__muster {
    background-image: url("/content/design/web-digital/leistung-1.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="171"] .design-detail-leistung--2 > .design-detail-leistung__muster {
    background-image: url("/content/design/web-digital/leistung-2.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="171"] .design-detail-leistung--3 > .design-detail-leistung__muster {
    background-image: url("/content/design/web-digital/leistung-3.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="171"] .design-detail-leistung--4 > .design-detail-leistung__muster {
    background-image: url("/content/design/web-digital/leistung-4.svg"); }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="172"] .design-detail-leistung--1 > .design-detail-leistung__muster {
    background-image: url("/content/design/gestaltung-im-raum/leistung-1.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="172"] .design-detail-leistung--2 > .design-detail-leistung__muster {
    background-image: url("/content/design/gestaltung-im-raum/leistung-2.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="172"] .design-detail-leistung--3 > .design-detail-leistung__muster {
    background-image: url("/content/design/gestaltung-im-raum/leistung-3.svg"); }
  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="172"] .design-detail-leistung--4 > .design-detail-leistung__muster {
    background-image: url("/content/design/gestaltung-im-raum/leistung-4.svg"); }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="169"] > div[data-d3w-block] > p:first-child {
    margin-block-start: 0; }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="170"] > div[data-d3w-block] > p:first-child {
    margin-block-start: 0; }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="171"] > div[data-d3w-block] > p:first-child {
    margin-block-start: 0; }

  body.d3w main#hauptinhalt .d3w-inhaltsbeitrag[data-d3w-article="172"] > div[data-d3w-block] > p:first-child {
    margin-block-start: 0; }

  body.d3w main#hauptinhalt .design-leistungsgruppe {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--d3w-gutter);
    align-items: start;
    min-width: 0; }
    @media (max-width: 600px) {
      body.d3w main#hauptinhalt .design-leistungsgruppe {
        grid-template-columns: repeat(8, minmax(0, 1fr)); } }

  body.d3w main#hauptinhalt .kommunikation-textblock > p:first-child {
    margin-block-start: 0; }
  body.d3w main#hauptinhalt .kommunikation-textblock > p:last-child {
    margin-block-end: 0; }

  body.d3w main#hauptinhalt .kommunikation-sprungliste .angebotsweg {
    container-type: inline-size; }
  body.d3w main#hauptinhalt .kommunikation-sprungliste .angebotsweg > h2 {
    font-size: clamp(16px, 7.5cqi, 27px);
    overflow-wrap: normal; } }
body.d3w .cc-trigger.cc-trigger-icon {
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #3a2f26;
  --cc-trigger-icon: #3a2f26;
  --cc-trigger-icon-hover: #3a2f26; }
  body.d3w .cc-trigger.cc-trigger-icon svg {
    width: 15px;
    height: 15px;
    vertical-align: middle; }
  body.d3w .cc-trigger.cc-trigger-icon:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px; }
@layer d3w-zustand {
  [hidden] {
    display: none; } }