Werben auf inRLP.de Sie möchten Ihre Produkte und Angebote auf unserem Portal präsentieren? Mit unserem vorqualifizierten Umfeld rund um News, Ratgeber- und Servicethemen erreichen Sie die gewünschte Zielgruppe. Wir stehen für individuelle Lösungen und ein vielfältiges Produktportfolio. Ihre Kampagne bei inRLP.de – unsere Leistungen im Überblick Expert*innen in puncto Native, Social und Display Advertising zielgerichtete Kampagnenplanung & -optimierung, ausgerichtet auf Ihre Anforderungen 100 % Brand Safety, frei von Ad-Fraud Umsetzung von individuellen Spezial-Integrationen und Sonderformaten uneingeschränkter Zugriff auf alle Umfelder, insb. Regional-Seiten, Ratgeber-Themen & Nutzwert-Inhalte volle Transparenz durch kurzfristige Insights, individuelle Reportings mit Learnings & Best Practices html { scroll-padding-top: 75px; /* height of sticky header */ } .post-detail .post-text a.btn { text-decoration: none; } .logogrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: 1rem; } @media(max-width: 480px) { .logogrid { grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); grid-gap: 0; } } .logogrid>div { background: transparent; padding: 1rem; display: grid; max-height: 200px; } .logogrid>div::before { content: ""; padding-bottom: 100%; display: block; } .logogrid>div::before, .logogrid>div>img { grid-area: 1 / 1 / 2 / 2; } .logogrid>div>img { width: 100%; height: 100%; object-fit: contain; } ul.service-bullets { list-style: none; margin-left: 0; padding-left: 0; } ul.service-bullets li { padding-left: 1em; text-indent: -1em; } ul.service-bullets li:before { font-family: 'inrlp'; font-size: 1.2rem; content: '\e918'; color: #FCC533; padding-right: 5px; margin-left: -5px; } /* extra font styles */ @media(min-width: 769px) { .h4-small { font-size: 1.05rem; } .p-small { font-size: 0.925rem; } } /* form */ .form-group.row { margin-left: 0.2rem !important; } textarea { height: 300px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; font-size: 1em; border: 1px solid #bbb; background-color: #fff; background-image: url(/layout/select_arrow-inrlp.jpg); background-position: right; background-repeat: no-repeat; margin-bottom: 20px; } span.thankyou { font-weight: 700; font-size: 1.25rem; } /* flipcard */ .flip-card { background-color: transparent; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .flip-card:hover .flip-card-front { opacity: 0.2; } .flip-card:hover .flip-card-back { opacity: 1; } .flip-card-front, .flip-card-back { position: absolute; top: 0; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card-front { background-color: #bbb; color: black; height: 100%; } .flip-card-back { padding: 10px; opacity: 0; color: black; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .flip-card-back p { margin-bottom: 0; font-size: 1rem; } h3 { float: none; clear: both; content: ""; } .post-text .flip-card { float: left; width: calc((100% - 3rem) / 3); flex-basis: calc((100% - 3rem) / 3); max-width: calc((100% - 3rem) / 3); } .flip-card img { width: 100% } .flip-card .flip-card-front img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } .logo-flipcards .flip-card .flip-card-front img { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } .flip-card { margin-right: 0.5rem; margin-left: 0.5rem; margin-bottom: 1rem; } @media (min-width: 768px) and (max-width: 962px) { .post-text .flip-card { float: left; width: calc((100% - 2rem) / 2); flex-basis: calc((100% - 2rem) / 2); max-width: calc((100% - 2rem) / 2); } .flip-card-back h2 { font-size: 1.5rem } .flip-card-back { font-size: 1rem } } @media (max-width: 660px) { .post-text .flip-card { float: left; width: calc((100% - 2rem) / 2); flex-basis: calc((100% - 2rem) / 2); max-width: calc((100% - 2rem) / 2); } } @media (max-width: 410px) { .post-text .flip-card { float: left; width: calc(100% - 1rem); flex-basis: calc(100% - 1rem); max-width: calc(100% - 1rem); } }