*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102743;background:#f7fafd;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1230px;margin:auto;padding:0 25px}.top{display:flex;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:15px}.brand strong{font-size:25px;letter-spacing:-1px;color:#063565;display:block;font-style:italic}.brand span{font-size:13px;color:#57718c}.headpromise{font-size:13px;font-weight:bold;color:#315c82}.nav{background:#082d56}.navinner{display:flex;gap:3px;flex-wrap:wrap}.nav a{font-size:13px;color:white;padding:14px 11px;display:block}.nav a:hover,.nav a[aria-current]{background:#087bc3}.homehero{background:linear-gradient(115deg,#041b37,#063969 58%,#0d6396);color:#fff}.herogrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:440px;padding-top:36px;padding-bottom:36px}.herogrid img{width:100%;height:350px;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px #00142680}.kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#0e94d9}.homehero .kicker,.pagehero .kicker,.cta .kicker{color:#68d5ff}h1{font-size:clamp(33px,4.5vw,58px);line-height:1.1;letter-spacing:-1.4px;margin:12px 0 22px}h2{font-size:clamp(27px,3vw,37px);line-height:1.18;letter-spacing:-.6px;margin:8px 0 20px}h3{font-size:19px;line-height:1.25;margin:4px 0 8px}.homehero p,.pagehero p{font-size:19px;max-width:650px;color:#dceaf7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.btn{display:inline-block;padding:13px 23px;background:#008fdb;color:white;border-radius:7px;font-weight:700;font-size:15px;transition:background .2s}.btn:hover{background:#006eac}.btn.outline{background:transparent;border:1px solid #8ac9eb}.btn.light{background:white;color:#08365f}.bullets{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:#cfe9f7}.trust{background:#e8f4fc;border-bottom:1px solid #d0e5f4}.trustrow{display:flex;justify-content:space-between;gap:15px;padding-top:17px;padding-bottom:17px;font-size:13px;font-weight:bold;color:#144f7a}.section{padding:65px 0}.section:nth-of-type(even){background:#fff}.sectiontitle{margin-bottom:24px}.lead{font-size:18px;max-width:940px;color:#37526b}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{background:#fff;overflow:hidden;border:1px solid #d9e5ee;border-radius:13px;box-shadow:0 6px 24px #11345612;transition:transform .2s}.tile:hover{transform:translateY(-3px)}.tile img{height:190px;width:100%;object-fit:cover;background:#d9eaf7}.tiletext{padding:17px}.tiletext p{font-size:14px;color:#54708a;margin:0}.more{font-size:13px;color:#007dc3;font-weight:bold;display:block;margin-top:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split.reverse img{order:-1}.split img{width:100%;height:330px;object-fit:cover;border-radius:13px;box-shadow:0 8px 22px #11345615}.split p{color:#45627a}.textlink{font-weight:700;color:#087dbd}.pagehero{background:linear-gradient(120deg,#051e3b,#0a4e82);color:white;padding:66px 0}.pagehero h1{max-width:980px;font-size:clamp(34px,4vw,53px)}.pagehero p{margin-bottom:25px}.checklist{padding-left:20px}.checklist li{padding:6px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 35px}.steps>div{background:#eef6fc;border-radius:12px;padding:25px}.steps b{font-size:30px;color:#008bce}.steps p{color:#45627a;font-size:14px}.cta{background:linear-gradient(100deg,#052748,#07639a);color:white;padding:43px 0}.ctacontent{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{margin:10px 0}.cta p{color:#d9efff;margin:0}.contactnote{background:#e9f3f9;border-left:4px solid #138ec8;padding:15px}footer{background:#071e35;color:#c5d6e4;padding:42px 0}.footergrid{display:flex;justify-content:space-between;gap:35px}.footergrid strong{color:white;font-size:20px}.footergrid p{max-width:520px}.footergrid small{font-size:12px;color:#91b0c7}.footergrid>div:last-child{display:flex;flex-direction:column;gap:7px;font-size:13px}@media(max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}.herogrid,.split{grid-template-columns:1fr}.herogrid img{height:270px}.trustrow{flex-wrap:wrap}.navinner{overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}.headpromise{display:none}}@media(max-width:600px){.tiles,.steps{grid-template-columns:1fr}.tile img{height:220px}.ctacontent,.footergrid{flex-direction:column;align-items:flex-start}.section{padding:45px 0}.wrap{padding-left:17px;padding-right:17px}.split.reverse img{order:initial}.top{padding-top:10px;padding-bottom:10px}.brand strong{font-size:21px}}
/* Original-Firmenlogo */
.brand{display:flex;align-items:center;gap:13px}.brand img{width:70px;height:74px;object-fit:contain;border-radius:5px;flex:none}.brand span{display:block}.brand small{display:block;color:#57718c;font-size:12px}.brand strong{font-size:23px;line-height:1.1;font-style:normal}@media(max-width:600px){.brand img{width:54px;height:57px}.brand strong{font-size:17px}.brand small{font-size:10px}}

/* Anwendungsbeispiele Recycling: originale Produkte plus illustrative Prozessdarstellung */
.casegallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.casegallery figure{margin:0;background:#fff;border:1px solid #dbe7f3;border-radius:13px;overflow:hidden;box-shadow:0 6px 20px rgba(13,47,84,.08)}
.casegallery img{width:100%;height:190px;object-fit:cover;display:block}
.casegallery figcaption{display:flex;flex-direction:column;gap:5px;padding:13px 15px;color:#102e52}
.casegallery figcaption span{font-size:.88rem;color:#52677d}
@media(max-width:720px){.casegallery{grid-template-columns:1fr}.casegallery img{height:220px}}

/* Eigenständige, gut lesbare Impressumsseite */
.legalhero{padding:55px 0}.legalhero h1{margin-bottom:10px}.legalhero p{margin:0}.legalwrap{max-width:900px;display:grid;gap:22px}.legalcard{background:#fff;border:1px solid #d9e6f1;border-radius:16px;padding:30px 35px;box-shadow:0 10px 35px rgba(8,40,76,.07)}.legalcard h2{font-size:23px;margin:0 0 18px}.legalcard p{margin:0;line-height:1.9}.legalcontacts{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:22px}.legalcontacts a{color:#087bb7;font-weight:700}.legalfacts{margin:0}.legalfacts div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid #e6edf4}.legalfacts div:last-child{border-bottom:0}.legalfacts dt{font-weight:700;color:#35526b}.legalfacts dd{margin:0}.legalnote{font-size:13px;color:#627b8d;margin:0 0 15px}@media(max-width:600px){.legalcard{padding:23px 20px}.legalfacts div{grid-template-columns:1fr;gap:2px}}

/* Cookie-Einwilligung */
.np-consent-overlay[hidden],.np-consent [hidden]{display:none!important}.np-consent-overlay{position:fixed;inset:0;z-index:99999;background:rgba(9,25,48,.55);display:flex;align-items:flex-end;justify-content:center;padding:16px}.np-consent{background:#fff;color:#152c45;width:min(760px,100%);border-radius:16px;box-shadow:0 14px 45px #071c3266;padding:24px;font:inherit;max-height:90vh;overflow:auto}.np-consent h2{margin:0 0 12px;font-size:1.4rem}.np-consent p{margin:8px 0 12px;line-height:1.55;font-size:.95rem}.np-consent-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.np-consent-buttons button{border:2px solid #174b82;border-radius:8px;background:#fff;color:#174b82;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer;flex:1 1 145px}.np-consent-buttons #np-accept{background:#174b82;color:#fff}.np-consent-buttons button:focus-visible,.np-open-consent:focus-visible{outline:3px solid #f3ad32;outline-offset:2px}.np-option{display:block;padding:11px;border-bottom:1px solid #dce5ec;font-weight:650}.np-option input{margin-right:8px}.np-option small{font-weight:400}.np-note{font-size:.85rem!important}.np-open-consent{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}@media(max-width:520px){.np-consent{padding:18px}.np-consent-buttons button{flex-basis:100%}}

/* Griffloch-Stanzwerkzeug und Tragetasche als Anwendungsbeispiel */
.griffloch-bildpaar{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;min-width:0}.griffloch-bildpaar img{width:100%;height:100%;min-height:220px;max-height:330px;object-fit:contain;background:#f0f3f7;border-radius:10px}@media(max-width:650px){.griffloch-bildpaar{grid-template-columns:1fr 1fr;gap:8px}.griffloch-bildpaar img{min-height:130px;max-height:240px}}
