@font-face {
font-family: 'Karla';
font-style: italic;
font-weight: 200 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/karla-italic-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Karla';
font-style: italic;
font-weight: 200 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/karla-italic-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Karla';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/karla-normal-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Karla';
font-style: normal;
font-weight: 200 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/karla-normal-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/montserrat-italic-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/montserrat-italic-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/montserrat-normal-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/montserrat-normal-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/open-sans-italic-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/open-sans-italic-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/open-sans-normal-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(https://wirgrafiker.de/wp-content/uploads/wg-fonts/open-sans-normal-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}   .cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
column-count: 2; column-gap: 20px; }
@media only screen and (max-width: 1200px) {
.cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
column-count: 2; }
}
@media only screen and (max-width: 767px) {
.cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
column-count: 1; }
}
.cb-gallery-masonry .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
width: 100%;
margin: 0px 0px 20px 0 !important; float: none !important;
} .wg-ki-badge-gen .et_pb_image_wrap { position: relative; display: inline-block; }
.wg-ki-badge-gen .et_pb_image_wrap::after {
content: '';
position: absolute;
top: 12px;
right: 12px;
width: 78px;
height: 52px;
background: url(//wirgrafiker.de/wp-content/uploads/2026/07/LABEL_AI-GENERATED_black-transparent-scaled.png) center / contain no-repeat;
pointer-events: none;
z-index: 5;
} .wg-ki-badge-gen .et_pb_image_wrap:has(img[src*='Rene_Studio_2'])::after,
.wg-ki-badge-gen .et_pb_image_wrap:has(img[src*='Aaron_Jordan_Portrait_Comic'])::after,
.wg-ki-badge-gen .et_pb_image_wrap:has(img[src*='Rene_Soellner_WirGrafiker'])::after,
.wg-ki-badge-gen .et_pb_image_wrap:has(img[src*='Portrait_Rene_Soellner_ki5'])::after {
background-image: url(//wirgrafiker.de/wp-content/uploads/2026/07/LABEL_AI-GENERATED_white-transparent-scaled.png);
}
@media (max-width: 767px) {
.wg-ki-badge-gen .et_pb_image_wrap::after { width: 60px; height: 40px; top: 8px; right: 8px; }
} .wg-ki-badge-gen .et_pb_team_member_image { position: relative; }
.wg-ki-badge-gen .et_pb_team_member_image::after {
content: '';
position: absolute;
top: 10px;
right: 10px;
width: 66px;
height: 44px;
background: url(//wirgrafiker.de/wp-content/uploads/2026/07/LABEL_AI-GENERATED_black-transparent-scaled.png) center / contain no-repeat;
pointer-events: none;
z-index: 5;
} .wg-ki-badge-gen .et_pb_team_member_image:has(img[src*='Rene_Hahl_Portrait_V3'])::after {
background-image: url(//wirgrafiker.de/wp-content/uploads/2026/07/LABEL_AI-GENERATED_white-transparent-scaled.png);
} .wg-wordcloud ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 4px 14px;
}
.wg-wordcloud li {
margin: 0;
padding: 0;
line-height: 1.15;
white-space: nowrap;
animation: wg-wc-schweben 7s ease-in-out infinite alternate;
}
.wg-wordcloud li span {
display: inline-block;
font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
color: #353740;
padding: 4px 10px;
cursor: default;
transition: transform .35s cubic-bezier(.2,.7,.3,1), opacity .3s ease, background-color .3s ease;
}
.wg-wordcloud .wg-wc-xl span { font-size: 38px; font-weight: 700; }
.wg-wordcloud .wg-wc-l  span { font-size: 29px; font-weight: 600; }
.wg-wordcloud .wg-wc-m  span { font-size: 22px; font-weight: 500; }
.wg-wordcloud .wg-wc-s  span { font-size: 16px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .wg-wordcloud li:nth-child(1) { animation-delay: 0s;   animation-duration: 7.5s; }
.wg-wordcloud li:nth-child(2) { animation-delay: -1.2s; animation-duration: 6.2s; }
.wg-wordcloud li:nth-child(3) { animation-delay: -2.4s; animation-duration: 8.1s; }
.wg-wordcloud li:nth-child(4) { animation-delay: -3.1s; animation-duration: 6.8s; }
.wg-wordcloud li:nth-child(5) { animation-delay: -4.3s; animation-duration: 7.9s; }
.wg-wordcloud li:nth-child(6) { animation-delay: -5.0s; animation-duration: 6.5s; }
@keyframes wg-wc-schweben {
from { transform: translateY(-5px) rotate(-1deg); }
to   { transform: translateY(5px)  rotate(1deg); }
} .wg-wordcloud ul:hover li span { opacity: .35; transform: scale(.95); }
.wg-wordcloud ul li span:hover { opacity: 1; transform: scale(1.14); background-color: #fcd21d; }
@media (max-width: 980px) {
.wg-wordcloud .wg-wc-xl span { font-size: 30px; }
.wg-wordcloud .wg-wc-l  span { font-size: 24px; }
.wg-wordcloud .wg-wc-m  span { font-size: 19px; }
.wg-wordcloud .wg-wc-s  span { font-size: 14px; }
} @media (prefers-reduced-motion: reduce) {
.wg-wordcloud li { animation: none; }
.wg-wordcloud li span { transition: background-color .3s ease, opacity .3s ease; }
.wg-wordcloud ul li span:hover { transform: none; }
} #et_mobile_nav_menu .mobile_menu_bar:before,
#et_mobile_nav_menu .mobile_menu_bar:after,
.mobile_menu_bar:before {
color: #353740 !important;
}
.et_mobile_menu {
border-top-color: #353740 !important; } @media (pointer: coarse) {
input[name="s"],
input[type="search"],
.et-search-form input {
font-size: 16px !important;
}
} #main-content .et_pb_text a:not(.et_pb_button):not(.et_pb_more_button),
#main-content .entry-content p a:not(.et_pb_button),
#main-content .entry-content li a:not(.et_pb_button) {
color: #353740;
text-decoration: underline double #fcd21d;
text-underline-offset: 3px;
}
#main-content .et_pb_text a:not(.et_pb_button):not(.et_pb_more_button):hover,
#main-content .entry-content p a:not(.et_pb_button):hover {
color: #000;
}