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

/* -- start header */
.container-header {
    background-color: #253244 !important;
    background-image: none !important;
}
/* -- eind header */

/* -- begin slider */
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    margin: 0 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    opacity: .5;
    transition: opacity 0.6s ease;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.spaceplaatjescar {
	padding-bottom: 0.7em;
}
/* -- einde slider */

/* -- begin algemeen */
body {
	word-spacing: 0.2em;
}

.pointer {
	cursor: pointer;
}
.space_top {
	margin-top: 60px;
}
.space_both {
	margin-top: 60px;
	margin-bottom: 60px;
}
.kop_extra {
	font-size: 250%;
	line-height: 130%;
	margin-top: 8%;
	margin-bottom: 3%;
}
.ronderanden {
	border-radius: 10px 10px 10px 10px;
}

.table th, .table td {
    padding: 0.25rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
.social {
	font-size: 3em;
	letter-spacing: 0.1em;
	text-align: right;
	padding-top: 0.3em;
}
.social a {
	color: rgba(0,0,0,0.5);
}
.social a:hover {
	color: #253244;
}
/* -- eind algemeen */

/* -- begin knoppen */
.btn-roze {
	background-color: #ef709d;
/*	border-radius: 0 0 30px 0; */
	color: #fff;
}
.btn-roze:hover {
	background-color: #f93e81;
	color: #fff;
}
.btn-geel {
    color: #212529;
    background-color: #ffc107;
}
.btn-geel:hover {
    background-color: #c39b11;
}
.btn-donker {
    color: #ef709d;
    background-color: #303038;
	margin-top: 40%;
}
.btn-donker:hover {
    color: #303038;
    background-color: #ef709d;
}
.btn-leesmeer {
	color: rgba(0,0,0,0.6);
	background-color: rgba(0,0,0,0.0);
	font-size: 100%;
}
/* -- einde knoppen */

/* -- begin jumbotron */
.paars {
	background: url("../images/20230305-Peter-Lammers-Apropos-2023-03-114.jpg") center center / cover no-repeat;
	color: #fff;
	text-align: center;
	border-radius: 0;
}
.geel {
	background: url("../images/strand.jpg") center center / cover no-repeat;
	color: #fff;
	border-radius: 0;	
}
/* -- einde jumbotron */

/* -- begin optredens */
.optredens {
	border: 0 solid rgb(115, 115, 115);
    border-radius: 10px 10px 10px 10px;
    padding: 64px 20px 30px 20px;
    margin: 40px 0 40px 0;
}
.sub_kop h6 {
	font-size: 80%;
	color: rgba(0,0,0,0.5);
}
.dromen {
    background-color: #1d1a39;
	color: #fff;
}
.pimp, .vakantie {
    background-color: #fdba2d;
}
.mens {
    background-color: #ae445a;
	color: #fff;
}
.ikwaseens {
    background-color: #e8bcb9;
}
.reus {
	background-color: #dfc5e0;
	color: #000;
}
.schalkhaar23, .schalkhaar23 h6  {
    background-color: #662549;
	color: #fff;
}
.spooky {
	background-color: #000;
	color: #fff;
}
.spooky .sub_kop {
	font-size: 80%;
	color: #fff;;
}
/* -- einde optredens */

/* -- begin profs */
.profs {
	font-size: 80%;
	color: silver;
	font-weight: 600;
}
.zilver {
	color: rgba(0,0,0,0.6) !important;
}
.card {
    border: none !important;
}
.space-bottom {
	margin-bottom: 40px;
}
/* -- einde profs */

/* -- begin kranten */
.kranten {
	background-color: #faf2f0;
}
.binnen-top {
	padding-top: 50px;
}
.binnen-bottom {
	padding-bottom: 50px;
}
.card {
	background-color: rgba(0,0,0,0.0) !important;
}
.card-link a {
	color: rgba(0,0,0,0.6);
	text-decoration: underline;
}
.kranten .card-body {
	padding-left: 0;
	padding-right: 0;
}
.kranten p {
	font-size: 90%;
}
/* -- einde kranten */


/* -- begin sposoring */
.sposoring {
    padding: 60px 0 80px 60px;
    background-color: #dfc5e0;
    border-radius: 7px 7px 7px 7px;
    margin: 80px 0 60px 0;
}
/* -- einde sposoring */

/* -- begin contact */

/* required style */
.caprigioso{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}
/* aesthetics only */
.container {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
label, input {
	display: block;
	margin-bottom: 16px;
}
pre {
	background-color: #f1f1f1; 
	margin-bottom: 20px; 
	max-width: 600px; 
	padding: 12px;
}


.contact, .contact_zingdans, .contact_zing, .contact_dans, .contact_alles, .contact_proefles, .contact_fout, .contact_goed {
	border: 0 solid rgb(115, 115, 115);
    border-radius: 10px 10px 10px 10px;
    padding: 64px 20px 30px 20px;
    margin: 40px 0 40px 0;
	color: #000;
}
.contact {
	background-color: #dfc5e0;
}
.contact_zingdans {
	background-color: #F2CA10;
}
.contact_zing {
	background-color: #AE445A;
	color: #fff;
}
.contact_dans {
	background-color: #ef709d;
	color: #fff;
}
.contact_alles {
	background-color: #7e3a67;
	color: #fff;
}
.contact_proefles {
	background-color: #ef709d;
}
.contact_goed {
	background-color: #28a745;
}
.contact_fout {
	background-color: red;
	color: #fff;
}
.verplicht {
	color: red;
}
.form-control, textarea.form-control {
	margin-bottom: 0.3rem !important;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: silver;
	opacity: 1; /* Firefox */
}
.thanx {
	font-size: 500%;	
}
.fout {
	font-size: 500%;
}
/* -- einde contact */

/* -- begin footer */
.footer {
	background-color: #253244 !important;
}
.footer_layout {
	color: #fff;
	padding-top: 20px;
	padding-bottom: 60px;
}
.lijn {
	border-top: solid 1px #fff;
	padding-top: 20px;
	padding-bottom: 60px;
}
.rechts {
	text-align: right;
}
.link {
	color: #8F8A8A;
	text-decoration: none;
}
.link:hover {
	color: #fff;
	text-decoration: underline;
}
.active {
	color: #fff !important;
	text-decoration: none!important;
}
.footer .modal-content {
	font-size: 90%;
	color: #000 !important;
    background-color: #ffc107;

}
.social-footer {
	font-size: 3em;
	letter-spacing: 0.1em;
	text-align: right;
	padding-top: 0.1em;
}
.social-footer a {
	color: #fff;
}
.top-rechts {
	text-align: right;
	padding: 0.5em 0 0 0;
	background-color: #253244 !important;
}
.top-rechts a {
	color: #fff;
	font-size: 200%;
}
/* -- einde footer */