/* RPV Gestaltung – zentrale, updatesichere CSS-Quelle im Gantry-Custom-Bereich.
 * Pflegehierarchie: Joomla-Bordmittel, danach Gantry Particles, zuletzt Custom HTML.
 * Keine Inline-Stile in Beiträgen. Reihenfolge wegen der CSS-Kaskade nicht verändern.
 * Bereinigt am 06.09.2026: 2.258 browseridentische Wiederholungen entfernt; Darstellung unverändert.
 */

@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap");

#g-container-main > .g-container, #g-main > .g-container {
  width: 100% !important; max-width: none !important;
  & #g-navigation .rpv-language-option { display: inline-flex !important; box-sizing: border-box !important; width: 38px !important; height: 42px !important; align-items: center !important; justify-content: center !important; border: 1px solid rgb(0, 106, 179) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; }
  & #g-navigation .rpv-language-option.is-active { background: rgb(0, 106, 179) !important; color: rgb(255, 255, 255) !important; }
  & #g-navigation .rpv-language-option.is-inactive { background: rgb(255, 255, 255) !important; color: rgb(0, 106, 179) !important; }
  & #g-navigation .rpv-language-option.is-inactive:hover, & #g-navigation .rpv-language-option.is-inactive:focus-visible { background: rgb(243, 246, 248) !important; }
  @media (min-width: 961px) {
  & #g-navigation .jl-navbar-nav > li.rpv-language-contact { display: flex !important; width: auto !important; min-width: max-content !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; }
  & #g-navigation .jl-navbar-nav > li.rpv-language-contact > .rpv-language-switcher, & #g-navigation .jl-navbar-nav > li.rpv-language-contact > a { flex: 0 0 auto !important; }
}
  @media (max-width: 960px) {
  & #g-navigation .rpv-language-switcher--mobile { display: inline-flex !important; margin-left: auto !important; margin-right: 10px !important; }
  & #g-navigation .rpv-language-switcher--mobile .rpv-language-option { width: 34px !important; height: 36px !important; }
}
  & #g-footer { background: rgb(7, 31, 53); color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
  & #g-footer .g-content { margin: 0px; padding-top: 0px; padding-bottom: 0px; }
  & .rpv-fussbereich { display: grid; grid-template-columns: minmax(18rem, 1.5fr) minmax(10rem, 1fr) minmax(10rem, 1fr); gap: clamp(2rem, 5vw, 5rem); padding: clamp(2.75rem, 5vw, 4.5rem) 0px clamp(2.25rem, 4vw, 3.5rem); }
  & .rpv-fussbereich__spalte h2 { margin: 0px 0px 1.15rem; color: rgb(255, 255, 255); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.09em; line-height: 1.3; text-transform: uppercase; }
  & .rpv-fussbereich__spalte p, & .rpv-fussbereich__spalte li { margin: 0px; color: rgb(220, 231, 240); font-size: 0.95rem; line-height: 1.7; }
  & .rpv-fussbereich__spalte p + p { margin-top: 0.85rem; }
  & .rpv-fussbereich__spalte ul { margin: 0px; padding: 0px; list-style: none; }
  & .rpv-fussbereich__spalte li + li { margin-top: 0.42rem; }
  & .rpv-fussbereich a { color: rgb(255, 255, 255); text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
  & .rpv-fussbereich a:hover, & .rpv-fussbereich a:focus-visible { color: rgb(118, 198, 241); }
  & .rpv-fussbereich a:focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: 4px; }
  & .rpv-template-legal #g-container-main, & .rpv-template-legal #g-main { background: rgb(243, 246, 248); }
  & .rpv-template-legal #g-main-mainbody, & .rpv-template-legal main { padding: clamp(2.5rem, 6vw, 5.5rem) 1.25rem clamp(4rem, 7vw, 7rem); }
  & .rpv-template-legal #g-main-mainbody .item-page, & .rpv-template-legal main .item-page { position: relative; max-width: 68rem; margin-inline: auto; padding: clamp(2.25rem, 5vw, 4.5rem) clamp(1.5rem, 6vw, 5.5rem) clamp(3rem, 6vw, 5.5rem); overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(220, 228, 234); border-radius: 1rem; box-shadow: rgba(7, 31, 53, 0.08) 0px 1.25rem 3.5rem; }
  & .rpv-template-legal #g-main-mainbody .item-page::after, & .rpv-template-legal main .item-page::after { content: ""; position: absolute; inset: 0px 0px auto; height: 0.45rem; background: linear-gradient(90deg, rgb(0, 106, 179) 0px, rgb(0, 106, 179) 72%, rgb(255, 221, 0) 72%, rgb(255, 221, 0) 100%); }
  & .rpv-template-legal .item-page h1, & .rpv-template-legal .item-page .page-header h2 { margin: 0px 0px clamp(2rem, 4vw, 3rem); padding-bottom: clamp(1.5rem, 3vw, 2.25rem); color: rgb(7, 31, 53); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; border-bottom: 1px solid rgb(220, 228, 234); }
  & .rpv-template-legal .item-page h2, & .rpv-template-legal .item-page h3 { margin: 2.5rem 0px 1rem; color: rgb(7, 31, 53); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.3; }
  & .rpv-template-legal .item-page p, & .rpv-template-legal .item-page li { max-width: 54rem; color: rgb(38, 55, 70); font-size: 1rem; line-height: 1.8; }
  & .rpv-template-legal .item-page p { margin: 0px 0px 1.35rem; }
  & .rpv-template-legal .item-page p:has(> strong:first-child) { margin-top: 2.25rem; padding: 1.1rem 1.25rem 1.15rem; background: rgb(243, 246, 248); border-left: 0.28rem solid rgb(0, 106, 179); border-radius: 0px 0.5rem 0.5rem 0px; }
  & .rpv-template-legal .item-page strong { color: rgb(7, 31, 53); font-family: Sora, Arial, sans-serif; font-weight: 700; }
  & .rpv-template-legal .item-page a { color: rgb(0, 106, 179); font-weight: 600; text-decoration: underline 1px; text-underline-offset: 0.2em; }
  & .rpv-template-legal .item-page a:hover, & .rpv-template-legal .item-page a:focus-visible { color: rgb(7, 31, 53); }
  & .rpv-template-legal .item-page ul, & .rpv-template-legal .item-page ol { max-width: 54rem; margin: 1.25rem 0px 1.75rem; padding-left: 1.4rem; }
  & .rpv-template-legal .item-page li + li { margin-top: 0.65rem; }
  & .rpv-template-legal #g-container-main .jl-container > .g-grid > .g-block.size-33 { display: none !important; }
  & .rpv-template-legal #g-container-main .jl-container > .g-grid > .g-block.size-67 { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
  & .rpv-template-legal .rpv-rechtstitel { margin: 0px 0px clamp(2rem, 4vw, 3rem); padding-bottom: clamp(1.5rem, 3vw, 2.25rem); color: rgb(7, 31, 53); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; border-bottom: 1px solid rgb(220, 228, 234); }
  & .rpv-template-legal .rpv-rechtstitel::before { content: "RPV / RECHTLICHES"; display: block; margin-bottom: 0.8rem; color: rgb(0, 106, 179); font-family: Sora, Arial, sans-serif; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.3; text-transform: uppercase; }
  & html[lang^="en"] .rpv-template-legal .rpv-rechtstitel::before { content: "RPV / LEGAL"; }
  @media (max-width: 760px) {
  & .rpv-fussbereich { grid-template-columns: 1fr; gap: 0px; padding-block: 2.25rem; }
  & .rpv-fussbereich__spalte + .rpv-fussbereich__spalte { margin-top: 1.75rem; padding-top: 1.75rem; border-top: 1px solid rgba(255, 255, 255, 0.16); }
  & .rpv-fussbereich__spalte h2 { margin-bottom: 0.85rem; }
  & .rpv-template-legal #g-main-mainbody .item-page, & .rpv-template-legal main .item-page { padding: 2.25rem 1.25rem 3rem; border-radius: 0.75rem; box-shadow: rgba(7, 31, 53, 0.07) 0px 0.75rem 2rem; }
  & .rpv-template-legal #g-main-mainbody, & .rpv-template-legal main { padding: 1rem 0.75rem 3rem; }
  & .rpv-template-legal .item-page p, & .rpv-template-legal .item-page li { font-size: 0.97rem; line-height: 1.72; }
  & .rpv-template-legal .item-page p:has(> strong:first-child) { margin-top: 1.75rem; padding: 1rem; }
}
  @media (min-width: 961px) {
  & #g-navigation .jl-navbar-nav > li:has(> .rpv-language-switcher) { display: flex !important; width: auto !important; min-width: max-content !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; }
  & #g-navigation .jl-navbar-nav > li:has(> .rpv-language-switcher) > .rpv-language-switcher, & #g-navigation .jl-navbar-nav > li:has(> .rpv-language-switcher) > a { flex: 0 0 auto !important; }
}
  padding: 0px !important;
}

body.rpv-contact-page #g-mainbar .col > #userForm { display: grid !important; grid-template-columns: minmax(0px, 2fr) minmax(280px, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 40px !important; align-items: start !important; grid-area: 2 / 1 / auto / -1 !important; box-sizing: border-box !important; width: min(1240px, 100%) !important; margin: 0px auto 64px !important; padding: 32px 32px 48px !important; }

body.rpv-contact-page #userForm::before, body.rpv-contact-page #userForm::after { display: none !important; content: none !important; }

body.rpv-contact-page #userForm > h2 { display: block !important; grid-area: 1 / 1 !important; margin: 0px 0px 18px !important; color: rgb(11, 31, 51) !important; font: 600 24px / 1.25 Sora, Arial, sans-serif !important; }

body.rpv-contact-page #userForm > .formContainer { grid-area: 2 / 1 !important; }

body.rpv-contact-page #userForm > .rpv-contact-aside { grid-area: 1 / 2 / 3 !important; box-sizing: border-box !important; min-height: 286px !important; padding: 32px !important; border-radius: 10px !important; background: rgb(8, 36, 59) !important; color: rgb(255, 255, 255) !important; }

