/* font */
	body {
	font-family: tahoma;
	font-size: 18px;
	padding-top: 70px; /* typische hoogte van een Bootstrap navbar */
	}
	
	.header {
      position: relative;
    }
    .header img {
      display: block;
      width: 100%;
      height: auto;
    }
    .header .text-block {
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translateY(-50%);
      color: #fff;
      text-shadow: 0 1px 3px rgba(0,0,0,0.7);
      max-width: 40%;
    }
	


	/* --- CSS voor menu --- */
	/*.custom-shadow-menu {
		box-shadow: 0px 6px 4px #A9A9A9; /* Pas de schaduwwaarden naar wens aan */
	/*}*/
	
	.custom-shadow-barbara {
		box-shadow: 5px 5px 6px #A9A9A9; 
	}	
   
	.navbar-custom {
		background-color: #495c86; /* Kleur van het menu-achtergrond */
	}

	.agkleur {
		 background-color: #cb3c40;
	}
	
	.button-custom	{
		 background-color: #cb3c40;
		 color:white;
		 
	}
	.agkleur-grijs
	{
		 background-color: #f1f4f9;
	}
	
	.agkleur-footer
	{
		 background-color: #d0e0f0;
	}	
	
	/*ronde einden button*/
	.rounded-btn {
      border-radius: 20px; /* Pas de waarde aan voor de gewenste afronding */
      background-color: #cb3c40; /* Achtergrondkleur */
      border-color: #cb3c40; /* Randkleur */
      color: #fff; /* Tekstkleur */
      transition: background-color 0.3s ease; /* Vloeiende overgang voor achtergrondkleur */
    }

    .rounded-btn:hover {
      background-color: red; /* Achtergrondkleur bij mouseover */
      border-color: red; /* Randkleur bij mouseover */
    }
	
	.rounded-btn:active {
      background-color: yellow; /* Verander de kleur naar rood (kan worden aangepast) */
	  border-color: red;
    }
	
	.navbar .navbar-nav .nav-link {
		color: #fff;
	}
		
	.navbar .navbar-nav .nav-link:hover {
		background-color: #a8c2da;
		color: #fff;
	}

	.navbar .navbar-brand {
		padding: 0 2em;
	}

	.navbar .navbar-nav .nav-link {
		transition: all 0.5s;
	}
	
	.navbar-toggler {
		background-color: white; /* Achtergrondkleur van de hamburgerknop */
	}
	  
		  
	/* --- header --- */

	
	.tekstkleur {
		color: #495c86;
	}
	
	.hoogte {
		max-height:46px;
	}
	


	
	/*contactformulier*/
	.input-group>.input-group-prepend {
		flex: 0 0 20%;
	}
	.input-group .input-group-text {
		width: 100%;
	}
	
	/*verwijderen borders tussen card-delen*/
	.card-header,
	.card-body,
	.card-footer {
    border: none;
	}
	
	.table td {
      text-align: left;
    }
	
	.witruimte {
		margin-top:100px;
	}
		
    /* Aangepaste CSS voor verticale lijnen */
    .navbar-nav li {
      border-right: 1px solid #ddd; /* Voeg een verticale lijn toe tussen menu-items */
    }
    .navbar-nav li:last-child {
      border-right: none; /* Verwijder de verticale lijn van het laatste item */
    }		
	
	.navbar-nav li:nth-last-child(2) {
       border-right: none;
    }
	
	
	/* Media query voor schermen met een maximale breedte van 768 pixels, typisch voor mobiele apparaten */
	@media only screen and (max-width: 768px) 
	{
		
		body {
		font-family: tahoma;
		font-size: 16px;
		}
			
		.hoogte {
			max-height:30px;
		}
		
		.breedte {
			margin-left:-15px
		}
		
		.witruimte {
		margin-top:70px;
		}
		
		.grecaptcha-badge {
		transform: scale(0.6);
		}

      .header .text-block {
        top: 65%;
        left: 5%;
        transform: translateY(-50%);
        max-width: 90%;
        text-align: left;
      }
      .header .text-block h1 {
        font-size: 1.75rem;
      }
      .header .text-block p.lead {
        font-size: 1rem;
      }
      .header .text-block .btn {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
      }
    }