/* Murmeli — Warm & klar. Shared by both public-page generators. */
@font-face{font-family:Murmeli Nunito;src:url('/assets/fonts/nunito-latin.woff') format('woff');font-weight:200 900;font-display:swap}
@font-face{font-family:Murmeli Inter;src:url('/assets/fonts/inter-latin.woff') format('woff');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#fcf9f3;--card:#f2eadf;--card2:#eae3d7;--line:#e0dcd2;--accent:#895537;--accent-dark:#754428;--text:#18303d;--dim:#526570;--ok:#286847;--warn:#984a3c;--ink:#18303d;--paper:#fcf9f3;--soft:#f2eadf;--reading:760px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px;-webkit-text-size-adjust:100%}
body.site-page{margin:0;background:var(--paper);color:var(--ink);font-family:Murmeli Inter,Inter,Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:visible}
.site-page :where(button,input,select,textarea){font:inherit}
.site-page :where(a){color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:1px}
.site-page :where(a:hover){text-decoration:underline}
.site-page :where(img){max-width:100%;height:auto}
.site-page :where(h1,h2,h3){font-family:Murmeli Nunito,Arial,sans-serif;color:var(--ink);text-wrap:balance}
.site-page h1{font-size:clamp(34px,4.4vw,54px);font-weight:800;line-height:1.12;letter-spacing:-1.8px;margin:0 0 25px;overflow-wrap:anywhere;hyphens:auto}
.site-page h2{font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.2;letter-spacing:-.8px;margin:42px 0 16px;text-align:left}
.site-page h3{font-size:21px;font-weight:750;line-height:1.35;letter-spacing:-.25px;margin:28px 0 12px;color:var(--ink)}
.site-page p{margin:0 0 18px;color:var(--dim)}
.site-page :where(ul,ol){margin:0 0 24px;padding-left:23px}
.site-page li{margin:7px 0}
.site-page strong{color:var(--ink);font-weight:650}
.site-page :focus-visible{outline:3px solid #ad6535;outline-offset:4px}
.skip-link{position:absolute;z-index:100;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:7px}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:var(--paper);margin:0;max-width:none;padding:0;display:block;font-weight:450}
.header-inner{max-width:1180px;margin:auto;min-height:100px;padding:22px 32px;display:flex;align-items:center;gap:24px}
.site-brand{display:flex;align-items:center;gap:9px;font-family:Murmeli Nunito,Arial,sans-serif;font-size:28px;font-weight:850;line-height:1;letter-spacing:-.8px;color:var(--ink);text-decoration:none;margin-right:auto;white-space:nowrap}
.site-brand:hover{text-decoration:none}
.site-brand img{display:block;width:46px;height:46px;flex-shrink:0}
.site-navigation{display:flex;align-items:center;gap:21px;font-size:12px;font-weight:550;white-space:nowrap}
.site-navigation a{color:var(--ink);text-decoration:none}
.site-navigation a:hover{color:var(--accent)}
.header-download{font-size:12px;font-weight:650;white-space:nowrap;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding:5px 0}
.language-buttons{display:flex;gap:4px;flex-shrink:0;align-items:center}
.language-buttons a{display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;width:31px;height:34px;padding:0;font-size:11px;font-weight:650;line-height:1;color:var(--dim);background:transparent;text-decoration:none}
.language-buttons a:hover{border-color:var(--ink);color:var(--ink)}
.language-buttons a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.mobile-navigation{display:none}
.swiss-flag{display:inline-block;position:relative;width:22px;height:22px;flex-shrink:0;background:#da291c;vertical-align:middle}
.swiss-flag::before,.swiss-flag::after{position:absolute;content:"";background:#fff}
.swiss-flag::before{left:18.75%;top:40.625%;width:62.5%;height:18.75%}
.swiss-flag::after{left:40.625%;top:18.75%;width:18.75%;height:62.5%}
.site-page main{display:block;min-width:0}
.site-page.document-page main{width:min(850px,calc(100% - 64px));max-width:850px;padding:50px 0 70px;margin:0 auto}
.document-page main>article>h1,.document-page main>h1{max-width:790px}
.document-page main p,.document-page main li{font-size:16px;line-height:1.85}
.document-page main>article>p:first-of-type{font-size:18px;line-height:1.8}
.document-page .antwort,.document-page .note{padding:24px 26px;border:1px solid var(--line);border-left:3px solid #c58e61;border-radius:10px;background:var(--soft);margin:24px 0 30px;font-size:17px}
.document-page .antwort p,.document-page .note p{margin:0 0 12px}
.document-page .antwort p:last-child{margin-bottom:0}
.document-page .antwort strong{color:var(--ink)}
.document-page .lob,.document-page .grenzen{background:var(--soft);padding:22px 26px;border-radius:10px;border:1px solid var(--line);margin:24px 0}
.document-page .lob{border-left:3px solid var(--ok)}
.document-page .lob h3,.document-page .grenzen h3{margin-top:0}
.document-page .quelle,.document-page .stand{font-size:13px;color:var(--dim)}
.document-toc{margin:24px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}
.document-toc summary{font-size:13px;font-weight:650;cursor:pointer}
.document-toc ol{columns:2;column-gap:32px;margin:15px 0 5px;padding-left:20px}
.document-toc li{break-inside:avoid;font-size:13px;line-height:1.55;margin:7px 0}
.document-toc a{color:var(--dim);text-decoration:none}
.document-toc a:hover{color:var(--accent);text-decoration:underline}
.document-page .ich{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;margin:30px 0}
.document-page .ich figure{width:100%;margin:0}
.document-page .ich img{display:block;width:100%;border-radius:12px;border:0}
.document-page .ich figcaption{font-size:12px;line-height:1.65;margin-top:10px;text-align:left;color:var(--dim)}
.table-scroll,.tabelle,.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;margin:22px 0}
.table-scroll .table-scroll,.tabelle .table-scroll{margin:0}
.site-page table{border-collapse:collapse;width:100%;min-width:540px;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}
.site-page th,.site-page td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink)}
.site-page th{background:var(--soft);font-size:12px;font-weight:650;white-space:normal}
.site-page tr.hl td{background:#eee8da}
.site-page .ja{color:var(--ok)}.site-page .nein{color:var(--warn)}
.home-main{max-width:1180px;margin:0 auto;padding:0 32px}
.home-page .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:57px 22px 56px;align-items:center;text-align:left}
.home-page .hero-copy{min-width:0}
.home-page .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1.5px;font-size:11px;font-weight:600;line-height:1.4;text-transform:uppercase;color:var(--ink);margin:0 0 22px}
.home-page h1.hero-title{font-size:clamp(47px,5.2vw,65px);line-height:1.05;font-weight:800;letter-spacing:-2.6px;margin:0;max-width:570px}
.home-page .hero-title span{display:block}
.home-page .hero-lead{font-size:16px;line-height:1.75;max-width:410px;margin:21px 0 0}





