/* Stellenmarkt verpackungswirtschaft.de – Palette Druckfarben (Tokens aus vw.css). Mobil zuerst. */
.vwj{--vwj-rand:3px solid var(--vw-key,#15151A);font-size:16.5px}
.vwj *{box-sizing:border-box}
.vwj .vw-btn{white-space:nowrap}

/* Kopf der Liste */
.vwj-kopf{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0 0 24px}
.vwj-kopf__text{margin:0;max-width:760px;font-size:17.5px;line-height:1.55}

/* Filter */
.vwj-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;background:var(--vw-grund,#F1F2F4);border:var(--vwj-rand);padding:16px;margin:0 0 18px}
.vwj-filter__feld{display:flex;flex-direction:column;gap:4px;min-width:0}
.vwj-filter__feld>span{font-family:var(--vw-mono,monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--vw-muted,#55565E)}
.vwj-filter input,.vwj-filter select,.vwj-form input[type=text],.vwj-form input[type=url],.vwj-form input[type=email],.vwj-form select,.vwj-form textarea{width:100%;min-width:0;font:inherit;font-size:16px;color:var(--vw-key,#15151A);background:#fff;border:2px solid var(--vw-key,#15151A);border-radius:0;padding:10px 12px;min-height:46px}
.vwj-filter input:focus,.vwj-filter select:focus,.vwj-form input:focus,.vwj-form select:focus,.vwj-form textarea:focus{outline:3px solid var(--vw-cyan,#0079A8);outline-offset:1px}
.vwj-filter .vw-btn{justify-self:start;cursor:pointer}
.vwj-zahl{margin:0 0 14px}

/* Karten */
.vwj-liste{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.vwj-karte{position:relative;background:#fff;border:var(--vwj-rand);box-shadow:5px 5px 0 var(--vw-key,#15151A);padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px}
.vwj-karte:hover{box-shadow:5px 5px 0 var(--vw-signal,#FF2E93)}
.vwj-karte__link{display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:var(--vw-key,#15151A)!important}
.vwj-karte__link::after{content:"";position:absolute;inset:0}
.vwj-karte__titel{font-family:var(--vw-display,sans-serif);font-weight:800;font-size:24px;line-height:1.05;overflow-wrap:anywhere;hyphens:auto}
.vwj-karte__firma{font-weight:600;color:var(--vw-akzent,#C4006B)}
.vwj-karte__daten{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;color:var(--vw-text,#2A2B31)}
.vwj-karte__daten span+span::before{content:"· ";color:var(--vw-muted,#55565E)}
.vwj-chips{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.vwj-chip{font-family:var(--vw-mono,monospace);font-size:12px;letter-spacing:.04em;background:var(--vw-chip,#DDF3FB);color:var(--vw-key,#15151A);padding:3px 8px}
.vwj-karte__fuss{margin:0;font-family:var(--vw-mono,monospace);font-size:12px;color:var(--vw-muted,#55565E)}

.vwj-seiten{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.vwj-seiten a{font-family:var(--vw-mono,monospace);min-width:42px;min-height:42px;display:flex;align-items:center;justify-content:center;border:2px solid var(--vw-key,#15151A);text-decoration:none;color:var(--vw-key,#15151A)!important}
.vwj-seiten a[aria-current]{background:var(--vw-key,#15151A);color:#fff!important}

.vwj-leer{border-left:10px solid var(--vw-signal,#FF2E93);padding:6px 0 6px 18px;margin:8px 0 24px}
.vwj-leer--start{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border:var(--vwj-rand);border-left-width:12px;border-left-color:var(--vw-signal,#FF2E93);padding:20px}
.vwj-leer--start p{margin:0}

.vwj-hinweis{margin:36px 0 0;padding:20px;background:var(--vw-key,#15151A);color:#fff}
.vwj-hinweis h2{color:#fff!important;margin:0 0 .4em!important}
.vwj-hinweis a{color:#fff!important}
.vwj-hinweis .vw-link-mono{border-color:var(--vw-signal,#FF2E93)}

/* Einzelanzeige */
.vwj-eckdaten{margin:0 0 28px;padding:0;border:var(--vwj-rand);display:grid;grid-template-columns:minmax(0,1fr)}
.vwj-eckdaten>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 14px;border-bottom:1.5px dashed var(--vw-platz,#DADDE2)}
.vwj-eckdaten>div:last-child{border-bottom:0}
.vwj-eckdaten dt{font-family:var(--vw-mono,monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--vw-muted,#55565E)}
.vwj-eckdaten dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.vwj-text ul{padding-left:1.2em}
.vwj-text li{margin:0 0 .35em}
.vwj-abgelaufen{background:var(--vw-gelb,#FFE600);border:var(--vwj-rand);padding:12px 14px;font-weight:600}
.vwj-bewerben{margin:34px 0 20px;padding:20px;border:var(--vwj-rand);box-shadow:6px 6px 0 var(--vw-signal,#FF2E93);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vwj-bewerben h2{margin:0!important}
.vwj-bewerben p{margin:0}
.vwj-bewerben .vw-btn{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.vwj-bewerben__mail{font-size:15px}
.vwj-verantwortung{font-size:14px;color:var(--vw-muted,#55565E);border-top:2px solid var(--vw-key,#15151A);padding-top:10px}

/* Block im Firmenprofil */
.vwj-profil{margin:32px 0}
.vwj-profil__liste{list-style:none;margin:0;padding:0;border-top:var(--vwj-rand)}
.vwj-profil__liste li{padding:10px 0;border-bottom:1.5px dashed var(--vw-platz,#DADDE2);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.vwj-profil__liste a{font-weight:700}

/* Formular */
.vwj-meldung{border:var(--vwj-rand);border-left:12px solid var(--vw-cyan,#0079A8);padding:16px 18px;margin:0 0 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.vwj-meldung p{margin:0}
.vwj-meldung--fehler{border-left-color:var(--vw-signal,#FF2E93)}
.vwj-form fieldset{border:var(--vwj-rand);margin:0 0 22px;padding:16px}
.vwj-form legend{font-family:var(--vw-display,sans-serif);font-weight:800;font-size:22px;text-transform:uppercase;padding:0 8px;margin-left:-8px}
.vwj-form__raster{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.vwj-form__feld{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0 0 14px}
.vwj-form__raster .vwj-form__feld{margin:0}
.vwj-form__label{font-weight:600;font-size:15.5px}
.vwj-form__label b{color:var(--vw-akzent,#C4006B)}
.vwj-form textarea{min-height:130px;resize:vertical;line-height:1.5}
.vwj-form__hilfe{font-size:13.5px;color:var(--vw-muted,#55565E);line-height:1.4}
.vwj-form__tipp{font-size:14.5px;background:var(--vw-chip,#DDF3FB);padding:8px 12px;margin:0 0 14px}
.vwj-form__fehler{font-size:14px;font-weight:600;color:var(--vw-akzent,#C4006B)}
.vwj-form__feld--fehler input,.vwj-form__feld--fehler select,.vwj-form__feld--fehler textarea{border-color:var(--vw-akzent,#C4006B);border-width:3px}
.vwj-form__check{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;margin-top:16px}
.vwj-form__check input{width:22px;height:22px;flex-shrink:0;margin-top:2px;accent-color:var(--vw-key,#15151A)}
.vwj-form__falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vwj-form__senden{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vwj-form__senden .vw-btn{cursor:pointer}

@media (min-width:700px){
	.vwj-kopf{flex-direction:row;align-items:center;justify-content:space-between;gap:28px}
	.vwj-filter{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;align-items:end;padding:18px}
	.vwj-filter .vw-btn{min-height:46px}
	.vwj-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
	.vwj-eckdaten>div{grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:baseline}
	.vwj-form fieldset{padding:20px 22px}
	.vwj-form__raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
	.vwj-hinweis{padding:26px 30px}
}
@media (min-width:700px) and (max-width:1000px){
	.vwj-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
	.vwj-filter__feld--suche{grid-column:1/-1}
}

/* 1.1.0: Kopf mit Logo, Top-Stellen, Quellenhinweis, Melden, Pakete */
.vwj-karte__kopf{display:flex;gap:14px;align-items:flex-start;min-width:0}
.vwj-karte__kopf .vwj-karte__link{min-width:0;flex:1}
.vwj-karte__logo{width:56px;height:56px;flex-shrink:0;border:2px solid var(--vw-key,#15151A);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vwj-karte__logo img{width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box;display:block}
.vwj-karte__logo--kuerzel{background:var(--vw-key,#15151A);color:#fff;font-family:var(--vw-display,sans-serif);font-weight:800;font-size:30px}
.vwj-karte--top{box-shadow:5px 5px 0 var(--vw-signal,#FF2E93)}
.vwj-karte__top{position:absolute;right:-8px;top:-14px;transform:rotate(3deg);background:var(--vw-gelb,#FFE600);border:2.5px solid var(--vw-key,#15151A);font-family:var(--vw-display,sans-serif);font-weight:800;font-size:15px;letter-spacing:.8px;text-transform:uppercase;padding:2px 9px;z-index:1}
.vwj-quelle{background:var(--vw-chip,#DDF3FB);border-left:8px solid var(--vw-cyan,#0079A8);padding:10px 14px;font-size:15px;line-height:1.5}
.vwj-melden{font-size:13.5px;margin-top:6px}
.vwj-melden a{color:var(--vw-muted,#55565E)!important}
.vwj-pakete{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px}
.vwj-paket{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 10px;border:2px solid var(--vw-key,#15151A);padding:12px 14px;cursor:pointer;background:#fff}
.vwj-paket input{grid-row:1/4;width:20px;height:20px;margin-top:3px;accent-color:var(--vw-key,#15151A)}
.vwj-paket:has(input:checked){box-shadow:5px 5px 0 var(--vw-signal,#FF2E93);border-width:3px}
.vwj-paket__titel{font-weight:700}
.vwj-paket__preis{font-family:var(--vw-mono,monospace);font-size:13.5px;color:var(--vw-akzent,#C4006B)}
.vwj-paket__text{font-size:14px;color:var(--vw-muted,#55565E);line-height:1.4}
@media (min-width:700px){.vwj-pakete{grid-template-columns:repeat(3,minmax(0,1fr))}}

.vwj-paket__statt{color:var(--vw-muted,#55565E);text-decoration:line-through;margin-right:4px}
.vwj-aktion{border-left:6px solid var(--vw-signal,#FF2E93);background:#FFF0F7;padding:10px 14px;margin:0 0 14px;line-height:1.45}
