/* Enter Your Custom CSS Here */
.x-logobar {
    position: relative;
    overflow: visible;
    text-align: center;
    background-color: rgba(0,84,135,0.89);
    z-index: 1030;
}
.x-navbar {
    background-color: rgba(0,84,135,0.89);
}
.x-topbar {
    position: relative;
    min-height: 46px;
    padding: 6px 0;
    background-color: rgba(0,84,135,0.89);
    z-index: 1031;
}
.x-topbar .p-info {
    float: right;
    margin: 8px 0 0;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.3;
    color: #fff;
}
.desktop .menu-item, .desktop .menu-item > a {
    position: static;
}
.x-navbar .desktop .x-nav > li > a {
padding-left: 10px;
padding-right: 10px;
		word-spacing: 0.05px;
		color: white;
		display: block;
}
.x-navbar .menu-item:hover .sub-menu{
 display:block !important;
		left: auto;
}
ul {
		Font-family: 'Arial';
}.diensten-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(300px,1fr));
    gap:25px;
    margin-top:30px;
}

.dienst{
	
.contact-knop{
    background:#245A8D;
    color:white;
    padding:12px 24px;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
}

.contact-knop:hover{
    opacity:0.9;
}
    background:#ffffff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
    transition:all .2s ease;
}

.dienst:hover{
    transform:translateY(-3px);
}

.dienst h3{
    margin-top:0;
    color:#245A8D;
    font-size:28px;
}

.dienst p{
    margin-bottom:0;
    line-height:1.6;
}

@media (max-width: 768px){
    .diensten-grid{
        grid-template-columns:1fr;
    }
}