/*
Theme Name: Stroopwafel Tafel
Theme URI: https://www.clickme.nl
Author: CM
Author URI: https://www.clickme.nl
Description: Food thema
Version: 1.1.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,fv,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

html, body {
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
	font-family: 'Roboto Slab';
	font-size: 14px;
    font-weight: 300;
    overflow-x: hidden;	
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
article {
position: relative;
}
.padding {
    padding: 30px 0px;
}
.border-radius-6 {
border-radius: 6px;	
}
[aria-current]:not([aria-current="false"]) {
    color: #b72c26;
}
.nosidepadding {
    padding-right: 0px!important;
    padding-left: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
}
h1, h2, h3, h4, h5 {
    font-weight: 600!important;
    margin: 0px;
}

@keyframes slide-rightv1 {
  from {
    margin-left: -10%;
  }
  to {
    margin-left: 0%;
  }
}
.slide-leftv1 {
  animation: 0.8s slide-left;
}
.slide-rightv1 {
  animation: 0.8s slide-right;
}
@keyframes slide-leftv1 {
  from {
    margin-left: 10%;
  }
  to {
    margin-left: 0%;
  }
}
@keyframes slide-right {
  from {
    margin-left: -50%;
  }
  to {
    margin-left: 0%;
  }
}
.slide-left {
  animation: 1s slide-left;
}
.slide-right {
  animation: 1s slide-right;
}
@keyframes slide-left {
  from {
    margin-left: 50%;
  }
  to {
    margin-left: 0%;
  }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes hideshow {
  0% { opacity: 1; }
  10% { opacity: 1; }
  15% { opacity: 0; }
  100% { opacity: 0; }
} 
@keyframes slideInFromTop {
  0% {
	opacity: 0;
    transform: translateY(-100%);
  }
  100% {
	opacity: 1;
    transform: translateX(0);
  }
}
@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
h1 {
    font-size: 43px;
    line-height: 58px;
    color: black;
    font-weight: bold!important;
}
a {
	text-decoration: none;
}
a.active {
    color: #f47d2c!important;
}
a, button, input[type="button"], input[type="submit"] {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
blockquote {
    border-left: 4px solid #1c8acc;
    padding: 15px;
    font-size: 20px;
    padding-left: 45px;
    line-height: 28px;
    background: white;
    margin-bottom: 25px;
}
section.hero {
    margin-bottom: 60px;
}
section .text-container {
    display: flex;
    position: relative;
    top: -45px;
}
.slide-top {
position: relative;
animation: 1s ease-out 0s 1 slideInFromTop;
}	
.hero-page-align h1 {
    font-size: 35px;
    text-align: left!important;
}
.row.nmlr {
    margin-left: 0px!important;
    margin-right: 0px!important;
    height: 70vh;	
}
.row.nmlr-page {
    margin-left: 0px!important;
    margin-right: 0px!important;
    height: 70vh;	
}
.box {
    background: #f2feff;
    padding: 20px;
    border-radius: 10px;
}
section .text-container .text-box{
  margin: 20px;
  padding: 20px;
  background: #00c2cb;
}
section .text-container .text-box h3{
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media (max-width: 900px){
  section h1{
    font-size: 2rem;
    text-align: center;
  }
  section .text-container{
    flex-direction: column;
  }
}
.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
    margin-bottom: 90px;
}
.basicrelative {
    position: relative;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.reveal .col-md-8, .basicrelative .col-md-8 {
    position: relative;
    padding: 80px 0px;
}

.icon span {
    background: linear-gradient(90deg, rgb(46 48 146) 35%, rgb(66 96 153) 100%);
    color: white;
    padding: 8px;
    border-radius: 23px;
    margin-bottom: 20px;
}
.icon p {
    line-height: 24px;
}
.icon {
    box-shadow: 0 20.215px 60.644px rgba(16,30,54,.05);
    font-size: 15px;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    height: 100%;
    padding-bottom: 0px;
}
.icon-container {
    margin-bottom: 45px;
}
.noborder-bottom {
    border-bottom: 0px!important;
}
.box-shadow {
    box-shadow: 2px 0px 8px 1px rgb(0 0 0 / 8%);
}
.light {
    font-weight: 300!important;
}
.bold {
	font-weight: bold;
}
.nopaddingright {
padding-right: 0px!important;	
}
.nopaddingleft {
padding-left: 0px!important;	
}
.white {
	color: white;
}
.white a {
	color: white;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.breadcrumbs {
    margin-bottom: 25px;
    font-size: 15px;
    color: black;
    background: white;
    padding: 10px;
    padding-left: 0px;
    margin-top: 20px;
    display: inline-block;
}
.breadcrumbs a {
	color: black;
}
.breadcrumbs a::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin: 0px 6px 0px 8px;
    font-size: 11px;
    color: #000000;
}
.head1 {
    font-size: 36px;
	font-weight: bold;
	display: block;	
}
.head2 {
    font-size: 32px;
    font-weight: bold;
    display: block;
    letter-spacing: -0.4px;
}
.head3 {
    font-size: 24px;
	font-weight: bold;
	display: block;
}
.head4 {
    font-weight: 600;
    font-size: 18px;
    display: block;
}
.undertitle {
    font-size: 21px;
    font-weight: 400;
    color: #af2622;
    display: block;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.border-radius {
    border-radius: 15px;
}
.defaultbg {
    background: #af2620;
}
.primarybg {
background: #173d6c;
}
.greybg {
    background: #f2f5f7;
}
.darkgreybg {
background:	#1f2529;
}
.padding90 {
padding-top: 90px;
padding-bottom: 90px;	
}
.padding120 {
padding-top: 120px;
padding-bottom: 120px;	
}
.padding60 {
padding-top: 60px;
padding-bottom: 60px;	
}
.padding50 {
padding-top: 50px;
padding-bottom: 50px;	
}
.padding40 {
padding-top: 40px;
padding-bottom: 40px;	
}
.padding30 {
padding-top: 30px;
padding-bottom: 30px;	
}
.padding20 {
padding-top: 20px;
padding-bottom: 20px;	
}
.padding10 {
padding-top: 10px;
padding-bottom: 10px;	
}
.padding5 {
padding-top: 5px;
padding-bottom: 5px;	
}
.padding0 {
padding-top: 0px;
padding-bottom: 0px;	
}
.nopaddingtop {
padding-top: 0px!important;	
}
.mb-60 {
margin-bottom: 60px;	
}
.mb-25 {
margin-bottom: 25px;	
}
.mb-40 {
margin-bottom: 40px;	
}
.mb-5 {
margin-bottom: 5px!important;
}
.mb-30 {
margin-bottom: 30px!important;
}
.mb-10 {
margin-bottom: 10px!important;
}
.mt-20 {
margin-top: 20px;	
}
.mt-10 {
margin-top: 10px;	
}
.mt-30 {
margin-top: 30px;	
}
.pt-80 {
padding-top: 80px;	
}
.pb-80 {
padding-bottom: 80px;	
}
.pb-60 {
padding-bottom: 60px;	
}
.pt-60 {
padding-top: 60px;	
}
.mt-5 {
    margin-top: 15px!important;
}
.mt-60 {
    margin-top: 60px;
}
.mb-20 {
margin-bottom: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.mr-20 {
margin-right: 20px;
}
.mr-5 {
margin-right: 5px;
}
table {
    font-size: 16px;
}
.shadow {
    text-shadow: 1px 1px 1px #000;	
}
.tabshow {
display: none;
}
.tabshow991 {
display: none;
}
.mobshow {
    display: none!important;
}

/* Start achtergrond */

