.elementor-9498 .elementor-element.elementor-element-6613ac6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:12.5rem;--padding-bottom:6rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-6613ac6:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-6613ac6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9498 .elementor-element.elementor-element-8f18a8b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9498 .elementor-element.elementor-element-a8827f0 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-a8827f0{text-align:center;}.elementor-9498 .elementor-element.elementor-element-a8827f0 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:68px;font-weight:600;line-height:1.08em;letter-spacing:-1.36px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-7d1ff2d > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-7d1ff2d{text-align:center;font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-0ee22eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-0ee22eb:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-0ee22eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFD;}.elementor-9498 .elementor-element.elementor-element-378bcb0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-378bcb0 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:600;line-height:1.15em;letter-spacing:-0.86px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-80f70d9 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-80f70d9{font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-1222290{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:8rem;--padding-bottom:8rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-1222290:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-1222290 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9498 .elementor-element.elementor-element-e3152fa > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-e3152fa .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:600;line-height:1.15em;letter-spacing:-0.86px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-be56124 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-be56124{font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-7911787{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-7911787:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-7911787 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFD;}.elementor-9498 .elementor-element.elementor-element-39ece1c{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:40px 96px;--row-gap:40px;--column-gap:96px;--grid-auto-flow:row;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9498 .elementor-element.elementor-element-48f97c9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9498 .elementor-element.elementor-element-7dac269 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-7dac269 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:600;line-height:1.15em;letter-spacing:-0.86px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-2297a4a > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-2297a4a{font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-367ed3f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:8rem;--padding-bottom:8rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-367ed3f:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-367ed3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9498 .elementor-element.elementor-element-8a078a8 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-8a078a8 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:600;line-height:1.15em;letter-spacing:-0.86px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-36d3acb > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-36d3acb{font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-8991dbd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-8991dbd:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-8991dbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFD;}.elementor-9498 .elementor-element.elementor-element-99e6457{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:40px 96px;--row-gap:40px;--column-gap:96px;--grid-auto-flow:row;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9498 .elementor-element.elementor-element-99aba9b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9498 .elementor-element.elementor-element-64d4932 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-64d4932 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:600;line-height:1.15em;letter-spacing:-0.86px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-11e1098 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-11e1098{font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-42842d5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:8rem;--padding-bottom:8rem;--padding-left:5rem;--padding-right:5rem;}.elementor-9498 .elementor-element.elementor-element-42842d5:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-42842d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-c049691{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:40px 96px;--row-gap:40px;--column-gap:96px;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9498 .elementor-element.elementor-element-5302842{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9498 .elementor-element.elementor-element-64328c4{text-align:center;}.elementor-9498 .elementor-element.elementor-element-5b4e770 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-5b4e770 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:48px;font-weight:600;line-height:1.15em;letter-spacing:-0.86px;color:#FFFFFF;}.elementor-9498 .elementor-element.elementor-element-6428918 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-6428918{font-family:"Sora", Sans-serif;font-size:21px;line-height:1.55em;color:#656272;}.elementor-9498 .elementor-element.elementor-element-67b5307{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6E5EC;--border-color:#E6E5EC;--border-radius:14px 14px 14px 14px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-9498 .elementor-element.elementor-element-67b5307:not(.elementor-motion-effects-element-type-background), .elementor-9498 .elementor-element.elementor-element-67b5307 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9498 .elementor-element.elementor-element-67b5307.e-con{--align-self:stretch;}.elementor-9498 .elementor-element.elementor-element-4eb57ab .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:13px;font-weight:500;line-height:1.2;letter-spacing:0.13px;color:#0F0029;}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-icon i{color:#005DB5;transition:color 0.3s;}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-icon svg{fill:#005DB5;transition:fill 0.3s;}.elementor-9498 .elementor-element.elementor-element-ab1928b{--e-icon-list-icon-size:17px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-item > a{font-family:"Sora", Sans-serif;font-size:14px;line-height:1.55;}.elementor-9498 .elementor-element.elementor-element-ab1928b .elementor-icon-list-text{color:#005DB5;transition:color 0.3s;}.elementor-9498 .elementor-element.elementor-element-272afd7 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-9498 .elementor-element.elementor-element-272afd7 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:12px;font-weight:400;line-height:1.45;color:#827F8E;}@media(max-width:1024px){.elementor-9498 .elementor-element.elementor-element-6613ac6{--padding-top:11rem;--padding-bottom:5rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-a8827f0 .elementor-heading-title{font-size:48px;}.elementor-9498 .elementor-element.elementor-element-0ee22eb{--padding-top:5rem;--padding-bottom:5rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-378bcb0 .elementor-heading-title{font-size:38px;}.elementor-9498 .elementor-element.elementor-element-1222290{--padding-top:7rem;--padding-bottom:7rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-e3152fa .elementor-heading-title{font-size:38px;}.elementor-9498 .elementor-element.elementor-element-7911787{--padding-top:5rem;--padding-bottom:5rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-39ece1c{--e-con-grid-template-columns:minmax(0,1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;}.elementor-9498 .elementor-element.elementor-element-7dac269 .elementor-heading-title{font-size:38px;}.elementor-9498 .elementor-element.elementor-element-367ed3f{--padding-top:7rem;--padding-bottom:7rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-8a078a8 .elementor-heading-title{font-size:38px;}.elementor-9498 .elementor-element.elementor-element-8991dbd{--padding-top:5rem;--padding-bottom:5rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-99e6457{--e-con-grid-template-columns:minmax(0,1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;}.elementor-9498 .elementor-element.elementor-element-64d4932 .elementor-heading-title{font-size:38px;}.elementor-9498 .elementor-element.elementor-element-42842d5{--padding-top:7rem;--padding-bottom:7rem;--padding-left:3rem;--padding-right:3rem;}.elementor-9498 .elementor-element.elementor-element-c049691{--e-con-grid-template-columns:minmax(0,1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;}.elementor-9498 .elementor-element.elementor-element-5b4e770 .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-9498 .elementor-element.elementor-element-6613ac6{--padding-top:10.5rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-a8827f0 .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-7d1ff2d{font-size:18px;}.elementor-9498 .elementor-element.elementor-element-0ee22eb{--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-378bcb0 .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-80f70d9{font-size:18px;}.elementor-9498 .elementor-element.elementor-element-1222290{--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-e3152fa .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-be56124{font-size:18px;}.elementor-9498 .elementor-element.elementor-element-7911787{--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-39ece1c{--e-con-grid-template-columns:minmax(0,1fr);--grid-auto-flow:row;}.elementor-9498 .elementor-element.elementor-element-7dac269 .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-2297a4a{font-size:18px;}.elementor-9498 .elementor-element.elementor-element-367ed3f{--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-8a078a8 .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-36d3acb{font-size:18px;}.elementor-9498 .elementor-element.elementor-element-8991dbd{--padding-top:3.5rem;--padding-bottom:3.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-99e6457{--e-con-grid-template-columns:minmax(0,1fr);--grid-auto-flow:row;}.elementor-9498 .elementor-element.elementor-element-64d4932 .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-11e1098{font-size:18px;}.elementor-9498 .elementor-element.elementor-element-42842d5{--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9498 .elementor-element.elementor-element-c049691{--e-con-grid-template-columns:minmax(0,1fr);--grid-auto-flow:row;}.elementor-9498 .elementor-element.elementor-element-5b4e770 .elementor-heading-title{font-size:32px;}.elementor-9498 .elementor-element.elementor-element-6428918{font-size:18px;}}@media(min-width:768px){.elementor-9498 .elementor-element.elementor-element-6613ac6{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-0ee22eb{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-1222290{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-7911787{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-48f97c9{--width:100%;}.elementor-9498 .elementor-element.elementor-element-367ed3f{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-8991dbd{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-99aba9b{--width:100%;}.elementor-9498 .elementor-element.elementor-element-42842d5{--content-width:1200px;}.elementor-9498 .elementor-element.elementor-element-5302842{--width:100%;}.elementor-9498 .elementor-element.elementor-element-67b5307{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9498 .elementor-element.elementor-element-48f97c9{--width:100%;}.elementor-9498 .elementor-element.elementor-element-99aba9b{--width:100%;}.elementor-9498 .elementor-element.elementor-element-5302842{--width:100%;}}/* Start custom CSS */.tmd-root{--mod-ablage-mark:#4D6B85;--mod-ablage-text:#3D566B;--mod-ablage-tint:#E9F0F5;--mod-ablage-onink:#A9C3D8}
.tmd-root{--ink:#0F0029;--n-50:#F4F4F9;--n-100:#F3F3F7;--n-200:#E6E5EC;--n-300:#CFCED7;--n-400:#A3A1AE;--n-500:#827F8E;--n-600:#656272;--n-700:#4A465A;--n-800:#302A45;--n-900:#1A0F32;--azure-50:#EFF6FF;--azure-100:#DEEDFF;--azure-200:#C0DCFF;--azure-300:#90C1FF;--azure-400:#5AA4FF;--azure-500:#0085FE;--azure-600:#0074DE;--azure-700:#005DB5;--azure-800:#00478E;--mod-abwesenheit-mark:#0085FE;--mod-abwesenheit-text:#005DB5;--mod-abwesenheit-tint:#ECF4FF;--mod-zeiterfassung-mark:#00999B;--mod-zeiterfassung-text:#008284;--mod-zeiterfassung-tint:#DDFAFA;--mod-personal-mark:#259F56;--mod-personal-text:#218549;--mod-personal-tint:#E5FAEA;--mod-ablage-mark:#4D6B85;--mod-ablage-text:#3D566B;--mod-ablage-tint:#E9F0F5;--mod-lohn-mark:#B07B00;--mod-lohn-text:#9C6C00;--mod-lohn-tint:#FFF2DE;--warning:#A26900;--warning-tint:#FFF0DE;--font-sans:"Sora","Helvetica Neue",Arial,sans-serif;--fs-heading-m:1.75rem;--fs-heading-s:1.25rem;--fs-body:1rem;--fs-body-s:0.875rem;--fs-label:0.8125rem;--fs-metric:clamp(2.25rem,3.2vw,3rem);--fs-caption:0.75rem;--lh-heading:1.20;--lh-body:1.60;--tr-heading-m:-0.016em;--tr-heading-s:-0.012em;--tr-label:0.010em;--measure-body:62ch;--gutter:20px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-14:56px;--sp-18:72px;--sp-24:96px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:24px;--r-pill:9999px;--r-btn:10px;--panel:#F2F5FB;--border:1px solid var(--n-200);--edge-light:inset 0 1px 0 rgba(255,255,255,.92);--rule-hairline:rgba(15,0,41,.08);--rule-hairline-ink:rgba(255,255,255,.10);--focus-ring:0 0 0 3px rgba(0,133,254,.16);--dur-quick:160ms;--dur-base:240ms;--dur-slow:400ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-out-soft:cubic-bezier(0.33,1,0.68,1);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--n-600);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Sprungziele muessen unter der fixierten Kopfleiste landen. Ohne das
   steht die angesprungene Ueberschrift hinter dem Kopf. */
#module,#test,#kontakt{scroll-margin-top:7rem}

/* ====================================================================
   Ab hier NUR, wofuer Elementor keine Einstellung hat: Deko-Ebenen,
   Glas mit backdrop-filter, Zustaende, Auszeichnungen im Widget-Inneren,
   Zeilenbreiten in ch, SVG-Masken, subgrid und das Innenleben der drei
   eigenen Widgets (Stimmen-Schieber, Logo-Laufband, Einstieg).
   ==================================================================== */

/* --- Hero: diagonales Licht. */
.tmd-hero{position:relative;overflow-x:clip}
.tmd-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(62% 56% at 0% -6%,rgba(0,133,254,.48) 0%,rgba(0,133,254,0) 64%),radial-gradient(58% 54% at 100% 104%,rgba(47,10,120,.52) 0%,rgba(47,10,120,0) 66%),radial-gradient(42% 36% at 84% 30%,rgba(0,133,254,.22) 0%,rgba(0,133,254,0) 70%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 90%,transparent 100%)}
.tmd-hero > .e-con-inner{position:relative;z-index:1}
.tmd-buehne{position:relative}

/* --- Glaspillen: backdrop-filter und mehrschichtige Innenschatten. */
.tmd-chip .elementor-heading-title{display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:var(--r-pill);color:var(--ink);font-size:.875rem;font-weight:500;line-height:1;background-color:rgba(255,255,255,.55);background-image:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.28) 100%);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(15,0,41,.04),0 8px 24px -10px rgba(8,40,90,.30);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%)}
.tmd-smark .elementor-heading-title{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:var(--r-pill);font-size:.875rem;font-weight:500;line-height:1;color:var(--azure-700);background-color:rgba(255,255,255,.55);background-image:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.30) 100%);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 22px -12px rgba(8,40,90,.35);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%)}
.tmd-smark b{font-weight:700;color:var(--azure-500)}
.tmd-ink .tmd-smark .elementor-heading-title{color:var(--azure-300);background-color:rgba(255,255,255,.10);background-image:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 100%);border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.20)}
.tmd-ink .tmd-smark b{color:var(--azure-300)}

/* --- Icon-Pille (eigenes Widget). */
.tmd-pille{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-pill);flex:none;background-color:rgba(0,133,254,.16);color:var(--azure-300)}
.tmd-pille i{font-size:20px;line-height:1;color:inherit}
.tmd-pille--hell{background-color:var(--azure-50);color:var(--azure-700)}
.tmd-pille--hell.tmd-pille--zeit{background-color:var(--mod-zeiterfassung-tint);color:var(--mod-zeiterfassung-text)}
.tmd-pille--hell.tmd-pille--abw{background-color:var(--mod-abwesenheit-tint);color:var(--mod-abwesenheit-text)}
.tmd-pille--hell.tmd-pille--pers{background-color:var(--mod-personal-tint);color:var(--mod-personal-text)}
.tmd-pille--hell.tmd-pille--lohn{background-color:var(--mod-lohn-tint);color:var(--mod-lohn-text)}
.tmd-pille--hell.tmd-pille--komm{background-color:var(--mod-ablage-tint);color:var(--mod-ablage-text)}
.tmd-pille--dunkel.tmd-pille--zeit{background-color:rgba(0,153,155,.22);color:#5FD4D6}
.tmd-pille--dunkel.tmd-pille--pers{background-color:rgba(37,159,86,.22);color:#74D89B}
.tmd-pille--dunkel.tmd-pille--lohn{background-color:rgba(176,123,0,.24);color:#E8B84B}
.tmd-pille--dunkel.tmd-pille--komm{background-color:rgba(107,63,212,.24);color:#B69BF2}

/* --- Zeilenbreiten in ch und Auszeichnungen INNERHALB eines Widgets. */
.tmd-h1 .elementor-heading-title{max-width:22ch;margin-inline:auto}
.tmd-h2 .elementor-heading-title{max-width:22ch}
.tmd-h3 .elementor-heading-title{max-width:20ch}
.tmd-hl,.hl-accent{color:var(--azure-700)}
.tmd-lead p{margin:0;max-width:48ch;margin-inline:auto}
.tmd-lead--links p{margin-inline:0;max-width:46ch}
.tmd-lead strong{font-weight:500;color:var(--ink)}
.tmd-fliess p{margin:0;max-width:var(--measure-body)}
.tmd-fliess strong{font-weight:500;color:var(--ink)}
.tmd-paar-text{min-width:0}
.pstreifen__zitat blockquote{margin:0;padding:0;border:0;font-style:normal;max-width:62ch}
.pstreifen__wo{display:block;font-size:var(--fs-caption);color:var(--n-600);font-weight:400}
.tmd-zahl__wert em{font-style:normal;color:var(--azure-300)}
.tmd-zahl__text{max-width:30ch}
.gegen__fuss b{font-weight:600}
.gegen__alt .gegen__fuss b{color:var(--n-300)}
.gegen__neu .gegen__fuss b{color:var(--ink)}
.tmd-root .kband__titel .elementor-heading-title{max-width:18ch}

/* --- Zitatzeichen als SVG-Maske am Zitat-Widget (nicht am Container:
   Elementor belegt .e-con::before fuer seine Hintergrund-Ebene). */
.tmd-root .pstreifen__zitat{position:relative;padding-left:80px}
.tmd-root .pstreifen__zitat::before{content:"";position:absolute;left:0;top:-2px;width:48px;height:48px;background-color:var(--modul-mark,var(--azure-500));-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10.1 5.6c-3.4 1.5-5.4 4.3-5.4 7.8v5h6.6v-6.2H7.4c.1-1.9 1.2-3.4 3.2-4.4z'/%3E%3Cpath d='M20.4 5.6c-3.4 1.5-5.4 4.3-5.4 7.8v5h6.6v-6.2h-3.9c.1-1.9 1.2-3.4 3.2-4.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10.1 5.6c-3.4 1.5-5.4 4.3-5.4 7.8v5h6.6v-6.2H7.4c.1-1.9 1.2-3.4 3.2-4.4z'/%3E%3Cpath d='M20.4 5.6c-3.4 1.5-5.4 4.3-5.4 7.8v5h6.6v-6.2h-3.9c.1-1.9 1.2-3.4 3.2-4.4z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:48px 48px;mask-size:48px 48px}
@media (max-width:767px){.tmd-root .pstreifen__zitat{padding-left:0;padding-top:60px}}

/* --- Pfeile als SVG-Maske; Kachel ganzflaechig klickbar. */
.tmd-pfeil .elementor-button,.kachel__mehr .elementor-button{display:inline-flex;align-items:center;gap:var(--sp-2)}
.tmd-pfeil .elementor-button::after,.kachel__mehr .elementor-button::after{content:"";display:inline-block;width:18px;height:18px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M12.5 6l6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M12.5 6l6 6-6 6'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform var(--dur-quick) var(--ease-standard)}
.kachel__mehr .elementor-button::after{width:17px;height:17px}
.tmd-pfeil .elementor-button:hover::after,.kachel:hover .kachel__mehr .elementor-button::after{transform:translateX(3px)}
.tmd-root .tmd-pfeil .elementor-button{background:none;box-shadow:none;min-height:0}
.kachel{position:relative}
.kachel__mehr .elementor-button::before{content:"";position:absolute;inset:0;border-radius:var(--r-md)}

/* --- Produktbild und Randbilder. */
.tmd-schirm img{display:block;width:100%;height:auto;background:var(--n-100);box-shadow:inset 0 0 0 1px rgba(15,0,41,.06),0 2px 4px rgba(8,40,90,.06),0 28px 56px -28px rgba(8,40,90,.35),0 60px 120px -48px rgba(0,66,140,.45)}
.tmd-randbild img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--n-100)}
.tmd-randbild--rechts{margin-right:calc(-1 * var(--gutter))}
@media (max-width:1023px){.tmd-randbild--rechts{margin-right:0}}

/* --- Dunkle Flaeche: Wellenrelief und Glasform. */
.tmd-ink{position:relative;overflow:hidden;overflow:clip}
.tmd-ink::after{content:"";position:absolute;top:-14%;left:0;right:0;bottom:-14%;z-index:0;pointer-events:none;background-image:url("https://teamanda.app/wp-content/uploads/2026/09/waves.webp");background-repeat:no-repeat;background-position:center;background-size:cover;filter:grayscale(1) contrast(.38) brightness(.9);opacity:.16;mix-blend-mode:screen}
.tmd-ink > .e-con-inner{position:relative;z-index:1}
.tmd-glas{position:absolute;z-index:0;pointer-events:none;filter:grayscale(1) contrast(.9);opacity:.30;mix-blend-mode:screen;background-repeat:no-repeat;background-size:contain}
.tmd-glas--kette{width:520px;height:520px;right:-160px;bottom:-180px;background-image:url("https://teamanda.app/wp-content/uploads/2026/09/glas-kette.webp")}
@media (max-width:1023px){.tmd-glas{display:none}}

/* --- Reiter (02): Unterstrich statt Flaeche, auf schmalen Fenstern eine
   Zeile zum Schieben (Anschnitt + weiche Kante als Hinweis). */
.tmd-root .tmd-reiter .e-n-tabs-heading{border-bottom:1px solid var(--rule-hairline);flex-wrap:nowrap;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}
.tmd-root .tmd-reiter .e-n-tabs-heading::-webkit-scrollbar{width:0;height:0;display:none}
.tmd-root .tmd-reiter .e-n-tab-title{padding:0 0 14px;margin-bottom:-1px;border-bottom:2px solid transparent;flex:none;white-space:nowrap;scroll-snap-align:start;scroll-margin-inline-start:var(--reiter-luft,0px);transition:color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}
.tmd-root .tmd-reiter .e-n-tab-title[aria-selected="true"]{border-bottom-color:var(--azure-500)}
.tmd-root .tmd-reiter .e-n-tabs-content{padding:0}
@media (max-width:1023px){
  .tmd-root .tmd-reiter{--reiter-luft:3rem;--reiter-kante:2.5rem}
  .tmd-root .tmd-reiter .e-n-tabs-heading{padding-inline:var(--reiter-luft) calc(var(--reiter-luft) + var(--reiter-kante));-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--reiter-kante)),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--reiter-kante)),transparent 100%)}
  .tmd-root .tmd-reiter .e-n-tabs-content{padding-inline:var(--reiter-luft)}
}
@media (max-width:767px){.tmd-root .tmd-reiter{--reiter-luft:1rem}}

