@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
	
}
	body {
	background: #4a3c41;
	/*background: #483D41;
	background-image: url("images/box7x7.png"); */
	margin:  0 auto;
	font-family: 'source-serif-pro', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.0rem;
	font-kerning:normal;
	line-height: 1.5rem;
	color:  #B4AFA0;
}

.scrolling-wrapper {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}
.card {
		display: inline-block;
}

.scrolling-wrapper-flexbox{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
		
.card {
		flex: 0 0 auto;
}
	
france {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 
	grid-gap: 2rem;
	margin-top: 4rem;
	margin: 5vw;
	line-height: 1.2rem;
}
	
verhouding {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 300px)); 
	grid-gap: 2rem;
	margin-top: 4rem;
	margin: 5vw;
	line-height: 1.2rem;
}
.spons {
width: 100%;
	height: auto;	
}
rekening {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
	grid-gap: 2rem;
	margin-top: 4rem;
	margin: 5vw;
	font-size: 1rem;
	line-height: 1.2rem;
	color:rgba(255,255,255,1.00)
}
kolom {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 400px));
	grid-gap: 2rem;
	margin: 0vw 5vw 5vw 5vw;
	padding: 5vw 0 0 0;
}
.kopr {
		font-family: "source-sans-pro";
		font-style: normal;
		font-weight: 400;
		font-size: 1.5rem;
		color:;
		text-align: right;
	}	
.kopl {
		font-family: "source-sans-pro";
		font-style: normal;
		font-weight: 400;
		font-size: 2rem;
		color: ;
		text-align: left;
	}	
entree {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14vw, 1.5fr));
	grid-gap: 1rem;
	margin
	: 0vw 5vw 5vw 5vw;
	padding-top: 10vw;
	}
info {
	display: grid;
	grid: 4vw 1fr 4vw 1fr;
	margin-top: 1vw;
	margin-left: 5vw;
	margin-right: 5vw;
}
.tooltip {
  position: absolute;
  display: inline-block;
 
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 20em;
  background-color:  #4a3c41;
  color:  #B4AFA0;
  text-align: center;
  border-radius: 10px;
  border: 1px dotted rgba(244,5,56,1.00) ;
  padding: 1rem ;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}	

	
overzicht {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax( 15vw, 1fr));
	grid-gap: 0.2rem;
	margin: 10vw 5vw 5vw 5vw;
	
	}