/* NITSAN free-tool block skin B "Scanner card" – v1 2026-10-09. Applies only to tool blocks whose headline contains .ntx--b */

/* NITSAN tool skin – scoped to blocks that contain the .ntx marker */
.check-typo3-teaser:has(.ntx){position:relative;overflow:hidden}
.check-typo3-teaser:has(.ntx) .headline-block h3.h2{margin-bottom:18px}
.check-typo3-teaser:has(.ntx) .headline-block > p:not(.ntx){max-width:62ch;margin-bottom:20px}
.check-typo3-teaser:has(.ntx) .ntx__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.check-typo3-teaser:has(.ntx) .ntx__chips li{margin:0;padding:6px 12px 6px 30px;font:500 14px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;position:relative;border-radius:999px}
.check-typo3-teaser:has(.ntx) .ntx__chips li::before{content:"";position:absolute;left:12px;top:50%;width:10px;height:6px;margin-top:-5px;border-left:2px solid #ff8700;border-bottom:2px solid #ff8700;transform:rotate(-45deg);background:none}
.check-typo3-teaser:has(.ntx) .check-typo3-teaser__form{padding-left:0}
.check-typo3-teaser:has(.ntx) .form-group{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.check-typo3-teaser:has(.ntx) .form-group input.form-control{flex:1 1 320px;margin:0;font:500 18px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;padding:18px 18px 18px 46px;border-radius:10px;background-repeat:no-repeat;background-position:18px 50%;background-size:16px 16px}
.check-typo3-teaser:has(.ntx) .form-group .btn{flex:0 0 auto;margin:0;border-radius:10px;padding:18px 64px 18px 28px}
.check-typo3-teaser:has(.ntx) .form-group input.form-control:focus{outline:none;box-shadow:0 0 0 3px rgba(255,135,0,.45)}
.check-typo3-teaser:has(.ntx) .btn:focus-visible{outline:3px solid #ff8700;outline-offset:3px}
@media (max-width:767px){
 .check-typo3-teaser:has(.ntx){padding:26px 20px}
 .check-typo3-teaser:has(.ntx) .form-group .btn{width:100%;justify-content:center}
 .check-typo3-teaser:has(.ntx) .form-group input.form-control{flex-basis:100%}
}

/* Option B – Scanner card (light) */
.check-typo3-teaser:has(.ntx--b){background:#fff;border:1px solid #e3e3e3;border-left:6px solid #ff8700;border-radius:14px;padding:38px 50px;background-image:radial-gradient(rgba(0,0,0,.09) 1px,transparent 1.2px);background-size:18px 18px;background-position:right -1px top -1px;background-repeat:repeat}
.check-typo3-teaser:has(.ntx--b)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0,#fff 55%,rgba(255,255,255,.6) 100%);pointer-events:none}
.check-typo3-teaser:has(.ntx--b)>*{position:relative}
.check-typo3-teaser:has(.ntx--b) .ntx{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px!important;padding:7px 14px;border:1px solid #e3e3e3;border-radius:999px;background:#fafafa;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.04em;text-transform:uppercase;color:#333}
.check-typo3-teaser:has(.ntx--b) .ntx__live{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ntxpulse 1.8s infinite}
@keyframes ntxpulse{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.check-typo3-teaser:has(.ntx--b) .ntx__chips li{background:#f4f4f4;color:#111}
.check-typo3-teaser:has(.ntx--b) input.form-control{background-color:#fff!important;border:1px solid #cfcfcf!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='5' fill='none' stroke='%23999' stroke-width='2'/%3E%3Cpath d='M11 11l4 4' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E")}
.check-typo3-teaser:has(.ntx--b) .btn{background:#000!important;border-color:#000!important;color:#fff!important}
.check-typo3-teaser:has(.ntx--b) .btn:hover{background:#ff8700!important;border-color:#ff8700!important;color:#000!important}
.check-typo3-teaser:has(.ntx--b) .btn::after,.check-typo3-teaser:has(.ntx--b) .btn::before{filter:invert(1)}
.check-typo3-teaser:has(.ntx--b) .btn:hover::after,.check-typo3-teaser:has(.ntx--b) .btn:hover::before{filter:none}
@media (max-width:767px){.check-typo3-teaser:has(.ntx--b){padding:26px 20px;border-left-width:5px}}
@media (prefers-reduced-motion:reduce){.check-typo3-teaser:has(.ntx--b) .ntx__live{animation:none}}