/* myTextil Konfigurator – alle Regeln unter #mtk-root, damit Theme (OceanWP) und Elementor nicht hineinwirken. */
#mtk-root{
  --mtk-bg:#f5f5f7; --mtk-surface:#ffffff; --mtk-ink:#111113; --mtk-muted:#66666f; --mtk-line:#e0e0e6;
  --mtk-accent:#cf1078; --mtk-accent-ink:#ffffff;
  --mtk-stage:#ebebef; --mtk-mini:#d6d6dc;
  --mtk-warn:#8a5200; --mtk-warn-bg:#fff2d9; --mtk-err:#b3261e;
  --mtk-font:inherit; --mtk-font-display:inherit;
  --mtk-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --mtk-sticky-top:24px;
  container-type:inline-size;
  color:var(--mtk-ink);font-family:var(--mtk-font);font-size:16px;line-height:1.5;text-align:left;
}
#mtk-root *,#mtk-root *::before,#mtk-root *::after{box-sizing:border-box}
#mtk-root [hidden]{display:none!important}
#mtk-root button,#mtk-root input,#mtk-root select,#mtk-root textarea{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;margin:0;min-height:0;box-shadow:none;line-height:1.3}
#mtk-root button{background:none;border:0;padding:0;border-radius:0;cursor:pointer;text-align:inherit}
#mtk-root fieldset{border:0;margin:0;padding:0;min-width:0}
#mtk-root legend{border:0;font-size:inherit;color:inherit}
#mtk-root label{margin:0;font-weight:inherit;display:inline}
#mtk-root ul{margin:0;padding:0}
#mtk-root h2,#mtk-root h3{margin:0;padding:0;color:var(--mtk-ink);letter-spacing:normal}
#mtk-root table{margin:0;border:0}
#mtk-root th,#mtk-root td{border:0;background:none}
#mtk-root svg{display:block}
#mtk-root :focus-visible{outline:2px solid var(--mtk-accent);outline-offset:2px}
#mtk-root .mtk-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

#mtk-root .mtk-hero{display:flex;flex-direction:column;gap:16px;padding-block:0 18px}
#mtk-root .mtk-h{font-family:var(--mtk-font-display);font-weight:800;font-size:clamp(28px,5cqi,50px);line-height:.98;text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance}
#mtk-root .mtk-h span{color:var(--mtk-accent)}
#mtk-root .mtk-tabs{display:flex;flex-wrap:wrap;gap:8px}
#mtk-root .mtk-tab{display:flex;align-items:center;gap:8px;border:1.5px solid var(--mtk-line);background:var(--mtk-surface);border-radius:999px;padding:5px 16px 5px 6px;font-size:15px;font-weight:600;color:var(--mtk-ink)}
#mtk-root .mtk-tab svg{width:28px;height:30px}
#mtk-root .mtk-tab:hover{border-color:var(--mtk-muted)}
#mtk-root .mtk-tab[aria-pressed="true"]{background:var(--mtk-ink);border-color:var(--mtk-ink);color:var(--mtk-surface)}
#mtk-root .mtk-tab[aria-pressed="true"] svg path{fill:var(--mtk-surface)}

#mtk-root .mtk-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}

#mtk-root .mtk-steps{display:flex;flex-direction:column;min-width:0;margin:0}
#mtk-root .mtk-step{padding:22px 0;border-top:1px solid var(--mtk-line)}
#mtk-root .mtk-step:first-of-type{border-top:0;padding-top:4px}
#mtk-root .mtk-step>legend{float:left;width:100%;padding:0;margin:0 0 14px;display:flex;align-items:baseline;gap:12px}
#mtk-root .mtk-step>legend+*{clear:both}
#mtk-root .mtk-step.mtk-off .mtk-st{color:var(--mtk-muted)}
#mtk-root .mtk-no{font:500 13px var(--mtk-mono);color:var(--mtk-accent)}
#mtk-root .mtk-st{font-family:var(--mtk-font-display);font-weight:700;font-size:21px;line-height:1.15}
#mtk-root .mtk-hint{font-size:14px;color:var(--mtk-muted);margin:10px 0 0;max-width:62ch}
#mtk-root .mtk-skip{font-size:14px;color:var(--mtk-muted);margin:0;padding:10px 12px;border:1px dashed var(--mtk-line);border-radius:6px}
#mtk-root .mtk-sub{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mtk-muted);margin:16px 0 8px}
#mtk-root .mtk-sub:first-child{margin-top:0}
#mtk-root .mtk-sub.mtk-sub-gap{margin-top:22px}

