.tpn-preview{background:#075e62;color:#fff;text-align:center;font:500 12px/1.5 sans-serif;padding:6px 16px}.tpn-preview span{margin-left:10px;opacity:.86}.diwan-logo .claim{max-width:210px!important;font-size:12px!important;line-height:1.3!important}.diwan-logo .name{color:#075e62!important}.tpn-page{max-width:1100px;margin:auto;padding:80px 24px 100px;min-height:50vh}.tpn-page h1{margin-bottom:30px}.tpn-page h2{margin-top:32px}.tpn-page p{max-width:760px}.tpn-note{padding:20px;border:1px solid #d8d9ce;border-radius:12px;background:#f8f6ed;margin:24px 0}.tpn-contact{padding:30px;border-radius:20px;background:#f1f7f5;margin-top:35px}a[href="/kontakt#kontaktdaten"]{overflow-wrap:anywhere}@media(max-width:700px){.tpn-preview span{display:block;margin:0}.tpn-page{padding-top:40px}.diwan-logo{gap:8px!important}.diwan-logo .claim{font-size:10px!important;max-width:155px!important}}
.tpn-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:42px 0}.tpn-values article{padding:25px;background:#f5f3eb;border:1px solid #e2e2d8;border-radius:20px}.tpn-values h2{margin-top:0;font-size:24px}.tpn-languages{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.tpn-languages span{padding:10px 18px;border-radius:30px;background:#e5f2f0;color:#075e62;font-weight:600}@media(max-width:800px){.tpn-values{grid-template-columns:1fr}}.diwan-logo>.text{display:none!important}.diwan-logo>img{width:266px!important;height:auto!important;max-width:100%}.diwan-logo{max-width:280px}.lang-switch{gap:0}@media(max-width:700px){.diwan-logo>img{width:218px!important}}/* TPN identity: existing section structure, independent brand palette. */
:root{--diwan-coral:#8b3155;--diwan-coral-strong:#7c2549;--diwan-coral-soft:#f6edf1;--diwan-orange:#b58b75;--diwan-orange-strong:#815c49;--diwan-orange-soft:#f7f0eb;--diwan-yellow:#bdc9b2;--diwan-yellow-strong:#4e6555;--diwan-yellow-soft:#edf2ea;--diwan-lime:#8eaa98;--diwan-lime-strong:#35634b;--diwan-lime-soft:#edf4ef;--diwan-teal:#477f80;--diwan-teal-strong:#075e62;--diwan-teal-deep:#034347;--diwan-teal-soft:#eef5f3;--diwan-ink:#203735;--diwan-ink-muted:#53615e;--diwan-sand:#f5f6f2;--diwan-sand-deep:#edf0e9;--diwan-line:#dce4de;--weight-black:730;--radius-lg:14px;--radius-xl:18px;--font-sans:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}
body{background:#fff}h1,h2,h3{letter-spacing:-.025em}h1{font-weight:700!important}mark{background:none!important;color:var(--diwan-teal-deep)!important}.eyebrow{color:#7c2549!important;letter-spacing:.12em!important;font-size:.8rem!important}header[data-header]{border-bottom:1px solid #dce4de;box-shadow:none!important}.diwan-logo{max-width:340px!important}.diwan-logo>img{width:330px!important;height:auto!important;image-rendering:auto}.diwan-btn{border-radius:8px!important}.hero{background:#f0f5f2!important}.hero .frame{border-radius:16px!important;box-shadow:0 12px 34px #183f3512!important;aspect-ratio:1.08!important}.hero .media{padding:25px 0!important}.hero .frame img{object-position:center!important}.hero h1{font-size:clamp(2.5rem,4.6vw,4.1rem)!important;line-height:1.1!important}.hero .lead{font-size:clamp(1.12rem,1.5vw,1.3rem)!important}.hero-points{color:#075e62}.entry-grid>a{border-top:3px solid #075e62!important;border-radius:10px!important}.split-media{border-radius:14px!important;overflow:hidden}.split-media img{object-fit:cover}.stripe{background:#075e62!important;height:4px!important}.stripe>span{background:#075e62!important}footer{background:#edf3ef!important}.tpn-preview{background:#1d4240;font-size:11px;padding:5px 16px}.tpn-page-intro{background:#eef5f2;padding:55px 0 65px}.tpn-page-intro h1{font-size:clamp(2.3rem,4.6vw,3.7rem);margin:20px 0}.tpn-page-intro .lead{max-width:840px}.tpn-breadcrumb{font-size:.85rem;color:#596d65;margin:0 0 25px}.tpn-breadcrumb a{color:inherit}.tpn-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.tpn-offer{border:1px solid #dce4de;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.tpn-offer:hover{transform:translateY(-4px);box-shadow:0 12px 30px #143b3210}.tpn-offer[hidden]{display:none!important}.tpn-offer>a{display:block}.tpn-offer img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;display:block}.tpn-offer-body{padding:24px;display:flex;flex-direction:column;flex:1}.tpn-category{color:#075e62;font-size:.73rem;line-height:1.5;font-weight:650;letter-spacing:.035em;text-transform:uppercase;margin:0 0 14px}.tpn-category span{display:block;color:#6c7771;font-size:.72rem;font-weight:500}.tpn-offer h3{font-size:1.35rem;line-height:1.25;margin:0 0 16px}.tpn-offer h3 a{text-decoration:none;color:#203735}.tpn-offer-body>p:not(.tpn-category){font-size:.98rem;line-height:1.7;color:#56635e;margin-bottom:25px}.tpn-textlink{margin-top:auto;color:#075e62;font-weight:650;font-size:.94rem;text-decoration:none}.tpn-textlink span{float:right;font-size:1.2rem}.tpn-all{text-align:center;margin-top:42px}.tpn-filters{margin-bottom:35px;background:#f5f7f3;padding:26px;border:1px solid #e0e7e0;border-radius:12px}.tpn-search{font-size:.85rem;font-weight:600;display:block;max-width:600px}.tpn-search input{display:block;width:100%;font:inherit;font-weight:400;font-size:1rem;border:1px solid #b9c9bf;border-radius:6px;padding:12px 14px;margin-top:7px;background:white}.tpn-filters fieldset{border:0;margin:20px 0 0;padding:0}.tpn-filters legend{font-size:.8rem;color:#50655a;margin-bottom:10px;font-weight:600}.tpn-filters fieldset>div{display:flex;gap:9px;flex-wrap:wrap}.tpn-filters fieldset label{position:relative;cursor:pointer}.tpn-filters input[type=radio]{position:absolute;opacity:0}.tpn-filters label>span{display:block;font-size:.85rem;padding:8px 13px;border:1px solid #ccd8cf;border-radius:5px;background:white}.tpn-filters input:checked+span{background:#075e62;color:white;border-color:#075e62}.tpn-filters input:focus-visible+span{outline:3px solid #a4bcae;outline-offset:3px}.tpn-filters [data-filter-count]{margin:20px 0 0;font-size:.85rem;color:#53675b}.tpn-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tpn-form-grid>a{display:flex;flex-direction:column;background:#fff;border:1px solid #dce4de;border-top:3px solid #075e62;border-radius:8px;padding:28px;text-decoration:none;color:inherit}.tpn-form-grid>a>span{font-size:.7rem;color:#7c2549;letter-spacing:.1em;font-weight:700}.tpn-form-grid h3{font-size:1.6rem;margin:20px 0 15px}.tpn-form-grid p{font-size:1rem;color:#53615e}.tpn-form-grid b{font-size:.9rem;color:#075e62;margin-top:auto;padding-top:18px}.tpn-service-hero{background:#eef5f2;padding:35px 0 65px}.tpn-service-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.tpn-service-split h1{font-size:clamp(2.1rem,3.5vw,3.25rem);line-height:1.15;margin:20px 0}.tpn-service-split .lead{font-size:1.13rem;line-height:1.75;margin-bottom:28px}.tpn-law{display:inline-block;color:#4c6457;font-size:.85rem;margin:10px 0 0}.tpn-photo{position:relative;margin:0;border-radius:12px;overflow:hidden}.tpn-photo img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;display:block}.tpn-photo figcaption{position:absolute;bottom:12px;right:12px;background:#ffffffed;border-radius:4px;color:#46584c;padding:3px 8px;font-size:10px}.tpn-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}.tpn-detail-grid h2{font-size:1.7rem;margin:32px 0 16px}.tpn-detail-grid>div>h2:first-of-type{margin-top:8px}.tpn-methods{padding-left:21px}.tpn-methods li{margin:13px 0;padding-left:6px}.tpn-methods li::marker{color:#7c2549}.tpn-detail-aside{align-self:start;padding:30px;background:#f1f5f0;border-left:3px solid #075e62;border-radius:0 10px 10px 0;font-size:1rem}.tpn-detail-aside h2{margin:10px 0 20px}.tpn-detail-aside h3{margin:24px 0 10px;font-size:1.12rem}.tpn-detail-aside hr{border:0;border-top:1px solid #cedbd0;margin:25px 0}.tpn-service-cta{display:flex;gap:40px;align-items:center;justify-content:space-between;background:#eaf2ee;border-radius:12px;padding:38px;margin-top:60px}.tpn-service-cta h2{font-size:1.85rem;margin:10px 0 16px}.tpn-service-cta>div{max-width:700px}.tpn-service-cta>a{flex-shrink:0}.tpn-related{margin-top:70px}.tpn-related>h2{font-size:2rem;margin-bottom:30px}.tpn-protection{padding:30px;border-left:3px solid #7c2549;background:#f7f0f3;margin-top:50px}.tpn-protection h2{font-size:1.5rem;margin-bottom:12px}.tpn-protection p{margin-bottom:15px}.tpn-protection a{font-weight:650}.ki-wrap>svg[aria-label="KI-generiertes Bild"]{display:none}.tpn-page h1{font-size:clamp(2.3rem,4vw,3.5rem)}
@media(max-width:1050px){.tpn-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpn-service-split{gap:30px}.tpn-detail-grid{gap:35px}.tpn-service-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.diwan-logo>img{width:265px!important}.diwan-logo{max-width:75%!important}.hero .media{padding:0!important}.hero .frame{aspect-ratio:1.3!important}.tpn-form-grid,.tpn-offer-grid,.tpn-service-split,.tpn-detail-grid{grid-template-columns:1fr}.tpn-page-intro{padding:35px 0 40px}.desktop-break{display:none}.tpn-service-hero{padding-bottom:35px}.tpn-service-split{gap:30px}.tpn-photo img{aspect-ratio:1.4}.tpn-filters{padding:18px}.tpn-service-cta{padding:25px;gap:20px;margin-top:38px}.tpn-offer-body{padding:22px}.tpn-detail-grid{gap:30px}.tpn-preview span{display:none}.tpn-detail-aside{padding:25px}}
@media(prefers-reduced-motion:reduce){.tpn-offer{transition:none}.tpn-offer:hover{transform:none}}
.diwan-container{width:100%;max-width:1264px;margin-inline:auto;padding-inline:var(--gutter)}.diwan-section{padding-block:var(--section-y)}.diwan-heading{margin-bottom:var(--space-7);max-width:860px}.diwan-heading h2{font-size:var(--text-3xl);line-height:1.2;margin-bottom:20px}.diwan-heading .lead{font-size:var(--text-lg);line-height:1.7}.tpn-service-split>.tpn-photo{width:100%}
.diwan-btn:not([data-astro-cid-dbuutgla]){display:inline-flex;align-items:center;justify-content:center;background:#075e62;color:white!important;border:1px solid #075e62;border-radius:8px;padding:13px 22px;min-height:48px;line-height:1.4;text-decoration:none;font-weight:650;font-size:1rem;transition:background .18s}.diwan-btn:not([data-astro-cid-dbuutgla]):hover{background:#034347}.tpn-service-split .eyebrow{display:block;margin-bottom:12px}.tpn-service-split .tpn-law{display:block;margin-top:0}.tpn-category span{text-transform:none}
/* Compact scalable service symbols replace photography. */
.tpn-offer>a[aria-hidden]{pointer-events:none;padding:26px 26px 0}.tpn-offer-symbol{display:flex;width:68px;height:68px;border-radius:50%;align-items:center;justify-content:center;background:#edf4f0;border:1px solid #d7e5dc}.tpn-offer .tpn-offer-symbol img{display:block;width:42px;height:42px;aspect-ratio:1;object-fit:contain}.tpn-offer-body{padding-top:22px}.tpn-service-emblem{display:flex;justify-content:center;align-items:center;min-height:270px}.tpn-service-emblem>span{display:flex;align-items:center;justify-content:center;width:235px;height:235px;background:#e4eeea;border:1px solid #cadbd2;border-radius:50%;box-shadow:0 0 0 20px #ffffff70}.tpn-service-emblem img{width:135px;height:135px;object-fit:contain}.tpn-berlin-band{background:#fff;text-align:center;padding:48px 0 0;overflow:hidden}.tpn-berlin-band h2{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.25;margin:14px 0 12px}.tpn-berlin-band img{width:100%;height:auto;max-height:255px;object-fit:contain;display:block;margin:0 auto}.tpn-berlin-edge{display:none;pointer-events:none}header[data-header]>.inner{position:relative}@media(min-width:1580px){.tpn-berlin-edge{display:flex;position:fixed;right:7px;bottom:85px;width:150px;flex-direction:column;align-items:center;opacity:.9;z-index:15}.tpn-berlin-edge img{display:block;width:100%;height:auto}.tpn-berlin-edge span{font-size:8px;letter-spacing:.16em;color:#47665b;margin-top:6px}header[data-header]>.inner:after{content:"";position:absolute;width:155px;height:65px;left:350px;top:7px;background:url('/assets/berlin-jugendhilfe-aquarell.png') center/contain no-repeat;pointer-events:none;opacity:.85}}@media(max-width:700px){.tpn-service-emblem{min-height:180px}.tpn-service-emblem>span{width:150px;height:150px;box-shadow:0 0 0 13px #ffffff70}.tpn-service-emblem img{width:90px;height:90px}.tpn-berlin-band{padding-top:34px}.tpn-berlin-band img{height:155px;object-fit:cover;object-position:center}.tpn-berlin-band .eyebrow{font-size:10px!important}.tpn-berlin-band h2{font-size:1.6rem}}
@media(max-width:700px){header[data-header]::after{content:"";display:block;height:34px;background:url('/assets/berlin-jugendhilfe-aquarell.png') center/190px auto no-repeat;opacity:.85}}
@media(max-width:700px){header[data-header]::after{height:52px;background-size:156px 52px}}

.tpn-berlin-band{scroll-margin-top:155px}@media(min-width:701px){header[data-header]>.inner:after{content:none!important}header[data-header]::after{content:"";display:block;height:36px;background:url('/assets/berlin-jugendhilfe-aquarell.png') max(32px,calc((100vw - 1200px)/2 + 90px)) center/108px 36px no-repeat;opacity:.85}}

.tpn-about-story{max-width:790px;margin-top:48px}.tpn-about-story h2{margin-top:32px;margin-bottom:18px;font-size:clamp(1.5rem,2.5vw,2rem)}.tpn-about-story p+p{margin-top:20px}.tpn-about-story .eyebrow{margin-bottom:12px}

/* Centered monochrome artwork above the content; full color stays in the footer. */
header[data-header]::after,header[data-header]>.inner:after{content:none!important;display:none!important}.tpn-berlin-edge{display:none!important}.tpn-berlin-top{display:flex;align-items:center;justify-content:center;background:#fff;padding:5px 24px 10px;border-bottom:1px solid #edf1ed;min-height:105px}.tpn-berlin-top img{display:block;width:345px;height:115px;object-fit:contain;filter:grayscale(1) contrast(1.12);opacity:.65}.tpn-berlin-band{scroll-margin-top:110px}@media(max-width:700px){.tpn-berlin-top{padding:3px 20px 8px;min-height:90px}.tpn-berlin-top img{width:min(345px,85vw);height:auto;max-height:115px}}
/* Broad, quiet Berlin watermark instead of a centered sticker. */
.tpn-berlin-top{position:relative;min-height:0;height:clamp(125px,23vw,250px);padding:0;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8faf7 100%);border-bottom:0}.tpn-berlin-top img{width:100%;max-width:1400px;height:100%;max-height:none;object-fit:contain;filter:grayscale(1) contrast(.95);opacity:.17;transform:scale(1.05)}@media(max-width:700px){.tpn-berlin-top{height:clamp(125px,29vw,200px);padding:0}.tpn-berlin-top img{width:100%;height:100%;max-height:none;transform:scale(1.1);opacity:.16}}
/* Always-visible child protection initiative in the sticky brand header. */
header[data-header] .badge{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;padding-left:16px!important;margin-left:12px!important;border-left:1px solid #dce4de;min-width:58px}.tpn-protection-logo{display:block;flex-shrink:0;line-height:0}.tpn-protection-logo img{display:block;width:42px!important;height:56px!important;object-fit:contain}.tpn-initiative-info{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;padding:35px 24px;border-top:1px solid #d3dfd5}.tpn-initiative-info>div{max-width:650px}.tpn-initiative-info h2{font-size:1.6rem;margin:10px 0 15px}.tpn-initiative-info p{font-size:.95rem;line-height:1.7}.tpn-initiative-info a{font-size:.9rem;font-weight:600}.tpn-initiative-info>a{display:block;flex-shrink:0;background:white;border-radius:6px}.tpn-initiative-info img{display:block;width:300px;height:150px;object-fit:contain}.tpn-quick-help{font-size:.85rem;margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;color:#075e62}.tpn-quick-help a{text-underline-offset:4px}@media(max-width:850px){.tpn-initiative-info{flex-direction:column;align-items:flex-start;gap:20px}}@media(max-width:500px){.diwan-logo>img{width:218px!important}header[data-header] .badge{margin-left:4px!important;padding-left:8px!important;min-width:44px}.tpn-protection-logo img{width:33px!important;height:44px!important}.diwan-logo{max-width:65%!important}}@media(max-width:370px){.diwan-logo>img{width:180px!important}}
/* Preserve the supplied logo artwork while integrating its white backdrop. */
.tpn-initiative-info>a{background:transparent!important;border-radius:0}.tpn-initiative-info img{mix-blend-mode:multiply}.tpn-initiative-info{padding:35px 24px!important}.tpn-initiative-info h2{font-size:1.6rem!important}.tpn-unicef-link{margin-top:16px;font-size:.9rem;color:#53615e}.tpn-unicef-link a{font-weight:600}
/* Calm, direct crisis navigation instead of the inherited emergency-number strip. */
header[data-header] .tpn-crisis-entry{background:#eaf2ee!important;color:#264b42!important;padding:9px 20px!important;font-size:13px!important}.tpn-crisis-entry p{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:0}.tpn-crisis-entry a{color:#7c2549!important;font-weight:700;text-decoration:none!important}.tpn-crisis-berlin{padding:45px 0;background:#eef5f2}.tpn-crisis-berlin h2{font-size:2rem;margin:12px 0 20px}.tpn-crisis-berlin p{max-width:850px}.tpn-crisis-berlin>div>div{display:flex;gap:25px;flex-wrap:wrap;margin-top:22px}.tpn-crisis-berlin a{font-weight:650}header[data-header] .badge{order:0;border-left:0!important;border-right:1px solid #dce4de;padding-left:0!important;padding-right:19px!important;margin-left:0!important;margin-right:18px!important;min-width:88px}.tpn-protection-logo img{width:64px!important;height:85px!important}.diwan-logo{flex-shrink:1!important}header[data-header]>.inner{gap:12px!important}@media(max-width:700px){header[data-header] .badge{padding-right:13px!important;margin-right:5px!important;min-width:71px}.tpn-protection-logo img{width:56px!important;height:75px!important}.diwan-logo>img{width:250px!important}.diwan-logo{max-width:65%!important}.tpn-crisis-entry p{gap:3px 12px}.tpn-crisis-entry a{font-size:12px}.tpn-crisis-berlin h2{font-size:1.6rem}}@media(max-width:500px){.diwan-logo>img{width:205px!important}.diwan-logo{max-width:61%!important}header[data-header] .badge{min-width:64px;padding-right:8px!important;margin-right:2px!important}}@media(max-width:370px){.diwan-logo>img{width:165px!important}}
/* Give the TPN wordmark the main share of the header, with the X at its left. */
header[data-header]>.inner{justify-content:flex-start!important;gap:14px!important}header[data-header] .diwan-logo{flex:0 1 420px!important;width:420px!important;max-width:none!important;min-width:0;margin-right:auto}header[data-header] .diwan-logo>img{width:100%!important;max-width:100%!important;height:auto!important}header[data-header] .badge{flex:0 0 auto}header[data-header] .toggle{flex-shrink:0}header[data-header] .nav{flex-shrink:0}@media(max-width:1360px){header[data-header] .diwan-logo{flex:0 1 410px!important;width:410px!important}header[data-header] .nav{flex-shrink:1}}@media(max-width:700px){header[data-header] .diwan-logo{flex:1 1 390px!important;width:auto!important;max-width:390px!important}header[data-header]>.inner{gap:12px!important}header[data-header] .badge{margin-right:2px!important}}@media(max-width:500px){header[data-header]>.inner{gap:8px!important;padding-inline:16px!important}header[data-header] .diwan-logo{max-width:none!important;flex:1 1 auto!important}header[data-header] .badge{min-width:62px!important;margin-right:0!important}}.site-footer .brand .diwan-logo{width:min(390px,100%);max-width:100%!important}.site-footer .brand .diwan-logo>img{width:100%!important;height:auto!important}
/* An editorial four-step pathway, distinct from colored circular badges. */
.tpn-process{list-style:none;margin:38px auto 0;padding:0;max-width:900px;display:block}.tpn-process>li{display:grid;grid-template-columns:125px minmax(0,1fr);gap:28px;padding:28px 0;border-top:1px solid #c9d8cf}.tpn-process>li:last-child{border-bottom:1px solid #c9d8cf}.tpn-step-label{font-size:.78rem;font-weight:700;letter-spacing:.14em;color:#7c2549;padding-top:5px}.tpn-process h3{font-size:1.35rem;margin:0 0 12px}.tpn-process p{margin:0;color:#53615e;line-height:1.75}.tpn-donation{max-width:1152px;margin:30px auto;padding:32px;background:#fff;border:1px solid #d9e3db;border-top:3px solid #7c2549;border-radius:10px}.tpn-donation-copy{display:grid;grid-template-columns:70px 1fr;gap:22px;max-width:850px}.tpn-gift{width:60px;height:60px;margin-top:5px}.tpn-donation h2,.tpn-diversity h2{font-size:1.85rem;margin:10px 0 18px}.tpn-donation-copy p{line-height:1.7;margin-bottom:22px}.tpn-donation-note{font-size:.78rem!important;color:#65716b;margin:14px 0 0!important}.tpn-unicef-ad{display:block;margin-top:28px;max-width:800px}.tpn-unicef-ad img{display:block;width:100%;height:auto}.tpn-ad-source{font-size:.7rem;color:#65716b;margin-top:8px}.tpn-diversity{max-width:1152px;margin:30px auto;padding:32px;border-radius:10px;background:#e5eee8;display:grid;grid-template-columns:1fr 180px;gap:45px;align-items:center}.tpn-diversity p{font-size:.98rem;line-height:1.7;margin-bottom:18px}.tpn-diversity a{font-weight:650;font-size:.95rem}.tpn-diversity-art{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.tpn-diversity-art>span{position:absolute;width:92px;height:120px;border-radius:20px;border:1px solid #bacdc1;transform:rotate(-20deg);background:#dce9e0}.tpn-diversity-art>span:nth-child(2){transform:rotate(0deg);background:#f3eee8;border-color:#d2b9c4}.tpn-diversity-art>span:nth-child(3){transform:rotate(20deg);background:#eef5f0}.tpn-diversity-art svg{position:relative;width:75px;height:75px;z-index:1}@media(max-width:800px){.tpn-donation,.tpn-diversity{margin:25px 24px;padding:26px}.tpn-diversity{grid-template-columns:1fr 120px;gap:15px}.tpn-diversity-art{width:120px}.tpn-donation h2,.tpn-diversity h2{font-size:1.55rem}}@media(max-width:550px){.tpn-process>li{grid-template-columns:1fr;gap:12px;padding:25px 0}.tpn-step-label{font-size:.72rem}.tpn-donation-copy{grid-template-columns:1fr;gap:8px}.tpn-gift{width:46px;height:46px}.tpn-diversity{grid-template-columns:1fr}.tpn-diversity-art{display:none}.tpn-donation,.tpn-diversity{margin:22px 16px;padding:23px}.tpn-unicef-ad{margin-top:22px}.tpn-donation .diwan-btn{width:100%}}

/* The TPN identity leads; the protection mark remains visible at the right. */
header[data-header] .diwan-logo{order:0;flex:1 1 520px!important;width:520px!important;max-width:520px!important;margin-right:auto!important}
header[data-header] .nav{order:1}header[data-header] .toggle{order:2}header[data-header] .badge{order:3;border-right:0!important;border-left:1px solid #dce4de;padding-right:0!important;padding-left:16px!important;margin:0!important;min-width:0!important}
.tpn-diversity{grid-template-columns:minmax(0,1fr) 300px}.tpn-charta-info p{font-size:.75rem;letter-spacing:.05em;color:#53615e;margin:0 0 18px}.tpn-charta-logo{display:block}.tpn-charta-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media(max-width:1360px){header[data-header] .diwan-logo{flex:1 1 520px!important;width:520px!important;max-width:520px!important}}
@media(max-width:800px){.tpn-diversity{grid-template-columns:1fr}.tpn-charta-info{max-width:320px;margin-top:12px}}
@media(max-width:700px){header[data-header]>.inner{gap:12px!important}header[data-header] .diwan-logo{flex:1 1 auto!important;width:auto!important;max-width:none!important}header[data-header] .badge{padding-left:12px!important}.tpn-protection-logo img{width:48px!important;height:64px!important}}
@media(max-width:500px){header[data-header]>.inner{padding-inline:12px!important;gap:9px!important}header[data-header] .badge{padding-left:9px!important}.tpn-protection-logo img{width:38px!important;height:51px!important}}
/* Desktop: reserve the brand row so navigation can never compress the logo. */
@media(min-width:1361px){
 header[data-header]>.inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:12px 28px!important;padding-top:20px!important;padding-bottom:14px!important}
 header[data-header] .diwan-logo{grid-column:1;grid-row:1;justify-self:start;flex:none!important;width:540px!important;min-width:540px!important;max-width:540px!important;margin:0!important}
 header[data-header] .diwan-logo>img{width:540px!important;height:auto!important}
 header[data-header] .badge{grid-column:2;grid-row:1;justify-self:end}
 header[data-header] .nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-end;min-width:0;padding-top:10px;border-top:1px solid #e5ebe7}
}
/* A full-width panorama, without the old contained image width. */
.tpn-berlin-top{width:100%;height:clamp(160px,22vw,360px)!important;padding:0!important}
.tpn-berlin-top img{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;object-fit:fill!important;transform:none!important;opacity:.19}
@media(max-width:700px){.tpn-berlin-top{height:clamp(125px,27vw,190px)!important}.tpn-berlin-top img{opacity:.17}}
/* Balanced single-row desktop header. */
@media(min-width:1361px){
 header[data-header]>.inner{display:flex!important;max-width:none!important;padding:16px 28px!important;gap:18px!important;box-sizing:border-box}
 header[data-header] .diwan-logo{flex:0 0 clamp(300px,22vw,410px)!important;width:clamp(300px,22vw,410px)!important;min-width:0!important;max-width:410px!important;margin-right:auto!important}
 header[data-header] .diwan-logo>img{width:100%!important;height:auto!important}
 header[data-header] .nav{width:auto;flex:0 1 auto!important;justify-content:flex-end;padding:0;border:0;gap:8px!important}
 header[data-header] .nav ul{gap:0!important}
 header[data-header] .nav a:not(.diwan-btn){font-size:clamp(12px,.88vw,16px)!important;padding:.5rem .5rem!important}
 header[data-header] .nav .diwan-btn{font-size:clamp(12px,.88vw,16px)!important;padding:.65rem .85rem!important}
 header[data-header] .badge{flex:none!important;padding-left:12px!important}
 header[data-header] .tpn-protection-logo img{width:48px!important;height:64px!important}
}
/* Keep the protection mark directly before the navigation. */
header[data-header] .badge{order:1!important;border:0!important;padding:0!important;margin:0!important}
header[data-header] .nav{order:2!important}header[data-header] .toggle{order:3!important}
header[data-header] .tpn-protection-logo img{width:64px!important;height:85px!important}
.tpn-donation{background:#e5eee8!important;border-color:#d5e0d7;border-top-color:#7c2549}
@media(max-width:700px){header[data-header] .tpn-protection-logo img{width:52px!important;height:69px!important}}
@media(max-width:500px){header[data-header] .tpn-protection-logo img{width:44px!important;height:59px!important}}
/* One consistent presentation for external initiatives. */
.tpn-donation,.tpn-diversity,.tpn-initiative-info{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;align-items:center!important;gap:40px!important;max-width:1152px!important;margin:28px auto!important;padding:32px!important;background:#e5eee8!important;border:1px solid #d5e0d7!important;border-radius:10px!important;box-shadow:none!important}
.tpn-donation h2,.tpn-diversity h2,.tpn-initiative-info h2{font-size:1.65rem!important;line-height:1.25;margin:10px 0 18px!important}
.tpn-donation p,.tpn-diversity p,.tpn-initiative-info p{font-size:.98rem;line-height:1.7}
.tpn-donation-copy{display:block!important}.tpn-gift{display:none!important}
.tpn-unicef-ad{margin:0!important;max-width:none!important}.tpn-initiative-visual{width:100%}.tpn-charta-info{max-width:none;margin:0!important}.tpn-initiative-info>a{width:100%!important;max-width:none!important}.tpn-initiative-info>a img{display:block;width:100%!important;height:auto!important;mix-blend-mode:multiply}
.tpn-donation .tpn-ad-source{font-size:.7rem!important;margin:8px 0 0!important}.tpn-donation .tpn-donation-note{font-size:.78rem!important}
.tpn-donation .diwan-btn{display:inline-block;width:auto!important;padding:0!important;border:0!important;background:none!important;color:#285e61!important;border-radius:0!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:4px;font-size:.95rem!important}
@media(max-width:850px){.tpn-donation,.tpn-diversity,.tpn-initiative-info{grid-template-columns:1fr!important;gap:26px!important;margin:24px!important;padding:28px!important}.tpn-initiative-visual,.tpn-charta-info,.tpn-initiative-info>a{width:100%!important;max-width:400px!important}}
@media(max-width:550px){.tpn-donation,.tpn-diversity,.tpn-initiative-info{margin:22px 16px!important;padding:24px!important}}
/* Give the complete UNICEF advertisement the card's full width. */
.tpn-donation .tpn-donation-copy{grid-column:1/-1;max-width:850px}
.tpn-donation .tpn-initiative-visual{grid-column:1/-1;width:100%!important;max-width:none!important}
.tpn-donation .tpn-unicef-ad{width:100%;max-width:none!important}
.tpn-donation .tpn-unicef-ad img{width:100%;height:auto}
/* Medium-sized advertisement, balanced with the other initiative marks. */
.tpn-donation .tpn-donation-copy{grid-column:auto}
.tpn-donation .tpn-initiative-visual{grid-column:auto;max-width:440px!important}
.tpn-donation{grid-template-columns:minmax(0,1fr) minmax(320px,440px)!important}
@media(max-width:850px){.tpn-donation{grid-template-columns:1fr!important}.tpn-donation .tpn-initiative-visual{max-width:440px!important}}

.tpn-contract-status{margin:1.4rem 0;padding:1.1rem 1.3rem;background:#fff5df;border-inline-start:4px solid #a7792b;border-radius:8px;color:#34443c;font-size:1rem}.tpn-contract-status strong{display:block;font-size:1rem}.tpn-contract-status p{margin:.4rem 0 0;line-height:1.6}.tpn-offer-body>.tpn-offer-status{background:#f6f2e9;padding:12px 14px;border-radius:8px;font-size:.86rem!important;line-height:1.5!important;color:#34443c!important;margin:0 0 18px!important}.tpn-offer-status strong,.tpn-offer-status span{display:block}.tpn-offer-status span{margin-top:.35rem}

.qm-participation,.qm-reference{margin:2.5rem 0;padding:1.6rem;border:1px solid #c9d8d3;border-radius:16px;background:#f5f8f5}.qm-participation h2,.qm-reference h2{margin-top:0}.qm-participation article{padding:1rem;background:#fff;border-radius:12px}.qm-participation h3,.qm-reference h3{font-size:1.15rem;margin:.5rem 0 .7rem}.qm-reference a{overflow-wrap:anywhere}.tpn-participation-block{margin-top:2rem;margin-bottom:2rem;padding:2rem;border-inline-start:4px solid #075e62;background:#eef5f2;border-radius:12px}.tpn-participation-block h2{margin:.5rem 0 1rem;font-size:clamp(1.5rem,3vw,2.2rem)}.tpn-participation-block p{margin:1rem 0}.tpn-participation-block ul{padding-inline-start:1.4rem;display:grid;gap:.7rem}.tpn-participation-block a{font-weight:650}