/* --- Haftender Stapel (03). */
.split-sticky{position:sticky;top:calc(96px + var(--sp-10))}
.split-stack{display:grid}
.split-panel{grid-area:1 / 1;opacity:0;visibility:hidden;transform:scale(.985);filter:blur(7px);transition:opacity var(--dur-slow) var(--ease-standard),visibility var(--dur-slow) var(--ease-standard),transform var(--dur-slow) var(--ease-out-soft),filter var(--dur-slow) var(--ease-out-soft)}
.split-panel[data-active="true"]{opacity:1;visibility:visible;transform:none;filter:none}
.split-dots{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-6)}
.split-dots i{width:6px;height:6px;border-radius:var(--r-pill);background:var(--n-300);transition:background-color var(--dur-base) var(--ease-standard)}
.split-dots i[data-active="true"]{background:var(--mod-abwesenheit-mark)}
@keyframes tmdPushIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tmdShotFloat{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@keyframes tmdFxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tmdFzeiger{0%{opacity:0;transform:translate(70px,90px)}30%{opacity:1}75%,100%{opacity:1;transform:translate(0,0)}}
@keyframes tmdFklick{0%,100%{box-shadow:0 1px 2px rgba(0,133,254,.35),0 8px 20px -6px rgba(0,133,254,.40);transform:none}35%{box-shadow:0 0 0 7px rgba(0,133,254,.22);transform:scale(.97)}}
.split-panel[data-active="true"] .shot{animation:tmdPushIn 520ms var(--ease-out-soft) both}
.split-panel[data-active="true"] .shot--vorn{animation:tmdPushIn 520ms var(--ease-out-soft) 140ms both,tmdShotFloat 6s var(--ease-standard) 900ms infinite alternate}
.split-panel[data-active="true"] .fx{animation:tmdFxIn 440ms var(--ease-out-soft) both;animation-delay:var(--d,0ms)}
.split-panel:not([data-active="true"]) .fx{opacity:0}
.split-panel[data-active="true"] .fzeiger{animation:tmdFzeiger 1100ms var(--ease-standard) 1900ms both}
.split-panel:not([data-active="true"]) .fzeiger{opacity:0}
.split-panel[data-active="true"] .fklick{animation:tmdFklick 700ms var(--ease-standard) 2700ms both}
@media (max-width:1023px){
  .tmd-root .split-links,.tmd-root .split-sticky,.tmd-root .split-stack{display:contents}
  .tmd-root .split-step{min-height:0!important}
  .tmd-root .split-step:nth-child(1){order:1}
  .tmd-root .split-panel:nth-child(1){order:2}
  .tmd-root .split-step:nth-child(2){order:3}
  .tmd-root .split-panel:nth-child(2){order:4}
  .tmd-root .split-step:nth-child(3){order:5}
  .tmd-root .split-panel:nth-child(3){order:6}
  .tmd-root .split-panel{grid-area:auto;opacity:1;visibility:visible;transform:none;filter:none;transition:none}
  .tmd-root .split-panel .fx,.tmd-root .split-panel .fzeiger{opacity:1;animation:none}
  .tmd-root .split-panel .shot,.tmd-root .split-panel .shot--vorn,.tmd-root .split-panel .fklick{animation:none}
  .tmd-root .split-punkte{display:none}
}

/* --- Anwendungsfaelle (06): subgrid haelt alle drei Karten auf einer Linie. */
.faelle{grid-template-rows:repeat(7,auto)!important}
.fall{display:grid!important;grid-row:span 7;grid-template-rows:subgrid;align-content:start}
.fall > *{align-self:stretch}
.fall__bild img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;background:var(--n-100)}
@media (max-width:1023px){.faelle{grid-template-rows:auto!important}.fall{grid-row:auto;grid-template-rows:none}}

/* --- Kundenstimmen (07): Rahmen ist nativ, hier nur das Innenleben des
   Schieber-Widgets und der Anschnitt des Fotos zur Fensterkante. */
.tmd-root .stimmen-foto img{display:block;width:100%;aspect-ratio:5 / 4;object-fit:cover;border-radius:0 var(--r-lg) var(--r-lg) 0}
.tmd-root .stimmen-foto{margin-left:calc(-1 * var(--gutter))}
@media (max-width:1023px){.tmd-root .stimmen-foto{margin-left:0}.tmd-root .stimmen-foto img{border-radius:var(--r-lg)}}
.tmd-root .stimmen__stapel{margin-top:var(--sp-8)}
.tmd-root .stimme{margin:0}
.tmd-root .stimme blockquote{margin:0;font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.45;letter-spacing:-.01em;color:var(--ink);font-weight:500;text-wrap:pretty;border:0;padding:0;font-style:normal}
.tmd-root .stimme[data-auf="false"] blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;overflow:hidden}
.tmd-root .stimme__mehr{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;font:500 1rem/1.2 var(--font-sans);letter-spacing:-.008em;color:var(--azure-700);height:auto;min-height:0;text-transform:none}
.tmd-root .stimme__mehr:hover{background:none;color:var(--azure-800)}
.tmd-root .stimme__mehr svg{transition:transform var(--dur-base) var(--ease-standard)}
.tmd-root .stimme[data-auf="true"] .stimme__mehr svg{transform:rotate(180deg)}
.tmd-root .stimme__quelle{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-8) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--rule-hairline);color:var(--n-600);font-size:var(--fs-body-s);line-height:1.5}
.tmd-root .stimme__name{font-weight:500;color:var(--ink)}
.tmd-root .avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-pill);overflow:hidden;background-color:var(--n-100);color:var(--n-700);font:600 .9375rem/1 var(--font-sans);letter-spacing:.03em}
.tmd-root .avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-pill)}
.tmd-root .avatar:has(img) .avatar__kuerzel{display:none}
.tmd-root .stimmen__steuer{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-8)}
.tmd-root .stimmen__pfeil{display:inline-grid;place-items:center;width:40px;height:40px;min-height:0;padding:0;border:var(--border);border-radius:var(--r-pill);background:transparent;box-shadow:none;color:var(--ink);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard)}
.tmd-root .stimmen__pfeil:hover{border-color:var(--n-300);background-color:var(--n-50);color:var(--ink)}
.tmd-root .stimmen__punkte{display:inline-flex;align-items:center;margin-inline-start:var(--sp-2)}
.tmd-root .stimmen__punkte button{width:24px;height:24px;min-height:0;padding:8px;border:0;border-radius:var(--r-pill);background-color:var(--n-300);background-clip:content-box;box-shadow:none;cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard)}
.tmd-root .stimmen__punkte button:hover{background-color:var(--n-500)}
.tmd-root .stimmen__punkte button[aria-current="true"]{background-color:var(--azure-500)}
.tmd-root .stimmen__steuer > .t-caption{margin-inline-start:auto}

/* --- Logo-Laufband (eigenes Widget): der endlose Lauf und die weichen
   Kanten. Tempo und Logohoehe stellt das Widget selbst ein. */
.tmd-root .logoband{margin-top:var(--sp-18)}
.tmd-root .logoband__titel{margin:0 0 var(--sp-8);font-size:var(--fs-caption);line-height:1.45;letter-spacing:.008em;color:var(--n-500)}
.tmd-root .logos{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.tmd-root .logos__track{display:flex;align-items:center;gap:var(--sp-24);width:max-content;animation:tmdLogosLauf 42s linear infinite}
.tmd-root .logos:hover .logos__track{animation-play-state:paused}
@keyframes tmdLogosLauf{to{transform:translateX(-50%)}}
.tmd-root .logos img{flex:none;height:36px;width:auto;max-width:150px;object-fit:contain;display:block;filter:grayscale(1) brightness(.35);opacity:.6}

/* --- Schnittstellen (08): Flaeche, Rahmen und Abstaende der Kacheln sind
   nativ. Hier bleiben die Oberkante in der Modulfarbe, der Farbschein
   oben rechts und das Anheben beim Zeigen — und die Zuordnung, welche
   Kachel welchen Ton traegt. */
.tmd-root .sch-kachel{position:relative;overflow:hidden;box-shadow:var(--edge-light),0 14px 30px -18px rgba(8,40,90,.22);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}
.tmd-root .sch-kachel::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background-color:var(--ton,var(--azure-500));z-index:1}
.tmd-root .sch-kachel::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(70% 60% at 100% 0%,var(--ton-tint,transparent) 0%,transparent 70%)}
.tmd-root .sch-kachel > *{position:relative;z-index:1}
.tmd-root .sch-kachel:hover{transform:translateY(-2px);border-color:var(--n-300)!important;box-shadow:var(--edge-light),0 24px 46px -20px rgba(8,40,90,.30)}
.tmd-root .sch-kachel--lohn{--ton:var(--mod-lohn-mark);--ton-tint:var(--mod-lohn-tint)}
.tmd-root .sch-kachel--abw{--ton:var(--mod-abwesenheit-mark);--ton-tint:var(--mod-abwesenheit-tint)}
.tmd-root .sch-kachel--zeit{--ton:var(--mod-zeiterfassung-mark);--ton-tint:var(--mod-zeiterfassung-tint)}
.tmd-root .sch-kachel--pers{--ton:var(--mod-personal-mark);--ton-tint:var(--mod-personal-tint)}

/* --- Einfuehrung (09): haftender Textblock, Zustand der Stufen. */
.tmd-weiss:has(.einf-split){overflow:visible}
.einf-haft{position:sticky;top:104px}
.einf-foto img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-lg);background:var(--n-100)}
.stufe[data-active="true"] .stufe__nr{color:var(--azure-500)!important}
.stufe__nr{transition:color var(--dur-slow) var(--ease-standard);font-variant-numeric:tabular-nums}
.stufe__inhalt{position:relative}
.stufe__inhalt::before{content:"";position:absolute;left:-33px;top:4px;bottom:4px;width:2px;border-radius:var(--r-pill);background:var(--azure-500);opacity:0;transform:scaleY(.4);transform-origin:top;transition:opacity var(--dur-slow) var(--ease-out-soft),transform var(--dur-slow) var(--ease-out-soft)}
.stufe[data-active="true"] .stufe__inhalt::before{opacity:1;transform:none}
@media (max-width:1023px){.einf-haft{position:static}.stufe__inhalt::before{display:none}}

/* --- Modulmauer (05). */
@media (max-width:1023px){.spalte{display:contents}}

/* --- Preise (11). */
.tmd-root .pband{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:var(--sp-10) var(--sp-24);align-items:center;margin-top:var(--sp-10);width:100%}
.tmd-root .pband > .e-con{width:auto;max-width:none}
.tmd-root .pband,.tmd-root .pband .elementor-widget{text-align:left}
.tmd-root .pkarte__preis{display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:var(--sp-2);width:100%;padding:0}
.tmd-root .pkarte__preis > .elementor-widget{width:auto;flex:0 0 auto}
.tmd-root .pkarte__zahl{font-variant-numeric:proportional-nums}
.tmd-root .pkarte__fakten{margin-top:var(--sp-6)!important;padding-top:var(--sp-5);border-top:1px solid var(--rule-hairline);width:100%}
@media (max-width:899px){.tmd-root .pband{grid-template-columns:1fr;align-items:start;gap:var(--sp-8)}}

/* --- FAQ (12). */
.tmd-root .tmd-faq .elementor-accordion{border:0}
.tmd-root .tmd-faq .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid var(--rule-hairline)}
.tmd-root .tmd-faq .elementor-tab-title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:72px;padding:var(--sp-6) 0;background:none;border:0;cursor:pointer}
.tmd-root .tmd-faq .elementor-tab-title .elementor-accordion-title{font:500 1.375rem/1.4 var(--font-sans);letter-spacing:-.014em;color:var(--ink);text-decoration:none;flex:1 1 auto}
.tmd-root .tmd-faq .elementor-tab-title:hover .elementor-accordion-title{color:var(--azure-700)}
.tmd-root .tmd-faq .elementor-accordion-icon{order:2;margin:0;padding:0;width:auto;flex:none;float:none;color:var(--n-600)}
.tmd-root .tmd-faq .elementor-accordion-icon svg,.tmd-root .tmd-faq .elementor-accordion-icon i{width:20px;height:20px;font-size:20px;transition:transform var(--dur-base) var(--ease-standard)}
.tmd-root .tmd-faq .elementor-tab-title.elementor-active .elementor-accordion-icon svg,.tmd-root .tmd-faq .elementor-tab-title.elementor-active .elementor-accordion-icon i{transform:rotate(45deg)}
.tmd-root .tmd-faq .elementor-tab-title.elementor-active .elementor-accordion-icon{color:var(--ink)}
.tmd-root .tmd-faq .elementor-tab-content{border:0;padding:0 0 var(--sp-6);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--n-600);max-width:62ch}
.tmd-root .tmd-faq .elementor-tab-content p{margin:0}
@media (max-width:639px){.tmd-root .tmd-faq .elementor-tab-title .elementor-accordion-title{font-size:1.125rem}.tmd-root .tmd-faq .elementor-tab-title{min-height:0;padding:var(--sp-5) 0}}

/* --- Abschluss (13): Aufbau und Abstaende sind nativ. Hier bleiben die
   fliessenden Schriftgroessen, die Glaspille auf dunklem Grund, die
   Einstiegs-Pille (eigenes Widget) und die Trennlinien der Fakten. */