body.rpv-contact-page .rpv-contact-aside h2 { margin: 0px 0px 30px !important; color: rgb(255, 213, 0) !important; font: 600 22px / 1.25 Sora, Arial, sans-serif !important; }

body.rpv-contact-page .rpv-contact-aside p { margin: 0px 0px 20px !important; color: rgb(255, 255, 255) !important; font: 400 14px / 1.65 Inter, Arial, sans-serif !important; }

body.rpv-contact-page .rpv-contact-aside a { color: rgb(255, 255, 255) !important; text-decoration: underline !important; }

body.rpv-contact-page #userForm .formContainer > .row > .col-md-12 { display: block !important; }

body.rpv-contact-page #userForm .rsform-block { display: block !important; width: 100% !important; margin: 0px 0px 14px !important; }

body.rpv-contact-page #userForm .formControlLabel, body.rpv-contact-page #userForm .formControls { display: block !important; width: 100% !important; max-width: none !important; padding: 0px !important; }

body.rpv-contact-page #userForm .formControlLabel { margin: 0px 0px 6px !important; color: rgb(11, 31, 51) !important; font: 600 13px / 1.4 Inter, Arial, sans-serif !important; }

body.rpv-contact-page #userForm .form-control { width: 100% !important; min-height: 46px !important; border: 1px solid rgb(204, 216, 225) !important; border-radius: 6px !important; }

body.rpv-contact-page #userForm textarea.form-control { min-height: 112px !important; }

body.rpv-contact-page #userForm .rsform-block-datenschutz { margin: 20px 0px !important; padding: 16px !important; border-radius: 8px !important; background: rgb(243, 246, 248) !important; }

body.rpv-contact-page #userForm .rsform-block-datenschutz .form-check-label { font-size: 12px !important; line-height: 1.45 !important; }

body.rpv-contact-page #userForm .rsform-block-senden > .formControlLabel { display: none !important; }

body.rpv-contact-page #userForm .rsform-block-senden .btn-primary { width: 100% !important; min-height: 48px !important; }

@media (max-width: 960px) {
  body.rpv-contact-page #g-mainbar .platform-content.container > .row > .col { display: flex !important; width: 100% !important; max-width: none !important; flex-direction: column !important; }
  body.rpv-contact-page #g-mainbar .col > .rpv-route-visual { order: 1 !important; width: 100% !important; height: 210px !important; }
  body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { height: 210px !important; }
  body.rpv-contact-page #g-mainbar .col > h1 { order: 2 !important; width: 100% !important; height: auto !important; min-height: 220px !important; padding: 26px 20px 30px !important; font-size: 28px !important; line-height: 34px !important; }
  body.rpv-contact-page .rpv-contact-hero-cta { width: 100% !important; min-width: 0px !important; margin-top: 18px !important; }
  body.rpv-contact-page #g-mainbar .col > #userForm { order: 3 !important; display: block !important; width: 100% !important; margin: 0px !important; padding: 28px 20px 48px !important; }
  body.rpv-contact-page #userForm > h2 { margin-bottom: 18px !important; font-size: 22px !important; }
  body.rpv-contact-page #userForm > .rpv-contact-aside { display: none !important; }
  body.rpv-contact-page #userForm textarea.form-control { min-height: 100px !important; }
}

.rpv-section--dark .rpv-eyebrow, .rpv-dark-cta .rpv-eyebrow, .rpv-cta-dark .rpv-eyebrow { color: rgb(115, 207, 255) !important; }

.rpv-section--dark .rpv-card, .rpv-section--dark .rpv-step, .rpv-section--dark .rpv-process-card { background: rgb(255, 255, 255) !important; color: rgb(11, 31, 51) !important; }

.rpv-section--dark .rpv-card h3, .rpv-section--dark .rpv-step h3, .rpv-section--dark .rpv-process-card h3 { color: rgb(11, 31, 51) !important; }

.rpv-section--dark .rpv-card p, .rpv-section--dark .rpv-step p, .rpv-section--dark .rpv-process-card p { color: rgb(83, 100, 119) !important; }

html body.rpv-contact-page #g-mainbar .platform-content.container > .row > .col { display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; }

html body.rpv-contact-page #g-mainbar .col > h1 { height: 310px !important; min-height: 310px !important; padding: 34px 44px !important; font-size: 34px !important; line-height: 40px !important; }

html body.rpv-contact-page #g-mainbar .col > h1::before { content: "RPV / Kontakt & Projektanfrage" !important; font-size: 11px !important; line-height: 1.3 !important; }

html body.rpv-contact-page #g-mainbar .col > h1::after { display: none !important; content: none !important; }

html body.rpv-contact-page #g-mainbar .col > .rpv-route-visual, html body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { height: 310px !important; }

html body.rpv-template-process #g-mainbar .rpv-section .rpv-cardgrid > article, html body.rpv-template-process #g-mainbar .rpv-section .rpv-cardgrid > div { background: rgb(255, 255, 255) !important; color: rgb(11, 31, 51) !important; }

html body.rpv-template-process #g-mainbar .rpv-section .rpv-cardgrid h3 { color: rgb(11, 31, 51) !important; }

html body.rpv-template-process #g-mainbar .rpv-section .rpv-cardgrid p { color: rgb(83, 100, 119) !important; }

@media (max-width: 960px) {
  html body.rpv-contact-page #g-mainbar .platform-content.container > .row > .col { display: flex !important; flex-direction: column !important; }
  html body.rpv-contact-page #g-mainbar .col > h1 { height: auto !important; min-height: 220px !important; padding: 26px 20px 30px !important; font-size: 28px !important; line-height: 34px !important; }
  html body.rpv-contact-page #g-mainbar .col > .rpv-route-visual, html body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { height: 210px !important; }
}

body.com_rsform .platform-content.container > .row > .col > h1 { width: min(1240px, 100% - 40px); margin: 0px auto; padding-top: 64px; font-size: 56px; line-height: 62px; }

@media (max-width: 760px) {
  body.com_rsform .platform-content.container > .row > .col > h1 { padding-top: 40px; font-size: 36px; line-height: 42px; }
}

.com_rsform .page-header { width: min(1240px, 100% - 40px); margin: 0px auto; padding-top: 64px; }

.com_rsform .page-header h1 { margin: 0px; font-size: 56px; line-height: 62px; }

#userForm { padding-top: 24px; }

#userForm > h2 { display: none !important; }

@media (max-width: 760px) {
  .com_rsform .page-header { padding-top: 40px; }
  .com_rsform .page-header h1 { font-size: 36px; line-height: 42px; }
}

html[lang^="en"] .tm-description { font-size: 0px !important; }

html[lang^="en"] .tm-description::after { content: "Paper converting · Private label · A3 & A4"; line-height: 1.55; font-size: 16px !important; }

