/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* CSS 2024 */
.teamtile-name {
	margin-top: 50px;
	background-color:red;
}

body {
	    overflow-y: auto !important;
}
/* end 2024 code */

.angle-1 { transform: rotate(-1deg) !important;}
.angle-2 { transform: rotate(-2deg) !important;}
.angle-3 { transform: rotate(-3deg) !important;}
.angle-4 { transform: rotate(-4deg) !important;}
.angle-5 { transform: rotate(-5deg) !important;}
.angle1 { transform: rotate(1deg) !important;}
.angle2 { transform: rotate(2deg) !important;}
.angle3 { transform: rotate(3deg) !important;}
.angle4 { transform: rotate(4deg) !important;}
.angle5 { transform: rotate(5deg) !important;}

.quotes {
	color:#4cabcb;
	font-family: 'Gochi hand';
	  vertical-align: text-top;
}
.klikmaar .cursor-image img {
transform: translate(-50%, -50%);
}
.btn { text-align: center; padding:8px 12px; margin-right: 16px; font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
  padding: 12px 15px 12px 15px;}
.btn-nm { text-align: center; padding:4px 8px; }
.btn-cat { color:#ffffff; background-color: #2c2d6c; white-space: nowrap; font-family: 'Montserrat' !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 24px !important; float: left;
    margin-bottom: 16px;	}
.btn-cat:hover { background-color:#4cabcb; color:#ffffff !important; }
.btn-intro { color:#ffffff  !important; background: rgb(236,95,108);
    background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
    background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
    background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%); white-space: nowrap; float:left; margin-top:12px; font-weight: 700 !important; font-size: 22px; margin-bottom: 32px; }
