/* #pinkpullunder · Unternehmer-DNA-Test (Steffen, 11.10.2026) – augenzwinkernd, im Pink des Pullunders */
.ir-dna { position: relative; isolation: isolate; overflow: hidden; padding: var(--ir-abstand) 0; background: linear-gradient(135deg, #FF5FA8 0%, #FF2D8F 55%, #E3167A 100%); color: #fff; }
.ir-dna--seite { padding-top: 180px; min-height: 100vh; }
@media (max-width: 759px) { .ir-dna--seite { padding-top: 150px; } }
.ir-dna__glanz { position: absolute; inset: -20% -10% auto auto; width: 70vmax; height: 70vmax; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0)); }
.ir-dna::after { content: "#pinkpullunder"; position: absolute; z-index: -1; left: -2vw; bottom: -3.5vw; font-weight: 800; font-size: clamp(110px, 17vw, 280px); letter-spacing: -.05em; line-height: .8; color: rgba(255, 255, 255, .09); white-space: nowrap; pointer-events: none; }
.ir-dna [hidden] { display: none !important; }

/* Start */
.ir-dna__start { display: grid; gap: 40px 56px; align-items: center; }
.ir-dna__start-text { display: grid; gap: 18px; justify-items: start; }
.ir-dna__kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ir-dna__kicker span { padding: 6px 12px; border-radius: 10px; background: #fff; color: #E3167A; letter-spacing: .02em; text-transform: none; font-size: 15px; }
.ir-dna__titel { font-family: var(--ir-serif); font-weight: 300; font-size: clamp(38px, 4.8vw, 66px); line-height: 1.03; text-wrap: balance; }
.ir-dna__lead { max-width: 36em; font-size: clamp(17px, 1.4vw, 19px); font-weight: 500; color: #FFF0F7; }
.ir-dna__zwinker { font-family: var(--ir-serif); font-style: italic; font-size: 20px; }
.ir-dna__kollege { padding: 12px 16px; border-radius: 14px; background: rgba(255, 255, 255, .2); font-weight: 700; }
.ir-dna__start-aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 6px; }
.ir-dna__frei { font-size: 14px; font-weight: 600; color: #FFE3F0; }
.ir-knopf--pink { background: #fff; color: #C50F69; }
.ir-knopf--pink:hover { background: var(--ir-tinte); color: #fff; }
.ir-knopf--gross { min-height: 56px; padding: 14px 30px; font-size: 15px; border-radius: 17px; }
.ir-dna__typen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 14px; }
.ir-dna__chip { display: grid; justify-items: center; gap: 6px; text-align: center; animation: ir-pulli 4s ease-in-out infinite alternate; animation-delay: calc(var(--n, 0) * -.5s); }
.ir-dna__chip .ir-pullunder { width: 100%; max-width: 120px; filter: drop-shadow(0 10px 16px rgba(110, 0, 50, .3)); }
.ir-dna__chip small { font-size: 12.5px; font-weight: 800; letter-spacing: .02em; }
.ir-dna__chip--du .ir-pullunder { filter: drop-shadow(0 0 0 #fff) drop-shadow(0 10px 18px rgba(110, 0, 50, .4)); }
.ir-dna__chip--du .ir-pullunder path:nth-of-type(2) { stroke: #fff; stroke-width: 5; }
@keyframes ir-pulli { from { transform: translateY(0) rotate(-2deg); } to { transform: translateY(-8px) rotate(2deg); } }
@media (min-width: 960px) { .ir-dna__start { grid-template-columns: 1.1fr 1fr; } }

/* Quiz */
.ir-dna__quiz { max-width: 760px; margin: 0 auto; padding: clamp(24px, 3.4vw, 40px); border-radius: var(--ir-radius-gross); background: #fff; color: var(--ir-tinte); box-shadow: 0 30px 60px rgba(110, 0, 50, .3); }
.ir-dna__quiz.ist-neu .ir-dna__frage, .ir-dna__quiz.ist-neu .ir-dna__antworten { animation: ir-ein .35s var(--ir-ease); }
.ir-dna__fortschritt { height: 8px; border-radius: 5px; background: #FBE1EE; overflow: hidden; }
.ir-dna__fortschritt span { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, #FF5FA8, #E3167A); transition: width .4s var(--ir-ease); }
.ir-dna__zaehler { margin-top: 12px; font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ir-leise); }
.ir-dna__hinweis { margin-top: 10px; display: inline-block; padding: 6px 12px; border-radius: 10px; background: #FFE3F0; color: #B30F5E; font-weight: 700; font-size: 14px; }
.ir-dna__frage { font-family: var(--ir-serif); font-weight: 400; font-size: clamp(26px, 3vw, 34px); line-height: 1.15; margin: 16px 0 22px; }
.ir-dna__antworten { display: grid; gap: 10px; }
.ir-dna__antwort { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border-radius: 15px; border: 1.5px solid var(--ir-linie); background: #fff; text-align: left; font-size: 17px; font-weight: 600; color: var(--ir-tinte); transition: border-color .2s, background-color .2s, transform .15s; }
.ir-dna__antwort span { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: #FBE1EE; color: #C50F69; font-weight: 800; }
.ir-dna__antwort:hover { border-color: #FF2D8F; background: #FFF6FA; }
.ir-dna__antwort.ist-gewaehlt { border-color: #FF2D8F; background: #FF2D8F; color: #fff; transform: scale(.99); }
.ir-dna__antwort.ist-gewaehlt span { background: #fff; }

/* Laden */
.ir-dna__laden { display: grid; justify-items: center; gap: 18px; padding: 80px 0; font-size: 20px; font-weight: 700; text-align: center; }
.ir-dna__spinner { width: 56px; height: 56px; border-radius: 50%; border: 6px solid rgba(255, 255, 255, .35); border-top-color: #fff; animation: ir-dreh .9s linear infinite; }
@keyframes ir-dreh { to { transform: rotate(360deg); } }

/* Ergebnis */
.ir-dna__ergebnis { display: grid; gap: 28px 40px; animation: ir-ein .5s var(--ir-ease); }
.ir-dna__profil { display: grid; gap: 14px; justify-items: center; }
.ir-dna__karte { --typ: #ED8CC2; position: relative; width: min(360px, 100%); display: grid; justify-items: center; text-align: center; gap: 6px; padding: 26px 24px 28px; border-radius: 26px; background: #fff; color: var(--ir-tinte); box-shadow: 0 34px 70px rgba(110, 0, 50, .38); transform: rotate(-2deg); }
.ir-dna__karte::before { content: ""; position: absolute; inset: 0 0 auto; height: 46%; border-radius: 26px 26px 0 0; background: linear-gradient(180deg, color-mix(in srgb, var(--typ) 45%, #fff), #fff); z-index: 0; }
.ir-dna__karte > * { position: relative; z-index: 1; }
.ir-dna__karte-tag { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #E3167A; }
.ir-dna__karte-pulli { width: 170px; margin: 4px 0; }
.ir-dna__karte-pulli svg { width: 100%; height: auto; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .18)); animation: ir-pulli 3s ease-in-out infinite alternate; }
.ir-dna__karte-pulli { position: relative; }
.ir-dna__kopf { position: absolute; left: 50%; top: -44px; width: 84px; height: 84px; border-radius: 50%; object-fit: cover; transform: translateX(-50%); border: 4px solid #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, .22); z-index: 2; }
.ir-dna__karte.hat-foto .ir-dna__karte-pulli { margin-top: 50px; }
.ir-dna__foto { cursor: pointer; }
.ir-dna__foto .ir-knopf { pointer-events: none; }
.ir-dna__foto-hinweis { font-size: 12.5px; color: #FFE3F0; text-align: center; max-width: 300px; }
.ir-dna__trommel { font-family: var(--ir-serif); font-style: italic; font-size: clamp(34px, 5vw, 56px); font-weight: 300; animation: ir-trommel .18s ease-in-out infinite alternate; }
@keyframes ir-trommel { from { transform: translateX(-3px) rotate(-1deg); } to { transform: translateX(3px) rotate(1deg); } }
.ir-dna__karte-label { font-size: 13px; font-weight: 700; color: var(--ir-leise); }
.ir-dna__karte-name { font-family: var(--ir-serif); font-weight: 400; font-size: clamp(26px, 7vw, 32px); line-height: 1.05; hyphens: manual; }
.ir-dna__karte-motto { font-size: 15px; font-weight: 700; }
.ir-dna__karte-zwinker { font-family: var(--ir-serif); font-style: italic; font-size: 16px; color: #B30F5E; }
.ir-dna__karte-rang { margin-top: 8px; padding: 8px 12px; border-radius: 12px; background: #FFE3F0; font-size: 13px; font-weight: 700; color: #8C0A48; }
.ir-dna__selten { font-weight: 800; font-size: 16px; }
.ir-dna__details { display: grid; gap: 18px; align-content: start; }
.ir-dna__score { padding: 22px; border-radius: 20px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .3); }
.ir-dna__score-zahl { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.ir-dna__score-zahl b { font-family: var(--ir-serif); font-weight: 300; font-size: 56px; line-height: 1; }
.ir-dna__score-zahl span { font-size: 17px; font-weight: 700; }
.ir-dna__skala { position: relative; height: 12px; margin: 18px 0 10px; border-radius: 7px; background: linear-gradient(90deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, .7)); }
.ir-dna__skala span { position: absolute; top: 50%; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 5px solid var(--ir-tinte); transform: translate(-50%, -50%); transition: left 1s var(--ir-ease); }
.ir-dna__skala i { position: absolute; top: -8px; bottom: -8px; width: 3px; border-radius: 2px; background: var(--ir-gruen); }
.ir-dna__skala i::after { content: "Ass"; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-style: normal; font-size: 11px; font-weight: 800; color: #fff; }
.ir-dna__abstand { font-weight: 700; }
.ir-dna__schaetzung { margin-top: 4px; font-size: 12.5px; color: #FFE3F0; }
.ir-dna__eigen { display: grid; gap: 10px; }
.ir-dna__eigen div { padding: 14px 16px; border-radius: 16px; background: #fff; color: var(--ir-tinte); }
.ir-dna__eigen dt { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #C50F69; margin-bottom: 4px; }
.ir-dna__eigen dd { font-size: 15px; }
.ir-dna__teilen { padding: 18px; border-radius: 20px; background: var(--ir-tinte); }
.ir-dna__teilen-titel { font-size: 17px; font-weight: 800; margin-bottom: 10px; }
.ir-dna__was { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 12px; font-size: 14px; font-weight: 600; }
.ir-dna__was input { accent-color: #FF2D8F; }
.ir-dna__wege { display: flex; flex-wrap: wrap; gap: 8px; }
.ir-dna__wege .ir-teilen__knopf--nativ { background: #FF2D8F; border-color: #FF2D8F; color: #fff; }
.ir-dna__report { grid-column: 1 / -1; display: grid; gap: 20px 36px; padding: clamp(22px, 3vw, 34px); border-radius: var(--ir-radius-gross); background: #fff; color: var(--ir-tinte); }
.ir-dna__report-label { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #C50F69; }
.ir-dna__report-titel { font-family: var(--ir-serif); font-size: 24px; line-height: 1.2; margin: 6px 0 12px; }
.ir-dna__report-liste { display: grid; gap: 6px; }
.ir-dna__report-liste li { position: relative; padding-left: 26px; filter: blur(.0px); }
.ir-dna__report-liste li::before { content: "\1F512"; position: absolute; left: 0; font-size: 14px; }
.ir-dna__report-felder { display: grid; gap: 10px; align-content: start; }
.ir-dna__report-felder label span { display: block; font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.ir-dna__report-felder input[type="text"], .ir-dna__report-felder input[type="email"] { width: 100%; height: 46px; padding: 0 14px; border-radius: 13px; border: 1.5px solid var(--ir-linie); font: inherit; }
.ir-dna__report-felder input:focus { outline: none; border-color: #FF2D8F; }
.ir-dna__name { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 520px) { .ir-dna__name { grid-template-columns: 1fr; } }
.ir-dna__check { display: flex !important; gap: 10px; align-items: flex-start; font-size: 14px; }
.ir-dna__check input { margin-top: 3px; accent-color: #FF2D8F; }
.ir-dna__check span { font-weight: 500 !important; margin: 0 !important; display: inline !important; font-size: 14px !important; }
.ir-dna__dsgvo { font-size: 12.5px; color: var(--ir-leise); }
.ir-dna__dsgvo a { color: inherit; }
.ir-dna__danke { padding: 12px 14px; border-radius: 12px; background: var(--ir-mint); font-weight: 700; font-size: 14px; }
.ir-dna__nochmal { grid-column: 1 / -1; justify-self: center; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; color: #fff; }
@media (min-width: 960px) {
	.ir-dna__ergebnis { grid-template-columns: 400px 1fr; }
	.ir-dna__report { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 759px) { .ir-dna__typen { grid-template-columns: repeat(3, 1fr); gap: 6px; } .ir-dna__chip small { font-size: 11px; } .ir-dna__karte { transform: none; } }
.ir-ruhe .ir-dna__chip, .ir-ruhe .ir-dna__karte-pulli svg { animation-play-state: paused; }
.ir-dna__honig { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ir-dna__fehler { padding: 12px 14px; border-radius: 12px; background: #FDE4EF; color: #8A0F45; font-weight: 700; font-size: 14px; }
.ir-dna__report button[disabled] { opacity: .6; cursor: progress; }