:root { --rpv-blue: #006AB3; --rpv-navy: #0B1F33; --rpv-graphite: #181818; --rpv-light: #F3F6F8; --rpv-yellow: #FFDD00; --rpv-steel: #3A6F8F; --rpv-eco: #8EAD31; --rpv-line: #DCE4EA; --rpv-max: 1240px; }

html { scroll-behavior: smooth; }

body { margin: 0px; color: rgb(24, 24, 24); background: rgb(255, 255, 255); font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.55; }

body, button, input, select, textarea { font-family: Inter, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6, .rpv-heading { color: rgb(11, 31, 51); font-family: Sora, Arial, sans-serif; font-weight: 600; letter-spacing: -0.025em; }

a { color: inherit; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: rgb(255, 221, 0) solid 3px; outline-offset: 3px; }

#g-container-main, #g-main { margin: 0px !important; padding: 0px !important; }

#g-container-main > .g-container, #g-main > .g-container { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; }

.g-container { width: min(var(--rpv-max), calc(100% - 40px)); }

#g-top, #g-slideshow, #g-header, #g-above, #g-feature, #g-showcase, #g-expanded, #g-extension, #g-bottom, #g-below { background: rgb(255, 255, 255); color: rgb(24, 24, 24); display: none !important; }

#g-utility { background: rgb(255, 255, 255); padding: 0px; }

#g-utility .g-container { width: 100%; max-width: none; }

#g-utility .g-grid { display: block; }

#g-utility .g-block { width: 100% !important; max-width: none; }

#g-utility .g-content { margin: 0px; padding: 0px; }

#g-utility .g-block:not(:has(main)):not(:has(.item-page)):not(:has(.blog)) { display: none; }

.platform-content, .item-page, .blog { margin: 0px; padding: 0px; }

.item-page .page-header, .item-page > .icons, .item-page > dl.article-info { display: none !important; }

#g-container-main #g-sidebar { display: none !important; }

#g-container-main > .jl-container { width: 100%; max-width: none; padding: 0px; }

#g-navigation .jl-navbar-nav a i.fas { display: none !important; }

.rpv-subhero__art { background: linear-gradient(145deg, transparent 0px, transparent 17%, rgba(255, 255, 255, 0.94) 17%, rgba(255, 255, 255, 0.94) 30%, transparent 30%, transparent 100%), linear-gradient(145deg, transparent 0px, transparent 40%, rgba(243, 246, 248, 0.82) 40%, rgba(243, 246, 248, 0.82) 54%, transparent 54%, transparent 100%), linear-gradient(145deg, transparent 0px, transparent 63%, rgba(187, 189, 190, 0.55) 63%, rgba(187, 189, 190, 0.55) 77%, transparent 77%, transparent 100%), linear-gradient(145deg, rgb(11, 31, 51) 0%, rgb(18, 56, 86) 55%, rgb(0, 106, 179) 100%); }

.rpv-subhero__art { position: relative; min-height: 420px; overflow: hidden; background: linear-gradient(145deg, rgb(11, 31, 51) 0%, rgb(18, 56, 86) 55%, rgb(0, 106, 179) 100%); }

.rpv-subhero__art span { position: absolute; left: 14%; width: 78%; height: 24%; background: rgb(255, 255, 255); box-shadow: rgba(11, 31, 51, 0.28) 0px 18px 40px; clip-path: polygon(0px 0px, 92% 0px, 100% 50%, 92% 100%, 0px 100%, 8% 50%); }

.rpv-subhero__art span:nth-child(1) { top: 18%; opacity: 0.98; }

.rpv-subhero__art span:nth-child(2) { top: 39%; left: 9%; opacity: 0.86; }

.rpv-subhero__art span:nth-child(3) { top: 60%; left: 18%; opacity: 0.72; }

@media (max-width: 767px) {
  .rpv-subhero__art { min-height: 220px; }
  .rpv-subhero__art span { height: 26%; }
}

#g-navigation .jl-navbar-nav > li > a > i { display: none !important; }

#g-container-main > .jl-container > .g-grid > .g-block { max-width: none; flex-basis: 100%; width: 100% !important; }

#g-mainbar .g-content, #g-mainbar .platform-content.container { width: 100%; max-width: none; margin: 0px; padding: 0px; }

#g-navigation { position: sticky; z-index: 1000; top: 0px; min-height: 78px; padding: 0px; color: rgb(11, 31, 51); border-bottom: 1px solid rgb(230, 236, 241); box-shadow: none; background: rgb(255, 255, 255) !important; }

#g-navigation .jl-navbar-container, #g-navigation .jl-navbar { background: rgb(255, 255, 255) !important; }

#g-navigation .jl-navbar-nav > li > a { color: rgb(11, 31, 51) !important; }

#g-navigation .jl-navbar-nav > li.jl-active > a, #g-navigation .jl-navbar-nav > li > a:hover { color: rgb(0, 106, 179) !important; }

#g-navigation img[src*="Top_Logo_Light"] { content: url("/images/_system/Top_Logo.png"); }

#g-navigation .jl-logo { min-width: 250px; align-items: center; display: flex !important; color: rgb(11, 31, 51) !important; text-transform: none !important; }

#g-navigation .jl-logo img { object-fit: cover; object-position: left center; width: 62px !important; height: 68px !important; }

#g-navigation .jl-logo::after { margin-left: 10px; color: rgb(24, 24, 24); content: "Reuling Papier\a Verarbeitungs GmbH"; font-family: Inter, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.08; white-space: pre; }

#g-navigation .g-container { min-height: 78px; }

#g-navigation .g-content { margin: 0px; padding: 0px; }

#g-navigation .uk-navbar-container, #g-navigation .g-main-nav { background: rgb(255, 255, 255) !important; }

#g-navigation .uk-navbar { min-height: 78px; }

#g-navigation .uk-logo img, #g-navigation img.g-logo { width: 250px; height: 80px; object-fit: contain; }

#g-navigation .uk-navbar-nav > li > a, #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { min-height: 78px; padding: 0px 15px; font-size: 14px; font-weight: 700; text-transform: none; color: rgb(11, 31, 51) !important; }

#g-navigation .uk-navbar-nav > li.uk-active > a, #g-navigation .uk-navbar-nav > li > a:hover, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container { color: rgb(0, 106, 179) !important; }

#g-navigation .uk-navbar-dropdown, #g-navigation .g-main-nav .g-dropdown { padding: 16px; background: rgb(255, 255, 255); border-top: 3px solid rgb(0, 106, 179); border-radius: 0px 0px 12px 12px; box-shadow: rgba(11, 31, 51, 0.14) 0px 16px 38px; }

#g-navigation .uk-navbar-dropdown a { color: rgb(11, 31, 51); font-weight: 600; }

.rpv-wrap { width: min(var(--rpv-max), calc(100% - 40px)); margin-inline: auto; }

.rpv-eyebrow { display: block; margin-bottom: 12px; color: rgb(0, 106, 179); font-size: 12px; font-weight: 800; letter-spacing: 0.065em; text-transform: uppercase; }

.rpv-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0px 24px; background: rgb(0, 106, 179); border: 1px solid rgb(0, 106, 179); border-radius: 4px; font-size: 14px; font-weight: 800; color: rgb(255, 255, 255) !important; text-decoration: none !important; }

.rpv-button:hover { background: rgb(0, 85, 143); border-color: rgb(0, 85, 143); color: rgb(255, 255, 255) !important; }

.rpv-button--outline { background: rgb(255, 255, 255); color: rgb(0, 106, 179) !important; }

.rpv-hero { position: relative; min-height: 440px; overflow: hidden; background: rgb(243, 246, 248); }

.rpv-hero__grid { display: grid; min-height: 440px; grid-template-columns: 58% 42%; }

.rpv-hero__copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 64px max(20px, -620px + 50vw); }

.rpv-hero__copy::after { position: absolute; z-index: -1; top: 0px; right: -88px; width: 176px; height: 100%; background: rgb(255, 255, 255); clip-path: polygon(0px 0px, 50% 0px, 100% 50%, 50% 100%, 0px 100%, 50% 50%); content: ""; }

.rpv-hero__copy h1 { max-width: 660px; margin: 0px 0px 20px; font-size: 56px; line-height: 1.107; }

.rpv-hero__copy p { max-width: 650px; margin: 0px 0px 28px; color: rgb(67, 83, 101); font-size: 18px; }

.rpv-hero__media img { width: 100%; height: 100%; min-height: 440px; object-fit: cover; }

.rpv-actions { display: flex; gap: 16px; flex-wrap: wrap; }

.rpv-trust { background: rgb(255, 255, 255); border-block: 1px solid rgb(220, 228, 234); }

.rpv-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); }

.rpv-trust__item { min-height: 96px; padding: 20px 24px; border-right: 1px solid rgb(220, 228, 234); }

.rpv-trust__item:last-child { border-right: 0px; }

.rpv-trust__item strong { display: block; color: rgb(11, 31, 51); font-size: 15px; }

.rpv-trust__item span { color: rgb(99, 113, 132); font-size: 12px; }

.rpv-section { padding: 80px 0px; }

.rpv-section--light { background: rgb(243, 246, 248); }

.rpv-section--navy { color: rgb(255, 255, 255); background: rgb(11, 31, 51); }

.rpv-section h2 { margin: 0px 0px 22px; font-size: 40px; line-height: 1.15; }

.rpv-section--navy h2, .rpv-section--navy h3 { color: rgb(255, 255, 255); }

.rpv-lead { max-width: 760px; color: rgb(83, 100, 119); font-size: 19px; }

.rpv-split { display: grid; align-items: center; gap: 56px; grid-template-columns: 1fr 1fr; }

.rpv-split img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; }

.rpv-process { display: grid; margin-top: 36px; grid-template-columns: repeat(6, 1fr); }

.rpv-process__item { position: relative; padding: 0px 16px; text-align: center; border-right: 1px solid rgb(220, 228, 234); }

.rpv-process__item:last-child { border-right: 0px; }

.rpv-process__no { display: grid; width: 30px; height: 30px; margin: 0px auto 12px; place-items: center; color: rgb(255, 255, 255); background: rgb(0, 106, 179); border-radius: 50%; font-size: 12px; font-weight: 800; }

#g-navigation .jl-navbar { min-height: 78px !important; align-items: center !important; }

#g-navigation .jl-navbar-nav { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0px !important; }

#g-navigation .jl-navbar-nav > li { flex: 0 0 auto !important; }

#g-navigation .jl-navbar-nav > li > a { min-height: 78px !important; padding: 0px 9px !important; font-size: 13px !important; line-height: 1.15 !important; white-space: nowrap !important; }

#g-navigation .jl-logo { min-width: 238px !important; }

#g-navigation .jl-logo::after { font-size: 15px !important; }

.rpv-process__item strong { display: block; color: rgb(11, 31, 51); font-size: 14px; }

.rpv-card-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); }

.rpv-card { overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(220, 228, 234); border-radius: 12px; box-shadow: rgba(11, 31, 51, 0.08) 0px 8px 24px; }

.rpv-card::before { display: block; height: 4px; background: rgb(11, 31, 51); content: ""; }

.rpv-card:first-child::before { background: rgb(0, 106, 179); }

.rpv-card img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }

.rpv-card__body { padding: 24px; }

.rpv-card h3 { margin: 0px 0px 10px; font-size: 20px; }

@media (min-width: 961px) {
  #g-navigation .jl-navbar-nav > li:last-child > a { min-height: 40px; border-radius: 6px; background: rgb(0, 106, 179); font-weight: 700; padding: 0px 18px !important; color: rgb(255, 255, 255) !important; }
  #g-navigation .jl-navbar-nav > li:last-child > a:hover, #g-navigation .jl-navbar-nav > li:last-child > a:focus { background: rgb(11, 31, 51); }
}

.rpv-card p { margin: 0px 0px 16px; color: rgb(95, 111, 128); }

.rpv-link { font-size: 14px; font-weight: 800; text-decoration: underline 1px; text-underline-offset: 3px; color: rgb(0, 106, 179) !important; }

#userForm { width: min(1240px, 100% - 40px); margin: 0px auto; padding: 64px 0px 80px; color: rgb(24, 24, 24); font-family: Inter, Arial, sans-serif; }

#userForm { display: flex; flex-direction: column; }

#userForm > h2 { order: 0; }

@media (min-width: 961px) {
  #userForm::before { order: 1; }
  #userForm > .formContainer { order: 2; }
  #userForm > input[type="hidden"] { order: 3; }
  #userForm > h2 { margin: 0px 0px 24px; color: rgb(11, 31, 51); font-family: Sora, Arial, sans-serif; font-size: 48px; line-height: 1.12; }
  #userForm::before { display: block; margin: 0px 0px 40px; padding: 28px 32px; color: rgb(220, 232, 242); background: rgb(11, 31, 51); border-radius: 12px; white-space: pre-line; content: "Papierprojekt, Private Label oder Lieferkonzept? Sprechen Sie mit RPV.\a \a Reuling Papier Verarbeitungs GmbH\a Max-Planck-Straße 3 · 46446 Emmerich am Rhein\a Postfach 10 07 17 · 46427 Emmerich am Rhein"; font-size: 17px; line-height: 1.55; }
  #userForm .formContainer > .row { margin: 0px !important; }
  #userForm .formContainer > .row > .col-md-12 { display: grid; gap: 22px 24px; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 0px !important; }
  #userForm .rsform-block { display: block !important; margin: 0px !important; padding: 0px !important; }
  #userForm .rsform-block-nachricht, #userForm .rsform-block-datenschutz, #userForm .rsform-block-sicherheit, #userForm .rsform-block-senden { grid-column: 1 / -1; }
  #userForm .rsform-block > [class*="col-"] { width: 100% !important; max-width: none !important; padding: 0px !important; }
  #userForm label, #userForm .formControlLabel { display: block; margin: 0px 0px 8px; color: rgb(11, 31, 51); font-size: 14px; font-weight: 800; }
  #userForm input[type="text"], #userForm input[type="email"], #userForm textarea { min-height: 48px; padding: 12px 14px; color: rgb(24, 24, 24); background: rgb(255, 255, 255); border: 1px solid rgb(188, 201, 211); border-radius: 4px; box-shadow: none; width: 100% !important; }
  #userForm textarea { min-height: 160px; resize: vertical; }
  #userForm .rsform-block-datenschutz { background: rgb(243, 246, 248); border-radius: 12px; padding: 20px !important; }
  #userForm button[type="submit"], #userForm input[type="submit"] { min-height: 48px; padding: 0px 24px; color: rgb(255, 255, 255); background: rgb(0, 106, 179); border: 1px solid rgb(0, 106, 179); border-radius: 4px; font-weight: 800; }
}

