@layer screens{
html.ig-install-aktiv,html.ig-install-aktiv body{overflow:hidden;max-width:100%;background:var(--klar-bg)}
html.ig-install-aktiv #sh-main,html.ig-install-aktiv #sh-nav{visibility:hidden}
.ig-wrap{position:fixed;inset:0;z-index:var(--z-install);display:flex;flex-direction:column;overflow:hidden;background:var(--klar-bg);color:var(--klar-ink);font:400 var(--fs-body)/1.5 var(--f);isolation:isolate}
.ig-wrap *{box-sizing: border-box;}
.ig-wrap h1,.ig-wrap h2,.ig-wrap h3,.ig-wrap p{margin: 0px;}
.ig-wrap button,.ig-wrap select{font: inherit; color: inherit;}
.ig-wrap button,.ig-wrap a,.ig-wrap summary{touch-action: manipulation;}
.ig-wrap button,.ig-wrap summary{cursor: pointer;}
.ig-wrap a{color: inherit; text-underline-offset: 3px;}
.ig-wrap button:focus-visible,.ig-wrap a:focus-visible,.ig-wrap summary:focus-visible,.ig-wrap select:focus-visible{outline: 2px solid var(--klar-accent); outline-offset: 3px;}
.ig-wrap button{background: transparent; border: 1px solid var(--klar-line); border-radius: var(--r-chip); padding: 8px 16px; min-height: 44px;}
.ig-wrap select{background: var(--klar-bg); border: 1px solid var(--klar-line); border-radius: var(--r-chip); padding: 8px;}
.ig-wrap b,.ig-wrap strong{font-weight: var(--klar-fw-row);}
.ig-wrap [hidden]{display: none;}
.ig-wrap .ig-eyebrow{font-size: var(--fs-eb); letter-spacing: var(--lsp-eb); font-weight: var(--klar-fw-label); text-transform: uppercase; color: var(--klar-accent);}
.ig-wrap .ig-brand{height: 64px; display: flex; align-items: center; padding: 12px var(--edge); gap: 12px; border-bottom: 1px solid var(--klar-soft);}
.ig-wrap .ig-brand img{height: 27px; width: auto; max-width: 48%;}
.ig-wrap .ig-brand span{font-size: var(--fs-mini); color: var(--klar-sub);}
.ig-wrap .ig-content{padding: var(--sp-7) var(--edge); flex: 1 1 0%;}
.ig-wrap .ig-intro h3{font-size: var(--fs-lead); font-weight: var(--klar-fw-title); line-height: 1.3; text-transform: uppercase;}
.ig-wrap .ig-dot{color: var(--klar-accent);}
.ig-wrap .ig-subtitle{color: var(--klar-sub); font-size: var(--fs-sub); margin-top: var(--sp-1); display: flex; align-items: flex-start; gap: var(--sp-2);}
.ig-wrap .ig-section{margin-top: var(--sp-7);}
.ig-wrap .ig-section > .ig-eyebrow{margin-bottom: var(--sp-4);}
.ig-wrap .ig-card{position: relative; border: var(--klar-line-width) solid var(--klar-line); border-radius: var(--r-card); background: var(--klar-surface-subtle);}
.ig-wrap .ig-card::before,.ig-wrap .ig-card::after{content: ""; position: absolute; width: calc(var(--r-card) + var(--sp-3)); height: calc(var(--r-card) + var(--sp-3)); border: 0 solid var(--klar-accent); pointer-events: none;}
.ig-wrap .ig-card::before{top: -1px; left: -1px; border-top-width: 1px; border-left-width: 1px; border-top-left-radius: var(--r-card);}
.ig-wrap .ig-card::after{bottom: -1px; right: -1px; border-bottom-width: 1px; border-right-width: 1px; border-bottom-right-radius: var(--r-card);}
.ig-wrap .ig-steps{padding: 0 var(--row-x);}
.ig-wrap .ig-step{position: relative; display: grid; grid-template-columns: 24px minmax(0px, 1fr); column-gap: var(--sp-4); padding: var(--sp-5) 0;}
.ig-wrap .ig-step + .ig-step::before{content: ""; position: absolute; top: 0px; left: 36px; right: 0px; border-top: 1px solid var(--klar-soft);}
.ig-wrap .ig-num{color: var(--klar-accent); font-size: var(--fs-row); line-height: 1.5;}
.ig-wrap .ig-step b{font-size: var(--fs-row); line-height: 1.5; display: block;}
.ig-wrap .ig-step p{font-size: var(--fs-sub); color: var(--klar-sub); margin-top: var(--sp-1);}
.ig-wrap svg{width: 24px; height: 24px; flex: 0 0 auto;}
.ig-wrap .ig-info{display: flex; gap: var(--sp-3); align-items: flex-start; padding: var(--sp-4) var(--row-x); border: 1px solid var(--klar-soft); border-radius: var(--r-field); color: var(--klar-sub); font-size: var(--fs-sub); margin-top: var(--sp-5);}
.ig-wrap .ig-info > span:first-child{flex: 0 0 auto;}
.ig-wrap .ig-finish{display: flex; align-items: center; gap: var(--sp-4); margin-top: var(--sp-7); padding-inline: var(--row-x);}
.ig-wrap .ig-finish img{width: 40px; height: 40px; border-radius: 10px;}
.ig-wrap .ig-finish p{color: var(--klar-sub); font-size: var(--fs-sub);}
.ig-wrap .ig-finish b{display: block; color: var(--klar-ink); font-size: var(--fs-body);}
.ig-wrap .ig-help{margin-top: var(--sp-5); font-size: var(--fs-sub); color: var(--klar-sub);}
.ig-wrap .ig-help summary{min-height: 44px; display: flex; align-items: center; justify-content: space-between; list-style: none; border-bottom: 1px solid var(--klar-soft);}
.ig-wrap .ig-help summary::-webkit-details-marker{display: none;}
.ig-wrap .ig-help summary::after{content: "+"; font-size: 21px;}
.ig-wrap .ig-help[open] > summary::after{content: "−";}
.ig-wrap .ig-help p{margin-top: var(--sp-4);}
.ig-wrap .ig-action{width: 100%; border-color: var(--klar-accent-line); color: var(--klar-accent); font-weight: 500; margin-top: var(--sp-7); min-height: 44px;}
.ig-wrap .ig-action.ig-secondary{color: var(--klar-sub); border-color: var(--klar-line); margin-top: var(--sp-4);}
.ig-wrap .ig-install-tile{padding: var(--sp-6) var(--row-x); display: flex; align-items: center; gap: 16px;}
.ig-wrap .ig-install-tile img{width: 48px; height: 48px; border-radius: 12px;}
.ig-wrap .ig-install-tile p{color: var(--klar-sub); font-size: var(--fs-sub);}
.ig-wrap .ig-browser-guide{margin-top: var(--sp-5);}
.ig-wrap .ig-guide-caption{font-size: var(--fs-mini); color: var(--klar-sub); margin: 0px;}
.ig-wrap .ig-visual-steps{list-style: none; margin: var(--sp-5) 0 0; padding: 0px; display: grid; gap: var(--sp-7);}
.ig-wrap .ig-visual-title{display: grid; grid-template-columns: 24px minmax(0px, 1fr); gap: var(--sp-4); align-items: start; color: var(--klar-ink); font-size: var(--fs-row);}
.ig-wrap .ig-browser-example,.ig-wrap .ig-menu-example,.ig-wrap .ig-confirm-example{margin: var(--sp-4) 0 0 36px; border: 1px solid var(--klar-line); border-radius: var(--r-field); background: var(--klar-surface-subtle); color: var(--klar-ink);}
.ig-wrap .ig-browser-example{padding: var(--sp-3); display: flex; align-items: center; gap: var(--sp-3);}
.ig-wrap .ig-address{background: var(--klar-active); border-radius: var(--r-chip); padding: var(--sp-3) var(--sp-4); font-size: var(--fs-mini); flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere;}
.ig-wrap .ig-target{border: 1px solid var(--klar-accent-line); border-radius: var(--r-chip); color: var(--klar-accent); width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center;}
.ig-wrap .ig-menu-example{padding: var(--sp-4);}
.ig-wrap .ig-menu-choice{display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-sub); line-height: 1.5;}
.ig-wrap .ig-menu-choice > svg{color: var(--klar-accent); width: 20px; height: 20px;}
.ig-wrap .ig-menu-choice > span:nth-child(2){flex: 1 1 0%;}
.ig-wrap .ig-menu-choice > span:nth-child(3){color: var(--klar-sub); font-size: 21px;}
.ig-wrap .ig-menu-follow{display: flex; align-items: center; gap: var(--sp-4); margin: var(--sp-4) 0 0 28px; color: var(--klar-accent);}
.ig-wrap .ig-menu-follow > span:last-child{border: 1px solid var(--klar-accent-line); border-radius: var(--r-chip); padding: var(--sp-2) var(--sp-4); font-size: var(--fs-sub);}
.ig-wrap .ig-confirm-example{padding: var(--sp-4);}
.ig-wrap .ig-example-app{display: flex; align-items: center; gap: var(--sp-3);}
.ig-wrap .ig-example-app img{width: 36px; height: 36px; border-radius: 8px;}
.ig-wrap .ig-example-app b{display: block; font-size: var(--fs-body);}
.ig-wrap .ig-example-app div > span{display: block; font-size: var(--fs-mini); color: var(--klar-sub);}
.ig-wrap .ig-example-actions{display: flex; align-items: center; justify-content: flex-end; gap: var(--sp-4); margin-top: var(--sp-5); font-size: var(--fs-mini); color: var(--klar-sub);}
.ig-wrap .ig-example-install{border: 1px solid var(--klar-accent-line); border-radius: var(--r-chip); padding: var(--sp-2) var(--sp-4); color: var(--klar-accent);}
.ig-wrap .ig-browser-detected{display: flex; align-items: center; gap: var(--sp-3); margin-top: var(--sp-5); color: var(--klar-sub); font-size: var(--fs-sub);}
.ig-wrap .ig-browser-detected > span{display: flex;}
.ig-wrap .ig-browser-detected svg{width: 20px; height: 20px;}
.ig-wrap .ig-browser-detected p{color: var(--klar-ink);}
.ig-wrap .ig-browser-detected small{display: block; color: var(--klar-sub); font-size: var(--fs-mini); margin-top: var(--sp-1);}
.ig-wrap .ig-browser-options{padding-inline: var(--row-x); margin-top: var(--sp-4); border: 1px solid var(--klar-line); border-radius: var(--r-card);}
.ig-wrap .ig-browser-options button{display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); width: 100%; min-height: 48px; padding: var(--sp-4) 0; border: 0px; border-radius: 0px; text-align: left; font-size: var(--fs-body);}
.ig-wrap .ig-browser-options button + button{border-top: 1px solid var(--klar-soft);}
.ig-wrap .ig-choice-circle{width: 20px; height: 20px; flex: 0 0 auto; border: 1px solid var(--klar-sub); border-radius: 50%; display: grid; place-items: center; font-size: 13px;}
.ig-wrap .ig-browser-options [aria-pressed="true"] .ig-choice-circle{background: var(--klar-accent); border-color: var(--klar-accent); color: var(--hl-ink);}
.ig-wrap .ig-reset-browser{display: block; margin-top: var(--sp-4); width: 100%; font-size: var(--fs-sub);}
.ig-wrap .ig-copy-feedback{overflow-wrap: anywhere; font-size: var(--fs-sub); color: var(--klar-sub); margin-top: var(--sp-3);}
.ig-wrap .ig-copy-feedback:empty{display: none;}
.ig-wrap .ig-finish.ig-card{padding: var(--sp-5) var(--row-x);}
.ig-wrap .ig-finish.ig-card > div{min-width: 0px;}
.ig-wrap .ig-browser-settings-card{padding: 0 var(--row-x);}
.ig-wrap .ig-browser-settings-card .ig-browser-detected{margin: 0px; padding: var(--sp-5) 0; gap: var(--sp-4);}
.ig-wrap .ig-browser-settings-card .ig-browser-detected > span{align-self: flex-start; margin-top: var(--sp-1);}
.ig-wrap .ig-browser-settings-card .ig-browser-detected p{min-width: 0px; font-size: var(--fs-body);}
.ig-wrap .ig-browser-settings-card .ig-browser-detected small{font-size: var(--fs-sub);}
.ig-wrap .ig-browser-settings-card .ig-browser-correction{margin-top: 0px; margin-left: 32px;}
.ig-wrap .ig-browser-settings-card .ig-browser-correction > summary{border-bottom: 0px; border-top: 1px solid var(--klar-soft); padding-block: var(--sp-4); gap: var(--sp-4);}
.ig-wrap .ig-browser-settings-card .ig-browser-options{border: 0px; padding: 0px; margin: 0px;}
.ig-wrap .ig-browser-settings-card .ig-browser-options button{font-size: var(--fs-sub);}
.ig-wrap .ig-browser-settings-card .ig-reset-browser{margin-bottom: var(--sp-4);}
.ig-wrap .ig-manual-card{margin-top: var(--sp-7);}
.ig-wrap .ig-manual-toggle{display: flex; align-items: center; gap: var(--sp-4); width: 100%; border: 0px; border-radius: var(--r-card); padding: var(--sp-5) var(--row-x); text-align: left;}
.ig-wrap .ig-manual-emoji{flex: 0 0 24px; align-self: flex-start; font-size: var(--fs-row); line-height: 1.5;}
.ig-wrap .ig-manual-copy{min-width: 0px; flex: 1 1 0%;}
.ig-wrap .ig-manual-copy b{display: block; font-size: var(--fs-row); font-weight: var(--klar-fw-row); line-height: 1.5;}
.ig-wrap .ig-manual-copy small{display: block; color: var(--klar-sub); font-size: var(--fs-sub); margin-top: var(--sp-1); line-height: 1.5;}
.ig-wrap .ig-manual-chevron{width: 20px; height: 20px; color: var(--klar-sub); transition: transform var(--motion-expand) var(--ease-standard);}
.ig-wrap .ig-manual-toggle[aria-expanded="true"] .ig-manual-chevron{transform: rotate(180deg); color: var(--klar-accent);}
.ig-wrap .ig-manual-reveal{display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows var(--motion-expand) var(--ease-standard),opacity var(--motion-content) var(--ease-standard);}
.ig-wrap .ig-manual-reveal.is-open{grid-template-rows: 1fr; opacity: 1;}
.ig-wrap .ig-manual-clip{min-height: 0px; overflow: hidden;}
.ig-wrap .ig-manual-content{padding: 0 var(--row-x) var(--sp-5);}
.ig-wrap .ig-manual-content::before{content: ""; display: block; border-top: 1px solid var(--klar-soft); margin-left: 36px; margin-bottom: var(--sp-5);}
.ig-wrap .ig-manual-content .ig-browser-guide{margin: 0px; animation:none;}
.ig-wrap .ig-manual-content .ig-guide-caption{font-size: var(--fs-mini); padding-left: 36px; line-height: 1.5;}
.ig-wrap .ig-manual-content .ig-visual-steps{gap: 0px; margin-top: var(--sp-5);}
.ig-wrap .ig-manual-content .ig-visual-steps > li{padding-bottom: var(--sp-5); position: relative;}
.ig-wrap .ig-manual-content .ig-visual-steps > li + li{padding-top: var(--sp-5);}
.ig-wrap .ig-manual-content .ig-visual-steps > li + li::before{content: ""; position: absolute; top: 0px; left: 36px; right: 0px; border-top: 1px solid var(--klar-soft);}
.ig-wrap .ig-manual-content .ig-visual-steps > li:last-child{padding-bottom: 0px;}
.ig-wrap .ig-manual-content .ig-visual-title .ig-num,.ig-wrap .ig-ios-direct-steps .ig-num{font-size: var(--fs-sub); border: 1px solid var(--klar-accent-line); width: 24px; height: 24px; border-radius: var(--r-chip); display: grid; place-items: center;}
.ig-wrap .ig-manual-content .ig-visual-title b{font-size: var(--fs-body);}
.ig-wrap .ig-manual-content .ig-browser-example,.ig-wrap .ig-manual-content .ig-menu-example,.ig-wrap .ig-manual-content .ig-confirm-example{border-color: var(--klar-soft); background: transparent;}
.ig-wrap .ig-manual-content .ig-help{margin-left: 36px; margin-top: var(--sp-5);}
.ig-wrap .ig-manual-content .ig-help > summary{border-bottom: 0px; font-size: var(--fs-sub); gap: var(--sp-3);}
.ig-wrap .ig-manual-content > .ig-eyebrow{margin-bottom: var(--sp-4);}
.ig-wrap .ig-manual-content > .ig-steps{border: 0px; border-radius: 0px; padding: 0px; background: none;}
.ig-wrap .ig-manual-content > .ig-steps::before,.ig-wrap .ig-manual-content > .ig-steps::after{display: none;}
@media (prefers-reduced-motion: reduce){.ig-wrap .ig-manual-reveal,.ig-wrap .ig-manual-chevron{transition: none;}}
.ig-wrap .ig-install-tile p{font-size: var(--fs-sub);}
.ig-wrap .ig-app-install-section > .ig-card,.ig-wrap .ig-manual-section > .ig-card,.ig-wrap .ig-browser-settings > .ig-card{margin-inline: var(--sp-2);}
.ig-wrap .ig-install-group .ig-install-tile{padding: var(--sp-5) var(--row-x);}
.ig-wrap .ig-install-group-action{padding: 0 var(--row-x);}
.ig-wrap .ig-install-group-action > .ig-action{margin-top: var(--sp-3);}
.ig-wrap .ig-install-group-action > .ig-info{margin-top: var(--sp-5);}
.ig-wrap .ig-install-group-finish{display: flex; align-items: center; gap: var(--sp-4); padding: var(--sp-5) var(--row-x); margin-top: var(--sp-5); background: var(--klar-active); border-radius: 0 0 var(--r-card) var(--r-card);}
.ig-wrap .ig-install-group-finish > img{width: 40px; height: 40px; flex: 0 0 auto; border-radius: var(--r-field);}
.ig-wrap .ig-install-group-finish > div{min-width: 0px;}
.ig-wrap .ig-install-group-finish b{font-size: var(--fs-body); font-weight: var(--klar-fw-row); display: block;}
.ig-wrap .ig-install-group-finish p{font-size: var(--fs-sub); line-height: 1.5; margin-top: var(--sp-1); color: var(--klar-sub);}
.ig-wrap .ig-manual-section > .ig-manual-card{margin-top: 0px;}
.ig-wrap .ig-ios-support-section > .ig-card{margin-inline: var(--sp-2);}
.ig-wrap .ig-support-content{padding: 0 var(--row-x) var(--sp-2);}
.ig-wrap .ig-support-row{position: relative; display: grid; grid-template-columns: 24px minmax(0px, 1fr); gap: var(--sp-4); padding: var(--sp-5) 0;}
.ig-wrap .ig-support-row::before{content: ""; position: absolute; left: 36px; right: 0px; top: 0px; border-top: 1px solid var(--klar-soft);}
.ig-wrap .ig-support-icon{color: var(--klar-sub); display: flex; align-items: flex-start; padding-top: var(--sp-1);}
.ig-wrap .ig-support-icon svg{width: 20px; height: 20px;}
.ig-wrap .ig-support-row b{font-size: var(--fs-body); font-weight: var(--klar-fw-row); display: block;}
.ig-wrap .ig-support-row p{font-size: var(--fs-sub); line-height: 1.5; color: var(--klar-sub); margin-top: var(--sp-1);}
.ig-wrap .ig-support-row p + p{margin-top: var(--sp-3);}
.ig-wrap .ig-support-row .ig-action{margin-top: var(--sp-5); font-size: var(--fs-sub);}
.ig-wrap .ig-ios-direct-steps > .ig-card{margin-inline: var(--sp-2);}
.ig-wrap .ig-ios-direct-steps + .ig-finish{margin-inline: var(--sp-2);}
/* Shared shell geometry. Only the content scrolls; legal link follows content. */
.ig-wrap>.ig-brand{flex:none;box-sizing:border-box;height:var(--shell-head-height);min-height:var(--shell-head-height);padding:calc(env(safe-area-inset-top,0px) + var(--sp-2)) var(--edge) var(--sp-3);border-bottom-color:transparent;background:var(--klar-bg);backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color var(--motion-content) var(--ease-state)}
.ig-wrap>.ig-brand.eng{border-bottom-color:var(--klar-soft)}
.ig-wrap>.ig-brand img{height:27px;width:auto;max-width:none}
.ig-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}
.ig-scroll::-webkit-scrollbar{display:none}
.ig-wrap .ig-content{padding:var(--sp-7) var(--edge) 0;min-width:0}
.ig-foot{display:flex;justify-content:center;margin-top:var(--sp-7);padding:0 var(--edge) calc(env(safe-area-inset-bottom,0px) + var(--sp-6))}
.ig-wrap .ig-foot button{border:0;background:none;border-radius:0;padding:0 6px;font-family:var(--f);font-weight:400;font-size:var(--fs-mini);color:var(--klar-sub);min-height:32px;text-decoration:none}
.ig-wrap .ig-foot button:hover{text-decoration:underline;text-underline-offset:3px}
.ig-wrap .ig-action:disabled{opacity:.65;cursor:default}
/* Reuse the app's actual legal sheet, above the blocking installation layer. */
html.ig-install-aktiv .pf-wrap.au-datenschutz{z-index:calc(var(--z-install) + 1)}
.ig-wrap [hidden]{display:none}
}