/* kampagne.css - Kampagnenblock der Startseite unter der Szene (Y-937, BS-834; Vorlage Astra astra-landing-ton-2026-10-08, Richtung A Desktop und B Handy, Owner-Abnahme 08.10.2026).
   Desktop: Text links, Motiv als schräg gestellter Prospekt rechts auf warmem Grund. Handy: Zeile zur Jahreszeit, Satz, Prospekt, danach der Text. Setzt voraus: start.css (Eigenschaften --s-*). */
.start-kampagne { --k-grund: #f0e6d5; background: var(--s-kampagne, var(--k-grund)); color: #185c61; padding: clamp(40px, 5vw, 72px) clamp(24px, 8vw, 150px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); grid-template-areas: "rubrik motiv" "titel motiv" "text motiv"; column-gap: clamp(32px, 5vw, 72px); align-content: center; align-items: start; }
.start-kampagne[hidden] { display: none; }
.start-kampagne__rubrik { grid-area: rubrik; align-self: end; margin: 0 0 18px; font-size: 14px; font-weight: 500; letter-spacing: 0.045em; text-transform: uppercase; }
.start-kampagne__klein { display: none; }
.start-kampagne__titel { grid-area: titel; margin: 0 0 22px; max-width: 640px; font: 600 clamp(32px, 3.9vw, 52px)/1.06 var(--s-titel); letter-spacing: -0.04em; }
.start-kampagne__text { grid-area: text; align-self: start; font-size: 20px; max-width: 520px; }
.start-kampagne__text p { margin: 0 0 8px; }
.start-kampagne .start-textlink { color: inherit; }
.start-kampagne__motiv { grid-area: motiv; margin: 0; align-self: center; transform: rotate(2deg); box-shadow: 0 12px 30px #39281822; }
.start-kampagne__motiv img { display: block; width: 100%; height: auto; aspect-ratio: 1; }
@media (prefers-color-scheme: dark) {
  .start-kampagne { --s-kampagne: #21464a; color: #e2ece4; }
  .start-kampagne :focus-visible { outline-color: #e2ece4; }
}
@media (max-width: 700px) {
  .start-kampagne { display: flex; flex-direction: column; padding: 30px 24px 34px; background: var(--s-kampagne, #f3e2c6); }
  .start-kampagne__gross { display: none; }
  .start-kampagne__klein { display: inline; }
  .start-kampagne__rubrik { margin-bottom: 14px; font-size: 13px; }
  .start-kampagne__titel { font-size: 34px; margin-bottom: 8px; }
  .start-kampagne__motiv { width: min(100%, 360px); align-self: center; margin: 22px 0 24px; transform: rotate(-2deg); }
  .start-kampagne__text { font-size: 18px; }
}