@media (max-width: 760px) {
  #userForm { width: calc(100% - 40px); padding: 40px 0px 56px; }
  #userForm > h2 { font-size: 36px; }
  #userForm::before { padding: 24px 20px; font-size: 15px; }
  #userForm .formContainer > .row > .col-md-12 { grid-template-columns: 1fr; }
  #userForm .rsform-block { grid-column: 1 / -1; }
}

.rpv-dark-cta { padding: 40px; color: rgb(255, 255, 255); background: rgb(11, 31, 51); border-radius: 12px; }

.rpv-dark-cta h2 { color: rgb(255, 255, 255); font-size: 28px; }

.rpv-dark-cta p { max-width: 760px; }

.rpv-subhero { background: rgb(243, 246, 248); }

.rpv-subhero__grid { display: grid; min-height: 300px; grid-template-columns: 58% 42%; }

.rpv-subhero__copy { display: flex; flex-direction: column; justify-content: center; padding: 48px 48px 48px max(20px, -620px + 50vw); }

.rpv-subhero__copy h1 { margin: 0px 0px 18px; font-size: 48px; line-height: 1.12; }

.rpv-subhero__media img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; }

.rpv-breadcrumb { margin-bottom: 14px; color: rgb(0, 106, 179); font-size: 12px; font-weight: 800; }

.rpv-facts { display: grid; padding: 24px 0px; gap: 16px; grid-template-columns: repeat(4, 1fr); }

.rpv-fact { min-height: 88px; padding: 18px 20px; background: rgb(243, 246, 248); border: 1px solid rgb(220, 228, 234); border-radius: 12px; }

.rpv-fact strong { display: block; color: rgb(11, 31, 51); font-size: 15px; }

.rpv-fact span { color: rgb(107, 120, 136); font-size: 12px; }

.rpv-checklist { display: grid; margin: 28px 0px; gap: 14px; }

.rpv-check { display: grid; align-items: start; gap: 12px; grid-template-columns: 26px 1fr; }

.rpv-check::before { display: grid; width: 26px; height: 26px; place-items: center; color: rgb(255, 255, 255); background: rgb(0, 106, 179); border-radius: 50%; content: "✓"; font-weight: 800; }

#g-footer, #g-copyright { color: rgb(220, 232, 242); background: rgb(6, 25, 44); }

#g-footer { padding: 32px 0px 12px; }

#g-copyright { padding: 12px 0px 20px; border-top: 1px solid rgba(255, 255, 255, 0.18); }

#g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4 { color: rgb(255, 255, 255); }

#g-footer a, #g-copyright a { color: rgb(220, 232, 242); }

