/* Paket-Akkordeon (paket.js): je Bestandteil ein Abschnitt, die Buehne im offenen. */
.w2p-paket-abschnitt { border: 1px solid #dcdcde; border-radius: 4px; margin: 0 0 8px; }
.w2p-paket.is-einzeln .w2p-paket-abschnitt { border: 0; margin: 0; }
.w2p-paket.is-einzeln .w2p-paket-kopfzeile { display: none; }
.w2p-paket-kopfzeile { display: flex; align-items: center; gap: 8px; }
.w2p-paket-kopf { flex: 1; display: flex; gap: 10px; align-items: baseline; background: none; border: 0;
    padding: 10px 12px; text-align: left; cursor: pointer; font: inherit; color: inherit; }
.w2p-paket-abschnitt.is-offen > .w2p-paket-kopfzeile .w2p-paket-kopf { font-weight: 600; }
.w2p-paket-preis { margin-left: auto; }
.w2p-paket-stand { font-size: .85em; color: #50575e; }
.w2p-paket-stand.is-fertig { color: #50575e; }
.w2p-paket-weg { margin-right: 12px; }
.w2p-paket-knoepfe { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0 24px; }
.w2p-paket-knoepfe:empty { display: none; }
.w2p-paket-kachel { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 20px;
    padding: 16px; border: 1px solid #dcdcde; border-radius: 8px; background: #f6f7f7; }
.w2p-paket-kachel-bild { width: 220px; max-width: 100%; height: auto; background: #fff;
    border: 1px solid #dcdcde; border-radius: 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
.w2p-paket-kachel-text { flex: 1 1 180px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.w2p-paket-kachel-titel { font-size: 1.1em; }
.w2p-paket-kachel-name { font-size: .9em; color: #646970; }
.w2p-paket-kachel-text .w2p-paket-dazu { margin: 8px 0 0; }
#w2p-designer.w2p-paket-laedt { opacity: .5; pointer-events: none; }
.w2p-paket-kopf { flex-wrap: wrap; min-width: 0; }
.w2p-paket-name { overflow-wrap: anywhere; }
.w2p-paket-preis { white-space: nowrap; }

/* Motivauswahl: EINE Reihe quadratischer Bildkacheln mit Pfeilen ueber den
   Bestandteilen. Die Kacheln selbst kommen aus der gemeinsamen Leiste
   (designer/buehne-thumbs.js) und tragen deren Stil - hier steht nur, was
   die Motivauswahl darueber hinaus braucht. */
.w2p-motivwahl { margin: 16px 0 20px; }
.w2p-motivwahl-titel { margin: 0 0 8px; font-family: inherit; font-size: inherit; font-weight: 600; }