/* ============================================================= rbh.css: Inhalte der Seiten mit rbh-* Klassen (Theme rebeit-base) Uebernommen am 2026-10-08 aus dem zweiten Teil des Enfold Quick CSS. Ab jetzt wird hier gepflegt. ============================================================= */ /* ============================================================= Startseite (Abschnitte mit Klasse rbh-section) ============================================================= */ /* ---------- Startseite: Grundlagen ---------- */ #top .rbh-section { color: #4a5a75; } #top .rbh-section p, #top .rbh-section ul, #top .rbh-section h1, #top .rbh-section h2, #top .rbh-section h3 { margin: 0; } #top .rbh-section strong { color: inherit; } #top .rbh-section ul { list-style: disc outside; margin-left: 0; } #top .rbh-section li { margin-bottom: 0; } #top .rbh-section svg { flex-shrink: 0; } #top .rbh-section .avia_codeblock_section, #top .rbh-section .avia_codeblock { margin: 0; padding: 0; } #top .rbh-section .rbh-stack { display: flex; flex-direction: column; } #top .rbh-section .rbh-gap-2 { gap: 2px; } #top .rbh-section .rbh-gap-4 { gap: 4px; } #top .rbh-section .rbh-gap-8 { gap: 8px; } #top .rbh-section .rbh-gap-12 { gap: 12px; } #top .rbh-section .rbh-gap-14 { gap: 14px; } #top .rbh-section .rbh-gap-16 { gap: 16px; } #top .rbh-section .rbh-gap-18 { gap: 18px; } #top .rbh-section .rbh-gap-20 { gap: 20px; } #top .rbh-section .rbh-gap-22 { gap: 22px; } /* Abschnitte */ #top .rbh-section .rbh-block { padding: 96px 0; display: flex; flex-direction: column; } #top .rbh-section .rbh-block--lg { padding: 104px 0; } #top .rbh-section .rbh-block--sm { padding: 80px 0; } #top .rbh-section .rbh-block--gap48 { gap: 48px; } #top .rbh-section .rbh-block--gap56 { gap: 56px; } #top .rbh-section .rbh-block--center { align-items: center; } #top .rbh-section .rbh-block--news { padding: 72px 0 28px; gap: 28px; } #top .rbh-section .rbh-block--stats { padding: 40px 0; } #top .rbh-section .rbh-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } #top .rbh-section .rbh-grid-7-5 { display: grid; grid-template-columns: 7fr 5fr; gap: 72px; align-items: center; } #top .rbh-section .rbh-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } #top .rbh-section .rbh-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } /* Typografie */ #top .rbh-section .rbh-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #228ae6; } #top .rbh-section .rbh-eyebrow--light { color: #4da3f0; } #top .rbh-section .rbh-eyebrow--sm { letter-spacing: .1em; } #top .rbh-section .rbh-h2 { font-size: 38px; line-height: 1.2; font-weight: 700; letter-spacing: -0.015em; color: #15233a; } #top .rbh-section .rbh-h2--lg { font-size: 40px; line-height: 1.18; } #top .rbh-section .rbh-h2--xl { font-size: 42px; line-height: 1.16; } #top .rbh-section .rbh-h2--sm { font-size: 26px; line-height: 1.25; letter-spacing: 0; } #top .rbh-section .rbh-h2--light { color: #ffffff; } #top .rbh-section .rbh-h3 { font-size: 21px; line-height: 1.3; font-weight: 700; color: #15233a; } #top .rbh-section .rbh-accent { color: #228ae6; } #top .rbh-section .rbh-accent-light { color: #4da3f0; } #top .rbh-section .rbh-heading-center { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; } #top .rbh-section .rbh-intro { font-size: 18px; color: #5d6d86; max-width: 760px; } #top .rbh-section .rbh-intro--wide { max-width: 820px; } #top .rbh-section .rbh-lead { font-size: 19px; line-height: 1.65; color: #4a5a75; } #top .rbh-section .rbh-lead--md { font-size: 18px; } #top .rbh-section .rbh-lead--dark { color: #b4c3d8; } #top .rbh-section .rbh-text { font-size: 16px; line-height: 1.6; } #top .rbh-section .rbh-text-16 { font-size: 16px; line-height: 1.55; } #top .rbh-section .rbh-title-18 { font-size: 18px; color: #15233a; } #top .rbh-section .rbh-panel-title { font-size: 17px; color: #15233a; } #top .rbh-section .rbh-panel-title--light { color: #ffffff; } #top .rbh-section .rbh-panel-note { font-size: 13px; color: #5d6d86; } #top .rbh-section .rbh-panel-note--dark { color: #8aa1c2; } #top .rbh-section .rbh-panel-head { display: flex; justify-content: space-between; align-items: baseline; } #top .rbh-section .rbh-muted { font-size: 15px; color: #5d6d86; } #top .rbh-section .rbh-muted-text { font-size: 15px; line-height: 1.55; color: #5d6d86; } #top .rbh-section .rbh-muted-dark { font-size: 15px; color: #8aa1c2; } #top .rbh-section .rbh-strong-ink { color: #15233a; } #top .rbh-section .rbh-namebox { display: flex; flex-direction: column; line-height: 1.4; } #top .rbh-section .rbh-list { padding-left: 18px; display: flex; flex-direction: column; gap: 7px; font-size: 15px; line-height: 1.5; color: #4a5a75; } #top .rbh-section .rbh-list--muted { gap: 5px; color: #5d6d86; flex-grow: 1; } /* Buttons und Links */ #top .rbh-section .rbh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 8px; font-weight: 700; font-size: 18px; padding: 18px 32px; transition: background-color .15s ease; } #top .rbh-section .rbh-btn--primary { background: #228ae6; color: #ffffff; box-shadow: 0 6px 16px rgba(15,30,60,.18); } #top .rbh-section .rbh-btn--primary:hover { background: #1565b0; color: #ffffff; } #top .rbh-section .rbh-btn--outline { background: #ffffff; color: #15233a; border: 1px solid #d5deea; font-weight: 600; font-size: 17px; padding: 17px 26px; } #top .rbh-section .rbh-btn--outline:hover { background: #eaf4fe; color: #15233a; } #top .rbh-section .rbh-btn--white { background: #ffffff; color: #1565b0; font-size: 17px; padding: 17px 30px; } #top .rbh-section .rbh-btn--white:hover { background: #eaf4fe; color: #1565b0; } #top .rbh-section .rbh-more-link { font-weight: 600; font-size: 16px; color: #228ae6; } #top .rbh-section .rbh-more-link:hover { color: #1565b0; } #top .rbh-section .rbh-link-light { color: #ffffff; font-weight: 600; font-size: 16px; } #top .rbh-section .rbh-link-light:hover { color: #c7e1fb; } #top .rbh-section .rbh-contact-link { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; color: #ffffff; } #top .rbh-section .rbh-contact-link--lg { font-size: 22px; font-weight: 700; } #top .rbh-section .rbh-contact-link:hover { color: #c7e1fb; } /* Symbole und Haekchen */ #top .rbh-section .rbh-ico--offset { margin-top: 2px; } #top .rbh-section .rbh-ico--offset3 { margin-top: 3px; } #top .rbh-section .rbh-ico--check { color: #00b884; } #top .rbh-section .rbh-ico--mint { color: #00d4a8; } #top .rbh-section .rbh-ico--brand { color: #1565b0; } #top .rbh-section .rbh-ico--grey { color: #8aa1c2; } #top .rbh-section .rbh-check { display: flex; gap: 12px; font-size: 16px; line-height: 1.5; } #top .rbh-section .rbh-check--dark { color: #e9eff7; } #top .rbh-section .rbh-check--loose { line-height: 1.6; } #top .rbh-section .rbh-checklist { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; } #top .rbh-section .rbh-check-inline { display: flex; align-items: center; gap: 7px; } #top .rbh-section .rbh-icon-tile { width: 48px; height: 48px; border-radius: 12px; background: #1565b0; color: #ffffff; display: flex; align-items: center; justify-content: center; } #top .rbh-section .rbh-icon-tile--lg { width: 52px; height: 52px; } #top .rbh-section .rbh-icon-tile--soft { width: 44px; height: 44px; border-radius: 10px; background: #eaf4fe; color: #1565b0; } #top .rbh-section .rbh-check-circle { width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: #1565b0; color: #ffffff; display: flex; align-items: center; justify-content: center; } #top .rbh-section .rbh-line { position: absolute; height: 2px; background: #d5deea; } #top .rbh-section .rbh-line--package { top: 22px; left: 8%; right: 8%; } #top .rbh-section .rbh-line--steps { top: 28px; left: 10%; right: 10%; } /* Hero */ #top .rbh-section .rbh-hero { padding: 88px 0 96px; display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; } #top .rbh-section .rbh-hero__text { display: flex; flex-direction: column; gap: 24px; } #top .rbh-section .rbh-hero__title { font-size: 56px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; color: #15233a; } #top .rbh-section .rbh-hero__lead { font-size: 20px; line-height: 1.6; color: #4a5a75; max-width: 640px; } #top .rbh-section .rbh-hero__actions { display: flex; gap: 14px; margin-top: 6px; align-items: center; flex-wrap: wrap; } #top .rbh-section .rbh-hero__checks { display: flex; gap: 26px; font-size: 15px; color: #4a5a75; flex-wrap: wrap; row-gap: 10px; } #top .rbh-section .rbh-hero__visual { display: flex; flex-direction: column; align-items: flex-end; gap: 24px; } #top .rbh-section .rbh-monitor { width: 100%; max-width: 440px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 18px 40px rgba(15,30,60,.12), 0 4px 10px rgba(15,30,60,.05); overflow: hidden; } #top .rbh-section .rbh-monitor__head { background: #1565b0; color: #ffffff; padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; } #top .rbh-section .rbh-monitor__title { font-size: 17px; } #top .rbh-section .rbh-monitor__status { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #c7e1fb; } #top .rbh-section .rbh-dot { width: 9px; height: 9px; border-radius: 50%; background: #00d4a8; } #top .rbh-section .rbh-monitor__list { padding: 6px 24px 2px; } #top .rbh-section .rbh-monitor__row { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid #eef2f7; } #top .rbh-section .rbh-monitor__row--last { border-bottom: none; } #top .rbh-section .rbh-monitor__label { flex-grow: 1; font-size: 15px; color: #15233a; font-weight: 500; } #top .rbh-section .rbh-badge-ok { font-size: 13px; font-weight: 600; color: #00836a; background: #e0f8f1; border-radius: 999px; padding: 3px 11px; } #top .rbh-section .rbh-monitor__foot { background: #f5f8fb; padding: 12px 24px; font-size: 13px; color: #5d6d86; } #top .rbh-section .rbh-contact-card { align-self: flex-start; width: 100%; max-width: 300px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 14px 32px rgba(15,30,60,.14); padding: 18px 20px; display: flex; align-items: center; gap: 14px; } #top .rbh-section .rbh-avatar { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; background: #eef2f7; color: #5d6d86; display: flex; align-items: center; justify-content: center; } #top .rbh-section .rbh-avatar--dark { width: 56px; height: 56px; background: #1a2a40; color: #ffffff; } #top .rbh-section .rbh-contact-card__name { font-size: 15px; color: #15233a; } #top .rbh-section .rbh-contact-card__note { font-size: 14px; color: #5d6d86; } /* Kennzahlen */ #top .rbh-section .rbh-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } #top .rbh-section .rbh-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; } #top .rbh-section .rbh-stat--divider { border-right: 1px solid #e2e8f0; } #top .rbh-section .rbh-stat__value { font-size: 38px; line-height: 1.1; font-weight: 900; color: #1565b0; } /* Vergleich */ #top .rbh-section .rbh-compare { display: grid; grid-template-columns: 5fr 56px 7fr; align-items: stretch; } #top .rbh-section .rbh-compare__before { background: #f5f8fb; border-radius: 12px; padding: 22px 26px; display: flex; align-items: center; gap: 14px; font-size: 16px; line-height: 1.5; color: #5d6d86; } #top .rbh-section .rbh-compare__arrow { display: flex; align-items: center; justify-content: center; color: #8aa1c2; } #top .rbh-section .rbh-compare__after { background: #ffffff; border: 1px solid #d5deea; border-radius: 12px; box-shadow: 0 2px 8px rgba(15,30,60,.06); padding: 22px 26px; display: flex; gap: 16px; } /* Informationssicherheit */ #top .rbh-section .rbh-iso-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 32px; display: flex; flex-direction: column; gap: 22px; } #top .rbh-section .rbh-iso-card__head { display: flex; align-items: center; gap: 18px; } #top .rbh-section .rbh-iso-card__badge { width: 72px; height: 72px; flex-shrink: 0; border-radius: 50%; border: 2px solid #4da3f0; color: #ffffff; display: flex; align-items: center; justify-content: center; } #top .rbh-section .rbh-iso-card__titles { display: flex; flex-direction: column; line-height: 1.35; } #top .rbh-section .rbh-iso-card__title { font-size: 22px; color: #ffffff; } #top .rbh-section .rbh-iso-card__sub { font-size: 15px; color: #b4c3d8; } #top .rbh-section .rbh-iso-card__list { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 20px; } #top .rbh-section .rbh-sec-card { background: #ffffff; border-radius: 14px; padding: 30px; display: flex; flex-direction: column; gap: 14px; } #top .rbh-section .rbh-cta-band { background: #1565b0; border-radius: 14px; padding: 30px 36px; display: flex; align-items: center; justify-content: space-between; gap: 40px; } #top .rbh-section .rbh-cta-band__title { font-size: 22px; line-height: 1.3; color: #ffffff; } #top .rbh-section .rbh-cta-band__sub { font-size: 17px; color: #c7e1fb; } #top .rbh-section .rbh-cta-band__actions { display: flex; align-items: center; gap: 24px; flex-shrink: 0; } /* Faire Abrechnung */ #top .rbh-section .rbh-fair { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } #top .rbh-section .rbh-chart { background: #f5f8fb; border: 1px solid #e2e8f0; border-radius: 18px; padding: 32px; display: flex; flex-direction: column; gap: 20px; } #top .rbh-section .rbh-chart__plot { position: relative; height: 220px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; align-items: end; border-bottom: 1px solid #d5deea; } #top .rbh-section .rbh-chart__line { position: absolute; left: 0; right: 0; bottom: 121px; border-top: 2px dashed #8aa1c2; } #top .rbh-section .rbh-chart__line-label { position: absolute; right: 0; bottom: 127px; font-size: 12px; font-weight: 600; color: #5d6d86; background: #f5f8fb; padding: 0 4px; } #top .rbh-section .rbh-chart__bar { border-radius: 5px 5px 0 0; background: #1565b0; } #top .rbh-section .rbh-chart__bar--18 { height: 18%; } #top .rbh-section .rbh-chart__bar--22 { height: 22%; } #top .rbh-section .rbh-chart__bar--24 { height: 24%; } #top .rbh-section .rbh-chart__bar--28 { height: 28%; } #top .rbh-section .rbh-chart__bar--30 { height: 30%; } #top .rbh-section .rbh-chart__bar--32 { height: 32%; } #top .rbh-section .rbh-chart__bar--38 { height: 38%; } #top .rbh-section .rbh-chart__bar--42 { height: 42%; } #top .rbh-section .rbh-chart__bar--44 { height: 44%; } #top .rbh-section .rbh-chart__bar--48 { height: 48%; } #top .rbh-section .rbh-chart__bar--64 { height: 64%; } #top .rbh-section .rbh-chart__bar--86 { height: 86%; } #top .rbh-section .rbh-chart__months { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; margin-top: -12px; font-size: 12px; color: #5d6d86; text-align: center; } #top .rbh-section .rbh-chart__legend { display: flex; gap: 24px; font-size: 14px; color: #4a5a75; flex-wrap: wrap; row-gap: 8px; } #top .rbh-section .rbh-chart__legend-item { display: flex; align-items: center; gap: 8px; } #top .rbh-section .rbh-chart__swatch { width: 14px; height: 14px; border-radius: 3px; background: #1565b0; } #top .rbh-section .rbh-chart__swatch-line { width: 18px; border-top: 2px dashed #8aa1c2; } /* Leistungen */ #top .rbh-section .rbh-package { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 30px 36px; display: flex; flex-direction: column; gap: 22px; } #top .rbh-section .rbh-package__head { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; flex-wrap: wrap; row-gap: 6px; } #top .rbh-section .rbh-package__title { font-size: 22px; color: #15233a; } #top .rbh-section .rbh-package__steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; position: relative; } #top .rbh-section .rbh-package__item { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; position: relative; } #top .rbh-section .rbh-package__icon { width: 44px; height: 44px; border-radius: 50%; background: #eaf4fe; border: 2px solid #ffffff; box-shadow: 0 0 0 1px #d5deea; color: #1565b0; display: flex; align-items: center; justify-content: center; } #top .rbh-section .rbh-package__icon--active { background: #1565b0; box-shadow: 0 0 0 1px #1565b0; color: #ffffff; } #top .rbh-section .rbh-package__label { font-size: 14px; line-height: 1.4; color: #15233a; font-weight: 500; } #top .rbh-section .rbh-service-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 1px 3px rgba(15,30,60,.07); padding: 28px; display: flex; flex-direction: column; gap: 14px; } #top .rbh-section .rbh-note { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 16px; color: #4a5a75; } /* Technische Dienste */ #top .rbh-section .rbh-mon-panel { background: #0e1a2b; border-radius: 18px; padding: 32px; display: flex; flex-direction: column; gap: 18px; box-shadow: 0 18px 40px rgba(15,30,60,.16); } #top .rbh-section .rbh-mon-panel__row { display: flex; align-items: center; gap: 14px; } #top .rbh-section .rbh-mon-panel__label { width: 118px; flex-shrink: 0; font-size: 14px; color: #b4c3d8; } #top .rbh-section .rbh-mon-panel__cells { flex-grow: 1; display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; } #top .rbh-section .rbh-cell { height: 22px; border-radius: 3px; background: #00d4a8; } #top .rbh-section .rbh-cell--warn { background: #f4a100; } #top .rbh-section .rbh-mon-panel__alert { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 14px 16px; } #top .rbh-section .rbh-swatch-warn { width: 12px; height: 12px; flex-shrink: 0; border-radius: 3px; background: #f4a100; } #top .rbh-section .rbh-mon-panel__alert-text { font-size: 14px; line-height: 1.5; color: #e9eff7; } #top .rbh-section .rbh-tech-card { border: 1px solid #e2e8f0; border-radius: 14px; padding: 26px; display: flex; flex-direction: column; gap: 10px; } #top .rbh-section .rbh-extras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px; } /* Ablauf */ #top .rbh-section .rbh-steps { align-self: stretch; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; position: relative; } #top .rbh-section .rbh-step { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; position: relative; } #top .rbh-section .rbh-step__num { width: 56px; height: 56px; border-radius: 50%; background: #1565b0; color: #ffffff; font-weight: 700; font-size: 22px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 8px #f5f8fb; } #top .rbh-section .rbh-step__title { font-size: 19px; font-weight: 700; color: #15233a; } #top .rbh-section .rbh-step__text { font-size: 15px; line-height: 1.6; max-width: 220px; } /* News */ #top .rbh-section .rbh-news-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; row-gap: 6px; } #top .rbh-section .av-alb-blogposts.rbh-news { padding-bottom: 72px; } /* Angebot anfordern */ #top .rbh-section .rbh-offer { display: grid; grid-template-columns: 5fr 7fr; gap: 72px; align-items: start; } #top .rbh-section .rbh-offer__contact { margin-top: 12px; border-top: 1px solid #1a2a40; padding-top: 28px; display: flex; flex-direction: column; gap: 18px; } #top .rbh-section .rbh-offer__person { display: flex; align-items: center; gap: 16px; } #top .rbh-section .rbh-formcard { background: #ffffff; border-radius: 18px; padding: 40px; display: flex; flex-direction: column; gap: 20px; box-shadow: 0 24px 50px rgba(0,0,0,.25); } #top .rbh-section .rbh-formcard__title { font-size: 24px; color: #15233a; } #top .rbh-section .rbh-formcard__note { font-size: 13px; line-height: 1.5; color: #5d6d86; text-align: center; } #top .rbh-section .rbh-cf7 .wpcf7 p { margin: 0 0 16px; } #top .rbh-section .rbh-cf7 .wpcf7 br { display: none; } #top .rbh-section .rbh-cf7 .wpcf7 label { font-size: 14px; font-weight: 600; color: #15233a; display: block; } #top .rbh-section .rbh-cf7 .wpcf7 input[type="text"], #top .rbh-section .rbh-cf7 .wpcf7 input[type="email"], #top .rbh-section .rbh-cf7 .wpcf7 input[type="tel"], #top .rbh-section .rbh-cf7 .wpcf7 input[type="number"], #top .rbh-section .rbh-cf7 .wpcf7 select, #top .rbh-section .rbh-cf7 .wpcf7 textarea { width: 100%; box-sizing: border-box; margin: 6px 0 0; padding: 12px 14px; border: 1px solid #d5deea; border-radius: 8px; background: #ffffff; color: #4a5a75; font-size: 16px; font-family: inherit; line-height: 1.4; } #top .rbh-section .rbh-cf7 .wpcf7 input[type="text"], #top .rbh-section .rbh-cf7 .wpcf7 input[type="email"], #top .rbh-section .rbh-cf7 .wpcf7 input[type="tel"], #top .rbh-section .rbh-cf7 .wpcf7 input[type="number"], #top .rbh-section .rbh-cf7 .wpcf7 select { height: 48px; } #top .rbh-section .rbh-cf7 .wpcf7 textarea { min-height: 120px; height: 120px; resize: vertical; } #top .rbh-section .rbh-cf7 .wpcf7 input:focus, #top .rbh-section .rbh-cf7 .wpcf7 select:focus, #top .rbh-section .rbh-cf7 .wpcf7 textarea:focus { border-color: #228ae6; outline: 2px solid rgba(34,138,230,.2); outline-offset: 0; } #top .rbh-section .rbh-cf7 .wpcf7-checkbox .wpcf7-list-item { margin: 6px 18px 0 0; } #top .rbh-section .rbh-cf7 .wpcf7-checkbox label, #top .rbh-section .rbh-cf7 .wpcf7-acceptance label { font-weight: 400; display: inline-flex; gap: 8px; align-items: center; } #top .rbh-section .rbh-cf7 .wpcf7-acceptance, #top .rbh-section .rbh-cf7 .wpcf7-list-item-label { font-size: 14px; line-height: 1.5; color: #5d6d86; font-weight: 400; } #top .rbh-section .rbh-cf7 .wpcf7 input[type="submit"] { width: 100%; height: 58px; border: none; border-radius: 8px; background: #228ae6; color: #ffffff; font-size: 18px; font-weight: 700; font-family: inherit; cursor: pointer; padding: 0 20px; } #top .rbh-section .rbh-cf7 .wpcf7 input[type="submit"]:hover { background: #1565b0; } /* ---------- Startseite: Tablet ---------- */ @media only screen and (max-width: 989px) { #top .rbh-section .rbh-hero, #top .rbh-section .rbh-grid-2, #top .rbh-section .rbh-grid-7-5, #top .rbh-section .rbh-fair, #top .rbh-section .rbh-offer { grid-template-columns: minmax(0, 1fr); gap: 48px; } #top .rbh-section .rbh-hero__visual { align-items: flex-start; } #top .rbh-section .rbh-grid-4, #top .rbh-section .rbh-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; } #top .rbh-section .rbh-package__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 22px; } #top .rbh-section .rbh-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 32px; } #top .rbh-section .rbh-line { display: none; } #top .rbh-section .rbh-stat--divider { border-right: none; } } /* ---------- Startseite: Smartphone ---------- */ @media only screen and (max-width: 767px) { #top .rbh-section .rbh-block, #top .rbh-section .rbh-hero { padding-top: 56px; padding-bottom: 56px; gap: 32px; } #top .rbh-section .rbh-block--stats { padding: 40px 0; } #top .rbh-section .rbh-block--news { padding-bottom: 20px; } #top .rbh-section .rbh-hero__title { font-size: 34px; } #top .rbh-section .rbh-hero__lead { font-size: 17px; } #top .rbh-section .rbh-h2, #top .rbh-section .rbh-h2--lg, #top .rbh-section .rbh-h2--xl { font-size: 28px; line-height: 1.22; } #top .rbh-section .rbh-h2--sm { font-size: 24px; } #top .rbh-section .rbh-stat__value { font-size: 30px; } #top .rbh-section .rbh-grid-3, #top .rbh-section .rbh-grid-4, #top .rbh-section .rbh-steps, #top .rbh-section .rbh-extras { grid-template-columns: minmax(0, 1fr); } #top .rbh-section .rbh-package__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } #top .rbh-section .rbh-compare { grid-template-columns: minmax(0, 1fr); gap: 8px; } #top .rbh-section .rbh-compare__arrow { display: none; } #top .rbh-section .rbh-cta-band { flex-direction: column; align-items: flex-start; gap: 20px; padding: 24px; } #top .rbh-section .rbh-cta-band__actions { flex-wrap: wrap; } #top .rbh-section .rbh-hero__actions .rbh-btn { flex: 1 1 100%; } #top .rbh-section .rbh-note { align-items: flex-start; justify-content: flex-start; } #top .rbh-section .rbh-package, #top .rbh-section .rbh-formcard { padding: 24px; } #top .rbh-section .rbh-chart__legend { flex-direction: column; } } /* ============================================================= RebeIT Startseite im Block-Editor v3.2 / 2026-09-30 Ergaenzt v3.1. Gleiche Klassen, dazu Anpassungen fuer Gutenberg. ============================================================= */ :root { --rbh-ico-check: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='20%206%209%2017%204%2012'/%3E%3C/svg%3E"); --rbh-ico-x: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='18'%20y1='6'%20x2='6'%20y2='18'/%3E%3Cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'/%3E%3C/svg%3E"); --rbh-ico-arrow: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'/%3E%3Cpolyline%20points='12%205%2019%2012%2012%2019'/%3E%3C/svg%3E"); --rbh-ico-phone: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1.9.4%201.8.7%202.7a2%202%200%200%201-.5%202.1L8%209.8a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.8.6%202.7.7a2%202%200%200%201%201.7%202z'/%3E%3C/svg%3E"); --rbh-ico-mail: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpolyline%20points='3%207%2012%2013%2021%207'/%3E%3C/svg%3E"); --rbh-ico-lock: url("data:image/svg+xml,%3Csvg%20xmlns='http%3A//www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='11'%20width='18'%20height='11'%20rx='2'/%3E%3Cpath%20d='M7%2011V7a5%205%200%200%201%209.9-1'/%3E%3C/svg%3E"); } /* Seitenrahmen */ #top.home .container_wrap_first .content, #top.home .template-page { padding-top: 0; padding-bottom: 0; } #top.home .template-page .entry-content-wrapper, #top.home .template-page .post-entry { margin: 0; padding: 0; } /* Baender mit voller Breite ohne seitliches Scrollen */ #top .rbh-band { position: relative; clip-path: inset(0 -100vmax); } #top .rbh-band--main { background: #ffffff; box-shadow: 0 0 0 100vmax #ffffff; } #top .rbh-band--alt { background: #f5f8fb; box-shadow: 0 0 0 100vmax #f5f8fb; } #top .rbh-band--dark { background: #0e1a2b; box-shadow: 0 0 0 100vmax #0e1a2b; } /* Gutenberg Wrapper neutralisieren */ #top .rbh-section .wp-block-group__inner-container { display: contents; } #top .rbh-section .wp-block-group, #top .rbh-section .wp-block-buttons, #top .rbh-section .wp-block-list, #top .rbh-section .wp-block-heading, #top .rbh-section p, #top .rbh-section .wp-block-query { margin: 0; } #top .rbh-section.is-layout-flow > *, #top .rbh-section .is-layout-flow > *, #top .rbh-section .is-layout-constrained > * { margin-block-start: 0; margin-block-end: 0; max-width: none; } /* Text aus frueheren strong/span Elementen */ #top .rbh-section .rbh-strong { font-weight: 700; } #top .rbh-section .rbh-hero__title strong { color: #228ae6; font-weight: inherit; } #top .rbh-section .rbh-h2--light strong { color: #4da3f0; font-weight: inherit; } #top .rbh-section .rbh-note strong { color: #15233a; } #top .rbh-section .rbh-more-link a, #top .rbh-section .rbh-link-light a, #top .rbh-section .rbh-contact-link a { color: inherit; text-decoration: none; } /* Buttons */ #top .rbh-section .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 14px; } #top .rbh-section .rbh-button .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: none; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 1.2; padding: 18px 32px; text-decoration: none; transition: background-color .15s ease; } #top .rbh-section .rbh-button--primary .wp-block-button__link { background: #228ae6; color: #ffffff; box-shadow: 0 6px 16px rgba(15,30,60,.18); } #top .rbh-section .rbh-button--primary .wp-block-button__link:hover { background: #1565b0; color: #ffffff; } #top .rbh-section .rbh-button--outline .wp-block-button__link { background: #ffffff; color: #15233a; border: 1px solid #d5deea; font-weight: 600; font-size: 17px; padding: 17px 26px; } #top .rbh-section .rbh-button--outline .wp-block-button__link:hover { background: #eaf4fe; color: #15233a; } #top .rbh-section .rbh-button--white .wp-block-button__link { background: #ffffff; color: #1565b0; font-size: 17px; padding: 17px 30px; } #top .rbh-section .rbh-button--white .wp-block-button__link:hover { background: #eaf4fe; color: #1565b0; } #top .rbh-section .rbh-button--arrow .wp-block-button__link::after { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--rbh-ico-arrow) center / contain no-repeat; mask: var(--rbh-ico-arrow) center / contain no-repeat; } #top .rbh-section .rbh-button--phone .wp-block-button__link::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--rbh-ico-phone) center / contain no-repeat; mask: var(--rbh-ico-phone) center / contain no-repeat; } /* Listen mit Haekchen */ #top .rbh-section .rbh-checks { list-style: none; padding: 0; margin: 0; } #top .rbh-section .rbh-checks li { display: flex; gap: 12px; margin: 0; font-size: 16px; line-height: 1.5; } #top .rbh-section .rbh-checks li::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; background: #00b884; -webkit-mask: var(--rbh-ico-check) center / contain no-repeat; mask: var(--rbh-ico-check) center / contain no-repeat; } #top .rbh-section .rbh-checks--dark li { color: #e9eff7; } #top .rbh-section .rbh-checks--dark li::before { background: #00d4a8; } #top .rbh-section .rbh-hero__checks li { gap: 7px; align-items: center; font-size: 15px; } #top .rbh-section .rbh-hero__checks li::before { width: 17px; height: 17px; margin-top: 0; } #top .rbh-section .rbh-offer .rbh-checks li { line-height: 1.6; } /* Symbole vor Texten */ #top .rbh-section .rbh-compare__before::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; background: #8aa1c2; -webkit-mask: var(--rbh-ico-x) center / contain no-repeat; mask: var(--rbh-ico-x) center / contain no-repeat; } #top .rbh-section .rbh-note::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; background: #1565b0; -webkit-mask: var(--rbh-ico-lock) center / contain no-repeat; mask: var(--rbh-ico-lock) center / contain no-repeat; } #top .rbh-section .rbh-contact-link--phone::before, #top .rbh-section .rbh-contact-link--mail::before { content: ""; flex-shrink: 0; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--rbh-ico-phone) center / contain no-repeat; mask: var(--rbh-ico-phone) center / contain no-repeat; } #top .rbh-section .rbh-contact-link--mail::before { -webkit-mask-image: var(--rbh-ico-mail); mask-image: var(--rbh-ico-mail); } /* News */ #top .rbh-section .rbh-news-list { padding-bottom: 44px; } #top .rbh-section .rbh-news-list .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } #top .rbh-section .rbh-news-list .wp-block-post { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 16px 0; margin: 0; border-bottom: 1px solid #e2e8f0; } #top .rbh-section .rbh-news-title { margin: 0; font-size: 18px; line-height: 1.4; font-weight: 600; } #top .rbh-section .rbh-news-title a { color: #15233a; } #top .rbh-section .rbh-news-title a:hover { color: #228ae6; } #top .rbh-section .rbh-news-date { flex-shrink: 0; font-size: 14px; color: #5d6d86; } @media only screen and (max-width: 767px) { #top .rbh-section .rbh-hero__actions .wp-block-button { flex: 1 1 100%; } #top .rbh-section .rbh-hero__actions .wp-block-button__link { width: 100%; } #top .rbh-section .rbh-news-list .wp-block-post { flex-direction: column; gap: 4px; } } /* ---------- Nur im Block-Editor wirksam (ueber functions.php geladen) ---------- */ .editor-styles-wrapper { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4a5a75; } .editor-styles-wrapper .rbh-section h1, .editor-styles-wrapper .rbh-section h2, .editor-styles-wrapper .rbh-section h3, .editor-styles-wrapper .rbh-section p, .editor-styles-wrapper .rbh-section li { font-family: inherit; } .editor-styles-wrapper .is-root-container > .wp-block.rbh-section { max-width: 1210px !important; margin-left: auto !important; margin-right: auto !important; } .editor-styles-wrapper .rbh-section .wp-block { max-width: none; } /* ===== rbh-ki: Unterseite IT-Service mit KI + generische Unterseiten (v3.2) ===== */ #top .container_wrap_first:has(.rbh-section) .content{padding-top:0;padding-bottom:0} #top .template-page:has(.rbh-section) .entry-content-wrapper,#top .template-page:has(.rbh-section) .post-entry{margin:0;padding:0} #top .rbh-section .rbh-ki-photo{margin:0;display:flex;flex-direction:column;gap:12px;width:100%;max-width:520px} #top .rbh-section .rbh-ki-photo img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 18px 40px rgba(15,30,60,.16)} #top .rbh-section .rbh-ki-photo figcaption{font-size:14px;line-height:1.5;color:#5d6d86} #top .rbh-section .rbh-ki-question{align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;background:#15233a;color:#fff;font-weight:600;font-size:17px;text-align:center;box-shadow:0 0 0 6px #fff} #top .rbh-section .rbh-ki-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch} #top .rbh-section .rbh-ki-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px} #top .rbh-section .rbh-ki-tag{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 14px;background:#eaf4fe;color:#1565b0} #top .rbh-section .rbh-ki-tag--dark{background:rgba(255,255,255,.1);color:#c7e1fb} #top .rbh-section .rbh-ki-card--dark{background:#0e1a2b;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px;color:#b4c3d8;box-shadow:0 14px 32px rgba(15,30,60,.18)} #top .rbh-section .rbh-ki-card--dark .rbh-h3{color:#fff} #top .rbh-section .rbh-ki-card--dark .rbh-icon-tile{background:#228ae6} #top .rbh-section .rbh-ki-hour{gap:22px} #top .rbh-section .rbh-ki-row{display:flex;flex-direction:column;gap:8px} #top .rbh-section .rbh-ki-row__label{font-size:14px;font-weight:600;color:#5d6d86} #top .rbh-section .rbh-ki-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:10px;border:1.5px dashed #c3ccd9;background:#fff} #top .rbh-section .rbh-ki-chips--ai{border:1.5px solid #228ae6} #top .rbh-section .rbh-ki-chip{padding:9px 13px;border-radius:8px;background:#eef2f7;color:#15233a;font-size:14px;font-weight:600;line-height:1.3} #top .rbh-section .rbh-ki-chip--brand{background:#1565b0;color:#fff} #top .rbh-section .rbh-ki-chip--accent{background:#228ae6;color:#fff} #top .rbh-section .rbh-ki-steps4{grid-template-columns:repeat(4,minmax(0,1fr))} #top .rbh-section .rbh-ki-visual{margin:0;display:flex;flex-direction:column;gap:16px} #top .rbh-section .rbh-ki-window{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 50px rgba(0,0,0,.3)} #top .rbh-section .rbh-ki-window__bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#eef2f7;border-bottom:1px solid #d5deea;font-size:13px;font-weight:600;color:#5d6d86} #top .rbh-section .rbh-ki-window__bar i{width:10px;height:10px;border-radius:50%;background:#c3ccd9} #top .rbh-section .rbh-ki-window__bar span{margin-left:6px} #top .rbh-section .rbh-ki-window img{width:100%;height:auto;display:block} #top .rbh-section .rbh-ki-pill{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;color:#15233a;font-size:14px;font-weight:600} #top .rbh-section .rbh-ki-pill svg{color:#00b884} @media only screen and (max-width:989px){#top .rbh-section .rbh-ki-steps4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}#top .rbh-section .rbh-ki-steps4 .rbh-line{display:none}} @media only screen and (max-width:767px){#top .rbh-section .rbh-ki-pair,#top .rbh-section .rbh-ki-steps4{grid-template-columns:minmax(0,1fr)}#top .rbh-section .rbh-ki-question{font-size:15px;border-radius:14px}#top .rbh-section .rbh-ki-photo{max-width:none}#top .rbh-section .rbh-ki-pill{align-self:flex-start}} /* ===== rbh-ki v3.3: linksbündige Köpfe, Entscheidungszweig, Schrittkarten ===== */ #top .rbh-section .rbh-heading-left{display:flex;flex-direction:column;gap:12px;max-width:780px} #top .rbh-section .rbh-ki-decision{display:flex;flex-direction:column;align-items:center;margin-bottom:-34px} #top .rbh-section .rbh-ki-decision .rbh-ki-question{align-self:center} #top .rbh-section .rbh-ki-branch{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:44px} #top .rbh-section .rbh-ki-branch:before{content:"";position:absolute;top:0;left:calc(50% - 1px);width:2px;height:22px;background:#c3ccd9} #top .rbh-section .rbh-ki-branch:after{content:"";position:absolute;top:22px;left:calc(25% - 7px);right:calc(25% - 7px);height:2px;background:#c3ccd9} #top .rbh-section .rbh-ki-branch__col{position:relative;display:flex;justify-content:center} #top .rbh-section .rbh-ki-branch__col:before{content:"";position:absolute;top:-22px;left:calc(50% - 1px);width:2px;height:22px;background:#c3ccd9} #top .rbh-section .rbh-ki-badge{position:relative;z-index:1;padding:6px 18px;border-radius:999px;border:2px solid #c3ccd9;background:#fff;font-size:14px;font-weight:700;color:#1565b0} #top .rbh-section .rbh-ki-card-head .rbh-ki-tag{display:none} #top .rbh-section .rbh-note.rbh-ki-best{flex-wrap:wrap;gap:10px 14px;padding:26px 32px;border:1.5px solid #d5deea;border-radius:16px;background:#fff;font-size:18px;line-height:1.5;text-align:center} #top .rbh-section .rbh-note.rbh-ki-best strong{font-size:20px} #top .rbh-section .rbh-ki-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} #top .rbh-section .rbh-ki-step{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px} #top .rbh-section .rbh-ki-step--dark{background:#0e1a2b;border-color:#0e1a2b} #top .rbh-section .rbh-ki-step__head{display:flex;align-items:center;justify-content:space-between} #top .rbh-section .rbh-ki-step__icon{width:48px;height:48px;border-radius:50%;background:#1565b0;color:#fff;display:flex;align-items:center;justify-content:center} #top .rbh-section .rbh-ki-step--dark .rbh-ki-step__icon{background:#fff;color:#0e1a2b} #top .rbh-section .rbh-ki-step__num{font-size:28px;font-weight:700;line-height:1;color:#c7d3e3} #top .rbh-section .rbh-ki-step--dark .rbh-ki-step__num{color:#4da3f0} #top .rbh-section .rbh-ki-step__title{font-size:18px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-ki-step--dark .rbh-ki-step__title{color:#fff} #top .rbh-section .rbh-ki-step__text{font-size:15px;line-height:1.55;color:#4a5a75} #top .rbh-section .rbh-ki-step--dark .rbh-ki-step__text{color:#b4c3d8} @media only screen and (max-width:989px){#top .rbh-section .rbh-ki-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media only screen and (max-width:767px){#top .rbh-section .rbh-ki-steps{grid-template-columns:minmax(0,1fr)}#top .rbh-section .rbh-ki-branch{display:none}#top .rbh-section .rbh-ki-decision{margin-bottom:0}#top .rbh-section .rbh-ki-card-head .rbh-ki-tag{display:inline-block}#top .rbh-section .rbh-note.rbh-ki-best{padding:22px 20px;font-size:16px}#top .rbh-section .rbh-note.rbh-ki-best strong{font-size:18px}} /* ---------- Mobil: Topbar und Burger (v3.2) ---------- */ /* Alte Regel .avia-menu{right:-80px} aus Child Theme custom.css schob das Burger-Menue aus dem Bild */ @media only screen and (max-width: 767px) { .responsive #top .av-logo-container .avia-menu { right: 0; } #top #header_meta .container { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; max-width: 100%; margin: 0; padding: 7px 12px 8px; min-height: 0; box-sizing: border-box; } #top #header_meta .phone-info { order: 1; float: none; width: auto; padding: 0; margin: 0; text-align: center; font-size: 15px; line-height: 20px; } #top #header_meta .sub_menu { order: 2; float: none; width: auto; padding: 0; margin: 0; position: static; } #top #header_meta .sub_menu > ul { --rbg: clamp(12px, 5vw, 24px); display: flex; flex-wrap: nowrap; justify-content: center; column-gap: var(--rbg); padding: 0; margin: 0; } #top #header_meta .sub_menu > ul > li { float: none; padding: 0; border: 0; white-space: nowrap; line-height: 18px; position: relative; } #top #header_meta .sub_menu > ul > li + li::before { content: ""; position: absolute; top: 4px; left: calc(var(--rbg) / -2); width: 1px; height: 10px; background: rgba(255,255,255,.22); } #top #header_meta .sub_menu > ul > li > a { padding: 0; font-size: 12.5px; } } /* ===== rbh-fab v3.4: schwebender CTA rechts fuer Unterseiten (wie jobs.rebeit.de) ===== */ #top .rbh-fab{position:fixed;top:140px;right:16px;z-index:95;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#228ae6;color:#fff;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;border-radius:999px;box-shadow:0 6px 18px rgba(34,138,230,.35),0 0 0 1px rgba(34,138,230,.15);transition:padding .25s ease,font-size .25s ease,background .2s ease,transform .2s ease} #top .rbh-fab:hover,#top .rbh-fab:focus-visible{background:#1565b0;color:#fff;transform:translateY(-1px)} #top .rbh-fab__icon{flex-shrink:0} #top .rbh-fab.is-scrolled{padding:9px 15px;font-size:13.5px} @media only screen and (max-width:767px){#top .rbh-fab{top:auto;bottom:16px;right:16px;padding:11px 17px;font-size:14px}#top .rbh-fab.is-scrolled{padding:10px 15px;font-size:13px}} @media only screen and (min-width:768px){#top.admin-bar .rbh-fab{top:172px}} /* rbh-m365: Unterseite Microsoft 365 einrichten (v2) */ #top .rbh-section .rbh-m365-map{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px} #top .rbh-section .rbh-m365-map svg{width:100%;max-width:600px;height:auto;display:block} #top .rbh-section .rbh-m365-map--hero svg{max-width:540px} #top .rbh-section .rbh-m365-map figcaption{font-size:14px;line-height:1.5;color:#5d6d86;text-align:center} #top .rbh-section .rbh-m365-level{display:flex;flex-direction:column-reverse;gap:4px;width:44px} #top .rbh-section .rbh-m365-level i{display:block;height:6px;border-radius:3px;background:#d5deea} #top .rbh-section .rbh-m365-level i.is-on{background:#228ae6} #top .rbh-section .rbh-m365-layer-card{align-self:start;gap:18px} #top .rbh-section .rbh-m365-gain{background:#eaf3fd;border-left:3px solid #228ae6;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:6px} #top .rbh-section .rbh-m365-gain__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1565b0} #top .rbh-section .rbh-m365-gain__text{font-size:15.5px;line-height:1.55;color:#15233a} #top .rbh-section .rbh-m365-path{display:flex;flex-direction:column;align-self:stretch} #top .rbh-section .rbh-m365-phase{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;position:relative;padding-bottom:24px} #top .rbh-section .rbh-m365-phase::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:#d5deea} #top .rbh-section .rbh-m365-phase:last-child{padding-bottom:0} #top .rbh-section .rbh-m365-phase:last-child::before{display:none} #top .rbh-section .rbh-m365-phase__num{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #228ae6;color:#1565b0;font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1} #top .rbh-section .rbh-m365-phase--last .rbh-m365-phase__num{background:#1565b0;border-color:#1565b0;color:#fff} #top .rbh-section .rbh-m365-phase__body{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start} #top .rbh-section .rbh-m365-phase__main{display:flex;flex-direction:column;gap:10px} #top .rbh-section .rbh-m365-phase__title{font-size:19px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-m365-phase__text{font-size:16px;line-height:1.55;color:#5d6d86} #top .rbh-section .rbh-m365-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} #top .rbh-section .rbh-m365-chip{font-size:13px;font-weight:600;line-height:1.3;color:#1565b0;background:#eaf3fd;border-radius:999px;padding:5px 12px} #top .rbh-section .rbh-m365-you{background:#f5f8fb;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:4px} #top .rbh-section .rbh-m365-you__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#228ae6} #top .rbh-section .rbh-m365-you__text{font-size:15px;line-height:1.5;color:#15233a} @media only screen and (max-width:989px){#top .rbh-section .rbh-m365-phase__body{grid-template-columns:minmax(0,1fr);gap:18px}} @media only screen and (max-width:767px){#top .rbh-section .rbh-m365-phase{grid-template-columns:40px minmax(0,1fr);gap:14px}#top .rbh-section .rbh-m365-phase::before{left:19px;top:40px}#top .rbh-section .rbh-m365-phase__num{width:40px;height:40px;font-size:16px}#top .rbh-section .rbh-m365-phase__body{padding:20px}} /* ===== rbh-s365 v1: Unterseite Sicherheit fuer Microsoft 365 ===== */ #top .rbh-section .rbh-s365-hero .rbh-hero__title{color:#fff} #top .rbh-section .rbh-s365-hero .rbh-hero__title strong{color:#4da3f0} #top .rbh-section .rbh-s365-hero .rbh-hero__lead{color:#b4c3d8} #top .rbh-section .rbh-s365-hero .rbh-hero__checks li{color:#dbe6f3} #top .rbh-section .rbh-s365-radar{margin:0;width:100%;max-width:560px;justify-self:end;display:flex;flex-direction:column;gap:10px} #top .rbh-section .rbh-s365-radar svg{width:100%;height:auto;display:block;overflow:visible} #top .rbh-section .rbh-s365-radar figcaption{font-size:14px;line-height:1.5;color:#8fa3bf;text-align:center} #top .rbh-section .rbh-s365-sweep{transform-origin:260px 240px;animation:rbhS365spin 9s linear infinite} #top .rbh-section .rbh-s365-blip{animation:rbhS365blip 2.4s ease-in-out infinite} #top .rbh-section .rbh-s365-flowline{stroke-dasharray:6 6;animation:rbhS365dash 1.6s linear infinite} @keyframes rbhS365spin{to{transform:rotate(360deg)}} @keyframes rbhS365blip{0%,100%{opacity:1}50%{opacity:.35}} @keyframes rbhS365dash{to{stroke-dashoffset:-24}} @media (prefers-reduced-motion:reduce){#top .rbh-section .rbh-s365-sweep,#top .rbh-section .rbh-s365-blip,#top .rbh-section .rbh-s365-flowline{animation:none}} #top .rbh-section :is(.rbh-s365-tile,.rbh-s365-attack,.rbh-s365-guard,.rbh-s365-compare__item,.rbh-s365-iso__row,.rbh-s365-chev,.rbh-s365-fact,.rbh-s365-strip,.rbh-s365-hint,.rbh-s365-dossier__text) :is(p,h2,h3,ul){margin:0} #top .rbh-section .rbh-s365-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center} #top .rbh-section .rbh-s365-test{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px 30px;box-shadow:0 18px 40px rgba(15,30,60,.08);display:flex;flex-direction:column} #top .rbh-section .rbh-s365-test__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px} #top .rbh-section .rbh-s365-test__title{font-size:18px;font-weight:700;color:#15233a} #top .rbh-section .rbh-s365-test__count{font-size:14px;font-weight:700;color:#1565b0;background:#eaf4fe;border-radius:999px;padding:6px 14px;white-space:nowrap} #top .rbh-section .rbh-s365-q{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;padding:13px 0;margin:0;border-top:1px solid #eef2f7;cursor:pointer;font-size:16px;line-height:1.5;color:#15233a;font-weight:400} #top .rbh-section .rbh-s365-q input[type=checkbox]{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin:1px 0 0;padding:0;border:2px solid #c3ccd9;border-radius:50%;background:#fff;display:grid;place-content:center;cursor:pointer;transition:background .15s,border-color .15s} #top .rbh-section .rbh-s365-q input[type=checkbox]::after{content:"";width:10px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translateY(-1px) rotate(-45deg);opacity:0} #top .rbh-section .rbh-s365-q input[type=checkbox]:checked{background:#00b884;border-color:#00b884} #top .rbh-section .rbh-s365-q input[type=checkbox]:checked::after{opacity:1} #top .rbh-section .rbh-s365-q input[type=checkbox]:focus-visible{outline:2px solid #228ae6;outline-offset:2px} #top .rbh-section .rbh-s365-test__bar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden;margin-top:14px} #top .rbh-section .rbh-s365-test__fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#228ae6,#00b884);transition:width .3s} #top .rbh-section .rbh-s365-test__result{margin:12px 0 0;font-size:15px;line-height:1.5;color:#4a5a75} #top .rbh-section .rbh-s365-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} #top .rbh-section .rbh-s365-chain__col{display:flex;flex-direction:column} #top .rbh-section .rbh-s365-attack{background:#fff;border:1px solid #f1d3d5;border-top:4px solid #e5484d;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;min-height:172px} #top .rbh-section .rbh-s365-attack__step{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c2383d} #top .rbh-section .rbh-s365-attack__title{font-size:17px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-s365-attack__text{font-size:14px;line-height:1.5;color:#5d6d86} #top .rbh-section .rbh-s365-stop{position:relative;height:60px;display:flex;align-items:center;justify-content:center} #top .rbh-section .rbh-s365-stop::before{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;border-left:2px dashed #c3ccd9} #top .rbh-section .rbh-s365-stop span{position:relative;width:38px;height:38px;border-radius:50%;background:#00b884;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fff} #top .rbh-section .rbh-s365-guard{flex:1;background:#0e1a2b;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px} #top .rbh-section .rbh-s365-guard__product{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4da3f0} #top .rbh-section .rbh-s365-guard__text{font-size:14px;line-height:1.55;color:#dbe6f3} #top .rbh-section .rbh-s365-legend{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:#5d6d86;margin:0} #top .rbh-section .rbh-s365-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px} #top .rbh-section .rbh-s365-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} #top .rbh-section .rbh-s365-tile{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px} #top .rbh-section .rbh-s365-tile--base{grid-column:span 2;grid-row:span 2;background:linear-gradient(155deg,#1565b0 0%,#0e1a2b 85%);border-color:transparent;padding:32px;gap:14px} #top .rbh-section .rbh-s365-tile--wide{grid-column:span 2} #top .rbh-section .rbh-s365-tile--xdr{background:#eaf4fe;border-color:#cfe4fa} #top .rbh-section .rbh-s365-tile__top{display:flex;align-items:center;justify-content:space-between;gap:12px} #top .rbh-section .rbh-s365-tile__icon{width:44px;height:44px;border-radius:12px;background:#eaf4fe;color:#1565b0;display:flex;align-items:center;justify-content:center} #top .rbh-section .rbh-s365-tile--xdr .rbh-s365-tile__icon{background:#1565b0;color:#fff} #top .rbh-section .rbh-s365-tile--base .rbh-s365-tile__icon{background:rgba(255,255,255,.12);color:#fff} #top .rbh-section .rbh-s365-badge{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 11px;background:#0e1a2b;color:#fff;white-space:nowrap} #top .rbh-section .rbh-s365-tile--base .rbh-s365-badge{background:rgba(255,255,255,.14)} #top .rbh-section .rbh-s365-tile__name{font-size:19px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-s365-tile--base .rbh-s365-tile__name{font-size:28px;color:#fff} #top .rbh-section .rbh-s365-tile__text{font-size:15px;line-height:1.55;color:#4a5a75} #top .rbh-section .rbh-s365-tile--base .rbh-s365-tile__text{color:#c7d8ec;font-size:17px} #top .rbh-section .rbh-s365-tile .rbh-s365-tile__list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column} #top .rbh-section .rbh-s365-tile__list li{position:relative;margin:0;padding:11px 0 11px 30px;border-top:1px solid rgba(255,255,255,.12);color:#fff;font-size:15.5px;line-height:1.45;list-style:none} #top .rbh-section .rbh-s365-tile__list li::before{content:"";position:absolute;left:4px;top:16px;width:12px;height:6px;border-left:2.5px solid #5fe0b6;border-bottom:2.5px solid #5fe0b6;transform:rotate(-45deg)} #top .rbh-section .rbh-s365-nav{display:flex;flex-wrap:wrap;gap:10px} #top .rbh-section .rbh-s365-nav a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid #d5deea;border-radius:999px;background:#fff;color:#15233a;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s} #top .rbh-section .rbh-s365-nav a span{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#0e1a2b;color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center} #top .rbh-section .rbh-s365-nav a:hover{border-color:#228ae6;color:#1565b0} #top .rbh-section .rbh-s365-anchor{display:block;height:0;scroll-margin-top:130px} #top .rbh-section .rbh-s365-dossier{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:start} #top .rbh-section .rbh-s365-dossier__top{display:flex;align-items:center;gap:18px;flex-wrap:wrap} #top .rbh-section .rbh-s365-num{font-size:68px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1.5px #228ae6;letter-spacing:-.02em} #top .rbh-section .rbh-band--dark .rbh-s365-num{-webkit-text-stroke-color:#4da3f0} #top .rbh-section .rbh-s365-products{display:flex;flex-wrap:wrap;gap:8px} #top .rbh-section .rbh-s365-products span{font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;background:#0e1a2b;color:#fff} #top .rbh-section .rbh-band--dark .rbh-s365-products span{background:rgba(255,255,255,.1)} #top .rbh-section .rbh-s365-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px} #top .rbh-section .rbh-s365-compare__item{border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px} #top .rbh-section .rbh-s365-compare__item--without{background:#fff5f5;border:1px solid #f1d3d5} #top .rbh-section .rbh-s365-compare__item--with{background:#effbf6;border:1px solid #bfe9d8} #top .rbh-section .rbh-s365-compare__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} #top .rbh-section .rbh-s365-compare__item--without .rbh-s365-compare__label{color:#c2383d} #top .rbh-section .rbh-s365-compare__item--with .rbh-s365-compare__label{color:#007a58} #top .rbh-section .rbh-s365-compare__text{font-size:15px;line-height:1.55;color:#15233a} #top .rbh-section .rbh-s365-console{background:#0e1a2b;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px rgba(14,26,43,.22)} #top .rbh-section .rbh-s365-console__bar{display:flex;align-items:center;gap:7px;padding:12px 18px;background:#15253b;border-bottom:1px solid rgba(255,255,255,.06)} #top .rbh-section .rbh-s365-console__bar i{width:10px;height:10px;border-radius:50%;background:#2c3e58} #top .rbh-section .rbh-s365-console__bar span{margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#8fa3bf} #top .rbh-section .rbh-s365-console__body{padding:6px 20px 8px} #top .rbh-section .rbh-s365-set{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)} #top .rbh-section .rbh-s365-set:last-child{border-bottom:0} #top .rbh-section .rbh-s365-set__name{font-size:15px;line-height:1.35;color:#eef3f9;font-weight:500} #top .rbh-section .rbh-s365-set__name small{display:block;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#6f87a6;font-weight:400} #top .rbh-section .rbh-s365-toggle{flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:#00b884} #top .rbh-section .rbh-s365-toggle::after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff} #top .rbh-section .rbh-s365-console__foot{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(0,184,132,.1);color:#5fe0b6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px} #top .rbh-section .rbh-s365-graph{margin:0;width:100%} #top .rbh-section .rbh-s365-graph svg{width:100%;height:auto;display:block} #top .rbh-section .rbh-s365-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} #top .rbh-section .rbh-s365-fact{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:10px} #top .rbh-section .rbh-s365-fact__icon{width:42px;height:42px;border-radius:50%;background:rgba(34,138,230,.18);color:#4da3f0;display:flex;align-items:center;justify-content:center} #top .rbh-section .rbh-s365-fact__title{font-size:17px;line-height:1.3;font-weight:700;color:#fff} #top .rbh-section .rbh-s365-fact__text{font-size:15px;line-height:1.55;color:#b4c3d8} #top .rbh-section .rbh-s365-gauge{margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:16px;align-items:center;box-shadow:0 18px 40px rgba(15,30,60,.06)} #top .rbh-section .rbh-s365-gauge svg{width:100%;max-width:420px;height:auto;display:block} #top .rbh-section .rbh-s365-gauge figcaption{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;font-size:14px;color:#5d6d86} #top .rbh-section .rbh-s365-gauge figcaption i{display:inline-block;width:12px;height:12px;border-radius:50%;border:3px solid;margin-right:8px;vertical-align:-2px} #top .rbh-section .rbh-s365-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;border:1.5px dashed #228ae6;border-radius:18px;padding:28px 30px;background:#f5faff} #top .rbh-section .rbh-s365-strip__icon{width:56px;height:56px;border-radius:14px;background:#1565b0;color:#fff;display:flex;align-items:center;justify-content:center} #top .rbh-section .rbh-s365-strip__title{font-size:20px;line-height:1.35;font-weight:700;color:#15233a} #top .rbh-section .rbh-s365-strip .rbh-s365-strip__text{font-size:16px;line-height:1.6;color:#4a5a75;margin-top:8px} #top .rbh-section .rbh-s365-iso{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden} #top .rbh-section .rbh-s365-iso__row{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:center;padding:14px 24px;border-top:1px solid #eef2f7} #top .rbh-section .rbh-s365-iso__row:nth-child(odd){background:#fafcfe} #top .rbh-section .rbh-s365-iso__row.rbh-s365-iso__row--head{background:#0e1a2b;border-top:0} #top .rbh-section .rbh-s365-iso__row--head p.rbh-s365-iso__id,#top .rbh-section .rbh-s365-iso__row--head p{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c7d8ec;background:none;padding:0} #top .rbh-section .rbh-s365-iso__id{justify-self:start;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:#1565b0;background:#eaf4fe;border-radius:6px;padding:4px 9px;line-height:1.4} #top .rbh-section .rbh-s365-iso__ctrl{font-size:15px;font-weight:600;color:#15233a;line-height:1.4} #top .rbh-section .rbh-s365-iso__m{font-size:15px;color:#4a5a75;line-height:1.5} #top .rbh-section .rbh-s365-hint{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px 28px;border-radius:16px;background:#0e1a2b} #top .rbh-section .rbh-s365-hint__icon{width:44px;height:44px;border-radius:12px;background:#228ae6;color:#fff;display:flex;align-items:center;justify-content:center} #top .rbh-section .rbh-s365-hint__text{font-size:16px;line-height:1.6;color:#dbe6f3} #top .rbh-section .rbh-s365-hint__text strong{color:#fff} #top .rbh-section .rbh-s365-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} #top .rbh-section .rbh-s365-chev{position:relative;padding:24px 38px 24px 44px;min-height:178px;display:flex;flex-direction:column;gap:8px;background:#eaf4fe;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%,24px 50%)} #top .rbh-section .rbh-s365-chev:first-child{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);padding-left:26px} #top .rbh-section .rbh-s365-chev:nth-child(2){background:#d4e8fc} #top .rbh-section .rbh-s365-chev:nth-child(3){background:#b5d8f8} #top .rbh-section .rbh-s365-chev:nth-child(4){background:#228ae6} #top .rbh-section .rbh-s365-chev:nth-child(5){background:#1565b0} #top .rbh-section .rbh-s365-chev__num{font-size:13px;font-weight:700;letter-spacing:.08em;color:#1565b0} #top .rbh-section .rbh-s365-chev__title{font-size:17px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-s365-chev__text{font-size:14px;line-height:1.5;color:#2f4260} #top .rbh-section .rbh-s365-chev:nth-child(n+4) :is(.rbh-s365-chev__num,.rbh-s365-chev__title,.rbh-s365-chev__text){color:#fff} #top .rbh-section .rbh-s365-faqwrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start} #top .rbh-section .rbh-s365-photo{margin:8px 0 0;display:flex;flex-direction:column;gap:12px} #top .rbh-section .rbh-s365-photo img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 18px 40px rgba(15,30,60,.14)} #top .rbh-section .rbh-s365-photo figcaption{font-size:14px;color:#5d6d86} #top .rbh-section .rbh-s365-faqs{display:flex;flex-direction:column;gap:12px} #top .rbh-section .rbh-s365-faq{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:0;padding:0;transition:border-color .15s,box-shadow .15s} #top .rbh-section .rbh-s365-faq[open]{border-color:#9cc9f3;box-shadow:0 10px 26px rgba(15,30,60,.07)} #top .rbh-section .rbh-s365-faq summary{list-style:none;cursor:pointer;position:relative;display:block;padding:20px 64px 20px 24px;font-size:17px;line-height:1.4;font-weight:600;color:#15233a} #top .rbh-section .rbh-s365-faq summary::-webkit-details-marker{display:none} #top .rbh-section .rbh-s365-faq summary::after{content:"+";position:absolute;right:22px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#eaf4fe;color:#1565b0;font-size:22px;line-height:27px;text-align:center;font-weight:500;transition:transform .2s} #top .rbh-section .rbh-s365-faq[open] summary::after{transform:rotate(45deg)} #top .rbh-section .rbh-s365-faq > p{margin:0;padding:0 24px 22px;font-size:16px;line-height:1.65;color:#4a5a75} #top .rbh-section .rbh-s365-more{font-size:16px;color:#4a5a75;margin:8px 0 0} #top .rbh-section .rbh-s365-more a{color:#1565b0;font-weight:600} #top .rbh-section .rbh-s365-q span{font-size:16px;line-height:1.5;color:#15233a;font-weight:400} @media only screen and (max-width:1199px){ #top .rbh-section .rbh-s365-split,#top .rbh-section .rbh-s365-dossier,#top .rbh-section .rbh-s365-faqwrap{grid-template-columns:minmax(0,1fr);gap:36px} #top .rbh-section .rbh-s365-radar{justify-self:center} #top .rbh-section .rbh-s365-chain{grid-template-columns:minmax(0,1fr);gap:14px} #top .rbh-section .rbh-s365-chain__col{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch} #top .rbh-section .rbh-s365-attack{min-height:0} #top .rbh-section .rbh-s365-stop{height:auto} #top .rbh-section .rbh-s365-stop::before{left:0;right:0;top:calc(50% - 1px);bottom:auto;border-left:0;border-top:2px dashed #c3ccd9} #top .rbh-section .rbh-s365-bento,#top .rbh-section .rbh-s365-facts{grid-template-columns:repeat(2,minmax(0,1fr))} #top .rbh-section .rbh-s365-tile--base{grid-row:auto} #top .rbh-section .rbh-s365-flow{grid-template-columns:minmax(0,1fr);gap:4px} #top .rbh-section .rbh-s365-chev,#top .rbh-section .rbh-s365-chev:first-child{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),50% 100%,0 calc(100% - 18px));padding:22px 24px 40px;min-height:0} } @media only screen and (max-width:767px){ #top .rbh-section .rbh-s365-chain__col{display:flex;flex-direction:column} #top .rbh-section .rbh-s365-stop{height:52px} #top .rbh-section .rbh-s365-stop::before{left:calc(50% - 1px);right:auto;top:0;bottom:0;border-top:0;border-left:2px dashed #c3ccd9} #top .rbh-section .rbh-s365-bento,#top .rbh-section .rbh-s365-facts,#top .rbh-section .rbh-s365-compare{grid-template-columns:minmax(0,1fr)} #top .rbh-section .rbh-s365-tile--base,#top .rbh-section .rbh-s365-tile--wide{grid-column:auto} #top .rbh-section .rbh-s365-tile--base .rbh-s365-tile__name{font-size:24px} #top .rbh-section .rbh-s365-iso__row{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 18px} #top .rbh-section .rbh-s365-iso__row.rbh-s365-iso__row--head{display:none} #top .rbh-section .rbh-s365-num{font-size:52px} #top .rbh-section .rbh-s365-test{padding:22px 20px} #top .rbh-section .rbh-s365-strip,#top .rbh-section .rbh-s365-hint{grid-template-columns:minmax(0,1fr);padding:22px 20px} #top .rbh-section .rbh-s365-console__body{padding:4px 16px 6px} #top .rbh-section .rbh-s365-faq summary{padding:18px 56px 18px 18px;font-size:16px} #top .rbh-section .rbh-s365-faq > p{padding:0 18px 18px} } /* rbh-s365: Tabelle bis 989px einspaltig, lange Woerter in Pfeilen trennen */ @media only screen and (min-width:768px) and (max-width:989px){#top .rbh-section .rbh-s365-iso__row{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 18px}#top .rbh-section .rbh-s365-iso__row.rbh-s365-iso__row--head{display:none}} #top .rbh-section .rbh-s365-chev__text,#top .rbh-section .rbh-s365-chev__title{hyphens:auto;-webkit-hyphens:auto} /* === Seite Projekte (rbh-prj) === */ #top .rbh-section[id]{scroll-margin-top:110px} #top .rbh-section .rbh-prj-chron{width:100%;max-width:470px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 40px rgba(15,30,60,.12),0 4px 10px rgba(15,30,60,.05);overflow:hidden} #top .rbh-section .rbh-prj-chron__head{background:#1565b0;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;font-weight:700} #top .rbh-section .rbh-prj-chron__head span{font-size:14px;font-weight:400;color:#c7e1fb} #top .rbh-section .rbh-prj-chron__list{list-style:none;margin:0;padding:10px 0;position:relative} #top .rbh-section .rbh-prj-chron__list::before{content:"";position:absolute;top:26px;bottom:26px;left:139px;width:2px;background:#e2e8f0} #top .rbh-section .rbh-prj-chron__list li{margin:0} #top .rbh-section .rbh-prj-chron__row{display:grid;grid-template-columns:96px 12px minmax(0,1fr);gap:0 14px;align-items:center;padding:9px 24px;color:#15233a;text-decoration:none;font-size:15px;line-height:1.4;position:relative} #top .rbh-section .rbh-prj-chron__row:hover,#top .rbh-section .rbh-prj-chron__row:focus-visible{background:#f5f8fb;color:#15233a} #top .rbh-section .rbh-prj-chron__year{font-size:13.5px;font-weight:600;color:#5d6d86;font-variant-numeric:tabular-nums} #top .rbh-section .rbh-prj-chron__dot{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #8aa1c2;box-sizing:border-box;position:relative;z-index:1} #top .rbh-section .rbh-prj-chron__row.is-case{padding-top:12px;padding-bottom:12px} #top .rbh-section .rbh-prj-chron__row.is-case .rbh-prj-chron__year{color:#1565b0} #top .rbh-section .rbh-prj-chron__row.is-case .rbh-prj-chron__dot{background:#228ae6;border-color:#228ae6;box-shadow:0 0 0 4px rgba(34,138,230,.18)} #top .rbh-section .rbh-prj-chron__label{display:flex;flex-direction:column;gap:3px} #top .rbh-section .rbh-prj-chron__row.is-case .rbh-prj-chron__label{font-weight:600} #top .rbh-section .rbh-prj-chron__badge{align-self:flex-start;font-size:12px;font-weight:600;color:#1565b0;background:#eaf4fe;border-radius:999px;padding:2px 10px} #top .rbh-section .rbh-prj-chron__foot{background:#f5f8fb;padding:12px 24px;font-size:13px;line-height:1.5;color:#5d6d86} #top .rbh-section .rbh-prj-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} #top .rbh-section .rbh-prj-fact{border-left:2px solid #d5deea;padding:2px 0 2px 18px;display:flex;flex-direction:column;gap:6px} #top .rbh-section .rbh-prj-fact--goal{border-left-color:#228ae6} #top .rbh-section .rbh-prj-fact__label{font-size:13.5px;font-weight:600;color:#5d6d86} #top .rbh-section .rbh-prj-fact__value{font-size:17px;line-height:1.45;font-weight:600;color:#15233a} #top .rbh-section .rbh-prj-road{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;position:relative;padding-top:38px} #top .rbh-section .rbh-prj-road::before{content:"";position:absolute;top:9px;left:10px;right:10px;height:2px;background:#d5deea} #top .rbh-section .rbh-prj-road__step{position:relative;display:flex;flex-direction:column;gap:8px} #top .rbh-section .rbh-prj-road__step::before{content:"";position:absolute;top:-38px;left:0;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #228ae6;box-sizing:border-box} #top .rbh-section .rbh-prj-road__step--goal::before{background:#228ae6;box-shadow:0 0 0 6px rgba(34,138,230,.18)} #top .rbh-section .rbh-prj-road__when{font-size:14px;font-weight:600;color:#228ae6} #top .rbh-section .rbh-prj-road__title{font-size:19px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-prj-road__text{font-size:15px;line-height:1.55;color:#5d6d86} #top .rbh-section .rbh-prj-bars{display:flex;flex-direction:column;gap:14px;background:#f5f8fb;border-radius:14px;padding:24px 28px} #top .rbh-section .rbh-prj-bar{display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:18px;align-items:center;font-size:15px} #top .rbh-section .rbh-prj-bar__label{color:#4a5a75} #top .rbh-section .rbh-prj-bar__track{height:12px;border-radius:6px;background:#e2e8f0;overflow:hidden} #top .rbh-section .rbh-prj-bar__fill{display:block;height:100%;border-radius:6px;background:#8aa1c2} #top .rbh-section .rbh-prj-bar__fill--goal{background:#228ae6;width:70%} #top .rbh-section .rbh-prj-bar__fill--full{width:100%} #top .rbh-section .rbh-prj-bar__value{font-weight:600;color:#15233a} #top .rbh-section .rbh-prj-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px} #top .rbh-section .rbh-prj-topic{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:24px 0;border-top:1px solid #d5deea} #top .rbh-section .rbh-prj-topic__title{font-size:18px;line-height:1.35;font-weight:700;color:#15233a} #top .rbh-section .rbh-prj-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px} #top .rbh-section .rbh-prj-figure svg{width:100%;max-width:520px;height:auto;display:block} #top .rbh-section .rbh-prj-figure figcaption{font-size:14px;line-height:1.5;color:#5d6d86;text-align:center} #top .rbh-section .rbh-prj-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #top .rbh-section .rbh-prj-ba__panel{margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px 28px 22px;display:flex;flex-direction:column;gap:14px} #top .rbh-section .rbh-prj-ba__panel--after{border-color:#b9d6f5;box-shadow:0 10px 28px rgba(21,101,176,.10)} #top .rbh-section .rbh-prj-ba__panel figcaption{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.5;color:#5d6d86} #top .rbh-section .rbh-prj-ba__panel figcaption strong{font-size:19px;color:#15233a} #top .rbh-section .rbh-prj-ba__panel--after figcaption strong{color:#1565b0} #top .rbh-section .rbh-prj-ba__panel svg{width:100%;height:auto;display:block} #top .rbh-band--main .rbh-step__num{box-shadow:0 0 0 8px #fff} #top .rbh-section .rbh-prj-tl{display:flex;flex-direction:column;border-bottom:1px solid #d5deea} #top .rbh-section .rbh-prj-tl__item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:40px;padding:30px 0;border-top:1px solid #d5deea} #top .rbh-section .rbh-prj-tl__year{font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:#1565b0;font-variant-numeric:tabular-nums} #top .rbh-section .rbh-prj-tl__body{display:flex;flex-direction:column;gap:10px;max-width:780px} #top .rbh-section .rbh-prj-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,250px));gap:20px} #top .rbh-section .rbh-prj-photos figure{margin:0;display:flex;flex-direction:column;gap:8px} #top .rbh-section .rbh-prj-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;filter:saturate(.85)} #top .rbh-section .rbh-prj-photos figcaption{font-size:13px;color:#5d6d86} #top .rbh-section .rbh-prj-footnote{font-size:13px;line-height:1.5;color:#5d6d86} @media only screen and (max-width:989px){ #top .rbh-section .rbh-prj-facts{grid-template-columns:repeat(2,minmax(0,1fr))} #top .rbh-section .rbh-prj-road{grid-template-columns:minmax(0,1fr);padding-top:0;padding-left:38px;gap:26px} #top .rbh-section .rbh-prj-road::before{top:6px;bottom:6px;left:9px;right:auto;width:2px;height:auto} #top .rbh-section .rbh-prj-road__step::before{top:2px;left:-38px} #top .rbh-section .rbh-prj-topics,#top .rbh-section .rbh-prj-ba{grid-template-columns:minmax(0,1fr)} #top .rbh-section .rbh-prj-bar{grid-template-columns:minmax(0,1fr);gap:6px} } @media only screen and (max-width:767px){ #top .rbh-section .rbh-prj-facts{grid-template-columns:minmax(0,1fr)} #top .rbh-section .rbh-prj-tl__item{grid-template-columns:minmax(0,1fr);gap:8px;padding:24px 0} #top .rbh-section .rbh-prj-tl__year{font-size:24px} #top .rbh-section .rbh-prj-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #top .rbh-section .rbh-prj-chron{max-width:none} #top .rbh-section .rbh-prj-chron__list::before{left:107px} #top .rbh-section .rbh-prj-chron__row{grid-template-columns:72px 12px minmax(0,1fr);padding-left:16px;padding-right:16px} #top .rbh-section .rbh-prj-chron__head,#top .rbh-section .rbh-prj-chron__foot{padding-left:16px;padding-right:16px} #top .rbh-section .rbh-prj-ba__panel{padding:20px} #top .rbh-section .rbh-prj-bars{padding:20px} } #top .rbh-section .rbh-prj-tl__item--photo{grid-template-columns:120px minmax(0,1fr) 220px} #top .rbh-section .rbh-prj-tl__media{display:flex;flex-direction:column;gap:14px} #top .rbh-section .rbh-prj-tl__media figure{margin:0;display:flex;flex-direction:column;gap:6px} #top .rbh-section .rbh-prj-tl__media img{width:100%;max-width:250px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;filter:saturate(.9)} #top .rbh-section .rbh-prj-tl__media figcaption{font-size:13px;line-height:1.4;color:#5d6d86} @media only screen and (max-width:989px){ #top .rbh-section .rbh-prj-tl__item--photo{grid-template-columns:120px minmax(0,1fr)} #top .rbh-section .rbh-prj-tl__media{grid-column:2;flex-direction:row;flex-wrap:wrap} #top .rbh-section .rbh-prj-tl__media figure{width:220px} } @media only screen and (max-width:767px){ #top .rbh-section .rbh-prj-tl__item--photo{grid-template-columns:minmax(0,1fr)} #top .rbh-section .rbh-prj-tl__media{grid-column:auto;gap:12px} #top .rbh-section .rbh-prj-tl__media figure{width:calc(50% - 6px)} } #top .rbh-section .rbh-prj-tl__media img.is-tall{aspect-ratio:3/4} #top .rbh-section .rbh-prj-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #top .rbh-section .rbh-prj-gallery figure{margin:0;display:flex;flex-direction:column;gap:8px} #top .rbh-section .rbh-prj-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block} #top .rbh-section .rbh-prj-gallery figcaption{font-size:14px;line-height:1.45;color:#5d6d86} @media only screen and (max-width:767px){#top .rbh-section .rbh-prj-gallery{grid-template-columns:minmax(0,1fr);gap:16px}} #top .rbh-section .rbh-prj-tl__item[id]{scroll-margin-top:130px} #top .rbh-section .rbh-prj-tl__item:target{background:#f5f8fb;box-shadow:0 0 0 16px #f5f8fb;border-radius:4px} #top .rbh-section .rbh-prj-tl__pre{display:block;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:0;color:#5d6d86;margin-bottom:4px} #top .rbh-section .rbh-prj-chron__row{padding-top:7px;padding-bottom:7px;font-size:14.5px} #top .rbh-section .rbh-prj-chron__row.is-case{padding-top:11px;padding-bottom:11px} #top .rbh-section .rbh-prj-chron__row.is-group{padding-top:9px;padding-bottom:9px} #top .rbh-section .rbh-prj-chron__sep{height:1px;background:#e2e8f0;margin:6px 24px} @media only screen and (max-width:767px){#top .rbh-section .rbh-prj-chron__sep{margin:6px 16px}} #top .rbh-section .rbh-prj-chron__row{padding-top:5px;padding-bottom:5px;font-size:14px;line-height:1.35} #top .rbh-section .rbh-prj-chron__row.is-case{padding-top:10px;padding-bottom:10px} #top .rbh-section .rbh-prj-chron__row.is-group{padding-top:8px;padding-bottom:8px} #top .rbh-section .rbh-prj-chron__sub{padding:12px 24px 4px;font-size:13px;font-weight:600;color:#5d6d86;border-top:1px solid #e2e8f0} #top .rbh-section .rbh-prj-chron__list--all{padding-top:2px} @media only screen and (min-width:990px){ #top .rbh-section .rbh-hero:has(.rbh-prj-chron){grid-template-columns:minmax(0,5fr) minmax(0,7fr)} #top .rbh-section .rbh-prj-chron{max-width:700px} #top .rbh-section .rbh-prj-chron__list--all{columns:2;column-gap:0} #top .rbh-section .rbh-prj-chron__list--all::before{display:none} #top .rbh-section .rbh-prj-chron__list--all li{break-inside:avoid} #top .rbh-section .rbh-prj-chron__list--all .rbh-prj-chron__row{grid-template-columns:76px 12px minmax(0,1fr);padding-left:20px;padding-right:14px} } @media only screen and (max-width:989px){#top .rbh-section .rbh-prj-chron__list--all::before{top:12px}} @media only screen and (min-width:990px){ #top .rbh-section .rbh-prj-tl__item--pair{grid-template-columns:120px minmax(0,1fr) 400px} #top .rbh-section .rbh-prj-tl__item--pair .rbh-prj-tl__media{flex-direction:row;align-items:flex-start} #top .rbh-section .rbh-prj-tl__item--pair .rbh-prj-tl__media figure{flex:1 1 0;min-width:0} } @media (prefers-reduced-motion:no-preference){#top .rbh-section .rbh-prj-chron__row{transition:background-color .15s}} /* === Seite Unser Unternehmen (rbh-ab) === */ #top .rbh-section .rbh-ab-kpi{width:100%;max-width:470px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 40px rgba(15,30,60,.12),0 4px 10px rgba(15,30,60,.05);overflow:hidden} #top .rbh-section .rbh-ab-kpi__head{background:#1565b0;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px;font-weight:700;line-height:1.3} #top .rbh-section .rbh-ab-kpi__head span{font-size:14px;font-weight:400;color:#c7e1fb;white-space:nowrap} #top .rbh-section .rbh-ab-kpi__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0} #top .rbh-section .rbh-ab-kpi__item{padding:22px 24px;border-bottom:1px solid #e2e8f0;min-width:0;margin:0} #top .rbh-section .rbh-ab-kpi__item:nth-child(odd){border-right:1px solid #e2e8f0} #top .rbh-section .rbh-ab-kpi__value{display:block;font-size:34px;line-height:1.1;font-weight:900;color:#1565b0} #top .rbh-section .rbh-ab-kpi__label{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:#5d6d86} #top .rbh-section .rbh-ab-kpi__foot{list-style:none;margin:0;padding:16px 24px 20px;display:grid;gap:10px} #top .rbh-section .rbh-ab-kpi__foot li{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;color:#15233a} #top .rbh-section .rbh-ab-kpi__foot svg{flex:0 0 16px;margin-top:2px;color:#228ae6} #top .rbh-section .rbh-ab-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0} #top .rbh-section .rbh-ab-card--soft{background:#f5f8fb} #top .rbh-section .rbh-ab-card__title{margin:0;font-size:21px;line-height:1.3;font-weight:700;color:#15233a} #top .rbh-section .rbh-ab-card p{margin:0;font-size:15px;line-height:1.55;color:#5d6d86} #top .rbh-section .rbh-ab-link{font-weight:600;font-size:15px;color:#228ae6;text-decoration:none} #top .rbh-section .rbh-ab-link:hover{color:#1565b0} #top .rbh-section .rbh-ab-facts{margin:0;display:grid;gap:0} #top .rbh-section .rbh-ab-facts > div{padding:12px 0;border-bottom:1px solid #eef2f7;min-width:0} #top .rbh-section .rbh-ab-facts > div:first-child{padding-top:0} #top .rbh-section .rbh-ab-facts > div:last-child{padding-bottom:0;border-bottom:0} #top .rbh-section .rbh-ab-facts dt{float:none;width:auto;margin:0 0 3px;padding:0;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5d6d86} #top .rbh-section .rbh-ab-facts dd{float:none;width:auto;margin:0;padding:0;font-size:15.5px;line-height:1.5;color:#15233a;overflow-wrap:anywhere} #top .rbh-section .rbh-ab-facts dd a{color:#1565b0;text-decoration:none} #top .rbh-section .rbh-ab-note{margin:0;font-size:14px;line-height:1.5;color:#5d6d86} #top .rbh-section .rbh-ab-list{list-style:none;margin:0;padding:0;display:grid;gap:12px} #top .rbh-section .rbh-ab-list li{margin:0;display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;color:#15233a;min-width:0} #top .rbh-section .rbh-ab-list svg{flex:0 0 22px;margin-top:0} #top .rbh-section .rbh-ab-list--yes svg{color:#228ae6} #top .rbh-section .rbh-ab-list--no svg{color:#8a97ab} #top .rbh-section .rbh-ab-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 28px;position:relative} #top .rbh-section .rbh-ab-time::before{content:"";position:absolute;left:8px;right:0;top:7px;height:2px;background:#d7e3f1} #top .rbh-section .rbh-ab-time li{margin:0;position:relative;padding-top:36px;min-width:0} #top .rbh-section .rbh-ab-time li::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #228ae6;box-sizing:border-box} #top .rbh-section .rbh-ab-time li.is-now::before{background:#228ae6} #top .rbh-section .rbh-ab-time__year{display:block;margin-bottom:8px;font-size:20px;line-height:1.2;font-weight:800;color:#1565b0} #top .rbh-section .rbh-ab-time__title{display:block;margin-bottom:6px;font-size:16px;line-height:1.35;font-weight:700;color:#15233a} #top .rbh-section .rbh-ab-time__text{display:block;font-size:15px;line-height:1.55;color:#5d6d86} #top .rbh-section .rbh-ab-people{list-style:none;margin:0;padding:0;display:grid;gap:16px} #top .rbh-section .rbh-ab-people li{margin:0;display:flex;align-items:center;gap:14px;min-width:0} #top .rbh-section .rbh-ab-people li > span:last-child{min-width:0;flex:1 1 auto} #top .rbh-section .rbh-ab-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#eaf4fe;color:#1565b0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;letter-spacing:.02em} #top .rbh-section .rbh-ab-people__name{display:block;font-size:16px;line-height:1.35;font-weight:700;color:#15233a} #top .rbh-section .rbh-ab-people__role{display:block;font-size:14px;line-height:1.4;color:#5d6d86} #top .rbh-section .rbh-ab-faq{max-width:900px;border-top:1px solid #dbe4ef} #top .rbh-section .rbh-ab-faq details{border-bottom:1px solid #dbe4ef;margin:0} #top .rbh-section .rbh-ab-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:17px;line-height:1.4;font-weight:600;color:#15233a} #top .rbh-section .rbh-ab-faq summary::-webkit-details-marker{display:none} #top .rbh-section .rbh-ab-faq summary::after{content:"+";flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eaf4fe;color:#1565b0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;line-height:1} #top .rbh-section .rbh-ab-faq details[open] summary::after{content:"\2212"} #top .rbh-section .rbh-ab-faq details p{margin:0 0 20px;padding-right:48px;font-size:15.5px;line-height:1.6;color:#5d6d86} #top .rbh-section .rbh-ab-white .rbh-tech-card{background:#fff} #top .rbh-section .rbh-ab-kpi__item{display:flex;flex-direction:column-reverse;justify-content:flex-end} #top .rbh-section .rbh-ab-kpi__item dt,#top .rbh-section .rbh-ab-kpi__item dd{float:none;width:auto;margin:0;padding:0} #top .rbh-section .rbh-ab-kpi__item .rbh-ab-kpi__label{margin-top:6px} #top .rbh-section .rbh-ab-nw{white-space:nowrap} #top .rbh-section .rbh-ab-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} @media only screen and (max-width:767px){#top .rbh-section .rbh-ab-grid-2{grid-template-columns:minmax(0,1fr)}} @media only screen and (max-width:989px){ #top .rbh-section .rbh-ab-time{grid-template-columns:minmax(0,1fr);gap:26px 0;padding-left:34px} #top .rbh-section .rbh-ab-time::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto} #top .rbh-section .rbh-ab-time li{padding-top:0} #top .rbh-section .rbh-ab-time li::before{left:-34px;top:3px} } @media only screen and (max-width:529px){ #top .rbh-section .rbh-ab-kpi__item{padding:18px 16px} #top .rbh-section .rbh-ab-kpi__value{font-size:28px} #top .rbh-section .rbh-ab-card{padding:22px} #top .rbh-section .rbh-ab-faq details p{padding-right:0} } @media only screen and (max-width:989px){#top .rbh-section .rbh-grid-3:has(> .rbh-ab-card){grid-template-columns:minmax(0,1fr)}} /* === Block-Editor Vorschau: wirkt nur im Editor (.editor-styles-wrapper), Schrift wird im Frontend nicht geladen === */ @font-face{font-family:"RebeIT Roboto";font-style:normal;font-weight:300;font-display:swap;src:url("/wp-content/uploads/avia_fonts/roboto/roboto-light.ttf") format("truetype")} @font-face{font-family:"RebeIT Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/uploads/avia_fonts/roboto/roboto-regular.ttf") format("truetype")} @font-face{font-family:"RebeIT Roboto";font-style:italic;font-weight:400;font-display:swap;src:url("/wp-content/uploads/avia_fonts/roboto/roboto-italic.ttf") format("truetype")} @font-face{font-family:"RebeIT Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("/wp-content/uploads/avia_fonts/roboto/roboto-medium.ttf") format("truetype")} @font-face{font-family:"RebeIT Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("/wp-content/uploads/avia_fonts/roboto/roboto-bold.ttf") format("truetype")} @font-face{font-family:"RebeIT Roboto";font-style:normal;font-weight:900;font-display:swap;src:url("/wp-content/uploads/avia_fonts/roboto/roboto-black.ttf") format("truetype")} html .editor-styles-wrapper{font-family:"RebeIT Roboto",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65em} .editor-styles-wrapper.block-editor-iframe__body{overflow-x:hidden} html .editor-styles-wrapper .is-root-container{padding-left:50px;padding-right:50px;box-sizing:border-box} html .editor-styles-wrapper .editor-visual-editor__post-title-wrapper{max-width:1210px;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px;box-sizing:content-box} @media only screen and (max-width:767px){html .editor-styles-wrapper .is-root-container{padding-left:25px;padding-right:25px}} /* === Startseite Smartphone: Ueberwachungskarte und Leistungspaket ohne Ueberlauf === */ @media only screen and (max-width:529px){#top .rbh-section .rbh-monitor__head,#top .rbh-section .rbh-monitor__list,#top .rbh-section .rbh-monitor__foot{padding-left:18px;padding-right:18px}#top .rbh-section .rbh-monitor__row{gap:12px}#top .rbh-section .rbh-package__steps{grid-template-columns:minmax(0,1fr);row-gap:14px}#top .rbh-section .rbh-package__item{flex-direction:row;align-items:center;text-align:left;gap:14px}#top .rbh-section .rbh-package__label{text-align:left}#top .rbh-section .rbh-package__icon{flex:0 0 auto}#top .rbh-section .rbh-line--package{display:none}} /* === Startseite Tablet: Leistungspaket dreispaltig, CTA-Band untereinander === */ @media only screen and (min-width:768px) and (max-width:1199px){#top .rbh-section .rbh-package__steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px}#top .rbh-section .rbh-line--package{display:none}} @media only screen and (max-width:989px){#top .rbh-section .rbh-cta-band{flex-direction:column;align-items:flex-start;gap:20px}} /* === Tablet: Kartenraster ohne Textueberlauf (alle rbh Seiten) === */ @media only screen and (min-width:768px) and (max-width:1199px){#top .rbh-section .rbh-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}} @media only screen and (min-width:768px) and (max-width:989px){#top .rbh-section .rbh-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}#top .rbh-section .rbh-grid-3:has(> :nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}} /* === Projekte Tablet quer: Chronik einspaltig, Wegtitel kleiner === */ @media only screen and (min-width:990px) and (max-width:1199px){#top .rbh-section .rbh-prj-chron__list--all{column-count:1}#top .rbh-section .rbh-prj-road__title{font-size:17px}} /* === Smartphone: sehr lange Woerter (ab 14 Zeichen) trennen statt ueberlaufen === */ @media only screen and (max-width:529px){#top .rbh-section p,#top .rbh-section li,#top .rbh-section dd,#top .rbh-section summary{hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:14 6 6;overflow-wrap:break-word}}