/* EROS69 – Infoseiten. Nutzt .n69, .n69-wrap, .n69-crumbs aus neu.css. */
.n69.inf { padding: 20px 0 72px; }
.n69 .inf-art { max-width: 760px; margin: 22px 0 0; }
.n69 .inf-art h1, .n69 .inf-h1 { font-size: 34px; font-weight: 700; line-height: 1.2; }
.n69 .inf-h1 { margin: 22px 0 0; }
.n69 .inf-lead { margin: 14px 0 0; font-size: 16px; line-height: 1.7; color: #47413F; }

.n69 .inf-prose { margin: 28px 0 0; font-size: 16px; line-height: 1.75; color: #141112; overflow-wrap: break-word; }
.n69 .inf-prose > :first-child { margin-top: 0; }
.n69 .inf-prose h2 { margin: 1.9em 0 .5em; font-size: 20px; font-weight: 600; line-height: 1.35; }
.n69 .inf-prose h3 { margin: 1.5em 0 .4em; font-size: 17px; font-weight: 600; }
.n69 .inf-prose p { margin: 0 0 1em; }
.n69 .inf-prose ul, .n69 .inf-prose ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.n69 .inf-prose li { margin: 0 0 .4em; padding-left: .2em; }
.n69 .inf-prose a, .n69 .inf-info a { color: #D90019; text-decoration: underline; text-underline-offset: 2px; }
.n69 .inf-prose a:hover, .n69 .inf-info a:hover { color: #B30014; }
.n69 .inf-prose code { background: #F5F3F1; border-radius: 4px; padding: 1px 6px; font-size: .92em; }
.n69 .inf-note { color: #47413F; font-size: 14px; }
.n69 .inf-tbl { max-width: 100%; overflow-x: auto; margin: 0 0 1.3em; }
.n69 .inf-tbl table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 15px; }
.n69 .inf-tbl th, .n69 .inf-tbl td { border-bottom: 1px solid #E3DCD8; padding: 10px 12px; text-align: left; vertical-align: top; }
.n69 .inf-tbl th { background: #F5F3F1; font-weight: 600; }

.n69 a.inf-btn, .n69 button.inf-btn { display: inline-block; border: 0; cursor: pointer; background: #141112; color: #fff; border-radius: 999px; padding: 12px 28px; font: inherit; font-size: 15px; font-weight: 600; transition: background .15s; }
.n69 a.inf-btn:hover, .n69 button.inf-btn:hover { background: #D90019; }
.n69 button.inf-btn:disabled { opacity: .6; cursor: default; background: #141112; }

/* Kontakt */
.n69 .inf-contact { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 56px; margin: 28px 0 0; max-width: 1000px; }
.n69 .inf-form h2, .n69 .inf-info h2 { font-size: 20px; font-weight: 600; margin: 0 0 18px; }
.n69 .inf-f { margin: 0 0 16px; }
.n69 .inf-f label { display: block; margin: 0 0 6px; font-size: 13px; font-weight: 600; }
.n69 .inf-f input, .n69 .inf-f textarea { display: block; width: 100%; border: 1px solid #DCD3CF; border-radius: 8px; background: #fff; padding: 12px 14px; font: inherit; font-size: 15px; color: #141112; }
.n69 .inf-f textarea { min-height: 160px; resize: vertical; }
.n69 .inf-f input:focus, .n69 .inf-f textarea:focus { outline: none; border-color: #141112; }
.n69 .inf-f input::placeholder, .n69 .inf-f textarea::placeholder { color: #A39A9C; }
.n69 .inf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.n69 .inf-msg { margin: 16px 0 0; padding: 12px 14px; border-radius: 8px; font-size: 14px; line-height: 1.5; }
.n69 .inf-msg[hidden] { display: none; }
.n69 .inf-msg.is-ok { background: #F5F3F1; color: #141112; }
.n69 .inf-msg.is-err { background: #FCEEF0; color: #B30014; }
.n69 .inf-info p { margin: 0 0 16px; font-size: 15px; line-height: 1.6; }
.n69 .inf-info p b { display: block; font-size: 13px; font-weight: 600; color: #8A8285; }
.n69 .inf-info .inf-note { margin-top: 24px; }

/* FAQ (ohne Skript, <details>) */
.n69 .inf-faq { margin: 28px 0 0; border-top: 1px solid #E3DCD8; }
.n69 .inf-faq details { border-bottom: 1px solid #E3DCD8; }
.n69 .inf-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font-size: 17px; font-weight: 600; line-height: 1.4; transition: color .15s; }
.n69 .inf-faq summary::-webkit-details-marker { display: none; }
.n69 .inf-faq summary::after { content: '+'; flex: none; font-size: 26px; font-weight: 300; line-height: 1; color: #D90019; transition: transform .2s; }
.n69 .inf-faq details[open] summary::after { transform: rotate(45deg); }
.n69 .inf-faq summary:hover { color: #D90019; }
.n69 .inf-faq summary:focus-visible { outline: 2px solid #141112; outline-offset: 2px; border-radius: 4px; }
.n69 .inf-a { padding: 0 0 20px; font-size: 16px; line-height: 1.7; color: #47413F; max-width: 680px; }
.n69 .inf-a p { margin: 0 0 .8em; }
.n69 .inf-a strong { color: #141112; }
.n69 .inf-cta { margin: 40px 0 0; }
.n69 .inf-cta p { margin: 0 0 14px; font-size: 15px; color: #47413F; }

@media (max-width: 760px) {
  .n69 .inf-art h1, .n69 .inf-h1 { font-size: 27px; }
  .n69 .inf-contact { grid-template-columns: 1fr; gap: 36px; }
  .n69 .inf-prose { font-size: 15.5px; }
}
