/* /fuer-creator (functions/fuer-creator.js): Infoseite für Creator, Farben und Schriften wie shop.css */
.fc { padding-top: clamp(1.6rem, 5vw, 3rem); padding-bottom: 3rem; max-width: 62rem; }
.fc-kopf { padding: clamp(1.4rem, 4vw, 2.6rem); border-radius: var(--radius); background: linear-gradient(135deg, var(--nacht) 0%, var(--nacht-3) 100%); color: #fff; }
.fc-dach { margin: 0 0 .5rem; color: var(--orange); font-weight: 700; letter-spacing: .02em; }
.fc-kopf h1 { margin: 0 0 .9rem; font: italic 900 clamp(1.9rem, 5vw, 3rem)/1.08 var(--titel); }
.fc-lead { margin: 0 0 1.3rem; font-size: 1.12rem; line-height: 1.6; color: var(--eis); max-width: 48rem; }
.fc-knoepfe { display: flex; flex-wrap: wrap; gap: .7rem; margin: 0; }
.fc-abschnitt { margin-top: clamp(2rem, 5vw, 3rem); }
.fc-abschnitt h2 { margin: 0 0 .9rem; font: 800 clamp(1.35rem, 3vw, 1.8rem)/1.2 var(--titel); }
.fc-fakten { display: grid; gap: 0; margin: 0; border: 1px solid var(--linie); border-radius: var(--radius); overflow: hidden; background: var(--flaeche); }
.fc-fakten > div { display: grid; grid-template-columns: 13rem 1fr; gap: 1rem; padding: .85rem 1.1rem; border-top: 1px solid var(--linie); }
.fc-fakten > div:first-child { border-top: 0; }
.fc-fakten dt { font-weight: 700; }
.fc-fakten dd { margin: 0; line-height: 1.55; }
.fc-karten { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: .9rem; }
.fc-karten li { padding: 1.1rem 1.15rem; border: 1px solid var(--linie); border-radius: var(--radius); background: var(--flaeche); box-shadow: var(--schatten); }
.fc-karten h3 { margin: 0 0 .4rem; font: 800 1.05rem/1.25 var(--titel); color: var(--blau-dunkel); }
.fc-karten p { margin: 0; line-height: 1.55; color: var(--leise); }
.fc-schritte { margin: 0; padding-left: 1.4rem; line-height: 1.6; }
.fc-schritte li { margin-bottom: .55rem; }
.fc-shops { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.fc-shops li { padding: .45rem .85rem; border: 1px solid var(--linie); border-radius: 999px; background: var(--flaeche); }
.fc-shops a { font-weight: 700; text-decoration: none; }
.fc-shops span { color: var(--leise); font-size: .88rem; }
.fc-frage { border-bottom: 1px solid var(--linie); padding: .75rem 0; }
.fc-frage summary { font-weight: 700; cursor: pointer; }
.fc-frage p { margin: .5rem 0 .2rem; line-height: 1.6; color: var(--leise); }
.fc-schluss { padding: clamp(1.3rem, 4vw, 2rem); border-radius: var(--radius); background: var(--eis); }
.fc-schluss p { line-height: 1.6; }
.fc-klein { font-size: .9rem; color: var(--leise); margin-bottom: 0; }
@media (max-width: 640px) {
  .fc-fakten > div { grid-template-columns: 1fr; gap: .2rem; }
}