/* Neues Design fuer Trefferliste und Profilseite (2026-11-01) */

body.rn-body {
  margin: 0;
  background: #eeeeee;
  color: #3d4449;
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
body.rn-body p, body.rn-body li, body.rn-body label { font-weight: 400; }
body.rn-body strong, body.rn-body b { font-weight: 700; color: inherit; }
body.rn-body #content_wrapper {
  max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; float: none !important; min-height: 0;
}
body.rn-body *, body.rn-body *::before, body.rn-body *::after { box-sizing: border-box; }
body.rn-body a { color: #206385; }
body.rn-body a:hover { color: #174a64; }
body.rn-body img { max-width: 100%; }
body.rn-body h1, body.rn-body h2, body.rn-body h3 { font-family: inherit; text-transform: none; letter-spacing: normal; text-align: left; }

.rn-wrap { max-width: 1380px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.rn-row { display: flex; flex-wrap: wrap; gap: 32px; }
.rn-col { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.rn-side { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }

/* Kopfzeile */
.rn-header { background: #206385; color: #ffffff; }
.rn-header-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding-top: 18px; padding-bottom: 18px; }
body.rn-body .rn-logo { color: #ffffff; text-decoration: none; font-weight: 800; font-size: 26px; letter-spacing: 0.04em; }
body.rn-body .rn-logo span { color: #36A9E1; }
.rn-header-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
body.rn-body .rn-header-links a, body.rn-body .rn-back { color: #cfe8f4; font-size: 14px; padding: 10px 4px; }
body.rn-body .rn-header-links a:hover, body.rn-body .rn-back:hover { color: #ffffff; }
.rn-back-row { padding-bottom: 20px; }
body.rn-body .rn-back { text-decoration: none; padding: 0; }

/* Kopfbereich der Liste */
.rn-hero { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-end; padding-top: 28px; padding-bottom: 48px; }
.rn-hero-text { flex: 999 1 560px; min-width: 0; }
body.rn-body .rn-hero .rn-hero-text h1 { margin: 0 0 16px; font-size: 42px; line-height: 1.15; font-weight: 800; color: #ffffff; max-width: 900px; }
body.rn-body .rn-hero .rn-hero-text p { margin: 0 0 10px; font-size: 16px; line-height: 1.7; color: #dbeef8; max-width: 860px; }
body.rn-body .rn-hero .rn-hero-text a { color: #ffffff; }
.rn-topic { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
body.rn-body .rn-topic label { font-size: 14px; font-weight: 600; color: #cfe8f4; }
body.rn-body .rn-topic select { font: inherit; font-size: 16px; padding: 14px 16px; height: auto !important; border: 0; border-radius: 12px; color: #3d4449; background: #ffffff; width: 100%; }
body.rn-body .rn-topic .select2-container { width: 100% !important; }
body.rn-body .rn-topic .select2-selection { height: auto; min-height: 52px; border: 0; border-radius: 12px; display: flex; align-items: center; background: #ffffff; }
body.rn-body .rn-topic .select2-selection__rendered { font-size: 16px; line-height: 1.4; color: #3d4449; padding: 14px 40px 14px 16px; }
body.rn-body .rn-topic .select2-selection__arrow { height: 100%; top: 0; right: 10px; }

/* Hauptbereich */
.rn-main { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; padding-top: 32px; padding-bottom: 64px; }
.rn-list { gap: 20px; }
body.rn-body .rn-count { margin: 0; font-size: 20px; font-weight: 700; color: #206385; }

/* Kaesten */
.rn-box, .rn-card, .rn-quote, .rn-video, .rn-side .article_sb_wrapper, .rn-side > a {
  border-radius: 12px;
}
.rn-box, .rn-card { background: #ffffff; }
.rn-card, .rn-side > .rn-box, .rn-side .article_sb_wrapper, .rn-side > a, .rn-video {
  box-shadow: 0 1px 2px rgba(16,40,56,0.06), 0 8px 24px rgba(16,40,56,0.07);
}
.rn-box { padding: 32px 36px; }
body.rn-body .rn-box h2 { margin: 0 0 16px; font-size: 26px; line-height: 1.3; color: #206385; font-weight: 700; }
body.rn-body .rn-box h3 { margin: 18px 0 8px; font-size: 19px; line-height: 1.4; color: #1d2a31; font-weight: 700; }
body.rn-body .rn-box p { margin: 0 0 14px; font-size: 17px; line-height: 1.75; }
body.rn-body .rn-box p:last-child { margin-bottom: 0; }
.rn-text { padding: 28px 32px; }
body.rn-body .rn-text h2 { font-size: 24px; margin-bottom: 12px; }
body.rn-body .rn-text p { font-size: 16px; }

/* Listenkarte */
.rn-card { padding: 22px; display: flex; flex-wrap: wrap; gap: 22px; align-items: flex-start; margin: 0; }
.rn-card-side { flex: 0 0 170px; display: flex; flex-direction: column; gap: 12px; }
.rn-card-photo { width: 170px; height: 170px; object-fit: cover; border-radius: 12px; display: block; }
.rn-card-body { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
body.rn-body .rn-card-body h3 { margin: 0; font-size: 21px; font-weight: 700; line-height: 1.3; }
body.rn-body .rn-card-body h3 a { color: #1d2a31; text-decoration: none; }
body.rn-body .rn-card-body h3 a:hover { color: #206385; text-decoration: underline; }
body.rn-body .rn-card-head { margin: 0; font-size: 15px; font-weight: 600; color: #206385; }
body.rn-body .rn-card-text { margin: 0; font-size: 15px; line-height: 1.6; color: #4a535a; }
.rn-card-video, .rn-card-novideo { flex: 0 0 256px; height: 144px; border-radius: 12px; }
.rn-card-video { position: relative; overflow: hidden; display: block; padding: 0; border: 0; background: #1d3a4a; cursor: pointer; }
.rn-card-video img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rn-card-novideo { border: 1.5px dashed #c9d3d9; display: flex; align-items: center; justify-content: center; color: #5c666d; font-size: 14px; }

/* Knoepfe */
body.rn-body .rn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #206385; color: #ffffff; text-decoration: none; font: inherit; font-weight: 600; font-size: 15px; padding: 11px 10px; border: 0; border-radius: 12px; cursor: pointer; line-height: 1.3; width: auto; height: auto; text-transform: none; letter-spacing: normal; }
body.rn-body .rn-btn:hover { background: #174a64; color: #ffffff; }
body.rn-body .rn-btn-big { font-size: 16px; padding: 13px 22px; }
body.rn-body .rn-btn-outline { background: #ffffff; color: #206385; border: 1.5px solid #206385; padding: 12px 22px; }
body.rn-body .rn-btn-outline:hover { background: #eaf5fb; color: #174a64; }
body.rn-body .rn-all { align-self: center; padding: 13px 28px; font-size: 16px; }
/* Kategorie-Uebersicht: Themenbloecke */
body.rn-body .rn-section-title { margin: 28px 0 0; padding-top: 32px; border-top: 1px solid #d5dee3; font-size: 28px; line-height: 1.3; font-weight: 800; color: #206385; }
body.rn-body .rn-topic-title { margin: 18px 0 0; font-size: 22px; line-height: 1.3; font-weight: 700; }
body.rn-body .rn-topic-title a { color: #1d2a31; text-decoration: none; }
body.rn-body .rn-topic-title a:hover { color: #206385; text-decoration: underline; }
body.rn-body .rn-topic-note { margin: -8px 0 0; font-size: 15px; line-height: 1.6; color: #4a535a; }
body.rn-body .rn-btn:focus-visible, .rn-card-video:focus-visible, .rn-video:focus-visible, .rn-video-item:focus-visible { outline: 3px solid #36A9E1; outline-offset: 2px; }

/* Abspielknopf */
.rn-play { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; border-radius: 50%; background: #36A9E1; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,0.3); }

/* Themen-Chips */
.rn-tags, .rn-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.rn-tag { font-size: 13px; padding: 4px 10px; border-radius: 999px; background: #eaf5fb; color: #1f5470; }
.rn-chips { gap: 8px; }
.rn-chip { font-size: 14px; padding: 7px 14px; border-radius: 999px; background: #f2f4f5; color: #3d4449; }

/* Seitenspalte */
.rn-side > .rn-box { padding: 24px; }
body.rn-body .rn-side h2 { font-size: 18px; margin: 0 0 8px; }
body.rn-body .rn-side .rn-box p { font-size: 15px; line-height: 1.55; color: #4a535a; }
.rn-info { border-top: 4px solid #36A9E1; }
body.rn-body .rn-label, body.rn-body .rn-side > h3 { margin: 8px 0 -8px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c666d; }
.rn-side .article_sb_wrapper { background: #ffffff; overflow: hidden; margin: 0; padding: 0; width: auto; float: none; }
body.rn-body .rn-side .article_sb_wrapper a { display: flex; flex-direction: column; text-decoration: none; color: inherit; padding: 0 0 20px; }
body.rn-body .rn-side .article_sb_img { order: -1; width: 100%; height: 170px; object-fit: cover; display: block; margin: 0 0 18px; float: none; border-radius: 0; }
body.rn-body .rn-side .article_sb_head { padding: 0 20px; margin: 0 0 8px; font-size: 18px; line-height: 1.35; font-weight: 700; color: #206385; }
body.rn-body .rn-side .article_sb_text { font-weight: 400; padding: 0 20px; font-size: 14px; line-height: 1.55; color: #4a535a; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
body.rn-body .rn-side .article_sb_wrapper a::after { content: "Weiterlesen \2192"; padding: 12px 20px 0; font-size: 14px; font-weight: 600; color: #206385; }
.rn-side > a { display: block; overflow: hidden; }
.rn-side > a img { width: 100%; display: block; }
body.rn-body .rn-side .rn-small { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: #5c666d; }

/* Texte unten auf der Liste */
.rn-article { background: #ffffff; }
.rn-article-inner { padding-top: 56px; padding-bottom: 64px; column-width: 460px; column-gap: 56px; }
body.rn-body .rn-article h2 { margin: 0 0 14px; font-size: 26px; line-height: 1.3; color: #206385; font-weight: 700; break-after: avoid; }
body.rn-body .rn-article h3 { margin: 22px 0 10px; font-size: 19px; line-height: 1.4; color: #1d2a31; font-weight: 700; break-after: avoid; }
body.rn-body .rn-article p { margin: 0 0 14px; font-size: 16px; line-height: 1.75; }
body.rn-body .rn-article .floatleftmb { float: none; width: auto; max-width: 100%; margin: 0 0 24px; font-size: 14px; color: #5c666d; break-inside: avoid; }
body.rn-body .rn-article .floatleftmb img { width: 100%; height: auto; border-radius: 12px; display: block; margin-bottom: 6px; }

/* Blaettern auf /alle */
.rn-list .pagination, .rn-list #pagination { margin: 8px 0; }

/* Profil: Kopfbereich */
.rn-hero-profile { background: #ffffff; border-bottom: 1px solid #e3e8eb; }
.rn-hero-profile > .rn-row { padding-top: 40px; padding-bottom: 40px; align-items: center; }
.rn-hero-left { flex-direction: row; flex-wrap: wrap; gap: 40px; align-items: center; }
.rn-hero-photo { flex: 0 0 auto; width: 260px; height: 260px; object-fit: cover; border-radius: 12px; box-shadow: 0 8px 24px rgba(16,40,56,0.12); }
.rn-hero-profile .rn-hero-text { flex: 1 1 420px; display: flex; flex-direction: column; gap: 14px; }
body.rn-body .rn-hero-profile h1 { margin: 0; font-size: 44px; line-height: 1.1; font-weight: 800; color: #1d2a31; }
body.rn-body .rn-slogan { margin: 0; font-size: 22px; font-weight: 600; color: #206385; }
body.rn-body .rn-intro { margin: 0; font-size: 17px; line-height: 1.65; color: #4a535a; max-width: 760px; }
.rn-hero-profile .rn-tags { gap: 8px; margin-top: 0; }
.rn-hero-profile .rn-tag { padding: 5px 12px; }
.rn-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.rn-hero-seal { align-items: center; justify-content: center; }
.rn-hero-seal img { width: 230px; height: 230px; object-fit: contain; display: block; }

/* Profil: Hauptspalte */
.rn-video { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #1d3a4a; padding: 0; border: 0; cursor: pointer; }
.rn-video img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rn-video .rn-play { width: 84px; height: 84px; margin: -42px 0 0 -42px; }
body.rn-body .rn-video-caption { margin: -12px 0 0; font-size: 15px; color: #5c666d; }
.rn-quote { margin: 0; background: #206385; color: #ffffff; padding: 32px 36px; display: flex; gap: 20px; align-items: flex-start; }
.rn-quote svg { flex: 0 0 auto; }
body.rn-body .rn-quote blockquote { margin: 0 0 12px; padding: 0; border: 0; font-size: 22px; line-height: 1.5; font-weight: 600; color: #ffffff; background: none; }
body.rn-body .rn-quote figcaption { font-size: 15px; color: #cfe8f4; }
.rn-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 14px; }
.rn-gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; display: block; }
.rn-videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 22px 18px; }
.rn-video-item { display: flex; flex-direction: column; gap: 10px; text-align: left; background: none; border: 0; padding: 0; font: inherit; color: #1d2a31; cursor: pointer; }
.rn-video-thumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #1d3a4a; }
.rn-video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rn-video-thumb .rn-play { width: 46px; height: 46px; margin: -23px 0 0 -23px; }
body.rn-body .rn-video-title { font-size: 15px; font-weight: 600; line-height: 1.4; text-transform: none; letter-spacing: normal; }
.rn-talks { display: flex; flex-direction: column; gap: 14px; }
.rn-talk { border: 1px solid #e3e8eb; border-radius: 12px; padding: 20px 24px; }
body.rn-body .rn-talk h3 { margin: 0; }
body.rn-body .rn-talk ul { margin: 10px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 16px; line-height: 1.55; color: #4a535a; list-style: disc; }
body.rn-body .rn-talk li { list-style: disc; }
body.rn-body .rn-talk p { margin: 10px 0 0; font-size: 16px; line-height: 1.55; color: #4a535a; }
.rn-pubs { display: flex; flex-wrap: wrap; gap: 28px; }
.rn-pub { flex: 1 1 260px; display: flex; gap: 18px; align-items: flex-start; }
.rn-pub img { width: 110px; border-radius: 6px; box-shadow: 0 6px 18px rgba(16,40,56,0.18); flex: 0 0 auto; }
body.rn-body .rn-pub p { margin: 0; font-size: 15px; line-height: 1.55; color: #3d4449; }

/* Profil: Kontaktkarte */
.rn-contact { border-top: 4px solid #36A9E1; }
body.rn-body .rn-contact h2 { font-size: 20px; margin-bottom: 6px; }
body.rn-body .rn-contact .rn-muted { margin: 0 0 18px; font-size: 14px; color: #5c666d; }
body.rn-body .rn-contact .rn-address { margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: #3d4449; }
.rn-contact-list { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
body.rn-body .rn-contact-list a, .rn-contact-list span { display: flex; align-items: center; gap: 10px; text-decoration: none; padding: 4px 0; overflow-wrap: anywhere; }
.rn-contact-list span { color: #5c666d; }
.rn-contact-list svg { flex: 0 0 auto; }
body.rn-body .rn-h-small { font-size: 17px; margin-bottom: 12px; }
.rn-links { display: flex; flex-direction: column; gap: 8px; font-size: 15px; }

/* Fusszeile */
.rn-footer { background: #2e2d2c; color: #c9c6c2; }
.rn-footer-bar { padding-top: 40px; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; align-items: center; }
body.rn-body .rn-footer .rn-logo { font-size: 22px; }
.rn-footer nav { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 14px; }
body.rn-body .rn-footer nav a { color: #c9c6c2; }
body.rn-body .rn-footer nav a:hover { color: #ffffff; }
.rn-footer nav[aria-label="Kategorien"] { width: 100%; font-size: 13px; gap: 6px 18px; }
.rn-footer-address { width: 100%; margin: 0; font-size: 13px; line-height: 1.6; color: #a9a5a0; }
/* Fusszeile auch auf Seiten im alten Design (2026-11-02) */
footer.rn-footer { font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400; text-align: left; width: 100%; clear: both; }
footer.rn-footer .rn-logo { color: #ffffff; text-decoration: none; font-weight: 800; font-size: 22px; letter-spacing: 0.04em; }
footer.rn-footer .rn-logo span { color: #36A9E1; }
footer.rn-footer nav a { color: #c9c6c2; text-decoration: none; font-weight: 400; text-transform: none; }
footer.rn-footer nav a:hover { color: #ffffff; }

/* Versionszeile des Systems unter der Fusszeile */
body.rn-body .version { overflow-wrap: anywhere; word-break: break-all; max-width: 100%; }

/* Handy */
@media (max-width: 700px) {
  .rn-wrap { padding-left: 16px; padding-right: 16px; }
  .rn-header-bar { padding-top: 12px; padding-bottom: 12px; }
  body.rn-body .rn-logo { font-size: 21px; }
  .rn-hero { padding-top: 12px; padding-bottom: 28px; gap: 20px; }
  body.rn-body .rn-hero .rn-hero-text h1 { font-size: 28px; }
  body.rn-body .rn-hero .rn-hero-text p { font-size: 15px; line-height: 1.6; }
  .rn-main { padding-top: 20px; padding-bottom: 40px; gap: 24px; }
  .rn-box { padding: 22px 20px; }
  body.rn-body .rn-box h2 { font-size: 22px; }
  body.rn-body .rn-box p { font-size: 16px; }
  .rn-card { padding: 16px; gap: 14px 16px; }
  .rn-card-side { flex: 0 0 110px; }
  .rn-card-photo { width: 110px; height: 110px; }
  .rn-card-side .rn-btn { font-size: 13px; padding: 9px 6px; }
  .rn-card-body { flex: 1 1 150px; }
  body.rn-body .rn-card-body h3 { font-size: 18px; }
  .rn-card-video, .rn-card-novideo { flex: 1 1 100%; height: auto; aspect-ratio: 16 / 9; }
  .rn-card-novideo { aspect-ratio: auto; height: 56px; }
  .rn-article-inner { padding-top: 36px; padding-bottom: 40px; }
  body.rn-body .rn-article h2 { font-size: 22px; }

  .rn-hero-profile > .rn-row { padding-top: 20px; padding-bottom: 24px; gap: 16px; }
  .rn-hero-profile .rn-col { display: contents; }
  .rn-hero-left { gap: 16px; }
  .rn-hero-photo { width: 150px; height: 150px; order: 1; }
  .rn-hero-seal { order: 2; flex: 0 0 auto; }
  .rn-hero-seal img { width: 140px; height: 140px; }
  .rn-hero-profile .rn-hero-text { order: 3; flex: 1 1 100%; }
  body.rn-body .rn-hero-profile h1 { font-size: 30px; }
  body.rn-body .rn-slogan { font-size: 18px; }
  body.rn-body .rn-intro { font-size: 16px; }
  .rn-actions .rn-btn { flex: 1 1 100%; }
  .rn-quote { padding: 22px 20px; gap: 12px; }
  body.rn-body .rn-quote blockquote { font-size: 18px; }
  .rn-video .rn-play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
}

/* Anmeldung, Passwort-Seiten und Willkommensseite (2026-11-03) */
.rn-login-wrap { display: flex; justify-content: center; padding-top: 48px; padding-bottom: 72px; }
body.rn-body .rn-login { width: 100%; max-width: 460px; margin: 0; float: none; padding: 36px 32px; background: #ffffff; border-radius: 16px; box-shadow: 0 8px 30px rgba(32, 99, 133, 0.12); text-align: left; }
body.rn-body .rn-login:has(.rn-login-dashboard) { max-width: 760px; }
body.rn-body .rn-login h1 { margin: 0 0 8px; font-size: 30px; line-height: 1.2; font-weight: 800; color: #1d2a31; text-transform: none; text-align: left; }
body.rn-body .rn-login p { margin: 0 0 16px; font-size: 16px; line-height: 1.6; }
body.rn-body .rn-login .rn-login-lead { margin-bottom: 24px; color: #5c666d; }
body.rn-body .rn-login form { margin: 0; padding: 0; width: auto; float: none; background: none; }
.rn-login-feld { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; }
body.rn-body .rn-login label { font-size: 15px; font-weight: 600; color: #1d2a31; text-transform: none; }
body.rn-body .rn-login input[type=email], body.rn-body .rn-login input[type=password], body.rn-body .rn-login input[type=text] {
  display: block; float: none; width: 100%; height: auto; margin: 0; padding: 12px 14px;
  font: inherit; font-size: 16px; color: #1d2a31; text-transform: none;
  background: #ffffff; border: 1.5px solid #c9d3d9; border-radius: 10px; box-shadow: none;
}
body.rn-body .rn-login form > input[type=password] { margin-bottom: 14px; }
body.rn-body .rn-login input:focus { outline: 3px solid #36A9E1; outline-offset: 1px; border-color: #206385; }
body.rn-body .rn-login .rn-login-knopf, body.rn-body .rn-login .adm_button {
  display: block; float: none; width: 100%; height: auto; margin: 8px 0 0; padding: 14px 20px;
  font: inherit; font-size: 17px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: normal; text-align: center; text-decoration: none;
  color: #ffffff; background: #206385; border: 0; border-radius: 12px; cursor: pointer;
}
body.rn-body .rn-login .rn-login-knopf:hover, body.rn-body .rn-login .adm_button:hover { background: #174a64; color: #ffffff; }
body.rn-body .rn-login .rn-login-link {
  display: inline-block; float: none; margin: 12px 0 0; padding: 8px 0; width: auto; height: auto;
  font: inherit; font-size: 15px; color: #206385; text-decoration: underline; text-transform: none;
  background: none; border: 0; cursor: pointer;
}
body.rn-body .rn-login .rn-login-link:hover { color: #174a64; }
body.rn-body .rn-login .rn-login-hinweis { margin: 12px 0 0; padding: 12px 14px; font-size: 15px; line-height: 1.5; color: #174a64; background: #eaf5fb; border-radius: 10px; }
body.rn-body .rn-login .rn-login-hinweis[hidden] { display: none; }
body.rn-body .rn-login .output_error:empty { display: none; }
body.rn-body .rn-login .output_error, body.rn-body .rn-login .rn-login-fehler {
  margin: 0 0 16px; padding: 12px 14px; font-size: 15px; font-weight: 600; color: #8a1020; background: #fdecee; border-radius: 10px; float: none; width: auto;
}
body.rn-body .rn-login .rn-login-neu { margin: 24px 0 0; padding-top: 20px; font-size: 15px; color: #5c666d; border-top: 1px solid #e3e8eb; }
.rn-login-schritte { display: grid; gap: 12px; margin: 0 0 16px; }
body.rn-body a.rn-login-schritt {
  display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px;
  color: #3d4449; text-decoration: none; background: #ffffff; border: 1.5px solid #d5dee3; border-radius: 14px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
body.rn-body a.rn-login-schritt:hover { color: #3d4449; border-color: #36A9E1; box-shadow: 0 4px 16px rgba(32, 99, 133, 0.12); }
.rn-login-nr { flex: 0 0 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #ffffff; background: #206385; border-radius: 50%; }
.rn-login-schritt-text strong { display: block; margin-bottom: 4px; font-size: 18px; color: #1d2a31; }
.rn-login-schritt-text span { display: block; font-size: 15px; line-height: 1.55; color: #5c666d; }
@media (max-width: 560px) {
  .rn-login-wrap { padding-top: 24px; padding-bottom: 40px; }
  body.rn-body .rn-login { padding: 24px 20px; border-radius: 14px; }
  body.rn-body .rn-login h1 { font-size: 24px; }
  body.rn-body a.rn-login-schritt { padding: 16px; gap: 12px; }
}

/* AGB-Bestaetigung nach dem Login (2026-11-03) */
body.rn-agb-offen { overflow: hidden; }
body.rn-body #agbpopup.rn-agb { position: fixed; inset: 0; top: 0; left: 0; width: auto; height: auto; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(29, 42, 49, 0.6); }
body.rn-body .rn-agb-box { width: 100%; max-width: 760px; max-height: calc(100vh - 32px); display: flex; flex-direction: column; padding: 28px; background: #ffffff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); text-align: left; }
body.rn-body .rn-agb-box h2 { margin: 0 0 8px; font-size: 24px; line-height: 1.25; font-weight: 800; color: #1d2a31; text-transform: none; }
body.rn-body .rn-agb-box > p { margin: 0 0 16px; font-size: 16px; line-height: 1.6; color: #5c666d; }
body.rn-body .rn-agb-text { flex: 1 1 auto; min-height: 120px; overflow-y: auto; padding: 16px 18px; font-size: 14px; line-height: 1.6; background: #f7f9fa; border: 1.5px solid #d5dee3; border-radius: 12px; }
body.rn-body .rn-agb-text p { margin: 0 0 10px; font-size: 14px; line-height: 1.6; }
body.rn-body .rn-agb-text:focus { outline: 3px solid #36A9E1; outline-offset: 1px; }
body.rn-body .rn-agb-check { display: flex; align-items: flex-start; gap: 10px; margin: 16px 0 0; font-size: 15px; font-weight: 600; color: #1d2a31; cursor: pointer; }
body.rn-body .rn-agb-check input { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0; }
.rn-agb-knoepfe { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 12px; }
body.rn-body .rn-login .rn-agb-knoepfe .rn-login-knopf { width: auto; margin: 0; padding: 14px 28px; }
body.rn-body .rn-login .rn-agb-knoepfe .rn-login-knopf:disabled { background: #9fb3bf; cursor: not-allowed; }
body.rn-body .rn-login .rn-agb-knoepfe .rn-login-link { margin: 0; }
@media (max-width: 560px) {
  body.rn-body .rn-agb-box { padding: 20px; }
  body.rn-body .rn-agb-box h2 { font-size: 20px; }
  body.rn-body .rn-login .rn-agb-knoepfe .rn-login-knopf { width: 100%; }
}

/* Redner-Bereich im neuen Design (2026-11-03) */
.rn-schritte { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 18px; }
body.rn-body .rn-schritte a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px 6px 6px; font-size: 15px; font-weight: 600; color: #cfe8f4; text-decoration: none; background: rgba(255, 255, 255, 0.08); border-radius: 999px; }
body.rn-body .rn-schritte a span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; font-size: 13px; font-weight: 700; color: #ffffff; background: rgba(255, 255, 255, 0.18); border-radius: 50%; }
body.rn-body .rn-schritte a:hover { color: #ffffff; background: rgba(255, 255, 255, 0.16); }
body.rn-body .rn-schritte a.aktiv { color: #206385; background: #ffffff; }
body.rn-body .rn-schritte a.aktiv span { color: #ffffff; background: #206385; }
.rn-kunde-main { max-width: 980px; padding-top: 32px; padding-bottom: 64px; }
.rn-kunde-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-bottom: 20px; }
body.rn-body h1.rn-kunde-titel { margin: 0; font-size: 32px; line-height: 1.2; font-weight: 800; color: #1d2a31; }
body.rn-body .rn-kunde-video { padding: 10px 18px; font: inherit; font-size: 15px; font-weight: 600; color: #206385; background: #ffffff; border: 1.5px solid #c9d3d9; border-radius: 999px; cursor: pointer; }
body.rn-body .rn-kunde-video:hover { border-color: #206385; }
body.rn-kunde #list_handle.rn-kunde-karte { position: static; max-width: none; padding: 32px; background: #ffffff; border-radius: 16px; box-shadow: 0 8px 30px rgba(32, 99, 133, 0.10); }
body.rn-kunde .rn-kunde-karte p { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #5c666d; }
body.rn-kunde .rn-kunde-fehler { margin: 0 0 16px; padding: 12px 14px; font-weight: 600; color: #8a1020; background: #fdecee; border-radius: 10px; }

/* Formular (Stammdaten) */
body.rn-kunde .largeform { margin: 0; padding: 0; width: auto; float: none; background: none; }
body.rn-kunde .userFormHead h2 { margin: 8px 0 16px; font-size: 20px; font-weight: 700; color: #1d2a31; text-transform: none; text-align: left; }
body.rn-kunde .personal_data { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px 20px; }
body.rn-kunde .personal_data .inputWrapper { grid-column: span 6; display: flex; flex-direction: column; gap: 6px; min-width: 0; width: auto; margin: 0; padding: 0; float: none; }
body.rn-kunde #form_ .personal_data .inputWrapper { justify-content: flex-end; width: auto; margin: 0; float: none; }
body.rn-kunde #wrapper_US_GENDER, body.rn-kunde #wrapper_US_EMAIL, body.rn-kunde #wrapper_US_COMPANY { grid-column: span 12; }
body.rn-kunde #wrapper_US_TITLE { grid-column: span 2; }
body.rn-kunde #wrapper_US_NAME, body.rn-kunde #wrapper_US_LASTNAME { grid-column: span 5; }
body.rn-kunde #wrapper_US_STREET { grid-column: span 9; }
body.rn-kunde #wrapper_US_STREET_NO, body.rn-kunde #wrapper_US_COUNTRY, body.rn-kunde #wrapper_US_POSTCODE { grid-column: span 3; }
body.rn-kunde .personal_data label { width: auto; margin: 0; padding: 0; float: none; font-size: 15px; font-weight: 600; line-height: 1.4; color: #1d2a31; text-transform: none; }
body.rn-kunde .personal_data input[type=text] {
  display: block; width: 100%; height: auto; margin: 0; padding: 12px 14px; float: none;
  font: inherit; font-size: 16px; color: #1d2a31; text-transform: none;
  background: #ffffff; border: 1.5px solid #c9d3d9; border-radius: 10px; box-shadow: none;
}
body.rn-kunde .personal_data input[type=text]:focus { outline: 3px solid #36A9E1; outline-offset: 1px; border-color: #206385; }
body.rn-kunde #wrapper_US_GENDER::before { content: "Anrede"; font-size: 15px; font-weight: 600; color: #1d2a31; }
body.rn-kunde #wrapper_US_GENDER .control-group { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
body.rn-kunde #wrapper_US_GENDER label.control { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 10px 16px; font-weight: 600; cursor: pointer; border: 1.5px solid #c9d3d9; border-radius: 999px; }
body.rn-kunde #wrapper_US_GENDER label.control input { position: static; order: -1; width: 18px; height: 18px; margin: 0; opacity: 1; z-index: auto; }
body.rn-kunde #wrapper_US_GENDER .control__indicator { display: none; }
body.rn-kunde #wrapper_US_GENDER label.control:has(input:checked) { background: #eaf5fb; border-color: #206385; }
body.rn-kunde #button_form_ {
  display: inline-block; width: auto; height: auto; margin: 28px 0 0; padding: 14px 32px; float: none;
  font: inherit; font-size: 17px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: normal;
  color: #ffffff; background: #206385; border: 0; border-radius: 12px; cursor: pointer;
}
body.rn-kunde #button_form_:hover { background: #174a64; }
body.rn-kunde #button_form_:disabled { background: #9fb3bf; cursor: wait; }
body.rn-kunde .rn-hinweis { margin: 16px 0 0; padding: 12px 14px; font-size: 15px; font-weight: 600; border-radius: 10px; }
body.rn-kunde .rn-hinweis-ok { color: #17602f; background: #e7f6ec; }
body.rn-kunde .rn-hinweis-fehler { color: #8a1020; background: #fdecee; }

/* Anleitungsvideo als Fenster */
body.rn-kunde #videopopup:not(.hidden) { position: fixed; inset: 0; top: 0; left: 0; z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; width: auto; height: auto; max-width: none; padding: 16px; overflow: auto; background: rgba(29, 42, 49, 0.75); border: 0; }
body.rn-kunde #videopopup video { width: min(900px, 100%); max-height: 75vh; margin: 0; background: #000000; border-radius: 12px; }
body.rn-kunde #videopopup .adm_button { width: auto; height: auto; margin: 0; padding: 12px 28px; float: none; font: inherit; font-weight: 600; color: #1d2a31; background: #ffffff; border: 0; border-radius: 12px; cursor: pointer; }

@media (max-width: 640px) {
  .rn-kunde-main { padding-top: 20px; padding-bottom: 40px; }
  body.rn-body h1.rn-kunde-titel { font-size: 26px; }
  body.rn-kunde #list_handle.rn-kunde-karte { padding: 20px; }
  body.rn-kunde #form_ .personal_data .inputWrapper { grid-column: span 12; }
  body.rn-kunde #button_form_ { width: 100%; }
  body.rn-body .rn-schritte a { font-size: 14px; }
}

/* Siegel-Seite im Redner-Bereich (2026-11-04) */
body.rn-kunde .rn-kunde-karte h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; font-weight: 700; color: #1d2a31; text-transform: none; text-align: left; }
body.rn-kunde .rn-kunde-karte .rn-klein { margin-bottom: 14px; font-size: 15px; }
body.rn-kunde .rn-siegel { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; margin: 8px 0 32px; }
body.rn-kunde .rn-siegel-vorschau { flex: 0 0 260px; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px; background: #f5f9fb; border: 1.5px solid #d5dee3; border-radius: 14px; }
body.rn-kunde .rn-siegel-vorschau span { font-size: 14px; color: #5c666d; }
body.rn-kunde .rn-siegel-einstellungen { flex: 1 1 360px; min-width: 0; }
body.rn-kunde .rn-siegel-felder { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
body.rn-kunde .rn-siegel-felder label { flex: 1 1 160px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; font-weight: 600; color: #1d2a31; }
body.rn-kunde .rn-siegel-felder input { width: 100%; height: auto; margin: 0; padding: 12px 14px; font: inherit; font-size: 16px; color: #1d2a31; background: #ffffff; border: 1.5px solid #c9d3d9; border-radius: 10px; }
body.rn-kunde .rn-siegel-felder input:focus, body.rn-kunde .rn-kunde-karte textarea:focus { outline: 3px solid #36A9E1; outline-offset: 1px; border-color: #206385; }
body.rn-kunde #widget, body.rn-kunde #widget2 {
  display: block; width: 100%; height: 130px; margin: 0 0 12px; padding: 12px 14px;
  font-family: Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.5; color: #1d2a31;
  background: #f7f9fa; border: 1.5px solid #d5dee3; border-radius: 10px; resize: vertical;
}
body.rn-kunde .rn-knopf { display: inline-block; width: auto; height: auto; margin: 0; padding: 12px 24px; float: none; font: inherit; font-size: 16px; font-weight: 600; text-transform: none; color: #ffffff; background: #206385; border: 0; border-radius: 12px; cursor: pointer; }
body.rn-kunde .rn-knopf:hover { background: #174a64; }
body.rn-kunde .rn-kunde-karte h2.rn-siegel-abschnitt { padding-top: 28px; border-top: 1px solid #e3e8eb; }
body.rn-kunde .rn-siegel-text { margin: 0 0 12px; padding: 14px 16px; font-size: 15px; line-height: 1.6; background: #f5f9fb; border-radius: 10px; }
body.rn-kunde .rn-kunde-karte .rn-hilfe { margin: 28px 0 0; }
@media (max-width: 640px) {
  body.rn-kunde .rn-siegel-vorschau { flex: 1 1 100%; }
  body.rn-kunde .rn-knopf { width: 100%; }
}

/* Keywords-Seite im Redner-Bereich (2026-11-04) */
body.rn-kunde .rn-kw-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: 0 0 24px; }
body.rn-kunde .rn-kunde-karte .rn-kw-zaehler { margin: 0; padding: 8px 16px; font-size: 15px; font-weight: 700; color: #206385; background: #eaf3f8; border-radius: 999px; }
body.rn-kunde .rn-kw-sortierung { display: inline-flex; padding: 4px; background: #eef2f4; border-radius: 12px; }
body.rn-kunde .rn-kw-sortierung a { padding: 8px 16px; font-size: 15px; font-weight: 600; color: #3d4a51; text-decoration: none; border-radius: 9px; }
body.rn-kunde .rn-kw-sortierung a:hover { color: #206385; }
body.rn-kunde .rn-kw-sortierung a.aktiv { color: #ffffff; background: #206385; }
body.rn-kunde #keyword_list_wrappper { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 460px), 1fr)); gap: 24px; width: auto; margin: 0; padding: 0; list-style: none; }
body.rn-kunde #keyword_list_wrappper .category_wrapper { flex-basis: auto; padding: 0; overflow: hidden; border: 1.5px solid #d5dee3; border-radius: 14px; }
body.rn-kunde #keyword_list_wrappper .keyword_wrapper { float: none; width: auto; overflow: visible; }
body.rn-kunde #keyword_list_wrappper .keyword_head { float: none; width: auto; height: auto; margin: 0; padding: 14px 18px; font-size: 17px; font-weight: 700; line-height: 1.3; color: #1d2a31; background: #f5f9fb; border-bottom: 1px solid #e3e8eb; }
body.rn-kunde #keyword_list_wrappper .list_keywords { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; float: none; width: auto; height: auto; margin: 0; padding: 10px 18px; background: #ffffff; border-bottom: 1px solid #eef2f4; }
body.rn-kunde #keyword_list_wrappper .list_keywords:last-child { border-bottom: 0; }
body.rn-kunde #keyword_list_wrappper .list_keywords > div { float: none; width: auto; margin: 0; padding: 0; overflow: visible; }
body.rn-kunde #keyword_list_wrappper .list_keywords > div:nth-of-type(1) { flex: 0 0 auto; display: flex; }
body.rn-kunde #keyword_list_wrappper .list_keywords > div:nth-of-type(2) { flex: 1 1 160px; min-width: 0; }
body.rn-kunde #keyword_list_wrappper .list_keywords h2 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.35; color: #1d2a31; text-align: left; text-transform: none; }
body.rn-kunde #keyword_list_wrappper .list_keywords > div:nth-of-type(2) a { text-decoration: none; }
body.rn-kunde #keyword_list_wrappper .list_keywords > div:nth-of-type(2) a:hover h2 { color: #206385; text-decoration: underline; }
/* Schalter */
body.rn-kunde #keyword_list_wrappper input[type="checkbox"] + label { position: relative; display: block; width: 44px; height: 26px; margin: 0; font-size: 0; line-height: 0; cursor: pointer; }
body.rn-kunde #keyword_list_wrappper input[type="checkbox"] + label:before { content: ""; display: block; box-sizing: border-box; width: 44px; height: 26px; margin: 0; background: #c9d3d9; border: 0; border-radius: 13px; transition: background-color 0.2s; }
body.rn-kunde #keyword_list_wrappper input[type="checkbox"] + label:after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; margin: 0; background: #ffffff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); transition: transform 0.2s; }
body.rn-kunde #keyword_list_wrappper input[type="checkbox"]:checked + label:before { background: #206385; }
body.rn-kunde #keyword_list_wrappper input[type="checkbox"]:checked + label:after { margin: 0; transform: translateX(18px); }
body.rn-kunde #keyword_list_wrappper input[type="checkbox"]:focus-visible + label:before { outline: 3px solid #36A9E1; outline-offset: 2px; }
/* Knoepfe Anpassen / Bearbeiten / Entfernen */
body.rn-kunde #keyword_list_wrappper .new_profile, body.rn-kunde #keyword_list_wrappper .edit_profile, body.rn-kunde #keyword_list_wrappper .del_profile { display: block; width: auto; overflow: visible; }
body.rn-kunde #keyword_list_wrappper .list_keywords a.adm_button { display: inline-flex; align-items: center; width: auto; min-width: 0; height: auto; margin: 0; padding: 6px 12px; float: none; font: inherit; font-size: 13px; font-weight: 600; line-height: 1.3; text-transform: none; text-decoration: none; color: #206385; background: #ffffff; border: 1.5px solid #206385; border-radius: 8px; box-shadow: none; }
body.rn-kunde #keyword_list_wrappper .list_keywords a.adm_button:hover { background: #eaf3f8; }
body.rn-kunde #keyword_list_wrappper .del_profile a.adm_button { color: #9b2c2c; border-color: #d9b3b3; }
body.rn-kunde #keyword_list_wrappper .del_profile a.adm_button:hover { background: #fbeeee; }
body.rn-kunde.rn-kw-laedt #keyword_list_wrappper { opacity: 0.6; pointer-events: none; }
/* Meldung unten */
#rn-kw-hinweis { position: fixed; left: 50%; bottom: 24px; z-index: 1000; width: max-content; max-width: calc(100% - 32px); padding: 14px 20px; font-size: 15px; line-height: 1.5; color: #ffffff; background: #1d2a31; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); transform: translateX(-50%); }
@media (max-width: 640px) {
  body.rn-kunde .rn-kw-sortierung { width: 100%; }
  body.rn-kunde .rn-kw-sortierung a { flex: 1 1 50%; text-align: center; }
  body.rn-kunde #keyword_list_wrappper .list_keywords { padding: 10px 14px; }
}
body.rn-kunde .rn-kw-sortierung a { white-space: nowrap; }
@media (max-width: 640px) {
  body.rn-kunde .rn-kw-sortierung a { padding: 8px 6px; font-size: 14px; }
}

/* Standardprofil im Redner-Bereich (2026-11-04) */
body.rn-kunde.customerProfileModule #notify { display: none !important; }
body.rn-kunde #list_handle > .intro { float: none; width: auto; margin: 0 0 8px; font-size: 16px; line-height: 1.6; color: #3d4a51; }
body.rn-kunde #list_handle > .intro p { margin: 0 0 12px; }
body.rn-kunde #list_handle > .intro .rn-profil-tipp { padding: 12px 16px; color: #5c4400; background: #fff6e0; border-radius: 10px; }
body.rn-kunde #list_handle > .intro .rn-klein { font-size: 14px; color: #5c666d; }
body.rn-kunde #list_handle > .intro h2 { float: none; width: auto !important; margin: 28px 0 8px; padding-top: 24px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #1d2a31; text-align: left; text-transform: none; border-top: 1px solid #e3e8eb; }
body.rn-kunde #list_handle > h2.stitle { float: none; width: auto !important; margin: 24px 0 10px; font-size: 18px; font-weight: 700; color: #1d2a31; text-transform: none; }
/* Felder: Bezeichnung links, Eingabe rechts */
body.rn-kunde #list_handle > div[id^="line_"] { display: grid; grid-template-columns: 230px minmax(0, 1fr); column-gap: 28px; row-gap: 0; align-items: start; float: none; width: auto; margin: 0; padding: 20px 0; overflow: visible; border-top: 1px solid #eef2f4; }
body.rn-kunde #list_handle > div[id^="line_"] > * { grid-column: 2; }
body.rn-kunde #list_handle > div[id^="line_"] > h2, body.rn-kunde #list_handle > div[id^="line_"] > .leftwbtn { grid-column: 1; grid-row: 1 / span 8; float: none; width: auto !important; margin: 0; padding-top: 11px; }
body.rn-kunde #list_handle > div[id^="line_"] h2 { font-size: 16px; font-weight: 700; line-height: 1.35; color: #1d2a31; text-align: left; text-transform: none; }
body.rn-kunde #list_handle > div[id^="line_"] .leftwbtn h2 { margin: 0 0 10px; }
body.rn-kunde #list_handle > div[id^="line_"] .leftwbtn .intro { float: none; width: auto; margin: 0 0 10px !important; font-size: 14px; color: #5c666d; }
body.rn-kunde #list_handle > div[id^="line_"] .input_field, body.rn-kunde #list_handle > div[id^="line_"] form.dropzone { display: flow-root; float: none; width: auto !important; height: auto !important; margin: 0 0 8px; }
body.rn-kunde #list_handle input[type="text"], body.rn-kunde #list_handle textarea { display: block; float: none; box-sizing: border-box; width: 100% !important; height: auto; margin: 0; padding: 11px 14px; font: inherit; font-size: 16px; line-height: 1.5; color: #1d2a31; background: #ffffff; border: 1.5px solid #c9d3d9 !important; border-radius: 10px; }
body.rn-kunde #list_handle textarea { height: 200px !important; resize: vertical; }
body.rn-kunde #list_handle #line_7 textarea, body.rn-kunde #list_handle #line_9 textarea { height: 120px !important; }
body.rn-kunde #list_handle input[type="text"]:disabled { color: #5c666d; background: #eef2f4; }
body.rn-kunde #list_handle input[type="text"]:focus, body.rn-kunde #list_handle textarea:focus { outline: 3px solid #36A9E1; outline-offset: 1px; border-color: #206385 !important; }
body.rn-kunde #list_handle .count_tl, body.rn-kunde #list_handle .count_tf { float: none; width: auto; margin: 4px 0 0; font-size: 13px; color: #5c666d; text-align: right; }
body.rn-kunde #list_handle #field_17 { font-size: 14px; color: #5c666d; }
body.rn-kunde #list_handle #field_17 input { margin-top: 6px; }
body.rn-kunde #list_handle .notes_item { display: block; float: none; width: auto; margin: 0; padding: 0; font-size: 14px; line-height: 1.55; color: #5c666d; white-space: pre-line; background: none; }
/* Bilder und Hochladen */
body.rn-kunde #list_handle .image_wrapper { position: relative; float: left; width: 150px; margin: 0 12px 12px 0; }
body.rn-kunde #list_handle .image_wrapper img { display: block; width: 100%; height: auto; border-radius: 10px; }
body.rn-kunde #list_handle .image_wrapper label { display: block; margin: 8px 0 4px; font-size: 13px; font-weight: 600; color: #3d4a51; }
body.rn-kunde #list_handle .image_wrapper input[type="text"] { padding: 6px 8px; font-size: 14px; }
body.rn-kunde #list_handle form.dropzone { box-sizing: border-box; min-height: 0; padding: 22px 16px; text-align: center; cursor: pointer; background: #f5f9fb; border: 2px dashed #9fb4c0; border-radius: 12px; }
body.rn-kunde #list_handle form.dropzone:hover { border-color: #206385; }
body.rn-kunde #list_handle form.dropzone .dz-message, body.rn-kunde #list_handle form.dropzone .dz-message * { margin: 0; font-size: 15px; font-weight: 600; color: #206385; text-transform: none; background: none; border: 0; }
/* Knoepfe */
body.rn-kunde #list_handle input.adm_button, body.rn-kunde #list_handle button.adm_button { display: inline-block; float: none; width: auto !important; min-width: 0; height: auto; margin: 0 0 10px; padding: 10px 18px; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.3; text-transform: none; color: #ffffff; background: #206385; border: 0; border-radius: 10px; box-shadow: none; cursor: pointer; }
body.rn-kunde #list_handle input.adm_button:hover, body.rn-kunde #list_handle button.adm_button:hover { background: #174a64; }
body.rn-kunde #list_handle .array_field input.adm_button { margin: 12px 0 0; color: #9b2c2c; background: #ffffff; border: 1.5px solid #d9b3b3; }
body.rn-kunde #list_handle .array_field input.adm_button:hover { background: #fbeeee; }
/* Vortraege, Videos */
body.rn-kunde #list_handle .multitextwrapper { float: none; width: auto !important; padding: 0; overflow: visible; background: none; }
body.rn-kunde #list_handle .multitextwrapper label { display: block; float: none; width: auto !important; margin: 10px 0 6px; font-size: 14px; font-weight: 600; color: #3d4a51; }
body.rn-kunde #list_handle .multitextwrapper input[type="text"], body.rn-kunde #list_handle .multitextwrapper textarea { float: none; }
body.rn-kunde #list_handle .array_field { display: flow-root; margin: 0 0 14px; padding: 6px 16px 16px; border: 1.5px solid #d5dee3; border-radius: 12px; }
/* Vorschau Listeneintrag */
body.rn-kunde #list_handle > .snippet_preview { float: none; width: auto; margin: 0 0 16px; overflow: visible; }
body.rn-body .rn-card-vorschau .rn-card-body h3 { color: #1d2a31; }
body.rn-body .rn-card-vorschau .rn-btn { pointer-events: none; }
body.rn-body .rn-card-vorschau .rn-card-video { cursor: default; }
body.rn-kunde #list_handle > .full { float: none; width: auto; margin: 0 0 12px; }
/* Zuschneide-Fenster */
body.rn-kunde .nav_wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: auto; max-width: 560px; padding: 16px; }
body.rn-kunde .nav_wrapper button { width: auto !important; margin: 0 !important; padding: 12px 24px; font: inherit; font-weight: 600; color: #1d2a31; background: #ffffff; border: 0; border-radius: 10px; cursor: pointer; }
body.rn-kunde .nav_wrapper button:first-child { color: #ffffff; background: #206385; }
body.rn-kunde .nav_wrapper > div { flex-basis: 100%; margin: 0 !important; padding: 0 !important; text-align: center; color: #ffffff; }
/* Meldung unten */
#rn-profil-hinweis { position: fixed; left: 50%; bottom: 24px; z-index: 1000; width: max-content; max-width: calc(100% - 32px); padding: 12px 20px; font-size: 15px; color: #ffffff; background: #1d2a31; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); transform: translateX(-50%); }
#rn-profil-hinweis.rn-fehler { background: #9b2c2c; }
@media (max-width: 760px) {
  body.rn-kunde #list_handle > div[id^="line_"] { grid-template-columns: minmax(0, 1fr); }
  body.rn-kunde #list_handle > div[id^="line_"] > *, body.rn-kunde #list_handle > div[id^="line_"] > h2, body.rn-kunde #list_handle > div[id^="line_"] > .leftwbtn { grid-column: 1; grid-row: auto; }
  body.rn-kunde #list_handle > div[id^="line_"] > h2 { padding: 0; margin: 0 0 8px; }
  body.rn-kunde #list_handle .image_wrapper { width: calc(50% - 6px); margin-right: 12px; }
  body.rn-kunde #list_handle .image_wrapper:nth-child(2n) { margin-right: 0; }
}
body.rn-kunde #list_handle > div[id^="line_"] > input.adm_button { justify-self: start; }

/* Zuschneide-Dialog im Profil-Editor (2026-11-04) */
body.rn-zuschnitt-offen { overflow: hidden; }
.rn-zuschnitt { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(29, 42, 49, 0.8); }
.rn-zuschnitt .rn-zuschnitt-box { box-sizing: border-box; width: min(760px, 100%); max-height: calc(100vh - 32px); overflow: auto; padding: 24px; color: #1d2a31; background: #ffffff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); }
.rn-zuschnitt h2 { float: none; width: auto !important; margin: 0 0 6px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #1d2a31; text-align: left; text-transform: none; }
.rn-zuschnitt .rn-zuschnitt-text { margin: 0 0 14px; font-size: 15px; line-height: 1.5; color: #3d4a51; }
.rn-zuschnitt .rn-zuschnitt-bild { height: min(55vh, 460px); overflow: hidden; background: #eef2f4; border-radius: 10px; }
.rn-zuschnitt .rn-zuschnitt-bild img { display: block; max-width: 100%; }
.rn-zuschnitt .rn-zuschnitt-warnung { margin: 10px 0 0; padding: 10px 14px; font-size: 14px; line-height: 1.5; color: #5c4400; background: #fff6e0; border-radius: 10px; }
.rn-zuschnitt .rn-zuschnitt-werkzeuge { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.rn-zuschnitt .rn-zuschnitt-werkzeuge button { width: auto; height: auto; margin: 0; padding: 8px 14px; font: inherit; font-size: 14px; font-weight: 600; text-transform: none; color: #206385; background: #ffffff; border: 1.5px solid #206385; border-radius: 8px; cursor: pointer; }
.rn-zuschnitt .rn-zuschnitt-werkzeuge button:hover { background: #eaf3f8; }
.rn-zuschnitt .rn-zuschnitt-knoepfe { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.rn-zuschnitt .rn-zuschnitt-knoepfe button { width: auto; height: auto; margin: 0; padding: 12px 22px; font: inherit; font-size: 16px; font-weight: 600; text-transform: none; border-radius: 10px; cursor: pointer; }
.rn-zuschnitt .rn-zuschnitt-ok { color: #ffffff; background: #206385; border: 0; }
.rn-zuschnitt .rn-zuschnitt-ok:hover { background: #174a64; }
.rn-zuschnitt .rn-zuschnitt-abbruch { color: #1d2a31; background: #ffffff; border: 1.5px solid #c9d3d9; }
.rn-zuschnitt button:focus-visible { outline: 3px solid #36A9E1; outline-offset: 2px; }
@media (max-width: 640px) {
  .rn-zuschnitt { padding: 8px; }
  .rn-zuschnitt .rn-zuschnitt-box { padding: 16px; max-height: calc(100vh - 16px); }
  .rn-zuschnitt .rn-zuschnitt-bild { height: 50vh; }
  .rn-zuschnitt .rn-zuschnitt-knoepfe button { flex: 1 1 100%; }
}

/* Schlagwoerter der Karte als eigene Zeile (2026-11-04) */
.rn-card > .rn-card-tags { order: 3; flex: 1 1 100%; margin-top: 0; }
.rn-card > .rn-card-video, .rn-card > .rn-card-novideo { order: 4; }
@media (min-width: 1240px) {
  .rn-card { display: grid; grid-template-columns: 170px minmax(0, 1fr) 256px; grid-template-areas: "side body video" "side tags tags"; column-gap: 22px; row-gap: 0; align-items: start; }
  .rn-card > .rn-card-side { grid-area: side; }
  .rn-card > .rn-card-body { grid-area: body; }
  .rn-card > .rn-card-video, .rn-card > .rn-card-novideo { grid-area: video; }
  .rn-card > .rn-card-tags { grid-area: tags; margin-top: 12px; }
}

/* Handy: Name neben dem Foto, Text in voller Kartenbreite darunter (2026-11-05) */
@media (max-width: 700px) {
  .rn-card { display: grid; grid-template-columns: 110px minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 6px 16px; }
  .rn-card > .rn-card-side { grid-column: 1; grid-row: 1 / span 2; }
  .rn-card > .rn-card-body { display: contents; }
  body.rn-body .rn-card-body h3 { grid-column: 2; grid-row: 1; }
  body.rn-body .rn-card-head { grid-column: 2; grid-row: 2; }
  body.rn-body .rn-card-text { grid-column: 1 / -1; grid-row: 3; margin-top: 8px; }
  .rn-card > .rn-card-tags { grid-column: 1 / -1; grid-row: 4; margin-top: 8px; }
  .rn-card > .rn-card-video, .rn-card > .rn-card-novideo { grid-column: 1 / -1; grid-row: 5; margin-top: 8px; }
}