/** Relatie module **/

.xs-sm 	header .languages { right: 0 }

		.mod-relatie {}

		.mod-relatie .box-content .btn { margin-top: 20px; padding: 15px 20px; font-size: 16px; }
		.mod-relatie .mod-vragen { padding-top: 50px; padding-bottom: 50px; background: #bca668; text-align: center; }
		.mod-relatie .mod-vragen h2 { padding: 0 0 30px 0; color: white; }
		.mod-relatie .mod-vragen h3 { color: white; padding-right: 15px; }
		.mod-relatie .mod-vragen .row > div { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }

		.mod-miniwebshop-category .title { margin: 10px 0; text-align: center; }
		.mod-miniwebshop-category .details { text-align: center; }
		.mod-miniwebshop-category .description { font-size: 16px; }

		.mod-miniwebshop-product .productcode { padding-top: 15px; }
		.mod-miniwebshop-product .specificaties { font-size: 16px; }
		.mod-miniwebshop-product .btn-group { display: flex; justify-content: space-between; align-items: baseline; }
.xs-sm	.mod-miniwebshop-product .btn-group { justify-content: center; flex-wrap: wrap; }
		.mod-miniwebshop-product .btn i { top: 0 }
		.mod-miniwebshop-product dl.specificaties { width: 100%; overflow: hidden; padding: 0; margin: 35px 0; }
		.mod-miniwebshop-product dl.specificaties dt,
		.mod-miniwebshop-product dl.specificaties dd { float: left; width: 60%; padding: 10px 0; margin: 0 }
		.mod-miniwebshop-product dl.specificaties dt { color: #999; width: 40% }

		.video-box { position: relative; width: 100%; height: 0; padding-bottom: 60%; }
		.video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

		.mod-faq { padding-top: 50px; padding-bottom: 50px; background: #bca668; }

		.slide { margin-bottom: 30px; text-align: left; width: 100%; }
		.slide h3 { font-size: 20px; padding: 20px; border-bottom: 1px solid rgba(255,255,255,.4); margin: 0; cursor: pointer; transition: all .2s; color: white; }
		.slide h3 span { padding-right: 40px; display: block; }
		.slide h3:hover,.slide h3:not(.close) { border-color: rgba(255,255,255,1) }
		.slide h3:before { color: white; content: '\f077'; font-family: 'FontAwesome'; font-size: 19px; float: right; }
		.slide h3.close:before { content: '\f078' }
		.slide div { padding: 20px; margin: 0; border-bottom: 1px solid rgba(255,255,255); border-top: 0; display: none; font-size: 17px; line-height: 30px; color: white; }

		footer { display: flex; align-items: center; }
		footer a { text-decoration: underline; }
.xs-sm	footer span { display: block; }