/* Trautwein x Pöppel, Anhänger-Konfigurator. Alle Regeln auf .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] begrenzt (Chatbot-Regel 1.3). Serifenlose Fassung (05.11.2026), ohne !important außerhalb des eigenen Bereichs. */ .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"]{margin: 0; padding: 0; background: linear-gradient(180deg, #e6e7e2 0%, #eaebe6 26%, #e8e9e4 58%, #e4e5e0 100%); background-attachment: fixed; font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *::before,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *::after{box-sizing: border-box;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"], .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf{--gelb: #f9dc06; --tinte: #17181a; --tief: #0f1319; --grau-bg: #f2f2ef; --linie: #e2e3dd; --gedeckt: #575c63; --weiss: #ffffff; --panelbreite: 408px; --radius: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.5; color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf *,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *::before, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf *::before,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *::after, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf *::after{box-sizing: border-box;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] button, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf button{font: inherit; color: inherit; background: none; border: 0; cursor: pointer;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] img, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf img{max-width: 100%; display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] :focus-visible, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf :focus-visible{outline: 3px solid var(--tinte); outline-offset: 2px; border-radius: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-entwurf{margin: 0; padding: 9px 24px; background: #0f1319; color: #f4f5f2; border-bottom: 4px solid #f9dc06; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held{position: relative; height: clamp(620px, 90vh, 940px); overflow: hidden; background: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-tag{opacity: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held::after{content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(15, 19, 25, .78) 0%, rgba(15, 19, 25, .52) 42%, rgba(15, 19, 25, .18) 70%, rgba(15, 19, 25, .30) 100%); z-index: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held .tw-hero-ki{z-index: 2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-text{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-innen{max-width: 1400px; margin: 0 auto; padding: 0 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos{display: inline-flex; align-items: center; gap: 16px; margin-bottom: 22px; background: rgba(255,255,255,.94); border-radius: 12px; padding: 12px 18px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:first-child{height: 34px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:last-child{height: 29px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-mal{color: #575c63; font-weight: 600; font-size: 17px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-innen h1{margin: 0 0 10px; color: #fff; font-size: clamp(28px, 3.6vw, 46px); line-height: 1.12; letter-spacing: -.01em; max-width: 22ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-absatz{margin: 0 0 20px; color: #dde1e6; font-size: 16px; max-width: 68ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-text .tw-knopf{text-decoration: none; background: #f9dc06; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-text .tw-knopf:hover{background: #ffe94d;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nur-widget .tw-held{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-app{position: relative; height: var(--app-hoehe, calc(100vh - 118px)); min-height: 620px; overflow: hidden; background: var(--buehne, #e4e5df); transition: background-color .45s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-app::before{content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; background: radial-gradient(120% 74% at 46% -14%, rgba(255,255,255,.34) 0%, rgba(255,255,255,.12) 46%, rgba(255,255,255,0) 74%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-app::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 130px; pointer-events: none; z-index: 2; background: linear-gradient(180deg, rgba(230,231,226,0) 0%, rgba(230,231,226,.55) 55%, #e6e7e2 100%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-eingebettet .tw-app{height: 760px; min-height: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 60px calc(var(--panelbreite) + 210px) 72px 24px; overflow: hidden;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand img{position: absolute; inset: 60px calc(var(--panelbreite) + 210px) 72px 24px; width: calc(100% - var(--panelbreite) - 234px); height: calc(100% - 132px); object-fit: contain; z-index: 1; transform: scale(var(--zoom, 1)); transform-origin: 32% 50%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand.tw-greifbar{cursor: grab; touch-action: pan-y;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand.tw-greifbar:active{cursor: grabbing;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-bild{user-select: none; -webkit-user-drag: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand-leer{color: var(--gedeckt); text-align: center; font-size: 16px; max-width: 300px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ki-badge{position: absolute; top: 18px; left: 24px; background: rgba(15, 19, 25, .72); color: #f4f5f2; font-size: 14px; font-weight: 600; padding: 5px 11px; border-radius: 999px; pointer-events: none; z-index: 5;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-glas{background: linear-gradient(155deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.34) 100%); backdrop-filter: blur(22px) saturate(150%); -webkit-backdrop-filter: blur(22px) saturate(150%); border: 1px solid rgba(255,255,255,.62); box-shadow: 0 1px 0 rgba(255,255,255,.72) inset, 0 12px 34px rgba(15,19,25,.10), 0 2px 8px rgba(15,19,25,.05);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modellwahl{position: absolute; top: 20px; left: calc((100% - var(--panelbreite) - 186px) / 2 + 12px); transform: translateX(-50%); display: flex; gap: 3px; padding: 4px; border-radius: 999px; z-index: 6; max-width: calc(100% - var(--panelbreite) - 120px);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modell-pille{padding: 9px 17px; min-height: 42px; border-radius: 999px; font-weight: 600; font-size: 14px; white-space: nowrap; color: #3d4148; transition: color .18s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modell-pille[aria-pressed="true"]{background: #fff; color: #17181a; box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 3px 10px rgba(15,19,25,.16), 0 1px 3px rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-links{position: absolute; left: 18px; bottom: 18px; z-index: 6; display: flex; flex-direction: column; gap: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss{position: absolute; top: 20px; right: calc(var(--panelbreite) + 34px); width: 178px; z-index: 6; border-radius: 16px; padding: 9px 10px 11px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss-kopf{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss-kopf span{font-size: 14px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #59606a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss-kopf button{width: 30px; height: 30px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss-kopf button:hover{background: rgba(255, 255, 255, .5);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss svg{width: 100%; height: auto; display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus{display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; align-self: flex-start;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus button{padding: 9px 18px; min-height: 44px; border-radius: 999px; font-weight: 700; color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus button[aria-pressed="true"]{background: var(--weiss); box-shadow: 0 2px 10px rgba(15, 19, 25, .15);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus button[disabled]{opacity: .4; cursor: not-allowed;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol{position: absolute; inset: 0 calc(var(--panelbreite) + 210px) 0 24px; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 4;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol[hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol > span{width: 118px; height: 118px; border-radius: 999px; background: rgba(255, 255, 255, .55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 10px 34px rgba(15, 19, 25, .14); display: flex; align-items: center; justify-content: center; opacity: .92;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol svg{width: 82px; height: 82px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-mitte{position: absolute; bottom: 18px; left: calc((100% - var(--panelbreite) - 186px) / 2 + 12px); transform: translateX(-50%); z-index: 5; text-align: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-galerie{display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; padding: 4px 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-galerie[hidden],.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-innen-seiten[hidden],.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss[hidden],.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus [hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-blatt{width: 44px; height: 44px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-blatt:hover{background: rgba(255, 255, 255, .5);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-blatt svg{width: 13px; height: 13px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-punkte{display: flex;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-punkt{width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-punkt::after{content: ""; width: 9px; height: 9px; border-radius: 999px; background: rgba(23, 24, 26, .35);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-punkt.tw-aktiv::after{background: var(--tinte); box-shadow: 0 0 0 3px rgba(249, 220, 6, .8);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ansicht-name{font-size: 14px; color: #2c3138; margin: 6px 0 0; min-height: 1.2em; font-weight: 600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-innen-seiten{display: inline-flex; gap: 4px; border-radius: 999px; padding: 4px; margin-top: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-innen-seite{padding: 7px 15px; min-height: 40px; border-radius: 999px; font-weight: 600; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-innen-seite[aria-pressed="true"]{background: var(--weiss);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zoomer[hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zoomer{position: absolute; right: calc(var(--panelbreite) + 34px); bottom: 18px; z-index: 6; display: inline-flex; align-items: center; gap: 2px; border-radius: 999px; padding: 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zoomer button{width: 42px; height: 42px; border-radius: 999px; font-size: 20px; font-weight: 700; color: #2c3138; display: inline-flex; align-items: center; justify-content: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zoomer button:hover{background: rgba(255, 255, 255, .55);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zoomer span{min-width: 52px; text-align: center; font-size: 14px; font-weight: 700; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel{position: absolute; top: 18px; right: 18px; bottom: 18px; width: var(--panelbreite); display: flex; flex-direction: column; gap: 10px; z-index: 7;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-kopf{border-radius: 18px; padding: 14px 17px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex: none; background: linear-gradient(155deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.68) 100%); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); border: 1px solid rgba(255,255,255,.7); box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 8px 26px rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-modell{margin: 0; font-weight: 700; font-size: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-serie{margin: 2px 0 0; font-size: 14px; color: var(--gedeckt);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-preis{text-align: right; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-preis-label{display: block; font-size: 14px; color: var(--gedeckt);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-preis-wert{font-size: 20px; font-weight: 700; white-space: nowrap;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-preis-zusatz{display: block; font-size: 14px; color: var(--gedeckt); max-width: 150px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav{display: flex; gap: 4px; padding: 6px; flex: none; border-radius: 999px; position: relative; z-index: 3; background: linear-gradient(155deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.58) 100%); backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); border: 1px solid rgba(255,255,255,.66); box-shadow: 0 1px 0 rgba(255,255,255,.75) inset, 0 6px 20px rgba(15,19,25,.09);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button{width: 42px; height: 42px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #3d4148;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button{background: transparent; box-shadow: none; transition: background .18s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:hover{background: rgba(255,255,255,.9); box-shadow: 0 2px 8px rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav svg{width: 20px; height: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button{position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:hover::after,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:focus-visible::after{content: attr(aria-label); position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: #0f1319; color: #fff; font-size: 14px; font-weight: 600; padding: 5px 10px; border-radius: 7px; white-space: nowrap; z-index: 30; pointer-events: none; box-shadow: 0 4px 14px rgba(15, 19, 25, .25);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:first-child:hover::after,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:first-child:focus-visible::after{left: 0; transform: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:last-child:hover::after,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button:last-child:focus-visible::after{left: auto; right: 0; transform: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-status{margin: 0; padding: 0 4px; font-size: 14px; color: var(--gedeckt); flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-status:empty{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-status:not(:empty){color: var(--tinte); font-weight: 600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt{overflow-y: auto; flex: 1; padding: 14px 2px 26px; scroll-behavior: smooth; position: relative; z-index: 1; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22px, #000 calc(100% - 34px), transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 22px, #000 calc(100% - 34px), transparent 100%); scrollbar-width: thin; scrollbar-color: rgba(15,19,25,.18) transparent;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt::-webkit-scrollbar{width: 7px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt::-webkit-scrollbar-track{background: transparent;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt::-webkit-scrollbar-thumb{background: rgba(15,19,25,.16); border-radius: 999px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt::-webkit-scrollbar-thumb:hover{background: rgba(15,19,25,.28);} @media (prefers-reduced-motion: reduce){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt{scroll-behavior: auto;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe{margin-bottom: 10px; scroll-margin-top: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe summary{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; min-height: 52px; cursor: pointer; font-weight: 700; list-style: none; font-size: 15px; border-radius: 16px; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.72); box-shadow: 0 1px 0 rgba(255,255,255,.75) inset, 0 4px 16px rgba(15,19,25,.07);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe summary::-webkit-details-marker{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe summary::after{content: ""; width: 8px; height: 8px; border-right: 2px solid var(--gedeckt); border-bottom: 2px solid var(--gedeckt); transform: rotate(45deg); flex: none; margin-right: 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe[open] summary::after{transform: rotate(-135deg);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe[open] summary{border-radius: 16px 16px 0 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe-zahl{margin-left: auto; font-size: 14px; font-weight: 700; background: var(--gelb); border-radius: 999px; padding: 2px 9px; min-width: 24px; text-align: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe-zahl:empty{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe-beschr{margin: 0 0 10px; padding: 11px 16px 13px; font-size: 14px; color: var(--gedeckt); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.72); border-top: 0; border-radius: 0 0 16px 16px; box-shadow: 0 4px 16px rgba(15,19,25,.07);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option{border-radius: 16px; margin: 0 0 9px; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.7); box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 4px 16px rgba(15,19,25,.07); overflow: hidden; transition: box-shadow .2s ease, transform .2s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter{display: flex; align-items: center; gap: 11px; width: 100%; text-align: left; padding: 12px 13px 5px; min-height: 58px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter[aria-disabled="true"]{cursor: not-allowed;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter[aria-disabled="true"] .tw-option-name,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter[aria-disabled="true"] .tw-option-beschr,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter[aria-disabled="true"] .tw-option-thumb{opacity: .45;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-kaestchen{flex: none; width: 24px; height: 24px; border: 2px solid #c9cbc5; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; background: var(--weiss);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter[aria-pressed="true"] .tw-option-kaestchen{background: var(--gelb); border-color: var(--gelb);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-kaestchen svg{width: 14px; height: 14px; display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter[aria-pressed="true"] .tw-option-kaestchen svg{display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-thumb{flex: none; width: 74px; height: 56px; object-fit: cover; border-radius: 10px; background: var(--grau-bg);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-text{flex: 1 1 auto; min-width: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-name{display: block; font-weight: 600; font-size: 15px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-beschr{display: block; font-size: 14px; color: var(--gedeckt);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-preis{flex: none; font-weight: 700; white-space: nowrap; font-size: 14px; align-self: flex-start; margin-top: 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-preis.tw-anfrage,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-preis.tw-serie{color: var(--gedeckt); font-weight: 600; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-fuss{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 0 12px 8px 46px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ansehen{font-size: 14px; font-weight: 600; color: var(--gedeckt); text-decoration: underline; text-underline-offset: 3px; padding: 6px 4px; min-height: 32px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ansehen:hover{color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-grund{margin: 0; font-size: 14px; color: #8a5a00; flex: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-grund:empty{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage{background: var(--weiss); border-radius: 16px; box-shadow: 0 2px 12px rgba(15, 19, 25, .07); margin-top: 14px; padding: 16px 15px; scroll-margin-top: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage h2{margin: 0 0 10px; font-size: 17px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zusammenfassung{background: var(--grau-bg); border-radius: 12px; padding: 2px 12px; margin-bottom: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-summe-zeile{display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--linie); font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-summe-zeile:last-child{border-bottom: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-summe-zeile .tw-gedeckt{color: var(--gedeckt);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-summe-gesamt{font-weight: 700; font-size: 16px; border-top: 2px solid var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-preishinweis{font-size: 14px; color: var(--gedeckt); margin: 0 0 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld{margin-bottom: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld label{display: block; font-weight: 600; font-size: 14px; margin-bottom: 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld input,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld textarea{width: 100%; border: 1.5px solid #c9cbc5; border-radius: 10px; padding: 10px 12px; font: inherit; background: var(--weiss); color: var(--tinte); min-height: 44px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld input:focus-visible,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld textarea:focus-visible{outline: 3px solid var(--gelb); outline-offset: 0; border-color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld [aria-invalid="true"]{border-color: #b23b00;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld-fehler{margin: 4px 0 0; font-size: 14px; color: #b23b00;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-check{display: flex; gap: 10px; align-items: flex-start; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-check input{width: 20px; height: 20px; margin-top: 1px; flex: none; accent-color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-demo{font-size: 14px; color: var(--gedeckt); background: var(--grau-bg); border-radius: 10px; padding: 9px 11px; margin: 10px 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-erfolg{border: 2px solid var(--gelb); border-radius: var(--radius); padding: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-erfolg h3{margin: 0 0 6px; font-size: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-erfolg p{margin: 0; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf{background: var(--tinte); color: var(--weiss); border-radius: 999px; padding: 13px 22px; min-height: 48px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; justify-content: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf:hover{background: #000;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf svg{width: 13px; height: 13px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf-neben{border: 2px solid var(--linie); border-radius: 999px; padding: 11px 18px; min-height: 48px; font-weight: 600; color: var(--gedeckt); display: inline-flex; align-items: center; justify-content: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf-neben:hover{border-color: var(--gedeckt); color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-knopf{width: 100%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup{position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup[hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-hinter{position: absolute; inset: 0; background: rgba(15, 19, 25, .55);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-karte{position: relative; background: var(--weiss); border-radius: 22px; max-width: 620px; width: 100%; max-height: 86vh; overflow-y: auto; box-shadow: 0 24px 70px rgba(15, 19, 25, .35); transform: scale(.62); opacity: 0; transition: transform .22s cubic-bezier(.2, .9, .3, 1.15), opacity .16s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup.tw-auf .tw-popup-karte{transform: scale(1); opacity: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-x{position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 999px; background: rgba(255, 255, 255, .9); box-shadow: 0 2px 10px rgba(15, 19, 25, .2); display: inline-flex; align-items: center; justify-content: center; z-index: 2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-x svg{width: 14px; height: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild{background: var(--grau-bg); height: 320px; display: flex; align-items: center; justify-content: center; border-radius: 22px 22px 0 0; overflow: hidden; position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild img{max-height: 100%; max-width: 100%; object-fit: contain;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild .tw-ki-badge{position: absolute; top: 12px; left: 12px; right: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-inhalt{padding: 18px 22px 22px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-inhalt h2{margin: 0 0 2px; font-size: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-preis{margin: 0 0 10px; font-weight: 700; color: var(--tinte);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-inhalt > p{margin: 0 0 12px; color: #3d4148; font-size: 15px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-daten{margin: 0; border-top: 1px solid var(--linie);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-daten div{display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px dashed var(--linie); font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-daten dt{color: var(--gedeckt); margin: 0; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-daten dd{margin: 0; font-weight: 600; text-align: right;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-rahmen{fill: rgba(255, 255, 255, .62); stroke: #2c3138; stroke-width: 2.2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-linie{stroke: #2c3138; stroke-width: 2.2; fill: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-regal{fill: rgba(249, 220, 6, .62); stroke: #b8a300; stroke-width: 1.2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-teil{stroke: #a89400; stroke-width: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-block{fill: rgba(23, 24, 26, .78);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-boden{fill: none; stroke: rgba(23, 24, 26, .25); stroke-width: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-tuer{stroke: #17181a; stroke-width: 2; fill: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-offen{stroke: #17181a; stroke-width: 2; fill: rgba(255, 255, 255, .4); stroke-dasharray: 4 3;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-punkt{fill: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-label{font-size: 10px; fill: #2c3138; font-family: inherit;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mobilleiste{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav{position: sticky; top: 0; z-index: 30; background: linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.66) 100%); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border-bottom: 1px solid rgba(255,255,255,.6); box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 4px 20px rgba(15,19,25,.06);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-innen{max-width: 1400px; margin: 0 auto; padding: 10px 20px; display: flex; align-items: center; gap: 22px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-logos{display: inline-flex; align-items: center; gap: 12px; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-logo-tw{height: 30px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-logo-pp{height: 26px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-mal{color: #575c63; font-weight: 600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-links{display: flex; gap: 4px; margin-left: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-links a{color: #17181a; text-decoration: none; font-weight: 600; font-size: 15px; padding: 11px 13px; border-radius: 999px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-links a:hover{background: #f5f5f3;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-cta{text-decoration: none; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block{max-width: 1240px; margin: 0 auto; padding: 60px 24px 24px; position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #modelle{max-width: none; padding-left: 0; padding-right: 0; background: radial-gradient(64% 76% at 48% 48%, rgba(255,255,255,.78) 0%, rgba(255,255,255,.40) 46%, rgba(255,255,255,0) 76%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #modelle > *{max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block h2{font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -.015em; margin: 0; scroll-margin-top: 24px; line-height: 1.12;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-kopf{display: grid; grid-template-columns: minmax(0, 26ch) minmax(0, 1fr); gap: 8px 48px; align-items: end; border-bottom: 1px solid rgba(15,19,25,.10); padding-bottom: 18px; margin-bottom: 30px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-hinweis{color: #575c63; font-size: 15px; max-width: 72ch; margin: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-dunkel{max-width: none; background: linear-gradient(180deg, #131820 0%, #0f1319 50%, #131820 100%); margin-top: 70px; padding: 0; position: relative; border-radius: 34px; overflow: hidden; box-shadow: 0 20px 60px rgba(15,19,25,.18);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-dunkel::before{content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(80% 60% at 30% 0%, rgba(249,220,6,.07) 0%, rgba(249,220,6,0) 60%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-innen{max-width: 1240px; margin: 0 auto; padding: 56px 24px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 40px; align-items: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-dunkel h2{color: #fff;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-text p{color: #c9ccd2; max-width: 62ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fakten{list-style: none; margin: 18px 0 0; padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fakten li{color: #eceef0; padding: 9px 0 9px 26px; position: relative; border-bottom: 1px solid #232a35; font-size: 15px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fakten li::before{content: ""; position: absolute; left: 2px; top: 16px; width: 9px; height: 9px; border-radius: 999px; background: #f9dc06;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild{margin: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild img{border-radius: 16px; width: 100%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild figcaption{color: #8a8f96; font-size: 14px; margin-top: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fussleiste{background: linear-gradient(180deg, #131820 0%, #0f1319 100%); margin-top: 70px; border-top: 3px solid #f9dc06;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fussleiste-innen{max-width: 1240px; margin: 0 auto; padding: 32px 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fussleiste p{color: #c9ccd2; font-size: 14px; margin: 0; line-height: 1.6;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fussleiste a{color: #f9dc06;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nur-widget .tw-nav,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nur-widget .tw-block,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nur-widget .tw-block-dunkel,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nur-widget .tw-fussleiste,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nur-widget .tw-entwurf{display: none;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-app{height: auto; min-height: 0; overflow: visible; background: #e9ebe6;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-wrap{position: relative; height: 54vh; min-height: 380px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand{position: absolute; inset: 0; padding: 64px 10px 74px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand::before,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand::after{left: 50%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol{inset: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modellwahl,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-mitte{left: auto; transform: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ki-badge{left: 10px; top: 62px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol{inset: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol > span{width: 92px; height: 92px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-symbol svg{width: 64px; height: 64px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modellwahl{top: 10px; left: 8px; right: 8px; transform: none; max-width: none; overflow-x: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-links{left: 10px; bottom: 10px; width: auto; flex-direction: row; align-items: flex-end;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-grundriss{position: absolute; top: 62px; right: 10px; left: auto; bottom: auto; width: 148px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-mitte{bottom: 12px; left: auto; right: 10px; transform: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zoomer{right: 10px; bottom: 64px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-galerie{padding: 2px 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ansicht-name{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel{position: static; width: auto; padding: 10px 12px 0; background: #e6e7e2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-panel-inhalt{overflow: visible; padding-bottom: 84px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-links{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-innen{padding: 10px 14px; gap: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-cta{margin-left: auto; padding: 11px 15px; min-height: 44px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-logo-tw{height: 23px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-nav-logo-pp{height: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held{height: clamp(520px, 76vh, 680px);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos{gap: 11px; padding: 9px 13px; margin-bottom: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:first-child{height: 25px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:last-child{height: 21px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-innen{padding: 0 16px 30px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-absatz{font-size: 15px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block{padding: 40px 16px 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block h2{font-size: 22px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-karten,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-innen{grid-template-columns: 1fr; padding: 40px 16px; gap: 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-dunkel{margin-top: 46px; border-radius: 22px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fussleiste-innen{grid-template-columns: 1fr; gap: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fussleiste{margin-top: 40px; padding-bottom: 74px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild{height: 220px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mobilleiste{display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: #fff; border-top: 1px solid #e3e4e0; box-shadow: 0 -6px 20px rgba(15, 19, 25, .08); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); align-items: center; justify-content: space-between; gap: 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-eingebettet .tw-mobilleiste{position: static; box-shadow: none;}} @media (prefers-reduced-motion: reduce){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf *,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *::before, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf *::before,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] *::after, .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-konf *::after{transition: none !important; animation: none !important;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-thumbs{display: flex; gap: 8px; padding: 10px 22px 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-thumbs[hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-thumb{width: 74px; height: 54px; border-radius: 10px; overflow: hidden; border: 2px solid #e3e4e0; padding: 0; background: #f5f5f3;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-thumb img{width: 100%; height: 100%; object-fit: cover;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-thumb[aria-pressed="true"]{border-color: #f9dc06; box-shadow: 0 0 0 2px rgba(249, 220, 6, .4);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bildtext{margin: 8px 0 2px; font-size: 14px; color: #575c63;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bildtext:empty{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druckknopf{width: 100%; margin-bottom: 10px; gap: 9px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druckknopf svg{width: 16px; height: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck{display: none;} @media print{.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] > *:not(.tw-druck){display: none !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"]{background: #fff;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck{display: block; color: #000; font-size: 11pt; line-height: 1.45;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-kopf{display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 3px solid #000; padding-bottom: 10px; margin-bottom: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-kopf h1{margin: 0; font-size: 17pt;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-kopf p{margin: 2px 0 0; font-size: 9.5pt; color: #333;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-logos{display: flex; align-items: center; gap: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-logos img{height: 24px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-modell{display: flex; gap: 16px; align-items: center; margin-bottom: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-modell img{width: 150px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-modell h2{margin: 0 0 2px; font-size: 13pt;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-modell p{margin: 0; font-size: 10pt; color: #222;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck table{width: 100%; border-collapse: collapse; margin-bottom: 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck td{padding: 4pt 0; border-bottom: 1px solid #aaa; vertical-align: top;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck td:last-child{text-align: right; white-space: nowrap; font-weight: 600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck tr.tw-druck-summe td{border-top: 2.5px solid #000; border-bottom: 0; font-weight: 700; font-size: 12pt;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-hinweis{font-size: 8.5pt; color: #333; margin: 0 0 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-druck-fuss{font-size: 9pt; color: #222; border-top: 1px solid #999; padding-top: 8px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-liste{display: flex; flex-direction: column;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk{display: grid; grid-template-columns: 42px minmax(0, 300px) minmax(0, 1fr) minmax(0, 210px); gap: 0 30px; align-items: center; padding: 26px 0; border-bottom: 1px solid rgba(15,19,25,.09); scroll-margin-top: 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk:first-child{border-top: 1px solid rgba(15,19,25,.09);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-nr{font-size: 14px; font-weight: 700; color: #a7aba5; letter-spacing: .06em; align-self: start; padding-top: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-bild{margin: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-bild img{width: 100%; height: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-text h3{margin: 0 0 3px; font-size: 21px; letter-spacing: -.01em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-kurz{margin: 0 0 4px; color: #575c63; font-size: 15px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-serie{margin: 0 0 10px; font-size: 14px; color: #8a6c00;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten{margin: 12px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten div{display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid #e0e1db; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten dt{margin: 0; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten dd{margin: 0; font-weight: 600; white-space: nowrap;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis{text-align: right;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-ab{display: block; font-size: 14px; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis strong{display: block; font-size: 26px; letter-spacing: -.02em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-alt{display: block; font-size: 14px; color: #8a8f96; text-decoration: line-through; margin-top: 2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-textlink{display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; font-weight: 700; font-size: 15px; color: #17181a; text-decoration: none; border-bottom: 2px solid #f9dc06; padding-bottom: 3px; min-height: 32px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-textlink:hover{border-bottom-color: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-textlink svg{width: 12px; height: 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ablauf{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt{position: relative; padding: 30px 0 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: rgba(15,19,25,.16);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt::after{content: ""; position: absolute; top: -6px; left: 0; width: 13px; height: 13px; border-radius: 999px; background: #f9dc06; box-shadow: 0 0 0 4px #e6e7e2, inset 0 0 0 2px rgba(0,0,0,.12);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-nr{display: block; font-size: 40px; font-weight: 700; letter-spacing: -.03em; color: #17181a; line-height: 1; margin-bottom: 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt h3{margin: 0 0 5px; font-size: 17px; letter-spacing: -.01em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt p{margin: 0; color: #4a4f56; font-size: 15px; max-width: 34ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq-liste{border-top: 1px solid rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq{border-bottom: 1px solid rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 2px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 600; letter-spacing: -.01em; min-height: 56px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary::-webkit-details-marker{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary i{position: relative; width: 15px; height: 15px; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary i::before,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary i::after{content: ""; position: absolute; background: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary i::before{left: 0; top: 7px; width: 15px; height: 1.5px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq summary i::after{left: 7px; top: 0; width: 1.5px; height: 15px; transition: opacity .15s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq[open] summary i::after{opacity: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq p{margin: 0; padding: 0 60px 22px 2px; color: #3d4148; font-size: 16px; max-width: 88ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-scroll{overflow-x: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx{width: 100%; border-collapse: collapse; font-size: 16px; min-width: 760px; table-layout: fixed;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th{text-align: center; font-size: 14px; font-weight: 700; letter-spacing: .02em; color: #2c3138; padding: 0 8px 14px; border-bottom: 2px solid #17181a; line-height: 1.35; vertical-align: bottom; width: 150px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th:first-child{text-align: left; width: auto; padding-left: 0; padding-right: 24px; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx tbody th{text-align: left; font-weight: 400; color: #2c3138; padding: 13px 20px 13px 0; font-size: 16px; border-bottom: 1px solid #e0e1db;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx td{text-align: right; padding: 11px 0 11px 14px; border-bottom: 1px solid #e0e1db; width: 132px; font-size: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx tbody tr:hover th,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx tbody tr:hover td{background: rgba(249, 220, 6, .10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx td{position: static;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx td > span:first-child{position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx sup{font-size: 14px; color: #8a8f96; vertical-align: super; margin-left: 1px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-serie{color: #17181a; font-weight: 700; font-size: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-zub{color: #6d7278; font-size: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-nein{color: #a8aba5; font-size: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-leer{color: #c2c5be; font-size: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-legende{margin: 18px 0 6px; font-size: 14px; color: #4a4f56;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-legende .tw-mx-serie,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-legende .tw-mx-zub,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-legende .tw-mx-nein{font-size: 17px; vertical-align: -2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-fussnoten{margin: 12px 0 0; padding-left: 18px; font-size: 14px; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-fussnoten li{margin-bottom: 3px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand.tw-verschmolzen{padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand.tw-verschmolzen img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 22% 55%; transform: scale(var(--zoom, 1)); transform-origin: 22% 55%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe{border-top: 1px solid rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe:last-of-type{border-bottom: 1px solid rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe summary{display: flex; align-items: center; gap: 14px; padding: 17px 2px; cursor: pointer; list-style: none; font-size: 18px; font-weight: 600; letter-spacing: -.01em; min-height: 56px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe summary::-webkit-details-marker{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe summary::after{content: ""; width: 10px; height: 10px; border-right: 2px solid #2c3138; border-bottom: 2px solid #2c3138; transform: rotate(45deg); margin-left: auto; margin-right: 6px; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] summary::after{transform: rotate(-135deg);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-anzahl{font-size: 14px; font-weight: 700; color: #6d7278; background: rgba(255,255,255,.75); border-radius: 999px; padding: 3px 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe .tw-mx-scroll{padding-bottom: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-mass{stroke: #6d7278; stroke-width: 1; fill: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-mass-text{font-size: 13px; fill: #2c3138; font-family: inherit; font-weight: 700;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gr-einheit{font-size: 10px; fill: #6d7278; font-family: inherit;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen{max-width: none; padding-left: 0; padding-right: 0; background: radial-gradient(70% 80% at 52% 40%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 72%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen > *{max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-liste{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp{display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 0 20px; padding: 30px 0; border-top: 1px solid rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-nr{font-size: 76px; font-weight: 700; letter-spacing: -.05em; color: #c3c5bf; line-height: .82;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-text h3{margin: 0 0 6px; font-size: 19px; letter-spacing: -.01em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-text p{margin: 0 0 12px; color: #4a4f56; font-size: 15px; max-width: 46ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-punkte{list-style: none; margin: 0; padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-punkte li{position: relative; padding: 5px 0 5px 20px; font-size: 14px; color: #2c3138; border-bottom: 1px solid #e0e1db;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-punkte li:last-child{border-bottom: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-punkte li::before{content: ""; position: absolute; left: 2px; top: 12px; width: 7px; height: 7px; border-radius: 999px; background: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf{display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 11px 20px; min-height: 44px; border-radius: 999px; background: #17181a; color: #fff; font-weight: 700; font-size: 14px; text-decoration: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf:hover{background: #000;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf svg{width: 12px; height: 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-fuss{margin: 26px 0 0; font-size: 14px; color: #575c63; border-top: 2px solid #17181a; padding-top: 14px;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-liste{grid-template-columns: 1fr; gap: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp{grid-template-columns: 62px minmax(0, 1fr); padding: 22px 0; gap: 0 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-nr{font-size: 50px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-text h3{font-size: 17px;}} @media (max-width: 560px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter{display: grid; grid-template-columns: auto auto 1fr; column-gap: 10px; align-items: start;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter > .tw-option-kaestchen{margin-top: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-thumb{width: 56px; height: 42px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-preis{grid-column: 3; margin: 0; padding: 0; background: none; box-shadow: none; align-self: start;}} @media (max-width: 560px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand.tw-verschmolzen img.tw-dreh-bild{object-fit: contain; object-position: 50% 50%; transform-origin: 29% 56%; transform: translate(21%, 0) scale(calc(1.75 * var(--zoom, 1)));}} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-leinwand img{inset: 64px 10px 74px 10px; width: calc(100% - 20px); height: calc(100% - 138px); transform-origin: 50% 50%;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild[hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild img{width: 100%; height: 100%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-kicker{color: rgba(255, 255, 255, .92); text-shadow: 0 1px 12px rgba(0, 0, 0, .5);} @media (max-width: 700px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"],.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"]{overflow-x: clip;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-kopf{grid-template-columns: minmax(0, 1fr); gap: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk{grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-nr{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-bild img{max-width: 100%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten{grid-template-columns: minmax(0, 1fr);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten dd{white-space: normal; text-align: right;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis{text-align: left; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis .tw-mk-ab,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis strong,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis .tw-mk-alt{display: inline; margin: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis .tw-textlink{flex-basis: 100%; margin-top: 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx{min-width: 0; table-layout: auto; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th{width: auto; padding: 0 3px 10px; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th:first-child{padding-right: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx tbody th{font-size: 14px; padding: 10px 8px 10px 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx td{width: auto; padding: 9px 0 9px 3px; font-size: 14px; text-align: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modellwahl{gap: 1px; padding: 3px; overflow-x: visible;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modell-pille{flex: 1 1 0; min-width: 0; padding: 8px 2px; min-height: 40px; font-size: 14px; letter-spacing: -.01em; text-align: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus button{padding: 8px 12px; min-height: 40px; font-size: 14px;}} @media (max-width: 700px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pille-kt{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modell-pille{font-size: 14px; padding: 8px 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modellwahl{gap: 4px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe[open] summary{background: #f9dc06; border-color: #eac900; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe[open] summary::after{border-color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button[aria-pressed="true"]{background: #f9dc06; color: #0f1319; box-shadow: 0 2px 8px rgba(15, 19, 25, .14);} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-anfrage{scroll-margin-top: 84px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dreh-ueber{pointer-events: none; opacity: 0; z-index: 2;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos{background: none; border-radius: 0; padding: 0; gap: 40px; margin-bottom: 30px; flex-wrap: nowrap;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img{filter: brightness(0) invert(1);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:first-child{height: 84px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:last-child{height: 96px; width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-mal{color: #fff; font-size: 30px; font-weight: 400;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos{gap: 16px; margin-bottom: 20px; padding: 0; background: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:first-child{height: 46px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-logos img:last-child{height: 44px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-mal{font-size: 22px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-mal{color: #f9dc06; font-size: 76px; font-weight: 900; line-height: 1; text-shadow: 0 2px 14px rgba(0, 0, 0, .35);} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-mal{font-size: 46px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] > summary,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-faq[open] > summary{background: linear-gradient(90deg, rgba(249, 220, 6, 0) 0%, #f9dc06 3%, #f9dc06 88%, rgba(249, 220, 6, 0) 100%); border-radius: 0; margin-bottom: 18px; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] > summary{padding-left: 14px; padding-right: 14px;} @media (min-width: 980px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild img{width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: 50% 50%;}} @media (max-width: 700px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup{padding: 20px 34px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-karte{max-width: 330px; margin: 0 auto;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-dunkel{border-radius: 0; box-shadow: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild img{border-radius: 0;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-block-dunkel{border-radius: 0;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kicker-hell{margin: 0 0 12px; color: #f9dc06; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf-gelb{background: #f9dc06; color: #0f1319; text-decoration: none; margin-top: 26px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf-gelb:hover{background: #ffe94d;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa{position: relative; overflow: hidden; margin-top: 70px; min-height: 620px; display: flex; align-items: center; background: #0f1319; color: #fff;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-bild{position: absolute; left: 0; top: -14%; width: 100%; height: 128%; object-fit: cover; object-position: 72% 50%; will-change: transform;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-verlauf{position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 19, 25, .96) 0%, rgba(15, 19, 25, .88) 34%, rgba(15, 19, 25, .45) 62%, rgba(15, 19, 25, .05) 100%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen{position: relative; z-index: 2; width: 100%; max-width: 1240px; margin: 0 auto; padding: 90px 24px; box-sizing: border-box;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen > *{max-width: 540px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen h2{color: #fff; margin: 0 0 16px; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.1; letter-spacing: -.01em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen p{color: #d5d8de;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-ki{position: absolute; right: 24px; bottom: 14px; z-index: 2; margin: 0; font-size: 14px; color: rgba(255, 255, 255, .6);} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa{min-height: 560px; margin-top: 46px; align-items: flex-end;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-bild{top: 0; height: 440px; object-position: 82% 62%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-verlauf{background: linear-gradient(180deg, rgba(15, 19, 25, .05) 0, rgba(15, 19, 25, .12) 200px, #0f1319 415px);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen{padding: 330px 16px 40px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild img{height: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-held-innen p{max-width: 38em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-liste{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 28px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk:first-child{display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 18px 0 0; border-bottom: 0; border-top: 1px solid rgba(15,19,25,.12);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-nr{display: block; padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-bild{aspect-ratio: 3 / 2; display: flex; align-items: center; justify-content: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-bild img{width: 100%; height: 100%; max-width: 100%; object-fit: contain;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-text{flex: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-text h3{font-size: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten div{grid-template-columns: minmax(0, 1fr);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-daten dd{white-space: normal; text-align: right;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis{text-align: left; display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis .tw-mk-ab,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis strong{display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preis .tw-textlink{display: inline-block; margin-top: 8px;} @media (max-width: 1099px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-liste{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 639px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-liste{grid-template-columns: minmax(0, 1fr); gap: 28px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld .tw-check{display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 10px; align-items: start; font-size: 12.5px; line-height: 1.5; font-weight: 400; color: #4a4f56; margin: 6px 0 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld .tw-check input{width: 18px; height: 18px; min-height: 0; padding: 0; margin: 1px 0 0; border-radius: 4px; accent-color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-feld .tw-check span{display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-datenschutz{margin: 6px 0 0 28px; font-size: 12.5px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-datenschutz .tw-textlink{font-size: 12.5px; font-weight: 600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-knopf[type="submit"],.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage button.tw-knopf{background: #f9dc06 !important; color: #0f1319 !important; border: 0; text-decoration: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-knopf[type="submit"]:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage button.tw-knopf:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage button.tw-knopf:focus-visible,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage button.tw-knopf:active{background: #ffe94d !important; color: #0f1319 !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage button.tw-knopf:focus-visible{outline: 3px solid #0f1319; outline-offset: 2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage button.tw-knopf svg{stroke: currentColor;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav{display: flex; justify-content: space-evenly; align-items: center; gap: 0; padding: 6px 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav button{width: 52px; height: 52px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schnellnav svg{width: 26px; height: 26px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modell-pille{font-family: inherit; font-weight: 700; font-size: 15px; letter-spacing: 0; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modell-pille[aria-pressed="true"]{background: #f9dc06; color: #0f1319; font-weight: 800; box-shadow: 0 3px 10px rgba(15,19,25,.16), 0 1px 3px rgba(15,19,25,.10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx td{width: 200px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th{width: 200px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th:first-child{width: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf svg{transition: background .18s ease, color .18s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf:focus-visible,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf:focus-visible{background: #f9dc06 !important; color: #0f1319 !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf:hover svg,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-knopf:hover svg{stroke: currentColor;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] .tw-mx-scroll{background: rgba(255, 255, 255, .62); padding: 8px 18px 14px; border-radius: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open]{border-bottom: 1px solid rgba(15, 19, 25, .10);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] .tw-mx tbody tr:hover th,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] .tw-mx tbody tr:hover td{background: rgba(249, 220, 6, .16);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx sup[data-fn]{cursor: help; padding: 0 3px; outline-offset: 2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx sup[data-fn]:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx sup[data-fn]:focus-visible{color: #0f1319; text-decoration: underline; text-decoration-color: #f9dc06; text-decoration-thickness: 2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fn-tip{position: fixed; z-index: 60; display: none; max-width: 300px; padding: 9px 12px; background: #0f1319; color: #f4f5f2; font-size: 13px; line-height: 1.45; font-weight: 400; border-radius: 6px; box-shadow: 0 6px 20px rgba(15,19,25,.28); pointer-events: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] > summary{background: #f9dc06; margin-bottom: 0; padding-left: 18px; padding-right: 18px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-gruppe[open] .tw-mx-scroll{padding: 8px 0 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx th:first-child{padding-left: 18px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx thead th:first-child{padding-left: 18px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx td:last-child{padding-right: 18px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage{background: #fcf5cf;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-demo{background: rgba(255, 255, 255, .6);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="1"] .tw-formular{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="2"] .tw-zusammenfassung,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="2"] .tw-preishinweis,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="2"] .tw-druckknopf,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="2"] .tw-weiter,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="3"] .tw-zusammenfassung,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="3"] .tw-preishinweis,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="3"] .tw-druckknopf,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="3"] .tw-weiter,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="4"] .tw-zusammenfassung,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="4"] .tw-preishinweis,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="4"] .tw-druckknopf,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="4"] .tw-weiter{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="2"] [data-schr="3"],.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage[data-stufe="3"] [data-schr="2"]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-weg{border: 0; padding: 0; margin: 0 0 10px; min-width: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-weg legend{font-weight: 600; font-size: 14px; margin-bottom: 6px; padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-weg .tw-check{margin-bottom: 4px; align-items: center; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-telefonfeld[hidden]{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schr .tw-knopf{margin-top: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-weiter{margin-top: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zurueck{background: none; border: 0; padding: 4px 0; font: inherit; font-weight: 600; font-size: 14px; color: #2c3138; cursor: pointer;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-zurueck:hover{text-decoration: underline; text-decoration-color: #f9dc06; text-decoration-thickness: 2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-schritt{margin: 2px 0 12px; font-size: 12.5px; color: #4a4f56;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus button{font-family: inherit; font-weight: 700;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-modus button[aria-pressed="true"]{background: #f9dc06; color: #0f1319; font-weight: 800; box-shadow: 0 2px 10px rgba(15, 19, 25, .15);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-chips{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-chip{display: inline-block; padding: 3px 9px; border-radius: 999px; background: rgba(15, 19, 25, .08); color: #2c3138; font-size: 12px; font-weight: 700; line-height: 1.35;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-chip-oder{font-size: 11.5px; font-weight: 400; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-vor-label{display: block; margin-bottom: 3px; font-size: 12px; font-weight: 600; color: #8a6c00;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-daten .tw-chips,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup [data-popup-daten] .tw-chips{justify-content: flex-end;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf{background: #f9dc06 !important; color: #0f1319 !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf:focus-visible{background: #17181a !important; color: #fff !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-knopf svg{stroke: currentColor;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage-hinweis{margin: 10px 0 4px; font-size: 13px; line-height: 1.5; color: #2c3138; font-weight: 600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-liste{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 48px; margin-top: 8px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk{position: relative; display: flex; flex-direction: column; padding: 26px 0 8px; border-top: 2px solid #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk h3{margin: 0 0 4px; font-size: 28px; letter-spacing: -.015em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-empf{position: absolute; top: -2px; right: 0; padding: 4px 12px; background: #f9dc06; color: #0f1319; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-zeile{margin: 0 0 14px; font-weight: 700; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-punkte{list-style: none; margin: 0 0 14px; padding: 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-punkte li{padding: 8px 0 8px 22px; border-bottom: 1px solid rgba(15,19,25,.10); position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-punkte li::before{content: ""; position: absolute; left: 2px; top: 16px; width: 9px; height: 9px; background: #f9dc06; border-radius: 50%;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-schluss{margin: 0 0 4px; color: #4a4f56; flex: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk .tw-pp-knopf{align-self: flex-start; margin-top: 12px;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-liste{grid-template-columns: minmax(0, 1fr); gap: 34px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt h3{font-weight: 800;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-text h3{font-weight: 800;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-logo{height: 46px; width: auto; justify-self: start; align-self: center; filter: brightness(0);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-kopf{grid-template-columns: auto auto minmax(0, 34ch); gap: 8px 44px; align-items: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-kopf h2{max-width: 12ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-logo{height: 76px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-kopftext{margin: 0; font-size: 16px; line-height: 1.5; color: #2c3138;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-kopf{grid-template-columns: minmax(0, 1fr);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-logo{height: 56px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-gruppe[open] > summary{margin-bottom: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-chip{display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 5px 11px 5px; min-height: 26px; line-height: 1.2; background: #fcf1b0; color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-vor-label{color: #6d5600;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option{position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-schalter{display: grid; grid-template-columns: 24px minmax(0, 1fr); grid-template-areas: "bild bild" "kasten text"; gap: 10px 11px; align-items: start; padding: 10px 10px 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-thumb{grid-area: bild; width: 100%; height: 150px; border-radius: 10px; object-fit: cover;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-kaestchen{grid-area: kasten; margin-top: 2px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-text{grid-area: text;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-preis{position: absolute; right: 14px; bottom: 14px; margin: 0; padding: 0; grid-column: auto; align-self: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-fuss{padding-right: 140px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-schalter{grid-template-areas: "bild bild" "kasten name" "beschr beschr";} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-text{display: contents;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-name{grid-area: name; align-self: center; font-size: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-beschr{grid-area: beschr;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-fuss{padding-left: 13px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-zusammenfassung{background: #fff;} @media (min-width: 980px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-liste{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 44px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp{grid-template-columns: minmax(0, 1fr); gap: 12px 0;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-icon{width: 64px; height: 64px; color: #17181a; margin: 0 0 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk.tw-pp{padding-top: 26px; display: flex; flex-direction: column; grid-template-columns: none; gap: 0; border-top: 2px solid #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk.tw-pp .tw-pk-zeile{font-weight: 400; color: #4a4f56;} @media (min-width: 980px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk-liste{grid-template-columns: repeat(3, minmax(0, 1fr));}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr{margin: 10px 0 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr > summary{display: inline-flex; align-items: center; gap: 6px; list-style: none; cursor: pointer; padding: 6px 14px; min-height: 32px; background: #f9dc06; color: #0f1319; font-size: 13px; font-weight: 800; border-radius: 999px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr > summary::-webkit-details-marker{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr > summary:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr > summary:focus-visible{background: #17181a; color: #fff;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr > summary::after{content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr[open] > summary::after{transform: rotate(-135deg) translateY(-1px);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr-zu{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr[open] .tw-mk-mehr-zu{display: inline;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr[open] .tw-mk-mehr-auf{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-mehr .tw-mk-daten{margin-top: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3{grid-template-columns: minmax(0, 26ch) minmax(0, 1fr) auto; gap: 8px 48px; align-items: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 h2{max-width: 12ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-block-hinweis,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-pk-kopftext{margin: 0; font-size: 16px; line-height: 1.5; color: #2c3138; max-width: 52ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-kopf-logo,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-pk-logo{height: 76px; width: auto; max-width: 280px; justify-self: end; align-self: center; filter: brightness(0); object-fit: contain;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3{grid-template-columns: minmax(0, 1fr);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-kopf-logo,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-pk-logo{height: 56px; justify-self: start;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-schritt h3{font-size: 20px; font-weight: 700; letter-spacing: -.01em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel{position: fixed; right: 0; bottom: 120px; z-index: 55; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; background: #f9dc06; border-radius: 36px 0 0 6px; box-shadow: -3px 4px 14px rgba(15, 19, 25, .22); transition: width .2s ease, background .2s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel-kreis{width: 48px; height: 48px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; margin-left: 4px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel svg{width: 24px; height: 24px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel:focus-visible{width: 80px; background: #ffe94d;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel:focus-visible{outline: 3px solid #0f1319; outline-offset: 2px;} @media print{.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel{display: none;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-ki,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-hero-ki,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-ki{position: absolute; right: 12px; top: 50%; bottom: auto; left: auto; transform: translateY(-50%); writing-mode: vertical-rl; margin: 0; padding: 10px 4px; font-size: 13px; letter-spacing: .04em; pointer-events: none; z-index: 5;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-ki{right: calc(var(--panelbreite) + 224px); color: #4a4f56;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-hero-ki,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-ki{color: rgba(255, 255, 255, .75); background: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-hero-ki{z-index: 3;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-popup-bild .tw-ki-badge,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ki-badge{top: 12px; right: 12px; left: auto; writing-mode: vertical-rl; padding: 10px 6px; border-radius: 999px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild{position: relative; padding-right: 30px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild figcaption{position: absolute; top: 0; right: 0; writing-mode: vertical-rl; margin: 0; max-height: 100%; font-size: 13px;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-stage-ki{right: 12px; top: 40%;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-bild figcaption{position: static; writing-mode: horizontal-tb; margin: 8px 0 0; font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-ki{position: absolute; top: 0; right: 0; writing-mode: vertical-rl; font-size: 13px; letter-spacing: .04em; color: #8a8f96; padding: 4px 0;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel.tw-tel-weg{transform: translateX(100%); pointer-events: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk.tw-pp .tw-pk-punkte{flex: 1 1 auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk.tw-pp .tw-pk-zeile{min-height: 7.5em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk.tw-pp .tw-pp-knopf{margin-top: 16px; align-self: flex-start;} @media (max-width: 979px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pk.tw-pp .tw-pk-zeile{min-height: 0;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-kopf3 .tw-pk-kopftext,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen .tw-block-hinweis{font-size: 19px; font-weight: 700; line-height: 1.45; color: #17181a; max-width: 46ch;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel{bottom: 96px; width: 62px; height: 62px; border-radius: 31px 0 0 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel-kreis{width: 42px; height: 42px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel svg{width: 21px; height: 21px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-tel:focus-visible{width: 70px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-weg input[type="radio"]{appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #c9cbc5; border-radius: 5px; background: var(--weiss); margin: 0; display: inline-grid; place-content: center; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-weg input[type="radio"]:checked{background: var(--gelb); border-color: var(--gelb);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-weg input[type="radio"]:checked::after{content: ""; width: 9px; height: 5px; border-left: 2px solid #0f1319; border-bottom: 2px solid #0f1319; transform: rotate(-45deg) translate(1px,-1px);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-dunkel-text p,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen p{font-size: 18px; line-height: 1.6;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fakten li{font-size: 17.5px; line-height: 1.5; padding-left: 30px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fakten li::before{top: 19px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen > *{max-width: 600px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-fa-innen .tw-knopf{font-size: 16px;} @media (min-width: 980px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #werkzeugpakete .tw-kopf3,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen .tw-block-kopf{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 48px; align-items: center;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #werkzeugpakete .tw-kopf3 h2,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen .tw-block-kopf h2{max-width: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #werkzeugpakete .tw-kopf3 .tw-pk-kopftext,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen .tw-block-hinweis{max-width: none; font-size: 18px; line-height: 1.4;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen .tw-block-hinweis{grid-column: 2 / 4; max-width: 620px;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #modelle .tw-kopf3 .tw-kopf-logo{grid-column: -2 / -1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-preisnote{margin: 10px 0 0; font-size: 12.5px; line-height: 1.45; color: #6a6f76;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-fussnoten{list-style: none; padding-left: 0; margin: 22px 0 0; font-size: 13px; line-height: 1.55; color: #6d7278; text-align: justify; hyphens: auto;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-fussnoten .tw-mx-fn{margin-right: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-fussnoten b{color: #2c3138;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mx-klein{margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: #6d7278; text-align: justify; hyphens: auto; max-width: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf{padding-bottom: 56px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-lampe dd{display: flex; align-items: center; justify-content: flex-end; gap: 10px; text-align: right;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-mk-lampe dd img{width: 48px; height: auto; border-radius: 8px; flex: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-schalter{padding: 15px 17px 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-fuss{padding: 0 17px 11px 52px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-schalter{padding: 15px 17px 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-fuss{padding-left: 17px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #g-aluca-pakete .tw-option-preis{right: 18px; bottom: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #lueftungsschieber-seitenwand .tw-option-thumb,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-option-thumb[src*="lueftungsschieber"]{width: 104px; height: 70px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-anfrage .tw-preishinweis{font-size: 12px; line-height: 1.5; padding: 0 22px; margin: 0 0 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-paketwahl{cursor: pointer; border: 0; font-family: inherit;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-paketwahl[aria-pressed="true"]{background: #f9dc06; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-paketwahl[aria-pressed="true"]:hover{background: #17181a !important; color: #fff !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-aktionen{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl{flex: none; margin-top: 16px; width: 44px; height: 44px; border-radius: 999px; border: 2px solid #f9dc06; background: #f9dc06; color: #0f1319; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .18s ease, color .18s ease, border-color .18s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl svg{width: 20px; height: 20px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl .tw-pp-wahl-haken{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl[aria-pressed="true"]{background: #17181a; border-color: #17181a; color: #f9dc06;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl[aria-pressed="true"] .tw-pp-wahl-plus{display: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl[aria-pressed="true"] .tw-pp-wahl-haken{display: block;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-wahl:focus-visible{border-color: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-summe-kopf{font-weight: 700; padding-top: 10px; border-top: 1px solid #e0e1db; margin-top: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2{display: inline-block; will-change: transform;} @media (max-width: 760px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2{transform: none !important;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-shop-kat{margin-top: 40px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-shop-kat h3{margin: 0; padding-left: 12px; border-left: 3px solid #f9dc06; font-size: 19px; font-weight: 700; letter-spacing: -.01em;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-shop-sub{margin: 4px 0 16px 15px; font-size: 14px; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-shop-reihe{display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; padding: 4px 2px 16px; scrollbar-width: thin; scrollbar-color: #b9bbb4 transparent;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk{flex: 0 0 236px; scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(15,19,25,.08); border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 4px 16px rgba(15,19,25,.07); transition: transform .2s ease, box-shadow .2s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk:focus-visible{transform: translateY(-4px); box-shadow: 0 14px 30px rgba(15,19,25,.14);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-bild{height: 176px; background: #f4f6f7; display: flex; align-items: center; justify-content: center; padding: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-bild img{max-width: 92%; max-height: 148px; width: auto; height: auto; object-fit: contain; mix-blend-mode: multiply;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-text{padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-tag{align-self: flex-start; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #5a6066; background: #eef0f1; padding: 3px 8px; border-radius: 5px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-spec{font-size: 12.5px; font-weight: 700; color: #6d7278;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-name{font-size: 16px; font-weight: 800; line-height: 1.25; color: #17181a;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-desc{font-size: 13.5px; line-height: 1.45; color: #575c63; flex: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-los{margin-top: 4px; font-size: 13.5px; font-weight: 700; color: #17181a; display: inline-flex; align-items: center; gap: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-los svg{width: 12px; height: 12px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr{background: #f9dc06; border-color: #f9dc06; padding: 20px 18px 18px; gap: 8px; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr .tw-sk-tag{background: transparent; padding: 0; color: rgba(15,19,25,.72);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr .tw-sk-name{font-size: 22px; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr .tw-sk-desc{color: rgba(15,19,25,.82); font-size: 14px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr .tw-sk-los{color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-pfeil{width: 42px; height: 42px; border-radius: 999px; background: #0f1319; color: #f9dc06; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 6px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-pfeil svg{width: 16px; height: 16px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr:hover{box-shadow: 0 14px 30px rgba(15,19,25,.2);} @media (max-width: 760px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk{flex-basis: 70vw;}} @media (prefers-reduced-motion: reduce){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk{transition: none;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-aktionen .tw-pp-wahl{background: #f9dc06 !important; border: 2px solid #f9dc06 !important; color: #0f1319 !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-aktionen .tw-pp-wahl:hover,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-aktionen .tw-pp-wahl:focus-visible{border-color: #17181a !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-pp-aktionen .tw-pp-wahl[aria-pressed="true"]{background: #17181a !important; border-color: #17181a !important; color: #f9dc06 !important;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-summe-zeile > span:last-child{white-space: nowrap; margin-left: 10px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2{transition: transform .55s cubic-bezier(.22, .72, .2, 1);} @media (prefers-reduced-motion: reduce){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2{transition: none;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk .tw-sk-tag{background: #f9dc06; color: #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-sk-mehr .tw-sk-tag{background: transparent; color: rgba(15,19,25,.72);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-nr{transform-origin: left bottom; transition: transform .55s cubic-bezier(.22, .72, .2, 1), color .55s ease, opacity .55s ease; opacity: .32;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-aktiv .tw-ab-nr{transform: scale(1.45); opacity: 1; color: #0f1319; text-shadow: 0 0 0 #0f1319;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-schritt::after{transition: transform .55s cubic-bezier(.22, .72, .2, 1);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-aktiv::after{transform: scale(1.5);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-nr{margin-bottom: 18px;} @media (prefers-reduced-motion: reduce){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-nr,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-schritt::after{transition: none;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2{transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .26s ease-out; opacity: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2.tw-wandert{opacity: .14; transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .19s ease-in;} @media (prefers-reduced-motion: reduce){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2,.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #ablauf .tw-block-kopf h2.tw-wandert{transition: none;}} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-nr{opacity: .5; transition: transform .6s cubic-bezier(.22, .72, .2, 1), opacity .6s ease, color .6s ease;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-aktiv .tw-ab-nr{transform: scale(1.32); opacity: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-ab-lebt .tw-ab-aktiv::after{transform: none;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] .tw-app::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 150px; z-index: 2; pointer-events: none; background: linear-gradient(to bottom, rgba(234,235,230,0) 0%, rgba(234,235,230,.22) 38%, rgba(234,235,230,.62) 72%, #eaebe6 100%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen{position: relative;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 260px; z-index: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(120,112,96,0) 0%, rgba(120,112,96,.07) 45%, rgba(96,90,76,.20) 100%);} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen > *{position: relative; z-index: 1;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen{padding-bottom: 94px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen::after{height: 300px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #einrichtung.tw-block-dunkel{margin-top: 0;} @media (max-width: 760px){.tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #leistungen{padding-bottom: 54px;} .tw-konf[data-campaign-slug="trautwein-anhaenger-konfigurator"] #einrichtung.tw-block-dunkel{margin-top: 0;}}