
.picline-fz-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(2rem, 4vw, 4.5rem); align-items: center; }
@media (max-width: 899px) { .picline-fz-hero-grid { grid-template-columns: minmax(0, 1fr); } }
.picline-fz-hero-grid > * { min-width: 0; margin: 0; }
.picline-fz-hero-media .wp-block-image { margin: 0; }
.picline-fz-hero-media img { display: block; width: 100%; height: auto; border-radius: 16px; }

.picline-fz-text .picline-inner > p, .picline-fz-bekommst .picline-inner > p, .picline-fz-vorbereitung .picline-inner > p { max-width: 80ch; }
.picline-fz .picline-inner > h2 + p { margin-top: .75rem; }
.picline-fz .picline-inner > p a { color: inherit; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 2px; text-underline-offset: 4px; }

.picline-section.picline-fz-text + .picline-section.picline-fz-leistungen { border-top: 1px solid rgb(2 8 74 / 14%); }
@media (min-width: 1100px) { .picline-fz-leistungen .picline-problem-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

ul.picline-fz-list { display: grid; gap: .75rem; max-width: 80ch; margin: 1.5rem 0; padding: 0; list-style: none; }
.picline-fz-list li { position: relative; margin: 0; padding-left: 1.9rem; line-height: 1.6; }
.picline-fz-list li::before { content: ""; position: absolute; left: 0; top: .8em; width: 1.1rem; height: 3px; border-radius: 2px; background: #F7E229; }

@media (min-width: 1100px) { .picline-fz-steps.picline-step-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(1.5rem, 2.2vw, 2.5rem); } }

.picline-fz-bild {
    display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; margin: 0 0 16px;
    padding: 1rem; border-radius: 8px; background: #d9dde6; color: #02084a; font-weight: 700; text-align: center !important;
    break-inside: avoid;
}
.picline-fz-bild-quer { aspect-ratio: 3 / 2; }
.picline-fz-bild-hoch { aspect-ratio: 4 / 5; }
.picline-fz-galerie .picline-work-cards { margin-top: calc(24px + .8em); }
.picline-fz-galerie .picline-work-cards > .picline-work-card { border-top: 0; }
.picline-fz-galerie .picline-work-cards + .wp-block-buttons { margin-top: calc(24px + .8em - 16px); }
.picline-fz-projektbilder { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 1.5rem; }
@media (max-width: 599px) { .picline-fz-projektbilder { grid-template-columns: minmax(0, 1fr); } }
.picline-fz-projektbilder > .picline-fz-bild { margin: 0; }
.picline-fz-beispiel .picline-placeholder { box-sizing: border-box; max-width: 80ch; }

.picline-fz-offerte .picline-inner > h2 + p { margin-bottom: calc(24px + .8em); }
.picline-fa-frage { margin: -.25rem 0 1rem; font-weight: 700; }

.picline-faq-list > .picline-faq-item { margin-block: 0; padding-block: 1.25rem; border-bottom: 1px solid rgb(2 8 74 / 20%); }
.picline-faq-item > :is(h3, h4) { margin: 0; font-size: inherit; font-weight: 700; line-height: 1.4; letter-spacing: 0; }
.picline-faq-item > p { max-width: 65ch; margin: .75rem 0 0; }
.picline-fz-faq-toggle {
    display: flex; align-items: baseline; gap: .6rem; width: 100%; padding: 0; border: 0; background: none;
    color: inherit; font: inherit; font-weight: 700; text-align: left; cursor: pointer;
}
.picline-fz-faq-toggle::before { content: ""; flex: none; width: 0; height: 0; border-block: .32em solid transparent; border-left: .5em solid currentColor; transform: translateY(-.05em); transition: transform .2s ease; }
.picline-fz-faq-toggle[aria-expanded="true"]::before { transform: translateY(-.05em) rotate(90deg); }
.picline-fz-faq-toggle:focus-visible { outline: 3px solid #F7E229; outline-offset: 3px; }
.picline-faq-item.is-closed > p { display: none; }
@media (prefers-reduced-motion: reduce) { .picline-fz-faq-toggle::before { transition: none; } }
.picline-fz-faq .picline-inner > .picline-fz-updated { margin-top: 1.5rem; font-size: 1rem; opacity: .75; }

.picline-fz .picline-problem-link, .picline-fa .picline-sk-plabel, .picline-fa .picline-sk-pno { font-size: 1rem; }

@media (min-width: 1024px) {
    .picline-fz .picline-problem-link, .picline-fa .picline-sk-plabel, .picline-fa .picline-sk-pno,
    .picline-fz-faq .picline-inner > .picline-fz-updated { font-size: calc(16px / .9); }
}

.picline-fz-sparten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem); margin-top: calc(24px + .8em); }
@media (max-width: 799px) { .picline-fz-sparten { grid-template-columns: minmax(0, 1fr); } }
.picline-fz-sparte {
    display: flex; flex-direction: column; min-width: 0; margin: 0; overflow: hidden;
    background: #fff; border: 1px solid #E3E6F2; border-radius: 16px; box-shadow: 0 8px 24px rgb(2 8 74 / 6%);
}
.picline-fz-sparte > * { margin: 0; }
.picline-fz-sparte > .picline-fz-bild { border-radius: 0; margin: 0; }
.picline-fz-sparte > h3 { padding: 1.5rem 1.75rem 0; font-size: clamp(1.375rem, 1.1rem + .7vw, 1.875rem); line-height: 1.2; }
.picline-fz-sparte > p:not(.picline-fz-bild) { padding: .75rem 1.75rem 0; line-height: 1.6; }
.picline-fz-sparte > .wp-block-buttons { margin-top: auto; padding: 1.5rem 1.75rem 1.75rem; }

