#hero-section{position:relative;isolation:isolate;min-height:1200px}#hero{min-height:400px;padding:var(--medium-padding);position:sticky;top:50px;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-medium)}#background-image-1{position:absolute;bottom:0;right:0;width:80vw;max-width:80%;z-index:5;transform:translateZ(0);pointer-events:none;backface-visibility:hidden}#hero-buttons{display:flex;gap:var(--spacing-medium)}@media (max-width: 1000px){#background-image-1{width:100vw}#hero-buttons{display:grid}#hero-buttons button{width:fit-content}}.heading-component[data-astro-cid-u4qoyrkz]{display:flex;flex-direction:column;gap:var(--spacing-medium)}.align[data-astro-cid-u4qoyrkz]{text-align:center}#pain-section{display:flex;flex-direction:column;gap:var(--spacing-medium);align-items:center}#pain-list ol{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-large)}#pain-list ol li{list-style-type:none}.pain-point{padding:var(--medium-padding)}.pain-point h3{margin-bottom:var(--spacing-small)}@media (max-width: 1000px){#pain-list ol{grid-template-columns:1fr}}@media (max-width: 500px){.pain-point{padding:var(--small-padding)}}#process-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium)}@media (max-width: 750px){#process-section{grid-template-columns:1fr}}#process-left{display:flex;flex-direction:column;gap:var(--spacing-large)}#process-section-buttons{display:flex;gap:var(--spacing-medium)}@media (max-width: 750px){#process-section-buttons{flex-direction:column}}#process-section .timeline{list-style:none;padding:0;margin:0;position:relative;display:grid;gap:calc(var(--spacing-large) * 2)}#process-section .timeline:before{content:"";position:absolute;top:0;left:calc(var(--icon-size-process) / 2);width:2px;height:100%;background-color:var(--color-scheme-3-accent);border-radius:2px}#process-section .timeline_item{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto;gap:var(--spacing-large);align-items:start;position:relative}#process-section .timeline_icon{background-color:var(--color-scheme-3-background);width:var(--icon-size-process);padding:var(--process-icon-padding) 0;box-sizing:content-box;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:3}#process-section .timeline_icon img{display:block;width:100%}#process-section .timeline_item:last-child{position:relative}#process-section .timeline_item:last-child .timeline_content{z-index:2}#process-section .timeline_item:last-child:before{content:"";position:absolute;height:100%;width:100%;z-index:1;background-color:var(--color-scheme-3-background)}#process-section .timeline_content h3{padding:var(--process-icon-padding) 0}#process-section .timeline_content ul{padding:0;margin:0}#process-section .timeline_content ul li{list-style:none}.service-card{display:flex;flex-direction:column;padding:var(--medium-padding);border-radius:var(--border-radius);gap:var(--spacing-medium)}.service-card-img{max-width:80%;align-self:center}.service-card-icon{width:24px}.service-card .button{align-self:start}@media (max-width: 500px){.service-card{padding:var(--small-padding)}}#services-section{display:flex;flex-direction:column;gap:var(--spacing-medium)}#services-list-main,#services-list-secondary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-medium)}#services-list-main{grid-template-rows:repeat(5,1fr)}@media (max-width: 1000px){#services-list-main,#services-list-secondary{grid-template-columns:1fr 1fr}#services-list-main{grid-template-rows:repeat(8,1fr)}}@media (max-width: 750px){#services-list-main,#services-list-secondary{grid-template-columns:1fr}#services-list-main{grid-template-rows:repeat(6,auto)}}#services-list-main{grid-template-areas:"websites unternehmensprofil hosting" "websites unternehmensprofil hosting" "websites webanwendungen hosting" "seo webanwendungen automation" "seo webanwendungen automation"}@media (max-width: 1000px){#services-list-main{grid-template-areas:"websites unternehmensprofil" "websites unternehmensprofil" "websites hosting" "seo hosting" "seo hosting" "automation webanwendungen" "automation webanwendungen" "automation webanwendungen"}}@media (max-width: 750px){#services-list-main{grid-template-areas:"websites" "unternehmensprofil" "hosting" "seo" "webanwendungen" "automation"}}#websites-service-card{grid-area:websites}#unternehmensprofil-service-card{grid-area:unternehmensprofil}#hosting-service-card{grid-area:hosting}#seo-service-card{grid-area:seo}#webanwendungen-service-card{grid-area:webanwendungen}#automation-service-card{grid-area:automation}.reference-card{display:flex;flex-direction:column;gap:var(--spacing-small);text-align:center;padding:var(--small-padding)}.reference-card img{height:150px;align-self:center}.reference-card .button{width:var(--reference-card-button-width);justify-content:center;align-self:center}@media (max-width: 500px){.reference-card .button{width:auto;align-self:auto}}#references-section{display:flex;flex-direction:column;gap:var(--spacing-medium)}#references-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:var(--spacing-medium)}@media (max-width: 1000px){#references-list{grid-template-columns:1fr}}@media (max-width: 500px){#references-list img{display:none}}.advantage-item[data-astro-cid-s4ncwknk]{display:grid;grid-template-columns:var(--icon-size-pricing-big) auto;grid-template-areas:"icon title" "icon description";gap:var(--spacing-medium)}.advantage-icon[data-astro-cid-s4ncwknk]{grid-area:icon;width:var(--icon-size-pricing-big);height:var(--icon-size-pricing-big)}.advantage-title[data-astro-cid-s4ncwknk]{grid-area:title}.advantage-description[data-astro-cid-s4ncwknk]{grid-area:description}@media (max-width: 500px){.advantage-item[data-astro-cid-s4ncwknk]{grid-template-columns:var(--icon-size-pricing-small) auto;grid-template-areas:"icon title" "description description"}.advantage-icon[data-astro-cid-s4ncwknk]{width:var(--icon-size-pricing-small);height:var(--icon-size-pricing-small)}}#pricing-section{display:flex;flex-direction:column;gap:var(--spacing-medium)}#pricing_advantages ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);gap:var(--spacing-large)}@media (max-width: 750px){#pricing_advantages ul{grid-template-columns:1fr}}#pricing_advantages{display:flex;flex-direction:column;align-items:center;padding:var(--large-padding);gap:var(--spacing-large)}@media (max-width: 750px){#pricing_advantages{padding:var(--medium-padding)}}#pricing_info{display:flex;flex-direction:column;gap:var(--small-padding);align-items:center}#pricing_buttons{display:flex;gap:var(--spacing-medium);justify-content:center}@media (max-width: 750px){#pricing_buttons{flex-direction:column}}#contact-form{display:flex;position:relative;flex-direction:column;gap:var(--spacing-medium);align-items:center}#contact-form>*{width:75%;color:var(--color-neutral-lightest)}@media (max-width: 1000px){#contact-form>*{width:100%}}#contact-form input,#contact-form textarea{padding:var(--input-padding);border-radius:var(--border-radius);border:1px solid transparent;background-color:var(--opacity-neutral-darkest-40);resize:none}#contact-form input[type=checkbox]{width:var(--text-size-regular);height:var(--text-size-regular);margin-right:var(--spacing-small);accent-color:var(--color-main)}#contact-form a{color:var(--color-main-dark)}#contact-form a:hover{text-decoration:underline;color:var(--color-main-light)}#success-message{position:fixed;display:none;bottom:3vh;left:5vw;opacity:.9;background-color:var(--light-green);color:var(--dark-green);border:2px solid var(--dark-green);border-radius:var(--border-radius);padding:var(--small-padding)}#success-message.visible{display:block}@media (max-width: 800px){#success-message{align-self:center}}div[data-astro-cid-czz2u4dh]{background-color:var(--opacity-neutral-darkest-40);padding:var(--medium-padding);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-small)}@media (max-width: 1000px){div[data-astro-cid-czz2u4dh]{padding:var(--small-padding)}}.contact-card-icon[data-astro-cid-czz2u4dh]{width:var(--icon-width-contact)}.contact-card-link[data-astro-cid-czz2u4dh]{color:var(--color-main-light);word-break:break-all}.contact-card-link[data-astro-cid-czz2u4dh]:hover{color:var(--color-main-lighter);text-decoration:underline}#contact-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-medium)}#contact-content{padding:var(--medium-padding);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-large);max-width:100%}#contact-content>p:first-child{text-align:center}#contact-infos{display:flex;flex-direction:column;gap:var(--spacing-medium);justify-content:center;padding:0 var(--large-padding)}@media (max-width: 1000px){#contact-content{grid-template-columns:100%}#contact-infos{padding:0}}#contact-content{grid-template-areas:"text text" "form infos" "button button"}@media (max-width: 1000px){#contact-content{grid-template-areas:"text" "form" "infos" "button"}}#contact-content>p:first-child{grid-area:text}#contact-form{grid-area:form}#contact-infos{grid-area:infos}#contact-button{grid-area:button}.faq-item{padding:var(--small-padding);display:grid;grid-template-columns:auto var(--icon-collapse);grid-template-areas:"question icon" "answer answer";gap:var(--spacing-small);cursor:pointer;transition:all .3s ease;align-items:center}.faq-item h3{grid-area:question}.faq-item img{grid-area:icon;transform:rotate(180deg);transition:transform .3s ease}.faq-item p{grid-area:answer;transition:height .3s ease,opacity .3s ease;height:0;opacity:0;overflow:hidden}.faq-item.uncollapsed{gap:var(--spacing-small)}.faq-item.uncollapsed p{height:auto;opacity:1}.faq-item.uncollapsed img{transform:rotate(0)}#faq-section{display:flex;flex-direction:column;gap:var(--spacing-medium)}#faq-list-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-large)}@media (max-width: 750px){#faq-list-wrapper{grid-template-columns:1fr}}.faq-list,.faq-list ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-small)}#faq-section .button{align-self:center}