VON DER IDEE ZUR UMSETZUNG
Unsere Projekte
Ob App, Webplattform oder Systemlösung – wir entwickeln digitale Produkte, die funktionieren und begeistern. Hier zeigen wir konkrete Beispiele unserer Arbeit: echte Projekte, echte Ergebnisse.
Von der ersten Idee bis zum Go-Live – mit onexip als zuverlässigem Partner an der Seite.
:root {
--color1: #FF9701;
--color2: #262A56;
}
/*Grid Section*/
.fbl_port_col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
display: grid;
gap: 30px;
grid-template-columns: repeat(3, 1fr)
}
@media only screen and (max-width:766px) {
.fbl_port_col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
display: block
}
.fbl_port_col .project {
margin-bottom: 32px;
}
.fbl_port_col .et_pb_portfolio_filters {
margin-bottom: 24px
}
}
@media (min-width:767px) and (max-width:1024px) {
.fbl_port_col .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
grid-template-columns: repeat(2, 1fr)
}
}
/*Pagination*/
.fbl_port_col .et_pb_portfolio_items_wrapper {
margin-bottom: 70px;; background-color:#fbf5f9 !important;
}
.fbl_port_col .et_pb_portofolio_pagination {
position: absolute;
border: none;
text-align: center
}
.fbl_port_col .et_pb_portofolio_pagination ul {
display: inline-flex;
position: relative;
z-index: 1;
border: none
}
.fbl_port_col .et_pb_portofolio_pagination ul li {
padding: 0
}
.fbl_port_col .et_pb_portofolio_pagination ul li a {
color: var(--color1);
padding: 10px 20px;
border-radius: 16px !important;
border: 1px solid var(--color1);
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.3s ease;
margin: 0 10px;
}
/*Filterable Tabs*/
.fbl_port_col .et_pb_portofolio_pagination ul li a.last-page.active, .fbl_port_col .et_pb_portofolio_pagination ul li a.page-next {
margin: 0;
}
.fbl_port_col .et_pb_portofolio_pagination ul li a.active, .fbl_port_col .et_pb_portofolio_pagination ul li a:hover {
color: #fff;
background-color: var(--color1);
}
.fbl_port_col .et_pb_portofolio_pagination ul li a.active:before, .fbl_port_col .et_pb_portofolio_pagination ul li a:before {
content: "";
background: var(--color1);
width: 100%
height: 100%;
transform: scale(0);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
}
.fbl_port_col .et_pb_portofolio_pagination ul li a.active:hover:before, .fbl_port_col .et_pb_portofolio_pagination ul li a:hover:before {
transform: scale(1);
}
.fbl_port_col .et_pb_portfolio_filters ul {
text-align: center;
}
.fbl_port_col .et_pb_portfolio_filters ul li {
display: inline-block;
float: none;
}
.fbl_port_col .et_pb_portfolio_filters li:last-child a, .fbl_port_col .et_pb_portfolio_filters ul li a {
color: var(--color1);
padding: 16px 16px;
border-radius: 8px !important;
border: 1px solid var(--color1);
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.3s ease;
margin: 0px 5px;
background-color: #fbf5f9 !important;
}
.fbl_port_col .et_pb_portfolio_filters ul li a.active, .fbl_port_col .et_pb_portfolio_filters ul li a:hover {
color: #fff;
background-color: var(--color1);
}
.fbl_port_col .et_pb_portfolio_filters li:last-child a:before, .fbl_port_col .et_pb_portfolio_filters ul li a:before {
content: "";
background: var(--color1);
width: 100%;
height: 100%;
transform: scale(0);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
}
.fbl_port_col .et_pb_portfolio_filters li:last-child a:hover:before, .fbl_port_col .et_pb_portfolio_filters ul li a:hover:before {
transform: scale(1);
}
@media only screen and (max-width:566px) {
.fbl_port_col .et_pb_portfolio_filters ul li {
text-align: center;
width: 100%!important;
margin-bottom: 15px
}
.fbl_port_col .et_pb_portfolio_filters li:last-child a, .fbl_port_col .et_pb_portfolio_filters ul li a {
margin: 0px;
}
}
/*Design Style*/
.project_16 .et_pb_portfolio_item {
background: #f5f5f5;
text-align: center;
}
.project_16 .et_pb_portfolio_item .et_portfolio_image {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
padding-top: 100%;
display: block;
}
.project_16 .et_pb_portfolio_item .et_portfolio_image:before {
content: "55";
font-family: ETmodules !important;
font-size: 20px;
color: #fff;
letter-spacing: 0.35px;
text-align: right;
text-transform: uppercase;
position: absolute;
bottom: 17px;
right: 20px;
opacity: 0;
z-index: 1;
transform: translate3d(20px, 20px, 0px) rotate(90deg);
transition: all 0.35s ease 0s;
}
.project_16 .et_pb_portfolio_item:hover .et_portfolio_image:before, .project_16 .et_pb_portfolio_item:hover .et_portfolio_image:after {
opacity: 1;
transform: translate3d(0px, 0px, 0px) rotate(-90deg);
}
.project_16 .et_pb_portfolio_item .et_portfolio_image:after {
content: "";
width: 180px;
height: 180px;
border-radius: 50%;
background-color: var(--color1);
box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.5);
position: absolute;
bottom: -100px;
right: -100px;
opacity: 0;
transform: scale3d(0.5, 0.5, 1);
transform-origin: 50% 50% 0;
transition: all 0.35s ease 0s;
}
.project_16 .et_pb_portfolio_item .et_portfolio_image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
max-width: 100%;
transform: scale(1);
transition: all 0.3s ease 0s;
}
.project_16 .et_pb_portfolio_item:hover .et_portfolio_image img {
transform: scale(1.01);
}
.project_16 .et_pb_portfolio_item .et_pb_module_header {
padding: 10px;
color: var(--color2);
}
.project_16 .et_pb_portfolio_item .post-meta {
padding: 10px;
padding-top: 0;
padding-bottom: 20px;
color: var(--color1);
}
Technologien, die Dein Produkt erfolgreich machen.
Mit unserem TechStack zur besten Performance
Immer die richtige Lösung für Deinen Use Case
Alles ist möglich, aber nicht immer nötig.
Es gibt unendlich viele Technologien, die ganz viel versprechen - du brauchst aber eine, die liefert.
Deswegen schauen wir genau hin, was dein Projekt wirklich voranbringt – effizient, sinnvoll und kostenbewusst.
Denn gute Lösungen sind nicht kompliziert, sondern clever.
Starte Dein Projekt mit uns!
©️ 2002 - 2025 onexip GmbH