.store-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.store-link{display:flex;align-items:center;justify-content:center;gap:12px;min-width:174px;padding:14px 19px;border-radius:9px;background:var(--ink);color:var(--paper);text-decoration:none;box-shadow:0 4px 8px #102a3808}
.store-link:hover{background:#264555;text-decoration:none}
.store-link svg{width:25px;height:25px;flex-shrink:0}
.store-copy{display:block;line-height:1.1}.store-copy small{display:block;font-size:10px;opacity:.85;line-height:1.25}.store-copy strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.35px;margin-top:3px;color:inherit}
.home-page .trial-note{font-size:12px;line-height:1.75;margin:15px 0 0;max-width:450px}
.home-page .trial-note strong{font-weight:650}
.home-page .purchase-note{font-size:11px;line-height:1.75;max-width:420px;margin:10px 0 0}
.hero-media{position:relative;min-width:0;align-self:center}
.hero-phones{position:relative;height:490px;margin:0 0 12px;isolation:isolate;display:flex;justify-content:center;align-items:center}
.hero-phones::before{content:"";position:absolute;z-index:-1;inset:20px -4px 8px;border-radius:44% 44% 35% 35%;background:#eee5d8}
.hero-phones figure{margin:0;position:absolute}
.hero-phones .device-baby{width:155px;left:calc(50% - 150px);top:55px;transform:rotate(-3deg)}
.hero-phones .device-parent{width:205px;left:calc(50% - 19px);top:13px;z-index:1;transform:rotate(2deg)}
.hero-phones .device-frame{padding:6px;border-radius:34px;background:#142330;box-shadow:0 20px 40px #11253125;overflow:hidden}
.hero-phones img{display:block;width:100%;height:auto;border-radius:27px}
.hero-phones figcaption{font-size:11px;line-height:1.4;color:var(--dim);font-weight:550;text-align:center;margin-top:13px;transform:rotate(0deg)}
.home-page .trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 22px;display:flex;gap:20px 42px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--dim)}
.trust-strip span{display:flex;gap:9px;align-items:center}
.trust-strip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.home-page .home-section{padding:65px 22px}
.home-page .section-heading{margin:0 0 27px;font-size:38px;line-height:1.14;letter-spacing:-1.1px;max-width:680px}
.home-page .section-heading h2{font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:800;margin:0}
.home-page .section-heading .eyebrow{margin-bottom:16px}
.home-page .section-intro{max-width:600px;font-size:16px;line-height:1.8;margin:0 0 30px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.step-card{display:grid;grid-template-columns:30px 1fr;gap:13px;align-items:start}
.step-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:12px;font-weight:550}
.home-page .step-card h3{font-family:Murmeli Inter,Arial,sans-serif;font-size:15px;font-weight:650;line-height:1.6;letter-spacing:-.2px;margin:0 0 8px}
.home-page .step-card p{font-size:13px;line-height:1.85;margin:0}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:45px;row-gap:32px}
.feature-card{border-top:1px solid var(--line);padding-top:22px}
.feature-icon{color:var(--accent);display:flex;align-items:center;height:24px;margin-bottom:13px}
.feature-icon svg,svg.feature-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home-page .feature-card h3{font-size:21px;margin:0 0 9px;line-height:1.25;letter-spacing:-.4px}
.home-page .feature-card p{font-size:13px;line-height:1.9;margin:0}
.home-page .connection-note{margin-top:30px;border-left:2px solid #c58e61;padding:3px 0 3px 19px;font-size:12px;line-height:1.85;max-width:850px}
.home-page .connection-note p{font-size:14px;line-height:1.9;margin:0 0 14px}
.home-page .connection-note p:last-child{margin-bottom:0}
.home-page .pricing-section{background:var(--soft);border-radius:18px;padding:43px 42px;margin:0 22px 0}
.pricing-card{display:grid;grid-template-columns:1.1fr 1fr;column-gap:50px;row-gap:23px;align-items:start}
.pricing-card>.purchase-note{grid-column:1/-1;max-width:none}
.home-page .pricing-section .section-heading{font-size:35px;margin-bottom:15px}
.home-page .pricing-section p{font-size:14px;line-height:1.85;margin:0}
.price-regions{display:grid;gap:0;border-top:1px solid #d6cdbf}
.region-price{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #d6cdbf;padding:11px 0;font-size:12px}
.region-price strong{font-size:20px;font-weight:550;letter-spacing:-.5px;white-space:nowrap}
.home-page .platform-note{font-size:12px;line-height:1.8;margin:23px 0 0}
.home-page .platform-section{padding-top:34px;padding-bottom:20px}
.home-page .platform-note h2{font-family:Murmeli Inter,Arial,sans-serif;font-size:15px;font-weight:650;margin:0 0 10px;letter-spacing:0}
.home-page .platform-note p{font-size:12px;line-height:1.9;margin:0;max-width:920px}
.home-page #faq{padding:65px 22px 30px;max-width:850px;margin:0 auto}
.home-page #faq h2{font-size:36px;margin:0 0 25px}
.home-page .faq{display:grid;gap:0;max-width:none;border-top:1px solid var(--line);padding:0}
.home-page .faq-item{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0}
.home-page .faq-item summary{display:flex;gap:25px;align-items:center;justify-content:space-between;cursor:pointer;padding:18px 0;font-size:14px;font-weight:600;line-height:1.65;list-style:none}
.home-page .faq-item summary::-webkit-details-marker{display:none}
.home-page .faq-item summary::after{content:'+';font-size:23px;font-weight:400;color:var(--accent);flex-shrink:0;line-height:1}
.home-page .faq-item[open] summary::after{content:'−'}
.home-page .faq-item>p{padding:0 25px 20px 0;font-size:13px;line-height:1.9;border:0;margin:0}
.home-page #ratgeber{padding:45px 22px 50px}
.home-page #ratgeber h2{font-size:36px;margin:0 0 25px}
.home-page .ratgeber{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:none;margin:0;padding:0}
.home-page .ratgeber li{margin:0}
.home-page .ratgeber a{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:23px;border-radius:11px;font-size:16px;line-height:1.55;font-weight:600;height:100%;text-decoration:none}
.home-page .ratgeber a::after{content:'↗';font-size:22px;font-weight:400;color:var(--accent);margin-top:auto;padding-top:20px}
.home-page .ratgeber a:hover{border-color:#c9bca9;background:#eee4d6}
.home-page .ratgeber li:last-child{grid-column:1/-1}
.home-page .ratgeber li:last-child a{display:inline-flex;flex-direction:row;align-items:center;gap:5px;border:0;background:none;padding:3px 0;font-size:12px;color:var(--accent)}
.home-page .ratgeber li:last-child a::after{content:'→';font-size:14px;margin:0;padding:0}
.site-page .laden{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:42px 0 10px;padding:0}
.site-page .laden a.knopf{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:var(--paper);padding:13px 20px;min-width:175px;border-radius:8px;text-decoration:none}
.site-page .laden a.knopf:hover{background:#264555;transform:none}
.site-page .laden svg{width:24px;height:24px;flex-shrink:0}
.site-page .laden .s1{display:block;color:inherit;font-size:10px;font-weight:450;line-height:1.15;opacity:.85;text-align:left}
.site-page .laden .s2{display:block;color:inherit;font-size:17px;font-weight:600;line-height:1.15;text-align:left;margin-top:3px}
.home-page .laden{border-top:1px solid var(--line);padding:32px 0 54px;margin:0 22px}
.site-footer{max-width:none;border-top:1px solid var(--line);padding:0;margin:0;background:var(--paper);font-size:12px;text-align:left;color:var(--dim)}
.footer-inner{max-width:1180px;margin:auto;padding:40px 54px 45px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:35px}
.footer-brand>a{font-family:Murmeli Nunito,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.7px;color:var(--ink);text-decoration:none}
.footer-brand p{font-size:12px;margin:4px 0 15px;line-height:1.7}
.footer-origin{display:flex;gap:8px;align-items:center;font-size:10px}
.footer-origin .swiss-flag{width:13px;height:13px}
.site-footer nav{display:flex;flex-direction:column;gap:10px;padding-top:8px;align-items:flex-start}
.site-footer a{color:var(--dim);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}
.site-footer nav span{margin-top:6px;font-size:11px}
/* Blog index and article classes are emitted by murmeli-growth. */
.site-page.blog-index-page main{width:min(1080px,calc(100% - 64px));max-width:1080px;margin:auto;padding:48px 0 55px}
.site-page.blog-article-page main{width:min(850px,calc(100% - 64px));max-width:850px;margin:auto;padding:36px 0 55px}
.guide-intro{max-width:700px;margin:0 0 32px}.guide-intro h1{margin:0 0 18px}.guide-intro p{font-size:17px;line-height:1.8}
.guide-topics{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 35px;padding:0}
.guide-topics a{display:block;border:1px solid var(--line);border-radius:7px;padding:8px 13px;font-size:12px;color:var(--ink);text-decoration:none}
.guide-topics a:hover{background:var(--soft);border-color:#c9bca9}
.guide-section{margin:45px 0}.guide-section h2{font-size:28px;margin:0 0 22px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.guide-card{padding:24px 0;border-top:1px solid var(--line);min-width:0}
.guide-grid>.guide-card:not(.guide-feature){border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.guide-card h2,.guide-card h3{font-size:25px;line-height:1.25;margin:8px 0 12px;letter-spacing:-.6px}
.guide-card h2 a,.guide-card h3 a{color:var(--ink);text-decoration:none}
.guide-card h2 a:hover,.guide-card h3 a:hover{color:var(--accent)}
.guide-card p{font-size:13px;line-height:1.85;margin:0 0 14px}
.guide-feature{background:var(--soft);border:1px solid var(--line);border-radius:15px;padding:30px;display:grid;grid-template-columns:1fr 1.4fr;gap:35px;align-items:center;margin:30px 0 40px}
.guide-grid>.guide-feature{grid-column:1/-1}
.guide-feature h2,.guide-feature h3{font-size:36px;margin:9px 0 15px;letter-spacing:-1px;line-height:1.15}
.guide-feature p{font-size:14px;line-height:1.8}
.guide-feature img{max-height:300px;width:auto;margin:auto;display:block;border-radius:15px}
.guide-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;margin-bottom:27px;color:var(--dim)}
.guide-breadcrumbs a{color:var(--dim);text-decoration:none}
.article-heading{max-width:790px;margin:0 0 28px}
.article-heading h1{font-size:clamp(34px,4.4vw,52px);line-height:1.12;margin:0 0 21px}
.article-heading p{font-size:18px;line-height:1.8;max-width:740px}
.article-meta{font-size:12px;color:var(--dim);line-height:1.65;display:flex;gap:8px 18px;flex-wrap:wrap;margin:17px 0}
.article-toc{padding:17px 20px;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin:24px 0 30px;font-size:13px}
.article-toc summary{cursor:pointer;font-weight:650}.article-toc ol,.article-toc ul{margin:15px 0 0;padding-left:19px;columns:2;column-gap:28px}.article-toc li{break-inside:avoid;line-height:1.6;margin:7px 0}.article-toc a{color:var(--dim);text-decoration:none}
.article-content{max-width:var(--reading);margin:auto;min-width:0}
.article-content p,.article-content li{font-size:16px;line-height:1.9}.article-content p{margin-bottom:21px}.article-content h2{margin-top:43px}.article-content h3{font-size:21px}
.article-content blockquote{border-left:2px solid #c58e61;background:var(--soft);margin:25px 0;padding:18px 23px}
.article-content blockquote p:last-child{margin-bottom:0}
.related-guides{border-top:1px solid var(--line);margin:45px 0 0;padding-top:30px}.related-guides h2{font-size:28px;margin:0 0 20px}.related-guides .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related-guides .guide-card h3{font-size:18px}.related-guides .guide-card p{font-size:12px}
@media(min-width:1500px){.header-inner{min-height:106px}.home-page .hero{padding-top:75px;padding-bottom:75px}}
@media(max-width:1100px){.header-inner{gap:18px;padding-left:26px;padding-right:26px}.site-navigation{gap:17px}.site-navigation .nav-wide{display:none}.home-page .hero{gap:22px;padding-left:15px;padding-right:15px}.home-page h1.hero-title{font-size:56px}.hero-phones .device-parent{width:185px;right:5%;top:25px}.hero-phones .device-baby{width:140px;left:1%;top:85px}.hero-phones{height:475px}.store-link{min-width:160px;padding-left:15px;padding-right:15px}.home-page .hero-lead{font-size:15px}}
@media(max-width:850px){.header-inner{min-height:83px;padding:17px 24px;gap:15px}.site-brand{font-size:25px;gap:7px}.site-brand img{width:34px;height:34px}.site-navigation{gap:16px;font-size:11px}.site-navigation a:first-child{display:none}.header-download{font-size:11px}.language-buttons a{width:29px;height:33px;font-size:10px}.home-main{padding:0 24px}.home-page .hero{padding:42px 0 45px;gap:22px;grid-template-columns:1.1fr 1fr}.home-page h1.hero-title{font-size:46px;letter-spacing:-2px}.hero-phones{height:410px}.hero-phones .device-parent{width:150px;right:0;top:24px}.hero-phones .device-baby{width:114px;left:0;top:80px}.hero-phones .device-frame{border-radius:26px;padding:5px}.hero-phones img{border-radius:21px}.store-links{gap:9px}.store-link{min-width:136px;padding:12px 11px;gap:9px}.store-link svg{width:20px;height:20px}.store-copy strong{font-size:15px}.store-copy small{font-size:9px}.home-page .hero-lead{font-size:14px}.home-page .eyebrow{font-size:10px;letter-spacing:1.1px}.home-page .home-section{padding:45px 0}.home-page .section-heading{font-size:33px}.home-page .trust-strip{padding:21px 0;gap:18px 24px;font-size:11px}.steps-grid{gap:22px}.step-card{gap:10px;grid-template-columns:26px 1fr}.step-number{width:26px;height:26px}.home-page .step-card h3{font-size:14px}.home-page .step-card p{font-size:12px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.home-page .pricing-section{margin:0;padding:30px}.pricing-card{gap:30px}.home-page .pricing-section .section-heading{font-size:30px}.home-page #faq,.home-page #ratgeber{padding-left:0;padding-right:0}.home-page .ratgeber a{padding:18px;font-size:14px}.home-page .laden{margin-left:0;margin-right:0}.footer-inner{padding:35px 32px;gap:25px}.guide-feature{gap:25px}.guide-feature h2,.guide-feature h3{font-size:30px}}
@media(max-width:620px){
 .header-inner{padding:12px 5%;min-height:72px;gap:8px;justify-content:space-between}.site-brand{font-size:23px;gap:6px;margin-right:0;letter-spacing:-.7px}.site-brand img{width:29px;height:29px}.site-navigation,.header-download{display:none}.language-buttons{gap:4px}.language-buttons a{width:31px;height:38px;font-size:10px}
 .mobile-navigation{display:flex;gap:20px;align-items:center;padding:5px 5%;border-top:1px solid var(--line);min-height:43px;font-size:11px;line-height:1.4}.mobile-navigation a{display:flex;align-items:center;min-height:32px;color:var(--ink);text-decoration:none}.mobile-navigation a:first-child{margin-right:auto}
 .home-main{padding:0 6%}.home-page .hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:29px 0 33px}.home-page .eyebrow{font-size:10px;letter-spacing:1.1px;gap:9px;margin-bottom:18px}.eyebrow .swiss-flag{width:20px;height:20px}.home-page h1.hero-title{font-size:44px;letter-spacing:-2px;line-height:1.06;max-width:480px}.home-page .hero-lead{font-size:14px;line-height:1.8;margin-top:17px;max-width:450px}
 .store-links{margin-top:22px;display:flex;flex-wrap:nowrap;gap:9px}.store-link{min-width:0;flex:1;padding:14px 10px;gap:9px;max-width:240px}.store-link svg{width:22px;height:22px}.store-copy strong{font-size:16px}.store-copy small{font-size:9px}.home-page .trial-note{font-size:11px;line-height:1.8;margin-top:13px}.home-page .purchase-note{font-size:11px;line-height:1.75;margin-top:10px}
 .hero-media{width:100%;max-width:420px;margin:7px auto 0;align-self:center}.hero-phones{height:370px;margin:0 0 15px}.hero-phones::before{inset:10px 0 4px}.hero-phones .device-parent{width:150px;right:12%;top:0}.hero-phones .device-baby{width:116px;left:10%;top:28px}.hero-phones figcaption{font-size:10px;margin-top:11px}.hero-phones .device-frame{border-radius:26px;padding:5px}.hero-phones img{border-radius:21px}
 .home-page .trust-strip{justify-content:flex-start;padding:20px 0;gap:13px 21px;font-size:11px}.home-page .home-section{padding:35px 0}.home-page .section-heading{font-size:31px;margin-bottom:23px}.home-page .section-intro{font-size:14px;line-height:1.85;margin-bottom:25px}.steps-grid{grid-template-columns:1fr;gap:23px}.step-card{grid-template-columns:28px 1fr;gap:12px}.step-number{width:28px;height:28px}.home-page .step-card h3{font-size:15px;margin-bottom:5px}.home-page .step-card p{font-size:13px;line-height:1.85}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding-top:21px}.feature-icon{margin-bottom:12px}.home-page .feature-card h3{font-size:23px;margin-bottom:10px}.home-page .feature-card p{font-size:14px}.home-page .connection-note{font-size:12px;line-height:1.9;padding-left:16px;margin-top:27px}
 .home-page .pricing-section{padding:26px 22px;border-radius:12px;margin:0 -3px}.pricing-card{grid-template-columns:1fr;gap:24px}.home-page .pricing-section .section-heading{font-size:29px}.home-page .pricing-section p{font-size:13px}.region-price{font-size:12px;padding:12px 0}.region-price strong{font-size:21px}.home-page .platform-note{font-size:11px;margin-top:21px}
 .home-page #faq{padding-top:42px;padding-bottom:20px}.home-page #faq h2,.home-page #ratgeber h2{font-size:30px}.home-page .faq-item summary{font-size:13px;padding:18px 0;gap:18px}.home-page .faq-item>p{font-size:13px;line-height:1.85;padding-right:0}.home-page #ratgeber{padding-top:30px;padding-bottom:30px}.home-page .ratgeber{grid-template-columns:1fr;gap:11px}.home-page .ratgeber a{font-size:16px;padding:20px;line-height:1.5}.home-page .ratgeber a::after{margin-top:15px}.home-page .ratgeber li:last-child{padding-top:5px}.home-page .laden{padding:28px 0 36px;flex-wrap:nowrap;gap:9px}.site-page .laden a.knopf{flex:1;min-width:0;padding:13px 11px;gap:9px}.site-page .laden svg{width:21px;height:21px}.site-page .laden .s1{font-size:9px}.site-page .laden .s2{font-size:15px}
 .site-page.document-page main,.site-page.blog-article-page main,.site-page.blog-index-page main{width:calc(100% - 40px);max-width:none;padding-top:30px;padding-bottom:40px}.site-page h1{font-size:34px;letter-spacing:-1.15px;margin-bottom:22px}.site-page h2{font-size:27px;margin-top:34px}.site-page h3{font-size:22px}.document-page main p,.document-page main li,.article-content p,.article-content li{font-size:15px;line-height:1.9}.document-page main>article>p:first-of-type{font-size:16px}.document-page .antwort,.document-page .note{padding:20px;border-radius:8px}.document-page .lob,.document-page .grenzen{padding:19px 20px}.document-page .ich{grid-template-columns:1fr;gap:23px}.document-page .ich figure{max-width:340px;margin:0 auto}.document-toc{margin:20px 0 27px}.document-toc ol{columns:1}.site-page table{font-size:13px}.site-page td,.site-page th{padding:11px 12px}.table-scroll{margin:22px 0}
 .guide-intro h1{font-size:38px}.guide-intro p{font-size:15px}.guide-topics{gap:8px;margin-bottom:27px}.guide-topics a{font-size:11px;padding:8px 11px}.guide-section{margin:33px 0}.guide-section h2{font-size:26px}.guide-grid{grid-template-columns:1fr;gap:0}.guide-card{padding:23px 0}.guide-card h2,.guide-card h3{font-size:26px}.guide-card p{font-size:14px;line-height:1.85}.guide-feature{grid-template-columns:1fr;gap:23px;padding:22px;border-radius:12px}.guide-feature h2,.guide-feature h3{font-size:30px}.guide-feature img{max-height:235px}.guide-feature p{font-size:14px}.article-heading h1{font-size:35px;letter-spacing:-1.25px}.article-heading p{font-size:16px;line-height:1.85}.article-meta{font-size:11px;gap:7px 14px}.guide-breadcrumbs{font-size:10px;gap:6px;margin-bottom:23px}.article-toc{padding:16px 18px;font-size:12px}.article-toc ol,.article-toc ul{columns:1}.related-guides .guide-grid{grid-template-columns:1fr;gap:0}.related-guides .guide-card h3{font-size:22px}.related-guides .guide-card p{font-size:13px}
 .footer-inner{grid-template-columns:1fr 1fr;padding:30px 6% 35px;gap:28px 22px}.footer-brand{grid-column:1/-1}.footer-brand>a{font-size:25px}.footer-brand p{font-size:12px}.site-footer nav{gap:12px;padding:0;font-size:11px;line-height:1.5}
}
@media(max-width:350px){.header-inner{gap:6px;padding-left:5%;padding-right:5%}.site-brand{font-size:20px;gap:5px}.site-brand img{width:24px;height:24px}.language-buttons{gap:3px}.language-buttons a{width:29px;height:37px}.mobile-navigation{gap:16px;font-size:10px}.home-page h1.hero-title{font-size:38px;letter-spacing:-1.65px}.home-page .eyebrow{font-size:9px;letter-spacing:.8px}.store-link{padding:13px 8px;gap:7px}.store-link svg{width:18px;height:18px}.store-copy strong{font-size:14px}.hero-phones{height:340px}.hero-phones .device-parent{width:137px;right:5%}.hero-phones .device-baby{width:105px;left:4%}.home-page .purchase-note br{display:none}.home-page .section-heading{font-size:29px}.site-page .laden a.knopf{padding:12px 8px;gap:7px}.site-page .laden .s2{font-size:14px}.site-page .laden svg{width:19px;height:19px}}
@media(pointer:coarse){.language-buttons a{min-height:44px}.site-navigation a,.site-footer nav a{min-height:32px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Contrast is fixed locally because these diagrams represent the dark app UI. */
.document-page .pille {
  background: #e3efe6;
  color: #17422e;
  white-space: normal;
}
.document-page .pille .punkt { background: #287651; }
.document-page .pille .i { color: #28503b; border-color: #28503b; }
.document-page .schirm {
  --example-ink: #f7f1e7;
  --example-muted: #c0cfda;
  --example-accent: #ffd5ae;
  color: var(--example-ink);
  background: #102437;
  border-color: #2f4a60;
  max-width: 100%;
}
.document-page .schirm pre {
  color: var(--example-ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.document-page .schirm .hell { color: var(--example-accent); }
.document-page .schirm figcaption,
.document-page .schirm p { color: var(--example-muted); }
.document-page .schirm strong { color: var(--example-ink); }

@media (max-width: 1100px) and (min-width: 851px) {
  .hero-phones .device-baby { left: calc(50% - 135px); }
  .hero-phones .device-parent { left: calc(50% - 18px); right: auto; }
}
@media (max-width: 850px) {
  .site-brand img { width: 38px; height: 38px; }
}
@media (max-width: 850px) and (min-width: 621px) {
  .hero-phones .device-baby { left: calc(50% - 113px); }
  .hero-phones .device-parent { left: calc(50% - 16px); right: auto; }
}
@media (max-width: 620px) {
  .site-brand img { width: 32px; height: 32px; }
  .hero-phones .device-parent { left: auto; }
  .home-page .ratgeber a::after { margin-top: auto; padding-top: 15px; }
  .home-page .ratgeber li:last-child a::after { margin: 0; padding: 0; }
  .document-page .schirm { padding: 15px; }
  .document-page .schirm pre { font-size: 12px; line-height: 1.75; }
}
@media (max-width: 350px) {
  .site-brand img { width: 26px; height: 26px; }
}