.btn-intro:hover { background: #4cabcb !important; background-color:#4cabcb !important; color:#ffffff  !important; }
.btn-favo { color:#ffffff !important; background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	white-space: nowrap; float:center; font-weight: 700 !important; font-size: 22px; padding: 11px 10px; }
.btn-favo:hover {background-color:#4cabcb !important; background: #4cabcb !important; color:#ffffff; }
.btn-row { width: 100%; min-height: 50px; }
.btn-row p { display: none; }
.name-row { margin-top:70px !important; }
.teamtitle  { margin: 0 !important; font-weight: 700 !important; line-height: 33px !important; font-size: 30px !important;  }
.casewrap { width: 100%; min-height: 50px; }
.caseimg { overflow: hidden; margin-right: -16px; }
.c-img { width: auto; float: right;   padding:16px; background-position: center center; background-size: 100% 100%; }
.teamwrapper { padding: 32px 32px 0 32px; }

@media only screen and (max-width: 640px) {
	
	.casewrap { position: absolute;  }
.caseimg { margin-right: 32px; }
.c-img { width: calc(100% - 32px); float: left;   }
	.leukbox { position: absolute; align-self: flex-start; }

}

#korteintro-modal { background-color: rgba(76,171,203,0.7); }
#korteintro-modal .modal-dialog { margin-top:200px; border-radius: 0; border:none !important; box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; }
#korteintro-modal .modal-content { border-radius: 0; color:#ffffff; background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%); padding:32px;  border:none !important; box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; }
#korteintro-modal h3 { font-weight: 700 !important; font-size: 48px!important; color:#ffffff!important;  }
#korteintro-modal .modal-body { font-weight: 500 !important; font-size: 22px!important; color:#ffffff!important;  }
#korteintro-modal .modal-header { border-bottom: none;  }
#korteintro-modal .close { right: 8px; top:8px; position: absolute; }
.ilightbox-holder.metro-white { padding:0 !important; }
.meer-btn { color: #ffffff; margin-left:64px; line-height: 46px; font-size: 24px; position: absolute; bottom:64px; left:70px; }
.meer-btn:before { 
	content:"\B7\B7\B7";
	width: 46px;
	height: 46px;
	background-color: #ffffff;
	color:#ec5f6c;
	line-height: 40px;
	font-size: 46px;
	position: absolute;
	left:-64px;
	text-align: center;
}
.meer-btn:hover:before {
	background-color:#2c2d6c;
	color:#ffffff;
}
.meer2-btn { color: #ffffff; margin-left:64px; line-height: 46px; font-size: 24px; }
.meer2-btn:hover { color: #2c2d6c; }
.meer2-btn:before { 
	content:"\B7\B7\B7";
	width: 46px;
	height: 46px;
	background-color: #ffffff;
	color:#ec5f6c;
	line-height: 40px;
	font-size: 46px;
	position: absolute;
	left:24px;
	text-align: center;
}
.meer2-btn:hover:before {
	background-color:#2c2d6c;
	color:#ffffff;
}
.hetteamimg { margin-left: 64px; }
.contact-btn { color: #ec5f6c; margin-left:64px; line-height: 46px; }
.contact-btn:hover { color: #2c2d6c; margin-left:64px; line-height: 46px; }
.contact-btn:before { 
	content:"\B7\B7\B7";
	width: 46px;
	height: 46px;
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	color:#ffffff;
	line-height: 40px;
	font-size: 46px;
	position: absolute;
	left:30px;
	text-align: center;
}
.contact-btn:hover:before {
	background-color:#2c2d6c;
	background:#2c2d6c;
	color:#ffffff;
}

.btn-roze {
	color:#ffffff;
	padding:16px 22px;
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	margin-bottom: 1em;
}
.btn-roze:hover{
	background: #ffffff;
	/*color:#2c2d6c;*/
	color: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
color: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
color: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
}

.mob-even .btn-roze { width: 100%; text-align: center; display: block; }
.mob-even p { width: 100%; }
.home-ons { float: right; }
.misniks-container  {
padding:64px;
}
.hetteam-container  { 
padding:64px 32px 64px 64px;
}
.misniks-container,.hetteam-container  {
	position: absolute;
	top:-88px;
	left:-33px;
	
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	width: 490px;
	height: 540px;
}
.hetteam-container h2 { 
margin-bottom: 0.5em !important;
}
.misniks-container h2, .hetteam-container h2 {
	color:#ffffff !important;
	font-size: 80px !important;
	font-weight: 700 !important;
		margin-bottom: 0.5em !important;
}
.misniks-container p , .hetteam-container p {
	color:#ffffff;
}
.misniks-container:after, .hetteam-container:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 75px solid #e6027d;
    border-left: 56px solid transparent;
	left:0;
	bottom:-75px;
}
.hetteam-container { background: url('https://bengelmedia.nl/wp-content/uploads/2021/06/Afke_Velink.png'),linear-gradient(to right, rgba(236,95,108,1) 0%, rgba(230,1,125,1) 100%); background-size: 65%, cover; background-position: bottom right, 0 0; background-repeat: no-repeat; }


.width-correction { margin-right:32px; margin-left: 52px; }

/* square icons */
.square-icon-col p { margin: 0; color:#ffffff; }
.square-icon-col .fontawesome-icon { margin-left:auto !important; margin-right: auto !important;}
.square-icon-col { margin-bottom: 28px; }
.square-icon-col:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 16px solid #e6027d;
    border-left: 12px solid transparent;
	left:4px;
	bottom:-16px;
}

.linkedinicon {
	width: 176px;
	height: 176px;
	position: absolute;
	top:-88px;
	right: 0 !important;
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	text-align: center;
	vertical-align: middle;
	line-height: 176px !important;
	margin-right: 0 !important;
}
.linkedinicon:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 32px solid #e6027d;
    border-right: 24px solid transparent;
	right:0;
	bottom:-32px;
}
.misniks-in {
	position: absolute !important;
	top:-88px;
	right: -1px !important;
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);

	
}
.hl,.hr,.hl-s,.hr-s { overflow: visible!important; }
.hl:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 32px solid #e6027d;
    border-left: 24px solid transparent;
	left:0;
	bottom:-32px;
}
.hr:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 32px solid #e6027d;
    border-right: 24px solid transparent;
	right:0;
	bottom:-32px;
}
.hl-s:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 21px solid #e6027d;
    border-left: 15px solid transparent;
	left:0;
	bottom:-21px;
}
.hr-s:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 21px solid #e6027d;
    border-right: 15px solid transparent;
	right:0;
	bottom:-21px;
}
.bggrr {
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
}
.teammobbg {
	background: url('https://bengelmedia.nl/wp-content/uploads/2021/06/Afke_Velink.png'),linear-gradient(to right, rgba(236,95,108,1) 0%, rgba(230,1,125,1) 100%); background-size: 65%, cover; background-position: bottom right, 0 0; background-repeat: no-repeat;
}

/* menu en header */
.mbmenu .fusion-menu {
	background: rgb(236,95,108) !important;
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%) !important;
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%) !important;
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%) !important;
}
.mainknop { 
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	font-size: 1.4em !important;
	padding:24px !important;
	width:90px;
	height:90px;
	
}
.mainknop.expanded {
	background-color:transparent;
	background:rgba(0,0,0,0) !important;
	z-index: 9999999999!important
}
.mainknop .sub-menu {
	margin-top:-90px !important;
	padding-top:90px !important;
}
.awb-menu.expanded .awb-menu__m-collapse-icon-close {
z-index:9999999999;
}

