html {
   box-sizing: border-box;
}

*, *::before, *::after {
   box-sizing: inherit;
}

body {
   background: #eef2f4 !important;
   color: #1f2933;
   font-family: Arial, Helvetica, sans-serif !important;
}

a {
   color: #075d9b !important;
}

a:hover,
a:focus {
   color: #0a7bc5 !important;
}

img,
iframe {
   max-width: 100%;
}

[id^="wb_Image"] img,
.blogthumb img {
   object-fit: cover;
}

.blogthumb img {
   max-width: 220px;
   height: auto;
   border-radius: 6px;
}

#Shape3 {
   border-radius: 8px;
   box-shadow: 0 18px 45px rgba(23, 37, 54, 0.18) !important;
}

#wb_Text6 a {
   border-radius: 4px;
   color: #075d9b !important;
}

#wb_Text6 a:hover,
#wb_Text6 a:focus {
   background: rgba(7, 93, 155, 0.1);
}

#Naam,
#Email,
#Tel_nr,
#Toelichting {
   min-height: 28px;
}

#Verzendknop {
   cursor: pointer;
   min-height: 34px;
}

#Verzendknop:hover,
#Verzendknop:focus {
   background-color: #235f9f !important;
}

#Blog1 {
   line-height: 1.55;
}

#Blog1 h1,
#Blog1 h2,
#Blog1 h3 {
   color: #1f2933;
   line-height: 1.25;
}

@media (max-width: 760px) {
   body {
      text-align: left !important;
      background: #f6f8f7 !important;
      font-size: 16px !important;
   }

   div#container {
      width: 100% !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 16px 32px !important;
      text-align: left !important;
   }

   #wb_MasterPage1,
   #wb_MasterPage1 > div,
   #container > div:not(#wb_MasterPage1),
   #container > iframe,
   #container > textarea,
   #Blog1,
   #Html1,
   #wb_Form1,
   [id^="wb_Text"],
   [id^="wb_Image"],
   [id^="wb_PhotoCollage"],
   iframe,
   textarea,
   input,
   label {
      position: static !important;
      left: auto !important;
      top: auto !important;
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
   }

   #wb_MasterPage1 {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 14px 0 22px;
   }

   #wb_Shape3,
   #wb_Shape2,
   #wb_Text4,
   #Shape3 {
      display: none !important;
   }

   #wb_Shape1 {
      order: 1;
   }

   #wb_Image2 {
      order: 2;
   }

   #Html1 {
      order: 3;
   }

   #wb_Text6 {
      order: 4;
      padding: 10px 0 0 !important;
   }

   #wb_Text6 div,
   #wb_Text6 span,
   #wb_Text6 strong {
      display: contents;
   }

   #wb_Text6 a {
      display: block;
      padding: 10px 12px;
      margin-bottom: 6px;
      background: #ffffff;
      border: 1px solid #dce4ea;
      border-radius: 6px;
      font-size: 16px !important;
      line-height: 1.25;
   }

   #wb_Shape1 img,
   #wb_Image2 img,
   [id^="wb_Image"] img {
      display: block;
      width: 100% !important;
      height: auto !important;
      border-radius: 6px;
   }

   [id^="wb_Text"] {
      padding: 8px 0 !important;
      overflow: visible !important;
   }

   [id^="wb_Text"] span {
      font-size: 16px !important;
      line-height: 1.55 !important;
   }

   #wb_Text2 span {
      font-size: 30px !important;
      line-height: 1.15 !important;
   }

   #InlineFrame2,
   #PhotoAlbum1,
   iframe {
      min-height: 420px !important;
      border: 1px solid #d7dfe6 !important;
      border-radius: 6px;
   }

   #wb_Form1 form,
   form {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   #wb_Form1 input[type="hidden"] {
      display: none !important;
   }

   #wb_Form1 #wb_Text1 {
      order: 1;
   }

   #wb_Form1 label[for="Naam"] {
      order: 2;
   }

   #Naam {
      order: 3;
   }

   #Labelemail {
      order: 4;
   }

   #Email {
      order: 5;
   }

   #wb_Form1 label[style*="top:142px"] {
      order: 6;
   }

   #Tel_nr {
      order: 7;
   }

   #Label1 {
      order: 8;
   }

   #Toelichting {
      order: 9;
   }

   #wb_Form1 #wb_Text3 {
      order: 10;
   }

   #Verzendknop {
      order: 11;
   }

   #wb_Form1 #wb_Text2 {
      order: 12;
   }

   #Naam,
   #Email,
   #Tel_nr,
   #Toelichting,
   #Verzendknop {
      padding: 10px 12px !important;
      font-size: 16px !important;
   }

   #Toelichting {
      min-height: 130px !important;
      resize: vertical;
   }

   #Verzendknop {
      width: auto !important;
      justify-self: start;
      padding: 10px 18px !important;
   }
}
