/* The same package component is used in cards and in the actual selection flow. */
body .ref-marketing-package{font:400 15px/1.65 var(--era-sans,sans-serif);color:#352215;text-align:left;min-width:0;margin:24px 0}
body .ref-marketing-package section{padding:19px 0;border-top:1px solid #bfa185;background:none}
body .ref-marketing-package h4{font:600 17px/1.35 var(--era-sans,sans-serif);color:inherit;margin:0 0 12px;text-transform:none;letter-spacing:0}
body .ref-marketing-package p,body .ref-marketing-package li{font:inherit;letter-spacing:0;color:inherit;max-width:none;margin:0 0 12px}
body .ref-marketing-package ul{padding:0 0 0 19px;margin:10px 0;display:block;list-style:disc}
body .ref-marketing-package li{display:list-item;border:0;padding:0 0 6px}
body .ref-marketing-package a{color:#64360f;text-decoration:underline;text-underline-offset:3px;font:inherit;display:inline}
body .ref-marketing-package .ref-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:20px 0}
body .ref-platforms span{display:flex;align-items:center;gap:9px;font:500 var(--type-fussnote,15px)/1.25 var(--era-sans,sans-serif);min-height:32px}
body .ref-platforms img,body img.ref-platform-logo{display:block;width:30px;height:30px;flex:0 0 30px;object-fit:contain;aspect-ratio:1;border:0;border-radius:0;filter:none}
body .ref-marketing-package .ref-example{padding:13px;background:#eee4d6;border-left:2px solid #9a5a29}
body .ref-marketing-package .ref-quality{border-left:2px solid #9a5a29;padding-left:13px}
body .ref-marketing-package .ref-contract{font-size:var(--type-fussnote,15px)}
body .ref-channel-choice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:60px}
body .ref-channel-choice:has(input:checked){outline:2px solid #183b32;outline-offset:-2px;background:#e3eadb;color:#183b32}
body .ref-channel-choice input{accent-color:#183b32;width:20px;height:20px}
body[data-ref-world=marketing] .era-world-hero{background:#cf8b50;color:#352215}
body[data-ref-world=marketing] .era-world-hero :is(p,h1,a,figcaption){color:inherit}
body .ref-upscale-prices{background:#eee4d6;padding:22px;color:#352215;margin:24px 0;scroll-margin-top:110px}
body .ref-upscale-prices table{width:100%;font-size:15px;border-collapse:collapse}body .ref-upscale-prices th,body .ref-upscale-prices td{text-align:left;padding:10px 4px;border-bottom:1px solid #bfa185}
@media(max-width:700px){body .ref-marketing-package{font-size:15px}body .ref-marketing-package .ref-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}body .ref-platforms span{font-size:var(--type-fussnote,15px)}body .ref-upscale-prices{padding:16px}}
body .ref-platforms>span{align-items:flex-start}
body .ref-platforms .ref-platform-name{display:block;font-weight:500;line-height:1.4}
body .ref-platforms .ref-platform-name small{display:block;font:400 12px/1.45 var(--era-sans,sans-serif);margin-top:3px;max-width:18ch}
body .ref-marketing-package .ref-platforms{gap:20px 12px}
body .k-plan>.ref-marketing-package{grid-column:1/-1;min-width:0;width:100%}

/* Owner follow-up: short cards first; complete confirmed explanations on demand. */
body .ref-package-compact .ref-platforms{gap:10px 12px;margin:16px 0}
body .ref-package-compact .ref-platforms>span{align-items:center}
body .ref-package-compact .ref-package-overview>p{margin-bottom:12px}
body .ref-package-more{border-block:1px solid #bfa185;margin:18px 0;padding:0;background:transparent}
body .ref-package-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 0;list-style:none;cursor:pointer;font:500 16px/1.4 var(--era-sans,sans-serif);color:inherit}
body .ref-package-more>summary::-webkit-details-marker{display:none}
body .ref-package-more>summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
body .ref-package-more .ref-less-label,body .ref-package-more[open] .ref-more-label{display:none}
body .ref-package-more[open] .ref-less-label{display:inline}
body .ref-package-more[open]>summary .ref-plus-stem{display:none}
body .ref-package-more:not([open])>.ref-package-details{display:none}
body .ref-package-more[open]>.ref-package-details{display:block}
body .ref-package-more .ref-package-details>section:first-child{border-top:0}

/* TINE-HOCHFORMAT 16.09.2026 (Gang tine-bilder-20260916). Die neuen Pflegefotos sind
   Hochformat 3:4 und werden als Hochformat gezeigt. Nur die Stellen der Stellentabelle. */
.k-world-menu-image img.tine-hoch-menue{object-fit:cover;object-position:50% 25%}
.media-campaign-grid .media-image-window{aspect-ratio:3/4;height:auto;max-height:80svh}
.media-campaign-grid .media-corporate-enlarge>img{aspect-ratio:3/4;height:100%;object-fit:contain}
/* Ganzes Foto, kein Beschnitt: der magnetische Effekt skalierte den Knopf auf 1,14
   und der Rahmen (overflow:clip) schnitt das Bild an. Nur in dieser Galerie aus. */
.media-campaign-story .media-corporate-enlarge{transform:none!important}
.media-campaign-story .media-campaign-grid{grid-template-rows:auto auto auto;align-items:start}
.media-campaign-story .media-corporate-picture{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:0}
.media-campaign-story .media-corporate-picture>.media-campaign-text{grid-row:1}
.media-campaign-story .media-corporate-picture>.media-image-window{grid-row:2}
.media-campaign-story .media-corporate-picture>figcaption{grid-row:3}
.media-campaign-text{margin:0 0 12px;font-family:var(--era-serif);font-size:16px;line-height:1.3}
/* T1(a) 16.09.2026: das Hochformat fuellt die Box; contain machte es in einer flachen
   Box 261 px hoch. Ausschnitt haelt Kopf und Flasche im Bild (gemessen 50% 57%). */
.m-tine-ugc img.tine-hoch-ugc{object-fit:cover!important;object-position:50% 57%!important}
.complete-media img.tine-hoch-rahmen{aspect-ratio:3/4!important;width:100%!important;height:auto!important;max-height:520px!important;object-fit:cover!important;object-position:50% 50%!important}
.s-hero-art>img.tine-hoch-kopf{aspect-ratio:3/4;width:auto;max-width:100%;height:auto;max-height:min(70svh,560px);object-fit:cover;object-position:50% 50%;margin:auto}
.s-card-image img.tine-hoch-karte-1{object-fit:cover;object-position:50% 25.7%}
.s-card-image img.tine-hoch-karte-2{object-fit:cover;object-position:50% 24.7%}
.s-card-image img.tine-hoch-karte-3{object-fit:cover;object-position:50% 21.6%}
.s-category img.tine-hoch-kachel{object-fit:cover;object-position:50% 22%}
.wc-series-preview img.tine-hoch-serie{aspect-ratio:3/4;width:auto;max-width:100%;height:auto;max-height:420px;object-fit:cover;object-position:50% 50%;display:block;margin-inline:auto}
@media (max-width:1099px){.media-campaign-grid .media-image-window{max-height:none}}