/*
.fa-bars::before {
    content: "" !important;
	background-image: url('https://bengelmedia.nl/wp-content/uploads/2021/06/bengelmedia_icoon_menu.png');
	background-position: center center;
	background-size: cover;
	width: 30px;
height: 30px;
display: inline-block;
	
}
*/
.fusion-menu-element-wrapper .fusion-open-nav-submenu:before { font-size: 40px!important; }
.fusion-menu-element-wrapper.collapse-enabled .fusion-open-nav-submenu-on-click:before { padding: 0 25px!important; }
/*.fusion-menu-element-wrapper .fusion-open-nav-submenu:before {
    content: "" !important;
	background-image: url('https://bengelmedia.nl/wp-content/uploads/2021/06/bengelmedia_icoon_menu_dicht-1.png')!important;
	background-position: center center!important;
	background-size: cover!important;
	width: 40px!important;
height: 30px!important;
display: inline-block!important;
	padding: 0 !important;
	margin-right: 30px !important;
	min-height: 0 !important;
	
}
.fusion-menu-element-wrapper.collapse-enabled .fusion-open-nav-submenu-on-click[aria-expanded=true]:before {
    transform: rotate(45deg)!important;
	
}*/

/*
.expanded .fa-times::before {
    content: "" !important;
	background-image: url('https://bengelmedia.nl/wp-content/uploads/2021/06/bengelmedia_icoon_menu_sluiten.png') !important;
	background-position: center center!important;
	background-size: cover!important;
	width: 30px;
height: 30px;
display: inline-block;
	
}
*/
.sub-menu .menu-item { background-color:transparent !important; }

.ltr .fusion-menu-element-wrapper.expand-left .fusion-menu-element-list ul>li a {
    justify-content: flex-start !important;
}


.fa-paper-plane::before {
    content: "" !important;
	background-image: url('https://bengelmedia.nl/wp-content/uploads/2021/06/bengelmedia_icoon_nieuwsbrief.png');
	background-position: center center;
	background-size: cover;
	width: 30px;
height: 30px;
display: inline-block;
	margin-bottom: -10px;
	margin-top:-10px;
}

/*
.sub-menu {
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
} */

.headcontainer { 
	height: 650px;
}

.headcontainer2 {
position:absolute;top:0;left:0;width:100%;height:100%;
}