@media (max-width: 960px) {
  #g-navigation { min-height: 64px; }
  #g-navigation .g-container, #g-navigation .uk-navbar { min-height: 64px; }
  #g-navigation .uk-logo img, #g-navigation img.g-logo { width: 150px; height: auto; }
  .rpv-hero__grid, .rpv-subhero__grid { display: flex; flex-direction: column-reverse; }
  .rpv-hero__media img { min-height: 270px; height: 270px; }
  .rpv-subhero__media img { min-height: 220px; height: 220px; }
  .rpv-hero__copy, .rpv-subhero__copy { padding: 32px 20px 40px; }
  .rpv-hero__copy::after { display: none; }
  .rpv-hero__copy h1, .rpv-subhero__copy h1 { margin-bottom: 16px; font-size: 36px; line-height: 1.167; }
  .rpv-hero__copy p { font-size: 16px; }
  .rpv-actions { display: grid; grid-template-columns: 1fr; }
  .rpv-button { width: 100%; }
  .rpv-trust__grid { grid-template-columns: repeat(2, 1fr); }
  .rpv-trust__item { min-height: 84px; padding: 16px 12px; }
  .rpv-trust__item:nth-child(2) { border-right: 0px; }
  .rpv-trust__item:nth-child(-n+2) { border-bottom: 1px solid rgb(220, 228, 234); }
  .rpv-section { padding: 52px 0px; }
  .rpv-section h2 { font-size: 30px; }
  .rpv-split { gap: 28px; grid-template-columns: 1fr; }
  .rpv-process { gap: 0px; grid-template-columns: repeat(2, 1fr); }
  .rpv-process__item { min-height: 104px; padding: 12px; border-bottom: 1px solid rgb(220, 228, 234); }
  .rpv-process__item:nth-child(2n) { border-right: 0px; }
  .rpv-card-grid { grid-template-columns: 1fr; }
  .rpv-card img { aspect-ratio: 16 / 7; }
  .rpv-facts { overflow-x: auto; padding-inline: 20px; margin-inline: -20px; grid-template-columns: repeat(4, minmax(150px, 1fr)); }
  .rpv-dark-cta { padding: 28px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

#g-navigation .jl-logo { min-width: 180px !important; }

#g-navigation .jl-logo img { width: 170px !important; height: auto !important; object-fit: contain !important; object-position: center center !important; }

#g-navigation .jl-logo::after { display: none !important; content: none !important; }

#userForm > h2 { font-size: 56px; line-height: 62px; }

html[lang^="en"] #userForm::before { content: "Paper project, private label or supply concept? Talk to RPV.\a \a Reuling Papier Verarbeitungs GmbH\a Max-Planck-Straße 3 · 46446 Emmerich am Rhein\a Postfach 10 07 17 · 46427 Emmerich am Rhein"; }

html[lang^="en"] #g-footer .tm-description { font-size: 0px; }

html[lang^="en"] #g-footer .tm-description::after { content: "Paper converting · Private label · A3 & A4"; font-size: 16px; line-height: 1.55; }

@media (max-width: 960px) {
  #g-navigation .jl-logo { min-width: 150px !important; }
  #g-navigation .jl-logo img { width: 150px !important; }
}

@media (max-width: 760px) {
  #userForm > h2 { font-size: 36px; line-height: 42px; }
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .rpv-heading { font-family: Sora, Arial, sans-serif !important; font-weight: 600 !important; }

#g-navigation .g-container { width: min(1240px, 100% - 40px) !important; max-width: 1240px !important; margin-inline: auto !important; }

#g-navigation .jl-navbar { width: 100% !important; }

#g-navigation .jl-logo { min-width: 170px !important; }

#g-navigation .jl-logo img { width: 156px !important; }

#g-navigation .jl-navbar-nav > li > a { font-family: Inter, Arial, sans-serif !important; font-weight: 600 !important; }

.rpv-hero, .rpv-subhero { padding: 0px 20px; background: rgb(255, 255, 255); }

.rpv-hero__grid, .rpv-subhero__grid { width: min(1240px, 100%); margin-inline: auto; overflow: hidden; background: rgb(243, 246, 248); }

.rpv-hero__grid { min-height: 380px; grid-template-columns: 58% 42%; }

.rpv-subhero__grid { min-height: 300px; grid-template-columns: 58% 42%; }

.rpv-hero__copy { padding: 48px; }

.rpv-subhero__copy { padding: 40px 48px; }

.rpv-hero__copy::after { display: none !important; content: none !important; }

.rpv-hero__copy h1, .rpv-subhero__copy h1 { max-width: 690px; margin: 0px 0px 18px; font-size: 56px !important; line-height: 62px !important; }

.rpv-hero__copy p, .rpv-subhero__copy p { max-width: 680px; margin: 0px 0px 24px; color: rgb(83, 100, 119); font-size: 16px; line-height: 1.55; }

.rpv-hero__media img { min-height: 380px; }

.rpv-subhero__media img { min-height: 300px; }

.rpv-eyebrow, .rpv-breadcrumb { margin-bottom: 10px; font-size: 11px; line-height: 1.35; letter-spacing: 0.055em; }

.rpv-button { min-height: 48px; padding: 0px 22px; border-radius: 6px; font-size: 13px; }

.rpv-trust { border: 0px; background: rgb(255, 255, 255); }

.rpv-trust__grid { gap: 16px; padding: 24px 0px 16px; }

.rpv-trust__item { min-height: 88px; padding: 18px 20px; border-radius: 12px; background: rgb(243, 246, 248); border: 1px solid rgb(220, 228, 234) !important; }

.rpv-subhero + .rpv-section { padding: 24px 0px 16px; }

.rpv-facts { gap: 16px; padding: 0px; }

.rpv-section { padding: 56px 0px; }

.rpv-section h2 { margin-bottom: 18px; font-size: 34px; line-height: 1.18; }

.rpv-lead { font-size: 17px; }

.rpv-split { gap: 40px; }

.rpv-card-grid { gap: 16px; }

.rpv-card { box-shadow: none; }

.rpv-card__body { padding: 20px; }

.rpv-card h3 { font-size: 18px; }

.rpv-card p { font-size: 14px; }

.rpv-process { margin-top: 28px; }

.rpv-dark-cta { padding: 28px 32px; }

.rpv-dark-cta h2 { margin-bottom: 12px; font-size: 24px; }

@media (max-width: 960px) {
  #g-navigation .g-container { width: calc(100% - 40px) !important; }
  #g-navigation .jl-logo { min-width: 120px !important; }
  #g-navigation .jl-logo img { width: 120px !important; }
  .rpv-hero, .rpv-subhero { padding: 0px; }
  .rpv-hero__grid, .rpv-subhero__grid { width: 100%; }
  .rpv-hero__media img, .rpv-subhero__media img {
  min-height: 210px; height: 210px;
  & .rpv-hero, & .rpv-subhero { padding: 0px 20px !important; background: rgb(255, 255, 255) !important; }
  & .rpv-hero__grid, & .rpv-subhero__grid { display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; width: min(1240px, 100%) !important; min-height: 340px !important; height: 340px !important; margin-inline: auto !important; overflow: hidden !important; background: rgb(243, 246, 248) !important; }
  & .rpv-hero__copy, & .rpv-subhero__copy { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0px !important; padding: 34px 44px !important; }
}
}

body.rpv-contact-page #g-navigation .jl-navbar-nav > li:last-child > a { min-height: 48px !important; padding-inline: 18px !important; background: rgb(0, 106, 179) !important; color: rgb(255, 255, 255) !important; }

body.rpv-contact-page #g-mainbar { padding-top: 0px !important; }

body.rpv-contact-page #g-mainbar .g-container { width: 100% !important; }

body.rpv-contact-page #g-mainbar .g-content { margin: 0px !important; padding: 0px !important; }

body.rpv-contact-page #g-mainbar .col { display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; width: min(1240px, 100% - 40px) !important; margin-inline: auto !important; }

body.rpv-contact-page #g-mainbar .col > h1 { box-sizing: border-box !important; display: flex !important; grid-area: 1 / 1 !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; min-width: 0px !important; height: 340px !important; margin: 0px !important; padding: 38px 44px !important; background: rgb(243, 246, 248) !important; color: rgb(11, 31, 51) !important; font-family: Sora, Arial, sans-serif !important; font-size: 42px !important; font-weight: 600 !important; line-height: 48px !important; }

body.rpv-contact-page #g-mainbar .col > h1::before { display: block !important; margin-bottom: 12px !important; color: rgb(0, 106, 179) !important; content: "RPV / Kontakt" !important; font-family: Inter, Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0.055em !important; text-transform: uppercase !important; }

body.rpv-contact-page #g-mainbar .col > h1::after { display: block !important; max-width: 500px !important; margin-top: 16px !important; color: rgb(83, 100, 119) !important; content: "Papierprojekt, Private Label oder Lieferkonzept? Sprechen Sie mit RPV." !important; font-family: Inter, Arial, sans-serif !important; }

body.rpv-contact-page #g-mainbar .platform-content.container > .row { width: 100% !important; margin: 0px !important; }

body.rpv-contact-page #g-mainbar .platform-content.container > .row > .col { box-sizing: border-box !important; flex: 0 0 auto !important; width: min(1240px, 100% - 40px) !important; }

html[lang^="en"] body.rpv-contact-page #g-mainbar .col > h1::after { content: "Paper project, private label or delivery concept? Talk to RPV." !important; }

body.rpv-contact-page #g-mainbar .col > .rpv-route-visual { grid-area: 1 / 2 !important; width: auto !important; height: 340px !important; margin: 0px !important; overflow: hidden !important; background: rgb(223, 232, 238) !important; }

body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { display: block !important; width: 100% !important; height: 340px !important; object-fit: cover !important; }

body.rpv-contact-page #g-mainbar .col > form { grid-area: 2 / 1 / auto / -1 !important; width: min(980px, 100% - 40px) !important; margin: 56px auto 72px !important; }

body.rpv-contact-page #g-mainbar .col > form .form-control { min-height: 48px !important; }

body.rpv-contact-page #g-mainbar .col > form textarea.form-control { min-height: 170px !important; }

body.rpv-contact-page #g-mainbar .col > form .rsform-block-datenschutz { margin-block: 18px !important; padding: 18px !important; border-radius: 8px !important; background: rgb(243, 246, 248) !important; }

@media (max-width: 960px) {
  body.rpv-contact-page #g-mainbar .col { display: flex !important; width: 100% !important; flex-direction: column !important; }
  body.rpv-contact-page #g-mainbar .col > .rpv-route-visual { order: 1 !important; width: 100% !important; height: 230px !important; }
  body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { height: 230px !important; }
  body.rpv-contact-page #g-mainbar .col > h1 { order: 2 !important; width: 100% !important; height: auto !important; min-height: 250px !important; padding: 30px 24px 34px !important; font-size: 34px !important; line-height: 40px !important; }
  body.rpv-contact-page #g-mainbar .col > form { order: 3 !important; width: calc(100% - 40px) !important; margin: 42px auto 56px !important; }
}

@media (max-width: 600px) {
  body.rpv-contact-page #g-mainbar .col > .rpv-route-visual, body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { height: 210px !important; }
  body.rpv-contact-page #g-mainbar .col > h1 { min-height: 230px !important; font-size: 30px !important; line-height: 36px !important; }
  body.rpv-contact-page #g-mainbar .col > form { width: calc(100% - 32px) !important; }
}

#g-mainbar .rpv-process-steps { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }

#g-mainbar .rpv-process-principles { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }

@media (max-width: 960px) {
  #g-mainbar .rpv-process-steps, #g-mainbar .rpv-process-principles { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}

@media (max-width: 600px) {
  #g-mainbar .rpv-process-steps, #g-mainbar .rpv-process-principles { grid-template-columns: 1fr !important; }
}

body.rpv-template-process .rpv-process-steps { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }

body.rpv-template-process .rpv-process-principles { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }

@media (max-width: 960px) {
  body.rpv-template-process .rpv-process-steps, body.rpv-template-process .rpv-process-principles { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}

@media (max-width: 600px) {
  body.rpv-template-process .rpv-process-steps, body.rpv-template-process .rpv-process-principles { grid-template-columns: 1fr !important; }
}

.rpv-hero__copy h1, .rpv-subhero__copy h1 { max-width: 600px !important; margin: 0px 0px 14px !important; font-size: 42px !important; line-height: 48px !important; }

.rpv-hero__copy p, .rpv-subhero__copy p { max-width: 600px !important; margin: 0px 0px 18px !important; font-size: 15px !important; line-height: 1.5 !important; }

.rpv-hero__media, .rpv-subhero__media { min-width: 0px !important; height: 340px !important; overflow: hidden !important; background: rgb(223, 232, 238) !important; }

.rpv-hero__media img, .rpv-subhero__media img { display: block !important; width: 100% !important; height: 340px !important; min-height: 0px !important; object-fit: cover !important; }

.rpv-subhero + .rpv-section { margin-top: 0px !important; }

.rpv-section { padding: 64px 20px !important; }

.rpv-section > .rpv-container, .rpv-section > .rpv-wrap { width: min(1240px, 100%) !important; margin-inline: auto !important; }

.rpv-section--tint { background: rgb(243, 246, 248) !important; }

.rpv-section--dark { background: rgb(11, 31, 51) !important; color: rgb(255, 255, 255) !important; }

.rpv-section--dark h2, .rpv-section--dark h3, .rpv-section--dark p { color: rgb(255, 255, 255) !important; }

.rpv-section--dark .rpv-button { background: rgb(0, 120, 184) !important; color: rgb(255, 255, 255) !important; }

.rpv-cardgrid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 18px !important; margin-top: 28px !important; }

.rpv-cardgrid > * { min-width: 0px !important; padding: 24px !important; border-width: 3px 1px 1px !important; border-style: solid !important; border-color: rgb(0, 120, 184) rgb(220, 228, 234) rgb(220, 228, 234) !important; border-image: none !important; border-radius: 4px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(11, 31, 51, 0.05) 0px 8px 24px !important; }

.rpv-cardgrid h3 { margin: 0px 0px 9px !important; font-size: 18px !important; line-height: 1.3 !important; }

.rpv-cardgrid p { margin: 0px !important; color: rgb(83, 100, 119) !important; font-size: 14px !important; line-height: 1.55 !important; }

body.rpv-template-service .rpv-cardgrid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }

body.rpv-template-packaging .com-content-article__body > .rpv-section:nth-of-type(4) .rpv-cardgrid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }

body.rpv-template-packaging .com-content-article__body > .rpv-section:nth-of-type(5) .rpv-cardgrid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }

body.rpv-template-market .rpv-cardgrid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }

body.rpv-template-market .rpv-cardgrid > * { border-top-color: rgb(58, 111, 143) !important; }

body.rpv-template-quality .rpv-cardgrid > * { border-top-color: rgb(142, 173, 49) !important; }

body.rpv-template-quality .rpv-section--tint { background: rgb(241, 245, 232) !important; }

body.rpv-template-company .rpv-cardgrid > * { border-top: 1px solid rgb(220, 228, 234) !important; border-left: 4px solid rgb(0, 120, 184) !important; }

body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(4) .rpv-cardgrid { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 10px !important; }

body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(4) .rpv-cardgrid > * { padding: 18px 14px !important; }

body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(5) .rpv-cardgrid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }

body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(5) { background: rgb(11, 31, 51) !important; color: rgb(255, 255, 255) !important; }

body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(5) h2 { color: rgb(255, 255, 255) !important; }

@media (max-width: 960px) {
  .rpv-hero, .rpv-subhero { padding: 0px !important; }
  .rpv-hero__grid, .rpv-subhero__grid { display: flex !important; flex-direction: column-reverse !important; height: auto !important; min-height: 0px !important; }
  .rpv-hero__media, .rpv-subhero__media, .rpv-hero__media img, .rpv-subhero__media img { height: 230px !important; }
  .rpv-hero__copy, .rpv-subhero__copy { padding: 28px 24px 32px !important; }
  .rpv-hero__copy h1, .rpv-subhero__copy h1 { font-size: 34px !important; line-height: 40px !important; }
  .rpv-section { padding: 48px 20px !important; }
  .rpv-cardgrid, body.rpv-template-service .rpv-cardgrid, body.rpv-template-packaging .rpv-cardgrid, body.rpv-template-market .rpv-cardgrid, body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(4) .rpv-cardgrid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}

