/* Baukasten-Stile (Kopie aus TZJ site.v2.css ab Zeile 2145, 09.10.2026) – nur Site Schokoladenpalais, eingebunden per TypoScript */
/* ===== TZJ-Baukasten (27.09.2026) – ersetzt Inline-Stile der HTML-Elemente ===== */
.frame .tzjb-mt14 { margin-top: 14px; }
.tzj-hero--kompakt { padding: 32px 48px; }
.tzj-hero--kompakt .tzj-hero__headline { font-size: 26px; }
.tzj-hero--kompakt .tzj-hero__sub { font-size: 15px; margin-bottom: 0; }
.frame .tzjb-card-cta { display: inline-block; margin-top: 14px; }

.frame .tzjb-box { background: #F4F6FA; border-radius: 16px; padding: 32px 44px; }
.frame .tzjb-box__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--blue); margin: 0 0 10px; }
.frame .tzjb-box__lead { font-size: 17px; font-weight: 700; color: #1a1a2e; line-height: 1.5; margin: 0 0 14px; }
.frame .tzjb-box__text p { font-size: 14px; color: #555; line-height: 1.8; margin: 0 0 24px; }
.frame .tzjb-box--beschreibung .tzjb-box__eyebrow { margin-bottom: 8px; }
.frame .tzjb-box--beschreibung .tzjb-box__lead { line-height: 1.4; margin-bottom: 12px; }
.frame .tzjb-box--beschreibung .tzjb-box__text p { margin-bottom: 20px; }
.frame .tzjb-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.frame .tzjb-tiles--beschreibung { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.frame .tzjb-tile { background: #fff; border-radius: 10px; padding: 14px 16px; }
.frame .tzjb-tiles--kennzahl .tzjb-tile { text-align: center; }
.frame .tzjb-tile__value { font-size: 22px; color: var(--blue); display: block; }
.frame .tzjb-tile__label { font-size: 12px; color: #666; }
.frame .tzjb-tile__title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: #5F6875; margin: 0 0 8px; }
.frame .tzjb-tile__text { font-size: 13px; color: #444; line-height: 1.6; margin: 0; }

.frame h2.tzjb-heading { font-size: 20px; font-weight: 800; color: #1a1a2e; margin: 24px 0 4px; }
.frame .tzjb-heading__sub { font-size: 14px; color: #5F6875; margin: 0 0 12px; }

.frame .tzjb-linkbar { background: #fff; border: 1px solid #E6E8EC; border-radius: 12px; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.frame .tzjb-linkbar__text { margin: 0; font-size: 13px; color: #555; }
.frame .tzjb-linkbar__btn { white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--blue); text-decoration: none; border: 1.5px solid var(--blue); padding: 7px 16px; border-radius: 8px; }

.frame .tzjb-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; }
.frame .tzjb-pair__item { border-radius: 14px; padding: 24px 28px; }
.frame .tzjb-pair__item--action { background: var(--orange-ink); }
.frame .tzjb-pair__item--info { background: #F4F6FA; }
.frame .tzjb-pair__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 6px; }
.frame .tzjb-pair__text { font-size: 15px; font-weight: 700; margin: 0 0 16px; line-height: 1.4; }
.frame .tzjb-pair__item--action .tzjb-pair__eyebrow, .frame .tzjb-pair__item--action .tzjb-pair__text { color: #fff; }
.frame .tzjb-pair__item--info .tzjb-pair__eyebrow { color: #5F6875; }
.frame .tzjb-pair__item--info .tzjb-pair__text { color: #1a1a2e; }
.frame .tzjb-pair__btn { display: inline-block; text-decoration: none; padding: 10px 22px; border-radius: 8px; font-weight: 700; font-size: 13px; }
.frame .tzjb-pair__item--action .tzjb-pair__btn { background: #fff; color: var(--orange-ink); }
.frame .tzjb-pair__item--info .tzjb-pair__btn { background: var(--blue); color: #fff; }

.tzj-einschub--gruen { border-left-color: #0F6E56; }
.tzj-einschub--gruen .tzj-einschub__titel { color: #0F6E56; }
/* wie Regel „CD-Handbuch Fassung 7“ oben: Text auf #F4F6FA in #444 */
.frame .tzjb-box p, .frame .tzjb-pair__item--info p { color: #444 !important; }
/* Handy: dieselben Regeln wie base.responsive.css fuer Inline-HTML (dort per [style*=...]) */
@media (max-width: 767px){
  .content-area .tzjb-box, .content-area .tzjb-tile, .content-area .tzjb-linkbar, .content-area .tzjb-pair__item { padding-left:18px !important; padding-right:18px !important; }
  .content-area .tzjb-tiles, .content-area .tzjb-pair { grid-template-columns:1fr !important; }
  .content-area .tzjb-tiles > *, .content-area .tzjb-pair > *, .content-area .tzjb-linkbar > * { min-width:0; }
}
/* ===== Ende TZJ-Baukasten ===== */

/* ===== TZJ-Baukasten Stapel 1 (27.09.2026): Abschnitt, Kapitel, These, Inhaltsübersicht ===== */
.tzj-abschnitt details.tzjb-faq { border-bottom: 1px solid #E6E8EC; padding: 12px 0; }
.tzj-abschnitt details.tzjb-faq summary { cursor: pointer; font-weight: 800; color: #1a1a2e; font-size: 15.5px; list-style: none; }
.tzj-abschnitt .tzjb-faq__a { margin-top: 8px; color: #444; line-height: 1.75; }
.tzj-abschnitt .tzjb-step__text p { color: #444; margin: 4px 0 0; }
.tzj-these .tzjb-btns { margin-top: 16px; }
.tzjb-btn { display: inline-block; padding: 12px 26px; border-radius: 10px; font-weight: 800; font-size: 15px; text-decoration: none !important; margin-right: 8px; }
.tzj-these__text a.tzjb-btn--solid, .tzjb-btn--solid { background: var(--blue); color: #fff !important; border: 0; }
.tzj-these__text a.tzjb-btn--outline, .tzjb-btn--outline { border: 2px solid var(--blue); color: var(--blue) !important; padding: 10px 24px; }
.tzj-these .tzjb-smallnote p { font-size: 13px; color: #5F6875; margin: 12px 0 0; }
.tzj-these .tzjb-signature { margin-top: 28px; font-size: 13px; color: #5F6875; font-style: italic; }
.tzj-these__text ul:not(.benefit-list) { margin: 12px 0 0; padding-left: 18px; }
.content-area p a.tzjb-btn, .content-area a.tzjb-btn { padding: 12px 26px; }
.content-area p a.tzjb-btn--outline, .content-area a.tzjb-btn--outline { padding: 10px 24px; }
/* ===== Ende Stapel 1 ===== */

/* ===== TZJ-Baukasten Stapel 2 (27.09.2026): Karte erweitert ===== */
.card-body .tzjb-badge { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; padding: 4px 10px; border-radius: 6px; margin-bottom: 14px; }
.tzjb-badge--blue { background: rgba(17,69,143,.08); color: var(--blue); }
.tzjb-badge--green { background: rgba(15,110,86,.1); color: #0F6E56; }
.tzjb-cardbtn-wrap { margin-top: 16px; }
.tzjb-cardbtn-wrap--outline, .tzjb-cardbtn-wrap--textlink { margin-top: 14px; }
.tzjb-cardbtn-wrap--gross { margin-top: 20px; }
.content-area a.tzjb-cardbtn--orange { display: inline-block; background: var(--orange-ink); color: #fff !important; text-decoration: none; padding: 11px 22px; border-radius: 10px; font-weight: 700; font-size: 13px; }
.content-area a.tzjb-cardbtn--gross { display: inline-block; background: var(--orange-ink); color: #fff !important; text-decoration: none; padding: 14px 32px; border-radius: 10px; font-weight: 700; font-size: 15px; }
.content-area a.tzjb-cardbtn--outline { display: inline-block; font-size: 13px; font-weight: 700; color: var(--blue) !important; text-decoration: none; border: 1.5px solid var(--blue); padding: 7px 16px; border-radius: 8px; }
.content-area a.tzjb-cardbtn--textlink { font-weight: 700; color: var(--blue) !important; }
.card-body .tzjb-cardnote p { font-size: 13px; color: #5F6875; line-height: 1.6; margin: 12px 0 0; }
.card-body .tzjb-cardnote--kursiv p { font-style: italic; margin-top: 14px; }
.card-body .tzjb-cardnote--orange p { font-size: 13.5px; font-weight: 700; color: var(--orange-ink); margin: 10px 0 0; }
.content-area a.tzjb-cardbtn--outline-gruen { display: inline-block; font-size: 13px; font-weight: 700; color: #0F6E56 !important; text-decoration: none; border: 1.5px solid #0F6E56; padding: 7px 16px; border-radius: 8px; }
.tzjb-cardbtn-wrap--outline-gruen { margin-top: 14px; }
.card-body .tzjb-cardsub { margin-top: 16px; padding-top: 14px; border-top: 1px solid #f0f0f0; }
.card-body .tzjb-cardsub__title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; color: #5F6875; margin: 0 0 10px; }
/* ===== Ende Stapel 2 Karte ===== */

/* ===== TZJ-Baukasten Stapel 3 (27.09.2026): Box, Band, Zitat ===== */
.frame .tzjb-bx { border-radius: 16px; padding: 28px 40px; display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }
.frame .tzjb-bx__main { flex: 1 1 320px; min-width: 0; }
.frame .tzjb-bx--grau { background: #F4F6FA; }
.frame .tzjb-bx--grau-linie { background: #F4F6FA; border-left: 3px solid var(--blue); }
.frame .tzjb-bx--weiss { background: #fff; border: 1px solid #E6E8EC; border-radius: 14px; padding: 24px 32px; }
.frame .tzjb-bx--weiss-akzent { background: #fff; border: 1px solid #E6E8EC; border-left: 4px solid var(--orange); border-radius: 14px; padding: 22px 28px; }
.frame .tzjb-bx--weiss-gestrichelt { background: #fff; border: 1px dashed #CBD0D9; border-radius: 12px; padding: 16px 24px; }
.frame .tzjb-bx--hinweis { background: rgba(17,69,143,.08); border-left: 3px solid var(--blue); border-radius: 10px; padding: 18px 22px; }
.frame .tzjb-bx--blau { background: var(--blue); padding: 32px 44px; }
.frame .tzjb-bx--ohne { background: none; padding: 8px 0 0; border-radius: 0; }
.frame .tzjb-bx--hasicon { flex-wrap: nowrap; gap: 16px; }
.frame .tzjb-bx__icon { color: var(--orange-ink); flex-shrink: 0; margin-top: 2px; }
.frame .tzjb-bx .tzjb-bx__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 8px; max-width: none; }
.frame .tzjb-bx__eyebrow--blue { color: var(--blue); }
.frame .tzjb-bx__eyebrow--orange { color: var(--orange-ink); }
.frame .tzjb-bx__eyebrow--grey { color: #5F6875; }
.frame .tzjb-bx .tzjb-bx__lead { font-size: 17px; font-weight: 800; color: #1a1a2e; line-height: 1.4; margin: 0 0 12px; max-width: none; text-transform: none; letter-spacing: 0; }
.frame .tzjb-bx--ohne .tzjb-bx__lead { font-size: 22px; margin-bottom: 18px; }
.frame .tzjb-bx--hinweis .tzjb-bx__lead { font-size: 16px; color: var(--blue); margin-bottom: 6px; }
.frame .tzjb-bx__text p, .frame .tzjb-bx__text li { font-size: 14px; color: #555; line-height: 1.8; }
.frame .tzjb-bx__text p { margin: 0 0 12px; max-width: 80ch; }
.frame .tzjb-bx__text p:last-child { margin-bottom: 0; }
.frame .tzjb-bx--hinweis .tzjb-bx__text p { font-size: 15px; color: #444; line-height: 1.6; }
.frame .tzjb-bx__main > * + .tzjb-bx__tiles, .frame .tzjb-bx__main > * + .tzjb-bx__cols { margin-top: 20px; }
.frame .tzjb-bx__tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.frame .tzjb-bx__tile { background: #fff; border-radius: 10px; padding: 14px 16px; display: block; text-decoration: none; }
.frame .tzjb-bx__tiles--kennzahl .tzjb-bx__tile { text-align: center; }
.frame .tzjb-bx__tiles--kennzahl strong { font-size: 24px; color: var(--blue); display: block; }
.frame .tzjb-bx__tiles--kennzahl .tzjb-bx__tiletext { font-size: 12px; color: #666; }
.frame .tzjb-bx__tiles--beschreibung strong { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: #5F6875; margin: 0 0 8px; }
.frame .tzjb-bx__tiles--beschreibung .tzjb-bx__tiletext { font-size: 13px; color: #444; line-height: 1.6; }
.frame .tzjb-bx__tiles--symbol { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.frame .tzjb-bx__tiles--symbol .tzjb-bx__tile { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; font-size: 13px; font-weight: 600; color: #333; line-height: 1.5; }
.frame .tzjb-bx__tileicon { color: #0F6E56; flex-shrink: 0; margin-top: 2px; }
.frame .tzjb-bx__tiles--verweis { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.frame .tzjb-bx__tiles--verweis .tzjb-bx__tile { background: #F4F6FA; border: 1px solid #e6e9f0; border-radius: 14px; padding: 24px 26px; }
.frame .tzjb-bx--grau .tzjb-bx__tiles--verweis .tzjb-bx__tile { background: #fff; }
.frame .tzjb-bx__tiles--verweis strong { display: block; font-size: 17px; font-weight: 800; color: #1a1a2e; margin: 0 0 8px; line-height: 1.3; }
.frame .tzjb-bx__tiles--verweis .tzjb-bx__tiletext { display: block; font-size: 14px; color: #555; margin: 0 0 14px; line-height: 1.55; }
.frame .tzjb-bx__tilelink { font-size: 14px; font-weight: 800; color: var(--blue); }
.frame .tzjb-bx__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.frame .tzjb-bx__cols--trenner { gap: 32px; }
.frame .tzjb-bx__cols--trenner .tzjb-bx__col + .tzjb-bx__col { border-left: 1px solid #E6E8EC; padding-left: 32px; }
.frame .tzjb-bx__cols--weiss .tzjb-bx__col { background: #fff; border: 1px solid #E6E8EC; border-radius: 14px; padding: 22px 28px; }
.frame .tzjb-bx__cols--grau .tzjb-bx__col { background: #F4F6FA; border-radius: 14px; padding: 24px 28px; }
.frame .tzjb-bx__cols--linie .tzjb-bx__col { background: #fff; border-radius: 12px; padding: 20px 22px; border-left: 4px solid var(--blue); }
.frame .tzjb-bx__cols--linie .tzjb-bx__col--green { border-left-color: #0F6E56; }
.frame .tzjb-bx__cols--linie .tzjb-bx__col--orange { border-left-color: var(--orange); }
.frame .tzjb-bx .tzjb-bx__coltitle { font-size: 15px; font-weight: 800; color: #1a1a2e; margin: 0 0 10px; line-height: 1.4; max-width: none; }
.frame .tzjb-bx__col .tzjb-bx__text p { font-size: 13px; line-height: 1.7; }
.frame .tzjb-bx__list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.frame .tzjb-bx__list li { margin: 0; font-size: 12px; color: #5F6875; line-height: 1.5; }
.frame .tzjb-bx__list li strong { display: block; font-size: 14px; font-weight: 700; color: var(--blue); }
.frame .tzjb-bx__col > * + .tzjb-bx__list { margin-top: 12px; }
.frame .tzjb-bx__colnote p { font-size: 12px; color: #5F6875; font-style: italic; margin: 8px 0 0; }
.frame .tzjb-bx__btns { margin: 18px 0 0; max-width: none; }
.content-area a.tzjb-bxbtn { display: inline-block; text-decoration: none; padding: 12px 26px; border-radius: 10px; font-weight: 800; font-size: 14px; margin: 0 8px 8px 0; }
.content-area a.tzjb-bxbtn--1 { background: var(--orange-ink); color: #fff !important; }
.content-area a.tzjb-bxbtn--2 { border: 1.5px solid var(--blue); color: var(--blue) !important; padding: 10.5px 24.5px; }
.content-area .tzjb-bx--blau a.tzjb-bxbtn--1 { background: #fff; color: var(--blue) !important; }
.content-area .tzjb-bx--blau a.tzjb-bxbtn--2 { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.4); color: #fff !important; }
.frame .tzjb-bx__note--klein p { font-size: 13px; color: #5F6875; margin: 14px 0 0; max-width: none; }
.frame .tzjb-bx__note--kasten, .frame .tzjb-bx__note--kasten-kursiv { margin-top: 16px; padding: 14px 18px; background: #fff; border-radius: 10px; border-left: 3px solid var(--blue); }
.frame .tzjb-bx__note--kasten p, .frame .tzjb-bx__note--kasten-kursiv p { font-size: 13px; color: #444; line-height: 1.75; margin: 0; max-width: none; }
.frame .tzjb-bx__note--kasten-kursiv p { font-style: italic; }
.frame .tzjb-bx--blau p, .frame .tzjb-bx--blau .tzjb-bx__lead, .frame .tzjb-bx--blau .tzjb-bx__eyebrow { color: #fff !important; }
.frame .tzjb-bx--blau .tzjb-bx__lead { font-size: 20px; }
.frame .tzjb-bx--blau .tzjb-bx__text p { color: rgba(255,255,255,.88) !important; }
.frame .tzjb-bx__panel { flex: 0 0 270px; min-width: 190px; background: #fff; border-radius: 12px; padding: 20px 22px; text-align: center; }
.frame .tzjb-bx__price { display: block; font-size: 30px; font-weight: 800; color: var(--blue); line-height: 1.1; }
.frame .tzjb-bx__price--small { font-size: 22px; }
.frame .tzjb-bx__pricelabel { display: block; font-size: 13px; color: #666; margin-top: 4px; }
.frame .tzjb-bx__panel hr { border: none; border-top: 1px solid #EDEFF4; margin: 14px 0; }
.frame .tzjb-bx__panelnote { margin-top: 14px; font-size: 12px; color: #5F6875; border-top: 1px solid #f0f0f0; padding-top: 12px; }
/* Band */
.frame .tzjb-band { border-radius: 14px; padding: 20px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
.frame .tzjb-band--band { background: var(--blue); }
.frame .tzjb-band--verlauf { background: linear-gradient(135deg,#11458F 0%,#1a5bb8 100%); padding: 26px 32px; flex-wrap: nowrap; }
.frame .tzjb-band__main { flex: 1 1 auto; min-width: 0; }
.frame .tzjb-band .tzjb-band__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; margin: 0 0 4px; }
.frame .tzjb-band .tzjb-band__title { font-size: 20px; font-weight: 800; color: #fff !important; margin: 0; line-height: 1.3; max-width: none; text-transform: none; }
.frame .tzjb-band--verlauf .tzjb-band__title { margin-bottom: 6px; }
.frame .tzjb-band__title a { color: inherit !important; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.4); }
.frame .tzjb-band__text p { font-size: 15px; color: rgba(255,255,255,.88) !important; margin: 0; line-height: 1.55; max-width: none; }
.frame .tzjb-band__text strong { color: #fff; }
.frame .tzjb-band__side { font-size: 13px; color: #fff; text-align: right; line-height: 1.6; }
.frame .tzjb-band__badge { display: inline-block; background: rgba(255,255,255,.18); color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; padding: 6px 12px; border-radius: 20px; white-space: nowrap; }
.content-area a.tzjb-band__btn { display: inline-block; background: #fff; color: #11458F !important; text-decoration: none; padding: 12px 26px; border-radius: 10px; font-weight: 800; font-size: 14px; white-space: nowrap; }
/* Zitat */
.frame .tzjb-quote { background: #fff; border: 1px solid #E6E8EC; border-radius: 16px; padding: 28px 36px; display: flex; gap: 24px; align-items: flex-start; }
.frame .tzjb-quote__photo { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid #E6E8EC; }
.frame .tzjb-quote .tzjb-quote__text { font-size: 15px; color: #333; line-height: 1.85; margin: 0 0 14px; font-style: italic; max-width: none; }
.content-area a.tzjb-quote__link { display: inline-block; font-size: 12px; font-weight: 700; color: var(--blue); text-decoration: none; border-bottom: 1px solid rgba(17,69,143,.3); padding-bottom: 1px; margin-bottom: 12px; }
.frame .tzjb-quote .tzjb-quote__name { font-size: 13px; font-weight: 700; color: var(--blue); margin: 0; }
@media (max-width: 767px){
  .content-area .tzjb-bx, .content-area .tzjb-quote, .content-area .tzjb-band { padding-left: 18px !important; padding-right: 18px !important; }
  .content-area .tzjb-bx__cols, .content-area .tzjb-bx__tiles { grid-template-columns: 1fr !important; }
  .content-area .tzjb-bx__cols--trenner .tzjb-bx__col + .tzjb-bx__col { border-left: 0; padding-left: 0; border-top: 1px solid #E6E8EC; padding-top: 16px; }
  .content-area .tzjb-band--verlauf { flex-wrap: wrap; }
  .content-area .tzjb-band__side { text-align: left; }
  .content-area .tzjb-quote { flex-direction: column; }
}
/* Kontaktleiste: Varianten */
.frame .tzjb-pair__item--action.tzjb-pair__item--blau { background: var(--blue); }
.frame .tzjb-pair__item--blau .tzjb-pair__btn { color: var(--blue); }
.frame .tzjb-pair__item--btnorange .tzjb-pair__btn { background: var(--orange-ink); }
/* ===== Ende Stapel 3 ===== */

/* 28.09.2026: Knopf im Kartenkopf streckt den Kopf nicht mehr (gleiche Kopfhöhe in Kartenreihen) */
.card-header .card-cta{margin-top:-5px;margin-bottom:-5px}

/* 06.10.2026: Illustrierte Fachbereichs-Icons (Startseite, Karten Physio/Ergo/Logo/Sport) */
.card-icon.card-icon--bild,
.frame .card-icon.card-icon--bild { width:auto !important; height:88px !important; background:none !important; border-radius:0 !important; justify-content:flex-start !important; margin-bottom:12px !important; }
.card-icon.card-icon--bild img { height:100% !important; width:auto !important; max-width:100% !important; display:block; }
@media (max-width:767px){ .card-icon.card-icon--bild, .frame .card-icon.card-icon--bild { height:72px !important; } }

/* 06.10.2026: Icon-Kachel im Seitenkopf der Fachbereichsseiten (Variante 2: rechts neben Einleitung und Knopf, Ecken 10 px wie der Termin-Knopf) */
.tzj-hero:has(.tzj-hero__tile) { position:relative; }
.tzj-hero__tile { position:absolute; right:48px; bottom:50px; width:116px; height:84px; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.tzj-hero__tile img { max-width:96px !important; max-height:70px !important; width:auto !important; height:auto !important; display:block; }
@media (max-width:991px){ .tzj-hero__tile { position:static; width:64px; height:54px; margin:0 0 14px calc((min(100%, 432px) - 64px) / 2); } .tzj-hero__tile img { max-width:48px !important; max-height:40px !important; } }

/* ===== Site Schokoladenpalais: Baukasten-Ausgabe (09.10.2026) – ersetzt die Inline-Stile der früheren HTML-Elemente (deshalb !important wie bei Inline-Stilen) ===== */
.content-area [class*="frame-type-tzj_"] > .frame { max-width:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important; }
.sp-mehr { margin-top:14px !important; }
.sp-mehr--karte { margin-top:12px !important; }
.sp-mehr--anfrage { margin-top:16px !important; }
.sp-mehr--link a, .sp-mehr--karte a { font-weight:700 !important; color:var(--blue) !important; }
.sp-mehr--outline a { display:inline-block !important; border:2px solid var(--blue) !important; color:var(--blue) !important; padding:11px 24px !important; border-radius:10px !important; font-weight:800 !important; font-size:15px !important; text-decoration:none !important; }
.sp-mehr--orange a { display:inline-block !important; background:var(--orange) !important; color:#fff !important; padding:13px 28px !important; border-radius:10px !important; font-weight:800 !important; font-size:15px !important; text-decoration:none !important; }
.sp-knopf { margin-top:14px !important; }
.sp-knopf__a--orange, .sp-knopf__a--gross { display:inline-block !important; background:var(--orange) !important; color:#fff !important; padding:13px 28px !important; border-radius:10px !important; font-weight:800 !important; font-size:15px !important; text-decoration:none !important; }
.sp-knopf__a--outline { display:inline-block !important; border:2px solid var(--blue) !important; color:var(--blue) !important; padding:11px 24px !important; border-radius:10px !important; font-weight:800 !important; font-size:15px !important; text-decoration:none !important; }
.sp-knopf__a--textlink { font-weight:700 !important; color:var(--blue) !important; }
.sp-klein { font-size:13px !important; color:#5F6875 !important; margin-top:10px !important; }
.sp-knopf + .sp-klein { margin-bottom:0 !important; }
.benefit-list + .sp-klein { margin-top:12px !important; }
.sp-linkkacheln { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important; gap:12px !important; margin-top:14px !important; }
.sp-linkkachel { display:block !important; text-decoration:none !important; background:#F7F8FA !important; border-radius:10px !important; border-left:4px solid var(--blue) !important; padding:14px 16px !important; }
.sp-linkkachel strong { display:block !important; font-size:15px !important; font-weight:800 !important; color:#1a1a2e !important; }

/* Schoko 10.10.2026: zweiter Kopfknopf ist jetzt Kontakt statt Jobs - Koffer-Symbol ausblenden */
.header-cta--primary svg { display:none !important; }