.homeheaderzin1 {
	background: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	width: 670px;
font-size: 60px;
font-weight: 900;
color: #ffffff;
	transform: rotate(-1deg);
	z-index: 555 !important;
	margin-left: calc(50% - 420px) !important;
	margin-right: auto !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-top:8px;
	padding-bottom:8px;
	line-height: 1.1 !important;
	
}
.homeheaderzin2 {
	background-color: #2c2d6c;
	width: 790px;
font-size: 60px;
font-weight: 900;
color: #ffffff;
	margin-left: auto !important; 
	margin-right: auto !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	transform: rotate(2deg);
	z-index: 450 !important;
	padding-top:8px;
	padding-bottom:8px;
	line-height: 1.1!important;

}
.homeheaderzin1 div, .homeheaderzin2 div { 
	font-size: 60px !important;
	color: #ffffff !important;
	}

/* portfolio */
.werkcol { min-height: 500px; }
.portfolio-kop { }
.pi1 .portfolio-kop, .pi2 .portfolio-kop, .pi3 .portfolio-kop, .pi4 .portfolio-kop {
	position: absolute; 
	line-height: 1;
/*	height: 49px; */
	font-size: 30px !important;
	text-transform: uppercase; 
	font-weight: 700;
	padding:10px 20px;
	vertical-align: middle;
	z-index:1010;
}
.pi1 .portfolio-kop { 
	right: -22px; 
	top:-49px; 
	background-color: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
}
.pi1 .portfolio-kop:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 28px solid #e6027d;
    border-right: 22px solid transparent;
	right:0;
	bottom:-28px;
}
.pi2 .portfolio-kop { 
	top:-49px; 
	left: -22px; 
	background:#2c2d6c;
}
.pi2 .portfolio-kop:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-top: 28px solid #4cabcb;
    border-left: 22px solid transparent;
	left:0;
	bottom:-28px;
}
.pi3 .portfolio-kop {
	left: -22px; 
	bottom:-49px; 
	background-color: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
}
.pi3 .portfolio-kop:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-bottom: 28px solid #e6027d;
    border-left: 22px solid transparent;
	left:0;
	top:-28px;
}

.pi4 .portfolio-kop { 
	bottom:-49px; 
	right: -22px; 
	background:#2c2d6c;
}
.pi4 .portfolio-kop:after {
	content:"";
	position: absolute;
    width: 0;
    height: 0;
    border-bottom: 28px solid #4cabcb;
    border-right: 22px solid transparent;
	right:0;
	top:-28px;
}
.introblok { /*margin-top: 350px !important;*/ }

.voet p {margin-top:0 !important;}

