@font-face{font-family:DesignPlayfair;src:url('fonts/playfair-display-v13-latin-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DesignPlayfair;src:url('fonts/playfair-display-v13-latin-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:DesignMono;src:url('fonts/inconsolata-v16-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DesignMono;src:url('fonts/inconsolata-v16-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
.inet-design{--ink:#0a0a0a;--red:#ee423a;--red-text:#ee423a;--paper:#f5f5f5;--line:#e4e4e4;--muted:#666;margin:0;background:#fff;color:var(--ink);font:17px/1.6 DesignPlayfair,Georgia,serif}
.inet-design *{box-sizing:border-box}.inet-design a{color:inherit;text-decoration:none}.inet-design a:hover{text-decoration:underline}.inet-design a:focus-visible,.inet-design summary:focus-visible{outline:3px solid #1769aa;outline-offset:5px}.inet-design img{max-width:100%;height:auto}.inet-design p{margin:0 0 24px}.inet-design h1,.inet-design h2,.inet-design h3{font-weight:400;line-height:1.12;margin:0}.inet-design h2{font-size:52px;letter-spacing:-.52px}.inet-design h3{font-size:26px;line-height:1.25}.design-container{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}.design-section{padding-block:120px}.design-sr,.design-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.design-skip:focus{position:fixed;left:20px;top:10px;z-index:20;padding:12px;background:#fff}.design-header{border-bottom:1px solid var(--line);background:#fff}.design-header__inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.design-brand{font-size:22px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:12px}.design-footer,.design-button,.design-label,.design-eyebrow,.design-trust,.design-tags,.design-text-link,.design-number,.design-product__type,.design-product__meta,.design-menu{font-family:DesignMono,monospace}.design-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:14px 28px;border-radius:32px;background:var(--red-text);color:#fff!important;text-transform:uppercase;font-size:16px;font-weight:700;letter-spacing:.6px;border:2px solid transparent;line-height:1.35;text-align:center}.design-button:hover{filter:brightness(.94);text-decoration:none!important}.design-button--outline{background:#fff;color:var(--red-text)!important;border-color:var(--red-text)}.design-button--white{background:#fff;color:var(--ink)!important}.design-hero{position:relative;min-height:880px;isolation:isolate;overflow:hidden}.design-hero__content{position:relative;padding-top:236px}.design-eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.7px;line-height:18px;margin-bottom:20px!important}.inet-design h1{font-size:84px;letter-spacing:-1.26px;line-height:92px;max-width:950px}.design-lead{font-size:19px;line-height:30px;max-width:560px;color:var(--muted);margin-top:24px!important}.design-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:72px}.design-trust{font-size:13px;line-height:18px;color:var(--muted);margin-top:32px!important}.design-blocks{position:absolute;inset:0;z-index:-1}.design-blocks i{position:absolute;display:block;background:#e6e7e8}.design-blocks i:nth-child(1){left:1.04%;top:15px;width:23.96%;height:150px}.design-blocks i:nth-child(2){left:26.04%;top:15px;width:13.54%;height:285px}.design-blocks i:nth-child(3){left:1.04%;top:180px;width:23.96%;height:640px}.design-blocks i:nth-child(4){left:40.63%;top:315px;width:15.63%;height:285px}.design-blocks i:nth-child(5){left:57.29%;top:600px;width:16.67%;height:220px}.design-blocks i:nth-child(6){left:75%;top:15px;width:22.92%;height:805px}.design-logos{border-block:1px solid var(--line);padding-block:36px}.design-logos>div{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:20px}.design-logos img{max-height:56px;width:auto}.design-label{color:var(--red-text);font-size:15px;font-weight:700;line-height:20px;letter-spacing:2.7px;text-transform:uppercase;margin-bottom:24px!important}.design-section-head{display:flex;justify-content:space-between;gap:48px;align-items:start;margin-bottom:64px}.design-section-head>p{max-width:360px;color:var(--muted);margin-top:40px}.design-grid{display:grid;gap:24px}.design-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.design-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.design-service{background:var(--paper);padding:28px;border-radius:24px;display:flex;flex-direction:column;min-height:410px}.design-number{display:grid;place-items:center;border-radius:50%;height:48px;width:48px;background:var(--red-text);color:white;font-size:13px;font-weight:700;margin-bottom:44px}.design-service h3{min-height:66px;margin-bottom:14px}.design-service p{font-size:16px;line-height:24px;color:var(--muted)}.design-service .design-text-link{margin-top:auto}.design-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--red-text)!important;letter-spacing:.5px}.design-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid var(--line);padding-block:64px}.design-principles strong{font-size:28px;font-weight:400;overflow-wrap:anywhere}.design-principles p{color:var(--muted);margin:16px 0 0;font-size:16px}.design-grid--projects{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:64px}.design-project__image{aspect-ratio:384/300;border-radius:24px;overflow:hidden;background:#e6e7e8;margin-bottom:28px}.design-project__image img{width:100%;height:100%;object-fit:cover}.design-project h3{font-size:24px;min-height:60px;margin-bottom:16px}.design-project p{font-size:16px;color:var(--muted);line-height:24px}.design-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase}.design-tags span{border:1px solid var(--line);border-radius:20px;padding:7px 13px}.design-products{margin-top:64px}.design-product{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:28px;isolation:isolate;color:white!important;container-type:inline-size}.design-product--tankroute{background:linear-gradient(225deg,#0f3a1c 14.645%,#1e6b33 53.536%,#34a853 85.355%)}.design-product--monetro{background:linear-gradient(120deg,#05090b 10.981%,#0b2630 47.584%,#0f6a7a 84.187%)}.design-product__type{position:absolute;left:24px;top:24px;background:#ffffff29;border:1px solid #ffffff4d;border-radius:18px;padding:4px 13px;font-size:12px;font-weight:700;text-transform:uppercase}.design-product__identity{position:absolute;left:13.78%;top:40.48%;display:flex;align-items:center;gap:4cqw;z-index:1}.design-product__identity>img{width:19.05cqw;height:19.05cqw;border-radius:4.25cqw;box-shadow:0 14px 30px #0006}.design-product__identity strong{font:700 10cqw/1.2 DesignPlayfair,Georgia,serif;letter-spacing:-.2cqw;white-space:nowrap}.design-product--tankroute strong{font-family:Arial,sans-serif;letter-spacing:-.3cqw}.design-product--monetro .design-product__identity{left:19.05%}.design-monetro-mark{width:19.05cqw;height:19.05cqw;border-radius:3.57cqw;background:#06b6d4;color:#000;text-align:center;font:bold 13.26cqw/19.05cqw DesignPlayfair,Georgia,serif;box-shadow:0 14px 30px #0006}.design-product__arrow{position:absolute;bottom:24px;right:24px;background:white;color:var(--ink);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px}.design-route{position:absolute;inset:0;width:100%;height:100%!important}.design-glow{position:absolute;max-width:none!important;z-index:-1}.design-glow--tankroute{width:100.68%;left:39.8%;top:-35.3%}.design-glow--monetro{width:96.94%;left:-37.4%;top:37.4%}.design-products h3{margin-top:24px;min-height:66px}.design-product__meta{font-size:14px;text-transform:uppercase;margin:24px 0 0!important}.design-skills{margin-block:48px 32px}.design-process{margin-top:56px}.design-process article{border:1px solid var(--line);border-radius:24px;padding:28px}.design-process h3{font-size:24px;margin-block:24px 32px;min-height:60px}.design-process p{font-size:16px;color:var(--muted);line-height:24px;margin:0}.design-contact{background:var(--ink);color:#fff;border-radius:32px;padding:64px}.design-contact .design-label{color:#ff827d}.design-contact h2{font-size:48px;line-height:56px}.design-contact>p:not(.design-label){max-width:560px;margin-top:32px;color:#d0d0d0;font-size:18px}.design-contact .design-actions{margin-top:40px;gap:28px}.design-contact .design-actions>a:not(.design-button){overflow-wrap:anywhere;font-family:DesignMono,monospace}.design-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding-block:36px;font-size:13px;color:var(--muted)}.design-footer p{margin:0}.design-footer nav{display:flex;flex-wrap:wrap;gap:24px;text-transform:uppercase}.design-footer a{display:flex;align-items:center;min-height:44px}
@media(max-width:1199px){.design-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.design-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid--projects{grid-template-columns:repeat(2,minmax(0,1fr))}.design-hero__content{padding-top:200px}.inet-design h1{font-size:72px;line-height:1.1}.design-products h3{font-size:24px}.design-contact h2{font-size:40px;line-height:1.2}}
@media(max-width:767px){.inet-design{background:var(--paper);font-size:17px}.design-container{width:calc(100% - 48px)}.design-header{background:var(--paper)}.design-header__inner{height:78px;position:relative}.design-brand{font:700 20px/24px DesignMono,monospace;gap:0}.design-hero{min-height:0;overflow:visible}.design-blocks,.design-logos{display:none}.design-hero__content{padding-block:58px 52px}.design-eyebrow{border:0;border-radius:0;background:none;padding:0;color:var(--red-text);margin-bottom:24px!important;letter-spacing:0;font-size:12px;line-height:18px}.inet-design h1{font-size:42px;line-height:48px;letter-spacing:0;overflow-wrap:normal}.design-lead{font-size:18px;line-height:29px;color:var(--ink);margin-top:24px!important;margin-bottom:24px!important}.design-actions{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-top:24px}.design-button{min-height:52px;font-size:16px;justify-content:space-between;padding:13px 22px;letter-spacing:0}.design-trust{font-size:12px;line-height:18px;margin:24px 0 0!important}.design-label{font-size:12px;line-height:18px;letter-spacing:1.2px}.inet-design h2{font-size:36px;line-height:1.15;letter-spacing:-.3px}.design-section{padding-block:64px}.design-section-head{display:block;margin-bottom:32px}.design-section-head>p{margin-top:24px;max-width:none}.design-grid--four,.design-grid--two,.design-grid--projects{grid-template-columns:1fr}.design-service{background:white;min-height:0}.design-number{margin-bottom:24px}.design-service h3{min-height:0}.design-service p{margin-top:16px}.design-principles{padding-block:32px;gap:24px}.design-principles strong{font-size:23px}.design-principles p{font-size:15px}.design-project h3{min-height:0}.design-project__image{margin-bottom:20px}.design-products{margin-top:32px;gap:48px}.design-products h3{min-height:0;margin-top:20px}.design-product__type{left:16px;top:16px}.design-product__arrow{bottom:16px;right:16px}.design-skills{margin-block:24px}.design-grid--two>div>p:first-child{margin-top:24px}.design-process{margin-top:32px}.design-process article{background:white}.design-process h3{min-height:0;margin-bottom:24px}.design-contact{padding:32px 24px;border-radius:24px}.design-contact h2{font-size:32px;line-height:1.2}.design-contact .design-actions{gap:24px}.design-contact .design-button{justify-content:center}.design-footer{display:block;padding-block:24px}.design-footer nav{margin-top:12px;gap:20px}}
@media(max-width:359px){.inet-design h1{font-size:36px;line-height:42px}.design-brand{font-size:18px}.design-principles{grid-template-columns:1fr}.design-contact{padding:28px 20px}.design-contact h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.inet-design *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Header nach Board-Bildvorlage vom 27.10.; native Navigation in allen Breiten. */
.inet-design .design-header{position:absolute;inset:0 0 auto;z-index:10;border:0;background:transparent}
.inet-design .design-header__inner{position:relative;width:calc(100% - 20px);max-width:none;height:64px;align-items:flex-start;gap:16px}
.inet-design .design-brand{display:flex;align-items:center;min-height:44px;padding:0;font:700 13px/16px DesignMono,monospace;letter-spacing:1px;white-space:nowrap}
.inet-design .design-menu{display:block;margin-top:6px}
.inet-design .design-menu summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-width:44px;min-height:44px;padding:8px 0 8px 16px;border-radius:0;background:transparent}
.inet-design .design-menu summary::-webkit-details-marker{display:none}
.design-menu__icon{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:16px}
.design-menu__icon i{display:block;width:100%;height:2px;background:var(--ink)}
.inet-design .design-menu nav{position:absolute;left:auto;right:0;top:54px;width:min(340px,calc(100vw - 20px));background:#fff;z-index:10;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 25px #0001}
.inet-design .design-menu nav a{display:block;min-height:44px;padding:10px 12px;font-size:16px}
/* INE-1458: 19 px fett für Buttons/Nummern (Typografie). INE-1556: Farbe jetzt --red-text, Kontrast ≥ 4,5:1 unabhängig von der Schriftgröße. */
.inet-design .design-button,.inet-design .design-number{font-size:19px}
@media(max-width:359px){.inet-design .design-hero .design-button{padding-inline:12px;gap:8px;letter-spacing:-.4px}}
/* INE-1488: Label/Textlink 19 px fett (Typografie). Board 30.10.2026: --red-text = Figma-/Markenrot #ee423a überall (auch Kleintext); Kontrast 3,84:1 auf Weiß – bewusste Entscheidung, AA nur für große Schrift. */
.inet-design .design-label{font-size:19px;line-height:26px;letter-spacing:.18em;text-wrap:balance}
.inet-design .design-text-link{font-size:19px;letter-spacing:.4px}
.inet-design .design-contact .design-label{font-size:15px;line-height:20px}
@media(max-width:767px){.inet-design .design-label{line-height:25px;letter-spacing:.5px}
.inet-design .design-eyebrow{font-size:19px;line-height:25px;text-wrap:balance}
.inet-design .design-contact .design-label{font-size:12px;line-height:18px;letter-spacing:1.2px}
/* Weißer Kontaktbutton (dunkler Text, kein Kontrastgrenzfall): Pfeil bleibt in der Zeile. */
.inet-design .design-contact .design-button{font-size:16px;padding-inline:16px;gap:12px}
}
@media(max-width:359px){.inet-design .design-contact .design-button{font-size:15px;padding-inline:10px;gap:6px}
.inet-design .design-section-head h2{font-size:34px}
}
/* INE-1520, Board 28.10.: graue Hero-Blöcke ab 768 px fixiert, Inhalt scrollt darüber. clip-path auf dem Hero begrenzt die fixierte Ebene
   auf die Hero-Fläche, daher brauchen Folgeabschnitte keinen eigenen Hintergrund; kein JS, keine Bewegung außer normalem Scrollen. */
@media(min-width:768px){.inet-design .design-hero{clip-path:inset(0)}
.inet-design .design-blocks{position:fixed;inset:0;pointer-events:none}
}
/* INE-1556: Routenlinie (#d7ffd8) läuft hinter der weißen TankRoute-Wortmarke (2,44:1); dunkelgrüner Halo hält den Glyphenrand ≥ 4,5:1. */
.inet-design .design-product--tankroute .design-product__identity strong{text-shadow:0 0 2px #0f3a1c,0 0 max(.6cqw,4px) #0f3a1c,0 0 max(1.5cqw,10px) #0f3a1c}
/* INE-1566, Board 28.10. (ersetzt „kein Durchscheinen“ aus INE-1520): ab 768 px liegt alles unter dem Hero auf einer hellen Fläche mit blur(15px),
   die fixierten Blöcke scheinen weichgezeichnet durch. Weiß 40 % über #e6e7e8 ergibt schlimmstenfalls #f0f1f1: --red-text (jetzt #ee423a, siehe oben), --muted 5,07:1 (INE-1568).
   Footer volle Breite per Innenabstand (Inhalt und Linie bleiben auf Containerbreite). Ohne backdrop-filter oder bei reduzierter Transparenz deckend weiß. */
@media(min-width:768px){.inet-design .design-hero{clip-path:none}
.inet-design .design-content,.inet-design .design-footer{position:relative;z-index:1;background-color:#fff}
.inet-design .design-footer{width:auto;max-width:none;padding-inline:max(40px,calc((100% - 1200px)/2));padding-top:37px;border-top:0;background-image:linear-gradient(var(--line),var(--line));background-repeat:no-repeat;background-position:center top;background-size:min(calc(100% - 80px),1200px) 1px}
@supports((backdrop-filter:blur(15px)) or (-webkit-backdrop-filter:blur(15px))){.inet-design .design-content,.inet-design .design-footer{background-color:rgb(255 255 255/.40);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}
}
@media(min-width:768px) and (prefers-reduced-transparency:reduce){.inet-design .design-content,.inet-design .design-footer{background-color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* INE-1698 (Merge origin/main): H1-Umbruch nur ab 768 px (mobil sonst „die“ allein, vgl. INE-257), Produktkopf mit Beschreibung, FAQ, Kontaktblock im Footer, Scroll-Bewegung der Produktkarten. */
.inet-design .design-section-head+.design-products{margin-top:0}
.inet-design .design-faq{margin-top:56px;border-top:1px solid var(--line)}
.inet-design .design-faq__item{border-bottom:1px solid var(--line)}
.inet-design .design-faq__item summary{display:flex;justify-content:space-between;align-items:baseline;gap:24px;min-height:44px;padding-block:24px;cursor:pointer;list-style:none;font-size:24px;line-height:1.3}
.inet-design .design-faq__item summary::-webkit-details-marker{display:none}
.inet-design .design-faq__item summary::after{content:"+";flex:none;font:700 28px/1 DesignMono,monospace;color:var(--red-text)}
.inet-design .design-faq__item[open] summary::after{content:"−"}
.inet-design .design-faq__answer{max-width:760px;margin:0 0 28px;color:var(--muted)}
.inet-design .design-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 48px;align-items:start}
.inet-design .design-footer__title{margin:0 0 8px;font:700 13px/18px DesignMono,monospace;letter-spacing:.6px;text-transform:uppercase;color:var(--ink)}
.inet-design .design-footer address{display:flex;flex-direction:column;align-items:flex-start;font-style:normal;line-height:24px}
.inet-design .design-footer address a{min-height:24px}
.inet-design .design-footer .design-footer__copy{grid-column:1/-1}
.inet-design .design-route{transform:translate3d(var(--lp-product-pattern-x,0px),var(--lp-product-pattern-y,0px),0)}
.inet-design .design-glow{translate:0 var(--lp-product-glow-y,0px)}
.inet-design .design-product--monetro{background-size:125% 125%;background-position:center var(--lp-monet-bg-y,50%)}
@media(max-width:767px){.inet-design .design-hero__break{display:none}.inet-design .design-faq{margin-top:32px}.inet-design .design-faq__item summary{font-size:20px;padding-block:20px}.inet-design .design-footer{grid-template-columns:minmax(0,1fr);gap:16px}.inet-design .design-footer nav{margin:0}}
@media(prefers-reduced-motion:reduce){.inet-design .design-route{transform:none}.inet-design .design-glow{translate:none}.inet-design .design-product--monetro{background-position:center 50%}}