:root{--wp-ink:#424f32;--wp-text:#42463c;--wp-paper:#f3f4ed;--wp-accent:#b50156;--wp-white:#fff}
.wp-section,.wj-section{color:var(--wp-text);font-family:"Bellota Text",Verdana,sans-serif;font-size:18px;line-height:1.65;scroll-margin-top:130px}
.wp-section *, .wj-section *{box-sizing:border-box}
.wp-section{background:var(--wp-paper);padding:80px max(4.1667vw,24px) 0;overflow:hidden}
.wp-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:68px;align-items:center}
.wp-copy{padding:12px 0 32px;position:relative;z-index:2}
.wp-section h2,.wj-section h2{font-size:clamp(36px,3.8vw,58px);line-height:1.12;font-weight:400;letter-spacing:-.035em;text-transform:none;color:var(--wp-ink);margin:0;text-wrap:balance}
.wp-section p,.wj-section p{margin:0}
.wp-lead{font-size:22px;line-height:1.5;max-width:29em;margin-top:28px!important}
.wp-included{font-size:19px;line-height:1.5;margin:24px 0 18px!important;color:var(--wp-ink)}
.wp-included strong{color:var(--wp-accent);font-weight:700}
.wp-description{max-width:31em;font-size:18px}
.wp-actions{display:flex;gap:18px 22px;align-items:center;flex-wrap:wrap;margin-top:28px}
.wp-actions .button{max-width:100%;text-align:center}
#kontaktformular-1000{scroll-margin-top:100px}
.wp-button{background:var(--wp-ink);color:var(--wp-white);padding:13px 22px;text-decoration:none!important;font-size:17px;line-height:1.3;font-weight:700;display:inline-flex;justify-content:center;gap:20px;align-items:center;min-height:50px;transition:background .18s,transform .18s;border:0;border-radius:0;white-space:nowrap}
.wp-button:hover{background:#303e26;color:#fff;transform:translateY(-2px)}
.wp-text-link{font-weight:700;color:var(--wp-ink);text-underline-offset:6px;text-decoration:underline}
.wp-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}
.wp-features button{background:transparent;text-align:left;padding:12px 14px;min-height:76px;color:var(--wp-text);border:0;cursor:pointer;font:inherit;transition:background .18s,color .18s}
.wp-features button[aria-pressed="true"]{background:var(--wp-white);color:var(--wp-accent)}
.wp-features span{display:block;font-weight:700;font-size:19px;line-height:1.3}
.wp-features small{display:block;color:var(--wp-text);font-size:15px;margin-top:5px;line-height:1.4}
.wp-showcase{min-width:0;text-align:center}
.wp-device-pair{min-height:625px;position:relative;max-width:540px;margin:auto}
.wp-device{display:block;padding:7px;background:#283024;border:0;border-radius:37px;overflow:hidden;cursor:zoom-in;appearance:none;transition:transform .23s;flex-shrink:0}
.wp-device img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:30px}
.wp-device-main{width:278px;aspect-ratio:390/844;position:relative;z-index:2;margin:0 0 0 12px}
.wp-device-main:hover{transform:translateY(-4px)}
.wp-device-secondary{width:238px;aspect-ratio:390/844;position:absolute;right:0;top:92px;transform:rotate(6deg)}
.wp-device-secondary:hover{transform:rotate(6deg) translateY(-4px)}
.wp-image-caption{font-size:14px;line-height:1.5;color:#585c52;margin-top:14px!important}
.wp-image-caption button{background:none;padding:5px 8px;border:0;text-decoration:underline;text-underline-offset:4px;font:inherit;color:var(--wp-ink);cursor:pointer;min-height:38px}
.wp-companion{max-width:1260px;margin:46px auto 0;padding:28px 0 32px;display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.wp-companion strong{font-size:23px;line-height:1.35;font-weight:700;color:var(--wp-ink)}
.wp-companion p{font-size:17px;max-width:45em}
.wp-three-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:870px;margin:0 auto}
.wp-three-devices[hidden]{display:none}
.wp-three-devices figure{margin:0;min-width:0}
.wp-three-devices .wp-device{width:100%;aspect-ratio:390/844}
.wp-three-devices figcaption{font-size:19px;color:var(--wp-ink);font-weight:700;margin-top:18px}
.wp-section[data-variant="b"] .wp-layout{display:block}
.wp-section[data-variant="b"] .wp-copy{max-width:1060px;display:grid;grid-template-columns:1fr 1fr;column-gap:66px;margin:0 auto 42px;padding:0}
.wp-section[data-variant="b"] .wp-copy h2{grid-row:1/3;align-self:center}
.wp-section[data-variant="b"] .wp-lead{margin-top:0!important}
.wp-section[data-variant="b"] .wp-included{grid-column:2}
.wp-section[data-variant="b"] .wp-description{grid-column:1;grid-row:3;margin-top:12px}
.wp-section[data-variant="b"] .wp-actions{grid-column:2;grid-row:3;margin-top:0;align-self:center}
.wp-section[data-variant="b"] .wp-features,.wp-section[data-variant="b"] .wp-device-pair,.wp-section[data-variant="b"] #wp-zoom{display:none}
.wp-section[data-variant="c"]{padding-top:52px}
.wp-section[data-variant="c"] .wp-layout{grid-template-columns:1.6fr 1fr;gap:56px;max-width:1120px}
.wp-section[data-variant="c"] .wp-copy{padding:0}
.wp-section[data-variant="c"] h2{font-size:clamp(36px,3.2vw,48px)}
.wp-section[data-variant="c"] .wp-device-pair{min-height:0}
.wp-section[data-variant="c"] .wp-device-main{width:207px;margin:0 auto}
.wp-section[data-variant="c"] .wp-device-secondary,.wp-section[data-variant="c"] .wp-features,.wp-section[data-variant="c"] .wp-companion{display:none}
.wp-section[data-variant="c"] .wp-showcase{padding-bottom:42px}
.wp-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;border:0;padding:24px;background:#fff;border-radius:6px;width:min(1120px,calc(100vw - 40px));height:min(1060px,calc(100dvh - 40px));max-width:none;max-height:none;overflow:hidden;color:var(--wp-ink);font-family:"Bellota Text",Verdana,sans-serif;box-shadow:0 16px 70px #0003}
.wp-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px}
.wp-dialog *{box-sizing:border-box}
.wp-dialog::backdrop{background:rgba(24,29,21,.75)}
.wp-dialog header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0}
.wp-dialog h2{font:700 23px/1.2 "Bellota Text",sans-serif;margin:0;text-transform:none}
.wp-dialog header button{font-size:32px;line-height:1;background:transparent;border:0;cursor:pointer;color:var(--wp-ink);width:44px;height:44px;flex:none;border-radius:3px}
.wp-view-switch{display:flex;justify-self:center;gap:4px;padding:4px;border:1px solid #d9dfd0;border-radius:4px}
.wp-view-switch button{font:700 16px/1.3 "Bellota Text",sans-serif;min-height:44px;padding:10px 22px;border:0;border-radius:2px;background:transparent;color:var(--wp-ink);cursor:pointer}
.wp-view-switch button[aria-pressed="true"]{background:var(--wp-ink);color:#fff}
.wp-dialog-stage{min-height:0;min-width:0;display:grid;place-items:center;overflow:hidden;background:#f5f6f2;border:1px solid #e5e8df;padding:16px;border-radius:3px}
.wp-dialog img{display:block;width:100%;height:100%;min-height:0;max-width:390px;object-fit:contain;object-position:center;margin:0}
.wp-dialog[data-device="desktop"] img{max-width:1280px}
.wp-dialog p{font-size:14px;line-height:1.4;margin:0;text-align:center}
@media(hover:hover){.wp-dialog header button:hover{background:#f0f2eb}.wp-view-switch button[aria-pressed="false"]:hover{background:#e8eddf}}
@media(max-width:600px){.wp-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:14px}.wp-dialog[open]{gap:12px}.wp-dialog h2{font-size:21px}.wp-dialog-stage{padding:6px}.wp-dialog p{font-size:12px}.wp-view-switch button{padding-inline:18px}}
.wj-section{padding:90px max(4.1667vw,24px);max-width:1440px;margin:auto}
.wj-intro{display:grid;grid-template-columns:1fr .95fr;gap:80px;align-items:center;margin-bottom:54px}
.wj-intro p{font-size:21px;max-width:26em;margin:26px 0 22px}
.wj-intro figure{margin:0}
.wj-intro img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}
.wj-intro figcaption{font-size:15px;line-height:1.4;color:#575e4f;margin-top:12px}
.wj-stages{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;row-gap:0;background:transparent;padding:14px 38px}
.wj-stages article{padding:28px 0}
.wj-time{font-size:16px;line-height:1.5;color:#5a6747;margin-bottom:7px!important}
.wj-section h3{font-size:28px;text-transform:none;line-height:1.2;font-weight:700;color:var(--wp-ink);letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
.wj-stages article>p:last-child{font-size:18px;line-height:1.65}
.wj-close{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.wj-close p{font-size:30px;color:var(--wp-ink);line-height:1.3}
.concept-toolbar{position:fixed;z-index:11000;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;padding:12px 16px;box-shadow:0 3px 20px #0002;font:15px/1.3 "Bellota Text",sans-serif;color:#34432b;max-width:1120px;margin:auto}
.concept-label{font-size:14px;display:flex;flex-direction:column;gap:2px}
.concept-label small{font-size:12px;color:#626759}
.concept-options{display:flex;gap:4px;align-items:center}
.concept-options button,.concept-toolbar a{padding:10px 12px;font:700 14px/1.3 "Bellota Text",sans-serif;border:0;background:transparent;color:#34432b;cursor:pointer;text-decoration:none;min-height:40px}
.concept-options button[aria-pressed="true"]{background:#e8eddf}
.concept-toolbar nav{display:flex;align-items:center;gap:4px}
.concept-toolbar a:hover,.concept-options button:hover{background:#f0f2eb}
.wp-section :focus-visible,.wj-section :focus-visible,.concept-toolbar :focus-visible,.wp-dialog :focus-visible{outline:3px solid #b50156;outline-offset:4px}
@media(max-width:1100px){.wp-layout{gap:30px}.wp-device-main{width:235px;margin-left:0}.wp-device-secondary{width:200px;right:-8px}.wp-device-pair{min-height:535px}.wp-lead{font-size:20px}.wp-companion{gap:30px}.wj-intro{gap:40px}}
@media(max-width:800px){.wp-section{padding-top:54px}.wp-layout{grid-template-columns:1fr;gap:24px}.wp-copy{padding:0}.wp-copy h2{max-width:650px}.wp-showcase{width:100%}.wp-device-pair{max-width:450px;min-height:565px}.wp-device-main{width:250px;margin-left:24px}.wp-device-secondary{right:12px;width:215px;top:80px}.wp-features{grid-template-columns:repeat(4,1fr)}.wp-features button{padding:12px 8px}.wp-features small{display:none}.wp-features span{font-size:17px}.wp-companion{grid-template-columns:1fr;gap:12px;margin-top:28px}.wp-section[data-variant="b"] .wp-copy{display:block;margin-bottom:34px}.wp-section[data-variant="b"] .wp-lead{margin-top:24px!important}.wp-section[data-variant="b"] .wp-actions{margin-top:24px}.wp-three-devices{gap:15px}.wp-three-devices .wp-device{padding:5px;border-radius:25px}.wp-three-devices .wp-device img{border-radius:20px}.wp-section[data-variant="c"] .wp-layout{grid-template-columns:1.5fr 1fr;gap:20px}.wp-section[data-variant="c"] .wp-device-main{width:180px}.wj-section{padding-top:60px;padding-bottom:110px}.wj-intro{grid-template-columns:1fr;gap:30px}.wj-intro img{max-height:340px}.wj-stages{column-gap:35px;padding:10px 26px}.concept-label{display:none}}
@media(max-width:520px){.wp-section,.wj-section{font-size:17px;padding-left:22px;padding-right:22px}.wp-section h2,.wj-section h2,.wp-section[data-variant="c"] h2{font-size:36px;letter-spacing:-.04em;line-height:1.14}.wp-section h2{font-size:34px}.wp-lead{font-size:20px;margin-top:24px!important}.wp-included{font-size:18px;margin:22px 0 16px!important}.wp-description{font-size:17px}.wp-actions{gap:16px;margin-top:24px}.wp-button{font-size:16px;width:100%}.wp-text-link{font-size:16px}.wp-actions .wp-text-link{width:100%;text-align:center}.wp-features{grid-template-columns:1fr 1fr;gap:5px;margin-top:25px}.wp-features button{min-height:48px;padding:12px}.wp-features span{font-size:17px}.wp-layout{gap:30px}.wp-device-pair{min-height:505px;max-width:340px}.wp-device-main{width:216px;margin:0 0 0 0}.wp-device-secondary{width:171px;top:92px;right:0}.wp-device{border-radius:30px;padding:6px}.wp-device img{border-radius:24px}.wp-companion strong{font-size:22px}.wp-companion p{font-size:17px}.wp-image-caption{font-size:13px}.wp-three-devices{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 12px}.wp-three-devices figure{width:calc(50% - 6px)}.wp-three-devices figure:last-child{width:59%}.wp-three-devices figcaption{font-size:17px;margin-top:12px}.wp-section[data-variant="b"] .wp-copy h2{margin-bottom:23px}.wp-section[data-variant="c"] .wp-layout{grid-template-columns:1fr}.wp-section[data-variant="c"] .wp-device-main{width:210px}.wp-section[data-variant="c"] .wp-showcase{padding-top:12px}.wj-intro{gap:25px;margin-bottom:30px}.wj-intro p{font-size:19px;line-height:1.55}.wj-intro img{aspect-ratio:1.35}.wj-stages{grid-template-columns:1fr;padding:6px 22px;gap:0}.wj-stages article{padding:24px 0}.wj-section h3{font-size:26px}.wj-stages article>p:last-child{font-size:17px}.wj-close{flex-direction:column;align-items:start}.wj-close p{font-size:28px}.concept-toolbar{left:8px;right:8px;bottom:8px;padding:6px;display:block}.concept-options{justify-content:space-between}.concept-options button{flex:1;padding:9px 5px;font-size:13px}.concept-toolbar nav{justify-content:center}.concept-toolbar nav a{padding:5px 14px;font-size:13px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.wp-section *,.wj-section *{transition:none!important;scroll-behavior:auto!important}}
/* Selected proposal: enlarged version of the existing white teaser card. */
.wp-card-wrap{width:calc(100% - 48px);max-width:1260px;margin-inline:auto}
.wp-card{overflow:hidden;background:#fff}
.wp-card-banner img{display:block;width:100%;height:210px;object-fit:cover;object-position:center 74%}
.wp-card .wp-section{background:#fff;padding:52px 48px 0}
.wp-card .wp-layout{grid-template-columns:1.08fr 1fr;gap:46px}
.wp-card .wp-copy{padding:0}
.wp-card .wp-section h2{font-size:clamp(36px,3.4vw,49px)}
.wp-card .wp-lead{font-size:20px}
.wp-card .wp-included{font-size:18px}
.wp-card .wp-features button{border-left:2px solid transparent}
.wp-card .wp-features button[aria-pressed="true"]{background:#fff;border-left-color:var(--wp-accent)}
.wp-card .wp-companion{margin-top:32px;padding:28px 0 36px;border-top:1px solid #e5e8df}
#kontaktformular-1000,#kontaktformular-1004{scroll-margin-top:100px}
.concept-toolbar .concept-label{display:flex}
@media(max-width:1100px){.wp-card .wp-section{padding:38px 30px 0}.wp-card .wp-layout{gap:30px}}
@media(max-width:800px){.wp-card .wp-layout{grid-template-columns:1fr}.wp-card-banner img{height:180px}.wp-card .wp-section{padding:32px 26px 0}.wp-card .wp-section h2{font-size:40px}.concept-toolbar .concept-label{font-size:12px}}
@media(max-width:520px){.wp-card-wrap{width:calc(100% - 24px)}.wp-card-banner img{height:150px}.wp-card .wp-section{padding:28px 20px 0}.wp-card .wp-section h2{font-size:30px}.wp-card .wp-lead{font-size:19px}.wp-card .wp-actions .button{width:100%;font-size:14px;padding-inline:12px}.wp-card .wp-device-main{width:202px}.wp-card .wp-device-secondary{width:160px}.wp-card .wp-device-pair{min-height:480px}.wp-card .wp-companion{margin-top:22px;padding-bottom:28px}.concept-toolbar .concept-label{display:none}.concept-toolbar nav a{padding:8px 9px;font-size:12px}}

/* Shared mobile contact control: retain the existing contact panel behaviour. */
.head .button.stickyelement-trigger {
  background: transparent;
  background-image: none;
  border-color: transparent;
  box-shadow: none;
  color: var(--color-primary-500, #b50156);
  width: 44px;
  height: 44px;
}
.head .button.stickyelement-trigger:is(:hover, :focus-visible, [aria-expanded="true"]) {
  background: transparent;
  background-image: none;
  color: var(--color-secondary-500, #485c33);
}