.achtergrond-pattern {
    background-color: #ffecd7;
    background-image: url(https://www.stroopwafeltafel.nl/wp-content/uploads/2026/01/pattern-waffle.png);
    position: relative;
}
.wafel img {
    width: 80px;
    height: 80px;
    position: absolute;
    top: -41px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.wafel {
    animation: MoveUpDown 2s linear infinite;
    left: 0;
    bottom: 0;
    position: relative;
    z-index: 999;
}
.arrowdown i {
    box-shadow: 0 20.215px 60.644px rgba(16,30,54,.05);
    padding: 13px;
    font-size: 20px;
    border-radius: 40px;
    width: 20px;
    position: relative;
    background: white;
}
.text-center.arrowdown {
    background: white;
    z-index: 999;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: -27px;
    border-radius: 33px;
    font-size: 21px;
}

/* Start blocks */

.block {
    background: white;
    border-radius: 15px;
    border-bottom: 2px solid #e5a3526b;
    margin-bottom: 30px;	
}
.block p {
    font-size: 16px;
    line-height: 24px;
    min-height: 130px;
}
.block h3 {
    font-size: 21px;
    color: #000000;
    margin-bottom: 7px;
}
.block-text {
    padding: 15px;
    padding-top: 10px;
    font-size: 16px;
}
.block-text a {
    color: #b12721;
}
.block-text a:hover {
    text-decoration: underline;
}
.block img {
    border-radius: 15px 15px 0px 0px;
    object-fit: cover;
}

/* Start hero */


.hero {
    display: block;
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
    background: black;
	color: white;
}
img.hero-img {
    height: 550px;
    width: 100%;
    object-fit: cover;
    position: absolute;
    opacity: 0.6;
}
.hero-content {
    text-align: center;
    margin-top: 130px;
    position: relative;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.hero-content h1 {
    color: white !important;
    font-size: 57px;
    font-weight: 500 !important;
    line-height: auto!important;
}
.hero-content span {
	font-family: 'Roboto Slab';
    color: #e5a352;
    font-size: 40px;
    line-height: 36px;
}
.hero-content p {
    font-size: 17px;
	font-weight: 300;
}
a.hero-button {
    padding: 10px 40px;
    color: white;
    border-radius: 6px;
    font-weight: bold;
    background: linear-gradient(182deg, rgb(173 37 32) 0%, rgb(184 44 39) 100%);
    transition: none;
    display: inline-block;
    margin-top: 30px;
    font-size: 20px;
    text-shadow: none !important;
	transition: 0.8s;
}
a.hero-button:hover{
	background: linear-gradient(to bottom, #d18f45, #e5a352);
}

/* Start contactformulier */
gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    background: #fafafa!important;
}
.ginput_container.ginput_container_textarea textarea {
    background: #fafafa!important;
}
input#input_1_10 {
    background: #fafafa!important;
}
p.gform_required_legend {
    display: none!important;
}
.contact .block-text h2 {
    font-size: 27px;
    margin-bottom: 10px;
}
.gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 20px!important;
}
input#gform_submit_button_1:hover {
    background: #a1221f!important;
}
input#gform_submit_button_1 {
    background: #b12723!important;
}
div#gform_wrapper_1 {
    margin-top: -30px;
}
/* Start menu */
.hero.contact {
    height: 260px;
}
.hero-content {
    margin-top: 94px;
}
.contact img.hero-img {
    height: 260px;
    width: 100%;
    object-fit: cover;
    position: absolute;
    opacity: 0.6;
}
.contact-menu {
    color: black;
    margin-top: 29px;
    text-align: right;
    font-size: 16px;
}
a.tel i {
    margin-right: 5px;
    color: black;
}
a.tel {
    background: white;
    padding: 15px 10px;
    border-radius: 6px;
    color: black;
    font-weight: bold;
	margin-right: 15px;
}
a.tel:hover {
    color: #e5a352;
}
a.contact {
    padding: 15px 20px;
    color: white;
    border-radius: 6px;
    font-weight: bold;
    background: linear-gradient(182deg, rgb(173 37 32) 0%, rgb(184 44 39) 100%);
	transition: 0.8s;
	font-size: 14px;
}
a.contact:hover {
    background: linear-gradient(to bottom, #d18f45, #e5a352);
}
a.contact i {
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 14px;
}
.contact-box .contactusfooter {
    text-align: right;
}
.contact-box .contactusfooter {
    text-align: right;
    vertical-align: middle;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.contact-container {
    position: relative;
}
.mobilemenu {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -12px;
}
.mobilemenu i::after {
    content: 'Menu';
    display: block;
    font-family: 'Roboto Slab';
    font-size: 13px;
    margin-top: 4px;
}
.mobilemenu i {
    font-size: 25px;
    width: 80px;
    text-align: center;
}

/* Start footer */
.social a:hover {
    background: #dc9c4f;
}
.social i {
    margin-left: 10px;
}
.social a {
    color: #ffffff;
    background: #e5a352;
    padding: 12px 14px;
    border-radius: 3px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.bg {
    background: black;
    height: 300px;
}
.bg img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    position: absolute;
    opacity: 0.6;
}
.bg .container h3 {
    font-size: 30px;
    padding-top: 70px;
}
.bg .container {
    position: relative;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: white;
}
.bg p {
    font-size: 16px;
    margin-bottom: 25px;
}
.bg a.hero-button {
    margin-top: 0px;
    font-size: 16px;
    padding: 10px 20px;
}
/* Start content */
.entry-content h2 {
    margin-bottom: 10px;
    font-size: 26px;
}
.entry-content strong {
    font-weight: bold;
    display: inline-block;
}
.entry-content h3 {
    margin-bottom: 5px;
    font-size: 22px;
}
.entry-content h4 {
	 margin-bottom: 5px;
    font-size: 17px;
}
.entry-content p {
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
.smallfontsize em {
    font-size: 16px!important;
}
.entry-content li::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    margin: 0px 6px 0px 8px;
    color: #af2622;
    position: absolute;
    left: 1px;
    font-size: 15px;
}
.white-box-page .entry-content li {
    color: black;
    font-weight: normal;
	font-size: 20px;
}
.entry-content li {
    margin-bottom: 5px;
    line-height: 24px;
    position: relative;
    list-style: none;
    padding: 0px 0px 0px 35px;
}
.entry-content ul {
    margin-bottom: 15px;
}
.entry-content blockquote p {
    font-size: 18px!important;
}
.entry-content ul, .entry-content ol {
    list-style-position: inside;
    padding-left: 0;
    font-size: 16px;
    text-align: left;
}
.entry-content em {
    font-size: 18px;
    font-style: italic;
}
.entry-content a {
    color: #e59b45;
    text-decoration: none;
}
.entry-content a:hover {
    text-decoration: underline;
}
.menuf {
	display: none;
}
.menu ul li {
    list-style: none;
    font-size: 18px;
    display: inline-block;
}
.menu ul li a {
    padding: 9px 13px;
    display: block;
}
.menu li a {
    font-weight: bold;
    color: black;
}
#menu.closed {
    right: -300px; /* Initieel verborgen */
}

#menu-button.closed #bar1 {
    transform: rotate(0) translate(0);
}

