:root {
--liepach-einklappen: .3s cubic-bezier(.33333, 1, .66667, 1);
} .inhalt {
background: var(--wp--preset--color--weiss);
padding-bottom: 50px;
margin-block-start: 0;
}
.wp-site-blocks > * + * {
margin-block-start: 0;
} .wp-site-blocks {
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100svh;
}
.admin-bar .wp-site-blocks {
min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
}
.wp-site-blocks > .inhalt {
flex: 1 0 auto;
} .inhalt :where(p) {
margin: 0 0 20px;
}
.inhalt :where(h1, h2, h3, h4, h5, h6, figure) {
margin: 0;
} .kopf {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
height: 175px;
background-color: transparent;
transition: background-color .25s ease-in-out, height var(--liepach-einklappen);
} .kopf__innen {
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1260px;
height: 100%;
margin: 0 auto;
padding: 0 30px;
} .kopf__logo {
display: block;
margin-top: 31px;
line-height: 0;
transition: margin-top var(--liepach-einklappen);
} .kopf__logo img {
display: block;
width: auto;
height: var(--logo-hoehe, 64px);
max-height: 64px;
transition: height var(--liepach-einklappen);
}
.kopf__logo .kopf__logo-tuerkis {
display: none;
} .kopf__liste {
display: flex;
gap: 48px;
margin: 0;
padding: 0;
list-style: none;
}
.kopf__liste a {
display: flex;
align-items: center;
height: 175px;
font-family: var(--wp--preset--font-family--zen-kaku);
font-weight: 900;
font-size: 16px;
letter-spacing: .015em;
text-transform: uppercase;
color: var(--wp--preset--color--weiss);
text-decoration: none;
transition: color .2s linear, height var(--liepach-einklappen);
} .kopf__liste a:hover,
.kopf__liste :is(.current-menu-item, .current_page_item, .current-menu-parent, .current-menu-ancestor) > a {
color: var(--wp--preset--color--rosa);
}
.kopf__knopf {
display: none;
} .kopf.ist-eingeklappt {
position: fixed;
height: 65px;
background-color: rgba(85, 180, 169, .85);
} .admin-bar .kopf.ist-eingeklappt {
top: var(--wp-admin--admin-bar--height, 32px);
}
.kopf.ist-eingeklappt .kopf__logo {
margin-top: 5px;
}
.kopf.ist-eingeklappt .kopf__logo img {
height: 55px;
}
.kopf.ist-eingeklappt .kopf__liste {
gap: 35px;
}
.kopf.ist-eingeklappt .kopf__liste a {
height: 65px;
font-size: 14px;
}
.kopf.ist-eingeklappt .kopf__liste a:hover,
.kopf.ist-eingeklappt .kopf__liste :is(.current-menu-item, .current_page_item, .current-menu-parent, .current-menu-ancestor) > a {
color: var(--wp--preset--color--schwarz);
} .error404 .kopf-teil {
min-height: 175px;
}
.error404 .kopf:not(.ist-eingeklappt) {
background-color: var(--wp--preset--color--schwarz);
} @media (max-width: 800px) {
.kopf {
position: relative;
height: auto;
background-color: var(--wp--preset--color--schwarz);
} .kopf.kopf-fest {
position: fixed;
top: 0;
}
.admin-bar .kopf.kopf-fest {
top: var(--wp-admin--admin-bar--height, 0px);
}
.error404 .kopf-teil {
min-height: 0;
}
.kopf__innen {
align-items: center;
} .kopf__logo {
margin: 31px 0;
}
.kopf__logo .kopf__logo-weiss {
display: none;
}
.kopf__logo .kopf__logo-tuerkis {
display: block;
width: 210px;
height: auto;
} .kopf__knopf {
position: relative;
z-index: 2;
box-sizing: content-box;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 39px;
height: 23.4px;
margin: 2px -19px 0;
padding: 0 19px;
border: 0;
background: none;
cursor: pointer;
}
.kopf__strich {
display: block;
width: 39px;
height: 2.6px;
background-color: var(--wp--preset--color--rosa);
transition: .25s ease-in-out;
} .kopf__strich:nth-child(1) {
transform-origin: left top;
}
.kopf__strich:nth-child(3) {
transform-origin: left bottom;
}
.kopf__knopf[aria-expanded="true"] .kopf__strich {
width: 31.2px;
}
.kopf__knopf[aria-expanded="true"] .kopf__strich:nth-child(1) {
transform: rotate(45deg);
}
.kopf__knopf[aria-expanded="true"] .kopf__strich:nth-child(2) {
width: 0;
opacity: 0;
}
.kopf__knopf[aria-expanded="true"] .kopf__strich:nth-child(3) {
transform: rotate(-45deg);
}
.kopf__knopf[aria-expanded="true"]:hover .kopf__strich {
background-color: var(--wp--preset--color--tuerkis);
} .kopf__menue {
position: fixed;
top: -1000%;
left: 0;
z-index: 1;
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding: 0 25px 25px;
overflow-y: auto;
background-color: rgba(0, 0, 0, .9);
opacity: 0;
visibility: hidden;
transition: opacity .4s, top .4s, visibility 0s .4s;
}
.kopf.menue-offen .kopf__menue {
top: 0;
opacity: 1;
visibility: visible;
transition: opacity .4s, top 0s, visibility 0s;
} .kopf__liste {
display: block;
width: 100%;
margin: auto 0;
padding: 25px 0;
font-size: 12px;
line-height: normal;
text-align: center;
}
.kopf__liste li {
display: block;
padding: 19px 0;
}
.kopf__liste li:first-child {
padding-top: 0;
}
.kopf__liste li:last-child {
padding-bottom: 0;
} .kopf__liste a {
display: inline-block;
height: auto;
padding: 0 12px;
font-size: 24px;
line-height: 1.2;
text-transform: none;
color: var(--wp--preset--color--rosa);
}
.kopf__liste a:hover,
.kopf__liste :is(.current-menu-item, .current_page_item, .current-menu-parent, .current-menu-ancestor) > a {
color: var(--wp--preset--color--tuerkis);
} .kopf.menue-offen .kopf__logo {
position: relative;
z-index: 2;
} html.menue-sperrt-scrollen {
overflow: hidden;
scrollbar-gutter: stable;
}
} .fuss {
position: relative;
background: var(--wp--preset--color--tuerkis);
} .fuss__innen {
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1260px;
margin: 0 auto;
padding: 12px 30px;
}
.fuss__zeile {
margin: 0;
font-family: var(--wp--preset--font-family--zen-kaku);
font-weight: 900;
font-size: 14px;
line-height: 1.4;
letter-spacing: -.015em;
text-transform: uppercase;
color: var(--wp--preset--color--weiss);
} .fuss a {
color: var(--wp--preset--color--weiss);
text-decoration: none;
transition: color .2s linear;
}
.fuss a:hover,
.fuss a:focus-visible {
color: var(--wp--preset--color--schwarz);
} .fuss__netze {
display: flex;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
font-size: 20px;
line-height: 20px;
}
.fuss__netze a {
display: inline-block;
vertical-align: middle;
} .fuss__netze svg {
display: block;
width: 16px;
height: 16px;
} .nach-oben {
position: absolute;
left: 50%;
bottom: 5px;
z-index: 100000;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: flex-start;
width: 48px;
height: 35px;
padding-top: 6.25px;
color: var(--wp--preset--color--weiss);
outline: 0;
opacity: 0;
pointer-events: none;
transform: translateX(-50%);
transition: opacity .4s ease-in-out, color .2s linear;
}
.nach-oben.ist-aktiv {
opacity: .9;
pointer-events: auto;
}
.nach-oben:hover,
.nach-oben:focus-visible {
color: var(--wp--preset--color--schwarz);
} .nach-oben svg {
display: block;
width: calc(22px * 658 / 1024);
height: 22px;
} @media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.nach-oben {
display: none;
}
} @media (max-width: 800px) {
.fuss__innen {
flex-direction: column;
gap: 14px;
padding: 12px 0 21px;
text-align: center;
}
.nach-oben {
display: none;
}
} @media (prefers-reduced-motion: reduce) {
.kopf,
.kopf__logo,
.kopf__logo img,
.kopf__liste a,
.kopf__strich,
.kopf__menue,
.nach-oben {
transition: none !important;
}
} .nicht-gefunden {
padding-top: 10px;
padding-bottom: 35px;
}
.nicht-gefunden__zahl {
margin: 0 0 25px;
font-size: 140px;
line-height: .9;
color: var(--wp--preset--color--rosa);
}
.nicht-gefunden__zeichen {
margin: 0;
font-size: 32px;
line-height: 1.2;
text-transform: none;
color: var(--wp--preset--color--rosa);
}  .titel,
.abschnitte {
box-sizing: border-box;
padding-inline: calc(30px + max(0px, (100% - 1200px) / 2));
margin-block: 0;
} .kacheln,
.uebersicht,
.ausstellung {
box-sizing: border-box;
padding-inline: calc(30px + max(0px, (100% - 1200px) / 2) - min(24px, 2%));
} .titel {
position: relative;
padding-top: calc(min(1200px, 100%) * .1500096 + 30px);
padding-bottom: 134px;
background-color: var(--wp--preset--color--schwarz);
} .titel h1 {
max-width: 48.0064%;
margin: 0;
font-size: clamp(1.875rem, 5.2vw, 2.5rem);
line-height: .9;
color: var(--wp--preset--color--tuerkis);
} .titel::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 100px;
background-color: var(--wp--preset--color--weiss);
clip-path: polygon(100% 0, 0 100%, 100% 100%);
} .titel--foto {
padding-top: calc(min(1200px, 100%) * .3000192 + 30px);
background-color: transparent; background-attachment: fixed;
}
.titel--foto::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .7) 100%) fixed;
}
.titel--foto h1 {
position: relative; font-size: clamp(1.75rem, 4.4vw, 4rem);
color: var(--wp--preset--color--weiss);
}
@media (max-width: 800px), (min-device-width: 768px) and (max-device-width: 1024px), (max-device-width: 640px) {
.titel--foto,
.titel--foto::before {
background-attachment: scroll;
}
} .kacheln {
display: flex;
flex-wrap: wrap;
margin-block: 0 50px;
}
.kachel {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex: 0 0 calc(20% - 20px);
align-self: flex-end;
margin: 0 10px 20px;
padding: 20px;
background-color: var(--wp--preset--color--rosa);
container-type: inline-size; } .kachel:first-child {
margin-left: calc(100% / 3 + 10px);
}
.kachel:nth-child(3) {
padding-bottom: 44px;
}
.kachel__pfeil {
margin: 0;
}
.kachel__pfeil img {
display: block;
width: 50px;
height: auto;
} .kachel h3 {
margin: 10px 0 0;
font-size: clamp(.875rem, 11cqi, 1.25rem);
line-height: 1.2;
color: var(--wp--preset--color--weiss);
} .kachel h3 a {
color: inherit;
}
.kachel h3 a::after {
content: "";
position: absolute;
inset: 0;
} .kachel h3 a:focus-visible {
outline: 0;
}
.kachel h3 a:focus-visible::after {
outline: auto;
} .uebersicht {
--titelgroesse: clamp(1.75rem, 3.9vw, 3rem);
display: flex;
flex-wrap: wrap;
padding-top: 70px;
margin-block: 0;
}
.uebersicht__winkel,
.uebersicht__liste {
box-sizing: border-box;
padding-inline: 1.92%;
margin: 0 0 40px;
}
.uebersicht__winkel {
flex: 0 0 calc(100% / 6);
align-self: flex-end;
padding-bottom: calc(1.32 * var(--titelgroesse));
}
.uebersicht__pfeil img {
display: block;
width: 100%;
height: auto;
}
.uebersicht__liste {
display: flex;
flex-direction: column;
justify-content: flex-end;
flex: 0 0 calc(500% / 6);
align-self: stretch;
}
.uebersicht h2 {
margin: 0;
font-size: var(--titelgroesse);
line-height: 1.2;
}
.uebersicht h2 a {
color: var(--wp--preset--color--schwarz);
transition: color .2s linear;
}
.uebersicht h2 a:hover {
color: var(--wp--preset--color--rosa);
} .ausstellung {
display: grid;
grid-template-columns: 30% 45% 25%;
grid-template-rows: repeat(8, auto) 1fr;
align-items: start;
padding-top: 21px;
margin-block: 0;
}
.ausstellung__kopf,
.ausstellung__text {
display: flex;
flex-direction: column;
grid-row: 1 / -1;
box-sizing: border-box;
margin-bottom: 40px;
}
.ausstellung__kopf {
grid-column: 1;
padding-inline: 6.4%;
}
.ausstellung__text {
grid-column: 2;
padding-inline: 4.267%;
}
.ausstellung__text > p {
max-width: 32rem;
} .ausstellung__kopf h2,
.ausstellung__kopf h3 {
font-size: clamp(1.25rem, 2.34vw, 1.5rem);
line-height: 1.15;
}
.ausstellung__kopf h2 {
margin: 4px 0 15px;
color: var(--wp--preset--color--rosa);
}
.ausstellung__kopf h3 {
margin: 10px 0 15px;
color: var(--wp--preset--color--tuerkis);
}
.galerie {
grid-column: 3;
box-sizing: border-box;
padding-inline: 7.68%;
}
.galerie + .galerie {
margin-top: 30px;
}
.galerie:last-child {
margin-bottom: 40px;
}
.galerie__titelbild a {
display: block;
}
.galerie__titelbild img {
display: block;
width: 100%;
height: auto;
} .ausstellung .galerie .galerie__bilder {
display: none;
} @media (min-width: 641px) and (max-width: 800px) {
.ausstellung__kopf h2,
.ausstellung__kopf h3 {
font-size: clamp(.9375rem, calc(2.8vw - 1px), 1.25rem);
}
} @media (max-width: 640px) {
.ausstellung {
display: flex;
flex-direction: column;
align-items: stretch;
}
.ausstellung > * {
padding-inline: 1.92%;
}
.ausstellung__kopf {
order: 1;
}
.ausstellung__text + .galerie {
order: 2;
margin-bottom: 40px;
}
.ausstellung__text {
order: 3;
}
.galerie + .galerie {
order: 4;
}
.ausstellung__text + .galerie + .galerie {
margin-top: 0;
}
.ausstellung__kopf h2,
.ausstellung__kopf h3 {
margin: 10px 0;
}
} @media (min-width: 560px) and (max-width: 640px) and (max-height: 500px) and (orientation: landscape) {
.ausstellung {
display: grid;
align-items: start;
}
.ausstellung__kopf {
padding-inline: 6.4%;
}
.ausstellung__text {
padding-inline: 4.267%;
}
.galerie {
padding-inline: 7.68%;
}
.ausstellung__text + .galerie {
margin-bottom: 0;
}
.ausstellung__text + .galerie + .galerie {
margin-top: 30px;
}
.galerie:last-child {
margin-bottom: 40px;
}
.ausstellung__kopf h2,
.ausstellung__kopf h3 {
font-size: clamp(.9375rem, calc(2.8vw - 1px), 1.25rem);
}
.ausstellung__kopf h2 {
margin: 4px 0 15px;
}
.ausstellung__kopf h3 {
margin: 10px 0 15px;
}
} .abschnitte {
padding-top: 70px;
background-color: var(--wp--preset--color--weiss);
}
@media (min-width: 1025px) {
.kacheln + .abschnitte {
padding-top: 0;
}
}
.abschnitt {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 -2%;
}
.abschnitt > :first-child,
.abschnitt__inhalt {
box-sizing: border-box;
padding-inline: 1.92%;
}
.abschnitt > :first-child {
flex: 0 0 calc(100% / 3);
}
.abschnitt h2 {
margin: 0 0 15px;
font-size: clamp(1.375rem, 3.5vw, 1.875rem);
line-height: 1;
color: var(--wp--preset--color--tuerkis);
} .abschnitte.info h2 {
font-size: 30px;
} .abschnitt__pfeil img {
display: block;
width: 50px;
height: auto;
}
.abschnitt__inhalt {
display: flex;
flex-direction: column;
flex: 0 0 calc(200% / 3);
margin: 0 0 40px;
}
.abschnitt__inhalt > h3 {
margin: 0;
font-size: clamp(1.25rem, 1.7vw, 1.5rem);
line-height: 1;
color: var(--wp--preset--color--rosa);
}
.abschnitt__inhalt > p {
margin: 0 0 20px;
} .abschnitte:is(.info, .recht, .newsletter) .abschnitt__inhalt > p {
box-sizing: border-box; max-width: 32rem;
}
.abschnitte:is(.info, .recht, .newsletter) .abschnitt__inhalt a {
color: var(--wp--preset--color--schwarz);
transition: color .2s linear;
}
.abschnitte:is(.info, .recht, .newsletter) .abschnitt__inhalt a:hover {
color: var(--wp--preset--color--rosa);
}
.abschnitte:is(.info, .recht, .newsletter) .abschnitt__inhalt a::before {
content: "\00BB\00A0";
color: var(--wp--preset--color--rosa);
}
.abschnitte:is(.info, .recht, .newsletter) .abschnitt__inhalt a:focus-visible {
outline: 2px solid var(--wp--preset--color--tuerkis);
outline-offset: 3px;
} .abschnitt__inhalt.kontakt > p {
display: grid;
grid-template-columns: 5.25rem 1fr;
margin: 0;
} .abschnitt__inhalt.liste > p + p {
margin: 0;
padding-left: .6em;
text-indent: -.6em;
} @media (min-width: 641px) {
.abschnitt__inhalt.versatz {
margin-top: 50px;
}
} @media (max-width: 1024px) {
.uebersicht {
--titelgroesse: calc(4.2vw - 3px);
}
.wp-block-post-content:has(> .kacheln) {
display: flex;
flex-direction: column;
}
.kacheln {
order: 9;
}
.kachel {
flex-basis: calc(100% / 3 - 20px);
}
.kachel:first-child {
margin-left: 10px;
}
.kachel:nth-child(3) {
padding-bottom: 20px;
}
} @media (max-width: 640px) {
.titel {
padding-bottom: 129px;
} .titel h1 {
max-width: none;
}
.kachel {
flex-direction: row;
align-items: center;
column-gap: 16px;
flex-basis: 96.16%;
margin-inline: 1.92%;
padding: 16px 20px;
}
.kachel:first-child {
margin-left: 1.92%;
}
.kachel:nth-child(3) {
padding-bottom: 16px;
}
.kachel__pfeil {
flex: 0 0 auto;
}
.kachel__pfeil img {
width: 36px;
}
.kachel h3 {
flex: 1 1 auto;
margin: 0;
}
.abschnitte {
padding-top: 21px;
} .uebersicht {
--titelgroesse: clamp(1.25rem, 5.4vw, 1.5rem);
padding-top: 21px;
}
.uebersicht__winkel,
.uebersicht__liste {
flex-basis: 100%;
}
.uebersicht__winkel {
margin: 10px 0 20px;
padding-bottom: 0;
}
.uebersicht__pfeil img {
width: clamp(2.25rem, 11.7vw, 3rem);
}
.uebersicht__liste {
margin-bottom: 30px;
}
.uebersicht h2 {
margin: 10px 0;
}
.abschnitt > :first-child,
.abschnitt__inhalt {
flex-basis: 100%;
}
.abschnitt h2 {
margin: 10px 0;
}
.abschnitte h2 {
font-size: 1.875rem;
}
.abschnitt__inhalt > h3 {
margin: 10px 0;
}
}  .inhalt:has(.projekt) {
background-color: var(--wp--preset--color--schwarz);
padding-bottom: 0;
} .start__titel {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
} .projekt {
position: relative;
isolation: isolate;
overflow: hidden;
overflow: clip;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-between;
min-height: 100vh;
margin-block: 0;
padding-inline: max(0px, (100% + 60px - 1200px) / 2);
background-color: var(--wp--preset--color--schwarz);
background-attachment: fixed;
}
.projekt::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 100%) fixed;
} @media (max-width: 800px), (min-device-width: 768px) and (max-device-width: 1024px), (max-device-width: 640px) {
.projekt,
.projekt::before {
background-attachment: scroll;
}
} .projekt__flaeche {
display: block;
flex: 0 0 100%;
align-self: flex-end;
box-sizing: border-box;
margin: 10.4% 0 20px;
padding: 15.6% 0;
}
@media (min-aspect-ratio: 4/3) {
.projekt__flaeche {
margin: 12vh 0 0;
padding: 20vh 0;
}
} .projekt__titel {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex: 0 0 48.0064%;
align-self: flex-end;
margin: 0;
padding: 0 0 0 max(0px, 30px - max(0px, (100vw - 1200px) / 2));
background-color: var(--wp--preset--color--schwarz);
font-size: clamp(2.1rem, 5.7vw, 4rem);
line-height: .9;
overflow-wrap: break-word;
color: var(--wp--preset--color--rosa);
transition: filter .3s;
}
.projekt__titel:hover {
filter: saturate(0%) brightness(142%) contrast(200%);
}
.projekt__titel a {
display: block;
margin: 0 0 -2px -.067em;
color: inherit;
}
.projekt__titel a::after {
content: "";
position: absolute;
inset: 0;
}
.projekt__titel::before {
content: "";
position: absolute;
inset: 0 calc(-3.84% / .9232);
} @supports selector(:has(a)) {
.projekt__titel a:focus-visible {
outline: 0;
}
.projekt__titel:has(a:focus-visible) {
outline: auto 1px;
outline-color: -webkit-focus-ring-color;
}
}
@media (min-width: 641px) and (max-width: 1259px) {
.projekt__titel {
padding-right: 20px;
font-size: clamp(1.5rem, calc(5.7vw - 6.5px), 4rem);
}
} @media (min-width: 1260px) {
.projekt__titel--v a {
margin-left: -.031em;
}
} .projekt__pfeil {
position: relative;
display: flex;
justify-content: flex-end;
flex: 0 0 48.0064%;
align-self: flex-end;
margin: 0 0 -25px;
}
.projekt__pfeil figure {
margin: 0;
}
.projekt__pfeil a {
display: block;
}
.projekt__pfeil img {
display: block;
width: 150px;
height: 150px;
transition: opacity .5s ease-in-out;
}
.projekt__pfeil-weiss {
position: absolute;
top: 0;
right: 0;
pointer-events: none;
}
.projekt__pfeil-weiss img {
opacity: 0;
} @media (hover: hover) and (min-width: 641px) {
.projekt__pfeil-rosa:hover img {
opacity: 0;
}
.projekt__pfeil-rosa:hover + .projekt__pfeil-weiss img {
opacity: 1;
}
} @media (max-width: 800px) {
.projekt {
min-height: 0;
}
} @media (max-width: 640px) {
.projekt__flaeche {
order: 1;
}
.projekt__pfeil {
order: 2;
flex-basis: 100%;
}
.projekt__pfeil img {
width: 100px;
height: 100px;
}
.projekt__pfeil a::after {
content: "";
position: absolute;
inset: 0;
}
.projekt__pfeil-weiss {
display: none;
} .projekt__titel {
order: 3;
z-index: 2;
flex-basis: 100%;
padding: 10px 30px;
font-size: clamp(1.6rem, 8vw, 2.25rem);
}
.projekt__titel::before {
content: none;
}
.projekt__titel a {
margin-bottom: 0;
}
} .balken {
height: 20px;
margin-block: 0;
background-color: var(--wp--preset--color--rosa);
} .abschluss {
box-sizing: border-box;
margin-block: 0;
padding: 44px 0 44px max(30px, (100% + 60px - 1200px) / 2);
background-color: var(--wp--preset--color--schwarz);
}
.abschluss__links {
display: flex;
flex-wrap: wrap;
row-gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.abschluss__links li {
margin: 0 36px 0 0;
font-family: var(--wp--preset--font-family--zen-kaku);
font-weight: 900;
font-size: 1.375rem;
line-height: 1.15;
letter-spacing: -.015em;
text-transform: uppercase;
}
.abschluss__links li:first-child {
margin-left: -.008em;
}
.abschluss__links a {
color: var(--wp--preset--color--rosa);
transition: color .25s ease;
}
.abschluss__links a:hover,
.abschluss__links a:focus-visible {
color: var(--wp--preset--color--tuerkis);
}
.abschluss__links a:focus-visible {
outline: 2px solid var(--wp--preset--color--tuerkis);
outline-offset: 4px;
} @media (prefers-reduced-motion: reduce) {
.abschluss__links a {
transition: none;
}
}
@media (max-width: 640px) {
.abschluss {
padding-block: 34px;
}
.abschluss__links li {
margin-right: 22px;
font-size: 1.25rem;
}
.abschluss__links li:first-child {
margin-left: 0;
}
}
@media (max-width: 359px) {
.abschluss__links li {
margin-right: 14px;
}
} .einblenden-an :is(.einblenden-runter, .einblenden-links, .einblenden-links-lang, .einblenden-schieben):not(.blendet-ein, .ist-eingeblendet) {
visibility: hidden;
} .einblenden-an .einblenden-runter.blendet-ein {
visibility: visible;
animation: liepach-von-oben 1s ease both;
} .einblenden-an .einblenden-links.blendet-ein {
visibility: visible;
animation: liepach-von-links 1.2s ease both;
}
.einblenden-an .einblenden-links-lang.blendet-ein {
visibility: visible;
animation: liepach-von-links 2s ease both;
} .einblenden-an .einblenden-schieben.blendet-ein {
visibility: visible;
animation: liepach-hereinschieben 1.2s ease both;
} @media (max-width: 800px) {
.einblenden-an .titel.einblenden-runter {
isolation: isolate;
}
.einblenden-an .titel.einblenden-runter::before {
content: "";
position: absolute;
z-index: -1;
top: -300px;
right: 0;
bottom: 0;
left: 0;
background-color: inherit;
}
.einblenden-an body.titel-einblenden:not(:has(.titel.ist-eingeblendet)) {
background-color: var(--wp--preset--color--weiss);
}
.einblenden-an body.titel-einblenden:not(:has(.titel.ist-eingeblendet)) .kopf:not(.menue-offen) {
background-color: transparent;
transition: none;
}
} @keyframes liepach-von-oben {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @keyframes liepach-von-links {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
} @keyframes liepach-hereinschieben {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}