@media (max-width: 600px) {
  .rpv-hero__media, .rpv-subhero__media, .rpv-hero__media img, .rpv-subhero__media img { height: 210px !important; }
  .rpv-hero__copy h1, .rpv-subhero__copy h1 { font-size: 30px !important; line-height: 36px !important; }
  .rpv-section { padding: 40px 18px !important; }
  .rpv-cardgrid, body.rpv-template-service .rpv-cardgrid, body.rpv-template-packaging .rpv-cardgrid, body.rpv-template-market .rpv-cardgrid, body.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(4) .rpv-cardgrid { grid-template-columns: 1fr !important; }
}

.rpv-hero__copy h1, .rpv-subhero__copy h1 { font-size: 36px !important; line-height: 42px !important; }

.rpv-trust__grid { gap: 12px; padding: 20px 0px 12px; }

.rpv-trust__item { padding: 16px; border: 1px solid rgb(220, 228, 234) !important; }

.rpv-facts { overflow: visible; margin-inline: 0px; padding-inline: 0px; gap: 12px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.rpv-fact { min-width: 0px; padding: 16px; }

.rpv-section { padding: 44px 0px; }

.rpv-subhero + .rpv-section { padding: 20px 0px 12px; }

.rpv-section h2 { font-size: 28px; }

.rpv-dark-cta { padding: 24px 20px; }

.com-content-article__body > section { margin-top: 0px !important; }

#g-navigation .jl-navbar { box-sizing: border-box; width: 100% !important; margin: 0px !important; padding-inline: 20px !important; }

@media (min-width: 961px) {
  #g-navigation .jl-navbar-nav > li:last-child > a { height: 48px; min-height: 48px !important; padding-inline: 18px !important; }
}

.rpv-trust__item, .rpv-fact { box-sizing: border-box; min-height: 88px; }

#g-navigation .jl-navbar { padding-inline: 0px !important; }

.rpv-hero { min-height: 0px; }

.rpv-subhero__copy h1 { font-size: 48px !important; line-height: 54px !important; }

.rpv-subhero__copy > p { display: none; }

.rpv-trust__item { padding: 14px 16px; }

.rpv-trust__item strong { line-height: 1.3; }

.rpv-trust__item span { line-height: 1.4; }

@media (max-width: 960px) {
  .rpv-subhero__copy h1 { font-size: 36px !important; line-height: 42px !important; }
}

.rpv-route-visual { width: 100%; margin: 1.25rem 0px 2rem; overflow: hidden; background: rgb(234, 240, 244); }

.rpv-route-visual img { display: block; width: 100%; height: clamp(220px, 32vw, 420px); object-fit: cover; }

body.outline-_error #g-navigation { border-bottom: 1px solid rgb(225, 232, 237); background: rgb(255, 255, 255) !important; color: rgb(10, 34, 56) !important; }

body.outline-_error #g-navigation .jl-navbar-nav > li > a, body.outline-_error #g-navigation .jl-navbar-nav > li > button { color: rgb(10, 34, 56) !important; }

body.outline-_error #g-mainbar { display: flex; min-height: 560px; align-items: center; padding: 0px 24px; background: rgb(238, 243, 246); }

body.outline-_error #g-mainbar > .g-grid { width: min(1240px, 100%); margin: 0px auto; }

body.outline-_error #g-mainbar .g-content { margin: 0px; padding: 0px; text-align: left; }

.rpv-error-page { max-width: 780px; padding: 88px 0px 96px; }

.rpv-error-page .rpv-eyebrow { display: block; margin-bottom: 16px; color: rgb(0, 120, 184); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

.rpv-error-page h1 { max-width: 720px; margin: 0px 0px 22px; color: rgb(10, 34, 56); font-family: Sora, Arial, sans-serif; font-size: clamp(40px, 5vw, 64px); font-weight: 600; line-height: 1.08; }

.rpv-error-page .rpv-error-lead { max-width: 660px; margin: 0px 0px 32px; color: rgb(82, 98, 113); font-size: 19px; line-height: 1.65; }

.rpv-error-page .rpv-error-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.rpv-error-page .rpv-button--outline { border: 1px solid rgb(0, 120, 184); background: transparent; color: rgb(0, 120, 184); }

.rpv-error-page .rpv-button--outline:hover, .rpv-error-page .rpv-button--outline:focus { background: rgb(0, 120, 184); color: rgb(255, 255, 255); }

body.outline-_error #g-footer { background: rgb(10, 34, 56) !important; color: rgb(255, 255, 255) !important; }

@media (max-width: 720px) {
  body.outline-_error #g-mainbar { min-height: 480px; padding: 0px 20px; }
  .rpv-error-page { padding: 64px 0px 72px; }
  .rpv-error-page h1 { font-size: 38px; line-height: 1.12; }
  .rpv-error-page .rpv-error-lead { font-size: 17px; }
  .rpv-error-page .rpv-error-actions { align-items: stretch; flex-direction: column; }
  .rpv-error-page .rpv-error-actions .rpv-button { width: 100%; text-align: center; }
}

.rpv-subhero__grid { min-height: 340px !important; grid-template-columns: 50% 50% !important; }

.rpv-subhero__copy { min-width: 0px; padding: 38px 48px !important; }

.rpv-subhero__copy h1 { max-width: 560px !important; font-size: 42px !important; line-height: 48px !important; }

.rpv-subhero__media, .rpv-subhero__art, .rpv-subhero__photo { min-height: 340px !important; background: rgb(220, 228, 234) !important; }

.rpv-subhero__media img, .rpv-subhero__art img, .rpv-subhero__photo img { display: block; width: 100%; object-fit: cover; height: 340px !important; min-height: 340px !important; }

.rpv-section--tint { background: rgb(243, 246, 248); }

.rpv-section--dark { color: rgb(255, 255, 255); background: rgb(11, 31, 51); }

.rpv-section--dark h2, .rpv-section--dark h3, .rpv-section--dark strong { color: rgb(255, 255, 255); }

.rpv-section--dark p { color: rgb(220, 232, 242); }

.rpv-section--dark .rpv-eyebrow { color: rgb(85, 182, 235); }

.rpv-section--dark .rpv-button { color: rgb(255, 255, 255); background: rgb(0, 120, 184); }

.rpv-cardgrid { display: grid; margin-top: 24px; gap: 16px; }

.rpv-cardgrid .rpv-card { height: 100%; box-sizing: border-box; padding: 22px; border-width: 4px 1px 1px; border-style: solid; border-color: rgb(11, 31, 51) rgb(220, 228, 234) rgb(220, 228, 234); border-image: none; border-radius: 0px 0px 10px 10px; background: rgb(255, 255, 255); }

.rpv-cardgrid .rpv-card:first-child { border-top-color: rgb(0, 120, 184); }

.rpv-cardgrid .rpv-card h3 { margin: 0px 0px 8px; font-size: 18px; line-height: 1.3; }

.rpv-cardgrid .rpv-card p:last-child { margin-bottom: 0px; }

.rpv-template-service .rpv-cardgrid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.rpv-template-service .rpv-cardgrid .rpv-card { border-top-color: rgb(0, 120, 184); }

.rpv-template-packaging .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-market .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-quality .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-company .rpv-section:nth-of-type(4) .rpv-cardgrid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }

.rpv-template-packaging .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-market .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-quality .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-company .rpv-section:nth-of-type(5) .rpv-cardgrid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.rpv-template-packaging .rpv-cardgrid .rpv-card { border-top-color: rgb(0, 120, 184); }

.rpv-template-market .rpv-section:nth-of-type(4) { background: rgb(255, 255, 255); }

.rpv-template-market .rpv-cardgrid .rpv-card:nth-child(2n) { border-top-color: rgb(58, 111, 143); }

.rpv-template-market .rpv-section:nth-of-type(5) .rpv-cardgrid .rpv-card { border-width: 0px 0px 0px 4px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(0, 120, 184); border-image: none; border-radius: 0px; }

.rpv-template-quality .rpv-cardgrid .rpv-card { border-top-color: rgb(142, 173, 49); }

.rpv-template-quality .rpv-section--tint { background: rgb(241, 245, 232); }

.rpv-template-company .rpv-cardgrid .rpv-card { border-top: 0px; border-left: 4px solid rgb(11, 31, 51); border-radius: 0px 10px 10px 0px; }

.rpv-template-company .rpv-cardgrid .rpv-card:first-child { border-left-color: rgb(0, 120, 184); }

.rpv-template-process .com-content-article__body > .rpv-section:nth-of-type(2) { display: none; }

.rpv-template-process .rpv-cardgrid { grid-template-columns: repeat(6, minmax(0px, 1fr)); }

.rpv-template-process .rpv-cardgrid .rpv-card { min-height: 150px; padding: 18px 16px; border-width: 4px 1px 1px; border-style: solid; border-color: rgb(0, 120, 184) rgb(220, 228, 234) rgb(220, 228, 234); border-image: none; border-radius: 0px; }

.rpv-template-process .rpv-cardgrid .rpv-card .rpv-eyebrow { display: block; color: rgb(0, 120, 184); font-size: 12px; font-weight: 800; }

.rpv-template-process .rpv-section:nth-of-type(5) { color: rgb(255, 255, 255); background: rgb(11, 31, 51); }

.rpv-template-process .rpv-section:nth-of-type(5) h2, .rpv-template-process .rpv-section:nth-of-type(5) h3 { color: rgb(255, 255, 255); }

.rpv-route-visual { border-radius: 0px; }

.rpv-route-visual img { height: 320px; }

@media (max-width: 960px) {
  .rpv-subhero__grid { display: flex !important; min-height: 0px !important; flex-direction: column-reverse !important; }
  .rpv-subhero__media, .rpv-subhero__art, .rpv-subhero__photo, .rpv-subhero__media img, .rpv-subhero__art img, .rpv-subhero__photo img { height: 230px !important; min-height: 230px !important; }
  .rpv-subhero__copy { padding: 30px 20px 34px !important; }
  .rpv-subhero__copy h1 { font-size: 34px !important; line-height: 40px !important; }
  .rpv-template-service .rpv-cardgrid, .rpv-template-packaging .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-market .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-quality .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-company .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-packaging .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-market .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-quality .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-company .rpv-section:nth-of-type(5) .rpv-cardgrid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .rpv-template-process .rpv-cardgrid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}

@media (max-width: 600px) {
  .rpv-subhero__media, .rpv-subhero__art, .rpv-subhero__photo, .rpv-subhero__media img, .rpv-subhero__art img, .rpv-subhero__photo img { height: 210px !important; min-height: 210px !important; }
  .rpv-subhero__copy h1 { font-size: 30px !important; line-height: 36px !important; }
  .rpv-cardgrid, .rpv-template-service .rpv-cardgrid, .rpv-template-packaging .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-market .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-quality .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-company .rpv-section:nth-of-type(4) .rpv-cardgrid, .rpv-template-packaging .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-market .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-quality .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-company .rpv-section:nth-of-type(5) .rpv-cardgrid, .rpv-template-process .rpv-cardgrid { grid-template-columns: 1fr; }
}

@media (max-width: 960px) {
  #g-navigation .mobile-toggle, #g-navigation .jl-navbar-toggle { color: rgb(8, 36, 59) !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; }
  #g-navigation .mobile-toggle svg rect, #g-navigation .jl-navbar-toggle svg rect { fill: rgb(8, 36, 59) !important; stroke: rgb(8, 36, 59) !important; }
}

body.rpv-contact-page #g-mainbar .platform-content.container { max-width: none !important; padding: 0px !important; }

body.rpv-contact-page #g-mainbar .platform-content.container > .row { margin: 0px !important; }

body.rpv-contact-page #g-mainbar .platform-content.container > .row > .col { display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; width: min(1240px, 100% - 40px) !important; max-width: 1240px !important; margin: 0px auto !important; padding: 0px !important; }

body.rpv-contact-page #g-mainbar .col > h1 { display: flex !important; grid-area: 1 / 1 !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; box-sizing: border-box !important; height: 310px !important; min-height: 310px !important; margin: 0px !important; padding: 34px 44px !important; background: rgb(243, 246, 248) !important; color: rgb(11, 31, 51) !important; font: 600 34px / 40px Sora, Arial, sans-serif !important; }

body.rpv-contact-page #g-mainbar .col > h1::before { display: block !important; margin: 0px 0px 14px !important; content: "RPV / Kontakt & Projektanfrage" !important; color: rgb(0, 106, 179) !important; font: 700 11px / 1.3 Inter, Arial, sans-serif !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; }

html[lang^="en"] body.rpv-contact-page #g-mainbar .col > h1::before { content: "RPV / Contact & project enquiry" !important; }

body.rpv-contact-page #g-mainbar .col > h1::after { display: none !important; content: none !important; }

body.rpv-contact-page .rpv-contact-hero-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 190px !important; min-height: 48px !important; margin-top: 22px !important; padding: 0px 22px !important; border-radius: 5px !important; background: rgb(0, 117, 185) !important; color: rgb(255, 255, 255) !important; font: 700 13px / 1 Inter, Arial, sans-serif !important; text-decoration: none !important; }