#menu-button.closed #bar2 {
    transform: rotate(0) translate(0);
}

/* Start animation */

.dropdown-menu .menu-item-has-children:hover .dropdown-menu {
    display: block;
}
.dropdown-menu ul.dropdown-menu {
    position: absolute;
    display: none;
    left: 125px;
    top: 0px;
}
li.nav-item {
    display: inline-block;
    position: relative;
}
.menuf li.nav-item {
    display: block;
}
.navbar-nav {
    margin-left: -15px;
    position: relative;
}
.header-center {
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-telefoon i {
    margin-right: 5px;
}
.header-telefoon {
    background: #f1f1f1;
    padding: 7px;
    text-align: right;
}
.header-telefoon a {
color: #022a5c!important;	
}
ul.header-shorts {
    position: relative;
    top: 18px;
}
li.header-phone i {
    font-size: 18px;
    margin-right: 15px;
    position: relative;
    top: 1px;
}
li.header-phone {
    display: inline-block;
    font-size: 18px;
}
.menu {
    position: relative;	
}
.navbar-collapse {
    margin-top: 19px;
}
.orange {
    color: #f47621!important;
}
.orange a {
    color: #f47621!important;
}
li.nav-item.menu-button a {
    background: #173d6c;
    height: 33px;
    color: white;
    padding: 14px 20px;
    font-size: 16px;
}




.dropdown-content a {
    display: inline-block;
    padding: 4px 9px!important;
    font-weight: 300;
    margin-bottom: 6px;
}
.dropdown-toggle::after {
    border: none!important;
    font: 12px/1 FontAwesome;
    content: "\f107"!important;
    vertical-align: 0;
    margin-left: 8px;
    top: -1px;
    position: relative;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
	padding-left: 0px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
li.menu_all a {
    margin-top: 10px;
    margin-bottom: 15px;
    font-style: italic;
    color: #000000!important;
}
.dropdown-content a:hover {
color: black!important;
background: #f3f3f3;
}
.dropdown {
display: inline-block;
}
.dropdown .dropbtn {
    font-weight: 800;
    display: inline-block;
    color: black;
    padding: 10px 15px 30px 15px;
    font-size: 16px;
}
.navbar a:hover, .dropdown:hover .dropbtn {
color: #173d6c;
}
.dropbtn::after {
    font-family: 'Font Awesome 5 Free';
    content: "\f078";
    color: #0071bc;
    font-size: 10px;
    margin-left: 7px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    left: 0;
    z-index: 99999;
    text-align: left;
	padding-top: 15px;
}
.dropdown-content a {
    display: inline-block;
    padding: 4px 9px!important;
    font-weight: 300;
    margin-bottom: 6px;
}
.dropdown:hover .dropdown-content {
  display: block;
}

footer {
    position: relative;
    padding-bottom: 0px;
    font-size: 16px;
}
footer .formoval {
    position: absolute;
    right: 0px;
    left: -432px;
    transform: scaleX(-1.7);
}
.whitefooterbox {
    background: white;
    box-shadow: 0 20.215px 60.644px rgba(16,30,54,.05);
    padding: 20px;
    border-radius: 15px;
    position: relative;
    margin-top: -10px;
}
.whitefooterbox .head3::after {
    height: 5px;
    width: 43px;
    background: linear-gradient(90deg, rgb(87 150 233) 35%, rgba(0,212,255,1) 100%);
    border-radius: 99px;
    display: block;
    content: '';
    margin-top: 20px;
    margin-bottom: 20px;
}
.gform_button {
    padding: 15px 20px;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
    background: linear-gradient(182deg, rgb(36 175 11) 0%, rgb(34 201 38) 100%);
    border: 0px;
    font-family: 'Roboto Slab';
    cursor: pointer;
	font-size: 15px;
	transition: none!important;
}
.gform_button:hover {
    background: #24b511;
}
.gfield input {
    border-radius: 10px;
    border: 1px solid #c5bfbf;
    min-height: 43px;
}
.gfield textarea {
    border-radius: 10px;
    border: 1px solid #c5bfbf;
}
span.title-footer {
    font-weight: bold;
    display: block;
    font-size: 16px;
	color: black;
}

i.fa-brands.fa-twitter {
    padding: 10px;
    font-size: 25px;
    background: white;
    color: #5795e9;
    border-radius: 32px;
}
.icon-footer {
    font-size: 16px;
    position: relative;
}
.icon-footer a {
    color: black;
}
.icon-footer span {
    position: relative;
    left: 35px;
    line-height: 32px;
    top: -6px;
}
.icon-footer i {
    font-size: 14px;
    position: absolute;
    color: #5796e9;
    top: 1px;
}
@media (max-width: 1399px) {
span.hero-page-align {
    left: -40px;
}
}
@media (max-width: 1299px) {
span.hero-page-align {
        width: 95%;
    }
.dropdown-menu ul.dropdown-menu {
    position: absolute;
    left: 125px;
    top: 0px;
}	
}
@media (max-width: 1199px) {

.hero-page-align h1 {
    font-size: 30px;
    text-align: left!important;
}
}
span.lp-slogan {
    font-size: 18px;
}
@media (max-width: 991px) {
div#gform_wrapper_1 {
    margin-top: 0px!important;
}
	
.hero-content h1 {
    font-size: 40px;
}	
.hero-content span {
    font-size: 34px;
    line-height: 28px;
}	
.hero-content h1 {
    margin-bottom: 10px !important;
}	
a.hero-button {
    padding: 10px 30px;
    margin-top: 35px;
    font-size: 17px;
}	
.tabhide {
    display: none!important;
}
.contact-menu {
    text-align: right;
}	
.row.nmlr-page {
	height: auto;
}
.overlaylp img {
    width: 100%;
    display: block;
    opacity: 0.4;
    height: 450px;
    object-fit: cover;
}
	.dropdown-menu {
	position: relative;
    box-shadow: none;
    padding-left: 10px;
	top: 0px;
}
span.overlaplp-img {
    position: relative;
    right: 0px;
    width: 100%;
}
span.hero-page-align {
    position: static;
    width: auto;
    animation: 0.7s ease-out 0s 1 slideInFromTop;
    background: white;
    z-index: 99999;
    padding: 15px 20px;
}	
.contact-box span {
    font-size: 20px;
}	
	.tabshow991 {
display: block;
	}
.tabshow {
    display: inline-block!important;
}	
.homechoiceblock h2 {
    font-size: 28px;
}
.homechoiceblock p {
    font-size: 15px;
}	
.roundbg {
    width: 95%;
}
.text-container .entry-content {
    padding: 40px 0px 40px 0px;
}
footer .col-lg-3.col-md-6 {
    margin-bottom: 25px;
}
.contact-box {
    padding: 30px 0px;
}	
.partners .col-lg-3.col-6 {
    margin-bottom: 20px;
}		
}
@media (max-width: 767.98px) {
.hero.contact {
    height: 200px;
}
.contact img.hero-img {
    height: 200px;
}	
    .contact .hero-content {
        margin-top: 70px;
    }	
.g-5, .gx-5 {
    --bs-gutter-x: 0em!important;
}	
    .hero-content span {
        font-size: 27px;
        line-height: 28px;
    }	
.header-center {
    padding-top: 0px;
    padding-bottom: 0px;
}	
img.hero-img {
    object-position: right;
    opacity: 0.5;
}	
    .hero-content h1 {
        font-size: 35px;
    }	
    .text-container .entry-content {
        padding: 40px 20px 40px 15px;
    }	
.dropdown-menu {
    position: static;
	z-index: 999;
}
.navbar-nav .dropdown-menu {
    margin-top: -10px;
}
.navbar-nav .dropdown-menu a {
    padding: 10px 5px;
    font-size: 15px;
}	
.overlaylp img {
    border-radius: 0px;
}
span.overlaplp-img {
    border-radius: 0px;
}
.reveal.contentlinks-afbrechts .entry-content p {
    margin-left: 0px!important;
    padding-left: 0px;
}	
.icon {
    padding-bottom: 20px;
}
.nav a {
    padding: 10px 15px;
}	
.mobhide {
	display: none!important;
}
.mobshow {
    display: block!important;
}	
.nav-item.open .dropdown-toggle::after {
    transform: rotateX(180deg);
}
.nav-item.open .dropdown-toggle {
    background: #ffffff;
    height: 23px;
}
a.dropdown-toggle.nav-link {
    position: relative!important;			
}	
	.menu-large {
		position: unset!important;
	}	
.dropdown-menu {
    top: 0px;
    background-color: #ffffff;
}
.dropdown-menu a {
    font-size: 16px;
}
    .logo img {
        width: 225px;
    }
.homechoiceblock h2 {
    font-size: 20px!important;
}
.homechoiceblock p {
    font-size: 13px!important;
    padding: 0px 10px;
}
.roundbg {
    width: 99%;
    height: 100%;
    object-position: 48% 102%;
    background-color: #ebfdff;
    border-radius: 0% 5rem 5rem 0%;
}
.reveal .entry-content p {
    padding-bottom: 20px;
}
.contentlinks-afbrechts .entry-content h2 {
    padding-left: 0px;
    padding-right: 0px;
}	
.mobilemenu {
    top: 12px;
}
    a.contact {
        padding: 10px 15px;
        position: relative;
        top: -3px;
    }
.icon p {
    font-size: 13px;
}	
.contact-box span {
    font-size: 18px;
}	
.mobilemenu i {
    width: 50px;
}
.overlaylp img {
    height: 250px;
}	
.hero-page-align h1 {
    font-size: 20px!important;
}
span.lp-slogan {
    font-size: 15px;
}
.imganimation-page {
    margin-bottom: 10px;
}
.withcheck {
    font-size: 14px;
}
a.button-page {
    margin-top: 10px;
}	
.heropage-content {
    top: -20px;
    position: relative;
}	
.partners img {
    width: 110px;
}	
.hero {
    height: 460px;
}	
.hero-content {
    margin-top: 96px;
}	
.wafel img {
    width: 60px;
    height: 60px;
}	
.arrowdown i {
    padding: 0px;
    width: auto;
}	
.text-center.arrowdown {
    width: 30px;
    height: 30px;
    font-size: 21px;
}	
    .head2 {
        font-size: 22px;
        margin-bottom: 5px;
    }
.undertitle {
    font-size: 17px;
    font-weight: 400;
}
.pt-80 {
    padding-top: 40px;
}	
.pb-80 {
    padding-bottom: 40px;
}		
.block h3 {
    font-size: 19px;
}	
.prijzen-img {
    margin-top: 30px;
}
.bg {
    background: black;
    height: 380px;
}
.bg img {
    height: 380px;
}	
.bg .container h3 {
    font-size: 22px;
    padding-top: 70px;
}	
.pb-60 {
    padding-bottom: 30px;
}	
.pt-60 {
    padding-top: 30px;
}		
}
@media (max-width: 380px) {
    .logo img {
        width: 195px;
    }
}