/* AUTOMATISCH ERZEUGT von schutz/gestalt.mjs aus site/styles.*.css (Hash weggelassen, damit ein neuer Bau ohne Stiländerung nichts ändert), src/global.css, src/generatoren/generator.css und schutz/gestalt/seite.css. Nicht von Hand ändern. */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/hanken-grotesk-a1376a5637.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/hanken-grotesk-1f21c6eaa0.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/hanken-grotesk-a1376a5637.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/hanken-grotesk-1f21c6eaa0.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/hanken-grotesk-a1376a5637.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/hanken-grotesk-1f21c6eaa0.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/hanken-grotesk-a1376a5637.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/hanken-grotesk-1f21c6eaa0.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/instrument-serif-a04fc7ed18.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/instrument-serif-6ee678c33f.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/schibsted-grotesk-f5df746dbc.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/schibsted-grotesk-e3b56e9051.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/schibsted-grotesk-f5df746dbc.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/schibsted-grotesk-e3b56e9051.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/schibsted-grotesk-f5df746dbc.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/schibsted-grotesk-e3b56e9051.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/schibsted-grotesk-f5df746dbc.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/schibsted-grotesk-e3b56e9051.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/schibsted-grotesk-f5df746dbc.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/schibsted-grotesk-e3b56e9051.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/schibsted-grotesk-f5df746dbc.woff2")format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/schibsted-grotesk-e3b56e9051.woff2")format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-display: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-mono: ui-monospace, 'SF Mono', 'Hanken Grotesk', Menlo, monospace;}
:root{--color-ink-900: #10141a;   
  --color-ink-800: #161c24;
  --color-ink-700: #1d2630;   
  --color-ink-600: #2a3644;

  
  --color-navy:    #003a75;   
  --color-blue:    #015ea5;   
  --color-cyan:    #00baeb;   

  
  --color-navy-700: #00305f;
  --color-blue-600: #024f8a;
  --color-blue-400: #2f86c7;
  --color-cyan-700: #0a82ab;
  --color-cyan-600: #00a3d4;
  --color-cyan-500: #00baeb;
  --color-cyan-300: #7ad8f4;
  --color-cyan-100: #dff4fc;
  --color-cyan-50:  #f1fafe;

  
  --color-indigo-800: var(--color-navy);
  --color-indigo-700: #0c2240;
  --color-indigo-600: var(--color-navy);
  --color-indigo-500: var(--color-blue);

  
  --color-white:   #ffffff;
  --color-paper:   #f6f7f9;   
  --color-mist:    #eef1f5;   
  --color-cloud:   #e6eaf0;   
  --color-line:    #e4e8ee;   
  --color-line-strong: #d4dae2;
  --color-slate:   #3a4453;   
  --color-gray-400: #98a1ad;  
  --color-gray-500: #69727e;  
  --color-gray-600: #474f5b;  
  --color-gray-700: #2a313a;  

  
  --color-info:    var(--color-blue);  --color-info-light:    #e6f1fb;
  --color-success: #1f9d57;            --color-success-light: #e6f5ec;
  --color-warning: #e0900f;            --color-warning-light: #fcf2dd;
  --color-danger:  #d8453a;            --color-danger-light:  #fbe7e5;

  
  --brand-primary:      var(--color-ink-900);
  --brand-primary-hover: var(--color-ink-800);
  --brand-accent:       var(--color-cyan);

  --text-strong:        var(--color-ink-700);
  --text-body:          var(--color-gray-700);
  --text-muted:         var(--color-gray-500);
  
  --text-subtle:        var(--color-gray-500);
  --text-on-dark:       var(--color-white);
  --text-on-dark-muted: #93a7bd;
  --text-link:          var(--color-blue);

  --surface-page:       var(--color-white);
  --surface-subtle:     var(--color-paper);
  --surface-muted:      var(--color-mist);
  --surface-cloud:      var(--color-cloud);
  --surface-card:       var(--color-white);
  --surface-dark:       var(--color-ink-900);
  --surface-darker:     var(--color-ink-900);

  --border-subtle:      var(--color-line);
  --border-strong:      var(--color-line-strong);
  --border-focus:       var(--color-cyan);

  
  --gradient-ink:    radial-gradient(120% 130% at 14% 6%, #173a63 0%, transparent 52%),
                     radial-gradient(120% 120% at 96% 98%, #01101f 0%, transparent 58%),
                     linear-gradient(150deg, #0a1d36 0%, #050f1d 100%); 
  --gradient-accent: radial-gradient(110% 130% at 6% 100%, #003a75 0%, transparent 55%),
                     radial-gradient(120% 120% at 100% 4%, #74e4ff 0%, transparent 52%),
                     radial-gradient(130% 140% at 100% 100%, #00baeb 0%, transparent 60%),
                     linear-gradient(132deg, #015ea5 0%, #0a7ec2 100%); 
  --gradient-sheen:  linear-gradient(180deg, #ffffff 0%, #eef3f8 100%); 
  
  --glow-l: rgba(0, 58, 117, 0.34);   
  --glow-core: rgba(255, 255, 255, 0.95); 
  --glow-r: rgba(0, 186, 235, 0.38);  

  --gradient-logo:   linear-gradient(148deg, #003a75 0%, #015ea5 36%, #0e93cf 68%, #00baeb 100%);}
:root{--fs-display: 5.5rem;   
  --fs-h1: 3.5rem;        
  --fs-h2: 2.75rem;       
  --fs-h3: 2rem;          
  --fs-h4: 1.5rem;        
  --fs-h5: 1.25rem;       
  --fs-h6: 1.0625rem;     

  --fs-p1: 1.3125rem;     
  --fs-p2: 1.125rem;      
  --fs-p3: 1rem;          
  --fs-p4: 0.9375rem;     
  --fs-p5: 0.8125rem;     
  --fs-eyebrow: 0.75rem;  

  
  --lh-display: 1.0; 
  --lh-heading: 1.08; 
  --lh-snug: 1.32; 
  --lh-body: 1.62; 
  --lh-relaxed: 1.72; 

  
  --fw-regular: 400; 
  --fw-medium: 500; 
  --fw-semibold: 600; 
  --fw-bold: 700; 

  
  --ls-tighter: -0.035em; 
  --ls-tight: -0.02em; 
  --ls-snug: -0.012em; 
  --ls-normal: 0; 
  --ls-eyebrow: 0.16em; 

  --type-display-family: var(--font-display);
  --type-heading-family: var(--font-display);
  --type-body-family: var(--font-body);}
:root{--space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.25rem; --space-6: 1.5rem;
  --space-8: 2rem;     --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 4rem;    --space-20: 5rem;   --space-24: 6rem;
  --space-32: 8rem;    --space-40: 10rem;

  
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;    
  --radius-2xl: 36px;   
  --radius-pill: 999px;

  
  --shadow-xs: 0 1px 1px rgba(0, 58, 117, 0.04), 0 1px 3px rgba(0, 58, 117, 0.05);
  --shadow-sm: 0 1px 2px rgba(0, 58, 117, 0.05), 0 4px 12px rgba(0, 58, 117, 0.06);
  --shadow-md: 0 2px 4px rgba(0, 58, 117, 0.05), 0 12px 30px rgba(0, 58, 117, 0.08);
  --shadow-lg: 0 4px 8px rgba(0, 58, 117, 0.05), 0 24px 56px rgba(0, 58, 117, 0.10);
  --shadow-xl: 0 8px 16px rgba(0, 58, 117, 0.06), 0 44px 100px rgba(0, 58, 117, 0.14);
  --shadow-focus: 0 0 0 4px rgba(0, 186, 235, 0.20);

  
  
  --container-max: 84rem;      
  --container-wide: 84rem;     
  --gutter: 1.5rem;
  --section-y: 10rem;          

  
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); 
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); 
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); 
  --dur-fast: 150ms; 
  --dur-base: 260ms; 
  --dur-slow: 520ms;}
:root{--container-pad: 2.5rem;
  --container-medium: 48rem;
  --heading-gap: 5rem;
  --heading-mb: 4rem;
  --grid-gap: 3rem;
  --eyebrow-gap: 1rem;
  --title-gap: 1.5rem;
  --nav-h: 74px;
  
  
  --fs-micro: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 16px;
  --fs-lg: 17px;
  --fs-xl: 18px;

  --fs-h1-fluid: clamp(1.75rem, 3.15vw + 1.17rem, 4rem);  
  --fs-h2-fluid: clamp(1.5rem, 2.13vw + 1.08rem, 3rem);   
  --fs-h3-fluid: clamp(1.05rem, 0.56vw + 1rem, 1.5rem);}
@media (max-width:900px){:root{--section-y:6rem;--container-pad:2rem;--heading-gap:2rem;--heading-mb:2.5rem;--grid-gap:2rem}}
@media (max-width:540px){:root{--section-y:5rem;--container-pad:1.5rem}}
@media (max-width: 900px){:root { --dt-mki-kreis: 3rem; }}
@media (max-width: 900px){:root { --dt-akq-kreis: 3.4rem; --dt-akq-pille: 2.25rem; --dt-akq-pad: .85rem; --dt-akq-wort: 100px; }}
:root{--ig-rand:rgba(0,0,0,.09);--ig-weich:rgba(0,0,0,.04)}

.ig{--ig-rand:rgba(0,0,0,.09);--ig-weich:rgba(0,0,0,.04);font-family:var(--font-body,inherit)}
.ig-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ig-start{display:flex;gap:.6rem;align-items:center;max-width:44rem;margin-top:1.8rem;padding:.4rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;
  box-shadow:0 1px 2px rgba(16,20,26,.04),0 12px 32px -18px rgba(1,94,165,.35);transition:box-shadow .3s var(--ease-out),border-color .3s}
.ig-start:focus-within{border-color:rgba(1,94,165,.45);box-shadow:0 0 0 4px rgba(1,94,165,.1),0 12px 32px -18px rgba(1,94,165,.45)}
.ig-start__feld{flex:1;display:flex;align-items:center;gap:.7rem;min-width:0;padding-left:.9rem}
.ig-start__fav{flex:0 0 1.25rem;width:1.25rem;height:1.25rem;color:#8a96a3;display:grid;place-items:center}
.ig-start__fav img,.ig-start__fav svg{width:1.25rem;height:1.25rem;border-radius:4px;display:block}
.ig-start input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1.05rem;color:var(--text-strong);padding:.75rem 0}
.ig-start__hinweis{display:flex;align-items:center;gap:.55rem;margin:.85rem 0 0 .4rem;font-size:.875rem;color:var(--text-muted)}
.ig-punkt{width:.45rem;height:.45rem;border-radius:50%;background:#28c840;box-shadow:0 0 0 3px rgba(40,200,64,.15)}
.ig-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:0 1.35rem;border-radius:999px;border:1px solid transparent;
  font-family:var(--font-display);font-weight:600;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-out),background .2s,opacity .2s}
.ig-btn svg{width:1rem;height:1rem}
.ig-btn:active{transform:scale(.98)}
.ig-btn--dunkel{background:#10141a;color:#fff;box-shadow:0 6px 16px -8px rgba(16,20,26,.6)}
.ig-btn--dunkel:hover{background:#000}
.ig-btn--dunkel:disabled{opacity:.35;cursor:default;box-shadow:none}
.ig-btn--hell{background:#fff;color:var(--text-strong);border-color:var(--ig-rand)}
.ig-btn--hell:hover{background:#f6f8fa}
.ig-btn--klein{min-height:2.2rem;padding:0 .9rem;font-size:.85rem}

.ig-fenster{display:grid;grid-template-columns:20rem minmax(0,1fr);margin-top:2.4rem;border:1px solid var(--ig-rand);border-radius:1rem;overflow:hidden;
  background:rgba(0,0,0,.018);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(0,0,0,.06),0 30px 60px -40px rgba(16,20,26,.35);
  animation:ig-auf .6s var(--ease-out) both}
@keyframes ig-auf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ig-seite{display:flex;flex-direction:column;gap:.6rem;padding:1rem;min-width:0}
.ig-leiste{display:flex;gap:.35rem;margin-bottom:.15rem}
.ig-leiste span{width:.75rem;height:.75rem;border-radius:50%;background:#ff5f57;box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -1px rgba(0,0,0,.28)}
.ig-leiste span:nth-child(2){background:#febc2e}.ig-leiste span:nth-child(3){background:#28c840}
.ig-url{display:flex;align-items:center;gap:.5rem;padding:.38rem .8rem;border-radius:.35rem;background:var(--ig-weich);font-size:.85rem;color:rgba(16,20,26,.5);
  box-shadow:inset 0 1px rgba(0,0,0,.10),inset 0 -1px rgba(255,255,255,.9);overflow:hidden;white-space:nowrap}
.ig-url img{width:1rem;height:1rem;border-radius:3px}
.ig-url span{overflow:hidden;text-overflow:ellipsis}

.ig-fund{position:relative;display:grid;gap:.15rem;padding:.8rem .9rem;border-radius:.6rem;background:#fff;border:1px solid var(--ig-rand);
  box-shadow:0 1px 2px rgba(16,20,26,.04)}
.ig-fund__kopf{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-fund b{font-family:var(--font-display);font-size:.98rem;color:var(--text-strong)}
.ig-fund small{font-size:.8rem;color:var(--text-muted)}
.ig-link{justify-self:start;margin-top:.25rem;padding:0;border:0;background:none;font:inherit;font-size:.82rem;color:var(--color-blue);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ig-wahl{display:grid;gap:.35rem;margin-top:.5rem}
.ig-wahl__suche{display:flex;gap:.4rem}
.ig-wahl__suche input{flex:1;min-width:0;padding:.5rem .7rem;border:1px solid var(--ig-rand);border-radius:.5rem;font:inherit;font-size:.85rem}
.ig-wahl__t{display:grid;text-align:left;gap:.1rem;padding:.5rem .65rem;border:1px solid var(--ig-rand);border-radius:.5rem;background:#fff;cursor:pointer;font:inherit}
.ig-wahl__t b{font-size:.86rem}.ig-wahl__t small{font-size:.75rem;color:var(--text-muted)}
.ig-wahl__t:hover,.ig-wahl__t.is-an{border-color:rgba(1,94,165,.5);background:#f3f8fd}
.ig-leise{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.45}

.ig-reiter{display:grid;gap:.3rem;margin-top:.2rem}
.ig-reiter__b{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .75rem;border:0;border-radius:.4rem;background:none;cursor:pointer;
  font-family:var(--font-display);font-size:.9rem;font-weight:500;color:rgba(16,20,26,.55);text-align:left;transition:color .3s var(--ease-out),background .3s var(--ease-out)}
.ig-reiter__b:hover{color:var(--text-strong);background:var(--ig-weich)}
.ig-reiter__b.is-active{color:var(--text-strong);font-weight:600;background:rgba(0,0,0,.05);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(0,0,0,.10)}
.ig-reiter__t{flex:1}
.ig-status{flex:0 0 1.35rem;width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:50%;border:1.5px solid rgba(16,20,26,.22);font-size:.72rem;font-weight:700;color:rgba(16,20,26,.5);transition:all .3s var(--ease-out)}
.ig-status.is-ok{border-color:#28c840;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.8rem no-repeat;box-shadow:0 0 0 3px rgba(40,200,64,.15)}
.ig-reiter__b.is-active .ig-status:not(.is-ok){border-color:var(--color-blue);color:var(--color-blue)}
.ig-fuehrung{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.45}
.ig-fuehrung b{color:var(--text-strong)}
.ig-weiter{justify-self:start;margin-top:.35rem}
.ig-zahl{font-size:.75rem;padding:.05rem .45rem;border-radius:999px;background:rgba(1,94,165,.1);color:var(--color-blue);font-weight:600}
.ig-edit{display:grid;gap:.55rem;padding:.6rem .4rem .9rem;animation:ig-auf .35s var(--ease-out) both}
.ig-zeile{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem}
.ig-feld{display:grid;gap:.25rem;font-size:.78rem;color:var(--text-muted)}
.ig-feld span{display:flex;align-items:center;gap:.4rem}
.ig-quelle{font-style:normal;font-size:.68rem;padding:.05rem .4rem;border-radius:999px;background:rgba(40,200,64,.12);color:#1a7f2c;font-weight:600}
.ig-feld input,.ig-person--frei input{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem;color:var(--text-strong);
  transition:border-color .2s,box-shadow .2s}
.ig-feld input:focus,.ig-person--frei input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}

.ig-personen{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.ig-personen li{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .6rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;opacity:.6;transition:opacity .2s,border-color .2s}
.ig-personen li.is-an{opacity:1;border-color:rgba(1,94,165,.35)}
.ig-haken{flex:0 0 1.35rem;width:1.35rem;height:1.35rem;display:grid;place-items:center;margin-top:.1rem;border-radius:.4rem;border:1.5px solid rgba(16,20,26,.25);background:#fff;color:transparent;cursor:pointer;padding:0}
.ig-personen li.is-an .ig-haken{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
.ig-haken svg{width:.9rem;height:.9rem}
.ig-person{display:grid;gap:.1rem;min-width:0}
.ig-person b{font-size:.88rem;color:var(--text-strong)}
.ig-person small{font-size:.75rem;color:var(--text-muted);line-height:1.35}
.ig-person--frei{flex:1;gap:.35rem}
.ig-person--frei textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.86rem;line-height:1.35;resize:none;color:var(--text-strong)}
.ig-person--frei textarea:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ig-haken{position:relative}.ig-haken::after{content:"";position:absolute;inset:-.7rem}
.ig-btn[aria-disabled=true]{opacity:.45}
.ig-btn__unter{font-size:.68rem;font-weight:500;opacity:.7;margin-left:.15rem}
.ig-link--inline{margin:0 0 0 .3rem;font-size:.82rem}
.ig-vorschlag--selbst{border-top:1px solid var(--ig-rand);border-radius:0 0 .6rem .6rem;margin-top:.3rem}
.ig-vorschlag--selbst .ig-vorschlag__ini{background:#f1f3f5;color:var(--text-muted)}
.ig-weg{flex:none;width:2.2rem;height:2.2rem;border:0;border-radius:.4rem;background:none;color:rgba(16,20,26,.4);font-size:1.15rem;line-height:1;cursor:pointer}
.ig-weg:hover{background:rgba(214,48,49,.08);color:#c0392b}

.ig-schalter{display:flex;align-items:center;gap:.7rem;padding:.5rem .3rem;border:0;background:none;cursor:pointer;text-align:left;font:inherit}
.ig-schalter__knopf{flex:0 0 2.2rem;height:1.3rem;border-radius:999px;background:rgba(16,20,26,.15);position:relative;transition:background .25s var(--ease-out)}
.ig-schalter__knopf span{position:absolute;top:.15rem;left:.15rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s var(--ease-out)}
.ig-schalter.is-an .ig-schalter__knopf{background:var(--color-blue)}
.ig-schalter.is-an .ig-schalter__knopf span{transform:translateX(.9rem)}
.ig-schalter__t{display:grid}.ig-schalter__t b{font-size:.88rem;font-weight:600;color:var(--text-strong)}.ig-schalter__t small{font-size:.75rem;color:var(--text-muted)}

.ig-blatt.is-gesperrt{user-select:none;-webkit-user-select:none}
.ig-block.is-unscharf{filter:blur(5px);opacity:.75;pointer-events:none}
.ig-sperre{position:sticky;top:6rem;z-index:3;float:right;display:grid;gap:.4rem;max-width:17rem;margin:0 0 1rem 1rem;padding:1rem 1.1rem;border-radius:.8rem;background:rgba(255,255,255,.96);
  border:1px solid rgba(1,94,165,.25);box-shadow:0 18px 40px -20px rgba(1,94,165,.45);font-size:.85rem;color:var(--text-muted);animation:ig-auf .4s var(--ease-out) both}
.ig-sperre b{color:var(--text-strong);font-size:.95rem}
.ig-sperre .ig-btn{justify-self:start;margin-top:.2rem}
@media (max-width:700px){.ig-sperre{float:none;position:relative;top:0;margin:0 0 1rem;max-width:none}}
.ig-blatt{position:relative;margin:.5rem .5rem .5rem 0;padding:2.4rem clamp(1.25rem,4vw,3rem) 2.6rem;border:1px solid rgba(0,0,0,.10);border-radius:.5rem;background:#fff;min-width:0}
.ig-fortschritt{position:absolute;left:0;right:0;top:0;height:3px;overflow:hidden;border-radius:.5rem .5rem 0 0}
.ig-fortschritt span{display:block;height:100%;background:var(--gradient-logo,linear-gradient(90deg,#003a75,#00a3e0));transform-origin:left;transition:transform .6s var(--ease-out)}
.ig-blatt__h{margin:0 0 1.4rem;font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.02em;color:var(--text-strong)}
.ig-block{margin:0 -.75rem;padding:.55rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .25s var(--ease-out);animation:ig-auf .45s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms)}
.ig-block:hover{background:rgba(1,94,165,.04)}
.ig-block.is-fokus{background:rgba(1,94,165,.06);box-shadow:inset 3px 0 0 var(--color-blue)}
.ig-block h3{margin:0 0 .3rem;font-family:var(--font-display);font-size:1.02rem;color:var(--text-strong)}
.ig-block p{margin:0;font-size:.95rem;line-height:1.65;color:#2a313a}
.ig-block p.ig-klein{font-size:.85rem;line-height:1.6;color:#4a5562}

.agb-vorschau .ig-block p + p{margin-top:.65em}
.ig-fehlt{color:var(--color-blue)!important;font-size:.88rem!important}
.ig-fehlt::before{content:"+ "}
.ig-skelett{display:grid;gap:.45rem;padding:.2rem 0}
.ig-skelett span{display:block;height:.75rem;border-radius:.3rem;background:linear-gradient(90deg,#eef1f4 0%,#f7f9fb 50%,#eef1f4 100%);background-size:200% 100%;animation:ig-schimmer 1.2s linear infinite}
.ig-skelett span:nth-child(1){width:55%}.ig-skelett span:nth-child(2){width:72%}.ig-skelett span:nth-child(3){width:40%}
.ig-schimmer{background:linear-gradient(90deg,#8a96a3 0%,#c9d1d9 50%,#8a96a3 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:ig-schimmer 1.2s linear infinite}
@keyframes ig-schimmer{from{background-position:200% 0}to{background-position:-200% 0}}

.ig-ende{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;margin-top:1.4rem;padding:1.1rem 1.25rem;border:1px solid var(--ig-rand);border-radius:1rem;background:#fff;
  box-shadow:0 1px 2px rgba(16,20,26,.04);animation:ig-auf .5s var(--ease-out) .2s both}
.ig-ende__text p{margin:0;font-size:.95rem;color:var(--text-muted)}
.ig-ende__text b{color:var(--text-strong)}
.ig-ende__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
.ig-ich{grid-column:1/-1;display:grid;gap:.6rem;padding:1rem;border-radius:.75rem;background:#f6f8fa;border:1px solid transparent;transition:border-color .2s}
.ig-ich.is-fehler{border-color:rgba(214,48,49,.45);background:#fff7f7}
.ig-ich__kopf{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-ich__felder{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:.5rem}
.ig-ich__felder input{min-width:0;padding:.65rem .8rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem}
.ig-ich__felder input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ig-ich__ja{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;line-height:1.5;color:var(--text-muted);cursor:pointer}
.ig-ich__ja input{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--color-blue);flex:none}
.ig-ich__ja a{color:var(--color-blue)}
.ig-ich__ja--freiwillig{margin-top:.55rem;padding-top:.6rem;border-top:1px solid var(--linie,rgba(29,36,51,.12));font-size:.78rem}
.ig-ich__ja--freiwillig input{margin-top:.16rem;width:1rem;height:1rem}
.ig-ich__fehler{color:#c0392b;font-size:.8rem}
.ig-einfuegen{grid-column:1/-1;font-size:.88rem;color:var(--text-muted)}
.ig-einfuegen summary{cursor:pointer;color:var(--color-blue);font-weight:600}
.ig-einfuegen ul{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}

.ig-start{position:relative}
.ig-start__live{display:inline-flex;gap:.2rem;margin-right:.4rem}
.ig-start__live span{width:.32rem;height:.32rem;border-radius:50%;background:var(--color-blue);animation:ig-puls 1s ease-in-out infinite}
.ig-start__live span:nth-child(2){animation-delay:.15s}.ig-start__live span:nth-child(3){animation-delay:.3s}
@keyframes ig-puls{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.ig-punkt--live{animation:ig-atem 2s ease-in-out infinite}
@keyframes ig-atem{0%,100%{box-shadow:0 0 0 3px rgba(40,200,64,.15)}50%{box-shadow:0 0 0 6px rgba(40,200,64,.05)}}
.ig-vorschlaege{position:absolute;left:0;right:0;top:calc(100% + .5rem);z-index:20;list-style:none;margin:0;padding:.45rem;border:1px solid var(--ig-rand);border-radius:1rem;background:#fff;
  box-shadow:0 24px 48px -24px rgba(16,20,26,.35);animation:ig-auf .25s var(--ease-out) both;max-height:22rem;overflow:auto}
.ig-vorschlaege__kopf{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .5rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-vorschlag{display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border-radius:.6rem;cursor:pointer}
.ig-vorschlag.is-aktiv{background:#f1f6fc}
.ig-vorschlag__ini{position:relative;overflow:hidden;flex:0 0 2rem;width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;background:linear-gradient(135deg,#e7f1fb,#d6e9fa);color:var(--color-blue);font-weight:700;font-family:var(--font-display)}

.ig-vorschlag__fav{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ig-vorschlag__t{display:grid;min-width:0}
.ig-vorschlag__t b{font-size:.92rem;color:var(--text-strong);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-vorschlag__t b mark{background:rgba(0,163,224,.18);color:inherit;border-radius:3px;padding:0 1px}
.ig-vorschlag__t small{font-size:.76rem;color:var(--text-muted)}
.ig-start__erkannt{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin:.85rem 0 0 .4rem;font-size:.875rem;color:var(--text-muted);animation:ig-auf .3s var(--ease-out) both}
.ig-start__erkannt img{width:1rem;height:1rem;border-radius:3px}
.ig-start__erkannt b{color:var(--text-strong)}
.ig-start__erkannt span{padding:.1rem .5rem;border-radius:999px;background:rgba(40,200,64,.1);color:#1a7f2c;font-size:.78rem}
.ig-start__erkannt em{font-style:normal;font-size:.75rem;padding:.1rem .45rem;border:1px solid var(--ig-rand);border-radius:.35rem}
.ig-log{list-style:none;margin:0;padding:.7rem .75rem;display:grid;gap:.55rem;border-radius:.6rem;background:#fff;border:1px solid var(--ig-rand)}
.ig-log__s{display:flex;gap:.6rem;align-items:flex-start;animation:ig-auf .3s var(--ease-out) both}
.ig-log__i{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;display:grid;place-items:center;border-radius:50%;margin-top:.05rem}
.ig-log__s.is-ok .ig-log__i{background:#28c840;color:#fff}
.ig-log__s.is-leer .ig-log__i{background:#febc2e;color:#fff}
.ig-log__i svg{width:.75rem;height:.75rem}
.ig-dreh{width:.9rem;height:.9rem;border-radius:50%;border:2px solid rgba(1,94,165,.2);border-top-color:var(--color-blue);animation:ig-drehen .7s linear infinite}
@keyframes ig-drehen{to{transform:rotate(360deg)}}
.ig-log__t{display:grid;min-width:0}
.ig-log__t b{font-size:.82rem;font-weight:600;color:var(--text-strong)}
.ig-log__t small{font-size:.75rem;color:var(--text-muted);overflow-wrap:anywhere}
.ig-neu{animation:ig-neu .9s var(--ease-out) both}
@keyframes ig-neu{from{background:rgba(0,163,224,.16);opacity:.2}to{background:transparent;opacity:1}}
@media (prefers-reduced-motion:reduce){.ig-neu,.ig-dreh,.ig-start__live span,.ig-punkt--live{animation:none}}
@media (max-width:900px){
  .ig-fenster{grid-template-columns:minmax(0,1fr)}
  .ig-blatt{margin:0 .5rem .5rem}
  .ig-ende{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){.ig-ich__felder{grid-template-columns:1fr 1fr}.ig-ich__felder input[type=email]{grid-column:1/-1}}
@media (max-width:560px){
  .ig-start{flex-direction:column;align-items:stretch;border-radius:1.2rem;padding:.5rem}
  .ig-start__feld{padding:0 .4rem}
  .ig-start .ig-btn{width:100%}
  .ig-ende__knoepfe .ig-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .ig-fenster,.ig-edit,.ig-block,.ig-ende{animation:none}
  .ig-skelett span,.ig-schimmer{animation:none}
}

.ig-trenner{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;margin:0 .15rem}
.ig-start__hinweis{flex-wrap:wrap}
.ig-blatt{min-height:24rem}
.ig-fenster.is-gesperrt .ig-blatt{overflow:hidden}
.ig-block.is-unscharf{filter:blur(4px);opacity:.6;user-select:none;-webkit-user-select:none}
.ig-tor{position:absolute;z-index:4;left:50%;top:7.2rem;transform:translateX(-50%);width:min(30rem,calc(100% - 2rem));display:grid;gap:.8rem;padding:1.4rem 1.5rem 1.3rem;
  border-radius:1.1rem;background:rgba(255,255,255,.97);border:1px solid rgba(1,94,165,.22);
  box-shadow:0 40px 80px -30px rgba(1,94,165,.55),0 0 0 6px rgba(255,255,255,.6);animation:ig-auf .5s var(--ease-out) .15s both}
.ig-tor.is-fehler{border-color:rgba(214,48,49,.45)}
.ig-tor__kopf{display:flex;align-items:center;gap:.55rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-tor__h{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.6rem);letter-spacing:-.02em;color:var(--text-strong);line-height:1.15}
.ig-tor__felder{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.ig-tor__feld{display:grid;gap:.25rem;font-size:.74rem;color:var(--text-muted);font-weight:500}
.ig-tor__feld input{width:100%;min-width:0;padding:.7rem .8rem;border:1px solid var(--ig-rand);border-radius:.6rem;background:#fff;font:inherit;font-size:.95rem;color:var(--text-strong);font-weight:400}
.ig-tor__feld input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ig-tor__feld.is-fehler input{border-color:rgba(214,48,49,.6);background:#fff8f8}
.ig-ich__ja.is-fehler span{color:#c0392b}
.ig-btn--gross{width:100%;min-height:3.2rem;font-size:1rem}
.ig-btn--gross:disabled{opacity:.5}
.ig-tor__vertrauen{display:flex;align-items:center;gap:.7rem;padding-top:.75rem;border-top:1px solid rgba(16,20,26,.07);font-size:.78rem;line-height:1.45;color:var(--text-muted)}
.ig-tor__vertrauen img{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover}
.ig-tor__vertrauen b{color:var(--text-strong)}
.ig-chip{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid rgba(1,94,165,.3);border-radius:999px;background:#f1f6fc;color:var(--color-blue);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.ig-chip--klein{margin-top:.3rem;font-size:.75rem;padding:.25rem .6rem}
.ig-feld.is-warn input{border-color:#febc2e;background:#fffbf0}
.ig-log-huelle{display:grid;gap:.5rem}
.ig-log__zu{display:flex;align-items:center;gap:.55rem;padding:.2rem .1rem;border:0;background:none;font:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--color-blue);cursor:pointer;text-align:left}
.ig-log__pfeil{margin-left:auto;font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--text-muted);font-weight:500}
.ig-log-huelle.is-zu .ig-log{display:none}
.ig-log__s.is-frage .ig-log__i{background:#febc2e;color:#fff}
.ig-frage{display:grid;gap:.4rem;padding:.8rem .9rem;border-radius:.6rem;background:#fffbf0;border:1px solid rgba(254,188,46,.5)}
.ig-frage > b{font-size:.9rem;color:var(--text-strong)}
.ig-check{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:center;margin-top:.4rem;padding:1.2rem 1.3rem;border-radius:.9rem;
  background:linear-gradient(135deg,#f3f8fd,#eef7fb);border:1px solid rgba(1,94,165,.15)}
.ig-check__text{display:grid;gap:.25rem;font-size:.88rem;color:var(--text-muted);line-height:1.5}
.ig-check__kopf{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-check__text b{font-size:1rem;color:var(--text-strong);font-family:var(--font-display)}
.ig-check__ok{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:600;color:#1a7f2c;font-size:.9rem}
.ig-check__ok .ig-bild__ok{display:inline-block;width:1.1rem;height:1.1rem;border-radius:50%;background:#28c840}
@media (max-width:900px){
  .ig-fenster:not(.is-gesperrt) .ig-blatt{order:-1}
  .ig-tor{position:relative;left:auto;top:auto;transform:none;width:auto;margin:1rem 0 0}
  .ig-fenster.is-gesperrt .ig-blatt{order:-1;display:flex;flex-direction:column}
  .ig-fenster.is-gesperrt .ig-blatt__h{order:1}
  .ig-fenster.is-gesperrt .ig-block:not(.is-unscharf){order:2}
  .ig-fenster.is-gesperrt .ig-tor{order:3}
  .ig-fenster.is-gesperrt .ig-block.is-unscharf{order:4}
  .ig-fenster.is-gesperrt .ig-block.is-unscharf:nth-of-type(n+5){display:none}
  .ig-fenster.is-gesperrt .ig-fund{display:none}
  .ig-check{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.ig-tor__felder{grid-template-columns:minmax(0,1fr)}}


.ig-feld select,.ds-suche{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem;color:var(--text-strong)}
.ds-warnung{display:grid;gap:.3rem;padding:.8rem .9rem;border-radius:.6rem;background:#fff6f0;border:1px solid rgba(230,120,40,.35);font-size:.8rem;line-height:1.45;color:#7a3a10}
.ds-warnung b{font-size:.86rem;color:#a14a10}
.ds-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.ds-kat{border:1px solid var(--ig-rand);border-radius:.6rem;background:#fff;overflow:hidden}
.ds-kat summary{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer;font-size:.86rem;font-weight:600;color:var(--text-strong)}
.ds-kat summary small{font-weight:500;color:var(--text-muted);font-size:.75rem}
.ds-kat ul{list-style:none;margin:0;padding:.2rem .4rem .5rem;display:grid;gap:.2rem;max-height:18rem;overflow:auto}
.ds-dienst{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:.45rem;cursor:pointer}
.ds-dienst:hover{background:#f6f8fa}
.ds-dienst.is-an{background:#f1f6fc}
.ds-dienst input{width:1.05rem;height:1.05rem;accent-color:var(--color-blue);flex:none}
.ds-dienst span{display:grid;min-width:0;flex:1}
.ds-dienst b{font-size:.84rem;font-weight:600;color:var(--text-strong)}
.ds-dienst small{font-size:.72rem;color:var(--text-muted)}
.ds-blatt .ds-teil{cursor:default}
.ds-blatt .ds-teil h1{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.02em;color:var(--text-strong)}
.ds-blatt .ds-teil h2{margin:.4rem 0 .4rem;font-family:var(--font-display);font-size:1.12rem;color:var(--text-strong)}
.ds-blatt .ds-teil h3{margin:.6rem 0 .25rem;font-size:.95rem;color:var(--text-strong)}
.ds-blatt .ds-teil p,.ds-blatt .ds-teil li{font-size:.9rem;line-height:1.62;color:#3a4552}
.ds-blatt .ds-teil ul{margin:.3rem 0 .6rem;padding-left:1.2rem}
.ds-blatt .ds-teil a{color:var(--color-blue)}

.ds-blatt a,.ig-blatt a,.rp__agb a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.ig-check.is-dringend{background:linear-gradient(135deg,#fff6f0,#fff1e6);border-color:rgba(230,120,40,.35)}
.ig-check.is-dringend .ig-check__kopf{color:#c0571a}
.ds-blatt .ds-teil dl{margin:.4rem 0 .8rem;display:grid;gap:.15rem}
.ds-blatt .ds-teil dt{font-weight:600;color:var(--text-strong);font-size:.9rem;margin-top:.45rem}
.ds-blatt .ds-teil dd{margin:0;font-size:.9rem;line-height:1.6;color:#3a4552}
@media (max-width:900px){
  .ig-fenster.is-gesperrt .ds-teil--toc{display:none!important}
}


html.ig-tor-offen .dt-cs-btn{display:none!important}

.ds-tor-warnung{margin:0;padding:.6rem .8rem;border-radius:.6rem;background:#fff4f2;border:1px solid rgba(220,70,50,.28);font-size:.86rem;line-height:1.45;color:var(--text-strong)}
.ds-tor-warnung b{color:#b3261e}

.ds-app .ig-fenster:not(.is-gesperrt) .ds-blatt,#ds-app .ig-fenster:not(.is-gesperrt) .ds-blatt{max-height:min(78vh,52rem);overflow:auto;overscroll-behavior:contain}
.ig-check__form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.ig-check__form input{min-width:0;flex:1 1 13rem;padding:.7rem .9rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.9rem}
.ig-check__form input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
#ds-app,#ig-app{scroll-margin-top:90px}
.ig-ende{scroll-margin-top:90px}


.ds-werkzeug{margin-top:2rem;padding:1.6rem;border:1px solid var(--ig-rand);border-radius:1rem;background:#fff;scroll-margin-top:90px;
  box-shadow:0 1px 2px rgba(16,20,26,.04),0 24px 48px -32px rgba(1,94,165,.35)}
.ds-werkzeug__kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1rem 2rem;align-items:end}
.ds-werkzeug__h{margin:.5rem 0 .3rem;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.75rem);letter-spacing:-.02em;color:var(--text-strong)}
.ds-werkzeug__suche{width:100%;padding:.75rem 1rem;border:1px solid var(--ig-rand);border-radius:999px;font:inherit;font-size:.95rem;background:var(--ig-weich)}
.ds-werkzeug__suche:focus{outline:0;border-color:rgba(1,94,165,.5);background:#fff;box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ds-filter{display:flex;gap:.4rem;overflow-x:auto;margin:1.2rem -1.6rem 0;padding:0 1.6rem .3rem;scrollbar-width:none}
.ds-filter::-webkit-scrollbar{display:none}
.ds-filter__b{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.83rem;color:var(--text-muted);cursor:pointer;transition:all .2s}
.ds-filter__b small{font-size:.72rem;color:rgba(16,20,26,.45)}
.ds-filter__b:hover{border-color:rgba(1,94,165,.4)}
.ds-filter__b.is-an{background:var(--text-strong);border-color:var(--text-strong);color:#fff}
.ds-filter__b.is-an small{color:rgba(255,255,255,.65)}
.ds-gruppe{margin-top:1.4rem}
.ds-gruppe h4{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .6rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ds-gruppe h4 small{letter-spacing:0;text-transform:none;font-weight:500;color:rgba(16,20,26,.45)}
.ds-kacheln{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.55rem}
.ds-gruppe .ds-kacheln{margin-top:0}
.ds-kachel{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;min-height:3.9rem;padding:.6rem 2.2rem .6rem .7rem;border:1px solid var(--ig-rand);border-radius:.75rem;
  background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}
.ds-kachel:hover{border-color:rgba(1,94,165,.35);box-shadow:0 8px 20px -14px rgba(1,94,165,.5);transform:translateY(-1px)}
.ds-kachel:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}
.ds-kachel.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe;box-shadow:inset 0 0 0 1px rgba(1,94,165,.25)}
.ds-kachel.is-warn{border-color:rgba(220,70,50,.45)}
.ds-kachel__t{display:grid;gap:.1rem;min-width:0}
.ds-kachel__t b{font-size:.88rem;line-height:1.25;color:var(--text-strong);font-weight:600}
.ds-kachel__t small{font-size:.74rem;color:rgba(16,20,26,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ds-kachel__b{position:absolute;top:-.5rem;left:.7rem;font-style:normal;font-size:.64rem;font-weight:600;padding:.08rem .45rem;border-radius:999px;background:#e9f8ec;color:#1a7f2c;border:1px solid rgba(40,200,64,.3)}
.ds-kachel__b--warn{background:#fff1ef;color:#b3261e;border-color:rgba(220,70,50,.35)}
.ds-kachel__haken{position:absolute;right:.7rem;top:50%;width:1.15rem;height:1.15rem;margin-top:-.575rem;border-radius:50%;border:1.5px solid rgba(16,20,26,.2);transition:all .2s}
.ds-kachel.is-an .ds-kachel__haken{border-color:var(--color-blue);background:var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.7rem no-repeat}
.ds-kachel.is-eigen{cursor:default}
.ds-kachel__weg{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:none;font-size:1.15rem;line-height:1;color:rgba(16,20,26,.45);cursor:pointer}
.ds-kachel__weg:hover{background:#fff1ef;color:#b3261e}
.ds-kachel--neu{border-style:dashed;background:var(--ig-weich)}
.ds-logo{flex:none;width:2.1rem;height:2.1rem;object-fit:contain;border-radius:.45rem}
.ds-logo--text,.ds-logo--plus{display:grid;place-items:center;background:linear-gradient(135deg,#e8f1fb,#dceefa);color:var(--color-blue);font-weight:700;font-size:1rem}
.ds-logo--plus{background:#fff;border:1px dashed rgba(1,94,165,.4);font-size:1.25rem;font-weight:500}
.ds-logo--klein{width:1.25rem;height:1.25rem;border-radius:.3rem;font-size:.65rem}
.ds-mini{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}
.ds-mini .ds-logo--klein{padding:.15rem;background:#fff;border:1px solid var(--ig-rand);width:1.7rem;height:1.7rem}
.ds-mini__mehr{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .3rem;border-radius:.3rem;background:var(--ig-weich);font-size:.7rem;font-weight:600;color:var(--text-muted)}
.ds-leer{grid-column:1/-1;padding:1rem;color:var(--text-muted);font-size:.9rem}
.ds-neu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;margin-top:.9rem;padding:1rem;border:1px solid var(--ig-rand);border-radius:.75rem;background:var(--ig-weich)}
.ds-breit{grid-column:1/-1}

.ds-bestellung{grid-column:1/-1;display:grid;gap:.9rem;padding:1.2rem;border-radius:.8rem;background:#fff;border:1px solid var(--ig-rand)}
.ds-bestellung__leistung{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;padding-bottom:.9rem;border-bottom:1px solid var(--ig-rand)}
.ds-bestellung__leistung b{font-family:var(--font-display);font-size:1.02rem;color:var(--text-strong)}
.ds-bestellung__leistung>span{font-weight:700;color:var(--text-strong)}
.ds-bestellung__leistung ul{grid-column:1/-1;margin:.4rem 0 0;padding-left:1.1rem;font-size:.86rem;color:var(--text-muted);line-height:1.6}
.ds-bestellung__felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem}
.ds-bestellung select,.ds-bestellung textarea,.ds-neu input{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem;color:var(--text-strong)}
.ds-bestellung textarea{resize:vertical}
.ds-bestellung input.is-fehler{border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.1)}
.ds-bestellung__fuss{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.ds-bestellung__leistung>span{max-width:15rem;text-align:right;line-height:1.35}
.ds-bestellung__zahlung{display:block;color:var(--text-muted);font-size:.8rem;line-height:1.5}
.ds-bestellung button[disabled]{opacity:.7;cursor:progress}
@media (max-width:560px){.ds-bestellung__leistung{grid-template-columns:minmax(0,1fr)}.ds-bestellung__leistung>span{max-width:none;text-align:left}}
@media (max-width:700px){
  .ds-werkzeug{padding:1.1rem;margin-left:-.25rem;margin-right:-.25rem}
  .ds-werkzeug__kopf{grid-template-columns:minmax(0,1fr)}
  .ds-filter{margin:1rem -1.1rem 0;padding:0 1.1rem .3rem}
  .ds-kacheln{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem}
  .ds-kachel{min-height:3.4rem;padding:.5rem 1.9rem .5rem .55rem;gap:.5rem}
  .ds-kachel__t small{display:none}
  .ds-logo{width:1.7rem;height:1.7rem}
  .ds-bestellung__felder,.ds-neu{grid-template-columns:minmax(0,1fr)}
  .ds-bestellung__leistung{grid-template-columns:minmax(0,1fr)}
}

.ds-kachel{user-select:none}
.ds-region{display:flex;align-items:center;gap:.2rem;margin-top:.1rem}
.ds-region small{font-size:.7rem;color:rgba(16,20,26,.5);margin-right:.15rem}
.ds-region button{padding:.05rem .4rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.68rem;font-weight:600;color:var(--text-muted);cursor:pointer;line-height:1.5}
.ds-region button.is-an{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
@media (max-width:700px){.ds-region small{display:none}}


html.ig-laeuft .dt-cs-btn{display:none!important}
.ds-hilfe{margin:0 0 .4rem;font-size:.8rem;line-height:1.45;color:var(--text-muted)}
.ds-kacheln > li{display:flex;flex-direction:column;min-width:0}
.ds-kacheln > li > .ds-kachel{flex:1}
.ds-kacheln > li.hat-region > .ds-kachel{border-bottom-left-radius:0;border-bottom-right-radius:0}
.ds-region{display:flex;align-items:center;gap:.3rem;margin-top:-1px;padding:.35rem .6rem;border:1px solid var(--ig-rand);border-radius:0 0 .75rem .75rem;background:var(--ig-weich)}
.ds-region.is-an{border-color:rgba(1,94,165,.55);background:#eef5fd}
.ds-region small{font-size:.72rem;color:rgba(16,20,26,.55);margin-right:auto}
.ds-region button{min-height:1.9rem;min-width:2.6rem;padding:0 .6rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.74rem;font-weight:600;color:var(--text-muted);cursor:pointer}
.ds-region button.is-an{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
.ds-region:not(.is-an) button.is-an{background:#fff;color:var(--color-blue);border-color:rgba(1,94,165,.5)}
.ds-kachel.is-frisch{animation:ds-frisch 2.2s var(--ease-out)}
@keyframes ds-frisch{0%{box-shadow:0 0 0 0 rgba(40,200,64,.6)}30%{box-shadow:0 0 0 6px rgba(40,200,64,.25)}100%{box-shadow:inset 0 0 0 1px rgba(1,94,165,.25)}}
.ds-mehr{margin-top:.55rem;padding:.45rem .9rem;border:1px dashed rgba(1,94,165,.4);border-radius:999px;background:#fff;font:inherit;font-size:.82rem;color:var(--color-blue);cursor:pointer}
.ds-mehr:hover{background:#f3f8fd}
.ds-leiste{display:none}
@media (min-width:701px){.ds-filter{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0}}
@media (max-width:700px){
  .ds-filter{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .ds-leiste{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:space-between;align-items:center;gap:1rem;
    padding:.85rem 1.1rem;border:0;border-radius:999px;background:var(--text-strong);color:#fff;font:inherit;font-size:.9rem;box-shadow:0 12px 30px -10px rgba(16,20,26,.5);cursor:pointer}
  .ds-leiste span:last-child{font-weight:600}
  .ds-region small{display:inline}
  .ig-check{padding:1rem .8rem}
  .ds-bestellung{padding:.9rem .8rem}
}
.ig-check > *,.ds-bestellung > *,.ds-bestellung__felder > *{min-width:0}
.ds-bestellung input,.ds-bestellung select,.ds-bestellung textarea{max-width:100%;box-sizing:border-box}
.ds-kachel:has(.ds-kachel__b){padding-top:1rem}
@media (max-width:700px){.ds-kachel__b{left:.55rem;font-size:.6rem}.ds-kachel:has(.ds-kachel__b){padding-top:1.05rem}}
.ig-schalter.is-gesperrt{cursor:default;opacity:.85}

.ig-tor__feld--breit{grid-column:1/-1}
@media (max-width:560px){.ig-tor__felder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ig-chip--rat{background:#eef5fd;border-color:rgba(1,94,165,.3);color:var(--text-strong)}
.ig-chip--rat b{font-weight:600;color:var(--color-blue)}


.dt-land .igb{position:absolute;right:.5rem;top:-.25rem;width:min(41%,32rem);pointer-events:none;transition:opacity .4s}

.igb__glut{position:absolute;inset:4% -8% -6% 6%;background:var(--gradient-logo);filter:blur(64px);opacity:.3;border-radius:42%;animation:igb-glut 10s ease-in-out infinite}
@keyframes igb-glut{0%,100%{transform:scale(1)}50%{transform:scale(1.07) translate(-3%,2%)}}
.igb__stapel{position:absolute;inset:1.4rem -0.8rem -1rem 1.6rem;border-radius:1rem;background:linear-gradient(160deg,#fff,#eef5fc);border:1px solid rgba(1,94,165,.14);transform:rotate(3deg);box-shadow:0 20px 40px -30px rgba(1,94,165,.6)}
.igb__fenster{position:relative;border-radius:1rem;background:#fff;border:1px solid rgba(1,94,165,.16);overflow:hidden;
  box-shadow:0 1px 2px rgba(16,20,26,.05),0 30px 60px -28px rgba(1,58,117,.45);transform:rotate(-1.2deg);animation:igb-schwebe 8s ease-in-out infinite}
@keyframes igb-schwebe{0%,100%{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-7px)}}
.igb__leiste{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;background:#f6f8fb;border-bottom:1px solid rgba(16,20,26,.06)}
.igb__leiste i{width:.62rem;height:.62rem;border-radius:50%;background:#ff5f57}
.igb__leiste i:nth-child(2){background:#febc2e}.igb__leiste i:nth-child(3){background:#28c840}
.igb__url{display:inline-flex;align-items:center;gap:.4rem;margin-left:.7rem;padding:.25rem .7rem;border-radius:999px;background:#fff;border:1px solid rgba(16,20,26,.07);font-size:.72rem;color:rgba(16,20,26,.72)}
.igb__url img{width:10px;height:13px}
.igb__blatt{position:relative;padding:1.3rem 1.5rem 1.1rem;font-size:.82rem;line-height:1.5;color:#3a4552}
.igb__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.igb__kopf b{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.02em;background:var(--gradient-logo);-webkit-background-clip:text;background-clip:text;color:transparent}
.igb__kopf span{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-blue);padding:.15rem .5rem;border-radius:999px;background:rgba(1,94,165,.08)}
.igb__kopf .igb__stand{text-transform:none;letter-spacing:.01em}
.igb__z{display:grid;gap:.1rem;margin-bottom:.7rem;padding-left:.75rem;border-left:2px solid rgba(0,186,235,.35);opacity:0;clip-path:inset(0 100% 0 0);animation:igb-tippen 1s steps(30,end) forwards}
.igb__z small{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy)}
.igb__z1{animation-delay:.4s}.igb__z2{animation-delay:1.4s}.igb__z3{animation-delay:2.4s}
@keyframes igb-tippen{0%{opacity:1;clip-path:inset(0 100% 0 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}
.igb__logos{display:flex;gap:.35rem;margin-top:.15rem}
.igb__logos img{width:22px;height:22px;padding:3px;border-radius:6px;background:#fff;border:1px solid rgba(16,20,26,.08);object-fit:contain}
.igb__cursor{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--color-blue);animation:igb-blink 1s steps(2) infinite}
@keyframes igb-blink{50%{opacity:0}}
.igb__strahl{position:absolute;left:0;right:0;top:0;height:3.2rem;background:linear-gradient(180deg,transparent,rgba(0,186,235,.12),transparent);border-bottom:1px solid rgba(0,186,235,.35);animation:igb-scan 3.4s ease-in-out .2s 1 both}
@keyframes igb-scan{0%{transform:translateY(-4rem);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(15rem);opacity:0}}
.igb__marke{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.55rem .7rem;border-radius:.6rem;background:linear-gradient(90deg,rgba(0,186,235,.08),rgba(1,94,165,.04));font-size:.72rem;color:var(--text-muted);opacity:0;animation:igb-auf .6s var(--ease-out) 3.4s forwards}
.igb__marke b{color:var(--color-navy)}
.igb__siegel{position:absolute;left:-2.6rem;bottom:-2.2rem;width:8.4rem;height:8.4rem;filter:drop-shadow(0 18px 26px rgba(1,58,117,.35));opacity:0;animation:igb-siegel .8s cubic-bezier(.2,1.4,.4,1) 1s forwards}
.igb__siegel svg{width:100%;height:100%;display:block}
.igb__ring{transform-origin:70px 70px;animation:igb-dreh 24s linear infinite}
.igb__siegel img{position:absolute;left:50%;top:50%;width:2.15rem;height:auto;transform:translate(-50%,-52%)}
@keyframes igb-dreh{to{transform:rotate(360deg)}}
@keyframes igb-siegel{from{opacity:0;transform:scale(.6) rotate(-20deg)}to{opacity:1;transform:none}}
.igb__chip{position:absolute;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem .5rem .55rem;border-radius:999px;background:#fff;border:1px solid rgba(16,20,26,.08);
  box-shadow:0 14px 30px -14px rgba(1,94,165,.5);font-size:.78rem;font-weight:600;color:var(--text-strong);white-space:nowrap;opacity:0;animation:igb-auf .7s var(--ease-out) forwards}
.igb__chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.igb__chip--warn{border-color:rgba(220,70,50,.3);color:#b3261e}
.igb__chip--warn img{border-radius:4px;object-fit:contain}
.igb__chip .ml-kreuz{width:1.1rem;height:1.1rem}
.igb__ok{display:inline-block;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.7rem no-repeat}
.igb__chip--1{right:1.2rem;top:-1.2rem;animation-delay:.6s}
.igb__chip--2{right:-1.6rem;top:46%;animation-delay:2.6s}
.igb__chip--3{right:3rem;bottom:-1.3rem;animation-delay:1.8s}
@keyframes igb-auf{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:1100px){.dt-land .igb{display:none}}
@media (prefers-reduced-motion:reduce){.igb__fenster,.igb__glut,.igb__strahl,.igb__cursor,.igb__ring{animation:none}.igb__chip,.igb__z,.igb__marke,.igb__siegel{animation:none;opacity:1;clip-path:none}}

.ig-gratis{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.9rem;padding:.35rem .85rem .35rem .4rem;border-radius:999px;background:#e9f8ec;border:1px solid rgba(40,200,64,.35);font-size:.82rem;font-weight:600;color:#1a7f2c}
.ig-gratis + .ml-eyebrow{display:flex}
.igb__siegel{left:-4.2rem;bottom:-3.4rem;width:8rem;height:8rem}
.igb__blatt{padding-bottom:1.4rem}

.ig-angebot{grid-template-columns:minmax(0,1.6fr) minmax(15rem,1fr);gap:1.4rem 2rem;align-items:stretch;padding:1.6rem 1.7rem;margin-top:1rem;
  background:linear-gradient(140deg,#f3f8fd 0%,#e8f3fb 55%,#e3f6fc 100%);border:1px solid rgba(1,94,165,.2);box-shadow:0 24px 48px -36px rgba(1,58,117,.55)}
.ig-angebot.is-dringend{background:linear-gradient(140deg,#fff6f3 0%,#fdf0ec 60%,#f3f8fd 100%);border-color:rgba(220,70,50,.3)}
.ig-angebot.is-dringend .ig-check__kopf{color:#b3261e}
.ig-angebot__text{display:grid;gap:.6rem;align-content:start}
.ig-angebot__h{font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.25;letter-spacing:-.015em;color:var(--text-strong)}
.ig-angebot__liste{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.45rem;font-size:.9rem;color:var(--text-strong)}
.ig-angebot__liste li{position:relative;padding-left:1.7rem;line-height:1.45}
.ig-angebot__liste li::before{content:"";position:absolute;left:0;top:.1rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.7rem no-repeat}
.ig-angebot__risiko{margin:.3rem 0 0;padding:.6rem .8rem;border-radius:.6rem;background:rgba(255,255,255,.7);border:1px solid rgba(16,20,26,.07);font-size:.8rem;line-height:1.45;color:var(--text-muted)}
.ig-angebot__kasse{display:flex;flex-direction:column;gap:.9rem;justify-content:center;padding:1.2rem;border-radius:.9rem;background:#fff;border:1px solid rgba(1,94,165,.15);box-shadow:0 12px 30px -22px rgba(1,58,117,.5)}
.ig-angebot__preis{display:grid;gap:.1rem;text-align:center}
.ig-angebot__preis small{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue)}
.ig-angebot__preis b{font-family:var(--font-display);font-size:2.4rem;letter-spacing:-.03em;line-height:1.05;background:var(--gradient-logo);-webkit-background-clip:text;background-clip:text;color:transparent}
.ig-angebot__preis span{font-size:.78rem;color:var(--text-muted)}
.ig-angebot__knopf{width:100%}
.ig-angebot__person{display:flex;align-items:center;gap:.6rem;justify-content:center;font-size:.8rem;color:var(--text-muted)}
.ig-angebot__person img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(1,94,165,.25)}
.ig-angebot__person span{display:grid;line-height:1.3}
.ig-angebot__person b{color:var(--text-strong);font-size:.85rem}
.ig-angebot > .ig-check__ok,.ig-angebot > .ds-bestellung{grid-column:1/-1}
@media (max-width:760px){.ig-angebot{grid-template-columns:minmax(0,1fr);padding:1.1rem}}
.ds-scanfehler{display:grid;gap:.4rem;padding:.8rem .9rem;border-radius:.6rem;background:#fff8ec;border:1px solid rgba(254,188,46,.55);font-size:.85rem;line-height:1.45;color:var(--text-muted)}
.ds-scanfehler b{color:var(--text-strong)}
.ds-scanfehler .ig-btn{justify-self:start}


.dsw{margin-top:2rem;border:1px solid var(--ig-rand);border-radius:1.1rem;background:#fff;scroll-margin-top:84px;
  box-shadow:0 1px 2px rgba(16,20,26,.04),0 30px 60px -40px rgba(1,58,117,.45)}
.dsw__schritte{list-style:none;margin:0;padding:.8rem 1rem;display:flex;gap:.3rem;border-bottom:1px solid var(--ig-rand);background:linear-gradient(180deg,#f7fafd,#fff);border-radius:1.1rem 1.1rem 0 0;overflow-x:auto;scrollbar-width:none}
.dsw__schritte::-webkit-scrollbar{display:none}
.dsw__s{flex:1 0 auto;position:relative}
.dsw__s button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;border:0;border-radius:.6rem;background:none;font:inherit;font-size:.84rem;color:rgba(16,20,26,.45);cursor:pointer;white-space:nowrap}
.dsw__s .dsw__schritt{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;border:0;border-radius:.6rem;background:none;font:inherit;font-size:.84rem;color:rgba(16,20,26,.45);cursor:default;white-space:nowrap}
.dsw__s button:disabled{cursor:default}
.dsw__s button:not(:disabled):hover{background:rgba(1,94,165,.06)}
.dsw__nr{flex:none;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;border:1.5px solid rgba(16,20,26,.18);font-size:.75rem;font-weight:700}
.dsw__s.is-aktiv button,.dsw__s.is-aktiv .dsw__schritt{color:var(--text-strong);font-weight:600}
.dsw__s.is-aktiv .dsw__nr{border-color:var(--color-blue);background:var(--color-blue);color:#fff;box-shadow:0 0 0 4px rgba(1,94,165,.12)}
.dsw__s.is-fertig button,.dsw__s.is-fertig .dsw__schritt{color:var(--text-strong)}
.dsw__s.is-fertig .dsw__nr{border-color:#28c840;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.75rem no-repeat}
.dsw__s + .dsw__s::before{content:"";position:absolute;left:-.25rem;top:50%;width:.2rem;height:1px;background:var(--ig-rand)}
.dsw__karte{padding:1.6rem 1.7rem}
.dsw__teil{display:grid;gap:.8rem;animation:dsw-rein .35s var(--ease-out)}
@keyframes dsw-rein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dsw__h{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.02em;color:var(--text-strong)}
.dsw__teil > .ig-leise{margin:-.4rem 0 .2rem}
.dsw .ig-log-huelle{max-width:40rem}
.dsw .ds-werkzeug{margin-top:0;padding:0;border:0;box-shadow:none}
.dsw__felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.1rem;max-width:46rem}
.dsw__felder .ig-feld--breit{grid-column:1/-1}
.dsw__felder .ig-zeile{grid-column:1/-1}
.dsw__gruppen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.dsw__gruppe{display:grid;gap:.5rem;align-content:start;padding:1rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fbfcfe}
.dsw__gruppe h4{margin:0 0 .2rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.dsw__teil--tor{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.6rem;align-items:start}
.dsw__teil--tor .ig-tor{position:static;transform:none;width:auto;margin:0;max-width:none}
.dsw__befund{display:grid;gap:.9rem;padding:1.2rem;border-radius:.9rem;background:linear-gradient(140deg,#f3f8fd,#e8f3fb);border:1px solid rgba(1,94,165,.15)}
.dsw__zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.dsw__zahlen div{display:grid;gap:.1rem;padding:.7rem .6rem;border-radius:.7rem;background:#fff;border:1px solid rgba(16,20,26,.07);text-align:center}
.dsw__zahlen b{font-family:var(--font-display);font-size:1.6rem;line-height:1.1;color:var(--color-blue)}
.dsw__zahlen span{font-size:.74rem;color:var(--text-muted)}
.dsw__zahlen .is-warn b{color:#b3261e}
.dsw__blatt{max-height:min(60vh,34rem);overflow:auto;border:1px solid var(--ig-rand);border-radius:.8rem;padding:1.2rem 1.4rem;background:#fff}
.dsw .ig-ende__knoepfe{justify-content:flex-start}
.dsw__fuss{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.7rem;border-top:1px solid var(--ig-rand);
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 1.1rem 1.1rem}
@media (max-width:900px){.dsw__teil--tor{grid-template-columns:minmax(0,1fr)}.dsw__gruppen{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .dsw{margin-left:-.25rem;margin-right:-.25rem}
  .dsw__karte{padding:1.1rem .95rem}
  .dsw__s .dsw__t{display:none}.dsw__s.is-aktiv .dsw__t{display:inline}
  .dsw__felder{grid-template-columns:minmax(0,1fr)}
  .dsw__fuss{padding:.75rem .95rem}
  .dsw__fuss .ig-btn--gross{flex:1}
}
.dsw__ende{display:grid;gap:1rem}
.dsw__ende .ig-ende__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.dsw__ende .ig-angebot{margin-top:.4rem}
.dsw__zwischen{margin:.8rem 0 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.dsw__fuss.is-ruhig{position:static}
.dsw__teil{grid-template-columns:minmax(0,1fr)}
.dsw__teil > *{min-width:0}
.dsw__teil--tor{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
@media (max-width:900px){.dsw__teil--tor{grid-template-columns:minmax(0,1fr)}}
.dsw .ds-werkzeug__kopf > *{min-width:0}
.dsw .ds-filter{margin-left:0;margin-right:0;padding-left:0;padding-right:0}


.dsw .ds-werkzeug__kopf{align-items:center}
.ds-kachel__p{position:absolute;right:2.25rem;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border-radius:50%;background:#28c840}
.ds-kachel__p--warn{background:#e0442f}
.ds-kachel:has(.ds-kachel__b){padding-top:.6rem}
.ds-kachel{min-height:3.5rem;box-shadow:none}
.ds-kachel.is-an{box-shadow:none;background:#f5f9fe}
.ds-kachel:hover{transform:none;box-shadow:0 4px 14px -10px rgba(1,94,165,.45)}
.ds-gruppe h4{color:var(--text-muted);font-weight:600}
.ds-mehr{border-style:solid;border-color:var(--ig-rand);color:var(--text-muted)}

.dsw__export{position:relative;display:grid;gap:.7rem;justify-items:center;text-align:center;padding:2rem 1.5rem 1.6rem;border-radius:1rem;
  background:linear-gradient(160deg,#f2f8fe,#fff 70%);border:1px solid rgba(1,94,165,.2)}
.dsw__haken{width:3rem;height:3rem;border-radius:50%;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/1.6rem no-repeat;box-shadow:0 0 0 8px rgba(40,200,64,.12)}
.dsw__export-knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:.4rem}
.dsw__gross{flex-direction:column;gap:.15rem;min-width:15rem;min-height:4rem;padding:.7rem 1.6rem;font-size:1.05rem}
.dsw__gross small{font-size:.74rem;font-weight:400;opacity:.75}
.dsw__mehr{margin:0;font-size:.84rem;color:var(--text-muted)}
.dsw__fehlt{margin:0;font-size:.86rem;color:#8a5a00}
@media (max-width:560px){.dsw__gross{width:100%;min-width:0}}


.dsw .ds-kachel{border-color:rgba(16,20,26,.08);background:#fff;min-height:3.3rem;padding-top:.55rem;padding-bottom:.55rem}
.dsw .ds-kachel.is-an{border-color:rgba(1,94,165,.28);background:#f6f9fd}
.dsw .ds-kachel.is-warn{border-color:rgba(16,20,26,.08)}
.dsw .ds-kachel.is-an.is-warn{border-color:rgba(1,94,165,.28)}
.dsw .ds-kachel__t small{color:rgba(16,20,26,.42)}
.dsw .ds-kachel__haken{width:1.05rem;height:1.05rem;border-color:rgba(16,20,26,.15)}
.dsw .ds-region{background:#f6f9fd;border-color:rgba(1,94,165,.28);padding:.3rem .55rem}
.dsw .ds-region button{min-height:1.6rem;font-weight:500}
.dsw .ds-filter__b{font-size:.8rem}
.dsw .ds-gruppe h4{text-transform:none;letter-spacing:0;font-size:.85rem;color:var(--text-strong)}
.ds-neu-link{display:flex;align-items:center;padding-left:.2rem}
.dsw__gruppen{gap:2rem}
.dsw__gruppe{padding:0;border:0;background:none}
.dsw__gruppe h4{text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--text-strong);margin-bottom:.3rem}
.dsw .ig-schalter__t small{font-size:.76rem;color:rgba(16,20,26,.45)}
.dsw__weitere{justify-self:start;font-size:.85rem}

.dsw .ig-angebot,.dsw .ig-angebot.is-dringend{background:#fff;border:1px solid var(--ig-rand);box-shadow:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.3rem 1.5rem}
.dsw .ig-angebot__h{font-size:1.15rem}
.dsw .ig-angebot__liste{grid-template-columns:repeat(3,auto);justify-content:start;gap:.4rem 1.2rem;font-size:.85rem}
.dsw .ig-angebot__risiko{padding:0;border:0;background:none;font-size:.76rem}
.dsw .ig-angebot__kasse{padding:0;border:0;box-shadow:none;background:none;flex-direction:row;align-items:center;gap:1rem}
.dsw .ig-angebot__preis{text-align:right}
.dsw .ig-angebot__preis b{font-size:1.7rem}
.dsw .ig-angebot__person{display:none}
.dsw .ig-angebot__knopf{width:auto}
@media (max-width:900px){.dsw .ig-angebot{grid-template-columns:minmax(0,1fr)}.dsw .ig-angebot__liste{grid-template-columns:minmax(0,1fr)}.dsw .ig-angebot__kasse{justify-content:space-between}}
.ig-schalter__warn{display:block;margin-top:.25rem;color:#a14a00!important;font-size:.76rem}


.dsw__spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:58rem}
.dsw__block{display:grid;gap:.75rem;align-content:start;padding:1.2rem 1.3rem;border:1px solid var(--ig-rand);border-radius:.9rem;background:#fff}
.dsw__block h4{margin:0 0 .1rem;font-size:.95rem;color:var(--text-strong)}
.dsw__plzort{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.6rem}
.dsw .ig-feld{display:grid;gap:.3rem}
.dsw .ig-feld > span{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--text-muted)}
.dsw .ig-feld input,.dsw .ig-feld select{width:100%;min-height:2.6rem;padding:.5rem .75rem;font-size:.92rem;border-radius:.55rem}
.dsw .ig-quelle{background:none;padding:0;font-size:.7rem;font-weight:500;color:#1a7f2c}
.dsw .ig-quelle::before{content:"✓ "}
.ds-gefunden{color:#1a7f2c!important}
@media (max-width:760px){.dsw__spalten{grid-template-columns:minmax(0,1fr)}}
.dsw__spalten{max-width:none}
.dsw .ig-feld.is-leer input{border-color:rgba(224,140,40,.7);background:#fffaf2}
.dsw .ig-feld.is-leer > span::after{content:"Pflicht";font-size:.68rem;font-weight:600;color:#b36b00}
@media (max-width:700px){.dsw .ig-angebot__liste,.dsw .ig-angebot__risiko{display:none}.dsw .ig-angebot{padding:1rem;gap:.8rem}}


html.ig-laeuft .ig-start__hinweis{display:none}
.dsw__karte{min-height:28rem}
@media (max-width:700px){
  .dsw__teil--tor .ds-mini{display:none}
  .dsw__befund{padding:.8rem;gap:.6rem}
  .dsw__zahlen b{font-size:1.2rem}
  .dsw__zahlen div{padding:.45rem .3rem}
  .dsw .ig-angebot,.dsw .ig-angebot.is-dringend{grid-template-columns:minmax(0,1fr)!important}
  .dsw .ig-angebot__kasse{flex-direction:column;align-items:stretch;gap:.6rem}
  .dsw .ig-angebot__preis{text-align:left}
  .dsw .ig-angebot__knopf{width:100%}
  .dsw__schritte{gap:.1rem;padding:.6rem .5rem}
  .dsw__s{flex:0 1 auto}
  .dsw__s button{padding:.35rem .3rem}
}
@media (max-width:700px){
  .dsw__befund{padding:.6rem .7rem;gap:.45rem;border-radius:.7rem}
  .dsw__befund > .ig-tor__kopf{display:none}
  .dsw__zahlen{display:flex;flex-wrap:wrap;gap:.3rem .9rem}
  .dsw__zahlen div{display:flex;align-items:baseline;gap:.3rem;padding:0;border:0;background:none;text-align:left}
  .dsw__zahlen b{font-size:1rem}
  .dsw__zahlen span{font-size:.8rem}
  .dsw__befund .ds-tor-warnung{padding:.4rem .6rem;font-size:.8rem}
  .dsw__teil--tor{gap:.8rem}
}

.ig-vorschau{display:grid;gap:.25rem;padding:1rem 1.1rem;border-radius:.7rem;background:#fff;border:1px solid rgba(16,20,26,.07);font-size:.88rem;color:var(--text-muted);line-height:1.45}
.ig-vorschau b{font-family:var(--font-display);font-size:1.1rem;color:var(--text-strong)}
.dsw__block--breit{max-width:46rem}
.dsw .ig-personen{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.dsw .ig-zeile{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.6rem}
.dsw__blatt.ig-blatt{display:block;padding:1.4rem 1.6rem}
@media (max-width:700px){.dsw__teil--tor .ig-vorschau{font-size:.8rem;padding:.6rem .7rem}}
.dsw__blatt table{width:100%;table-layout:fixed;font-size:.78rem}.dsw__blatt td,.dsw__blatt th{word-break:break-word;hyphens:auto}


.dsw__haken{position:relative;animation:dsw-haken .6s cubic-bezier(.2,1.5,.4,1) both}
.dsw__haken::before,.dsw__haken::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(40,200,64,.55);animation:dsw-puls 2.4s ease-out infinite}
.dsw__haken::after{animation-delay:1.2s}
@keyframes dsw-haken{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes dsw-puls{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.dsw__haken,.dsw__haken::before,.dsw__haken::after{animation:none}}

.dsw__formate{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.2rem}
.dsw__formate span{font-size:.78rem;color:var(--text-muted);margin-right:.2rem}
.dsw__formate button{padding:.35rem .75rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.8rem;color:var(--text-strong);cursor:pointer}
.dsw__formate button:hover{border-color:rgba(1,94,165,.4)}

.dsw .ig-angebot{border:1px solid rgba(1,94,165,.25);box-shadow:0 18px 40px -30px rgba(1,58,117,.55);padding:1.5rem 1.6rem;gap:1rem 2rem}
.dsw .ig-angebot.is-dringend{border-color:rgba(224,68,47,.35);border-left:4px solid #e0442f;background:linear-gradient(90deg,#fff7f5,#fff 55%)}
.ig-angebot__befund{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;border-radius:.7rem;background:#fff;border:1px solid rgba(224,68,47,.25);font-size:.9rem;line-height:1.5;color:var(--text-strong)}
.ig-angebot__befund b{color:#b3261e}
.ig-angebot__alarm{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#e0442f;color:#fff;font-weight:700;font-size:.85rem;animation:dsw-alarm 2s ease-in-out infinite}
@keyframes dsw-alarm{0%,100%{box-shadow:0 0 0 0 rgba(224,68,47,.4)}50%{box-shadow:0 0 0 6px rgba(224,68,47,0)}}
.dsw .ig-angebot__h{font-size:1.25rem}
.dsw .ig-angebot__preis b{font-size:2rem}
.dsw .ig-angebot__knopf{min-height:3.2rem;padding:0 1.8rem;font-size:1.02rem}
@media (max-width:700px){.ig-angebot__befund{font-size:.84rem}}

.ig-quer{display:grid;gap:.45rem;margin-top:1rem;padding:1.4rem 1.6rem;border-radius:1rem;text-decoration:none;color:inherit;
  background:linear-gradient(135deg,#003a75,#015ea5 55%,#0e93cf);box-shadow:0 22px 44px -30px rgba(1,58,117,.8);transition:transform .2s,box-shadow .2s}
.ig-quer:hover{transform:translateY(-2px);box-shadow:0 26px 50px -28px rgba(1,58,117,.9)}
.ig-quer__kopf{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.7)}
.ig-quer__h{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.25;color:#fff}
.ig-quer__t{font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.85);max-width:46rem}
.ig-quer__t b{color:#fff}
.ig-quer__knopf{justify-self:start;margin-top:.4rem;background:#fff!important;color:var(--color-navy)!important;border-color:#fff!important}
.dsw__haftung{margin:.2rem 0 0;max-width:40rem;font-size:.76rem;line-height:1.45;color:var(--text-muted)}


.cb .cb-kat{display:flex;align-items:center;gap:.5rem;cursor:default}
.cb .cb-kat small{display:inline;margin-right:auto}
.cb .cb-kat{height:2.6rem;min-height:0;box-sizing:border-box}
.cb .cb-kat--aus{background:#fff;border-color:rgba(16,20,26,.08)}
.cb .cb-kat--aus span{font-size:.76rem;color:rgba(16,20,26,.45);padding-right:.6rem}
.dsw .cb .ds-kacheln > li.hat-region > .ds-kachel,.cb .ds-kacheln > li.hat-region > .ds-kachel{border-bottom-left-radius:0;border-bottom-right-radius:0}
.cb .cb-kat select{min-height:1.9rem;padding:0 1.6rem 0 .6rem;border:1px solid rgba(1,94,165,.35);border-radius:999px;background:#fff;font:inherit;font-size:.76rem;font-weight:600;color:var(--color-blue);cursor:pointer;max-width:9.5rem}
.cb .ds-gruppe h4{flex-wrap:wrap}
.cb-aussehen{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;gap:2rem;align-items:start}
.cb-aussehen__wahl{display:grid;gap:1.1rem;align-content:start}
.cb-feld{margin:0;padding:0;border:0;display:grid;gap:.5rem;min-width:0}
.cb-feld legend{padding:0;margin-bottom:.5rem;font-size:.78rem;color:var(--text-muted)}
.cb-wahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.5rem}
.cb-wahl__b{display:grid;justify-items:center;gap:.45rem;padding:.7rem .4rem;border:1px solid var(--ig-rand);border-radius:.75rem;background:#fff;font:inherit;font-size:.8rem;color:var(--text-strong);cursor:pointer;text-align:center;line-height:1.25}
.cb-wahl__b.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe;box-shadow:inset 0 0 0 1px rgba(1,94,165,.35)}
.cb-wahl__b:focus-visible,.cb-farbe:focus-visible,.cb-tabs button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.cb-pos{position:relative;width:3.4rem;height:2.3rem;border-radius:.35rem;border:1px solid rgba(16,20,26,.15);background:#f3f5f8}
.cb-pos i{position:absolute;background:var(--color-blue);border-radius:2px}
.cb-pos--leiste i{left:0;right:0;bottom:0;height:.5rem;border-radius:0 0 .3rem .3rem}
.cb-pos--box i{left:.25rem;bottom:.25rem;width:1.3rem;height:.8rem}
.cb-pos--mitte{background:#c9d0d8}.cb-pos--mitte i{left:50%;top:50%;width:1.6rem;height:1.05rem;transform:translate(-50%,-50%)}
.cb-pos--oben i{left:0;right:0;top:0;height:.5rem;border-radius:.3rem .3rem 0 0}
.cb-pos--box-r i{right:.25rem;bottom:.25rem;width:1.3rem;height:.8rem}
.cb-farben{display:flex;flex-wrap:wrap;gap:.4rem}
.cb-farbe{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:0 .8rem 0 .45rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.82rem;color:var(--text-strong);cursor:pointer}
.cb-farbe i{width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cb-farbe.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe}
.cb-farbe--eigen input{width:1.6rem;height:1.6rem;padding:0;border:0;background:none;cursor:pointer}
.cb-felder{max-width:none}
.cb-vorschau{display:grid;gap:.6rem;min-width:0;position:sticky;top:6rem}
.cb-vorschau__kopf{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.cb-tabs{display:inline-flex;padding:.2rem;border-radius:999px;background:var(--ig-weich);gap:.15rem}
.cb-tabs button{min-height:2.1rem;padding:0 .85rem;border:0;border-radius:999px;background:none;font:inherit;font-size:.8rem;color:var(--text-muted);cursor:pointer}
.cb-tabs button.is-an{background:#fff;color:var(--text-strong);font-weight:600;box-shadow:0 1px 3px rgba(16,20,26,.12)}
.cb-browser{border:1px solid rgba(1,94,165,.16);border-radius:.9rem;overflow:hidden;background:#fff;box-shadow:0 24px 50px -32px rgba(1,58,117,.5);margin:0 auto;width:100%;transition:max-width .3s var(--ease-out)}
.cb-browser--handy{max-width:24rem;border-radius:1.6rem;border-width:6px;border-color:#10141a}
.cb-browser .igb__url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-browser .igb__url img{width:12px;height:12px;border-radius:2px}
.cb-rahmen{display:block;width:100%;height:27rem;border:0;background:#fff}
.cb-browser--handy .cb-rahmen{height:34rem}
.cb-code{margin:0;max-width:100%;padding:.8rem 1rem;border-radius:.6rem;background:#10141a;color:#e8eef5;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}
.cb-code--gross{width:100%;max-width:46rem;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}
.cb-code--neu{box-shadow:inset 3px 0 0 #28c840}
.cb-kopier.is-kopiert{background:#1a7f37}
.cb-haken{display:inline-block;width:1.15rem;height:1.15rem;margin-right:.35rem;vertical-align:-.15rem;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%231a7f37' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.75rem no-repeat;animation:dsw-haken .45s cubic-bezier(.2,1.5,.4,1) both}
.cb-ch-zeile{display:block;margin:0;max-width:40rem;font-size:.82rem;line-height:1.5;color:var(--text-muted);text-align:center}
.dt-land .cb-ch-zeile .ml-kreuz{vertical-align:-1px;margin-right:6px}
.cb-selbst{display:grid;gap:.6rem;width:100%;max-width:46rem;padding:1rem;border-radius:.8rem;background:var(--ig-weich);text-align:left}
.cb-selbst__kn{display:flex;flex-wrap:wrap;gap:.5rem}
.cb-andere{margin:0}
.cb-sperren{display:grid;gap:.8rem}
.cb-sperren__liste{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.cb-sperre{display:grid;gap:.55rem;padding:1rem 1.1rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff;min-width:0}
.cb-sperre p{margin:0;font-size:.88rem;line-height:1.55;color:var(--text-muted)}
.cb-sperre__kopf{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.cb-sperre__kopf .ds-logo{width:1.6rem;height:1.6rem}
.cb-sperre__kopf b{font-size:.95rem;color:var(--text-strong)}
.cb-sperre__kopf em{font-style:normal;font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:rgba(1,94,165,.08);color:var(--color-blue)}
.cb-sperre__kopf em.is-warn{background:#fff1ef;color:#b3261e}
.cb-vn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.cb-vn > div{display:grid;gap:.25rem;min-width:0;align-content:start}
.cb-vn small{font-size:.72rem;color:var(--text-muted)}
.cb-hinweis{margin:0;padding:.8rem 1rem;border-radius:.7rem;background:#f3f8fd;border:1px solid rgba(1,94,165,.15);font-size:.86rem;line-height:1.5;color:var(--text-muted)}
.cb-hinweis b{color:var(--text-strong)}
@media (max-width:900px){.cb-aussehen{grid-template-columns:minmax(0,1fr)!important}.cb-vorschau{position:static}.cb-vn{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.cb-wahl__b{font-size:.74rem}.cb-rahmen{height:24rem}.cb-browser--handy .cb-rahmen{height:30rem}.cb-code{font-size:.72rem;padding:.65rem .75rem}}
@media (prefers-reduced-motion:reduce){.cb-haken{animation:none}}


@media (min-width:1101px){
  .dt-land .ig-hero__wrap:has(.igb) > h1,
  .dt-land .ig-hero__wrap:has(.igb) > .ml-lead,
  .dt-land .ig-hero__wrap:has(.igb) > .ml-eyebrow{max-width:calc(100% - min(41%,32rem) - 2.5rem)}
  .dt-land .ig-hero__wrap:has(.igb) > h1{font-size:clamp(2.4rem,3.9vw,4.1rem)}
}
@media (min-width:1101px){
  .dt-land .ig-hero__wrap:has(.igb) .ig-start{max-width:min(44rem,calc(100% - min(41%,32rem) - 4.5rem))}
}
.cb .cb-kat select{flex:0 1 auto;min-width:0;max-width:65%}
@media (max-width:700px){
  .cb .cb-kat{padding:.3rem .4rem}
  .cb .cb-kat small{display:none}
  .cb .cb-kat select{width:100%;max-width:100%}
  .cb .cb-kat--aus span{padding-left:.4rem}
}
@media (max-width:900px){.cb-rahmen{height:21rem}.cb-browser--handy .cb-rahmen{height:26rem}}
.cb-aussehen__kopf{grid-column:1/-1;display:grid;gap:.3rem}
@media (max-width:900px){.cb-aussehen__kopf{order:-2}}


.cb-aussehen__wahl{gap:0}
.cb-gruppe{display:grid;gap:.65rem;min-width:0;padding:1rem 0 .9rem;border-top:1px solid var(--ig-rand)}
.cb-gruppe:first-child{padding-top:0;border-top:0}
.cb-gruppe__h{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong)}
.cb-mehr{min-width:0}
.cb-mehr summary{display:inline-flex;align-items:center;gap:.5rem;min-height:2.2rem;padding:0 .2rem;border-radius:.4rem;list-style:none;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--color-blue)}
.cb-mehr summary::-webkit-details-marker{display:none}
.cb-mehr summary::before{content:"";width:.42rem;height:.42rem;margin-top:-.15rem;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.cb-mehr[open] summary::before{transform:rotate(45deg)}
.cb-mehr summary:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.cb-mehr__in{display:grid;gap:.8rem;padding:.35rem 0 .2rem .95rem;border-left:2px solid rgba(1,94,165,.12);margin:.2rem 0 0 .25rem;min-width:0}
.cb-reihe{display:grid;gap:.3rem;min-width:0}
.cb-reihe__t{font-size:.78rem;color:var(--text-muted)}
.cb-seg{flex-wrap:wrap;max-width:100%;justify-self:start}
.cb-seg__farbe{display:inline-flex;align-items:center;gap:.4rem;min-height:2.1rem;padding:0 .8rem 0 .3rem;border-radius:999px;font-size:.8rem;color:var(--text-muted);cursor:pointer}
.cb-seg__farbe.is-an{background:#fff;color:var(--text-strong);font-weight:600;box-shadow:0 1px 3px rgba(16,20,26,.12)}
.cb-seg__farbe input{width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.cb-seg__farbe:focus-within{box-shadow:inset 0 0 0 2px var(--color-blue)}
.cb-seg__farbe span{font-variant-numeric:tabular-nums}
.ig-feld textarea.cb-textfeld{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.88rem;line-height:1.45;color:var(--text-strong);resize:vertical}
.ig-feld textarea.cb-textfeld:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.cb-haken-feld{display:flex;align-items:flex-start;gap:.55rem;font-size:.85rem;line-height:1.4;color:var(--text-strong);cursor:pointer}
.cb-haken-feld input{width:1.1rem;height:1.1rem;margin:.1rem 0 0;flex:none;accent-color:var(--color-blue)}


.cb-wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;max-width:60rem;margin-top:.3rem;text-align:left}
.cb-weg{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.15rem;border:1px solid var(--ig-rand);border-radius:.9rem;background:#fff}
.cb-weg__kopf{display:flex;align-items:center;gap:.6rem}
.cb-weg__kopf b{font-size:1.02rem;color:var(--text-strong)}
.cb-weg__kopf img{width:22px;height:22px;flex:none}
.cb-weg__zeichen{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:5px;background:#10141a;color:#fff;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em}
.cb-weg__text{margin:0;font-size:.86rem;line-height:1.5;color:var(--text-muted)}
.cb-weg .cb-code--gross{max-width:100%;width:100%}
.cb-weg .dsw__gross{width:100%;min-width:0;margin-top:auto}
.cb-kn-zeile{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap}
.cb-wp-knopf:disabled{opacity:.7;cursor:progress}
.cb-wp-knopf.is-kopiert{background:#1a7f37}
.cb-wp-schritte{margin:0;padding:.7rem .9rem .7rem 2rem;border-radius:.6rem;background:var(--ig-weich);display:grid;gap:.3rem;font-size:.84rem;line-height:1.45;color:var(--text-strong)}
@media (max-width:760px){.cb-wege{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.cb-mehr summary::before{transition:none}}




.lb{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem;align-items:center;padding:1.8rem 2rem;border-radius:1.1rem;
  background:linear-gradient(160deg,#ffffff 0%,#f6f9fd 100%);border:1px solid rgba(1,94,165,.14);box-shadow:0 30px 60px -48px rgba(1,58,117,.55);overflow:hidden}
.lb__inhalt{display:grid;gap:.7rem;min-width:0}
.lb__kopf{display:flex;align-items:center;gap:.7rem}
.lb-symbol{flex:none;display:block}
.lb__marke{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.lb__marke em{font-style:normal;letter-spacing:.02em;text-transform:none;font-weight:500;font-size:.74rem;padding:.08rem .5rem;border:1px solid var(--ig-rand);border-radius:999px;color:var(--text-muted);background:#fff}
.lb__h{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.2;letter-spacing:-.02em;color:var(--text-strong)}
.lb__t{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-muted);max-width:40rem}
.lb__t b{color:var(--text-strong);font-weight:600;overflow-wrap:anywhere}
.lb__dazu{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.88rem;color:var(--text-strong);font-weight:500}
.lb__preise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.3rem 0 0;padding:0;list-style:none;max-width:30rem}
.lb__preise li{position:relative;display:grid;gap:.05rem;padding:.75rem .9rem;border-radius:.8rem;background:#fff;border:1px solid var(--ig-rand)}
.lb__preise b{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong)}
.lb__preise span{font-size:.78rem;color:var(--text-strong)}
.lb__preise small{font-size:.72rem;color:var(--text-muted)}
.lb__abzeichen{justify-self:start;margin-top:.3rem;font-style:normal;font-size:.68rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;color:#1a7f37;background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.28);white-space:nowrap}
.lb__quelle{margin:0;font-size:.7rem;line-height:1.4;color:var(--text-muted)}
.lb-plaene .lb__quelle{grid-column:1/-1;margin-top:-.1rem}
.lb-summe__heute{padding-top:.4rem;border-top:1px solid rgba(16,20,26,.08)}
.lb__aktion{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.5rem}
.lb__aktion a{font-size:.88rem;color:var(--color-blue);text-underline-offset:2px}

.lb__gratis{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 0;font-size:.88rem;line-height:1.45;color:var(--text-muted)}
.lb__gratis .igb__ok{flex:none}
.lb__empfohlen{display:flex;align-items:flex-start;gap:.5rem;margin:.9rem 0 0;padding:.7rem .9rem;border-radius:.7rem;background:#e8f6ee;color:#17663b;font-size:.95rem;line-height:1.45}
.lb__empfohlen b{color:#0f4f2c}
.lb__empfohlen .igb__ok{flex:none;margin-top:.1rem}
.lb-form > .lb__empfohlen{margin:0 0 .9rem}
.lb__risiko{margin:.6rem 0 0;font-size:.95rem;font-weight:600;color:var(--text-strong)}
.lb-beruhigung{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.3rem;font-size:.9rem;color:var(--text-muted)}
.lb-beruhigung li::before{content:"✓ ";color:#1a7f37;font-weight:700}
.lb__konto{margin:.35rem 0 0;font-size:.92rem;color:var(--text-muted)}
.lb__konto a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--text-strong);text-decoration:underline;text-underline-offset:3px}
.lb__knopf{min-height:2.9rem;padding:0 1.6rem}

.lb__knopf--zwei{padding:0 1.3rem}
.lb-modal .lb-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem;border:0;background:none;font:inherit;color:var(--color-blue);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.lb-modal .lb-link--mitte{justify-self:center;margin-top:-.6rem;font-size:.8rem}
.lb-test{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;align-items:start;padding:1rem;border-radius:.9rem;background:linear-gradient(160deg,#f6f9fd,#eef7fc);border:1px solid rgba(1,94,165,.16)}
.lb-test__zahl{display:grid;justify-items:center;margin:0;padding:.2rem .4rem;min-width:4.6rem}
.lb-test__zahl b{font-family:var(--font-display);font-size:2.6rem;line-height:1;letter-spacing:-.04em;background:var(--gradient-logo,linear-gradient(135deg,#003a75,#015ea5 50%,#00baeb));-webkit-background-clip:text;background-clip:text;color:transparent}
.lb-test__zahl span{display:grid;justify-items:center;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-strong)}
.lb-test__zahl small{max-width:7rem;font-size:.66rem;font-weight:400;color:var(--text-muted);line-height:1.3}
.lb-test ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;font-size:.86rem;line-height:1.5;color:var(--text-strong)}
.lb-test li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:start}
.lb-test li .igb__ok{margin-top:.2rem}
.lb-mail p{margin:0;font-size:.92rem;line-height:1.55;color:var(--text-strong)}
.lb-mail p b{overflow-wrap:anywhere}
.lb-mail .lb-mail__klein{font-size:.8rem;color:var(--text-muted)}
.lb-mail__weiter{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.2rem;margin-top:-.3rem;font-size:.84rem}
@media (max-width:560px){.lb-test{grid-template-columns:minmax(0,1fr)}.lb-test__zahl{grid-template-columns:auto auto;align-items:center;justify-items:start;gap:.6rem;justify-self:start}.lb-test__zahl span{justify-items:start;text-align:left}.lb-test__zahl small{max-width:none}}


.lb-bild{position:relative;min-width:0;padding:1.4rem 1.6rem 2.2rem 1rem}
.lb-bild__glut{position:absolute;inset:10% 4% 6% 14%;background:var(--gradient-logo);filter:blur(56px);opacity:.18;border-radius:42%}
.lb-bild__fenster{box-shadow:0 26px 50px -30px rgba(1,58,117,.55);animation:none;transform:none}
.lb-bild .igb__leiste{min-width:0}
.lb-bild__blatt{display:grid;gap:.7rem;padding:1rem 1.1rem 1.1rem;font-size:.76rem;color:#3a4552}
.lb-bild__kopf{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.lb-bild__kopf b{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em;color:var(--color-navy)}
.lb-bild__kopf>span{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;color:#1a7f37;padding:.12rem .5rem .12rem .2rem;border-radius:999px;background:rgba(40,200,64,.08)}
.lb-bild__kopf .igb__ok{width:.95rem;height:.95rem;background-size:.6rem}
.lb-bild__z{display:grid;gap:.25rem;padding-left:.7rem;border-left:2px solid rgba(0,186,235,.35)}
.lb-bild__z small{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy)}
.lb-bild__banner{display:grid;gap:.45rem;padding:.65rem .7rem;border-radius:.6rem;background:#10141a;color:#fff;font-size:.7rem;line-height:1.35}
.lb-bild__knoepfe{display:flex;gap:.35rem;justify-content:flex-end}
.lb-bild__knoepfe i{font-style:normal;padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);font-size:.64rem}
.lb-bild__knoepfe i.is-voll{background:#fff;color:#10141a;border-color:#fff}
.lb-bild__chip{position:absolute;right:0;top:.2rem;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem .4rem .45rem;border-radius:999px;background:#fff;border:1px solid rgba(16,20,26,.08);
  box-shadow:0 14px 30px -18px rgba(1,58,117,.6);font-size:.74rem;color:var(--text-strong)}
.lb-bild__chip img{width:20px;height:20px;border-radius:4px;object-fit:contain}
.lb-bild__fassungen{position:absolute;left:-.2rem;bottom:0;display:grid;gap:.3rem;min-width:12.5rem;padding:.65rem .8rem;border-radius:.8rem;background:#fff;border:1px solid rgba(16,20,26,.08);
  box-shadow:0 18px 36px -22px rgba(1,58,117,.6);font-size:.72rem;color:var(--text-strong)}
.lb-bild__fassungen small{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy)}
.lb-bild__fassungen>span{display:flex;align-items:center;gap:.4rem}
.lb-bild__fassungen .igb__ok{width:.9rem;height:.9rem;background-size:.55rem}
.lb-bild__fassungen .is-alt{color:var(--text-muted)}
.lb-bild__punkt{width:.9rem;height:.9rem;flex:none;border-radius:50%;border:2px solid rgba(16,20,26,.18)}


.lb-modal{--ig-rand:rgba(0,0,0,.12);--ig-weich:rgba(0,0,0,.04);position:fixed;inset:0;z-index:2147483000;display:grid;place-items:start center;padding:max(1.5rem,7vh) 1.5rem 1.5rem;background:rgba(10,18,30,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:lb-ein .18s ease-out}
.lb-modal__blatt{position:relative;width:min(36rem,100%);max-height:calc(100dvh - max(1.5rem,7vh) - 1.5rem);overflow:auto;overscroll-behavior:contain;padding:1.4rem 1.5rem 1.3rem;border-radius:1.2rem;background:#fff;
  box-shadow:0 40px 90px -30px rgba(1,30,60,.55);animation:lb-hoch .22s cubic-bezier(.2,.9,.3,1);font-family:var(--font-body,inherit)}
.lb-modal__griff{display:none}
.lb-modal__kopf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:1rem}
.lb-modal__kopf h2{margin:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.25;color:var(--text-strong)}
.lb-modal__kopf p{margin:.1rem 0 0;font-size:.84rem;color:var(--text-muted);overflow-wrap:anywhere}
.lb-modal__kopf p b{color:var(--text-strong)}
.lb-modal__zu{width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#f2f4f7;color:var(--text-strong);font-size:1.5rem;line-height:1;cursor:pointer}
.lb-modal__zu:hover{background:#e7ebf0}
.lb-modal :focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.lb-form{display:grid;gap:.9rem}
.lb-plaene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;border:0;min-width:0}
.lb-plaene legend{padding:0;margin-bottom:.45rem;font-size:.74rem;font-weight:600;color:var(--text-muted)}
.lb-plan{position:relative;display:grid;gap:.25rem;padding:.85rem .95rem;border:1px solid var(--ig-rand);border-radius:.85rem;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.lb-plan input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lb-plan:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--color-blue)}
.lb-plan.is-an{border-color:rgba(1,94,165,.55);box-shadow:inset 0 0 0 1px rgba(1,94,165,.55);background:#f6f9fd}
.lb-plan__t{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}
.lb-plan__t b{font-size:.95rem;color:var(--text-strong)}
.lb-plan__t .lb__abzeichen{margin-top:0}
.lb-plan__preis{display:grid;font-size:.78rem;color:var(--text-muted);line-height:1.4}
.lb-plan__preis b{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.02em;color:var(--text-strong)}
.lb-plan__preis small{font-size:.72rem}
.lb-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}
.lb-feld{display:grid;gap:.25rem;font-size:.74rem;color:var(--text-muted);font-weight:500;min-width:0}
.lb-feld--breit{grid-column:1/-1}
.lb-feld input{width:100%;min-width:0;min-height:2.75rem;padding:.6rem .8rem;border:1px solid var(--ig-rand);border-radius:.6rem;background:#fff;font:inherit;font-size:.95rem;color:var(--text-strong);font-weight:400}
.lb-feld input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:inset 0 0 0 1px rgba(1,94,165,.5)}
.lb-feld__fehler{font-size:.76rem;font-weight:500;color:#c0392b}
.lb-feld.is-fehler input{border-color:rgba(214,48,49,.6);background:#fff8f8}
.lb-summe{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:.8rem;background:#f6f8fa;font-size:.84rem;line-height:1.5;color:var(--text-muted)}
.lb-summe__zeile{display:flex;justify-content:space-between;gap:1rem;color:var(--text-strong);font-size:.95rem}
.lb-summe__klein{font-size:.78rem}
.lb-summe ul{margin:.2rem 0 0;padding-left:1.1rem;display:grid;gap:.15rem}
.lb-summe b{color:var(--text-strong);overflow-wrap:anywhere}
.lb-agb{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;line-height:1.45;color:var(--text-strong);cursor:pointer}
.lb-agb input{margin-top:.15rem;width:1.15rem;height:1.15rem;accent-color:var(--color-blue);flex:none}
.lb-agb a{color:var(--color-blue)}
.lb-agb.is-fehler span{color:#c0392b}
.lb-form__fehler{margin:0;font-size:.82rem;color:#c0392b}
.lb-form__los:disabled{opacity:.85;cursor:progress}
.lb-kreis{display:inline-block;width:1.05rem;height:1.05rem;margin-right:.6rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:lb-dreh .8s linear infinite;vertical-align:-.15em}
@keyframes lb-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lb-kreis{animation:none;border-top-color:rgba(255,255,255,.35)}}
.lb-form__unter{margin:-.3rem 0 0;text-align:center;font-size:.76rem;color:var(--text-muted)}

.lb-fehler{display:grid;gap:.6rem;justify-items:center;text-align:center;padding:.4rem 0 .3rem}
.lb-fehler h3{margin:.4rem 0 0;font-family:var(--font-display);font-size:1.15rem;color:var(--text-strong)}
.lb-fehler p{margin:0;max-width:26rem;font-size:.9rem;line-height:1.55;color:var(--text-muted)}
.lb-fehler__knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem}
.lb-fehler__knoepfe .ig-btn{min-height:2.9rem;padding:0 1.4rem}
.lb-fehlerbild{width:12rem}
.lb-fehlerbild .igb__fenster{box-shadow:0 20px 40px -28px rgba(1,58,117,.6)}
.lb-fehlerbild__mitte{display:grid;place-items:center;height:5.2rem;background:linear-gradient(160deg,#f6f9fd,#fff)}
.lb-fehlerbild__zeichen{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;font:700 1.3rem/1 var(--font-display);color:#fff;background:linear-gradient(135deg,#febc2e,#f29a10);box-shadow:0 0 0 7px rgba(254,188,46,.15)}
.lb-fehlerbild__zeichen.is-konto{background:#015ea5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.6' r='2.6' fill='white'/%3E%3Cpath d='M3 13.4c.6-2.6 2.6-3.9 5-3.9s4.4 1.3 5 3.9' fill='white'/%3E%3C/svg%3E") center/1.3rem no-repeat;box-shadow:0 0 0 7px rgba(1,94,165,.12)}
.lb-feld--fest output{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2.75rem;padding:.6rem .8rem;border-radius:.6rem;background:#f6f8fa;font-size:.95rem;color:var(--text-strong);font-weight:500}
.lb-feld--fest small{font-size:.72rem;font-weight:400;color:var(--text-muted)}
.lb-form__fuss{position:sticky;bottom:-1.3rem;z-index:1;display:grid;gap:.7rem;margin:0 -1.5rem -1.3rem;padding:.9rem 1.5rem 1.3rem;background:#fff;box-shadow:0 -12px 20px -16px rgba(1,30,60,.35)}
.lb-weiter{display:grid;gap:.8rem}
.lb-weiter h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:var(--text-strong)}
.lb-weiter dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;margin:0;padding:.9rem 1rem;border-radius:.8rem;background:#f6f8fa;font-size:.86rem}
.lb-weiter dt{color:var(--text-muted)}
.lb-weiter dd{margin:0;color:var(--text-strong);overflow-wrap:anywhere}
@keyframes lb-ein{from{opacity:0}to{opacity:1}}
@keyframes lb-hoch{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .lb{grid-template-columns:minmax(0,1fr);padding:1.4rem 1.3rem;gap:1.2rem}
  .lb-bild{order:-1;max-width:26rem;width:100%;justify-self:center;padding:1.2rem .8rem 2.2rem .4rem}
}
@media (max-width:560px){
  .lb__preise{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lb__knopf{width:100%}
  .lb-bild{padding:1.6rem .2rem 3.6rem 0}
  .lb-bild__fassungen{min-width:0;left:0;bottom:0}
  .lb-bild__chip{top:0;right:0;font-size:.7rem}
  .lb-bild .igb__url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lb__abzeichen{white-space:normal;max-width:100%}
  .lb-modal{place-items:end stretch;padding:0}
  .lb-modal__blatt{width:100%;max-height:92dvh;border-radius:1.2rem 1.2rem 0 0;padding:.6rem 1.1rem calc(1rem + env(safe-area-inset-bottom));animation:lb-blatt .26s cubic-bezier(.2,.9,.3,1)}
  .lb-modal__griff{display:block;width:2.6rem;height:.3rem;margin:0 auto .7rem;border-radius:999px;background:rgba(16,20,26,.16)}
  .lb-felder{grid-template-columns:minmax(0,1fr)}
  .lb-form__fuss{bottom:calc(-1rem - env(safe-area-inset-bottom));margin:0 -1.1rem calc(-1rem - env(safe-area-inset-bottom));padding:.8rem 1.1rem calc(1rem + env(safe-area-inset-bottom))}
  .lb-plaene{gap:.5rem}
  .lb-plan{padding:.75rem .8rem}
}
@keyframes lb-blatt{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.lb-modal,.lb-modal__blatt{animation:none}}

.dsw__sprache{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:.1rem 0 .9rem}
.dsw__sprache span{font-size:.8rem;color:var(--text-muted);margin-right:.2rem}
.dsw__sprache button{min-height:44px;padding:.35rem .95rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.85rem;color:var(--text-strong);cursor:pointer}
.dsw__sprache button:hover{border-color:rgba(1,94,165,.4)}
.dsw__sprache button.is-an{background:#013a75;border-color:#013a75;color:#fff}
.dsw__sprache button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #015ea5}
.dsw__sprache button.is-an:focus-visible{box-shadow:inset 0 0 0 2px #fff}
.dsw__sprache .is-laedt{font-size:.75rem;color:var(--text-muted)}
@media (max-width:640px){.dsw__sprache span{flex-basis:100%;text-align:center;margin:0}}



.ig-tor .ig-ich__ja.is-fehler span{color:var(--text-muted)}
.ig-tor .ig-ich__ja.is-fehler input{box-shadow:0 0 0 2px #fff,0 0 0 4px #c0392b;border-radius:3px}
.ig-tor__ja-fehler{display:block;margin:-.2rem 0 0 1.65rem;font-size:.8rem;font-weight:600;color:#c0392b}


@media (max-width:560px){.cb-code--gross{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible}}

.dsw__teil--lesen{max-width:40rem;margin-inline:auto;width:100%}


.ig-feld select,.ig-tor__feld select,.ds-bestellung select,.lb-feld select,
.dsw .ig-feld select,.dsw .ig-tor__feld select,.cb .ig-tor__feld select,.cb .ig-feld select{
  -webkit-appearance:none;appearance:none;
  background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23526079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .85rem center;background-size:.7rem auto;
  padding-right:2.4rem;cursor:pointer;text-overflow:ellipsis}
.ig-tor__feld select,.dsw .ig-tor__feld select,.cb .ig-tor__feld select{
  width:100%;min-width:0;min-height:2.9rem;padding-top:.6rem;padding-bottom:.6rem;padding-left:.8rem;
  border:1px solid var(--ig-rand);border-radius:.6rem;font:inherit;font-size:.95rem;font-weight:400;color:var(--text-strong)}
.cb .cb-kat select,.dsw .cb .cb-kat select{
  -webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;
  background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23015ea5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8rem center;background-size:.62rem auto;
  padding:0 2.1rem 0 .85rem}
.ig-feld select:hover,.ig-tor__feld select:hover,.ds-bestellung select:hover,.lb-feld select:hover,.cb .cb-kat select:hover{border-color:rgba(1,94,165,.45)}
.ig-feld select:focus,.ig-tor__feld select:focus,.ds-bestellung select:focus,.lb-feld select:focus,.cb .cb-kat select:focus{outline:0;border-color:rgba(1,94,165,.55);box-shadow:inset 0 0 0 1px rgba(1,94,165,.55)}
.ig-feld select:focus-visible,.ig-tor__feld select:focus-visible,.ds-bestellung select:focus-visible,.lb-feld select:focus-visible,.cb .cb-kat select:focus-visible{box-shadow:inset 0 0 0 2px #015ea5}

@media (max-width:360px){
  .dt-land .ml-hero.ig-hero h1{font-size:1.78rem;overflow-wrap:break-word}
}

.dsw .ds-kachel,.ds-kachel{padding-right:2.6rem}
.ds-kachel__t b{overflow-wrap:break-word}
@media (max-width:700px){.dsw .ds-kachel,.ds-kachel{padding-right:2.35rem}}
@media (max-width:360px){.ds-kacheln{grid-template-columns:minmax(0,1fr)}}

.ds-leer{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .45rem;text-align:left}
.ds-leer .ig-link{margin:0;text-align:left}
.ds-kacheln > li.ds-neu-link,.ds-neu-link{grid-column:1/-1}
.ds-neu-link .ig-link{text-align:left}

.lb__preise li{align-content:start}
@media (max-width:560px){.lb__abzeichen{border-radius:.45rem;line-height:1.3;padding:.18rem .5rem}}

.lb-plan{align-content:start}
@supports (grid-template-rows:subgrid){
  .lb-plaene{grid-auto-rows:auto}
  .lb-plaene > .lb-plan{grid-row:span 2;grid-template-rows:subgrid;row-gap:.3rem}
  .lb-plan__t{align-self:start}
  .lb-plan__preis{align-self:start}
}
.lb-agb.is-fehler span{color:var(--text-strong)}
.lb-agb.is-fehler input{box-shadow:0 0 0 2px #fff,0 0 0 4px #c0392b;border-radius:3px}

.ig-btn--gross{max-width:100%;min-width:0}
@media (max-width:560px){.ig-btn--gross{white-space:normal;text-align:center;line-height:1.25;padding-top:.6rem;padding-bottom:.6rem}}
.ig-ich__ja.is-fehler span{color:var(--text-muted)}
.ig-ich__ja.is-fehler input{box-shadow:0 0 0 2px #fff,0 0 0 4px #c0392b;border-radius:3px}

.cb-farbe--eigen input{width:1.4rem;height:1.4rem;-webkit-appearance:none;appearance:none;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cb-farbe--eigen input::-webkit-color-swatch-wrapper{padding:0}
.cb-farbe--eigen input::-webkit-color-swatch{border:0;border-radius:50%}
.cb-farbe--eigen input::-moz-color-swatch{border:0;border-radius:50%}
.ds-neu-link{justify-content:flex-start}

.ds-kacheln:has(.ds-leer) .ds-neu-link{display:none}

@media (max-width:560px){
  .dsw .ig-check.ig-angebot,.dsw .ig-check.ig-angebot.is-dringend{padding-left:.85rem;padding-right:.85rem}
  .dsw .ig-angebot > .ds-bestellung{padding:.9rem 0 0;border:0;border-top:1px solid var(--ig-rand);border-radius:0;background:transparent}
}

.ig-feld input:focus,.ig-person--frei input:focus,.ig-person--frei textarea:focus,.ig-ich__felder input:focus,
.ig-tor__feld input:focus,.ig-check__form input:focus,.ds-werkzeug__suche:focus,.ig-feld textarea.cb-textfeld:focus,
.ds-bestellung input:focus,.ds-bestellung textarea:focus,.ds-neu input:focus,.ds-suche:focus{
  outline:0;border-color:rgba(1,94,165,.55);box-shadow:inset 0 0 0 1px rgba(1,94,165,.55)}
.ds-bestellung input.is-fehler{box-shadow:inset 0 0 0 1px #d93025}
.ds-kachel:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}

@media (min-width:761px) and (max-width:1100px){.dt-land .ml-hero.ig-hero::before{display:none}}
@media (min-width:1101px) and (max-width:1279px){.dt-land .igb__siegel{left:auto;right:-1.4rem;bottom:-2.8rem;width:6.8rem;height:6.8rem}}

.ig-tor.is-fehler{border-color:rgba(1,94,165,.22)}

@media (max-width:360px){.dt-land h2.ml-h2.ml-h2{font-size:1.72rem;overflow-wrap:break-word}}

.dsw__blatt a{overflow-wrap:anywhere}
@media (max-width:480px){.dsw__blatt p,.dsw__blatt li,.dsw__blatt h2,.dsw__blatt h3,.dsw__blatt td{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}

@media (max-width:480px){
  .dsw__blatt table,.dsw__blatt tbody,.dsw__blatt tr,.dsw__blatt td{display:block;width:auto}
  .dsw__blatt tr{padding:.3rem 0;border-bottom:1px solid rgba(16,20,26,.06)}
  .dsw__blatt td:first-child{font-weight:600;color:var(--text-strong);padding-bottom:0}
}

@media (max-width:360px){
  .dsw__schritte{padding-left:.45rem;padding-right:.45rem}
  .dsw__s button{padding:.35rem .15rem;gap:.3rem}
  .dsw__s.is-aktiv .dsw__t{font-size:.78rem}
}

.dt-land .ml-lead a[href^="tel:"],.dt-land .ml-lead a[href^="mailto:"]{color:var(--color-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

.ig-tor__ja-fehler{margin-left:2.125rem}
@media (min-width:1101px) and (max-width:1279px){.dt-land .igb__siegel{right:.8rem;bottom:-2.6rem}}
@media (max-width:360px){.dsw .dsw__karte{padding-left:.6rem;padding-right:.6rem}}

@media (max-width:360px){
  .dsw .ig-tor{padding-left:.85rem;padding-right:.85rem}
  .ig-btn--gross{padding-left:.9rem;padding-right:.9rem;font-size:.95rem}
}


.ig-leer{margin:.6rem 0 0 .4rem;font-size:.9rem;color:#a3221a}
.ig-leer b{font-weight:600}

.ig-start__hinweis.ig-vertrauen{gap:.2rem 0;margin-left:calc(.4rem - 1.3rem);clip-path:inset(-1.5rem -1.5rem -1.5rem 1.3rem)}
.ig-vertrauen .ig-teil{position:relative;display:block;flex:0 1 auto;max-width:calc(100% - 1.3rem);margin-left:1.3rem}
.ig-vertrauen .ig-punkt{display:inline-block;margin:0 .55rem 0 .15rem;vertical-align:.08em}
.ig-vertrauen .ig-teil--punkt::before{content:"";position:absolute;left:-.75rem;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:currentColor;opacity:.4}

.ig-vertrauen .ig-link--inline{margin:-.75rem 0;padding-block:.75rem}


@media (max-width:420px){.ig-btn{white-space:normal;text-align:center;max-width:100%;padding-block:.55rem;line-height:1.25}}


.rp{display:grid;gap:1.1rem;margin-top:1rem;padding:1.6rem 1.8rem;border-radius:1.1rem;background:#fff;border:1px solid rgba(1,94,165,.14);box-shadow:0 30px 60px -50px rgba(1,58,117,.55)}
.rp__kopf{display:flex;align-items:flex-start;gap:1.1rem}
.rp__kopf > div{display:grid;gap:.3rem;min-width:0}
.rp__fortschritt{flex:none;display:grid;place-items:center;align-content:center;width:3.6rem;height:3.6rem;border-radius:50%;
  background:conic-gradient(var(--color-blue) calc(var(--rp-anteil,0) * 1turn),rgba(1,94,165,.12) 0);position:relative}
.rp__fortschritt::before{content:"";position:absolute;inset:.3rem;border-radius:50%;background:#fff}
.rp__fortschritt b,.rp__fortschritt span{position:relative;line-height:1}
.rp__fortschritt b{font-family:var(--font-display);font-size:1.25rem;color:var(--text-strong)}
.rp__fortschritt span{font-size:.68rem;color:var(--text-muted);margin-top:.1rem}
.rp__marke-text{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.rp__h{margin:0;font-family:var(--font-display);font-size:clamp(1.25rem,2.1vw,1.6rem);line-height:1.2;letter-spacing:-.02em;color:var(--text-strong)}
.rp__domain{overflow-wrap:anywhere}
.rp__t{margin:0;font-size:.92rem;line-height:1.55;color:var(--text-muted);max-width:42rem}
.rp__liste{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.rp__zeile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:.85rem;border:1px solid var(--ig-rand);background:#fff}
.rp__zeile.is-naechst{border-color:rgba(1,94,165,.35);background:linear-gradient(160deg,#fff 0%,#f3f8fd 100%);box-shadow:0 14px 30px -26px rgba(1,58,117,.7)}
.rp__zeile.is-erstellt{background:#f6fbf8;border-color:rgba(40,160,80,.22)}
.rp__zeile.is-gefunden{background:#fafbfc}
.rp__marke{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(16,20,26,.18);box-sizing:border-box;position:relative}
.is-naechst .rp__marke{border-color:var(--color-blue)}
.is-erstellt .rp__marke{border:0;background:#1a7f37}
.is-erstellt .rp__marke::after{content:"";position:absolute;left:.47rem;top:.3rem;width:.35rem;height:.65rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.is-gefunden .rp__marke{border-style:dashed}
.rp__text{display:grid;gap:.12rem;min-width:0}
.rp__name{font-size:1rem;color:var(--text-strong)}
.rp__status{font-size:.8rem;font-weight:500;color:var(--text-muted)}
.is-erstellt .rp__status{color:#17663b}
.rp__warum{font-size:.84rem;line-height:1.45;color:var(--text-muted);max-width:38rem;margin-top:.15rem}
.rp__knopf{white-space:nowrap}
.rp__knopf svg{flex:none;width:1rem;height:1rem;vertical-align:-.15rem}
.rp__neu{font-size:.84rem;color:var(--color-blue);text-underline-offset:2px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.rp__agb{margin:-.3rem 0 0 .2rem;font-size:.86rem;color:var(--text-muted)}
.rp__agb a{color:var(--color-blue);text-underline-offset:2px;padding:12px 0;margin:-12px 0}
.rp__butler{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.9rem 1rem;border-radius:.85rem;background:#f1f6fc;font-size:.9rem;line-height:1.5;color:var(--text-strong)}
.rp__butler a{color:var(--color-blue);font-weight:600;text-underline-offset:2px;white-space:nowrap;padding:12px 0;margin:-12px 0}
.rp a:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:4px}
.rp__butler-symbol{flex:none;width:1.4rem;height:1.4rem;margin-top:.05rem}
@media (max-width:640px){
  .rp{padding:1.25rem 1.1rem;gap:.9rem}
  .rp__kopf{gap:.8rem}
  .rp__fortschritt{width:3rem;height:3rem}
  .rp__zeile{grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:.7rem;padding:.85rem .9rem}
  .rp__marke{margin-top:.05rem}
  .rp__knopf,.rp__neu{grid-column:2;justify-self:start}
  .rp__knopf{width:100%;justify-content:center;box-sizing:border-box}
}

.ig-ich__ja--frei{margin-top:.55rem;padding-top:.6rem;border-top:1px dashed rgba(16,20,26,.12)}
.ig-ich__ja--frei b{color:var(--text-strong);font-weight:600}


.agb-karte{display:grid;gap:1.1rem;margin-top:1rem;max-width:44rem}
.agb-frage{display:grid;gap:.4rem;min-width:0}
.agb-frage__t{display:flex;align-items:baseline;gap:.5rem;font-size:.86rem;font-weight:600;color:var(--text-strong)}
.agb-frage__t em{font-style:normal;font-weight:500;font-size:.72rem;color:var(--text-muted)}
.agb-optionen{display:flex;flex-wrap:wrap;gap:.4rem}
.agb-optionen .ig-wahl__t{display:inline-flex;align-items:center;padding:.5rem .8rem;min-height:2.6rem}
.agb-optionen .ig-wahl__t.is-an{box-shadow:inset 0 0 0 1px rgba(1,94,165,.5)}
.agb-optionen .ig-wahl__t.is-an b{color:var(--color-blue)}
.agb-frage__hilfe{font-size:.75rem;line-height:1.45;color:var(--text-muted)}
.dsw__gruppe .agb-frage+.agb-frage,.dsw__gruppe .ig-schalter+.agb-frage,.dsw__gruppe .agb-frage+.ig-schalter{margin-top:.6rem}

.ig-schalter.ig-schalter--oben{align-items:flex-start}
.ig-schalter--oben .ig-schalter__knopf{margin-top:.05rem}

/* Seiten des Legal Butler auf butler.dartera.ch (17.10.2026, als App seit
   19.10.2026): Kopf, Reiter, Fuss, Flächen, Formulare. Nur Tokens der Website (global.css) und die
   Bausteine der Generatoren (generator.css), beide von gestalt.mjs davor
   gesetzt. Fokus immer nach innen gezeichnet (CLAUDE.md). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
a{color:var(--text-link);text-underline-offset:2px;overflow-wrap:anywhere}
img,svg{display:block;max-width:100%}
:where(a,button,input,textarea,summary,select):focus{outline:0}
:where(a,button,input,textarea,summary,select):focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.ig-btn--dunkel:focus-visible{box-shadow:inset 0 0 0 2px var(--color-cyan)}
.sk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sk-sprung{position:absolute;left:1rem;top:-3rem;padding:.6rem 1rem;border-radius:999px;background:var(--color-ink-900);color:#fff;z-index:20}
.sk-sprung:focus{top:.75rem}

/* ---------- App-Rahmen (19.10.2026): eigener Kopf, Reiter, schlichter Fuss ----------
   Kein Menü der Website mehr. Hintergrund Papier, Inhalte auf weissen Flächen. */
body.sk-app{background:var(--color-paper)}
.sk-app-kopf{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border-subtle)}
.sk-app-kopf__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:calc(72rem + 2 * var(--container-pad));height:64px;margin:0 auto;padding:0 var(--container-pad)}
.sk-app-marke{display:flex;align-items:center;gap:.65rem;min-height:44px;padding-right:.4rem;border-radius:.7rem;color:var(--text-strong);text-decoration:none}
.sk-app-marke img{width:34px;height:34px;flex:none}
.sk-app-marke span{display:grid;line-height:1.1}
.sk-app-marke b{font-family:var(--font-display);font-weight:600;font-size:1.06rem;letter-spacing:-.01em}
.sk-app-marke small{font-size:.74rem;color:var(--text-muted);margin-top:.12rem}
.sk-app-kopf__rechts{display:flex;align-items:center;gap:.75rem;min-width:0}
.sk-app-konto{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);color:var(--text-muted)}
.sk-app-ab{margin:0}
.sk-app-link{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 .6rem;border-radius:.6rem;font-family:var(--font-display);font-weight:500;font-size:.92rem;color:var(--text-body);text-decoration:none}
.sk-app-link:hover{color:var(--color-blue);background:var(--color-cyan-50)}
/* Reiter: eine Zeile, auf dem Telefon seitlich wischbar */
.sk-reiter{border-top:1px solid var(--border-subtle)}
.sk-reiter__in{display:flex;gap:.15rem;max-width:calc(72rem + 2 * var(--container-pad) - 1.2rem);margin:0 auto;padding:0 calc(var(--container-pad) - .6rem);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sk-reiter__in::-webkit-scrollbar{display:none}
.sk-reiter a{position:relative;flex:none;display:flex;align-items:center;gap:.45rem;min-height:48px;padding:0 .75rem;border-radius:.6rem .6rem 0 0;color:var(--text-muted);text-decoration:none;font-family:var(--font-display);font-weight:500;font-size:.92rem;white-space:nowrap}
.sk-reiter svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sk-reiter a:hover{color:var(--text-strong);background:var(--color-mist)}
.sk-reiter a[aria-current=page]{color:var(--color-blue);font-weight:600}
.sk-reiter a[aria-current=page]::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:0;height:2px;border-radius:2px;background:var(--color-blue)}
/* Telefon: Menü statt Wischleiste */
.sk-menue{display:none}
@media (max-width:700px){
  .sk-app-konto{display:none}
  .sk-reiter{display:none}
  .sk-menue{display:block;position:relative;border-top:1px solid var(--border-subtle);background:#fff}
  .sk-menue summary{display:flex;align-items:center;gap:.55rem;min-height:52px;padding:0 var(--container-pad);list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--color-blue)}
  .sk-menue summary::-webkit-details-marker{display:none}
  .sk-menue summary::after{content:none}
  .sk-app .sk-menue{border:0;border-top:1px solid var(--border-subtle);border-radius:0;box-shadow:none;margin:0}
  .sk-menue summary{border-radius:0;justify-content:flex-start}
  .sk-menue > .sk-menue__liste{margin:0}
  .sk-menue summary:focus-visible{outline:2px solid var(--color-blue);outline-offset:-2px}
  .sk-menue svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .sk-menue__jetzt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sk-menue__mehr{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .5rem .45rem .8rem;border:1px solid var(--color-line);border-radius:999px;color:var(--text-strong);font-weight:500;font-size:.9rem}
  .sk-menue__mehr svg{width:16px;height:16px;transition:transform .15s}
  .sk-menue[open] .sk-menue__mehr svg{transform:rotate(180deg)}
  .sk-menue__liste{position:absolute;left:0;right:0;top:100%;z-index:30;display:grid;padding:.35rem var(--container-pad) .8rem;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--color-line);background:#fff;box-shadow:0 18px 30px -18px rgba(16,20,26,.35)}
  .sk-menue__liste a{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:0 .6rem;border-radius:.6rem;color:var(--text-strong);text-decoration:none;font-family:var(--font-display);font-weight:500;font-size:1rem}
  .sk-menue__liste a svg{color:var(--text-muted)}
  .sk-menue__liste a:hover{background:var(--color-mist)}
  .sk-menue__liste a[aria-current=page]{background:var(--color-mist);color:var(--color-blue);font-weight:600}
  .sk-menue__liste a[aria-current=page] svg{color:var(--color-blue)}
}
/* Fuss */
.sk-app-fuss{border-top:1px solid var(--border-subtle);background:#fff;font-size:var(--fs-sm);color:var(--text-muted)}
.sk-app-fuss__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2rem;max-width:calc(72rem + 2 * var(--container-pad));margin:0 auto;padding:1.4rem var(--container-pad)}
.sk-app-fuss__wer{display:flex;align-items:center;gap:.55rem;margin:0}
.sk-app-fuss__wer svg{width:16px;height:16px;flex:none}
.sk-app-fuss ul{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;margin:0;padding:0;list-style:none}
.sk-app-fuss a{display:inline-flex;align-items:center;min-height:2rem;color:var(--text-muted);text-decoration:none;border-radius:4px}
.sk-app-fuss a:hover{color:var(--text-strong);text-decoration:underline}

/* ---------- Inhalt ---------- */
.sk-haupt{flex:1;width:100%;max-width:calc(72rem + 2 * var(--container-pad));margin:0 auto;padding:clamp(1.75rem,4vw,2.75rem) var(--container-pad) clamp(3rem,7vw,5rem)}
.sk-haupt--text{max-width:calc(46rem + 2 * var(--container-pad));padding-top:clamp(2.5rem,6vw,4.5rem)}
.sk-titel{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin:0 0 1.75rem}
.sk-titel__text{min-width:0;max-width:44rem}
.sk-titel__text > :last-child{margin-bottom:0}
.sk-titel--bild{display:grid;align-items:center;gap:2rem}
@media (min-width:960px){.sk-titel--bild{grid-template-columns:minmax(0,1fr) 22rem;gap:4rem}}
.sk-eyebrow{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-blue)}
.sk-h1{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.6rem,1.6vw + 1.1rem,2.25rem);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--text-strong);overflow-wrap:break-word}
.sk-lead{margin:0;font-size:var(--fs-p3);line-height:var(--lh-relaxed);color:var(--text-muted);max-width:40rem}
.sk-haupt h2{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.15rem;line-height:var(--lh-snug);font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}
.sk-haupt h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1rem;line-height:1.3;font-weight:600;color:var(--text-strong)}
.sk-haupt p{margin:0 0 1rem}
.sk-haupt ul,.sk-haupt ol{margin:0 0 1rem;padding-left:1.25rem}
.sk-haupt li{margin:.3rem 0}
.sk-klein,.sk-haupt small{font-size:var(--fs-sm);color:var(--text-muted)}
.sk-schmal{max-width:44rem}

/* ---------- Knöpfe: ein System, sichtbar in jedem Zustand ----------
   Hover verändert nur Hintergrund oder Rand, die Schrift bleibt lesbar (AA). */
.sk-knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:0 1.15rem;border-radius:999px;border:1px solid transparent;
  font-family:var(--font-display);font-weight:600;font-size:.92rem;line-height:1.15;text-decoration:none;text-align:center;cursor:pointer;
  transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.sk-knopf svg{width:1.05rem;height:1.05rem;flex:none}
.sk-knopf:disabled,.sk-knopf[aria-busy=true]{opacity:.55;cursor:default}
.sk-knopf--dunkel,a.sk-knopf--dunkel{background:var(--color-ink-900);border-color:var(--color-ink-900);color:#fff}
.sk-knopf--dunkel:hover,a.sk-knopf--dunkel:hover{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
.sk-knopf--rand,a.sk-knopf--rand{background:#fff;border-color:var(--color-line-strong);color:var(--text-strong)}
.sk-knopf--rand:hover,a.sk-knopf--rand:hover{border-color:var(--color-blue);color:var(--color-blue);background:var(--color-cyan-50)}
.sk-knopf--weiss,a.sk-knopf--weiss{background:#fff;color:var(--color-ink-900)}
.sk-knopf--weiss:hover,a.sk-knopf--weiss:hover{background:var(--color-cyan-50);color:var(--color-navy)}
.sk-knopf--leise-rot{background:transparent;color:#b3261e;padding:0 .8rem}
.sk-knopf--leise-rot:hover{background:var(--color-danger-light);color:#8c1d16}
.sk-knopf--rot{background:#b3261e;border-color:#b3261e;color:#fff}
.sk-knopf--rot:hover{background:#8c1d16;border-color:#8c1d16;color:#fff}
.sk-knopf--ok,.sk-knopf--ok:hover{background:var(--color-success)!important;border-color:var(--color-success)!important;color:#fff!important}
.sk-knopf--klein{min-height:2.4rem;padding:0 .95rem;font-size:.86rem}
.sk-knopf--breit{width:100%}
.sk-knopf-form{margin:0;display:inline-flex}
/* Fokus nach innen, nie über den Rand (CLAUDE.md): hell blau, auf Dunkel cyan. */
.sk-knopf:focus-visible{box-shadow:inset 0 0 0 2px var(--color-blue)}
.sk-knopf--dunkel:focus-visible,.sk-knopf--rot:focus-visible,.ig-btn--dunkel:focus-visible{box-shadow:inset 0 0 0 2px var(--color-cyan),inset 0 0 0 4px var(--color-ink-900)}
/* Knöpfe der Generatoren (Anmelden, Einrichtung, Abonnieren): Hover ausdrücklich lesbar. */
.ig-btn--dunkel,a.ig-btn--dunkel{color:#fff}
.ig-btn--dunkel:hover,a.ig-btn--dunkel:hover{background:var(--color-blue);color:#fff}
.ig-btn--hell:hover,a.ig-btn--hell:hover{border-color:var(--color-blue);color:var(--color-blue)}
.sk-mehr{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;padding:0 .2rem;border-radius:.4rem;font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--color-blue);text-decoration:none}
.sk-mehr svg{width:1rem;height:1rem;flex:none}
.sk-mehr:hover{color:var(--color-navy);text-decoration:underline;text-underline-offset:3px}
.sk-mehr--rot{color:#b3261e}
.sk-mehr--rot:hover{color:#8c1d16}

/* ---------- Flächen ---------- */
.sk-panel{margin:0 0 1rem;padding:clamp(1.1rem,2.5vw,1.5rem);border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;box-shadow:0 1px 2px rgba(16,20,26,.04)}
.sk-panel > :last-child{margin-bottom:0}
.sk-panel__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin:0 0 1rem}
.sk-panel__kopf h2{margin:0;flex:1;min-width:0;overflow-wrap:anywhere}
.sk-panel__kopf .sk-fav{width:2rem;height:2rem;border-radius:.6rem;font-size:.9rem}
.sk-panel__aktionen{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.sk-raster{display:grid;gap:1.25rem;align-items:start}
@media (min-width:1080px){.sk-raster{grid-template-columns:minmax(0,1fr) 20rem;gap:1.75rem}.sk-raster__seite{position:sticky;top:8.5rem}}
.sk-raster__haupt{min-width:0}
.sk-raster__seite{display:flex;flex-direction:column;gap:1rem;min-width:0}
.sk-zweispaltig{display:grid;gap:1rem;align-items:start}
@media (min-width:900px){.sk-zweispaltig{grid-template-columns:1fr 1fr}}
.sk-box{padding:1.2rem 1.25rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}
.sk-box h3{margin:0 0 .35rem}
.sk-box p{margin:0 0 .6rem;font-size:var(--fs-p4);color:var(--text-muted);line-height:1.5}
.sk-box > :last-child{margin-bottom:0}
.sk-box .sk-mehr{display:flex}
.sk-box--angebot{background:linear-gradient(150deg,var(--color-navy),var(--color-blue) 62%,var(--color-cyan-700));border:0;color:#fff}
.sk-box--angebot h3{color:#fff}
.sk-box--angebot p{color:rgba(255,255,255,.88)}
.sk-box--angebot .sk-gross{min-height:0;padding:0;font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.02em;margin:.4rem 0 .9rem;color:#fff}
.sk-box--angebot .sk-gross small{font-size:.95rem;font-weight:600;color:rgba(255,255,255,.88)}
.sk-box--angebot .sk-knopf:focus-visible{box-shadow:inset 0 0 0 2px var(--color-blue)}
.sk-box--risiko{border-color:#f3dfb4;background:var(--color-warning-light)}
.sk-box--risiko ul{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}
.sk-box--risiko li{font-size:var(--fs-sm);line-height:1.45;color:#5b3a07;padding-left:1.4rem;position:relative;margin:0}
.sk-box--risiko li::before{content:"!";position:absolute;left:0;top:.1rem;width:.95rem;height:.95rem;border-radius:50%;background:#b86e00;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.7rem;line-height:.95rem;text-align:center}
.sk-box--risiko small{display:block;margin-top:.6rem;font-size:.75rem;color:#7a5a26}
.sk-leer{padding:clamp(2rem,6vw,3.5rem) 1.5rem;border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:#fff;text-align:center}
.sk-leer h2{margin-bottom:.4rem}
.sk-leer p{max-width:32rem;margin:0 auto 1.25rem;color:var(--text-muted)}

/* ---------- Übersicht: je Website eine Karte ---------- */
.sk-site{margin:0 0 1rem;padding:clamp(1.1rem,2.5vw,1.5rem);border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;box-shadow:0 1px 2px rgba(16,20,26,.04),0 18px 40px -34px rgba(0,58,117,.35)}
.sk-site--entwurf{border-style:dashed;box-shadow:none}
.sk-site__kopf{display:flex;align-items:center;gap:.85rem;margin:0 0 1rem}
.sk-site__titel{flex:1;min-width:0}
.sk-site__titel h2{margin:0;font-size:1.25rem;line-height:1.2;overflow-wrap:anywhere}
.sk-site__titel small{display:block;margin-top:.2rem;line-height:1.4}
.sk-fav{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.75rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.1rem}
.sk-pille{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);line-height:1;white-space:nowrap;flex:none}
.sk-pille i{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.sk-pille--klein{padding:.22rem .55rem;font-size:.74rem;margin-left:.4rem;vertical-align:middle}
.sk-pille--gruen{color:#17663b;background:var(--color-success-light)}
.sk-pille--gelb{color:#8a5300;background:var(--color-warning-light)}
.sk-pille--grau{color:var(--color-gray-600);background:var(--color-mist)}
.sk-pille--blau{color:var(--color-blue);background:var(--color-info-light)}
.sk-pille--rot{color:#b3261e;background:var(--color-danger-light)}
/* Gratistest: Balken der Resttage */
.sk-balken{margin:-.25rem 0 1rem}
.sk-balken__spur{height:.45rem;border-radius:999px;background:var(--color-mist);overflow:hidden}
.sk-balken__spur span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-blue),var(--color-cyan))}
/* Der eine nächste Schritt */
.sk-naechst{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.5rem;margin:0 0 1rem;padding:1rem 1.1rem;border-radius:.9rem;border:1px solid}
.sk-naechst__text{flex:1 1 18rem;min-width:0}
.sk-naechst h3{margin:0 0 .2rem;font-size:1rem}
.sk-naechst p{margin:0;font-size:var(--fs-p4);line-height:1.5}
.sk-naechst__knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.sk-naechst--blau{background:#f3f9fe;border-color:#cfe3f4}
.sk-naechst--blau p{color:#1f3b57}
.sk-naechst--gelb{background:#fff9ec;border-color:#f1dcae}
.sk-naechst--gelb p{color:#5b3a07}
.sk-naechst--gruen{background:#f2faf5;border-color:#cde9d7}
.sk-naechst--gruen p{color:#1d4a30}
/* Vier Zustände: Banner, Datenschutz, Impressum, Wochenscan */
.sk-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0 0 .25rem;padding:0;list-style:none}
.sk-status li{display:flex;gap:.55rem;align-items:flex-start;margin:0;padding:.7rem .75rem;border-radius:.75rem;border:1px solid var(--color-line);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.35;min-width:0}
.sk-status li > span:last-child{min-width:0}
.sk-status li b{display:block;color:var(--text-strong);font-family:var(--font-display);font-weight:600;font-size:.88rem;margin-bottom:.1rem;overflow-wrap:anywhere}
.sk-status li.ok{background:#f7fcf9;border-color:#d7eedf}
.sk-status li.jetzt{background:#f3f9fe;border-color:#bcd9f1}
.sk-schritt-i{flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;margin-top:.05rem;border-radius:50%}
.sk-schritt-i svg{width:.8rem;height:.8rem;stroke-width:3}
.sk-schritt-i--ok{background:var(--color-success);color:#fff}
.sk-schritt-i--jetzt{background:var(--color-blue);color:#fff}
.sk-schritt-i--offen{border:1.5px solid var(--color-line-strong)}
@media (max-width:760px){.sk-status{grid-template-columns:1fr 1fr}}
.sk-site__links{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin:.9rem 0 0!important;padding-top:.8rem;border-top:1px solid var(--color-line)}
.sk-site__links a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:0 .15rem;border-radius:.4rem;font-family:var(--font-display);font-weight:500;font-size:.88rem;color:var(--text-body);text-decoration:none}
.sk-site__links a svg{width:1rem;height:1rem;color:var(--text-muted)}
.sk-site__links a:hover{color:var(--color-blue)}
.sk-site__links a:hover svg{color:var(--color-blue)}
.sk-hinweis{margin:.75rem 0 0;padding:.75rem .9rem;border-radius:.75rem;font-size:var(--fs-sm);line-height:1.5}
.sk-hinweis--blau{background:var(--color-info-light);color:#0b3d66}
.sk-hinweis--gelb{background:var(--color-warning-light);color:#5c3b06}
/* Verlauf, Änderungen, Anfragen: eine ruhige Zeitleiste */
.sk-feed{margin:0!important;padding:0!important;list-style:none}
.sk-feed li{display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:1rem;margin:0;padding:.8rem 0;border-top:1px solid var(--color-line)}
.sk-feed li:first-child{border-top:0;padding-top:0}
.sk-feed time{font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}
.sk-feed b{font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.sk-feed p{margin:.15rem 0 0;font-size:var(--fs-p4);color:var(--text-body)}
@media (max-width:540px){.sk-feed li{grid-template-columns:1fr;gap:.2rem}}
.sk-neu-site{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;margin:0 0 1rem;border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-md);color:var(--text-body);text-decoration:none;font-family:var(--font-display);font-weight:600}
.sk-neu-site svg{width:1.1rem;height:1.1rem}
.sk-neu-site:hover{border-color:var(--color-blue);color:var(--color-blue);background:#fff}

/* ---------- Texte ---------- */
.sk-textzeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:.9rem 0;border-top:1px solid var(--color-line)}
.sk-textzeile__name{display:flex;align-items:center;gap:.75rem;min-width:0}
.sk-textzeile__name > svg{width:1.4rem;height:1.4rem;flex:none;color:var(--color-blue)}
.sk-textzeile__name b{display:block;font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.sk-textzeile__name a{font-size:var(--fs-sm)}
.sk-textzeile__wahl{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);color:var(--text-muted)}
.sk-textzeile__wahl .sk-feld{width:auto;min-width:10rem;min-height:2.75rem}
.sk-schalter{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 0;border-top:1px solid var(--color-line);cursor:pointer}
.sk-schalter input{flex:none;width:1.2rem;height:1.2rem;margin:.15rem 0 0;accent-color:var(--color-blue)}
.sk-schalter b{display:block;font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.sk-schalter small{display:block;margin-top:.15rem}
.sk-form-panel__fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-line)}
.sk-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;margin:0 0 1.1rem}
.sk-feldgruppe{display:grid;gap:.35rem;min-width:0}
.sk-feldgruppe--breit{grid-column:1/-1}
.sk-feldgruppe label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}
@media (max-width:540px){.sk-felder{grid-template-columns:1fr}}

/* ---------- Fassungen: Tabelle, auf dem Telefon Karten ---------- */
.sk-tabelle{width:100%;border-collapse:collapse;font-size:var(--fs-p4)}
.sk-tabelle th{padding:.55rem .75rem;border-bottom:1px solid var(--color-line);text-align:left;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.sk-tabelle td{padding:.75rem;border-bottom:1px solid var(--color-line);vertical-align:top}
.sk-tabelle tr:last-child td{border-bottom:0}
.sk-tabelle tbody tr:hover td{background:#fafbfc}
.sk-tabelle th:first-child,.sk-tabelle td:first-child{padding-left:0}
.sk-version{display:inline-grid;place-items:center;min-width:1.8rem;height:1.8rem;padding:0 .35rem;border-radius:.5rem;background:var(--color-mist);font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--text-strong)}
.sk-grund{color:var(--text-body);max-width:24rem}
.sk-tabelle__links{white-space:nowrap}
.sk-tabelle__links a{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;margin-right:.9rem;font-weight:600;text-decoration:none}
.sk-tabelle__links a:hover{text-decoration:underline}
.sk-tabelle__links svg{width:1rem;height:1rem}
.sk-zwischen{margin:1.4rem 0 .4rem!important}
@media (max-width:700px){
  .sk-tabelle thead{display:none}
  .sk-tabelle,.sk-tabelle tbody,.sk-tabelle tr,.sk-tabelle td{display:block;width:100%}
  .sk-tabelle tr{padding:.75rem 0;border-bottom:1px solid var(--color-line)}
  .sk-tabelle tr:last-child{border-bottom:0}
  .sk-tabelle td{padding:.15rem 0;border:0}
  .sk-tabelle td[data-k]::before{content:attr(data-k) ": ";color:var(--text-muted);font-size:var(--fs-sm)}
  .sk-tabelle td:first-child[data-k]::before{content:none}
  .sk-tabelle__links{white-space:normal}
}

/* ---------- Empfehlen ---------- */
.sk-linkfeld{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem}
.sk-linkfeld .sk-feld{flex:1 1 16rem;font-family:var(--font-mono);font-size:.92rem;background:var(--color-paper)}
.sk-teilen{margin:0 0 1.25rem!important}
.sk-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 .5rem}
.sk-zahlen div{padding:1rem;border-radius:.9rem;background:var(--color-paper)}
.sk-zahlen b{display:block;font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1;color:var(--text-strong)}
.sk-zahlen span{display:block;margin-top:.35rem;font-size:var(--fs-sm);color:var(--text-muted)}
.sk-wechsel{margin:0!important}
.sk-empfehlen .sk-wechsel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sk-ablauf{margin:.4rem 0 0!important;padding:0!important;list-style:none;counter-reset:s;display:grid;gap:.8rem}
.sk-ablauf li{position:relative;margin:0;padding-left:2.2rem;counter-increment:s;font-size:var(--fs-p4)}
.sk-ablauf li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:var(--color-info-light);color:var(--color-blue);font-family:var(--font-display);font-weight:700;font-size:.8rem}
.sk-ablauf b{display:block;font-family:var(--font-display);color:var(--text-strong)}
.sk-ablauf span{color:var(--text-muted)}

/* ---------- Abo ---------- */
.sk-daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem 1.5rem;margin:0 0 1rem;padding:.9rem 1rem;border-radius:.8rem;background:var(--color-paper)}
.sk-daten dt{font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}
.sk-daten dd{margin:.15rem 0 0;color:var(--text-strong);font-size:var(--fs-p4)}
.sk-wechselbox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;margin:0 0 1rem;padding:.9rem 1rem;border:1px solid #cfe3f4;border-radius:.8rem;background:#f3f9fe}
.sk-wechselbox > div{flex:1 1 16rem;min-width:0}
.sk-wechselbox b{display:block;font-family:var(--font-display);color:var(--text-strong)}
.sk-wechselbox span{font-size:var(--fs-sm);color:#1f3b57}
.sk-knopfreihe{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}

/* ---------- Anmelden ---------- */
.sk-anmelden{display:grid;gap:1.25rem;align-items:start}
@media (min-width:900px){.sk-anmelden{grid-template-columns:minmax(0,28rem) minmax(0,22rem);gap:2.5rem}}
.sk-anmelden .sk-form{max-width:none}
.sk-neu-hier{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:0 0 1.25rem;padding:.85rem 1rem;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;font-weight:600}
.sk-neu-hier a:not(.sk-knopf){font-weight:400}
.sk-pitch{padding:1.4rem;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-line)}
.sk-pitch h2{font-size:1.05rem}
.sk-haken{margin:0 0 1rem!important;padding:0!important;list-style:none;display:grid;gap:.5rem}
.sk-haken li{position:relative;margin:0;padding-left:1.6rem;font-size:var(--fs-p4)}
.sk-haken li::before{content:"";position:absolute;left:0;top:.2rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.65rem no-repeat}
.sk-pitch__preis{display:grid;gap:.15rem;margin:0 0 1rem!important}
.sk-pitch__preis b{font-family:var(--font-display);font-size:1.15rem;color:var(--text-strong)}
.sk-pitch__preis span{font-size:var(--fs-sm);color:var(--text-muted)}
.sk-pitch .sk-klein{margin:.5rem 0 0}

/* ---------- Banner-Editor: Formular links, Vorschau rechts ---------- */
.sk-wahl{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.sk-wahl a{display:inline-flex;align-items:center;min-height:2.4rem;padding:0 .9rem;border:1px solid var(--color-line-strong);border-radius:999px;background:#fff;color:var(--text-body);text-decoration:none;font-family:var(--font-display);font-weight:500;font-size:.88rem}
.sk-wahl a:hover{border-color:var(--color-blue);color:var(--color-blue)}
.sk-wahl a[aria-current=page]{background:var(--color-ink-900);border-color:var(--color-ink-900);color:#fff}
.sk-editor{display:grid;gap:1.25rem;align-items:start}
@media (min-width:1000px){.sk-editor{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}.sk-editor__vorschau{position:sticky;top:8.5rem}}
.sk-editor .sk-form{max-width:none}
.sk-vorschau-titel{margin:0 0 .5rem!important;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.sk-editor .sk-bv{margin:0}


/* Karten wie die Schritte der Generatoren (.dsw) */
.karte{margin:0 0 1rem;padding:clamp(1.25rem,3vw,1.7rem);border:1px solid var(--ig-rand);border-radius:var(--radius-md);background:#fff;
  box-shadow:0 1px 2px rgba(16,20,26,.04)}
.karte > :last-child{margin-bottom:0}
.sk-kopfzeile{display:flex;align-items:center;gap:.7rem;margin:0 0 .9rem}
.sk-kopfzeile h2{margin:0}
.dsw__nr{flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;border:1.5px solid var(--color-blue);background:var(--color-blue);color:#fff;
  font-family:var(--font-display);font-size:.85rem;font-weight:700;box-shadow:0 0 0 4px rgba(1,94,165,.12)}

/* Zustände, ruhig, Kontrast AA */
.gruen,.rot,.offen{display:block;margin:0 0 1rem;padding:.8rem 1rem;border-radius:.8rem;border:1px solid;font-size:var(--fs-p4)}
.gruen{background:var(--color-success-light);border-color:rgba(31,157,87,.35);color:#14532d}
.rot{background:var(--color-danger-light);border-color:rgba(216,69,58,.35);color:#7f1d1d}
.offen{background:var(--color-warning-light);border-color:rgba(224,144,15,.35);color:#5c3b06}
.gruen a,.rot a,.offen a{color:inherit;font-weight:600}
.offen a.ig-btn--dunkel,.gruen a.ig-btn--dunkel{color:#fff}

/* Formulare, Knöpfe, Code */
.sk-form{display:grid;gap:.75rem;max-width:30rem}
.sk-form label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}
.sk-feld{width:100%;min-height:3rem;padding:.7rem 1rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff;font:inherit;font-size:1rem;color:var(--text-strong);
  transition:border-color .2s,box-shadow .2s}
.sk-feld:focus-visible{border-color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue)}
.reihe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.75rem 0}
.karte textarea,.sk-code{display:block;width:100%;min-height:5.2em;margin:.25rem 0 0;padding:.8rem .9rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:var(--color-paper);
  font:var(--fs-sm)/1.5 var(--font-mono);color:var(--text-strong);resize:vertical}
button.leise{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.1rem;border-radius:999px;border:1px solid var(--ig-rand);background:#fff;color:var(--text-strong);
  font-family:var(--font-display);font-weight:600;font-size:.9rem;cursor:pointer}
button.leise:hover{border-color:var(--color-blue);color:var(--color-blue);background:var(--color-cyan-50)}
a.knopf{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.2rem;border-radius:999px;background:var(--color-ink-900);color:#fff;text-decoration:none;
  font-family:var(--font-display);font-weight:600;font-size:.92rem}
a.knopf:hover{background:var(--color-blue);color:#fff}
details{margin:.5rem 0;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff}
details > :not(summary){margin-left:1rem;margin-right:1rem}
summary{display:flex;align-items:center;justify-content:space-between;min-height:3rem;padding:0 1rem;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:600;color:var(--text-strong);border-radius:.8rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:.55rem;height:.55rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease-out);opacity:.55}
details[open] > summary::after{transform:rotate(-135deg) translateY(-1px)}

/* Gratistest und Abonnieren (17.10.2026): Plan als Karte, wie im Fenster der Generatoren */
.sk-plaene{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin:0 0 1rem;padding:0;border:0}
.sk-plaene legend{margin:0 0 .5rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}
.sk-plan{position:relative;display:grid;gap:.15rem;min-width:0;padding:1rem 1rem 1rem 2.8rem;border:1px solid var(--ig-rand);border-radius:.9rem;background:#fff;cursor:pointer}
.sk-plan input{position:absolute;left:1rem;top:1.15rem;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--color-blue)}
.sk-plan:has(input:checked){border-color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue);background:#f5faff}
.sk-plan b{font-family:var(--font-display);font-size:1.05rem;color:var(--text-strong)}
.sk-plan small{color:var(--text-muted)}
.sk-test-zaehler{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .75rem;font-family:var(--font-display)}
.sk-test-zaehler b{font-size:2rem;line-height:1;color:var(--color-blue)}
.sk-check{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--fs-sm);font-weight:400;color:var(--text-body)}
.sk-check input{flex:none;width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--color-blue)}
.sk-liste{margin:.5rem 0 1rem;padding-left:1.2rem}
.sk-liste li{margin:.25rem 0}

/* ---------- Rechtstexte der Kundschaft (19.10.2026): lesbar wie /datenschutz/ der Website ----------
   Eine Spalte von 44rem, ab 1100 Punkten links das Inhaltsverzeichnis mitlaufend.
   Abschnittsnummer gross in der Serife im Logoverlauf, Begriffe als ruhige Blöcke. */
.sk-haupt--text{max-width:calc(70rem + 2 * var(--container-pad))}
.sk-text{color:#2b3038;font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}
/* Lange deutsche Wörter («Datenschutzerklärung», «Kundenbeziehungsmanagement») brechen auf dem Telefon mit Trennstrich statt über den Rand. */
.sk-text h1,.sk-text h2,.sk-text h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:420px){.sk-text h1{font-size:1.85rem}}
.sk-text > article,.sk-text{display:block}
.sk-text header{margin:0}
.sk-text h1{margin:0 0 .6rem;font-family:var(--font-display);font-size:clamp(2.1rem,3.4vw + 1rem,3.4rem);line-height:1.08;font-weight:600;letter-spacing:-.03em;color:var(--text-strong);text-wrap:balance}
.sk-text .subtitle{margin:0 0 .3rem;font-size:1.15rem;color:var(--text-muted)}
.sk-stand-zeile{margin:.4rem 0 0;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle,#69727e)}
.sk-linie{height:3px;margin:1.6rem 0 2.8rem;border-radius:3px;background:var(--gradient-logo,linear-gradient(90deg,#003a75,#015ea5,#00baeb))}
.sk-text h2{position:relative;margin:3.6rem 0 1rem;font-family:var(--font-display);font-size:clamp(1.35rem,1vw + 1.05rem,1.7rem);line-height:1.25;font-weight:600;letter-spacing:-.02em;color:var(--text-strong);scroll-margin-top:2rem;text-wrap:balance}
.sk-text section > h2:first-child{margin-top:0}
.sk-text section{scroll-margin-top:2rem;margin:0 0 3.4rem}
.sk-nr{display:block;margin:0 0 .3rem;font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:2.1rem;line-height:1;letter-spacing:0;
  background:var(--gradient-logo,linear-gradient(90deg,#003a75,#015ea5,#00baeb));-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;padding:0 .1em .12em 0}
.sk-text h3{margin:2.2rem 0 .6rem;font-family:var(--font-display);font-size:1.18rem;line-height:1.3;font-weight:600;color:var(--text-strong)}
.sk-text h4{margin:1.6rem 0 .4rem;font-family:var(--font-display);font-size:1.02rem;line-height:1.35;font-weight:600;color:var(--text-strong)}
.sk-text p{margin:0 0 1rem;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
.sk-text ul,.sk-text ol{margin:0 0 1.1rem;padding-left:1.3rem}
.sk-text li{margin:.35rem 0}
.sk-text a{color:var(--color-blue);text-underline-offset:.2em;text-decoration-color:rgba(1,94,165,.35)}
.sk-text a:hover{text-decoration-color:var(--color-cyan)}
/* Begriffe: Begriff fett, Erklärung darunter, Linie zwischen den Paaren. Kein Einzug. */
.sk-text dl{margin:.4rem 0 1.4rem;padding:0;border-top:1px solid var(--border-subtle)}
.sk-text dt{margin:0;padding:1rem 0 .2rem;font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.sk-text dt strong{font-weight:600}
.sk-text dd{margin:0;padding:0 0 1rem;border-bottom:1px solid var(--border-subtle);color:#2b3038}
/* Tabellen: ruhig, Kopf in Kapitälchen, auf dem Telefon untereinander. */
.sk-text table{border-collapse:collapse;width:100%;table-layout:fixed;margin:.6rem 0 1.4rem;font-size:.95rem;line-height:1.55}
.sk-text th{padding:.6rem .8rem .6rem 0;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:bottom;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}
.sk-text td{vertical-align:top;padding:.6rem .8rem .6rem 0;border-bottom:1px solid var(--border-subtle)}
.sk-text td:first-child{width:12.5rem;font-weight:500;color:var(--text-strong)}
.sk-text td{overflow-wrap:anywhere}
@media (max-width:560px){.sk-text thead{display:none}.sk-text td{display:block;border:0;padding:.1rem 0}.sk-text tr{display:block;padding:.7rem 0;border-bottom:1px solid var(--border-subtle)}}
/* Dienste im Einzelnen: eine dünne Linie links statt einer Kiste. */
.sk-text .service-entry{margin:1.2rem 0 1.6rem;padding:.1rem 0 .1rem 1.1rem;border-left:2px solid var(--color-cyan-100,#dff4fc)}
.sk-text .service-entry h4{margin-top:.2rem}
/* Inhaltsverzeichnis */
.sk-text nav.toc{margin:0 0 2.6rem;padding:1.1rem 1.25rem;border:1px solid var(--border-subtle);border-radius:1rem;background:#fff}
.sk-text nav.toc h2{margin:0 0 .6rem;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}
.sk-text nav.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.sk-text nav.toc li{margin:0;counter-increment:toc;font-size:.92rem;line-height:1.4}
.sk-text nav.toc a{display:grid;grid-template-columns:1.9rem minmax(0,1fr);padding:.32rem 0;color:var(--text-muted);text-decoration:none}
.sk-text nav.toc a::before{content:counter(toc);font-family:var(--font-display);font-size:.8em;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-subtle,#98a1ad)}
.sk-text nav.toc a:hover{color:var(--text-strong)}
@media (min-width:1100px){
  .sk-text--datenschutz .privacy-policy{display:grid;grid-template-columns:15.5rem minmax(0,44rem);column-gap:clamp(3.5rem,6vw,6rem);align-items:start}
  .sk-text--datenschutz .privacy-policy > header{grid-column:1 / -1}
  .sk-text--datenschutz .privacy-policy > :not(header):not(nav){grid-column:2}
  .sk-text--datenschutz .privacy-policy > nav.toc{grid-column:1;grid-row:2 / span 60;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow:auto;margin:0;padding:0 .4rem 0 .95rem;border:0;border-left:1px solid var(--border-subtle);border-radius:0;background:none}
  .sk-text--impressum{max-width:44rem}
}
@media (max-width:1099px){.sk-text{max-width:44rem}}
.sk-stand{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-muted)}

/* ---------- Bilder: nur echte Teile (Fenster, unser Banner, unsere Mail) ---------- */
.sk-held{display:grid;gap:2rem;align-items:center;margin-bottom:1rem}
.sk-held > div > :last-child{margin-bottom:0}
@media (min-width:960px){.sk-haupt--bild{max-width:calc(68rem + 2 * var(--container-pad))}.sk-held--bild{grid-template-columns:minmax(0,1fr) 24rem;gap:4rem}.sk-haupt--bild .sk-unten{max-width:48rem}}
.sk-bild{position:relative;width:100%;max-width:24rem;justify-self:center}
.sk-bild::before{content:"";position:absolute;inset:-12% 0;z-index:-1;background:radial-gradient(closest-side,rgba(0,186,235,.14),transparent)}
.sk-fenster{border:1px solid var(--ig-rand);border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 30px 60px -40px rgba(16,20,26,.45),0 1px 2px rgba(16,20,26,.05)}
.sk-fenster__kopf{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;background:rgba(0,0,0,.018);border-bottom:1px solid var(--ig-rand)}
.sk-fenster__kopf .ig-leiste{margin:0}
.sk-fenster__kopf .ig-url{flex:1;min-width:0;font-size:.78rem}
.sk-fenster__seite{position:relative;height:15rem;padding:1.1rem 1.1rem 0}
.sk-zeile{height:.55rem;margin:0 0 .6rem;border-radius:99px;background:var(--color-mist)}
.sk-zeile--titel{width:58%;height:.9rem;background:var(--color-cloud);margin-bottom:1rem}
.sk-mini{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;padding:.75rem .8rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff;box-shadow:0 12px 30px -16px rgba(16,20,26,.35)}
.sk-mini b{display:block;font-family:var(--font-display);font-size:.8rem;color:var(--text-strong)}
.sk-mini p{margin:.25rem 0 .6rem!important;font-size:.68rem;line-height:1.45;color:var(--text-muted)}
.sk-mini__knoepfe{display:flex;gap:.35rem}
.sk-mini__knoepfe span{flex:1;display:grid;place-items:center;min-height:1.6rem;border-radius:99px;border:1px solid var(--ig-rand);font-family:var(--font-display);font-size:.62rem;font-weight:600;color:var(--text-strong)}
.sk-mini__knoepfe span:last-child{background:var(--color-ink-900);border-color:var(--color-ink-900);color:#fff}
.sk-mini small{display:block;margin-top:.5rem;font-size:.58rem!important;color:var(--text-muted)}
.sk-marke{position:absolute;top:-.9rem;right:-.6rem;display:flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:99px;background:#fff;border:1px solid var(--ig-rand);
  box-shadow:0 10px 24px -14px rgba(16,20,26,.4);font-size:.72rem;font-weight:600;color:var(--text-strong)}
.sk-marke i{width:1rem;height:1rem;border-radius:50%;background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.65rem no-repeat}
.sk-post{padding:1.1rem 1.2rem 1.2rem}
.sk-post__kopf{display:grid;gap:.15rem;padding-bottom:.8rem;margin-bottom:.9rem;border-bottom:1px solid var(--ig-rand);font-size:.72rem;color:var(--text-muted)}
.sk-post__kopf b{font-family:var(--font-display);font-size:.85rem;color:var(--text-strong)}
.sk-post p{margin:0 0 .55rem!important;font-size:.76rem;line-height:1.5;color:var(--text-body)}
.sk-post__knopf{display:inline-grid;place-items:center;min-height:1.9rem;padding:0 .9rem;margin:.2rem 0 .6rem;border-radius:99px;background:var(--color-ink-900);color:#fff;font-family:var(--font-display);font-size:.7rem;font-weight:600}
@media (max-width:959px){.sk-bild{max-width:21rem}.sk-marke{right:.6rem}.sk-bild:not(.sk-bild--danke){display:none}}

/* ---------- Fuss der Rechtstexte der Kundschaft ---------- */
.sk-fuss{background:var(--color-ink-900);color:var(--text-on-dark-muted);font-size:var(--fs-sm)}
.sk-fuss__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 2rem;max-width:var(--container-max);margin:0 auto;padding:1.6rem var(--container-pad)}
.sk-fuss a{color:var(--text-on-dark-muted);text-decoration:none}
.sk-fuss p{margin:0}
.sk-fuss--hell{background:var(--color-paper);color:var(--text-muted);border-top:1px solid var(--border-subtle)}
.sk-fuss--hell a{color:var(--text-muted)}
.sk-fuss--hell a:hover{color:var(--text-strong)}
.sk-fuss__marke img{height:28px;width:auto}
.sk-domain{display:flex;align-items:center;min-height:44px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--text-strong);text-decoration:none}
.sk-kopf{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border-subtle)}
.sk-kopf__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--container-max);height:var(--nav-h);margin:0 auto;padding:0 var(--container-pad)}
@media print{.sk-kopf,.sk-fuss,.sk-app-kopf,.sk-app-fuss{display:none}}
[role=status]:empty{display:none}
.sk-link{background:none;border:0;padding:0;font:inherit;color:var(--color-blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sk-link:hover{color:var(--color-navy)}
.sk-link:disabled{color:var(--text-muted);text-decoration:none;cursor:default}
.sk-tipp{margin:.4rem 0 0;font-size:var(--fs-sm)}

/* ---------- Einrichtung als geführter Ablauf (18.10.2026) ---------- */
.sk-fortschritt{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem;padding:0;list-style:none}
.sk-fortschritt a{display:flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:0 .8rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--text-muted)}
.sk-fortschritt a span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--color-mist);color:var(--text-strong);font-size:.75rem}
.sk-fortschritt a:hover{border-color:var(--color-blue);color:var(--color-blue)}
/* Kacheln: Womit ist die Website gebaut? */
.sk-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.6rem,1fr));gap:.55rem;margin:.6rem 0 1.1rem;padding:0;border:0}
.sk-kachel{display:flex;align-items:center;gap:.6rem;min-height:3.4rem;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-strong);text-align:left}
.sk-kachel:hover{border-color:var(--color-blue)}
.sk-kachel--aktiv,.sk-kachel[aria-pressed="true"]{border-color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue);background:#f5faff}
.sk-marke-bild{flex:none;width:24px;height:24px}
/* Nachgebaute Oberfläche als Illustration (wo klicke ich) */
.sk-ab{position:relative;border:1px solid var(--ig-rand);border-radius:.7rem;background:#fff;overflow:hidden;box-shadow:0 10px 24px -18px rgba(16,20,26,.35)}
.sk-ab__marke{position:absolute;top:.4rem;right:.4rem;z-index:1;padding:.1rem .45rem;border-radius:99px;background:var(--color-mist);font-size:.58rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}
.sk-ab__kopf{display:flex;align-items:center;gap:.3rem;padding:.45rem .55rem;background:var(--color-mist);border-bottom:1px solid var(--ig-rand)}
.sk-ab__kopf i{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-cloud)}
.sk-ab__kopf b{flex:1;height:.42rem;margin-left:.4rem;border-radius:99px;background:var(--color-cloud)}
.sk-ab__in{display:flex;gap:.5rem;padding:.6rem}
.sk-ab__s{flex:none;width:34%;display:flex;flex-direction:column;gap:.35rem;padding:.3rem;border-right:1px solid var(--ig-rand)}
.sk-ab__h{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem;padding:.3rem}
.sk-ab__e{display:block;height:.6rem;border-radius:99px;background:var(--color-mist)}
.sk-ab__e--aktiv{background:var(--color-blue)}
.sk-ab__z{display:block;height:.45rem;margin:.1rem 0;border-radius:99px;background:var(--color-mist)}
.sk-ab__f{display:block;min-height:1.9rem;border:1px solid var(--ig-rand);border-radius:.4rem;background:#fff}
.sk-ab__kn{display:inline-flex;align-self:flex-end;min-height:1.5rem;padding:0 .8rem;border-radius:99px;background:var(--color-ink-900)}
.sk-ab__kn::before{content:"";width:1.5rem;height:.4rem;border-radius:99px;background:rgba(255,255,255,.85)}
.sk-ab__klick{outline:2px solid var(--color-cyan);outline-offset:-1px;box-shadow:0 0 0 3px rgba(0,186,235,.18)}
/* Schritte der Anleitung, Bild neben Text */
.sk-schritte{list-style:none;margin:0 0 1.1rem;padding:0;display:grid;gap:.9rem}
.sk-schritt{display:grid;gap:.6rem;align-items:start}
@media (min-width:720px){.sk-schritt:has(.sk-ab){grid-template-columns:minmax(0,15rem) 1fr}}
.sk-schritt > div{display:flex;gap:.6rem;align-items:flex-start}
.sk-schritt > div .sk-schritt__nr{flex:none;margin:0}
.sk-schritt .sk-ab{margin:0}
.sk-schritt__nr{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;margin-right:.4rem;border-radius:50%;background:var(--color-ink-900);color:#fff;font-size:.75rem;font-weight:700;vertical-align:middle}
.sk-schritt p{margin:0}
/* WordPress-Plugin, Download zuerst */
.sk-plugin{display:grid;gap:1rem;align-items:start;padding:.9rem;margin:0 0 1rem;border:1px solid var(--ig-rand);border-radius:.9rem;background:#fbfcfe}
@media (min-width:720px){.sk-plugin{grid-template-columns:minmax(0,13rem) 1fr}}
.sk-plugin .sk-ab{margin:0}
.sk-plugin p{margin:0 0 .5rem}
/* Live-Vorschau des Banners in den Farben der Website */
.sk-vorschau{margin:1rem 0 0}
.sk-vorschau__banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:26rem;padding:.85rem 1rem;border:1px solid var(--ig-rand);border-radius:.9rem;box-shadow:0 14px 30px -20px rgba(16,20,26,.4)}
.sk-vorschau__banner b{flex-basis:100%;font-family:var(--font-display);font-size:.85rem}
.sk-vorschau__text{flex:1;min-width:6rem;height:.5rem;border-radius:99px;background:var(--color-mist)}
.sk-vorschau__kn{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 .8rem;border-radius:99px;color:#fff;font-family:var(--font-display);font-size:.7rem;font-weight:600}
.sk-vorschau__kn--aus{border:1px solid var(--ig-rand);background:#fff;color:var(--text-strong)}
.sk-vorschau__banner small{flex-basis:100%;font-size:.62rem;color:var(--text-muted)}
/* Grosser Kopieren-Knopf und Ergebnis je Teil */
.sk-kopier{width:100%;min-height:3rem;justify-content:center;font-size:1rem}
.sk-kopier--ok{background:var(--color-success)!important;border-color:var(--color-success)!important}
.sk-kopierfeld{margin-bottom:.5rem}
.sk-ergebnis{margin:.8rem 0}
.sk-erg{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 .5rem;padding:.7rem .9rem;border-radius:.8rem;border:1px solid var(--ig-rand);background:#fff;font-size:var(--fs-p4)}
.sk-erg i{flex:none;width:1.15rem;height:1.15rem;margin-top:.1rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:.7rem}
.sk-erg--ok i{background-color:var(--color-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sk-erg--rot i{background-color:var(--color-danger);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.sk-erg span{min-width:0}
.sk-erg b{font-weight:700}
.sk-wo{margin:.6rem 0 1rem}
.sk-gross{min-height:3.2rem;padding:0 1.6rem;font-size:1.05rem}

/* ---------- Banner-Editor (18.10.2026): Farben, Live-Vorschau ---------- */
.sk-farben{border:0;padding:0;margin:.4rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem}
.sk-farben legend{margin:0 0 .4rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}
.sk-farbe{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}
.sk-farbe__f{flex:none;width:2.6rem;height:2.6rem;border:1px solid var(--ig-rand);border-radius:.6rem;overflow:hidden;display:block;background:#fff}
.sk-farbe__f input{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer}
.sk-bv{position:relative;min-height:24rem;margin:1rem 0 0;border:1px dashed var(--ig-rand);border-radius:1rem;background:var(--color-paper);overflow:hidden}
.sk-bv__f{position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;background:#fff;border:1px solid var(--ig-rand);border-radius:.6rem;overflow:hidden}
.sk-bv__s{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.3rem}
.sk-bv__s i{width:2.2rem;height:.35rem;border-radius:99px;background:var(--color-mist)}
.sk-bv__u{display:flex;align-items:center;gap:.6rem;margin-top:1.1rem;padding:.5rem .9rem;border-bottom:1px solid var(--ig-rand)}
.sk-bv__u b{font-family:var(--font-display);font-size:.8rem}
.sk-bv__x{flex:1;height:.4rem;border-radius:99px;background:var(--color-mist);max-width:14rem}
.sk-bv__kn{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 .8rem;border-radius:99px;border:0;color:#fff;font-family:var(--font-display);font-size:.7rem;font-weight:600;cursor:default}
.sk-bv__kn--aus{border:1px solid var(--ig-rand);background:#fff;color:var(--text-strong)}
.sk-bv__kn--link{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 .4rem;border:0;background:none;color:var(--color-blue);text-decoration:underline;font-family:var(--font-display);font-size:.7rem;font-weight:600;cursor:default}
.sk-bv__banner{position:absolute;z-index:2;max-width:26rem;transition:all .18s ease}
.sk-bv__banner.leiste{left:0;right:0;bottom:0;max-width:none}
.sk-bv__banner.oben{left:0;right:0;top:0;max-width:none}
.sk-bv__banner.box{left:1rem;bottom:1rem}
.sk-bv__banner.box-r{right:1rem;bottom:1rem}
.sk-bv__banner.mitte{left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 30px 60px -30px rgba(16,20,26,.5)}
.sk-bv__in{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem 1rem;background:#fff;border:1px solid var(--ig-rand)}
.sk-bv__in b{flex-basis:100%;font-family:var(--font-display);font-size:.8rem}
.sk-bv__in small{flex-basis:100%;font-size:.6rem;color:var(--text-muted)}
@media (max-width:700px){.sk-bv{min-height:30rem}}

/* Listen mit eigener Gestalt: ohne Einzug der Fliesstext-Listen (19.10.2026) */
.sk-haupt .sk-status,.sk-haupt .sk-fortschritt,.sk-haupt .sk-schritte,.sk-haupt .sk-feed,.sk-haupt .sk-ablauf,.sk-haupt .sk-haken{padding-left:0}
.sk-kopier{width:auto;min-width:11rem;margin-top:.5rem}
.sk-kopierfeld{margin-bottom:0}
@media (max-width:600px){
  .sk-site__kopf{flex-wrap:wrap}
  .sk-site__titel{flex:1 1 calc(100% - 3.5rem)}
  .sk-site__kopf > .sk-pille{margin-left:3.45rem}
  .sk-kopier{width:100%}
}

/* ---------- Änderungen je Dienst (19.10.2026) ----------
   Eine Zeile je Änderung: Datum, kurze Zusammenfassung, Zähler. Aufgeklappt je
   Dienst Logo, Name, Kategorie, wo er steht, und klein die Fundstelle. */
.sk-aend-liste{display:grid;gap:.5rem}
.sk-aend{border:1px solid var(--color-line);border-radius:.85rem;background:#fff}
.sk-aend__zeile{display:flex;align-items:center;gap:.9rem;min-height:3.1rem;padding:.6rem .9rem;list-style:none;cursor:pointer;border-radius:.85rem}
.sk-aend__zeile::-webkit-details-marker{display:none}
.sk-aend--leer .sk-aend__zeile{cursor:default}
details.sk-aend > .sk-aend__zeile::after{content:"";flex:none;width:.5rem;height:.5rem;margin-left:.2rem;border-right:1.6px solid var(--text-muted);border-bottom:1.6px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease-out)}
details.sk-aend[open] > .sk-aend__zeile::after{transform:rotate(-135deg) translateY(-1px)}
details.sk-aend > .sk-aend__zeile:hover{background:var(--color-cyan-50)}
.sk-aend__datum{flex:none;min-width:5.6rem;font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}
.sk-aend__datum:empty{display:none}
.sk-aend__t{flex:1;min-width:0;display:grid;gap:.1rem}
.sk-aend__t b{font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.sk-aend__t small{font-size:var(--fs-sm);color:var(--text-muted)}
.sk-zahl-chip{flex:none;display:inline-grid;place-items:center;min-width:2.2rem;height:1.6rem;padding:0 .5rem;border-radius:999px;font-family:var(--font-display);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}
.sk-zahl-chip--neu{background:var(--color-success-light);color:#17663b}
.sk-zahl-chip--weg{background:var(--color-danger-light);color:#9b2a22}
.sk-aend__inhalt{padding:.2rem .9rem 1rem;border-top:1px solid var(--color-line)}
.sk-aend__h{margin:1rem 0 .5rem!important;font-family:var(--font-display);font-size:.78rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)!important}
.sk-dliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.5rem;margin:0!important;padding:0!important;list-style:none}
.sk-dl{display:flex;gap:.7rem;align-items:flex-start;min-width:0;margin:0!important;padding:.65rem .75rem;border:1px solid var(--color-line);border-radius:.75rem;background:#fff}
.sk-dl--entfernt{background:#fdf8f7;border-color:#f2dcd9}
.sk-dl__logo{flex:none;width:28px;height:28px;border-radius:.45rem;object-fit:contain}
.sk-dl__logo--text{display:grid;place-items:center;background:var(--color-mist);font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--text-strong)}
.sk-dl__haupt{flex:1;min-width:0;display:grid;gap:.18rem}
.sk-dl__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem}
.sk-dl__kopf b{font-family:var(--font-display);font-weight:600;font-size:.94rem;color:var(--text-strong)}
.sk-dl__wo{font-size:.8rem;color:var(--text-muted);line-height:1.35}
.sk-dl__beweis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .72rem/1.4 var(--font-mono);color:var(--text-subtle,#69727e)}
.sk-kat{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.sk-kat--notwendig{background:var(--color-mist);color:var(--color-gray-600)}
.sk-kat--statistik{background:var(--color-info-light);color:var(--color-blue)}
.sk-kat--marketing{background:#fbeee2;color:#8a4b0f}
.sk-kat--medien{background:#e7f6ef;color:#17663b}
.sk-folgen{margin:0 0 .4rem!important;padding-left:1.1rem!important;font-size:var(--fs-p4)}
.sk-folgen li{margin:.25rem 0}
.sk-aend__grund{margin:.8rem 0 0!important;font-size:var(--fs-p4)}
.sk-aend__tun{margin:1rem 0 0!important;padding:.6rem .8rem;border-radius:.6rem;background:var(--color-paper);font-size:var(--fs-sm);color:var(--text-body)}
@media (max-width:540px){.sk-aend__zeile{flex-wrap:wrap;gap:.3rem .7rem}.sk-aend__datum{min-width:0;width:100%}.sk-dliste{grid-template-columns:1fr}}
/* Fassungen */
.sk-fassungen{display:grid;gap:1rem;margin:0!important;padding:0!important;list-style:none}
.sk-fassung{margin:0!important}
.sk-fassung__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:0 0 .5rem}
.sk-fassung__datum{font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.sk-fassung__links{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin-left:auto}
.sk-fassung__links a{display:inline-flex;align-items:center;gap:.35rem;min-height:2.2rem;font-family:var(--font-display);font-size:.88rem;font-weight:600;text-decoration:none;color:var(--color-blue)}
.sk-fassung__links a svg{width:1rem;height:1rem}
.sk-fassung__links a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.sk-fassung__links{margin-left:0;width:100%}}

/* ---------- Banner-Editor wie der Cookie-Banner-Generator (19.10.2026) ----------
   Die Bausteine kommen aus generator.css (cb-*). Hier nur, was im Konto anders ist:
   Radio statt Knopf (speichert auch ohne Skript), die Bühne mit der echten Website. */
.sk-haupt--breit{max-width:calc(84rem + 2 * var(--container-pad))}
.sk-cb .cb-aussehen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:2rem;align-items:start}
@media (max-width:900px){.sk-cb .cb-aussehen{grid-template-columns:minmax(0,1fr)}}
.sk-cb .cb-aussehen__wahl{padding:1.25rem 1.35rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}
.sk-cb .cb-wahl__b input,.sk-cb .cb-farbe input[type=radio],.sk-seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sk-cb .cb-wahl__b{position:relative}
.sk-cb .cb-wahl__b:hover,.sk-cb .cb-farbe:hover{border-color:rgba(1,94,165,.45)}
.sk-cb .cb-wahl__b:focus-within,.sk-cb .cb-farbe:focus-within{box-shadow:inset 0 0 0 2px var(--color-blue)}
.sk-seg{position:relative;display:inline-flex;align-items:center;min-height:2.1rem;padding:0 .85rem;border-radius:999px;font-size:.8rem;color:var(--text-muted);cursor:pointer}
.sk-seg:hover{color:var(--text-strong)}
.sk-seg.is-an{background:#fff;color:var(--text-strong);font-weight:600;box-shadow:0 1px 3px rgba(16,20,26,.12)}
.sk-seg:focus-within{box-shadow:inset 0 0 0 2px var(--color-blue)}
.sk-cb .cb-tabs button:hover{color:var(--text-strong)}
.sk-cb .ig-feld input,.sk-cb .ig-feld select{min-height:2.6rem}
.sk-cb .cb-knopftexte{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem}
.sk-speichern{position:static;display:flex;align-items:center;gap:1rem;margin:1rem -1.35rem -1.25rem;padding:.9rem 1.35rem;border-top:1px solid var(--color-line);border-radius:0 0 var(--radius-md) var(--radius-md);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sk-cb .cb-vorschau{top:8.5rem}
/* Telefon und Tablet: Speichern steht am Ende des Formulars, nie über einem Feld. */
@media (max-width:900px){.sk-speichern{position:static;flex-wrap:wrap;margin:1.25rem 0 0;padding:1rem 0 0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sk-speichern .ig-btn{flex:1 1 100%;min-height:48px}}
.sk-buehne{position:relative;height:30rem;overflow:hidden;background:#f6f8fb}
.cb-browser--handy .sk-buehne{height:36rem}
@media (max-width:560px){.sk-buehne{height:26rem}.cb-browser--handy .sk-buehne{height:30rem}}
.sk-buehne__hg{position:absolute;inset:0;overflow:hidden}
.sk-buehne__hg img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.sk-buehne__hg iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.sk-buehne__platz{display:grid;place-items:center;align-content:center;gap:.6rem;height:100%;padding:2rem;text-align:center;font-size:.85rem;color:var(--text-muted)}
.sk-buehne__platz--leer{background:linear-gradient(160deg,#fff,#eef5fc)}
.sk-buehne__platz--leer b{font-family:var(--font-display);font-size:1.3rem;color:var(--text-strong)}
.sk-buehne__platz--leer span{max-width:22rem}
.sk-buehne .cb-rahmen.sk-buehne__banner{position:absolute;inset:0;width:100%;height:100%;background:transparent}

/* Aufklapper der Generatoren im Editor ohne den Rahmen der allgemeinen details-Regel */
.sk-cb details.cb-mehr{margin:0;border:0;border-radius:0;background:none}
.sk-cb details.cb-mehr > :not(summary){margin-left:.25rem;margin-right:0}
.sk-cb .cb-mehr summary{justify-content:flex-start;min-height:2.2rem;padding:0 .2rem;font-family:inherit;color:var(--color-blue)}
.sk-cb .cb-mehr summary::after{content:none}

/* Näher an dartera.ch (19.10.2026, Daniel: «so nah an der Website wie möglich»):
   weisser Grund, Augenbraue mit Verlaufspunkt, Titel in der Grösse der Website. */
body.sk-app{background:#fff}
.sk-app .sk-eyebrow{display:flex;align-items:center;gap:.5rem;margin:0 0 .7rem;font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow,.12em);text-transform:uppercase;color:var(--color-blue)}
.sk-app .sk-eyebrow i{width:.5rem;height:.5rem;border-radius:50%;background:var(--gradient-logo,linear-gradient(90deg,#003a75,#00baeb))}
.sk-app .sk-h1{font-size:clamp(1.9rem,2.2vw + 1.1rem,2.9rem);line-height:1.08;letter-spacing:-.03em}
.sk-app .sk-lead{font-size:var(--fs-p2);color:var(--text-muted)}
.sk-app .sk-panel,.sk-app .sk-site,.sk-app .sk-box,.sk-app .sk-cb .cb-aussehen__wahl{border-color:rgba(1,94,165,.12);box-shadow:0 1px 2px rgba(16,20,26,.03),0 24px 50px -40px rgba(1,58,117,.45)}
.sk-app .sk-reiter,.sk-app .sk-app-kopf{background:#fff}
.sk-app .sk-aend{border-color:rgba(1,94,165,.12)}
.sk-kopf__in,.sk-fuss--hell .sk-fuss__in{max-width:calc(70rem + 2 * var(--container-pad))}
/* Bildschirmfoto: die volle Breite, von oben (19.10.2026) */
.sk-buehne__hg img{height:auto;min-height:100%;object-fit:cover;object-position:top left}
@media (max-width:900px){.sk-cb .cb-vorschau{order:-1}.sk-cb .sk-buehne{height:22rem}.sk-cb .cb-browser--handy .sk-buehne{height:28rem}}

/* ---------- Weitere Website im Konto (19.10.2026), Kacheln wie im Generator ---------- */
.sk-neu .sk-kopfzeile{align-items:flex-start}
.sk-neu .sk-kopfzeile h2{margin:0 0 .2rem}
.sk-neu .sk-kopfzeile p{margin:0}
.sk-neu-domain{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem}
.sk-neu-domain .ig-feld{flex:1 1 18rem}
.sk-neu-domain .ig-feld input{min-height:2.9rem;font-size:1rem}
.sk-neu-stand{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;font-size:var(--fs-sm);color:var(--text-muted)}
.sk-neu-stand:empty{display:none}
.sk-neu .ds-suche{max-width:22rem;margin:0 0 .6rem;min-height:2.6rem}
.sk-neu-dienste{display:grid;gap:1rem;max-height:34rem;overflow:auto;padding:.2rem .2rem .2rem 0;overscroll-behavior:contain}
.sk-neu .ds-gruppe h4{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.sk-dks{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.45rem;margin:0;padding:0}
.sk-dk{position:relative;display:flex;align-items:center;gap:.6rem;min-height:3.3rem;padding:.5rem .7rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff;cursor:pointer}
.sk-dk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sk-dk:hover{border-color:rgba(1,94,165,.45)}
.sk-dk:focus-within{box-shadow:inset 0 0 0 2px var(--color-blue)}
.sk-dk.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe;box-shadow:inset 0 0 0 1px rgba(1,94,165,.35)}
.sk-dk.is-an::after{content:"";position:absolute;top:.45rem;right:.45rem;width:1rem;height:1rem;border-radius:50%;background:var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.65rem no-repeat}
.sk-dk .ds-logo{flex:none;width:30px;height:30px;border-radius:.45rem;object-fit:contain}
.sk-dk .ds-logo--text{display:grid;place-items:center;background:var(--color-mist);font-family:var(--font-display);font-weight:700;color:var(--text-strong)}
.sk-dk .ds-kachel__t{display:grid;min-width:0;padding-right:1rem}
.sk-dk .ds-kachel__t b{font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-strong);overflow-wrap:anywhere}
.sk-dk .ds-kachel__t small{font-size:.72rem;color:var(--text-muted)}
.sk-dk__beweis{position:absolute;left:3.1rem;right:.6rem;bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .62rem/1.2 var(--font-mono);color:var(--color-success)}
.sk-dk__beweis:empty{display:none}
.sk-dk.is-gefunden{padding-bottom:1rem}
.sk-neu .sk-plaene{margin-bottom:1rem}
.sk-neu-fertig .sk-knopfreihe{margin:1rem 0}
/* Rechnungen */
.sk-rechnungen-alle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}
.sk-rechnungen-alle h2{margin:0 0 .2rem}
.sk-rechnungen-alle p{margin:0}
.sk-tabelle--belege td small{color:var(--text-muted)}
.sk-tabelle--belege .sk-tabelle__links{text-align:right}
.sk-tabelle--belege .sk-knopf{min-height:2.2rem}

/* ---------- Danke nach der Zahlung (19.10.2026) ---------- */
.sk-danke{display:grid;gap:1rem;max-width:44rem}
.sk-danke__kopf{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.3rem;border-radius:var(--radius-md);background:#f3f9fe;border:1px solid #cfe3f4}
.sk-danke__kopf--ok{background:#f2faf5;border-color:#cde9d7}
.sk-danke__kopf h2{margin:0 0 .25rem!important;font-size:1.25rem!important}
.sk-danke__kopf p{margin:0!important;color:var(--text-body)}
.sk-danke__zeichen{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--color-success);color:#fff}
.sk-danke__zeichen svg{width:1.3rem;height:1.3rem;stroke-width:3}
.sk-danke__zeichen--warten{background:#fff;box-shadow:inset 0 0 0 1px #cfe3f4}
.sk-danke__schritte{display:grid;gap:.7rem;margin:0 0 1.2rem!important;padding:0!important;list-style:none}
.sk-danke__schritte li{display:flex;gap:.8rem;align-items:flex-start;margin:0;padding:.75rem .9rem;border:1px solid var(--color-line);border-radius:.8rem}
.sk-danke__schritte li.jetzt{border-color:#bcd9f1;background:#f3f9fe}
.sk-danke__schritte b{display:block;font-family:var(--font-display);color:var(--text-strong)}
.sk-danke__schritte span:not(.sk-danke__nr){font-size:var(--fs-p4);color:var(--text-muted)}
.sk-danke__nr{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--color-ink-900);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem}
@media (max-width:959px){.sk-titel--bild .sk-bild{display:none}}
/* Vorschau ohne Wirkung (QA 19.10.2026): die Knöpfe des Banners sehen nicht klickbar aus. */
.sk-buehne .cb-rahmen.sk-buehne__banner{pointer-events:none}

/* Telefon (19.10.2026, Daniel: "not mobile responsive"): Text mindestens 14 px, jedes
   Tippziel mindestens 44 px hoch und breit. Gemessen von mobilPruefen() in
   tools/legal-butler-qa.mjs, bei 390 und 320 Punkten. body:not(#_) hebt die Regeln über
   jede Komponentenregel (auch die aus generator.css), ohne !important. */
@media (max-width:700px){
  body:not(#_) .sk-eyebrow,body:not(#_) small,body:not(#_) .sk-klein,body:not(#_) .sk-pille,body:not(#_) dt,body:not(#_) .sk-version,body:not(#_) .sk-danke__nr,body:not(#_) time,body:not(#_) .sk-hinweis,body:not(#_) .sk-zahl-chip,
  body:not(#_) .sk-panel label,body:not(#_) .sk-form label,body:not(#_) .sk-plaene legend,body:not(#_) .sk-textzeile__wahl span,body:not(#_) .sk-aend__t,body:not(#_) .sk-aend__datum,body:not(#_) .sk-pitch__preis span,
  body:not(#_) .sk-app-fuss,body:not(#_) .sk-app-fuss a,body:not(#_) .sk-app-fuss span,body:not(#_) .sk-knopf,body:not(#_) .sk-textzeile a,body:not(#_) .sk-empf span,body:not(#_) .sk-fortschritt span,
  body:not(#_) .sk-cb legend,body:not(#_) .sk-cb .cb-wahl__b,body:not(#_) .sk-cb .cb-gruppe__h,body:not(#_) .sk-cb .cb-reihe__t,body:not(#_) .sk-cb .cb-tabs button,body:not(#_) .sk-cb .sk-seg span{font-size:.875rem}
  body:not(#_) .sk-app-marke small{font-size:.875rem}
  body:not(#_) .sk-knopf,body:not(#_) .sk-app-link,body:not(#_) .sk-mehr,body:not(#_) .sk-link,body:not(#_) .sk-site__links a,body:not(#_) .sk-fassung__links a,body:not(#_) .sk-textzeile a,body:not(#_) .sk-fortschritt a,
  body:not(#_) .sk-app-fuss a,body:not(#_) .sk-box a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  body:not(#_) .sk-app-fuss a{padding:0 .2rem}
  body:not(#_) .sk-feld,body:not(#_) select,body:not(#_) input[type=text],body:not(#_) input[type=email],body:not(#_) input:not([type]),body:not(#_) textarea{min-height:44px}
  body:not(#_) .sk-cb .cb-mehr summary,body:not(#_) .sk-cb .cb-tabs button,body:not(#_) .sk-cb .sk-seg,body:not(#_) .sk-cb .cb-farbe,body:not(#_) .sk-cb .cb-seg__farbe,body:not(#_) .sk-cb .cb-seg__farbe input,body:not(#_) .sk-cb .cb-farbe input[type=color]{min-height:44px}
  body:not(#_) .sk-cb .cb-tabs button,body:not(#_) .sk-cb .sk-seg{display:inline-flex;align-items:center;justify-content:center}
  body:not(#_) .sk-fortschritt a,body:not(#_) .sk-fortschritt span,body:not(#_) .dsw__nr,body:not(#_) .sk-schritt__nr,body:not(#_) .sk-zahlen span,body:not(#_) .sk-check,body:not(#_) .sk-check span,body:not(#_) .sk-haken li,
  body:not(#_) li.leer span,body:not(#_) li.jetzt span,body:not(#_) .sk-danke__schritte span,body:not(#_) .sk-cb .cb-mehr summary,body:not(#_) .sk-cb .cb-farbe,body:not(#_) .sk-cb .cb-haken-feld span,body:not(#_) .sk-box li,body:not(#_) .sk-box p{font-size:.875rem}
  body:not(#_) .sk-schritt__nr{width:1.6rem;height:1.6rem}
  body:not(#_) .sk-aend__h{font-size:.875rem!important} /* Grundregel hat !important */
  body:not(#_) .sk-wahl a{display:inline-flex;align-items:center;min-height:44px}
  body:not(#_) .sk-app-kopf,body:not(#_) .sk-kopf{position:static} /* auf dem Telefon nicht klebend: nichts liegt über Feldern */
  body:not(#_) .ds-gruppe h4,body:not(#_) .ds-kachel__t b,body:not(#_) .ds-kachel__t small{font-size:.875rem}
  body:not(#_) .sk-cb input[type=color]{min-width:44px;min-height:44px}
  body:not(#_) .sk-vorschau__banner b,body:not(#_) .sk-vorschau__kn,body:not(#_) .sk-vorschau__banner small,body:not(#_) .igb__url,body:not(#_) .sk-dl__beweis{font-size:.875rem}
  body:not(#_) .sk-kopierfeld,body:not(#_) .sk-cb .ig-feld span,body:not(#_) .sk-cb .ig-leise,body:not(#_) .sk-cb .cb-seg__farbe span,body:not(#_) .sk-kat,body:not(#_) .sk-aend__h,body:not(#_) .sk-box--angebot span,body:not(#_) .sk-box--angebot p,body:not(#_) .sk-knopf span,body:not(#_) .sk-dl__wo,body:not(#_) .sk-aend__tun,body:not(#_) .ok span,body:not(#_) .sk-wechsel,body:not(#_) .sk-wechselbox span,body:not(#_) .sk-wechselbox p,body:not(#_) .sk-aend__h{font-size:.875rem}
  body:not(#_) .sk-check,body:not(#_) .sk-cb .cb-haken-feld,body:not(#_) label:has(> input[type=checkbox]){min-height:44px;align-items:center}
  body:not(#_) label:has(> input[type=checkbox]):not(.sk-check):not(.cb-haken-feld):not(.sk-schalter){display:flex;gap:.6rem}
  body:not(#_) .sk-check input{margin-top:0}
}
/* Auswahlfelder: WebKit hält ein natives select 26 px hoch, egal was min-height sagt.
   Eigenes Aussehen mit Pfeil, damit es überall 44 px misst (19.10.2026, mobilPruefen). */
body:not(#_) select.sk-feld{-webkit-appearance:none;appearance:none;height:2.75rem;padding-right:2.4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23505a66' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .9rem center/1rem}
/* Empfehlungen: wer sich über den Link angemeldet hat (19.10.2026). */
.sk-empf-zeilen{list-style:none;margin:0;padding:0;display:grid}
.sk-empf-zeile{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--color-line)}
.sk-empf-zeile:first-child{border-top:0}
.sk-empf-zeile div{display:grid;gap:.15rem;min-width:0}
.sk-empf-zeile b{overflow-wrap:anywhere}
.sk-empf-zeile small{color:var(--text-muted);font-size:.875rem}
.sk-empf-zeile .sk-pille{flex:none}
.sk-empfohlen{display:flex;gap:.6rem;align-items:flex-start;margin:0 0 1rem;padding:.8rem 1rem;border-radius:.8rem;background:var(--color-success-light);color:#17663b;font-size:.95rem}
.sk-empfohlen b{color:#0f4f2c}
/* Feste Rechtstexte im Stil der Kundin (19.10.2026): Akzent aus ihrer Knopffarbe (auf 4.5:1
   gebracht), ihr Logo, «Zurück zu ...». Ohne Angaben bleibt das neutrale Aussehen. */
.sk-kopf .sk-kopf__in{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sk-domain{gap:.6rem;min-width:0}
.sk-domain span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-domain__logo{display:block;max-height:32px;max-width:9rem;width:auto;object-fit:contain}
.sk-zurueck{display:inline-block;line-height:44px;max-width:62%;overflow:hidden;text-overflow:ellipsis;color:var(--kunde,var(--color-blue));font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap}
.sk-zurueck:hover{text-decoration:underline}
.sk-kopf--kunde ~ main .sk-text a{color:var(--kunde,var(--color-blue))}
.sk-kopf--kunde ~ main .sk-nr{color:var(--kunde,inherit)}
.sk-kopf--kunde ~ main .sk-linie{background:var(--kunde,var(--gradient-logo,#015ea5))}
.dt-hinweis{margin-top:2.5rem;font-size:.875rem;color:var(--text-muted)}
.dt-hinweis a{color:inherit!important;text-decoration:underline;text-underline-offset:2px}
@media (max-width:520px){.sk-domain__logo + span{display:none}.sk-zurueck{font-size:.9rem}}
.sk-schalter--aus{opacity:.75}
/* Einbau als gut sichtbarer nächster Schritt neben «Jetzt abonnieren» (Kritik Q4). */
.sk-knopf--blau,a.sk-knopf--blau{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
.sk-knopf--blau:hover,a.sk-knopf--blau:hover{background:#014a83;border-color:#014a83;color:#fff}
.sk-balken small{display:block;margin-top:.35rem;font-size:.875rem;color:var(--text-muted)}
.sk-balken--warn .sk-balken__spur span{background:var(--color-warning,#d97706)}
.sk-balken--warn small{color:#8a5300}
/* Banner-Vorschau in echter Grösse (19.10.2026): eine virtuelle Ansicht (1440 × 900 oder 390 × 844),
   darin Bildschirmfoto und Banner, als Ganzes skaliert. Höhe setzt das Skript. */
.sk-cb .sk-buehne{height:auto;min-height:12rem}
.sk-welt{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:0 0;overflow:hidden;background:#fff}
.sk-welt .sk-buehne__hg{position:absolute;inset:0}
.sk-welt .sk-buehne__hg img{width:100%;height:100%;object-fit:cover;object-position:top center}
.sk-welt .sk-buehne__hg iframe{width:100%!important;height:100%!important;transform:none!important}
.sk-welt .sk-buehne__banner{position:absolute;inset:0;width:100%;height:100%;border:0}
.sk-welt .sk-buehne__platz{font-size:28px}
.sk-zaehler{font-weight:400;color:var(--text-muted);font-size:.8rem;margin-left:.4rem}

/* Wer baut den Code ein? (Kritik Abschnitt 4): drei Wege als Karten. */
.sk-wer h2{margin:0 0 .8rem}
.sk-wer__wege{display:grid;gap:.75rem}
@media (min-width:900px){.sk-wer__wege{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
.sk-wer__weg{display:block;margin:0;padding:1rem 1.1rem;border:1px solid var(--color-line);border-radius:.9rem;background:#fff;color:var(--text-strong);text-decoration:none}
a.sk-wer__weg:hover{border-color:var(--color-blue)}
.sk-wer__weg b{display:block;font-family:var(--font-display);font-size:1rem}
.sk-wer__weg span{display:block;margin-top:.25rem;font-size:.92rem;color:var(--text-muted)}
details.sk-wer__weg > summary{display:block;min-height:0;padding:0;border-radius:0}
details.sk-wer__weg > summary::after{content:none}
details.sk-wer__weg > :not(summary){margin:.8rem 0 0}
details.sk-wer__weg[open]{border-color:var(--color-blue)}
.sk-erkannt{margin:.2rem 0 .6rem;padding:.6rem .8rem;border-radius:.7rem;background:var(--color-mist);font-size:.95rem}

/* ---- Erscheinungsbild «Klar» (30.10.2026): Rahmen lb2-*, wie die Startseite von dartera.ch ---- */
/* Legal Butler v3, Grundgeruest (8px Raster). Nur Darstellung. */
.lb2{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--blau:#015ea5;--cyan:#00baeb;--ink:#10141a;--ink2:#3a4350;--mut:#6b7584;--linie:#e4e8ee;--papier:#f6f7f9;--karte:#fff;--grund:#fff;--r:16px;--serif:'Instrument Serif',Georgia,serif;font-family:var(--font-body);color:var(--ink2);background:var(--grund);margin:0}
.lb2 *:focus-visible{outline:2px solid var(--blau)!important;outline-offset:2px}
@media (forced-colors:active){.lb2 *:focus-visible{outline:2px solid CanvasText!important}}
.lb2 .sk-h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.035em;font-weight:600;line-height:1.05}
.lb2 .sk-h1 em,.lb2 .lb2-wert em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blau);letter-spacing:-.01em}
.lb2 .sk-eyebrow{font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--blau)}
.lb2 .sk-panel{background:var(--karte);border:1px solid var(--linie);border-radius:var(--r);padding:var(--s3)}
.lb2 .sk-knopf{border-radius:999px!important;font-family:var(--font-display);font-weight:600}
.lb2 .sk-knopf--dunkel,.lb2 button[type=submit]:not(.lb2-ab){background:var(--ink)!important;color:#fff!important;border:0!important;padding:0 var(--s3)!important;min-height:44px}
.lb2 .sk-knopf--dunkel::after,.lb2-auth form button[type=submit]::after{content:"\2192"/"";margin-left:8px}
.lb2 .sk-knopf--rand{background:var(--karte)!important;border:1px solid var(--linie)!important;color:var(--ink)!important}
.lb2 .sk-feld,.lb2 .lba-feld input,.lb2 input[type=email]{min-height:48px;border:1px solid #d5dbe3!important;border-radius:12px!important;padding:0 var(--s2)!important;background:var(--karte)!important;color:var(--ink);font-size:16px;width:100%;box-sizing:border-box}
.lb2 .sk-pille{border-radius:999px;font:600 12px/1 var(--font-display);padding:6px 10px}
.lb2 .sk-tabelle th{font:600 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.lb2 .sk-tabelle td,.lb2 .sk-tabelle th{padding:12px 16px;border-bottom:1px solid var(--linie)}
.lb2 .lba-leise:only-child{display:flex;align-items:center;gap:12px;padding:var(--s3);border:1px dashed var(--linie);border-radius:12px;color:var(--mut)}
.lb2 .lba-leise:only-child::before{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:#e6f6ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317663b' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/16px no-repeat}
/* Anmeldung: geteilter Bildschirm */
.lb2-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.lb2-marke-feld{position:relative;overflow:hidden;padding:var(--s6)}
.lb2-marke-feld__in{position:relative;height:100%;display:flex;flex-direction:column;gap:var(--s3);max-width:520px}
.lb2-marke-feld .lb2-logo{display:none}
.lb2-panel-logo img{height:39px;width:auto}
.lb2-braue{display:flex;align-items:center;gap:8px;margin:auto 0 0;font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}
.lb2-braue svg{width:14px;height:14px}
.lb2-wert{margin:0;font:600 clamp(32px,3.2vw,48px)/1.05 var(--font-display);letter-spacing:-.035em}
.lb2-wert-klein{margin:0;max-width:420px;line-height:1.55}
.lb2-punkte{margin:0;padding:0;list-style:none;display:grid;gap:12px;max-width:440px}
.lb2-punkte li{position:relative;padding-left:28px;line-height:1.5}
.lb2-punkte li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.lb2-fenster{position:relative;margin-top:var(--s3);margin-bottom:auto;width:min(100%,400px);padding:36px var(--s3) var(--s3);border-radius:14px;background:#fff;box-shadow:0 24px 60px -24px rgba(1,40,80,.45);display:grid;gap:10px}
.lb2-fenster>i{position:absolute;top:14px;width:9px;height:9px;border-radius:50%;background:#ff5f57}.lb2-fenster>i:nth-child(1){left:16px}.lb2-fenster>i:nth-child(2){left:30px;background:#febc2e}.lb2-fenster>i:nth-child(3){left:44px;background:#28c840}
.lb2-fenster>span{font:600 14px var(--font-display);color:var(--ink)}
.lb2-fenster>b{height:8px;border-radius:4px;background:#e9edf2}.lb2-fenster>b+b{width:70%}
.lb2-fenster__knopf{justify-self:start;margin-top:6px;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font:600 12px var(--font-display);font-style:normal}
.lb2-auth__form{display:flex;flex-direction:column;padding:var(--s4) var(--s6);background:var(--grund)}
.lb2-auth__oben{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}
.lb2-auth__oben>span{display:flex;gap:var(--s2);align-items:center}
.lb2-auth .sk-app-marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.lb2-auth .sk-app-marke small{display:block;color:var(--mut)}
.lb2-auth__karte{width:min(100%,440px);margin:auto}
.lb2-auth__karte .sk-h1{font-size:44px;margin:12px 0}
.lb2-auth__karte .sk-lead{color:var(--mut);line-height:1.55}
.lb2-auth__karte .sk-anmelden{display:block}
.lb2-auth__karte .sk-panel{border:0;padding:0;background:none;box-shadow:none!important}
.lb2-auth__karte .sk-pitch{margin-top:var(--s4);padding:var(--s3)!important;border:1px solid var(--linie)!important;border-radius:var(--r);background:var(--papier)!important}
.lb2-auth__karte label{display:block;margin:var(--s3) 0 8px;font:600 14px var(--font-display);color:var(--ink)}
/* E-Mail-Einstellungen in der Anmeldekarte (Claude, 31.10.2026): der Schalter bleibt eine Zeile,
   Kasten links, Text rechts, Beschreibung in normaler Schrift; die Regel fuer Formular-Labels oben gilt nicht. */
.lb2-auth__karte .sk-schalter{display:flex;gap:.75rem;align-items:flex-start;margin:0;padding:1rem 0;font:inherit;color:inherit}
.lb2-auth__karte .sk-schalter small{font-weight:400;color:var(--text-muted)}
.lb2-auth__karte .sk-schalter .sk-pille{flex:none;align-self:center}
/* Kopf auf dem Telefon (31.10.2026): nichts bricht mitten im Wort; Unterzeile und «Zur Website» weichen zuerst. */
.sk-app-kopf .sk-knopf,.lb2-auth__oben .sk-knopf{white-space:nowrap}
.lb2-auth__oben .sk-app-marke b{white-space:nowrap}
@media (max-width:480px){
  body:not(#_) .sk-app-marke small{display:none}
  body:not(#_) .sk-app-kopf__rechts .sk-app-link,body:not(#_) .lb2-auth__oben .sk-app-link{display:none}
}
.lb2-auth__karte .reihe{margin-top:var(--s2)}
.lb2-auth__karte .sk-knopf--breit{width:100%}
.lb2-auth__fuss{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13px;color:var(--mut)}
.lb2-auth__fuss svg{width:14px;height:14px}
.lb2-auth__fuss ul{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 0 auto;padding:0;list-style:none}.lb2-auth__fuss a{color:var(--mut);white-space:nowrap}
/* App: Seitenleiste */
.lb2-schub{position:absolute;opacity:0;pointer-events:none}
.lb2-admin,.lb2-kunde{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;background:var(--papier)}
.lb2-seite{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3) var(--s2);box-sizing:border-box;border-right:1px solid var(--linie);background:var(--karte)}
.lb2-seite .lb2-logo{display:flex;align-items:center;gap:10px;padding:0 8px;text-decoration:none;color:var(--ink);font:700 16px var(--font-display)}
.lb2-seite .lb2-logo img{width:32px;height:32px}.lb2-seite .lb2-logo small{display:block;font:500 12px var(--font-body);color:var(--mut)}
.lb2-nav{display:grid;gap:2px}
.lb2-nav a{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:10px;color:var(--ink2);text-decoration:none;font:500 14px var(--font-display)}
.lb2-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lb2-nav a:hover{background:var(--papier)}
.lb2-nav a[aria-current]{background:var(--ink);color:#fff}
.lb2-nav .lba-badge{margin-left:auto}
.lb2-konto{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--linie);border-radius:14px}
.lb2-avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 13px var(--font-display);background:linear-gradient(135deg,var(--blau),var(--cyan))}
.lb2-konto__wer{min-width:0;flex:1}.lb2-konto__wer b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px var(--font-display);color:var(--ink)}.lb2-konto__wer small{color:var(--mut);font-size:12px}
.lb2-ab{border:0;background:none;color:var(--mut);font:600 12px var(--font-display);cursor:pointer;padding:6px}
.lb2-rechts{min-width:0;display:flex;flex-direction:column}
.lb2-oben{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:var(--s2);height:64px;padding:0 var(--s5);border-bottom:1px solid var(--linie);background:color-mix(in srgb,var(--grund) 85%,transparent);backdrop-filter:blur(10px)}
.lb2-oben__titel{font:600 14px var(--font-display);color:var(--ink)}
.lb2-oben__rechts{margin-left:auto;display:flex;gap:var(--s2);align-items:center}
.lb2-oben a{color:var(--ink2);font:600 13px var(--font-display);text-decoration:none}
.lb2-menue-knopf{display:none}
.lb2-haupt{padding:var(--s5);max-width:1200px;width:100%;box-sizing:border-box}
.lb2-haupt .sk-titel{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s3);margin-bottom:var(--s4)}
.lb2-haupt .sk-h1{font-size:40px;margin:12px 0 8px}
.lb2-haupt .sk-lead{color:var(--mut);margin:0}
.lb2-haupt .sk-unten>*+*,.lb2-haupt .lba-zwei+*{margin-top:var(--s2)}
.lb2 .lba-kpis{gap:var(--s2)}
.lb2 .lba-kpi{border-radius:var(--r);padding:var(--s3);border:1px solid var(--linie);background:var(--karte)}
.lb2 .lba-kpi b{font-size:32px;letter-spacing:-.035em;margin:12px 0 4px}
.lb2-fuss{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 16px;padding:var(--s3) var(--s5);font-size:13px;color:var(--mut);border-top:1px solid var(--linie)}
.lb2-fuss svg{width:14px;height:14px}.lb2-fuss ul{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 0 auto;padding:0;list-style:none}.lb2-fuss a{color:var(--mut);white-space:nowrap}
.lb2-schleier{display:none}
@media (max-width:960px){
 .lb2-auth{grid-template-columns:1fr}.lb2-marke-feld{display:none}
 .lb2-auth__form{padding:var(--s3)}
 .lb2-auth__karte .sk-h1{font-size:36px}
 .lb2-admin,.lb2-kunde{grid-template-columns:1fr}
 .lb2-seite{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:20;transform:translateX(-100%);transition:transform .2s}
 .lb2-schub:checked~.lb2-seite{transform:none;box-shadow:0 0 0 100vmax rgba(16,20,26,.4)}
 .lb2-schub:checked~.lb2-schleier{display:block;position:fixed;inset:0;z-index:19}
 .lb2-menue-knopf{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--linie);border-radius:10px;cursor:pointer}
 .lb2-menue-knopf svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
 .lb2-oben{padding:0 var(--s2)}.lb2-haupt{padding:var(--s3) var(--s2)}.lb2-haupt .sk-h1{font-size:30px}.lb2-haupt .sk-titel{flex-direction:column;align-items:flex-start}}
@media print{.lb2-seite,.lb2-oben,.lb2-marke-feld,.lb2-schleier{display:none!important}.lb2-admin,.lb2-kunde,.lb2-auth{display:block;background:#fff}.lb2 .sk-panel,.lb2 .lba-kpi{box-shadow:none;break-inside:avoid}}
/* A «Klar»: wie die Startseite, weiss, Tinte, Serifen-Akzent, Browserfenster */
.lb2-auth .lb2-marke-feld{background:var(--papier);color:var(--ink2);border-right:1px solid var(--linie);background-image:linear-gradient(rgba(1,94,165,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(1,94,165,.05) 1px,transparent 1px);background-size:32px 32px}
.lb2-auth .lb2-wert{color:var(--ink)}.lb2-braue{color:var(--mut)}
.lb2 .sk-panel{box-shadow:0 1px 2px rgba(16,20,26,.04)}
.lb2-admin,.lb2-kunde{background:#fff}.lb2-seite{background:var(--papier)}
.lb2 .lba-kpi{background:var(--papier)}.lb2 .lba-kpi--haupt{background:var(--ink)}
/* Ansehen als Kundin: Band ueber die ganze Breite, der inerte Block behaelt das Raster */
.lb2-kunde:has(> div[inert]){display:block}
.lb2-kunde > div[inert]{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}
@media (max-width:960px){.lb2-kunde > div[inert]{grid-template-columns:1fr}}
@media (max-width:960px){.lb2-auth__karte{margin:var(--s5) auto}}
/* Schublade per Tastatur (DeepSeek 30.10.2026): das Kästchen ist das Bedienelement (Leertaste), der Ring erscheint am Menüknopf; geschlossen nicht fokussierbar */
@media (min-width:961px){.lb2-schub{display:none}}
@media (max-width:960px){
 .lb2-schub{top:12px;left:12px;width:40px;height:40px;z-index:30}
 .lb2-schub:focus-visible~.lb2-rechts .lb2-menue-knopf{outline:2px solid var(--blau);outline-offset:2px}
 .lb2-schub:not(:checked)~.lb2-seite{visibility:hidden}
 .lb2-schub:checked~.lb2-seite{visibility:visible}}
@media (max-width:960px) and (forced-colors:active){.lb2-schub:focus-visible~.lb2-rechts .lb2-menue-knopf{outline-color:CanvasText}}
/* ---- «Klar» Abgleich mit dartera.ch (30.10.2026): gemessene Werte der Startseite, nur Tokens aus src/global.css ---- */
.lb2{--ink:var(--text-strong);--ink2:var(--text-body);--mut:var(--text-muted);--linie:var(--border-subtle);--blau:var(--color-blue);--cyan:var(--color-cyan);--r:12px;color:var(--text-body)}
/* Akzentwort: Instrument Serif kursiv mit Logo-Verlauf, wie .dt-accent-gradient */
.lb2 .sk-h1 em,.lb2 .lb2-wert em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0;padding:0 .12em .2em .14em;margin:0 -.12em -.2em -.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--gradient-logo);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Überschriften wie h1 und .dt-pr__h */
.lb2-auth .lb2-wert{font:600 var(--fs-h2-fluid)/1.12 var(--font-display);letter-spacing:-.03em;color:var(--text-strong);text-wrap:balance}
.lb2 .sk-h1{font-family:var(--font-display);font-weight:600;color:var(--text-strong)}
.lb2-haupt .sk-h1{font-size:var(--fs-h2-fluid);line-height:1.12;letter-spacing:-.03em}
.lb2 .sk-lead,.lb2-auth__karte .sk-lead{font:500 clamp(1.05rem,1.5vw,1.2rem)/1.4 var(--font-display);letter-spacing:-.02em;color:var(--text-muted)}
/* Augenbraue wie .dt-eyebrow: grau, 12 px, 0.16em */
.lb2 .sk-eyebrow,.lb2-braue{font:600 var(--fs-eyebrow)/1.62 var(--font-display)!important;letter-spacing:var(--ls-eyebrow)!important;text-transform:uppercase;color:var(--text-muted)!important}
.lb2 .sk-eyebrow i{display:none}
/* Knöpfe wie «Jetzt starten» und «Referenzen ansehen» */
.lb2 .sk-knopf{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px!important;border-radius:var(--radius-pill)!important;font:600 15px/1 var(--font-display)!important;letter-spacing:-.01em;text-decoration:none}
.lb2 .sk-knopf--dunkel,.lb2 button[type=submit]:not(.lb2-ab){background:var(--brand-primary)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),var(--shadow-sm)!important;min-height:48px}
.lb2 .sk-knopf--dunkel:hover,.lb2 button[type=submit]:not(.lb2-ab):hover{background:var(--brand-primary-hover)!important}
.lb2 .sk-knopf--dunkel::after,.lb2-auth form button[type=submit]::after{content:""/"";width:17px;height:17px;margin:0;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.lb2 .sk-knopf--rand{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-strong)!important;box-shadow:none!important}
.lb2 .sk-knopf--klein{min-height:40px;padding:0 17px!important;font-size:14.5px!important}
/* Felder wie .dt-cs-field (16 px gegen Zoom auf dem Telefon) */
.lb2 .sk-feld,.lb2 .lba-feld input,.lb2 input[type=email],.lb2 input[type=search],.lb2 select{min-height:44px;border:1px solid var(--border-subtle)!important;border-radius:8px!important;padding:10px 20px!important;font:400 16px/1.2 var(--font-body)!important;color:var(--text-strong)}
/* Karten wie die Kacheln der Website: 12 px, feine Linie, shadow-xs */
.lb2 .sk-panel,.lb2 .lba-kpi,.lb2 .lba-filter,.lb2 .lba-einbau{border:1px solid var(--border-subtle)!important;border-radius:12px!important;box-shadow:var(--shadow-xs)!important}
.lb2-auth__karte .sk-panel{border:0!important;box-shadow:none!important}
.lb2 .lba-kpi > span,.lb2 .sk-tabelle th{font:600 var(--fs-eyebrow)/1.62 var(--font-display);letter-spacing:var(--ls-eyebrow);color:var(--text-muted)}
.lb2 .lba-kpi b{font:600 2rem/1.1 var(--font-display);letter-spacing:-.03em;color:var(--text-strong)}
.lb2 .lba-kpi--haupt{background:var(--brand-primary)}
/* Kopf wie die Website: 74 px, weisser Verlauf, Schibsted 500 14.5 px */
.lb2-oben{height:74px;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.62) 72%,rgba(255,255,255,0));border-bottom:1px solid rgba(16,20,26,.08)}
.lb2-oben a,.lb2-oben__titel,.lb2-nav a,.lb2-auth__oben a{font:500 14.5px/1.62 var(--font-display)!important;letter-spacing:-.01em;color:var(--text-body)}
.lb2-nav a[aria-current]{background:var(--brand-primary);color:#fff!important}
/* Raster der Website (44 px, weich ausgeblendet) auf der Markenseite */
.lb2-auth .lb2-marke-feld{background:#fff;border-right:1px solid var(--border-subtle)}
.lb2-auth .lb2-marke-feld::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(1,94,165,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(1,94,165,.07) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(70% 70% at 70% 60%,#000 0,transparent 75%);mask-image:radial-gradient(70% 70% at 70% 60%,#000 0,transparent 75%)}
.lb2-panel-logo img,.lb2-auth .lb2-marke-feld .lb2-panel-logo img{width:82px;height:39px}
/* Browserfenster wie .dk-t-karte */
.lb2-fenster{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:rgba(0,37,72,.22) 0 24px 60px}
.lb2-fenster__knopf{background:var(--brand-primary)}
.lb2-punkte li::before{background-color:var(--color-blue)}
.lb2-auth__karte .sk-h1{font-size:var(--fs-h1-fluid);line-height:1.04;letter-spacing:-.045em}
.lb2-auth__oben{min-height:74px}
.lb2-auth__karte .sk-eyebrow{margin-top:var(--s3)}
/* Kennzahl-Kacheln wie .dt-pr__graphic: 12 px, surface-subtle, feine Linie */
.lb2 .lba-kpi{background:var(--surface-subtle)!important;box-shadow:none!important}
.lb2 .lba-kpi--haupt{background:var(--brand-primary)!important}
.lb2 .lba-kpi--haupt b,.lb2 .lba-kpi--haupt > span,.lb2 .lba-kpi--haupt small{color:#fff}
.lb2 .lba-kpi--haupt > span,.lb2 .lba-kpi--haupt small{opacity:.72}
/* Hoher Kontrast: Akzentwort ohne Verlauf, in Systemfarbe */
@media (forced-colors:active){.lb2 .sk-h1 em,.lb2 .lb2-wert em{background:none;color:CanvasText;-webkit-background-clip:border-box;background-clip:border-box}}

/* Rahmen der Website für Seiten ohne Anmeldung (30.10.2026): Kopf, Hero, Fuss und Abstände
   kommen aus dem CSS der Produktseite (webseite-*.css). Hier nur die Anmeldekarte an der
   Stelle der Zeichnung, die Zeile «Noch kein Konto?» und die Preisbox als Karte. */
.sk-web .sk-web-karte{box-sizing:border-box;padding:1.75rem 1.75rem 1.5rem;border-radius:1.4rem;background:var(--surface-card,#fff);border:1px solid var(--border-subtle);box-shadow:0 34px 70px -34px rgba(11,40,90,.38),0 2px 6px rgba(11,40,90,.05);text-align:left}
.sk-web .sk-web-karte__titel{margin:0 0 .4rem;font:600 1.55rem/1.2 var(--font-display);letter-spacing:-.02em;color:var(--text-strong)}
.sk-web .sk-web-karte__lead{margin:0 0 1.2rem;font-size:.93rem;line-height:1.55;color:var(--text-muted)}
.sk-web .sk-web-karte .sk-form{margin:0;padding:0;border:0;box-shadow:none;background:none;max-width:none}
.sk-web .sk-web-karte .sk-feld{width:100%;box-sizing:border-box}
/* Anmelden mit Google (3.11.2026): Knopf über die volle Breite, darunter die Trennlinie. */
.lb-google{width:100%;text-decoration:none}
.lb-google svg{width:18px;height:18px}
.lb-oder{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#5b6570;font-size:.85rem}
.lb-oder::before,.lb-oder::after{content:"";flex:1;height:1px;background:#e4e8ee}
.sk-web .sk-neu-hier{grid-column:auto;display:block;margin:2.2rem 0 0;padding:0;border:0;border-radius:0;font-weight:400}
.sk-web .sk-neu-hier__frage{margin:0 0 .8rem;font-size:.95rem;color:var(--text-strong)}
.sk-web .sk-neu-hier__knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem}
.sk-web .sk-web-preis .sk-pitch{box-sizing:border-box;max-width:36rem;margin:0 auto;padding:2rem 2rem 1.75rem;border-radius:1.4rem;background:var(--surface-card,#fff);border:1px solid var(--border-subtle);box-shadow:0 30px 60px -36px rgba(11,40,90,.3)}
/* Karte links an der Stelle des Eingabefelds der Testseite, so breit wie deren Formular. */
.sk-web .sk-web-hero .sk-web-karte{position:relative;z-index:2;width:100%;max-width:34rem;margin-top:1.6rem}
@media (min-width:1101px){.sk-web .sk-web-hero + .sk-web-preis{padding-top:3rem}}
.sk-web .lba-web__oben{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.sk-web .lba-web .sk-panel{margin:0;padding:0;border:0;box-shadow:none;background:none;max-width:none}

/* Dokumentseite der Generatoren (3.11.2026, dokument-seite.mjs) */
.lb-dok{max-width:46rem}
.lb-dok__blatt{background:#fff;border:1px solid #e4e8ee;border-radius:12px;padding:clamp(1.25rem,4vw,2.5rem);margin:1.5rem 0;line-height:1.65;color:#1d2630;overflow-wrap:anywhere}
.lb-dok__blatt h1,.lb-dok__blatt h2,.lb-dok__blatt h3,.lb-dok__blatt h4{font-family:var(--font-display,inherit);line-height:1.25;margin:1.6em 0 .5em}
.lb-dok__blatt h1{font-size:1.6rem;margin-top:0}
.lb-dok__blatt h2{font-size:1.25rem}
.lb-dok__blatt h3{font-size:1.08rem}
.lb-dok__blatt p{margin:0 0 .9em}
.lb-dok__blatt ul,.lb-dok__blatt ol{margin:0 0 1em 1.2em;padding:0}
.lb-dok__blatt table{border-collapse:collapse;margin:0 0 1em}
.lb-dok__blatt td,.lb-dok__blatt th{border:1px solid #e4e8ee;padding:.35em .6em;text-align:left;vertical-align:top}
.lb-dok__code{white-space:pre-wrap;background:#f6f7f9;border:1px solid #e4e8ee;border-radius:8px;padding:1rem;font-size:.85rem;margin:0}
.lb-dok__knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem}
.lb-dok__liste{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.lb-dok__zeile{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid #e4e8ee;border-radius:12px;padding:1rem 1.25rem}
.lb-dok__zeile div{display:grid;gap:.15rem;min-width:0}
.lb-dok__zeile span{color:#5b6570;font-size:.9rem}