@font-face{font-family:"WSM Familjen";src:url(/wp-content/uploads/wsm2/familjen-grotesk.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"WSM Atkinson";src:url(/wp-content/uploads/wsm2/atkinson-next.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"WSM Atkinson";src:url(/wp-content/uploads/wsm2/familjen-grotesk.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+30-39}
.wsm2{
--grund:#FBF6F0; --grund-2:#F2E9DF; --linie:#E3D6C8; --linie-2:#CDBDAC;
--tinte:#221E2B; --tinte-2:#5A5263; --tinte-3:#2E2938;
--haus:#CC3D1A; --haus-dunkel:#B13315; --haus-hell:#F7D9CC; --papier:#FFFDFB;
--auf-dunkel:#F4EDE6; --auf-dunkel-2:#B9B0BF;
--auslauf:cubic-bezier(.23,1,.32,1); --schub:cubic-bezier(.77,0,.175,1);
--rand:32px; --titel:"WSM Familjen","Arial Narrow",system-ui,sans-serif; --text:"WSM Atkinson",system-ui,sans-serif;
display:block!important; max-width:none!important; width:100%!important; margin:0!important; padding:0!important;
background:var(--grund); color:var(--tinte); font:400 17px/1.55 var(--text); font-variant-numeric:tabular-nums;
-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
text-align:left; overflow-x:clip; position:relative
}
@media (min-width:1760px){.wsm2{zoom:1.18}}
@media (min-width:2200px){.wsm2{zoom:1.42}}
@media (min-width:2900px){.wsm2{zoom:1.74}}
.wsm2 *,.wsm2 *::before,.wsm2 *::after{box-sizing:border-box}
.wsm2 h1,.wsm2 h2,.wsm2 h3,.wsm2 h4,.wsm2 p,.wsm2 ul,.wsm2 ol,.wsm2 li,.wsm2 dl,.wsm2 dt,.wsm2 dd,.wsm2 figure,.wsm2 blockquote,.wsm2 table,.wsm2 caption,.wsm2 summary{margin:0;padding:0;border:0;background:none}
.wsm2 ul,.wsm2 ol{list-style:none}
.wsm2 h1,.wsm2 h2,.wsm2 h3,.wsm2 h4{font-family:var(--titel);font-weight:600;color:inherit;letter-spacing:-.025em;line-height:1.1;text-transform:none;text-wrap:balance}
.wsm2 p,.wsm2 li,.wsm2 dd{text-wrap:pretty}
.wsm2 img{display:block;max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
.wsm2 a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px;transition:color .2s ease}
.wsm2 a:hover,.wsm2 a:focus{color:inherit}
.wsm2 ::selection{background:var(--haus);color:var(--papier)}
.wsm2 :focus-visible{outline:2px solid var(--haus);outline-offset:3px;border-radius:6px}
.wsm2 strong,.wsm2 b{font-weight:700}
.wsm2 svg{display:block}
.wsm2 .unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wsm2 .rahmen{max-width:1376px;margin-inline:auto;padding-inline:var(--rand)}
.wsm2 .raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.wsm2 .abschnitt{padding-block:120px}
.wsm2 .abschnitt.eng{padding-block:72px}
.wsm2 .abschnitt.oben-null{padding-top:0}
.wsm2 .titelspalte{grid-column:1 / span 4}
.wsm2 .titelspalte.breit{grid-column:1 / span 9}
.wsm2 .inhaltspalte{grid-column:6 / span 7}
.wsm2 .inhaltspalte-breit{grid-column:5 / span 8}
.wsm2 .riesig{font-size:clamp(46px,8.6vw,132px);line-height:.94;letter-spacing:-.045em;max-width:13ch}
.wsm2 .gross{font-size:clamp(40px,5vw,76px);line-height:.98;letter-spacing:-.04em}
.wsm2 .mittel{font-size:24px;line-height:1.15;letter-spacing:-.02em}
.wsm2 .lead{font-size:22px;line-height:1.4;color:var(--tinte-2);max-width:36ch}
.wsm2 .nebentext{color:var(--tinte-2)}
.wsm2 .klein{font-size:15px;line-height:1.5}
.wsm2 .marker{color:var(--haus)}
.wsm2 .absatz{max-width:60ch}
.wsm2 .absatz+.absatz{margin-top:16px}
.wsm2 .zeile{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.wsm2 .zeile>span{display:inline-block}
.wsm2 .zahl{font-family:var(--titel);font-weight:600;letter-spacing:-.045em;white-space:nowrap}
.wsm2 .zahl small{font-size:.34em;letter-spacing:0;font-weight:600;margin-right:.3em;vertical-align:1.05em}
.wsm2 .knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;border:0;font:600 17px/1.1 var(--titel);letter-spacing:-.005em;text-decoration:none;cursor:pointer;touch-action:manipulation;white-space:nowrap;transition:transform .15s var(--auslauf),background-color .45s ease,color .45s ease,box-shadow .45s ease;-webkit-appearance:none;appearance:none}
.wsm2 .knopf:active{transform:scale(.97)}
.wsm2 .knopf-haus{background:var(--haus);color:var(--papier)}
.wsm2 .knopf-papier{background:var(--papier);color:var(--tinte)}
.wsm2 .knopf-linie{background:transparent;color:var(--tinte);box-shadow:inset 0 0 0 2px var(--tinte)}
.wsm2 .knopf-hell-linie{background:transparent;color:var(--auf-dunkel);box-shadow:inset 0 0 0 2px var(--auf-dunkel)}
.wsm2 .knopf .pfeil{width:16px;height:16px;flex:none}
.wsm2 .knopf-haus:hover,.wsm2 .knopf-haus:focus{color:var(--papier)}
.wsm2 .knopf-papier:hover,.wsm2 .knopf-papier:focus,.wsm2 .knopf-linie:hover,.wsm2 .knopf-linie:focus{color:var(--tinte)}
.wsm2 .knopf-hell-linie:hover,.wsm2 .knopf-hell-linie:focus{color:var(--auf-dunkel)}
@media (hover:hover) and (pointer:fine){
.wsm2 .knopf-haus:hover{background:var(--haus-dunkel);transition-duration:.15s}
.wsm2 .knopf-papier:hover{background:var(--tinte);color:var(--papier);transition-duration:.15s}
.wsm2 .knopf-linie:hover{background:var(--tinte);color:var(--papier);transition-duration:.15s}
.wsm2 .knopf-hell-linie:hover{background:var(--auf-dunkel);color:var(--tinte);transition-duration:.15s}
}
.wsm2 .knopfgruppe{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:36px}
.wsm2 .textlink{font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2 .textlink .pfeil{display:inline-block;width:.9em;height:.9em;vertical-align:-.08em;margin-left:.25em}
.wsm2 .kopfzeile{position:sticky;top:0;z-index:50;background:var(--grund);border-bottom:1px solid transparent;transition:border-color .3s ease}
.wsm2 .kopfzeile.gerollt{border-color:var(--linie)}
.wsm2 .kz{display:flex;align-items:center;gap:28px;height:76px}
.wsm2 .marke{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 21px/1 var(--titel);letter-spacing:-.025em;margin-right:auto;white-space:nowrap}
.wsm2 .marke img{width:44px;height:auto}
.wsm2 .marke b{color:var(--haus);font-weight:600}
.wsm2 .menue>ul{display:flex;gap:4px;align-items:center}
.wsm2 .menue>ul>li{position:relative}
.wsm2 .menue>ul>li>a{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}
.wsm2 .menue a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--haus);border-radius:0}
.wsm2 .menue .pfeil-klein{width:11px;height:11px}
@media (hover:hover){.wsm2 .menue>ul>li>a:hover{background:var(--grund-2)}}
.wsm2 .unter{position:absolute;top:calc(100% + 6px);left:-8px;min-width:270px;background:var(--papier);border-radius:22px;padding:12px;box-shadow:0 0 0 1px var(--linie),0 24px 48px -24px rgba(34,30,43,.28);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .25s var(--auslauf),visibility 0s linear .25s}
.wsm2 .unter::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.wsm2 .hat-unter:hover .unter,.wsm2 .hat-unter:focus-within .unter{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.wsm2 .unter a{display:block;padding:10px 14px;border-radius:14px;text-decoration:none;font-size:16px;line-height:1.25}
.wsm2 .unter a span{display:block;font-size:14px;color:var(--tinte-2);margin-top:2px}
@media (hover:hover){.wsm2 .unter a:hover{background:var(--grund-2)}}
.wsm2 .unter .gruppe{margin-top:6px;padding:10px 14px 4px;border-top:1px solid var(--linie);font:600 13px/1 var(--titel);letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-2)}
.wsm2 .unter .zweispaltig{display:grid;grid-template-columns:1fr 1fr}
.wsm2 .unter.breit{min-width:440px}
.wsm2 .handy-menue{display:none}
.wsm2 .handy-menue summary{list-style:none;cursor:pointer;min-height:44px;padding:10px 20px;font-size:16px}
.wsm2 .handy-menue summary::-webkit-details-marker{display:none}
.wsm2 .handy-menue[open] summary{background:var(--tinte);color:var(--papier);box-shadow:none}
.wsm2 .handy-liste{position:absolute;left:0;right:0;top:100%;background:var(--grund);border-bottom:1px solid var(--linie);padding:8px var(--rand) 28px;max-height:calc(100vh - 64px);overflow-y:auto}
.wsm2 .handy-liste>ul>li{border-top:1px solid var(--linie)}
.wsm2 .handy-liste>ul>li:first-child{border-top:0}
.wsm2 .handy-liste a{display:block;padding:13px 0;text-decoration:none;font:600 21px/1.2 var(--titel);letter-spacing:-.02em}
.wsm2 .handy-liste ul ul{display:flex;flex-wrap:wrap;gap:4px 18px;padding:0 0 14px}
.wsm2 .handy-liste ul ul a{font:400 16px/1.3 var(--text);padding:6px 0;letter-spacing:0;text-decoration:underline;text-decoration-color:var(--linie-2)}
.wsm2 .handy-liste a.knopf{display:flex;margin-top:18px;width:100%;padding:14px 26px;font:600 18px/1.1 var(--titel);color:var(--papier);text-decoration:none}
.wsm2 .seitenkopf{padding-block:64px 96px;position:relative}
.wsm2 .seitenkopf .ort{font:600 16px/1.2 var(--titel);color:var(--haus);margin-bottom:22px;letter-spacing:0}
.wsm2 .seitenkopf .lead{margin-top:28px}
.wsm2 .seitenkopf-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.wsm2 .seitenkopf-raster>.links{grid-column:1 / span 7}
.wsm2 .seitenkopf-raster>.rechts{grid-column:9 / span 4}
.wsm2 .kennzahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:64px;padding-top:24px;border-top:3px solid var(--tinte)}
.wsm2 .kennzahlen dt{font:600 clamp(36px,3.6vw,52px)/1 var(--titel);letter-spacing:-.04em}
.wsm2 .kennzahlen dd{margin-top:8px;color:var(--tinte-2);font-size:16px;max-width:26ch}
.wsm2 .kennzahlen div{min-width:0}
.wsm2 .kopf{padding-block:56px 64px;position:relative}
.wsm2 .kopf .riesig{max-width:none}
@media (min-width:1321px){.wsm2 .kopf .riesig{font-size:min(8.6vw,116px)}}
.wsm2 .kopf .riesig .zwei{color:var(--haus)}
.wsm2 .kopf .lead{margin-top:28px}
.wsm2 .kopf-stapel{position:absolute;right:var(--rand);top:24px;width:250px;height:250px;pointer-events:none}
.wsm2 .kopf-stapel .blatt{transform:translateZ(calc(var(--z,0px) * var(--auf,1))) translateY(-40px) scale(.8)}
.wsm2 .kopf-stapel .blatt.da{transform:translateZ(calc(var(--z,0px) * var(--auf,1))) scale(.8)}
.wsm2 .kopf-unter{display:flex;align-items:center;gap:16px}
.wsm2 .kopf-stapel-handy{display:none;position:relative;flex:none;width:120px;height:120px}
.wsm2 .kopf-stapel-handy .stapel{top:66%}
.wsm2 .kopf-stapel-handy .blatt{transform:translateZ(calc(var(--z,0px) * .5 * var(--auf,1))) translateY(-30px) scale(.42)}
.wsm2 .kopf-stapel-handy .blatt.da{transform:translateZ(calc(var(--z,0px) * .5 * var(--auf,1))) scale(.42)}
.wsm2 .tuer-pakete{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;padding-top:18px;border-top:1.5px solid rgba(255,253,251,.5)}
.wsm2 .tuer-pakete li{font:600 22px/1.1 var(--titel);letter-spacing:-.02em}
.wsm2 .tuer-pakete b{display:block;font:400 14px/1.3 var(--text);letter-spacing:0;margin-bottom:4px;opacity:.9}
.wsm2 .kopf-stapel .stapel{top:70%}
.wsm2 .tueren{display:grid;grid-template-columns:7fr 5fr;gap:20px;margin-top:48px}
.wsm2 .tuer{border-radius:32px;padding:36px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0}
.wsm2 .tuer h2{font-size:26px;letter-spacing:-.02em}
.wsm2 .tuer .zahl{display:block;line-height:.92;margin-top:10px}
.wsm2 .tuer p{margin-top:18px;max-width:44ch}
.wsm2 .tuer .knopfgruppe{margin-top:auto;padding-top:32px}
.wsm2 .tuer-paket{background:var(--haus);color:var(--papier);min-height:400px}
.wsm2 .tuer-paket .zahl{font-size:clamp(64px,7.4vw,112px)}
.wsm2 .tuer-paket p{font-size:19px}
.wsm2 .tuer-paket .tuer-fakten{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.wsm2 .tuer-fakten span{border:1.5px solid rgba(255,253,251,.55);border-radius:999px;padding:6px 14px;font-size:15px;line-height:1.2}
.wsm2 .tuer-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.wsm2 .mini-stapel{position:relative;width:96px;height:78px;flex-shrink:0}
.wsm2 .mini-stapel i{position:absolute;left:0;bottom:0;width:60px;height:44px;border-radius:8px;background:var(--papier);box-shadow:0 0 0 1.5px var(--haus)}
.wsm2 .mini-stapel i:nth-child(1){transform:translate(30px,-30px);opacity:.55}
.wsm2 .mini-stapel i:nth-child(2){transform:translate(15px,-15px);opacity:.8}
.wsm2 .mini-stapel i::before{content:"";position:absolute;inset:8px 9px auto;height:6px;border-radius:3px;background:var(--haus)}
.wsm2 .tuer-premium{background:var(--grund-2);color:var(--tinte)}
.wsm2 .tuer-premium .zahl{font-size:clamp(40px,3.8vw,56px)}
.wsm2 .tuer-premium p{color:var(--tinte-2)}
.wsm2 .tuer-premium p.zahl{color:var(--tinte)}
.wsm2 .tuer-premium .ausschnitt{margin:24px 0 0;border-radius:16px;overflow:hidden;aspect-ratio:16/8;background:#14161a}
.wsm2 .tuer-premium .ausschnitt img{width:100%;height:100%;object-fit:cover;object-position:0 35%}
.wsm2 .tuer-premium .etikett{margin-top:10px;font-size:14px;color:var(--tinte-2)}
.wsm2 .unsicher{margin-top:24px;color:var(--tinte-2);font-size:16px}
.wsm2 .unsicher a{color:var(--tinte);font-weight:700}
.wsm2 .stapel{position:absolute;left:50%;top:76%;width:0;height:0;transform:rotateX(58deg) rotateZ(-42deg);transform-style:preserve-3d}
.wsm2 .blatt{position:absolute;left:-90px;top:-115px;width:180px;height:230px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);opacity:0;transform:translateZ(calc(var(--z,0px) * var(--auf,1))) translateY(-40px);transition:transform .7s var(--auslauf),opacity .35s ease;padding:16px;display:flex;flex-direction:column;gap:9px}
.wsm2 .blatt.da{opacity:1;transform:translateZ(calc(var(--z,0px) * var(--auf,1)))}
.wsm2 .blatt i{display:block;height:9px;border-radius:5px;background:var(--linie)}
.wsm2 .blatt i.k{background:var(--haus);height:11px;width:45%}
.wsm2 .blatt i.f{height:58px;background:var(--haus-hell)}
.wsm2 .blatt i.s{width:70%}
.wsm2 .blatt.oben{box-shadow:0 0 0 2px var(--haus)}
.wsm2 .werkbank{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2 .werkbank-text{grid-column:1 / span 4}
.wsm2 .werkbank-text>p{margin-top:20px;color:var(--tinte-2);max-width:32ch}
.wsm2 .schalter{display:grid;gap:8px;margin-top:32px}
.wsm2 .schalter button{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 22px;border-radius:999px;background:var(--grund-2);color:var(--tinte);cursor:pointer;font:600 20px/1.1 var(--titel);letter-spacing:-.01em;min-height:56px;transition:background-color .45s ease,color .45s ease,transform .15s var(--auslauf);touch-action:manipulation}
.wsm2 .schalter button span{font:400 15px/1 var(--text);color:var(--tinte-2);transition:color .45s ease}
.wsm2 .schalter button:active{transform:scale(.98)}
.wsm2 .schalter button[aria-checked="true"]{background:var(--haus);color:var(--papier);transition-duration:.15s}
.wsm2 .schalter button[aria-checked="true"] span{color:var(--papier)}
.wsm2 .schalter button:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.wsm2 .schalter button[aria-checked="false"]:hover{background:var(--haus-hell);transition-duration:.15s}}
.wsm2 .buehne{grid-column:6 / span 7;background:var(--grund-2);border-radius:32px;padding:36px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;min-height:500px;position:relative;overflow:hidden}
.wsm2 .schalter,.wsm2 .buehne{display:none}
.wsm2-js .wsm2 .schalter{display:grid}
.wsm2-js .wsm2 .buehne{display:grid}
.wsm2 .stapel-feld{position:relative;min-height:430px;perspective:none}
.wsm2 .angaben{display:flex;flex-direction:column;min-width:0}
.wsm2 .angaben .name{font:600 24px/1 var(--titel);letter-spacing:-.02em}
.wsm2 .seitenzahl{font-size:16px;color:var(--tinte-2);margin-top:6px}
.wsm2 .wert{position:relative;overflow:hidden;height:1em;font:600 clamp(52px,5.4vw,84px)/1 var(--titel);letter-spacing:-.045em;margin-top:24px;padding-bottom:.08em;box-sizing:content-box}
.wsm2 .wert span{position:absolute;left:0;top:0;white-space:nowrap;transition:transform .6s var(--auslauf)}
.wsm2 .wert .weg{transform:translateY(-110%);transition-duration:.35s}
.wsm2 .wert .neu{transform:translateY(110%)}
.wsm2 .wert small{font-size:.34em;letter-spacing:0;margin-right:.3em;font-weight:600;vertical-align:1.05em}
.wsm2 .zusatz{margin-top:16px;color:var(--tinte-2);min-height:3em}
.wsm2 .anhaenger{align-self:flex-start;margin-top:20px;display:inline-flex;gap:8px;align-items:center;background:var(--papier);border-radius:999px;padding:8px 16px 8px 8px;font-size:15px;line-height:1.25;transform-origin:20px 50%;transition:transform .5s var(--auslauf),opacity .3s ease}
.wsm2 .anhaenger b{background:var(--haus);color:var(--papier);border-radius:999px;padding:6px 11px;font:600 14px/1 var(--titel);white-space:nowrap}
.wsm2 .anhaenger.weg{transform:rotate(-8deg) scale(.95);opacity:0;transition-duration:.15s}
.wsm2 .folgejahr{margin-top:16px;font-size:15px;color:var(--tinte-2)}
.wsm2 .folgejahr strong{color:var(--tinte)}
.wsm2 .angaben .knopf{margin-top:auto;align-self:flex-start}
.wsm2 .angaben .alle{margin-top:14px;font-size:15px}
.wsm2 .zahl-stapel{position:absolute;left:36px;bottom:30px;font:600 16px/1 var(--titel);color:var(--tinte-2)}
.wsm2 .preisliste{margin-top:88px}
.wsm2 .preisliste-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:16px}
.wsm2 .preisliste-kopf h3{font-size:24px}
.wsm2 .preisliste-kopf p{color:var(--tinte-2);font-size:15px}
.wsm2 .p-zeile{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:6px;padding:28px 0 30px;border-top:3px solid var(--tinte);transition:background-color .4s ease}
.wsm2 .p-zeile:last-child{border-bottom:3px solid var(--tinte)}
.wsm2 .p-zeile .p-name{grid-column:1 / span 3;grid-row:1;font:600 28px/1.05 var(--titel);letter-spacing:-.025em}
.wsm2 .p-zeile .p-umfang{grid-column:1 / span 3;grid-row:2;font:600 17px/1.2 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2 .p-zeile .p-bestellen{grid-column:1 / span 3;grid-row:3;align-self:end;margin-top:12px;font:600 16px/1 var(--titel)}
.wsm2 .p-zeile .p-bestellen a{display:inline-block;padding:10px 0;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .p-zeile .p-details{grid-column:4 / span 5;grid-row:1 / span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;font-size:15px;line-height:1.45;align-content:start;padding-top:6px}
.wsm2 .p-zeile .p-details b{display:block;font:600 13px/1.2 var(--titel);color:var(--tinte-2);margin-bottom:5px;letter-spacing:0}
.wsm2 .p-zeile .p-preis{grid-column:9 / span 4;grid-row:1 / span 3;justify-self:end;align-self:start;font-size:clamp(52px,5.6vw,88px);line-height:.92;overflow:hidden;padding-bottom:.06em}
.wsm2 .p-zeile .p-preis span{display:inline-block}
.wsm2 .p-zeile.aktiv .p-name,.wsm2 .p-zeile.aktiv .p-preis{color:var(--haus)}
.wsm2 .p-zeile .p-preis .jahr{font-size:.3em;letter-spacing:0;margin-left:.25em;font-weight:500;color:var(--tinte-2)}
.wsm2 .p-zeile.drei .p-details{grid-template-columns:repeat(2,minmax(0,1fr))}
.wsm2 .p-zeile .p-liste li{position:relative;padding-left:18px}
.wsm2 .p-zeile .p-liste li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--haus)}
.wsm2 .p-zeile .p-liste li+li{margin-top:4px}
.wsm2 .jedes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;margin-top:56px}
.wsm2 .jedes>div{grid-column:span 6;max-width:60ch}
.wsm2 .jedes h3{font-size:22px;margin-bottom:10px}
.wsm2 .jedes p{color:var(--tinte-2)}
.wsm2 .fussnote{margin-top:32px;font-size:15px;color:var(--tinte-2)}
.wsm2 .fussnote a{color:var(--tinte);font-weight:700}
.wsm2 .premium{background:var(--tinte);color:var(--auf-dunkel);padding-block:120px;position:relative;overflow:hidden}
.wsm2 .premium .raster{align-items:start}
.wsm2 .premium .premium-bild{grid-column:1 / span 8;margin-left:calc(var(--rand) * -1)}
.wsm2 .premium .premium-bild .rahmen-bild{border-radius:0 24px 24px 0}
.wsm2 .premium .premium-text{grid-column:10 / span 3}
.wsm2 .premium-bild{grid-column:1 / span 7;position:relative}
.wsm2 .premium-bild .rahmen-bild{border-radius:24px;overflow:hidden;aspect-ratio:16/10;background:#14161a}
.wsm2 .premium-bild img{width:100%;height:100%;object-fit:cover}
.wsm2 .premium-bild .etikett{margin-top:14px;color:var(--auf-dunkel-2);font-size:14px;line-height:1.3}
.wsm2 .premium-bild .klein-bild{position:absolute;right:-24px;bottom:-40px;width:42%;border-radius:18px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 0 0 6px var(--tinte)}
.wsm2 .premium-bild .klein-bild img{width:100%;height:100%;object-fit:cover}
.wsm2 .premium-text{grid-column:9 / span 4}
.wsm2 .premium-text .ort{font:600 16px/1.2 var(--titel);color:#FF8A66;margin-bottom:18px}
.wsm2 .premium-text h2{font-size:clamp(36px,3.8vw,56px);line-height:1;letter-spacing:-.035em}
.wsm2 .premium-text p{margin-top:20px;color:var(--auf-dunkel-2)}
.wsm2 .premium-text .zahl{display:block;font-size:clamp(48px,4.6vw,72px);line-height:.95;margin-top:28px;color:var(--auf-dunkel)}
.wsm2 .premium-text dl{margin-top:24px;border-top:1px solid rgba(244,237,230,.22)}
.wsm2 .premium-text dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(244,237,230,.22);font-size:16px}
.wsm2 .premium-text dt{color:var(--auf-dunkel-2)}
.wsm2 .premium-text dd{text-align:right}
.wsm2 .premium a:not(.knopf){color:var(--auf-dunkel)}
.wsm2 .leiste{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:56px}
.wsm2 .balken{position:absolute;top:0;left:0;right:0;height:52px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;pointer-events:none}
.wsm2 .balken .vor{border-radius:999px;box-shadow:inset 0 0 0 2px var(--linie-2);display:flex;align-items:center;padding-inline:20px;font:600 15px/1 var(--titel);color:var(--tinte-2)}
.wsm2 .balken .tage{grid-column:2 / span 4;border-radius:999px;background:var(--grund-2);position:relative;overflow:hidden;display:flex}
.wsm2 .balken .tage em{flex:1;border-right:2px solid var(--grund);position:relative;overflow:hidden;font-style:normal}
.wsm2 .balken .tage em:last-of-type{border-right:0}
.wsm2 .balken .tage em::after{content:"";position:absolute;inset:0;background:var(--haus);transform-origin:left;transform:scaleX(var(--f,1));transition:transform .45s var(--auslauf)}
.wsm2 .balken .tage em:nth-of-type(2)::after{transition-delay:.4s}
.wsm2 .balken .tage em:nth-of-type(3)::after{transition-delay:.8s}
.wsm2 .balken .tage em:nth-of-type(4)::after{transition-delay:1.2s}
.wsm2 .balken .tage em:nth-of-type(5)::after{transition-delay:1.6s}
.wsm2 .balken .tage em b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--papier);font:600 15px/1 var(--titel);z-index:1;opacity:0;transition:opacity .3s ease}
.wsm2 .balken .tage[style*="--f: 1"] em b,.wsm2 .balken .tage em b{opacity:1}
.wsm2 .leiste>li:not(.balken){padding-top:80px}
.wsm2 .leiste .nr{font:600 44px/1 var(--titel);color:var(--haus);letter-spacing:-.03em}
.wsm2 .leiste h3{font-size:21px;line-height:1.2;margin-top:12px}
.wsm2 .leiste p{margin-top:10px;color:var(--tinte-2);font-size:16px}
.wsm2 .unter-ablauf{margin-top:48px;color:var(--tinte-2);font-size:15px}
.wsm2 .zeilen{border-top:3px solid var(--tinte)}
.wsm2 .zeilen>li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:24px 0;border-bottom:1px solid var(--linie-2);align-items:baseline}
.wsm2 .zeilen .z-ort{grid-column:1 / span 3;color:var(--tinte-2);font-size:15px}
.wsm2 .zeilen .z-name{grid-column:4 / span 3;font:600 24px/1.1 var(--titel);letter-spacing:-.02em}
.wsm2 .zeilen .z-text{grid-column:7 / span 4;color:var(--tinte-2);font-size:16px}
.wsm2 .zeilen .z-link{grid-column:11 / span 2;justify-self:end;font-weight:700;white-space:nowrap}
.wsm2 .zeilen .z-link a{text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .zeilen .z-preis{grid-column:11 / span 2;justify-self:end;font:600 24px/1 var(--titel);letter-spacing:-.03em;white-space:nowrap}
.wsm2 .zeilen .z-preis small{font-size:14px;letter-spacing:0;color:var(--tinte-2);font-weight:500;margin-right:4px}
.wsm2 .zeilen.zwei>li{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.wsm2 .zeilen.zwei .z-name{grid-column:1;font-size:21px}
.wsm2 .zeilen.zwei .z-text{grid-column:2}
.wsm2 .zeilen a.ganz{display:contents;text-decoration:none}
.wsm2 .zeilen .vorschau{display:none}
.wsm2 .referenzen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:64px}
.wsm2 .referenz{grid-column:span 6;text-decoration:none;display:block}
.wsm2 .referenz:nth-child(4n+2),.wsm2 .referenz:nth-child(4n+3){margin-top:0}
.wsm2 .referenz .bild{border-radius:20px;overflow:hidden;aspect-ratio:1200/540;background:var(--grund-2);box-shadow:0 0 0 1px var(--linie)}
.wsm2 .referenz .bild img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--auslauf)}
@media (hover:hover){.wsm2 .referenz:hover .bild img{transform:scale(1.03)}}
.wsm2 .referenz .r-ort{margin-top:18px;color:var(--tinte-2);font-size:15px}
.wsm2 .referenz h3{font-size:26px;margin-top:6px}
.wsm2 .referenz p{margin-top:8px;color:var(--tinte-2);max-width:52ch}
.wsm2 .referenz .r-link{display:inline-block;margin-top:12px;font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2 .demos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;margin-top:48px}
.wsm2 .demo{text-decoration:none;display:block;min-width:0}
.wsm2 .demo:nth-child(1){grid-column:1 / span 6}
.wsm2 .demo:nth-child(2){grid-column:7 / span 6}
.wsm2 .demo:nth-child(3){grid-column:1 / span 6}
.wsm2 .demo .bild{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#14161a}
.wsm2 .demo .bild img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--auslauf)}
@media (hover:hover){.wsm2 .demo:hover .bild img{transform:scale(1.03)}}
.wsm2 .demo .etikett{position:absolute;left:14px;top:14px;background:rgba(255,253,251,.92);color:var(--tinte);border-radius:999px;padding:6px 12px;font-size:13px;line-height:1.2}
.wsm2 .demo h3{font-size:22px;margin-top:16px}
.wsm2 .demo p{color:var(--tinte-2);font-size:16px;margin-top:4px}
.wsm2 .demo-text{grid-column:7 / span 6;align-self:center;max-width:46ch}
.wsm2 .demos.drei .demo:nth-child(1){grid-column:1 / span 4}
.wsm2 .demos.drei .demo:nth-child(2){grid-column:5 / span 4}
.wsm2 .demos.drei .demo:nth-child(3){grid-column:9 / span 4}
.wsm2 .demos.drei .demo-text{grid-column:1 / span 8;max-width:70ch}
.wsm2 .demo-text p+p{margin-top:12px}
.wsm2 .person{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.wsm2 .person-bild{grid-column:1 / span 5;border-radius:28px;overflow:hidden;aspect-ratio:1024/683;background:var(--grund-2)}
.wsm2 .person-bild img{width:100%;height:100%;object-fit:cover}
.wsm2 .person-text{grid-column:7 / span 6}
.wsm2 .person-text h2{font-size:clamp(34px,3.6vw,54px);line-height:1;letter-spacing:-.035em}
.wsm2 .person-text p{margin-top:20px;max-width:56ch}
.wsm2 .person-text .titelzeile{margin-top:24px;font-size:15px;color:var(--tinte-2);display:grid;gap:2px}
.wsm2 .person-text .titelzeile b{color:var(--tinte);font:600 19px/1.2 var(--titel);letter-spacing:-.01em}
.wsm2 .stimmen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;margin-top:96px;padding-top:32px;border-top:3px solid var(--tinte)}
.wsm2 .stimmen-kopf{grid-column:1 / span 3}
.wsm2 .stimmen-kopf .note{font:600 88px/.9 var(--titel);letter-spacing:-.05em;color:var(--tinte);margin-top:0}
.wsm2 .sterne{display:flex;gap:4px;margin-top:12px;color:var(--haus)}
.wsm2 .sterne svg{width:20px;height:20px}
.wsm2 .stimmen-kopf p{margin-top:12px;color:var(--tinte-2);font-size:15px}
.wsm2 .stimmen-kopf a{display:inline-block;margin-top:10px;font-weight:700;font-size:15px;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .stimme{grid-column:span 3}
.wsm2 .stimme:nth-of-type(1){grid-column:4 / span 9}
.wsm2 .stimme:nth-of-type(1) blockquote{font:600 clamp(24px,2.3vw,34px)/1.2 var(--titel);letter-spacing:-.02em;max-width:34ch}
.wsm2 .stimme:nth-of-type(2){grid-column:4 / span 4}
.wsm2 .stimme:nth-of-type(3){grid-column:8 / span 5}
.wsm2 .stimme blockquote{font-size:17px;line-height:1.5}
.wsm2 .stimme blockquote::before{content:"«";display:block;font:600 56px/.6 var(--titel);color:var(--haus);margin-bottom:12px}
.wsm2 .stimme figcaption{margin-top:14px;font:600 16px/1.2 var(--titel)}
.wsm2 .stimme figcaption span{display:block;font:400 14px/1.3 var(--text);color:var(--tinte-2);margin-top:3px}
.wsm2 .fragen-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.wsm2 .fragen-raster>.titelspalte h2{position:sticky;top:110px}
.wsm2 .fragen{grid-column:6 / span 7;border-top:3px solid var(--tinte)}
.wsm2 .fragen details{border-bottom:1px solid var(--linie-2)}
.wsm2 .fragen summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font:600 21px/1.25 var(--titel);letter-spacing:-.015em}
.wsm2 .fragen summary::-webkit-details-marker{display:none}
.wsm2 .fragen summary i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--grund-2);position:relative;transition:background-color .3s ease,transform .4s var(--auslauf)}
.wsm2 .fragen summary i::before,.wsm2 .fragen summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--tinte);border-radius:1px;transition:transform .4s var(--auslauf)}
.wsm2 .fragen summary i::after{transform:rotate(90deg)}
.wsm2 .fragen details[open] summary i{background:var(--haus);transform:rotate(180deg)}
.wsm2 .fragen details[open] summary i::before,.wsm2 .fragen details[open] summary i::after{background:var(--papier)}
.wsm2 .fragen details[open] summary i::after{transform:rotate(0deg)}
@media (hover:hover){.wsm2 .fragen summary:hover i{background:var(--haus-hell)}}
.wsm2 .fragen .antwort{padding:0 56px 26px 0;color:var(--tinte-2);max-width:62ch}
.wsm2 .fragen .antwort p+p{margin-top:10px}
.wsm2 .tabelle{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.wsm2 .tabelle th,.wsm2 .tabelle td{padding:14px 16px 14px 0;text-align:left;vertical-align:top;border:0;border-top:1px solid var(--linie-2);background:none;color:inherit}
.wsm2 .tabelle thead th{border-top:0;padding-bottom:18px;vertical-align:bottom}
.wsm2 .tabelle thead th b{display:block;font:600 24px/1.1 var(--titel);letter-spacing:-.02em}
.wsm2 .tabelle thead th .zahl{display:block;font-size:34px;line-height:1;margin-top:8px}
.wsm2 .tabelle thead th .zahl small{font-size:.4em;vertical-align:.8em}
.wsm2 .tabelle tbody th{font-weight:400;color:var(--tinte-2);width:22%}
.wsm2 .tabelle tbody tr:first-child th,.wsm2 .tabelle tbody tr:first-child td{border-top:3px solid var(--tinte)}
.wsm2 .tabelle td.nein{color:var(--tinte-2)}
.wsm2 .tabelle tfoot td{border-top:3px solid var(--tinte);padding-top:18px}
.wsm2 .tabelle tfoot a{font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .register{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.wsm2 .register-gruppe{grid-column:span 6;border-top:3px solid var(--tinte);padding-top:20px;margin-bottom:48px}
.wsm2 .register-gruppe.ganz{grid-column:1 / -1}
.wsm2 .register.flaechen{gap:24px}
.wsm2 .register.flaechen .register-gruppe{border-top:0;background:var(--grund-2);border-radius:32px;padding:36px;margin-bottom:0}
.wsm2 .register.flaechen .register-gruppe:last-child{background:var(--tinte);color:var(--auf-dunkel)}
.wsm2 .register.flaechen .register-gruppe:last-child li{border-color:rgba(244,237,230,.2)}
.wsm2 .register.flaechen .register-gruppe:last-child li .r-name span,.wsm2 .register.flaechen .register-gruppe:last-child li .r-preis small{color:var(--auf-dunkel-2)}
.wsm2 .register.flaechen .register-gruppe:last-child a{text-decoration-color:#FF8A66}
.wsm2 .register.flaechen h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;margin-bottom:12px}
.wsm2 .register-gruppe h3{font-size:24px}
.wsm2 .register-gruppe>p{margin-top:8px;color:var(--tinte-2);font-size:16px;max-width:52ch}
.wsm2 .register-gruppe ul{margin-top:16px}
.wsm2 .register-gruppe li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-top:1px solid var(--linie)}
.wsm2 .register-gruppe li .r-name{min-width:0}
.wsm2 .register-gruppe li .r-name a{font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .register-gruppe li .r-name span{display:block;font-size:15px;color:var(--tinte-2);margin-top:2px}
.wsm2 .register-gruppe li .r-preis{font:600 22px/1.1 var(--titel);letter-spacing:-.025em;white-space:nowrap;text-align:right}
.wsm2 .register-gruppe li .r-preis small{display:block;font:400 13px/1.3 var(--text);letter-spacing:0;color:var(--tinte-2)}
.wsm2 .stufen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end;margin-top:56px}
.wsm2 .stufe{display:flex;flex-direction:column;min-width:0}
.wsm2 .stufe .saeule{position:relative;border-radius:24px 24px 0 0;background:var(--grund-2);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;overflow:hidden}
.wsm2 .stufe .saeule{transform-origin:bottom;transition:transform 1.1s var(--schub)}
.wsm2 .stufe:first-child .saeule{background:var(--haus-hell)}
.wsm2 .stufe:last-child .saeule{background:var(--tinte)}
.wsm2 .stufe:last-child .stunden,.wsm2 .stufe:last-child .stunden small{color:var(--papier)}
.wsm2 .stufe .saeule>*{position:relative}
.wsm2 .stufe .stunden{font:600 64px/.9 var(--titel);letter-spacing:-.045em;color:var(--haus)}
.wsm2 .stufe .stunden small{display:block;font:600 16px/1.2 var(--titel);letter-spacing:0;color:var(--tinte);margin-top:8px}
.wsm2 .stufe.mitte .saeule{background:var(--haus)}
.wsm2 .stufe.mitte .stunden,.wsm2 .stufe.mitte .stunden small{color:var(--papier)}
.wsm2 .stufe .s-kopf{border-top:3px solid var(--tinte);padding-top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wsm2 .stufe h3{font-size:28px}
.wsm2 .stufe .zahl{font-size:40px;line-height:1}
.wsm2 .stufe .zahl small{font-size:.38em;vertical-align:.95em}
.wsm2 .stufe .zahl .jahr{font-size:.38em;letter-spacing:0;font-weight:500;color:var(--tinte-2);margin-left:.2em}
.wsm2 .stufe ul{margin-top:16px;font-size:16px}
.wsm2 .stufe li{padding:9px 0;border-top:1px solid var(--linie)}
.wsm2 .stufe .bestellen{margin-top:18px;font-weight:700}
.wsm2 .stufe .bestellen a{text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .regal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
.wsm2 .fach{display:flex;flex-direction:column;min-width:0}
.wsm2 .fach .punkte{background:var(--grund-2);border-radius:24px;padding:22px;height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.wsm2 .fach .punkte svg{width:100%;flex:1;min-height:0;height:100%}
.wsm2 .fach .punkte .anzahl{font:600 18px/1.2 var(--titel);color:var(--tinte)}
.wsm2 .fach .s-kopf{border-top:3px solid var(--tinte);padding-top:18px;margin-top:20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wsm2 .fach h3{font-size:28px}
.wsm2 .fach .zahl{font-size:40px;line-height:1}
.wsm2 .fach .zahl small{font-size:.38em;vertical-align:.95em}
.wsm2 .fach ul{margin-top:16px;font-size:16px}
.wsm2 .fach li{padding:9px 0;border-top:1px solid var(--linie)}
.wsm2 .fach li.nein{color:var(--tinte-2);text-decoration:line-through;text-decoration-color:var(--linie-2)}
.wsm2 .fach .bestellen{margin-top:18px;font-weight:700}
.wsm2 .fach .bestellen a{text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2 .band{background:var(--haus-hell);padding-block:56px}
.wsm2 .band .raster{align-items:center}
.wsm2 .band h2{grid-column:1 / span 5;font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:-.03em}
.wsm2 .band p{grid-column:7 / span 6;max-width:58ch}
.wsm2 .band p+p{margin-top:10px}
.wsm2 .wege-liste{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:56px}
.wsm2 .weg{text-decoration:none;display:flex;flex-direction:column;border-top:3px solid var(--tinte);padding-top:20px;min-width:0}
.wsm2 .weg.haupt{grid-column:1 / span 6;background:var(--haus);color:var(--papier);border-radius:32px;border-top:0;padding:36px;min-height:320px}
.wsm2 .weg.haupt:hover,.wsm2 .weg.haupt:focus{color:var(--papier)}
.wsm2 .weg.zweit{grid-column:span 3}
.wsm2 .weg .w-art{font:600 16px/1.2 var(--titel);color:var(--tinte-2)}
.wsm2 .weg.haupt .w-art{color:var(--haus-hell)}
.wsm2 .weg .w-mail{white-space:nowrap;font-size:clamp(20px,1.9vw,27px)!important;overflow-wrap:normal!important}
.wsm2 .weg .w-wert{font:600 clamp(26px,2.4vw,34px)/1.1 var(--titel);letter-spacing:-.025em;margin-top:12px;overflow-wrap:anywhere}
.wsm2 .weg.haupt .w-wert{font-size:clamp(40px,4.4vw,64px);line-height:.98;letter-spacing:-.04em}
.wsm2 .weg p{margin-top:12px;color:var(--tinte-2);font-size:16px}
.wsm2 .weg.haupt p{color:var(--papier);font-size:18px;max-width:36ch}
.wsm2 .weg .knopf{margin-top:auto;align-self:flex-start}
.wsm2 .weg.zweit .w-pfeil{margin-top:18px;font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2 .formular{grid-column:6 / span 7}
.wsm2 .formular .srfm-form,.wsm2 .formular form{display:grid;gap:22px}
.wsm2 .formular label,.wsm2 .formular .srfm-block-label{display:block;font:600 16px/1.3 var(--titel);color:var(--tinte);margin-bottom:8px}
.wsm2 .formular input[type=text],.wsm2 .formular input[type=email],.wsm2 .formular input[type=tel],.wsm2 .formular select,.wsm2 .formular textarea,.wsm2 .formular .srfm-input-common{width:100%;min-height:56px;padding:14px 18px;border:0;border-radius:16px;background:var(--papier);box-shadow:inset 0 0 0 2px var(--linie-2);font:400 17px/1.4 var(--text);color:var(--tinte);caret-color:var(--haus);outline:0;transition:box-shadow .2s ease}
.wsm2 .formular textarea{min-height:150px;resize:vertical}
.wsm2 .formular input:focus,.wsm2 .formular select:focus,.wsm2 .formular textarea:focus,.wsm2 .formular .srfm-input-common:focus{box-shadow:inset 0 0 0 2px var(--haus)}
.wsm2 .formular .srfm-submit-button,.wsm2 .formular button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 30px;border-radius:999px;border:0;background:var(--haus);color:var(--papier);font:600 18px/1 var(--titel);cursor:pointer;justify-self:start}
.wsm2 .formular .mikro{font-size:15px;color:var(--tinte-2);margin-top:-6px}
.wsm2 .formular .vorschau-hinweis{font-size:13px;color:var(--tinte-2);border:1px dashed var(--linie-2);border-radius:10px;padding:8px 12px}
.wsm2 .schluss{background:var(--haus);color:var(--papier);padding-block:112px 40px;position:relative;overflow:hidden}
.wsm2 .schluss h2{font-size:clamp(46px,7.4vw,116px);line-height:.94;letter-spacing:-.045em;max-width:14ch}
.wsm2 .schluss .s-text{font-size:21px;max-width:44ch;margin-top:28px}
.wsm2 .schluss .knopfgruppe{margin-top:40px;gap:16px 28px}
.wsm2 .schluss .knopfgruppe a:not(.knopf){font-weight:700;color:var(--papier);text-decoration-color:rgba(255,253,251,.6)}
.wsm2 .schluss .direkt{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px;font:600 20px/1.3 var(--titel)}
.wsm2 .schluss .direkt a{color:var(--papier);text-decoration-color:rgba(255,253,251,.6)}
.wsm2 .schluss-stapel{position:absolute;right:6%;top:64px;width:260px;height:260px;pointer-events:none;opacity:.95}
.wsm2 .schluss-stapel .blatt{background:var(--haus);box-shadow:0 0 0 1.5px rgba(255,253,251,.75)}
.wsm2 .schluss-stapel .blatt i{background:rgba(255,253,251,.35)}
.wsm2 .schluss-stapel .blatt i.k{background:var(--papier)}
.wsm2 .schluss-stapel .blatt i.f{background:rgba(255,253,251,.22)}
.wsm2 .schluss-stapel .blatt.oben{box-shadow:0 0 0 2px var(--papier)}
.wsm2 .fuss{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:36px;margin-top:104px;padding-top:32px;border-top:1.5px solid rgba(255,253,251,.5);font-size:15px;line-height:1.55}
.wsm2 .fuss>div{grid-column:span 2;min-width:0}
.wsm2 .fuss>div.f-firma{grid-column:1 / span 4}
.wsm2 .fuss b{display:block;font:600 16px/1.3 var(--titel);margin-bottom:10px}
.wsm2 .fuss a{color:var(--papier);text-decoration:none}
.wsm2 .fuss a:hover{text-decoration:underline}
.wsm2 .fuss li{padding:3px 0}
.wsm2 .fuss .leitsatz{font:600 30px/1.05 var(--titel);letter-spacing:-.03em;margin-bottom:18px;max-width:12ch}
.wsm2 .fuss-ende{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,253,251,.35);font-size:14px}
.wsm2 .fuss-ende a{color:var(--papier)}
.wsm2-js .wsm2 [data-auf] .zeile>span{transform:translateY(105%);transition:transform .8s var(--auslauf)}
.wsm2-js .wsm2 [data-auf] .zeile:nth-child(2)>span{transition-delay:.06s}
.wsm2-js .wsm2 [data-auf] .zeile:nth-child(3)>span{transition-delay:.12s}
.wsm2-js .wsm2 [data-auf].sichtbar .zeile>span{transform:none}
.wsm2-js .wsm2 .flaeche{clip-path:inset(0 0 100% 0 round 32px);transition:clip-path 1s var(--schub)}
.wsm2-js .wsm2 .flaeche.zwei{transition-delay:.08s}
.wsm2-js .wsm2 .sichtbar .flaeche,.wsm2-js .wsm2 .flaeche.sichtbar{clip-path:inset(0 0 0 0 round 32px)}
.wsm2-js .wsm2 .flaeche img{transform:scale(1.18);transition:transform 1.1s var(--schub) .08s}
.wsm2-js .wsm2 .sichtbar .flaeche img,.wsm2-js .wsm2 .flaeche.sichtbar img{transform:none}
.wsm2-js .wsm2 .bild-auf{clip-path:inset(0 0 100% 0 round 20px);transition:clip-path 1s var(--schub)}
.wsm2-js .wsm2 .bild-auf img{transform:scale(1.18);transition:transform 1.1s var(--schub) .08s}
.wsm2-js .wsm2 .sichtbar .bild-auf,.wsm2-js .wsm2 .bild-auf.sichtbar{clip-path:inset(0 0 0 0 round 20px)}
.wsm2-js .wsm2 .sichtbar .bild-auf img,.wsm2-js .wsm2 .bild-auf.sichtbar img{transform:none}
.wsm2-js .wsm2 .stufen .saeule{transform:scaleY(.15)}
.wsm2-js .wsm2 .stufen.sichtbar .saeule{transform:none}
.wsm2-js .wsm2 .stufen.sichtbar .stufe:nth-child(2) .saeule{transition-delay:.12s}
.wsm2-js .wsm2 .stufen.sichtbar .stufe:nth-child(3) .saeule{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
.wsm2-js .wsm2 [data-auf] .zeile>span,.wsm2-js .wsm2 .flaeche,.wsm2-js .wsm2 .flaeche img,.wsm2-js .wsm2 .bild-auf,.wsm2-js .wsm2 .bild-auf img,.wsm2 .blatt,.wsm2 .wert span,.wsm2 .anhaenger,.wsm2-js .wsm2 .stufen .saeule{transform:none!important;clip-path:none!important;transition:opacity .2s ease!important}
.wsm2 .blatt.da{transform:translateZ(var(--z,0))!important}
.wsm2 .kopf-stapel .blatt.da{transform:translateZ(var(--z,0)) scale(.8)!important}
.wsm2 .kopf-stapel-handy .blatt.da{transform:translateZ(calc(var(--z,0px) * .5 * var(--auf,1))) scale(.42)!important}
.wsm2 .balken .tage em::after{transition:none!important}
}
@media (max-width:1320px){.wsm2 .kopf-stapel{display:none}.wsm2 .kopf-stapel-handy{display:block}}
@media (max-width:1240px){
.wsm2 .menue>ul>li>a{padding:10px 9px;font-size:15px}
.wsm2 .kz{gap:18px}
.wsm2 .p-zeile .p-details{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
.wsm2 .menue,.wsm2 .kz-knopf{display:none}
.wsm2 .handy-menue{display:block}
.wsm2 .premium .premium-text{grid-column:8 / span 5}
.wsm2 .premium .premium-bild{grid-column:1 / span 7}
}
@media (max-width:900px){
.wsm2{--rand:20px;font-size:17px}
.wsm2 .kz{height:64px;gap:12px}
.wsm2 .marke{font-size:18px}
.wsm2 .marke img{width:36px}
.wsm2 .handy-liste{max-height:calc(100vh - 64px)}
.wsm2 .abschnitt{padding-block:80px}
.wsm2 .abschnitt.eng{padding-block:56px}
.wsm2 .raster,.wsm2 .werkbank,.wsm2 .seitenkopf-raster,.wsm2 .fragen-raster,.wsm2 .person,.wsm2 .referenzen,.wsm2 .demos,.wsm2 .register,.wsm2 .jedes,.wsm2 .wege-liste,.wsm2 .stimmen{grid-template-columns:minmax(0,1fr)}
.wsm2 .raster>*,.wsm2 .werkbank>*,.wsm2 .seitenkopf-raster>*,.wsm2 .fragen-raster>*,.wsm2 .person>*,.wsm2 .referenzen>*,.wsm2 .demos>*,.wsm2 .register>*,.wsm2 .jedes>*,.wsm2 .wege-liste>*,.wsm2 .stimmen>*{grid-column:1 / -1!important}
.wsm2 .riesig{font-size:clamp(44px,12.2vw,72px);line-height:.95}
.wsm2 .gross{font-size:clamp(38px,10.4vw,56px)}
.wsm2 .lead{font-size:19px}
.wsm2 .seitenkopf{padding-block:36px 64px}
.wsm2 .seitenkopf-raster>.rechts{margin-top:40px}
.wsm2 .kennzahlen{grid-template-columns:1fr 1fr;margin-top:44px;row-gap:28px}
.wsm2 .kopf{padding-block:28px 48px}
.wsm2 .kopf .lead{margin-top:20px}
.wsm2 .tueren{grid-template-columns:1fr;gap:12px;margin-top:32px}
.wsm2 .tuer{padding:24px;border-radius:26px}
.wsm2 .tuer-paket{min-height:0}
.wsm2 .tuer-paket .zahl{font-size:72px}
.wsm2 .tuer-paket p{font-size:18px}
.wsm2 .tuer .knopfgruppe{padding-top:24px}
.wsm2 .tuer .knopf{width:100%}
.wsm2 .mini-stapel{transform:scale(.8);transform-origin:right top}
.wsm2 .titelspalte{margin-bottom:32px}
.wsm2 .werkbank-text{margin-bottom:24px}
.wsm2 .schalter{grid-template-columns:1fr 1fr;margin-top:28px}
.wsm2-js .wsm2 .schalter{display:grid}
.wsm2 .schalter button{flex-direction:column;align-items:flex-start;gap:6px;border-radius:20px;padding:14px 16px;font-size:19px}
.wsm2 .buehne{grid-template-columns:minmax(0,1fr);padding:24px;border-radius:26px;min-height:0;gap:0}
.wsm2 .stapel-feld{min-height:280px}
.wsm2 .buehne .stapel{top:62%;transform:rotateX(58deg) rotateZ(-42deg) scale(.7)}
.wsm2 .zahl-stapel{left:24px;top:24px;bottom:auto}
.wsm2 .wert{margin-top:8px;font-size:60px}
.wsm2 .angaben .knopf{align-self:stretch;margin-top:24px}
.wsm2 .preisliste{margin-top:64px}
.wsm2 .preisliste-kopf{flex-direction:column;gap:6px}
.wsm2 .p-zeile{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:22px 0 24px}
.wsm2 .p-zeile .p-name{grid-column:1;grid-row:1;font-size:26px}
.wsm2 .p-zeile .p-umfang{grid-column:1;grid-row:2}
.wsm2 .p-zeile .p-preis{grid-column:2;grid-row:1 / span 2;font-size:52px;align-self:center}
.wsm2 .p-zeile .p-details{grid-column:1 / -1;grid-row:3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:14px;padding-top:0}
.wsm2 .p-zeile .p-details>div:first-child:nth-last-child(3){grid-column:1 / -1}
.wsm2 .p-zeile.drei .p-details{grid-template-columns:minmax(0,1fr)}
.wsm2 .p-zeile .p-bestellen{grid-column:1 / -1;grid-row:4;margin-top:8px}
.wsm2 .jedes{margin-top:40px}
.wsm2 .premium{padding-block:80px}
.wsm2 .premium-text{margin-top:72px}
.wsm2 .premium-bild .klein-bild{right:-8px;bottom:-36px;width:46%;box-shadow:0 0 0 4px var(--tinte)}
.wsm2 .leiste{grid-template-columns:minmax(0,1fr);gap:0;margin-top:36px;padding-left:56px}
.wsm2 .balken{top:0;bottom:0;left:0;right:auto;width:36px;height:auto;grid-template-columns:1fr;grid-template-rows:1fr 4fr;gap:8px}
.wsm2 .balken .vor{grid-row:1}
.wsm2 .balken .tage{grid-column:1;grid-row:2;flex-direction:column}
.wsm2 .balken .tage em{border-right:0;border-bottom:2px solid var(--grund)}
.wsm2 .balken .tage em:last-of-type{border-bottom:0}
.wsm2 .balken .tage em::after{transform-origin:top;transform:scaleY(var(--f,1))}
.wsm2 .balken .tage span{writing-mode:vertical-rl;transform:rotate(180deg);padding:16px 0;justify-content:flex-end;font-size:15px}
.wsm2 .leiste>li:not(.balken){padding:0 0 32px}
.wsm2 .leiste .nr{font-size:34px}
.wsm2 .leiste h3{margin-top:6px}
.wsm2 .zeilen>li{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding:20px 0}
.wsm2 .zeilen .z-ort{grid-column:1 / -1;grid-row:1}
.wsm2 .zeilen .z-name{grid-column:1;grid-row:2}
.wsm2 .zeilen .z-text{grid-column:1 / -1;grid-row:3}
.wsm2 .zeilen .z-link,.wsm2 .zeilen .z-preis{grid-column:2;grid-row:2;align-self:baseline}
.wsm2 .zeilen.zwei>li{grid-template-columns:minmax(0,1fr)}
.wsm2 .zeilen.zwei .z-name{grid-row:1}
.wsm2 .zeilen.zwei .z-text{grid-column:1;grid-row:2}
.wsm2 .referenzen{row-gap:48px}
.wsm2 .demos{row-gap:32px;margin-top:32px}
.wsm2 .demo-text{margin-top:8px}
.wsm2 .person-text{margin-top:32px}
.wsm2 .stimmen{margin-top:64px;row-gap:32px}
.wsm2 .fragen summary{font-size:19px;padding:18px 0}
.wsm2 .fragen .antwort{padding-right:0}
.wsm2 .fragen-raster>.titelspalte h2{position:static}
.wsm2 .register-gruppe{margin-bottom:36px}
.wsm2 .stufen,.wsm2 .regal{grid-template-columns:minmax(0,1fr);gap:40px}
.wsm2 .stufe .saeule{height:auto!important;min-height:0;border-radius:24px;padding:20px;flex-direction:row;align-items:flex-end;justify-content:space-between}
.wsm2 .stufe .saeule{width:calc(var(--h,30%) * .7 + 30%);transform-origin:left}
.wsm2-js .wsm2 .stufen .saeule{transform:scaleX(.3)}
.wsm2 .stufe .stunden{font-size:52px}
.wsm2 .fach .punkte{height:240px}
.wsm2 .band{padding-block:44px}
.wsm2 .band p{margin-top:14px}
.wsm2 .weg.haupt{padding:26px;min-height:0;border-radius:26px}
.wsm2 .weg.haupt .knopf{margin-top:24px;align-self:stretch}
.wsm2 .weg.zweit{margin-top:32px}
.wsm2 .formular{margin-top:8px}
.wsm2 .schluss{padding-block:72px 32px}
.wsm2 .schluss h2{font-size:clamp(44px,12vw,72px)}
.wsm2 .schluss .s-text{font-size:19px}
.wsm2 .schluss .knopfgruppe .knopf{width:100%}
.wsm2 .schluss-stapel{display:none}
.wsm2 .fuss{grid-template-columns:1fr 1fr;margin-top:64px;column-gap:16px}
.wsm2 .fuss>div{grid-column:span 1}
.wsm2 .fuss>div.f-firma{grid-column:1 / -1}
.wsm2 .tabelle,.wsm2 .tabelle thead,.wsm2 .tabelle tbody,.wsm2 .tabelle tfoot,.wsm2 .tabelle tr,.wsm2 .tabelle th,.wsm2 .tabelle td{display:block}
.wsm2 .tabelle thead{display:none}
.wsm2 .tabelle tbody tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:10px;padding:16px 0;border-top:1px solid var(--linie-2)}
.wsm2 .tabelle tbody tr:first-child{border-top:3px solid var(--tinte)}
.wsm2 .tabelle tbody th{grid-column:1 / -1;width:auto;border:0!important;padding:0;color:var(--tinte);font:600 18px/1.2 var(--titel)}
.wsm2 .tabelle tbody td{border:0!important;padding:0;font-size:15px}
.wsm2 .tabelle tbody td::before{content:attr(data-l);display:block;font:600 13px/1.2 var(--titel);color:var(--tinte-2);margin-bottom:2px}
.wsm2 .tabelle tfoot tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.wsm2 .tabelle tfoot td{border:0;padding:0}
.wsm2 .tabelle tfoot td:first-child{display:none}
.wsm2 .tabelle tfoot{border-top:3px solid var(--tinte);padding-top:16px}
}
@media (max-width:900px){
.wsm2 .tuer-pakete{grid-template-columns:1fr 1fr;row-gap:14px}
.wsm2 .buehne .angaben{order:-1}
.wsm2 .stapel-feld{min-height:220px;margin-top:20px}
.wsm2 .buehne .stapel{top:66%;transform:rotateX(58deg) rotateZ(-42deg) scale(.55)}
.wsm2 .zahl-stapel{position:static;order:0;margin-top:8px}
.wsm2 .angaben .alle{margin-bottom:4px}
.wsm2 .zusatz{min-height:0}
.wsm2 .kopf-unter{align-items:flex-end}
.wsm2 .kopf-stapel-handy{margin-top:20px}
.wsm2 .register-gruppe li{flex-wrap:wrap;gap:4px 16px}
.wsm2 .register-gruppe li .r-name{display:contents}
.wsm2 .register-gruppe li .r-name a{order:1;flex:1}
.wsm2 .register-gruppe li .r-preis{order:2}
.wsm2 .register-gruppe li .r-name span{order:3;flex-basis:100%}
.wsm2 .register-gruppe li .r-preis small{display:inline;margin-left:4px}
.wsm2 .premium .premium-bild{margin-left:0}
.wsm2 .premium .premium-bild .rahmen-bild{border-radius:20px}
.wsm2 .balken .tage em b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px}
.wsm2 .weg .w-mail{font-size:24px!important}
.wsm2 .demos.drei .demo,.wsm2 .demos.drei .demo-text{grid-column:1 / -1!important}
.wsm2 .register.flaechen .register-gruppe{padding:24px;border-radius:26px}
.wsm2 .zeilen .z-link{grid-column:1 / -1;grid-row:4;justify-self:start;margin-top:4px}
.wsm2 .sprung{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wsm2 .sprung .knopf{white-space:normal;text-align:center;padding:12px 14px}
.wsm2 .balken .vor span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px}
.wsm2 .balken .vor{padding:12px 0;justify-content:center}
}
@media (max-width:420px){
.wsm2 .mini-stapel{display:none}
.wsm2 .tuer-paket .zahl{font-size:64px}
.wsm2 .p-zeile .p-preis{font-size:44px}
.wsm2 .schalter button{font-size:18px}
}
@media (max-width:360px){
.wsm2 .p-zeile .p-preis{font-size:38px}
.wsm2 .kennzahlen{grid-template-columns:1fr}
.wsm2 .fuss{grid-template-columns:1fr}
.wsm2 .marke span{font-size:16px}
}
.wsm2 .fix{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 13px;border-radius:999px;box-shadow:inset 0 0 0 1.5px currentColor;font:600 14px/1.1 var(--titel);letter-spacing:0;width:max-content;max-width:100%}
.wsm2 .fix::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.wsm2 .fix-hell{color:var(--papier);box-shadow:inset 0 0 0 1.5px rgba(255,253,251,.7)}
.wsm2 .fix-text{color:var(--haus);font-weight:700}
.wsm2 .tuer .fix{margin-top:12px}
.wsm2 .premium{background:none;color:var(--tinte);padding-block:40px;overflow:visible}
.wsm2 .premium-panel{background:var(--tinte);color:var(--auf-dunkel);border-radius:40px;padding:88px 72px 72px;position:relative;overflow:hidden}
.wsm2 .premium-panel .ort{font:600 16px/1.2 var(--titel);color:#FF8A66;margin-bottom:18px}
.wsm2 .premium-panel a:not(.knopf){color:var(--auf-dunkel)}
.wsm2 .premium-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.wsm2 .premium-titel{grid-column:1 / span 6}
.wsm2 .premium-text{grid-column:8 / span 5}
.wsm2 .premium-text>p{color:var(--auf-dunkel-2);max-width:46ch;margin:0}
.wsm2 .premium-preiszeile{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:24px}
.wsm2 .premium-preiszeile .zahl{font-size:clamp(48px,4.6vw,72px);line-height:.95;color:var(--auf-dunkel);margin:0}
.wsm2 .premium-preiszeile .fix{margin-top:0}
.wsm2 .fenster{margin-top:56px;border-radius:22px;background:#2E2938;box-shadow:0 0 0 1px rgba(244,237,230,.12),0 40px 80px -40px rgba(0,0,0,.6);overflow:hidden}
.wsm2 .fenster-leiste{display:flex;align-items:center;gap:16px;padding:12px 14px 12px 18px;min-height:58px}
.wsm2 .punkte-drei{display:flex;gap:7px;flex:none}
.wsm2 .punkte-drei i{width:11px;height:11px;border-radius:50%;background:rgba(244,237,230,.25)}
.wsm2 .punkte-drei i:first-child{background:#FF8A66}
.wsm2 .fenster .adresse{flex:1;min-width:0;background:rgba(244,237,230,.08);border-radius:999px;padding:8px 16px;font-size:14px;color:var(--auf-dunkel-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsm2 .fenster-reiter{display:flex;gap:6px;flex:none}
.wsm2 .fenster-reiter button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 16px;border-radius:999px;font:600 15px/1 var(--titel);color:var(--auf-dunkel-2);transition:background-color .3s ease,color .3s ease;min-height:40px;display:inline-flex;align-items:center}
.wsm2 .fenster-reiter button[aria-selected="true"]{background:var(--haus);color:var(--papier)}
.wsm2 .fenster-reiter button:focus-visible{outline:2px solid #FF8A66;outline-offset:2px}
@media (hover:hover){.wsm2 .fenster-reiter button[aria-selected="false"]:hover{background:rgba(244,237,230,.1);color:var(--auf-dunkel)}}
.wsm2 .fenster-bild{position:relative;aspect-ratio:16/10;background:#14161a}
.wsm2 .demo-bild{position:absolute;inset:0;display:block;clip-path:inset(0 0 0 100%);transition:clip-path 1s var(--schub);z-index:1}
.wsm2 .demo-bild img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.08);transition:transform 1.4s var(--auslauf)}
.wsm2 .demo-bild.aktiv{clip-path:inset(0 0 0 0);z-index:3}
.wsm2 .demo-bild.aktiv img{transform:none}
.wsm2 .demo-bild.war{clip-path:inset(0 0 0 0)!important;transition:none;z-index:2}
.wsm2 .demo-bild.war img{transform:none}
.wsm2 .fenster-unterschrift{margin-top:14px;font-size:14px;color:var(--auf-dunkel-2)}
.wsm2 .premium-fuss{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:40px}
.wsm2 .premium-fakten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;flex:1;border-top:1px solid rgba(244,237,230,.22);padding-top:18px}
.wsm2 .premium-fakten dt{font-size:14px;color:var(--auf-dunkel-2)}
.wsm2 .premium-fakten dd{font:600 18px/1.25 var(--titel);margin-top:6px}
.wsm2 .premium-panel .knopf-papier:hover,.wsm2 .premium-panel .knopf-papier:focus{color:var(--tinte)}
@media (hover:hover) and (pointer:fine){.wsm2 .premium-panel .knopf-papier:hover{background:var(--haus);color:var(--papier)}}
.wsm2-js .wsm2 [data-auf] .fenster{opacity:0;transform:translateY(48px) scale(.97);transition:opacity .8s ease .15s,transform 1.1s var(--auslauf) .15s}
.wsm2-js .wsm2 [data-auf].sichtbar .fenster{opacity:1;transform:none}
.wsm2 .premium-panel .demos{margin-top:0}
.wsm2 .premium-panel .demo h3{color:var(--auf-dunkel)}
.wsm2 .band{background:none;padding:0 var(--rand);max-width:1376px;margin:40px auto}
.wsm2 .band>.rahmen{background:var(--haus-hell);border-radius:32px;padding:56px 48px;max-width:none}
.wsm2 .schluss{border-radius:40px 40px 0 0;margin-top:40px}
.wsm2 .zf{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.wsm2 .zf>span{display:inline-block}
.wsm2-js .wsm2 [data-auf] .zf>span{transform:translateY(108%);transition:transform .9s var(--auslauf);transition-delay:var(--d,0s)}
.wsm2-js .wsm2 [data-auf].sichtbar .zf>span{transform:none}
.wsm2-js .wsm2 .kind{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .9s var(--auslauf);transition-delay:var(--v,0s)}
.wsm2-js .wsm2 .kind.da{opacity:1;transform:none}
.wsm2 .szene-titel{margin-bottom:48px}
.wsm2 .szene-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2 .szene-links{grid-column:1 / span 6;position:sticky;top:110px}
.wsm2 .szene-rechts{grid-column:8 / span 5}
.wsm2 .szene-schritte>li{min-height:44vh;padding-block:24px 40px;border-top:1px solid var(--linie-2);transition:opacity .5s ease}
.wsm2 .szene-schritte>li:first-child{border-top:3px solid var(--tinte)}
.wsm2 .szene-schritte .nr{font:600 44px/1 var(--titel);color:var(--haus);letter-spacing:-.03em}
.wsm2 .szene-schritte h3{font-size:26px;line-height:1.15;margin-top:12px;letter-spacing:-.02em}
.wsm2 .szene-schritte p:not(.nr){margin-top:12px;color:var(--tinte-2);max-width:44ch}
.wsm2-js .wsm2 .szene-schritte>li{opacity:.35}
.wsm2-js .wsm2 .szene-schritte>li.jetzt{opacity:1}
.wsm2 .szene-buehne{position:relative;padding:28px 28px 22px;background:var(--grund-2);border-radius:32px}
.wsm2 .werkstueck{position:relative;background:var(--papier);border-radius:18px;box-shadow:0 0 0 1.5px var(--linie-2);overflow:visible}
.wsm2 .werkstueck::before,.wsm2 .werkstueck::after{content:"";position:absolute;inset:0;border-radius:18px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie);z-index:-1;transition:transform .9s var(--auslauf)}
.wsm2 .werkstueck::before{transform:translate(10px,10px)}
.wsm2 .werkstueck::after{transform:translate(20px,20px);z-index:-2}
.wsm2 .szene-buehne[data-phase="5"] .werkstueck::before{transform:translate(4px,4px)}
.wsm2 .szene-buehne[data-phase="5"] .werkstueck::after{transform:translate(8px,8px)}
.wsm2 .ws-leiste{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border-bottom:1.5px solid var(--linie);border-radius:18px 18px 0 0;background:var(--papier);position:relative;z-index:1}
.wsm2 .ws-leiste .punkte-drei i{background:var(--linie-2)}
.wsm2 .ws-leiste .punkte-drei i:first-child{background:var(--haus)}
.wsm2 .ws-adresse{position:relative;flex:1;height:28px;border-radius:999px;background:var(--grund-2);overflow:hidden}
.wsm2 .ws-adresse b{position:absolute;inset:0;display:flex;align-items:center;padding-inline:14px;font:600 13px/1 var(--titel);color:var(--tinte-2);opacity:0;transform:translateY(100%);transition:opacity .35s ease,transform .5s var(--auslauf);white-space:nowrap}
.wsm2 .ws-online{font:600 13px/1 var(--titel);color:var(--papier);background:#2F8F5B;border-radius:999px;padding:7px 11px;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .5s var(--auslauf)}
.wsm2 .ws-flaeche{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:0 0 18px 18px}
.wsm2 .ws-frage{position:absolute;inset:22px 22px auto 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;opacity:0;transform:translateX(40px);transition:opacity .4s ease,transform .7s var(--auslauf)}
.wsm2 .ws-frage i{display:block;height:34px;border-radius:10px;box-shadow:inset 0 0 0 2px var(--linie-2)}
.wsm2 .ws-frage i:nth-child(5),.wsm2 .ws-frage i:nth-child(6){grid-column:1 / -1;height:46px}
.wsm2 .ws-frage i:nth-child(1){background:linear-gradient(90deg,var(--haus-hell) 55%,transparent 55%)}
.wsm2 .ws-frage i:nth-child(3){background:linear-gradient(90deg,var(--haus-hell) 35%,transparent 35%)}
.wsm2 .ws-seite{position:absolute;inset:0;padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.wsm2 .ws-seite i{display:block;border-radius:6px;background:var(--linie);opacity:0;transform:translateY(-30px) rotate(-3deg);transition:opacity .4s ease,transform .8s var(--auslauf),background-color .6s ease}
.wsm2 .ws-kopf{display:flex;justify-content:space-between;align-items:center}
.wsm2 .ws-logo{width:22%;height:14px;background:var(--haus)!important}
.wsm2 .ws-nav{width:38%;height:10px}
.wsm2 .ws-held{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto;column-gap:18px;row-gap:10px;flex:1}
.wsm2 .ws-t1{height:26px;grid-column:1}
.wsm2 .ws-t2{height:26px;width:70%;grid-column:1}
.wsm2 .ws-knopf{height:22px;width:42%;border-radius:999px!important;background:var(--haus)!important;grid-column:1}
.wsm2 .ws-bild{grid-column:2;grid-row:1 / span 3;background:var(--haus-hell)!important;border-radius:12px!important}
.wsm2 .ws-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:24%}
.wsm2 .ws-karten i{height:100%;background:var(--grund-2)}
.wsm2 .ws-marke{position:absolute;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 3px var(--haus);opacity:0;transform:scale(1.6);transition:opacity .3s ease,transform .6s var(--auslauf)}
.wsm2 .ws-m1{left:6%;top:28%}
.wsm2 .ws-m2{left:52%;top:24%}
.wsm2 .ws-m3{left:30%;top:72%}
.wsm2 .ws-fortschritt{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:22px}
.wsm2 .ws-fortschritt li{position:relative;height:30px;border-radius:999px;background:var(--papier);overflow:hidden}
.wsm2 .ws-fortschritt li::before{content:"";position:absolute;inset:0;background:var(--haus);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--auslauf)}
.wsm2 .ws-fortschritt span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font:600 12px/1 var(--titel);color:var(--tinte-2);transition:color .3s ease}
.wsm2 [data-phase="1"] .ws-a1,.wsm2 [data-phase="2"] .ws-a2,.wsm2 [data-phase="3"] .ws-a3,.wsm2 [data-phase="4"] .ws-a4,.wsm2 [data-phase="5"] .ws-a5{opacity:1;transform:none}
.wsm2 [data-phase="5"] .ws-a5{color:var(--tinte)}
.wsm2 [data-phase="5"] .ws-online{opacity:1;transform:none}
.wsm2 [data-phase="2"] .ws-frage{opacity:1;transform:none}
.wsm2 [data-phase="3"] .ws-seite i,.wsm2 [data-phase="4"] .ws-seite i,.wsm2 [data-phase="5"] .ws-seite i{opacity:1;transform:none}
.wsm2 .ws-seite i:nth-child(2){transition-delay:.05s}
.wsm2 .ws-held i:nth-child(1){transition-delay:.1s}.wsm2 .ws-held i:nth-child(2){transition-delay:.16s}.wsm2 .ws-held i:nth-child(3){transition-delay:.22s}.wsm2 .ws-held i:nth-child(4){transition-delay:.08s}
.wsm2 .ws-karten i:nth-child(1){transition-delay:.3s}.wsm2 .ws-karten i:nth-child(2){transition-delay:.36s}.wsm2 .ws-karten i:nth-child(3){transition-delay:.42s}
.wsm2 [data-phase="4"] .ws-marke{opacity:1;transform:none}
.wsm2 [data-phase="4"] .ws-m2{transition-delay:.15s}.wsm2 [data-phase="4"] .ws-m3{transition-delay:.3s}
.wsm2 [data-phase="5"] .ws-t1,.wsm2 [data-phase="5"] .ws-t2{background:var(--tinte)}
.wsm2 [data-phase="5"] .ws-karten i{background:var(--haus-hell)}
.wsm2 [data-phase="1"] .ws-fortschritt li:nth-child(-n+1)::before,.wsm2 [data-phase="2"] .ws-fortschritt li:nth-child(-n+2)::before,.wsm2 [data-phase="3"] .ws-fortschritt li:nth-child(-n+3)::before,.wsm2 [data-phase="4"] .ws-fortschritt li:nth-child(-n+4)::before,.wsm2 [data-phase="5"] .ws-fortschritt li::before{transform:none}
.wsm2 [data-phase="1"] .ws-fortschritt li:nth-child(-n+1) span,.wsm2 [data-phase="2"] .ws-fortschritt li:nth-child(-n+2) span,.wsm2 [data-phase="3"] .ws-fortschritt li:nth-child(-n+3) span,.wsm2 [data-phase="4"] .ws-fortschritt li:nth-child(-n+4) span,.wsm2 [data-phase="5"] .ws-fortschritt li span{color:var(--papier)}
.wsm2 [data-phase="1"] .ws-flaeche::after{content:"";position:absolute;inset:22px;border-radius:12px;border:2px dashed var(--linie-2)}
@media (prefers-reduced-motion:reduce){
.wsm2-js .wsm2 .kind,.wsm2-js .wsm2 [data-auf] .zf>span,.wsm2-js .wsm2 [data-auf] .fenster,.wsm2 .ws-seite i,.wsm2 .ws-frage,.wsm2 .ws-marke,.wsm2 .demo-bild,.wsm2 .demo-bild img{transform:none!important;transition:opacity .2s ease!important}
}
@media (max-width:1100px){
.wsm2 .premium-panel{padding:64px 40px 48px}
.wsm2 .premium-fuss{flex-direction:column;align-items:stretch}
.wsm2 .premium-fuss .knopf{align-self:flex-start}
.wsm2 .szene-links{grid-column:1 / span 7}
.wsm2 .szene-rechts{grid-column:8 / span 5}
}
@media (max-width:900px){
.wsm2 .premium{padding-block:24px}
.wsm2 .premium-panel{padding:44px 20px 28px;border-radius:28px}
.wsm2 .premium-kopf{grid-template-columns:minmax(0,1fr)}
.wsm2 .premium-titel,.wsm2 .premium-text{grid-column:1 / -1}
.wsm2 .premium-text{margin-top:20px}
.wsm2 .fenster{margin-top:32px;border-radius:16px}
.wsm2 .fenster-leiste{flex-wrap:wrap;gap:10px;padding:10px}
.wsm2 .fenster .adresse{order:2;flex-basis:100%;font-size:13px}
.wsm2 .fenster-reiter{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(3,1fr)}
.wsm2 .fenster-reiter button{justify-content:center;padding:8px 6px;font-size:14px}
.wsm2 .fenster .punkte-drei{order:1}
.wsm2 .premium-fakten{grid-template-columns:1fr 1fr;row-gap:18px}
.wsm2 .premium-fuss .knopf{align-self:stretch}
.wsm2 .band{padding:0 var(--rand);margin:24px auto}
.wsm2 .band>.rahmen{padding:32px 22px;border-radius:24px}
.wsm2 .schluss{border-radius:28px 28px 0 0}
.wsm2 .szene-titel{margin-bottom:24px}
.wsm2 .szene-raster{grid-template-columns:minmax(0,1fr)}
.wsm2 .szene-links,.wsm2 .szene-rechts{grid-column:1 / -1}
.wsm2 .szene-links{top:64px;z-index:3;background:var(--grund);padding-block:8px 12px;margin-inline:calc(var(--rand) * -1);padding-inline:var(--rand)}
.wsm2 .szene-buehne{padding:14px 14px 12px;border-radius:22px}
.wsm2 .werkstueck::before{transform:translate(5px,5px)}
.wsm2 .werkstueck::after{transform:translate(10px,10px)}
.wsm2 .ws-leiste{height:36px;gap:8px;padding:0 10px}
.wsm2 .ws-adresse{height:22px}
.wsm2 .ws-adresse b{font-size:11px;padding-inline:10px}
.wsm2 .ws-online{font-size:11px;padding:5px 8px}
.wsm2 .ws-flaeche{aspect-ratio:16/8}
.wsm2 .ws-seite{padding:10px 14px;gap:8px}
.wsm2 .ws-frage{inset:12px 14px auto;gap:8px}
.wsm2 .ws-frage i{height:20px}
.wsm2 .ws-frage i:nth-child(5),.wsm2 .ws-frage i:nth-child(6){height:26px}
.wsm2 .ws-t1,.wsm2 .ws-t2{height:16px}
.wsm2 .ws-knopf{height:14px}
.wsm2 .ws-logo{height:10px}
.wsm2 .ws-marke{width:30px;height:30px}
.wsm2 .ws-fortschritt{margin-top:12px;gap:4px}
.wsm2 .ws-fortschritt li{height:22px}
.wsm2 .ws-fortschritt span{font-size:10px}
.wsm2 .szene-schritte>li{min-height:52vh;padding-block:20px 28px}
.wsm2 .szene-schritte h3{font-size:22px}
.wsm2 .szene-schritte .nr{font-size:34px}
}
.wsm2 .szene-buehne{isolation:isolate}
.wsm2 .textseite{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2 .textseite-inhalt{grid-column:5 / span 8;max-width:72ch}
.wsm2 .textseite-nav{grid-column:1 / span 3;position:sticky;top:110px;font-size:15px;border-top:3px solid var(--tinte);padding-top:16px}
.wsm2 .textseite-nav b{display:block;font:600 16px/1.2 var(--titel);margin-bottom:10px}
.wsm2 .textseite-nav li{padding:5px 0}
.wsm2 .textseite-nav a{text-decoration:none;color:var(--tinte-2)}
.wsm2 .textseite-nav a:hover{color:var(--tinte);text-decoration:underline}
.wsm2 .rechtstext h2{font-size:28px;line-height:1.15;margin:56px 0 14px;letter-spacing:-.02em;scroll-margin-top:100px}
.wsm2 .rechtstext h2:first-child{margin-top:0}
.wsm2 .rechtstext h3{font-size:20px;line-height:1.25;margin:32px 0 10px;scroll-margin-top:100px}
.wsm2 .rechtstext h4{font-size:17px;margin:24px 0 8px}
.wsm2 .rechtstext p{margin:0 0 14px}
.wsm2 .rechtstext ul,.wsm2 .rechtstext ol{margin:0 0 16px;padding-left:22px}
.wsm2 .rechtstext ul{list-style:disc}
.wsm2 .rechtstext ol{list-style:decimal}
.wsm2 .rechtstext li{margin:4px 0;padding-left:4px}
.wsm2 .rechtstext li::marker{color:var(--haus)}
.wsm2 .rechtstext a{text-decoration-color:var(--haus);text-decoration-thickness:2px;overflow-wrap:anywhere}
.wsm2 .rechtstext table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.wsm2 .rechtstext th,.wsm2 .rechtstext td{border-top:1px solid var(--linie-2);padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.wsm2 .rechtstext .stand{font-size:15px;color:var(--tinte-2);margin-bottom:28px}
.wsm2 .rechtstext img{border-radius:16px;margin:8px 0 18px;box-shadow:0 0 0 1px var(--linie)}
.wsm2 .schritt-nr{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--haus);color:var(--papier);font:600 16px/1 var(--titel);margin-right:10px;vertical-align:middle}
@media (max-width:900px){
.wsm2 .textseite{grid-template-columns:minmax(0,1fr)}
.wsm2 .textseite-inhalt,.wsm2 .textseite-nav{grid-column:1 / -1}
.wsm2 .textseite-nav{position:static;margin-bottom:40px}
.wsm2 .rechtstext h2{font-size:24px;margin-top:44px}
}
.wsm2 .kopf-unter{margin-top:8px}
.wsm2 .kopf-stapel-handy .stapel{top:84%}
.wsm2 .tuer .zahl{margin-top:16px}
.wsm2 .tuer-kopf h2{line-height:1.15}
.wsm2 .fenster-bild{overflow:hidden}
.wsm2 .tuer .zahl{margin-top:22px}
.wsm2 .tuer .fix{margin-top:18px}
.wsm2 .zf{padding-bottom:.03em;margin-bottom:-.03em}
@media (max-width:900px){.wsm2 .premium-panel .raster>p{margin-top:18px}}
@media (max-width:1100px){.wsm2 .premium .premium-titel{grid-column:1 / span 6}.wsm2 .premium .premium-text{grid-column:7 / span 6}}
@media (max-width:900px){.wsm2 .premium .premium-titel,.wsm2 .premium .premium-text{grid-column:1 / -1}.wsm2 .fix{white-space:normal}}
@media (max-width:420px){.wsm2 .tuer .fix{font-size:13px}.wsm2 .premium-preiszeile .zahl{font-size:44px}}
@media (min-width:901px) and (max-width:1240px){.wsm2 .zeilen .z-text{grid-column:7 / span 3}.wsm2 .zeilen .z-link{grid-column:10 / span 3}}
.wsm2 .ws-gespraech{position:absolute;inset:28px 28px auto 28px;display:grid;gap:12px;opacity:0;transition:opacity .4s ease}
.wsm2 .ws-gespraech i{display:block;height:34px;border-radius:18px 18px 18px 4px;background:var(--grund-2);width:62%;transform:translateY(16px);opacity:0;transition:transform .6s var(--auslauf),opacity .4s ease}
.wsm2 .ws-gespraech i:nth-child(2){justify-self:end;width:48%;border-radius:18px 18px 4px 18px;background:var(--haus-hell);transition-delay:.25s}
.wsm2 .ws-gespraech i:nth-child(3){width:38%;transition-delay:.5s}
.wsm2 [data-phase="1"] .ws-gespraech{opacity:1}
.wsm2 [data-phase="1"] .ws-gespraech i{opacity:1;transform:none}
.wsm2 [data-phase="1"] .ws-flaeche::after{display:none}
@media (max-width:900px){.wsm2 .ws-gespraech{inset:14px 14px auto;gap:8px}.wsm2 .ws-gespraech i{height:22px}}
.wsm2 .sprunglink{position:absolute;left:16px;top:-80px;z-index:100;background:var(--tinte);color:var(--papier);padding:12px 18px;border-radius:999px;font:600 15px/1 var(--titel);text-decoration:none;transition:top .2s ease}
.wsm2 .sprunglink:focus{top:12px;color:var(--papier)}
.wsm2 .textlink,.wsm2 .p-bestellen a,.wsm2 .z-link a,.wsm2 .r-link,.wsm2 .w-pfeil,.wsm2 .bestellen a{transition:text-underline-offset .2s ease,color .2s ease}
@media (hover:hover) and (pointer:fine){
.wsm2 .textlink:hover,.wsm2 .p-bestellen a:hover,.wsm2 .z-link a:hover,.wsm2 .referenz:hover .r-link,.wsm2 .weg:hover .w-pfeil,.wsm2 .bestellen a:hover{text-underline-offset:.4em}
.wsm2 .knopf:hover .pfeil{transform:translate(2px,-2px)}
.wsm2 .p-zeile:hover{background:linear-gradient(90deg,transparent,rgba(247,217,204,.35),transparent)}
}
.wsm2 .knopf .pfeil{transition:transform .2s var(--auslauf)}
.wsm2 .offen{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:600 15px/1.2 var(--titel)}
.wsm2 .offen i{width:9px;height:9px;border-radius:50%;background:#7BE0A0;box-shadow:0 0 0 4px rgba(123,224,160,.25)}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
.wsm2 .tueren{align-items:start}
.wsm2 .kopf-stapel{width:380px;height:330px;top:8px;pointer-events:auto;cursor:grab;perspective:1400px}
.wsm2 .kopf-stapel .stapel{top:66%;transition:transform .9s var(--auslauf)}
.wsm2 .kopf-stapel .blatt{transform:translateZ(calc(var(--z,0px) * var(--auf,1))) translateY(-40px) scale(1)}
.wsm2 .kopf-stapel .blatt.da{transform:translateZ(calc(var(--z,0px) * var(--auf,1))) scale(1)}
.wsm2 .kopf-hinweis{position:absolute;right:var(--rand);top:318px;font:600 13px/1.2 var(--titel);color:var(--tinte-2);display:flex;gap:6px;align-items:center}
.wsm2 .kopf-hinweis::before{content:"";width:18px;height:1.5px;background:currentColor}
@media (max-width:1320px){.wsm2 .kopf-hinweis{display:none}}
@media (min-width:1321px){.wsm2 .kopf .riesig{max-width:calc(100% - 330px)}}
.wsm2 .premium-panel{padding-top:72px}
.wsm2 .premium-titel{grid-column:1 / span 7}
.wsm2 .premium-text{grid-column:8 / span 5}
.wsm2 .register.flaechen .kind{opacity:1}
@media (max-width:900px){
.wsm2 .buehne .angaben{order:0}
.wsm2 .stapel-feld{order:-2;min-height:190px;margin:0 0 4px}
.wsm2 .zahl-stapel{order:-1;margin:0 0 14px}
.wsm2 .buehne .stapel{top:70%;transform:rotateX(58deg) rotateZ(-42deg) scale(.5)}
.wsm2 .szene-links{position:static;margin-inline:0;padding:0;background:none;margin-bottom:20px}
.wsm2-js .wsm2 .szene-schritte>li{opacity:1}
.wsm2 .szene-schritte>li{min-height:0}
.wsm2 .premium-panel{border-radius:0;margin-inline:calc(var(--rand) * -1);padding-inline:var(--rand)}
.wsm2 .ws-fortschritt span{font-size:9px;letter-spacing:-.01em}
}
.wsm2 .preise-kopf{position:relative}
.wsm2 .belege{position:absolute;right:var(--rand);top:56px;width:340px;height:380px;pointer-events:none}
.wsm2 .beleg{position:absolute;left:0;top:0;width:250px;padding:20px 22px 22px;background:var(--papier);border-radius:14px;box-shadow:0 0 0 1.5px var(--linie-2),0 18px 30px -22px rgba(34,30,43,.35);display:grid;gap:4px;transform-origin:50% 100%;transition:transform 1s var(--auslauf),opacity .5s ease}
.wsm2 .beleg::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:8px;background:radial-gradient(circle at 6px 8px,var(--grund) 4px,transparent 4.5px) 0 0/16px 8px repeat-x}
.wsm2 .b-nr{font:600 13px/1 var(--titel);color:var(--tinte-2);letter-spacing:.04em}
.wsm2 .b-name{font:600 22px/1.1 var(--titel);letter-spacing:-.02em;margin-top:6px}
.wsm2 .b-preis{font:600 46px/1 var(--titel);letter-spacing:-.045em;margin-top:6px}
.wsm2 .b-preis::before{content:"CHF ";font-size:.32em;letter-spacing:0;vertical-align:1em}
.wsm2 .b-fix{justify-self:start;margin-top:8px;font:600 12px/1 var(--titel);color:var(--haus);box-shadow:inset 0 0 0 1.5px var(--haus);border-radius:999px;padding:5px 10px}
.wsm2 .beleg.b1{transform:translate(20px,150px) rotate(-6deg);background:var(--haus);color:var(--papier)}
.wsm2 .beleg.b1 .b-nr,.wsm2 .beleg.b1 .b-fix{color:var(--papier);box-shadow:inset 0 0 0 1.5px rgba(255,253,251,.7)}
.wsm2 .beleg.b1 .b-nr{box-shadow:none}
.wsm2 .beleg.b2{transform:translate(60px,100px) rotate(3deg)}
.wsm2 .beleg.b3{transform:translate(90px,50px) rotate(-2deg)}
.wsm2 .beleg.b4{transform:translate(70px,0) rotate(5deg)}
.wsm2-js .wsm2 .belege .beleg{opacity:0;transform:translate(60px,320px) rotate(0)}
.wsm2-js .wsm2 .belege.da .beleg{opacity:1}
.wsm2-js .wsm2 .belege.da .b1{transform:translate(20px,150px) rotate(-6deg);transition-delay:.45s}
.wsm2-js .wsm2 .belege.da .b2{transform:translate(60px,100px) rotate(3deg);transition-delay:.3s}
.wsm2-js .wsm2 .belege.da .b3{transform:translate(90px,50px) rotate(-2deg);transition-delay:.15s}
.wsm2-js .wsm2 .belege.da .b4{transform:translate(70px,0) rotate(5deg)}
@media (hover:hover) and (pointer:fine){.wsm2 .belege{pointer-events:auto}.wsm2-js .wsm2 .belege.da:hover .b1{transform:translate(-10px,170px) rotate(-10deg)}.wsm2-js .wsm2 .belege.da:hover .b4{transform:translate(110px,-14px) rotate(9deg)}}
@media (max-width:1240px){.wsm2 .belege{display:none}}
@media (prefers-reduced-motion:reduce){.wsm2-js .wsm2 .belege .beleg{transition:opacity .2s ease!important}}
.wsm2 .belege{width:360px;height:340px;top:70px}
.wsm2 .beleg{width:340px;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:14px;row-gap:8px;padding:18px 20px 20px}
.wsm2 .b-name{margin:0;font-size:20px}
.wsm2 .b-preis{margin:0;font-size:32px}
.wsm2 .b-fix{display:none}
.wsm2 .beleg.b1 .b-fix{display:inline-block;grid-column:2 / 4;justify-self:end;margin:0}
.wsm2 .beleg.b1{transform:translate(0,216px) rotate(-3deg)}
.wsm2 .beleg.b2{transform:translate(12px,144px) rotate(2deg)}
.wsm2 .beleg.b3{transform:translate(4px,72px) rotate(-1.5deg)}
.wsm2 .beleg.b4{transform:translate(16px,0) rotate(2.5deg)}
.wsm2-js .wsm2 .belege .beleg{transform:translate(8px,300px) rotate(0)}
.wsm2-js .wsm2 .belege.da .b1{transform:translate(0,216px) rotate(-3deg)}
.wsm2-js .wsm2 .belege.da .b2{transform:translate(12px,144px) rotate(2deg)}
.wsm2-js .wsm2 .belege.da .b3{transform:translate(4px,72px) rotate(-1.5deg)}
.wsm2-js .wsm2 .belege.da .b4{transform:translate(16px,0) rotate(2.5deg)}
@media (hover:hover) and (pointer:fine){.wsm2-js .wsm2 .belege.da:hover .b1{transform:translate(-14px,236px) rotate(-6deg)}.wsm2-js .wsm2 .belege.da:hover .b4{transform:translate(28px,-14px) rotate(5deg)}}
.wsm2 .abschnitt{padding-block:104px}
@media (min-width:901px){.wsm2 .raster>.titelspalte{position:sticky;top:110px;align-self:start}}
.wsm2 .textseite>.textseite-inhalt:only-child{grid-column:3 / span 8}
.wsm2 .kopf-figur{position:relative;height:340px}
.wsm2 .kopf-figur .stapel{top:70%}
.wsm2 .kopf-figur-text{position:absolute;right:0;bottom:0;display:flex;gap:8px;align-items:center;font:600 13px/1.3 var(--titel);color:var(--tinte-2);text-align:right}
.wsm2 .kopf-figur-text::before{content:"";width:18px;height:1.5px;background:currentColor}
@media (max-width:1240px){.wsm2 .seitenkopf-raster>.rechts{grid-column:8 / span 5}}
@media (max-width:900px){.wsm2 .kopf-figur{height:230px}.wsm2 .kopf-figur .stapel{transform:rotateX(58deg) rotateZ(-42deg) scale(.72)}.wsm2 .kopf-figur-text{left:0;right:auto}}
@media (max-width:900px){.wsm2 .textseite>.textseite-inhalt:only-child{grid-column:1 / -1}}
.wsm2 .leiste.vier{grid-template-columns:repeat(4,minmax(0,1fr))}
.wsm2 .leiste.vier .balken{grid-template-columns:repeat(4,minmax(0,1fr))}
.wsm2 .leiste.vier .balken .tage{grid-column:2 / span 3}
@media (max-width:900px){.wsm2 .leiste.vier{grid-template-columns:minmax(0,1fr)}.wsm2 .leiste.vier .balken{grid-template-columns:1fr;grid-template-rows:1fr 3fr}.wsm2 .leiste.vier .balken .tage{grid-column:1}}
@media (max-width:900px){.wsm2 .buehne .stapel-feld{min-height:150px!important}.wsm2 .buehne .stapel{top:72%!important;transform:rotateX(58deg) rotateZ(-42deg) scale(.42)!important}.wsm2 .buehne{padding-top:16px}}
.wsm2 .zeilen>li{position:relative}
.wsm2 .zeilen .vorschau{display:block;position:absolute;right:220px;top:50%;width:300px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--linie),0 30px 50px -25px rgba(34,30,43,.45);opacity:0;transform:translateY(-40%) rotate(0) scale(.92);transition:opacity .25s ease,transform .5s var(--auslauf);pointer-events:none;z-index:4}
.wsm2 .zeilen .vorschau img{width:100%;height:auto}
@media (hover:hover) and (pointer:fine){.wsm2 .zeilen>li:hover .vorschau{opacity:1;transform:translateY(-50%) rotate(-2.5deg) scale(1)}}
@media (max-width:1100px){.wsm2 .zeilen .vorschau{display:none}}
@media (max-width:900px){.wsm2 .kopf-figur{height:auto;padding-top:200px}.wsm2 .kopf-figur .stapel{top:110px}.wsm2 .kopf-figur-text{position:static;margin-top:8px}}
.wsm2 .tueren{align-items:stretch}
.wsm2 .tuer .knopfgruppe{margin-top:auto}
.wsm2 .zf>span{white-space:nowrap}
.wsm2 .premium-kopf{grid-template-columns:minmax(0,1fr) auto;column-gap:48px;row-gap:24px;align-items:end}
.wsm2 .premium .premium-titel{grid-column:1 / -1}
.wsm2 .premium .premium-titel h2{font-size:clamp(46px,7vw,112px);line-height:.94;letter-spacing:-.045em}
.wsm2 .premium .premium-text{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.wsm2 .premium-text>p{font-size:19px}
.wsm2 .premium-preiszeile{margin-top:0}
@media (max-width:900px){.wsm2 .premium .premium-text{display:block}.wsm2 .premium-preiszeile{margin-top:20px}.wsm2 .premium .premium-titel h2{font-size:clamp(42px,12vw,64px)}}
@media (max-width:900px){
.wsm2 .kopf-unter{flex-direction:column;align-items:stretch}
.wsm2 .kopf-stapel-handy{order:-1;width:100%;height:190px;margin:4px 0 8px}
.wsm2 .kopf-stapel-handy .stapel{top:68%}
.wsm2 .kopf-stapel-handy .blatt{transform:translateZ(calc(var(--z,0px) * .9 * var(--auf,1))) translateY(-30px) scale(.7)}
.wsm2 .kopf-stapel-handy .blatt.da{transform:translateZ(calc(var(--z,0px) * .9 * var(--auf,1))) scale(.7)}
}
@media (min-width:901px){
.wsm2 .fragen-mitte .fragen-raster{display:block;max-width:820px;margin-inline:auto}
.wsm2 .fragen-mitte .titelspalte{position:static;margin-bottom:40px;text-align:center}
.wsm2 .fragen-mitte .titelspalte h2{position:static}
}
@media (max-width:1100px){.wsm2 .zeilen .vorschau{display:block;position:static;grid-column:1 / -1;width:100%;max-width:520px;margin-top:12px;opacity:1;transform:none;box-shadow:0 0 0 1px var(--linie);border-radius:12px}}
.wsm2 .ws-gespraech{inset:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.wsm2 .ws-video{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;background:var(--grund-2);opacity:0;transform:translateY(16px);transition:transform .6s var(--auslauf),opacity .4s ease}
.wsm2 .ws-video b{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;background:var(--linie-2);transform:translate(-50%,-50%)}
.wsm2 .ws-video-2{background:var(--haus-hell);transition-delay:.15s}
.wsm2 .ws-video-2 b{background:var(--haus)}
.wsm2 .ws-chip{grid-column:1 / -1;justify-self:center;font:600 13px/1 var(--titel);background:var(--tinte);color:var(--papier);border-radius:999px;padding:7px 12px;opacity:0;transition:opacity .4s ease .3s}
.wsm2 [data-phase="1"] .ws-video,.wsm2 [data-phase="1"] .ws-chip{opacity:1;transform:none}
.wsm2 .ws-gespraech i{display:none}
.wsm2 .ws-frage i{position:relative}
.wsm2 .ws-frage i.ok::after{content:"";position:absolute;right:10px;top:50%;width:12px;height:6px;border-left:2.5px solid var(--haus);border-bottom:2.5px solid var(--haus);transform:translateY(-70%) rotate(-45deg)}
.wsm2 .ws-frage i.lang{grid-column:1 / -1;height:46px}
.wsm2 .ws-qr{grid-column:2;justify-self:end;width:46px;height:46px;border-radius:6px;background:repeating-conic-gradient(var(--tinte) 0 25%,var(--papier) 0 50%) 0 0/12px 12px;box-shadow:0 0 0 3px var(--papier),0 0 0 4.5px var(--linie-2)}
.wsm2 .ws-seite i.ws-t1,.wsm2 .ws-seite i.ws-t2,.wsm2 .ws-seite i.ws-knopf{font:600 15px/1 var(--titel);font-style:normal;color:transparent;display:flex;align-items:center;padding-inline:8px;white-space:nowrap;overflow:hidden}
.wsm2 .ws-seite i.ws-t1{font-size:20px}
.wsm2 .ws-seite i.ws-knopf{font-size:11px;justify-content:center;width:auto;justify-self:start}
.wsm2 [data-phase="5"] .ws-seite i.ws-t1,.wsm2 [data-phase="5"] .ws-seite i.ws-t2{background:transparent;color:var(--tinte);padding-inline:0}
.wsm2 [data-phase="5"] .ws-seite i.ws-knopf{color:var(--papier)}
.wsm2 [data-phase="4"] .ws-seite i.ws-t1{background:var(--haus-hell)}
.wsm2 .szene-schritte>li{min-height:36vh}
@media (max-width:900px){.wsm2 .ws-seite i.ws-t1{font-size:13px}.wsm2 .ws-seite i.ws-t2{font-size:10px}.wsm2 .ws-seite i.ws-knopf{font-size:8px}.wsm2 .ws-qr{width:28px;height:28px;background-size:7px 7px}.wsm2 .ws-frage i.lang{height:24px}.wsm2 .ws-chip{font-size:10px;padding:5px 9px}.wsm2 .ws-gespraech{inset:12px;gap:8px}}
@media (max-width:900px){.wsm2 .kopf-figur{padding-top:260px;margin-top:24px}.wsm2 .kopf-figur .stapel{top:170px}}
.wsm2 .tueren{align-items:start}
.wsm2 .tuer .knopfgruppe{margin-top:0;padding-top:28px}
.wsm2-js .wsm2 .szene-schritte>li{opacity:1}
.wsm2-js .wsm2 .szene-schritte>li:not(.jetzt) .nr{color:var(--linie-2)}
.wsm2-js .wsm2 .szene-schritte>li:not(.jetzt) h3{color:var(--tinte-2)}
.wsm2 .szene-schritte>li .nr{transition:color .4s ease}
.wsm2 .kopf-stapel{width:420px;height:360px}
.wsm2 .kopf-stapel .blatt{transform:translateZ(calc(var(--z,0px) * var(--auf,1))) translateY(-40px) scale(1.12)}
.wsm2 .kopf-stapel .blatt.da{transform:translateZ(calc(var(--z,0px) * var(--auf,1))) scale(1.12)}
@media (min-width:1321px){.wsm2 .kopf .riesig{max-width:calc(100% - 360px)}}
.wsm2 .zahl-stapel b{display:block;font:600 112px/.85 var(--titel);letter-spacing:-.05em;color:var(--haus);margin-bottom:6px}
.wsm2 .zahl-stapel{bottom:26px}
@media (max-width:900px){.wsm2 .abschnitt{padding-block:72px}.wsm2 .zahl-stapel b{display:inline;font-size:44px;margin-right:4px}.wsm2 .buehne .stapel-feld{margin-top:16px!important}}
@media (min-width:901px){.wsm2 .zahl-stapel{top:30px;bottom:auto}.wsm2 .zahl-stapel b{font-size:96px}.wsm2 .buehne .stapel{top:82%}}
@media (max-width:900px){.wsm2 .buehne .stapel-feld{min-height:235px!important}.wsm2 .buehne .stapel{top:84%!important;transform:rotateX(58deg) rotateZ(-42deg) scale(.4)!important}}
@media (max-width:900px){.wsm2 .buehne .stapel-feld{min-height:265px!important}.wsm2 .buehne .stapel{top:86%!important}}
@media (min-width:1760px){.wsm2 .rahmen{max-width:1480px}}
@media (min-width:2200px){.wsm2 .rahmen{max-width:1600px}}
.wsm2 section,.wsm2 [id]{scroll-margin-top:104px}
.wsm2 .fix,.wsm2 .fix-hell{box-shadow:none;padding:0;border-radius:0;gap:9px;font-size:15px;letter-spacing:.01em}
.wsm2 .fix::before{width:8px;height:8px}
.wsm2 .fix-hell{color:var(--papier)}
.wsm2 .fragen summary i,.wsm2 .fragen details[open] summary i{width:22px;height:22px;border-radius:0;background:none}
.wsm2 .fragen details[open] summary i{transform:rotate(45deg)}
.wsm2 .fragen details[open] summary i::after{transform:rotate(90deg)}
.wsm2 .fragen summary i::before,.wsm2 .fragen summary i::after{width:18px;margin-left:-9px}
.wsm2 .fragen details[open] summary i::before,.wsm2 .fragen details[open] summary i::after{background:var(--haus)}
@media (hover:hover){.wsm2 .fragen summary:hover i{background:none}.wsm2 .fragen summary:hover i::before,.wsm2 .fragen summary:hover i::after{background:var(--haus)}}
@media (min-width:901px){
.wsm2 .szene-schritte>li{min-height:30vh;display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:24px;align-content:start;padding-block:28px 36px}
.wsm2 .szene-schritte .nr{grid-row:1 / span 3;font-size:124px;line-height:.8;letter-spacing:-.06em}
.wsm2 .szene-schritte h3{margin-top:4px;font-size:30px}
.wsm2 .szene-rechts{grid-column:7 / span 6}
.wsm2 .szene-links{grid-column:1 / span 6}
}
.wsm2-js .wsm2 .szene-schritte>li:not(.jetzt) .nr{color:transparent;-webkit-text-stroke:1.5px var(--linie-2)}
.wsm2 .ws-video::after{content:"Sie";position:absolute;left:10px;bottom:10px;font:600 13px/1 var(--titel);padding:5px 9px;border-radius:999px;background:var(--papier);color:var(--tinte)}
.wsm2 .ws-video-2::after{content:"Joël"}
.wsm2 .ws-video-2 b{background:var(--haus)}
@media (max-width:900px){.wsm2 .ws-video::after{font-size:10px;padding:3px 6px;left:6px;bottom:6px}}
@media (min-width:901px){
.wsm2 .zahl-stapel{top:auto;bottom:36px;left:36px}
.wsm2 .zahl-stapel b{font-size:132px;margin-bottom:10px}
.wsm2 .buehne .stapel{top:52%;left:62%}
.wsm2 .buehne{min-height:560px}
}
@media (max-width:900px){
.wsm2 .buehne .stapel-feld{min-height:230px!important;margin:0!important}
.wsm2 .buehne .stapel{left:66%!important;top:80%!important}
.wsm2 .zahl-stapel{position:absolute!important;left:24px;top:28px;max-width:40%;font-size:15px;line-height:1.25}
.wsm2 .zahl-stapel b{display:block!important;font-size:88px!important;line-height:.85;margin:0 0 8px!important}
}
.wsm2 .kopf-ort{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:22px;font:600 15px/1.3 var(--titel);color:var(--tinte)}
.wsm2 .kopf-ort span{display:inline-flex;align-items:center;gap:8px}
.wsm2 .kopf-ort i{width:9px;height:9px;border-radius:50%;background:#2F9E5A;box-shadow:0 0 0 4px rgba(47,158,90,.18)}
.wsm2 .person-bild{aspect-ratio:1 / 1}
.wsm2 .person-bild img{object-position:50% 22%}
@media (min-width:901px){.wsm2 .szene-schritte>li{min-height:0;padding-block:32px 44px}.wsm2 .szene-rechts{padding-bottom:12vh}}
.wsm2 .ws-chip{display:none}
@media (min-width:1760px){.wsm2 .kopf{padding-top:28px}.wsm2 .kopf .riesig{font-size:100px}.wsm2 .kopf .lead{margin-top:18px}.wsm2 .kopf-ort{margin-top:14px}}
@media (max-width:900px){.wsm2 .kopf-stapel-handy{height:150px!important;margin:0 0 4px!important}.wsm2 .kopf-stapel-handy .stapel{top:72%!important}}
.wsm2 .zaehler{font:600 .28em/1 var(--titel);letter-spacing:0;vertical-align:top;margin-left:.3em;color:var(--haus);position:relative;top:.35em}
@media (min-width:1760px){.wsm2 .tuer .fix{margin-top:26px}}
@media (max-width:900px){
.wsm2 .szene-schritte>li{min-height:0!important;padding-block:20px 24px}
.wsm2-js .wsm2 .szene-schritte>li:not(.jetzt) .nr{color:var(--haus);-webkit-text-stroke:0}
.wsm2-js .wsm2 .szene-schritte>li:not(.jetzt) h3{color:var(--tinte)}
}
@media (prefers-reduced-motion:reduce){
.wsm2 .kopf-stapel .blatt.da{transform:translateZ(var(--z,0)) scale(1.12)!important}
}
@media (prefers-reduced-motion:reduce) and (max-width:900px){
.wsm2 .kopf-stapel-handy .blatt.da{transform:translateZ(calc(var(--z,0px) * .9)) scale(.7)!important}
}
@media (max-width:900px){
.wsm2 .kopf-stapel-handy{height:200px!important;margin:8px 0 0!important}
.wsm2 .kopf-stapel-handy .stapel{top:70%!important}
.wsm2 .kopf-stapel-handy .blatt{transform:translateZ(calc(var(--z,0px) * .8 * var(--auf,1))) translateY(-30px) scale(.6)!important}
.wsm2 .kopf-stapel-handy .blatt.da{transform:translateZ(calc(var(--z,0px) * .8 * var(--auf,1))) scale(.6)!important}
}
@media (min-width:901px) and (max-width:1359px){.wsm2 .zahl-stapel{top:30px;bottom:auto}.wsm2 .zahl-stapel b{font-size:80px}.wsm2 .buehne .stapel{top:84%;left:56%}}
@media (min-width:901px) and (max-width:1150px){.wsm2 .buehne .stapel{left:48%}}
.wsm2 .tuer,.wsm2 .buehne,.wsm2 .register.flaechen .register-gruppe,.wsm2 .weg.haupt,.wsm2 .szene-buehne,.wsm2 .premium-panel,.wsm2 .person-bild{border-radius:24px}
.wsm2 .schluss{border-radius:24px;margin:40px 12px 12px}
@media (max-width:900px){
.wsm2 .tuer,.wsm2 .buehne,.wsm2 .register.flaechen .register-gruppe,.wsm2 .weg.haupt,.wsm2 .person-bild{border-radius:20px}
.wsm2 .schluss{border-radius:20px;margin:24px 8px 8px}
}
@media (min-width:901px){
.wsm2 .seitenkopf-raster{align-items:center}
.wsm2 .seitenkopf-raster>.rechts.kopf-figur{grid-column:8 / span 5;height:440px}
.wsm2 .kopf-figur .stapel{top:66%;transform:rotateX(58deg) rotateZ(-42deg) scale(1.45)}
.wsm2 .kopf-figur-text{font-size:15px;right:0;bottom:4px}
}
@media (max-width:1240px) and (min-width:901px){.wsm2 .kopf-figur .stapel{transform:rotateX(58deg) rotateZ(-42deg) scale(1.15)}.wsm2 .seitenkopf-raster>.rechts.kopf-figur{height:380px}}
@media (max-width:900px){
.wsm2 .kopf-figur{display:block!important;position:relative!important;padding-top:0!important;height:230px!important;margin-top:32px!important}
.wsm2 .kopf-figur .stapel{top:78%!important;left:30%!important;transform:rotateX(58deg) rotateZ(-42deg) scale(.56)!important}
.wsm2 .kopf-figur-text{position:absolute!important;left:58%!important;right:0!important;top:38%!important;bottom:auto!important;margin:0!important;text-align:left!important;font-size:15px!important;display:block!important}
.wsm2 .kopf-figur-text::before{display:none}
}
.wsm2 .band{max-width:none;padding:0;margin:0}
.wsm2 .band>.rahmen{background:none;border-radius:0;padding:48px var(--rand);border-top:3px solid var(--tinte);border-bottom:1px solid var(--linie-2);max-width:1376px;margin-inline:auto}
@media (min-width:1760px){.wsm2 .band>.rahmen{max-width:1480px}}
@media (min-width:2200px){.wsm2 .band>.rahmen{max-width:1600px}}
.wsm2 .band>.rahmen{background-clip:content-box}
.wsm2 .band h2{font-size:clamp(34px,3.8vw,60px);line-height:1;letter-spacing:-.04em}
.wsm2 .band p{font-size:18px}
@media (max-width:900px){.wsm2 .band>.rahmen{padding:32px 0;margin-inline:var(--rand)}.wsm2 .band h2{font-size:clamp(30px,8.4vw,40px)}}
.wsm2 .leiste:not(:has(.balken))>li{padding-top:0}
@media (max-width:900px){.wsm2 .leiste:not(:has(.balken)){padding-left:0}}
@media (max-width:900px){
.wsm2 .kennzahlen{grid-template-columns:minmax(0,1fr)!important;row-gap:0}
.wsm2 .kennzahlen>div{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--linie-2)}
.wsm2 .kennzahlen>div:last-child{border-bottom:0}
.wsm2 .kennzahlen dt{font-size:clamp(30px,8.6vw,40px)}
.wsm2 .kennzahlen dd{margin-top:0;font-size:15px}
}
@media (min-width:901px){.wsm2 .fragen-raster>.titelspalte{position:sticky;top:110px;align-self:start}.wsm2 .fragen-raster>.titelspalte h2{position:static}}
.wsm2 .schluss>.rahmen{container-type:inline-size}
.wsm2 .fuss-wort{margin:56px 0 0;padding-bottom:.1em;font:600 11.2cqw/.9 var(--titel);letter-spacing:-.055em;color:var(--papier);white-space:nowrap;opacity:.95;user-select:none;pointer-events:none}
.wsm2 .schluss{padding-bottom:0}
@media (max-width:900px){.wsm2 .fuss-wort{margin-top:40px}}
.wsm2 .weg.haupt .w-art{color:var(--papier)}
.wsm2-js .wsm2 .bild-auf{clip-path:inset(0 0 100% 0 round 24px)}.wsm2-js .wsm2 .sichtbar .bild-auf,.wsm2-js .wsm2 .bild-auf.sichtbar{clip-path:inset(0 0 0 0 round 24px)}
.wsm2 .balken .vor{background:var(--grund-2);box-shadow:none;color:var(--tinte)}
.wsm2 .register-gruppe li{position:relative}
.wsm2 .register-gruppe .r-name a{text-decoration-color:transparent}
.wsm2 .register-gruppe .r-name a::after{content:"";position:absolute;inset:0}
.wsm2 .register-gruppe .r-preis{font-variant-numeric:tabular-nums}
@media (hover:hover){.wsm2 .register-gruppe li:hover .r-name a{text-decoration-color:var(--haus)}}
.wsm2 .register-gruppe .r-name a:focus-visible{text-decoration-color:var(--haus)}
.wsm2 .schluss .offen i{background:var(--papier);box-shadow:0 0 0 4px rgba(255,253,251,.28)}
.wsm2 .schluss .offen{padding-left:4px}
.wsm2[data-gruppe="branchen"] .seitenkopf{padding-bottom:0}
.wsm2[data-gruppe="branchen"] .abschnitt,.wsm2[data-gruppe="branchen"] .abschnitt.oben-null{padding-top:128px;padding-bottom:0}
.wsm2[data-gruppe="branchen"] .band{margin-top:128px;margin-bottom:0}
.wsm2[data-gruppe="branchen"] .wsm2-inhalt>section:last-child{padding-bottom:128px}
.wsm2[data-gruppe="branchen"] .b-titel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-bottom:48px}
.wsm2[data-gruppe="branchen"] .b-titel>h2{grid-column:1 / span 7}
.wsm2[data-gruppe="branchen"] .b-titel>p{grid-column:9 / span 4;color:var(--tinte-2);max-width:42ch}
.wsm2[data-gruppe="branchen"] .b-titel>p a{color:var(--tinte);font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2[data-gruppe="branchen"] .abschnitt>.preisliste:first-child{margin-top:0}
.wsm2[data-gruppe="branchen"] .raster+.preisliste,.wsm2[data-gruppe="branchen"] .raster+.register,.wsm2[data-gruppe="branchen"] .raster+.stufen{margin-top:48px}
.wsm2[data-gruppe="branchen"] .b-etikett{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.3 var(--titel);color:var(--tinte-2);margin-bottom:20px}
.wsm2[data-gruppe="branchen"] .b-etikett::before{content:"";width:18px;height:1.5px;background:currentColor}
.wsm2[data-gruppe="branchen"] .b-blaetter{display:grid;gap:24px;list-style:none;margin:0;padding:0}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"]{grid-template-columns:repeat(8,minmax(0,1fr))}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.wsm2[data-gruppe="branchen"] .b-blaetter>li{min-width:0}
.wsm2[data-gruppe="branchen"] .b-blatt{position:relative;aspect-ratio:3 / 4;border-radius:12px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2),6px 6px 0 0 var(--grund-2),6px 6px 0 1.5px var(--linie);padding:9%;display:flex;flex-direction:column;gap:7px;overflow:hidden;transition:transform .5s var(--auslauf),box-shadow .3s ease}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt{aspect-ratio:4 / 3;padding:7%;gap:9px}
.wsm2[data-gruppe="branchen"] .b-blatt i{display:block;flex:none;height:6px;border-radius:3px;background:var(--linie)}
.wsm2[data-gruppe="branchen"] .b-blatt i.k{height:8px;width:48%;background:var(--haus)}
.wsm2[data-gruppe="branchen"] .b-blatt i.s{width:64%}
.wsm2[data-gruppe="branchen"] .b-blatt i.bild{flex:1 1 auto;height:auto;min-height:24px;border-radius:6px;background:var(--haus-hell)}
.wsm2[data-gruppe="branchen"] .b-blatt i.taste{width:40%;height:12px;border-radius:6px;background:var(--tinte)}
.wsm2[data-gruppe="branchen"] .b-blatt i.feld{height:14px;border-radius:4px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--linie-2)}
.wsm2[data-gruppe="branchen"] .b-blatt i.feld.hoch{flex:1 1 auto;height:auto;min-height:20px}
.wsm2[data-gruppe="branchen"] .b-blatt i.reihe{height:15px;border-radius:0;background:linear-gradient(var(--linie),var(--linie)) left center / 58% 6px no-repeat,linear-gradient(var(--tinte-2),var(--tinte-2)) right center / 16% 6px no-repeat;border-bottom:1px solid var(--linie)}
.wsm2[data-gruppe="branchen"] .b-blatt i.zitat{height:28px;border-radius:0;border-left:3px solid var(--haus);background:linear-gradient(var(--linie),var(--linie)) 8px 4px / 82% 6px no-repeat,linear-gradient(var(--linie),var(--linie)) 8px 17px / 52% 6px no-repeat}
.wsm2[data-gruppe="branchen"] .b-blatt i.rund{width:34%;height:auto;aspect-ratio:1;border-radius:50%;background:var(--haus-hell)}
.wsm2[data-gruppe="branchen"] .b-blatt i.karte{position:relative;flex:1 1 auto;height:auto;min-height:24px;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 13px,var(--linie) 13px 14px),repeating-linear-gradient(0deg,transparent 0 13px,var(--linie) 13px 14px),var(--grund-2)}
.wsm2[data-gruppe="branchen"] .b-blatt i.karte::after{content:"";position:absolute;left:58%;top:38%;width:12px;height:12px;border-radius:50%;background:var(--haus);box-shadow:0 0 0 4px var(--haus-hell)}
.wsm2[data-gruppe="branchen"] .b-blatt .kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1 1 auto;align-content:start}
.wsm2[data-gruppe="branchen"] .b-blatt .kacheln i{height:auto;aspect-ratio:1;border-radius:4px;background:var(--haus-hell)}
.wsm2[data-gruppe="branchen"] .b-blatt .kacheln i:nth-child(3n+2){background:var(--grund-2)}
.wsm2[data-gruppe="branchen"] .b-name{display:flex;gap:8px;align-items:baseline;margin-top:16px;font:600 17px/1.2 var(--titel);letter-spacing:-.01em;overflow-wrap:anywhere;hyphens:auto}
.wsm2[data-gruppe="branchen"] .b-name b{flex:none;font-size:14px;color:var(--haus);font-variant-numeric:tabular-nums}
.wsm2[data-gruppe="branchen"] .b-demo{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;margin-top:40px;padding-top:20px;border-top:1px solid var(--linie-2);font-size:16px;color:var(--tinte-2)}
.wsm2[data-gruppe="branchen"] .b-demo a{font-weight:700;color:var(--tinte)}
@media (hover:hover) and (pointer:fine){
.wsm2[data-gruppe="branchen"] .b-blaetter>li:hover .b-blatt{transform:translateY(-4px);box-shadow:0 0 0 2px var(--haus),6px 6px 0 0 var(--grund-2),6px 6px 0 1.5px var(--linie)}
}
.wsm2[data-gruppe="branchen"] .b-eins{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2[data-gruppe="branchen"] .b-eins>.b-lang{grid-column:1 / span 4;position:sticky;top:110px}
.wsm2[data-gruppe="branchen"] .b-eins>.b-punkte{grid-column:6 / span 7;margin-top:0}
.wsm2[data-gruppe="branchen"] .b-lang .b-blatt{aspect-ratio:auto;padding:22px;gap:10px}
.wsm2[data-gruppe="branchen"] .b-teil{position:relative;display:flex;flex-direction:column;gap:7px;padding:14px 0 14px 34px;border-top:1px dashed var(--linie-2)}
.wsm2[data-gruppe="branchen"] .b-teil.kopfteil{padding-left:0;border-top:0}
.wsm2[data-gruppe="branchen"] .b-teil>b{position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:var(--haus);color:var(--papier);font:600 14px/22px var(--titel);text-align:center}
.wsm2[data-gruppe="branchen"] .b-teil i.bild{flex:none;height:96px}
.wsm2[data-gruppe="branchen"] .b-teil .kacheln{grid-template-columns:repeat(4,minmax(0,1fr))}
.wsm2[data-gruppe="branchen"] .b-teil .marken{display:flex;gap:6px}
.wsm2[data-gruppe="branchen"] .b-teil .marken i{flex:1;height:18px;border-radius:9px;background:var(--grund-2);box-shadow:inset 0 0 0 1.5px var(--linie)}
.wsm2[data-gruppe="branchen"] .b-teil i.karte{flex:none;height:72px}
.wsm2[data-gruppe="branchen"] .b-punkte{list-style:none;margin:0;padding:0;border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="branchen"] .b-punkte>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,5fr) minmax(0,6fr);column-gap:24px;align-items:baseline;min-height:120px;padding:30px 0;border-bottom:1px solid var(--linie-2)}
.wsm2[data-gruppe="branchen"] .b-punkte .b-nr{font:600 17px/1 var(--titel);color:var(--haus);font-variant-numeric:tabular-nums;letter-spacing:0}
.wsm2[data-gruppe="branchen"] .b-punkte h3{font:600 clamp(26px,2.3vw,36px)/1.06 var(--titel);letter-spacing:-.025em;margin:0}
.wsm2[data-gruppe="branchen"] .b-punkte p{color:var(--tinte-2);font-size:17px;line-height:1.5;max-width:48ch;margin:0}
.wsm2[data-gruppe="branchen"] .b-punkte p a{color:var(--tinte);font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-gruppe="branchen"] .b-eins .b-punkte>li{grid-template-columns:48px minmax(0,1fr);row-gap:10px;min-height:0;padding:26px 0}
.wsm2[data-gruppe="branchen"] .b-eins .b-punkte p{grid-column:2}
@media (min-width:901px){
.wsm2[data-gruppe="branchen"] .p-zeile{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);column-gap:32px}
.wsm2[data-gruppe="branchen"] .p-zeile .p-name,.wsm2[data-gruppe="branchen"] .p-zeile .p-umfang,.wsm2[data-gruppe="branchen"] .p-zeile .p-bestellen{grid-column:1}
.wsm2[data-gruppe="branchen"] .p-zeile .p-details,.wsm2[data-gruppe="branchen"] .p-zeile.drei .p-details{grid-column:2;grid-row:1 / span 3;display:block;font-size:17px;line-height:1.5}
.wsm2[data-gruppe="branchen"] .p-zeile .p-preis{grid-column:3;grid-row:1 / span 3}
}
.wsm2[data-gruppe="branchen"] .p-zeile .p-liste{max-width:52ch}
.wsm2[data-gruppe="branchen"] .p-zeile .p-liste li+li{margin-top:8px}
.wsm2[data-gruppe="branchen"] .b-wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.wsm2[data-gruppe="branchen"] .b-weg{border-radius:24px;padding:48px;background:var(--grund-2);display:flex;flex-direction:column;gap:16px}
.wsm2[data-gruppe="branchen"] .b-weg.dunkel{background:var(--tinte);color:var(--auf-dunkel)}
.wsm2[data-gruppe="branchen"] .b-weg h3{font:600 clamp(26px,2.3vw,36px)/1.06 var(--titel);letter-spacing:-.025em}
.wsm2[data-gruppe="branchen"] .b-weg .b-wert{font:600 clamp(44px,4.4vw,72px)/.95 var(--titel);letter-spacing:-.04em;color:var(--haus);font-variant-numeric:tabular-nums}
.wsm2[data-gruppe="branchen"] .b-weg .b-wert small{font-size:.36em;letter-spacing:0;margin-right:6px}
.wsm2[data-gruppe="branchen"] .b-weg.dunkel .b-wert{color:#FF8A66}
.wsm2[data-gruppe="branchen"] .b-weg p{max-width:48ch;color:var(--tinte-2)}
.wsm2[data-gruppe="branchen"] .b-weg.dunkel p{color:var(--auf-dunkel-2)}
.wsm2[data-gruppe="branchen"] .b-weg.dunkel a{color:var(--auf-dunkel);font-weight:700;text-decoration-color:#FF8A66;text-decoration-thickness:2px}
.wsm2[data-gruppe="branchen"] .b-werke{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.wsm2[data-gruppe="branchen"] .b-werk{display:block;color:inherit;text-decoration:none}
.wsm2[data-gruppe="branchen"] .b-werk-blatt{position:relative;z-index:0;margin:0 16px 16px 0}
.wsm2[data-gruppe="branchen"] .b-werk-blatt::before,.wsm2[data-gruppe="branchen"] .b-werk-blatt::after{content:"";position:absolute;inset:0;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:transform .45s var(--auslauf)}
.wsm2[data-gruppe="branchen"] .b-werk-blatt::before{z-index:-1;transform:translate(8px,8px)}
.wsm2[data-gruppe="branchen"] .b-werk-blatt::after{z-index:-2;transform:translate(16px,16px)}
.wsm2[data-gruppe="branchen"] .b-werk-vorne{position:relative;padding:0 8px 8px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:box-shadow .3s ease}
.wsm2[data-gruppe="branchen"] .b-werk-leiste{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px}
.wsm2[data-gruppe="branchen"] .b-werk-leiste i{width:8px;height:8px;border-radius:50%;background:var(--linie-2);flex:none}
.wsm2[data-gruppe="branchen"] .b-werk-leiste span{margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border-radius:6px;background:var(--grund-2);font-size:13px;line-height:1.3;color:var(--tinte-2)}
.wsm2[data-gruppe="branchen"] .b-werk-bild{position:relative;overflow:hidden;border-radius:8px;background:var(--grund-2);aspect-ratio:3 / 1}
.wsm2[data-gruppe="branchen"] .b-werk-bild img{position:absolute;top:0;left:0;max-width:none;height:auto;transform-origin:50% 0;transition:transform .8s var(--auslauf)}
.wsm2[data-gruppe="branchen"] .b-werk-bild.b-cw img{width:142.857%;left:-3.571%}
.wsm2[data-gruppe="branchen"] .b-werk-bild.b-mm img{width:113.208%;left:-9.434%}
.wsm2[data-gruppe="branchen"] .b-werk-ort{margin-top:24px;color:var(--tinte-2);font-size:15px}
.wsm2[data-gruppe="branchen"] .b-werk h3{margin-top:6px;font:600 clamp(24px,2vw,30px)/1.1 var(--titel);letter-spacing:-.02em}
.wsm2[data-gruppe="branchen"] .b-werk-text{margin-top:10px;color:var(--tinte-2);max-width:52ch}
.wsm2[data-gruppe="branchen"] .b-werk-link{display:inline-block;margin-top:12px;font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-underline-offset .3s ease}
@media (hover:hover) and (pointer:fine){
.wsm2[data-gruppe="branchen"] .b-werk:hover .b-werk-blatt::before{transform:translate(12px,12px)}
.wsm2[data-gruppe="branchen"] .b-werk:hover .b-werk-blatt::after{transform:translate(24px,22px)}
.wsm2[data-gruppe="branchen"] .b-werk:hover .b-werk-vorne{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="branchen"] .b-werk:hover .b-werk-bild img{transform:scale(1.025)}
.wsm2[data-gruppe="branchen"] .b-werk:hover .b-werk-link{text-underline-offset:.4em}
}
.wsm2[data-gruppe="branchen"] .b-werk:focus-visible{outline:none}
.wsm2[data-gruppe="branchen"] .b-werk:focus-visible .b-werk-vorne{box-shadow:0 0 0 3px var(--haus)}
.wsm2[data-gruppe="branchen"] .b-blaetter.b-warte>li{opacity:0;transform:translateY(28px)}
.wsm2[data-gruppe="branchen"] .b-blaetter.b-warte.b-da>li{opacity:1;transform:none;transition:opacity .5s ease,transform .8s var(--auslauf);transition-delay:var(--b-v,0ms)}
@media (prefers-reduced-motion:reduce){
.wsm2[data-gruppe="branchen"] .b-blaetter.b-warte>li{opacity:1;transform:none}
.wsm2[data-gruppe="branchen"] .b-blatt,.wsm2[data-gruppe="branchen"] .b-werk-bild img,.wsm2[data-gruppe="branchen"] .b-werk-blatt::before,.wsm2[data-gruppe="branchen"] .b-werk-blatt::after{transition:none}
}
@media (max-width:1240px){
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"]{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:40px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt{aspect-ratio:4 / 3;padding:7%}
.wsm2[data-gruppe="branchen"] .b-titel>h2{grid-column:1 / span 7}
.wsm2[data-gruppe="branchen"] .b-titel>p{grid-column:8 / span 5}
}
@media (min-width:2200px){
.wsm2[data-gruppe="branchen"] .abschnitt,.wsm2[data-gruppe="branchen"] .abschnitt.oben-null{padding-top:160px}
.wsm2[data-gruppe="branchen"] .band{margin-top:160px}
.wsm2[data-gruppe="branchen"] .wsm2-inhalt>section:last-child{padding-bottom:160px}
}
@media (max-width:900px){
.wsm2[data-gruppe="branchen"] .abschnitt,.wsm2[data-gruppe="branchen"] .abschnitt.oben-null{padding-top:80px}
.wsm2[data-gruppe="branchen"] .band{margin-top:80px}
.wsm2[data-gruppe="branchen"] .wsm2-inhalt>section:last-child{padding-bottom:80px}
.wsm2[data-gruppe="branchen"] .b-titel{display:block;margin-bottom:32px}
.wsm2[data-gruppe="branchen"] .b-titel>p{margin-top:16px}
.wsm2[data-gruppe="branchen"] .raster+.preisliste,.wsm2[data-gruppe="branchen"] .raster+.register,.wsm2[data-gruppe="branchen"] .raster+.stufen{margin-top:32px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 10px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt{aspect-ratio:3 / 4;padding:10%;gap:5px;border-radius:8px;box-shadow:0 0 0 1.5px var(--linie-2),3px 3px 0 0 var(--grund-2),3px 3px 0 1.5px var(--linie)}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i{height:4px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i.k{height:5px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i.taste{height:7px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i.feld{height:8px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i.reihe{height:9px;background-size:58% 4px,16% 4px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i.zitat{height:16px;border-left-width:2px;background-size:80% 4px,50% 4px;background-position:5px 2px,5px 10px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt i.karte::after{width:8px;height:8px;box-shadow:0 0 0 3px var(--haus-hell)}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-blatt .kacheln{gap:3px}
.wsm2[data-gruppe="branchen"] .b-blaetter .b-blatt .kacheln i,.wsm2[data-gruppe="branchen"] .b-blaetter .b-blatt i.rund{height:auto}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-name{display:block;margin-top:10px;font-size:14px;line-height:1.2}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="8"] .b-name b{display:block;font-size:14px;margin-bottom:2px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt{padding:9%;gap:6px;border-radius:10px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt i{height:5px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt i.taste{height:9px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt i.feld{height:10px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt i.reihe{height:11px;background-size:58% 5px,16% 5px}
.wsm2[data-gruppe="branchen"] .b-blaetter[data-n="4"] .b-blatt i.zitat{height:20px;background-size:80% 5px,50% 5px;background-position:7px 3px,7px 12px}
.wsm2[data-gruppe="branchen"] .b-name{margin-top:12px;font-size:16px}
.wsm2[data-gruppe="branchen"] .b-demo{margin-top:32px;font-size:15px}
.wsm2[data-gruppe="branchen"] .b-eins{display:block}
.wsm2[data-gruppe="branchen"] .b-eins>.b-lang{position:static;max-width:260px;margin:0 auto 40px}
.wsm2[data-gruppe="branchen"] .b-teil i.bild{height:64px}
.wsm2[data-gruppe="branchen"] .b-teil i.karte{height:52px}
.wsm2[data-gruppe="branchen"] .b-punkte>li{grid-template-columns:40px minmax(0,1fr);row-gap:8px;min-height:0;padding:22px 0}
.wsm2[data-gruppe="branchen"] .b-punkte h3{font-size:24px}
.wsm2[data-gruppe="branchen"] .b-punkte p{grid-column:2;font-size:16px}
.wsm2[data-gruppe="branchen"] .b-eins .b-punkte>li{grid-template-columns:40px minmax(0,1fr)}
.wsm2[data-gruppe="branchen"] .p-zeile .p-liste{font-size:16px}
.wsm2[data-gruppe="branchen"] .b-wege{grid-template-columns:minmax(0,1fr);gap:16px}
.wsm2[data-gruppe="branchen"] .b-weg{padding:28px 24px;border-radius:24px}
.wsm2[data-gruppe="branchen"] .b-werke{grid-template-columns:minmax(0,1fr);gap:40px}
.wsm2[data-gruppe="branchen"] .b-werk-blatt{margin:0 12px 12px 0}
.wsm2[data-gruppe="branchen"] .b-werk-blatt::before{transform:translate(6px,6px)}
.wsm2[data-gruppe="branchen"] .b-werk-blatt::after{transform:translate(12px,12px)}
}
.wsm2[data-gruppe="hilfe"] .hilfe-wege{border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="hilfe"] .hilfe-wege>li{border-bottom:1px solid var(--linie-2)}
.wsm2[data-gruppe="hilfe"] .hilfe-wege a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding:30px 0;text-decoration:none;color:var(--tinte)}
.wsm2[data-gruppe="hilfe"] .hw-nr{grid-column:1 / span 1;font:600 16px/1 var(--titel);color:var(--haus);letter-spacing:0;font-variant-numeric:tabular-nums}
.wsm2[data-gruppe="hilfe"] .hw-name{grid-column:2 / span 5;font:600 clamp(28px,2.7vw,42px)/1.02 var(--titel);letter-spacing:-.03em;transition:color .45s ease}
.wsm2[data-gruppe="hilfe"] .hw-text{grid-column:7 / span 5;color:var(--tinte-2);font-size:17px;max-width:46ch}
.wsm2[data-gruppe="hilfe"] .hw-text b{color:var(--tinte);font-weight:700}
.wsm2[data-gruppe="hilfe"] .hw-pfeil{grid-column:12;justify-self:end;position:relative;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--tinte);transition:background-color .45s ease,box-shadow .45s ease,transform .45s var(--auslauf)}
.wsm2[data-gruppe="hilfe"] .hw-pfeil::before{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -9px;background:var(--tinte);transition:background-color .45s ease}
.wsm2[data-gruppe="hilfe"] .hw-pfeil::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-5px 0 0 -3px;border-top:2px solid var(--tinte);border-right:2px solid var(--tinte);transform:rotate(45deg);transition:border-color .45s ease}
@media (hover:hover) and (pointer:fine){
.wsm2[data-gruppe="hilfe"] .hilfe-wege a:hover .hw-name{color:var(--haus);transition-duration:.15s}
.wsm2[data-gruppe="hilfe"] .hilfe-wege a:hover .hw-pfeil{background:var(--haus);box-shadow:inset 0 0 0 2px var(--haus);transform:translateX(4px);transition-duration:.15s}
.wsm2[data-gruppe="hilfe"] .hilfe-wege a:hover .hw-pfeil::before{background:var(--papier)}
.wsm2[data-gruppe="hilfe"] .hilfe-wege a:hover .hw-pfeil::after{border-color:var(--papier)}
}
.wsm2[data-gruppe="hilfe"] .hilfe-wege a:active .hw-pfeil{transform:scale(.94)}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .hilfe-wege a{grid-template-columns:32px minmax(0,1fr) 44px;column-gap:12px;row-gap:8px;padding:22px 0;align-items:start}
.wsm2[data-gruppe="hilfe"] .hw-nr{grid-column:1;grid-row:1;padding-top:8px;font-size:14px}
.wsm2[data-gruppe="hilfe"] .hw-name{grid-column:2;grid-row:1;font-size:clamp(25px,7vw,30px)}
.wsm2[data-gruppe="hilfe"] .hw-text{grid-column:2 / -1;grid-row:2;font-size:16px}
.wsm2[data-gruppe="hilfe"] .hw-pfeil{grid-column:3;grid-row:1;width:44px;height:44px}
}
.wsm2[data-gruppe="hilfe"] .faq-themen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="hilfe"] .faq-themen>li{border-bottom:1px solid var(--linie-2)}
.wsm2[data-gruppe="hilfe"] .faq-themen a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nr bl" "name name" "zahl zahl";row-gap:8px;padding:24px 0 26px;text-decoration:none;color:var(--tinte)}
.wsm2[data-gruppe="hilfe"] .ft-nr{grid-area:nr;font:600 16px/1 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-gruppe="hilfe"] .ft-name{grid-area:name;margin-top:10px;font:600 clamp(24px,2.2vw,32px)/1.05 var(--titel);letter-spacing:-.025em;hyphens:manual;transition:color .45s ease}
.wsm2[data-gruppe="hilfe"] .ft-zahl{grid-area:zahl;font-size:15px;color:var(--tinte-2);font-variant-numeric:tabular-nums}
.wsm2[data-gruppe="hilfe"] .ft-blaetter{grid-area:bl;display:flex;align-items:flex-end;padding-left:4px}
.wsm2[data-gruppe="hilfe"] .ft-blaetter i{display:block;width:18px;height:24px;border-radius:4px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);margin-left:-8px;transition:transform .45s var(--auslauf)}
.wsm2[data-gruppe="hilfe"] .ft-blaetter i:first-child{margin-left:0}
.wsm2[data-gruppe="hilfe"] .ft-blaetter i:last-child{box-shadow:0 0 0 1.5px var(--haus)}
@media (hover:hover) and (pointer:fine){
.wsm2[data-gruppe="hilfe"] .faq-themen a:hover .ft-name{color:var(--haus);transition-duration:.15s}
.wsm2[data-gruppe="hilfe"] .faq-themen a:hover .ft-blaetter i{transform:translateY(-4px);transition-duration:.15s}
.wsm2[data-gruppe="hilfe"] .faq-themen a:hover .ft-blaetter i:nth-child(2){transition-delay:.03s}
.wsm2[data-gruppe="hilfe"] .faq-themen a:hover .ft-blaetter i:nth-child(3){transition-delay:.06s}
}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .faq-themen{grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="hilfe"] .faq-themen a{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"nr name bl" "nr zahl bl";column-gap:12px;row-gap:4px;padding:18px 0;align-items:center}
.wsm2[data-gruppe="hilfe"] .ft-nr{align-self:start;padding-top:6px;font-size:14px}
.wsm2[data-gruppe="hilfe"] .ft-name{margin-top:0;font-size:24px}
}
.wsm2[data-gruppe="hilfe"] .faq-kurz-abschnitt{padding-bottom:48px}
.wsm2[data-gruppe="hilfe"] .faq-kurz{background:var(--grund-2);border-radius:24px;padding:48px}
.wsm2[data-gruppe="hilfe"] .faq-kurz-titel{font:600 24px/1.15 var(--titel);letter-spacing:-.02em;margin-bottom:36px}
.wsm2[data-gruppe="hilfe"] .faq-kurz dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
.wsm2[data-gruppe="hilfe"] .faq-kurz dl>div{border-top:3px solid var(--tinte);padding-top:20px}
.wsm2[data-gruppe="hilfe"] .faq-kurz dt{font:600 clamp(56px,5.2vw,88px)/.9 var(--titel);letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums}
.wsm2[data-gruppe="hilfe"] .faq-kurz dt small{font-size:18px;letter-spacing:0;font-weight:600;margin:0 .3em}
.wsm2[data-gruppe="hilfe"] .faq-kurz dt small:first-child{margin-left:0}
.wsm2[data-gruppe="hilfe"] .faq-kurz dd{margin-top:14px;color:var(--tinte-2);font-size:16px;max-width:26ch}
@media (max-width:1240px) and (min-width:901px){
.wsm2[data-gruppe="hilfe"] .faq-kurz dl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .faq-kurz{padding:28px 20px}
.wsm2[data-gruppe="hilfe"] .faq-kurz-titel{font-size:22px;margin-bottom:12px}
.wsm2[data-gruppe="hilfe"] .faq-kurz dl{grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="hilfe"] .faq-kurz dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:baseline;border-top:1px solid var(--linie-2);padding:14px 0}
.wsm2[data-gruppe="hilfe"] .faq-kurz dl>div:first-child{border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="hilfe"] .faq-kurz dt{font-size:clamp(34px,10vw,44px)}
.wsm2[data-gruppe="hilfe"] .faq-kurz dt small{font-size:14px}
.wsm2[data-gruppe="hilfe"] .faq-kurz dd{margin-top:0;font-size:15px}
}
.wsm2[data-gruppe="hilfe"] .f-zaehler{display:flex;gap:12px;align-items:baseline;margin-bottom:14px;font:600 16px/1 var(--titel);letter-spacing:0}
.wsm2[data-gruppe="hilfe"] .f-zaehler b{color:var(--haus)}
.wsm2[data-gruppe="hilfe"] .f-zaehler span{color:var(--tinte-2);font-weight:500}
.wsm2[data-gruppe="hilfe"][data-seite="faq"] .fragen-raster h2.gross{font-size:clamp(32px,3.2vw,48px);line-height:1}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"][data-seite="faq"] .fragen-raster h2.gross{font-size:32px}
.wsm2[data-gruppe="hilfe"][data-seite="faq"] .fragen-raster>.titelspalte{margin-bottom:20px}
.wsm2[data-gruppe="hilfe"] .f-zaehler{font-size:14px;margin-bottom:10px}
}
.wsm2[data-gruppe="hilfe"] .hilfe-wissen-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-bottom:48px}
.wsm2[data-gruppe="hilfe"] .hilfe-wissen-kopf h2{grid-column:1 / span 6}
.wsm2[data-gruppe="hilfe"] .hilfe-wissen-kopf p{grid-column:8 / span 5;max-width:44ch}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter a{display:flex;flex-direction:column;height:100%;min-height:320px;padding:28px;border-radius:24px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);text-decoration:none;color:var(--tinte);transition:transform .45s var(--auslauf),box-shadow .45s ease}
.wsm2[data-gruppe="hilfe"] .hb-linien{display:grid;gap:9px}
.wsm2[data-gruppe="hilfe"] .hb-linien i{display:block;height:9px;border-radius:5px;background:var(--linie)}
.wsm2[data-gruppe="hilfe"] .hb-linien i:first-child{height:11px;width:40%;background:var(--haus)}
.wsm2[data-gruppe="hilfe"] .hb-linien i:last-child{width:70%}
.wsm2[data-gruppe="hilfe"] .hb-thema{margin-top:32px;font:600 15px/1 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-gruppe="hilfe"] .hb-name{margin-top:10px;font:600 28px/1.08 var(--titel);letter-spacing:-.025em}
.wsm2[data-gruppe="hilfe"] .hb-text{margin-top:12px;color:var(--tinte-2);font-size:16px}
.wsm2[data-gruppe="hilfe"] .hb-lesen{margin-top:auto;padding-top:28px;font:600 16px/1.2 var(--titel);text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-underline-offset .2s ease}
@media (hover:hover) and (pointer:fine){
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter a:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--haus);transition-duration:.15s}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter a:hover .hb-lesen{text-underline-offset:.4em}
}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter a:active{transform:scale(.98)}
.wsm2[data-gruppe="hilfe"] .hilfe-blog{margin-top:32px}
@media (max-width:1100px) and (min-width:901px){.wsm2[data-gruppe="hilfe"] .hb-name{font-size:24px}}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .hilfe-wissen-kopf{grid-template-columns:minmax(0,1fr);row-gap:16px;margin-bottom:32px}
.wsm2[data-gruppe="hilfe"] .hilfe-wissen-kopf h2,.wsm2[data-gruppe="hilfe"] .hilfe-wissen-kopf p{grid-column:1}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter{grid-template-columns:minmax(0,1fr);gap:16px}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter a{min-height:0;padding:22px 20px}
.wsm2[data-gruppe="hilfe"] .hb-linien{grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="hilfe"] .hb-thema{margin-top:22px}
.wsm2[data-gruppe="hilfe"] .hb-name{font-size:24px}
.wsm2[data-gruppe="hilfe"] .hb-lesen{padding-top:18px}
}
.wsm2[data-gruppe="hilfe"] .anleitungen-kopf .riesig{font-size:clamp(44px,6.6vw,104px)}
.wsm2[data-gruppe="hilfe"] .anleitung-liste{margin-bottom:0}
.wsm2[data-gruppe="hilfe"] .anleitung-vorschau{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;background:var(--grund-2);border-radius:24px;padding:48px}
.wsm2[data-gruppe="hilfe"] .av-kopf{grid-column:1 / span 4}
.wsm2[data-gruppe="hilfe"] .av-etikett{font:600 15px/1 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-gruppe="hilfe"] .av-titel{margin:12px 0 16px;font:600 clamp(32px,3vw,46px)/1 var(--titel);letter-spacing:-.035em}
.wsm2[data-gruppe="hilfe"] .av-kopf .nebentext{font-size:16px;max-width:34ch}
.wsm2[data-gruppe="hilfe"] .av-blaetter{grid-column:5 / span 8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.wsm2[data-gruppe="hilfe"] .av-blaetter a{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3 / 4;padding:16px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);text-decoration:none;color:var(--tinte);transition:transform .45s var(--auslauf),box-shadow .45s ease}
.wsm2[data-gruppe="hilfe"] .av-blaetter li:last-child a{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="hilfe"] .av-blaetter b{font:600 clamp(40px,3.6vw,56px)/.85 var(--titel);color:var(--haus);letter-spacing:-.04em}
.wsm2[data-gruppe="hilfe"] .av-blaetter span{font:600 16px/1.15 var(--titel);letter-spacing:-.01em;overflow-wrap:anywhere;hyphens:auto}
@media (hover:hover) and (pointer:fine){.wsm2[data-gruppe="hilfe"] .av-blaetter a:hover{transform:translateY(-6px);box-shadow:0 0 0 2px var(--haus);transition-duration:.15s}}
.wsm2[data-gruppe="hilfe"] .anleitung-weiter{margin-top:32px;color:var(--tinte-2)}
@media (max-width:1240px) and (min-width:901px){
.wsm2[data-gruppe="hilfe"] .anleitung-vorschau{row-gap:32px}
.wsm2[data-gruppe="hilfe"] .av-kopf{grid-column:1 / -1}
.wsm2[data-gruppe="hilfe"] .av-blaetter{grid-column:1 / -1}
}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .anleitung-vorschau{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:28px 20px}
.wsm2[data-gruppe="hilfe"] .av-kopf,.wsm2[data-gruppe="hilfe"] .av-blaetter{grid-column:1}
.wsm2[data-gruppe="hilfe"] .av-blaetter{grid-template-columns:minmax(0,1fr);gap:10px}
.wsm2[data-gruppe="hilfe"] .av-blaetter a{aspect-ratio:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:14px 18px;min-height:56px}
.wsm2[data-gruppe="hilfe"] .av-blaetter b{font-size:32px;width:28px}
.wsm2[data-gruppe="hilfe"] .av-blaetter span{font-size:18px}
}
.wsm2[data-gruppe="hilfe"] .textseite-nav{grid-column:1 / span 3}
.wsm2[data-gruppe="hilfe"] .textseite-inhalt{grid-column:5 / span 6;max-width:60ch}
.wsm2[data-gruppe="hilfe"] .spick{margin:6px 0 22px;padding:24px 28px;border-radius:24px;background:var(--grund-2)}
.wsm2[data-gruppe="hilfe"] .spick-kopf{font:600 15px/1.2 var(--titel);color:var(--haus);margin:0 0 10px!important}
.wsm2[data-gruppe="hilfe"] .spick dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--linie-2)}
.wsm2[data-gruppe="hilfe"] .spick dt{font:600 17px/1.3 var(--titel)}
.wsm2[data-gruppe="hilfe"] .spick dd{color:var(--tinte-2)}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .textseite-inhalt,.wsm2[data-gruppe="hilfe"] .textseite-nav{grid-column:1 / -1}
.wsm2[data-gruppe="hilfe"] .spick{padding:20px}
.wsm2[data-gruppe="hilfe"] .spick dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
}
.wsm2[data-gruppe="hilfe"] .p-zeile.drei .p-details{grid-column:4 / span 5;grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="hilfe"] .p-zeile .p-liste{columns:2;column-gap:28px}
.wsm2[data-gruppe="hilfe"] .p-zeile .p-liste li{break-inside:avoid}
.wsm2[data-gruppe="hilfe"] .p-zeile .p-preis small{vertical-align:baseline;font-size:.26em;margin-right:0;letter-spacing:0}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .p-zeile.drei .p-details{grid-column:1 / -1}
}
@media (max-width:520px){
.wsm2[data-gruppe="hilfe"] .p-zeile .p-liste{columns:1}
}
.wsm2[data-gruppe="hilfe"] .warum-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.wsm2[data-gruppe="hilfe"] .warum-kopf .ort{grid-column:1 / -1;font:600 16px/1.2 var(--titel);color:var(--haus);margin-bottom:20px}
.wsm2[data-gruppe="hilfe"] .warum-kopf h2{grid-column:1 / span 8}
.wsm2[data-gruppe="hilfe"] .warum-kopf .nebentext{grid-column:9 / span 4;max-width:40ch}
.wsm2[data-gruppe="hilfe"] .warum-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin-top:64px;border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="hilfe"] .warum-drei li{padding-top:28px}
.wsm2[data-gruppe="hilfe"] .warum-drei li+li{border-left:1px solid var(--linie-2);padding-left:24px}
.wsm2[data-gruppe="hilfe"] .wd-gross{font:600 clamp(40px,3.8vw,62px)/.95 var(--titel);letter-spacing:-.04em;white-space:nowrap}
.wsm2[data-gruppe="hilfe"] .wd-gross small{font-size:.32em;letter-spacing:0;margin-right:0}
.wsm2[data-gruppe="hilfe"] .warum-drei h3{margin-top:24px;font-size:21px;line-height:1.2}
.wsm2[data-gruppe="hilfe"] .warum-drei li>p:last-child{margin-top:8px;color:var(--tinte-2);max-width:34ch}
@media (max-width:1240px) and (min-width:901px){.wsm2[data-gruppe="hilfe"] .wd-gross{white-space:normal}}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .warum-kopf{grid-template-columns:minmax(0,1fr);row-gap:18px}
.wsm2[data-gruppe="hilfe"] .warum-kopf h2,.wsm2[data-gruppe="hilfe"] .warum-kopf .nebentext{grid-column:1}
.wsm2[data-gruppe="hilfe"] .warum-kopf .ort{margin-bottom:2px}
.wsm2[data-gruppe="hilfe"] .warum-drei{grid-template-columns:minmax(0,1fr);margin-top:40px}
.wsm2[data-gruppe="hilfe"] .warum-drei li{padding:22px 0 24px}
.wsm2[data-gruppe="hilfe"] .warum-drei li+li{border-left:0;padding-left:0;border-top:1px solid var(--linie-2)}
.wsm2[data-gruppe="hilfe"] .wd-gross{font-size:clamp(36px,10.4vw,44px);white-space:normal}
.wsm2[data-gruppe="hilfe"] .warum-drei h3{margin-top:14px}
}
.wsm2[data-gruppe="hilfe"] .skizze-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.wsm2[data-gruppe="hilfe"] .skizze{grid-column:1 / span 5;margin:0;padding:48px 40px 28px;border-radius:24px;background:var(--grund-2);display:flex;flex-direction:column;align-items:center}
.wsm2[data-gruppe="hilfe"] .skizze-blatt{width:100%;max-width:340px;padding:20px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2),0 30px 50px -30px rgba(34,30,43,.35);display:grid;gap:10px}
.wsm2[data-gruppe="hilfe"] .sk-teil{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;row-gap:7px;align-items:center;padding:12px;border:1.5px dashed var(--linie-2);border-radius:10px}
.wsm2[data-gruppe="hilfe"] .sk-teil>i,.wsm2[data-gruppe="hilfe"] .sk-felder{grid-column:1 / -1}
.wsm2[data-gruppe="hilfe"] .sk-nr{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--haus);color:var(--papier);font:600 12px/1 var(--titel)}
.wsm2[data-gruppe="hilfe"] .sk-name{font:600 14px/1.2 var(--titel);color:var(--tinte)}
.wsm2[data-gruppe="hilfe"] .sk-teil i{display:block;height:8px;border-radius:4px;background:var(--linie)}
.wsm2[data-gruppe="hilfe"] .sk-teil i.sk-k{height:12px;width:55%;background:var(--haus)}
.wsm2[data-gruppe="hilfe"] .sk-teil i.sk-s{width:65%}
.wsm2[data-gruppe="hilfe"] .sk-kopf{border-color:var(--haus);padding-block:18px}
.wsm2[data-gruppe="hilfe"] .sk-felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.wsm2[data-gruppe="hilfe"] .sk-felder i{height:36px;background:var(--haus-hell)}
.wsm2[data-gruppe="hilfe"] .sk-teil i.sk-feld{height:16px;background:var(--grund);box-shadow:inset 0 0 0 1px var(--linie-2)}
.wsm2[data-gruppe="hilfe"] .sk-teil i.sk-knopf{height:18px;width:38%;border-radius:999px;background:var(--haus)}
.wsm2[data-gruppe="hilfe"] .sk-fuss{display:flex;gap:14px;padding:2px 4px 0;font:600 12px/1.2 var(--titel);color:var(--tinte-2)}
.wsm2[data-gruppe="hilfe"] .skizze figcaption{margin-top:22px;font:600 15px/1.3 var(--titel);color:var(--tinte-2);text-align:center}
.wsm2[data-gruppe="hilfe"] .skizze-text{grid-column:7 / span 6}
.wsm2[data-gruppe="hilfe"] .skizze-text p{margin-top:18px;color:var(--tinte-2);max-width:56ch}
.wsm2[data-gruppe="hilfe"] .skizze-text h2{margin-bottom:10px}
.wsm2[data-gruppe="hilfe"] .skizze-text p:last-child{margin-top:24px}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .skizze-raster{grid-template-columns:minmax(0,1fr);row-gap:36px}
.wsm2[data-gruppe="hilfe"] .skizze,.wsm2[data-gruppe="hilfe"] .skizze-text{grid-column:1}
.wsm2[data-gruppe="hilfe"] .skizze{padding:32px 20px 20px;order:2}
.wsm2[data-gruppe="hilfe"] .skizze-text{order:1}
.wsm2[data-gruppe="hilfe"] .skizze-blatt{max-width:300px;padding:16px}
}
.wsm2[data-gruppe="hilfe"] .t-blaetter{display:inline-flex;vertical-align:-3px;margin-right:14px;width:48px}
.wsm2[data-gruppe="hilfe"] .t-blaetter i{display:block;flex:none;width:11px;height:15px;border-radius:2px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);margin-left:-6px}
.wsm2[data-gruppe="hilfe"] .t-blaetter i:first-child{margin-left:0}
.wsm2[data-gruppe="hilfe"] .t-blaetter i:last-child{box-shadow:0 0 0 1.5px var(--haus)}
.wsm2[data-gruppe="hilfe"][data-seite="website-490"] .tabelle tbody th{color:var(--tinte);font:600 18px/1.3 var(--titel);white-space:nowrap}
.wsm2[data-gruppe="hilfe"] .tabelle td.t-preis{font:600 22px/1.1 var(--titel);letter-spacing:-.02em;white-space:nowrap}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .tabelle tbody tr{grid-template-columns:minmax(0,1fr) auto}
.wsm2[data-gruppe="hilfe"] .tabelle tbody th{grid-column:1;grid-row:1;font-size:22px;align-self:center}
.wsm2[data-gruppe="hilfe"] .tabelle td.t-preis{grid-column:2;grid-row:1;font-size:26px;align-self:center}
.wsm2[data-gruppe="hilfe"] .tabelle td.t-preis::before{display:none}
.wsm2[data-gruppe="hilfe"] .tabelle tbody td:not(.t-preis){grid-column:1 / -1}
}
.wsm2[data-gruppe="hilfe"] .danke-titel{margin-bottom:48px}
.wsm2[data-gruppe="hilfe"] .danke-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.wsm2[data-gruppe="hilfe"] .danke-schritte li{display:flex;flex-direction:column;min-height:320px;padding:32px 28px 28px;border-radius:24px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-gruppe="hilfe"] .danke-schritte li:first-child{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="hilfe"] .danke-schritte li:nth-child(2){margin-top:32px}
.wsm2[data-gruppe="hilfe"] .danke-schritte li:nth-child(3){margin-top:64px}
.wsm2[data-gruppe="hilfe"] .ds-nr{font:600 96px/.82 var(--titel);color:var(--haus);letter-spacing:-.05em}
.wsm2[data-gruppe="hilfe"] .danke-schritte h3{margin-top:28px;font-size:28px;line-height:1.05}
.wsm2[data-gruppe="hilfe"] .danke-schritte li>p:not(.ds-nr):not(.ds-wann){margin-top:10px;color:var(--tinte-2)}
.wsm2[data-gruppe="hilfe"] .ds-wann{margin-top:auto;padding-top:24px;font:600 15px/1.2 var(--titel);color:var(--tinte)}
.wsm2[data-gruppe="hilfe"] .danke-zwischen{font:600 28px/1.1 var(--titel);letter-spacing:-.02em;margin-bottom:24px}
@media (max-width:900px){
.wsm2[data-gruppe="hilfe"] .danke-titel{margin-bottom:28px}
.wsm2[data-gruppe="hilfe"] .danke-schritte{grid-template-columns:minmax(0,1fr);gap:14px}
.wsm2[data-gruppe="hilfe"] .danke-schritte li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;min-height:0;padding:22px 20px;margin-top:0!important}
.wsm2[data-gruppe="hilfe"] .ds-nr{grid-column:1;grid-row:1 / span 3;font-size:56px}
.wsm2[data-gruppe="hilfe"] .danke-schritte li>*:not(.ds-nr){grid-column:2}
.wsm2[data-gruppe="hilfe"] .danke-schritte h3{margin-top:0;font-size:24px}
.wsm2[data-gruppe="hilfe"] .ds-wann{padding-top:12px}
.wsm2[data-gruppe="hilfe"] .danke-zwischen{font-size:24px}
}
.wsm2[data-gruppe="hilfe"].hilfe-bewegt .hb-auf{opacity:0;transform:translateY(28px)}
.wsm2[data-gruppe="hilfe"].hilfe-bewegt .hb-auf.hb-da{opacity:1;transform:none;transition:opacity .5s ease,transform .8s var(--auslauf);transition-delay:var(--hb-d,0s)}
.wsm2[data-gruppe="hilfe"] .titelspalte .ort{font:600 16px/1.2 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-gruppe="hilfe"] .hilfe-blaetter .hb-linien{display:none}
.wsm2[data-gruppe="marketing"] .abschnitt{padding-block:96px}
.wsm2[data-gruppe="marketing"] .abschnitt.oben-null{padding-top:0}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .abschnitt{padding-block:56px}
.wsm2[data-gruppe="marketing"] .abschnitt.oben-null{padding-top:0}
}
.wsm2[data-gruppe="marketing"] .abschnitt.ton{background:var(--grund-2);box-shadow:0 0 0 100vmax var(--grund-2);clip-path:inset(0 -100vmax);padding-block:96px;margin-block:0}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .abschnitt.ton{padding-block:56px}}
.wsm2[data-gruppe="marketing"] .abschnitt.ton+.abschnitt.oben-null{padding-top:96px}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .abschnitt.ton+.abschnitt.oben-null{padding-top:56px}}
.wsm2[data-gruppe="marketing"] .titelzeile{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}
.wsm2[data-gruppe="marketing"] .titelzeile p{color:var(--tinte-2);font-size:18px;max-width:46ch;margin:0}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .titelzeile{display:block;margin-bottom:28px}
.wsm2[data-gruppe="marketing"] .titelzeile p{margin-top:14px;font-size:17px}
}
.wsm2[data-gruppe="marketing"] .felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:56px}
.wsm2[data-gruppe="marketing"] .felder.vier{grid-template-columns:repeat(4,minmax(0,1fr))}
.wsm2[data-gruppe="marketing"] .felder>div{border-top:3px solid var(--tinte);padding-top:22px;min-width:0}
.wsm2[data-gruppe="marketing"] .felder h3{font:600 clamp(26px,2.5vw,36px)/1.04 var(--titel);letter-spacing:-.03em;hyphens:auto}
.wsm2[data-gruppe="marketing"] .felder p{margin-top:14px;color:var(--tinte-2);font-size:17px;line-height:1.45;max-width:40ch}
@media (min-width:901px) and (max-width:1240px){.wsm2[data-gruppe="marketing"] .felder.vier{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .felder,.wsm2[data-gruppe="marketing"] .felder.vier{grid-template-columns:minmax(0,1fr);row-gap:0;border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="marketing"] .felder>div{border-top:0;border-bottom:1px solid var(--linie-2);padding:18px 0 20px}
.wsm2[data-gruppe="marketing"] .felder>div:last-child{border-bottom:0}
.wsm2[data-gruppe="marketing"] .felder h3{font-size:24px}
.wsm2[data-gruppe="marketing"] .felder p{margin-top:6px;font-size:16px}
}
@media (min-width:600px) and (max-width:900px){
.wsm2[data-gruppe="marketing"] .felder>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:20px;align-items:baseline}
.wsm2[data-gruppe="marketing"] .felder p{margin-top:0}
}
.wsm2[data-gruppe="marketing"] .zeilen.nummern{counter-reset:znr;border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="marketing"] .zeilen.nummern>li{counter-increment:znr;grid-template-columns:repeat(12,minmax(0,1fr));padding:30px 0 32px;align-items:baseline;row-gap:6px}
.wsm2[data-gruppe="marketing"] .zeilen.nummern>li::before{content:counter(znr,decimal-leading-zero);grid-column:1;grid-row:1 / span 2;font:600 20px/1 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-gruppe="marketing"] .zeilen.nummern .z-name{grid-column:2 / span 4;grid-row:1 / span 2;font:600 clamp(26px,2.5vw,38px)/1.04 var(--titel);letter-spacing:-.03em}
.wsm2[data-gruppe="marketing"] .zeilen.nummern .z-ort{grid-column:7 / span 5;grid-row:1;font:600 14px/1.2 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-gruppe="marketing"] .zeilen.nummern .z-text{grid-column:7 / span 5;font-size:18px;line-height:1.45;color:var(--tinte-2);max-width:52ch}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .zeilen.nummern>li{grid-template-columns:44px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:20px 0 22px}
.wsm2[data-gruppe="marketing"] .zeilen.nummern>li::before{grid-column:1;grid-row:1;font-size:17px}
.wsm2[data-gruppe="marketing"] .zeilen.nummern .z-name{grid-column:2;grid-row:1;font-size:24px}
.wsm2[data-gruppe="marketing"] .zeilen.nummern .z-ort{grid-column:2;grid-row:2;font-size:14px}
.wsm2[data-gruppe="marketing"] .zeilen.nummern .z-text{grid-column:2;grid-row:3;font-size:16px}
}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text>li{padding:28px 0 30px}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text .z-ort{grid-column:1 / span 2;font:600 15px/1.2 var(--titel);color:var(--haus)}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text .z-name{grid-column:3 / span 7;font:600 clamp(28px,3vw,46px)/1.04 var(--titel);letter-spacing:-.035em}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text .z-link{grid-column:10 / span 3}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .zeilen.gross-text>li{grid-template-columns:minmax(0,1fr);padding:20px 0 22px}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text .z-ort{grid-column:1;grid-row:1}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text .z-name{grid-column:1;grid-row:2;font-size:27px}
.wsm2[data-gruppe="marketing"] .zeilen.gross-text .z-link{grid-column:1;grid-row:3;justify-self:start;margin-top:6px}
}
.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-name{font-size:28px}
.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-name a{text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:5px}
.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-preis{font-size:26px}
.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-preis small.nach{margin:0 0 0 6px}
@media (min-width:901px){.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-text{grid-column:7 / span 3}.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-preis{grid-column:10 / span 3}}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-name{font-size:24px}.wsm2[data-gruppe="marketing"] .zeilen.dazu .z-preis{font-size:21px}}
.wsm2[data-gruppe="marketing"] .fragen summary{font-size:26px;line-height:1.2;padding:26px 0;letter-spacing:-.02em}
.wsm2[data-gruppe="marketing"] .fragen .antwort{font-size:18px;padding-bottom:30px}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .fragen summary{font-size:21px;padding:20px 0}
.wsm2[data-gruppe="marketing"] .fragen .antwort{font-size:17px}
}
@media (min-width:901px){.wsm2[data-gruppe="marketing"] .p-zeile .p-details{grid-column:4 / span 5}}
.wsm2[data-gruppe="marketing"] .p-zeile.drei .p-details{grid-template-columns:minmax(0,1fr);gap:18px}
.wsm2[data-gruppe="marketing"] .p-zeile .p-liste{font-size:17px;line-height:1.4}
.wsm2[data-gruppe="marketing"] .p-zeile .p-liste li+li{margin-top:7px}
.wsm2[data-gruppe="marketing"] .p-zeile .p-liste li::before{top:.55em}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .p-zeile .p-liste{font-size:16px}}
.wsm2[data-gruppe="marketing"] .blaettchen{display:inline-flex;flex-direction:column;align-items:center;gap:2px;flex:none;vertical-align:middle}
.wsm2[data-gruppe="marketing"] .blaettchen>span{position:relative;display:block;width:64px;height:58px}
.wsm2[data-gruppe="marketing"] .blaettchen>span>span{position:absolute;left:50%;top:70%;width:0;height:0;transform:rotateX(58deg) rotateZ(-42deg);transform-style:preserve-3d}
.wsm2[data-gruppe="marketing"] .blaettchen i{position:absolute;left:-14px;top:-18px;width:28px;height:36px;border-radius:4px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-gruppe="marketing"] .blaettchen i:nth-child(2){transform:translateZ(7px)}
.wsm2[data-gruppe="marketing"] .blaettchen i:nth-child(3){transform:translateZ(14px)}
.wsm2[data-gruppe="marketing"] .blaettchen i:nth-child(4){transform:translateZ(21px)}
.wsm2[data-gruppe="marketing"] .blaettchen i:nth-child(5){transform:translateZ(28px)}
.wsm2[data-gruppe="marketing"] .blaettchen i:last-child{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="marketing"] .blaettchen i:last-child::before{content:"";position:absolute;left:5px;top:6px;width:12px;height:4px;border-radius:2px;background:var(--haus)}
.wsm2[data-gruppe="marketing"] .blaettchen i:last-child::after{content:"";position:absolute;left:5px;right:5px;top:14px;height:3px;border-radius:2px;background:var(--linie);box-shadow:0 6px 0 var(--linie)}
.wsm2[data-gruppe="marketing"] .blaettchen em{font:600 13px/1.2 var(--titel);font-style:normal;color:var(--tinte-2);letter-spacing:0;white-space:nowrap}
.wsm2[data-gruppe="marketing"] .blaettchen.gross>span{width:84px;height:84px;transform:scale(1.3);transform-origin:50% 70%}
.wsm2[data-gruppe="marketing"] .p-zeile .p-blatt{grid-column:1 / span 3;grid-row:3;justify-self:end;align-self:end}
.wsm2[data-gruppe="marketing"] .p-blatt>span{width:96px;height:80px}
.wsm2[data-gruppe="marketing"] .p-blatt>span>span{transform:rotateX(58deg) rotateZ(-42deg) scale(1.55)}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .p-zeile .p-bestellen{grid-column:1}
.wsm2[data-gruppe="marketing"] .p-zeile .p-blatt{grid-column:2;grid-row:4}
.wsm2[data-gruppe="marketing"] .p-blatt>span{width:72px;height:60px}
.wsm2[data-gruppe="marketing"] .p-blatt>span>span{transform:rotateX(58deg) rotateZ(-42deg) scale(1.15)}
}
.wsm2[data-gruppe="marketing"] .leiste .nr:has(.blaettchen){display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.wsm2[data-gruppe="marketing"] .leiste.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .leiste.drei{grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="marketing"] .leiste .nr:has(.blaettchen){justify-content:flex-start;gap:20px}
.wsm2[data-gruppe="marketing"] .leiste .blaettchen>span{width:52px;height:48px}
}
.wsm2[data-gruppe="marketing"] .blattreihe{display:grid;grid-template-columns:repeat(10,26px);gap:10px 8px;margin-top:6px}
.wsm2[data-gruppe="marketing"] .blattreihe i{display:block;width:26px;height:34px;border-radius:4px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);position:relative}
.wsm2[data-gruppe="marketing"] .blattreihe i::before{content:"";position:absolute;left:5px;right:5px;top:6px;height:4px;border-radius:2px;background:var(--linie)}
.wsm2[data-gruppe="marketing"] .blattreihe i:first-child{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="marketing"] .blattreihe i:first-child::before{background:var(--haus)}
.wsm2[data-gruppe="marketing"] .blattreihe-text{font:600 14px/1.2 var(--titel);color:var(--tinte-2);margin-top:-6px}
.wsm2[data-gruppe="marketing"] .tabelle{font-size:18px}
@media (min-width:901px){.wsm2[data-gruppe="marketing"] .tabelle th,.wsm2[data-gruppe="marketing"] .tabelle td{padding:18px 20px 18px 0}}
.wsm2[data-gruppe="marketing"] .tabelle tbody th{font-size:16px}
.wsm2[data-gruppe="marketing"] .tabelle thead th .zahl{font-size:clamp(40px,3.6vw,56px);margin-top:10px}
.wsm2[data-gruppe="marketing"] .tabelle thead .blaettchen{display:flex;align-items:flex-start;margin-bottom:10px}
.wsm2[data-gruppe="marketing"] .tabelle thead .blaettchen em{margin-top:2px}
.wsm2[data-gruppe="marketing"] .tabelle .etikett{display:inline-block;margin-top:10px;font:600 13px/1.2 var(--titel);color:var(--haus);letter-spacing:0}
@media (min-width:901px){
.wsm2[data-gruppe="marketing"] .tabelle.ton-2 tr>:nth-child(2),.wsm2[data-gruppe="marketing"] .tabelle.ton-3 tr>:nth-child(3){background:var(--grund-2);padding-left:20px}
.wsm2[data-gruppe="marketing"] .tabelle.ton-2 thead tr>:nth-child(2),.wsm2[data-gruppe="marketing"] .tabelle.ton-3 thead tr>:nth-child(3){border-radius:24px 24px 0 0;padding-top:24px}
.wsm2[data-gruppe="marketing"] .tabelle.ton-2 tfoot tr>:nth-child(2),.wsm2[data-gruppe="marketing"] .tabelle.ton-3 tfoot tr>:nth-child(3){border-radius:0 0 24px 24px;padding-bottom:22px}
}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .tabelle tbody td{font-size:17px}
.wsm2[data-gruppe="marketing"] .tabelle tbody th{font-size:19px}
}
@media (min-width:901px){.wsm2[data-gruppe="marketing"] .tabelle tr.nur-handy{display:none}}
.wsm2[data-gruppe="marketing"] .abschnitt.ton+.band{margin-top:96px}
.wsm2[data-gruppe="marketing"] .band+.abschnitt.ton{margin-top:96px}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .abschnitt.ton+.band,.wsm2[data-gruppe="marketing"] .band+.abschnitt.ton{margin-top:56px}}
.wsm2[data-gruppe="marketing"] .register.paar .register-gruppe{margin-bottom:0}
.wsm2[data-gruppe="marketing"] .register.paar h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.035em}
.wsm2[data-gruppe="marketing"] .register.paar h3.mit-blatt{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.wsm2[data-gruppe="marketing"] .register.paar li{padding:16px 0}
.wsm2[data-gruppe="marketing"] .register.paar li .r-preis{font-size:26px}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .register.paar .register-gruppe+.register-gruppe{margin-top:48px}}
@media (max-width:900px){
.wsm2[data-gruppe="marketing"] .leiste>li:has(.blaettchen){display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;padding:0 0 26px}
.wsm2[data-gruppe="marketing"] .leiste>li:has(.blaettchen) .nr{grid-column:1;grid-row:1 / span 2;flex-direction:column;align-items:flex-start;gap:2px}
.wsm2[data-gruppe="marketing"] .leiste>li:has(.blaettchen) h3{grid-column:2;margin-top:4px}
.wsm2[data-gruppe="marketing"] .leiste>li:has(.blaettchen) p:not(.nr){grid-column:2;margin-top:6px}
}
@media (min-width:901px){
.wsm2[data-gruppe="marketing"] .tabelle thead th{vertical-align:top}
.wsm2[data-gruppe="marketing"] .tabelle thead .blaettchen>span{height:66px}
.wsm2[data-gruppe="marketing"] .tabelle thead .blaettchen>span>span{top:80%}
.wsm2[data-gruppe="marketing"] .tabelle.ton-2 tr>:not(:first-child),.wsm2[data-gruppe="marketing"] .tabelle.ton-3 tr>:not(:first-child){padding-left:20px}
}
@media (max-width:400px){.wsm2[data-gruppe="marketing"] .blattreihe{grid-template-columns:repeat(10,22px);gap:8px 6px}.wsm2[data-gruppe="marketing"] .blattreihe i{width:22px;height:29px}}
.wsm2[data-gruppe="marketing"] .jedes h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em;line-height:1.08;border-top:3px solid var(--tinte);padding-top:20px}
.wsm2[data-gruppe="marketing"] .jedes p{font-size:18px;margin-top:12px}
@media (max-width:900px){.wsm2[data-gruppe="marketing"] .jedes h3{font-size:24px}.wsm2[data-gruppe="marketing"] .jedes p{font-size:16px}}
@media (min-width:901px){
.wsm2[data-gruppe="staedte"] .kennzahlen{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:40px}
.wsm2[data-gruppe="staedte"] .kennzahlen>div:first-child dt{font-size:clamp(64px,6.4vw,112px);line-height:1;letter-spacing:-.05em;color:var(--haus)}
.wsm2[data-gruppe="staedte"] .kennzahlen>div:first-child dd{font-size:17px;max-width:30ch;margin-top:16px}
.wsm2[data-gruppe="staedte"] .kennzahlen>div+div dt{font-size:clamp(28px,2.4vw,36px)}
.wsm2[data-gruppe="staedte"] .kennzahlen>div+div{padding-left:24px;border-left:1px solid var(--linie-2)}
}
@media (max-width:900px){
.wsm2[data-gruppe="staedte"] .kennzahlen>div:first-child{display:block}
.wsm2[data-gruppe="staedte"] .kennzahlen>div:first-child dt{font-size:clamp(52px,15vw,68px);line-height:1;color:var(--haus)}
.wsm2[data-gruppe="staedte"] .kennzahlen>div:first-child dd{margin-top:8px}
}
.wsm2[data-gruppe="staedte"] .preisliste .p-details{grid-template-columns:minmax(0,3fr) minmax(0,2fr);font-size:16px;gap:24px}
.wsm2[data-gruppe="staedte"] .preisliste .p-details>div:last-child{color:var(--tinte-2)}
.wsm2[data-gruppe="staedte"] .preisliste .p-details b{display:inline;font:inherit;color:var(--tinte);margin:0}
@media (max-width:1240px){.wsm2[data-gruppe="staedte"] .preisliste .p-details{grid-template-columns:minmax(0,1fr);gap:8px}}
@media (max-width:900px){.wsm2[data-gruppe="staedte"] .preisliste .p-details{grid-template-columns:minmax(0,1fr)!important;font-size:15px}.wsm2[data-gruppe="staedte"] .preisliste .p-details>div{grid-column:1 / -1}}
.wsm2[data-gruppe="staedte"] .leiste .nr{font-size:56px;line-height:.9}
@media (max-width:900px){.wsm2[data-gruppe="staedte"] .leiste .nr{font-size:40px}.wsm2[data-gruppe="staedte"] .leiste>li{padding-bottom:28px}}
.wsm2[data-gruppe="staedte"] .st-mehr{margin-top:28px;max-width:34ch;color:var(--tinte-2);font-size:17px}
.wsm2[data-gruppe="staedte"] .st-mehr a{color:var(--tinte);font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.2em}
.wsm2[data-gruppe="staedte"] .st-mehr+.st-mehr{margin-top:12px}
@media (max-width:900px){.wsm2[data-gruppe="staedte"] .st-mehr{margin-top:16px;max-width:none}}
.wsm2[data-gruppe="staedte"] .st-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:20px;margin-bottom:48px}
.wsm2[data-gruppe="staedte"] .st-kopf>h2{grid-column:1 / span 9}
.wsm2[data-gruppe="staedte"] .st-kopf>p{grid-column:1 / span 6;color:var(--tinte-2);font-size:18px;max-width:60ch}
.wsm2[data-gruppe="staedte"] .st-kopf>p.st-rechts{grid-column:8 / span 5;align-self:end}
@media (max-width:900px){.wsm2[data-gruppe="staedte"] .st-kopf{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.wsm2[data-gruppe="staedte"] .st-kopf>*{grid-column:1 / -1!important}.wsm2[data-gruppe="staedte"] .st-kopf>p{font-size:17px}}
.wsm2[data-gruppe="staedte"] .st-werk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;text-decoration:none;color:inherit}
.wsm2[data-gruppe="staedte"] .st-werk>.st-blatt{grid-column:1 / span 8}
.wsm2[data-gruppe="staedte"] .st-werk>.st-werk-text{grid-column:9 / span 4;padding-bottom:24px}
.wsm2[data-gruppe="staedte"] .st-blatt{display:block;position:relative;z-index:0;margin:0 14px 14px 0}
.wsm2[data-gruppe="staedte"] .st-blatt::before,.wsm2[data-gruppe="staedte"] .st-blatt::after{content:"";position:absolute;inset:0;border-radius:24px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:transform .45s var(--auslauf)}
.wsm2[data-gruppe="staedte"] .st-blatt::before{z-index:-1;transform:translate(7px,7px)}
.wsm2[data-gruppe="staedte"] .st-blatt::after{z-index:-2;transform:translate(14px,14px)}
.wsm2[data-gruppe="staedte"] .st-vorne{display:block;position:relative;padding:0 10px 10px;border-radius:24px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:box-shadow .3s ease}
.wsm2[data-gruppe="staedte"] .st-leiste{display:flex;align-items:center;gap:6px;height:40px;padding:0 8px}
.wsm2[data-gruppe="staedte"] .st-leiste i{width:8px;height:8px;border-radius:50%;background:var(--linie-2);flex:none}
.wsm2[data-gruppe="staedte"] .st-leiste span{margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 12px;border-radius:999px;background:var(--grund-2);font-size:13px;line-height:1.3;color:var(--tinte-2)}
.wsm2[data-gruppe="staedte"] .st-bild{display:block;position:relative;overflow:hidden;aspect-ratio:1200 / 465;border-radius:14px;background:var(--grund-2)}
.wsm2[data-gruppe="staedte"] .st-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--auslauf)}
.wsm2[data-gruppe="staedte"] .st-bild::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(255,253,251,0) 0%,rgba(255,253,251,.85) 70%,var(--papier) 100%);pointer-events:none}
.wsm2[data-gruppe="staedte"] .st-bild.st-demo{aspect-ratio:16 / 10}
.wsm2[data-gruppe="staedte"] .st-bild.st-demo::after{display:none}
.wsm2[data-gruppe="staedte"] .st-werk-ort{display:block;color:var(--tinte-2);font-size:15px}
.wsm2[data-gruppe="staedte"] .st-werk-name{display:block;margin-top:8px;font:600 clamp(30px,2.8vw,44px)/1.02 var(--titel);letter-spacing:-.03em}
.wsm2[data-gruppe="staedte"] .st-werk-zeile{display:block;margin-top:12px;color:var(--tinte-2);max-width:42ch}
.wsm2[data-gruppe="staedte"] .st-werk-link{display:inline-block;margin-top:16px;font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-underline-offset .3s ease;overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){
.wsm2[data-gruppe="staedte"] a.st-werk:hover .st-blatt::before,.wsm2[data-gruppe="staedte"] .st-werke a:hover .st-blatt::before{transform:translate(11px,11px)}
.wsm2[data-gruppe="staedte"] a.st-werk:hover .st-blatt::after,.wsm2[data-gruppe="staedte"] .st-werke a:hover .st-blatt::after{transform:translate(22px,20px)}
.wsm2[data-gruppe="staedte"] a.st-werk:hover .st-vorne,.wsm2[data-gruppe="staedte"] .st-werke a:hover .st-vorne{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="staedte"] a.st-werk:hover .st-bild img,.wsm2[data-gruppe="staedte"] .st-werke a:hover .st-bild img{transform:scale(1.025)}
.wsm2[data-gruppe="staedte"] a.st-werk:hover .st-werk-link,.wsm2[data-gruppe="staedte"] .st-werke a:hover .st-werk-link{text-underline-offset:.4em}
}
.wsm2[data-gruppe="staedte"] a.st-werk:focus-visible,.wsm2[data-gruppe="staedte"] .st-werke a:focus-visible{outline:none}
.wsm2[data-gruppe="staedte"] a.st-werk:focus-visible .st-vorne,.wsm2[data-gruppe="staedte"] .st-werke a:focus-visible .st-vorne{box-shadow:0 0 0 3px var(--haus)}
.wsm2[data-gruppe="staedte"] .st-werke{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}
.wsm2[data-gruppe="staedte"] .st-werke>a{display:block;text-decoration:none;color:inherit;min-width:0}
.wsm2[data-gruppe="staedte"] .st-werke .st-werk-text{display:block;margin-top:24px}
.wsm2[data-gruppe="staedte"] .st-werke .st-werk-name{font-size:30px}
@media (min-width:901px){.wsm2[data-gruppe="staedte"] .st-werke>a:nth-child(even){margin-top:96px}.wsm2[data-gruppe="staedte"] .st-werke>a:nth-child(n+3){margin-top:-48px}.wsm2[data-gruppe="staedte"] .st-werke>a:nth-child(4){margin-top:48px}}
@media (max-width:1100px) and (min-width:901px){.wsm2[data-gruppe="staedte"] .st-werk>.st-blatt{grid-column:1 / span 7}.wsm2[data-gruppe="staedte"] .st-werk>.st-werk-text{grid-column:8 / span 5}}
@media (max-width:900px){
.wsm2[data-gruppe="staedte"] .st-werk{grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="staedte"] .st-werk>*{grid-column:1 / -1!important}
.wsm2[data-gruppe="staedte"] .st-werk>.st-werk-text{padding:22px 0 0}
.wsm2[data-gruppe="staedte"] .st-werke{grid-template-columns:minmax(0,1fr);gap:48px}
.wsm2[data-gruppe="staedte"] .st-blatt{margin:0 10px 10px 0}
.wsm2[data-gruppe="staedte"] .st-blatt::before{transform:translate(5px,5px)}
.wsm2[data-gruppe="staedte"] .st-blatt::after{transform:translate(10px,10px)}
.wsm2[data-gruppe="staedte"] .st-blatt::before,.wsm2[data-gruppe="staedte"] .st-blatt::after,.wsm2[data-gruppe="staedte"] .st-vorne{border-radius:20px}
.wsm2[data-gruppe="staedte"] .st-vorne{padding:0 6px 6px}
.wsm2[data-gruppe="staedte"] .st-leiste{height:30px;gap:5px;padding:0 6px}
.wsm2[data-gruppe="staedte"] .st-leiste i{width:6px;height:6px}
.wsm2[data-gruppe="staedte"] .st-leiste span{font-size:12px;padding:2px 8px;margin-left:6px}
.wsm2[data-gruppe="staedte"] .st-bild{border-radius:12px}
.wsm2[data-gruppe="staedte"] .st-werk-name,.wsm2[data-gruppe="staedte"] .st-werke .st-werk-name{font-size:28px}
}
.wsm2[data-gruppe="staedte"] .st-orte{font:600 clamp(34px,4.4vw,76px)/1.28 var(--titel);letter-spacing:-.035em;color:var(--tinte-2);max-width:none;text-wrap:balance}
.wsm2[data-gruppe="staedte"] .st-orte b{color:var(--tinte);font-weight:600}
.wsm2[data-gruppe="staedte"] .st-orte span{display:inline}
.wsm2[data-gruppe="staedte"] .st-orte>*:not(:last-child)::after{content:"·";margin-left:.24em;color:var(--haus)}
.wsm2[data-gruppe="staedte"] .st-orte-fuss{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--linie-2)}
.wsm2[data-gruppe="staedte"] .st-orte-fuss>p{grid-column:1 / span 6;color:var(--tinte-2);max-width:56ch}
.wsm2[data-gruppe="staedte"] .st-orte-fuss>p+p{grid-column:8 / span 5}
.wsm2[data-gruppe="staedte"] .st-orte-fuss a{color:var(--tinte);font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-gruppe="staedte"] .st-orte-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.wsm2[data-gruppe="staedte"] .st-orte-zwei h3{font:600 15px/1.3 var(--titel);color:var(--haus);margin-bottom:14px;letter-spacing:.01em}
.wsm2[data-gruppe="staedte"] .st-orte-zwei .st-orte{font-size:clamp(30px,3.2vw,52px)}
@media (max-width:900px){
.wsm2[data-gruppe="staedte"] .st-orte{font-size:clamp(28px,8.4vw,38px);line-height:1.3}
.wsm2[data-gruppe="staedte"] .st-orte-fuss{grid-template-columns:minmax(0,1fr);row-gap:12px;margin-top:28px}
.wsm2[data-gruppe="staedte"] .st-orte-fuss>p,.wsm2[data-gruppe="staedte"] .st-orte-fuss>p+p{grid-column:1 / -1}
.wsm2[data-gruppe="staedte"] .st-orte-zwei{grid-template-columns:minmax(0,1fr);gap:32px}
.wsm2[data-gruppe="staedte"] .st-orte-zwei .st-orte{font-size:clamp(26px,7.6vw,34px)}
}
.wsm2[data-gruppe="staedte"] .st-suche{border-radius:24px;background:var(--grund-2);padding:48px}
.wsm2[data-gruppe="staedte"] .st-wahl{display:none;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.wsm2-js .wsm2[data-gruppe="staedte"] .st-wahl{display:flex}
.wsm2[data-gruppe="staedte"] .st-wahl button{font:600 16px/1 var(--titel);color:var(--tinte);background:var(--papier);border:0;border-radius:999px;padding:12px 18px;min-height:44px;cursor:pointer;box-shadow:0 0 0 1.5px var(--linie-2);transition:background-color .25s ease,color .25s ease,transform .2s ease}
.wsm2[data-gruppe="staedte"] .st-wahl button[aria-pressed="true"]{background:var(--tinte);color:var(--papier);box-shadow:none}
.wsm2[data-gruppe="staedte"] .st-wahl button:active{transform:scale(.97)}
.wsm2[data-gruppe="staedte"] .st-wahl button:focus-visible{outline:2px solid var(--haus);outline-offset:3px}
.wsm2[data-gruppe="staedte"] .st-eingabe{display:flex;align-items:center;gap:18px;background:var(--papier);border-radius:999px;padding:18px 32px;font:600 clamp(30px,4vw,60px)/1.05 var(--titel);letter-spacing:-.035em;box-shadow:0 0 0 1.5px var(--linie-2);min-width:0}
.wsm2[data-gruppe="staedte"] .st-eingabe>span:last-child{min-width:0;overflow-wrap:anywhere}
.wsm2[data-gruppe="staedte"] .st-lupe{position:relative;flex:none;width:.62em;height:.62em;border-radius:50%;border:.08em solid var(--haus);margin-right:.08em}
.wsm2[data-gruppe="staedte"] .st-lupe::after{content:"";position:absolute;right:-.2em;bottom:-.16em;width:.24em;height:.08em;background:var(--haus);transform:rotate(45deg);border-radius:2px}
.wsm2[data-gruppe="staedte"] .st-eingabe em{font-style:normal;color:var(--haus)}
.wsm2[data-gruppe="staedte"] .st-treffer{margin-top:32px;border-top:3px solid var(--tinte)}
.wsm2[data-gruppe="staedte"] .st-treffer li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:24px;padding:20px 0;border-bottom:1px solid var(--linie-2);align-items:baseline}
.wsm2[data-gruppe="staedte"] .st-treffer li>span{color:var(--tinte-2);font-size:15px}
.wsm2[data-gruppe="staedte"] .st-treffer li>b{font:600 clamp(22px,2vw,30px)/1.15 var(--titel);letter-spacing:-.02em;min-width:0}
.wsm2[data-gruppe="staedte"] .st-treffer em{font-style:normal;background:var(--haus-hell);border-radius:6px;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wsm2[data-gruppe="staedte"] .st-suche-fuss{margin-top:24px;color:var(--tinte-2);font-size:16px;max-width:70ch}
.wsm2[data-gruppe="staedte"] .st-suche-fuss a{color:var(--tinte);font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-gruppe="staedte"] [data-st-wort]{transition:opacity .2s ease}
.wsm2[data-gruppe="staedte"] .st-wechsel [data-st-wort]{opacity:0}
@media (max-width:900px){
.wsm2[data-gruppe="staedte"] .st-suche{padding:24px 18px;border-radius:20px}
.wsm2[data-gruppe="staedte"] .st-wahl{gap:8px;margin-bottom:18px}
.wsm2[data-gruppe="staedte"] .st-wahl button{font-size:15px;padding:10px 14px}
.wsm2[data-gruppe="staedte"] .st-eingabe{padding:14px 18px;gap:12px;font-size:clamp(24px,7.2vw,32px);border-radius:20px}
.wsm2[data-gruppe="staedte"] .st-treffer{margin-top:24px}
.wsm2[data-gruppe="staedte"] .st-treffer li{grid-template-columns:minmax(0,1fr);row-gap:6px;padding:16px 0}
.wsm2[data-gruppe="staedte"] .st-treffer li>b{font-size:21px}
}
.wsm2[data-gruppe="staedte"] .st-blaetter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;border-top:3px solid var(--tinte);border-bottom:3px solid var(--tinte)}
.wsm2[data-gruppe="staedte"] .st-blaetter>li{display:flex;flex-direction:column;padding:32px 24px 32px 0;min-width:0}
.wsm2[data-gruppe="staedte"] .st-blaetter>li+li{padding-left:24px;border-left:1px solid var(--linie-2)}
.wsm2[data-gruppe="staedte"] .st-stoss{position:relative;height:150px;margin-bottom:24px}
.wsm2[data-gruppe="staedte"] .st-stoss i{position:absolute;left:0;bottom:0;width:96px;height:72px;border-radius:6px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:transform .7s var(--auslauf),opacity .4s ease}
.wsm2[data-gruppe="staedte"] .st-stoss i:last-of-type{box-shadow:0 0 0 2px var(--tinte);background:linear-gradient(var(--haus),var(--haus)) 12px 12px/40% 6px no-repeat,linear-gradient(var(--linie-2),var(--linie-2)) 12px 26px/64% 4px no-repeat,linear-gradient(var(--linie-2),var(--linie-2)) 12px 36px/52% 4px no-repeat,var(--papier)}
.wsm2[data-gruppe="staedte"] .st-blaetter>li.aktiv .st-stoss i:last-of-type{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(2){transform:translate(5px,-5px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(3){transform:translate(10px,-10px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(4){transform:translate(15px,-15px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(5){transform:translate(20px,-20px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(6){transform:translate(25px,-25px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(7){transform:translate(30px,-30px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(8){transform:translate(35px,-35px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(9){transform:translate(40px,-40px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(10){transform:translate(45px,-45px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(11){transform:translate(50px,-50px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(12){transform:translate(55px,-55px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(13){transform:translate(60px,-60px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(14){transform:translate(65px,-65px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(15){transform:translate(70px,-70px)}
.wsm2-js .wsm2[data-gruppe="staedte"] .st-blaetter:not(.da) .st-stoss i{transform:none}
.wsm2-js .wsm2[data-gruppe="staedte"] .st-blaetter:not(.da) .st-stoss i:not(:first-child){opacity:0}
.wsm2[data-gruppe="staedte"] .st-stoss b{position:absolute;right:0;bottom:0;font:600 15px/1.2 var(--titel);color:var(--tinte-2);text-align:right}
.wsm2[data-gruppe="staedte"] .st-pname{font:600 28px/1.05 var(--titel);letter-spacing:-.025em}
.wsm2[data-gruppe="staedte"] .st-pfuer{margin-top:6px;color:var(--tinte-2);font-size:16px}
@media (min-width:1241px){.wsm2[data-gruppe="staedte"] .st-pfuer{min-height:4.8em}}
@media (min-width:901px) and (max-width:1240px){.wsm2[data-gruppe="staedte"] .st-pfuer{min-height:8em}}
.wsm2[data-gruppe="staedte"] .st-ppreis{margin-top:22px;font:600 clamp(40px,3.6vw,60px)/.95 var(--titel);letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.wsm2[data-gruppe="staedte"] .st-ppreis small{font-size:.32em;letter-spacing:0;margin-right:.3em;vertical-align:.9em;color:var(--tinte-2);font-weight:600}
.wsm2[data-gruppe="staedte"] .aktiv .st-pname,.wsm2[data-gruppe="staedte"] .aktiv .st-ppreis{color:var(--haus)}
.wsm2[data-gruppe="staedte"] .st-pdazu{margin-top:16px;color:var(--tinte-2);font-size:16px}
.wsm2[data-gruppe="staedte"] .st-pbestellen{margin-top:auto;padding-top:20px;font:600 16px/1.2 var(--titel)}
.wsm2[data-gruppe="staedte"] .st-pbestellen a{display:inline-block;padding:10px 0;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.2em}
@media (max-width:1240px) and (min-width:901px){.wsm2[data-gruppe="staedte"] .st-ppreis{font-size:36px}.wsm2[data-gruppe="staedte"] .st-blaetter>li{padding-right:16px}.wsm2[data-gruppe="staedte"] .st-blaetter>li+li{padding-left:16px}.wsm2[data-gruppe="staedte"] .st-blaetter{column-gap:16px}}
@media (max-width:900px){
.wsm2[data-gruppe="staedte"] .st-blaetter{grid-template-columns:minmax(0,1fr)}
.wsm2[data-gruppe="staedte"] .st-blaetter>li,.wsm2[data-gruppe="staedte"] .st-blaetter>li+li{display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:18px;padding:24px 0;border-left:0;border-top:1px solid var(--linie-2)}
.wsm2[data-gruppe="staedte"] .st-blaetter>li:first-child{border-top:0}
.wsm2[data-gruppe="staedte"] .st-blaetter>li>*{grid-column:2}
.wsm2[data-gruppe="staedte"] .st-blaetter>li>.st-stoss{grid-column:1;grid-row:1 / span 6;height:auto;padding-top:104px;margin:0;align-self:start}
.wsm2[data-gruppe="staedte"] .st-stoss i{top:46px;bottom:auto;width:66px;height:50px;border-radius:5px}
.wsm2[data-gruppe="staedte"] .st-stoss i:last-of-type{background-size:40% 4px,64% 3px,52% 3px;background-position:8px 8px,8px 18px,8px 25px}
.wsm2[data-gruppe="staedte"] .st-stoss b{position:static;display:block;text-align:left;font-size:14px}
.wsm2[data-gruppe="staedte"] .st-pname{font-size:26px}
.wsm2[data-gruppe="staedte"] .st-ppreis{margin-top:14px;font-size:44px}
.wsm2[data-gruppe="staedte"] .st-pdazu{margin-top:10px;font-size:15px}
.wsm2[data-gruppe="staedte"] .st-pbestellen{padding-top:8px}
}
@media (max-width:900px){
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(2){transform:translate(3px,-3px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(3){transform:translate(6px,-6px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(4){transform:translate(9px,-9px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(5){transform:translate(12px,-12px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(6){transform:translate(15px,-15px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(7){transform:translate(18px,-18px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(8){transform:translate(21px,-21px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(9){transform:translate(24px,-24px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(10){transform:translate(27px,-27px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(11){transform:translate(30px,-30px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(12){transform:translate(33px,-33px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(13){transform:translate(36px,-36px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(14){transform:translate(39px,-39px)}
.wsm2[data-gruppe="staedte"] .st-stoss i:nth-child(15){transform:translate(42px,-42px)}
}
.wsm2[data-gruppe="staedte"] .st-blaetter-kopf{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.wsm2[data-gruppe="staedte"] .st-blaetter-kopf p{color:var(--tinte-2);font-size:16px}
.wsm2[data-gruppe="staedte"] .st-blaetter-kopf .fix-text{color:var(--haus)}
@media (prefers-reduced-motion:reduce){
.wsm2[data-gruppe="staedte"] .st-stoss i,.wsm2[data-gruppe="staedte"] .st-blatt::before,.wsm2[data-gruppe="staedte"] .st-blatt::after,.wsm2[data-gruppe="staedte"] .st-bild img,.wsm2[data-gruppe="staedte"] [data-st-wort],.wsm2[data-gruppe="staedte"] .st-wahl button{transition:none}
}
@media (min-width:1321px){
.wsm2[data-seite="index-entwurf"] .kopf-stapel{width:520px;height:500px;top:-6px;right:var(--rand)}
.wsm2[data-seite="index-entwurf"] .kopf-stapel .stapel{top:60%}
.wsm2[data-seite="index-entwurf"] .kopf-stapel .blatt{transform:translateZ(calc(var(--z,0px) * 1.5 * var(--auf,1))) translateY(-40px) scale(1.6)}
.wsm2[data-seite="index-entwurf"] .kopf-stapel .blatt.da{transform:translateZ(calc(var(--z,0px) * 1.5 * var(--auf,1))) scale(1.6)}
.wsm2[data-seite="index-entwurf"] .kopf .riesig{max-width:calc(100% - 420px)}
}
.wsm2[data-seite="index-entwurf"] .ortszeit{font-weight:600;color:var(--tinte-2);margin-left:10px;font-variant-numeric:tabular-nums}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child{background:none;color:inherit;border-radius:0;padding:28px 0 0;border-top:3px solid var(--tinte)}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li{border-color:var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li .r-name span,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li .r-preis small{color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child a{text-decoration-color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .register.flaechen{column-gap:48px}
.wsm2[data-seite="index-entwurf"] .szene-buehne{background:none;padding:0}
.wsm2[data-seite="index-entwurf"] .ws-video{aspect-ratio:3 / 4}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{display:block;position:static;opacity:1;transform:none;width:auto;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--linie-2);aspect-ratio:16 / 10;background:var(--grund-2)}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .zeilen.werke>li{align-items:center;padding:20px 0}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{grid-column:1 / span 2;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-ort{grid-column:3 / span 2;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-name{grid-column:5 / span 3;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-text{grid-column:8 / span 3;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-link{grid-column:11 / span 2;grid-row:1}
}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .zeilen.werke>li{grid-template-columns:120px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{grid-column:1;grid-row:1 / span 4;max-width:none;margin:0}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-ort,.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-name,.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-text,.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-link{grid-column:2;grid-row:auto;justify-self:start}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-name{font-size:21px}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-text{font-size:15px}
}
.wsm2[data-seite="index-entwurf"] .frage-direkt{display:flex;gap:16px;align-items:center;margin-top:40px;max-width:340px}
.wsm2[data-seite="index-entwurf"] .frage-direkt img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.wsm2[data-seite="index-entwurf"] .frage-direkt p{font-size:15px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .frage-direkt b{display:block;color:var(--tinte);font:600 17px/1.3 var(--titel)}
.wsm2[data-seite="index-entwurf"] .frage-direkt a{color:var(--tinte);white-space:nowrap}
@media (min-width:901px){.wsm2[data-seite="index-entwurf"] .fragen-raster>.titelspalte{position:sticky;top:110px;align-self:start}.wsm2[data-seite="index-entwurf"] .fragen-raster>.titelspalte h2{position:static}}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .frage-direkt{margin:24px 0 32px}}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-link{white-space:normal;overflow-wrap:anywhere;min-width:0}.wsm2[data-seite="index-entwurf"] .zeilen.werke>li>*{min-width:0}}
@media (prefers-reduced-motion:reduce) and (min-width:1321px){.wsm2[data-seite="index-entwurf"] .kopf-stapel .blatt.da{transform:translateZ(calc(var(--z,0px) * 1.5)) scale(1.6)!important}}
.wsm2-js .wsm2[data-seite="index-entwurf"] .preisliste.ohne-js{display:none}
.wsm2[data-seite="index-entwurf"] .schalter button span{display:flex;gap:14px;align-items:baseline}
.wsm2[data-seite="index-entwurf"] .schalter button em{font:600 16px/1 var(--titel);font-style:normal;color:var(--tinte);font-variant-numeric:tabular-nums}
.wsm2[data-seite="index-entwurf"] .schalter button[aria-checked="true"] em{color:var(--papier)}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .schalter button span{flex-direction:column;gap:4px}}
.wsm2[data-seite="index-entwurf"] .werkbank{margin-bottom:72px}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .premium-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2[data-seite="index-entwurf"] .premium .premium-titel{grid-column:1 / span 7}
.wsm2[data-seite="index-entwurf"] .premium .premium-text{grid-column:8 / span 5;display:block}
.wsm2[data-seite="index-entwurf"] .premium-preiszeile{margin-top:24px}
}
.wsm2[data-seite="index-entwurf"] .premium-text .premium-fakten{display:block;margin-top:24px;padding-top:0;border-top:1px solid rgba(244,237,230,.22)}
.wsm2[data-seite="index-entwurf"] .premium-text .premium-fakten div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(244,237,230,.22)}
.wsm2[data-seite="index-entwurf"] .premium-text .premium-fakten dt{font-size:15px;color:var(--auf-dunkel-2)}
.wsm2[data-seite="index-entwurf"] .premium-text .premium-fakten dd{margin:0;text-align:right;font:600 16px/1.3 var(--titel);color:var(--auf-dunkel)}
.wsm2[data-seite="index-entwurf"] .premium-fuss{justify-content:flex-end;margin-top:28px}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{aspect-ratio:1200 / 540}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{grid-column:1 / span 4}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-ort{grid-column:5 / span 2;grid-row:1;align-self:start;padding-top:6px}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-name{grid-column:7 / span 3;grid-row:1;align-self:start;font-size:28px}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-text{grid-column:7 / span 4;grid-row:1;align-self:end}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-link{grid-column:11 / span 2;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke>li{padding:24px 0}
}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .zeilen.werke>li{grid-template-columns:minmax(0,1fr);padding:20px 0 24px}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{grid-column:1;grid-row:auto;margin-bottom:12px}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-ort,.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-name,.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-text,.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-link{grid-column:1}
}
.wsm2[data-seite="index-entwurf"] .register .r-name a{text-decoration-color:transparent}
@media (hover:hover){.wsm2[data-seite="index-entwurf"] .register li:hover .r-name a{text-decoration-color:var(--haus)}}
.wsm2[data-seite="index-entwurf"] .register .r-name a:focus-visible{text-decoration-color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .ws-gespraech{grid-template-columns:minmax(0,1fr) auto;gap:18px;align-content:start}
.wsm2[data-seite="index-entwurf"] .ws-notiz{display:grid;gap:0;background:var(--grund);border-radius:12px;padding:16px 18px;box-shadow:0 0 0 1.5px var(--linie);opacity:0;transform:translateY(16px);transition:transform .6s var(--auslauf),opacity .4s ease}
.wsm2[data-seite="index-entwurf"] .ws-notiz b{font:600 15px/1.2 var(--titel);margin-bottom:8px;display:flex;justify-content:space-between;gap:12px}
.wsm2[data-seite="index-entwurf"] .ws-notiz b em{font-style:normal;font-weight:600;font-size:12px;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .ws-notiz span{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px dashed var(--linie-2);font-size:14px;line-height:1.35;color:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .ws-notiz span small{font-size:inherit;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .ws-notiz .ws-ergebnis{color:var(--haus);font-weight:700}
.wsm2[data-seite="index-entwurf"] .ws-person{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transition:opacity .4s ease .3s}
.wsm2[data-seite="index-entwurf"] .ws-person i{width:64px;height:64px;border-radius:50%;background:var(--haus);color:var(--papier);display:grid;place-items:center;font:600 20px/1 var(--titel);font-style:normal}
.wsm2[data-seite="index-entwurf"] .ws-person span{font:600 13px/1.25 var(--titel);text-align:center;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] [data-phase="1"] .ws-notiz{opacity:1;transform:none}
.wsm2[data-seite="index-entwurf"] [data-phase="1"] .ws-person{opacity:1}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .ws-notiz{padding:10px 12px}
.wsm2[data-seite="index-entwurf"] .ws-notiz span{grid-template-columns:64px minmax(0,1fr);font-size:11px;padding:4px 0}
.wsm2[data-seite="index-entwurf"] .ws-notiz b{font-size:12px;margin-bottom:4px}
.wsm2[data-seite="index-entwurf"] .ws-person i{width:40px;height:40px;font-size:14px}
.wsm2[data-seite="index-entwurf"] .ws-person span{font-size:10px}
}
@media (prefers-reduced-motion:reduce){.wsm2[data-seite="index-entwurf"] .ws-notiz{transform:none!important}}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{aspect-ratio:1200 / 465}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .zeilen.werke>li{grid-template-rows:auto minmax(0,1fr);row-gap:10px;align-items:start}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{grid-row:1 / span 2}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-ort{grid-column:5 / span 2;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-name{grid-column:7 / span 4;grid-row:1}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-text{grid-column:7 / span 4;grid-row:2;align-self:start}
.wsm2[data-seite="index-entwurf"] .zeilen.werke .z-link{grid-column:11 / span 2;grid-row:1;padding-top:6px}
}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .ws-flaeche{aspect-ratio:16 / 9}
.wsm2[data-seite="index-entwurf"] .ws-notiz span{font-size:15px;padding:10px 0;grid-template-columns:110px minmax(0,1fr)}
.wsm2[data-seite="index-entwurf"] .ws-notiz b{font-size:17px;margin-bottom:10px}
}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .zeilen.werke .vorschau{order:-1}.wsm2[data-seite="index-entwurf"] .zeilen.werke{margin-top:24px!important}}
.wsm2[data-seite="index-entwurf"] .ablauf-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
.wsm2[data-seite="index-entwurf"] .ablauf-kopf h2{grid-column:1 / span 7}
.wsm2[data-seite="index-entwurf"] .ablauf-kopf p{grid-column:8 / span 5;margin:0}
.wsm2[data-seite="index-entwurf"] .ablauf-zeit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:56px}
.wsm2[data-seite="index-entwurf"] .ablauf-zeit span{display:flex;align-items:center;gap:8px;height:40px;border-radius:999px;padding-inline:18px;font:600 15px/1 var(--titel)}
.wsm2[data-seite="index-entwurf"] .az-vor{grid-column:1 / span 2;background:var(--grund-2);color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .az-tage{grid-column:3 / span 3;background:var(--haus);color:var(--papier)}
.wsm2[data-seite="index-entwurf"] .az-tage b{font-weight:700}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:20px}
.wsm2[data-seite="index-entwurf"] .ab-blatt{position:relative;display:flex;flex-direction:column;background:var(--papier);border-radius:16px;box-shadow:0 0 0 1.5px var(--linie-2),0 18px 30px -24px rgba(34,30,43,.35);padding:22px 20px 20px;rotate:var(--r,0deg);transition:translate .7s var(--auslauf),rotate .7s var(--auslauf),opacity .4s ease,box-shadow .3s ease}
.wsm2[data-seite="index-entwurf"] .ab-blatt.fertig{box-shadow:0 0 0 2px var(--haus),0 18px 30px -24px rgba(34,30,43,.35)}
.wsm2[data-seite="index-entwurf"] .ab-nr{font:600 88px/1 var(--titel);letter-spacing:-.06em;color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .ab-blatt h3{font-size:21px;line-height:1.15;letter-spacing:-.02em;margin-top:24px}
.wsm2[data-seite="index-entwurf"] .ab-blatt p{margin-top:10px;font-size:15px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .ab-skizze{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:relative;padding:24px 12px 12px}
.wsm2[data-seite="index-entwurf"] .ab-skizze::before{content:"";position:absolute;inset:10px 0 0;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--linie)}
.wsm2[data-seite="index-entwurf"] .ab-skizze i{display:block;height:10px;border-radius:5px;background:var(--linie);font-style:normal;position:relative}
.wsm2[data-seite="index-entwurf"] .s1 i{grid-column:1 / -1;height:12px;background:none;border-bottom:1.5px dashed var(--linie-2);border-radius:0}
.wsm2[data-seite="index-entwurf"] .s2 i{grid-column:1 / -1;height:14px;background:none;box-shadow:inset 0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .s2 i.ok::after{content:"";position:absolute;right:8px;top:2px;width:8px;height:4px;border-left:2px solid var(--haus);border-bottom:2px solid var(--haus);rotate:-45deg}
.wsm2[data-seite="index-entwurf"] .ab-skizze i.k{grid-column:1 / span 1;height:8px;background:var(--haus)}
.wsm2[data-seite="index-entwurf"] .ab-skizze i.t{grid-column:1 / span 2;height:12px;background:var(--tinte-2);opacity:.5}
.wsm2[data-seite="index-entwurf"] .ab-skizze i.b{grid-column:3;grid-row:1 / span 2;height:auto;min-height:26px;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .ab-skizze i.c{height:18px;background:var(--grund-2)}
.wsm2[data-seite="index-entwurf"] .s4 em{position:absolute;width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px var(--haus);font-style:normal}
.wsm2[data-seite="index-entwurf"] .s4 .m1{left:22%;top:26px}
.wsm2[data-seite="index-entwurf"] .s4 .m2{right:16%;bottom:12px}
.wsm2[data-seite="index-entwurf"] .s5 i.t{opacity:1;background:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .s5 i.c{background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .s5 strong{position:absolute;right:8px;top:0;padding:4px 9px;border-radius:999px;background:#2F7D4F;color:#fff;font:600 12px/1 var(--titel)}
.wsm2[data-seite="index-entwurf"] .unter-ablauf{margin-top:32px;color:var(--tinte-2);font-size:15px}
.wsm2-js .wsm2[data-seite="index-entwurf"] .ablauf-blaetter:not(.da) .ab-blatt{opacity:0;translate:0 -28px;rotate:calc(var(--r,0deg) + 5deg)}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter .ab-blatt:nth-child(2){transition-delay:.12s}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter .ab-blatt:nth-child(3){transition-delay:.24s}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter .ab-blatt:nth-child(4){transition-delay:.36s}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter .ab-blatt:nth-child(5){transition-delay:.48s}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .ablauf-blaetter.da .ab-blatt:hover{translate:0 -6px;rotate:0deg;transition-delay:0s}}
@media (prefers-reduced-motion:reduce){
.wsm2-js .wsm2[data-seite="index-entwurf"] .ablauf-blaetter:not(.da) .ab-blatt{translate:none;rotate:var(--r,0deg)}
.wsm2[data-seite="index-entwurf"] .ab-blatt{transition:opacity .2s linear}
}
@media (max-width:1100px) and (min-width:901px){
.wsm2[data-seite="index-entwurf"] .ab-nr{font-size:64px}
.wsm2[data-seite="index-entwurf"] .ab-blatt h3{font-size:18px}
.wsm2[data-seite="index-entwurf"] .ab-blatt{padding:18px 14px 14px}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter,.wsm2[data-seite="index-entwurf"] .ablauf-zeit{gap:12px}
.wsm2[data-seite="index-entwurf"] .ablauf-zeit span{font-size:13px;padding-inline:12px}
}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .ablauf-kopf{grid-template-columns:minmax(0,1fr)}
.wsm2[data-seite="index-entwurf"] .ablauf-kopf h2,.wsm2[data-seite="index-entwurf"] .ablauf-kopf p{grid-column:1}
.wsm2[data-seite="index-entwurf"] .ablauf-kopf p{margin-top:16px}
.wsm2[data-seite="index-entwurf"] .ablauf-zeit{display:none}
.wsm2[data-seite="index-entwurf"] .ablauf-blaetter{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}
.wsm2[data-seite="index-entwurf"] .ab-blatt{display:grid;grid-template-columns:56px minmax(0,1fr) 92px;column-gap:14px;padding:18px 16px;rotate:calc(var(--r,0deg) * .5)}
.wsm2[data-seite="index-entwurf"] .ab-nr{grid-column:1;grid-row:1 / span 2;font-size:56px}
.wsm2[data-seite="index-entwurf"] .ab-blatt h3{grid-column:2;grid-row:1;margin-top:0;font-size:19px}
.wsm2[data-seite="index-entwurf"] .ab-blatt p{grid-column:2 / span 2;grid-row:2;margin-top:6px}
.wsm2[data-seite="index-entwurf"] .ab-skizze{grid-column:3;grid-row:1;padding:16px 8px 8px;gap:4px;margin:0;align-self:start}
.wsm2[data-seite="index-entwurf"] .ab-skizze i{height:6px}
.wsm2[data-seite="index-entwurf"] .ab-skizze i.c{height:10px}
.wsm2[data-seite="index-entwurf"] .ab-skizze i.b{min-height:16px}
.wsm2[data-seite="index-entwurf"] .s5 strong{font-size:10px;padding:3px 6px;top:0}
.wsm2[data-seite="index-entwurf"] .s4 em{width:12px;height:12px}
.wsm2[data-seite="index-entwurf"] .s4 .m1{top:16px}
}
.wsm2[data-seite="index-entwurf"] .werke-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;margin-top:48px}
.wsm2[data-seite="index-entwurf"] .werk{display:block;text-decoration:none;color:inherit}
.wsm2[data-seite="index-entwurf"] .werk-blatt{display:block;position:relative;z-index:0;margin:0 14px 14px 0}
.wsm2[data-seite="index-entwurf"] .werk-blatt::before,.wsm2[data-seite="index-entwurf"] .werk-blatt::after{content:"";position:absolute;inset:0;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:transform .45s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .werk-blatt::before{z-index:-1;transform:translate(7px,7px)}
.wsm2[data-seite="index-entwurf"] .werk-blatt::after{z-index:-2;transform:translate(14px,14px)}
.wsm2[data-seite="index-entwurf"] .werk-vorne{display:block;position:relative;padding:0 8px 8px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:box-shadow .3s ease}
.wsm2[data-seite="index-entwurf"] .werk-leiste{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px}
.wsm2[data-seite="index-entwurf"] .werk-leiste i{width:8px;height:8px;border-radius:50%;background:var(--linie-2);flex:none}
.wsm2[data-seite="index-entwurf"] .werk-leiste span{margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border-radius:6px;background:var(--grund-2);font-size:13px;line-height:1.3;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .werk-bild{display:block;position:relative;overflow:hidden;aspect-ratio:1200 / 465;border-radius:8px;background:var(--grund-2)}
.wsm2[data-seite="index-entwurf"] .werk-bild img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .werk-ort{display:block;margin-top:22px;color:var(--tinte-2);font-size:15px}
.wsm2[data-seite="index-entwurf"] .werk-name{display:block;margin-top:6px;font:600 30px/1.08 var(--titel);letter-spacing:-.025em}
.wsm2[data-seite="index-entwurf"] .werk-text{display:block;margin-top:8px;color:var(--tinte-2);max-width:52ch}
.wsm2[data-seite="index-entwurf"] .werk-link{display:inline-block;margin-top:12px;font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-underline-offset .3s ease}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-blatt::before{transform:translate(11px,11px)}
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-blatt::after{transform:translate(22px,20px)}
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-vorne{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-bild img{transform:scale(1.025)}
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-link{text-underline-offset:.4em}
}
.wsm2[data-seite="index-entwurf"] .werk:focus-visible{outline:none}
.wsm2[data-seite="index-entwurf"] .werk:focus-visible .werk-vorne{box-shadow:0 0 0 3px var(--haus)}
@media (min-width:901px){.wsm2[data-seite="index-entwurf"] .werk:nth-child(even){margin-top:96px}}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .werke-raster{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:28px}
.wsm2[data-seite="index-entwurf"] .werk-leiste{height:28px}
.wsm2[data-seite="index-entwurf"] .werk-leiste span{font-size:11px}
.wsm2[data-seite="index-entwurf"] .werk-name{font-size:24px}
.wsm2[data-seite="index-entwurf"] .werk-link{overflow-wrap:anywhere}
}
.wsm2[data-seite="index-entwurf"] .werk-bild::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(255,253,251,0) 0%,rgba(255,253,251,.85) 70%,var(--papier) 100%);pointer-events:none}
.wsm2[data-seite="index-entwurf"] section[aria-labelledby="register-titel"] .raster .titelspalte{grid-column:1 / -1}
.wsm2[data-seite="index-entwurf"] section[aria-labelledby="register-titel"] .raster .inhaltspalte{grid-column:1 / span 7;margin-top:16px}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .fragen-raster{display:block}
.wsm2[data-seite="index-entwurf"] .fragen-raster>.titelspalte{position:static;display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}
.wsm2[data-seite="index-entwurf"] .frage-direkt{margin-top:0}
.wsm2[data-seite="index-entwurf"] .fragen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .person-bild{grid-column:1 / span 4;aspect-ratio:4 / 5}
.wsm2[data-seite="index-entwurf"] .person-bild img{object-position:50% 18%}
.wsm2[data-seite="index-entwurf"] .person-text{grid-column:6 / span 7}
}
.wsm2[data-seite="index-entwurf"] .paket-fakten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:3px solid var(--tinte);padding-top:24px;margin-top:8px}
.wsm2[data-seite="index-entwurf"] .paket-fakten dt{font:600 clamp(48px,5vw,80px)/.9 var(--titel);letter-spacing:-.05em;color:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .paket-fakten dt small{font-size:.32em;letter-spacing:-.01em;margin-left:.12em;color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .paket-fakten dd{margin-top:12px;font-size:16px;color:var(--tinte-2);max-width:28ch}
.wsm2[data-seite="index-entwurf"] .paket-nachher{margin-top:28px;font-size:15px;color:var(--tinte-2);max-width:80ch}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .paket-fakten{grid-template-columns:minmax(0,1fr);gap:0}
.wsm2[data-seite="index-entwurf"] .paket-fakten>div{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .paket-fakten dt{font-size:44px}
.wsm2[data-seite="index-entwurf"] .paket-fakten dd{margin-top:0;font-size:15px}
}
@media (min-width:901px){.wsm2[data-seite="index-entwurf"] .werk:nth-child(even){margin-top:0}}
.wsm2[data-seite="index-entwurf"] .werk-bild::after{height:26%}
.wsm2[data-seite="index-entwurf"] .az-tage{gap:0}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .ab-blatt{grid-template-columns:52px minmax(0,1fr)}
.wsm2[data-seite="index-entwurf"] .ab-skizze{display:none}
.wsm2[data-seite="index-entwurf"] .ab-blatt p{grid-column:2}
}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .kopf-stapel-handy .blatt{transform:translateZ(calc(var(--z,0px) * .8 * min(var(--auf,1), 1.15))) translateY(-30px) scale(.6)!important}
.wsm2[data-seite="index-entwurf"] .kopf-stapel-handy .blatt.da{transform:translateZ(calc(var(--z,0px) * .8 * min(var(--auf,1), 1.15))) scale(.6)!important}
}
.wsm2[data-seite="index-entwurf"] .werk-bild img.ausschnitt-cw{position:absolute;width:200%;height:auto;max-width:none;left:-100%;top:-129%;object-fit:fill}
.wsm2[data-seite="index-entwurf"] .werk-bild::after{content:none}
.wsm2[data-seite="index-entwurf"] .register.flaechen{display:block}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child{border-top:0;padding:0;margin:0 0 56px;background:none;color:inherit}
.wsm2[data-seite="index-entwurf"] .register.flaechen h3{font-size:22px;letter-spacing:-.02em;margin-bottom:20px;padding-bottom:12px;border-bottom:1.5px solid var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .register.flaechen ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.wsm2[data-seite="index-entwurf"] .register.flaechen li,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:190px;padding:18px 18px 16px;border:0;border-radius:12px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2),0 14px 24px -22px rgba(34,30,43,.4);rotate:-.6deg;transition:rotate .35s var(--auslauf),translate .35s var(--auslauf),box-shadow .3s ease}
.wsm2[data-seite="index-entwurf"] .register.flaechen li:nth-child(2n){rotate:.5deg}
.wsm2[data-seite="index-entwurf"] .register.flaechen li:nth-child(3n){rotate:-.2deg}
.wsm2[data-seite="index-entwurf"] .register.flaechen li::before{content:"";position:absolute;left:12px;right:12px;top:-1px;height:8px;background:radial-gradient(circle at 4px 0,var(--grund) 3px,transparent 3.5px) 0 0/12px 8px repeat-x;opacity:.9}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name a{font:600 21px/1.15 var(--titel);letter-spacing:-.02em;color:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name span,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li .r-name span{font-size:14px;color:var(--tinte-2);margin-top:6px}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis{text-align:left;font-size:30px;letter-spacing:-.035em;white-space:normal}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis small,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li .r-preis small{font-size:13px;color:var(--tinte-2);margin-top:4px}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .register.flaechen li:hover{rotate:0deg;translate:0 -4px;box-shadow:0 0 0 2px var(--haus),0 18px 30px -22px rgba(34,30,43,.45)}}
@media (max-width:1240px) and (min-width:901px){.wsm2[data-seite="index-entwurf"] .register.flaechen ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .register.flaechen ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wsm2[data-seite="index-entwurf"] .register.flaechen li,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li{min-height:150px;padding:14px 12px 12px;gap:16px;rotate:0deg!important}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name a{font-size:18px}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis{font-size:22px}
}
@media (max-width:380px){.wsm2[data-seite="index-entwurf"] .register.flaechen ul{grid-template-columns:minmax(0,1fr)}}
.wsm2[data-seite="index-entwurf"] .stimmen{background:var(--tinte);color:var(--auf-dunkel);border-top:0;border-radius:24px;padding:56px 56px 64px;margin-top:96px}
.wsm2[data-seite="index-entwurf"] .stimmen-kopf .note{color:var(--auf-dunkel)}
.wsm2[data-seite="index-entwurf"] .stimmen-kopf p,.wsm2[data-seite="index-entwurf"] .stimme figcaption span{color:var(--auf-dunkel-2)}
.wsm2[data-seite="index-entwurf"] .stimmen-kopf a{color:var(--auf-dunkel);text-decoration-color:#FF8A66}
.wsm2[data-seite="index-entwurf"] .stimme blockquote::before{color:#FF8A66}
.wsm2[data-seite="index-entwurf"] .stimme blockquote::after{content:"»";color:#FF8A66;margin-left:.15em}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .stimmen{padding:36px 22px 40px;border-radius:20px;margin-top:64px}}
.wsm2[data-seite="index-entwurf"] .person-text h2{font-size:clamp(40px,5.6vw,92px);line-height:.96;letter-spacing:-.045em}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .person-bild{grid-column:1 / span 4}
.wsm2[data-seite="index-entwurf"] .person-text{grid-column:5 / span 8}
.wsm2[data-seite="index-entwurf"] .person-text>p:not(.titelzeile){max-width:56ch}
}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .person-bild{aspect-ratio:4 / 5;max-width:78%}}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .fragen-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.wsm2[data-seite="index-entwurf"] .fragen-raster>.titelspalte{grid-column:1 / span 4;display:block;position:sticky;top:110px;align-self:start;margin:0}
.wsm2[data-seite="index-entwurf"] .frage-direkt{margin-top:40px}
.wsm2[data-seite="index-entwurf"] .fragen{grid-column:5 / span 8;display:block}
.wsm2[data-seite="index-entwurf"] .fragen summary{font-size:24px}
}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name{display:block}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name a,.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name span,.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis{order:0;flex:none}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name span{display:block;overflow-wrap:anywhere}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis small{display:block;margin-left:0}
}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child{padding-top:6px}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis{min-height:54px;display:flex;flex-direction:column;justify-content:flex-start}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child .r-name a,.wsm2[data-seite="index-entwurf"] .register.flaechen .r-name a{text-decoration-color:transparent}
@media (hover:hover){.wsm2[data-seite="index-entwurf"] .register.flaechen li:hover .r-name a{text-decoration-color:var(--haus)}}
@media (min-width:901px){
.wsm2[data-seite="index-entwurf"] .tueren{align-items:stretch}
.wsm2[data-seite="index-entwurf"] .tuer .knopfgruppe{margin-top:auto;padding-top:28px}
}
.wsm2[data-seite="index-entwurf"] .werk-bild img.ausschnitt-cw{position:absolute;width:193.5%;height:auto;max-width:none;left:0;top:0;object-fit:fill}
.wsm2[data-seite="index-entwurf"] .werke-fuss{margin-top:40px;color:var(--tinte-2);font-size:15px}
.wsm2[data-seite="index-entwurf"] .register.flaechen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child{margin:0;padding:6px 0 0;border-top:3px solid var(--tinte)}
.wsm2[data-seite="index-entwurf"] .register.flaechen h3{border-bottom:0;padding-bottom:0;margin:14px 0 6px;font-size:24px}
.wsm2[data-seite="index-entwurf"] .register.flaechen ul{display:block}
.wsm2[data-seite="index-entwurf"] .register.flaechen li,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:24px;min-height:0;padding:18px 0;border-radius:0;background:none;box-shadow:none;rotate:none;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .register.flaechen li::before{content:none}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-name a{font-size:20px}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis{min-height:0;text-align:right;font-size:24px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .register.flaechen li:hover{rotate:none;translate:none;box-shadow:none;background:linear-gradient(90deg,var(--grund-2),transparent)}}
@media (max-width:900px){
.wsm2[data-seite="index-entwurf"] .register.flaechen{grid-template-columns:minmax(0,1fr);row-gap:40px}
.wsm2[data-seite="index-entwurf"] .register.flaechen ul{display:block}
.wsm2[data-seite="index-entwurf"] .register.flaechen li,.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe:last-child li{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 0}
.wsm2[data-seite="index-entwurf"] .register.flaechen li .r-preis{text-align:left;font-size:20px}
}
.wsm2[data-seite="index-entwurf"] .ab-blatt{rotate:none;box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .ab-blatt.fertig{box-shadow:0 0 0 2px var(--haus)}
.wsm2-js .wsm2[data-seite="index-entwurf"] .ablauf-blaetter:not(.da) .ab-blatt{rotate:none;translate:0 -20px}
.wsm2[data-seite="index-entwurf"] .s1 i{border:0;border-radius:8px;height:14px;background:var(--grund-2)}
.wsm2[data-seite="index-entwurf"] .s1 i.sp1{grid-column:1 / span 2}
.wsm2[data-seite="index-entwurf"] .s1 i.sp2{grid-column:2 / span 2;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .s1 i.sp3{grid-column:1 / span 2}
.wsm2[data-seite="index-entwurf"] .register.flaechen .register-gruppe{grid-column:auto}
.wsm2[data-seite="index-entwurf"] .register.flaechen li:nth-child(n){rotate:none}
.wsm2[data-seite="index-entwurf"] .tuer-premium .ausschnitt,.wsm2[data-seite="index-entwurf"] .tuer-premium .etikett{display:none}
@media (min-width:901px){.wsm2[data-seite="index-entwurf"] .tueren{align-items:start}.wsm2[data-seite="index-entwurf"] .tuer .knopfgruppe{margin-top:0}}
.wsm2[data-seite="kontakt"] .seitenkopf-raster{align-items:end}
.wsm2[data-seite="kontakt"] .seitenkopf-raster>.links{grid-column:1 / span 6}
.wsm2[data-seite="kontakt"] .seitenkopf .riesig{font-size:clamp(46px,8.2vw,124px)}
.wsm2[data-seite="kontakt"] .seitenkopf-raster>.kontakt-person{grid-column:7 / span 6;margin:0}
.wsm2[data-seite="kontakt"] .kp-bild{aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--grund-2)}
.wsm2[data-seite="kontakt"] .kp-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding-top:14px;border-top:3px solid var(--tinte)}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption b{font:600 20px/1.2 var(--titel);letter-spacing:-.01em;color:var(--tinte)}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption span{font-size:16px;color:var(--tinte-2)}
.wsm2-js .wsm2[data-seite="kontakt"] .kontakt-person .bild-auf{clip-path:inset(0 0 100% 0 round 24px)}
.wsm2-js .wsm2[data-seite="kontakt"] .kontakt-person.sichtbar .bild-auf{clip-path:inset(0 0 0 0 round 24px)}
.wsm2[data-seite="kontakt"] .wege-liste{row-gap:0;margin-top:64px}
.wsm2[data-seite="kontakt"] .weg.haupt{grid-column:1 / span 6;grid-row:1 / span 2;border-radius:24px}
.wsm2[data-seite="kontakt"] .weg.haupt .w-art{color:var(--papier)}
.wsm2[data-seite="kontakt"] .weg.zweit{grid-column:7 / span 6;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-content:start;padding:20px 0 28px}
.wsm2[data-seite="kontakt"] .weg.zweit+.weg.zweit{border-top-width:1px;border-top-color:var(--linie-2)}
.wsm2[data-seite="kontakt"] .weg.zweit .w-art{grid-column:1 / -1;font-size:16px;color:var(--tinte)}
.wsm2[data-seite="kontakt"] .weg.zweit .w-wert{grid-column:1 / -1;margin-top:12px;font-size:clamp(40px,4.4vw,72px);line-height:1.1;letter-spacing:-.04em}
.wsm2[data-seite="kontakt"] .weg.zweit .w-mail{font-size:clamp(26px,2.7vw,42px)!important}
.wsm2[data-seite="kontakt"] .weg.zweit p{grid-column:1;align-self:end;margin-top:10px;font-size:17px;line-height:1.4;color:var(--tinte)}
.wsm2[data-seite="kontakt"] .weg.zweit .w-pfeil{grid-column:2;grid-row:3;align-self:end;margin-top:12px;font-size:16px;color:var(--tinte)}
.wsm2[data-seite="kontakt"] .formular-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2[data-seite="kontakt"] .formular-seite{grid-column:1 / span 4;grid-row:1;padding-top:8px;position:sticky;top:110px}
.wsm2[data-seite="kontakt"] .formular{grid-column:6 / span 7;grid-row:1;background:var(--grund-2);border-radius:24px;padding:48px}
.wsm2[data-seite="kontakt"] .formular-seite .nebentext{margin-top:20px;max-width:34ch}
.wsm2[data-seite="kontakt"] .ablauf-drei{list-style:none;margin:32px 0 0;padding:0;counter-reset:ab}
.wsm2[data-seite="kontakt"] .ablauf-drei li{counter-increment:ab;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding:18px 0;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="kontakt"] .ablauf-drei li:last-child{border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="kontakt"] .ablauf-drei li::before{content:counter(ab);grid-row:1 / span 2;align-self:start;width:42px;height:52px;box-sizing:border-box;padding:6px 0 0 8px;background:var(--papier);border:1.5px solid var(--tinte);border-radius:4px;box-shadow:4px 4px 0 -1.5px var(--papier),4px 4px 0 0 var(--linie-2);font:600 22px/1 var(--titel);color:var(--haus);transform:rotate(-4deg)}
.wsm2[data-seite="kontakt"] .ablauf-drei li:nth-child(2)::before{transform:rotate(3deg)}
.wsm2[data-seite="kontakt"] .ablauf-drei li:nth-child(3)::before{transform:rotate(-2deg);background:var(--haus);border-color:var(--haus);color:var(--papier)}
.wsm2[data-seite="kontakt"] .ablauf-drei b{font:600 19px/1.25 var(--titel);letter-spacing:-.01em;color:var(--tinte)}
.wsm2[data-seite="kontakt"] .ablauf-drei span{margin-top:4px;font-size:16px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="kontakt"] .formular form input[type=text],.wsm2[data-seite="kontakt"] .formular form input[type=email]{border-radius:999px;padding-inline:24px}
.wsm2[data-seite="kontakt"] .formular form textarea{border-radius:24px;padding-inline:24px}
.wsm2[data-seite="kontakt"] .formular .vorschau-hinweis{border:0;border-radius:0;padding:0 0 14px;border-bottom:1px solid var(--linie-2);font-size:14px}
.wsm2[data-seite="kontakt"] .v-wahl{border:0;margin:0;padding:0;min-width:0}
.wsm2[data-seite="kontakt"] .v-wahl legend{padding:0;margin-bottom:12px;font:600 16px/1.3 var(--titel);color:var(--tinte)}
.wsm2[data-seite="kontakt"] .v-wahl label{display:inline-block;margin:0 8px 10px 0;font:inherit;cursor:pointer}
.wsm2[data-seite="kontakt"] .v-wahl input{position:absolute;opacity:0;width:1px;height:1px}
.wsm2[data-seite="kontakt"] .v-wahl span{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 2px var(--linie-2);font:600 16px/1.2 var(--titel);color:var(--tinte);transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}
.wsm2[data-seite="kontakt"] .v-wahl label:hover span{box-shadow:inset 0 0 0 2px var(--tinte)}
.wsm2[data-seite="kontakt"] .v-wahl input:checked+span{background:var(--tinte);box-shadow:inset 0 0 0 2px var(--tinte);color:var(--papier)}
.wsm2[data-seite="kontakt"] .v-wahl input:focus-visible+span{outline:2px solid var(--haus);outline-offset:3px}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption{flex-wrap:wrap}
.wsm2[data-seite="kontakt"] .kp-zeit{flex-basis:100%;margin-top:6px;font-size:16px;color:var(--tinte-2)}
.wsm2[data-seite="kontakt"] .kp-zeit[hidden]{display:none}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption .kp-zeit b{font:600 16px/1.2 var(--titel);color:var(--haus);font-variant-numeric:tabular-nums}
.wsm2[data-seite="kontakt"] .formular .mikro{margin-top:20px!important}
.wsm2[data-seite="kontakt"] .schluss .direkt{display:none}
@media (max-width:1100px){
.wsm2[data-seite="kontakt"] .formular-seite{grid-column:1 / span 5}
.wsm2[data-seite="kontakt"] .formular{grid-column:6 / span 7;padding:32px}
}
@media (max-width:900px){
.wsm2[data-seite="kontakt"] .seitenkopf .riesig{font-size:clamp(44px,13.4vw,72px)}
.wsm2[data-seite="kontakt"] .seitenkopf-raster>.kontakt-person{margin:36px calc(var(--rand) * -1) 0}
.wsm2[data-seite="kontakt"] .kp-bild{aspect-ratio:4/5;border-radius:0}
.wsm2[data-seite="kontakt"] .kp-bild img{object-position:50% 30%}
.wsm2-js .wsm2[data-seite="kontakt"] .kontakt-person .bild-auf{clip-path:inset(0 0 100% 0)}
.wsm2-js .wsm2[data-seite="kontakt"] .kontakt-person.sichtbar .bild-auf{clip-path:inset(0 0 0 0)}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption{margin:0 var(--rand);padding-top:12px;border-top:0;display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px}
.wsm2[data-seite="kontakt"] .kontakt-person figcaption b{font-size:20px}
.wsm2[data-seite="kontakt"] .wege-liste{margin-top:40px}
.wsm2[data-seite="kontakt"] .weg.haupt{grid-row:auto;border-radius:24px}
.wsm2[data-seite="kontakt"] .weg.zweit{grid-row:auto;margin-top:0;padding:20px 0 24px}
.wsm2[data-seite="kontakt"] .weg.haupt+.weg.zweit{margin-top:32px}
.wsm2[data-seite="kontakt"] .weg.zweit .w-wert{font-size:40px}
.wsm2[data-seite="kontakt"] .weg.zweit p{font-size:16px}
.wsm2[data-seite="kontakt"] .v-wahl span{padding:10px 16px;font-size:15px}
.wsm2[data-seite="kontakt"] .weg.zweit .w-mail{font-size:24px!important}
.wsm2[data-seite="kontakt"] .weg.zweit p{grid-column:1 / -1}
.wsm2[data-seite="kontakt"] .weg.zweit .w-pfeil{grid-column:1 / -1;grid-row:auto}
.wsm2[data-seite="kontakt"] .formular-raster{grid-template-columns:minmax(0,1fr)}
.wsm2[data-seite="kontakt"] .formular-seite{grid-column:1;grid-row:1;padding-top:0;position:static}
.wsm2[data-seite="kontakt"] .formular{grid-column:1;grid-row:2;margin-top:32px;padding:24px 20px;border-radius:24px}
.wsm2[data-seite="kontakt"] .ablauf-drei{margin-top:24px}
.wsm2[data-seite="kontakt"] .ablauf-drei li{grid-template-columns:52px minmax(0,1fr);padding:14px 0}
.wsm2[data-seite="kontakt"] .ablauf-drei li::before{width:38px;height:46px;font-size:20px}
}
@media (min-width:901px){
.wsm2[data-seite="online-marketing"] .seitenkopf .riesig{max-width:none;font-size:min(6.6vw,96px)}
.wsm2[data-seite="online-marketing"] .seitenkopf .riesig .zeile>span{white-space:nowrap}
}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt.da{transform:translateZ(calc(var(--z,0px) * 2.3))!important}
.wsm2[data-seite="online-marketing"] .kopf-figur .stapel{left:36%}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt:nth-child(1){background:var(--tinte-3);box-shadow:0 0 0 1.5px var(--tinte-3)}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt:nth-child(1) i{background:rgba(255,253,251,.22)}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt:nth-child(1) i.k{background:var(--papier)}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt:nth-child(2){background:var(--haus-hell);box-shadow:0 0 0 1.5px var(--haus)}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt:nth-child(2) i{background:rgba(255,253,251,.7)}
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt:nth-child(2) i.k{background:var(--haus)}
.wsm2[data-seite="online-marketing"] .om-marken{position:absolute;inset:0;margin:0;pointer-events:none}
.wsm2[data-seite="online-marketing"] .om-marke{position:absolute;left:calc(36% + 214px);display:block;white-space:nowrap;padding-left:30px;font:500 16px/1.2 var(--text);color:var(--tinte-2)}
.wsm2[data-seite="online-marketing"] .om-marke::before{content:"";position:absolute;left:0;top:11px;width:22px;height:1.5px;background:var(--tinte)}
.wsm2[data-seite="online-marketing"] .om-marke b{display:block;margin-bottom:3px;font:600 21px/1 var(--titel);letter-spacing:-.015em;color:var(--tinte)}
.wsm2[data-seite="online-marketing"] .om-m3 b{color:var(--haus)}
.wsm2[data-seite="online-marketing"] .om-m3{top:194px}
.wsm2[data-seite="online-marketing"] .om-m2{top:245px}
.wsm2[data-seite="online-marketing"] .om-m1{top:295px}
@media (max-width:1240px) and (min-width:901px){
.wsm2[data-seite="online-marketing"] .kopf-figur .stapel{left:28%}
.wsm2[data-seite="online-marketing"] .om-marke{left:calc(28% + 170px);padding-left:22px}
.wsm2[data-seite="online-marketing"] .om-marke::before{width:14px}
.wsm2[data-seite="online-marketing"] .om-marke b{font-size:18px}
.wsm2[data-seite="online-marketing"] .om-m3{top:151px}
.wsm2[data-seite="online-marketing"] .om-m2{top:201px}
.wsm2[data-seite="online-marketing"] .om-m1{top:252px}
}
.wsm2[data-seite="online-marketing"] .om-p-kopf{margin-bottom:64px}
.wsm2[data-seite="online-marketing"] .om-p-kopf p{margin-top:24px;max-width:60ch;font-size:18px}
.wsm2[data-seite="online-marketing"] .om-e-kopf,.wsm2[data-seite="online-marketing"] .om-bereich{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.wsm2[data-seite="online-marketing"] .om-e-kopf{padding-bottom:18px}
.wsm2[data-seite="online-marketing"] .om-k{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline}
.wsm2[data-seite="online-marketing"] .om-k:nth-child(1){grid-column:4 / span 3}
.wsm2[data-seite="online-marketing"] .om-k:nth-child(2){grid-column:7 / span 3}
.wsm2[data-seite="online-marketing"] .om-k:nth-child(3){grid-column:10 / span 3}
.wsm2[data-seite="online-marketing"] .om-ziffer{grid-row:1 / span 2;font:600 56px/.8 var(--titel);letter-spacing:-.05em;color:var(--haus)}
.wsm2[data-seite="online-marketing"] .om-k b{font:600 24px/1 var(--titel);letter-spacing:-.02em}
.wsm2[data-seite="online-marketing"] .om-k>span:last-child{margin-top:6px;font-size:15px;color:var(--tinte-2)}
.wsm2[data-seite="online-marketing"] .om-bereich{padding:32px 0 40px;border-top:3px solid var(--tinte)}
.wsm2[data-seite="online-marketing"] .om-b-name{grid-column:1 / span 3}
.wsm2[data-seite="online-marketing"] .om-b-name h3{font:600 64px/1 var(--titel);letter-spacing:-.045em}
.wsm2[data-seite="online-marketing"] .om-b-name h3 a{color:var(--tinte);text-decoration-color:var(--haus);text-decoration-thickness:3px;text-underline-offset:.12em}
.wsm2[data-seite="online-marketing"] .om-b-name p{margin-top:10px;font-size:16px;color:var(--tinte-2)}
.wsm2[data-seite="online-marketing"] .om-e1{grid-column:4 / span 3}
.wsm2[data-seite="online-marketing"] .om-e2{grid-column:7 / span 3}
.wsm2[data-seite="online-marketing"] .om-e3{grid-column:10 / span 3}
.wsm2[data-seite="online-marketing"] .om-preis{font-size:clamp(44px,4.4vw,64px);line-height:.95;color:var(--tinte)}
.wsm2[data-seite="online-marketing"] .om-mt{display:block;margin-top:10px;font:500 16px/1.2 var(--text);letter-spacing:0;color:var(--tinte-2)}
.wsm2[data-seite="online-marketing"] .om-mehr-text p{font-size:16px;line-height:1.5;color:var(--tinte-2);max-width:36ch}
.wsm2[data-seite="online-marketing"] .om-bestellen{display:inline-block;margin-top:14px;font-weight:700;color:var(--tinte);text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
@media (min-width:901px){
.wsm2[data-seite="online-marketing"] .om-e-name{display:none}
.wsm2[data-seite="online-marketing"] .om-mehr summary{display:none}
.wsm2[data-seite="online-marketing"] .om-mehr-text{margin-top:18px}
}
.wsm2[data-seite="online-marketing"] .om-band{background:var(--tinte);color:var(--auf-dunkel);margin-bottom:120px}
.wsm2[data-seite="online-marketing"] .om-vergleich{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;margin-bottom:72px}
.wsm2[data-seite="online-marketing"] .om-v-text{grid-column:1 / span 5}
.wsm2[data-seite="online-marketing"] .om-v-ort{font:600 16px/1.2 var(--titel);color:var(--haus-hell);margin-bottom:18px}
.wsm2[data-seite="online-marketing"] .om-v-text h2{color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-v-text>p:last-child{margin-top:24px;font-size:18px;line-height:1.5;color:var(--auf-dunkel);max-width:46ch}
.wsm2[data-seite="online-marketing"] .om-v-figur{grid-column:7 / span 6;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:16px;align-items:center}
.wsm2[data-seite="online-marketing"] .om-v-feld{min-width:0;text-align:center}
.wsm2[data-seite="online-marketing"] .om-iso{height:210px;display:grid;place-items:center}
.wsm2[data-seite="online-marketing"] .om-v-blatt{width:150px;height:196px;padding:16px;border-radius:14px;background:var(--papier);display:flex;flex-direction:column;gap:9px;transform:rotateX(58deg) rotateZ(-42deg) scale(1.1);box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="online-marketing"] .om-v-ki .om-v-blatt{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="online-marketing"] .om-v-blatt i{display:block;flex:none;height:8px;border-radius:4px;background:var(--linie)}
.wsm2[data-seite="online-marketing"] .om-v-blatt .om-u{height:5px;width:40%;background:var(--linie-2);margin-top:4px}
.wsm2[data-seite="online-marketing"] .om-v-blatt .om-u:first-child{margin-top:0}
.wsm2[data-seite="online-marketing"] .om-v-blatt .om-t{height:11px;width:78%;background:var(--haus)}
.wsm2[data-seite="online-marketing"] .om-v-blatt .om-dunkel{background:var(--tinte-2);width:64%}
.wsm2[data-seite="online-marketing"] .om-v-blatt .om-kurz{width:56%}
.wsm2[data-seite="online-marketing"] .om-v-blatt .om-mark{height:16px;border-radius:8px;background:var(--haus-hell);box-shadow:inset 0 0 0 1.5px var(--haus)}
.wsm2[data-seite="online-marketing"] .om-quellen{display:flex;gap:6px;margin-top:auto}
.wsm2[data-seite="online-marketing"] .om-quellen i{width:30px;height:16px;border-radius:8px;background:var(--grund-2);box-shadow:inset 0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="online-marketing"] .om-v-name{margin-top:6px;font-size:15px;line-height:1.35;color:var(--auf-dunkel-2)}
.wsm2[data-seite="online-marketing"] .om-v-name b{display:block;margin-bottom:4px;font:600 22px/1.1 var(--titel);letter-spacing:-.02em;color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-gegen{font:600 22px/1 var(--titel);color:var(--haus-hell);padding-bottom:56px}
.wsm2[data-seite="online-marketing"] .om-band .om-e-kopf .om-k b{color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-band .om-k>span:last-child{color:var(--auf-dunkel-2)}
.wsm2[data-seite="online-marketing"] .om-band .om-ziffer{color:var(--haus-hell)}
.wsm2[data-seite="online-marketing"] .om-band .om-bereich{border-top-color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-band .om-b-name h3 a{color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-band .om-b-name p,.wsm2[data-seite="online-marketing"] .om-band .om-mt{color:var(--auf-dunkel-2)}
.wsm2[data-seite="online-marketing"] .om-band .om-preis{color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-band .om-mehr-text p{color:var(--auf-dunkel)}
.wsm2[data-seite="online-marketing"] .om-band .om-bestellen{color:var(--papier);text-decoration-color:var(--haus-hell)}
.wsm2[data-seite="online-marketing"] .om-band .fussnote{margin-top:8px;font-size:16px;color:var(--auf-dunkel-2)}
.wsm2[data-seite="online-marketing"] .om-stunden-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-bottom:64px}
.wsm2[data-seite="online-marketing"] .om-stunden-kopf h2{grid-column:1 / span 6}
.wsm2[data-seite="online-marketing"] .om-satz{grid-column:7 / span 6;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 40px}
.wsm2[data-seite="online-marketing"] .om-satz .zahl{font-size:clamp(40px,3.6vw,52px);line-height:.95;color:var(--haus)}
.wsm2[data-seite="online-marketing"] .om-satz .zahl small{color:var(--tinte)}
.wsm2[data-seite="online-marketing"] .om-pro{font:500 18px/1 var(--text);letter-spacing:0;color:var(--tinte-2);margin-left:.4em}
.wsm2[data-seite="online-marketing"] .om-satz .nebentext{max-width:46ch;font-size:17px}
.wsm2[data-seite="online-marketing"] .om-gruppe+.om-gruppe{margin-top:56px}
.wsm2[data-seite="online-marketing"] .om-gruppe h3{font:600 30px/1.1 var(--titel);letter-spacing:-.025em;padding-bottom:14px;border-bottom:3px solid var(--tinte)}
.wsm2[data-seite="online-marketing"] .om-gruppe h3 span{font:400 16px/1 var(--text);letter-spacing:0;color:var(--tinte-2);margin-left:10px}
.wsm2[data-seite="online-marketing"] .om-liste li{border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="online-marketing"] .om-zeile{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:baseline;padding:26px 0;color:var(--tinte);text-decoration:none;border-radius:0}
.wsm2[data-seite="online-marketing"] .om-z-name{grid-column:1 / span 4;font:600 28px/1.1 var(--titel);letter-spacing:-.025em;transition:color .45s ease}
.wsm2[data-seite="online-marketing"] .om-z-text{grid-column:5 / span 5;font-size:17px;line-height:1.5;color:var(--tinte-2)}
.wsm2[data-seite="online-marketing"] .om-z-ziel{grid-column:10 / span 3;justify-self:end;display:inline-flex;align-items:center;gap:10px;text-align:right;font:600 16px/1.25 var(--titel);color:var(--tinte);text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2[data-seite="online-marketing"] .om-z-ziel::after{content:"";flex:none;width:9px;height:9px;margin-right:3px;border-top:2px solid var(--haus);border-right:2px solid var(--haus);transform:rotate(45deg);transition:transform .45s var(--auslauf)}
@media (hover:hover){
.wsm2[data-seite="online-marketing"] .om-zeile:hover .om-z-name,.wsm2[data-seite="online-marketing"] .om-zeile:focus-visible .om-z-name{color:var(--haus);transition-duration:.15s}
.wsm2[data-seite="online-marketing"] .om-zeile:hover .om-z-ziel::after{transform:translateX(4px) rotate(45deg);transition-duration:.15s}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="online-marketing"] .seitenkopf .blatt.da{transform:translateZ(calc(var(--z,0px) * 2.3))!important}
.wsm2[data-seite="online-marketing"] .om-z-name,.wsm2[data-seite="online-marketing"] .om-z-ziel::after{transition:none!important}
}
@media (max-width:1240px) and (min-width:901px){
.wsm2[data-seite="online-marketing"] .om-v-blatt{transform:rotateX(58deg) rotateZ(-42deg) scale(1)}
.wsm2[data-seite="online-marketing"] .om-iso{height:210px}
}
@media (max-width:900px){
.wsm2[data-seite="online-marketing"] .om-marke{left:calc(30% + 86px);padding-left:26px;font-size:15px}
.wsm2[data-seite="online-marketing"] .om-marke::before{width:18px;top:9px}
.wsm2[data-seite="online-marketing"] .om-marke b{font-size:18px}
.wsm2[data-seite="online-marketing"] .om-m3{top:75px}
.wsm2[data-seite="online-marketing"] .om-m2{top:125px}
.wsm2[data-seite="online-marketing"] .om-m1{top:176px}
.wsm2[data-seite="online-marketing"] .om-p-kopf{margin-bottom:36px}
.wsm2[data-seite="online-marketing"] .om-p-kopf p{font-size:17px;margin-top:18px}
.wsm2[data-seite="online-marketing"] .om-e-kopf{display:none}
.wsm2[data-seite="online-marketing"] .om-bereich{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;padding:22px 0 4px}
.wsm2[data-seite="online-marketing"] .om-b-name{grid-column:1 / -1;grid-row:1;margin-bottom:22px}
.wsm2[data-seite="online-marketing"] .om-b-name h3{font-size:48px}
.wsm2[data-seite="online-marketing"] .om-b-name p{margin-top:6px;font-size:15px}
.wsm2[data-seite="online-marketing"] .om-e{display:contents}
.wsm2[data-seite="online-marketing"] .om-e-name{grid-row:2;font:600 15px/1.2 var(--titel);color:var(--tinte-2);padding-top:12px;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="online-marketing"] .om-preis{grid-row:3;margin-top:8px;font-size:clamp(24px,8vw,34px);line-height:1}
.wsm2[data-seite="online-marketing"] .om-preis small{display:block;font-size:12px;vertical-align:0;margin:0 0 4px}
.wsm2[data-seite="online-marketing"] .om-mt{font-size:13px;margin-top:5px}
.wsm2[data-seite="online-marketing"] .om-e1 .om-e-name,.wsm2[data-seite="online-marketing"] .om-e1 .om-preis{grid-column:1}
.wsm2[data-seite="online-marketing"] .om-e2 .om-e-name,.wsm2[data-seite="online-marketing"] .om-e2 .om-preis{grid-column:2}
.wsm2[data-seite="online-marketing"] .om-e3 .om-e-name,.wsm2[data-seite="online-marketing"] .om-e3 .om-preis{grid-column:3}
.wsm2[data-seite="online-marketing"] .om-mehr{grid-column:1 / -1;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="online-marketing"] .om-e1 .om-mehr{grid-row:4;margin-top:22px}
.wsm2[data-seite="online-marketing"] .om-e2 .om-mehr{grid-row:5}
.wsm2[data-seite="online-marketing"] .om-e3 .om-mehr{grid-row:6;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="online-marketing"] .om-mehr summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 0;font:600 17px/1.25 var(--titel);color:var(--tinte);cursor:pointer;list-style:none}
.wsm2[data-seite="online-marketing"] .om-mehr summary::-webkit-details-marker{display:none}
.wsm2[data-seite="online-marketing"] .om-mehr summary::after{content:"";flex:none;width:16px;height:16px;--s:var(--tinte);background:linear-gradient(var(--s),var(--s)) center / 16px 2px no-repeat,linear-gradient(var(--s),var(--s)) center / 2px 16px no-repeat}
.wsm2[data-seite="online-marketing"] .om-mehr[open] summary::after{background:linear-gradient(var(--s),var(--s)) center / 16px 2px no-repeat}
.wsm2[data-seite="online-marketing"] .om-mehr-text{padding-bottom:18px}
.wsm2[data-seite="online-marketing"] .om-mehr-text p{max-width:none}
.wsm2[data-seite="online-marketing"] .om-band{margin-bottom:80px}
.wsm2[data-seite="online-marketing"] .om-band .om-e-name{color:var(--auf-dunkel-2);border-top-color:rgba(244,237,230,.25)}
.wsm2[data-seite="online-marketing"] .om-band .om-mehr{border-top-color:rgba(244,237,230,.25)}
.wsm2[data-seite="online-marketing"] .om-band .om-e3 .om-mehr{border-bottom-color:rgba(244,237,230,.25)}
.wsm2[data-seite="online-marketing"] .om-band .om-mehr summary{color:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-band .om-mehr summary::after{--s:var(--papier)}
.wsm2[data-seite="online-marketing"] .om-vergleich{grid-template-columns:minmax(0,1fr);margin-bottom:40px}
.wsm2[data-seite="online-marketing"] .om-v-text,.wsm2[data-seite="online-marketing"] .om-v-figur{grid-column:1}
.wsm2[data-seite="online-marketing"] .om-v-text>p:last-child{font-size:17px;margin-top:18px}
.wsm2[data-seite="online-marketing"] .om-v-figur{margin-top:8px;column-gap:4px;align-items:start}
.wsm2[data-seite="online-marketing"] .om-gegen{align-self:start;margin-top:58px}
.wsm2[data-seite="online-marketing"] .om-iso{height:140px}
.wsm2[data-seite="online-marketing"] .om-v-blatt{transform:rotateX(58deg) rotateZ(-42deg) scale(.56)}
.wsm2[data-seite="online-marketing"] .om-v-name{font-size:14px}
.wsm2[data-seite="online-marketing"] .om-v-name b{font-size:18px}
.wsm2[data-seite="online-marketing"] .om-gegen{font-size:16px;padding-bottom:0}
.wsm2[data-seite="online-marketing"] .om-stunden-kopf{grid-template-columns:minmax(0,1fr);margin-bottom:36px}
.wsm2[data-seite="online-marketing"] .om-stunden-kopf h2,.wsm2[data-seite="online-marketing"] .om-satz{grid-column:1}
.wsm2[data-seite="online-marketing"] .om-satz{margin-top:18px;gap:12px}
.wsm2[data-seite="online-marketing"] .om-satz .zahl{font-size:36px}
.wsm2[data-seite="online-marketing"] .om-pro{font-size:16px}
.wsm2[data-seite="online-marketing"] .om-satz .nebentext{font-size:16px}
.wsm2[data-seite="online-marketing"] .om-gruppe+.om-gruppe{margin-top:44px}
.wsm2[data-seite="online-marketing"] .om-gruppe h3{font-size:24px}
.wsm2[data-seite="online-marketing"] .om-gruppe h3 span{display:block;margin:6px 0 0;font-size:15px}
.wsm2[data-seite="online-marketing"] .om-zeile{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:18px 0 20px}
.wsm2[data-seite="online-marketing"] .om-z-name,.wsm2[data-seite="online-marketing"] .om-z-text,.wsm2[data-seite="online-marketing"] .om-z-ziel{grid-column:1}
.wsm2[data-seite="online-marketing"] .om-z-name{font-size:22px}
.wsm2[data-seite="online-marketing"] .om-z-text{font-size:16px}
.wsm2[data-seite="online-marketing"] .om-z-ziel{justify-self:start;text-align:left;min-height:32px;font-size:15px}
}
.wsm2[data-seite="onlineshops"] .mengen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;align-items:end}
.wsm2[data-seite="onlineshops"] .mg-text{grid-column:1 / span 7;grid-row:1;align-self:start}
.wsm2[data-seite="onlineshops"] .mg-text .nebentext{margin-top:24px;max-width:46ch}
.wsm2[data-seite="onlineshops"] .mg{margin:0;display:flex;flex-direction:column;align-items:flex-start;grid-row:2}
.wsm2[data-seite="onlineshops"] .mg-1{grid-column:1 / span 3}
.wsm2[data-seite="onlineshops"] .mg-2{grid-column:4 / span 4}
.wsm2[data-seite="onlineshops"] .mg-3{grid-column:8 / span 5;grid-row:1 / span 2;justify-self:end}
.wsm2[data-seite="onlineshops"] .mg-feld{border-bottom:3px solid var(--tinte);padding-bottom:10px}
.wsm2[data-seite="onlineshops"] .mg-feld svg{display:block}
.wsm2[data-seite="onlineshops"] .mg-1 svg{width:160px;height:16px}
.wsm2[data-seite="onlineshops"] .mg-2 svg{width:400px;height:64px}
.wsm2[data-seite="onlineshops"] .mg-3 svg{width:400px;height:320px}
.wsm2[data-seite="onlineshops"] .mg figcaption{display:flex;align-items:baseline;gap:12px;margin-top:14px}
.wsm2[data-seite="onlineshops"] .mg figcaption b{font:600 48px/1 var(--titel);letter-spacing:-.04em;color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .mg figcaption span{font:600 18px/1.2 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="onlineshops"] .shop-zeilen{margin-top:72px;border-top:3px solid var(--tinte);border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="onlineshops"] .sz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;padding-block:32px}
.wsm2[data-seite="onlineshops"] .sz+.sz{border-top:1px solid var(--linie-2)}
.wsm2[data-seite="onlineshops"] .sz-kopf{grid-column:1 / span 4;min-width:0}
.wsm2[data-seite="onlineshops"] .sz-anzahl{font:600 16px/1.2 var(--titel);color:var(--haus)}
.wsm2[data-seite="onlineshops"] .sz-kopf h3{font-size:28px;line-height:1.1;margin-top:6px}
.wsm2[data-seite="onlineshops"] .sz-kopf .zahl{font-size:56px;line-height:1;margin-top:8px}
.wsm2[data-seite="onlineshops"] .sz-kopf .zahl small{font-size:.32em;vertical-align:1.15em;margin-right:4px}
.wsm2[data-seite="onlineshops"] .sz-kopf .fix{margin-top:12px}
.wsm2[data-seite="onlineshops"] .sz-inhalt{grid-column:5 / span 5;font-size:17px;line-height:1.5;color:var(--tinte);max-width:52ch;padding-bottom:4px}
.wsm2[data-seite="onlineshops"] .sz-dazu{display:block;font:600 16px/1.3 var(--titel);color:var(--tinte-2);margin-bottom:4px}
.wsm2[data-seite="onlineshops"] .sz-link{grid-column:10 / span 3;font-weight:700;padding-bottom:4px;justify-self:end;text-align:right}
.wsm2[data-seite="onlineshops"] .sz-link a{text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2[data-seite="onlineshops"] .sz-mehr{margin:0;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="onlineshops"] .sz-mehr>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:20px;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="onlineshops"] .sz-mehr>div:first-child{border-top:0}
.wsm2[data-seite="onlineshops"] .sz-mehr dt{grid-column:1 / span 4;font:600 20px/1.3 var(--titel);letter-spacing:-.01em;color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .sz-mehr dd{grid-column:5 / span 8;margin:0;font-size:18px;line-height:1.5;color:var(--tinte);max-width:64ch}
.wsm2[data-seite="onlineshops"] .sz-mehr dd a{color:var(--tinte);font-weight:700}
.wsm2[data-seite="onlineshops"] .skizze{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.wsm2[data-seite="onlineshops"] .sk-figur{grid-column:1 / span 7;grid-row:1;margin:0;display:grid;justify-content:center;align-content:center;padding:56px 40px;border-radius:24px;background:var(--grund-2)}
.wsm2[data-seite="onlineshops"] .sk-buehne,.wsm2[data-seite="onlineshops"] .sk-notizen{grid-area:1 / 1}
.wsm2[data-seite="onlineshops"] .sk-buehne{position:relative;width:560px;height:640px}
.wsm2[data-seite="onlineshops"] .sk-handy{position:relative;z-index:2;width:300px;background:var(--papier);border:10px solid var(--tinte);border-radius:44px;padding:20px 16px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -30px rgba(29,27,36,.35)}
.wsm2[data-seite="onlineshops"] .sk-leiste{display:flex;justify-content:space-between;align-items:center}
.wsm2[data-seite="onlineshops"] .sk-logo{width:60px;height:12px;border-radius:6px;background:var(--tinte)}
.wsm2[data-seite="onlineshops"] .sk-korb{font:600 12px/1 var(--titel);color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .sk-raster{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.wsm2[data-seite="onlineshops"] .sk-produkt{display:grid;gap:6px}
.wsm2[data-seite="onlineshops"] .sk-produkt i{display:block;aspect-ratio:4/3;border-radius:12px;background:radial-gradient(circle at 50% 50%,var(--haus) 0 9px,transparent 10px),var(--haus-hell)}
.wsm2[data-seite="onlineshops"] .sk-buehne em{display:block;height:8px;border-radius:4px;background:var(--linie)}
.wsm2[data-seite="onlineshops"] .sk-buehne em.kurz{width:55%}
.wsm2[data-seite="onlineshops"] .sk-gruppe{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--linie)}
.wsm2[data-seite="onlineshops"] .sk-titel{font:600 12px/1.2 var(--titel);color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .sk-wahl{display:flex;align-items:center;gap:8px}
.wsm2[data-seite="onlineshops"] .sk-wahl i{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--linie-2)}
.wsm2[data-seite="onlineshops"] .sk-wahl.an i{background:var(--haus);box-shadow:inset 0 0 0 3px var(--papier),0 0 0 2px var(--haus)}
.wsm2[data-seite="onlineshops"] .sk-wahl em{flex:1;max-width:70%}
.wsm2[data-seite="onlineshops"] .sk-knopf{display:flex;align-items:center;justify-content:center;height:38px;border-radius:999px;background:var(--haus);color:var(--papier);font:600 13px/1 var(--titel)}
.wsm2[data-seite="onlineshops"] .sk-notizen{position:relative;z-index:3;list-style:none;margin:0;padding:0;width:560px;height:640px;counter-reset:sk;pointer-events:none}
.wsm2[data-seite="onlineshops"] .sk-notizen li{counter-increment:sk;position:absolute;left:340px;width:220px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:start}
.wsm2[data-seite="onlineshops"] .sk-notizen li::before{content:counter(sk);grid-row:1 / span 2;width:32px;height:32px;border-radius:50%;background:var(--haus);color:var(--papier);font:600 16px/32px var(--titel);text-align:center}
.wsm2[data-seite="onlineshops"] .sk-notizen li::after{content:"";position:absolute;left:-46px;top:15px;width:42px;height:2px;background:var(--tinte)}
.wsm2[data-seite="onlineshops"] .sk-notizen b{font:600 19px/1.2 var(--titel);letter-spacing:-.01em;color:var(--tinte);padding-top:5px}
.wsm2[data-seite="onlineshops"] .sk-notizen span{margin-top:4px;font-size:16px;line-height:1.4;color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .sk-notizen .n1{top:150px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n2{top:330px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n3{top:414px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4{top:470px;left:300px;width:250px;box-sizing:border-box;padding:18px 18px 20px;background:var(--papier);border:1px solid var(--linie-2);border-radius:6px;box-shadow:6px 6px 0 -1px var(--papier),6px 6px 0 0 var(--linie-2);transform:rotate(4deg);transform-origin:0 0}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4::after{display:none}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4 span{margin-top:10px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4 i{grid-column:1 / -1;display:block;height:40px;margin-top:14px;background:repeating-linear-gradient(180deg,var(--linie) 0 6px,transparent 6px 16px)}
.wsm2[data-seite="onlineshops"] .sk-text{grid-column:9 / span 4;grid-row:1}
.wsm2[data-seite="onlineshops"] .sk-text .nebentext{margin-top:28px;max-width:40ch}
.wsm2[data-seite="onlineshops"] .sk-hinweis{margin-top:20px;font-size:14px;color:var(--tinte-2)}
.wsm2[data-seite="onlineshops"] .garantie{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-block:40px;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="onlineshops"] .ga-zahl{grid-column:1 / span 4;font:600 clamp(64px,7vw,120px)/.9 var(--titel);letter-spacing:-.05em;color:var(--haus)}
.wsm2[data-seite="onlineshops"] .ga-zahl small{display:block;margin-top:8px;font-size:20px;letter-spacing:-.01em;color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .ga-text{grid-column:5 / span 8;display:grid;gap:10px}
.wsm2[data-seite="onlineshops"] .ga-text b{font:600 clamp(24px,2.2vw,34px)/1.2 var(--titel);letter-spacing:-.02em;color:var(--tinte);max-width:28ch}
.wsm2[data-seite="onlineshops"] .ga-text span{font-size:18px;color:var(--tinte)}
.wsm2[data-seite="onlineshops"] .fragen summary{font-size:26px;padding:26px 0}
.wsm2[data-seite="onlineshops"] .fragen .antwort{font-size:18px}
.wsm2-js .wsm2[data-seite="onlineshops"] .mg-feld svg{clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--schub)}
.wsm2-js .wsm2[data-seite="onlineshops"] .mg-2 .mg-feld svg{transition-delay:.15s}
.wsm2-js .wsm2[data-seite="onlineshops"] .mg-3 .mg-feld svg{transition-delay:.3s;transition-duration:1.3s}
.wsm2-js .wsm2[data-seite="onlineshops"] .mengen.sichtbar .mg-feld svg{clip-path:inset(0 0 0 0)}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen li{opacity:0;transition:opacity .5s ease,transform .7s var(--schub)}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen .n4{transform:translateY(24px) rotate(0deg)}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-figur.sichtbar .sk-notizen li{opacity:1}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-figur.sichtbar .sk-notizen .n4{transform:rotate(4deg)}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen .n2{transition-delay:.15s}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen .n3{transition-delay:.3s}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen .n4{transition-delay:.45s}
@media (max-width:1100px){
.wsm2[data-seite="onlineshops"] .mg-1 svg{width:110px;height:11px}
.wsm2[data-seite="onlineshops"] .mg-2 svg{width:275px;height:44px}
.wsm2[data-seite="onlineshops"] .mg-3 svg{width:275px;height:220px}
.wsm2[data-seite="onlineshops"] .mg figcaption b{font-size:40px}
.wsm2[data-seite="onlineshops"] .sz{row-gap:14px}
.wsm2[data-seite="onlineshops"] .sz-kopf{grid-row:1 / span 2}
.wsm2[data-seite="onlineshops"] .sz-inhalt{grid-column:5 / span 8;grid-row:1}
.wsm2[data-seite="onlineshops"] .sz-link{grid-column:5 / span 8;grid-row:2;justify-self:start;text-align:left}
.wsm2[data-seite="onlineshops"] .skizze{grid-template-columns:minmax(0,1fr);row-gap:40px}
.wsm2[data-seite="onlineshops"] .sk-text{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:end}
.wsm2[data-seite="onlineshops"] .sk-text h2{grid-row:1 / span 2}
.wsm2[data-seite="onlineshops"] .sk-text .nebentext{margin-top:0}
.wsm2[data-seite="onlineshops"] .sk-figur{grid-column:1 / -1;grid-row:2}
}
@media (max-width:900px){
.wsm2[data-seite="onlineshops"] .mengen{grid-template-columns:minmax(0,1fr);row-gap:36px}
.wsm2[data-seite="onlineshops"] .mg-text,.wsm2[data-seite="onlineshops"] .mg-1,.wsm2[data-seite="onlineshops"] .mg-2,.wsm2[data-seite="onlineshops"] .mg-3{grid-column:1 / -1;grid-row:auto;justify-self:start}
.wsm2[data-seite="onlineshops"] .mg-text .nebentext{margin-top:16px}
.wsm2[data-seite="onlineshops"] .mg-1 svg{width:100px;height:10px}
.wsm2[data-seite="onlineshops"] .mg-2 svg{width:250px;height:40px}
.wsm2[data-seite="onlineshops"] .mg-3 svg{width:250px;height:200px}
.wsm2[data-seite="onlineshops"] .mg figcaption{margin-top:10px}
.wsm2[data-seite="onlineshops"] .mg figcaption b{font-size:36px}
.wsm2[data-seite="onlineshops"] .mg figcaption span{font-size:17px}
.wsm2[data-seite="onlineshops"] .shop-zeilen{margin-top:48px}
.wsm2[data-seite="onlineshops"] .sz{grid-template-columns:minmax(0,1fr);row-gap:16px;padding-block:24px}
.wsm2[data-seite="onlineshops"] .sz-kopf,.wsm2[data-seite="onlineshops"] .sz-inhalt,.wsm2[data-seite="onlineshops"] .sz-link{grid-column:1 / -1;grid-row:auto}
.wsm2[data-seite="onlineshops"] .sz-kopf h3{font-size:24px;margin-top:4px}
.wsm2[data-seite="onlineshops"] .sz-kopf .zahl{font-size:44px}
.wsm2[data-seite="onlineshops"] .sz-kopf .fix{margin-top:10px}
.wsm2[data-seite="onlineshops"] .sz-inhalt{font-size:16px;padding:0}
.wsm2[data-seite="onlineshops"] .sz-link{padding:0}
.wsm2[data-seite="onlineshops"] .sz-mehr>div{grid-template-columns:minmax(0,1fr);row-gap:6px;padding-block:18px}
.wsm2[data-seite="onlineshops"] .sz-mehr dt,.wsm2[data-seite="onlineshops"] .sz-mehr dd{grid-column:1 / -1}
.wsm2[data-seite="onlineshops"] .sz-mehr dt{font-size:19px}
.wsm2[data-seite="onlineshops"] .sz-mehr dd{font-size:16px}
.wsm2[data-seite="onlineshops"] .skizze{row-gap:28px}
.wsm2[data-seite="onlineshops"] .sk-text{display:block}
.wsm2[data-seite="onlineshops"] .sk-text .nebentext{margin-top:18px}
.wsm2[data-seite="onlineshops"] .sk-figur{margin-inline:calc(var(--rand) * -1);border-radius:0;padding:36px 0 32px}
.wsm2[data-seite="onlineshops"] .sk-buehne,.wsm2[data-seite="onlineshops"] .sk-notizen{width:320px;height:520px}
.wsm2[data-seite="onlineshops"] .sk-handy{width:170px;border-width:8px;border-radius:30px;padding:14px 10px 16px;gap:10px}
.wsm2[data-seite="onlineshops"] .sk-raster{gap:8px 8px}
.wsm2[data-seite="onlineshops"] .sk-produkt{gap:5px}
.wsm2[data-seite="onlineshops"] .sk-produkt i{border-radius:8px;background:radial-gradient(circle at 50% 50%,var(--haus) 0 6px,transparent 7px),var(--haus-hell)}
.wsm2[data-seite="onlineshops"] .sk-buehne em{height:6px}
.wsm2[data-seite="onlineshops"] .sk-gruppe{gap:6px;padding-top:10px}
.wsm2[data-seite="onlineshops"] .sk-titel{font-size:11px}
.wsm2[data-seite="onlineshops"] .sk-korb{font-size:10px}
.wsm2[data-seite="onlineshops"] .sk-logo{width:44px;height:10px}
.wsm2[data-seite="onlineshops"] .sk-knopf{height:28px;font-size:11px}
.wsm2[data-seite="onlineshops"] .sk-notizen li{left:192px;width:128px;display:block}
.wsm2[data-seite="onlineshops"] .sk-notizen li::before{display:block;width:24px;height:24px;font-size:13px;line-height:24px;margin-bottom:4px}
.wsm2[data-seite="onlineshops"] .sk-notizen li::after{left:-20px;top:11px;width:18px}
.wsm2[data-seite="onlineshops"] .sk-notizen b{display:block;font-size:16px;padding-top:0}
.wsm2[data-seite="onlineshops"] .sk-notizen span{display:block;font-size:14px;line-height:1.35}
.wsm2[data-seite="onlineshops"] .sk-notizen .n1{top:70px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n2{top:196px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n3{top:290px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4{top:384px;left:96px;width:212px;padding:14px 14px 16px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4::before{display:inline-block;vertical-align:middle;margin:0 8px 0 0}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4 b{display:inline}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4 span{margin-top:6px}
.wsm2[data-seite="onlineshops"] .sk-notizen .n4 i{height:28px;margin-top:10px}
.wsm2[data-seite="onlineshops"] .garantie{grid-template-columns:minmax(0,1fr);row-gap:16px;padding-block:28px}
.wsm2[data-seite="onlineshops"] .ga-zahl,.wsm2[data-seite="onlineshops"] .ga-text{grid-column:1 / -1}
.wsm2[data-seite="onlineshops"] .ga-zahl{font-size:72px}
.wsm2[data-seite="onlineshops"] .ga-zahl small{display:inline;margin-left:10px;font-size:18px}
.wsm2[data-seite="onlineshops"] .ga-text b{font-size:23px}
.wsm2[data-seite="onlineshops"] .ga-text span{font-size:16px}
.wsm2[data-seite="onlineshops"] .fragen summary{font-size:20px;padding:20px 0}
.wsm2[data-seite="onlineshops"] .fragen .antwort{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen li{opacity:1!important;transition:none!important}
.wsm2-js .wsm2[data-seite="onlineshops"] .sk-notizen .n4{transform:rotate(4deg)!important}
}
@media (min-width:1760px){
.wsm2[data-seite="onlineshops"] .sk-buehne,.wsm2[data-seite="onlineshops"] .sk-notizen{zoom:1.25}
}
.wsm2[data-seite="portfolio"] .pf-kopf{padding-bottom:64px}
.wsm2[data-seite="portfolio"] .pf-kopf .riesig{font-size:clamp(46px,6.4vw,100px)}
.wsm2[data-seite="portfolio"] .ref-figur{position:relative;height:360px}
.wsm2[data-seite="portfolio"] .ref-ebene{position:absolute;left:50%;top:60%;width:0;height:0;transform:rotateX(58deg) rotateZ(-42deg);transform-style:preserve-3d}
.wsm2[data-seite="portfolio"] .ref-blatt{display:block;cursor:pointer;position:absolute;left:-180px;top:-90px;width:360px;padding:18px 6px 6px;border-radius:10px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:transform .8s var(--auslauf),opacity .4s ease}
.wsm2[data-seite="portfolio"] .ref-blatt::before{content:"";position:absolute;left:9px;top:7px;width:24px;height:5px;background:radial-gradient(circle,var(--linie-2) 2px,transparent 2.6px) 0 0/8px 5px repeat-x}
.wsm2[data-seite="portfolio"] .ref-blatt img{display:block;width:100%;height:auto;aspect-ratio:1200/465;object-fit:cover;object-position:top;border-radius:5px}
.wsm2[data-seite="portfolio"] .ref-blatt:nth-child(1){transform:translateZ(0)}
.wsm2[data-seite="portfolio"] .ref-blatt:nth-child(2){transform:translateZ(36px)}
.wsm2[data-seite="portfolio"] .ref-blatt:nth-child(3){transform:translateZ(72px)}
.wsm2[data-seite="portfolio"] .ref-blatt:nth-child(4){transform:translateZ(108px);box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="portfolio"] .ref-text{position:absolute;right:0;bottom:0;display:flex;gap:8px;align-items:center;font:600 13px/1.3 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="portfolio"] .ref-tipp{font-weight:500}
.wsm2[data-seite="portfolio"] .ref-text::before{content:"";width:18px;height:1.5px;background:currentColor}
.wsm2[data-seite="portfolio"].pf-bewegt .ref-figur:not(.sichtbar) .ref-blatt{transform:translateZ(0) translateY(-40px);opacity:0}
.wsm2[data-seite="portfolio"].pf-bewegt .ref-blatt:nth-child(2){transition-delay:.08s}
.wsm2[data-seite="portfolio"].pf-bewegt .ref-blatt:nth-child(3){transition-delay:.16s}
.wsm2[data-seite="portfolio"].pf-bewegt .ref-blatt:nth-child(4){transition-delay:.24s}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="portfolio"] .ref-figur:hover .ref-blatt{transition-delay:0s}
.wsm2[data-seite="portfolio"] .ref-figur:hover .ref-blatt:nth-child(2){transform:translateZ(60px)}
.wsm2[data-seite="portfolio"] .ref-figur:hover .ref-blatt:nth-child(3){transform:translateZ(120px)}
.wsm2[data-seite="portfolio"] .ref-figur:hover .ref-blatt:nth-child(4){transform:translateZ(180px)}
.wsm2[data-seite="portfolio"] .ref-blatt:hover{box-shadow:0 0 0 3px var(--haus)}
}
.wsm2[data-seite="portfolio"] .pf-zahl{font-size:.34em;letter-spacing:0;color:var(--haus);vertical-align:top;position:relative;top:.3em;margin-left:.12em;line-height:1}
.wsm2[data-seite="portfolio"] .werke{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:48px;row-gap:96px;margin-top:48px;align-items:start}
.wsm2[data-seite="portfolio"] .werk{display:block;text-decoration:none;color:inherit;min-width:0;scroll-margin-top:120px}
.wsm2[data-seite="portfolio"] .werk:nth-child(1),.wsm2[data-seite="portfolio"] .werk:nth-child(4){grid-column:span 7}
.wsm2[data-seite="portfolio"] .werk:nth-child(2),.wsm2[data-seite="portfolio"] .werk:nth-child(3){grid-column:span 5}
.wsm2[data-seite="portfolio"] .werk-blatt{position:relative;z-index:0;margin:0 16px 16px 0}
.wsm2[data-seite="portfolio"] .werk-blatt::before,.wsm2[data-seite="portfolio"] .werk-blatt::after{content:"";position:absolute;inset:0;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:transform .45s var(--auslauf)}
.wsm2[data-seite="portfolio"] .werk-blatt::before{z-index:-1;transform:translate(8px,8px)}
.wsm2[data-seite="portfolio"] .werk-blatt::after{z-index:-2;transform:translate(16px,16px)}
.wsm2[data-seite="portfolio"] .werk-vorne{position:relative;padding:0 8px 8px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transition:box-shadow .3s ease}
.wsm2[data-seite="portfolio"] .werk-leiste{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px}
.wsm2[data-seite="portfolio"] .werk-leiste i{width:8px;height:8px;border-radius:50%;background:var(--linie-2);flex:none}
.wsm2[data-seite="portfolio"] .werk-leiste span{margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border-radius:6px;background:var(--grund-2);font-size:13px;line-height:1.3;color:var(--tinte-2)}
.wsm2[data-seite="portfolio"] .werk-bild{position:relative;overflow:hidden;aspect-ratio:3 / 1;border-radius:8px;background:var(--grund-2)}
.wsm2[data-seite="portfolio"] .werk-bild img{position:absolute;top:0;left:0;max-width:none;height:auto;transform-origin:50% 0;transition:transform .8s var(--auslauf)}
.wsm2[data-seite="portfolio"] .werk-bild.b-cw img{width:200%;left:-100%;top:-160%}
.wsm2[data-seite="portfolio"] .werk-bild.b-mm{background:var(--tinte)}
.wsm2[data-seite="portfolio"] .werk-bild.b-mm img{width:113.208%;left:-9.434%}
.wsm2[data-seite="portfolio"] .werk-bild.b-forst img{width:122.449%;left:-12.245%}
.wsm2[data-seite="portfolio"] .werk-bild.b-ne img{width:133.333%;left:0;top:-56.667%}
.wsm2[data-seite="portfolio"] .werk-bild.b-demo{aspect-ratio:16 / 10;background:var(--tinte)}
.wsm2[data-seite="portfolio"] .werk-bild.b-demo img{position:static;width:100%;height:100%;object-fit:cover}
.wsm2[data-seite="portfolio"] .werk-ort{margin-top:24px;color:var(--tinte-2);font-size:15px}
.wsm2[data-seite="portfolio"] .werk h3{font-size:28px;line-height:1.1;letter-spacing:-.02em;margin-top:6px}
.wsm2[data-seite="portfolio"] .werk-text{margin-top:10px;color:var(--tinte-2);max-width:52ch}
.wsm2[data-seite="portfolio"] .werk-link{display:inline-block;margin-top:12px;font-weight:700;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-underline-offset .3s ease}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="portfolio"] .werk:hover .werk-blatt::before{transform:translate(12px,12px)}
.wsm2[data-seite="portfolio"] .werk:hover .werk-blatt::after{transform:translate(24px,22px)}
.wsm2[data-seite="portfolio"] .werk:hover .werk-vorne{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="portfolio"] .werk:hover .werk-bild img{transform:scale(1.025)}
.wsm2[data-seite="portfolio"] .werk:hover .werk-link{text-underline-offset:.4em}
}
.wsm2[data-seite="portfolio"] .werk:focus-visible .werk-vorne{box-shadow:0 0 0 3px var(--haus)}
.wsm2[data-seite="portfolio"] .pf-demos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:48px;align-items:start}
.wsm2[data-seite="portfolio"] .pf-demo-gross{grid-column:1 / span 7;min-width:0}
.wsm2[data-seite="portfolio"] .pf-demo-stapel{grid-column:8 / span 5;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px}
.wsm2[data-seite="portfolio"] .pf-demos .demo{display:block;grid-column:1 / -1}
.wsm2[data-seite="portfolio"] .pf-demo-stapel .werk-bild.b-demo{aspect-ratio:2 / 1}
.wsm2[data-seite="portfolio"] .pf-demo-stapel .werk-bild.b-demo img{object-position:top}
.wsm2[data-seite="portfolio"] .pf-demo-text{margin-top:48px;padding-top:24px;border-top:1px solid rgba(244,237,230,.22);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.wsm2[data-seite="portfolio"] .pf-demo-text p{max-width:40ch}
.wsm2[data-seite="portfolio"] .pf-demo-text .knopfgruppe{margin-top:0!important}
.wsm2[data-seite="portfolio"] .demo .werk-blatt{margin-bottom:20px}
.wsm2[data-seite="portfolio"] .demo .demo-art{margin:0;font-size:14px;line-height:1.3;color:var(--auf-dunkel-2)}
.wsm2[data-seite="portfolio"] .pf-demos .demo h3{margin-top:6px;font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--auf-dunkel)}
.wsm2[data-seite="portfolio"] .pf-demo-gross .demo h3{font-size:32px}
.wsm2[data-seite="portfolio"] .demo .demo-bewegt{margin-top:8px;font-size:16px;line-height:1.4;color:var(--auf-dunkel)}
.wsm2[data-seite="portfolio"] .demo .demo-bewegt b{color:#FF8A66;font-weight:700}
.wsm2[data-seite="portfolio"] .demo h3{margin-top:0}
.wsm2[data-seite="portfolio"] .demo:focus-visible .werk-vorne{box-shadow:0 0 0 3px var(--haus)}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="portfolio"] .demo:hover .werk-blatt::before{transform:translate(12px,12px)}
.wsm2[data-seite="portfolio"] .demo:hover .werk-blatt::after{transform:translate(24px,22px)}
.wsm2[data-seite="portfolio"] .demo:hover .werk-bild img{transform:scale(1.025)}
}
.wsm2[data-seite="portfolio"] .branchen{list-style:none;border-top:3px solid var(--tinte)}
.wsm2[data-seite="portfolio"] .branchen li{border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="portfolio"] .bd-zeile{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,4fr) minmax(0,2.4fr) 360px;column-gap:24px;align-items:center;padding:28px 0;text-decoration:none;color:inherit;transition:background-color .3s ease,padding .45s var(--auslauf)}
.wsm2[data-seite="portfolio"] .bd-ort{font:600 30px/1.05 var(--titel);letter-spacing:-.025em;color:var(--tinte)}
.wsm2[data-seite="portfolio"] .bd-name{font-size:17px;line-height:1.4;color:var(--tinte)}
.wsm2[data-seite="portfolio"] .bd-paket{color:var(--tinte-2);font-size:15px;line-height:1.35}
.wsm2[data-seite="portfolio"] .bd-ende{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.wsm2[data-seite="portfolio"] .bd-preis{font:600 24px/1 var(--titel);letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums}
.wsm2[data-seite="portfolio"] .bd-preis small{font-size:14px;letter-spacing:0;color:var(--tinte-2);font-weight:500;margin-right:4px}
.wsm2[data-seite="portfolio"] .bd-pfeil{display:inline-flex;align-items:baseline;gap:8px;font:700 16px/1 var(--text);white-space:nowrap;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.3em}
.wsm2[data-seite="portfolio"] .bd-pfeil b{display:inline-block;font:600 26px/1 var(--titel);color:var(--haus);transition:transform .45s var(--auslauf)}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="portfolio"] .bd-zeile:hover{background:var(--grund-2);padding-inline:24px}
.wsm2[data-seite="portfolio"] .bd-zeile:hover .bd-pfeil b{transform:translateX(6px)}
}
.wsm2[data-seite="portfolio"] .bd-zeile:focus-visible{outline:2px solid var(--haus);outline-offset:2px}
@media (max-width:1100px){
.wsm2[data-seite="portfolio"] .bd-zeile{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
.wsm2[data-seite="portfolio"] .bd-ort{grid-column:1 / -1;grid-row:1}
.wsm2[data-seite="portfolio"] .bd-name{grid-column:1;grid-row:2}
.wsm2[data-seite="portfolio"] .bd-paket{grid-column:1;grid-row:3}
.wsm2[data-seite="portfolio"] .bd-ende{grid-column:2;grid-row:2 / span 2}
}
@media (max-width:900px){
.wsm2[data-seite="portfolio"] .pf-kopf{padding-bottom:48px}
.wsm2[data-seite="portfolio"] .ref-figur{height:290px;margin-top:48px}
.wsm2[data-seite="portfolio"] .ref-ebene{top:58%;transform:rotateX(58deg) rotateZ(-42deg) scale(.7)}
.wsm2[data-seite="portfolio"] .ref-text{left:0;right:auto}
.wsm2[data-seite="portfolio"] .werke{grid-template-columns:minmax(0,1fr);row-gap:56px;margin-top:32px}
.wsm2[data-seite="portfolio"] .werk:nth-child(n){grid-column:1 / -1}
.wsm2[data-seite="portfolio"] .werk-blatt{margin:0 10px 10px 0}
.wsm2[data-seite="portfolio"] .werk-blatt::before{transform:translate(5px,5px)}
.wsm2[data-seite="portfolio"] .werk-blatt::after{transform:translate(10px,10px)}
.wsm2[data-seite="portfolio"] .werk .werk-vorne{padding:0 6px 6px}
.wsm2[data-seite="portfolio"] .werk .werk-bild{aspect-ratio:4 / 3}
.wsm2[data-seite="portfolio"] .werk-bild.b-cw img{width:225.141%;left:-125.141%;top:-35.022%}
.wsm2[data-seite="portfolio"] .werk-bild.b-mm img{width:133.333%;left:-12.222%;top:0;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 99%);mask-image:linear-gradient(to bottom,#000 72%,transparent 99%)}
.wsm2[data-seite="portfolio"] .werk-bild.b-forst img{width:166.667%;left:-18.056%;top:0}
.wsm2[data-seite="portfolio"] .werk-bild.b-ne img{width:229.008%;left:0;top:-37.405%}
.wsm2[data-seite="portfolio"] .demo .werk-vorne{padding:0 6px 6px}
.wsm2[data-seite="portfolio"] .pf-demos{display:flex;flex-direction:column;gap:48px}
.wsm2[data-seite="portfolio"] .pf-demo-gross,.wsm2[data-seite="portfolio"] .pf-demo-stapel{display:contents}
.wsm2[data-seite="portfolio"] .pf-demo-stapel .werk-bild.b-demo{aspect-ratio:16 / 10}
.wsm2[data-seite="portfolio"] .pf-demo-text{order:5;margin-top:0;display:block}
.wsm2[data-seite="portfolio"] .pf-demo-text .knopfgruppe{margin-top:16px!important}
.wsm2[data-seite="portfolio"] .pf-demo-gross .demo h3,.wsm2[data-seite="portfolio"] .pf-demos .demo h3{font-size:24px}
.wsm2[data-seite="portfolio"] .werk-leiste{height:28px;gap:5px}
.wsm2[data-seite="portfolio"] .werk-leiste i{width:6px;height:6px}
.wsm2[data-seite="portfolio"] .werk-leiste span{font-size:11px;padding:2px 8px;margin-left:6px}
.wsm2[data-seite="portfolio"] .werk-bild{border-radius:6px}
.wsm2[data-seite="portfolio"] .werk-ort{margin-top:18px}
.wsm2[data-seite="portfolio"] .werk h3{font-size:24px}
.wsm2[data-seite="portfolio"] .bd-zeile{padding:20px 0;column-gap:16px}
.wsm2[data-seite="portfolio"] .bd-ort{font-size:24px}
.wsm2[data-seite="portfolio"] .bd-name{font-size:16px}
.wsm2[data-seite="portfolio"] .bd-zeile{grid-template-columns:minmax(0,1fr)}
.wsm2[data-seite="portfolio"] .bd-ende{grid-column:1;grid-row:4;justify-content:space-between;gap:16px;margin-top:12px}
.wsm2[data-seite="portfolio"] .bd-pfeil b{text-decoration:none}
.wsm2[data-seite="portfolio"] .bd-pfeil{font-size:15px}
.wsm2[data-seite="portfolio"] .ref-tipp{display:none}
.wsm2[data-seite="portfolio"] .bd-preis{font-size:20px}
}
@media (max-width:420px){
.wsm2[data-seite="portfolio"] .ref-figur{height:260px}
.wsm2[data-seite="portfolio"] .ref-ebene{transform:rotateX(58deg) rotateZ(-42deg) scale(.6)}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="portfolio"] .ref-blatt,.wsm2[data-seite="portfolio"] .werk-blatt::before,.wsm2[data-seite="portfolio"] .werk-blatt::after,.wsm2[data-seite="portfolio"] .werk-bild img,.wsm2[data-seite="portfolio"] .bd-zeile,.wsm2[data-seite="portfolio"] .bd-pfeil b{transition:none}
}
.wsm2[data-seite="preise"] .sprungzeile{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:2px;margin-top:40px;font:600 21px/1.3 var(--titel);letter-spacing:-.01em;position:relative;z-index:1}
.wsm2[data-seite="preise"] .sz-titel{font:400 15px/1.3 var(--text);letter-spacing:0;color:var(--tinte-2);margin-right:16px}
.wsm2[data-seite="preise"] .sprungzeile a{display:inline-block;padding:8px 0;color:var(--tinte);text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.22em;transition:text-underline-offset .2s ease,color .2s ease}
.wsm2[data-seite="preise"] .sprungzeile a+a{margin-left:28px;position:relative}
.wsm2[data-seite="preise"] .sprungzeile a+a::before{content:"";position:absolute;left:-17px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--linie-2)}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="preise"] .sprungzeile a:hover{color:var(--haus);text-underline-offset:.36em}}
.wsm2[data-seite="preise"] .preise-kopf .belege .beleg[class]{transform:translate(var(--x),var(--y)) rotate(var(--r))}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b4{--x:16px;--y:0px;--r:-1deg}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b3{--x:4px;--y:72px;--r:1deg}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b2{--x:12px;--y:144px;--r:-.5deg}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b1{--x:0px;--y:216px;--r:.5deg}
.wsm2[data-seite="preise"].pj .preise-kopf .belege:not(.da) .beleg[class]{transform:translate(8px,300px) rotate(0deg)}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="preise"] .preise-kopf .belege.da:hover .beleg.b1{--x:-10px;--y:232px;--r:-1.5deg}
.wsm2[data-seite="preise"] .preise-kopf .belege.da:hover .beleg.b4{--x:26px;--y:-12px;--r:-2deg}
}
.wsm2[data-seite="preise"] .preise-kopf .b-nr{white-space:nowrap}
@media (min-width:1241px){
.wsm2[data-seite="preise"] .preise-kopf .belege{width:396px}
.wsm2[data-seite="preise"] .preise-kopf .beleg{width:376px}
}
@media (min-width:901px){
.wsm2[data-seite="preise"] .p-zeile{grid-template-rows:auto auto minmax(0,1fr)}
.wsm2[data-seite="preise"] .p-zeile .p-bestellen{align-self:start;margin-top:14px}
.wsm2[data-seite="preise"] .p-zeile .p-details{grid-column:4 / span 5;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;font-size:16px;line-height:1.45}
.wsm2[data-seite="preise"] .p-preisblock{grid-column:9 / span 4;grid-row:1 / span 3;justify-self:end;text-align:right}
}
.wsm2[data-seite="preise"] .p-zeile .p-details b{font:600 15px/1.25 var(--titel);margin-bottom:6px}
.wsm2[data-seite="preise"] .p-folge{margin-top:14px;font-size:15px;line-height:1.3;color:var(--tinte-2)}
.wsm2[data-seite="preise"] .p-folge span{display:block;margin-bottom:4px}
.wsm2[data-seite="preise"] .p-folge b{font:600 26px/1.05 var(--titel);letter-spacing:-.025em;color:var(--tinte);margin-right:6px;white-space:nowrap}
.wsm2[data-seite="preise"] .shopliste .preisliste-kopf p{max-width:60ch;text-align:right}
.wsm2[data-seite="preise"] .punkt-legende{display:flex;justify-content:flex-end;margin-top:6px;align-items:center;gap:8px;white-space:nowrap;color:var(--tinte);font-weight:700}
.wsm2[data-seite="preise"] .punkt-legende i{width:7px;height:7px;border-radius:50%;background:var(--haus);flex:none}
.wsm2[data-seite="preise"] .weitere-kopf{margin-bottom:48px}
.wsm2[data-seite="preise"] .weitere-kopf p{margin-top:16px;max-width:56ch}
.wsm2[data-seite="preise"] .register.weitere .g-breit{grid-column:span 6}
.wsm2[data-seite="preise"] .register.weitere .g-schmal{grid-column:span 6}
.wsm2[data-seite="preise"] .register.weitere li{position:relative;transition:background-color .2s ease,box-shadow .2s ease}
.wsm2[data-seite="preise"] .register.weitere li .r-name a{text-decoration:none}
.wsm2[data-seite="preise"] .register.weitere li .r-name a::after{content:"";position:absolute;inset:0}
.wsm2[data-seite="preise"] .register.weitere li .r-name a:focus-visible{outline:0}
.wsm2[data-seite="preise"] .register.weitere li:focus-within{outline:2px solid var(--tinte);outline-offset:2px;border-radius:4px}
.wsm2[data-seite="preise"] .register.weitere li .r-preis{font-variant-numeric:tabular-nums}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="preise"] .register.weitere li:hover{background:var(--grund-2);box-shadow:-12px 0 0 var(--grund-2),12px 0 0 var(--grund-2)}
.wsm2[data-seite="preise"] .register.weitere li:hover .r-name a{text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.2em}
}
.wsm2[data-seite="preise"] #pakete{padding-bottom:96px}
.wsm2[data-seite="preise"] #shops{padding-bottom:104px}
.wsm2[data-seite="preise"] #wartung{padding-bottom:96px}
.wsm2[data-seite="preise"] .wartung-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:20px}
.wsm2[data-seite="preise"] .wartung-kopf p{color:var(--tinte-2);font-size:16px;max-width:62ch}
@media (max-width:1240px){
.wsm2[data-seite="preise"] .preise-kopf{display:flex;flex-direction:column}
.wsm2[data-seite="preise"] .preise-kopf>[data-auf]{order:1}
.wsm2[data-seite="preise"] .preise-kopf .belege{display:block;order:2;position:relative;right:auto;top:auto;width:100%;max-width:380px;height:262px;margin-top:40px}
.wsm2[data-seite="preise"] .preise-kopf .sprungzeile{order:3}
.wsm2[data-seite="preise"] .beleg{width:calc(100% - 16px)}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b4{--x:12px;--y:0px}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b3{--x:4px;--y:56px}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b2{--x:10px;--y:112px}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b1{--x:0px;--y:168px}
}
@media (max-width:900px){
.wsm2[data-seite="preise"] .sprungzeile{margin-top:32px;font-size:19px}
.wsm2[data-seite="preise"] .sz-titel{flex-basis:100%;margin:0 0 2px}
.wsm2[data-seite="preise"] .sprungzeile{column-gap:22px}
.wsm2[data-seite="preise"] .sprungzeile a+a{margin-left:0}
.wsm2[data-seite="preise"] .sprungzeile a+a::before{display:none}
.wsm2[data-seite="preise"] #pakete,.wsm2[data-seite="preise"] #shops,.wsm2[data-seite="preise"] #wartung{padding-bottom:72px}
.wsm2[data-seite="preise"] .p-preisblock{display:contents}
.wsm2[data-seite="preise"] .p-zeile .p-folge{grid-column:1 / -1;grid-row:3;justify-self:end;text-align:right;margin-top:6px}
.wsm2[data-seite="preise"] .p-folge b{font-size:22px}
.wsm2[data-seite="preise"] .p-zeile .p-details{grid-row:4;font-size:16px}
.wsm2[data-seite="preise"] .p-zeile .p-bestellen{grid-row:5}
.wsm2[data-seite="preise"] .shopliste .preisliste-kopf p{text-align:left}
.wsm2[data-seite="preise"] .punkt-legende{justify-content:flex-start}
.wsm2[data-seite="preise"] .shopliste .p-zeile .p-details{grid-row:3}
.wsm2[data-seite="preise"] .weitere-kopf{margin-bottom:32px}
.wsm2[data-seite="preise"] .wartung-kopf{flex-direction:column;gap:14px}
}
@media (max-width:420px){
.wsm2[data-seite="preise"] .preise-kopf .belege{height:236px}
.wsm2[data-seite="preise"] .beleg{padding:14px 16px 16px;column-gap:10px}
.wsm2[data-seite="preise"] .b-name{font-size:18px}
.wsm2[data-seite="preise"] .b-preis{font-size:26px}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b3{--y:50px}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b2{--y:100px}
.wsm2[data-seite="preise"] .preise-kopf .beleg.b1{--y:150px}
.wsm2[data-seite="preise"] .w-preis{font-size:46px}
.wsm2[data-seite="preise"] .sprungzeile{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="preise"].pj .preise-kopf .belege:not(.da) .beleg[class]{transform:translate(var(--x),var(--y)) rotate(var(--r))}
}
.wsm2[data-seite="preise"] .menge{--p:8px;width:calc(25 * var(--p));margin-top:16px;align-self:start;background:radial-gradient(circle at calc(var(--p) / 2) calc(var(--p) / 2),var(--linie-2) 1.6px,transparent 2px) 0 0 / var(--p) var(--p) repeat-x}
.wsm2[data-seite="preise"] .menge i{display:block;width:calc(var(--s) * var(--p));height:calc(var(--z) * var(--p));background:radial-gradient(circle at calc(var(--p) / 2) calc(var(--p) / 2),var(--haus) 2.6px,transparent 3px) 0 0 / var(--p) var(--p)}
.wsm2[data-seite="preise"] .p-zeile.kind .menge i{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--auslauf) .25s}
.wsm2[data-seite="preise"] .p-zeile.kind.da .menge i{clip-path:inset(0 0 0 0)}
@media (min-width:901px){
.wsm2[data-seite="preise"] .shopliste .p-zeile{grid-template-rows:auto auto auto minmax(0,1fr)}
.wsm2[data-seite="preise"] .shopliste .menge{grid-column:1 / span 3;grid-row:3}
.wsm2[data-seite="preise"] .shopliste .p-zeile .p-bestellen{grid-row:4;align-self:end}
.wsm2[data-seite="preise"] .shopliste .p-zeile .p-details{grid-column:4 / span 5;grid-row:1 / span 4;grid-template-columns:minmax(0,1fr);font-size:16px}
.wsm2[data-seite="preise"] .shopliste .p-zeile .p-preis{grid-row:1 / span 4}
}
.wsm2[data-seite="preise"] .feld-legende{display:flex;align-items:center;gap:8px;margin-top:8px;white-space:nowrap;color:var(--tinte);font-weight:700}
.wsm2[data-seite="preise"] .feld-legende i{width:12px;height:12px;border-radius:3px;background:var(--haus);flex:none}
.wsm2[data-seite="preise"] .wartung-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:20px}
.wsm2[data-seite="preise"] .wartung-kopf p{color:var(--tinte-2);font-size:16px;max-width:62ch}
.wsm2[data-seite="preise"] .wartliste{margin-top:0}
.wsm2[data-seite="preise"] .w-zeile .p-name{font:600 28px/1.05 var(--titel);letter-spacing:-.025em}
.wsm2[data-seite="preise"] .w-antwort{grid-column:1 / span 3;grid-row:3;margin-top:10px;font-size:16px;line-height:1.4;color:var(--tinte-2)}
.wsm2[data-seite="preise"] .w-zeile .p-preis .jahr{display:block;text-align:right;font-size:16px;line-height:1.2;margin:16px 0 0}
.wsm2[data-seite="preise"] .w-felder{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:464px}
.wsm2[data-seite="preise"] .w-felder i{display:block;aspect-ratio:1;border-radius:8px;background:var(--papier);box-shadow:inset 0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="preise"] .w-felder i.an{background:var(--haus);box-shadow:none}
.wsm2[data-seite="preise"] .w-felder i:nth-child(2){--f:.06s}
.wsm2[data-seite="preise"] .w-felder i:nth-child(3){--f:.12s}
.wsm2[data-seite="preise"] .w-felder i:nth-child(4){--f:.18s}
.wsm2[data-seite="preise"] .w-felder i:nth-child(5){--f:.24s}
.wsm2[data-seite="preise"] .w-felder i:nth-child(6){--f:.3s}
.wsm2[data-seite="preise"] .w-felder i:nth-child(7){--f:.36s}
.wsm2[data-seite="preise"] .w-felder i:nth-child(8){--f:.42s}
.wsm2[data-seite="preise"] .p-zeile.kind .w-felder i.an{transform:scale(.3);opacity:0;transition:transform .6s var(--auslauf),opacity .3s ease;transition-delay:calc(var(--f,0s) + .3s)}
.wsm2[data-seite="preise"] .p-zeile.kind.da .w-felder i.an{transform:none;opacity:1}
.wsm2[data-seite="preise"] .w-std{margin-top:14px;font:600 17px/1.25 var(--titel);color:var(--tinte-2);letter-spacing:0}
.wsm2[data-seite="preise"] .w-std b{color:var(--haus);font-size:22px;letter-spacing:-.02em;margin-right:4px}
@media (min-width:901px){
.wsm2[data-seite="preise"] .w-zeile{grid-template-rows:auto auto auto minmax(0,1fr)}
.wsm2[data-seite="preise"] .w-zeile .p-bestellen{grid-row:4;align-self:end}
.wsm2[data-seite="preise"] .w-mass{grid-column:4 / span 5;grid-row:1 / span 4;padding-top:4px}
.wsm2[data-seite="preise"] .w-zeile .p-preis{grid-row:1 / span 4}
}
@media (max-width:900px){
.wsm2[data-seite="preise"] .shopliste .menge{--p:8px;grid-column:1 / -1;grid-row:3;margin-top:14px}
.wsm2[data-seite="preise"] .shopliste .p-zeile .p-details{grid-row:4}
.wsm2[data-seite="preise"] .wartung-kopf{flex-direction:column;gap:14px}
.wsm2[data-seite="preise"] .w-antwort{grid-column:1 / -1;grid-row:3;margin-top:6px}
.wsm2[data-seite="preise"] .w-mass{grid-column:1 / -1;grid-row:4;margin-top:16px}
.wsm2[data-seite="preise"] .w-felder{gap:6px}
.wsm2[data-seite="preise"] .w-felder i{border-radius:6px}
.wsm2[data-seite="preise"] .w-zeile .p-bestellen{grid-row:5}
.wsm2[data-seite="preise"] .w-zeile .p-name{font-size:26px}
.wsm2[data-seite="preise"] .w-zeile .p-preis .jahr{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="preise"] .p-zeile.kind .menge i{clip-path:none;transition:none}
.wsm2[data-seite="preise"] .p-zeile.kind .w-felder i.an{transform:none;opacity:1;transition:none}
}
@media (min-width:901px){
.wsm2[data-seite="preise"] .buehne{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;margin-top:14px}
.wsm2[data-seite="preise"] .buehne .stapel-feld{min-height:440px}
.wsm2[data-seite="preise"] .buehne .stapel-feld::after{content:"";position:absolute;left:0;right:0;bottom:31px;height:2px;border-radius:1px;background:var(--tinte)}
.wsm2[data-seite="preise"] .buehne .stapel{left:calc(100% - 118px);top:calc(100% - 33px - 64px);transform:rotateX(58deg) rotateZ(-42deg) scale(.8)}
.wsm2[data-seite="preise"] .zahl-stapel{top:auto;left:36px;bottom:36px;font-size:15px;line-height:16px}
.wsm2[data-seite="preise"] .zahl-stapel b{font-size:96px;line-height:.8;margin:0 0 17px}
}
@media (min-width:901px) and (max-width:1359px){
.wsm2[data-seite="preise"] .buehne{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.wsm2[data-seite="preise"] .buehne .stapel{left:calc(100% - 74px);top:calc(100% - 33px - 40px);transform:rotateX(58deg) rotateZ(-42deg) scale(.5)}
.wsm2[data-seite="preise"] .zahl-stapel b{font-size:56px}
.wsm2[data-seite="preise"] .angaben .knopf{white-space:normal;text-align:center}
}
.wsm2[data-seite="preise"] .frage-direkt{display:flex;gap:16px;align-items:center;margin-top:40px;max-width:340px}
.wsm2[data-seite="preise"] .frage-direkt img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.wsm2[data-seite="preise"] .frage-direkt p{font-size:15px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="preise"] .frage-direkt b{display:block;color:var(--tinte);font:600 17px/1.3 var(--titel)}
.wsm2[data-seite="preise"] .frage-direkt a{color:var(--tinte);white-space:nowrap}
@media (max-width:900px){.wsm2[data-seite="preise"] .frage-direkt{margin:24px 0 32px}}
.wsm2[data-seite="ueber-uns"] .uu-kopf{padding-bottom:64px}
.wsm2[data-seite="ueber-uns"] .uu-kopf .person{align-items:start}
.wsm2[data-seite="ueber-uns"] .uu-kopf .person-text{padding-top:0}
.wsm2[data-seite="ueber-uns"] .uu-portrait{grid-column:9 / span 4;margin:0;min-width:0;width:100%;max-width:520px;justify-self:end}
.wsm2[data-seite="ueber-uns"] .uu-blatt{position:relative;z-index:0;margin:0 14px 14px 0}
.wsm2[data-seite="ueber-uns"] .uu-blatt::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:16px;background:var(--grund-2);box-shadow:0 0 0 1.5px var(--linie-2);transform:translate(14px,14px)}
.wsm2[data-seite="ueber-uns"] .uu-bild{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:16px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-bild img{position:absolute;left:-56.667%;top:0;width:213.333%;max-width:none;height:auto;margin-top:-6.25%}
.wsm2[data-seite="ueber-uns"] .uu-bild::after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 10px var(--papier),inset 0 0 0 11.5px var(--linie-2);pointer-events:none}
.wsm2[data-seite="ueber-uns"] .uu-portrait figcaption{display:flex;gap:8px;align-items:center;margin-top:12px;font:600 13px/1.3 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="ueber-uns"] .uu-portrait figcaption::before{content:"";width:18px;height:1.5px;background:currentColor}
.wsm2[data-seite="ueber-uns"] .uu-zahlen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:64px;padding-top:28px;border-top:3px solid var(--tinte);align-items:start}
.wsm2[data-seite="ueber-uns"] .uu-gross{grid-column:1 / span 5;display:flex;align-items:flex-end;gap:20px}
.wsm2[data-seite="ueber-uns"] .uu-gross b{font:600 clamp(110px,11vw,176px)/.9 var(--titel);letter-spacing:-.06em;color:var(--haus)}
.wsm2[data-seite="ueber-uns"] .uu-gross span{max-width:16ch;padding-bottom:4px;font:600 19px/1.25 var(--titel);letter-spacing:-.01em;color:var(--tinte)}
.wsm2[data-seite="ueber-uns"] .uu-daten{grid-column:7 / span 6}
.wsm2[data-seite="ueber-uns"] .uu-daten div{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:24px;padding:14px 0;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-daten div:first-child{padding-top:0}
.wsm2[data-seite="ueber-uns"] .uu-daten dt{font:600 15px/1.5 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="ueber-uns"] .uu-daten dd{font-size:17px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="ueber-uns"] .uu-daten dd b{font:600 19px/1.2 var(--titel);letter-spacing:-.01em;color:var(--tinte)}
.wsm2[data-seite="ueber-uns"] .uu-ort{padding-block:0 192px}
.wsm2[data-seite="ueber-uns"] .uu-ort-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.wsm2[data-seite="ueber-uns"] .uu-satz{grid-column:1 / span 7}
.wsm2[data-seite="ueber-uns"] .uu-satz p{font:600 clamp(30px,3.2vw,46px)/1.1 var(--titel);letter-spacing:-.03em;color:var(--tinte);max-width:24ch;text-wrap:balance}
.wsm2[data-seite="ueber-uns"] .uu-satz em{font-style:normal;color:var(--haus)}
.wsm2[data-seite="ueber-uns"] .uu-satz p.uu-nach{margin-top:24px;font:400 19px/1.5 var(--text);letter-spacing:0;color:var(--tinte-2);max-width:44ch}
.wsm2[data-seite="ueber-uns"] .uu-zettel{grid-column:9 / span 4;position:relative;z-index:0;margin-right:12px}
.wsm2[data-seite="ueber-uns"] .uu-zettel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:14px;background:var(--haus-hell);transform:rotate(3deg)}
.wsm2[data-seite="ueber-uns"] .uu-zettel-vorne{padding:32px;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);transform:rotate(-1.5deg)}
.wsm2[data-seite="ueber-uns"] .uu-jetzt{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-zeit{display:grid;gap:22px}
.wsm2[data-seite="ueber-uns"] .uu-zeit[hidden]{display:none}
.wsm2[data-seite="ueber-uns"] .uu-zeit span{font:600 15px/1.2 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="ueber-uns"] .uu-zeit b{font:600 clamp(52px,4.6vw,72px)/1 var(--titel);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--tinte)}
.wsm2[data-seite="ueber-uns"] .uu-offen{display:flex;align-items:center;gap:10px;margin-top:14px;font-weight:700;font-size:16px}
.wsm2[data-seite="ueber-uns"] .uu-offen i{flex:none;width:10px;height:10px;border-radius:50%;background:#2F9E5A;box-shadow:0 0 0 4px rgba(47,158,90,.18)}
.wsm2[data-seite="ueber-uns"] .uu-zettel-kopf{font:600 15px/1.2 var(--titel);color:var(--haus)}
.wsm2[data-seite="ueber-uns"] .uu-adresse{margin-top:14px;font:600 24px/1.3 var(--titel);letter-spacing:-.015em}
.wsm2[data-seite="ueber-uns"] .uu-wege{margin-top:20px;padding-top:16px;border-top:1px solid var(--linie-2);font-weight:700;line-height:1.8}
.wsm2[data-seite="ueber-uns"] .uu-wege a{text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.25em}
.wsm2[data-seite="ueber-uns"] .uu-weg-abschnitt{padding-block:0 96px}
.wsm2[data-seite="ueber-uns"] .uu-weg-kopf{margin-bottom:48px}
.wsm2[data-seite="ueber-uns"] .uu-weg{list-style:none;border-top:3px solid var(--tinte)}
.wsm2[data-seite="ueber-uns"] .uu-weg li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;padding:32px 0;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-weg h3{grid-column:1 / span 4;font-size:clamp(26px,2.3vw,34px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.wsm2[data-seite="ueber-uns"] .uu-nr{display:block;margin-bottom:14px;font:600 15px/1 var(--titel);letter-spacing:0;color:var(--haus);font-variant-numeric:tabular-nums}
.wsm2[data-seite="ueber-uns"] .uu-weg li>p,.wsm2[data-seite="ueber-uns"] .uu-garantie-inhalt{grid-column:7 / span 6;padding-top:29px}
.wsm2[data-seite="ueber-uns"] .uu-weg p{color:var(--tinte-2);font-size:19px;line-height:1.5;max-width:46ch}
.wsm2[data-seite="ueber-uns"] .uu-garantie{padding-block:40px 44px}
.wsm2[data-seite="ueber-uns"] .uu-weg .uu-garantie-zahl{display:grid;gap:0;max-width:none;margin-bottom:20px}
.wsm2[data-seite="ueber-uns"] .uu-garantie-zahl b{display:block;font:600 clamp(110px,11vw,176px)/1.25 var(--titel);letter-spacing:-.06em;color:var(--haus)}
.wsm2[data-seite="ueber-uns"] .uu-garantie-zahl span{margin-top:8px;font:600 21px/1.3 var(--titel);letter-spacing:-.01em;color:var(--tinte);max-width:30ch}
.wsm2[data-seite="ueber-uns"] .uu-garantie-zahl strong{font-weight:600;color:var(--haus)}
.wsm2[data-seite="ueber-uns"] .uu-ablauf{padding-block:96px 192px;border-top:0}
.wsm2[data-seite="ueber-uns"] .uu-ablauf-kopf{margin-bottom:56px}
.wsm2[data-seite="ueber-uns"] .uu-ablauf-text{margin-top:20px;color:var(--tinte-2);font-size:19px;max-width:40ch}
.wsm2[data-seite="ueber-uns"] .uu-blaetter{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 0 0 0}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li{position:relative;display:flex;flex-direction:column;min-width:0;min-height:320px;margin-left:-14px;padding:24px 24px 0;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2),0 18px 30px -26px rgba(34,30,43,.45);transition:translate .5s var(--auslauf),rotate .5s var(--auslauf),opacity .5s ease}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:first-child{margin-left:0}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(1){rotate:-2deg;z-index:1}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(2){rotate:1.2deg;z-index:2;margin-top:18px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(3){rotate:-1deg;z-index:3}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(4){rotate:1.6deg;z-index:4;margin-top:22px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(5){rotate:-1.4deg;z-index:5;box-shadow:0 0 0 2px var(--haus),0 18px 30px -26px rgba(34,30,43,.45)}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li::before{content:"";position:absolute;left:22px;top:12px;width:28px;height:5px;background:radial-gradient(circle,var(--linie-2) 2px,transparent 2.6px) 0 0/8px 5px repeat-x}
.wsm2[data-seite="ueber-uns"] .uu-b-nr{display:block;margin-top:10px;font:600 64px/.9 var(--titel);letter-spacing:-.05em;color:var(--haus)}
.wsm2[data-seite="ueber-uns"] .uu-blaetter h3{margin-top:18px;font-size:24px;line-height:1.1;letter-spacing:-.02em;hyphens:manual}
.wsm2[data-seite="ueber-uns"] .uu-blaetter p{margin-top:10px;color:var(--tinte-2);font-size:16px;line-height:1.45}
.wsm2[data-seite="ueber-uns"] .uu-blaetter .uu-b-zahl{display:flex;align-items:baseline;gap:8px;font:600 17px/1 var(--titel);color:var(--tinte)}
.wsm2[data-seite="ueber-uns"] .uu-b-zahl b{font:600 40px/1 var(--titel);letter-spacing:-.04em}
.wsm2[data-seite="ueber-uns"] .uu-b-linien{display:block;flex:1;min-height:56px;margin:20px -24px 0;border-radius:0 0 14px 14px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 17px,var(--linie) 17px,var(--linie) 18px);opacity:.9}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:hover{translate:0 -10px;rotate:0deg;z-index:6}
}
.wsm2[data-seite="ueber-uns"].uu-bewegt .uu-blaetter:not(.uu-da) li{translate:0 36px;opacity:0}
.wsm2[data-seite="ueber-uns"].uu-bewegt .uu-blaetter li:nth-child(2){transition-delay:.07s}
.wsm2[data-seite="ueber-uns"].uu-bewegt .uu-blaetter li:nth-child(3){transition-delay:.14s}
.wsm2[data-seite="ueber-uns"].uu-bewegt .uu-blaetter li:nth-child(4){transition-delay:.21s}
.wsm2[data-seite="ueber-uns"].uu-bewegt .uu-blaetter li:nth-child(5){transition-delay:.28s}
.wsm2[data-seite="ueber-uns"].uu-bewegt .uu-blaetter.uu-fertig li{transition-delay:0s}
.wsm2[data-seite="ueber-uns"] .uu-ref{padding-top:0}
.wsm2[data-seite="ueber-uns"] .uu-ref-kopf{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px}
.wsm2[data-seite="ueber-uns"] .uu-ref-link{margin-bottom:8px;white-space:nowrap}
.wsm2[data-seite="ueber-uns"] .uu-namen{list-style:none;border-top:3px solid var(--tinte)}
.wsm2[data-seite="ueber-uns"] .uu-namen li{border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-namen a{display:grid;grid-template-columns:minmax(0,1fr) 300px 48px;align-items:center;column-gap:24px;padding:28px 0;text-decoration:none;color:inherit}
.wsm2[data-seite="ueber-uns"] .uu-name{font:600 clamp(36px,4.6vw,84px)/1 var(--titel);letter-spacing:-.04em;transition:color .3s ease,transform .45s var(--auslauf)}
.wsm2[data-seite="ueber-uns"] .uu-wo{color:var(--tinte-2);font-size:16px;line-height:1.35}
.wsm2[data-seite="ueber-uns"] .uu-pfeil{justify-self:end;font:600 32px/1 var(--titel);color:var(--haus);transition:transform .45s var(--auslauf)}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="ueber-uns"] .uu-namen a:hover .uu-name{color:var(--haus);transform:translateX(12px)}
.wsm2[data-seite="ueber-uns"] .uu-namen a:hover .uu-pfeil{transform:translate(4px,-4px)}
}
.wsm2[data-seite="ueber-uns"] .uu-namen a:focus-visible{outline:2px solid var(--haus);outline-offset:2px}
.wsm2[data-seite="ueber-uns"] .stimmen{margin-top:96px}
@media (min-width:2200px){
.wsm2[data-seite="ueber-uns"] .uu-portrait{max-width:394px}
}
@media (max-width:1100px){
.wsm2[data-seite="ueber-uns"] .uu-portrait{grid-column:8 / span 5}
.wsm2[data-seite="ueber-uns"] .uu-zettel{grid-column:8 / span 5}
.wsm2[data-seite="ueber-uns"] .uu-gross{grid-column:1 / span 6}
.wsm2[data-seite="ueber-uns"] .uu-daten div{grid-template-columns:120px minmax(0,1fr);column-gap:16px}
.wsm2[data-seite="ueber-uns"] .uu-weg h3{grid-column:1 / span 5}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li{padding:20px 18px 0}
.wsm2[data-seite="ueber-uns"] .uu-b-linien{margin-inline:-18px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter h3{font-size:21px}
.wsm2[data-seite="ueber-uns"] .uu-namen a{grid-template-columns:minmax(0,1fr) 240px 40px}
}
@media (max-width:900px){
.wsm2[data-seite="ueber-uns"] .uu-kopf{padding-bottom:48px}
.wsm2[data-seite="ueber-uns"] .uu-portrait{display:grid;grid-template-columns:minmax(0,1fr) 60%;column-gap:16px;align-items:end;margin-top:32px;justify-self:stretch;max-width:none}
.wsm2[data-seite="ueber-uns"] .uu-blatt{grid-column:2;grid-row:1;margin:0 8px 8px 0}
.wsm2[data-seite="ueber-uns"] .uu-blatt::before{transform:translate(8px,8px)}
.wsm2[data-seite="ueber-uns"] .uu-bild::after{box-shadow:inset 0 0 0 6px var(--papier),inset 0 0 0 7.5px var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-portrait figcaption{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 16px;font-size:14px}
.wsm2[data-seite="ueber-uns"] .uu-zahlen{grid-template-columns:minmax(0,1fr);margin-top:40px;padding-top:20px;row-gap:24px}
.wsm2[data-seite="ueber-uns"] .uu-gross,.wsm2[data-seite="ueber-uns"] .uu-daten{grid-column:1 / -1}
.wsm2[data-seite="ueber-uns"] .uu-gross b{font-size:104px}
.wsm2[data-seite="ueber-uns"] .uu-gross span{font-size:17px}
.wsm2[data-seite="ueber-uns"] .uu-daten div{grid-template-columns:minmax(0,1fr);row-gap:2px;padding:12px 0}
.wsm2[data-seite="ueber-uns"] .uu-daten div:first-child{padding-top:12px;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="ueber-uns"] .uu-daten dt{font-size:14px}
.wsm2[data-seite="ueber-uns"] .uu-daten dd{font-size:16px}
.wsm2[data-seite="ueber-uns"] .uu-daten dd b{font-size:18px}
.wsm2[data-seite="ueber-uns"] .uu-ort{padding-bottom:112px}
.wsm2[data-seite="ueber-uns"] .uu-ort-raster{grid-template-columns:minmax(0,1fr)}
.wsm2[data-seite="ueber-uns"] .uu-satz,.wsm2[data-seite="ueber-uns"] .uu-zettel{grid-column:1 / -1}
.wsm2[data-seite="ueber-uns"] .uu-satz p{font-size:27px}
.wsm2[data-seite="ueber-uns"] .uu-satz p.uu-nach{font-size:17px;margin-top:18px}
.wsm2[data-seite="ueber-uns"] .uu-zettel{margin:40px 10px 0 0;max-width:400px}
.wsm2[data-seite="ueber-uns"] .uu-zettel::before{transform:translate(10px,10px)}
.wsm2[data-seite="ueber-uns"] .uu-zettel-vorne{padding:24px;transform:none}
.wsm2[data-seite="ueber-uns"] .uu-zeit b{font-size:56px}
.wsm2[data-seite="ueber-uns"] .uu-adresse{font-size:21px}
.wsm2[data-seite="ueber-uns"] .uu-wege{word-break:break-word}
.wsm2[data-seite="ueber-uns"] .uu-weg-abschnitt{padding-bottom:64px}
.wsm2[data-seite="ueber-uns"] .uu-weg-kopf{margin-bottom:32px}
.wsm2[data-seite="ueber-uns"] .uu-weg li{grid-template-columns:minmax(0,1fr);row-gap:10px;padding:24px 0}
.wsm2[data-seite="ueber-uns"] .uu-weg h3,.wsm2[data-seite="ueber-uns"] .uu-weg li>p,.wsm2[data-seite="ueber-uns"] .uu-garantie-inhalt{grid-column:1 / -1;padding-top:0}
.wsm2[data-seite="ueber-uns"] .uu-weg h3{font-size:24px}
.wsm2[data-seite="ueber-uns"] .uu-nr{margin-bottom:10px}
.wsm2[data-seite="ueber-uns"] .uu-weg p{font-size:16px}
.wsm2[data-seite="ueber-uns"] .uu-garantie{padding-block:28px 32px}
.wsm2[data-seite="ueber-uns"] .uu-garantie-inhalt{padding-top:8px}
.wsm2[data-seite="ueber-uns"] .uu-garantie-zahl b{font-size:96px}
.wsm2[data-seite="ueber-uns"] .uu-garantie-zahl span{font-size:18px}
.wsm2[data-seite="ueber-uns"] .uu-ablauf{padding-block:64px 112px}
.wsm2[data-seite="ueber-uns"] .uu-ablauf-kopf{grid-template-columns:minmax(0,1fr);row-gap:16px;margin-bottom:32px}
.wsm2[data-seite="ueber-uns"] .uu-ablauf-kopf h2,.wsm2[data-seite="ueber-uns"] .uu-ablauf-text{grid-column:1 / -1}
.wsm2[data-seite="ueber-uns"] .uu-ablauf-text{font-size:17px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter{grid-template-columns:minmax(0,1fr);padding:0 8px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li,.wsm2[data-seite="ueber-uns"] .uu-blaetter li:first-child{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;align-items:start;width:86%;min-height:0;margin:-10px 0 0 0;padding:22px 20px 18px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:first-child{margin-top:0}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(even){margin-left:14%}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(n){margin-top:-10px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter li:nth-child(1){margin-top:0}
.wsm2[data-seite="ueber-uns"] .uu-b-nr{grid-row:1 / span 2;margin-top:4px;font-size:52px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter h3{grid-column:2;margin-top:4px;font-size:21px}
.wsm2[data-seite="ueber-uns"] .uu-blaetter p{grid-column:2;margin-top:12px;font-size:15px}
.wsm2[data-seite="ueber-uns"] .uu-b-zahl b{font-size:32px}
.wsm2[data-seite="ueber-uns"] .uu-b-linien{display:none}
.wsm2[data-seite="ueber-uns"] .uu-ref-kopf{display:block;margin-bottom:32px}
.wsm2[data-seite="ueber-uns"] .uu-ref-link{margin:16px 0 0;white-space:normal}
.wsm2[data-seite="ueber-uns"] .uu-namen a{grid-template-columns:minmax(0,1fr) 32px;row-gap:6px;padding:20px 0}
.wsm2[data-seite="ueber-uns"] .uu-name{grid-column:1;font-size:34px;line-height:1.02;hyphens:manual}
.wsm2[data-seite="ueber-uns"] .uu-wo{grid-column:1;grid-row:2;font-size:15px}
.wsm2[data-seite="ueber-uns"] .uu-pfeil{grid-column:2;grid-row:1 / span 2;font-size:26px}
.wsm2[data-seite="ueber-uns"] .stimmen{margin-top:64px}
}
@media (max-width:420px){
.wsm2[data-seite="ueber-uns"] .uu-name{font-size:30px}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="ueber-uns"] .uu-name,.wsm2[data-seite="ueber-uns"] .uu-pfeil,.wsm2[data-seite="ueber-uns"] .uu-blaetter li{transition:none}
}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt:nth-child(1){background:var(--haus-hell);box-shadow:0 0 0 1.5px var(--haus-hell)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt:nth-child(1) i{background:rgba(255,253,251,.55)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt:nth-child(2){background:var(--haus);box-shadow:0 0 0 1.5px var(--haus)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt:nth-child(2) i{background:rgba(255,253,251,.3)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt:nth-child(2) i.k{background:var(--papier)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt.oben{box-shadow:0 0 0 2px var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt.oben i.k{background:var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt.oben i.f{background:var(--grund-2)}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
.wsm2[data-seite="wartung-betreuung"] .wb-stufe{display:flex;flex-direction:column;min-width:0}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf{border-top:3px solid var(--tinte);padding-top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf h3{font-size:28px}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf .zahl{font-size:40px;line-height:1}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf .zahl small{font-size:.38em;vertical-align:.95em}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf .zahl .jahr{font-size:.38em;letter-spacing:0;font-weight:500;color:var(--tinte-2);margin-left:.2em}
.wsm2[data-seite="wartung-betreuung"] .wb-stufe ul{margin-top:16px;font-size:16px}
.wsm2[data-seite="wartung-betreuung"] .wb-stufe li{padding:9px 0;border-top:1px solid var(--linie)}
.wsm2[data-seite="wartung-betreuung"] .wb-bestellen{margin-top:18px;font-weight:700}
.wsm2[data-seite="wartung-betreuung"] .wb-bestellen a{text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-seite="wartung-betreuung"] .wb-frage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;border-top:8px solid var(--tinte);padding-top:32px}
.wsm2[data-seite="wartung-betreuung"] .wb-frage h2{grid-column:1 / span 8;font-size:clamp(32px,3.4vw,52px);line-height:1.02;letter-spacing:-.035em}
.wsm2[data-seite="wartung-betreuung"] .wb-nein{grid-column:1 / span 5;grid-row:2;margin-top:48px;font:600 clamp(110px,12vw,184px)/.9 var(--titel);letter-spacing:-.06em;color:var(--haus)}
.wsm2[data-seite="wartung-betreuung"] .wb-antwort{grid-column:5 / span 7;grid-row:2;align-self:end}
.wsm2[data-seite="wartung-betreuung"] .wb-antwort p{font-size:19px;line-height:1.5;max-width:56ch}
.wsm2[data-seite="wartung-betreuung"] .wb-antwort p+p{margin-top:14px;color:var(--tinte-2);font-size:17px}
@media (min-width:901px){
.wsm2[data-seite="wartung-betreuung"] #stufen .inhaltspalte{grid-column:5 / span 7}
}
.wsm2[data-seite="wartung-betreuung"] .wb-h-kopf{margin-bottom:48px}
.wsm2[data-seite="wartung-betreuung"] .wb-h-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz{grid-column:1 / span 3;padding-top:8px}
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz p{font-size:18px;line-height:1.5;max-width:34ch}
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz p+p{margin-top:14px;font-size:17px}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links{margin-top:24px;display:grid;gap:10px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise{width:100%;border-collapse:collapse}
.wsm2[data-seite="wartung-betreuung"] .wb-preise thead th{padding:0 0 12px;font:600 14px/1.2 var(--titel);color:var(--tinte-2);text-align:left;border-bottom:3px solid var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .wb-preise thead th+th{text-align:right}
.wsm2[data-seite="wartung-betreuung"] .wb-gruppe th{padding:28px 0 10px;text-align:left;font:600 26px/1.1 var(--titel);letter-spacing:-.025em;color:var(--tinte);border-bottom:1px solid var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .wb-gruppe th span{font:400 15px/1.3 var(--text);letter-spacing:0;color:var(--tinte-2);margin-left:10px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:not(.wb-gruppe) th{padding:14px 24px 14px 0;text-align:left;font-weight:400;vertical-align:top;border-bottom:1px solid var(--linie)}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:not(.wb-gruppe) th a{font:600 19px/1.25 var(--titel);color:var(--tinte);text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:.2em}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:not(.wb-gruppe) th span{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:var(--tinte-2);max-width:44ch}
.wsm2[data-seite="wartung-betreuung"] .wb-preise td{padding:12px 0 14px;text-align:right;vertical-align:top;white-space:nowrap;font:600 28px/1 var(--titel);letter-spacing:-.03em;color:var(--tinte);border-bottom:1px solid var(--linie)}
.wsm2[data-seite="wartung-betreuung"] .wb-preise td small{font-size:13px;letter-spacing:0;vertical-align:.9em;margin-right:4px;color:var(--tinte-2)}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:last-child th,.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:last-child td{border-bottom:0}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="wartung-betreuung"] .wb-balken{transition:none!important;transform:none!important}
}
@media (max-width:1100px){
.wsm2[data-seite="wartung-betreuung"] .wb-kopf{flex-direction:column;gap:6px}
}
@media (max-width:1100px) and (min-width:901px){
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz{grid-column:1 / span 4}
}
@media (max-width:900px){
.wsm2[data-seite="wartung-betreuung"] .wb-h-kopf{margin-bottom:28px}
.wsm2[data-seite="wartung-betreuung"] .wb-h-raster{grid-template-columns:minmax(0,1fr)}
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz{padding-top:0}
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz p{font-size:17px}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links{margin-top:18px;margin-bottom:32px}
.wsm2[data-seite="wartung-betreuung"] .wb-gruppe th{font-size:22px;padding-top:22px}
.wsm2[data-seite="wartung-betreuung"] .wb-gruppe th span{display:block;margin:4px 0 0;font-size:14px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:not(.wb-gruppe) th{padding-right:12px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:not(.wb-gruppe) th a{font-size:18px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise tbody tr:not(.wb-gruppe) th span{font-size:14px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise td{font-size:22px}
.wsm2[data-seite="wartung-betreuung"] .wb-preise td small{font-size:12px;margin-right:3px}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:8px}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf{order:-1;flex-direction:row;padding-top:14px}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf h3{font-size:30px}
.wsm2[data-seite="wartung-betreuung"] .wb-kopf .zahl{font-size:38px}
.wsm2[data-seite="wartung-betreuung"] .wb-stufe ul{margin-top:18px}
.wsm2[data-seite="wartung-betreuung"] .wb-frage{grid-template-columns:minmax(0,1fr);padding-top:24px;border-top-width:6px}
.wsm2[data-seite="wartung-betreuung"] .wb-frage h2,.wsm2[data-seite="wartung-betreuung"] .wb-nein,.wsm2[data-seite="wartung-betreuung"] .wb-antwort{grid-column:1;grid-row:auto}
.wsm2[data-seite="wartung-betreuung"] .wb-frage h2{font-size:32px}
.wsm2[data-seite="wartung-betreuung"] .wb-nein{font-size:104px;margin-top:32px}
.wsm2[data-seite="wartung-betreuung"] .wb-antwort{margin-top:20px}
.wsm2[data-seite="wartung-betreuung"] .wb-antwort p{font-size:17px}
.wsm2[data-seite="wartung-betreuung"] .wb-antwort p+p{font-size:16px}
}
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt.da{transform:translateZ(calc(var(--z,0px) * 2.3))!important}
.wsm2[data-seite="wartung-betreuung"] .kopf-figur .stapel{left:36%}
.wsm2[data-seite="wartung-betreuung"] .wb-marken{position:absolute;inset:0;margin:0;pointer-events:none}
.wsm2[data-seite="wartung-betreuung"] .wb-marke{position:absolute;left:calc(36% + 214px);display:block;white-space:nowrap;padding-left:30px;font:500 16px/1.2 var(--text);color:var(--tinte-2)}
.wsm2[data-seite="wartung-betreuung"] .wb-marke::before{content:"";position:absolute;left:0;top:11px;width:22px;height:1.5px;background:var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .wb-marke b{display:block;margin-bottom:3px;font:600 21px/1 var(--titel);letter-spacing:-.015em;color:var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .wb-m3{top:194px}
.wsm2[data-seite="wartung-betreuung"] .wb-m2{top:245px}
.wsm2[data-seite="wartung-betreuung"] .wb-m1{top:295px}
.wsm2[data-seite="wartung-betreuung"] .wb-m2 b{color:var(--haus)}
@media (max-width:1240px) and (min-width:901px){
.wsm2[data-seite="wartung-betreuung"] .kopf-figur .stapel{left:28%}
.wsm2[data-seite="wartung-betreuung"] .wb-marke{left:calc(28% + 170px);padding-left:22px}
.wsm2[data-seite="wartung-betreuung"] .wb-marke::before{width:14px}
.wsm2[data-seite="wartung-betreuung"] .wb-marke b{font-size:18px}
.wsm2[data-seite="wartung-betreuung"] .wb-m3{top:151px}
.wsm2[data-seite="wartung-betreuung"] .wb-m2{top:201px}
.wsm2[data-seite="wartung-betreuung"] .wb-m1{top:252px}
}
.wsm2[data-seite="wartung-betreuung"] .wb-mess{display:flex;flex-direction:column}
.wsm2[data-seite="wartung-betreuung"] .wb-std{font:600 64px/1 var(--titel);letter-spacing:-.045em;color:var(--tinte);padding:0 0 18px}
.wsm2[data-seite="wartung-betreuung"] .wb-std b{font-weight:600;color:var(--haus)}
.wsm2[data-seite="wartung-betreuung"] .wb-std small{display:block;font:600 16px/1.2 var(--titel);letter-spacing:0;color:var(--tinte-2);margin-top:10px}
.wsm2[data-seite="wartung-betreuung"] .wb-spur{position:relative;height:320px;margin-bottom:4px;background:linear-gradient(to bottom,var(--grund) 0 4px,var(--grund-2) 4px) left bottom / 100% 40px repeat-y}
.wsm2[data-seite="wartung-betreuung"] .wb-balken{position:absolute;left:0;right:0;bottom:0;height:calc(var(--n) * 40px);--f:var(--haus-hell);background:linear-gradient(to bottom,var(--grund) 0 4px,var(--f) 4px) left bottom / 100% 40px repeat-y;transform-origin:bottom;transition:transform 1.1s var(--schub)}
.wsm2[data-seite="wartung-betreuung"] .wb-stufe:first-child .wb-balken{background:linear-gradient(to bottom,var(--grund) 0 4px,var(--haus) 4px 7px,var(--haus-hell) 7px) left bottom / 100% 40px repeat-y}
.wsm2[data-seite="wartung-betreuung"] .wb-mitte .wb-balken{--f:var(--haus)}
.wsm2[data-seite="wartung-betreuung"] .wb-voll .wb-balken{--f:var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen.wb-anim .wb-balken{transform:scaleY(0)}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen.wb-anim.wb-da .wb-balken{transform:none}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen.wb-da .wb-mitte .wb-balken{transition-delay:.12s}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen.wb-da .wb-voll .wb-balken{transition-delay:.24s}
.wsm2[data-seite="wartung-betreuung"] .wb-band{background:var(--tinte);color:var(--auf-dunkel);margin-bottom:120px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-bottom:56px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf h2{grid-column:1 / span 7;color:var(--papier);font-size:clamp(64px,8vw,128px);line-height:.95;letter-spacing:-.05em}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf p{grid-column:9 / span 4;font-size:18px;line-height:1.5;color:var(--auf-dunkel-2)}
.wsm2[data-seite="wartung-betreuung"] .wb-grund{border-top:3px solid var(--papier)}
.wsm2[data-seite="wartung-betreuung"] .wb-grund>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:baseline;padding:28px 0 30px;border-bottom:1px solid rgba(244,237,230,.2)}
.wsm2[data-seite="wartung-betreuung"] .wb-grund dt{grid-column:1 / span 4;font:600 36px/1.05 var(--titel);letter-spacing:-.03em;color:var(--papier)}
.wsm2[data-seite="wartung-betreuung"] .wb-grund dd{grid-column:5 / span 6;margin:0;font-size:19px;line-height:1.5;color:var(--auf-dunkel)}
.wsm2[data-seite="wartung-betreuung"] .wb-tabelle{grid-column:5 / span 8}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links{display:block;margin-top:32px;border-top:3px solid var(--tinte)}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links li{border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 0;font:600 20px/1.2 var(--titel);color:var(--tinte);text-decoration:none}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links a::after{content:"";flex:none;width:10px;height:10px;margin-right:4px;border-top:2px solid var(--haus);border-right:2px solid var(--haus);transform:rotate(45deg)}
@media (hover:hover){
.wsm2[data-seite="wartung-betreuung"] .wb-h-links a:hover{color:var(--haus)}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="wartung-betreuung"] .seitenkopf .blatt.da{transform:translateZ(calc(var(--z,0px) * 2.3))!important}
}
@media (max-width:1100px) and (min-width:901px){
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf p{grid-column:8 / span 5}
}
@media (max-width:900px){
.wsm2[data-seite="wartung-betreuung"] .wb-marke{left:calc(30% + 86px);padding-left:26px;font-size:15px}
.wsm2[data-seite="wartung-betreuung"] .wb-marke::before{width:18px;top:9px}
.wsm2[data-seite="wartung-betreuung"] .wb-marke b{font-size:18px}
.wsm2[data-seite="wartung-betreuung"] .wb-m3{top:75px}
.wsm2[data-seite="wartung-betreuung"] .wb-m2{top:125px}
.wsm2[data-seite="wartung-betreuung"] .wb-m1{top:176px}
.wsm2[data-seite="wartung-betreuung"] .wb-h-notiz,.wsm2[data-seite="wartung-betreuung"] .wb-tabelle{grid-column:1}
.wsm2[data-seite="wartung-betreuung"] .wb-h-links a{font-size:18px}
.wsm2[data-seite="wartung-betreuung"] .wb-std{font-size:40px;padding-bottom:10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wsm2[data-seite="wartung-betreuung"] .wb-std small{display:inline;margin-top:0;font-size:15px}
.wsm2[data-seite="wartung-betreuung"] .wb-mess{margin-top:18px}
.wsm2[data-seite="wartung-betreuung"] .wb-spur{height:36px;width:100%;margin:0;background:linear-gradient(to right,var(--grund-2) 0 calc(100% - 4px),var(--grund) calc(100% - 4px)) left top / 12.5% 100% repeat-x}
.wsm2[data-seite="wartung-betreuung"] .wb-balken{right:auto;top:0;height:auto;width:calc(var(--n) * 12.5%);background:linear-gradient(to right,var(--f) 0 calc(100% - 4px),var(--grund) calc(100% - 4px)) left top / calc(100% / var(--n)) 100% repeat-x;transform-origin:left}
.wsm2[data-seite="wartung-betreuung"] .wb-stufen.wb-anim .wb-balken{transform:scaleX(0)}
.wsm2[data-seite="wartung-betreuung"] .wb-stufe:first-child .wb-balken{background:linear-gradient(to bottom,var(--haus) 0 3px,var(--haus-hell) 3px) left top / calc(100% - 4px) 100% no-repeat}
.wsm2[data-seite="wartung-betreuung"] .wb-band{margin-bottom:80px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf{grid-template-columns:minmax(0,1fr);margin-bottom:32px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf h2,.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf p{grid-column:1}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf h2{font-size:clamp(48px,14vw,64px)}
.wsm2[data-seite="wartung-betreuung"] .wb-grund-kopf p{margin-top:18px;font-size:17px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund>div{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:20px 0 22px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund dt,.wsm2[data-seite="wartung-betreuung"] .wb-grund dd{grid-column:1}
.wsm2[data-seite="wartung-betreuung"] .wb-grund dt{font-size:26px}
.wsm2[data-seite="wartung-betreuung"] .wb-grund dd{font-size:16px}
}
.wsm2[data-seite="webdesign"] .vergleich{table-layout:fixed}
.wsm2[data-seite="webdesign"] .vergleich col{width:20%}
.wsm2[data-seite="webdesign"] .vergleich col.sp-std{background:var(--grund-2)}
.wsm2[data-seite="webdesign"] .vergleich th,.wsm2[data-seite="webdesign"] .vergleich td{padding:14px 16px}
.wsm2[data-seite="webdesign"] .vergleich tr>:first-child{padding-left:0}
.wsm2[data-seite="webdesign"] .vergleich tbody th{width:auto}
.wsm2[data-seite="webdesign"] .vergleich thead th{padding-top:22px}
.wsm2[data-seite="webdesign"] .vergleich thead th.std{box-shadow:inset 0 3px 0 var(--haus)}
.wsm2[data-seite="webdesign"] .vergleich thead th.std b{color:var(--haus)}
.wsm2[data-seite="webdesign"] .vergleich thead .sp-kopf b{font:600 15px/1.3 var(--titel);letter-spacing:0}
.wsm2[data-seite="webdesign"] .blatt-legende{display:flex;align-items:center;gap:10px;margin-top:14px;font:600 14px/1.3 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="webdesign"] .blatt-legende i{width:14px;height:18px;border-radius:2px;background:var(--papier);box-shadow:0 0 0 1.5px var(--haus);flex:none}
.wsm2[data-seite="webdesign"] .blaetter{display:block;position:relative;height:46px;margin-bottom:14px}
.wsm2[data-seite="webdesign"] .blaetter i{position:absolute;left:0;bottom:0;width:24px;height:30px;border-radius:3px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="webdesign"] .blaetter i:last-child{box-shadow:0 0 0 1.5px var(--haus)}
.wsm2[data-seite="webdesign"] .blaetter i:last-child::before{content:"";position:absolute;left:5px;right:5px;top:6px;height:3px;border-radius:2px;background:var(--haus)}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(2){left:6px;bottom:1px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(3){left:12px;bottom:2px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(4){left:18px;bottom:3px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(5){left:24px;bottom:4px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(6){left:30px;bottom:5px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(7){left:36px;bottom:6px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(8){left:42px;bottom:7px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(9){left:48px;bottom:8px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(10){left:54px;bottom:9px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(11){left:60px;bottom:10px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(12){left:66px;bottom:11px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(13){left:72px;bottom:12px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(14){left:78px;bottom:13px}
.wsm2[data-seite="webdesign"] .blaetter i:nth-child(15){left:84px;bottom:14px}
.wsm2[data-seite="webdesign"] .std .blaetter i{background:var(--papier)}
.wsm2[data-seite="webdesign"] .zusage{margin-top:72px;border-top:3px solid var(--tinte);padding-top:32px}
.wsm2[data-seite="webdesign"] .zusage-satz{font:600 clamp(28px,3.2vw,44px)/1.1 var(--titel);letter-spacing:-.03em;max-width:28ch;text-wrap:balance}
.wsm2[data-seite="webdesign"] .zusage-satz span{color:var(--haus)}
.wsm2[data-seite="webdesign"] .zusage-fakten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:40px;max-width:1040px}
.wsm2[data-seite="webdesign"] .zusage-fakten dt{font:600 18px/1.2 var(--titel);letter-spacing:-.01em;margin-bottom:8px}
.wsm2[data-seite="webdesign"] .zusage-fakten dd{margin:0;font-size:16px;line-height:1.5;color:var(--tinte-2);max-width:42ch}
.wsm2[data-seite="webdesign"] .zusage-fakten a{color:var(--tinte);font-weight:700;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-seite="webdesign"] .br-demo{margin-top:auto;padding-top:8px;font:600 16px/1.3 var(--titel);text-decoration-color:var(--haus)!important;text-decoration-thickness:2px!important}
.wsm2[data-seite="webdesign"] .in-allen{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:32px;row-gap:10px;padding:18px 24px;margin-bottom:28px;background:var(--grund-2);border-radius:24px}
.wsm2[data-seite="webdesign"] .ia-titel{font:600 15px/1.3 var(--titel);color:var(--haus);letter-spacing:0}
.wsm2[data-seite="webdesign"] .ia-liste{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:8px;font:600 17px/1.3 var(--titel);letter-spacing:-.005em}
.wsm2[data-seite="webdesign"] .ia-liste li{display:inline-flex;align-items:center;gap:8px}
.wsm2[data-seite="webdesign"] .haken{display:inline-block;width:22px;height:22px;flex:none;vertical-align:-5px}
.wsm2[data-seite="webdesign"] .haken path{fill:none;stroke:var(--haus);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wsm2[data-seite="webdesign"] .vergleich td .haken{width:26px;height:26px}
.wsm2[data-seite="webdesign"] .strich{display:inline-block;width:18px;height:2px;border-radius:2px;background:var(--linie-2);vertical-align:middle}
.wsm2[data-seite="webdesign"] .tab-notiz{margin-top:16px;font-size:15px;color:var(--tinte-2)}
.wsm2[data-seite="webdesign"] #pp-titel{font-size:clamp(36px,3.8vw,56px)}
.wsm2[data-seite="webdesign"] .ab-zusatz{padding-bottom:96px}
.wsm2[data-seite="webdesign"] .zusatz-kopf{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:24px;row-gap:8px;margin-bottom:24px;border-top:3px solid var(--tinte);padding-top:20px}
.wsm2[data-seite="webdesign"] #zusatz-titel{font-size:30px;line-height:1.1;letter-spacing:-.025em}
.wsm2[data-seite="webdesign"] .zusatz-kopf p{margin:0;font-size:16px;max-width:60ch}
.wsm2[data-seite="webdesign"] .ab-zusatz .register-gruppe{border-top-width:1px;border-top-color:var(--linie-2)}
.wsm2[data-seite="webdesign"] .ab-zusatz .register-gruppe h3{font-size:19px}
.wsm2[data-seite="webdesign"] #branchen-titel{font-size:clamp(44px,6.6vw,104px);line-height:.94;letter-spacing:-.045em}
.wsm2[data-seite="webdesign"] .branchen-kopf{margin-bottom:56px}
.wsm2[data-seite="webdesign"] .branchen-kopf p{margin-top:20px;max-width:52ch}
.wsm2[data-seite="webdesign"] .ab-ablauf{padding-bottom:144px}
.wsm2[data-seite="webdesign"] #ablauf-titel{font-size:clamp(40px,4.4vw,64px)}
.wsm2[data-seite="webdesign"] #fragen-titel{font-size:clamp(28px,2.4vw,36px);line-height:1.08;letter-spacing:-.025em}
.wsm2[data-seite="webdesign"] .werkliste{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.wsm2[data-seite="webdesign"] .werkliste li{grid-column:1 / span 9;display:grid;grid-template-columns:150px minmax(0,1fr) auto;column-gap:32px;align-items:center;padding:30px 0;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="webdesign"] .werkliste li:nth-child(even){grid-column:4 / span 9}
.wsm2[data-seite="webdesign"] .werkliste li:last-child{border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="webdesign"] .werkliste li:first-child{border-top:3px solid var(--tinte)}
.wsm2[data-seite="webdesign"] .wl-nr{position:relative;isolation:isolate;font:600 88px/.8 var(--titel);letter-spacing:-.05em;color:var(--haus);padding:14px 0 0 18px}
.wsm2[data-seite="webdesign"] .wl-nr::before{content:"";position:absolute;z-index:-1;left:6px;top:0;width:76px;height:96px;border-radius:5px;background:linear-gradient(var(--haus-hell),var(--haus-hell)) 10px 12px / 34px 4px no-repeat,var(--papier);box-shadow:0 0 0 1.5px var(--linie-2),0 14px 22px -18px rgba(34,30,43,.4);transform:rotate(-5deg);transform-origin:50% 100%;transition:transform .5s var(--auslauf)}
.wsm2[data-seite="webdesign"] .werkliste li:nth-child(even) .wl-nr::before{transform:rotate(4deg)}
.wsm2[data-seite="webdesign"] .wl-text h3{font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.035em}
.wsm2[data-seite="webdesign"] .wl-text h3 a{text-decoration:none}
.wsm2[data-seite="webdesign"] .wl-text p{margin-top:10px;font-size:17px;color:var(--tinte-2);max-width:42ch}
.wsm2[data-seite="webdesign"] .br-demo{justify-self:end;font:600 16px/1.3 var(--titel);padding:10px 0;text-decoration-color:var(--haus);text-decoration-thickness:2px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){
.wsm2[data-seite="webdesign"] .wl-text h3 a:hover{text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:3px;text-underline-offset:.12em}
.wsm2[data-seite="webdesign"] .werkliste li:hover .wl-nr::before{transform:rotate(0deg) translateY(-6px)}
}
.wsm2[data-seite="webdesign"] .balken .vor{background:var(--grund-2);box-shadow:none;color:var(--tinte)}
.wsm2[data-seite="webdesign"] .balken .tage em b{justify-content:flex-start;padding-left:22px}
.wsm2[data-seite="webdesign"] .paket-bloecke{display:none}
@media (min-width:901px) and (max-width:1100px){
.wsm2[data-seite="webdesign"] .werkliste li,.wsm2[data-seite="webdesign"] .werkliste li:nth-child(even){grid-column:1 / -1}
.wsm2[data-seite="webdesign"] .werkliste li:nth-child(even){padding-left:72px}
.wsm2[data-seite="webdesign"] .vergleich{font-size:15px}
.wsm2[data-seite="webdesign"] .vergleich th,.wsm2[data-seite="webdesign"] .vergleich td{padding:12px 10px}
}
@media (max-width:900px){
.wsm2[data-seite="webdesign"] .vergleich.mit-bloecken{display:none}
.wsm2[data-seite="webdesign"] .paket-bloecke{display:grid;gap:12px}
.wsm2[data-seite="webdesign"] .paket-block{border-top:3px solid var(--tinte);padding:20px 0 4px}
.wsm2[data-seite="webdesign"] .paket-block.std{background:var(--grund-2);border-top-color:var(--haus);margin-inline:calc(var(--rand) * -1);padding:20px var(--rand) 4px}
.wsm2[data-seite="webdesign"] .pb-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:16px}
.wsm2[data-seite="webdesign"] .pb-kopf .blaetter{grid-column:1 / -1;margin-bottom:8px;height:40px}
.wsm2[data-seite="webdesign"] .pb-kopf b{font:600 26px/1.05 var(--titel);letter-spacing:-.025em}
.wsm2[data-seite="webdesign"] .paket-block.std .pb-kopf b{color:var(--haus)}
.wsm2[data-seite="webdesign"] .pb-kopf .zahl{font-size:40px;line-height:.95}
.wsm2[data-seite="webdesign"] .pb-kopf .fix{grid-column:1 / -1;margin-top:8px}
.wsm2[data-seite="webdesign"] .pb-liste{margin-top:16px}
.wsm2[data-seite="webdesign"] .pb-liste>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:14px;padding:9px 0;line-height:1.35;border-top:1px solid var(--linie-2)}
.wsm2[data-seite="webdesign"] .pb-liste dt{font-size:15px;color:var(--tinte-2)}
.wsm2[data-seite="webdesign"] .pb-liste dd{margin:0;font-size:16px}
.wsm2[data-seite="webdesign"] .pb-liste dd.nein{color:var(--tinte-2)}
.wsm2[data-seite="webdesign"] .paket-block details{border-top:1px solid var(--linie-2)}
.wsm2[data-seite="webdesign"] .paket-block summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px;font:600 16px/1.2 var(--titel)}
.wsm2[data-seite="webdesign"] .paket-block summary::-webkit-details-marker{display:none}
.wsm2[data-seite="webdesign"] .paket-block summary::after{content:"+";font:600 24px/1 var(--titel);color:var(--haus)}
.wsm2[data-seite="webdesign"] .paket-block details[open] summary::after{content:"–"}
.wsm2[data-seite="webdesign"] .paket-block details .pb-liste{margin-top:0}
.wsm2[data-seite="webdesign"] .pb-bestellen{border-top:1px solid var(--linie-2);font:600 17px/1.3 var(--titel)}
.wsm2[data-seite="webdesign"] .pb-bestellen a{display:block;padding:14px 0;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-seite="webdesign"] .zusage{margin-top:56px;padding-top:24px}
.wsm2[data-seite="webdesign"] .zusage-satz{font-size:28px}
.wsm2[data-seite="webdesign"] .zusage-fakten{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px}
.wsm2[data-seite="webdesign"] .in-allen{display:block;padding:18px 20px}
.wsm2[data-seite="webdesign"] .ia-liste{display:grid;gap:10px;margin-top:10px;font-size:16px}
.wsm2[data-seite="webdesign"] .tab-notiz{margin-top:20px}
.wsm2[data-seite="webdesign"] .ab-zusatz{padding-bottom:64px}
.wsm2[data-seite="webdesign"] .ab-ablauf{padding-bottom:96px}
.wsm2[data-seite="webdesign"] #zusatz-titel{font-size:26px}
.wsm2[data-seite="webdesign"] .branchen-kopf{display:block;margin-bottom:32px}
.wsm2[data-seite="webdesign"] .branchen-kopf p{margin-top:16px}
.wsm2[data-seite="webdesign"] .werkliste{display:block}
.wsm2[data-seite="webdesign"] .werkliste li,.wsm2[data-seite="webdesign"] .werkliste li:nth-child(even){grid-template-columns:76px minmax(0,1fr);column-gap:18px;align-items:start;padding:24px 0}
.wsm2[data-seite="webdesign"] .werkliste li:nth-child(even){padding-left:20px}
.wsm2[data-seite="webdesign"] .wl-nr{font-size:52px;padding:10px 0 0 12px}
.wsm2[data-seite="webdesign"] .wl-nr::before{width:50px;height:64px}
.wsm2[data-seite="webdesign"] .wl-text h3{font-size:28px}
.wsm2[data-seite="webdesign"] .wl-text p{font-size:16px;margin-top:8px}
.wsm2[data-seite="webdesign"] .br-demo{grid-column:2;justify-self:start;margin-top:6px}
.wsm2[data-seite="webdesign"] .balken .tage em b{writing-mode:vertical-rl;transform:rotate(180deg);justify-content:flex-end;padding:18px 0}
}
@media (prefers-reduced-motion:reduce){
.wsm2[data-seite="webdesign"] .wl-nr::before{transition:none}
}
@media (max-width:360px){
.wsm2[data-seite="webdesign"] .pb-kopf .zahl{font-size:34px}
}
.wsm2[data-seite="webdesign"] #tabelle .in-allen{margin-top:72px}
@media (min-width:901px){
.wsm2[data-seite="webdesign"] .buehne{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;margin-top:14px}
.wsm2[data-seite="webdesign"] .buehne .stapel-feld{min-height:440px}
.wsm2[data-seite="webdesign"] .buehne .stapel-feld::after{content:"";position:absolute;left:0;right:0;bottom:31px;height:2px;border-radius:1px;background:var(--tinte)}
.wsm2[data-seite="webdesign"] .buehne .stapel{left:calc(100% - 118px);top:calc(100% - 33px - 64px);transform:rotateX(58deg) rotateZ(-42deg) scale(.8)}
.wsm2[data-seite="webdesign"] .zahl-stapel{top:auto;left:36px;bottom:36px;font-size:15px;line-height:16px}
.wsm2[data-seite="webdesign"] .zahl-stapel b{font-size:96px;line-height:.8;margin:0 0 17px}
}
@media (min-width:901px) and (max-width:1359px){
.wsm2[data-seite="webdesign"] .buehne{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.wsm2[data-seite="webdesign"] .buehne .stapel{left:calc(100% - 74px);top:calc(100% - 33px - 40px);transform:rotateX(58deg) rotateZ(-42deg) scale(.5)}
.wsm2[data-seite="webdesign"] .zahl-stapel b{font-size:56px}
.wsm2[data-seite="webdesign"] .angaben .knopf{white-space:normal;text-align:center}
}
.wsm2[data-seite="webdesign"] .vergleich col,.wsm2[data-seite="webdesign"] .vergleich thead th{transition:background-color .4s ease,box-shadow .4s ease}
.wsm2[data-seite="webdesign"] .pp-blatt{margin-top:40px;border-top:3px solid var(--tinte);padding-top:28px}
.wsm2[data-seite="webdesign"] .pp-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:32px;row-gap:18px}
.wsm2[data-seite="webdesign"] .pp-name{font:600 28px/1.1 var(--titel);letter-spacing:-.02em;min-width:200px;padding-bottom:12px}
.wsm2[data-seite="webdesign"] .pp-kopf .fix{padding-bottom:16px}
.wsm2[data-seite="webdesign"] .pp-preis{font-size:clamp(56px,6.4vw,104px);line-height:.92;overflow:hidden;padding-bottom:.06em}
.wsm2[data-seite="webdesign"] .pp-daten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,2fr);margin-top:32px;border-top:1px solid var(--linie-2);border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="webdesign"] .pp-daten>div{padding:20px 24px 22px 0}
.wsm2[data-seite="webdesign"] .pp-daten>div+div{border-left:1px solid var(--linie-2);padding-left:24px}
.wsm2[data-seite="webdesign"] .pp-daten dt{font:600 14px/1.2 var(--titel);color:var(--tinte-2);letter-spacing:0}
.wsm2[data-seite="webdesign"] .pp-daten dd{margin:8px 0 0;font:600 22px/1.25 var(--titel);letter-spacing:-.015em;max-width:30ch}
.wsm2[data-seite="webdesign"] .pp-link{margin-top:20px;font:600 17px/1.3 var(--titel)}
.wsm2[data-seite="webdesign"] .pp-link a{display:inline-block;padding:10px 0;text-decoration-color:var(--haus);text-decoration-thickness:2px}
.wsm2[data-seite="webdesign"] .pp-premium{display:flex;align-items:center;gap:20px;margin-top:40px;padding:16px 24px;background:var(--grund-2);border-radius:24px}
.wsm2[data-seite="webdesign"] .pp-zeichen{position:relative;flex:none;width:30px;height:38px;border-radius:4px;background:var(--papier);box-shadow:0 0 0 1.5px var(--haus);transform:rotate(-4deg)}
.wsm2[data-seite="webdesign"] .pp-zeichen i{position:absolute;left:6px;right:6px;top:8px;height:3px;border-radius:2px;background:var(--haus)}
.wsm2[data-seite="webdesign"] .pp-premium p{flex:1;min-width:0;font-size:16px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="webdesign"] .pp-premium b{color:var(--tinte);font-weight:700}
.wsm2[data-seite="webdesign"] .pp-premium a{flex:none;padding:10px 0;font:600 16px/1.3 var(--titel);color:var(--tinte);text-decoration-color:var(--haus);text-decoration-thickness:2px;white-space:nowrap}
.wsm2[data-seite="webdesign"] .frage-direkt{display:flex;gap:16px;align-items:center;margin-top:40px;max-width:340px}
.wsm2[data-seite="webdesign"] .frage-direkt img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.wsm2[data-seite="webdesign"] .frage-direkt p{font-size:15px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="webdesign"] .frage-direkt b{display:block;color:var(--tinte);font:600 17px/1.3 var(--titel)}
.wsm2[data-seite="webdesign"] .frage-direkt a{color:var(--tinte);white-space:nowrap}
@media (max-width:900px){
.wsm2[data-seite="webdesign"] #tabelle .in-allen{margin-top:48px}
.wsm2[data-seite="webdesign"] .pp-blatt{margin-top:28px;padding-top:22px}
.wsm2[data-seite="webdesign"] .pp-preis{font-size:60px}
.wsm2[data-seite="webdesign"] .pp-daten{grid-template-columns:minmax(0,1fr);margin-top:20px;border-bottom:0}
.wsm2[data-seite="webdesign"] .pp-daten>div,.wsm2[data-seite="webdesign"] .pp-daten>div+div{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;padding:12px 0;border-left:0;border-bottom:1px solid var(--linie-2)}
.wsm2[data-seite="webdesign"] .pp-daten dt{padding-top:3px}
.wsm2[data-seite="webdesign"] .pp-daten dd{margin:0;font-size:18px}
.wsm2[data-seite="webdesign"] .pp-premium{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;padding:18px 20px;margin-top:32px}
.wsm2[data-seite="webdesign"] .pp-premium p{flex:1 1 200px}
.wsm2[data-seite="webdesign"] .pp-premium a{flex-basis:100%;padding:8px 0 4px}
.wsm2[data-seite="webdesign"] .ab-zusatz .register-gruppe li .r-name a{flex:1 1 0;min-width:0}
.wsm2[data-seite="webdesign"] .ab-zusatz .register-gruppe li .r-preis{flex:none}
.wsm2[data-seite="webdesign"] .ab-zusatz .register-gruppe li .r-preis small{display:block;margin-left:0}
.wsm2[data-seite="webdesign"] .frage-direkt{margin:24px 0 32px}
}
@media (max-width:360px){
.wsm2[data-seite="webdesign"] .pp-preis{font-size:50px}
}

/* Startseite Fassung A + Joëls 4 Punkte (16.10.2026). Nur diese Regeln kommen zum eingefrorenen CSS von A dazu. */

/* Punkt 2: Professionell (15 Blätter) passt in die Bühne, auf allen Breiten */
.wsm2[data-seite="index-entwurf"] .buehne .stapel{--auf:.72}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .buehne .stapel{--auf:.5}
}

/* Punkt 4: Über mich steht jetzt nach den Paketen */
.wsm2[data-seite="index-entwurf"] .person-vor{padding-top:120px}
@media (max-width:600px){.wsm2[data-seite="index-entwurf"] .person-vor{padding-top:72px}}

/* Punkt 1: Stimmen am Handy aufgeräumt (Desktop bleibt wie A) */
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .stimmen{padding:26px 20px 8px;row-gap:0;margin-top:48px}
  .wsm2[data-seite="index-entwurf"] .stimmen-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(244,237,230,.18)}
  .wsm2[data-seite="index-entwurf"] .stimmen-kopf .note{grid-row:1 / span 3;font-size:60px;line-height:.9}
  .wsm2[data-seite="index-entwurf"] .stimmen-kopf .sterne{grid-column:2;margin:0}
  .wsm2[data-seite="index-entwurf"] .stimmen-kopf .sterne svg{width:14px;height:14px}
  .wsm2[data-seite="index-entwurf"] .stimmen-kopf p:not(.note){grid-column:2;margin-top:2px;font-size:14px}
  .wsm2[data-seite="index-entwurf"] .stimmen-kopf a{grid-column:2;margin-top:2px;font-size:14px;justify-self:start}
  .wsm2[data-seite="index-entwurf"] .stimme{margin:0;padding:20px 0;border-bottom:1px solid rgba(244,237,230,.18)}
  .wsm2[data-seite="index-entwurf"] .stimme:last-of-type{border-bottom:0}
  .wsm2[data-seite="index-entwurf"] .stimme blockquote::before{display:inline;font-size:1em;line-height:inherit;margin:0 .1em 0 0}
  .wsm2[data-seite="index-entwurf"] .stimme:nth-of-type(1) blockquote{font-size:20px;line-height:1.3}
  .wsm2[data-seite="index-entwurf"] .stimme blockquote{font-size:16px;line-height:1.5}
  .wsm2[data-seite="index-entwurf"] .stimme figcaption{margin-top:10px;font-size:15px}
  .wsm2[data-seite="index-entwurf"] .stimme figcaption span{display:inline;margin:0}
  .wsm2[data-seite="index-entwurf"] .stimme figcaption span::before{content:" · "}
}

/* Korrekturen 17.10.2026 nach Joëls Bildschirmfotos (live mit Astra) */
/* Astra färbt blockquote dunkel und kursiv: Stimmen erben wieder Farbe und Schnitt des Feldes */
.wsm2 blockquote{color:inherit;font-style:normal}
/* Kopf: Blätterstapel kleiner am rechten Rand, berührt «Zum festen Preis.» nicht mehr (1366 bis 3440 gemessen) */
.wsm2[data-seite="index-entwurf"] .kopf-stapel{transform:scale(.74);transform-origin:100% 20%}
/* Schluss: Stapel kleiner, berührt den Titel nicht mehr */
.wsm2 .schluss-stapel{transform:scale(.58);transform-origin:100% 0}
/* Pakete: Stapel kleiner, mehr Luft zu Preis und Text */
.wsm2[data-seite="index-entwurf"] .buehne .stapel-feld{transform:scale(.86);transform-origin:35% 45%}
/* Fuss: «Handwerkskunst» nicht mitten im Wort trennen */
.wsm2 .fuss .leitsatz{max-width:15ch;overflow-wrap:normal;word-break:normal}

/* Animationen 17.10.2026 (Joël: alle drei) */
/* a) Bewertung zählt hoch, Sterne leuchten nacheinander */
.wsm2 .stimmen-kopf .note{font-variant-numeric:tabular-nums}
.wsm2 .stimmen-kopf.zaehlt .sterne svg{opacity:.18;transform:scale(.55);transition:opacity .35s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}
.wsm2 .stimmen-kopf.zaehlt .sterne svg.an{opacity:1;transform:none}
/* b) Kundenwebsite scrollt im Rahmen */
.wsm2[data-seite="index-entwurf"] .werk-bild img.werk-ganz{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;object-fit:fill;opacity:0;transform:translateY(0);will-change:transform;pointer-events:none}
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-bild img.werk-ganz{opacity:1}
/* c) Paketpreis: Ziffern gleich breit, damit nichts springt */
.wsm2[data-seite="index-entwurf"] .buehne .wert{font-variant-numeric:tabular-nums}

/* ===== Animation A und B (17.10.2026) ===== */
/* Gemeinsam: Blatt im Stil der isometrischen Blätter, mit Bausteinen einer Website */
.wsm2[data-seite="index-entwurf"] .wb-blatt{position:absolute;left:-90px;top:-115px;width:180px;height:230px;box-sizing:border-box;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);padding:14px 15px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.wsm2[data-seite="index-entwurf"] .wb-blatt.oben{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="index-entwurf"] .wb-blatt i,.wsm2[data-seite="index-entwurf"] .wb-blatt b{display:block;flex:none;border-radius:4px;background:var(--linie);height:7px}
.wsm2[data-seite="index-entwurf"] .wb-blatt i.s{width:62%}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-k{background:var(--haus);height:10px;width:46%}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-nav{display:flex;gap:6px;align-items:center;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-nav i{height:5px;width:18px;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-nav i:first-child{width:10px;height:10px;border-radius:50%;background:var(--haus);margin-right:auto}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-reihe{display:flex;gap:7px;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-reihe>*{flex:1 1 0;min-width:0}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-q{height:34px;border-radius:6px;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-f{height:52px;border-radius:8px;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-l1{width:80%}
/* Blätter im Kopf: Tag 1 Fragebogen, Tag 2 Raster, Tag 3 Texte, Tag 4 Bilder, Tag 5 fertig */
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-frage{display:flex;gap:8px;align-items:center;flex:none;margin-top:5px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-frage i:first-child{width:14px;height:14px;border-radius:4px;background:none;box-shadow:inset 0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-frage i.ja{background:var(--haus);box-shadow:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-frage i:last-child{flex:1;height:7px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-d{background:none;border:1.5px dashed var(--linie-2);border-radius:6px;box-sizing:border-box}
.wsm2[data-seite="index-entwurf"] .wb-blatt i.w-dn{height:14px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-dh{height:72px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-reihe .w-d{height:40px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-txt{display:flex;flex-direction:column;gap:7px;padding:10px;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-reihe .w-l{display:flex;padding:8px 6px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-reihe .w-l::before{content:"";display:block;height:6px;width:100%;border-radius:3px;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;height:72px;padding:10px;box-sizing:border-box;border-radius:8px;flex:none;overflow:hidden}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-bild{background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-bild::before{content:"";position:absolute;right:14px;top:10px;width:16px;height:16px;border-radius:50%;background:var(--papier)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-bild::after{content:"";position:absolute;right:-10px;bottom:-22px;width:90px;height:60px;background:rgba(204,61,26,.28);transform:rotate(45deg);border-radius:8px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-hero>*{position:relative;z-index:1}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-fertig{background:var(--haus)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-fertig .w-k{background:var(--papier);width:62%}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-fertig i.s{background:rgba(255,253,251,.5);width:46%}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-fertig b{width:38px;height:12px;border-radius:6px;background:var(--papier)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-nav-f i:first-child{background:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-nav-f i:last-child{background:var(--haus);width:24px;border-radius:3px}

/* B) Kopf: «In 5 Werktagen online», Regler Tag 1 bis 5 (ohne Skript: Endzustand Tag 5) */
.wsm2[data-seite="index-entwurf"] .tagwerk{position:relative;flex:none;width:340px;--s:.6;--p:100%}
.wsm2[data-seite="index-entwurf"] .tw-buehne{position:relative;height:168px}
.wsm2[data-seite="index-entwurf"] .tw-stapel{position:absolute;left:50%;top:calc(50% + 40px * var(--s));width:0;height:0;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(58deg) rotateZ(-42deg)}
.wsm2[data-seite="index-entwurf"] .tw-stapel .wb-blatt{transform:translateZ(var(--z));transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .35s ease,box-shadow .2s ease}
.wsm2[data-seite="index-entwurf"] .tw-online{position:absolute;right:0;top:8px;margin:0;display:flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2),0 8px 20px -10px rgba(34,30,43,.35);font:600 14px/1 var(--titel);color:var(--tinte);transition:opacity .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.wsm2[data-seite="index-entwurf"] .tw-online i{width:8px;height:8px;border-radius:50%;background:#2F9E5A;box-shadow:0 0 0 3px rgba(47,158,90,.18)}
.wsm2[data-seite="index-entwurf"] .tw-online svg{width:15px;height:15px;color:#2F9E5A}
.wsm2[data-seite="index-entwurf"] .tw-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px}
.wsm2[data-seite="index-entwurf"] .tw-titel{margin:0;display:flex;gap:8px;align-items:center;font:600 13px/1.3 var(--titel);color:var(--tinte-2);white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .tw-titel::before{content:"";width:18px;height:1.5px;background:currentColor}
.wsm2[data-seite="index-entwurf"] .tw-stand{margin:0;font-size:14px;line-height:1.3;color:var(--tinte-2);text-align:right;white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .tw-stand span{display:none}
.wsm2[data-seite="index-entwurf"] .tw-stand span[data-t="5"]{display:inline}
.wsm2[data-seite="index-entwurf"] .tw-stand b{font:600 14px/1.3 var(--titel);color:var(--haus);margin-right:4px}
.wsm2[data-seite="index-entwurf"] .tw-regler{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}
.wsm2[data-seite="index-entwurf"] .tw-regler label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;border-radius:22px;background:var(--grund-2);font:600 14px/1 var(--titel);color:var(--tinte);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:background-color .2s ease,color .2s ease,transform .15s ease}
.wsm2[data-seite="index-entwurf"] .tw-regler label:active{transform:scale(.97)}
.wsm2[data-seite="index-entwurf"] .tw-regler input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none}
.wsm2[data-seite="index-entwurf"] .tw-regler em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .tw-regler label:has(input:checked){background:var(--haus);color:#fff}
.wsm2[data-seite="index-entwurf"] .tw-regler label:has(input:focus-visible){outline:2px solid var(--tinte);outline-offset:2px}
.wsm2[data-seite="index-entwurf"] .tw-bahn{display:none}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .tw-regler label:hover{background:var(--linie)}.wsm2[data-seite="index-entwurf"] .tw-regler label:has(input:checked):hover{background:var(--haus)}}
/* Zustände über den gewählten Tag (CSS :has, braucht kein Skript) */
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked){--p:0%}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="2"]:checked){--p:25%}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="3"]:checked){--p:50%}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="4"]:checked){--p:75%}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked) .tw-b2,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked) .tw-b3,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="2"]:checked) .tw-b3,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked) .tw-b4,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="2"]:checked) .tw-b4,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="3"]:checked) .tw-b4,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input:not([value="5"]):checked) .tw-b5{opacity:0;transform:translateZ(calc(var(--z) + 90px));transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .2s ease}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked) .tw-b1,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="2"]:checked) .tw-b2,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="3"]:checked) .tw-b3,
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="4"]:checked) .tw-b4{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input:not([value="5"]):checked) .tw-b5{box-shadow:0 0 0 1.5px var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input:not([value="5"]):checked) .tw-online{opacity:0;transform:translateY(6px) scale(.95);transition:opacity .15s ease,transform .15s ease}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input:not([value="5"]):checked) .tw-stand span[data-t="5"]{display:none}
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked) .tw-stand span[data-t="1"],
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="2"]:checked) .tw-stand span[data-t="2"],
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="3"]:checked) .tw-stand span[data-t="3"],
.wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="4"]:checked) .tw-stand span[data-t="4"]{display:inline}
/* Gross (ab 1321 px): rechts neben dem Titel, Regler als Leiste mit Daumen zum Ziehen */
@media (min-width:1321px){
  .wsm2[data-seite="index-entwurf"] .tagwerk{position:absolute;right:var(--rand);top:20px;width:400px;--s:1}
  .wsm2[data-seite="index-entwurf"] .tw-buehne{height:300px}
  .wsm2[data-seite="index-entwurf"] .tw-online{top:22px;right:8px}
  .wsm2[data-seite="index-entwurf"] .tw-kopf{margin-top:4px}
  .wsm2[data-seite="index-entwurf"] .tw-regler{gap:0;margin-top:6px;padding-top:26px;cursor:pointer}
  .wsm2[data-seite="index-entwurf"] .tw-regler label{min-height:0;padding:6px 0 4px;background:none!important;color:var(--tinte-2);font-size:13px;border-radius:6px}
  .wsm2[data-seite="index-entwurf"] .tw-regler label:has(input:checked){color:var(--tinte)}
  .wsm2[data-seite="index-entwurf"] .tw-bahn{display:block;position:absolute;left:10%;right:10%;top:11px;height:4px;border-radius:2px;background:var(--linie);pointer-events:none}
  .wsm2[data-seite="index-entwurf"] .tw-bahn b{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--papier);box-shadow:inset 0 0 0 2px var(--linie-2)}
  .wsm2[data-seite="index-entwurf"] .tw-fuell{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:2px;background:var(--haus);transform-origin:0 50%;transform:scaleX(var(--f,1));transition:transform .45s cubic-bezier(.23,1,.32,1)}
  .wsm2[data-seite="index-entwurf"] .tw-lauf{position:absolute;inset:0;transform:translateX(var(--p));transition:transform .45s cubic-bezier(.23,1,.32,1)}
  .wsm2[data-seite="index-entwurf"] .tw-daumen{position:absolute;left:-11px;top:-9px;width:22px;height:22px;border-radius:50%;background:var(--papier);box-shadow:0 0 0 2px var(--haus),0 4px 12px -4px rgba(34,30,43,.4);transition:transform .15s ease}
  .wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="1"]:checked) .tw-fuell{--f:0}
  .wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="2"]:checked) .tw-fuell{--f:.25}
  .wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="3"]:checked) .tw-fuell{--f:.5}
  .wsm2[data-seite="index-entwurf"] .tagwerk:has(input[value="4"]:checked) .tw-fuell{--f:.75}
  .wsm2[data-seite="index-entwurf"] .tagwerk.zieht .tw-daumen{transform:scale(1.15)}
  .wsm2[data-seite="index-entwurf"] .tagwerk.zieht .tw-lauf,.wsm2[data-seite="index-entwurf"] .tagwerk.zieht .tw-fuell{transition-duration:.18s}
}
/* Mittel (901 bis 1320 px): neben dem Lead wie der frühere kleine Stapel */
@media (min-width:901px) and (max-width:1320px){
  .wsm2[data-seite="index-entwurf"] .tagwerk{width:360px;margin-left:auto;--s:.55}
  .wsm2[data-seite="index-entwurf"] .tw-buehne{height:150px}
}
/* Handy (bis 900 px): über dem Lead, volle Breite, Tipp-Knöpfe */
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .tagwerk{order:-1;width:100%;margin:6px 0 10px}
  .wsm2[data-seite="index-entwurf"] .tw-buehne{height:176px}
  .wsm2[data-seite="index-entwurf"] .tw-online{top:6px}
  .wsm2[data-seite="index-entwurf"] .tw-titel::before{display:none}
}
@media (max-width:360px){.wsm2[data-seite="index-entwurf"] .tw-regler label{font-size:13px}.wsm2[data-seite="index-entwurf"] .tw-titel{font-size:12px}.wsm2[data-seite="index-entwurf"] .tw-stand,.wsm2[data-seite="index-entwurf"] .tw-stand b{font-size:13px}}
@media (prefers-reduced-motion:reduce){
  .wsm2[data-seite="index-entwurf"] .tagwerk .tw-stapel .wb-blatt{transition:opacity .2s ease,box-shadow .2s ease!important}
  .wsm2[data-seite="index-entwurf"] .tw-lauf,.wsm2[data-seite="index-entwurf"] .tw-fuell{transition-duration:.12s!important}
}

/* A) Pakete: Stapel zum Drehen und Auffächern (Skript setzt Lage und Grösse, passt immer ins freie Feld) */
.wsm2[data-seite="index-entwurf"] .buehne .stapel-feld.dreh-feld{transform:none;position:relative}
.wsm2[data-seite="index-entwurf"] .dreh-raum{position:absolute;inset:0;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none}
.wsm2[data-seite="index-entwurf"] .dreh-raum.zieht{cursor:grabbing}
.wsm2[data-seite="index-entwurf"] .dreh-stapel{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
.wsm2[data-seite="index-entwurf"] .dreh-stapel .wb-blatt{opacity:0}
.wsm2[data-seite="index-entwurf"] .dreh-stapel .wb-name{display:block;flex:none;margin-top:auto;height:auto;background:none;font:600 19px/1 var(--titel);letter-spacing:-.01em;color:var(--tinte);white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .dreh-stapel .oben .wb-name{color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .dreh-stapel .wb-blatt:not(.oben) .wb-name{opacity:var(--fan,0)}
.wsm2[data-seite="index-entwurf"] .dreh-stapel .wb-blatt{padding-bottom:9px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-zeile{display:flex;gap:7px;align-items:center;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-zeile>i:first-child{width:22px;height:22px;border-radius:6px;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-zeile>i:last-child{flex:1}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-zeile.rund>i:first-child{border-radius:50%;width:34px;height:34px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-feld{height:16px;background:none;box-shadow:inset 0 0 0 1.5px var(--linie-2);border-radius:5px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-knopf{width:44%;height:14px;border-radius:7px;background:var(--haus)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-kreise{display:flex;gap:8px;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-kreise i{width:34px;height:34px;border-radius:50%;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-raster i{height:30px;border-radius:5px;background:var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-saeulen{display:flex;gap:6px;flex:none}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-saeulen i{flex:1;height:62px;background:none;box-shadow:inset 0 0 0 1.5px var(--linie-2);border-top:4px solid var(--haus);border-radius:5px}
.wsm2[data-seite="index-entwurf"] .wb-blatt .w-frag{height:14px;background:none;box-shadow:inset 0 0 0 1.5px var(--linie-2);border-radius:5px}
.wsm2[data-seite="index-entwurf"] .dreh-knopf{position:absolute;right:0;bottom:0;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 16px 0 12px;border:0;border-radius:20px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);font:600 14px/1 var(--titel);color:var(--tinte);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .2s ease}
.wsm2[data-seite="index-entwurf"] .dreh-knopf svg{width:18px;height:18px;flex:none;color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .dreh-knopf:active{transform:scale(.97)}
.wsm2[data-seite="index-entwurf"] .dreh-knopf[aria-pressed="true"]{box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="index-entwurf"] .dreh-knopf:focus-visible{outline:2px solid var(--tinte);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .dreh-knopf:hover{box-shadow:0 0 0 2px var(--haus)}}

/* Knopf in der Paket-Buehne: darf umbrechen und bleibt in der Spalte (Fenster rund 900 bis 1150 px) */
.wsm2[data-seite="index-entwurf"] .buehne .angaben .knopf{white-space:normal;max-width:100%;box-sizing:border-box;text-align:center}

/* ===== Drei weitere Animationen (17.10.2026): Suche, Wartung, Gerätewechsel ===== */
/* Gemeinsam: Bedienknöpfe (echte Radio-Knöpfe, ohne Skript bedienbar) */
.wsm2[data-seite="index-entwurf"] .wz-wahl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
.wsm2[data-seite="index-entwurf"] .wz-wahl label,.wsm2[data-seite="index-entwurf"] .gw-wahl label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border-radius:22px;background:var(--grund-2);font:600 14px/1 var(--titel);color:var(--tinte);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:background-color .2s ease,color .2s ease,transform .15s ease}
.wsm2[data-seite="index-entwurf"] .wz-wahl label:active,.wsm2[data-seite="index-entwurf"] .gw-wahl label:active{transform:scale(.97)}
.wsm2[data-seite="index-entwurf"] .wz-wahl input,.wsm2[data-seite="index-entwurf"] .gw-wahl input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none}
.wsm2[data-seite="index-entwurf"] .wz-wahl label:has(input:checked),.wsm2[data-seite="index-entwurf"] .gw-wahl label:has(input:checked){background:var(--haus);color:#fff}
.wsm2[data-seite="index-entwurf"] .wz-wahl label:has(input:focus-visible),.wsm2[data-seite="index-entwurf"] .gw-wahl label:has(input:focus-visible){outline:2px solid var(--tinte);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .wz-wahl label:hover,.wsm2[data-seite="index-entwurf"] .gw-wahl label:hover{background:var(--linie)}.wsm2[data-seite="index-entwurf"] .wz-wahl label:has(input:checked):hover,.wsm2[data-seite="index-entwurf"] .gw-wahl label:has(input:checked):hover{background:var(--haus)}}
.wsm2[data-seite="index-entwurf"] .gs,.wsm2[data-seite="index-entwurf"] .wz{display:block;margin-top:28px}
.wsm2[data-seite="index-entwurf"] .gs-fenster,.wsm2[data-seite="index-entwurf"] .wz-fenster{position:relative;display:block;border-radius:14px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2)}

/* 1) Gefunden werden: Suche spielt sich ab. Ohne Skript: fertiger Zustand (Begriff steht, Kundenwebsite oben) */
.wsm2[data-seite="index-entwurf"] .gs-fenster{padding:14px 14px 10px}
.wsm2[data-seite="index-entwurf"] .gs-feld{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:22px;background:#fff;box-shadow:0 0 0 1.5px var(--linie-2),0 4px 14px rgba(34,30,43,.06)}
.wsm2[data-seite="index-entwurf"] .gs-feld svg{width:18px;height:18px;flex:none;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .gs-text{min-width:0;overflow:hidden;white-space:nowrap;font:400 16px/1.2 var(--text);color:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .gs-cursor{display:block;flex:none;width:2px;height:20px;margin-left:-9px;background:var(--haus);opacity:0}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-cursor,.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-cursor{opacity:1;animation:gs-blink 1s steps(1) infinite}
@keyframes gs-blink{50%{opacity:0}}
.wsm2[data-seite="index-entwurf"] .gs-liste{position:relative;display:block;height:258px;margin-top:10px}
.wsm2[data-seite="index-entwurf"] .gs-erg{--p:0;position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;gap:12px;height:60px;padding:8px 10px;box-sizing:border-box;border-radius:10px;transform:translateY(calc(var(--p) * 66px));transition:transform .8s var(--schub),opacity .35s ease calc(var(--i) * 90ms),background-color .3s ease,box-shadow .3s ease}
.wsm2[data-seite="index-entwurf"] .gs-erg[data-r="k"]{--p:0}.wsm2[data-seite="index-entwurf"] .gs-erg[data-r="a"]{--p:1}.wsm2[data-seite="index-entwurf"] .gs-erg[data-r="b"]{--p:2}.wsm2[data-seite="index-entwurf"] .gs-erg[data-r="c"]{--p:3}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="liste"] .gs-erg[data-r="a"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-erg[data-r="a"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-erg[data-r="a"]{--p:0}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="liste"] .gs-erg[data-r="b"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-erg[data-r="b"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-erg[data-r="b"]{--p:1}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="liste"] .gs-erg[data-r="c"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-erg[data-r="c"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-erg[data-r="c"]{--p:2}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="liste"] .gs-erg[data-r="k"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-erg[data-r="k"],.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-erg[data-r="k"]{--p:3}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-erg,.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-erg{opacity:0;transition:none}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="liste"] .gs-kunde,.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-kunde,.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-kunde{background:transparent;box-shadow:none}
.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="liste"] .gs-pfeil,.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="leer"] .gs-pfeil,.wsm2[data-seite="index-entwurf"] .gs-js[data-schritt="tippen"] .gs-pfeil{opacity:0;transform:scale(.6);transition:none}
.wsm2[data-seite="index-entwurf"] .gs-fav{display:block;flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .gs-zeilen{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.wsm2[data-seite="index-entwurf"] .gs-zeilen i{display:block;height:6px;border-radius:3px;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .gs-zeilen .gs-dom{width:34%}
.wsm2[data-seite="index-entwurf"] .gs-zeilen i.gs-tit{width:68%;height:9px;background:var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .gs-zeilen .gs-txt{width:88%}
.wsm2[data-seite="index-entwurf"] .gs-kunde{background:#FFF4EF;box-shadow:0 0 0 1.5px var(--haus)}
.wsm2[data-seite="index-entwurf"] .gs-kunde .gs-fav{background:var(--haus)}
.wsm2[data-seite="index-entwurf"] .gs-kunde .gs-zeilen{gap:2px}
.wsm2[data-seite="index-entwurf"] .gs-kunde span.gs-dom{width:auto;font:400 12px/1.25 var(--text);color:var(--tinte-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsm2[data-seite="index-entwurf"] .gs-kunde span.gs-tit{font:600 15px/1.2 var(--titel);color:var(--haus-dunkel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsm2[data-seite="index-entwurf"] .gs-kunde .gs-txt{margin-top:4px}
.wsm2[data-seite="index-entwurf"] .gs-pfeil{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;margin-top:6px;border-radius:50%;background:var(--haus);color:#fff;transition:opacity .3s ease .35s,transform .45s cubic-bezier(.34,1.56,.64,1) .35s}
.wsm2[data-seite="index-entwurf"] .gs-pfeil svg{width:14px;height:14px}
.wsm2[data-seite="index-entwurf"] .gs-nochmal{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:12px 0 0;padding:0 16px 0 12px;border:0;border-radius:20px;background:var(--papier);box-shadow:0 0 0 1.5px var(--linie-2);font:600 14px/1 var(--titel);color:var(--tinte);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .2s ease}
.wsm2[data-seite="index-entwurf"] .gs-nochmal[hidden]{display:none}
.wsm2[data-seite="index-entwurf"] .gs-nochmal svg{width:18px;height:18px;flex:none;color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .gs-nochmal:active{transform:scale(.97)}
.wsm2[data-seite="index-entwurf"] .gs-nochmal:focus-visible{outline:2px solid var(--tinte);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .gs-nochmal:hover{box-shadow:0 0 0 2px var(--haus)}}

/* 2) Wartung: Website altert ohne Wartung, bleibt mit Wartung frisch. Ohne Skript schalten die Knöpfe direkt zwischen frisch und verfallen */
.wsm2[data-seite="index-entwurf"] .wz-fenster{padding:0 8px 8px}
.wsm2[data-seite="index-entwurf"] .wz-leiste{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px}
.wsm2[data-seite="index-entwurf"] .wz-punkte{display:flex;gap:6px;flex:none}
.wsm2[data-seite="index-entwurf"] .wz-punkte i{display:block;width:8px;height:8px;border-radius:50%;background:var(--linie-2)}
.wsm2[data-seite="index-entwurf"] .wz-adresse{min-width:0;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border-radius:6px;background:var(--grund-2);font-size:13px;line-height:1.3;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .wz-zeit{display:grid;flex:none;margin-left:auto}
.wsm2[data-seite="index-entwurf"] .wz-zeit b{grid-area:1 / 1;padding:3px 9px;border-radius:6px;background:var(--tinte);color:#fff;font:600 12px/1.3 var(--titel);text-align:center;white-space:nowrap;opacity:0;transition:opacity .25s ease,background-color .4s ease}
.wsm2[data-seite="index-entwurf"] .wz[data-zeit="0"] .wz-zeit b[data-z="0"],.wsm2[data-seite="index-entwurf"] .wz[data-zeit="1"] .wz-zeit b[data-z="1"],.wsm2[data-seite="index-entwurf"] .wz[data-zeit="2"] .wz-zeit b[data-z="2"],.wsm2[data-seite="index-entwurf"] .wz[data-zeit="3"] .wz-zeit b[data-z="3"]{opacity:1}
.wsm2[data-seite="index-entwurf"] .wz-koerper{position:relative;display:block;height:232px;overflow:hidden;border-radius:8px;background:#fff}
.wsm2[data-seite="index-entwurf"] .wz-seite{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px;transition:filter .8s ease}
.wsm2[data-seite="index-entwurf"] .wz-seite i{display:block;border-radius:3px}
.wsm2[data-seite="index-entwurf"] .wz-nav{display:flex;align-items:center;gap:10px;flex:none;transition:transform .8s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz-nav i{width:30px;height:6px;background:var(--linie-2);transition:opacity .5s ease}
.wsm2[data-seite="index-entwurf"] .wz-nav i:nth-child(2){margin-left:auto}
.wsm2[data-seite="index-entwurf"] .wz-nav i.wz-logo{width:22px;height:22px;border-radius:50%;background:var(--haus)}
.wsm2[data-seite="index-entwurf"] .wz-held{display:flex;gap:12px;flex:none;height:104px;padding:12px;box-sizing:border-box;border-radius:8px;background:#E7F0EA}
.wsm2[data-seite="index-entwurf"] .wz-held-text{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.wsm2[data-seite="index-entwurf"] .wz-held-text .wz-h1{width:92%;height:10px;background:#2F4A3A;transition:transform .8s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz-held-text .wz-h1.kurz{width:64%}
.wsm2[data-seite="index-entwurf"] .wz-held-text .wz-h2{width:80%;height:6px;background:#8DA898;transform-origin:0 50%;transition:transform .8s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz-held-text .wz-knopf{width:68px;height:18px;margin-top:auto;border-radius:9px;background:var(--haus);transform-origin:0 100%;transition:transform .8s cubic-bezier(.34,1.3,.64,1)}
.wsm2[data-seite="index-entwurf"] .wz-bild{position:relative;display:block;flex:0 0 42%;overflow:hidden;border-radius:6px;background:linear-gradient(#BFD8E8,#EAF3F7)}
.wsm2[data-seite="index-entwurf"] .wz-bild svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s ease}
.wsm2[data-seite="index-entwurf"] .wz-bild::after{content:"";position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(135deg,#ECE7E2 0 6px,#E2DCD5 6px 12px);box-shadow:inset 0 0 0 1.5px #CFC6BC;opacity:0;transition:opacity .4s ease}
.wsm2[data-seite="index-entwurf"] .wz-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1}
.wsm2[data-seite="index-entwurf"] .wz-karten i{border-radius:6px;background:#F6F1EC;box-shadow:inset 0 0 0 1px var(--linie);transition:transform .9s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz-riss{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s ease}
.wsm2[data-seite="index-entwurf"] .wz-riss path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz-meldungen,.wsm2[data-seite="index-entwurf"] .wz-gut{position:absolute;bottom:10px;display:flex;flex-direction:column;gap:6px}
.wsm2[data-seite="index-entwurf"] .wz-meldungen{right:10px;align-items:flex-end}
.wsm2[data-seite="index-entwurf"] .wz-gut{left:10px;align-items:flex-start}
.wsm2[data-seite="index-entwurf"] .wz-meldungen b,.wsm2[data-seite="index-entwurf"] .wz-gut b{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:8px;font:600 12px/1.2 var(--titel);white-space:nowrap;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .2s ease,transform .25s ease}
.wsm2[data-seite="index-entwurf"] .wz-meldungen b{background:#FFF3D1;color:#6B4A00;box-shadow:0 0 0 1px #E6C675,0 4px 10px rgba(34,30,43,.08)}
.wsm2[data-seite="index-entwurf"] .wz-meldungen b.m3{background:#FDE3DC;color:var(--haus-dunkel);box-shadow:0 0 0 1px #F0A994,0 4px 10px rgba(34,30,43,.08)}
.wsm2[data-seite="index-entwurf"] .wz-meldungen b i{display:block;flex:none;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid currentColor}
.wsm2[data-seite="index-entwurf"] .wz-gut b{background:#E3F2E8;color:#1E5B36;box-shadow:0 0 0 1px #A9D3B7,0 4px 10px rgba(34,30,43,.06)}
.wsm2[data-seite="index-entwurf"] .wz-gut b i{display:block;flex:none;width:10px;height:5px;margin-top:-3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.wsm2[data-seite="index-entwurf"] .wz-koerper::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 70%);transform:translateX(-110%);pointer-events:none}
.wsm2[data-seite="index-entwurf"] .wz-frisch .wz-koerper::after{transform:translateX(110%);transition:transform .9s var(--schub)}
.wsm2[data-seite="index-entwurf"] .wz-puls .wz-gut b{animation:wz-puls .5s var(--auslauf)}
@keyframes wz-puls{0%{transform:scale(1.07)}100%{transform:none}}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-wartung="mit"] .wz-gut b,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="mit"]:checked) .wz-gut b{opacity:1;transform:none;transition:opacity .3s ease,transform .45s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-wartung="mit"] .wz-gut b:nth-child(2),.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="mit"]:checked) .wz-gut b:nth-child(2){transition-delay:.1s}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-wartung="ohne"] .wz-zeit b,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-zeit b{background:var(--haus-dunkel)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="1"] .wz-meldungen .m1,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-meldungen .m1,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-meldungen .m1,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-meldungen .m1{opacity:1;transform:none;transition:opacity .3s ease,transform .45s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-meldungen .m2,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-meldungen .m2,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-meldungen .m2{opacity:1;transform:none;transition:opacity .3s ease,transform .45s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-meldungen .m3,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-meldungen .m3{opacity:1;transform:none;transition:opacity .3s ease,transform .45s var(--auslauf)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="1"] .wz-seite,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-seite,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-seite,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-seite{filter:saturate(.7)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-seite,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-seite,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-seite{filter:saturate(.4) sepia(.25)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-seite,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-seite{filter:saturate(.15) sepia(.45) contrast(.9)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-bild svg,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-bild svg,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-bild svg{opacity:0}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-bild::after,.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-bild::after,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-bild::after{opacity:1}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-nav i:nth-child(3),.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-nav i:nth-child(3),.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-nav i:nth-child(3){opacity:.2}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="2"] .wz-karten i:nth-child(2),.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-karten i:nth-child(2),.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-karten i:nth-child(2){transform:translateY(3px) rotate(-3deg)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-karten i:nth-child(2),.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-karten i:nth-child(2){transform:translateY(5px) rotate(-5deg)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-karten i:nth-child(3),.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-karten i:nth-child(3){transform:translate(8px,24px) rotate(12deg)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-knopf,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-knopf{transform:translateY(6px) rotate(-9deg)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-h2,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-h2{transform:scaleX(.45)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-h1.kurz,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-h1.kurz{transform:translateX(10px) rotate(2deg)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-nav,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-nav{transform:translateX(-5px) rotate(-1.5deg)}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-riss,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-riss{opacity:.6}
.wsm2[data-seite="index-entwurf"] .wz.wz-js[data-zerfall="3"] .wz-riss path,.wsm2[data-seite="index-entwurf"] .wz:not(.wz-js):has(input[value="ohne"]:checked) .wz-riss path{stroke-dashoffset:0}

/* 3) Kundenwebsites wechseln das Gerät (Desktop, Tablet, Handy). Ohne Skript per :has, Desktop ist Standard */
.wsm2[data-seite="index-entwurf"] .gw-wahl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:32px}
.wsm2[data-seite="index-entwurf"] .gw-titel{margin-right:8px;font:600 14px/1 var(--titel);color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .gw-wahl svg{width:18px;height:18px;flex:none}
.wsm2[data-seite="index-entwurf"] .gw-wahl+.werke-raster{margin-top:32px}
.wsm2[data-seite="index-entwurf"] .werk-bild{container-type:size}
.wsm2[data-seite="index-entwurf"] .gw-schirm{position:absolute;inset:0;display:block;overflow:hidden;clip-path:inset(0 0 0 0 round 8px);transition:clip-path .55s var(--schub),opacity .2s ease}
.wsm2[data-seite="index-entwurf"] .gw-geraet{position:absolute;left:50%;top:8cqh;display:block;width:112.5cqh;height:150cqh;box-sizing:border-box;overflow:hidden;border:4px solid var(--tinte);border-radius:14px;background:var(--papier);opacity:0;transform:translate(-50%,6%) scale(.96);transition:opacity .2s ease,transform .3s var(--auslauf);pointer-events:none}
.wsm2[data-seite="index-entwurf"] .gw-handy{width:69.3cqh;border-radius:18px}
.wsm2[data-seite="index-entwurf"] .werk-bild .gw-geraet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transform:none;transition:none}
.wsm2[data-seite="index-entwurf"] .werk:hover .werk-bild .gw-geraet img{transform:none}
.wsm2[data-seite="index-entwurf"] section:has(.gw-wahl input[value="tablet"]:checked) .gw-schirm{clip-path:inset(8cqh calc(50cqw - 56.25cqh) 0 round 14px 14px 0 0);opacity:0;transition:clip-path .5s var(--schub),opacity .2s ease .35s}
.wsm2[data-seite="index-entwurf"] section:has(.gw-wahl input[value="handy"]:checked) .gw-schirm{clip-path:inset(8cqh calc(50cqw - 34.65cqh) 0 round 18px 18px 0 0);opacity:0;transition:clip-path .5s var(--schub),opacity .2s ease .35s}
.wsm2[data-seite="index-entwurf"] section:has(.gw-wahl input[value="tablet"]:checked) .gw-tablet,.wsm2[data-seite="index-entwurf"] section:has(.gw-wahl input[value="handy"]:checked) .gw-handy{opacity:1;transform:translate(-50%,0);transition:opacity .25s ease .3s,transform .5s var(--auslauf) .25s}
.wsm2[data-seite="index-entwurf"] section:has(.gw-wahl input[value="tablet"]:checked) .werk-ganz,.wsm2[data-seite="index-entwurf"] section:has(.gw-wahl input[value="handy"]:checked) .werk-ganz{display:none}
@media (max-width:420px){.wsm2[data-seite="index-entwurf"] .gw-titel{display:none}.wsm2[data-seite="index-entwurf"] .gw-wahl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wsm2[data-seite="index-entwurf"] .gw-wahl label{padding:0 8px}}

/* Preis in der Bühne: passt in die Spalte, auch im schmaleren Astra-Rahmen live (17.10.) */
.wsm2[data-seite="index-entwurf"] .buehne .angaben{container-type:inline-size}
.wsm2[data-seite="index-entwurf"] .buehne .wert{font-size:min(clamp(52px,5.4vw,84px),25cqi)}
@media (max-width:900px){.wsm2[data-seite="index-entwurf"] .buehne .wert{font-size:min(60px,25cqi)}}

/* ===== Entwurf 1.11.2026: neuer Kopf, Garantie, Premium-Zeile ===== */
.wsm2[data-seite="index-entwurf"] .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .held .seitenkopf-raster{align-items:center}
.wsm2[data-seite="index-entwurf"] .held h1.riesig{font-size:clamp(44px,6.6vw,104px)}
.wsm2[data-seite="index-entwurf"] .held-unter{font-family:var(--titel);font-weight:600;font-size:clamp(24px,2.6vw,38px);line-height:1.1;margin:26px 0 0;color:var(--haus)}
.wsm2[data-seite="index-entwurf"] .held .lead{max-width:36em;margin-top:18px}
.wsm2[data-seite="index-entwurf"] .held .knopfgruppe{margin-top:28px}
.wsm2[data-seite="index-entwurf"] .held-beweise{list-style:none;margin:32px 0 0;padding:20px 0 0;border-top:1px solid var(--linie);display:grid;grid-template-columns:repeat(3,auto);gap:16px 28px;justify-content:start}
.wsm2[data-seite="index-entwurf"] .held-beweise li{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.3}
.wsm2[data-seite="index-entwurf"] .held-beweise li span:last-child{display:flex;flex-direction:column}
.wsm2[data-seite="index-entwurf"] .held-beweise b{font-weight:700}
.wsm2[data-seite="index-entwurf"] .held-beweise svg{width:28px;height:28px;flex:none;color:#fff;background:var(--haus);border-radius:50%;padding:4px}
.wsm2[data-seite="index-entwurf"] .held-beweise img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.wsm2[data-seite="index-entwurf"] .hb-sterne{color:#E8A317;letter-spacing:1px;font-size:15px;flex:none}
.wsm2[data-seite="index-entwurf"] .held-bild{position:relative;margin:0;padding:0 0 40px 0}
.wsm2[data-seite="index-entwurf"] .held-fenster{display:block;background:var(--papier);border:1px solid var(--linie);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(34,30,43,.35);transform:rotate(-1deg)}
.wsm2[data-seite="index-entwurf"] .held-leiste{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--linie);font-size:12px;color:#6b6472}
.wsm2[data-seite="index-entwurf"] .held-leiste i{width:8px;height:8px;border-radius:50%;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .held-leiste span{margin-left:8px}
.wsm2[data-seite="index-entwurf"] .held-fenster img{display:block;width:100%;height:auto}
.wsm2[data-seite="index-entwurf"] .held-handy{position:absolute;right:-12px;bottom:0;width:26%;height:auto;border-radius:16px;border:5px solid var(--tinte);box-shadow:0 20px 40px -20px rgba(34,30,43,.5);transform:rotate(2deg);background:#fff}
.wsm2[data-seite="index-entwurf"] .held-bild figcaption{margin-top:14px;font-size:13px;color:#6b6472;padding-right:32%}
.wsm2[data-seite="index-entwurf"] .werke-raster{grid-template-columns:repeat(2,1fr)}
.wsm2[data-seite="index-entwurf"] .garantie-band h2{grid-column:1 / span 6;margin:0}
.wsm2[data-seite="index-entwurf"] .garantie-band .garantie-text{grid-column:8 / span 5;align-self:end}
.wsm2[data-seite="index-entwurf"] .garantie-band .garantie-text p{margin:0}
.wsm2[data-seite="index-entwurf"] .premium-zeile{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;padding:22px 26px;border:1px solid var(--linie);border-radius:12px;background:var(--papier);text-decoration:none;color:inherit;font-size:16px}
.wsm2[data-seite="index-entwurf"] .premium-zeile:hover{border-color:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .premium-zeile .pz-link{font-weight:700;color:var(--haus);white-space:nowrap}
@media (max-width:1100px){
  .wsm2[data-seite="index-entwurf"] .held-beweise{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .held-bild{margin-top:36px;padding-bottom:28px}
  .wsm2[data-seite="index-entwurf"] .werke-raster{grid-template-columns:1fr}
  .wsm2[data-seite="index-entwurf"] .garantie-band h2,.wsm2[data-seite="index-entwurf"] .garantie-band .garantie-text{grid-column:1 / -1}
  .wsm2[data-seite="index-entwurf"] .garantie-band .garantie-text{margin-top:16px}
}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .held h1.riesig{font-size:clamp(36px,10.4vw,52px)}
  .wsm2[data-seite="index-entwurf"] .held .knopfgruppe{flex-direction:column;align-items:stretch}
  .wsm2[data-seite="index-entwurf"] .held .knopfgruppe .knopf{justify-content:center;text-align:center}
  .wsm2[data-seite="index-entwurf"] .held-beweise{grid-template-columns:1fr;gap:12px}
  .wsm2[data-seite="index-entwurf"] .held-handy{right:-4px;width:30%}
  .wsm2[data-seite="index-entwurf"] .held-fenster{transform:none}
  .wsm2[data-seite="index-entwurf"] .person-bild img{max-height:240px;width:100%;object-fit:cover;object-position:50% 25%}
}

/* ===== Überarbeitung 1.11.2026 abends nach Prüfbericht (18 Mängel) ===== */
/* 1) Grosse Bildschirme: Seite wächst ab 1760 px nur noch begrenzt mit, Kopf mit Knöpfen bleibt im ersten Bildschirm */
@media (min-width:1760px){.wsm2[data-seite="index-entwurf"]{zoom:1.1}}
@media (min-width:2200px){.wsm2[data-seite="index-entwurf"]{zoom:1.2}}
@media (min-width:2900px){.wsm2[data-seite="index-entwurf"]{zoom:1.32}.wsm2[data-seite="index-entwurf"] .rahmen{max-width:1720px}}
.wsm2[data-seite="index-entwurf"] .held{padding-top:clamp(28px,6vh,72px);padding-bottom:clamp(40px,7vh,96px)}
.wsm2[data-seite="index-entwurf"] .held h1.riesig{font-size:clamp(44px,min(6.6vw,11.5vh),104px)}
.wsm2[data-seite="index-entwurf"] .held-bild{padding-bottom:0}
.wsm2[data-seite="index-entwurf"] .held-bild figcaption{padding-right:0}
.wsm2[data-seite="index-entwurf"] .held-fenster{transform:rotate(-1.2deg)}
@media (max-width:600px){.wsm2[data-seite="index-entwurf"] .nur-breit{display:none}}

/* 8) Handy-Kopf: Beweise als eine Zeile, Bild beginnt im ersten Bildschirm */
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .held{padding-top:20px}
  .wsm2[data-seite="index-entwurf"] .held .ort{margin:0 0 12px}
  .wsm2[data-seite="index-entwurf"] .held-unter{margin-top:14px;font-size:24px}
  .wsm2[data-seite="index-entwurf"] .held .lead{margin-top:10px;font-size:17px;line-height:1.45}
  .wsm2[data-seite="index-entwurf"] .held .knopfgruppe{margin-top:18px;gap:10px}
  .wsm2[data-seite="index-entwurf"] .held-beweise{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px}
  .wsm2[data-seite="index-entwurf"] .held-beweise li{flex-direction:column;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.25}
  .wsm2[data-seite="index-entwurf"] .held-beweise svg{width:24px;height:24px;padding:3px}
  .wsm2[data-seite="index-entwurf"] .held-beweise img{width:24px;height:24px}
  .wsm2[data-seite="index-entwurf"] .hb-sterne{font-size:12px;line-height:24px;letter-spacing:0}
  .wsm2[data-seite="index-entwurf"] .held-bild{margin-top:24px}
  .wsm2[data-seite="index-entwurf"] .held-bild figcaption{margin-top:10px;font-size:12px}
}

/* 7) Kundenwebsites: drei gleich aufgenommene Karten */
.wsm2[data-seite="index-entwurf"] .werke-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap}
.wsm2[data-seite="index-entwurf"] .werke-kopf .werke-fuss{margin:0 0 6px}
.wsm2[data-seite="index-entwurf"] .werke-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.wsm2[data-seite="index-entwurf"] .werk3{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit;min-width:0}
.wsm2[data-seite="index-entwurf"] .w3-bild{display:block;border-radius:12px;overflow:hidden;background:var(--papier);box-shadow:0 0 0 1px var(--linie),0 24px 40px -30px rgba(34,30,43,.45);transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease}
.wsm2[data-seite="index-entwurf"] .w3-leiste{display:flex;gap:5px;align-items:center;height:24px;padding:0 10px;border-bottom:1px solid var(--linie)}
.wsm2[data-seite="index-entwurf"] .w3-leiste i{width:7px;height:7px;border-radius:50%;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .w3-bild img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:50% 0}
.wsm2[data-seite="index-entwurf"] .w3-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.wsm2[data-seite="index-entwurf"] .w3-ort{font-size:13px;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .w3-name{font:600 23px/1.1 var(--titel);letter-spacing:-.02em}
.wsm2[data-seite="index-entwurf"] .w3-ergebnis{font-size:16px;line-height:1.45}
.wsm2[data-seite="index-entwurf"] .w3-link{margin-top:4px;font-weight:700;font-size:14px;text-decoration:underline;text-decoration-color:var(--haus);text-decoration-thickness:2px;text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .werk3:hover .w3-bild{transform:translateY(-4px);box-shadow:0 0 0 1px var(--linie-2),0 30px 44px -28px rgba(34,30,43,.5)}}
.wsm2[data-seite="index-entwurf"] .werk3:active .w3-bild{transform:scale(.99)}
@media (max-width:900px) and (min-width:601px){.wsm2[data-seite="index-entwurf"] .werke-drei{gap:20px}.wsm2[data-seite="index-entwurf"] .w3-name{font-size:19px}.wsm2[data-seite="index-entwurf"] .w3-ergebnis{font-size:15px}}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .werke-drei{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}
  .wsm2[data-seite="index-entwurf"] .werk3{flex-direction:row;align-items:flex-start;gap:14px}
  .wsm2[data-seite="index-entwurf"] .w3-bild{flex:none;width:44%;border-radius:8px}
  .wsm2[data-seite="index-entwurf"] .w3-leiste{height:14px;padding:0 6px;gap:3px}
  .wsm2[data-seite="index-entwurf"] .w3-leiste i{width:4px;height:4px}
  .wsm2[data-seite="index-entwurf"] .w3-text{gap:3px}
  .wsm2[data-seite="index-entwurf"] .w3-ort{font-size:12px}
  .wsm2[data-seite="index-entwurf"] .w3-name{font-size:18px}
  .wsm2[data-seite="index-entwurf"] .w3-ergebnis{font-size:14px;line-height:1.4}
  .wsm2[data-seite="index-entwurf"] .w3-link{display:none}
}

/* 15) Bewertungen: «gekürzt» einmal, hellere Grauschrift auf Dunkel */
.wsm2[data-seite="index-entwurf"] .stimmen{--auf-dunkel-2:#D4CCDA}
.wsm2[data-seite="index-entwurf"] .stimme figcaption{color:var(--auf-dunkel)}
.wsm2[data-seite="index-entwurf"] .stimmen-fuss{grid-column:4 / -1;margin:0;font-size:13px;color:var(--auf-dunkel-2)}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .stimmen{padding:24px 20px 22px;margin-top:0;row-gap:0}
  .wsm2[data-seite="index-entwurf"] .stimme{padding:16px 0}
  .wsm2[data-seite="index-entwurf"] .stimmen-fuss{padding-top:6px}
}

/* 11) Paketkarte: Seitenzahl klein beim Stapel statt grosse verlorene Ziffer */
.wsm2[data-seite="index-entwurf"] .buehne{min-height:0!important;align-items:center}
.wsm2[data-seite="index-entwurf"] .buehne .zahl-stapel{position:absolute!important;left:36px!important;top:auto!important;bottom:30px!important;max-width:none!important;font-size:15px!important;line-height:1.2;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .buehne .zahl-stapel b{display:inline!important;font-size:22px!important;line-height:1!important;margin:0 3px 0 0!important;color:var(--haus)}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .buehne .stapel-feld,.wsm2[data-seite="index-entwurf"] .buehne .zahl-stapel{display:none!important}
  .wsm2[data-seite="index-entwurf"] .buehne{padding:22px}
}

/* 6) Garantie als Siegel direkt bei den Paketen */
.wsm2[data-seite="index-entwurf"] .siegel-zeile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-top:32px;padding:26px 32px;border-radius:20px;background:var(--papier);box-shadow:0 0 0 2px var(--haus)}
.wsm2[data-seite="index-entwurf"] .siegel{position:relative;width:118px;height:118px;color:var(--haus);transform:rotate(-10deg);flex:none}
.wsm2[data-seite="index-entwurf"] .siegel svg{display:block;width:100%;height:100%}
.wsm2[data-seite="index-entwurf"] .siegel b{position:absolute;inset:0;display:grid;place-items:center;font:600 23px/1 var(--titel);letter-spacing:-.04em;color:#FFFDFB;white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .siegel-text h2{margin:0;font:600 clamp(24px,2.3vw,34px)/1.08 var(--titel);letter-spacing:-.025em;max-width:32ch}
.wsm2[data-seite="index-entwurf"] .siegel-text p{margin:10px 0 0;font-size:16px;line-height:1.5;max-width:62ch}
.wsm2[data-seite="index-entwurf"] #pakete .fussnote{margin-top:24px}
.wsm2[data-seite="index-entwurf"] #pakete .premium-zeile{margin-top:20px}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .siegel-zeile{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:18px;margin-top:24px;align-items:start}
  .wsm2[data-seite="index-entwurf"] .siegel{width:76px;height:76px}
  .wsm2[data-seite="index-entwurf"] .siegel b{font-size:15px}
  .wsm2[data-seite="index-entwurf"] .siegel-text h2{font-size:20px}
  .wsm2[data-seite="index-entwurf"] .siegel-text p{font-size:15px;margin-top:6px}
  .wsm2[data-seite="index-entwurf"] #pakete .premium-zeile{padding:14px 16px;font-size:15px;gap:4px 12px}
}

/* 9) und 10) Ablauf als Zeitleiste, daneben der Tag-Regler (ohne Skript: Tag 5) */
.wsm2[data-seite="index-entwurf"] .ablauf-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.wsm2[data-seite="index-entwurf"] .ablauf-lead{margin:14px 0 0;font-size:17px;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .zeitleiste{list-style:none;margin:32px 0 0;padding:0}
.wsm2[data-seite="index-entwurf"] .zeitleiste li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:0 18px;margin:0;padding:0}
.wsm2[data-seite="index-entwurf"] .zl-tag{padding-top:2px;text-align:right;font:600 16px/1.2 var(--titel);color:var(--haus);white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .zeitleiste li>div{position:relative;padding:0 0 24px 26px;border-left:2px solid var(--linie)}
.wsm2[data-seite="index-entwurf"] .zeitleiste li:last-child>div{border-left-color:transparent;padding-bottom:0}
.wsm2[data-seite="index-entwurf"] .zeitleiste li>div::before{content:"";position:absolute;left:-8px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--grund);box-shadow:inset 0 0 0 2.5px var(--haus)}
.wsm2[data-seite="index-entwurf"] .zeitleiste li.zl-ziel>div::before{background:var(--haus);box-shadow:0 0 0 4px var(--haus-hell)}
.wsm2[data-seite="index-entwurf"] .zeitleiste h3{margin:0;font:600 20px/1.2 var(--titel);letter-spacing:-.015em}
.wsm2[data-seite="index-entwurf"] .zeitleiste p{margin:5px 0 0;font-size:16px;line-height:1.5;color:var(--tinte-2);max-width:52ch}
.wsm2[data-seite="index-entwurf"] .ablauf-rechts{background:var(--grund-2);border-radius:24px;padding:28px 28px 24px}
.wsm2[data-seite="index-entwurf"] .ablauf-rechts .tagwerk{position:relative;right:auto;top:auto;order:0;width:100%;max-width:420px;margin:0 auto;--s:.92}
.wsm2[data-seite="index-entwurf"] .ablauf-rechts .tw-buehne{height:280px}
.wsm2[data-seite="index-entwurf"] .ablauf-rechts .tw-titel{font-size:14px}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .ablauf-raster{grid-template-columns:minmax(0,1fr);gap:28px}
  .wsm2[data-seite="index-entwurf"] .ablauf-rechts .tagwerk{max-width:440px;--s:.64}
  .wsm2[data-seite="index-entwurf"] .ablauf-rechts .tw-buehne{height:190px}
}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .ablauf-lead{font-size:16px}
  .wsm2[data-seite="index-entwurf"] .zeitleiste{margin-top:22px}
  .wsm2[data-seite="index-entwurf"] .zeitleiste li{grid-template-columns:62px minmax(0,1fr);gap:0 12px}
  .wsm2[data-seite="index-entwurf"] .zl-tag{font-size:14px}
  .wsm2[data-seite="index-entwurf"] .zeitleiste li>div{padding:0 0 18px 20px}
  .wsm2[data-seite="index-entwurf"] .zeitleiste h3{font-size:17px}
  .wsm2[data-seite="index-entwurf"] .zeitleiste p{font-size:15px;margin-top:3px}
  .wsm2[data-seite="index-entwurf"] .ablauf-rechts{padding:16px 16px 18px;border-radius:20px}
  .wsm2[data-seite="index-entwurf"] .ablauf-rechts .tagwerk{--s:.58}
  .wsm2[data-seite="index-entwurf"] .ablauf-rechts .tw-buehne{height:168px}
}

/* 5) Über mich: Porträt füllt seinen Kasten, am Handy klein neben dem Titel */
.wsm2[data-seite="index-entwurf"] .person-kurz .person-bild{grid-column:1 / span 4!important;aspect-ratio:1 / 1!important;max-width:none!important;height:auto;border-radius:22px;background:none}
.wsm2[data-seite="index-entwurf"] .person-kurz .person-bild img{display:block;width:100%;height:100%!important;max-height:none!important;object-fit:cover;object-position:50% 25%}
.wsm2[data-seite="index-entwurf"] .person-kurz .person-text{grid-column:6 / span 7!important;margin-top:0!important}
.wsm2[data-seite="index-entwurf"] .person-kurz .person-text h2{font-size:clamp(34px,4.2vw,64px)}
.wsm2[data-seite="index-entwurf"] .person-kurz .titelzeile{font-size:14px}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .person-kurz{display:grid;grid-template-columns:96px minmax(0,1fr)!important;column-gap:18px;row-gap:0;align-items:center}
  .wsm2[data-seite="index-entwurf"] .person-kurz .person-bild{grid-column:1!important;grid-row:1;width:96px;border-radius:50%}
  .wsm2[data-seite="index-entwurf"] .person-kurz .person-text{display:contents}
  .wsm2[data-seite="index-entwurf"] .person-kurz .person-text h2{grid-column:2!important;grid-row:1;margin:0;font-size:clamp(24px,6.6vw,34px);line-height:1.05}
  .wsm2[data-seite="index-entwurf"] .person-kurz .person-text>p{grid-column:1 / -1!important;margin-top:16px}
  .wsm2[data-seite="index-entwurf"] .person-kurz .person-text>p.titelzeile{margin-top:14px}
}

/* 3) Schwebeleiste: weg, sobald Schluss oder Kopf-Knöpfe sichtbar sind (Skript), unten Platz */
.wsm2[data-seite="index-entwurf"] .kontaktleiste.kl-aus{transform:translate(-50%,140%);opacity:0;pointer-events:none}
@media (max-width:600px){.wsm2[data-seite="index-entwurf"] .wsm2-inhalt>section:last-child{padding-bottom:96px}}

/* 17) Fuss am Handy kürzer: Linklisten zuklappbar (Skript baut details), Schriftzug kleiner */
.wsm2[data-seite="index-entwurf"] .fuss details>summary{list-style:none;display:block;font:600 16px/1.3 var(--titel);margin-bottom:10px;pointer-events:none}
.wsm2[data-seite="index-entwurf"] .fuss details>summary::-webkit-details-marker{display:none}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .fuss{row-gap:0;margin-top:48px}
  .wsm2[data-seite="index-entwurf"] .fuss>div.f-firma{padding-bottom:20px}
  .wsm2[data-seite="index-entwurf"] .fuss>div.f-firma .leitsatz{font-size:24px;margin-bottom:10px}
  .wsm2[data-seite="index-entwurf"] .fuss>div.f-firma p:last-child{display:none}
  .wsm2[data-seite="index-entwurf"] .fuss details{border-top:1px solid rgba(255,253,251,.4)}
  .wsm2[data-seite="index-entwurf"] .fuss>div:last-child details{border-bottom:1px solid rgba(255,253,251,.4)}
  .wsm2[data-seite="index-entwurf"] .fuss details>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:0;font-size:17px;cursor:pointer;pointer-events:auto}
  .wsm2[data-seite="index-entwurf"] .fuss details>summary::after{content:"+";font:400 24px/1 var(--text)}
  .wsm2[data-seite="index-entwurf"] .fuss details[open]>summary::after{content:"–"}
  .wsm2[data-seite="index-entwurf"] .fuss details ul{padding-bottom:12px}
  .wsm2[data-seite="index-entwurf"] .fuss-wort{margin-top:28px}
}

/* 18) Handy-Menü: Unterpunkte brechen sauber um */
.wsm2[data-seite="index-entwurf"] .handy-liste ul ul{gap:2px 16px;max-width:100%}
.wsm2[data-seite="index-entwurf"] .handy-liste ul ul li{min-width:0}
@media (min-width:1321px){.wsm2[data-seite="index-entwurf"] .ablauf-rechts .tw-lauf{inset:0 auto 0 var(--p);width:0;transform:none;transition:left .45s cubic-bezier(.23,1,.32,1)}}

/* Handy: Abschnitte etwas enger, damit die Seite rund 9 Bildschirme lang bleibt */
@media (max-width:600px){.wsm2[data-seite="index-entwurf"] .abschnitt{padding-block:52px}.wsm2[data-seite="index-entwurf"] .abschnitt.oben-null{padding-top:0}}
@media (min-width:1100px){.wsm2[data-seite="index-entwurf"] .held-bild{width:116%;margin-left:-16%}}

/* ===== Runde 3 (1.11.2026, zweiter Prüfer): Kopf mit Blattstapel, Preis-Stufe, Referenz gross, Leiste ===== */
/* Kopf: Blattstapel mit Tag-Leiste rechts, Preis als eigene Stufe */
.wsm2[data-seite="index-entwurf"] .held .seitenkopf-raster>.rechts.held-figur{grid-column:8 / span 5;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}
.wsm2[data-seite="index-entwurf"] .held-figur .tagwerk{position:relative;right:auto;top:auto;order:0;width:100%;max-width:520px;margin:0;--s:1.45}
.wsm2[data-seite="index-entwurf"] .held-figur .tw-buehne{height:min(430px,46vh)}
.wsm2[data-seite="index-entwurf"] .held-figur .tw-titel{font-size:14px}
.wsm2[data-seite="index-entwurf"] .hf-text{margin:16px 0 0;width:100%;max-width:500px;font-size:14px;line-height:1.45;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .held-stufe{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin:24px 0 0}
.wsm2[data-seite="index-entwurf"] .hs-preis{font:600 clamp(36px,3.8vw,60px)/1 var(--titel);letter-spacing:-.04em;color:var(--tinte);white-space:nowrap}
.wsm2[data-seite="index-entwurf"] .hs-preis small{font-size:.48em;letter-spacing:0;margin-right:.18em;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .hs-zeit{font:600 clamp(20px,1.9vw,30px)/1.1 var(--titel);letter-spacing:-.015em;color:var(--tinte);padding-left:22px;border-left:3px solid var(--haus)}
.wsm2[data-seite="index-entwurf"] .held .lead{margin-top:16px}
.wsm2[data-seite="index-entwurf"] .held{padding-bottom:clamp(32px,5vh,72px)}
@media (min-width:901px) and (max-width:1320px){.wsm2[data-seite="index-entwurf"] .held-figur .tagwerk{--s:.9}.wsm2[data-seite="index-entwurf"] .held-figur .tw-buehne{height:280px}}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .held .seitenkopf-raster>.links{display:contents}
  .wsm2[data-seite="index-entwurf"] .held .seitenkopf-raster{display:flex;flex-direction:column;align-items:stretch}
  .wsm2[data-seite="index-entwurf"] .held .seitenkopf-raster>.rechts.held-figur{order:1;margin:22px 0 0;align-items:stretch}
  .wsm2[data-seite="index-entwurf"] .held-beweise{order:2}
  .wsm2[data-seite="index-entwurf"] .held-figur .tagwerk{max-width:none;--s:.7}
  .wsm2[data-seite="index-entwurf"] .held-figur .tw-buehne{height:196px}
  .wsm2[data-seite="index-entwurf"] .hf-text{display:none}
}
@media (max-width:600px){
  .wsm2[data-seite="index-entwurf"] .held-stufe{margin-top:14px;gap:6px 14px}
  .wsm2[data-seite="index-entwurf"] .hs-preis{font-size:38px}
  .wsm2[data-seite="index-entwurf"] .hs-zeit{font-size:19px;padding-left:14px}
  .wsm2[data-seite="index-entwurf"] .held .lead{margin-top:12px}
  /* Vertrauenszeile untereinander: Zeichen links, Text rechts */
  .wsm2[data-seite="index-entwurf"] .held-beweise{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px;padding-top:16px}
  .wsm2[data-seite="index-entwurf"] .held-beweise li{flex-direction:row;align-items:center;gap:12px;font-size:14px;line-height:1.3}
  .wsm2[data-seite="index-entwurf"] .held-beweise li span:last-child{flex-direction:row;flex-wrap:wrap;gap:0 6px}
  .wsm2[data-seite="index-entwurf"] .held-beweise li>:first-child{flex:none;width:62px}
  .wsm2[data-seite="index-entwurf"] .held-beweise svg,.wsm2[data-seite="index-entwurf"] .held-beweise img{width:26px!important;height:26px;margin-right:36px}
  .wsm2[data-seite="index-entwurf"] .hb-sterne{font-size:12px;line-height:26px;letter-spacing:-.5px}
}

/* Referenzen: C+W gross und gerade, drei weitere als schlanke Zeilen */
.wsm2[data-seite="index-entwurf"] .ref-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 48px;margin-top:40px;align-items:start}
.wsm2[data-seite="index-entwurf"] .ref-gross{display:block;text-decoration:none;color:inherit}
.wsm2[data-seite="index-entwurf"] .rg-fenster{display:block;border-radius:14px;overflow:hidden;background:var(--papier);box-shadow:0 0 0 1px var(--linie),0 30px 50px -34px rgba(34,30,43,.45);transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease}
.wsm2[data-seite="index-entwurf"] .rg-leiste{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-bottom:1px solid var(--linie);font-size:12px;color:#6b6472}
.wsm2[data-seite="index-entwurf"] .rg-leiste i{width:8px;height:8px;border-radius:50%;background:var(--linie)}
.wsm2[data-seite="index-entwurf"] .rg-leiste span{margin-left:8px}
.wsm2[data-seite="index-entwurf"] .rg-fenster img{display:block;width:100%;height:auto;aspect-ratio:1440 / 687;object-fit:cover;object-position:50% 0}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .ref-gross:hover .rg-fenster{transform:translateY(-4px);box-shadow:0 0 0 1px var(--linie-2),0 36px 56px -32px rgba(34,30,43,.5)}}
.wsm2[data-seite="index-entwurf"] .rg-text{display:flex;flex-direction:column;gap:6px}
.wsm2[data-seite="index-entwurf"] .rg-name{font:600 clamp(28px,2.6vw,40px)/1.05 var(--titel);letter-spacing:-.03em}
.wsm2[data-seite="index-entwurf"] .rg-text .w3-link{align-self:flex-start;color:var(--tinte)}
.wsm2[data-seite="index-entwurf"] .ref-zeilen{list-style:none;margin:28px 0 0;padding:0;border-top:1.5px solid var(--tinte)}
.wsm2[data-seite="index-entwurf"] .ref-zeilen li{margin:0;border-bottom:1px solid var(--linie)}
.wsm2[data-seite="index-entwurf"] .ref-zeilen a{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;text-decoration:none;color:inherit}
.wsm2[data-seite="index-entwurf"] .ref-zeilen img{display:block;width:104px;height:65px;object-fit:cover;object-position:50% 0;border-radius:6px;box-shadow:0 0 0 1px var(--linie)}
.wsm2[data-seite="index-entwurf"] .ref-zeilen b{display:block;font:600 18px/1.2 var(--titel);letter-spacing:-.01em}
.wsm2[data-seite="index-entwurf"] .ref-zeilen small{display:block;margin-top:3px;font-size:14px;line-height:1.35;color:var(--tinte-2)}
.wsm2[data-seite="index-entwurf"] .ref-zeilen i{font-style:normal;font-weight:700;color:var(--haus);transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){.wsm2[data-seite="index-entwurf"] .ref-zeilen a:hover b{text-decoration:underline;text-decoration-color:var(--haus)}.wsm2[data-seite="index-entwurf"] .ref-zeilen a:hover i{transform:translate(2px,-2px)}}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] .ref-raster{grid-template-columns:minmax(0,1fr);margin-top:24px;gap:18px}
  .wsm2[data-seite="index-entwurf"] .rg-leiste{height:24px;padding:0 10px}
  .wsm2[data-seite="index-entwurf"] .rg-leiste i{width:6px;height:6px}
  .wsm2[data-seite="index-entwurf"] .ref-zeilen{margin-top:20px}
  .wsm2[data-seite="index-entwurf"] .ref-zeilen a{grid-template-columns:84px minmax(0,1fr) auto;gap:12px;padding:12px 0}
  .wsm2[data-seite="index-entwurf"] .ref-zeilen img{width:84px;height:53px}
  .wsm2[data-seite="index-entwurf"] .ref-zeilen b{font-size:17px}
}

/* Garantie: am Desktop dreispaltig, keine leere rechte Hälfte */
@media (min-width:901px){
  .wsm2[data-seite="index-entwurf"] .siegel-zeile{grid-template-columns:auto minmax(0,1.15fr) minmax(0,1fr);gap:32px}
  .wsm2[data-seite="index-entwurf"] .siegel-text{display:contents}
  .wsm2[data-seite="index-entwurf"] .siegel-text p{margin:0;max-width:none}
}

/* Ablauf: Zeitleiste am Desktop waagrecht, ohne zweite Stapel-Zeichnung */
.wsm2[data-seite="index-entwurf"] .ablauf-raster{grid-template-columns:minmax(0,1fr)}
@media (min-width:901px){
  .wsm2[data-seite="index-entwurf"] .zeitleiste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:44px}
  .wsm2[data-seite="index-entwurf"] .zeitleiste li{display:flex;flex-direction:column;gap:14px}
  .wsm2[data-seite="index-entwurf"] .zl-tag{text-align:left}
  .wsm2[data-seite="index-entwurf"] .zeitleiste li>div,.wsm2[data-seite="index-entwurf"] .zeitleiste li:last-child>div{border-left:0;border-top:2px solid var(--linie);padding:26px 0 0}
  .wsm2[data-seite="index-entwurf"] .zeitleiste li.zl-ziel>div{border-top-color:var(--haus)}
  .wsm2[data-seite="index-entwurf"] .zeitleiste li>div::before{left:0;top:-8px}
}

/* Blattstapel nur im Kopf und bei den Paketen: im Schluss weg */
.wsm2[data-seite="index-entwurf"] .schluss-stapel{display:none}

/* Kontaktleiste: am Desktop weg (Knopf steht im haftenden Kopf), bis 900 px volle Fussleiste,
   nur beim Zurückscrollen sichtbar, nie über Kopf-Knöpfen, Fragen und Schluss */
@media (min-width:901px){.wsm2[data-seite="index-entwurf"] aside.kontaktleiste{display:none}}
@media (max-width:900px){
  .wsm2[data-seite="index-entwurf"] aside.kontaktleiste{left:0;right:0;bottom:0;max-width:none;transform:translateY(120%);opacity:0;pointer-events:none;border-radius:0;justify-content:space-between;padding:8px 12px calc(8px + env(safe-area-inset-bottom)) 20px;box-shadow:0 -1px 0 var(--linie),0 -10px 24px -14px rgba(34,30,43,.3)}
  .wsm2[data-seite="index-entwurf"] aside.kontaktleiste.kl-zeig{transform:none;opacity:1;pointer-events:auto}
  .wsm2[data-seite="index-entwurf"] aside.kontaktleiste.kl-zeig.kl-aus,.wsm2[data-seite="index-entwurf"] aside.kontaktleiste.kl-zeig.kl-weg{transform:translateY(120%);opacity:0;pointer-events:none}
  .wsm2[data-seite="index-entwurf"] aside.kontaktleiste .kl-text{margin-right:auto}
  .wsm2[data-seite="index-entwurf"] .wsm2-inhalt{padding-bottom:0}
}
@media (min-width:1321px){.wsm2[data-seite="index-entwurf"] .held-figur .tw-lauf{inset:0 auto 0 var(--p);width:0;transform:none;transition:left .45s cubic-bezier(.23,1,.32,1)}}
/* Pakete: Stapel und Seitenzahl als Einheit links, kein Loch in der Karte */
@media (min-width:901px){
  .wsm2[data-seite="index-entwurf"] .buehne{grid-template-rows:minmax(0,1fr) auto;row-gap:10px}
  .wsm2[data-seite="index-entwurf"] .buehne .stapel-feld{grid-column:1;grid-row:1;min-height:240px!important;margin:0!important;align-self:stretch}
  .wsm2[data-seite="index-entwurf"] .buehne .stapel{top:72%!important}
  .wsm2[data-seite="index-entwurf"] .buehne .zahl-stapel{position:static!important;grid-column:1;grid-row:2;margin:0!important;text-align:center}
  .wsm2[data-seite="index-entwurf"] .buehne .angaben{grid-column:2;grid-row:1 / span 2}
}

/* Prüfer 2.11.2026: gleichmässige Abstände zwischen den Abschnitten (vorher 104 bzw. 208 px am Desktop) */
.wsm2[data-seite="index-entwurf"] .abschnitt{padding-top:0;padding-bottom:120px}
@media (max-width:600px){.wsm2[data-seite="index-entwurf"] .abschnitt{padding-top:0;padding-bottom:72px}}