:root{--grid__columns: 12;--grid__gutter: 1rem}.cta_blue{font-family:"Fira Sans Condensed", Verdana, Arial, sans-serif;font-weight:400;color:#ffffff;font-size:1.125rem;background-color:#009CE0;padding:0.5rem 2rem;text-decoration:none;display:inline-block;cursor:pointer;letter-spacing:1px;border:1px solid #009CE0;margin-bottom:1rem;text-align:center}.cta_blue a{color:#fff}.cta_blue:hover{background-color:#ffffff;color:#009CE0}.cta_blue:hover a{color:#009CE0}.marketingplanung,.grafikdesign,.webdesign,.websiteoptimierung{padding-inline:1rem;display:grid;grid-template-columns:repeat(var(--grid__columns), minmax(0, 1fr));grid-gap:var(--grid__gutter);grid-auto-columns:1fr;max-width:1240px;margin-left:auto;margin-right:auto;hyphens:auto}@media screen and (max-width:767px){.marketingplanung.mod_article,.grafikdesign.mod_article,.webdesign.mod_article,.websiteoptimierung.mod_article{padding-inline:1rem}}.marketingplanung.marketing_header,.marketingplanung.grafikdesign_header,.marketingplanung.webdesign_header,.marketingplanung.websiteoptimierung_header,.grafikdesign.marketing_header,.grafikdesign.grafikdesign_header,.grafikdesign.webdesign_header,.grafikdesign.websiteoptimierung_header,.webdesign.marketing_header,.webdesign.grafikdesign_header,.webdesign.webdesign_header,.webdesign.websiteoptimierung_header,.websiteoptimierung.marketing_header,.websiteoptimierung.grafikdesign_header,.websiteoptimierung.webdesign_header,.websiteoptimierung.websiteoptimierung_header{display:grid !important;grid-template-columns:repeat(var(--grid__columns), minmax(0, 1fr));grid-gap:var(--grid__gutter);grid-auto-columns:1fr;margin-bottom:3rem}@media screen and (min-width:768px){.marketingplanung.marketing_header,.marketingplanung.grafikdesign_header,.marketingplanung.webdesign_header,.marketingplanung.websiteoptimierung_header,.grafikdesign.marketing_header,.grafikdesign.grafikdesign_header,.grafikdesign.webdesign_header,.grafikdesign.websiteoptimierung_header,.webdesign.marketing_header,.webdesign.grafikdesign_header,.webdesign.webdesign_header,.webdesign.websiteoptimierung_header,.websiteoptimierung.marketing_header,.websiteoptimierung.grafikdesign_header,.websiteoptimierung.webdesign_header,.websiteoptimierung.websiteoptimierung_header{margin-bottom:5rem}}.marketingplanung.marketing_header h1,.marketingplanung.grafikdesign_header h1,.marketingplanung.webdesign_header h1,.marketingplanung.websiteoptimierung_header h1,.grafikdesign.marketing_header h1,.grafikdesign.grafikdesign_header h1,.grafikdesign.webdesign_header h1,.grafikdesign.websiteoptimierung_header h1,.webdesign.marketing_header h1,.webdesign.grafikdesign_header h1,.webdesign.webdesign_header h1,.webdesign.websiteoptimierung_header h1,.websiteoptimierung.marketing_header h1,.websiteoptimierung.grafikdesign_header h1,.websiteoptimierung.webdesign_header h1,.websiteoptimierung.websiteoptimierung_header h1{max-width:100%;text-align:left;font-weight:700;font-size:clamp(3rem, 4vw, 4rem);color:#2B464B;grid-column:1 / -1;hyphens:none}@media screen and (min-width:768px){.marketingplanung.marketing_header h1,.marketingplanung.grafikdesign_header h1,.marketingplanung.webdesign_header h1,.marketingplanung.websiteoptimierung_header h1,.grafikdesign.marketing_header h1,.grafikdesign.grafikdesign_header h1,.grafikdesign.webdesign_header h1,.grafikdesign.websiteoptimierung_header h1,.webdesign.marketing_header h1,.webdesign.grafikdesign_header h1,.webdesign.webdesign_header h1,.webdesign.websiteoptimierung_header h1,.websiteoptimierung.marketing_header h1,.websiteoptimierung.grafikdesign_header h1,.websiteoptimierung.webdesign_header h1,.websiteoptimierung.websiteoptimierung_header h1{max-width:70%}}.marketingplanung.marketing_header h2,.marketingplanung.grafikdesign_header h2,.marketingplanung.webdesign_header h2,.marketingplanung.websiteoptimierung_header h2,.grafikdesign.marketing_header h2,.grafikdesign.grafikdesign_header h2,.grafikdesign.webdesign_header h2,.grafikdesign.websiteoptimierung_header h2,.webdesign.marketing_header h2,.webdesign.grafikdesign_header h2,.webdesign.webdesign_header h2,.webdesign.websiteoptimierung_header h2,.websiteoptimierung.marketing_header h2,.websiteoptimierung.grafikdesign_header h2,.websiteoptimierung.webdesign_header h2,.websiteoptimierung.websiteoptimierung_header h2{max-width:100%;text-align:left;font-weight:normal;font-size:clamp(2rem, 2vw, 3rem);color:#5C5D5F;grid-column:1 / -1;margin-top:0}@media screen and (min-width:768px){.marketingplanung.marketing_header h2,.marketingplanung.grafikdesign_header h2,.marketingplanung.webdesign_header h2,.marketingplanung.websiteoptimierung_header h2,.grafikdesign.marketing_header h2,.grafikdesign.grafikdesign_header h2,.grafikdesign.webdesign_header h2,.grafikdesign.websiteoptimierung_header h2,.webdesign.marketing_header h2,.webdesign.grafikdesign_header h2,.webdesign.webdesign_header h2,.webdesign.websiteoptimierung_header h2,.websiteoptimierung.marketing_header h2,.websiteoptimierung.grafikdesign_header h2,.websiteoptimierung.webdesign_header h2,.websiteoptimierung.websiteoptimierung_header h2{max-width:70%}}.marketingplanung.marketing_header .cta_blue,.marketingplanung.grafikdesign_header .cta_blue,.marketingplanung.webdesign_header .cta_blue,.marketingplanung.websiteoptimierung_header .cta_blue,.grafikdesign.marketing_header .cta_blue,.grafikdesign.grafikdesign_header .cta_blue,.grafikdesign.webdesign_header .cta_blue,.grafikdesign.websiteoptimierung_header .cta_blue,.webdesign.marketing_header .cta_blue,.webdesign.grafikdesign_header .cta_blue,.webdesign.webdesign_header .cta_blue,.webdesign.websiteoptimierung_header .cta_blue,.websiteoptimierung.marketing_header .cta_blue,.websiteoptimierung.grafikdesign_header .cta_blue,.websiteoptimierung.webdesign_header .cta_blue,.websiteoptimierung.websiteoptimierung_header .cta_blue{grid-column:1 / 12;font-family:"Fira Sans Condensed", Verdana, Arial, sans-serif;font-weight:400;color:#ffffff;font-size:1.125rem;background-color:#009CE0;padding:0.5rem 2rem;text-decoration:none;display:inline-block;cursor:pointer;letter-spacing:1px;border:1px solid #009CE0;margin-bottom:1rem;text-align:center}@media screen and (min-width:768px){.marketingplanung.marketing_header .cta_blue,.marketingplanung.grafikdesign_header .cta_blue,.marketingplanung.webdesign_header .cta_blue,.marketingplanung.websiteoptimierung_header .cta_blue,.grafikdesign.marketing_header .cta_blue,.grafikdesign.grafikdesign_header .cta_blue,.grafikdesign.webdesign_header .cta_blue,.grafikdesign.websiteoptimierung_header .cta_blue,.webdesign.marketing_header .cta_blue,.webdesign.grafikdesign_header .cta_blue,.webdesign.webdesign_header .cta_blue,.webdesign.websiteoptimierung_header .cta_blue,.websiteoptimierung.marketing_header .cta_blue,.websiteoptimierung.grafikdesign_header .cta_blue,.websiteoptimierung.webdesign_header .cta_blue,.websiteoptimierung.websiteoptimierung_header .cta_blue{grid-column:1 / 6}}.marketingplanung.marketing_header .cta_blue a,.marketingplanung.grafikdesign_header .cta_blue a,.marketingplanung.webdesign_header .cta_blue a,.marketingplanung.websiteoptimierung_header .cta_blue a,.grafikdesign.marketing_header .cta_blue a,.grafikdesign.grafikdesign_header .cta_blue a,.grafikdesign.webdesign_header .cta_blue a,.grafikdesign.websiteoptimierung_header .cta_blue a,.webdesign.marketing_header .cta_blue a,.webdesign.grafikdesign_header .cta_blue a,.webdesign.webdesign_header .cta_blue a,.webdesign.websiteoptimierung_header .cta_blue a,.websiteoptimierung.marketing_header .cta_blue a,.websiteoptimierung.grafikdesign_header .cta_blue a,.websiteoptimierung.webdesign_header .cta_blue a,.websiteoptimierung.websiteoptimierung_header .cta_blue a{color:#fff}.marketingplanung.marketing_header .cta_blue:hover,.marketingplanung.grafikdesign_header .cta_blue:hover,.marketingplanung.webdesign_header .cta_blue:hover,.marketingplanung.websiteoptimierung_header .cta_blue:hover,.grafikdesign.marketing_header .cta_blue:hover,.grafikdesign.grafikdesign_header .cta_blue:hover,.grafikdesign.webdesign_header .cta_blue:hover,.grafikdesign.websiteoptimierung_header .cta_blue:hover,.webdesign.marketing_header .cta_blue:hover,.webdesign.grafikdesign_header .cta_blue:hover,.webdesign.webdesign_header .cta_blue:hover,.webdesign.websiteoptimierung_header .cta_blue:hover,.websiteoptimierung.marketing_header .cta_blue:hover,.websiteoptimierung.grafikdesign_header .cta_blue:hover,.websiteoptimierung.webdesign_header .cta_blue:hover,.websiteoptimierung.websiteoptimierung_header .cta_blue:hover{background-color:#ffffff;color:#009CE0}.marketingplanung.marketing_header .cta_blue:hover a,.marketingplanung.grafikdesign_header .cta_blue:hover a,.marketingplanung.webdesign_header .cta_blue:hover a,.marketingplanung.websiteoptimierung_header .cta_blue:hover a,.grafikdesign.marketing_header .cta_blue:hover a,.grafikdesign.grafikdesign_header .cta_blue:hover a,.grafikdesign.webdesign_header .cta_blue:hover a,.grafikdesign.websiteoptimierung_header .cta_blue:hover a,.webdesign.marketing_header .cta_blue:hover a,.webdesign.grafikdesign_header .cta_blue:hover a,.webdesign.webdesign_header .cta_blue:hover a,.webdesign.websiteoptimierung_header .cta_blue:hover a,.websiteoptimierung.marketing_header .cta_blue:hover a,.websiteoptimierung.grafikdesign_header .cta_blue:hover a,.websiteoptimierung.webdesign_header .cta_blue:hover a,.websiteoptimierung.websiteoptimierung_header .cta_blue:hover a{color:#009CE0}.marketingplanung.marketing_header .cta_tel,.marketingplanung.grafikdesign_header .cta_tel,.marketingplanung.webdesign_header .cta_tel,.marketingplanung.websiteoptimierung_header .cta_tel,.grafikdesign.marketing_header .cta_tel,.grafikdesign.grafikdesign_header .cta_tel,.grafikdesign.webdesign_header .cta_tel,.grafikdesign.websiteoptimierung_header .cta_tel,.webdesign.marketing_header .cta_tel,.webdesign.grafikdesign_header .cta_tel,.webdesign.webdesign_header .cta_tel,.webdesign.websiteoptimierung_header .cta_tel,.websiteoptimierung.marketing_header .cta_tel,.websiteoptimierung.grafikdesign_header .cta_tel,.websiteoptimierung.webdesign_header .cta_tel,.websiteoptimierung.websiteoptimierung_header .cta_tel{grid-column:1 / 12;font-family:"Fira Sans Condensed", Verdana, Arial, sans-serif;font-weight:400;color:#ffffff;font-size:1.125rem;background-color:#ffffff;color:#009CE0;padding:0.5rem 2rem;text-decoration:none;display:inline-block;cursor:pointer;letter-spacing:1px;border:1px solid #009CE0;margin-bottom:1rem;text-align:center}@media screen and (min-width:768px){.marketingplanung.marketing_header .cta_tel,.marketingplanung.grafikdesign_header .cta_tel,.marketingplanung.webdesign_header .cta_tel,.marketingplanung.websiteoptimierung_header .cta_tel,.grafikdesign.marketing_header .cta_tel,.grafikdesign.grafikdesign_header .cta_tel,.grafikdesign.webdesign_header .cta_tel,.grafikdesign.websiteoptimierung_header .cta_tel,.webdesign.marketing_header .cta_tel,.webdesign.grafikdesign_header .cta_tel,.webdesign.webdesign_header .cta_tel,.webdesign.websiteoptimierung_header .cta_tel,.websiteoptimierung.marketing_header .cta_tel,.websiteoptimierung.grafikdesign_header .cta_tel,.websiteoptimierung.webdesign_header .cta_tel,.websiteoptimierung.websiteoptimierung_header .cta_tel{grid-column:6 / 9}}.marketingplanung.marketing_header .cta_tel:hover,.marketingplanung.grafikdesign_header .cta_tel:hover,.marketingplanung.webdesign_header .cta_tel:hover,.marketingplanung.websiteoptimierung_header .cta_tel:hover,.grafikdesign.marketing_header .cta_tel:hover,.grafikdesign.grafikdesign_header .cta_tel:hover,.grafikdesign.webdesign_header .cta_tel:hover,.grafikdesign.websiteoptimierung_header .cta_tel:hover,.webdesign.marketing_header .cta_tel:hover,.webdesign.grafikdesign_header .cta_tel:hover,.webdesign.webdesign_header .cta_tel:hover,.webdesign.websiteoptimierung_header .cta_tel:hover,.websiteoptimierung.marketing_header .cta_tel:hover,.websiteoptimierung.grafikdesign_header .cta_tel:hover,.websiteoptimierung.webdesign_header .cta_tel:hover,.websiteoptimierung.websiteoptimierung_header .cta_tel:hover{background-color:#009CE0;color:#ffffff}.marketingplanung.marketing_header .cta_tel:hover a,.marketingplanung.grafikdesign_header .cta_tel:hover a,.marketingplanung.webdesign_header .cta_tel:hover a,.marketingplanung.websiteoptimierung_header .cta_tel:hover a,.grafikdesign.marketing_header .cta_tel:hover a,.grafikdesign.grafikdesign_header .cta_tel:hover a,.grafikdesign.webdesign_header .cta_tel:hover a,.grafikdesign.websiteoptimierung_header .cta_tel:hover a,.webdesign.marketing_header .cta_tel:hover a,.webdesign.grafikdesign_header .cta_tel:hover a,.webdesign.webdesign_header .cta_tel:hover a,.webdesign.websiteoptimierung_header .cta_tel:hover a,.websiteoptimierung.marketing_header .cta_tel:hover a,.websiteoptimierung.grafikdesign_header .cta_tel:hover a,.websiteoptimierung.webdesign_header .cta_tel:hover a,.websiteoptimierung.websiteoptimierung_header .cta_tel:hover a{color:#ffffff}.marketingplanung.marketing_header .ce_text,.marketingplanung.grafikdesign_header .ce_text,.marketingplanung.webdesign_header .ce_text,.marketingplanung.websiteoptimierung_header .ce_text,.grafikdesign.marketing_header .ce_text,.grafikdesign.grafikdesign_header .ce_text,.grafikdesign.webdesign_header .ce_text,.grafikdesign.websiteoptimierung_header .ce_text,.webdesign.marketing_header .ce_text,.webdesign.grafikdesign_header .ce_text,.webdesign.webdesign_header .ce_text,.webdesign.websiteoptimierung_header .ce_text,.websiteoptimierung.marketing_header .ce_text,.websiteoptimierung.grafikdesign_header .ce_text,.websiteoptimierung.webdesign_header .ce_text,.websiteoptimierung.websiteoptimierung_header .ce_text{grid-column:1 / -1;max-width:70%}.marketingplanung h4,.grafikdesign h4,.webdesign h4,.websiteoptimierung h4{font-size:1.25rem}.tabelle-marketingplanung tr{display:grid;grid-template-columns:1fr}@media screen and (min-width:768px){.tabelle-marketingplanung tr{grid-template-columns:1fr 3fr 3fr}}.tabelle-marketingplanung .col_first{font-weight:700}.tabelle-marketingplanung2 tr{display:grid;grid-template-columns:1fr}@media screen and (min-width:768px){.tabelle-marketingplanung2 tr{grid-template-columns:1fr 2fr 2fr}}.grid4-masonry{display:grid;grid-template-columns:1fr;grid-gap:2rem;background:#2c3e50;padding-inline:2rem;padding-block:2rem}@media screen and (min-width:768px){.grid4-masonry{grid-template-columns:repeat(12, 1fr)}}.grid4-masonry .masonry-warum{grid-column:1 / -1;color:#fff;text-align:center;margin-inline:auto}@media screen and (min-width:768px){.grid4-masonry .masonry-warum{max-width:70%}}.grid4-masonry .masonry-warum p,.grid4-masonry .masonry-warum a,.grid4-masonry .masonry-warum h1,.grid4-masonry .masonry-warum h2,.grid4-masonry .masonry-warum h3,.grid4-masonry .masonry-warum h4,.grid4-masonry .masonry-warum h5,.grid4-masonry .masonry-warum h6{color:#fff}.grid4-masonry .masonry-warum a{text-decoration:underline}.grid4-masonry .masonry-zusammenarbeit{grid-column:1 / -1;background:#fff;padding:1rem}@media screen and (min-width:768px){.grid4-masonry .masonry-zusammenarbeit{grid-column:1 / 6}}.grid4-masonry .masonry-erfahrung{grid-column:1 / -1;background:#fff;padding:1rem}@media screen and (min-width:768px){.grid4-masonry .masonry-erfahrung{grid-column:6 / -1}}.grid4-masonry .masonry-weiterentwickeln{grid-column:1 / -1;background:#fff;padding:1rem}@media screen and (min-width:768px){.grid4-masonry .masonry-weiterentwickeln{grid-column:1 / 7}}.grid4-masonry .masonry-spezialisten{grid-column:1 / -1;background:#fff;padding:1rem}@media screen and (min-width:768px){.grid4-masonry .masonry-spezialisten{grid-column:7 / -1}}.grid9{display:grid;grid-template-columns:1fr;grid-gap:2rem}@media screen and (min-width:540px){.grid9{grid-template-columns:1fr 1fr}}@media screen and (min-width:768px){.grid9{grid-template-columns:1fr 1fr 1fr}}.grid9 .bignumber{color:#009CE0;font-weight:700;font-size:2rem;padding-bottom:1rem;display:block}.grid9>.ce_text{border:1px #5C5D5F dotted;padding:1rem;hyphens:none}