/* nieuws */
.nieuws-wrap { height: 600px; }
.nieuws-titel { position:absolute; bottom:132px; background-color:#2c2d6c; padding:12px 32px; margin:0; width: 100%; color:#ffffff; }
.nieuws-titel h3 { color:#ffffff !important; padding:0 !important; margin: 0 !important;  }
.nieuws-titel h3 a { color:#ffffff !important; padding:0 !important; margin: 0 !important;  }
.nieuws-datum { position:absolute; bottom:80px; background-color:#4cabcb; padding:8px 32px; color:#ffffff; }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) {
	.contact-btn { color: #ec5f6c; margin-left:52px; line-height: 46px; }
.contact-btn:before { 
	width: 46px;
	height: 46px;
	line-height: 40px;
	font-size: 46px;
	
	left:0;
	text-align: center;
}
	.meer-btn { color: #ffffff; margin-left:52px; line-height: 46px; font-size: 24px; position: absolute; bottom:64px; left:70px; }
.meer-btn:before { 
	width: 46px;
	height: 46px;
	line-height: 40px;
	font-size: 46px;
	
	left:-64px;
	text-align: center;
}
	.meer2-btn { color: #2c2d6c; margin-left:52px; line-height: 46px; font-size: 24px; }
.meer2-btn:before { 
	width: 46px;
	height: 46px;
	line-height: 40px;
	font-size: 46px;
	
	left:6px;
	text-align: center;
}
}
@media only screen and (max-width: 600px) {
.pi1 .portfolio-kop {top:-60px;  }
.pi2 .portfolio-kop {top:-60px; }
.pi3 .portfolio-kop {bottom:-60px;  }
.pi4 .portfolio-kop {bottom:-60px;  }	
	
	.homeheaderzin1 {
margin-left: auto !important;
	width: 90vw;
font-size: 1.4em;
margin-top:-38px !important; 
	
}
.homeheaderzin2 {
	background-color: #2c2d6c;
	width: 90vw;
font-size: 1.4em;
/*	margin-top:14px !important; //-46 */
	}
	.introblok { padding-bottom:96px; }
	.homeheaderzin1 div, .homeheaderzin2 div { 
	font-size: 1.4em !important;
	}
}
#content { margin-bottom: 0!important; }



#main #comment-submit, #main .comment-submit, #reviews input#submit, .button-default, .button.default, .comment-form input[type="submit"], .fusion-button, .fusion-button-default, .fusion-footer-widget-area .fusion-privacy-placeholder .button-default, .fusion-portfolio-one .fusion-button, .post-password-form input[type="submit"], .slidingbar-area .button-default, .ticket-selector-submit-btn[type=submit], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"], .wpcf7-submit, input.button-default {
	font-family: 'Montserrat' !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 24px !important;	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 769px) {
.c-img {  height: 256px; }
}
@media only screen and (min-width: 768px) {
	.introblok { /*margin-top: 200px !important; */ }
	.c-img {   }
	.contact-li { position: absolute !important; right: 40px; bottom:64px;; }
.misniks-contact-wrap { height: 500px; }
	.teammobbg {
	background-size: contain, cover; 
}

@media only screen and (max-width: 768px) {

	.pi1,.pi2,.pi3,.pi4 { margin-bottom: 16px; }
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1120px) {
.misniks-container,.hetteam-container  {
	width: 540px;
	height: 540px;
}
}
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}

/******* MENU ***********/


 /*

#mbmpopout {
position: fixed;
height: auto;
width: 450px;
	padding-top:90px;
background-color: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
color: rgba(255,255,255,0.75);
top: 0px;
right: 0;
overflow:auto;
	display: none;
}
 
 
#mbmtoggle {
float: right;
position: fixed;
top: 0;
right: 0;
width: 90px;
height: 90px;
	padding:20px 10px;
 
	background-color: rgb(236,95,108);
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%);
	
}
#mbmtoggle2 {
float: right;
position: fixed;
top: 0;
right: 0;
width: 90px;
height: 90px;
	padding:20px 10px;


	
}
 .main-nav ul {
	 list-style: none;
}
 .main-nav ul ul {
    display: none;
}

.nav-menu li { 
	border:none;
padding:20px;
width:100%;
}

 
.nav-menu li:hover { 

}
 
.nav-menu li a:hover, .nav-menu li a:active { 
	color:#ffffff;
}
.nav-menu .menu-item-has-children::after {
	content: "";
	background-image: url('https://bengelmedia.nl/wp-content/uploads/2021/06/bengelmedia_icoon_menu_dicht-1.png');
	background-size: cover;
	right: 10px;
	width: 10px;
	height: 20px;
	position: absolute;
	top:0;
	
}
.nav-menu li a { 
color: rgba(255,255,255,0.75);
text-decoration:none;
width:100%;
	font-size: 20px; 
	line-height: 40px;
	font-weight: 700;
}
.nav-menu .sub-menu li a { 
color: rgba(255,255,255,0.75);
text-decoration:none;
width:100%;
	font-size: 18px; 
	line-height: 36px;
	font-weight: 400;
}
.nav-menu .current_page_item a {
	color:#ffffff;
}
*/
.fusion-menu-element-wrapper>.avada-menu-mobile-menu-trigger.no-text .collapsed-nav-icon-close, .fusion-menu-element-wrapper>.avada-menu-mobile-menu-trigger.no-text .collapsed-nav-icon-open {
	left:25px!important;
}
.avada-menu-mobile-menu-trigger {
	z-index:999999999;
	background-color: rgb(236,95,108) !important;
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%)!important;
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%)!important;
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%)!important;
	width: 90px;
	height: 90px;
	padding-top: 0 !important;
	padding-bottom: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
	position: fixed;
	top:0;
	right: 0;
}
.expanded .avada-menu-mobile-menu-trigger {
	background:rgba(0,0,0,0)!important;
	background-color:rgba(0,0,0,0)!important;
}
#menu-hm {
	position: fixed;
	left: auto;
	right: 0;
	top:0;
	width: 400px;
	padding-top:90px;
	padding-bottom: 45px;
	padding-left: 30px;
	background-color: rgb(236,95,108) !important;
background: -webkit-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%)!important;
background: -o-linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%)!important;
background: linear-gradient(-30deg, rgba(230,1,125,1) 0%, rgba(236,95,108,1) 100%)!important;
	z-index:999999998;
}
.fusion-dropdown-submenu::before{
	content:"\2022"!important;
		width:10px!important;
	height: 18px!important;
	font-size: 40px!important;
	color:rgba(255,255,255,0.75)!important;
	position: absolute!important; 
	left:30px!important;
}
.fusion-dropdown-submenu:hover:before{
	content:"\2022"!important;
		width:10px!important;
	height: 18px!important;
	font-size: 40px!important;
	color:rgba(255,255,255,1)!important;
	position: absolute!important; 
	left:30px!important;
}