.tmd-root .chip--ink .elementor-heading-title{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--r-xs);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:var(--n-300);font:500 var(--fs-label)/1.2 var(--font-sans)}
.tmd-root .abschluss__titel .elementor-heading-title{margin-inline:auto;max-width:18ch;font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.018em;font-weight:600;color:#FFFFFF}
.tmd-root .abschluss__titel{margin-top:var(--sp-6)}
.tmd-root .abschluss__lead{margin-top:var(--sp-6)}
.tmd-root .abschluss__lead p{margin:0;margin-inline:auto;max-width:46ch;font-size:clamp(1.125rem,1.4vw,1.3125rem);line-height:1.55;color:var(--n-300)}
.tmd-root .einstieg{display:flex;align-items:center;gap:var(--sp-3);width:min(100%,32rem);margin:var(--sp-10) auto 0;padding:6px;padding-inline-start:var(--sp-5);background:#FFFFFF;border-radius:var(--r-pill);text-align:start}
.tmd-root .einstieg:focus-within{box-shadow:0 0 0 3px rgba(0,133,254,.45)}
.tmd-root .einstieg > svg{flex:none;width:20px;height:20px;stroke:var(--n-500);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tmd-root .einstieg__feld{flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;background:none;color:var(--ink);font:400 1rem/1.5 var(--font-sans);letter-spacing:-.006em}
.tmd-root .einstieg__feld:focus{outline:none}
.tmd-root .einstieg__feld::placeholder{color:var(--n-500)}
.tmd-root .einstieg .btn{flex:none;width:auto;height:44px;min-height:0;padding:0 22px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--azure-500);color:#FFFFFF;font:500 1rem/1 var(--font-sans);text-transform:none;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px rgba(0,133,254,.35),0 8px 20px -6px rgba(0,133,254,.40)}
.tmd-root .einstieg .btn:hover{background:var(--azure-600);color:#FFFFFF}
.nur-vorlesen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}
.tmd-root .abschluss__fakten > *{padding-inline:var(--sp-6);border-inline-start:1px solid var(--rule-hairline-ink)}
.tmd-root .abschluss__fakten > *:first-child{padding-inline-start:0;border-inline-start:0}
@media (max-width:599px){.tmd-root .einstieg{flex-wrap:wrap;gap:var(--sp-3);border-radius:var(--r-md);padding:var(--sp-4)}.tmd-root .einstieg > svg{display:none}.tmd-root .einstieg__feld{flex:1 1 100%;height:40px}.tmd-root .einstieg .btn{flex:1 1 100%}}
@media (max-width:767px){.tmd-root .abschluss__fakten > *{padding-inline:0;padding-block:var(--sp-5);border-inline-start:0;border-block-start:1px solid var(--rule-hairline-ink)}.tmd-root .abschluss__fakten > *:first-child{border-block-start:0;padding-block-start:0}}

/* --- Kontaktband (14): Karte und Kopfzeile sind nativ; hier bleibt der
   weiche Schatten der Karte und Elementors Formular in der Entwurfsoptik. */
.tmd-root .kdraht{box-shadow:var(--edge-light),0 12px 26px -18px rgba(8,40,90,.22);max-width:32rem}
.tmd-root .tmd-formular{background:#FFFFFF;border:var(--border);border-radius:var(--r-md);padding:var(--sp-8);box-shadow:var(--edge-light)}
.tmd-root .tmd-formular .elementor-field-group > label{display:block;margin-bottom:var(--sp-2);font:500 var(--fs-label)/1.2 var(--font-sans);color:var(--n-700)}
.tmd-root .tmd-formular .elementor-field-textual{height:48px;padding:0 14px;border:var(--border);border-radius:var(--r-sm);font:400 1rem/1.5 var(--font-sans);color:var(--ink);background:#FFFFFF}
.tmd-root .tmd-formular select.elementor-field-textual{padding-inline-end:40px}
.tmd-root .tmd-formular .elementor-field-textual:focus{outline:none;border-color:var(--azure-500);box-shadow:var(--focus-ring)}
.tmd-root .tmd-formular .elementor-field-type-acceptance{font-size:var(--fs-body-s);line-height:1.5;color:var(--n-600)}
.tmd-root .tmd-formular .elementor-field-type-acceptance label,.tmd-root .tmd-formular .elementor-field-type-acceptance .elementor-field-option label{display:inline;margin:0;font:400 var(--fs-body-s)/1.5 var(--font-sans);letter-spacing:0;color:var(--n-600)}
.tmd-root .tmd-formular .elementor-field-type-acceptance .elementor-field-option{display:flex;align-items:flex-start;gap:var(--sp-2)}
.tmd-root .tmd-formular .elementor-field-type-acceptance input[type="checkbox"]{flex:none;margin-top:3px}
.tmd-root .tmd-formular .elementor-button{height:48px;border-radius:var(--r-btn);background:var(--azure-500);color:#FFFFFF;font:500 1rem/1 var(--font-sans);border:0;box-shadow:0 1px 2px rgba(0,133,254,.35),0 8px 20px -6px rgba(0,133,254,.40)}
.tmd-root .tmd-formular .elementor-button:hover{background:var(--azure-600)}
@media (max-width:1023px){.kband{gap:var(--sp-8)}}

/* --- Gemeinsame Textklassen und die gezeichneten Produktattrappen. */
.t-heading-m{font-size:var(--fs-heading-m);line-height:var(--lh-heading);letter-spacing:var(--tr-heading-m)}
.t-heading-s{font-size:var(--fs-heading-s);line-height:1.30;letter-spacing:var(--tr-heading-s)}
.t-body{font-size:var(--fs-body);line-height:var(--lh-body);max-width:var(--measure-body)}
.t-body-s{font-size:var(--fs-body-s);line-height:1.55}
.t-caption{font-size:var(--fs-caption);line-height:1.45;letter-spacing:.008em;color:var(--n-500)}
.t-label{font-size:var(--fs-label);line-height:1.2;letter-spacing:var(--tr-label);font-weight:500;margin:0}
.media-panel{background:var(--panel);border-radius:var(--r-lg);padding:var(--sp-10);display:grid;place-items:center;background-image:linear-gradient(180deg,#F7F7FB,#ECECF3);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(15,0,41,.04)}
.media-panel--feld{position:relative;overflow:hidden;isolation:isolate;background-color:var(--azure-600);background-image:radial-gradient(130% 110% at 10% 4%,rgba(255,255,255,.18),transparent 58%),linear-gradient(158deg,var(--azure-500) 0%,var(--azure-600) 52%,var(--azure-700) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.media-panel--feld::before,.media-panel--feld::after{content:"";position:absolute;z-index:-1;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.30);pointer-events:none}
.media-panel--feld::before{width:150%;aspect-ratio:1;top:-34%;left:-74%}
.media-panel--feld::after{width:190%;aspect-ratio:1;bottom:-120%;left:-58%;border-color:rgba(255,255,255,.22)}
.mg{background:#FFFFFF;border-radius:var(--r-md);box-shadow:var(--edge-light),0 2px 6px rgba(8,40,90,.18),0 22px 48px -14px rgba(8,40,90,.38);width:100%}
.mg-gantt{padding:var(--sp-5)}
.mg-gantt__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:var(--border);margin-bottom:var(--sp-3)}
.mg-gantt__kopf b{font-size:.9375rem;color:var(--ink);letter-spacing:-.014em;font-weight:600}
.mg-gantt__rumpf{position:relative}
.mg-row{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;border-top:1px solid var(--rule-hairline)}
.mg-row:first-child{border-top:0}
.mg-tage{padding:2px 0 6px}
.mg-tage .mg-spur{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));height:auto;background:none}
.mg-tage span{font-size:.625rem;text-align:center;color:var(--n-500);font-variant-numeric:tabular-nums}
.mg-tage span.we{color:var(--n-300)}
.mg-spur{position:relative;height:40px;background-image:repeating-linear-gradient(90deg,var(--rule-hairline) 0 1px,transparent 1px 100%);background-size:7.1428% 100%}
.mg-heute{position:absolute;top:0;bottom:0;width:1px;background:var(--azure-500);z-index:1;left:calc(128px + (100% - 128px) * 0.6785)}
.mg-heute::before{content:"";position:absolute;top:-2px;left:-3px;width:7px;height:7px;border-radius:var(--r-pill);background:var(--azure-500)}
.gantt__who{display:flex;align-items:center;gap:var(--sp-2);min-width:0}
.gantt__who .av{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-pill);color:#FFFFFF;font:600 .5625rem/1 var(--font-sans);letter-spacing:.02em}
.gantt__who .who{font-size:.75rem;color:var(--n-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gantt__blk{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:24px;border-radius:5px;padding:0 8px;color:#FFFFFF;font:500 .6875rem/1 var(--font-sans);white-space:nowrap;overflow:hidden;box-shadow:var(--edge-light),inset 0 1px 0 rgba(255,255,255,.25)}
@media (max-width:767px){
  .mg-gantt{padding:14px}
  .mg-row{grid-template-columns:76px minmax(0,1fr)}
  .mg-heute{left:calc(76px + (100% - 76px) * 0.6785)}
  .mg-tage span{font-size:.5625rem}
  .gantt__who .av{width:18px;height:18px;font-size:.5rem}
  .gantt__who .who{font-size:.6875rem}
  .gantt__blk{height:20px;padding:0 5px;font-size:.625rem}
}
.shot{position:relative;border-radius:var(--r-sm);overflow:hidden;background-color:#FFFFFF;box-shadow:var(--edge-light),0 2px 6px rgba(8,40,90,.18),0 22px 48px -14px rgba(8,40,90,.38)}
.shot img{display:block;width:100%;height:auto}
.shot-stack{position:relative}
@media (max-width:767px){.shot--vorn{position:static!important;width:100%!important;margin-top:var(--sp-4)}}
.snip{border-radius:var(--r-sm);border:1px solid var(--n-200);background-color:var(--n-50);padding:var(--sp-4);display:grid;gap:7px;font:500 .6875rem/1.25 var(--font-sans);color:var(--n-600);overflow:hidden}
.snip__row{display:flex;align-items:center;gap:6px}
.snip__name{flex:none;width:62px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snip__track{flex:1;display:flex;gap:3px}
.snip__track > i{flex:1;height:12px;border-radius:3px;background:var(--n-200)}
.snip__box{flex:none;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--n-300);background:#FFFFFF}
.snip__box--an{border-color:var(--azure-500);background:var(--azure-500)}
.snip__file{display:flex;align-items:center;gap:7px;padding-block:3px}
.snip__ext{flex:none;width:26px;height:18px;border-radius:3px;display:grid;place-items:center;font-size:.5625rem;font-weight:600;background:#FFFFFF;border:1px solid var(--n-200);color:var(--n-600)}
.snip__erledigt{color:var(--n-400);text-decoration:line-through}
.snip__offen{color:var(--ink)}
.snip__notiz{background:#FFFFFF;border:1px solid var(--n-200);border-radius:var(--r-xs);padding:7px 8px}
.snip__notiz-titel{display:block;color:var(--ink)}
.snip__notiz-zeile{display:block;margin-top:3px}
.snip__gelesen{color:var(--mod-abwesenheit-text)}
.dp{display:grid;grid-template-columns:92px repeat(3,minmax(0,1fr));gap:4px;align-items:center}
.dp__tag{text-align:center;color:var(--n-600);font-weight:600;font-size:.5625rem}
.dp__wer{display:flex;align-items:center;gap:5px;overflow:hidden}
.dp__wer .av{width:18px;height:18px;font-size:.5rem;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);color:#FFFFFF;font-weight:600}
.dp__wer b{font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp__pill{border-radius:6px;border:1px solid;border-top-width:2.5px;padding:3px 6px;font-size:.5625rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden}
.dp__pill span{display:block;font-weight:400}
.dp__pill--spaet{color:var(--warning);background:var(--warning-tint);border-color:var(--warning)}
.dp__pill--frueh{color:var(--mod-personal-text);background:var(--mod-personal-tint);border-color:var(--mod-personal-mark)}
.dp__leer{border:1px solid var(--n-200);border-radius:6px;padding:3px 6px;text-align:center;color:var(--n-400);font-size:.6875rem;line-height:1.9}
.dp__neu{animation:tmdDpNeu 7s var(--ease-standard) infinite}
@media (max-width:767px){
  .dp{grid-template-columns:58px repeat(3,minmax(0,1fr));gap:3px}
  .dp__wer{gap:4px}
  .dp__wer .av{width:15px;height:15px;font-size:.4375rem}
  .dp__wer b{font-size:.5625rem}
  .dp__tag{font-size:.5rem}
  .dp__pill{padding:3px 4px;font-size:.5rem;white-space:normal;overflow:visible;line-height:1.2}
  .dp__leer{padding:3px 4px;font-size:.5625rem;line-height:1.4}
}
@keyframes tmdDpNeu{0%,12%{opacity:0;transform:scale(.85)}20%,78%{opacity:1;transform:none}88%,100%{opacity:0;transform:scale(.85)}}
.ba__zeile{display:flex;align-items:center;gap:6px;padding-block:4px}
.ba__zeile b{font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ba__zeile time{margin-left:auto;color:var(--n-600);font-variant-numeric:tabular-nums;flex:none}
.ba__tag{flex:none;display:inline-flex;align-items:center;gap:3px;border-radius:var(--r-pill);padding:1px 7px;font-size:.5625rem;font-weight:500;border:1px solid}
.ba__neu{animation:tmdDpNeu 8s var(--ease-standard) 1.2s infinite}
.ab__zeile{display:flex;align-items:center;gap:7px;padding-block:4px;border-top:1px solid var(--rule-hairline)}
.ab__zeile:first-child{border-top:0}
.ab__zeile b{font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab__zeile em{margin-left:auto;font-style:normal;color:var(--n-500);flex:none}
.ab__neu{animation:tmdAbNeu 8s var(--ease-out-soft) infinite}
@keyframes tmdAbNeu{0%,8%{opacity:0;transform:translateY(-8px)}16%,82%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-8px)}}
.frm__head{margin-bottom:var(--sp-5)}
.frm__head b{display:block;font-size:.9375rem;color:var(--ink);font-weight:600}
.frm__head span{font-size:.8125rem;color:var(--n-600)}
.frm__grid{display:grid;gap:var(--sp-4)}
.frm__foot{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
.frm__knopf{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:var(--r-btn);background:var(--azure-500);color:#FFFFFF;font:500 .875rem/1 var(--font-sans);box-shadow:0 1px 2px rgba(0,133,254,.35),0 8px 20px -6px rgba(0,133,254,.40)}
.rest{font-size:.8125rem;color:var(--n-600)}
.rest b{color:var(--ink);font-weight:600}
.label{display:block;margin-bottom:var(--sp-2);font:500 var(--fs-label)/1.2 var(--font-sans);color:var(--n-700)}
.input{display:flex;align-items:center;height:48px;width:100%;padding:0 14px;border:var(--border);border-radius:var(--r-sm);font:400 1rem/1.5 var(--font-sans);color:var(--ink);background:#FFFFFF}
.file{display:flex;align-items:center;gap:var(--sp-3)}
.file__typ{width:26px;height:26px;border-radius:var(--r-xs);background:var(--azure-50);border:1px solid var(--azure-200);display:grid;place-items:center;font-size:.5625rem;font-weight:600;color:var(--azure-800)}
.file__text{flex:1;font-size:.8125rem;color:var(--n-600)}
.file__text b{color:var(--ink)}
.fzeiger{position:absolute;left:118px;bottom:30px;z-index:2;filter:drop-shadow(0 2px 4px rgba(15,0,41,.35))}
@media (max-width:1023px){.pstreifen{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.stufe__inhalt::before,.stufe__nr{transition:none}.dp__neu,.ba__neu,.ab__neu,.tmd-root .logos__track{animation:none;opacity:1}.tmd-root .sch-kachel,.tmd-root .sch-kachel:hover,.kachel,.kachel:hover{transform:none}.split-panel{transition-duration:120ms!important;transform:none!important;filter:none!important}.split-panel .shot,.split-panel .shot--vorn,.split-panel .fx,.split-panel .fzeiger,.split-panel .fklick{animation:none!important;opacity:1}}/* End custom CSS *//* Attrappen aus dem Entwurf — nur Klassen, die die Startseite nicht kennt */
.tmd-root .card{background: #FFFFFF; border: var(--border); border-radius: var(--r-md);
  padding: var(--sp-8);
  transition: border-color var(--dur-base) var(--ease-standard),
              box-shadow var(--dur-base) var(--ease-standard),
              transform var(--dur-base) var(--ease-standard);}
.tmd-root a.card:hover{border-color: var(--n-300); box-shadow: var(--shadow-lift); transform: translateY(-2px);}
.tmd-root .surface-ink .card{background: var(--n-900); border-color: rgba(255,255,255,.10);}
.tmd-root .chip{display: inline-flex; align-items: center; gap: var(--sp-2);
  height: 32px; padding: 0 14px;
  border-radius: var(--r-xs);
  background: var(--azure-50); border: 1px solid var(--azure-200);
  font: 500 var(--fs-label)/1.2 var(--font-sans); color: var(--azure-800);}
.tmd-root .surface-ink .chip{background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.16); color: var(--n-300);}
.tmd-root .card{box-shadow: var(--edge-light);}
.tmd-root .surface-ink .card{box-shadow: var(--edge-ink);}
.tmd-root a.card:hover{box-shadow: var(--edge-light), var(--shadow-lift);}
.tmd-root .float{background: #FFFFFF;
  border-radius: var(--r-md);
  box-shadow: var(--edge-light), var(--shadow-float);
  padding: var(--sp-4) var(--sp-5);}
.tmd-root .app-stack{display: grid; gap: var(--sp-4); width: 100%; max-width: 320px;}
.tmd-root .app-row{display: flex; align-items: center; gap: var(--sp-3);}
.tmd-root .app-row b{font-weight: 500; color: var(--ink);}
.tmd-root .app-wechsel{display: grid; margin-top: var(--sp-4);}
.tmd-root .app-wechsel > *{grid-area: 1 / 1;}
.tmd-root .app-wechsel > .app-akt{animation: appAus 8s var(--ease-standard) infinite;}
.tmd-root .app-wechsel > .app-ok{animation: appAn 8s var(--ease-standard) infinite;}
.tmd-root .app-akt{display: flex; gap: var(--sp-2);}
.tmd-root .app-akt > span{flex: 1; text-align: center; border-radius: var(--r-btn); padding: 8px 0;
    font-size: 0.8125rem; font-weight: 500;}
.tmd-root .app-ok{display: flex; align-items: center; justify-content: center; gap: 6px;
    border-radius: var(--r-btn); padding: 8px 0; font-size: 0.8125rem; font-weight: 500;
    color: var(--success); background: var(--success-tint); border: 1px solid var(--success);}
@media (prefers-reduced-motion: reduce){.tmd-root .app-wechsel > .app-akt,.tmd-root .app-wechsel > .app-ok{animation: none;}.tmd-root .app-wechsel > .app-ok{opacity: 0;}}
.tmd-root .ico{flex: none; width: 20px; height: 20px; stroke-width: 1.6; fill: none;
    stroke-linecap: round; stroke-linejoin: round;}
.tmd-root .rg{width: 100%; max-width: 430px; border-radius: var(--r-sm); background-color: #FFFFFF; padding: var(--sp-5);
    box-shadow: var(--edge-light), 0 2px 6px rgba(8, 40, 90, .16), 0 20px 44px -14px rgba(8, 40, 90, .34);}
.tmd-root .rg__kopf{display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-4);
    padding-bottom: var(--sp-4); border-bottom: var(--border);}
.tmd-root .rg__kopf b{font-size: 0.875rem; font-weight: 600; color: var(--ink); letter-spacing: -0.014em;}
.tmd-root .rg__kopf span{font-size: 0.6875rem; color: var(--n-600);}
.tmd-root .rg__feld{display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
    padding-block: 10px; border-top: 1px solid var(--rule-hairline); font-size: 0.75rem;}
.tmd-root .rg__feld > span{color: var(--n-600);}
.tmd-root .rg__wert{font-weight: 500; color: var(--ink); animation: rgFeld 9s var(--ease-out-soft) infinite;}
.tmd-root .rg__feld:nth-of-type(2) .rg__wert{animation-delay: .45s;}
.tmd-root .rg__feld:nth-of-type(3) .rg__wert{animation-delay: .9s;}
.tmd-root .rg__typ{display: flex; align-items: center; gap: 8px; padding-block: 7px; font-size: 0.6875rem; color: var(--n-600);}
.tmd-root .rg__punkt{width: 8px; height: 8px; border-radius: var(--r-pill); flex: none;}
.tmd-root .mkarte{display: flex; flex-direction: column; border-radius: var(--r-md); border: var(--border);
    background-color: #FFFFFF; overflow: hidden;
    box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05);
    transition: transform var(--dur-base) var(--ease-out-soft), box-shadow var(--dur-base) var(--ease-standard);}
.tmd-root .mkarte:hover{transform: translateY(-3px);
    box-shadow: var(--edge-light), 0 10px 28px -10px rgba(15, 0, 41, .18);}
.tmd-root .mkarte__buehne{padding: var(--sp-6) var(--sp-6) 0;
    background-image: linear-gradient(180deg, var(--azure-50), #FFFFFF);}
.tmd-root .mkarte__ui{padding: var(--sp-4); border: 1px solid var(--azure-200); border-bottom: 0;
    border-radius: var(--r-sm) var(--r-sm) 0 0; background-color: #FFFFFF;}
.tmd-root .mkarte__text{padding: var(--sp-6); border-top: var(--border);}
.tmd-root .mz{display: flex; align-items: center; gap: 8px; padding-block: 6px; font-size: 0.6875rem; color: var(--n-600);
    border-top: 1px solid var(--rule-hairline);}
.tmd-root .mz:first-child{border-top: 0;}
.tmd-root .mz b{font-weight: 500; color: var(--ink);}
.tmd-root .mz em{margin-left: auto; font-style: normal; color: var(--n-600); flex: none;}
.tmd-root .mz__bar{height: 4px; border-radius: var(--r-pill); background: var(--azure-200); flex: 1; max-width: 74px;}
.tmd-root .mz__bar > i{display: block; height: 100%; border-radius: var(--r-pill); background: var(--azure-500);}
@media (prefers-reduced-motion: reduce){.tmd-root .rg__wert{animation: none;}}
.tmd-root .card{box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05);}
.tmd-root .media-panel--feld .float,.tmd-root .media-panel--feld > .card{background-color: #FFFFFF;
    box-shadow: var(--edge-light), 0 2px 6px rgba(8, 40, 90, .18), 0 22px 48px -14px rgba(8, 40, 90, .38);}
.tmd-root .hero-float{position: absolute; top: var(--sp-14); right: calc(-1 * var(--sp-8)); z-index: 2; width: 268px;}
@media (max-width: 1279px){.tmd-root .hero-float{display: none;}}
.tmd-root .pruefliste{list-style: none; margin: var(--sp-5) 0 0; padding: 0;}
.tmd-root .pruefliste li{display: flex; align-items: center; gap: var(--sp-4);
  padding: var(--sp-4) 0; border-top: 1px solid var(--rule-hairline);
  font: 500 1rem/1.4 var(--font-sans); letter-spacing: -0.008em; color: var(--ink);}
.tmd-root .pruefliste li:first-child{border-top: 0;}
.tmd-root .pruefliste li:last-child{padding-bottom: 0;}
.tmd-root .pruefliste svg{flex: none; box-sizing: border-box; width: 24px; height: 24px; padding: 4px;
  border-radius: var(--r-pill); background: var(--tint, var(--mod-zeiterfassung-tint));
  stroke: var(--accent-text, var(--mod-zeiterfassung-text)); stroke-width: 2.4; fill: none;
  stroke-linecap: round; stroke-linejoin: round;}
.tmd-root .sfz__buehne{aspect-ratio: 16 / 9; overflow: hidden;
  border: var(--border); border-radius: var(--r-lg); background-color: #FFFFFF;
  box-shadow: var(--edge-light), 0 18px 40px -22px rgba(8, 40, 90, .28);}
.tmd-root .sfz__buehne img{display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: left top;}
@media (max-width: 767px){.tmd-root .sfz__buehne{aspect-ratio: 4 / 3;}}
.tmd-root .hero-buehne{position: relative;}
.tmd-root .hero-buehne > .hero-float{z-index: 3;}
.tmd-root .hero-buehne{margin-top: var(--sp-18);}
.tmd-root .hero-buehne .hero-float .chip{border-radius: var(--r-pill);
  background-color: rgba(0, 133, 254, .12);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgba(0, 133, 254, .28);
  color: var(--azure-800);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: blur(8px) saturate(150%);
          backdrop-filter: blur(8px) saturate(150%);}
/* ======================================================================
   Zeiterfassung — nur was die Startseite nicht hat.
   Basis ist das Startseiten-Blatt; hier stehen Modulfarbe, die Bauteile
   ohne Startseiten-Gegenstueck (Blasen-Reiter, Schaufenster, Rechtsrahmen)
   und fehlende Tokens der Attrappen.
   ====================================================================== */

/* --- Tokens und Modulfarbe ------------------------------------------- */
.tmd-root{--shadow-float:0 1px 2px rgba(15,0,41,.04),0 6px 16px -6px rgba(15,0,41,.12);
  --shadow-lift:0 2px 4px rgba(15,0,41,.05),0 16px 40px -16px rgba(15,0,41,.16);
  --edge-ink:inset 0 1px 0 rgba(255,255,255,.07);
  --success:#1B8641;--success-tint:#E4F9E7;
  --modul-mark:var(--azure-500);--modul-text:var(--azure-700);
  --modul-tint:var(--azure-50);--modul-onink:var(--azure-300);
  --accent:var(--azure-500);--accent-text:var(--azure-700);
  --tint:var(--azure-50)}
/* Modulseite: Abschnittsnummer und Reiter-Unterstrich in der Modulfarbe. */
.tmd-root .tmd-smark b{color:var(--modul-mark)}
.tmd-root.tmd-ink .tmd-smark b{color:var(--modul-onink)}
.tmd-root .tmd-reiter .e-n-tab-title,.tmd-root .tmd-reiter .e-n-tab-title .e-n-tab-title-text{
  color:var(--n-500)!important}
.tmd-root .tmd-reiter .e-n-tab-title[aria-selected="true"]{border-color:var(--modul-mark)!important}
.tmd-root .tmd-reiter .e-n-tab-title[aria-selected="true"],
.tmd-root .tmd-reiter .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{color:var(--modul-text)!important}

/* --- Hero: Aufnahme angeschnitten wie im Entwurf ----------------------- */
.tmd-root .tmd-zeit-buehne{position:relative}
.tmd-root .tmd-zeit-buehne .tmd-schirm img{max-height:clamp(380px,46vw,640px);
  object-fit:cover;object-position:left top}
.tmd-root .tmd-zeit-buehne .hero-float{position:static;width:auto}

/* --- Logoband auf Ink: Marken hell ------------------------------------- */
.tmd-root.tmd-ink .logoband{margin-top:0}
.tmd-root.tmd-ink .logoband__titel{color:var(--n-300)}
.tmd-root.tmd-ink .logoband img{filter:grayscale(1) brightness(0) invert(1);opacity:.78}

/* --- Blasen-Reiter (Erfassungswege) -------------------------------------
   Der aktive Reiter ist eine weisse Karte in einer hellen Schiene, das Icon
   sitzt als runde Blase links neben Name und Unterzeile. */
.tmd-root .tmd-btabs .e-n-tabs-heading{display:inline-grid;grid-auto-flow:column;
  gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-lg);
  background-color:var(--n-50);border:var(--border);width:max-content;max-width:100%}
.tmd-root .tmd-btabs .e-n-tab-title{padding:var(--sp-3) var(--sp-6) var(--sp-3) var(--sp-3)!important;
  border:0!important;border-radius:var(--r-md)!important;background:transparent!important;
  color:var(--n-600);box-shadow:none;outline-offset:2px}
.tmd-root .tmd-btabs .e-n-tab-title[aria-selected="true"]{background:#FFFFFF!important;
  color:var(--ink);box-shadow:var(--edge-light),0 1px 2px rgba(15,0,41,.06),
  0 8px 20px -10px rgba(15,0,41,.16)}
.tmd-root .tmd-btabs .e-n-tab-title-text{display:grid;grid-template-columns:44px minmax(0,1fr);
  gap:var(--sp-4);align-items:center;text-align:left;font-size:1rem;font-weight:500;
  line-height:1.2;letter-spacing:-.008em}
.tmd-root .btab__b{width:44px;height:44px;border-radius:var(--r-pill);display:grid;
  place-items:center;background-color:var(--n-100)}
.tmd-root .btab__b svg{width:22px;height:22px;fill:none;stroke:var(--n-600);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.tmd-root .e-n-tab-title[aria-selected="true"] .btab__b{background-color:var(--modul-mark)}
.tmd-root .e-n-tab-title[aria-selected="true"] .btab__b svg{stroke:#FFFFFF}
.tmd-root .btab__n small{display:block;margin-top:3px;font-size:var(--fs-caption);
  font-weight:400;letter-spacing:0;color:var(--n-600)}
.tmd-root .tmd-btabs .e-n-tabs-content{margin-top:var(--sp-14)}
@media (max-width:767px){
  .tmd-root .tmd-btabs .e-n-tabs-heading{display:grid;grid-auto-flow:row;width:100%}
}

/* --- Schaufenster: Reiter als Saeule links, Buehne 16:9 rechts --------- */
.tmd-root .tmd-sfz .e-n-tabs{display:grid!important;
  grid-template-columns:minmax(0,21rem) minmax(0,1fr);gap:var(--sp-8) var(--sp-14);
  align-items:start}
.tmd-root .tmd-sfz .e-n-tabs-heading{display:grid;grid-auto-flow:row;gap:var(--sp-2);
  padding:var(--sp-2);border-radius:var(--r-lg);background-color:var(--n-50);
  border:var(--border)}
.tmd-root .tmd-sfz .e-n-tab-title{padding:var(--sp-3) var(--sp-5) var(--sp-3) var(--sp-3)!important;
  border:0!important;border-radius:var(--r-md)!important;background:transparent!important;
  color:var(--n-600);justify-content:flex-start}
.tmd-root .tmd-sfz .e-n-tab-title[aria-selected="true"]{background:#FFFFFF!important;
  color:var(--ink);box-shadow:var(--edge-light),0 1px 2px rgba(15,0,41,.06),
  0 8px 20px -10px rgba(15,0,41,.16)}
.tmd-root .tmd-sfz .e-n-tab-title-text{display:grid;grid-template-columns:44px minmax(0,1fr);
  gap:var(--sp-4);align-items:center;text-align:left;font-size:1rem;font-weight:500;
  line-height:1.2}
.tmd-root .tmd-sfz .btab__n small{line-height:1.45}
.tmd-root .sfz__buehne{aspect-ratio:16/9;overflow:hidden;border:var(--border);
  border-radius:var(--r-lg);background-color:#FFFFFF;
  box-shadow:var(--edge-light),0 18px 40px -22px rgba(8,40,90,.28)}
.tmd-root .sfz__buehne img{display:block;width:100%;height:100%;object-fit:cover;
  object-position:left top}
@media (max-width:1023px){.tmd-root .tmd-sfz .e-n-tabs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.tmd-root .sfz__buehne{aspect-ratio:4/3}}

/* --- Rechtlicher Rahmen: Kachel mit Schein ----------------------------- */
.tmd-root .tmd-rahmen{background-color:#FFFFFF;
  background-image:radial-gradient(820px 380px at 2% -16%,rgba(0,133,254,.16) 0%,rgba(0,133,254,0) 64%),
    radial-gradient(620px 320px at 100% 114%,rgba(0,133,254,.10) 0%,rgba(0,133,254,0) 62%);
  box-shadow:var(--edge-light),0 1px 2px rgba(8,40,90,.05),0 40px 84px -38px rgba(0,66,140,.46)}
@media (max-width:1023px){
  .tmd-root .tmd-rahmen-meta{border-left:0!important;padding-left:0!important;
    border-top:1px solid var(--n-200)!important;padding-top:var(--sp-8)!important}
}

/* --- Pruefliste: Icon als runde Tint-Blase, Haarlinie zwischen Zeilen --- */
.tmd-root .tmd-pruef .elementor-icon-list-icon{width:24px;height:24px;border-radius:var(--r-pill);
  background:var(--modul-tint);display:grid;place-items:center;flex:none}
.tmd-root .tmd-pruef .elementor-icon-list-item{padding-block:var(--sp-4)}

/* --- Karte mit Akzentlinie oben (Sicherheit) --------------------------- */
.tmd-root .tmd-akzent{position:relative;overflow:hidden}
.tmd-root .tmd-akzent::after{content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:var(--modul-mark);pointer-events:none}

/* --- Modulkarte (Weitere Bereiche): Buehne mit gezeichneter Vorschau ---- */
.tmd-root .tmd-mkarte{transition:transform var(--dur-base) var(--ease-out-soft),
  box-shadow var(--dur-base) var(--ease-standard)}
.tmd-root .tmd-mkarte:hover{transform:translateY(-3px);
  box-shadow:var(--edge-light),0 10px 28px -10px rgba(15,0,41,.18)}

/* --- Abgleich mit dem Entwurf (Messung 24.09.) --------------------------
   Werte aus tokens.css / page.css / bausteine.css des Entwurfs. */
.tmd-root{--modul-onink:#90C1FF}
/* Plakette: Nummer UND Bezeichnung im Modulton, auf Ink im hellen Modulton. */
.tmd-root .tmd-smark .elementor-heading-title{color:var(--modul-text)}
.tmd-root.tmd-ink .tmd-smark .elementor-heading-title,
.tmd-root.tmd-ink .tmd-smark b{color:var(--modul-onink)}
/* H3: im Entwurf ohne 20ch-Deckel (nur der Rechtsrahmen hat 24ch). */
.tmd-root .tmd-h3 .elementor-heading-title{max-width:none}
.tmd-root .tmd-h3--24 .elementor-heading-title{max-width:24ch}
/* Reiter-Paneele buendig mit der Ueberschrift, Blasen-Reiter 56px Abstand. */
.tmd-root .tmd-reiter .e-n-tabs-content > .e-con,
.tmd-root .tmd-btabs .e-n-tabs-content > .e-con{padding-inline:0!important}
.tmd-root .tmd-btabs .e-n-tabs,.tmd-root .tmd-reiter .e-n-tabs{gap:0!important}
.tmd-root .tmd-btabs .e-n-tabs-content > .e-con,
.tmd-root .tmd-reiter .e-n-tabs-content > .e-con{padding-block-start:0!important}
.tmd-root .tmd-btabs .tmd-paar{padding-top:0!important}
/* Hero-Schwebekarte: Status-Chip als Pille */
.tmd-root .hero-float .chip{border-radius:var(--r-pill)}
/* Rechtsrahmen: Haarkante und Folgen als Spalten mit Trennlinie (rule-cols) */
.tmd-root .tmd-rahmen{border:1px solid rgba(15,0,41,.06)!important}
.tmd-root .tmd-regel{gap:0!important}
.tmd-root .tmd-regel > .e-con{padding:0 var(--sp-6)!important;border-inline-start:1px solid var(--rule-hairline)}
.tmd-root .tmd-regel > .e-con:first-child{padding-inline-start:0!important;border-inline-start:0}
@media (max-width:767px){
  .tmd-root .tmd-regel > .e-con{padding:var(--sp-5) 0!important;border-inline-start:0;
    border-block-start:1px solid var(--rule-hairline)}
  .tmd-root .tmd-regel > .e-con:first-child{border-block-start:0;padding-block-start:0!important}
}
/* Karten: Kante wie .card im Entwurf */
.tmd-root .tmd-akzent{box-shadow:var(--edge-light)}
/* Pruefliste: Zeilen 16px, Haarlinie, 500er Schnitt in Ink */
.tmd-root .tmd-pruef .elementor-icon-list-item{padding-block:var(--sp-4)!important;margin:0!important}
.tmd-root .tmd-pruef .elementor-icon-list-item:last-child{padding-bottom:0!important}
.tmd-root .tmd-pruef .elementor-icon-list-text{font-weight:500!important;line-height:1.4!important;
  letter-spacing:-.008em;color:var(--ink)!important}
/* Modulkarten: Schatten und Buehnenverlauf */
.tmd-root .tmd-mkarte{box-shadow:var(--edge-light),0 1px 2px rgba(15,0,41,.05)}
.tmd-root .mkarte__buehne{padding:var(--sp-6) var(--sp-6) 0;
  background-image:linear-gradient(180deg,var(--azure-50),#FFFFFF)}
/* Einfuehrung: Foto als Panel 320px, angeschnitten */
.tmd-root .tmd-foto img{display:block;width:100%;height:320px;object-fit:cover;border-radius:var(--r-lg);
  box-shadow:var(--edge-light),0 18px 40px -22px rgba(8,40,90,.28)}
@media (max-width:767px){.tmd-root .tmd-foto img{height:240px}}
/* Anwendungsfaelle: Modulton statt Azur */
.tmd-root .fall__branche .elementor-heading-title{color:var(--modul-text)!important}
.tmd-root .fall__paar--jetzt{background-color:var(--modul-tint)!important}
.tmd-root .fall__paar--jetzt .fall__label .elementor-icon-list-text,
.tmd-root .fall__paar--jetzt .fall__label .elementor-icon-list-icon i{color:var(--modul-text)!important}
.tmd-root .fall__paar--jetzt .fall__label .elementor-icon-list-icon svg{fill:var(--modul-text)!important}
/* Abschluss: Eingabefeld ohne eigene Kante in der Pille */
.tmd-root input.einstieg__feld,.tmd-root input.einstieg__feld:focus{border:0!important;border-radius:0!important;
  box-shadow:none!important;background:none!important}
/* Preise: Karte 23rem wie im Entwurf (Zeile "je Nutzer und Monat" bricht um) */
.tmd-root .pband{grid-template-columns:minmax(0,1fr) minmax(0,23rem)}
@media (max-width:899px){.tmd-root .pband{grid-template-columns:1fr}}
/* Abschluss: Lead in n-400 */
.tmd-root .abschluss__lead,.tmd-root .abschluss__lead p{color:var(--n-400)!important}
/* Einfuehrung: aktive Stufe im Modulton */
.tmd-root .stufe[data-active="true"] .stufe__nr{color:var(--modul-mark)!important}
.tmd-root .stufe__inhalt::before{background:var(--modul-mark)}
/* --- Reiter-Icons (Masken aus den Entwurfs-SVGs) --------------------- */
.tmd-root .btab__b::before{content:"";display:block;width:22px;height:22px;
  background-color:var(--n-600);-webkit-mask:var(--ico) center/22px 22px no-repeat;
  mask:var(--ico) center/22px 22px no-repeat;transition:background-color var(--dur-base) var(--ease-standard)}
.tmd-root .e-n-tab-title[aria-selected="true"] .btab__b::before{background-color:#FFFFFF}
.tmd-root .tmd-btabs .e-n-tab-title:nth-of-type(1) .btab__b{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='1.8'%3E%3C/rect%3E%3Cpath d='M3.5 9h17M6.5 6.8h.01M9 6.8h.01'%3E%3C/path%3E%3C/svg%3E")}
.tmd-root .tmd-btabs .e-n-tab-title:nth-of-type(2) .btab__b{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.2'%3E%3C/rect%3E%3Cpath d='M10.8 5.4h2.4M12 18.6h.01'%3E%3C/path%3E%3C/svg%3E")}
/* Avatare in den Attrappen: rund, Initialen weiss */
.tmd-root .av{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--r-pill);
  color:#FFFFFF;font-size:.6875rem;font-weight:600;letter-spacing:.02em;line-height:1}
/* Hero-Buehne ragt mobil weiter in 01: Logoband mit Luft darunter */
@media (max-width:1024px){.tmd-root.tmd-ink .logoband{margin-top:3rem}}
@media (max-width:767px){.tmd-root.tmd-ink .logoband{margin-top:4rem}}
/* --- Deko-Glas aus dem Entwurf: langsam drehend, erst ab 1024px -------- */
.tmd-root > .tmd-deko-w,.tmd-root > .e-con-inner > .tmd-deko-w{position:absolute!important;inset:0!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;z-index:0;pointer-events:none}
.tmd-root .tmd-deko-w > .elementor-widget-container{height:100%}
.tmd-root .tmd-deko{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tmd-root .tmd-deko__glas{position:absolute;filter:grayscale(1) contrast(.9);opacity:.22}
.tmd-root.tmd-ink .tmd-deko__glas{opacity:.30;mix-blend-mode:screen}
.tmd-root .tmd-deko__glas img{display:block;width:100%;height:100%;object-fit:contain;
  animation:tmdGlasDreh 64s linear infinite}
.tmd-root .tmd-deko__glas--rueck img{animation-direction:reverse}
@keyframes tmdGlasDreh{to{transform:rotate(360deg)}}
@media (max-width:1023px){.tmd-root .tmd-deko-w{display:none!important}}
@media (prefers-reduced-motion:reduce){.tmd-root .tmd-deko__glas img{animation:none}}
/* In begrenzten Abschnitten (Hero, 01) die Deko ueber die volle Breite ziehen */
.tmd-root > .e-con-inner > .tmd-deko-w{left:calc(50% - 50vw)!important;right:calc(50% - 50vw)!important}
/* Personalakte: Attrappen-Klassen aus dem Entwurf */
.tmd-root .rule-cols{display: grid; gap: 0;}
.tmd-root .rule-cols > *{padding-inline: var(--sp-6); border-inline-start: 1px solid var(--rule-hairline);}
.tmd-root .rule-cols > *:first-child{padding-inline-start: 0; border-inline-start: 0;}
.tmd-root .surface-ink .rule-cols > *{border-inline-start-color: var(--rule-hairline-ink);}
@media (max-width: 767px){.tmd-root .rule-cols{grid-template-columns: 1fr;}.tmd-root .rule-cols > *{padding-inline: 0; padding-block: var(--sp-5); border-inline-start: 0; border-block-start: 1px solid var(--rule-hairline);}.tmd-root .rule-cols > *:first-child{border-block-start: 0; padding-block-start: 0;}.tmd-root .surface-ink .rule-cols > *{border-block-start-color: var(--rule-hairline-ink);}}
.tmd-root .surface-ink .rule-cols > * + *{border-left-color: rgba(255, 255, 255, .14);}
.tmd-root .bento__buehne{margin-top: auto; padding-top: var(--sp-10);}
.tmd-root .bento .float{box-shadow: var(--edge-light), 0 2px 6px rgba(8, 40, 90, .10),
  0 18px 40px -16px rgba(8, 40, 90, .28);}
.tmd-root .bz{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sp-4);
  align-items: baseline; padding: var(--sp-3) 0; border-top: 1px solid var(--rule-hairline);}
.tmd-root .bz:first-child{border-top: 0; padding-top: 0;}
.tmd-root .bz__titel{font: 500 var(--fs-body-s)/1.35 var(--font-sans); color: var(--ink);}
.tmd-root .bz__wert{font: 400 var(--fs-caption)/1.35 var(--font-sans); color: var(--n-500); white-space: nowrap;}
.tmd-root .bz__wert--still{color: var(--n-400);}
.tmd-root .bverlauf{list-style: none; margin: 0; padding: 0;}
.tmd-root .bverlauf li{position: relative; padding: 0 0 var(--sp-6) var(--sp-8);}
.tmd-root .bverlauf li:last-child{padding-bottom: 0;}
.tmd-root .bverlauf li::before{content: ""; position: absolute; left: 3px; top: 5px;
  width: 9px; height: 9px; border-radius: var(--r-pill);
  background-color: var(--mark, var(--azure-500));}
.tmd-root .bverlauf li:not(:last-child)::after{content: ""; position: absolute; left: 7px; top: 16px;
  bottom: 2px; width: 1px; background-color: var(--n-200);}
.tmd-root .bverlauf li:not(:first-child)::before{background-color: var(--n-300);}
.tmd-root .balt{color: var(--n-500); text-decoration: line-through;}
.tmd-root .bneu{color: var(--ink); font-weight: 600;}
@media (max-width: 1023px){.tmd-root .bento__buehne{padding-top: var(--sp-8);}}

/* --- 03 Warum digital: Bento aus vier Karten (native Container/Widgets) --- */
.tmd-root .tmd-bento{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-6)!important;
  margin-top:var(--sp-14)}
.tmd-root .tmd-bento > .tmd-bento__karte{grid-column:span 6;width:auto!important;max-width:none!important;
  display:flex;flex-direction:column;gap:0!important;padding:var(--sp-10)!important;border-radius:var(--r-lg);
  background-color:var(--modul-tint);box-shadow:var(--edge-light);--mark:var(--modul-mark);--tint:var(--modul-tint)}
.tmd-root .tmd-bento > .tmd-bento__karte--breit{grid-column:span 7}
.tmd-root .tmd-bento > .tmd-bento__karte--schmal{grid-column:span 5}
.tmd-root .tmd-bento__label .elementor-heading-title{margin:0;font:600 var(--fs-caption)/1.2 var(--font-sans)!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--modul-mark)!important}
.tmd-root .tmd-bento__satz,.tmd-root .tmd-bento__satz p{margin:0;max-width:34ch;
  font:500 clamp(1.0625rem,.9vw + .8rem,1.25rem)/1.45 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.tmd-root .tmd-bento__satz{margin-top:var(--sp-5)!important}
.tmd-root .tmd-bento__karte > .tmd-bento__buehne-w{margin-top:auto!important;width:100%}
.tmd-root .tmd-bento .float{box-shadow:var(--edge-light),0 2px 6px rgba(8,40,90,.10),0 18px 40px -16px rgba(8,40,90,.28)}
@media (max-width:1023px){.tmd-root .tmd-bento > .tmd-bento__karte,.tmd-root .tmd-bento > .tmd-bento__karte--breit,
  .tmd-root .tmd-bento > .tmd-bento__karte--schmal{grid-column:span 12}}
/* --- Zusatzabschnitte 10/2026 ------------------------------------------- */
.tmd-root .e-con .tmd-chip .elementor-heading-title{display:inline-flex;align-items:center;height:auto;min-height:26px;
  padding:3px 10px;border-radius:9999px;background-color:var(--modul-tint);color:var(--modul-text)!important;
  box-shadow:none;font-size:12px!important;font-weight:500!important;line-height:1.3!important}
.tmd-root .tmd-kette > .e-con{position:relative;padding:24px!important}
.tmd-root .tmd-kette .elementor-heading-title{hyphens:auto;-webkit-hyphens:auto}
@media (min-width:1024px){.tmd-root .tmd-kette > .e-con:not(:last-child)::after{content:"";position:absolute;
  top:50%;right:-17px;width:10px;height:10px;border-top:2px solid var(--modul-mark);
  border-right:2px solid var(--modul-mark);transform:translateY(-50%) rotate(45deg);z-index:2}}
.tmd-root .tmd-wohin-haupt::before,.tmd-root .tmd-wohin-haupt::after{display:none!important}
.tmd-root .tmd-wohin-zeile .elementor-widget-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;
  place-items:center;background-color:var(--modul-tint)}
.tmd-root .tmd-wohin-zeile .elementor-widget-icon > .elementor-widget-container,
.tmd-root .tmd-wohin-haupt .elementor-widget-icon > .elementor-widget-container{display:flex;align-items:center;
  justify-content:center;width:100%;height:100%}
.tmd-root .tmd-wohin-zeile .elementor-icon-wrapper,.tmd-root .tmd-wohin-haupt .elementor-icon-wrapper{line-height:0}
/* Hauptkachel wie „Rechtlicher Rahmen“ auf der Zeiterfassung: weiß mit Schein */
.tmd-root .tmd-wohin-haupt{background-color:#FFFFFF!important;border:1px solid rgba(15,0,41,.06)!important;
  background-image:radial-gradient(820px 380px at 2% -16%,rgba(0,133,254,.16) 0%,rgba(0,133,254,0) 64%),
    radial-gradient(620px 320px at 100% 114%,rgba(0,133,254,.10) 0%,rgba(0,133,254,0) 62%);
  box-shadow:var(--edge-light),0 1px 2px rgba(8,40,90,.05),0 40px 84px -38px rgba(0,66,140,.46)}
.tmd-root .tmd-wohin-haupt .elementor-widget-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background-color:var(--modul-tint);box-shadow:var(--edge-light)}
.tmd-root .tmd-sichtbar .elementor-heading-title{font-size:13px!important}
.tmd-root .tmd-wohin-zeile .tmd-pfeil .elementor-button{white-space:nowrap}
.tmd-root .tmd-wohin-zeile > .e-con{flex:1 1 0%!important;min-width:0;width:auto!important;--width:auto}
@media (max-width:767px){.tmd-root .tmd-wohin-zeile{padding:20px!important;--gap:14px;gap:14px}
  .tmd-root .tmd-wohin-zeile .elementor-widget-icon{width:40px;height:40px}}
.tmd-root .tmd-tag{position:relative;padding:0 0 28px 28px!important;border-left:2px solid var(--n-200)}
.tmd-root .tmd-tag:last-child{border-left-color:transparent;padding-bottom:0!important}
.tmd-root .tmd-tag::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;
  border-radius:50%;background-color:var(--modul-mark);box-shadow:0 0 0 4px var(--modul-tint)}
.tmd-root .tmd-tag .tmd-zeit .elementor-heading-title{font-variant-numeric:tabular-nums;color:var(--modul-text)!important;
  font-weight:600!important}
.tmd-root .tmd-toast{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#FFFFFF;
  border:1px solid var(--n-200);box-shadow:0 12px 28px -16px rgba(8,40,90,.35);margin-top:8px}
.tmd-root .tmd-toast i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--warning-tint);color:var(--warning);font-style:normal;font-weight:700}
.tmd-root .tmd-toast b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.tmd-root .tmd-toast span{display:block;color:var(--n-600);font-size:12px}
.tmd-root .tmd-tafel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;
  border-radius:24px;background:var(--panel,#F2F5FB);border:1px solid var(--n-200)}
.tmd-root .tmd-tafel__spalte{display:grid;gap:8px;align-content:start}
.tmd-root .tmd-tafel__kopf{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:13px;font-weight:600;color:var(--ink)}
.tmd-root .tmd-tafel__kopf b{margin-left:auto;font-weight:600;color:var(--n-600)}
.tmd-root .tmd-punkt{width:8px;height:8px;border-radius:50%;flex:none}
.tmd-root .tmd-punkt--an{background:var(--success,#1B8641)}
.tmd-root .tmd-punkt--pause{background:var(--warning,#A26900)}
.tmd-root .tmd-punkt--weg{background:var(--n-400)}
.tmd-root .tmd-person{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#FFFFFF;
  border:1px solid var(--n-200);box-shadow:var(--edge-light)}
.tmd-root .tmd-person i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;
  font-size:11px;font-weight:600;color:var(--modul-text);background:var(--modul-tint)}
.tmd-root .tmd-person b{display:block;font-size:13px;font-weight:500;color:var(--ink);line-height:1.3}
.tmd-root .tmd-person span{display:block;font-size:12px;color:var(--n-600);line-height:1.3}
@media (max-width:767px){.tmd-root .tmd-tafel{grid-template-columns:minmax(0,1fr)}}

/* Mobil 10/2026: blaue Bildkacheln mit weniger Innenabstand, damit
   Bild und Karten auf dem Handy mehr Breite bekommen. Das Polster
   steht als style-Attribut im Markup, daher !important. */
@media (max-width:767px){.tmd-root .media-panel--feld{padding:20px!important}
  .tmd-root .media-panel--feld [style*="margin-inline-end: calc(-1"]{margin-inline-start:12px!important;margin-inline-end:-12px!important}}

/* ===== Preisseite (Relaunch 2026) ======================================
   Basis oben: Seiten-CSS der Modulseiten (7079) mit Azur statt Modulfarbe.
   Hier nur, was die Preisseite zusaetzlich braucht. */

/* --- Abschnittskopf: Text links, Zahlweise rechts ----------------------- */
.tmd-root .tmd-pkopf__text{flex:1 1 0;min-width:min(100%,24rem);max-width:46rem}
.tmd-root .tmd-zahlweise{flex:none;width:auto!important}
.tmd-root .tmd-zahlweise > .elementor-widget{width:auto}

/* --- Zahlweise-Schalter (HTML-Widget). Das Theme gibt jedem <button>
       Polster und Rahmen, daher die !important. ------------------------- */
.tmd-root .tmd-wahl{display:inline-flex;gap:4px;padding:4px;background:#FFFFFF;border:1px solid var(--n-200);
  border-radius:9999px;box-shadow:var(--edge-light)}
.tmd-root .tmd-wahl button{display:inline-flex!important;align-items:center;gap:8px;flex:none;margin:0!important;
  padding:9px 18px!important;min-height:0!important;border:0!important;border-radius:9999px!important;
  background:none!important;box-shadow:none!important;cursor:pointer;color:var(--n-600)!important;
  font:500 .9375rem/1.2 var(--font-sans)!important;letter-spacing:-.006em;text-transform:none!important;
  transition:background-color .2s ease,color .2s ease}
.tmd-root .tmd-wahl button:hover{color:var(--ink)!important}
.tmd-root .tmd-wahl button[aria-pressed="true"]{background:var(--ink)!important;color:#FFFFFF!important}
.tmd-root .tmd-wahl button:focus-visible{outline:2px solid var(--azure-500);outline-offset:2px}
.tmd-root .tmd-wahl__spar{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:9999px;
  background:var(--mod-zeiterfassung-tint);color:var(--mod-zeiterfassung-text);
  font:600 .6875rem/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase}
.tmd-root .tmd-wahl button[aria-pressed="true"] .tmd-wahl__spar{background:rgba(255,255,255,.16);color:#FFFFFF}

/* --- Preise: Zahl + "je Nutzer", Vergleichswert nur bei jaehrlich -------- */
.tmd-root .tmd-preis > .elementor-widget{width:auto;flex:0 0 auto}
.tmd-root .tmd-preis__zahl .elementor-heading-title,
.tmd-root .tmd-vgl__preis .elementor-heading-title,
.tmd-root .tmd-vgl__wert .elementor-heading-title,
.tmd-root .tmd-posten__zahl .elementor-heading-title{font-variant-numeric:proportional-nums}
.tmd-root .tmd-statt s{text-decoration-thickness:1px}
html[data-zahlweise="monat"] .tmd-statt{display:none!important}

/* --- App-Icons: hochgeladene Linien-SVGs, Elementor fuellt sonst die Flaechen */
.tmd-root .tmd-appi .elementor-icon-wrapper{line-height:0}
.tmd-root .tmd-appi .elementor-icon svg{fill:none!important;stroke:currentColor}
.tmd-root .tmd-appi--neu{position:relative}
.tmd-root .tmd-appi--neu::after{content:"+";position:absolute;top:-6px;right:-6px;width:17px;height:17px;
  border-radius:9999px;background:var(--azure-500);color:#FFFFFF;box-shadow:0 0 0 2px #FFFFFF;
  font:700 13px/17px var(--font-sans);text-align:center;pointer-events:none}

/* --- Komplettloesung ------------------------------------------------------ */
.tmd-root .tmd-alle .tmd-alle__checks{margin-top:20px}
.tmd-root .tmd-kachel{box-shadow:var(--edge-light),var(--shadow-float)}
.tmd-root .tmd-kachel .elementor-heading-title{hyphens:manual}

/* --- Paketkarten ---------------------------------------------------------- */
.tmd-root .tmd-tarif{box-shadow:var(--edge-light),0 14px 30px -18px rgba(8,40,90,.18)}
.tmd-root .tmd-tarif__titel p,.tmd-root .tmd-tarif__plus p{margin:0}
.tmd-root .tmd-tarif__plus b{color:var(--ink);font-weight:600}
.tmd-root .tmd-tarif__aktion .tmd-apps-knopf{align-self:center}
.tmd-root .tmd-apps-knopf .elementor-button{cursor:pointer}

/* --- Kostenlose Zeiterfassung, Inklusive-Leiste -------------------------- */
.tmd-root .tmd-gratis__titel > .elementor-widget{width:auto}
.tmd-root .tmd-gratis .elementor-widget-button{width:auto}
@media (max-width:767px){
  .tmd-root .tmd-gratis > .elementor-widget{justify-self:stretch;width:100%}
  .tmd-root .tmd-gratis .elementor-icon-wrapper{text-align:center}
  .tmd-root .tmd-gratis .elementor-button{width:100%}
}
.tmd-root .tmd-inkl .elementor-icon-box-wrapper{gap:12px}
.tmd-root .tmd-inkl .elementor-icon-box-icon{margin:2px 0 0!important}
.tmd-root .tmd-inkl .elementor-icon-box-title{margin:0}

/* --- Icon + Text nebeneinander: Textspalte darf schrumpfen ---------------- */
.tmd-root .tmd-vgl__apptext,.tmd-root .tmd-pd__apptext{flex:1 1 0;min-width:0;width:auto}

/* --- Vergleichstabelle (Raster statt <table>, Rollen per Attribut) ------- */
.tmd-root .tmd-vgl__zeile > .elementor-widget,
.tmd-root .tmd-vgl__zeile > .e-con:not(.tmd-vgl__kopfzelle):not(.tmd-vgl__ecke){padding:16px;align-self:stretch;
  display:flex;flex-direction:column;justify-content:center}
.tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf){border-bottom:1px solid var(--n-100)}
.tmd-root .tmd-vgl__zeile > .e-con.tmd-vgl__app{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start}
.tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf) > :nth-child(5){background:rgba(239,246,255,.55)}
.tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf):hover > *{background-color:var(--n-50)}
.tmd-root .tmd-vgl__kopf{position:sticky!important;top:92px;z-index:3;background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--n-200)}
.tmd-root .tmd-vgl__kopf > .tmd-vgl__hervor{background:linear-gradient(180deg,var(--azure-50),rgba(239,246,255,.55))}
.tmd-root .tmd-vgl__preiszeile > .elementor-widget{width:auto}
.tmd-root .tmd-vgl__ja .elementor-icon-wrapper{line-height:0}
.tmd-root .tmd-vgl__strich{display:inline-block;width:14px;height:2px;border-radius:2px;background:var(--n-300);vertical-align:middle}
.tmd-root .tmd-vgl__appname a,.tmd-root .tmd-pd__appname a{color:inherit;text-decoration:none}
.tmd-root .tmd-vgl__appname a:hover,.tmd-root .tmd-pd__appname a:hover{color:var(--azure-700);text-decoration:underline;text-underline-offset:3px}
.tmd-root .tmd-vgl__paket .elementor-heading-title,.tmd-root .tmd-vgl__appname .elementor-heading-title{hyphens:manual}

/* Handy: App-Name ueber volle Breite, darunter vier Haken-Spalten; der Paketkopf
   bleibt unter der schwebenden Kopfleiste (endet bei 88px) stehen. */
@media (max-width:767px){
  .tmd-root .tmd-vgl__zeile > .tmd-vgl__erste{grid-column:1/-1;padding:16px 4px 8px!important}
  .tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf) > :not(.tmd-vgl__erste){padding:4px 4px 16px!important}
  .tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf) > :nth-child(5),
  .tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf):hover > *{background:none}
  .tmd-root .tmd-vgl__kopf{top:96px;border:0;border-radius:14px;
    box-shadow:0 0 0 1px var(--n-200),0 10px 24px -16px rgba(8,40,90,.35)}
  .tmd-root .tmd-vgl__kopf > .tmd-vgl__ecke,.tmd-root .tmd-vgl__kopf .tmd-vgl__knopf,
  .tmd-root .tmd-vgl__kopf .tmd-vgl__fahne,.tmd-root .tmd-vgl__je{display:none!important}
  .tmd-root .tmd-vgl__kopf > .tmd-vgl__hervor{border-radius:0 14px 14px 0}
  .tmd-root .tmd-vgl__app .tmd-appi .elementor-icon{padding:5px!important}
}

/* Angemeldet (Adminleiste 32px, mobil 46px): Kopf rutscht mit */
.admin-bar .tmd-root .tmd-vgl__kopf{top:124px}
@media (max-width:767px){.admin-bar .tmd-root .tmd-vgl__kopf{top:142px}}

/* --- Hardware und Zusatzkosten --------------------------------------------- */
.tmd-root .tmd-posten{box-shadow:var(--edge-light),0 1px 2px rgba(15,0,41,.05)}
.tmd-root .tmd-posten__preis{margin-top:auto!important}
.tmd-root .tmd-posten__preis > .elementor-widget{width:auto}
.tmd-root .tmd-posten__text p{margin:0}

/* --- Individuelles Angebot: Kachel mit Schein --------------------------- */
.tmd-root .tmd-angebot{background-image:radial-gradient(60% 90% at 100% 0%,rgba(0,133,254,.10),transparent 70%),
  radial-gradient(50% 80% at 0% 100%,rgba(0,133,254,.07),transparent 70%);
  box-shadow:var(--edge-light),0 30px 60px -36px rgba(8,40,90,.35)}
.tmd-root .tmd-angebot .kdraht{max-width:none}
/* Bild und Name bleiben nebeneinander (Elementor bricht Reihen mobil sonst um) */
.tmd-root .tmd-angebot .kdraht__kopf{flex-wrap:nowrap!important}
.tmd-root .tmd-angebot .kdraht__kopf > .e-con{flex:1 1 0;min-width:0;width:auto}
.tmd-root .tmd-angebot .tmd-fliess p{margin:0}

/* --- Platzhalter: noch zu bestaetigende Aussagen ------------------------ */
.tmd-root .offen{padding:1px 6px;border-radius:4px;background:#FEF3C7;color:#92400E;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.tmd-root .offen::before{content:"Zu bestätigen: ";font-weight:600}

/* --- Popups "Alle Apps ansehen" ---------------------------------------- */
.elementor-popup-modal .tmd-pd{width:100%}
/* Rundung: der Rahmen schneidet Inhalt und Fusszeile ab */
#elementor-popup-modal-7611 .dialog-widget-content,#elementor-popup-modal-7613 .dialog-widget-content,#elementor-popup-modal-7615 .dialog-widget-content,#elementor-popup-modal-7617 .dialog-widget-content{overflow:hidden;border-radius:24px}
#elementor-popup-modal-7611 .dialog-message,#elementor-popup-modal-7613 .dialog-message,#elementor-popup-modal-7615 .dialog-message,#elementor-popup-modal-7617 .dialog-message{max-height:88vh}
.tmd-root.tmd-pd .tmd-pd__fuss{position:sticky;bottom:0;z-index:2}
.tmd-root.tmd-pd .tmd-pd__fuss > .elementor-widget{width:auto}
.tmd-root.tmd-pd .tmd-pd__unter > .elementor-widget{width:auto}
@media (max-width:767px){
  .tmd-root.tmd-pd .tmd-pd__fuss > .elementor-widget,.tmd-root.tmd-pd .tmd-pd__fuss .elementor-button{width:100%}
}

/* ===== Preisseite: Bewegung, Hardware-Zusammenstellung, Druck (10/2026) ===========
   Das Seitenskript (Widget tmd-skript) setzt nur Klassen und Variablen, abgespielt
   wird hier per CSS-Uebergang: transform und opacity laufen auf dem Compositor,
   unabhaengig vom Skript, das Scrollen bleibt fluessig. */

/* --- Zahlweise: Schieber gleitet hinter den aktiven Knopf ----------------- */
.tmd-root .tmd-wahl{position:relative;isolation:isolate}
.tmd-root .tmd-wahl__schieber{position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:0;border-radius:9999px;
  background:var(--ink);transition:transform .25s cubic-bezier(.215,.61,.355,1),width .25s cubic-bezier(.215,.61,.355,1)}
.tmd-root .tmd-wahl.hat-schieber button[aria-pressed="true"]{background:transparent!important}
.tmd-root .tmd-wahl.hat-schieber button{transition:color .15s ease!important}
@media (prefers-reduced-motion:no-preference){
  html[data-zahlweise="jahr"] .tmd-root .tmd-statt{animation:tmdStattRein .3s ease-out}
  @keyframes tmdStattRein{from{opacity:0;transform:translateY(-4px)}}
}

/* --- Pakete fliegen herein ------------------------------------------------- */
.flug-an .tmd-root [data-flug]:not(.ist-gelandet){opacity:0;transform:translateY(64px) scale(.98);transition:none}
.flug-an .tmd-root [data-flug].ist-gelandet{transition:opacity .9s cubic-bezier(.215,.61,.355,1) var(--verzug,0s),
  transform .9s cubic-bezier(.215,.61,.355,1) var(--verzug,0s)}
.flug-an .tmd-root [data-flug]:not(.ist-gelandet) :is(.tmd-kachel,.tmd-app-reihe .tmd-appi){opacity:0}
.flug-an .tmd-root [data-flug].ist-gelandet .tmd-kachel{animation:tmdKachelRein .5s cubic-bezier(.25,.46,.45,.94) both;
  animation-delay:calc(var(--verzug,0s) + .3s + var(--i,0) * .03s)}
.flug-an .tmd-root [data-flug].ist-gelandet .tmd-app-reihe .tmd-appi{animation:tmdSymbolRein .45s cubic-bezier(.34,1.56,.64,1) both;
  animation-delay:calc(var(--verzug,0s) + .4s + var(--i,0) * .06s)}
@keyframes tmdKachelRein{from{opacity:0;transform:translateY(14px) scale(.94)}}
@keyframes tmdSymbolRein{from{opacity:0;transform:scale(.6)}}

/* --- Vergleich: Spalte hervorheben. Gedimmt wird der Inhalt, nicht die Zelle,
   damit der haftende Kopf deckend bleibt. Kopf ohne Weichzeichner (Leistung). -- */
.tmd-root .tmd-vgl__kopf{background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.tmd-root .tmd-vgl__paket .elementor-heading-title[role="button"]{cursor:pointer;border-radius:4px;transition:color .2s ease}
.tmd-root .tmd-vgl__paket .elementor-heading-title[role="button"]:hover,
.tmd-root .tmd-vgl__paket .elementor-heading-title[aria-pressed="true"]{color:var(--azure-700)!important}
.tmd-root .tmd-vgl__paket .elementor-heading-title[role="button"]:focus-visible{outline:2px solid var(--azure-500);outline-offset:3px}
.tmd-root .tmd-vgl__zeile > * > *{transition:opacity .25s ease}
.tmd-vgl[data-wahl="2"] .tmd-vgl__zeile > :not(:first-child):not(:nth-child(2)) > *,
.tmd-vgl[data-wahl="3"] .tmd-vgl__zeile > :not(:first-child):not(:nth-child(3)) > *,
.tmd-vgl[data-wahl="4"] .tmd-vgl__zeile > :not(:first-child):not(:nth-child(4)) > *,
.tmd-vgl[data-wahl="5"] .tmd-vgl__zeile > :not(:first-child):not(:nth-child(5)) > *{opacity:.32}
.tmd-vgl[data-wahl="2"] .tmd-vgl__zeile > :nth-child(2),
.tmd-vgl[data-wahl="3"] .tmd-vgl__zeile > :nth-child(3),
.tmd-vgl[data-wahl="4"] .tmd-vgl__zeile > :nth-child(4),
.tmd-vgl[data-wahl="5"] .tmd-vgl__zeile > :nth-child(5){background:var(--azure-50)!important}

/* Druckknopf unter dem Umschalter */
.tmd-root .tmd-drucken .elementor-button{cursor:pointer}

/* --- Hardware: Karten, Mengen, Zusammenstellung -------------------------- */
.tmd-root .tmd-posten{position:relative;isolation:isolate;
  transition:border-color .25s ease,box-shadow .25s ease!important}
.tmd-root .tmd-posten.ist-gewaehlt{border-color:var(--azure-200)!important;
  box-shadow:0 0 0 1px var(--azure-200),var(--edge-light),0 14px 30px -18px rgba(8,40,90,.18)!important}
/* Lichtfleck folgt der Maus, liegt hinter dem Inhalt (::before ist Elementors Ueberlagerung) */
.tmd-root .tmd-posten::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(280px circle at var(--gx,50%) var(--gy,0%),rgba(0,133,254,.09),transparent 65%);
  opacity:0;transition:opacity .25s ease}
.tmd-root .tmd-posten:hover::after{opacity:1}
/* Neigung: --rx/--ry aus dem Seitenskript */
.tmd-root .tmd-posten.kann-neigen{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .5s cubic-bezier(.215,.61,.355,1),border-color .25s ease,box-shadow .25s ease!important}
.tmd-root .tmd-posten__ansehen{margin-top:12px}
/* Fusszeile je Karte: Mengenfeld bzw. "In jedem Paket enthalten" auf gleicher Hoehe */
.tmd-root .tmd-posten__fuss{margin-top:16px!important;padding-top:16px;border-top:1px solid var(--n-100);min-height:49px;
  display:flex;align-items:center}
.tmd-root .tmd-posten--frei .tmd-posten__fuss{border-top-color:var(--azure-200)}
.tmd-root .tmd-menge{display:inline-flex;align-items:center;gap:4px}
.tmd-root .tmd-menge__label{margin-right:8px;font:400 12px/1.4 var(--font-sans);color:var(--n-600)}
.tmd-root .tmd-menge button{display:grid!important;place-items:center;width:32px;height:32px;min-height:0!important;padding:0!important;
  margin:0!important;border:1px solid var(--n-200)!important;border-radius:9999px!important;background:#FFFFFF!important;
  color:var(--ink)!important;font:500 18px/1 var(--font-sans)!important;box-shadow:none!important;cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease}
.tmd-root .tmd-menge button:hover{border-color:var(--n-300)!important;background:var(--n-50)!important}
.tmd-root .tmd-menge input{width:3.25rem!important;height:32px!important;min-height:0!important;margin:0!important;padding:0!important;
  border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;
  text-align:center;font:600 16px/1 var(--font-sans)!important;color:var(--ink)!important;font-variant-numeric:tabular-nums;
  -moz-appearance:textfield;appearance:textfield}
.tmd-root .tmd-menge input::-webkit-outer-spin-button,.tmd-root .tmd-menge input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tmd-root .tmd-menge input:hover{border-color:var(--n-200)!important}
.tmd-root .tmd-menge button:focus-visible,.tmd-root .tmd-menge input:focus-visible{outline:2px solid var(--azure-500);outline-offset:2px}
/* Zusammenstellung: sechste Kachel im Raster, rechnet mit */
.tmd-root .tmd-ausstattung{transition:border-color .25s ease,box-shadow .25s ease}
.tmd-root .tmd-ausstattung.ist-gefuellt{border-style:solid!important;border-color:var(--azure-200)!important;
  box-shadow:var(--edge-light),0 14px 30px -18px rgba(8,40,90,.18)}
.tmd-root .tmd-ausstattung__kopf > .elementor-widget{width:auto}
.tmd-root .tmd-ausstattung:not(.ist-gefuellt) .tmd-ausstattung__zurueck{display:none}
.tmd-root .tmd-ausstattung__summen{margin-top:auto!important}
.tmd-root .tmd-ausstattung__summen > .e-con{width:auto;flex:0 0 auto}
.tmd-root .tmd-ausstattung__summe .elementor-heading-title{white-space:nowrap;font-variant-numeric:proportional-nums}

/* --- Hardware-Vorschau in Popups (Szene wie auf den Modulseiten) ------------ */
.tmd-root.tmd-pd .tmd-pd__szene{width:100%}
.tmd-root.tmd-pd .tmd-pd__szene .media-panel{border-radius:16px}
#elementor-popup-modal-7844 .dialog-widget-content,#elementor-popup-modal-7846 .dialog-widget-content{overflow:hidden;border-radius:24px}
#elementor-popup-modal-7844 .dialog-message,#elementor-popup-modal-7846 .dialog-message{max-height:88vh}

/* --- Druckkopf: nur auf Papier ----------------------------------------------- */
.tmd-druckkopf-w{display:none}

/* --- Druck: ruhige Preisuebersicht auf A4 -------------------------------------
   Ohne Kopf-/Fusszeile, Knoepfe, Abschluss, Deko und Bewegung. Gewaehlte
   Zahlweise, hervorgehobene Spalte, Mengen und Zusammenstellung bleiben.
   A4 ist rund 700px breit und faellt in Elementors Handy-Breakpoints, darum
   die Raster hier ausdruecklich setzen. */
@media print{
  @page{size:A4;margin:12mm 12mm 14mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  *,*::before,*::after{animation:none!important;transition:none!important;box-shadow:none!important}
  html,body{background:#FFFFFF!important}
  html{margin-top:0!important}
  .flug-an .tmd-root [data-flug],.tmd-root .tmd-kachel,.tmd-root .tmd-app-reihe .tmd-appi{opacity:1!important;transform:none!important}
  .elementor-location-header,.elementor-location-footer,.elementor-popup-modal,#wpadminbar,[class*="brlbs"],
  .tmd-root .elementor-widget-button,.tmd-wahl-w,.tmd-deko-w,.tmd-glas,.tmd-vgl-tipp,.tmd-menge button,#test{display:none!important}
  .tmd-druckkopf-w{display:block!important}
  .tmd-druckkopf{display:flex;align-items:center;justify-content:space-between;gap:6mm;margin:0 0 5mm;padding:0 0 4mm;
    border-bottom:1px solid var(--n-200)}
  .tmd-druckkopf img{width:104px;height:auto}
  .tmd-druckkopf p{margin:0;font:400 8.5pt/1.3 var(--font-sans);color:var(--n-600)}
  /* Weisser Grund, keine Muster: Hintergrundbilder blaehen das PDF auf. Abstaende
     ueber Elementors Variablen, sonst behaelt das innere .e-con-inner (boxed) sie. */
  .tmd-root.e-con{background:#FFFFFF!important;--padding-top:7mm!important;--padding-bottom:0px!important;
    padding-top:var(--padding-top)!important;padding-bottom:0!important}
  .tmd-root.e-con-boxed{padding-top:0!important}
  .tmd-root.tmd-hero.e-con{--padding-top:0px!important}
  .tmd-root.e-con::before,.tmd-root.e-con::after{display:none!important}
  .tmd-hero .tmd-chip{display:none!important}
  .tmd-fakten{--e-con-grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .tmd-fakten > .tmd-fakt{--padding-top:0px!important;--padding-bottom:0px!important;--padding-left:4mm!important;--padding-right:4mm!important;
    padding:0 4mm!important;border-style:solid!important;border-color:var(--n-200)!important;border-width:0 0 0 1px!important}
  .tmd-fakten > .tmd-fakt:first-child{border-left-width:0!important;padding-left:0!important}
  /* Pakete */
  .tmd-tarif-reihe{--e-con-grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4mm!important}
  .tmd-tarif{padding:5mm!important}
  .tmd-root .tmd-tarif__titel,.tmd-root .tmd-tarif__titel p{font-size:11.5pt!important;line-height:1.35!important;overflow-wrap:break-word;hyphens:auto}
  .tmd-inklusive{--e-con-grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tmd-root .tmd-kacheln,.tmd-root .tmd-fahne{display:none!important}
  /* Vergleich: Tabellenraster wie auf dem Tablet, Kopf ohne Haften */
  .tmd-root .tmd-vgl__zeile{--e-con-grid-template-columns:minmax(0,30fr) repeat(4,minmax(0,17.5fr))!important}
  .tmd-root .tmd-vgl__zeile > .tmd-vgl__erste{grid-column:auto!important;padding:2mm 3mm!important}
  .tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf) > :not(.tmd-vgl__erste){padding:2mm 1mm!important}
  .tmd-root .tmd-vgl__kopf{position:static!important;border-radius:0!important;border-bottom:1px solid var(--n-200)!important;background:#FFFFFF!important}
  .tmd-root .tmd-vgl__kopf > .tmd-vgl__ecke{display:flex!important}
  .tmd-root .tmd-vgl__kopf > .tmd-vgl__hervor{border-radius:0!important}
  .tmd-root .tmd-vgl__zeile:not(.tmd-vgl__kopf) > :nth-child(5){background:rgba(239,246,255,.55)}
  .tmd-root .tmd-vgl__zeile,.tmd-root .tmd-tarif,.tmd-root .tmd-alle,.tmd-root .tmd-gratis,.tmd-root .tmd-posten,
  .tmd-root .tmd-ausstattung,.tmd-root .tmd-angebot,.tmd-root .elementor-accordion-item{break-inside:avoid}
  .tmd-root .tmd-smark,.tmd-root .tmd-h2{break-after:avoid}
  /* Hardware: zwei Spalten, Inklusive-Karte und Zusammenstellung ueber die ganze Breite */
  .tmd-posten-raster{--e-con-grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4mm!important}
  .tmd-root .tmd-posten--frei,.tmd-root .tmd-ausstattung{grid-column:1/-1}
  .tmd-root .tmd-posten{transform:none!important;padding:5mm!important}
  .tmd-root .tmd-posten::after{display:none}
  .tmd-root .tmd-posten:not(.ist-gewaehlt):not(.tmd-posten--frei) .tmd-posten__fuss{display:none!important}
  .tmd-root .tmd-posten__fuss{min-height:0;margin-top:2mm!important;padding-top:2mm;border-top:0}
  .tmd-root .tmd-menge button{display:none!important}
  .tmd-root .tmd-menge input{border:0!important;width:auto!important;min-width:2ch}
  .tmd-root .tmd-ausstattung{border-style:solid!important;padding:5mm!important}
  .tmd-root .tmd-ausstattung:not(.ist-gefuellt){display:none!important}
  /* Fragen: alle offen */
  .tmd-faq .elementor-tab-content{display:block!important}
  .tmd-faq .elementor-accordion-icon{display:none!important}
  a{color:inherit!important;text-decoration:none!important}
}

/* ===== Kontaktseite (Relaunch 2026) ===== */
.tmd-root[id]{scroll-margin-top:96px}
.tmd-root .tmd-kwahl{width:100%;text-align:left}
.tmd-root .tmd-ktest{position:relative;overflow:hidden;box-shadow:0 30px 60px -36px rgba(15,0,41,.6)}
.tmd-root .tmd-ktest::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 70% at 0% 0%,rgba(0,133,254,.35),transparent 70%)}
.tmd-root .tmd-ktest > *{position:relative;z-index:1}
.tmd-root .tmd-kweg{color:inherit;text-decoration:none;box-shadow:0 10px 24px -20px rgba(8,40,90,.35);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.tmd-root .tmd-kweg:hover{transform:translateX(4px);border-color:#CFCED7;box-shadow:0 18px 36px -24px rgba(8,40,90,.45)}
.tmd-root .tmd-kweg > .e-con.tmd-kweg__text{--width:auto;width:auto;flex:1 1 0;min-width:0}
.tmd-root .tmd-kweg__icon .elementor-icon,.tmd-root .tmd-kweg__pfeil .elementor-icon{display:grid;place-items:center}
.tmd-root .tmd-kweg__pfeil .elementor-icon{width:44px;height:44px;padding:0;color:#0F0029;transition:background .2s,color .2s,border-color .2s}
.tmd-root .tmd-kweg:hover .tmd-kweg__pfeil .elementor-icon{background:#0F0029;border-color:#0F0029;color:#FFFFFF}
.tmd-root .tmd-kweg:hover .tmd-kweg__pfeil .elementor-icon svg{fill:#FFFFFF}
.tmd-root .tmd-skript{display:none}
@media (prefers-reduced-motion:reduce){.tmd-root .tmd-kweg{transition:none}.tmd-root .tmd-kweg:hover{transform:none}}

.tmd-root .elementor-form textarea.elementor-field{height:auto;min-height:128px;padding-top:12px;padding-bottom:12px;resize:vertical}

/* ====== Bauteile aus 7609 ====== */
/* ===== App-Info: klickbare App-Symbole + Popup 8007 ===== */
.tmd-root a.elementor-icon[href^="#app-"]{cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.tmd-root a.elementor-icon[href^="#app-"]:hover{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(0,133,254,.16),0 6px 14px -8px rgba(15,0,41,.35)}
.tmd-root a.elementor-icon[href^="#app-"]:focus-visible{outline:2px solid #0085FE;outline-offset:3px}
.tmd-root .tmd-kachel .elementor-heading-title a[href^="#app-"]{color:inherit;text-decoration:none}
.tmd-root .tmd-kachel:has(a[href^="#app-"]:hover){border-color:#C0DCFF}
.tmd-ai{display:none!important}
.tmd-ai.ist-aktiv{display:flex!important}
.tmd-root .tmd-ai__kopf > .elementor-widget-icon{flex:0 0 48px;width:48px}
.tmd-root .tmd-ai__kopf .elementor-icon{width:48px;height:48px;padding:0;display:grid;place-items:center}
.tmd-root .tmd-ai__kopf > .e-con.tmd-ai__titel{--width:auto;width:auto;flex:1 1 0;min-width:0}
.tmd-root .tmd-ai__satz .elementor-heading-title{margin:0}
.tmd-root .tmd-ai__pakete b{font-weight:600;color:#0F0029}
@media (prefers-reduced-motion:reduce){.tmd-root a.elementor-icon[href^="#app-"]{transition:none}}
#elementor-popup-modal-8007 .dialog-widget-content{overflow:hidden;border-radius:24px}
#elementor-popup-modal-8007 .dialog-message{max-height:88vh}
.tmd-root .tmd-ai__punkte .elementor-icon-list-item{align-items:flex-start}
.tmd-root .tmd-ai__punkte .elementor-icon-list-icon{margin-top:4px}

/* ====== Media-Kit: Bausteine aus page.css, bausteine.css, kontakt.css (gekapselt) ====== */
.tmd-root .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
  height: 48px; padding: 0 26px;
  border-radius: var(--r-btn); border: 1px solid transparent;
  font: 500 1rem/1 var(--font-sans); letter-spacing: -0.006em;
  text-decoration: none; cursor: pointer;
  transition: background-color var(--dur-instant) var(--ease-standard),
              border-color var(--dur-instant) var(--ease-standard),
              color var(--dur-instant) var(--ease-standard),
              transform var(--dur-instant) var(--ease-standard);
}
@media (max-width: 639px) {
  .tmd-root .btn { height: 52px; width: 100%; }
}
.tmd-root .btn:focus-visible { outline: 2px solid var(--azure-500); outline-offset: 2px; }
.tmd-root .btn--primary { background: var(--azure-500); color: #FFFFFF; }
.tmd-root .btn--primary:hover { background: var(--azure-600); }
.tmd-root .btn--primary:active { background: var(--azure-700); transform: translateY(1px); }
.tmd-root .btn--secondary { background: #FFFFFF; color: var(--ink); border-color: var(--n-200); }
.tmd-root .btn--secondary:hover { background: var(--n-50); border-color: var(--n-300); }
.tmd-root .btn--secondary:active { background: var(--n-100); }
.tmd-root .btn--tertiary { height: auto; padding: 8px 4px; border-radius: var(--r-xs); background: none; color: var(--azure-700); }
.tmd-root .btn--tertiary:hover { color: var(--azure-800); }
.tmd-root .btn--tertiary .icon { transition: transform var(--dur-quick) var(--ease-standard); }
.tmd-root .btn--tertiary:hover .icon { transform: translateX(3px); }
.tmd-root .surface-ink .btn--secondary { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); color: #FFFFFF; }
.tmd-root .surface-ink .btn--secondary:hover { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.28); }
.tmd-root .surface-ink .btn--tertiary { color: var(--azure-300); }
.tmd-root .surface-ink a.btn--primary, .tmd-root .surface-ink a.btn--primary:hover { color: #FFFFFF; }
.tmd-root .btn, .tmd-root .mega > a, .tmd-root .tab, .tmd-root .nav-toggle, .tmd-root .accordion__trigger, .tmd-root .card--interactive {
    transition: transform 100ms var(--ease-out-soft), background-color var(--dur-base) var(--ease-standard),
      box-shadow var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);
  }
.tmd-root .btn:active, .tmd-root .nav-toggle:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) {
  .tmd-root .btn:active, .tmd-root .nav-toggle:active, .tmd-root .mega > a:active, .tmd-root .tab:active, .tmd-root .accordion__trigger:active { transform: none; }
}
.tmd-root .btn--primary {
    box-shadow: 0 1px 2px rgba(0, 133, 254, .35), 0 8px 20px -6px rgba(0, 133, 254, .40);
    transition: transform 100ms var(--ease-out-soft), box-shadow var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);
  }
.tmd-root .btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 133, 254, .35), 0 12px 28px -6px rgba(0, 133, 254, .45);
  }
.tmd-root .btn--primary:active { transform: scale(.98); }
.tmd-root .einstieg .btn { flex: none; width: auto; height: 44px; padding: 0 22px;
  border-radius: var(--r-pill); }
@media (max-width: 599px) {
  .tmd-root .einstieg .btn { flex: 1 1 100%; }
}
.tmd-root .nur-vorlesen { position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; border: 0; overflow: hidden; white-space: nowrap;
  clip: rect(0 0 0 0); clip-path: inset(50%); }

/* ====== Media-Kit: marke.css (gekapselt), 29.10.2026 ====== */
.tmd-root .offen--chip { display: inline-flex; align-items: center; vertical-align: middle; padding: 1px 8px;
  border-radius: var(--r-pill); font: 600 .6875rem/1.6 var(--font-sans); letter-spacing: .01em; white-space: nowrap; }
.tmd-root .offen--chip::before { content: "Zu bestätigen"; font-weight: 600; }
.tmd-root .mk-hero { padding-top: clamp(140px, 6vw + 88px, 176px); }
.tmd-root .mk-raster--hero { margin-top: var(--sp-14); }
.tmd-root .mk-unterzeile { display: grid; justify-items: center; gap: var(--sp-2); margin-top: var(--sp-6); text-align: center;
  font: 400 var(--fs-body-s)/1.55 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-unterzeile p { margin: 0; max-width: 76ch; }
.tmd-root h1, .tmd-root h2, .tmd-root h3 { hyphens: manual; -webkit-hyphens: manual; }
.tmd-root .mk-aktionen { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-3); margin-top: var(--sp-8); }
.tmd-root .mk-aktionen .btn svg, .tmd-root .mk-schluss .btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.tmd-root .mk-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-2) var(--sp-5);
  margin: var(--sp-5) 0 0; padding: 0; list-style: none; font: 400 var(--fs-body-s)/1.4 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-meta li { display: inline-flex; align-items: center; gap: var(--sp-2); }
.tmd-root .mk-meta li + li::before { content: ""; width: 4px; height: 4px; border-radius: var(--r-pill); background: var(--n-300);
  margin-right: var(--sp-3); }
.tmd-root .mk-kopf { max-width: 46rem; }
.tmd-root .mk-kopf .t-lead { margin: var(--sp-5) 0 0; }
.tmd-root .mk-hinweis { margin: var(--sp-4) 0 0; font: 400 var(--fs-body-s)/1.55 var(--font-sans); color: var(--n-600); max-width: 62ch; }
.tmd-root .mk-raster { display: grid; gap: var(--sp-5); margin-top: var(--sp-14); }
.tmd-root .mk-raster--zwei { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tmd-root .mk-raster--drei { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tmd-root .mk-karte { display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-md); border: var(--border);
  background-color: #FFFFFF; overflow: hidden;
  box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05), 0 18px 40px -28px rgba(15, 0, 41, .22); }
.tmd-root .mk-karte__buehne { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9;
  padding: var(--sp-10); border-bottom: var(--border); }
.tmd-root .mk-karte__buehne img { display: block; width: min(58%, 300px); height: auto; }
.tmd-root .mk-karte--bild .mk-karte__buehne { aspect-ratio: 4 / 3; }
.tmd-root .mk-karte--bild .mk-karte__buehne img { width: auto; height: 46%; }
.tmd-root .mk-grund--hell { background-color: #FFFFFF; background-image: linear-gradient(180deg, #FFFFFF 0%, #F6F6FA 100%); }
.tmd-root .mk-grund--papier { background-color: #FFFFFF; }
.tmd-root .mk-grund--ink { background-color: var(--ink); background-image: var(--surface-ink-field);
  box-shadow: var(--edge-ink); border-bottom-color: var(--ink); }
.tmd-root .mk-grund--azure { background-color: var(--azure-500); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
  border-bottom-color: var(--azure-500); }
.tmd-root .mk-flaeche { position: absolute; left: var(--sp-4); top: var(--sp-4); padding: 3px 10px; border-radius: var(--r-pill);
  font: 500 var(--fs-caption)/1.4 var(--font-sans); color: var(--n-600);
  background: rgba(255, 255, 255, .7); box-shadow: inset 0 0 0 1px rgba(15, 0, 41, .08); }
.tmd-root .mk-grund--ink .mk-flaeche, .tmd-root .mk-grund--azure .mk-flaeche { color: rgba(255, 255, 255, .86);
  background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
.tmd-root .mk-karte__text { display: flex; flex-direction: column; flex: 1; padding: var(--sp-6); container-type: inline-size; }
.tmd-root .mk-karte__kopf { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); }
.tmd-root .mk-karte__titel { margin: 0; font-size: 1.25rem; line-height: 1.3; letter-spacing: var(--tr-heading-s); }
.tmd-root .mk-karte__marke { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--r-pill);
  background: var(--azure-50); box-shadow: inset 0 0 0 1px var(--azure-200);
  font: 500 var(--fs-caption)/1 var(--font-sans); color: var(--azure-800); }
.tmd-root .mk-karte__satz { margin: var(--sp-2) 0 0; font: 400 var(--fs-body-s)/1.55 var(--font-sans); color: var(--n-600); max-width: 46ch; }
.tmd-root .mk-karte__dateien { margin-top: auto; padding-top: var(--sp-5); }
.tmd-root .mk-dl-reihe { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.tmd-root .mk-dl { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px 0 10px;
  border-radius: var(--r-sm); border: 1px solid var(--n-200); background: #FFFFFF;
  font: 500 var(--fs-body-s)/1 var(--font-sans); letter-spacing: -.004em; color: var(--ink); text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--dur-quick) var(--ease-standard), border-color var(--dur-quick) var(--ease-standard),
    transform 100ms var(--ease-out-soft); }
.tmd-root .mk-dl svg { flex: none; width: 16px; height: 16px; fill: none; stroke: var(--azure-700); stroke-width: 1.9;
  stroke-linecap: round; stroke-linejoin: round; transition: transform var(--dur-quick) var(--ease-out-soft); }
.tmd-root .mk-dl:hover { color: var(--ink); background: var(--n-50); border-color: var(--n-300); }
.tmd-root .mk-dl:hover svg { transform: translateY(1px); }
.tmd-root .mk-dl:active { transform: scale(.97); }
.tmd-root .mk-dl--svg { background: var(--azure-50); border-color: var(--azure-200); color: var(--azure-800); }
.tmd-root .mk-dl--svg:hover { background: var(--azure-100); border-color: var(--azure-300); color: var(--azure-800); }
.tmd-root .mk-dl small { font-size: var(--fs-body-s); font-weight: 400; color: var(--n-600); }
@container (max-width: 420px) {
  .tmd-root .mk-dl-reihe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tmd-root .mk-dl { justify-content: center; }
}
.tmd-root .mk-profil { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: var(--sp-3); align-items: center;
  margin-top: var(--sp-5); padding-top: var(--sp-5); border-top: 1px solid var(--rule-hairline); }
.tmd-root .mk-profil__bild { width: 44px; height: 44px; border-radius: var(--r-pill); overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(15, 0, 41, .1); }
.tmd-root .mk-profil__bild img { display: block; width: 100%; height: 100%; }
.tmd-root .mk-profil__text { font: 400 var(--fs-caption)/1.4 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-profil__text b { display: block; font: 500 var(--fs-body-s)/1.35 var(--font-sans); color: var(--ink); }
.tmd-root .mk-farben { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-5); margin-top: var(--sp-14); }
.tmd-root .mk-farben--klein { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--sp-5); }
.tmd-root .mk-farbe { display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-md); border: var(--border);
  background: #FFFFFF; overflow: hidden; box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05); }
.tmd-root .mk-farbe__feld { display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; min-height: 196px;
  padding: var(--sp-5) var(--sp-6); background: var(--fb); color: var(--fb-text, #FFFFFF); }
.tmd-root .mk-farbe--hell .mk-farbe__feld { --fb-text: var(--ink); box-shadow: inset 0 -1px 0 var(--n-200); }
.tmd-root .mk-farbe__token { margin-bottom: auto; padding-bottom: var(--sp-4); font: 500 var(--fs-caption)/1.3 var(--font-sans);
  letter-spacing: .02em; opacity: .7; }
.tmd-root .mk-farbe__name { margin: 0; font: 600 1.375rem/1.2 var(--font-display, var(--font-sans)); letter-spacing: -.02em; color: inherit; }
.tmd-root .mk-farbe__rolle { font: 400 var(--fs-body-s)/1.45 var(--font-sans); opacity: .82; }
.tmd-root .mk-farben--klein .mk-farbe__feld { min-height: 112px; padding: var(--sp-4) var(--sp-5); }
.tmd-root .mk-farben--klein .mk-farbe__name { font-size: 1.0625rem; }
.tmd-root .mk-farben--klein .mk-farbe__rolle { font-size: var(--fs-caption); }
.tmd-root .mk-farbe__werte { display: grid; padding: var(--sp-2); }
.tmd-root .mk-kopie { display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; align-items: center; gap: var(--sp-2);
  width: 100%; min-height: 44px; padding: 0 var(--sp-3); border: 0; border-radius: var(--r-sm); background: none;
  cursor: pointer; text-align: left; color: var(--ink);
  transition: background-color var(--dur-quick) var(--ease-standard), transform 100ms var(--ease-out-soft); }
.tmd-root .mk-kopie + .mk-kopie { box-shadow: 0 -1px 0 var(--rule-hairline); }
.tmd-root .mk-kopie:hover { background: var(--n-50); }
.tmd-root .mk-kopie:active { transform: scale(.985); }
.tmd-root .mk-kopie__art { font: 500 var(--fs-caption)/1 var(--font-sans); letter-spacing: .02em; color: var(--n-500); }
.tmd-root .mk-kopie__wert { font: 500 .9375rem/1.3 var(--font-sans); font-variant-numeric: proportional-nums; letter-spacing: -.004em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tmd-root .mk-kopie svg { width: 18px; height: 18px; fill: none; stroke: var(--n-500); stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; }
.tmd-root .mk-kopie .mk-haken { display: none; stroke: var(--success); }
.tmd-root .mk-kopie[data-kopiert="true"] .mk-haken { display: block; }
.tmd-root .mk-kopie[data-kopiert="true"] .mk-blatt { display: none; }
.tmd-root .mk-kopie[data-kopiert="true"] .mk-kopie__art { color: var(--success); }
.tmd-root .mk-farben--klein .mk-kopie { grid-template-columns: 34px minmax(0, 1fr) 16px; padding: 0 var(--sp-2); }
.tmd-root .mk-farben--klein .mk-kopie__wert { font-size: var(--fs-body-s); }
.tmd-root .mk-unterkopf { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2) var(--sp-4); margin: var(--sp-14) 0 0; }
.tmd-root .mk-unterkopf h3 { margin: 0; font-size: 1.25rem; line-height: 1.3; letter-spacing: var(--tr-heading-s); }
.tmd-root .mk-unterkopf p { margin: 0; font: 400 var(--fs-body-s)/1.5 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-schrift { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--sp-14) var(--sp-24); align-items: start; }
.tmd-root .mk-fakten { display: grid; margin: var(--sp-8) 0 0; padding: 0; }
.tmd-root .mk-fakten > div { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: var(--sp-4);
  padding: var(--sp-4) 0; border-top: 1px solid var(--rule-hairline); }
.tmd-root .mk-fakten > div:last-child { border-bottom: 1px solid var(--rule-hairline); }
.tmd-root .mk-fakten dt { font: 500 var(--fs-body-s)/1.5 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-fakten dd { margin: 0; font: 400 var(--fs-body-s)/1.5 var(--font-sans); color: var(--ink); }
.tmd-root .mk-fakten dd a { color: var(--azure-700); }
.tmd-root .mk-probe { padding: var(--sp-10); border-radius: var(--r-lg); border: var(--border); background: #FFFFFF;
  box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05), 0 24px 48px -32px rgba(15, 0, 41, .25);
  font-family: "Sora", var(--font-sans); color: var(--ink); }
.tmd-root .mk-probe__kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--sp-6); }
.tmd-root .mk-probe__aa { margin: 0; font-weight: 600; font-size: clamp(5.5rem, 10vw, 8.5rem); line-height: .82; letter-spacing: -.04em; }
.tmd-root .mk-probe__name { text-align: right; font: 500 var(--fs-body-s)/1.45 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-probe__name b { display: block; font: 600 1.375rem/1.2 "Sora", var(--font-sans); letter-spacing: -.02em; color: var(--ink); }
.tmd-root .mk-probe__zeichen { margin: var(--sp-8) 0 0; padding-top: var(--sp-6); border-top: 1px solid var(--rule-hairline);
  font-weight: 400; font-size: clamp(.8125rem, 3.4vw, 1.1875rem); line-height: 1.6; letter-spacing: .01em; overflow-wrap: anywhere; color: var(--n-700); }
.tmd-root .mk-schnitte { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-4); margin: var(--sp-6) 0 0;
  padding: var(--sp-6) 0 0; border-top: 1px solid var(--rule-hairline); list-style: none; }
.tmd-root .mk-schnitte li { display: grid; gap: var(--sp-1); }
.tmd-root .mk-schnitte b { font-size: 1.5rem; line-height: 1.1; letter-spacing: -.02em; color: var(--ink); }
.tmd-root .mk-schnitte span { font: 400 var(--fs-caption)/1.4 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-probe { container-type: inline-size; }
@container (max-width: 440px) {
  .tmd-root .mk-probe__kopf { flex-direction: column; align-items: flex-start; }
  .tmd-root .mk-probe__name { text-align: left; }
  .tmd-root .mk-schnitte { grid-template-columns: 1fr; gap: var(--sp-3); }
  .tmd-root .mk-schnitte li { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-4); }
  .tmd-root .mk-schnitte b { font-size: 1.375rem; }
}
.tmd-root .mk-regeln { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5); margin-top: var(--sp-14); }
.tmd-root .mk-regel { display: flex; flex-direction: column; min-width: 0; border-radius: var(--r-md); border: var(--border);
  background: #FFFFFF; overflow: hidden; box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05); }
.tmd-root .mk-regel__buehne { display: grid; place-items: center; min-height: 248px; padding: var(--sp-10) var(--sp-6);
  border-bottom: var(--border); background: #FFFFFF; }
.tmd-root .mk-regel__text { padding: var(--sp-6); }
.tmd-root .mk-regel__text h3 { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); margin: 0;
  font-size: 1.25rem; line-height: 1.3; letter-spacing: var(--tr-heading-s); }
.tmd-root .mk-regel__text p { margin: var(--sp-2) 0 0; font: 400 var(--fs-body-s)/1.55 var(--font-sans); color: var(--n-600); max-width: 52ch; }
.tmd-root .mk-zone { --h: 76px; --x: calc(var(--h) * .3222); position: relative; padding: var(--x);
  background-image: repeating-linear-gradient(135deg, rgba(0, 133, 254, .16) 0 1px, transparent 1px 7px);
  background-color: rgba(0, 133, 254, .04); outline: 1px dashed rgba(0, 93, 181, .45); outline-offset: 0; }
.tmd-root .mk-zone__logo { display: block; height: var(--h); width: auto; background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 93, 181, .35); }
.tmd-root .mk-zone__x { position: absolute; width: var(--x); height: var(--x); border-radius: var(--r-pill);
  background: rgba(0, 133, 254, .28); }
.tmd-root .mk-zone__x--lo { left: 0; top: 0; }
.tmd-root .mk-zone__x--ro { right: 0; top: 0; }
.tmd-root .mk-zone__x--lu { left: 0; bottom: 0; }
.tmd-root .mk-zone__x--ru { right: 0; bottom: 0; }
.tmd-root .mk-zone__mass { position: absolute; top: calc(-1 * var(--sp-6)); left: 50%; transform: translateX(-50%);
  font: 600 var(--fs-caption)/1 var(--font-sans); color: var(--azure-700); white-space: nowrap; }
.tmd-root .mk-mini { display: grid; gap: var(--sp-8); justify-items: start; }
.tmd-root .mk-mini__zeile { display: flex; align-items: center; gap: var(--sp-4); }
.tmd-root .mk-mini__mass { position: relative; display: grid; place-items: center; width: 44px; height: 24px;
  font: 600 var(--fs-caption)/1 var(--font-sans); color: var(--azure-700); }
.tmd-root .mk-mini__mass::before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 6px;
  border: 1px solid var(--azure-500); border-left: 0; }
.tmd-root .mk-mini img { display: block; height: 24px; width: auto; }
.tmd-root .mk-mini__was { font: 400 var(--fs-caption)/1 var(--font-sans); color: var(--n-500); }
.tmd-root .mk-mini__bm { height: 24px !important; }
.tmd-root .mk-nein { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-5); margin-top: var(--sp-6); }
.tmd-root .mk-nein__karte { margin: 0; min-width: 0; border-radius: var(--r-md); border: var(--border); background: #FFFFFF; overflow: hidden;
  box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05); }
.tmd-root .mk-nein__buehne { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden;
  border-bottom: var(--border); background: #FFFFFF; }
.tmd-root .mk-nein__buehne > img:not(.mk-nein__foto) { position: relative; display: block; width: 60%; height: auto; }
.tmd-root .mk-nein__buehne--verzerrt > img:not(.mk-nein__foto) { transform: scale(.52, 1.3); }
.tmd-root .mk-nein__maske { display: block; width: 60%; aspect-ratio: 434 / 143; background-color: var(--mod-personal-mark);
  -webkit-mask: url("https://teamanda.app/wp-content/uploads/2026/10/teamanda-logo-ink.svg") center / contain no-repeat;
          mask: url("https://teamanda.app/wp-content/uploads/2026/10/teamanda-logo-ink.svg") center / contain no-repeat; }
.tmd-root .mk-nein__buehne--effekt > img { filter: drop-shadow(4px 6px 3px rgba(15, 0, 41, .45)) drop-shadow(0 0 14px rgba(0, 133, 254, .95)); }
.tmd-root .mk-nein__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; }
.tmd-root .mk-nein__text { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: var(--sp-3); padding: var(--sp-5); }
.tmd-root .mk-nein__text svg { width: 20px; height: 20px; margin-top: 1px; fill: none; stroke: var(--danger); stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.tmd-root .mk-nein__text b { display: block; font: 600 1rem/1.35 var(--font-sans); letter-spacing: -.008em; color: var(--ink); }
.tmd-root .mk-nein__text span { display: block; margin-top: 2px; font: 400 var(--fs-body-s)/1.5 var(--font-sans); color: var(--n-600); }
.tmd-root .mk-presse { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: var(--sp-14) var(--sp-24); align-items: start; }
.tmd-root .mk-texte { display: grid; gap: var(--sp-5); }
.tmd-root .mk-text { margin: 0; border-radius: var(--r-md); border: var(--border); background: #FFFFFF;
  box-shadow: var(--edge-light), 0 1px 2px rgba(15, 0, 41, .05); }
.tmd-root .mk-text__kopf { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
  padding: var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-6); border-bottom: 1px solid var(--rule-hairline); }
.tmd-root .mk-text__titel { margin: 0; font: 600 1rem/1.3 var(--font-sans); color: var(--ink); }
.tmd-root .mk-text__titel small { margin-left: var(--sp-2); font-weight: 400; font-size: var(--fs-caption); color: var(--n-500); }
.tmd-root .mk-text__inhalt { margin: 0; padding: var(--sp-6); font: 400 1rem/1.65 var(--font-sans); color: var(--n-700); }
.tmd-root .mk-text__inhalt p { margin: 0; }
.tmd-root .mk-text__inhalt p + p { margin-top: var(--sp-3); }
.tmd-root .mk-textkopie { display: inline-flex; align-items: center; gap: var(--sp-2); height: 38px; padding: 0 14px;
  border-radius: var(--r-sm); border: 1px solid var(--n-200); background: #FFFFFF; cursor: pointer;
  font: 500 var(--fs-body-s)/1 var(--font-sans); color: var(--ink); white-space: nowrap;
  transition: background-color var(--dur-quick) var(--ease-standard), border-color var(--dur-quick) var(--ease-standard),
    transform 100ms var(--ease-out-soft); }
.tmd-root .mk-textkopie:hover { background: var(--n-50); border-color: var(--n-300); }
.tmd-root .mk-textkopie:active { transform: scale(.97); }
.tmd-root .mk-textkopie svg { width: 16px; height: 16px; fill: none; stroke: var(--azure-700); stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.tmd-root .mk-textkopie .mk-haken { display: none; stroke: var(--success); }
.tmd-root .mk-textkopie[data-kopiert="true"] { border-color: var(--success-border); background: var(--success-tint); color: var(--success); }
.tmd-root .mk-textkopie[data-kopiert="true"] .mk-haken { display: block; }
.tmd-root .mk-textkopie[data-kopiert="true"] .mk-blatt { display: none; }
.tmd-root .mk-schluss { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 27rem); gap: var(--sp-14) var(--sp-24); align-items: center; }
.tmd-root .mk-schluss .mk-aktionen { justify-content: flex-start; }
.tmd-root .mk-schluss .mk-meta { justify-content: flex-start; color: var(--n-400); }
.tmd-root .mk-schluss .mk-meta li + li::before { background: rgba(255, 255, 255, .3); }
.tmd-root .mk-kontakt { padding: var(--sp-8); border-radius: var(--r-lg); background: #FFFFFF; color: var(--n-600);
  box-shadow: var(--edge-light), 0 30px 60px -30px rgba(0, 0, 0, .55); }
.tmd-root .mk-kontakt__kopf { display: grid; gap: var(--sp-2); }
.tmd-root .mk-kontakt__titel { margin: 0; font: 600 1.25rem/1.3 var(--font-display, var(--font-sans)); letter-spacing: -.014em; color: var(--ink); }
.tmd-root .mk-kontakt .kzeilen { margin-top: var(--sp-5); padding-top: var(--sp-5); }
.tmd-root .mk-kontakt .kzeilen a { color: var(--ink); }
.tmd-root .mk-kontakt .kzeilen a:hover { color: var(--azure-700); }
.tmd-root .mk-kontakt__adresse { font: 500 1rem/1.35 var(--font-sans); letter-spacing: -.008em; color: var(--ink); }
.tmd-root .mk-kontakt .kperson__zeit { margin-top: var(--sp-5); }
.tmd-root .mk-ansage { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden;
  white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(50%); }
@media (max-width: 1023px) {
  .tmd-root .mk-raster--drei { grid-template-columns: 1fr; }
  .tmd-root .mk-raster--drei .mk-karte { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  .tmd-root .mk-raster--drei .mk-karte__buehne { aspect-ratio: auto; min-height: 100%; border-bottom: 0; border-right: var(--border); }
  .tmd-root .mk-raster--drei .mk-karte__buehne img { height: auto; width: min(46%, 132px); }
  .tmd-root .mk-farben--klein { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tmd-root .mk-schrift, .tmd-root .mk-presse, .tmd-root .mk-schluss { grid-template-columns: 1fr; }
  .tmd-root .mk-kontakt { max-width: 34rem; }
  .tmd-root .mk-nein { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .tmd-root .mk-raster--zwei, .tmd-root .mk-regeln, .tmd-root .mk-farben { grid-template-columns: 1fr; }
  .tmd-root .mk-raster--drei .mk-karte { display: flex; }
  .tmd-root .mk-raster--drei .mk-karte__buehne { aspect-ratio: 16 / 10; min-height: 0; border-right: 0; border-bottom: var(--border); }
  .tmd-root .mk-raster--drei .mk-karte__buehne img { width: auto; height: 46%; }
  .tmd-root .mk-karte__buehne { padding: var(--sp-8); }
  .tmd-root .mk-karte__buehne img { width: min(62%, 280px); }
  .tmd-root .mk-farbe__feld { min-height: 132px; }
  .tmd-root .mk-probe { padding: var(--sp-6); }
  .tmd-root .mk-probe__zeichen { letter-spacing: 0; }
  .tmd-root .mk-farben--klein { grid-template-columns: 1fr; }
  .tmd-root .mk-farben--klein .mk-farbe { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .tmd-root .mk-farben--klein .mk-farbe__feld { min-height: 0; padding: var(--sp-4); }
  .tmd-root .mk-farben--klein .mk-farbe__werte { align-content: center; padding: var(--sp-1); }
  .tmd-root .mk-zone { --h: 56px; }
  .tmd-root .mk-regel__buehne { min-height: 200px; padding: var(--sp-10) var(--sp-4); }
  .tmd-root .mk-text__kopf { padding-left: var(--sp-5); }
  .tmd-root .mk-text__inhalt { padding: var(--sp-5); }
  .tmd-root .mk-kontakt { padding: var(--sp-6); }
}
@media (max-width: 479px) {
  .tmd-root .mk-nein { gap: var(--sp-3); }
  .tmd-root .mk-nein__text { grid-template-columns: 1fr; gap: var(--sp-2); padding: var(--sp-4); }
  .tmd-root .mk-nein__text svg { width: 18px; height: 18px; }
  .tmd-root .mk-fakten > div { grid-template-columns: 1fr; gap: var(--sp-1); }
  .tmd-root .mk-aktionen .btn { width: 100%; }
  .tmd-root .mk-text__titel small { display: block; margin: 2px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .tmd-root .mk-dl, .tmd-root .mk-dl svg, .tmd-root .mk-kopie, .tmd-root .mk-textkopie { transition: none; }
  .tmd-root .mk-dl:active, .tmd-root .mk-kopie:active, .tmd-root .mk-textkopie:active { transform: none; }
}

/* Einbau in Elementor */
.tmd-root .mk-w, .tmd-root .mk-w > .elementor-widget-container { width: 100%; }
.tmd-root.mk-held .mk-w-plakette { width: 100%; text-align: center; }
.tmd-root .mk-w-plakette .mk-plakette { margin-bottom: 4px; }
.tmd-root .mk-w-aktionen { margin-top: 8px; }
.tmd-root .mk-w-hinweis { margin-top: 8px; }
.tmd-root .mk-w-voll { margin-top: 24px; }
.tmd-root .mk-w-hinweis { margin-top: 0; }
.tmd-root.mk-held .mk-w-voll { max-width: 1200px; margin-left: auto; margin-right: auto; }
.tmd-root .mk-auf-ink .elementor-heading-title, .tmd-root .mk-auf-ink, .tmd-root .mk-auf-ink p { color: #FFFFFF; }
.tmd-root .mk-auf-ink .tmd-hl { color: #90C1FF; }
.tmd-root .mk-auf-ink p { color: #C9C4DD; }
.tmd-root.mk-kontakt-abschnitt .kdraht { align-self: center !important; height: auto !important; }
.tmd-root .mk-w-zip { text-align: left; margin-top: 16px; }
.tmd-root .mk-w-zip .mk-aktionen, .tmd-root .mk-w-zip .mk-meta { justify-content: flex-start; }
/* Das Kit gibt allen Bildern 20 px Eckenradius; Logos und Grafiken hier ohne */
.tmd-root .mk-w img { border-radius: 0; }
.tmd-root .mk-w-skript { position: absolute; width: 0; height: 0; overflow: hidden; }/* End custom CSS */