#mtk-root .mtk-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
#mtk-root .mtk-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--mtk-surface);border:1.5px solid var(--mtk-line);border-radius:6px;cursor:pointer;transition:border-color .15s}
#mtk-root .mtk-card:hover{border-color:var(--mtk-muted)}
#mtk-root .mtk-card input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
#mtk-root .mtk-card:has(input:checked){border-color:var(--mtk-accent);box-shadow:inset 0 0 0 1px var(--mtk-accent)}
#mtk-root .mtk-card:has(input:focus-visible){outline:2px solid var(--mtk-accent);outline-offset:2px}
#mtk-root .mtk-card b{font-weight:650;line-height:1.25}
#mtk-root .mtk-card small{font-size:13px;color:var(--mtk-muted);line-height:1.35}
#mtk-root .mtk-tag{align-self:flex-start;font:500 10.5px var(--mtk-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--mtk-accent);margin-bottom:2px}

#mtk-root .mtk-swatches{display:flex;flex-wrap:wrap;gap:10px}
#mtk-root .mtk-sw{display:flex;flex-direction:column;align-items:center;gap:5px;width:70px}
#mtk-root .mtk-dot{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--mtk-line);box-shadow:0 0 0 3px var(--mtk-surface),0 0 0 3px transparent;transition:box-shadow .15s}
#mtk-root .mtk-sw[aria-pressed="true"] .mtk-dot{box-shadow:0 0 0 3px var(--mtk-surface),0 0 0 5px var(--mtk-accent)}
#mtk-root .mtk-dot::after{content:"";position:absolute;inset:0;display:none;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
#mtk-root .mtk-dot.mtk-lt::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111113' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
#mtk-root .mtk-sw[aria-pressed="true"] .mtk-dot::after{display:block}
#mtk-root .mtk-sw>span:last-child{font-size:12px;line-height:1.2;text-align:center;color:var(--mtk-muted)}
#mtk-root .mtk-sw[aria-pressed="true"]>span:last-child{color:var(--mtk-ink);font-weight:600}
#mtk-root .mtk-heather{background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.2px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.2px);background-size:5px 5px,7px 7px}

#mtk-root .mtk-pos{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
#mtk-root .mtk-pcard{display:flex;gap:10px;align-items:center;padding:10px;background:var(--mtk-surface);border:1.5px solid var(--mtk-line);border-radius:6px;color:var(--mtk-ink)}
#mtk-root .mtk-pcard:hover{border-color:var(--mtk-muted)}
#mtk-root .mtk-pcard[aria-pressed="true"]{border-color:var(--mtk-accent);box-shadow:inset 0 0 0 1px var(--mtk-accent)}
#mtk-root .mtk-pcard svg{flex:none;width:40px;height:44px}
#mtk-root .mtk-pcard b{display:block;font-size:14px;font-weight:600;line-height:1.25}
#mtk-root .mtk-pcard small{display:block;font-size:12px;color:var(--mtk-muted)}
#mtk-root .mtk-inks{display:flex;flex-direction:column;gap:8px;margin-top:14px}
#mtk-root .mtk-inks:empty{display:none}
#mtk-root .mtk-ink{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;background:var(--mtk-surface);border:1px solid var(--mtk-line);border-radius:6px}
#mtk-root .mtk-ink b{font-weight:600;font-size:15px}
#mtk-root .mtk-ink small{color:var(--mtk-muted);font-size:13px;display:block}
#mtk-root select{background:var(--mtk-surface);border:1.5px solid var(--mtk-line);border-radius:6px;padding:8px 10px;font-size:15px;height:auto;width:auto;max-width:100%}
#mtk-root .mtk-count{margin-top:12px;font-size:14px}
#mtk-root .mtk-count b{font:500 15px var(--mtk-mono)}