body.rpv-contact-page #g-mainbar .col > .rpv-route-visual { grid-area: 1 / 2 !important; width: 100% !important; height: 310px !important; margin: 0px !important; overflow: hidden !important; }

body.rpv-contact-page #g-mainbar .col > .rpv-route-visual img { width: 100% !important; height: 310px !important; object-fit: cover !important; transform: none !important; filter: brightness(0.62) !important; }

body.rpv-contact-page #g-mainbar .col > #userForm { display: grid !important; grid-template-columns: minmax(0px, 2fr) minmax(280px, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 40px !important; align-items: start !important; grid-area: 2 / 1 / auto / -1 !important; }

#g-navigation .jl-navbar-nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }

#g-navigation .rpv-language-switcher { display: inline-flex !important; flex: 0 0 auto !important; gap: 4px !important; margin: 0px !important; }

#g-navigation .rpv-language-option { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 38px !important; min-width: 38px !important; height: 42px !important; min-height: 42px !important; padding: 0px !important; border: 1px solid rgb(0, 106, 179) !important; border-radius: 3px !important; font: 700 12px / 1 Inter, Arial, sans-serif !important; text-decoration: none !important; }

@media (max-width: 1100px) and (min-width: 961px) {
  #g-navigation .jl-navbar-nav > li > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 12px !important; }
  #g-navigation .rpv-language-option { width: 34px !important; min-width: 34px !important; }
}

#g-navigation .rpv-language-switcher--mobile { display: none !important; }

@media (max-width: 960px) {
  #g-navigation .rpv-language-switcher--mobile { display: inline-flex !important; margin-left: auto !important; margin-right: 10px !important; }
  #g-navigation .rpv-language-switcher--mobile .rpv-language-option { width: 34px !important; min-width: 34px !important; height: 38px !important; min-height: 38px !important; }
}

html body #g-mainbar .rpv-section--navy .rpv-eyebrow, html body #g-mainbar .rpv-section[style*="background"] .rpv-eyebrow, html body.rpv-template-process #g-mainbar .rpv-section:nth-of-type(4) .rpv-eyebrow, html body.rpv-template-process #g-mainbar .rpv-section--tint .rpv-eyebrow { color: rgb(115, 207, 255) !important; }

html body #g-mainbar .rpv-fact span, html body #g-mainbar .rpv-fact p, html body #g-mainbar .rpv-facts span, html body #g-mainbar .rpv-facts p { color: rgb(83, 100, 119) !important; }

html body.rpv-contact-page #userForm .rsform-captcha-refresh-button { background: rgb(83, 100, 119) !important; color: rgb(255, 255, 255) !important; }

.rpv-language-switcher { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin: 0px !important; }

.rpv-language-option { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 38px !important; min-width: 38px !important; height: 42px !important; min-height: 42px !important; padding: 0px !important; border: 1px solid rgb(0, 106, 179) !important; border-radius: 3px !important; font: 700 12px / 1 Inter, Arial, sans-serif !important; text-decoration: none !important; }

.rpv-language-option.is-active { background: rgb(0, 106, 179) !important; color: rgb(255, 255, 255) !important; }

.rpv-language-option.is-inactive { background: rgb(255, 255, 255) !important; color: rgb(0, 106, 179) !important; }

.rpv-language-switcher--mobile { display: none !important; }

@media (max-width: 960px) {
  #g-navigation .jl-navbar-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; }
  #g-navigation .rpv-language-switcher--mobile { display: inline-flex !important; order: 1 !important; }
  #g-navigation .mobile-toggle { order: 2 !important; margin: 0px !important; }
  #g-navigation .jl-logo { min-width: 150px !important; }
  #g-navigation .jl-logo img, #g-navigation .uk-logo img, #g-navigation img.g-logo { width: 150px !important; max-width: 150px !important; height: auto !important; }
  [id^="mobile-jlnavbar"] .jl-parent { position: relative; }
  [id^="mobile-jlnavbar"] .jl-parent > a { padding-right: 52px !important; }
  [id^="mobile-jlnavbar"] .rpv-mobile-subtoggle { position: absolute !important; right: 0px !important; top: 0px !important; z-index: 3 !important; width: 48px !important; height: 44px !important; margin: 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 0px !important; background: transparent !important; color: rgb(8, 36, 59) !important; font-size: 22px !important; line-height: 1 !important; cursor: pointer !important; }
  [id^="mobile-jlnavbar"] .rpv-mobile-subtoggle span { display: block !important; transition: transform 0.2s !important; }
  [id^="mobile-jlnavbar"] .rpv-mobile-subtoggle[aria-expanded="true"] span { transform: rotate(180deg) !important; }
  [id^="mobile-jlnavbar"] .jl-nav-sub[hidden] { display: none !important; }
}

.rpv-skip-link { position: fixed; top: 8px; left: 8px; z-index: 100000; padding: 10px 14px; border: 2px solid rgb(255, 255, 255); border-radius: 4px; background: rgb(11, 31, 51); font: 700 14px / 1.3 Inter, Arial, sans-serif; text-decoration: none; transform: translateY(-160%); color: rgb(255, 255, 255) !important; }

.rpv-skip-link:focus { transform: translateY(0px); }

.rpv-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }

@media (max-width: 960px) {
  body.rpv-contact-page #g-mainbar .col > #userForm { display: block !important; width: 100% !important; margin: 0px !important; padding: 28px 20px 48px !important; }
  body.rpv-contact-page #userForm > h2 { width: auto !important; margin-bottom: 18px !important; font-size: 22px !important; }
  body.rpv-contact-page #userForm > .rpv-contact-aside { display: none !important; }
  body.rpv-contact-page #userForm > .formContainer, body.rpv-contact-page #userForm .formContainer > .row, body.rpv-contact-page #userForm .formContainer > .row > .col-md-12, body.rpv-contact-page #userForm .rsform-block, body.rpv-contact-page #userForm .formControls { width: 100% !important; max-width: none !important; }
  body.rpv-contact-page #userForm input[type="text"], body.rpv-contact-page #userForm input[type="email"], body.rpv-contact-page #userForm textarea, body.rpv-contact-page #userForm button[type="submit"] { width: 100% !important; }
  body.rpv-contact-page #userForm textarea.form-control { min-height: 100px !important; }
}

#g-navigation .rpv-language-switcher { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 4px !important; }

#g-navigation .rpv-language-option { display: inline-flex !important; box-sizing: border-box !important; width: 38px !important; height: 42px !important; align-items: center !important; justify-content: center !important; border: 1px solid rgb(0, 106, 179) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; }

#g-navigation .rpv-language-option.is-active { background: rgb(0, 106, 179) !important; color: rgb(255, 255, 255) !important; }

#g-navigation .rpv-language-option.is-inactive { background: rgb(255, 255, 255) !important; color: rgb(0, 106, 179) !important; }

#g-navigation .rpv-language-option.is-inactive:hover, #g-navigation .rpv-language-option.is-inactive:focus-visible { background: rgb(243, 246, 248) !important; }

