:root{--red:#e21b23;--ink:#101010;--muted:#626262;--line:#dedede;--max:1024px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:12px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(100%,var(--max));margin:auto}.header{height:75px;padding:0 38px;display:grid;grid-template-columns:275px 1fr 151px;align-items:center;background:#fff}.logo{display:grid;width:max-content;line-height:.72}.logo strong{font-size:23px;letter-spacing:.075em}.logo span{margin-top:8px;color:var(--red);font-size:8px;font-weight:700;letter-spacing:.6em}.header nav{display:flex;justify-content:flex-end;gap:39px;padding-right:35px}.header nav a{font-size:9px;font-weight:700;text-transform:uppercase}.header nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:148px;height:33px;padding:0 16px;background:var(--red);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;box-shadow:0 8px 18px rgba(226,27,35,.12)}.button b{font-size:17px}.head-cta{min-width:151px}.menu{display:none}
.hero{height:372px;position:relative;background:#f8f8f8 var(--hero) center top/1024px 395px no-repeat}.hero-inner{height:100%;padding:37px 0 0 69px}.hero-copy{padding-left:30px;border-left:1px solid var(--red)}.hero h1{margin:0 0 21px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:39px;line-height:1.07;text-transform:uppercase;letter-spacing:.01em}.hero h1 em{color:var(--red);font-style:normal}.hero p{margin:0 0 21px;font-size:10px;font-weight:600;line-height:1.65}.scroll{position:absolute;right:25px;top:100px;writing-mode:vertical-rl;text-transform:uppercase;font-size:7px}.scroll b{margin-top:18px;color:var(--red);font-size:14px}
.kicker{margin:0 0 12px;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kicker:after{content:"";display:inline-block;width:86px;height:1px;margin:0 0 2px 12px;background:linear-gradient(90deg,var(--red),transparent)}h2{margin:0;font-size:22px;line-height:1.18}.services{min-height:230px;padding:29px 69px 25px;display:grid;grid-template-columns:268px 1fr}.section-intro{padding-top:17px}.section-intro h2{font-size:27px}.section-intro h2:after{content:"";display:block;width:29px;height:1px;margin-top:12px;background:var(--red)}.service-list{display:grid;grid-template-columns:repeat(4,1fr)}.service-list article{min-height:173px;padding:5px 23px 0 28px;border-left:1px solid var(--line)}.service-list img{width:48px;height:46px;margin-bottom:19px}.service-list h3{min-height:38px;margin:0 0 8px;font-size:14px;line-height:1.25}.service-list p{min-height:50px;margin:0;color:var(--muted);font-size:7px;line-height:1.8}.service-list a{display:flex;justify-content:space-between;margin-top:11px;color:var(--red);font-size:7px;font-weight:700;text-transform:uppercase}.service-list a b{font-size:13px}
.process{min-height:265px;padding:27px 69px 31px;background:#f6f6f6}.process-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:23px}.process-head h2{font-size:20px}.process-head>p{margin:0 0 2px;font-size:8px;line-height:1.7}.process-list{display:grid;grid-template-columns:repeat(4,1fr)}.process-list article{position:relative;min-height:154px;padding:43px 33px 0 46px}.process-list article>span{position:absolute;left:0;top:0;color:#e9e9e9;font-size:61px;font-weight:700;line-height:1}.process-list img{position:absolute;left:83px;top:10px;width:48px;height:46px}.process-list h3{margin:7px 0 8px;font-size:12px}.process-list p{margin:0;color:#4e4e4e;font-size:7px;line-height:1.75}.process-list article>b{position:absolute;right:-5px;top:58px;color:var(--red);font-size:27px;font-weight:300}.process-list article:not(:last-child):after{content:"";position:absolute;right:9px;top:13px;width:1px;height:147px;background:#ccc;transform:rotate(-24deg)}
.references{min-height:217px;padding:21px 69px 14px}.section-line{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-line .kicker{margin-bottom:9px}.section-line h2{font-size:20px}.section-line>a{width:143px;height:28px;padding:0 12px;border:1px solid var(--red);display:flex;align-items:center;justify-content:space-between;color:var(--red);font-size:7px;font-weight:700;text-transform:uppercase}.section-line>a b{font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.project-grid article{box-shadow:0 3px 10px rgba(0,0,0,.12)}.project-grid>article>img{width:100%;height:105px;object-fit:cover}.project-grid article>div{position:relative;height:47px;padding:8px;background:#fff}.project-grid strong,.project-grid span{display:block;font-size:8px}.project-grid span{margin-top:4px;font-size:7px}.project-grid a{position:absolute;right:10px;top:14px;color:var(--red);font-size:16px}
.technology{position:relative;min-height:210px;padding:27px 69px 20px;border-top:1px solid var(--red);display:grid;grid-template-columns:330px 285px 1fr;grid-template-rows:72px 1fr}.tech-copy h2{font-size:21px}.tech-lead{margin:11px 0 0;font-size:8px;line-height:1.7}.tech-icons{grid-column:1/3;display:grid;grid-template-columns:repeat(8,1fr);padding-top:14px}.tech-icons div{text-align:center}.tech-icons img{width:48px;height:46px;margin:auto}.tech-icons span{display:block;margin-top:5px;font-size:7px}.quality{grid-column:3;grid-row:1/3;padding:0 0 0 47px;border-left:1px solid var(--line)}.quality>div{display:flex;align-items:center;gap:12px;margin-bottom:13px}.quality img{width:48px;height:46px}.quality p{display:grid;margin:0}.quality strong{font-size:11px}.quality span{margin-top:3px;font-size:7px;line-height:1.5}
.footer{position:relative;min-height:246px;color:#fff;background:#0d0f12;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(27deg,transparent 0 36px,#272a2e 37px 38px)}.footer-angle{position:absolute;left:0;right:0;top:-30px;height:50px;background:white;clip-path:polygon(0 0,52% 0,100% 100%,100% 0,0 0)}.footer-inner{position:relative;padding:17px 69px 12px}.footer-cta{height:53px;display:grid;grid-template-columns:1fr 260px 1fr;grid-template-rows:28px 20px;align-items:center;text-align:center}.footer-cta h2{grid-column:1/4;font-size:22px}.footer-cta p{grid-column:2;margin:0;font-size:8px}.footer-cta .button{grid-column:3;grid-row:2;justify-self:start;width:145px;height:29px}.footer-grid{display:grid;grid-template-columns:2fr 1.15fr 1fr 1fr 1.55fr;gap:35px;margin-top:23px}.footer-grid .logo strong{font-size:19px}.footer-about>p{margin:14px 0 11px;font-size:7px;line-height:1.6}.social{font-size:13px}.footer-grid h3{margin:0 0 12px;font-size:8px;text-transform:uppercase}.footer-grid>div>a,.footer-grid>div>p{display:block;margin:0 0 5px;color:#ececec;font-size:7px}.legal{display:flex;justify-content:space-between;margin-top:18px;padding-top:9px;border-top:1px solid #1d2024;color:#b6b6b6;font-size:6px}.legal a{margin-left:28px}.content{min-height:65vh;padding:65px 8%}.content article{max-width:850px;margin:auto}.content h1{font:700 50px "Barlow Condensed";text-transform:uppercase}
@media(max-width:850px){.header{padding:0 25px;grid-template-columns:1fr auto}.head-cta{display:none}.menu{display:grid;width:44px;border:0;background:#fff;gap:5px}.menu i{width:23px;height:2px;background:#111}.menu span{display:none}.header nav{display:none;position:absolute;z-index:50;top:75px;left:0;right:0;padding:25px;flex-direction:column;background:white;border-bottom:1px solid var(--red)}.header nav.open{display:flex}.hero{background-position:56% top}.services{padding-left:30px;padding-right:30px;grid-template-columns:220px 1fr}.service-list{grid-template-columns:repeat(2,1fr)}.service-list article{margin-bottom:25px}.process,.references,.technology{padding-left:30px;padding-right:30px}.technology{grid-template-columns:1fr 1fr}.quality{grid-column:1/3;grid-row:3;padding:25px 0 0;border:0;display:grid;grid-template-columns:repeat(3,1fr)}.footer-inner{padding-left:30px;padding-right:30px}}
@media(max-width:620px){.hero{height:470px;background-position:65% 0;background-size:auto 395px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0 52%,rgba(255,255,255,.25) 80%)}.hero-inner{position:relative;z-index:2;padding:40px 20px}.hero h1{font-size:35px}.scroll{display:none}.services{display:block;padding:35px 20px}.service-list{grid-template-columns:1fr;margin-top:30px}.service-list article{padding-left:75px;border-left:0;border-top:1px solid var(--line);position:relative;padding-top:22px}.service-list img{position:absolute;left:8px}.process{padding:35px 20px}.process-head{grid-template-columns:1fr;gap:18px}.process-list{grid-template-columns:1fr}.process-list article:not(:last-child):after{display:none}.process-list article>b{display:none}.references{padding:30px 20px}.section-line{align-items:start;gap:15px}.project-grid{grid-template-columns:1fr 1fr;gap:15px}.technology{display:block;padding:35px 20px}.tech-lead{margin:20px 0}.tech-icons{grid-template-columns:repeat(4,1fr);gap:15px}.quality{display:block;margin-top:30px}.footer-angle{display:none}.footer-inner{padding:30px 20px}.footer-cta{height:auto;display:block}.footer-cta p{margin:8px 0 15px}.footer-cta .button{margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/3}.legal{gap:15px}.legal div{display:flex}.legal a{margin-left:10px}}

/* Lesbarkeitskorrektur: Die Vorlage arbeitet mit sehr kleinen Beschriftungen.
   Diese Werte erhalten die Proportionen, bleiben aber auch auf großen Displays lesbar. */
.header nav a{font-size:11px}.button{font-size:10px}.logo span{font-size:9px}.hero p{font-size:12px}.scroll{font-size:9px}.kicker{font-size:10px}
.services{min-height:255px}.service-list article{min-height:198px}.service-list h3{font-size:15px}.service-list p{min-height:70px;font-size:9px;line-height:1.65}.service-list a{font-size:9px}
.process{min-height:290px}.process-head>p{font-size:10px}.process-list article{min-height:175px}.process-list h3{font-size:14px}.process-list p{font-size:9px;line-height:1.6}
.references{min-height:230px}.section-line>a{font-size:9px}.project-grid strong{font-size:10px}.project-grid span{font-size:9px}
.technology{min-height:235px}.tech-lead{font-size:10px}.tech-icons span{font-size:9px}.quality strong{font-size:13px}.quality span{font-size:9px}
.footer{min-height:285px}.footer-cta p{font-size:10px}.footer-about>p{font-size:9px}.footer-grid h3{font-size:10px}.footer-grid>div>a,.footer-grid>div>p{font-size:9px}.legal{font-size:8px}

/* Einheitliche helle Seitenfläche */
:root{--page:#fafaf9}
body,.header,.header nav{background-color:var(--page)}

/* Gut lesbare Typografie auf Desktop und Mobilgeräten */
body{font-size:14px}
.header{height:84px}.header nav a{font-size:13px}.logo span{font-size:10px}.button{height:38px;font-size:12px}
.hero p{font-size:14px;line-height:1.55}.scroll{font-size:11px}.kicker{font-size:12px}
.services{width:min(calc(100% - 138px),1024px);max-width:1024px;margin-left:auto;margin-right:auto;min-height:320px;padding:42px 0 38px;background:transparent}.service-list article{min-height:235px}.service-list h3{font-size:18px}.service-list p{min-height:105px;font-size:12px;line-height:1.35}.service-list a{font-size:11px}
.process{min-height:360px;padding-top:40px;padding-bottom:42px}.process-head h2{font-size:25px}.process-head>p{font-size:12px;line-height:1.65}.process-list article{min-height:220px;padding-right:30px}.process-list h3{font-size:17px}.process-list p{font-size:12px;line-height:1.55}
.references{min-height:260px;padding-top:30px;padding-bottom:25px}.section-line h2{font-size:24px}.section-line>a{width:170px;height:34px;font-size:11px}.project-grid article>div{height:58px;padding:10px}.project-grid strong{font-size:13px}.project-grid span{font-size:11px}
.technology{min-height:290px;padding-top:38px;padding-bottom:32px;grid-template-rows:90px 1fr}.tech-copy h2{font-size:25px}.tech-lead{font-size:12px;line-height:1.6}.tech-icons span{font-size:11px}.quality strong{font-size:16px}.quality span{font-size:12px;line-height:1.45}
.footer{min-height:350px}.footer-inner{padding-top:28px;padding-bottom:20px}.footer-cta{height:70px}.footer-cta h2{font-size:27px}.footer-cta p{font-size:12px}.footer-grid{margin-top:30px}.footer-grid h3{font-size:12px}.footer-about>p,.footer-grid>div>a,.footer-grid>div>p{font-size:11px;line-height:1.5}.legal{font-size:10px;margin-top:24px}
@media(max-width:850px){.services{width:calc(100% - 60px);padding-left:0;padding-right:0}}
@media(max-width:620px){body{font-size:15px}.header{height:78px}.hero p{font-size:15px}.services{width:calc(100% - 40px);padding:35px 0}.service-list p,.process-list p,.process-head>p,.tech-lead,.quality span{font-size:13px}.footer-about>p,.footer-grid>div>a,.footer-grid>div>p{font-size:12px}.legal{font-size:10px}}

/* Header: außen volle Fläche, innen exakt dieselbe Breite wie „Unser Prozess“ */
.header{width:100%;max-width:none;padding:0 69px;display:block}
.header-inner{height:100%;display:grid;grid-template-columns:225px minmax(0,1fr) 151px;align-items:center}
.header nav{justify-content:flex-start;gap:28px;padding-right:18px;white-space:nowrap}
.header nav a{white-space:nowrap}

/* Prozess: Überschriften und Beschreibungen unterhalb der Icons */
.process-list article{min-height:228px;padding-top:66px}
.process-list h3{margin-top:0}
.process-list article:last-child h3{white-space:nowrap}
.project-grid>article>img{width:100%;height:auto;object-fit:contain}
.footer-cta>p,.footer-cta>.button{position:relative;top:10px}
.footer-cta>.button{left:15px}
@media(max-width:620px){.footer-cta>.button{left:0}}
.header .logo img{width:150px;height:auto}
.footer-about .logo img{width:132px;height:auto}
@media(max-width:620px){.header .logo img{width:125px}.footer-about .logo img{width:120px}}
.service-list article>i{display:grid;place-items:center;width:48px;height:46px;margin-bottom:19px;color:var(--red);font-size:34px}
.process-list article>i{position:absolute;left:83px;top:10px;display:grid;place-items:center;width:48px;height:46px;color:var(--red);font-size:34px}
.tech-icons i{display:grid;place-items:center;width:48px;height:46px;margin:auto;color:var(--red);font-size:34px}
.quality>div>i{display:grid;flex:0 0 48px;place-items:center;width:48px;height:46px;color:var(--red);font-size:32px}
@media(max-width:620px){.service-list article>i{position:absolute;left:8px;top:22px}}
.quality{margin-left:20px}
@media(max-width:850px){.quality{margin-left:0}}
.hero-inner{width:min(calc(100% - 138px),1024px);padding-left:0}
@media(max-width:850px){.hero-inner{width:calc(100% - 60px);padding-left:0}}
@media(max-width:620px){.hero-inner{width:calc(100% - 40px);padding-left:0}}

/* Hosting-Preiskarten: eckig, technisch und mit vertikalen roten Akzenten */
.pb-pricing-grid{position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(calc(100vw - 138px),1024px);max-width:1024px;margin:42px 0;padding:0;border-top:1px solid #d9d9d7;border-bottom:1px solid #d9d9d7}
.pb-pricing-card{position:relative;height:100%;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
.pb-pricing-card+.pb-pricing-card{border-left:1px solid #d9d9d7!important}
.pb-pricing-card:before{content:"";position:absolute;z-index:2;left:0;top:25px;bottom:25px;width:3px;background:var(--red)}
.pb-pricing-card-inner{height:100%;display:flex;flex-direction:column;gap:13px;padding:28px 22px 25px 25px;font-family:"Bricolage Grotesque",Arial,sans-serif}
.pb-pricing-image{display:block;width:calc(100% + 47px)!important;max-width:none!important;height:130px!important;margin:-28px -22px 8px -25px!important;border:0!important;border-radius:0!important;object-fit:cover!important}
.pb-pricing-title{margin:0;color:#101010;font-size:19px;line-height:1.2}.pb-pricing-description{min-height:64px;margin:0;color:#555;font-size:12px;line-height:1.55}.pb-pricing-features{margin:3px 0 0;padding:0;list-style:none;color:#333;font-size:12px;line-height:1.5}.pb-pricing-features li{position:relative;padding:7px 0 7px 17px;border-top:1px solid #ececeb}.pb-pricing-features li:before{content:"";position:absolute;left:1px;top:13px;width:6px;height:2px;background:var(--red)}.pb-pricing-price{margin-top:auto;padding-top:15px;color:var(--red);font-size:20px;font-weight:800;line-height:1.25}.pb-pricing-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:38px;margin-top:4px;padding:0 16px!important;border:0!important;border-radius:0!important;color:#fff!important;background:var(--red)!important;font-size:11px;font-weight:700;text-decoration:none;text-transform:uppercase;box-shadow:none!important}.pb-pricing-button:hover{background:#b8131a!important;transform:none!important}
@media(max-width:850px){.pb-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 60px)}.pb-pricing-card:nth-child(odd){border-left:0!important}.pb-pricing-card:nth-child(n+3){border-top:1px solid #d9d9d7!important}}
@media(max-width:620px){.pb-pricing-grid{grid-template-columns:1fr;width:calc(100vw - 40px)}.pb-pricing-card+.pb-pricing-card{border-top:1px solid #d9d9d7!important;border-left:0!important}.pb-pricing-description{min-height:0}}
.content:has(.pb-invicta-hero),.content:has(.pb-invicta-services),.content:has(.pb-invicta-references),.content:has(.pb-hosting),.content:has(.pb-hosting2),.content:has(.pb-marketing){padding-left:0;padding-right:0}
.content article:has(.pb-invicta-hero),.content article:has(.pb-invicta-services),.content article:has(.pb-invicta-references),.content article:has(.pb-hosting),.content article:has(.pb-hosting2),.content article:has(.pb-marketing){max-width:none}
.content:has(.pb-hosting),.content:has(.pb-hosting2){padding-top:24px}
.content:has(.pb-hosting2){padding-top:0}
.content article:has(.pb-hosting2)>h1+ p{display:none}
.content article:has(.pb-hosting2)>.container:has(.pb-pricing-grid) .pb-pricing-grid{margin-top:0}
.content article:has(.pb-hosting)>h1,.content article:has(.pb-hosting2)>h1{display:none}
.content:has(.pb-marketing),.content:has(.pb-seoki){padding-top:0}.content article:has(.pb-marketing)>h1,.content article:has(.pb-marketing)>h1+p,.content article:has(.pb-seoki)>h1,.content article:has(.pb-seoki)>h1+p{display:none}
.content:has(.pb-seoki){padding-left:0;padding-right:0}.content article:has(.pb-seoki){max-width:none}
.content:has(.pb-shops){padding:0}.content article:has(.pb-shops){max-width:none}.content article:has(.pb-shops)>h1,.content article:has(.pb-shops)>h1+p{display:none}
.content:has(.pb-customer){padding:0}.content article:has(.pb-customer){max-width:none}.content article:has(.pb-customer)>h1,.content article:has(.pb-customer)>h1+p{display:none}
.content:has(.pb-brands){padding:0}.content article:has(.pb-brands){max-width:none}.content article:has(.pb-brands)>h1,.content article:has(.pb-brands)>h1+p{display:none}
.content:has(.pb-content-creation){padding:0}.content article:has(.pb-content-creation){max-width:none}.content article:has(.pb-content-creation)>h1,.content article:has(.pb-content-creation)>h1+p{display:none}
.content:has(.pb-about){padding:0}.content article:has(.pb-about){max-width:none}.content article:has(.pb-about)>h1,.content article:has(.pb-about)>h1+p{display:none}
.content:has(.pb-career){padding:0}.content article:has(.pb-career){max-width:none}.content article:has(.pb-career)>h1,.content article:has(.pb-career)>h1+p{display:none}
.content:has(.pb-home-new){padding:0}.content article:has(.pb-home-new){max-width:none}.content article:has(.pb-home-new)>h1,.content article:has(.pb-home-new)>h1+p{display:none}

.privacy-page{padding:0;background:#fafaf9}.privacy-page>article{max-width:none;margin:0}.privacy-hero,.privacy-final{position:relative;width:min(calc(100vw - 138px),1024px);max-width:1024px;margin:0 auto;font-family:"Bricolage Grotesque",Arial,sans-serif}.privacy-hero{height:413px}.privacy-hero>img,.privacy-final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.privacy-hero-copy{position:relative;z-index:1;width:39%;padding:65px 0}.privacy-hero-copy small,.privacy-final small{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.privacy-hero-copy h1{margin:17px 0!important;font-family:"Bricolage Grotesque",Arial,sans-serif!important;font-size:34px!important;font-weight:700;line-height:1.08;text-transform:uppercase!important;letter-spacing:-.035em}.privacy-hero-copy p{font-size:12px;line-height:1.6}.privacy-legal-content{width:min(calc(100vw - 138px),900px);max-width:900px;margin:45px auto 55px;color:#282828;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:13px;line-height:1.7}.privacy-legal-content>h1:first-child{margin:0 0 25px;font-size:36px!important}.privacy-legal-content h2{margin:42px 0 15px;padding-left:14px;border-left:3px solid var(--red);font-size:24px}.privacy-legal-content h3{margin:28px 0 10px;font-size:17px}.privacy-legal-content p{margin:0 0 17px}.privacy-legal-content ul{margin:0 0 22px;padding-left:22px}.privacy-legal-content li{margin:6px 0}.privacy-legal-content .notice,.privacy-legal-content .toc{margin:24px 0;padding:24px;border:1px solid #ddd;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.04)}.privacy-legal-content table{width:100%;margin:20px 0;border-collapse:collapse;background:#fff}.privacy-legal-content td,.privacy-legal-content th{padding:13px;border:1px solid #ddd;text-align:left}.privacy-legal-content>footer{margin-top:45px;padding:25px;border-top:1px solid #ddd;background:#fff}.privacy-final{height:257px}.privacy-final>div{position:relative;z-index:1;width:43%;padding:43px 0}.privacy-final h2{margin:12px 0;font-size:29px;line-height:1.08}.privacy-final h2 em{color:var(--red);font-style:normal}.privacy-final p{font-size:11px;line-height:1.5}.privacy-buttons{display:flex;gap:15px;margin-top:18px}.privacy-buttons a{display:inline-flex;align-items:center;justify-content:space-between;min-width:145px;height:40px;padding:0 15px;border:1px solid #bbb;background:rgba(255,255,255,.9);font-size:11px;font-weight:700}.privacy-buttons a:first-child{border-color:var(--red);color:#fff;background:var(--red)}
@media(max-width:850px){.privacy-hero,.privacy-final{width:calc(100vw - 60px)}.privacy-hero-copy{width:50%}.privacy-legal-content{width:calc(100vw - 60px)}}
@media(max-width:620px){.privacy-hero,.privacy-final,.privacy-legal-content{width:calc(100vw - 40px)}.privacy-hero{height:auto;padding-top:280px}.privacy-hero>img{height:280px;object-position:70% top}.privacy-hero-copy{width:100%;padding:25px 0}.privacy-legal-content{margin-top:30px;font-size:14px}.privacy-final{height:auto;padding-top:185px}.privacy-final>img{height:210px;object-position:65% top}.privacy-final>div{width:100%;padding:25px 0}.privacy-buttons{flex-wrap:wrap}}
.privacy-legal-content{width:min(calc(100vw - 138px),1024px);max-width:1024px}
@media(max-width:850px){.privacy-legal-content{width:calc(100vw - 60px)}}
@media(max-width:620px){.privacy-legal-content{width:calc(100vw - 40px)}}

.agb-page{padding:0;background:#fafaf9}.agb-page>article{max-width:none;margin:0}.agb-hero,.agb-final{position:relative;width:min(calc(100vw - 138px),1024px);max-width:1024px;margin:0 auto;font-family:"Bricolage Grotesque",Arial,sans-serif}.agb-hero{height:448px}.agb-hero>img,.agb-final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.agb-hero-copy{position:relative;z-index:1;width:42%;padding:76px 0}.agb-hero-copy small,.agb-final small{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.agb-hero-copy h1{margin:18px 0!important;font-family:"Bricolage Grotesque",Arial,sans-serif!important;font-size:34px!important;font-weight:700;line-height:1.08;letter-spacing:-.035em;text-transform:none!important}.agb-hero-copy h1 em,.agb-final h2 em{color:var(--red);font-style:normal}.agb-hero-copy h2{margin:0 0 14px;font-size:18px}.agb-hero-copy p{font-size:12px;line-height:1.6}.agb-buttons{display:flex;gap:15px;margin-top:26px}.agb-buttons a{display:inline-flex;align-items:center;justify-content:space-between;min-width:145px;height:40px;padding:0 15px;border:1px solid #bbb;background:rgba(255,255,255,.9);font-size:11px;font-weight:700}.agb-buttons a:first-child{border-color:var(--red);color:#fff;background:var(--red)}.agb-legal-content{width:min(calc(100vw - 138px),1024px);max-width:1024px;margin:45px auto 55px;color:#282828;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:13px;line-height:1.7}.agb-legal-content>h1:first-child{margin:0 0 10px;font-size:36px!important}.agb-legal-content h2{margin:42px 0 15px;padding-left:14px;border-left:3px solid var(--red);font-size:24px}.agb-legal-content h3{margin:28px 0 10px;font-size:17px}.agb-legal-content p{margin:0 0 17px}.agb-legal-content ul,.agb-legal-content ol{margin:0 0 22px;padding-left:24px}.agb-legal-content li{margin:6px 0}.agb-legal-content table{width:100%;margin:20px 0;border-collapse:collapse;background:#fff}.agb-legal-content td,.agb-legal-content th{padding:13px;border:1px solid #ddd;text-align:left}.agb-final{height:248px}.agb-final>div{position:relative;z-index:1;width:44%;padding:43px 0}.agb-final h2{margin:12px 0;font-size:29px;line-height:1.08}.agb-final p{font-size:11px;line-height:1.5}.agb-final .agb-buttons{margin-top:18px}
@media(max-width:850px){.agb-hero,.agb-final,.agb-legal-content{width:calc(100vw - 60px)}.agb-hero-copy{width:50%}}
@media(max-width:620px){.agb-hero,.agb-final,.agb-legal-content{width:calc(100vw - 40px)}.agb-hero{height:auto;padding-top:300px}.agb-hero>img{height:300px;object-position:70% top}.agb-hero-copy{width:100%;padding:25px 0}.agb-legal-content{margin-top:30px;font-size:14px}.agb-final{height:auto;padding-top:180px}.agb-final>img{height:210px;object-position:65% top}.agb-final>div{width:100%;padding:25px 0}.agb-buttons{flex-wrap:wrap}}
.content article:has(.pb-hosting2)>.container:has(.pb-pricing-grid)+.container{width:min(calc(100vw - 138px),1024px);max-width:1024px;margin-left:auto;margin-right:auto}
@media(max-width:850px){.content article:has(.pb-hosting2)>.container:has(.pb-pricing-grid)+.container{width:calc(100vw - 60px)}}
@media(max-width:620px){.content article:has(.pb-hosting2)>.container:has(.pb-pricing-grid)+.container{width:calc(100vw - 40px)}}
.builder-home{padding-top:0}
.builder-home .builder-output{margin-top:0}
.pb-invicta-services{margin-top:24px}

/* Globaler Schrifttest */
body,.hero h1,.content h1{font-family:"Bricolage Grotesque",Arial,sans-serif}
.hero h1{max-width:390px;font-size:34px;line-height:1.08}
@media(max-width:620px){.hero h1{max-width:320px;font-size:30px}}
@media(max-width:850px){.header{width:100%;padding:0 30px}.header-inner{grid-template-columns:1fr auto}}
@media(max-width:620px){.header{width:100%;padding:0 20px}.header-inner{grid-template-columns:1fr auto}}

/* Impressum */
.imprint-page{padding:0;background:#fafaf9}.imprint-page>article{max-width:none;margin:0}.imprint-hero,.imprint-final{position:relative;width:min(calc(100vw - 138px),1024px);max-width:1024px;margin:0 auto;font-family:"Bricolage Grotesque",Arial,sans-serif}.imprint-hero{height:455px}.imprint-hero>img,.imprint-final>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.imprint-hero-copy{position:relative;z-index:1;width:46%;padding:74px 0 0 0}.imprint-hero-copy small,.imprint-final small{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.imprint-hero-copy h1{margin:20px 0 4px!important;font-family:"Bricolage Grotesque",Arial,sans-serif!important;font-size:39px!important;font-weight:700;line-height:1;text-transform:none!important;letter-spacing:-.035em}.imprint-hero-copy h2{margin:0 0 22px;font-size:29px;line-height:1.12;letter-spacing:-.025em}.imprint-hero-copy h2 em,.imprint-final h2 em{color:var(--red);font-style:normal}.imprint-hero-copy h3{margin:0 0 18px;font-size:17px;line-height:1.25}.imprint-hero-copy p{margin:0;font-size:12px;line-height:1.7}.imprint-buttons{display:flex;gap:15px;margin-top:26px}.imprint-buttons a{display:inline-flex;align-items:center;justify-content:space-between;min-width:145px;height:40px;padding:0 15px;border:1px solid #bbb;background:rgba(255,255,255,.9);font-size:11px;font-weight:700}.imprint-buttons a:first-child{border-color:var(--red);color:#fff;background:var(--red)}.imprint-legal-content{width:min(calc(100vw - 138px),1024px);max-width:1024px;margin:45px auto 55px;color:#282828;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:13px;line-height:1.7}.imprint-legal-content>h1:first-child{margin:0 0 10px;font-size:36px!important}.imprint-legal-content h2{margin:42px 0 15px;padding-left:14px;border-left:3px solid var(--red);font-size:24px}.imprint-legal-content h3{margin:28px 0 10px;font-size:17px}.imprint-legal-content p{margin:0 0 17px}.imprint-legal-content ul,.imprint-legal-content ol{margin:0 0 22px;padding-left:24px}.imprint-legal-content li{margin:6px 0}.imprint-legal-content table{width:100%;margin:20px 0;border-collapse:collapse;background:#fff}.imprint-legal-content td,.imprint-legal-content th{padding:13px;border:1px solid #ddd;text-align:left}.imprint-final{height:222px}.imprint-final>div{position:relative;z-index:1;width:45%;padding:37px 0}.imprint-final h2{margin:12px 0 8px;font-size:29px;line-height:1.08}.imprint-final p{margin:0;font-size:11px;line-height:1.55}.imprint-final .imprint-buttons{margin-top:17px}
@media(max-width:850px){.imprint-hero,.imprint-final,.imprint-legal-content{width:calc(100vw - 60px)}.imprint-hero-copy{width:53%}}
@media(max-width:620px){.imprint-hero,.imprint-final,.imprint-legal-content{width:calc(100vw - 40px)}.imprint-hero{height:auto;padding-top:300px}.imprint-hero>img{height:300px;object-position:68% top}.imprint-hero-copy{width:100%;padding:25px 0}.imprint-hero-copy h1{font-size:34px!important}.imprint-hero-copy h2{font-size:26px}.imprint-legal-content{margin-top:30px;font-size:14px}.imprint-final{height:auto;padding-top:170px}.imprint-final>img{height:190px;object-position:66% top}.imprint-final>div{width:100%;padding:25px 0}.imprint-buttons{flex-wrap:wrap}}

/* Hosting-Bestellung */
.hosting-order-page{padding:0 0 70px;background:#fafaf9;font-family:"Bricolage Grotesque",Arial,sans-serif}.hosting-order-page>article{max-width:none}.hosting-order-head,.hosting-order-shell{width:min(calc(100vw - 138px),1024px);margin:auto}.hosting-order-head{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:245px;padding:38px 68px;background:linear-gradient(118deg,#fff 0 61%,#f0f1f1 61%);overflow:hidden}.hosting-order-head:after{content:"";position:absolute;right:-70px;bottom:-130px;width:360px;height:360px;border:1px solid rgba(226,27,35,.22);border-radius:50%}.hosting-order-head>div{position:relative;z-index:1;width:60%}.hosting-order-head small,.hosting-order-shell legend span,.hosting-order-summary>small{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hosting-order-head h1{margin:12px 0!important;font-family:inherit!important;font-size:42px!important;line-height:1.02;text-transform:uppercase!important}.hosting-order-head h1 em{color:var(--red);font-style:normal}.hosting-order-head p{margin:0;font-size:13px;line-height:1.55}.hosting-order-head>i{position:relative;z-index:1;margin-right:65px;color:var(--red);font-size:92px}.hosting-order-shell{margin-top:34px}.hosting-order-form{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start}.hosting-order-main{display:grid;gap:22px}.hosting-order-shell fieldset{margin:0;padding:25px;border:1px solid #ddd;background:#fff}.hosting-order-shell legend{padding:0 10px;font-size:19px;font-weight:800}.hosting-order-shell legend span{margin-right:10px}.hosting-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hosting-package-grid label{cursor:pointer}.hosting-package-grid input{position:absolute;opacity:0}.hosting-package-grid label>span{display:grid;min-height:105px;padding:18px;border:1px solid #ddd;border-left:3px solid #ddd;background:#fafafa}.hosting-package-grid input:checked+span{border-color:var(--red);border-left-width:5px;background:#fff}.hosting-package-grid b{font-size:15px}.hosting-package-grid strong{margin-top:13px;color:var(--red);font-size:22px}.hosting-package-grid small{font-size:10px}.hosting-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hosting-fields label{display:grid;gap:7px;font-size:11px;font-weight:700}.hosting-fields .wide{grid-column:1/-1}.hosting-fields input,.hosting-fields select,.hosting-fields textarea{width:100%;padding:11px 12px;border:1px solid #ccc;border-radius:0;background:#fafafa;color:#111;font:500 13px inherit}.hosting-fields input:focus,.hosting-fields select:focus,.hosting-fields textarea:focus{outline:1px solid var(--red);border-color:var(--red);background:#fff}.hosting-domain-note{display:flex;gap:10px;margin:18px 0 0;padding:14px;border-left:3px solid var(--red);background:#fafafa;font-size:11px;line-height:1.5}.hosting-domain-note i{color:var(--red);font-size:16px}.hosting-order-summary{position:sticky;top:18px;padding:27px;border-top:3px solid var(--red);background:#101317;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.14)}.hosting-order-summary h2{margin:7px 0 20px;font-size:24px}.hosting-order-summary>p{margin:16px 0 22px;color:#ccd0d3;font-size:10px;line-height:1.5}.hosting-order-summary #hosting-order-choice{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid #34383c;border-bottom:1px solid #34383c}.hosting-order-summary #hosting-order-choice>strong{font-size:13px}.hosting-order-summary #hosting-order-choice>b{color:var(--red);font-size:16px;white-space:nowrap}.hosting-order-summary #hosting-order-choice small{color:#fff;font-size:9px;font-weight:400}.hosting-check{display:grid;grid-template-columns:18px 1fr;gap:10px;margin:15px 0;color:#e8e8e8;font-size:10px;line-height:1.45;cursor:pointer}.hosting-check input{width:16px;height:16px;margin:1px 0;accent-color:var(--red)}.hosting-check a{color:#fff;text-decoration:underline}.hosting-early{margin-top:20px;padding:14px 0;border-top:1px solid #34383c;border-bottom:1px solid #34383c}.hosting-order-summary button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;margin-top:22px;padding:0 16px;border:0;border-radius:0;background:var(--red);color:#fff;font:800 11px inherit;text-transform:uppercase;cursor:pointer}.hosting-order-summary button:hover{background:#bd151c}.hosting-required{display:block;margin-top:10px!important;color:#aaa!important;font-size:9px!important;text-transform:none!important}.hosting-order-error{display:block;margin-top:5px;color:#d71920;font-size:10px;font-weight:700}.hosting-order-summary>.hosting-order-error{color:#ff777c}.hosting-order-success{display:flex;align-items:center;gap:22px;padding:35px;border-left:4px solid var(--red);background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.08)}.hosting-order-success>i{color:var(--red);font-size:42px}.hosting-order-success h2{font-size:25px}.hosting-order-success p{margin-bottom:0;font-size:13px}
@media(max-width:850px){.hosting-order-head,.hosting-order-shell{width:calc(100vw - 60px)}.hosting-order-form{grid-template-columns:1fr}.hosting-order-summary{position:static}.hosting-order-head{padding:35px}.hosting-order-head>i{margin-right:20px}}
@media(max-width:620px){.hosting-order-page{padding-bottom:40px}.hosting-order-head,.hosting-order-shell{width:calc(100vw - 40px)}.hosting-order-head{min-height:0;padding:35px 22px}.hosting-order-head>div{width:100%}.hosting-order-head h1{font-size:32px!important}.hosting-order-head>i{display:none}.hosting-package-grid,.hosting-fields{grid-template-columns:1fr}.hosting-fields .wide{grid-column:auto}.hosting-order-shell fieldset{padding:20px 15px}.hosting-order-shell legend{font-size:16px}.hosting-order-summary{padding:22px 18px}}
.hosting-fields input,.hosting-fields select,.hosting-fields textarea{font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:13px;font-weight:500}.hosting-order-summary button{font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:11px;font-weight:800}

/* Kontaktseite */
.contact-page{padding:0 0 75px;background:#fafaf9;font-family:"Bricolage Grotesque",Arial,sans-serif}.contact-page>article{max-width:none}.contact-hero,.contact-shell{width:min(calc(100vw - 138px),1024px);margin:auto}.contact-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:300px;padding:45px 68px;background:linear-gradient(115deg,#fff 0 62%,#f0f1f1 62%);overflow:hidden}.contact-hero>div:first-child{position:relative;z-index:2;width:58%}.contact-hero small,.contact-info>small,.contact-form-head>small{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-hero h1{margin:14px 0!important;font-family:inherit!important;font-size:43px!important;font-weight:800;line-height:1.02;text-transform:uppercase!important}.contact-hero h1 em{color:var(--red);font-style:normal}.contact-hero p{max-width:530px;margin:0;font-size:13px;line-height:1.6}.contact-hero-art{position:relative;display:grid;place-items:center;width:235px;height:190px}.contact-hero-art>i{position:relative;z-index:2;color:var(--red);font-size:82px}.contact-hero-art>span{position:absolute;width:165px;height:165px;border:1px solid rgba(226,27,35,.35);border-radius:50%}.contact-hero-art>span:before,.contact-hero-art>span:after{content:"";position:absolute;border:1px solid rgba(226,27,35,.18);border-radius:50%}.contact-hero-art>span:before{inset:-22px}.contact-hero-art>span:after{inset:22px}.contact-hero-art>b{position:absolute;right:5px;top:20px;display:grid;place-items:center;width:48px;height:48px;background:var(--red);color:#fff;font-size:20px}.contact-shell{display:grid;grid-template-columns:340px 1fr;gap:30px;margin-top:35px}.contact-info{padding:32px;border-left:3px solid var(--red);background:#101317;color:#fff}.contact-info h2{margin:10px 0 14px;font-size:28px}.contact-info>p{margin:0;color:#c8cbce;font-size:12px;line-height:1.65}.contact-info ul{margin:30px 0;padding:0;list-style:none}.contact-info li{display:grid;grid-template-columns:43px 1fr;gap:13px;align-items:center;padding:17px 0;border-top:1px solid #303438}.contact-info li>i{color:var(--red);font-size:22px;text-align:center}.contact-info li>span{display:grid;gap:4px}.contact-info li small{color:#9ca1a5;font-size:9px;font-weight:700;text-transform:uppercase}.contact-info li a,.contact-info li b{font-size:12px;font-weight:600}.contact-trust{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:16px;background:#1b1f23}.contact-trust>i{color:var(--red);font-size:25px}.contact-trust span{display:grid;gap:4px}.contact-trust b{font-size:12px}.contact-trust small{color:#aeb2b5;font-size:9px;line-height:1.45}.contact-form-card{padding:32px;border-top:3px solid var(--red);background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.07)}.contact-form-head h2{margin:8px 0 4px;font-size:28px}.contact-form-head p{margin:0 0 25px;color:#777;font-size:10px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-fields label{display:grid;gap:7px;font-size:11px;font-weight:700}.contact-fields .wide{grid-column:1/-1}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;padding:12px 13px;border:1px solid #ccc;border-radius:0;background:#fafafa;color:#111;font-family:inherit;font-size:13px}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{outline:1px solid var(--red);border-color:var(--red);background:#fff}.contact-fields textarea{resize:vertical}.contact-privacy{display:grid;grid-template-columns:18px 1fr;gap:10px;margin:20px 0;color:#555;font-size:10px;line-height:1.5;cursor:pointer}.contact-privacy input{width:16px;height:16px;margin:1px 0;accent-color:var(--red)}.contact-privacy a{color:var(--red);text-decoration:underline}.contact-form button{display:flex;align-items:center;justify-content:space-between;min-width:200px;height:43px;padding:0 17px;border:0;border-radius:0;background:var(--red);color:#fff;font-family:inherit;font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer}.contact-form button:hover{background:#bd151c}.contact-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-error{display:flex;gap:9px;margin:0 0 20px;padding:13px;border-left:3px solid var(--red);background:#fff0f0;color:#a20d13;font-size:11px;font-weight:700}.contact-success{padding:55px 30px;text-align:center}.contact-success>i{color:var(--red);font-size:48px}.contact-success h2{margin:16px 0 8px;font-size:29px}.contact-success p{margin:0;font-size:13px;line-height:1.6}
@media(max-width:850px){.contact-hero,.contact-shell{width:calc(100vw - 60px)}.contact-shell{grid-template-columns:290px 1fr}.contact-hero{padding:40px}.contact-hero-art{width:190px}}
@media(max-width:700px){.contact-shell{grid-template-columns:1fr}.contact-hero-art{display:none}.contact-hero>div:first-child{width:100%}}
@media(max-width:620px){.contact-page{padding-bottom:40px}.contact-hero,.contact-shell{width:calc(100vw - 40px)}.contact-hero{min-height:0;padding:35px 22px}.contact-hero h1{font-size:32px!important}.contact-info,.contact-form-card{padding:24px 20px}.contact-fields{grid-template-columns:1fr}.contact-fields .wide{grid-column:auto}.contact-form button{width:100%}}
.content:has(.pb-reference-showcase){padding:0}.content article:has(.pb-reference-showcase){max-width:none}
.content article:has(.pb-reference-showcase)>h1,.content article:has(.pb-reference-showcase)>h1+p{display:none}
.footer-angle{top:-48px;height:72px;background:#fafaf9;clip-path:polygon(0 0,54% 0,100% 82%,100% 100%,0 100%)}.footer-angle:after{content:"";position:absolute;left:54%;top:0;width:48%;height:2px;background:var(--red);transform:rotate(4.6deg);transform-origin:left center;box-shadow:0 0 10px rgba(226,27,35,.22)}
@media(max-width:620px){.footer-angle{top:-31px;height:48px;clip-path:polygon(0 0,38% 0,100% 75%,100% 100%,0 100%)}.footer-angle:after{left:38%;width:65%;transform:rotate(3.8deg)}}
.footer-angle{display:none}.footer{padding-top:18px;clip-path:polygon(0 18px,68% 18px,100% 0,100% 100%,0 100%)}
@media(max-width:620px){.footer{padding-top:12px;clip-path:polygon(0 12px,48% 12px,100% 0,100% 100%,0 100%)}}
.footer{padding-top:0;clip-path:none}@media(max-width:620px){.footer{padding-top:0;clip-path:none}}
.header-inner{position:relative}.language-switch{position:absolute;right:166px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:30px;border-left:1px solid #ddd;color:var(--red);font-size:11px;font-weight:800;z-index:4}.language-switch:hover{background:#fff}
@media(max-width:850px){.language-switch{right:52px}.header .head-cta+.language-switch{display:grid}}