@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#273d34;--forest:#344c43;--muted:#68726b;--sage:#e8ede4;--cream:#f8f7f2;--line:#dce0d6;--accent:#a76249;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,summary,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}img{display:block;max-width:100%}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.1}h3{line-height:1.4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}.topline{background:var(--forest);color:#f5f6ed;display:flex;justify-content:space-between;padding:8px 56px;font-size:11px;letter-spacing:.08em}.topline span:last-child{opacity:.8}header{background:#fffefb;position:relative;z-index:20;border-bottom:1px solid var(--line)}.head-main{height:99px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.12}.brand-icon{height:47px;width:47px;border:1px solid #b6c0b3;border-radius:50%;display:grid;place-items:center}.brand-icon svg{width:29px;height:29px}.brand-number{color:var(--accent);font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:3.5px;margin-top:8px}.head-actions{display:flex;align-items:center;gap:20px}.language{position:relative}.language summary{display:flex;align-items:center;gap:9px;list-style:none;font-size:13px;padding:10px 0 10px 16px}.language summary::-webkit-details-marker{display:none}.language summary svg{width:17px;height:17px}.language-options{position:absolute;right:0;top:100%;background:#fffefb;padding:12px;border:1px solid var(--line);box-shadow:0 12px 30px #263c3420;min-width:205px;z-index:50}.language-options a{padding:8px 12px;display:flex;justify-content:space-between;gap:28px}.language-options a:hover,.language-options a[aria-current]{background:var(--sage)}.language-options small{color:var(--muted)}#navigation>ul{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:0;list-style:none;min-height:57px}#navigation li{list-style:none;position:relative}#navigation>ul>li{display:flex;align-items:center}#navigation>ul>li>a{font-size:13px;padding:16px 0;white-space:nowrap}#navigation a[aria-current=page]{color:var(--accent)}.submenu-toggle{border:0;background:transparent;display:grid;place-items:center;padding:7px 3px}.submenu-toggle svg{width:15px;height:15px}.submenu{display:none;position:absolute;top:100%;left:-15px;min-width:260px;margin:0;padding:10px;background:#fffefb;box-shadow:0 12px 25px #263c3420;border:1px solid var(--line);z-index:30}.submenu a{display:block;padding:9px 12px;font-size:13px}.submenu a:hover{background:var(--sage)}.has-sub:last-child .submenu{left:auto;right:0}.has-sub.expanded>.submenu{display:block}@media(hover:hover){.has-sub:hover>.submenu{display:block}}.has-sub:focus-within>.submenu{display:block}.mobile-toggle{display:none;background:none;border:0;padding:8px}.skip{position:fixed;left:20px;top:-100px;background:var(--forest);color:white;padding:10px 20px;z-index:100}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:44% 56%;min-height:590px;max-width:1800px;margin:auto;background:var(--sage)}.hero-copy{padding:73px 32px 32px max(56px,calc((100vw - 1320px)/2));display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.line{display:inline-block;width:28px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(42px,4.65vw,76px);letter-spacing:-.05em;line-height:1.03;margin:28px 0 24px}.hero h1 em{font-weight:400;display:block;color:#7b8b70}.hero-intro{max-width:380px;color:#58675e;font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;background:var(--forest);color:white;font-size:12px;min-height:48px;transition:background .2s}.button:hover{background:#4b6657}.button svg{width:18px}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-bottom{display:flex;gap:22px;align-items:center;margin-top:auto;padding-top:45px;font-size:10px;color:var(--muted)}.hero-bottom span:first-child{letter-spacing:.12em;white-space:nowrap}.hero-image{position:relative;min-width:0;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:54% center}.hero-image figcaption{position:absolute;right:24px;bottom:15px;color:#344538;font-size:9px;padding:3px 7px;background:#f8f7f2bb}.hero-stamp{position:absolute;left:28px;bottom:32px;border-radius:50%;width:110px;height:110px;background:#f8f7f2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #343b3310;line-height:1.1;font-size:15px;transform:rotate(-9deg)}.hero-stamp svg{width:23px;height:23px;margin-bottom:5px}.hero-stamp span{font-family:var(--serif);font-style:italic;text-align:center}.benefits{display:flex;justify-content:center;gap:100px;border-bottom:1px solid var(--line);padding-block:25px}.benefits>div{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.02em}.benefits svg{color:#7e8b71;width:19px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading h2{font-size:43px;letter-spacing:-.035em;margin-top:12px}.section-heading>p{font-size:12px;color:var(--muted);max-width:280px;line-height:1.8}.products{padding-block:75px 35px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-card{background:#fff;min-width:0;border:1px solid #e4e6dd;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #263c340b}.product-visual{position:relative;padding:35px 26px 20px;height:250px;background:#fff}.product-index{position:absolute;left:18px;top:15px;color:#98a08f;font-size:10px;letter-spacing:.08em}.product-visual>a{display:block;height:100%}.product-visual img{object-fit:contain;width:100%;height:100%}.product-copy{padding:18px 22px 20px;display:flex;flex-direction:column;flex:1}.ad-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.product-copy h3{font-family:var(--sans);font-weight:500;font-size:13px;line-height:1.6;margin-bottom:15px;overflow-wrap:anywhere}.availability{font-size:10px;color:var(--muted);margin-top:auto;margin-bottom:18px}.product-cta{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.product-cta svg{width:17px;height:17px}.affiliate-note{color:var(--muted);font-size:10px;margin-top:22px}.categories{padding-block:45px 70px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.category{background:#ecefe6;padding:20px 20px 18px;position:relative;display:flex;flex-direction:column}.category:nth-child(2){background:#f0eae0}.category:nth-child(3){background:#e9eeeb}.category:nth-child(4){background:#eae7df}.category>span{font-size:9px;color:#89927e}.category img{height:150px;width:100%;object-fit:contain;mix-blend-mode:multiply;padding:10px 20px 20px}.category>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.category h3{font-family:var(--serif);font-size:20px;font-weight:400}.category svg{width:19px;transition:transform .2s}.category:hover svg{transform:translateX(4px)}.guide{display:grid;grid-template-columns:275px minmax(0,1fr);gap:80px;padding-block:60px 100px;border-top:1px solid var(--line)}.guide aside{position:sticky;top:25px;align-self:start;max-height:calc(100vh - 50px);overflow:auto;padding-right:10px}.guide aside h2{font-size:29px;margin:10px 0 25px}.guide aside ol{list-style:none;padding:0;margin:0 0 30px;border-top:1px solid var(--line)}.guide aside li{border-bottom:1px solid var(--line);padding:10px 0;font-size:11px;line-height:1.7}.guide aside a:hover{color:var(--accent)}.article-body{color:#4d5a50;font-size:15px;line-height:1.95;overflow-wrap:anywhere}.article-body h2{font-size:32px;color:var(--ink);margin:38px 0 22px;line-height:1.3}.article-body h2:first-child{margin-top:0}.article-body h3{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.5;margin:28px 0 15px;color:var(--ink)}.article-body p{margin-bottom:20px;white-space:normal}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-body ul{padding-left:20px;margin-block:20px}.article-body img{max-height:400px;object-fit:contain}.article-body table{display:block;max-width:100%;overflow:auto}.subhero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding-block:45px 60px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:35px}.subhero h1{font-size:58px;letter-spacing:-.04em;line-height:1.08;margin:15px 0 22px}.subhero p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:14px;margin-bottom:23px}.subhero-image{background:var(--sage);padding:30px;min-height:300px;display:flex;align-items:center;justify-content:center}.subhero-image img{width:100%;max-height:290px;object-fit:contain;mix-blend-mode:multiply}.subhero:not(:has(.subhero-image)){grid-template-columns:1fr}.subhero:not(:has(.subhero-image)) h1{max-width:1000px}footer{background:var(--forest);color:#e9ece3;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:80px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:#cbd3c7;margin-top:9px}.footer-grid h3{font-family:var(--sans);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px;font-weight:500}.footer-brand .brand{font-size:24px}.footer-brand .brand-number{color:#c3a291}.footer-brand h2{font-size:34px;margin:30px 0 17px;letter-spacing:-.025em}.footer-brand p{max-width:330px;font-size:12px;color:#cbd3c7}.footer-languages{display:flex;gap:26px;flex-wrap:wrap;font-size:11px;margin-top:45px;padding-block:24px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;color:#bec9ba;font-size:10px}.footer-bottom>a{font-size:24px}.sitemap,.not-found{padding-block:60px}.sitemap h1{font-size:60px;margin:40px 0}.sitemap>section{margin:40px 0}.sitemap ul{columns:3;list-style:none;padding:0}.sitemap li{margin-bottom:10px;font-size:14px}.sitemap a:hover{text-decoration:underline}.not-found{min-height:65vh}.not-found h1{font-size:55px;margin:20px 0 35px}@media(min-width:1800px){.hero-copy{padding-left:100px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.topline{padding-inline:32px}.hero-copy{padding:50px 28px 25px 32px}.hero{min-height:550px;grid-template-columns:47% 53%}.hero h1{font-size:52px}.hero-actions{gap:15px}.hero-bottom{font-size:9px}.hero-stamp{width:95px;height:95px}.benefits{gap:60px}#navigation>ul{gap:10px}#navigation>ul>li>a{font-size:11px}.product-grid{gap:20px}.guide{grid-template-columns:230px minmax(0,1fr);gap:45px}.subhero h1{font-size:47px}.footer-grid{gap:40px}.category h3{font-size:18px}}@media(max-width:850px){.head-main{height:82px}#navigation{display:none;width:100%;border-top:1px solid var(--line)}#navigation.open{display:block}#navigation>ul{display:block;padding:12px 32px}#navigation>ul>li{display:flex;flex-wrap:wrap;justify-content:space-between}#navigation>ul>li>a{font-size:14px;padding:12px 0}.submenu-toggle{padding:12px}.submenu-toggle svg{width:18px;height:18px}.submenu{position:static;width:100%;box-shadow:none;margin:0 0 10px;background:var(--cream);border:0}.has-sub:focus-within>.submenu{display:none}.has-sub.expanded>.submenu{display:block}.mobile-toggle{display:block}.hero{grid-template-columns:1fr 1fr;min-height:530px}.hero h1{font-size:43px}.hero-copy{padding-top:38px}.hero .eyebrow{font-size:8px}.hero-intro{font-size:12px}.hero-bottom{display:none}.hero-actions .button{font-size:11px;padding:12px 15px}.hero-image>img{object-position:60% center}.benefits{gap:35px}.benefits>div{font-size:10px}.section-heading h2{font-size:36px}.product-visual{height:210px;padding-inline:18px}.product-copy{padding:15px}.product-grid{gap:16px}.category-grid{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr;gap:35px}.guide aside{position:static;max-height:none}.guide aside ol{columns:2;column-gap:30px}.guide aside li{break-inside:avoid}.subhero{gap:30px}.subhero h1{font-size:40px}.subhero-image{min-height:260px;padding:25px}.footer-grid{grid-template-columns:1.5fr 1fr;gap:35px}.footer-grid>div:last-child{grid-column:2;grid-row:1 / 3}.footer-brand h2{font-size:31px}.footer-bottom{align-items:flex-start}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.topline{justify-content:center;padding:7px 20px;font-size:9px}.topline span:last-child{display:none}.head-main{height:77px}.brand{font-size:22px;gap:8px}.brand-icon{height:38px;width:38px}.brand-icon svg{width:23px;height:23px}.brand small{font-size:6px;letter-spacing:2.4px}.head-actions{gap:4px}.language summary{gap:5px;font-size:11px;padding-left:5px}.language summary>svg:first-child{display:none}.language-options{right:-40px}.mobile-toggle{padding-right:0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 24px 35px}.hero h1{font-size:52px;margin:22px 0 20px}.hero .eyebrow{font-size:9px}.hero-intro{font-size:14px;max-width:400px}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{font-size:12px;padding:14px 18px}.hero-image{height:320px}.hero-image>img{object-position:center 62%}.hero-image figcaption{font-size:8px;right:8px;bottom:10px}.hero-stamp{width:82px;height:82px;left:20px;bottom:22px;font-size:12px}.hero-stamp svg{width:18px;height:18px}.benefits{gap:10px;justify-content:space-between;padding-block:20px}.benefits>div{flex-direction:column;gap:7px;font-size:9px;text-align:center}.benefits svg{width:18px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:33px;margin-top:10px}.section-heading>p{margin-top:15px;max-width:100%;font-size:12px}.products{padding-top:45px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-visual{height:175px;padding:25px 14px 10px}.product-index{font-size:8px;left:11px;top:10px}.product-copy{padding:12px}.product-copy h3{font-size:11px;line-height:1.6}.ad-label{font-size:6.5px;letter-spacing:.07em}.availability{font-size:9px}.product-cta{font-size:10px;gap:5px;align-items:flex-start}.product-cta svg{width:15px;height:15px}.affiliate-note{font-size:9px;line-height:1.8}.categories{padding-block:25px 45px}.categories .text-link{margin-top:15px}.category-grid{gap:13px}.category{padding:13px}.category img{height:125px;padding:10px}.category h3{font-size:18px}.category svg{width:15px}.guide{padding-block:35px 55px}.guide aside ol{columns:1}.guide aside h2{font-size:27px}.article-body{font-size:14px;line-height:1.9}.article-body h2{font-size:28px}.article-body h3{font-size:23px}.subhero{grid-template-columns:1fr;padding-block:25px 35px;gap:25px}.breadcrumbs{margin-bottom:25px;font-size:10px}.subhero h1{font-size:43px}.subhero-image{min-height:200px;height:230px}.subhero-image img{height:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1 / -1}.footer-grid>div:last-child{grid-column:auto;grid-row:auto}footer{padding-top:45px}.footer-brand p{max-width:100%}.footer-languages{gap:15px 25px;margin-top:30px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:9px}.footer-bottom>span:nth-child(2){order:3;width:100%}.sitemap ul{columns:1}.not-found h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Urinflasche24: calm, accessible care editorial */
:root{--ink:#173c3b;--forest:#234f4c;--muted:#617471;--sage:#eaf0e8;--cream:#fafaf6;--line:#dbe4db;--accent:#9b6645;--sans:'DM Sans',Arial,sans-serif}
.head-main{height:90px}.brand{font-weight:600}.brand small{font-size:8px;letter-spacing:1.5px}.brand-icon{border:0;background:#e7eee5;color:#32625b;border-radius:14px}.brand-number{color:#ab7553}#navigation>ul>li>a{font-size:13px}.hero{grid-template-columns:46% 54%;min-height:590px}.hero h1{font-size:clamp(48px,4.7vw,74px)}.hero h1 em{color:#7f9478}.hero-image>img{object-position:68% center}.hero-copy{padding-top:70px}.hero-intro{font-size:15px;max-width:410px}.hero-stamp{left:22px;bottom:40px;width:108px;height:108px;font-size:15px}.hero-bottom{border-top:1px solid #cfdacc;padding-top:22px;margin-top:38px;justify-content:space-between}.benefits{gap:110px;padding-block:24px}.products{padding-top:66px}.product-card{border-radius:15px;overflow:hidden;border-color:#e1e7df;box-shadow:0 3px 16px #234f4c04}.product-copy h3{font-size:14px}.product-cta{background:#edf2e9;border:0;border-radius:7px;padding:12px 14px;color:#234f4c;font-weight:500}.product-cta:hover{background:#dfe9d7}.category{border-radius:14px}.section-heading h2{font-size:41px}.subhero-image{border-radius:20px;background:#eff3ea}.subhero h1{font-size:54px}.source-note{font-size:12px;color:var(--muted)}.article-body .medical-note{padding:20px;border-left:3px solid var(--forest);background:#edf2e9}.footer-brand .brand-icon{background:#ffffff14;color:#dfe9db}footer .brand small{color:#d7e3d5}.footer-brand h2{font-size:34px}.category-grid{gap:22px}
@media(min-width:851px){.submenu{max-height:70vh;overflow:auto;border-radius:0 0 12px 12px}}
@media(max-width:1150px){#navigation>ul>li>a{font-size:11px}.hero-copy{padding-top:48px}.hero h1{font-size:55px}.benefits{gap:55px}.subhero h1{font-size:46px}}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;min-height:520px}.hero-copy{padding-top:40px}.hero h1{font-size:43px}.hero-intro{font-size:13px}.hero-bottom{display:none}.benefits{gap:30px}#navigation>ul>li>a{font-size:14px}.section-heading h2{font-size:35px}.subhero h1{font-size:40px}}
@media(max-width:600px){.head-main{height:78px}.brand{font-size:22px}.brand small{font-size:6px;letter-spacing:1px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:36px 24px}.hero h1{font-size:52px}.hero-intro{font-size:14px}.hero-image{height:300px}.hero-image>img{object-position:70% 65%}.hero-stamp{width:84px;height:84px;font-size:12px;bottom:28px}.benefits{gap:12px}.section-heading h2{font-size:32px}.products{padding-top:42px}.product-copy h3{font-size:12px}.product-cta{font-size:10px;padding:10px 9px}.product-grid{gap:12px}.product-visual{height:165px}.subhero h1{font-size:42px}.category-grid{gap:12px}.footer-brand h2{font-size:30px}}