@media (min-width: 961px) {
  #g-navigation .jl-navbar-nav > li.rpv-language-contact { display: flex !important; width: auto !important; min-width: max-content !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; }
  #g-navigation .jl-navbar-nav > li.rpv-language-contact > .rpv-language-switcher, #g-navigation .jl-navbar-nav > li.rpv-language-contact > a { flex: 0 0 auto !important; }
}

@media (max-width: 960px) {
  #g-navigation .rpv-language-switcher--mobile { display: inline-flex !important; margin-left: auto !important; margin-right: 10px !important; }
  #g-navigation .rpv-language-switcher--mobile .rpv-language-option { width: 34px !important; height: 36px !important; }
}

#g-footer { background: rgb(7, 31, 53); color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.14); }

#g-footer .g-content { margin: 0px; padding-top: 0px; padding-bottom: 0px; }

.rpv-fussbereich { display: grid; grid-template-columns: minmax(18rem, 1.5fr) minmax(10rem, 1fr) minmax(10rem, 1fr); gap: clamp(2rem, 5vw, 5rem); padding: clamp(2.75rem, 5vw, 4.5rem) 0px clamp(2.25rem, 4vw, 3.5rem); }

.rpv-fussbereich__spalte h2 { margin: 0px 0px 1.15rem; color: rgb(255, 255, 255); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.09em; line-height: 1.3; text-transform: uppercase; }

.rpv-fussbereich__spalte p, .rpv-fussbereich__spalte li { margin: 0px; color: rgb(220, 231, 240); font-size: 0.95rem; line-height: 1.7; }

.rpv-fussbereich__spalte p + p { margin-top: 0.85rem; }

.rpv-fussbereich__spalte ul { margin: 0px; padding: 0px; list-style: none; }

.rpv-fussbereich__spalte li + li { margin-top: 0.42rem; }

.rpv-fussbereich a { color: rgb(255, 255, 255); text-decoration-thickness: 1px; text-underline-offset: 0.22em; }

.rpv-fussbereich a:hover, .rpv-fussbereich a:focus-visible { color: rgb(118, 198, 241); }

.rpv-fussbereich a:focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: 4px; }

.rpv-template-legal #g-container-main, .rpv-template-legal #g-main { background: rgb(243, 246, 248); }

.rpv-template-legal #g-main-mainbody, .rpv-template-legal main { padding: clamp(2.5rem, 6vw, 5.5rem) 1.25rem clamp(4rem, 7vw, 7rem); }

.rpv-template-legal #g-main-mainbody .item-page, .rpv-template-legal main .item-page { position: relative; max-width: 68rem; margin-inline: auto; padding: clamp(2.25rem, 5vw, 4.5rem) clamp(1.5rem, 6vw, 5.5rem) clamp(3rem, 6vw, 5.5rem); overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(220, 228, 234); border-radius: 1rem; box-shadow: rgba(7, 31, 53, 0.08) 0px 1.25rem 3.5rem; }

.rpv-template-legal #g-main-mainbody .item-page::after, .rpv-template-legal main .item-page::after { content: ""; position: absolute; inset: 0px 0px auto; height: 0.45rem; background: linear-gradient(90deg, rgb(0, 106, 179) 0px, rgb(0, 106, 179) 72%, rgb(255, 221, 0) 72%, rgb(255, 221, 0) 100%); }

.rpv-template-legal .item-page h1, .rpv-template-legal .item-page .page-header h2 { margin: 0px 0px clamp(2rem, 4vw, 3rem); padding-bottom: clamp(1.5rem, 3vw, 2.25rem); color: rgb(7, 31, 53); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; border-bottom: 1px solid rgb(220, 228, 234); }

.rpv-template-legal .item-page h2, .rpv-template-legal .item-page h3 { margin: 2.5rem 0px 1rem; color: rgb(7, 31, 53); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.3; }

.rpv-template-legal .item-page p, .rpv-template-legal .item-page li { max-width: 54rem; color: rgb(38, 55, 70); font-size: 1rem; line-height: 1.8; }

.rpv-template-legal .item-page p { margin: 0px 0px 1.35rem; }

.rpv-template-legal .item-page p:has(> strong:first-child) { margin-top: 2.25rem; padding: 1.1rem 1.25rem 1.15rem; background: rgb(243, 246, 248); border-left: 0.28rem solid rgb(0, 106, 179); border-radius: 0px 0.5rem 0.5rem 0px; }

.rpv-template-legal .item-page strong { color: rgb(7, 31, 53); font-family: Sora, Arial, sans-serif; font-weight: 700; }

.rpv-template-legal .item-page a { color: rgb(0, 106, 179); font-weight: 600; text-decoration: underline 1px; text-underline-offset: 0.2em; }

.rpv-template-legal .item-page a:hover, .rpv-template-legal .item-page a:focus-visible { color: rgb(7, 31, 53); }

.rpv-template-legal .item-page ul, .rpv-template-legal .item-page ol { max-width: 54rem; margin: 1.25rem 0px 1.75rem; padding-left: 1.4rem; }

.rpv-template-legal .item-page li + li { margin-top: 0.65rem; }

.rpv-template-legal #g-container-main .jl-container > .g-grid > .g-block.size-33 { display: none !important; }

.rpv-template-legal #g-container-main .jl-container > .g-grid > .g-block.size-67 { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }

.rpv-template-legal .rpv-rechtstitel { margin: 0px 0px clamp(2rem, 4vw, 3rem); padding-bottom: clamp(1.5rem, 3vw, 2.25rem); color: rgb(7, 31, 53); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; border-bottom: 1px solid rgb(220, 228, 234); }

.rpv-template-legal .rpv-rechtstitel::before { content: "RPV / RECHTLICHES"; display: block; margin-bottom: 0.8rem; color: rgb(0, 106, 179); font-family: Sora, Arial, sans-serif; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.3; text-transform: uppercase; }

html[lang^="en"] .rpv-template-legal .rpv-rechtstitel::before { content: "RPV / LEGAL"; }

@media (max-width: 760px) {
  .rpv-fussbereich { grid-template-columns: 1fr; gap: 0px; padding-block: 2.25rem; }
  .rpv-fussbereich__spalte + .rpv-fussbereich__spalte { margin-top: 1.75rem; padding-top: 1.75rem; border-top: 1px solid rgba(255, 255, 255, 0.16); }
  .rpv-fussbereich__spalte h2 { margin-bottom: 0.85rem; }
  .rpv-template-legal #g-main-mainbody .item-page, .rpv-template-legal main .item-page { padding: 2.25rem 1.25rem 3rem; border-radius: 0.75rem; box-shadow: rgba(7, 31, 53, 0.07) 0px 0.75rem 2rem; }
  .rpv-template-legal #g-main-mainbody, .rpv-template-legal main { padding: 1rem 0.75rem 3rem; }
  .rpv-template-legal .item-page p, .rpv-template-legal .item-page li { font-size: 0.97rem; line-height: 1.72; }
  .rpv-template-legal .item-page p:has(> strong:first-child) { margin-top: 1.75rem; padding: 1rem; }
}

@media (min-width: 961px) {
  #g-navigation .jl-navbar-nav > li:has(> .rpv-language-switcher) { display: flex !important; width: auto !important; min-width: max-content !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; }
  #g-navigation .jl-navbar-nav > li:has(> .rpv-language-switcher) > .rpv-language-switcher, #g-navigation .jl-navbar-nav > li:has(> .rpv-language-switcher) > a { flex: 0 0 auto !important; }
}

body.rpv-contact-page #g-mainbar .col > .rpv-contact-hero-copy { display: flex !important; grid-area: 1 / 1 !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; box-sizing: border-box !important; height: 310px !important; min-height: 310px !important; margin: 0px !important; padding: 34px 44px !important; background: rgb(243, 246, 248) !important; color: rgb(11, 31, 51) !important; }

body.rpv-contact-page #g-mainbar .rpv-contact-hero-copy > h1 { margin: 0px !important; color: rgb(11, 31, 51) !important; font: 600 34px / 40px Sora, Arial, sans-serif !important; }

body.rpv-contact-page #g-mainbar .rpv-contact-hero-copy > h1::before { display: block !important; margin: 0px 0px 14px !important; content: "RPV / Kontakt & Projektanfrage" !important; color: rgb(0, 106, 179) !important; font: 700 11px / 1.3 Inter, Arial, sans-serif !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; }

html[lang^="en"] body.rpv-contact-page #g-mainbar .rpv-contact-hero-copy > h1::before { content: "RPV / Contact & project enquiry" !important; }

@media (max-width: 760px) {
  body.rpv-contact-page #g-mainbar .col > .rpv-contact-hero-copy { order: 2 !important; width: 100% !important; height: auto !important; min-height: 220px !important; padding: 26px 20px 30px !important; }
  body.rpv-contact-page #g-mainbar .rpv-contact-hero-copy > h1 { font-size: 28px !important; line-height: 34px !important; }
  body.rpv-contact-page #g-mainbar .rpv-contact-hero-copy > .rpv-contact-hero-cta { width: 100% !important; min-width: 0px !important; margin-top: 18px !important; }
}

.rpv-hero__media > .rpv-hero-video, .rpv-subhero__media > .rpv-hero-video { display: block !important; width: 100% !important; height: 100% !important; min-height: 0px !important; object-fit: cover !important; object-position: center center !important; }


/* RPV Performance: mobilen Kontaktbildplatz vor der JS-Initialisierung reservieren. */
@media (max-width: 960px) {
  body.rpv-contact-page #g-mainbar .col:not(:has(> .rpv-route-visual))::before { content: ""; display: block !important; order: 1 !important; width: 100% !important; height: 230px !important; flex: 0 0 230px !important; background: rgb(223, 232, 238) !important; }
}
@media (max-width: 600px) {
  body.rpv-contact-page #g-mainbar .col:not(:has(> .rpv-route-visual))::before { height: 210px !important; flex-basis: 210px !important; }
}

/* RPV mobile packaging card grids: intended one-column layout below 600 px */
@media (max-width: 600px) {
  body.rpv-template-packaging .com-content-article__body > .rpv-section:nth-of-type(4) .rpv-cardgrid,
  body.rpv-template-packaging .com-content-article__body > .rpv-section:nth-of-type(5) .rpv-cardgrid {
    grid-template-columns: 1fr !important;
  }
}