html,
body{
margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
line-height: 1.5;
font-size: 15px;
font-size: 0.938rem;
}
.footertitle {
text-transform: uppercase;
font-weight: 600;
font-size:1.2rem;
border-bottom: dotted 2px #707070;
padding-bottom:0.6em;	
}
.kontakt {
background: rgba(0, 27, 40, 0.60);
}
.blauw {
color:#0085ca!important;
}
.oranje {
background-color:#ed7637;
border-radius:20px;
color:#fff;
padding:5px;
border:none;
display:block;
width:100%;
}
footer > .col-md-2 {
margin-top: 20px;
}
footer > .col-md-3 {
margin-top: 20px;
}
html{
scroll-behavior: smooth;
}
*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-menu{
background: #0085ca;
padding: 1em;
color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
color: #000!important;
text-decoration: none;
background-color: #fff!important;
}
.site-banner{
padding: 2em 0 4em;
margin: 0;
position: relative;
background: #fff;
}
.eggert-info-wrap{
margin-top: 0;
}
.menu-box{
position: relative;
z-index: 3;
background: white!important;
height: 35px;
box-shadow: 0 4px 2px -2px #cdcdcd;
}
.navbar-eggert{
background: #0085ca !important;
margin-bottom: -34px; padding: 0;
}
.navbar-eggert a.nav-link{
padding: 20px 20px !important;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.eggert-cta-menu{
padding: 20px 40px;
background: #ff8300;
color: #fff;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
}
.eggert-head{
position: relative; }
.eggert-mobile-logo{
display:none;
width: 145px;
height: 40px;
background: url(//planen-eggert.com/wp-content/themes/eggert/assets/img/logo/Planen-Eggert-Logo-Default-mobile.png);
}
.eggert-banner-mobile{
display: none;
}
.eggert-filter{
position: absolute;
background: rgba(0, 27, 40, 0.60);
width: 100%;
height: 100%;
top: 0;
}
.navbar-toggler{
padding: 20px 15px;
font-size: 1.667rem;
color: #fff;
}
.navbar-toggler:hover,
.navbar-toggler:focus{
box-shadow: none;
outline: 0;
}
.eggert-footer{
background: #333;
color: #fff;
padding: 4em 0 0.5em;
margin-top: 1.5em;
} .frame-container {
position: relative;
overflow: hidden;
height: 35vh;
}
.responsive-frame {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
} .col-md-3 > a ,.col-md-2 > a {
color:#fff!important;
margin-bottom:10px;
}
a{
color: #0085ca;
text-decoration: none;
transition: 0.5s all;
}
a:hover,
a:focus{
color: #006396;
}
h1,
h2,
h3,
h4,
h5,
h6{
color: #0085ca;
margin: 0 0 0.5em 0;
padding: 0;
}
h2{
text-transform: uppercase;
font-weight: 600;
}
.eggert-section-title{
font-weight: 300;
color: #0085ca;
text-transform: uppercase;
font-size: 1.733rem;
}
.eggert-section-title span{
font-weight: 900;
display: block;
}
.eggert-about,
.eggert-lightbox{
text-align: center;
}
.eggert-about .eggert-section-title,
.eggert-lightbox .eggert-section-title{
margin-bottom: 3em;
}
.eggert-lightbox .eggert-section-title{
color: #000;
}
.eggert-lightbox .eggert-section-title span{
font-size: 1.7em;
color: #0085ca;
}
.eggert-lightbx{
margin-bottom: 2em;
}
.eggert-about .eggert-section-title span{
font-size: 3rem;
}
h3.usp-title{
font-weight: 600;
font-size: 23px;
margin-top: 1em;
color: #000;
} .homepage-usp{
min-height: 320px;
background: #fff;
}
.usp-container{
position: relative;
}
.usp-container .container-wrap{
position: relative;
background: rgba(0, 27, 40, 0.75);
width: 100%;
min-height: 370px;
top: -70px;
}
.usp-item {
min-height:250px!important;
}
.usp-container .container-wrap h3{
margin: 0;
padding: 20px 30px;
font-weight: 600;
text-transform: uppercase;
font-size: 23px;
color: #fff;
}      .usp-container .container-wrap p{
margin: 0;
padding: 20px 30px;
color: #fff;
}
.eggert-default{
padding: 4em 0;
}
.eggert-bg{
position: relative;
}
.eggert-bg::after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 35%;
height: 100%;
background: rgb(0 27 40);
z-index: 0;
}
.eggert-after{
padding: 4em;
min-height: 350px;
text-align: center;
}
.eggert-after::after{
content: none;
}
.eggert-gray{
background: #eee;
} .eggert-fill{
padding: 60px 30px;
background: rgb(0 27 40);
position: relative;
z-index: 1;
}
.eggert-fill p{
color: #fff;
}
.eggert-kontakt-wrap{
margin: 0 auto;
width: 50%;
text-align: center;
}
.eggert-kontakt{
font-weight: 900;
text-transform: uppercase;
margin-bottom: 1.5em;
}
.eggert-after h2,
.eggert-after p{
color: #fff;
}
.kontakt-1,
.kontakt-2,
.kontakt-3,
.kontakt-4{
display: inline-block;
padding: 15px 25px;
margin: 15px 10px 0;
background: #ff8300;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.kontakt-2,
.kontakt-3{
background: #0085ca;
}
.kontakt-3{
border: 2px solid #fff;
}
.kontakt-4{
background: #fff;
border: 2px solid #333;
color: #333;
} .kontakt-eggert-wrap{
padding: 15px 15px;
margin-top: 4em;
box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}
.kontakt-eggert-wrap h1{
text-transform: uppercase;
font-weight: 600;
}
.contact-forms-eggert{
width: 100%;
border: 1px solid #d7d7d7;
padding: 10px;
}
.eggert-contact-btn{
padding: 10px 25px;
margin: 0;
background: #0085ca;
color: #fff;
font-weight: 600;
border: 0;
text-transform: uppercase;
}
.eggert-contac-info{
background: #001b28;
padding: 15px;
min-height: 266px;
width: 100%;
margin-top: 4em;
}
.eggert-contac-info h3{
text-transform: uppercase;
font-weight: 600;
margin-bottom: 5px;
margin-top: 5px;
}
.eggert-contac-info h4{
color: #fff;
padding-bottom: 10px;
border-bottom: 2px dashed #005781;
}
.eggert-contac-info p{
color: #fff;
font-size: 17px;
}
.footericon {
padding-right:5px;
} .eggert-news{
margin-top: 2em;
}
.article-wrap{
padding: 25px;
background: #fff;
}
.article-wrap p{
margin: 0;
}
.article-link{
display: table;
margin-top: 30px;
padding: 10px;
border: 2px solid #001b28;
color: #001b28;
font-weight: 600;
}
.article-link:hover,
.article-link:focus{
background: #001b28;
color: #fff;
}
.eggert-featured h3,
.eggert-news h3{
font-weight: 600;
text-transform: uppercase;
}
.eggert-featured{
margin-bottom: 4em;
}
.eggert-single{
padding-top: 6em;
margin-bottom: 4em;
}
@media screen and (max-width: 1199px){
.eggert-kontakt-wrap{
width: 100%;
}
}
@media screen and (max-width: 767px){
.top-menu{
display: none;
}
.site-banner{
display: none;
}
.navbar-eggert{
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 0;
margin: 0;
padding: 0 15px;
}
a.nav-link {
color: #000 !important;
}
.navbar-eggert .navbar-collapse{
background: #fff!important;
margin: 0 -15px -15px;
padding: 0 15px;
position: absolute;
top: 68px;
width: 100%;
}
.eggert-cta-menu{
display: none;
}
.eggert-banner{
display: none;
}
.eggert-banner-mobile{
display: block;
width: 100%;
height: 100vh;
}
.eggert-mobile-logo{
display: inline-block;
}
.usp-container .container-wrap{
background: rgba(0, 27, 40, 1);
position: relative;
top: 0;
margin-bottom: 25px;
}
}