body { height:100%; }
html,body { 
-webkit-text-size-adjust:100%;
background-color: #780a0d;
}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:1000px;min-height:2035px;;}
#Panel_Home {display:block;overflow:hidden;position:absolute;left:31px;top:119px;width:938px;height:52px;z-index:2;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#Panel_HomeAlpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF, gradientType=1);}
#Panel_HomeNoAlpha {position:relative;}
#Home {display:block;z-index:2078;position:absolute;left:19px;top:119px;width:964px;height:54px;}
#Panel_header {display:block;overflow:hidden;position:absolute;left:25px;top:14px;width:950px;height:105px;z-index:4;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/specialisatie_Panel_header.png');background-repeat:no-repeat;}
#Text_Header {word-wrap:break-word; display:block;position:absolute;left:126px;top:6px;width:815px;height:101px;z-index:5;}
#Img1 {display:block;overflow:hidden;position:absolute;left:6px;top:1px;width:103px;height:102px;z-index:6;min-width:103px;}
#Img1Inner {position: absolute;width:103px;height:102px;border:0px;}
#Text1 {word-wrap:break-word; display:block;position:absolute;left:154px;top:21px;width:646px;height:1001px;z-index:8;}
#Text2 {word-wrap:break-word; display:block;position:absolute;left:25px;top:1212px;width:950px;height:19px;z-index:9;}
/* WhatsApp Icon */
.whatsapp-float {
    position: relative;
    width: 100%;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.whatsapp-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    height: auto;
    min-width: 220px;
    padding: 12px 22px;
    background-color: #25D366;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.whatsapp-link img {
    width: 28px;
    height: 28px;
}

.whatsapp-link::after {
    content: "Stuur een WhatsAppbericht";
    color: white;
    font-family: 'Times New Roman', serif;
    font-size: 16px;
}

.whatsapp-tooltip {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    
    background-color: #333;
    color: white;
    padding: 10px 15px;
    border-radius: 8px;
    font-family: 'Times New Roman', serif;
    font-size: 14px;
    width: 250px;
    text-align: center;
    
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.whatsapp-tooltip::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #333;
}

.whatsapp-link:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    bottom: 75px;
}

#Box1 {
  display:block;
  overflow:hidden;
  position:absolute;
  left:25px;
  top: 1200px; /* Adjusted position */
  width:950px;
  height:480px;
  z-index:7;
  padding-left:0px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
 background-color: #D9B3AB;
 border-radius: 0px 0px 8px 8px;
}
#Text1 {word-wrap:break-word; display:block;position:absolute;left:154px;top:151px;width:646px;height:324px;z-index:8;}
#Img2 {display:block;overflow:hidden;position:absolute;left:366px;top:22px;width:223px;height:120px;z-index:9;min-width:223px;}
#Img2Inner {position: absolute;width:223px;height:120px;border:0px;}
#Img3 {display:block;overflow:hidden;position:absolute;left:19px;top:385px;width:78px;height:78px;z-index:10;min-width:78px;}
#Img3Inner {position: absolute;width:78px;height:78px;border:0px;}
#Text5 {
  word-wrap:break-word; 
  display:block;
  position:absolute;
  left:25px;
  top: 1670px; /* Adjusted position */
  width:950px;
  height:19px;
  z-index:11;
}

/* Intro Text Styling */
.intro-text {
    word-wrap: break-word;
    display: block;
    position: absolute;
    left: 25px;
    top: 165px; /* Moved down slightly */
    width: 750px;
    height: 500px;
    z-index: 12;
    background-color: #D9B3AB;
    padding: 25px 100px 25px 100px;
    border-radius: 8px;
    color: #333;
    line-height: 1.1;
    padding-bottom: 150px;
}

.intro-text p {
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    color: #333;
    margin: 2px !important;
}

.intro-text p:last-child {
    margin-bottom: 0;
}

.intro-text .title {
    font-size: 26px;
    color: #333;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    text-align: left;
    font-weight: bold;
}


.intro-text .call-to-action {
    font-size: 16px;
    color: #780a0d;
    margin-top: 25px;
    margin-bottom: 15px;
    font-style: italic;
    text-align: center;
    padding: 15px;
    background-color: #fff8f8;
    border-radius: 6px;
    border: 1px dashed #008080;
}

/* Contact Form Section */
.contact-section {
    position: absolute;
    left: 25px;
    top: 700px; /* Position after intro text */
    width: 750px;
    z-index: 13;
    background-color: #D9B3AB;
    padding: 25px 100px 25px 100px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.contact-form-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.form-intro {
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
    font-style: italic;
}


.contact-form {
    width: 100%;
    margin: 0 auto;
}

.form-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 25px;
}

.form-group.half-width {
    width: 48%;
}

.form-group.full-width {
    width: 100%;
}

.form-label {
    display: block;
    margin-bottom: 10px;
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.form-input,
.form-textarea {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-family: 'Times New Roman', serif;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-input:focus,
.form-textarea:focus {
    outline: none;
    border-color: #008080;
    box-shadow: 0 0 0 3px rgba(0, 128, 128, 0.1);
}

.form-textarea {
    resize: vertical;
    min-height: 140px;
}

/* Privacy Notice */
.privacy-notice {
    border-radius: 6px;
    margin: 25px 0;
    p {
      margin: 2px ;
    }
}

/* Form Buttons */
.form-submit {
    text-align: center;
    margin-top: 25px;
    display: flex;
    gap: 20px;
    justify-content: baseline;
    flex-wrap: wrap;
}

.submit-btn {
  background-color: #780a0d;
  color: white;
  border: none;
  padding: 12px 44px;
  border-radius: 6px;
  font-family: 'Times New Roman', serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 160px;
}

.submit-btn:hover {
  background-color: #780a0d;
  transform: translateY(-2px);
}

.reset-btn {
  background-color: #780a0d;
  color: white;
  border: none;
  padding: 12px 44px;
  border-radius: 6px;
  font-family: 'Times New Roman', serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 160px;
}

.reset-btn:hover {
  transform: translateY(-2px);
}

.review-block {
  display: flex;
  justify-content: center;
  font-family: 'montserrat', Arial, sans-serif;
  display:block;
  overflow:hidden;
  position:absolute;
  right:19px;
  top:380px;
  width:250px;
  height:auto;
  z-index:10;
  font-size: 14px;
}

.review-block a {
  text-decoration: none;
  color: #202124;
}

.review-content {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 12px;
  padding: 14px 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
}

.review-content:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

.google-logo {
  width: 36px;
  height: 36px;
}

.review-texts strong {
  font-size: 15px;
  color: #202124;
  font-weight: 500;
}

.review-texts span {
  font-size: 13px;
  color: #5f6368;
}

.intro-text p.services {
 text-align: center;
 color: #008080;
 font-weight: bold;
 font-size: 20px;
 line-height: 1.1;
}