#mtk-root .mtk-cuts{display:flex;flex-wrap:wrap;gap:8px}
#mtk-root .mtk-chk{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1.5px solid var(--mtk-line);border-radius:999px;background:var(--mtk-surface);cursor:pointer;font-size:14px;font-weight:600}
#mtk-root .mtk-chk:has(input:checked){border-color:var(--mtk-ink)}
#mtk-root .mtk-chk input,#mtk-root .mtk-consent input{accent-color:var(--mtk-accent);width:16px;height:16px;margin:0;padding:0;appearance:auto;-webkit-appearance:checkbox}
#mtk-root .mtk-qblock{margin-top:14px;background:var(--mtk-surface);border:1px solid var(--mtk-line);border-radius:6px}
#mtk-root .mtk-qhead{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--mtk-line)}
#mtk-root .mtk-qhead .mtk-d{width:18px;height:18px;border-radius:50%;border:1px solid var(--mtk-line);flex:none}
#mtk-root .mtk-qhead b{font-weight:650}
#mtk-root .mtk-qhead .mtk-s{margin-left:auto;font:500 14px var(--mtk-mono)}
#mtk-root .mtk-qwrap{overflow-x:auto}
#mtk-root .mtk-qt{border-collapse:collapse;width:100%;min-width:600px;font-variant-numeric:tabular-nums}
#mtk-root .mtk-qt th{font:500 12px var(--mtk-mono);color:var(--mtk-muted);padding:8px 4px;text-align:center}
#mtk-root .mtk-qt th:first-child{text-align:left;padding-left:12px;font-size:13px;font-weight:600;font-family:var(--mtk-font);color:var(--mtk-ink)}
#mtk-root .mtk-qt td{padding:4px 3px;text-align:center}
#mtk-root .mtk-qt td:last-child,#mtk-root .mtk-qt th:last-child{padding-right:12px}
#mtk-root .mtk-qt input{width:100%;min-width:44px;max-width:60px;height:auto;text-align:center;padding:7px 2px;border:1.5px solid var(--mtk-line);border-radius:5px;background:var(--mtk-bg);font:500 15px var(--mtk-mono);-moz-appearance:textfield}
#mtk-root .mtk-qt input::-webkit-inner-spin-button,#mtk-root .mtk-qt input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#mtk-root .mtk-qt input:focus{border-color:var(--mtk-accent);outline:none}
#mtk-root .mtk-qt input.mtk-has{border-color:var(--mtk-ink);background:var(--mtk-surface)}
#mtk-root .mtk-qt .mtk-rs{font:500 14px var(--mtk-mono)}
#mtk-root .mtk-qt tbody tr{border-top:1px solid var(--mtk-line)}

#mtk-root .mtk-note{margin:12px 0 0;font-size:14px;color:var(--mtk-warn);background:var(--mtk-warn-bg);padding:9px 12px;border-radius:6px}
#mtk-root .mtk-note button{margin-left:6px;color:inherit;font-weight:700;text-decoration:underline}
#mtk-root .mtk-minq{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
#mtk-root .mtk-minq span{font:500 12px var(--mtk-mono);padding:3px 8px;border-radius:4px;background:var(--mtk-surface);border:1px solid var(--mtk-line)}
#mtk-root .mtk-minq span.mtk-hit{border-color:var(--mtk-accent);color:var(--mtk-accent)}

#mtk-root .mtk-drop{position:relative;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;padding:20px 14px;margin-top:12px;border:2px dashed var(--mtk-line);border-radius:6px;background:var(--mtk-surface);cursor:pointer}
#mtk-root .mtk-drop:hover,#mtk-root .mtk-drop.mtk-over{border-color:var(--mtk-accent)}
#mtk-root .mtk-drop input{position:absolute;opacity:0;width:1px;height:1px}
#mtk-root .mtk-drop:has(input:focus-visible){outline:2px solid var(--mtk-accent);outline-offset:2px}
#mtk-root .mtk-drop small{color:var(--mtk-muted);font-size:13px}
#mtk-root .mtk-flist{list-style:none;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14px}
#mtk-root .mtk-flist li{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--mtk-line);border-radius:5px;background:var(--mtk-surface);margin:0}
#mtk-root .mtk-flist li span:first-child{overflow-wrap:anywhere;min-width:0;flex:1}
#mtk-root .mtk-flist li span:nth-child(2){color:var(--mtk-muted);font:500 13px var(--mtk-mono);white-space:nowrap}
#mtk-root .mtk-flist li button{color:var(--mtk-muted);font-size:13px;text-decoration:underline}

