.inhoudflex {
	display: flex;
	flex-direction: row;
	text-align: center; 
  	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 50px;
	max-width: 1250px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	align: center;
	width: 90%;
}

 .inhoudflex > .kolomflex1 {
	display: flex;
	flex-direction: row;
	flex: 65%;
    align-items: left;
    flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color2: green;
}

 .inhoudflex > .kolomflex2 {
    display: flex;
	flex-direction: column;
	flex: 35%;
	align-items: flex-start;
	margin: 0px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color2: green;
}

.inhoudflex .kolomflex1 .artikelflex, .inhoudflex .kolomflex2 .artikelflex{
	padding: 10px!important;
}

.inhoudflex > .kolomflex1 > .artikelflex {
    flex: 48%;
	text-align: left;
	padding: 10px;
	margin: 0px;
    height: auto;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.inhoudflex > .kolomflex2 > .artikelflex {
    width: 100%;
	text-align: left;
	padding: 20px;
	margin: 0px;
    height: auto;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.artikelflex a:hover {
    text-decoration: none;
}
.artikelflex_img_wrapper {
    height: 217px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.artikelflex_img {
    width: 100%;
    height: 217px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.artikelflex_img:hover .overlay {
    opacity: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.artikelflex_img_portait > img {
    height: 100%;
    width: auto;
    max-width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.artikelflex_item h3 {
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
    color: #1D4054;
    margin-top: 17px;
    margin-bottom: 0;
    width: 100%;
}
.artikelflex_titel {
    line-height: 24px;
    color: #1D4054;
    margin-bottom: 5px;
}
.artikelflex_datum {
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    color: #A4BDCB;
    margin-bottom: 23px;
}
.artikelflex_excerpt {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #39505D;
    overflow: hidden;
    //display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    //max-height: 90px; 
}
/*voor alle functionele blokken zoals abbonement, nieuwsbrief, wandelkalander, wandelen met smartphone*/
.functieblok{ 
	padding: 35px 25px;
	 border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
	text-decoration: none;

}

.smartphoneflex {
    width: 366px;
    background: #B7292D;
    position: relative;
    height: 260px;
    margin-top: 9px;
}

.smartphoneflex > .smartphone_app_content {
    width: calc(100% - 135px);
	text-decoration: none;
}

.smartphoneflex > .smartphone_app_content h3 {
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
    color: #fff;
}
.smartphoneflex > .smartphone_app_content a, .smartphoneflex > .smartphone_app_content a {
    font-family: 'Bree Serif', Arial, serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
    padding: 11px 16px 14px;
    display: inline-block;
    margin-top: 10px;
    background: #761A1C;
    border: 1px solid rgba(255,255,255,0);
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.smartphoneflex > .smartphone_app_content a:hover {
    text-decoration: none;
    color: #fff;
    background: #B7292D;
    border: 1px solid #fff;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.smartphoneflex > .smartphone_img {
    height: 277px;
    width: 213px;
    background: url('https://www.wandelzoekpagina.nl/images/smartphone3.0.webp');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -17px;
    right: -10px;
}

.nieuwsbriefflex {
    width1: 366px;
    width: 100%;
    background: #009D00;
}
.nieuwsbriefflex > .nieuwsbriefflex_icon_wrap  {
    width: 104px;
    height: 104px;
    margin-left: calc(50% - 52px);
    margin-bottom: 20px;
    background-color: #75C975;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.nieuwsbriefflex > .nieuwsbriefflex_icon_wrap > .nieuwsbriefflex_icon {
    height: 54px;
    width: 50px;
    background-image: url('https://www.wandelzoekpagina.nl/images/nieuwsbrief_icon.png');
    margin-bottom: 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.nieuwsbriefflex_icon {
    height: 54px;
    width: 50px;
    background-image: url('https://www.wandelzoekpagina.nl/images/nieuwsbrief_icon.png');
    margin-bottom: 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.nieuwsbriefflex h2 {
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
    color: #FFFFFF;
    text-align: center;
}

.partnersflex {
    width: 366px;
    border: 1px solid #CAD1D9;
        min-height: 245px;
}
.partnersflex h3 {
    margin: 0 0 10px;
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    color: #1D4054;
    text-align: center;
}
.partnersflex a
{
	text-decoration: underline;
	color: #39505D;
}
.partnersflex a:hover
{
	text-decoration: none;
}

.partner a span{
	font-size: 12px;
	line-height: 12px;
	display: block;
}

img.partnerlogo{
	width: 100px;
	height: auto;
	margin-top:5px;
	clear:both;
}


.wandelkalenderflex {
	display: flex;
    border: 1px solid #CAD1D9;
    background-color: #009D00;
    background-image: url('https://www.wandelzoekpagina.nl/images/wandel-calendar.webp');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
	margin-top: 20px;
}

.inhoudflex > .kolomflex2 > .artikelflex > .abonnementflex {
    width: 100%;
	height: 590px;
    background-color: #009D00;
    position: relative;
    margin-top: 0px;
}

.abonnementflex .tip_badge_right {
    width: 52px;
    height: 52px;
    background:#B7292D;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    position: absolute;
    top: -16px;
    right: 36px;
    font-family: 'Bree Serif', Arial, serif;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
}


.functieblok.abonnementflex {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #009D00;
    color: white;
    border-radius: 10px;
    overflow: visible;
    min-height: 420px;
}

/* Zorgt ervoor dat de tekstinhoud altijd boven blijft */
.abbonementflex_content {
    position: relative;
    z-index: 2; /* Houdt de content boven de afbeelding */
}

.sidebar_abonnement_img_new3 {
    background-image: url(https://www.wandelzoekpagina.nl/images/aanmeld_abonnement3.0b.webp);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    min-height: calc(100% - 185px);
    background-size: cover;
    background-position: center top;
    z-index: 1;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.abonnementflex h3 {
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
	margin-bottom: 20px;
    color: #fff;
    text-align: center;

}
.abonnementflex ul {
    margin-bottom: 20px;
	margin-left: 0; 
}

.abonnementflex ul li{
    margin-left: 20px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
    padding-bottom: 12px;

	list-style: none;
	background-image: url("https://www.wandelzoekpagina.nl/images/vinkje_donker.png");
	background-repeat: no-repeat;
	background-position: -0px 0px !important;
	background-size: 16px;
    top: 1px;
}

.abonnementflex ul li span {
  position: relative;
  left: 25px;
}

.abonnementflex .tip_badge_right {
    width: 52px;
    height: 52px;
    background:#B7292D;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    position: absolute;
    top: -45px;
    right: 20px;
    font-family: 'Bree Serif', Arial, serif;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
}

.abonnementflex, .abonnementkleinflex {
    width: 100%;
	height: 390px;
    background-color: #009D00;
    position: relative;
}

.abonnementkleinflex h3 {
    font-size: 23px;
    font-weight: 400;
    line-height: 31px;
	margin-bottom: 20px;
    color: #fff;
    text-align: center;

}

.abonnementkleinflex ul {
    margin-bottom: 40px;
	margin-left: 0; 
}

.abonnementkleinflex ul li{
    margin-left: 20px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
    padding-bottom: 12px;

	list-style: none;
	background-image: url("https://www.wandelzoekpagina.nl/images/vinkje_donker.png");
	background-repeat: no-repeat;
	background-position: -0px 0px !important;
	background-size: 16px;
    top: 1px;
}

.abonnementkleinflex ul li span {
  position: relative;
  left: 25px;
}

.abonnementkleinflex .tip_badge_right {
    width: 52px;
    height: 52px;
    background:#B7292D;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    position: absolute;
    top: -16px;
    right: 36px;
    font-family: 'Bree Serif', Arial, serif;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
}

.abonnementflex_btn{
    display: flex;
    justify-content: center;
}

.abonnementflex_btn a{
    font-family: 'Bree Serif', Arial, serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    color: #fff;
    padding: 11px 23px 14px;
    background: #146F14;
    border: 1px solid rgba(255,255,255,0);
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.abonnementflex_btn a:hover{
    text-decoration: none;
    color: #fff;
    background: #009D00;
    border: 1px solid white;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}


.row {
    display: flex;
    align-items: center; /* Verticaal centreren */
}

.row.center {
	text-align: center;
	justify-content: center;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Verticaal centreren */
    align-items: center; /* Horizontaal centreren */
    text-align: center;
}



@media (min-width: 1211px){
	.hide-lg{
		display: none;
	}
}


@media (max-width: 1210px) {
	.hide-md{
		display: none;
	}
	.inhoudflex {
		background-color2: yellow;
		flex-direction: column;
	}

	.inhoudflex > .kolomflex1 {
		flex: 100%;
 	}	

	.inhoudflex > .kolomflex2 {
	display: flex;
	flex-direction: row;
	flex: 100%;
    align-items: left;
    flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0;
	height: 100%;
	}
	.inhoudflex > .kolomflex2 > .artikelflex {
    flex: 48%;
	min-width: 275px;
	text-align: left;
	padding: 10px;
	margin: 0px;
    height: auto;
	}	

	.abonnementflex {
		height: 593px;
	}
	
	.inhoudflex > .kolomflex2 > .artikelflex > .smartphoneflex > .smartphone_img {
		right: -90px;
	}	
	
	
	
	
}

@media (max-width:1170px) {
	.inhoudflex > .kolomflex2 > .artikelflex > .smartphoneflex > .smartphone_img {
		right: -10px;
	}	
	
}
@media (max-width:768px) {
	.hide-sm{
		display: none;
	}

  .inhoudflex {
		background-color2: orange;
	}	

	.inhoudflex > .kolomflex2 {
		flex-direction: column;
	}

	.inhoudflex > .kolomflex1 > .artikelflex {
		flex: 100%;
		min-width: 100%;;
	}	

	.inhoudflex > .kolomflex1 {
		flex-direction: column;
	}

	.inhoudflex > .kolomflex2 > .artikelflex > .smartphoneflex > .smartphone_img {
		right: -90px;
	}	
	img.partnerlogo{
		width: 70px;
	}
	
}

@media (max-width:11570px) {
	.abonnementkleinflex {
		height: 400px;
	}	
}

@media (max-width:570px) {
	.inhoudflex > .kolomflex2 > .artikelflex > .smartphoneflex > .smartphone_img {
		right: -10px;
	}	
}