@media only screen and (max-width: 600px) {
		.pi1 .portfolio-kop .title-heading-tag, .pi2 .portfolio-kop .title-heading-tag, .pi3 .portfolio-kop .title-heading-tag, .pi4 .portfolio-kop .title-heading-tag {
	
	font-size: 20px !important;
	
}
}

@media only screen and (max-width: 768px) {
	

	.pi3 .portfolio-kop {bottom:-145px; }
	#fixbel {
		position: fixed;
		bottom:0;
		left:0;
	}
	#menu-topmenu { width: 100%; }
	
	#menu-topmenu {
	top:auto;
	bottom:0;	
	padding-top:0;
	padding-bottom: 90px;
		z-index:9999998;
	}
	.avada-menu-mobile-menu-trigger {
    position: fixed;
    bottom: 0;
		right:0;
		top:auto;
}
}
.contactlink { color:#ffffff!important; }
.nieuwsbriefintro, .nieuwsbriefaccept { }
@media only screen  and (max-width: 768px) and (orientation: landscape) { 

		.homeheaderzin1 {
	font-size: 40px!important;
		width: 500px !important;
}
.homeheaderzin2 {
font-size: 40px!important;
	width: 560px !important;
	}
	.homeheaderzin1 div, .homeheaderzin2 div { 
	font-size: 40px !important;
	}
}
#menu-item-2173 .fusion-menu-element-wrapper.collapse-enabled ul { background-color:rgba(255,255,255,0) !important; }
.sub-menu { background-color:rgba(255,255,255,0) !important; }

.awb-menu__m-toggle { height:56px; }



@media only screen and (max-width: 1024px){
	#menu-topmenu { width: 100%; }
	
	#menu-topmenu {
	top:auto;
	bottom:0;	
	padding-top:0;
	padding-bottom: 90px;
		z-index:9999998;
	}
.menu-main-right {
    position: fixed !important;
    top: calc(100dvh - 90px)!important;
    right: 0 !important;   
}
.menu-main-right button {
        padding: 17px 25px !important;
	z-index:9999999999;
}

.pi4 .portfolio-kop { 
	bottom:-48px; 
	padding: 9px 20px;
}
.pi3 .portfolio-kop {
	bottom:-48px; 	
	padding: 9px 20px;
	}
.pi2 .portfolio-kop { 
	top:-48px;
	padding: 9px 20px;
	}	
.pi1 .portfolio-kop { 
	top:-48px; 
padding: 9px 20px;	
}	
	}
.altijdvierkant {
	width: 100%;
	aspect-ratio: 1/1;
}