#mtk-root .mtk-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px}
#mtk-root .mtk-field.mtk-plzort{grid-column:1/-1;display:grid;grid-template-columns:minmax(90px,1fr) 3fr;gap:12px}
@container (max-width:560px){#mtk-root .mtk-form{grid-template-columns:1fr}}
#mtk-root .mtk-field{display:flex;flex-direction:column;gap:4px;min-width:0}
#mtk-root .mtk-field.mtk-full{grid-column:1/-1}
#mtk-root .mtk-field.mtk-narrow{max-width:340px}
#mtk-root .mtk-field.mtk-gap{margin-top:12px}
#mtk-root .mtk-field label{font-size:13px;font-weight:600;color:var(--mtk-muted);display:block}
#mtk-root .mtk-field input,#mtk-root .mtk-field textarea{border:1.5px solid var(--mtk-line);border-radius:6px;background:var(--mtk-surface);padding:9px 11px;font-size:15px;width:100%;height:auto}
#mtk-root .mtk-field textarea{resize:vertical;min-height:84px;line-height:1.4}
#mtk-root .mtk-field input:focus,#mtk-root .mtk-field textarea:focus{border-color:var(--mtk-accent);outline:none}
#mtk-root .mtk-field input[aria-invalid="true"]{border-color:var(--mtk-err)}
#mtk-root .mtk-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mtk-muted);margin-top:16px}
#mtk-root .mtk-consent input{width:18px;height:18px;margin-top:2px;flex:none}
#mtk-root .mtk-consent a{color:var(--mtk-ink);text-decoration:underline}
#mtk-root .mtk-req{color:var(--mtk-accent)}

#mtk-root .mtk-side{position:sticky;top:var(--mtk-sticky-top);display:flex;flex-direction:column;gap:14px;min-width:0}
#mtk-root .mtk-stage{background:var(--mtk-stage);border-radius:8px;padding:16px 12px 12px}
#mtk-root .mtk-views{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#mtk-root .mtk-view{display:flex;flex-direction:column;align-items:center;gap:4px}
#mtk-root .mtk-view svg{width:100%;max-width:180px;height:auto;aspect-ratio:200/220}
#mtk-root .mtk-view span{font:500 11px var(--mtk-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mtk-muted)}
#mtk-root .mtk-stagebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
#mtk-root .mtk-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#mtk-root .mtk-pchips{display:flex;flex-wrap:wrap;gap:6px}
#mtk-root .mtk-pchip{width:24px;height:24px;border-radius:50%;border:1px solid var(--mtk-line);box-shadow:0 0 0 2px var(--mtk-stage)}
#mtk-root .mtk-pchip[aria-pressed="true"]{box-shadow:0 0 0 2px var(--mtk-stage),0 0 0 4px var(--mtk-ink)}
#mtk-root .mtk-imgbtn{position:relative;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px;border:1.5px solid var(--mtk-ink);border-radius:999px;cursor:pointer}
#mtk-root .mtk-imgbtn input{position:absolute;opacity:0;width:1px;height:1px}
#mtk-root .mtk-imgbtn:has(input:focus-visible){outline:2px solid var(--mtk-accent);outline-offset:2px}
#mtk-root .mtk-linkbtn{color:var(--mtk-muted);font-size:13px;text-decoration:underline}
#mtk-root .mtk-summary{background:var(--mtk-surface);border:1.5px solid var(--mtk-ink);border-radius:8px;padding:18px 20px;max-width:720px}
#mtk-root .mtk-summary h3{font-family:var(--mtk-font-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
#mtk-root .mtk-sl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:14px}
#mtk-root .mtk-sl dt{color:var(--mtk-muted);font-weight:400;margin:0}
#mtk-root .mtk-sl dd{margin:0;text-align:right;overflow-wrap:anywhere}
#mtk-root .mtk-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;border-top:2px solid var(--mtk-ink)}
#mtk-root .mtk-total span{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
#mtk-root .mtk-total b{font-family:var(--mtk-font-display);font-weight:700;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
#mtk-root .mtk-send{display:block;margin-top:14px;width:100%;border-radius:6px;padding:14px;background:var(--mtk-accent);color:var(--mtk-accent-ink);font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.06em;text-align:center}
#mtk-root .mtk-send:hover{filter:brightness(1.07)}
#mtk-root .mtk-send:disabled{opacity:.6;cursor:wait}
#mtk-root .mtk-errs{margin:10px 0 0;padding:0 0 0 18px;font-size:14px;color:var(--mtk-err)}
#mtk-root .mtk-fine{font-size:12px;color:var(--mtk-muted);margin:10px 0 0;text-align:center}

#mtk-root .mtk-overlay{position:fixed;inset:0;z-index:999999;background:rgba(10,10,12,.55);display:flex;align-items:center;justify-content:center;padding:16px}
#mtk-root .mtk-dlg{background:var(--mtk-surface);color:var(--mtk-ink);border-radius:10px;max-width:520px;width:100%;padding:26px}
#mtk-root .mtk-dlg h3{font-family:var(--mtk-font-display);font-weight:800;font-size:26px;line-height:1.05;margin:0 0 10px;text-transform:uppercase}
#mtk-root .mtk-dlg p{margin:0 0 18px}
#mtk-root .mtk-dlg .mtk-ovno{font:500 14px var(--mtk-mono);color:var(--mtk-muted)}
#mtk-root .mtk-btn{border:1.5px solid var(--mtk-ink);border-radius:6px;padding:10px 18px;font-weight:700;background:var(--mtk-ink);color:var(--mtk-surface)}
/* Schmale Spalte / Handy: einspaltig, Vorschau oben (steht am Ende, damit es die Sticky-Regel überschreibt) */
@container (max-width:900px){
  #mtk-root .mtk-grid{grid-template-columns:minmax(0,1fr)}
  #mtk-root .mtk-side{order:-1;position:static}
}
@media (prefers-reduced-motion:reduce){#mtk-root *{transition:none!important}}