/* Own finite Portfolio layout and gallery. Browser/CSS parity remains a separate gate. */
.wg-page-content .wg-pf022-c47{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}
.wg-page-content .wg-pf022-c40{box-sizing:border-box;width:100%;min-width:0;margin-inline:auto}
.wg-page-content .wg-pf022-c41{margin:0;line-height:1.25}
.wg-page-content .wg-pf022-c44{display:flex;flex-direction:column;gap:12px}
.wg-page-content [class^="wg-pf022-c"] svg{width:1em;height:1em;fill:currentColor;flex:none}
.wg-page-content .wg-pf022-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.wg-page-content .wg-pf022-gallery-item{margin:0;min-width:0}
.wg-page-content .wg-pf022-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.wg-page-content .wg-pf022-open{display:block}
.wg-page-content .wg-pf022-open:focus-visible,.wg-page-content .wg-pf022-dialog button:focus-visible{outline:3px solid #155b48;outline-offset:4px}
.wg-pf022-dialog{max-width:min(96vw,1200px);max-height:94vh;border:1px solid #303030;padding:16px;background:#fff;color:#202020}
.wg-pf022-dialog:not([open]){display:none}
.wg-pf022-dialog::backdrop{background:rgb(0 0 0 / .8)}
.wg-pf022-dialog img{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;margin:auto}
.wg-pf022-controls{display:flex;gap:16px;align-items:center;justify-content:space-between}
.wg-pf022-dialog button{font:inherit;min-height:44px;padding:8px 12px;cursor:pointer}
@media(max-width:600px){.wg-page-content .wg-pf022-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wg-pf022-controls{gap:8px;flex-wrap:wrap}}
.wg-page-content .wg-pf022-c20{padding-top:50px;padding-bottom:50px;padding-left:50px;min-height:600px;background-image:url("https://www.webigraf.de/wp-content/uploads/2024/02/Mit-professionellen-Fotos-zum-Webseiten-Erfolg.jpg");background-size:cover;background-position:center;background-color:#000000;}
.wg-page-content .wg-pf022-c20 > .wg-pf022-c40{display:flex;width:100%;flex-direction:row;}
.wg-page-content .wg-pf022-c10{padding-top:40px;padding-bottom:0px;padding-left:20px;padding-right:20px;background-color:var(--wg-paper,#fff);}
.wg-page-content .wg-pf022-c10 > .wg-pf022-c40{display:flex;width:100%;flex-direction:row;align-items:flex-start;max-width:1000px;}
.wg-page-content .wg-pf022-c27{flex-direction:column;justify-content:flex-start;width:30%;}
.wg-page-content .wg-pf022-c6{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px}
.wg-page-content .wg-pf022-c6 .wg-pf022-c41{font-weight:600}
.wg-page-content .wg-pf022-c34{flex-direction:column;justify-content:flex-start;width:70%;}
.wg-page-content .wg-pf022-c18{padding-top:10px;margin-top:0px;padding-bottom:10px;margin-bottom:0px;padding-left:40px;margin-left:0px;padding-right:40px;margin-right:0px;}
.wg-page-content .wg-pf022-c18 > .wg-pf022-c40{display:flex;width:100%;flex-direction:row;align-items:flex-start;column-gap:0px;max-width:1290px;}
.wg-page-content .wg-pf022-c21{flex-direction:column;width:50%;padding-left:0px;}
.wg-page-content .wg-pf022-c13{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:50%;padding-top:10px;padding-left:30px;padding-right:20px;row-gap:24px;}
.wg-page-content .wg-pf022-c14{padding-top:20px;margin-top:20px;padding-bottom:10px;margin-bottom:0px;padding-left:40px;margin-left:0px;padding-right:40px;margin-right:0px;}
.wg-page-content .wg-pf022-c14 > .wg-pf022-c40{display:flex;width:100%;flex-direction:row;align-items:flex-start;column-gap:0px;max-width:1290px;}
.wg-page-content .wg-pf022-c15{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:50%;padding-top:0px;padding-left:30px;padding-right:20px;row-gap:24px;}
.wg-page-content .wg-pf022-c12{flex-direction:column;width:50%;padding-left:0px;}
.wg-page-content .wg-pf022-c19{padding-top:10px;margin-top:20px;padding-bottom:10px;margin-bottom:0px;padding-left:40px;margin-left:0px;padding-right:40px;margin-right:0px;}
.wg-page-content .wg-pf022-c19 > .wg-pf022-c40{display:flex;width:100%;flex-direction:row;align-items:flex-start;column-gap:0px;max-width:1290px;}
.wg-page-content .wg-pf022-c28{flex-direction:column;width:50%;padding-left:0px;}
.wg-page-content .wg-pf022-c5{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:50%;padding-top:10px;padding-left:30px;padding-right:20px;row-gap:24px;}
.wg-page-content .wg-pf022-c25{padding-top:10px;padding-bottom:20px;background-color:#ffffff;}
.wg-page-content .wg-pf022-c25 > .wg-pf022-c40{display:flex;width:100%;flex-direction:column;}
@media(max-width:1024px){.wg-page-content .wg-pf022-c20{min-height:280px;}.wg-page-content .wg-pf022-c10{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;}.wg-page-content .wg-pf022-c10 > .wg-pf022-c40{align-items:stretch;}.wg-page-content .wg-pf022-c27{flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:30%;}.wg-page-content .wg-pf022-c34{flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:70%;}.wg-page-content .wg-pf022-c18{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;}.wg-page-content .wg-pf022-c21{width:33%;}.wg-page-content .wg-pf022-c13{width:66%;}.wg-page-content .wg-pf022-c14{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;}.wg-page-content .wg-pf022-c15{width:66%;}.wg-page-content .wg-pf022-c12{width:33%;}.wg-page-content .wg-pf022-c19{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;}.wg-page-content .wg-pf022-c28{width:33%;}.wg-page-content .wg-pf022-c5{width:66%;}}
@media(max-width:767px){.wg-page-content .wg-pf022-c20{min-height:220px;}.wg-page-content .wg-pf022-c10{padding-top:0px;margin-top:10px;padding-bottom:10px;margin-bottom:0px;padding-left:10px;margin-left:0px;padding-right:10px;margin-right:0px;}.wg-page-content .wg-pf022-c10 > .wg-pf022-c40{align-items:stretch;}.wg-page-content .wg-pf022-c27{width:100%;margin-top:-15px;margin-bottom:-20px;margin-left:0px;margin-right:0px;}.wg-page-content .wg-pf022-c34{width:100%;padding-top:0px;margin-top:-20px;padding-bottom:0px;margin-bottom:0px;padding-left:0px;margin-left:0px;padding-right:0px;margin-right:0px;}.wg-page-content .wg-pf022-c18{padding-top:10px;margin-top:5px;padding-bottom:10px;margin-bottom:0px;padding-left:10px;margin-left:0px;padding-right:10px;margin-right:0px;}.wg-page-content .wg-pf022-c18 > .wg-pf022-c40{flex-direction:column-reverse;row-gap:48px;}.wg-page-content .wg-pf022-c21{width:100%;}.wg-page-content .wg-pf022-c13{width:100%;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}.wg-page-content .wg-pf022-c14{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;}.wg-page-content .wg-pf022-c14 > .wg-pf022-c40{flex-direction:column-reverse;row-gap:48px;}.wg-page-content .wg-pf022-c15{width:100%;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}.wg-page-content .wg-pf022-c12{width:100%;}.wg-page-content .wg-pf022-c19{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;}.wg-page-content .wg-pf022-c19 > .wg-pf022-c40{flex-direction:column-reverse;row-gap:48px;}.wg-page-content .wg-pf022-c28{width:100%;}.wg-page-content .wg-pf022-c5{width:100%;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}.wg-page-content .wg-pf022-c25{padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;}}
.wg-page-content [class^="wg-pf022-"] figure{max-width:100%}.wg-page-content [class^="wg-pf022-c"] img{max-width:100%;height:auto}