.picline-fz-themen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1099px) { .picline-fz-themen { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .picline-fz-themen { grid-template-columns: minmax(0, 1fr); } }
.picline-fz-thema { min-width: 0; margin: 0; overflow: hidden; background: #fff; border: 1px solid #E3E6F2; border-radius: 16px; box-shadow: 0 8px 24px rgb(2 8 74 / 6%); }
.picline-fz-thema > * { margin: 0; }
.picline-fz-thema > .picline-fz-bild { border-radius: 0; margin: 0; }
.picline-fz-thema > h2, .picline-fz-thema > h3 { padding: 1.25rem 1.5rem 0; font-size: clamp(1.25rem, 1.05rem + .5vw, 1.5rem); line-height: 1.25; letter-spacing: 0; }
.picline-fz-thema > p:not(.picline-fz-bild) { padding: .6rem 1.5rem 0; line-height: 1.6; }
.picline-fz-thema > p:last-child { padding-bottom: 1.5rem; }
.picline-fz-thema a { color: inherit; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.picline-fz .picline-inner > h2 + .picline-fz-themen, .picline-fz .picline-inner > p + .picline-fz-themen { margin-top: calc(24px + .8em); }

.picline-fz-funktionen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: calc(24px + .8em); }
@media (max-width: 1099px) { .picline-fz-funktionen { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .picline-fz-funktionen { grid-template-columns: minmax(0, 1fr); } }
.picline-fz-funktion { min-width: 0; margin: 0; padding: 1.1rem 1.25rem; border: 1px solid #E3E6F2; border-left: 4px solid #F7E229; border-radius: 12px; background: #fff; }
.picline-fz-funktion > * { margin: 0; }
.picline-fz-funktion > h3 { font-size: 1.125rem; line-height: 1.3; letter-spacing: 0; }
.picline-fz-funktion > p { margin-top: .4rem; line-height: 1.55; }

.picline-fz-kurz { max-width: 80ch; margin: 0; padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 2.5vw, 2rem); border: 1px solid #E3E6F2; border-left: 4px solid #F7E229; border-radius: 12px; background: #fff; }
.picline-fz-kurz > p { margin: 0; font-weight: 700; line-height: 1.6; }

.picline-fz-hero-single .picline-hero-copy { max-width: 1000px; }
.picline-fz-split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
@media (max-width: 899px) { .picline-fz-split { grid-template-columns: minmax(0, 1fr); } }
.picline-fz-split > * { min-width: 0; margin: 0; }
.picline-fz-split > div > * { margin-block: 0; }
.picline-fz-split > div > * + * { margin-top: 1rem; }
.picline-fz-split .picline-fz-bild { margin: 0; }

.picline-fz.picline-contact .wp-block-button.picline-hero-ghost > .wp-block-button__link { border: 2px solid rgb(255 255 255 / 45%); background: transparent; color: #fff; }

.picline-fz .picline-inner > p.picline-placeholder { box-sizing: border-box; }

.picline-section.picline-fz.picline-problems[style*="eef1fa"] { background-color: #eef1fa !important; }
.picline-section.picline-fz-text + .picline-section.picline-fz-leistungen { border-top: 0; }

@media (min-width: 600px) { .picline-fz-themen.picline-fz-themen-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.picline-fz-fakten-sektion .picline-inner > h2 { margin-top: 0; }
.picline-fz ul.picline-fz-fakten { max-width: 980px; margin: calc(24px + .4em) 0 0; padding: .25rem clamp(1.1rem, 2.5vw, 1.75rem); border: 1px solid #E3E6F2; border-left: 4px solid #F7E229; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgb(2 8 74 / 6%); list-style: none; }
.picline-fz-fakten > li { position: relative; margin: 0; padding: .9rem 0 .9rem 8.5em; border-bottom: 1px solid #E3E6F2; line-height: 1.55; }
.picline-fz-fakten > li:last-child { border-bottom: 0; }
.picline-fz-fakten > li > strong { position: absolute; left: 0; top: .9rem; }
.picline-fz-fakten a { color: inherit; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 2px; text-underline-offset: 4px; }
@media (max-width: 599px) {
    .picline-fz-fakten > li { padding-left: 0; }
    .picline-fz-fakten > li > strong { position: static; display: block; }
}
.picline-fz ul.picline-fz-list-spalten { max-width: none; margin-bottom: 0; }
@media (min-width: 700px) { .picline-fz ul.picline-fz-list-spalten { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem clamp(1.5rem, 3vw, 3rem); } }
@media (min-width: 1100px) { .picline-fz ul.picline-fz-list-spalten { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.picline-fz-list-spalten > li > strong { display: block; }
.picline-fz-split > ul.picline-fz-list-karte { max-width: none; margin: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid #E3E6F2; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgb(2 8 74 / 6%); font-weight: 700; }
.picline-fz-split > ul.picline-fz-list-karte > li { margin-left: 0; }
.picline-fz-wissen .picline-fz-split { align-items: center; }
.picline-fz-thema > .picline-fz-funktion-bild { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; margin: 0; padding: 12px; box-sizing: border-box; background: #f7f8fc; border-bottom: 1px solid #E3E6F2; }
.picline-fz-thema > .picline-fz-funktion-bild img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 6px; }
.picline-fz-thema > p.picline-fz-referenz-link { font-weight: 700; }
.picline-fz-funktionen-sektion .picline-inner > h2 + p { max-width: 80ch; }
.picline-fz .picline-step p a { color: inherit; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.picline-fz .picline-problem > p:not(.picline-problem-link) { font-size: 1rem; line-height: 1.55; }
@media (min-width: 1024px) { .picline-fz .picline-problem > p:not(.picline-problem-link) { font-size: calc(16px / .9); } }

.picline-fz-themen.picline-fz-referenzen > .picline-fz-referenz { border-top: 3px solid #F7E229; }
.picline-fz .picline-inner > .wp-block-buttons.picline-fz-referenz-knopf { margin-top: calc(24px + .8em); }
.picline-fz-thema > h3:last-child { padding-bottom: 1.5rem; }

.picline-fz .picline-contact-ich-text > .picline-eyebrow { margin: 0 0 1rem; color: #02084a; opacity: .6; text-transform: uppercase; }

.picline-fz-faq .picline-inner > .picline-fz-faq-gruppe { margin: clamp(2rem, 4vw, 2.75rem) 0 .25rem; font-size: clamp(1.1875rem, 1rem + .4vw, 1.375rem); text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 4px; text-underline-offset: 8px; text-decoration-skip-ink: none; }
.picline-fz-faq .picline-faq-item a { color: inherit; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 2px; text-underline-offset: 4px; }

.picline-fz-leistungen .picline-inner > .section-intro { max-width: 80ch; }
.picline-fz-leistungen .picline-problem-grid > .picline-problem { overflow: hidden; }
.picline-fz-leistungen .picline-problem > :is(.picline-fz-bild, .wp-block-image) {
    order: -1; width: auto; max-width: none; margin: calc(-1 * clamp(1.25rem, 1.6vw, 1.75rem)) calc(-1 * clamp(1.25rem, 1.6vw, 1.75rem)) 1.25rem;
    border-radius: 0; font-size: 1rem; opacity: 1;
}
.picline-fz-leistungen .picline-problem > .wp-block-image img { display: block; width: 100%; height: auto; border-radius: 0; }
.picline-fz-leistungen .picline-problem > .wp-block-image img { aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 45%; }
.picline-fz-leistungen .picline-problem > .wp-block-image.picline-fz-bild-oben img { object-position: 50% 0; }
@media (min-width: 600px) { .picline-fz-leistungen .picline-problem-grid > .picline-problem { grid-row: span 5; } }
.picline-fz-beispiel .picline-inner > .picline-fz-unterabschnitt { margin: clamp(2rem, 4vw, 3rem) 0 0; font-size: clamp(1.25rem, 1.05rem + .5vw, 1.5rem); line-height: 1.25; }
.picline-fz-beispiel .picline-inner > .picline-fz-unterabschnitt + p { max-width: 80ch; margin-top: .75rem; }

.picline-fz-list a { color: inherit; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.picline-fz-person .picline-person-copy > .wp-block-buttons { margin-top: 1.5rem; gap: .75rem 1rem; }
.picline-fz .wp-block-button.picline-fz-ghost > .wp-block-button__link { border: 2px solid #02084a; background: transparent; color: #02084a; }
.picline-fz .wp-block-button.picline-fz-ghost > .wp-block-button__link:is(:hover, :focus-visible) { background: #02084a; color: #F7E229; }
@media (min-width: 1024px) { .picline-fz .wp-block-button.picline-fz-ghost > .wp-block-button__link { border-width: calc(2px / .9); } }

.picline-fz .picline-contact-portrait.picline-fz-kopf { position: relative; flex: none; width: 152px; height: 152px; overflow: hidden; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px #F7E229; }
.picline-fz .picline-contact-portrait.picline-fz-kopf img { position: absolute; top: 10.8%; left: -5.4%; width: 135%; max-width: none; height: auto; border-radius: 0; object-fit: fill; }
.picline-fz .picline-contact-portrait.picline-fz-kopf:has(.wp-image-570) { width: 124px; height: 124px; }
.picline-fz .picline-contact-portrait.picline-fz-kopf img.wp-image-570 { top: -4%; left: -9%; width: 118%; }

.picline-galerie .picline-inner > h2 { margin-top: 0; }
.picline-galerie .picline-inner > .section-intro { max-width: 44em; margin-bottom: 1.5rem; }
.picline-galerie .picline-galerie-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.picline-galerie .picline-galerie-nav li { margin: 0; }
.picline-galerie .picline-galerie-nav a {
    display: inline-block; padding: .55rem 1rem; border: 1px solid #d9ddec; border-radius: 999px; background: #fff;
    color: #02084a; font-size: 1rem; font-weight: 700; line-height: 1.3; text-decoration: none; transition: background-color .15s, border-color .15s;
}
.picline-galerie .picline-galerie-nav a:is(:hover, :focus-visible) { border-color: #02084a; background: #F7E229; }
.picline-galerie .picline-galerie-gruppe { margin-top: clamp(2.5rem, 5vw, 4rem); scroll-margin-top: 1.5rem; }
.picline-galerie .picline-galerie-gruppe > h3 { margin: 0 0 1.5rem; font-size: clamp(1.375rem, 1.1rem + .8vw, 1.875rem); line-height: 1.25; text-decoration: underline; text-decoration-color: #F7E229; text-decoration-thickness: 4px; text-underline-offset: 8px; text-decoration-skip-ink: none; }
.picline-galerie .picline-galerie-raster { columns: 2; column-gap: 12px; margin: 0; }
.picline-galerie .picline-galerie-raster > .picline-galerie-bild { break-inside: avoid; margin: 0 0 12px; }
.picline-galerie .picline-galerie-bild img { display: block; width: 100%; height: auto; border-radius: 12px; object-fit: contain; contain: none; }
@media (min-width: 700px) {
    .picline-galerie .picline-galerie-raster { columns: 3; column-gap: 16px; }
    .picline-galerie .picline-galerie-raster > .picline-galerie-bild { margin-bottom: 16px; }
}
@media (min-width: 1100px) { .picline-galerie .picline-galerie-raster.picline-galerie-raster-4 { columns: 4; } }
@media (min-width: 1024px) { .picline-galerie .picline-galerie-nav a { font-size: calc(16px / .9); } }
.picline-galerie .picline-inner > .picline-galerie-aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; margin-top: clamp(2rem, 4vw, 3rem); }
.picline-galerie .picline-galerie-aktionen > * { margin: 0; }
@media (prefers-reduced-motion: reduce) { .picline-galerie .picline-galerie-nav a { transition: none; } }

.picline-galerie .picline-galerie-nav li.is-aktiv a { border-color: #02084a; background: #02084a; color: #fff; }
.picline-galerie .picline-galerie-nav a:focus-visible { outline: 3px solid #02084a; outline-offset: 3px; }
.picline-galerie .picline-inner > .picline-galerie-status { margin: 1.25rem 0 0; color: #3a3f63; font-size: 1rem; font-weight: 700; }
.picline-galerie .picline-inner > .picline-galerie-raster { margin-top: 1rem; scroll-margin-top: 1.5rem; }
.picline-galerie .picline-galerie-raster.is-js { display: flex; align-items: flex-start; gap: 12px; columns: auto; }
.picline-galerie .picline-galerie-raster.is-js > .picline-galerie-spalte { flex: 1 1 0; min-width: 0; margin: 0; }
.picline-galerie .picline-galerie-spalte > .picline-galerie-bild { margin: 0 0 12px; }
@media (min-width: 700px) {
    .picline-galerie .picline-galerie-raster.is-js { gap: 16px; }
    .picline-galerie .picline-galerie-spalte > .picline-galerie-bild { margin-bottom: 16px; }
}
@media (min-width: 1024px) { .picline-galerie .picline-inner > .picline-galerie-status { font-size: calc(16px / .9); } }

.picline-galerie .picline-galerie-raster > .picline-galerie-spaeter { display: none; }
.picline-galerie .picline-inner > .picline-galerie-mehr { margin: clamp(.5rem, 1.5vw, 1rem) 0 0; text-align: center; }
.picline-galerie .picline-galerie-mehr button {
    padding: .8rem 1.6rem; border: 2px solid #02084a; border-radius: 999px; background: #fff; color: #02084a;
    font: inherit; font-size: 1rem; font-weight: 700; line-height: 1.3; transition: background-color .15s, color .15s;
}
.picline-galerie .picline-galerie-mehr button:is(:hover, :focus-visible) { background: #02084a; color: #fff; }
.picline-galerie .picline-galerie-mehr button:focus-visible { outline: 3px solid #F7E229; outline-offset: 3px; }
@media (min-width: 1024px) { .picline-galerie .picline-galerie-mehr button { font-size: calc(16px / .9); } }
@media (prefers-reduced-motion: reduce) { .picline-galerie .picline-galerie-mehr button { transition: none; } }