@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url('../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url('../fonts/fa-brands-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.menu {
  z-index: 50;
  background-color: #fff;
  width: 100vw;
  height: 10vh;
  margin-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 3px #d8d4d4;
}

.columns-lta {
  height: 10vh;
}

.logo_peprrz {
  background-image: url('../images/Logo-Peprrz-brand-2025.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 250px;
  height: 9vh;
  margin-left: 0;
}

.column {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.header {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 90vh;
  margin-top: 10vh;
  display: flex;
}

.background {
  width: 100vw;
  height: 90vh;
}

.div-block {
  z-index: 10;
  background-color: #e94e1b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 305px;
  height: 320px;
  margin-top: 0;
  display: flex;
  position: absolute;
}

.title-peprrz-home {
  color: #fff;
  text-align: center;
  width: 150px;
  margin-top: 14px;
  margin-bottom: 29px;
  font-family: PT Sans, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.text-block-2 {
  color: #fff;
  text-align: right;
  justify-content: center;
  width: 150px;
  margin-top: 11px;
  font-family: PT Sans, sans-serif;
  font-size: 24px;
  display: block;
}

.slider {
  width: 100vw;
  height: 90vh;
}

.slide {
  background-image: url('../images/PEPRRZ-header-alternatief5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-5 {
  background-color: #fff0;
  background-image: url('../images/Peprrz-smile-wit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75px;
  border-top: 1px #fff;
  width: 100px;
  height: 50px;
}

.slide-2 {
  background-image: url('../images/PEPRRZ-header-Swingin-Groningen.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/PEPRRZ-header-Rockin-Ludina-Brewery-Groningen.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/PEPRRZ-header-Noorderpoort.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.column-2 {
  justify-content: flex-end;
  align-items: center;
  height: 10vh;
  padding-right: 10vw;
  display: flex;
}

.dropdown_menu1 {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.dropdown_container2 {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 300px;
  margin-right: 0;
  display: flex;
}

.home_btn_txt {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  white-space: normal;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 28px;
  text-decoration: none;
}

.branding_btn_xt {
  color: #fff;
  cursor: pointer;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
}

.artdirection_ontwerp_btn_txt, .projecten_btn_txt, .over_peprrz_btn_txt {
  color: #fff;
  cursor: pointer;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.contact_btn_txt {
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  text-decoration: none;
}

.menu-peprrz {
  z-index: 10;
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
}

.menu-peprrz:hover, .menu-peprrz:active {
  background-image: url('../images/Peprrz-hamburger-icon-groen.svg'), url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.menu-peprrz:focus {
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.close_dropdown_btn {
  background-image: url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: none;
}

.close_dropdown_btn:hover {
  background-image: url('../images/Peprrz-hamburger-icon-close-nieuw.svg'), url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.peprrz_branding {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 110vh;
  display: flex;
}

.peprrz_branding_achtergrond {
  background-color: #ededed;
  background-image: url('../images/Peprrz-Branding-sectie-achtergrond.webp');
  background-position: 20%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 110vh;
  margin-top: 0;
  display: flex;
}

.blok_branding {
  z-index: 10;
  background-color: #c20303;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 280px;
  height: 300px;
  margin-top: 0;
  margin-bottom: 2vh;
  padding-bottom: 15px;
  display: flex;
  position: static;
}

.tekst_branding {
  color: #fff;
  text-align: center;
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
}

.heading {
  color: #fff;
  text-align: center;
  width: 220px;
  margin-top: 5vh;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.zwarte-peper {
  background-image: url('../images/Zwarte-peper.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 60px;
  margin-top: 50px;
  margin-bottom: 10px;
  display: block;
  position: static;
}

.zwarte-lijn-branding {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 2px;
  display: block;
  position: static;
}

.inhoud-branding {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  display: flex;
}

.text-block-9 {
  color: #000;
  text-align: center;
  margin-top: 2vh;
  margin-bottom: 2vh;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  line-height: 32px;
}

.text-block-10 {
  color: #000;
  margin-bottom: 2vh;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
}

.button {
  background-color: #c20303;
  justify-content: center;
  align-items: center;
  width: 305px;
  height: 65px;
  margin-top: 0;
  margin-bottom: 10vh;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.button:hover {
  background-color: #e3552a;
}

.div-block-6 {
  height: 10vh;
  margin-top: -10vh;
  position: absolute;
}

.artdirection_ontwerp {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 130vh;
  display: flex;
}

.pepprz_artdirection_ontwerp_achtergrond {
  background-image: url('../images/Peprrz-ARTDIRECTION-section.webp');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 130vh;
  display: flex;
}

.blok_artdriction_ontwerp {
  z-index: 10;
  background-color: #165425;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 305px;
  height: 400px;
  padding-bottom: 32px;
  display: flex;
  position: static;
}

.inhoud_artdirection_ontwerp {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 80vw;
  height: 120vh;
  margin-top: 0;
  display: flex;
}

.iconen_artdirection_ontwerp {
  background-image: url('../images/Peprrz-artdirection-ontwerp-sectie-iconen.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 800px;
  height: 150px;
  margin-top: 60px;
}

.witte-peper {
  background-image: url('../images/Peprrz-witte-peper.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 60px;
  margin-top: 5vh;
  margin-bottom: 2vh;
  display: block;
  position: static;
}

.witte-lijn-artdirection-ontwerp {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: static;
}

.tekstblok_artdirection_ontwerp {
  color: #fff;
  text-align: center;
  margin-top: 2vh;
  margin-bottom: 2vh;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  line-height: 34px;
}

.button_artdirection_ontwerp {
  background-color: #165425;
  justify-content: center;
  align-items: center;
  width: 305px;
  height: 65px;
  margin-top: 5vh;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.button_artdirection_ontwerp:hover {
  background-color: #bc1b14;
}

.peprrz_projects {
  background-color: #ededed;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  display: flex;
}

.inhoud-projects {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100vw;
  height: 200vh;
  margin-top: 0;
  display: flex;
}

.blok_projects {
  z-index: 10;
  background-color: #370057;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 305px;
  height: 300px;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
  position: static;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template: "Area Area-2 Area-2 Area-3" 50vh
                 "Area-4 . Area-5 Area-6" 50vh
                 "Area-7 . Area-8 Area-9" 50vh
                 / 30vw 1px 30vw 30vw;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.titel_info_beeld_project1 {
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
}

.peprrz_container-project_lta {
  background-image: url('../images/Peprrz-LTA-home.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.heading-2 {
  color: #000;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
}

.text-block-11 {
  color: #000;
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  font-family: PT Sans, sans-serif;
  font-size: 12px;
}

.peprrz_container-project_2 {
  background-image: url('../images/Peprrz-Sax-home.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 500px;
  height: 500px;
  margin-top: 0;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.titel_info_beeld_project2 {
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}

.titel_info_beeld_project3 {
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
}

.peprrz_container-project_swingin_groningen {
  background-image: url('../images/Peprrz-swingin-groningen-home.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 400px;
  height: 400px;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.link_peprrz_projectpage {
  z-index: 5;
  background-image: url('../images/zwarte-plus.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: relative;
  inset: 192px auto auto 78%;
}

.peprrz_container-project_4 {
  background-image: url('../images/Peprrz-Full-Shot-Press-home.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 500px;
  height: 500px;
  margin-top: 0;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.titel_info_beeld_project4 {
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}

.peprrz_container-project_5 {
  background-image: url('../images/porfolio-Rockin-Ludina-brewery2-466x466.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30vw;
  height: 30vh;
  margin-top: 40px;
}

.titel_info_beeld_project6 {
  width: 500px;
  height: 500px;
  margin-top: 0;
  margin-bottom: 40px;
}

.titel_info_beeld_project7 {
  width: 30vw;
  height: 10vh;
}

.peprrz_container-project_groninger_marktendag {
  background-image: url('../images/Peprrz-Groninger-Marktendagen-home.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 400px;
  height: 400px;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.titel_info_beeld_project5 {
  width: 400px;
  height: 400px;
}

.peprrz_container-project_7 {
  background-image: url('../images/porfolio-Swinginnnnnn-Groningen-466x466.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30vw;
  height: 30vh;
  margin-top: 40px;
}

.over_peprrz {
  width: 100vw;
  height: 150vh;
}

.achtergron_over_peprrz {
  background-image: url('../images/PEPRRZ-sectie-over.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 150vh;
}

.columns-2 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 120vh;
  display: flex;
}

.column-4 {
  justify-content: flex-end;
  align-items: flex-start;
  height: 120vh;
  padding-right: 0;
  display: flex;
}

.blok_over_peprrz {
  background-color: #e94e1b;
  justify-content: center;
  align-items: center;
  width: 45vw;
  height: 150vh;
  margin-top: 0;
  display: flex;
}

.blok_inhoud_over_peprrz {
  flex-direction: column;
  align-items: center;
  width: 30vw;
  height: 120vh;
  margin-top: 10vh;
  display: flex;
}

.heading-3 {
  color: #fff;
  width: 30vw;
  height: 5vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.text-block-12 {
  color: #fff;
  letter-spacing: .3px;
  width: 350px;
  margin-top: 2vh;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.column-5 {
  order: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.koffiemok {
  background-image: url('../images/Peprrz-koffiemok.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: 80px;
  justify-content: center;
  align-items: flex-start;
  width: 250px;
  height: 10vh;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.text-block-13 {
  color: #fff;
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 2vh;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.div-block-7 {
  background-image: url('../images/Peprrz-pijlen-naar-beneden.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 2vh;
  width: 150px;
  height: 4vh;
  margin-top: 1vh;
}

.titel_over {
  justify-content: flex-start;
  align-items: flex-start;
  width: 350px;
  display: flex;
}

.link-block {
  text-align: left;
  background-image: url('../images/linkedin-icoon.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 2vh;
  width: 5vw;
  height: 5vh;
  margin-top: 0;
  margin-left: 5vw;
}

.link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.peprrz_contact {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.achtergrond_peprrz_contact {
  background-image: url('../images/Peprrz-contact-2025.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.blok_contact {
  z-index: 10;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 305px;
  height: 400px;
  margin-top: 0;
  margin-bottom: 5vh;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
}

.link-2 {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.header_branding {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 10vh;
  display: flex;
}

.achtergrond_header_branding {
  background-image: url('../images/PEPRRZ-header-branding-desktop.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
}

.blok_branding_page {
  z-index: 10;
  background-color: #dd1a1e;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 305px;
  height: 430px;
  margin-top: 0;
  display: flex;
  position: static;
}

.tekst_branding_name {
  color: #fff;
  text-align: center;
  margin-top: 1vh;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.tekst_branding_function_name {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-style: italic;
  line-height: 20px;
}

.peprrz_branding_voor_wie {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 140vh;
  display: flex;
}

.inhoud_voor_wie {
  background-color: #f8f8f8;
  border-radius: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 140vh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.voor_wie_titel {
  opacity: 1;
  filter: blur();
  background-color: #0000;
  border-top-right-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 130vh;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  transform: skew(0deg);
}

.heading-4 {
  z-index: 5;
  color: #e94e1b;
  text-align: center;
  background-color: #0000;
  width: 50vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
  position: static;
  inset: 4vh 0% auto;
}

.div-block-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40vw;
  height: 130vh;
  display: flex;
}

.div-block-12 {
  background-color: #0000;
  border-left: 2px #fff;
  border-right: 2px #fff;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 130vh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.text-block-14 {
  color: #e94e1b;
  text-align: left;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 300px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.titel-voorwie {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 300px;
  margin-top: 1px;
  margin-bottom: 1vh;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 42px;
}

.peprrz_branding_wat {
  background-image: url('../images/PEPRRZ-achtergrond-branding-wat.webp');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 140vh;
}

.inhoud_peprrz_wat {
  background-image: url('../images/Peprrz-spaceship-vector-wit.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 65%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 140vh;
  display: flex;
}

.blok_wat {
  background-color: #0000;
  border-left: 2px #fff;
  border-right: 2px #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 130vh;
  display: flex;
  position: absolute;
}

.wat_biedt_titel {
  opacity: 1;
  filter: blur();
  background-color: #e94e1b;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-left: 0 #fff;
  border-right: 0 #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 500px;
  height: 0;
  min-height: 130svh;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 5vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  transform: skew(0deg);
}

.divblock-wat {
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  height: 40vh;
  margin-top: 0;
  display: flex;
}

.div-block-15 {
  background-image: url('../images/PEPRRZ-branding-wat-pepper-spaceship-midden.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200%;
  width: 100vw;
  height: 40vh;
  margin-top: 0;
  position: static;
  inset: auto 0% 0%;
}

.heading-branding-wat {
  color: #fff;
  text-align: center;
  background-color: #0000;
  width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
}

.lijn-wat {
  background-color: #fff;
  border-top: 1px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  position: static;
}

.text-block-wat {
  color: #fff;
  text-align: left;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 300px;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.tekst-contact-wat {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 400px;
  height: 800px;
  margin-top: 0;
  margin-right: 0;
  padding: 100px 40px 0;
  font-family: PT Sans, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 60px;
}

.waarom-peprrz {
  width: 100vw;
  height: 120vh;
}

.waarom-peprrz-inhoud {
  background-color: #360146;
  background-image: linear-gradient(#32037f, #340260 15%, #360146);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 120vh;
  display: flex;
}

.blok_waarom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 35vw;
  height: 120vh;
  display: flex;
  position: absolute;
}

.waarom-titel {
  opacity: 1;
  filter: blur();
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 35vw;
  height: 120vh;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
  transform: skew(0deg);
}

.div-block-16 {
  background-color: #0000;
  border: 2px #fff;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 35vw;
  height: 20vh;
  margin-top: 0;
  display: flex;
}

.div-block-17 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 130vh;
  transition: opacity .2s;
  display: flex;
  transform: skew(0deg);
}

.columns-7 {
  width: 100vw;
  height: 130vw;
}

.column-14 {
  border-right: 0 #fff;
  flex-direction: column;
  align-items: center;
  height: 130vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lijn-voor-wie-is-vraagteken {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: static;
  left: 14vw;
}

.lijn-voor-wie-is-vraagteken-onder-copy {
  background-color: #fff;
  flex-direction: column;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  position: static;
  inset: auto 0% 14%;
}

.lijn-voor-wie-is-titel-onder {
  background-color: #fff;
  border: 2px #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: static;
  top: 128px;
  left: 14vw;
}

.div-titel-voor-wie {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: 10vh;
  margin-top: 14vh;
  padding-top: 0;
  display: flex;
  position: static;
}

.column-15 {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  height: 130vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tekst-contact-voor-wie-quote {
  color: #fff;
  text-align: left;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 400px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 50px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.tekst-contact-voor-wie-quote-persoon {
  color: #fff;
  text-align: left;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 20vw;
  margin-top: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 26px;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

.tekst-contact-voor-wie-quote-bron {
  color: #fff;
  text-align: left;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 20vw;
  height: auto;
  margin-top: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 25px;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
}

.div-block-18 {
  background-image: url('../images/Peprrz-branding-voor-wie-peper-vraagteken-uitgebreid.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35vw;
  height: 55vh;
  margin-top: 5vh;
}

.columns-8 {
  width: 100vw;
  height: 140vh;
}

.column-16 {
  flex-direction: column;
  align-items: flex-start;
  height: 140vh;
  display: flex;
}

.column-17 {
  flex-direction: column;
  align-items: center;
  height: 140vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-19 {
  background-image: url('../images/PEPRRZ-chef-branding.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 48vh;
  display: none;
}

.columns-9 {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 50vh;
  display: flex;
}

.tekst-waarom {
  color: #e94e1b;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 500px;
  height: 260px;
  margin-top: 0;
  margin-right: 0;
  padding: 0 20px;
  font-family: PT Sans, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 50px;
}

.column-18 {
  flex-direction: column;
  align-items: center;
  height: 50vh;
  display: flex;
}

.heading-branding-waarom {
  color: #fff;
  text-align: center;
  background-color: #0000;
  width: 400px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
}

.text-block-waarom {
  color: #fff;
  text-align: left;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 600px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 47px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.lijn-waarom {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
  position: static;
}

.div-block-20 {
  background-color: #165425;
  flex-direction: column;
  align-items: center;
  width: 400px;
  height: 100vh;
  margin-top: 0;
  display: flex;
}

.lijn-voor-wie-blok1 {
  background-color: #fff;
  width: 300px;
  height: 2px;
  margin-top: 100px;
  padding-top: 0;
  display: block;
}

.lijn-voor-wie-blok2 {
  background-color: #fff;
  width: 300px;
  height: 2px;
  margin-top: 0;
  display: block;
}

.lijn-voor-wie-blok3 {
  background-color: #fff;
  width: 300px;
  height: 2px;
  margin-top: 0;
}

.lijn-wat2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 2px;
  margin-top: 0;
  margin-bottom: 20px;
  display: none;
  position: static;
}

.lijn-wat3 {
  opacity: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 0;
  display: block;
  position: static;
}

.div-block-21 {
  width: 100vw;
  height: 0;
}

.text-block-15 {
  color: #fff;
}

.list {
  color: #fff;
  width: 300px;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.block-quote {
  color: #fff;
  border-left-color: #fff;
  width: 20vw;
  height: 100px;
  margin-top: 0;
  padding-top: 0;
  font-family: PT Sans, sans-serif;
}

.text-block-16 {
  margin-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.list-2 {
  color: #fff;
  width: 300px;
  padding-left: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.text-block-17 {
  padding-bottom: 20px;
  font-size: 18px;
}

.text-block-18 {
  margin-bottom: 20px;
  font-size: 18px;
}

.div-block-22 {
  background-color: #0000;
  background-image: url('../images/Spice.svg');
  background-position: 50% 98%;
  background-repeat: no-repeat;
  background-size: 80%;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 120vh;
  display: flex;
  transform: skew(0deg);
}

.column-19 {
  justify-content: center;
  height: 50vh;
  display: flex;
}

.list-3 {
  color: #fff;
  width: 400px;
  height: auto;
  margin-top: 10px;
  padding-left: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.text-block-19 {
  color: #fff;
  margin-bottom: 20px;
  line-height: 26px;
}

.text-block-20, .text-block-21 {
  margin-bottom: 20px;
}

.columns-10 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.block-quote-2 {
  color: #000;
  background-color: #0000;
  border-left-color: #000;
  width: 35vw;
  margin-top: 20px;
  margin-left: 0;
  padding-right: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.text-block-22 {
  color: #000;
  width: 35vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 25px;
  font-weight: 400;
}

.column-20 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-23 {
  width: 20vw;
  height: 56px;
}

.column-21 {
  background-color: #0000;
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
}

.knop-voorwie {
  background-color: #e94e1b;
  margin-top: 3vh;
  font-family: PT Sans, sans-serif;
}

.branding-contact {
  background-color: #fff;
  width: 100vw;
  height: 1100px;
}

.branding-contact-inhoud {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 1100px;
  display: flex;
}

.branding-contact-titel {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 300px;
  height: 300px;
  margin-top: 60px;
  margin-right: 0;
  padding: 0 20px;
  font-family: PT Sans, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-24 {
  background-image: url('../images/Peprrz-smile-wit.svg');
  background-position: 52%;
  background-repeat: no-repeat;
  background-size: 25%;
  width: 500px;
  height: 100px;
  margin-bottom: 20px;
}

.branding-contact-telefoonnummer {
  color: #e94e1b;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  flex-direction: column;
  align-items: center;
  width: 400px;
  height: 100px;
  margin-top: 0;
  margin-right: 0;
  padding: 20px 20px 0;
  font-family: PT Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  display: flex;
}

.text-block-23 {
  color: #027261;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-top: 0;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.link-block-2 {
  color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-top: 40px;
  text-decoration: none;
  display: flex;
}

.button-3 {
  color: #165425;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-span {
  font-family: "Font awesome 5 free solid 900";
}

.button-4 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 50px;
  margin-top: 40px;
  margin-bottom: 60px;
  font-family: PT Sans, sans-serif;
  font-weight: 700;
  display: block;
}

.text-span-2 {
  font-family: "Font awesome 5 brands 400";
}

.div-block-25 {
  background-color: #e84f1b;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
}

.text-block-24 {
  color: #fff;
  text-align: right;
  justify-content: center;
  align-items: center;
  width: 1000px;
  display: flex;
}

.text-block-25 {
  color: #fff;
  align-items: center;
  display: flex;
}

.columns-11 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 10vh;
  display: flex;
}

.knop-zes-fases {
  text-align: center;
  background-color: #24075a;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: PT Sans, sans-serif;
}

.text-span-3 {
  font-family: "Font awesome 5 free solid 900";
}

.knop-waarom {
  text-align: center;
  background-color: #dd1a1e;
  width: 200px;
  margin-top: 250px;
  margin-bottom: 40px;
  margin-left: 0;
  font-family: PT Sans, sans-serif;
}

.knop-waarom.w--current {
  margin-bottom: 40px;
}

.text-span-4 {
  margin-left: 10px;
  font-family: "Font awesome 5 free solid 900";
}

.text-span-5, .text-span-6 {
  font-family: "Font awesome 5 free solid 900";
}

.column-22 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-26 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 500px;
  display: flex;
}

.div-block-27 {
  background-image: url('../images/PEPRRZ-chef-branding2.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 35vw;
  height: 500px;
}

.div-block-28 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 500px;
  display: flex;
}

.columns-12 {
  width: 100vw;
  height: 500px;
}

.column-23 {
  text-align: right;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-24 {
  align-items: center;
  display: flex;
}

.column-25 {
  height: 500px;
}

.column-26 {
  flex-direction: column;
  align-items: flex-start;
  height: 500px;
  display: flex;
}

.div-block-29 {
  background-color: #e84f1b;
  background-image: linear-gradient(#e94e1b, #e94e1b);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 550px;
  display: flex;
}

.button-5 {
  color: #165425;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-span-7 {
  font-family: "Font awesome 5 free solid 900";
}

.div-block-30, .columns-13 {
  width: 100vw;
  height: 5vh;
}

.div-block-31 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-32 {
  align-items: center;
  display: flex;
}

.column-27 {
  align-items: center;
  height: 5vh;
  padding-left: 0;
  display: flex;
}

.column-28 {
  justify-content: flex-end;
  align-items: center;
  height: 5vh;
  padding-right: 0;
  display: flex;
}

.div-block-33 {
  background-color: #dd1a1e;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 450px;
  height: 700px;
  display: flex;
}

.paarse-peper {
  background-image: url('../images/Peprrz-witte-peper.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 60px;
  margin-top: 10vh;
  margin-bottom: 2vh;
  display: block;
  position: static;
}

.columns-14 {
  width: 100vw;
  height: 120vh;
}

.column-29 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 120vh;
  padding-left: 70px;
  padding-right: 0;
  display: flex;
}

.column-31 {
  height: 120vh;
}

.header_artdirection_ontwerp {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
}

.achtergrond_header_artdirection_ontwerp {
  background-image: url('../images/PEPRRZ-header-artdirection-ontwerp.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
}

.blok_artdirection_ontwerp {
  z-index: 10;
  background-color: #165425;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 305px;
  height: 400px;
  margin-top: 10vh;
  display: flex;
  position: static;
}

.peprrz_artdirection_ontwerp_wat {
  background-color: #e94f1a;
  width: 100vw;
  height: 120vh;
}

.inhoud_wat {
  background-color: #0000;
  flex-flow: column;
  place-content: stretch flex-start;
  align-items: center;
  width: 100vw;
  height: 120vh;
  display: flex;
}

.grid-2 {
  grid-template: "Area Area-2 Area-3 Area-4" 300px
                 "Area-5 Area-6 Area-7 Area-8" 300px
                 "Area-9 Area-10 . Area-11" 300px
                 / 250px 250px 250px 250px;
}

.titel_wat {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  margin-top: 40px;
  display: flex;
}

.heading-5 {
  color: #fff;
  text-align: center;
  font-family: PT Sans, sans-serif;
  font-weight: 400;
}

.heading-6 {
  height: 30px;
}

.text-block-26 {
  height: 200px;
}

.heading-7 {
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 2px solid #fff;
  font-family: PT Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.text-block-27 {
  color: #fff;
  letter-spacing: 1px;
  font-family: PT Sans, sans-serif;
  font-weight: 400;
}

.heading-8 {
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 2px solid #fff;
  font-family: PT Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.text-block-28 {
  color: #fff;
  letter-spacing: 1px;
  font-family: PT Sans, sans-serif;
}

.heading-9, .heading-10, .heading-11 {
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 2px solid #fff;
  font-family: PT Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.text-block-29, .text-block-30, .text-block-31 {
  color: #fff;
  letter-spacing: 1px;
  font-family: PT Sans, sans-serif;
}

.heading-12 {
  color: #fff;
  letter-spacing: 0;
  border-bottom: 2px solid #fff;
  font-family: PT Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.heading-13, .heading-14 {
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 2px solid #fff;
  font-family: PT Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.text-block-32, .text-block-33 {
  color: #fff;
  letter-spacing: 1px;
  font-family: PT Sans, sans-serif;
}

.text-block-34 {
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 0 #fff;
  font-family: PT Sans, sans-serif;
}

.text-block-35 {
  color: #fff;
  letter-spacing: 1px;
  font-family: PT Sans, sans-serif;
}

.div-block-34 {
  background-color: #0000;
  border-bottom: 3px #fff;
  border-left: 0 #000;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-35, .div-block-36, .div-block-37, .div-block-38, .div-block-39 {
  border-bottom: 3px #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-40 {
  border-bottom: 3px #fff;
  padding-left: 10px;
}

.div-block-41, .div-block-42 {
  border-bottom: 3px #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-43 {
  z-index: 10;
  width: 600px;
  height: 300px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.heading-15 {
  color: #fff;
  letter-spacing: 1.5px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
}

.achtergrond-project-inprincipo {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
}

.artdirection_contact {
  width: 100vw;
  height: 70vh;
}

.contact_artdirection_ontwerp {
  background-color: #165425;
  background-image: linear-gradient(#165425, #165425);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 600px;
  display: flex;
}

.contact_artdirection_naw {
  background-color: #165425;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
}

.div-block-44 {
  width: 100vw;
  height: 200px;
}

.column-32 {
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
}

.div-block-45 {
  background-image: url('../images/In-Principo-team.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.div-block-46 {
  background-image: url('../images/In-Principo-logo-en-website.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.column-33 {
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
}

.columns-15 {
  width: 100vw;
}

.div-block-47 {
  background-image: url('../images/Project-In-Principo-voorbeeld.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80vw;
  height: 40vh;
}

.text-block-36 {
  color: #fff;
  width: 400px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.kop-koffie {
  flex-direction: column;
  align-items: center;
  height: 180px;
  display: flex;
}

.link-block-3 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.link-block-3:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  box-shadow: 0 2px 5px #fff;
}

.text-block-37 {
  color: #fff;
  letter-spacing: 1px;
  width: 350px;
  margin-top: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.text-block-38 {
  color: #fff;
  letter-spacing: .3px;
  width: 350px;
  margin-top: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-block-39 {
  color: #fff;
  letter-spacing: .3px;
  width: 350px;
  margin-top: 20px;
  font-family: PT Sans, sans-serif;
}

.text-block-40 {
  color: #fff;
  text-align: center;
  width: 250px;
  margin-top: 60px;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.slide-5 {
  background-image: url('../images/PEPRRZ-header-alternatief5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-copy {
  background-image: url('../images/PEPRRZ-header-Diepzeekonijn-moving-media.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/Peprrz-header-SBG-stichting-belangen-grondzuigen.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-49 {
  display: none;
}

.link-block-4 {
  width: 150px;
}

.projectpage_btn_1 {
  cursor: pointer;
  background-image: url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-left: 0;
}

.projectpage_btn_1:hover {
  background-image: url('../images/PEPRRZ-knop-projectpagina-rollover.svg'), url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.projectpage_btn_2 {
  cursor: pointer;
  background-image: url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
}

.projectpage_btn_2:hover {
  background-image: url('../images/PEPRRZ-knop-projectpagina-rollover.svg'), url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.projectpage_btn_3 {
  cursor: pointer;
  background-image: url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.projectpage_btn_3:hover {
  background-image: url('../images/PEPRRZ-knop-projectpagina-rollover.svg'), url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.projectpage_btn_4 {
  cursor: pointer;
  background-image: url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
}

.projectpage_btn_4:hover {
  background-image: url('../images/PEPRRZ-knop-projectpagina-rollover.svg'), url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.projectpage_btn_6 {
  cursor: pointer;
  background-image: url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.projectpage_btn_6:hover {
  background-image: url('../images/PEPRRZ-knop-projectpagina-rollover.svg'), url('../images/PEPRRZ-knop-projectpagina.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  background-image: url('../images/PEPRRZ-achtergrond-404.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link-3 {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.telefoonknop_home {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.icoon-_nummer_home {
  font-family: "Font awesome 5 free solid 900";
}

.tekst_adres_contact_home {
  color: #fff;
  text-align: center;
  width: 250px;
  margin-top: 1vh;
  margin-bottom: 1vh;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 24px;
  font-style: normal;
  line-height: 30px;
}

.knop_telefoon_home {
  color: #000;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin-top: 20px;
  margin-right: 0;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.div_knop_telefoon_branding {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.knop_telefoon_branding {
  color: #e94e1b;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.tekst_knop_telefoon_branding {
  font-family: "Font awesome 5 free solid 900";
}

.div_knop_mail_branding {
  align-items: center;
  display: flex;
}

.knop_mail_branding {
  color: #165425;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.tekst_knop_mail_branding {
  margin-left: 10px;
  font-family: "Font awesome 5 free solid 900";
}

.div_knop_mail_contact_home {
  align-items: center;
  display: flex;
}

.knop_mail_contact_home {
  color: #000;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin-top: 10px;
  margin-left: 0;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.tekst_knop_mail_contact_home {
  margin-left: 10px;
  font-family: "Font awesome 5 free solid 900";
}

.div-block-50 {
  background-image: url('../images/Peprrz-smile-wit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  width: 250px;
  height: 50px;
  margin-top: 10px;
}

.text-block-41 {
  color: #fff;
  text-align: center;
  border: 0 solid #fff;
  margin-top: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
}

.witte-lijn-artdirection-ontwerp-copy {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: static;
}

.peprrz_branding_fundament {
  width: 100vw;
  height: 100vh;
}

.achtergrond_fundament {
  background-image: url('../images/PEPRRZ-pagina-branding-Het-fundament.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.columns-16 {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.column-34 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
}

.div-block-52 {
  background-color: #dd1a1e;
  flex-direction: column;
  align-items: center;
  width: 400px;
  height: 850px;
  margin-right: 0;
  display: flex;
}

.heading-16 {
  color: #fff;
  text-align: center;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
}

.text-block-42 {
  color: #fff;
  width: 300px;
  margin-bottom: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.column-35 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.tekst-contact-wat-copy {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 400px;
  height: 400px;
  margin-top: 40vh;
  margin-right: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 60px;
}

.div-block-53 {
  background-color: #fff;
  width: 300px;
  height: 1px;
  margin-top: 80px;
}

.div-block-54 {
  background-color: #fff;
  width: 300px;
  height: 1px;
  margin-bottom: 20px;
}

.achtergrond-archetypes {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.peprrz_branding_hoe {
  width: 100vw;
  height: 100vh;
}

.achtergrond_hoe {
  background-image: url('../images/peprrz-branding-pagina-achtergrond-hoe3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.text-block-43 {
  color: #165425;
  text-align: center;
  width: 330px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: PT Sans, sans-serif;
  font-size: 32px;
}

.text-block-44, .text-block-45 {
  color: #165425;
  text-align: center;
  width: 330px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: PT Sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.text-block-46 {
  color: #165425;
  text-align: center;
  width: 330px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: PT Sans, sans-serif;
  font-size: 32px;
}

.div-block-55 {
  background-color: #165425;
  width: 300px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 20px;
}

.text-block-47 {
  color: #165425;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: PT Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.columns-17 {
  width: 100vw;
  height: 100vh;
}

.column-36 {
  height: 100vh;
}

.div-block-56 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading-17 {
  color: #165425;
  text-align: center;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
}

.lijn-titel-hoe1 {
  background-color: #165425;
  width: 330px;
  height: 2px;
  margin-top: 0;
}

.lijn-titel-hoe2 {
  background-color: #165425;
  width: 330px;
  height: 2px;
  margin-bottom: 20px;
}

.heading-artdirection-mobile {
  color: #fff;
  text-align: center;
  width: 220px;
  margin-top: 5vh;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.witte-lijn-artdirection-ontwerp2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: static;
}

.heading-branding-page {
  color: #fff;
  text-align: center;
  width: 220px;
  margin-top: 60px;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.tekst_branding_page {
  color: #fff;
  text-align: center;
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
}

.heading-section-branding {
  color: #fff;
  text-align: center;
  width: 220px;
  margin-top: 5vh;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.tekst_section_artdirection {
  color: #fff;
  text-align: center;
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
}

.witte-lijn-branding-page-header, .witte-lijn-branding-page-header2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: static;
}

.heading_section_projects {
  color: #fff;
  text-align: center;
  width: 220px;
  margin-top: 5vh;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.tekst_section_projects {
  color: #fff;
  text-align: center;
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
}

.tekst-hoe {
  flex-direction: column;
  align-items: flex-start;
  width: 330px;
  height: 350px;
  display: flex;
}

.titel_info_beeld_project6-copy {
  width: 700px;
  height: 700px;
  margin-top: 0;
  margin-bottom: 40px;
}

.titel_info_beeld_project8 {
  width: 500px;
  height: 500px;
  margin-top: 0;
  margin-bottom: 40px;
}

.peprrz_container-project_voltanz {
  background-image: url('../images/PEPRRZ-projecten-voltanz-home.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 500px;
  height: 500px;
  margin-top: 100px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.slide-7 {
  background-image: url('../images/PEPRRZ-header-Floating-Paradise.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-8 {
  background-image: url('../images/PEPRRZ-header-DWPK.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/PEPRRZ-header-alternatief14.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.witte-lijn-contact {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: static;
}

.awesome-icon {
  font-family: "Font awesome 5 brands 400";
  font-weight: 400;
}

.text-span-8 {
  font-family: "Fa 400", sans-serif;
  font-size: 14px;
}

.text-span-9 {
  font-family: "Fa Solid 900", sans-serif;
  font-size: 12px;
}

.knop-hoe {
  text-align: center;
  background-color: #165425;
  margin-top: 0;
  margin-bottom: 60px;
  margin-left: 0;
  font-family: PT Sans, sans-serif;
}

.knop_het_plan {
  text-align: center;
  background-color: #24075a;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: PT Sans, sans-serif;
}

.peprrz_branding_plan {
  width: 100vw;
  height: 100vh;
}

.div-block-52-copy {
  background-color: #e94e1b;
  flex-direction: column;
  align-items: center;
  width: 400px;
  height: 750px;
  margin-right: 0;
  display: flex;
}

.achtergrond_plan {
  background-image: url('../images/PEPRRZ-pagina-branding-sectie-het-plan.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.tekst-het-plan {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 400px;
  height: 400px;
  margin-top: 5vh;
  margin-right: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 60px;
}

.tekst-het-plan-copy {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 400px;
  height: 500px;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 60px;
}

.column-35-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.knop_voor_wie {
  text-align: center;
  background-color: #165425;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: PT Sans, sans-serif;
}

.knop_voor_wie.w--current {
  background-color: #165425;
  margin-top: 0;
}

.text-span-10, .text-span-11 {
  font-family: "Fa Solid 900", sans-serif;
  font-size: 10px;
}

.tekst-contact-wat-copy-copy, .titel_het_fundament {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 solid #8a8787;
  width: 400px;
  height: 400px;
  margin-top: 40vh;
  margin-right: 0;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 60px;
}

.achtergrond_het_plan {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.column-_het_plan {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
}

.div_blok_het_plan_text {
  background-color: #e94e1b;
  flex-direction: column;
  align-items: center;
  width: 400px;
  height: 100vh;
  margin-right: 0;
  display: flex;
}

.column_het_plan_text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-_het_plan {
  color: #fff;
  text-align: center;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
}

.div-block_streep_het_plan_titel_boven {
  background-color: #fff;
  width: 300px;
  height: 1px;
  margin-top: 80px;
}

.columns-_het_plan {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-54-copy {
  background-color: #fff;
  width: 300px;
  height: 1px;
  margin-bottom: 20px;
}

.lijn-voor-wie-blok3-copy {
  background-color: #fff;
  width: 300px;
  height: 2px;
  margin-top: 0;
}

.div-block-58 {
  background-image: url('../images/Peprrz-artdirection-ontwerp-sectie-iconen.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38vw;
  width: 40vw;
}

.div-block-59 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-14 {
  padding-top: 3.5px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 12px;
}

.text-span-15, .text-span-16, .text-span-17 {
  padding-top: 3.5px;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.text-span-18 {
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.text-span-19 {
  color: #165425;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.text-span-20 {
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.slide-10, .slide-11 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-12 {
  background-image: url('../images/PEPRRZ-header-Voltanz.jpg');
  background-position: 50%;
  background-size: auto;
}

.slide-13 {
  background-image: url('../images/PEPRRZ-header-project-ongewoon.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1 {
  background-image: url('../images/Peprrz-header-hd-packaging_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-2 {
  background-image: url('../images/PEPRRZ-header-alternatief17.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-3, .slide-1-4, .slide-1-5 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-1-6 {
  background-image: url('../images/PEPRRZ-header-4mijl-emmen.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-7 {
  background-image: url('../images/PEPRRZ-header-Geursbeton.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.witte-lijn-artdirection-ontwerp-bovenste {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: static;
}

.achtergrond-project-lta {
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: flex;
}

.container-project-lta {
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 95svh;
  padding-top: 0;
  display: flex;
}

.cell {
  align-items: flex-start;
}

.lijn-project-lta1, .lijn-project-lta2, .lijn-project-lta3 {
  background-color: #e94e1b;
  width: 250px;
  height: 2px;
}

.text-block-48 {
  margin-top: 20px;
  font-family: PT Sans, sans-serif;
  font-size: 28px;
}

.heading-18 {
  text-align: center;
  margin-top: 10px;
  font-family: PT Sans, sans-serif;
}

.container-inhoud-project-lta {
  z-index: auto;
  aspect-ratio: auto;
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
  display: flex;
  position: sticky;
  top: 140px;
}

.container-team-lta {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.image {
  width: 80px;
}

.text-block-49 {
  width: 60px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
}

.text-block-50 {
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  font-weight: 700;
}

.text-block-51 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: PT Sans, sans-serif;
  font-weight: 700;
  line-height: 30px;
}

.quick-stack {
  width: 100vw;
}

.portfolio-lta {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 75vw;
  height: 10000px;
  margin-top: 40px;
}

.div-block-60 {
  display: flex;
}

.button-project-lta-next {
  background-color: #3898ec00;
  margin-top: 30px;
}

.text-span-21 {
  color: #fff;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-21:hover, .text-span-21:focus {
  color: #063;
}

.lijn-project-swingin1, .lijn-project-swingin2, .lijn-project-swingin3 {
  background-color: #e94e1b;
  width: 250px;
  height: 2px;
}

.button-swingin-next {
  background-color: #3898ec00;
}

.image-2 {
  width: 60px;
}

.button-swingin-back {
  background-color: #3898ec00;
  margin-top: 30px;
}

.text-span-22 {
  color: #e13510;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.portfolio-swingin-groningen {
  flex-direction: column;
  align-items: center;
  width: 75vw;
  height: 14000px;
  margin-top: 40px;
  display: flex;
}

.lijn-project-gr-marktendag1 {
  background-color: #e94e1b;
  width: 250px;
  height: 2px;
}

.lijn-project-gr-marktendag2, .lijn-project-gr-marktendag3 {
  background-color: #e13510;
  width: 250px;
  height: 2px;
}

.button-gr-marktendag-next {
  background-color: #3898ec00;
}

.portfolio-gr-marktendag {
  flex-direction: column;
  align-items: center;
  width: 75vw;
  height: 13400px;
  margin-top: 0;
  display: flex;
}

.button-gr-marktendag-back, .button-voltanz-back, .button-voltanz-next {
  background-color: #3898ec00;
}

.lijn-project-voltanz2, .lijn-project-voltanz1 {
  background-color: #e13510;
  width: 250px;
  height: 2px;
}

.portfolio-voltanz {
  width: 75vw;
  height: 8100px;
  margin-top: 40px;
}

.text-span-swingin-next {
  color: #e94e1b;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-swingin-next:hover, .text-span-swingin-next:focus {
  color: #063;
}

.text-span-swingin-back {
  color: #fff;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-swingin-back:hover {
  color: #063;
  position: static;
}

.text-span-swingin-back:focus {
  color: #063;
}

.text-span-gr-marktendag-back {
  color: #e13510;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-gr-marktendag-back:hover {
  color: #063;
}

.text-span-gr-marktendag-back:focus {
  color: #046836;
}

.text-span-gr-marktendag-next {
  color: #e13510;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-gr-marktendag-next:hover, .text-span-gr-marktendag-next:focus {
  color: #063;
}

.text-span-voltanz-back {
  color: #e13510;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-voltanz-back:hover, .text-span-voltanz-back:focus {
  color: #063;
}

.text-span-voltanz-next {
  color: #e13510;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 24px;
}

.text-span-voltanz-next:hover, .text-span-voltanz-next:focus {
  color: #063;
}

.link-block-5 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.link-block-5:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  box-shadow: 0 2px 5px #fff;
}

.link-block-6 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.link-block-6:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  box-shadow: 0 2px 5px #fff;
}

.link-block-7 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.link-block-7:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  box-shadow: 0 2px 5px #fff;
}

.link-block-8 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.link-block-8:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  box-shadow: 0 2px 5px #fff;
}

.container-project-gr-marktendag {
  width: 100vw;
  padding-top: 140px;
}

.header-project-gr-marktendag, .header-project-swingin-groningen {
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 480px;
  display: flex;
}

.container-project-swingin-groningen {
  width: 100vw;
  padding-top: 140px;
}

.achtergrond-project-voltanz {
  width: 100vw;
  height: 8400px;
}

.container-project-voltanz {
  width: 100vw;
  padding-top: 140px;
}

.slide-1-8 {
  background-image: url('../images/PEPRRZ-header-Stoelonderhoud.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-9 {
  background-image: url('../images/PEPRRZ-header-Kozijnenshop-Groningen.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1-10 {
  background-image: url('../images/PEPRRZ-header-dwpkbeurs.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.peprrz-projects-swingin-groningen-logo {
  background-image: url('../images/Peprrz-projects-Swingin-Groningen-logo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50svw;
  height: 60svh;
  padding-left: 0;
  padding-right: 0;
}

.peprrz-projects-swingin-groningen-fotografiestijl {
  background-image: url('../images/peprrz-projects-Swingin-Groningen-fotografiestijl.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 1200px;
  margin-top: 40px;
}

.peprrz-projects-swingin-groningen-webdesign {
  background-image: url('../images/Mockup-webdesign-Swingin-Groningen.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 700px;
  margin-top: 40px;
}

.peprrz-projects-swingin-groningen-facebook {
  background-image: url('../images/Swingin-Groningen-socials.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 1000px;
  margin-top: 40px;
}

.peprrz-projects-swingin-groningen-signing {
  background-image: url('../images/Swingin-Groningen-LEDwall.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 1600px;
  margin-top: 40px;
}

.peprrz-projects-groninger-marktendag-logo {
  background-image: url('../images/Peprrz-projects-Groninger-Marktendag-logo-webdesign.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 1350px;
}

.peprrz-projects-groninger-marktendag-webdesign {
  background-image: url('../images/Groninger-Marktendag-webdesign.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80vw;
  height: 65svh;
  margin-top: 40px;
}

.peprrz-projects-groninger-marktendag-posters-22-23 {
  background-image: url('../images/Groninger-Marktendag-posters-22-23.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80vw;
  height: 50svh;
  margin-top: 40px;
}

.peprrz-projects-groninger-marktendag-posters-24-25 {
  background-image: url('../images/Groninger-Marktendag-posters-24-25.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80vw;
  height: 50svh;
  margin-top: 40px;
}

.peprrz-projects-groninger-marktendag-impressie {
  background-image: url('../images/Groninger-Marktendag-impressie.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 65svh;
  margin-top: 40px;
}

.peprrz-projects-groninger-marktendag-socials {
  background-image: url('../images/Groninger-Marktendag-socials.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50vw;
  height: 100svh;
  margin-top: 40px;
}

.peprrz-projects-voltanz-logo-webdesign {
  background-image: url('../images/Peprrz-projects-Voltanz-logo-website.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 900px;
}

.peprrz-projects-voltanz-song-covers {
  background-image: url('../images/Peprrz-projects-Voltanz-song-covers.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 5000px;
  margin-top: 40px;
}

.peprrz-projects-voltanz-fotografiestijl {
  background-image: url('../images/Peprrz-projects-Voltanz-fotografiestijl.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 2000px;
  margin-top: 40px;
}

.peprrz-projects-lta-logo {
  background-image: url('../images/Peprrz-projects-LTA-logo.jpg');
  background-position: 50% 13svh;
  background-repeat: no-repeat;
  background-size: 60%;
  width: 50svw;
  height: 60svh;
}

.peprrz-lta-webdesign-corporate-identity {
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 45svh;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.peprrz-lta-signing-linkedin {
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 55svh;
  margin-top: 40px;
  display: flex;
}

.peprrz-projects-lta-socials {
  background-image: url('../images/LTA-social-media.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 55svh;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.peprrz-lta-signing-rollupbanners {
  background-image: url('../images/LTA-rollupbanners.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90svw;
  height: 85svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.buttons-voltanz-mobile, .buttons-groningermarktendag-submenu, .buttons-swingin-groningen-mobiel, .button-lta-mobiel {
  display: none;
}

.peprrz_klanten {
  width: 100vw;
  height: 71.5vh;
}

.div-block-80 {
  background-image: url('../images/PEPRRZ-klanten.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 71.5vh;
}

.heading-19 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 140px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.dropdown_menu2 {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.text-block-52, .text-block-53 {
  display: none;
}

.text-block-54 {
  width: 50px;
  height: 100px;
}

.text-block-55, .text-block-56 {
  display: none;
}

.text-block-57 {
  width: 100px;
  height: 140px;
  display: none;
}

.text-block-58 {
  width: 100px;
  display: none;
}

.text-block-59, .text-block-60, .text-block-61, .text-block-62, .text-block-63, .text-block-64, .text-block-65, .text-block-66, .text-block-67 {
  display: none;
}

.div-block-81 {
  width: 1000px;
  height: 500px;
}

.heading-20 {
  color: #fff;
  font-family: PT Sans, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 42px;
}

.text-block-68 {
  color: #fff;
  font-family: PT Sans, sans-serif;
}

.image-3 {
  width: 300px;
  margin-top: 0;
}

.link-block-9 {
  margin-top: 40px;
}

.text-block-69, .text-block-70, .text-block-71 {
  display: none;
}

.peprrz-projects-swingin-groningen-campagne-offline {
  background-image: url('../images/Peprrz-projects-Swingin-Groningen-campagne-offline.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65vw;
  height: 1700px;
  margin-top: 40px;
}

.projects-lta-contact {
  width: 100vw;
  height: 70vh;
}

.swingin_contact {
  width: 100vw;
  height: 1200px;
}

.grmarktendag_contact {
  width: 100vw;
  height: 59vh;
}

.voltanz_contact {
  width: 100vw;
  height: 70vh;
}

.dropdown_menu_artdirection {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.dropdown_container_artdirection {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 300px;
  margin-right: 0;
  display: flex;
}

.link-block-branding, .link-block-artdirection {
  display: none;
}

.dropdown_menu_projects_lta {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.link-block_projects_menu_lta {
  display: none;
}

.dropdown_menu_swingin_groningen {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.link-block_projects_menu_swingin {
  display: none;
}

.dropdown_menu_groninger_marktendag {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.link-block_menu_swingin_projects {
  display: none;
}

.dropdown_menu_voltanz {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.link-block_menu_voltanz_projects {
  display: none;
}

.menu-peprrz-lta {
  z-index: 10;
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
}

.menu-peprrz-lta:hover, .menu-peprrz-lta:active {
  background-image: url('../images/Peprrz-hamburger-icon-groen.svg'), url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.menu-peprrz-lta:focus {
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.close_dropdown_btn_lta {
  background-image: url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: none;
}

.close_dropdown_btn_lta:hover {
  background-image: url('../images/Peprrz-hamburger-icon-close-nieuw.svg'), url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.menu-peprrz-swingin {
  z-index: 10;
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
}

.menu-peprrz-swingin:hover, .menu-peprrz-swingin:active {
  background-image: url('../images/Peprrz-hamburger-icon-groen.svg'), url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.menu-peprrz-swingin:focus {
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.close_dropdown_btn_swingin {
  background-image: url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: none;
}

.close_dropdown_btn_swingin:hover {
  background-image: url('../images/Peprrz-hamburger-icon-close-nieuw.svg'), url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.column_hamburger_menu_lta {
  justify-content: flex-end;
  align-items: center;
  height: 10vh;
  padding-right: 10vw;
  display: flex;
}

.dropdown_container_lta {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 300px;
  margin-right: 0;
  display: flex;
}

.menu_projects_swingin {
  z-index: 50;
  background-color: #fff;
  width: 100vw;
  height: 10vh;
  margin-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 3px #d8d4d4;
}

.columns-swingin {
  height: 10vh;
}

.column-logo {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.column-_menu_hamburger_swingin {
  justify-content: flex-end;
  align-items: center;
  height: 10vh;
  padding-right: 10vw;
  display: flex;
}

.text-block-menu-swingin {
  display: none;
}

.menu-lta {
  z-index: 50;
  background-color: #fff;
  width: 100vw;
  height: 10vh;
  margin-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 3px #d8d4d4;
}

.column-menu-logo-lta {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.dropdown_container_swingin {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 300px;
  margin-right: 0;
  display: flex;
}

.column-logo-menu-hamburger-swingin {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.menu-projects-lta {
  z-index: 50;
  background-color: #fff;
  width: 100vw;
  height: 10vh;
  margin-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 3px #d8d4d4;
}

.branding_btn_menu_lta, .artdirection_btn_menu_lta {
  display: block;
}

.projects_btn_menu_lta {
  display: none;
}

.branding_btn_menu_swingin, .artdirection_btn_menu_swingin {
  display: block;
}

.projects_btn_menu_swingin {
  display: none;
}

.columns-home {
  height: 10vh;
}

.column-home-logo {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.column-home-hamburger {
  justify-content: flex-end;
  align-items: center;
  height: 10vh;
  padding-right: 10vw;
  display: flex;
}

.dropdown_menu_home {
  z-index: 50;
  opacity: 1;
  background-image: url('../images/PEPRRZ-achtergrond-menu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 9vh 0% auto;
  box-shadow: 1px 1px 3px #686868;
}

.dropdown_container_home {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 300px;
  margin-right: 0;
  display: flex;
}

.menu_home {
  z-index: 50;
  background-color: #fff;
  width: 100vw;
  height: 10vh;
  margin-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 3px #d8d4d4;
}

.menu-peprrz-home {
  z-index: 10;
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
}

.menu-peprrz-home:hover, .menu-peprrz-home:active {
  background-image: url('../images/Peprrz-hamburger-icon-groen.svg'), url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.menu-peprrz-home:focus {
  background-image: url('../images/Peprrz-hamburger-icon-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.close_dropdown_btn_home {
  background-image: url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  display: none;
}

.close_dropdown_btn_home:hover {
  background-image: url('../images/Peprrz-hamburger-icon-close-nieuw.svg'), url('../images/Peprrz-hamburger-icon-close-oranje.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px;
}

.link-block-10 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  display: flex;
}

.link-block-10:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px #fff;
}

.link-block-10.w--current {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.link-block-10.w--current:hover {
  mix-blend-mode: hard-light;
  border: 1px solid #fff;
  box-shadow: 0 2px 5px #fff;
}

.heading-21 {
  color: #fff;
  text-align: center;
  font-family: PT Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.text-block-72 {
  color: #fff;
  text-align: center;
  padding-top: 140px;
  font-size: 18px;
  line-height: 18px;
}

.slide-14, .slide-15 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-16 {
  background-image: url('../images/Peprrz-header-hd-packaging.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-1-11 {
  background-image: url('../images/PEPRRZ-header-Swingin-Groningen.webp');
  background-position: 50%;
  background-size: auto;
}

.slide-1-12 {
  background-image: url('../images/PEPRRZ-header-Groningermarktendag2025.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.quiz-wrapper {
  height: auto;
  display: flex;
}

.quiz-wrapper.landing {
  height: 100vh;
  min-height: auto;
}

.quiz-form-wrapper {
  width: 100%;
}

.image-wrapper {
  width: 50%;
  height: 100%;
  position: relative;
}

.quiz-form {
  width: 100%;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.quiz-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.hero-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
}

.details-wrap {
  text-transform: uppercase;
  justify-content: space-between;
  font-size: .75rem;
  display: flex;
}

.details-wrap.bottom-margin {
  margin-bottom: 2rem;
}

.quiz {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 100dvh;
  display: flex;
}

.quiz-button-secondary {
  color: #fff;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px #fff;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 0 0 2px #fff;
}

.card-image {
  height: 50%;
  overflow: hidden;
}

.quiz-step {
  padding: 0 0;
  display: flex;
}

.card-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 21rem;
  height: 31rem;
  margin: auto;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 2px 5px #0003;
}

.content-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding: 2rem 2.9rem 2rem 2rem;
  display: flex;
}

.quiz-button-primary {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  justify-content: center;
  padding: 1rem 2rem;
  text-decoration: none;
  display: flex;
}

.wat-doet-peprrz {
  -webkit-text-fill-color: inherit;
  background-color: #492774;
  background-image: url('../images/Capsicum-Peprrz.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  min-width: 100svw;
  min-height: 65svh;
}

.div-block-82 {
  justify-content: center;
  align-items: flex-start;
  min-width: 100svw;
  min-height: 50svh;
  display: flex;
}

.div-block-83 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 33.33%;
  min-height: 45svh;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-84 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 33.33%;
  min-height: 35svh;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-block-85 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-width: 33.33svw;
  min-height: 35svh;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.text-block-73 {
  color: #fff;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
}

.text-block-74 {
  color: #fff;
  font-family: PT Sans, sans-serif;
}

.text-block-75 {
  color: #fff;
  margin-top: 60px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.text-block-76 {
  color: #fff;
  padding-bottom: 40px;
  font-family: PT Sans, sans-serif;
}

.div-block-86 {
  background-color: #370057;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-width: 280px;
  min-height: 35svh;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.header-portfolio-purple {
  background-color: #370057;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100svw;
  height: 480px;
  margin-top: 0;
  display: flex;
}

.container-peprrz {
  background-color: #492774;
  background-image: url('../images/Fragmented-peppers-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100svw;
  height: 480px;
  display: flex;
}

.div-block-87 {
  background-image: url('../images/Fragmnented-pepper-links.svg');
  background-position: 0 25%;
  background-repeat: no-repeat;
  background-size: auto 160%;
  width: 50svw;
  height: 480px;
}

.div-block-88 {
  background-image: url('../images/Fragmnented-pepper-rechts.svg');
  background-position: 100% 35%;
  background-repeat: no-repeat;
  background-size: auto 180%;
  width: 50svw;
  height: 480px;
}

.container-inhoud-header {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100svw;
  height: 480px;
  margin-bottom: 0;
  padding-bottom: 5svh;
  display: flex;
  position: relative;
}

.flex-block {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-family: PT Sans, sans-serif;
}

.heading-22 {
  text-align: left;
  font-size: 30px;
}

.div-block-89 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pepper-orange-lta {
  background-image: url('../images/Pepper-orange.svg');
  background-position: 0 0;
  background-size: contain;
}

.heading-23 {
  text-align: center;
  width: 30svw;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.text-block-77 {
  text-align: center;
  width: 35svw;
  font-size: 20px;
  display: block;
}

.div-block-91 {
  justify-content: flex-start;
  align-items: center;
  width: 45svw;
  margin-top: 20px;
  display: flex;
}

.text-block-78 {
  color: #c3c2c2;
  margin-right: 5px;
  padding-left: 0;
}

.text-block-79, .text-block-80 {
  color: #c3c2c2;
  margin-left: 5px;
  margin-right: 5px;
}

.project-container-lta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 95svh;
  display: flex;
}

.div-block-93 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50svw;
  height: 70svh;
  display: flex;
}

.div-block-94 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50svw;
  height: 70svh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.heading-24 {
  color: #492774;
  width: 45svw;
  margin-top: 3px;
  margin-bottom: 3px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.paragraph {
  width: 45svw;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.bold-text-2, .bold-text-3, .text-span-23 {
  color: #492774;
}

.div-block-95 {
  background-color: #e13510;
  width: 45svw;
  height: .3svh;
  margin-top: 20px;
}

.div-block-96 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50svw;
  height: 70svh;
  display: flex;
}

.container-swingin {
  background-color: #e94e1b;
  background-image: url('../images/Fragmented-peppers-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100svw;
  height: 480px;
  display: flex;
}

.pepper-green-swingin {
  background-image: url('../images/Pepper-green.svg');
  background-position: 0 0;
  background-size: contain;
}

.container-gr-mrktdg {
  background-color: #165425;
  background-image: url('../images/Fragmented-peppers-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100svw;
  height: 480px;
  display: flex;
}

.project-container-swingin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100svw;
  height: 90svh;
  display: flex;
}

.button-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tekst-header-gr-mrktdg {
  width: 35svw;
  font-size: 20px;
  display: none;
}

.project-container-gr-mrktndag {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100svw;
  height: 70svh;
  display: flex;
}

.div-block-97 {
  background-image: url('../images/LTA-webdesign.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 45svw;
  height: 35svh;
}

.div-block-98 {
  background-image: url('../images/LTA-corporate-identity.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40svw;
  height: 40svh;
}

.div-block-99 {
  background-image: url('../images/LTA-signing.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 45svw;
  height: 55svh;
}

.div-block-100 {
  background-image: url('../images/LTA-linkedin-profile.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 45svw;
  height: 55svh;
}

.div-block-101 {
  background-image: url('../images/LTA-social-media.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50svw;
  height: 50svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-102 {
  width: 45svw;
  height: 45svh;
}

.peprrz-lta-brochure-cover {
  background-image: url('../images/LTA-brochure-cover.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 55svw;
  height: 40svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.peprrz-lta-brochure-layout {
  background-image: url('../images/LTA-brochure-back.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 55svw;
  height: 40svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.peprrz-lta-brochure-back {
  background-image: url('../images/LTA-brochure-layout.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90svw;
  height: 45svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.peprrz-lta-flyer {
  background-image: url('../images/LTA-flyer.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70svw;
  height: 45svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.peprrz-lta-image {
  background-image: url('../images/LTA-image-pattern.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35svw;
  height: 20svh;
  margin-top: 20px;
  margin-bottom: 20px;
}

.results-lta {
  background-image: url('../images/PEPRRZ-background-results.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80svw;
  height: 60svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.div-block-103 {
  background-image: url('../images/Peprrz-spaceship-vector-wit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 30svw;
  height: 45svh;
}

.div-block-104 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45svw;
  height: 45svh;
  padding-top: 0;
  display: flex;
}

.heading-25 {
  color: #fff;
  width: 45svw;
  font-family: PT Sans, sans-serif;
  font-size: 24px;
}

.div-block-105 {
  justify-content: flex-start;
  align-items: center;
  width: 45svw;
  height: 4svh;
  margin-top: 5px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-106 {
  background-image: url('../images/Peprrz-vinkje.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3svw;
  height: 5svh;
  margin-right: 15px;
}

.text-block-81 {
  color: #fff;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
}

.div-block-107 {
  text-align: right;
  width: 45svw;
  height: 5svh;
}

.paragraph-2 {
  color: #fff;
  font-family: PT Sans, sans-serif;
}

.lta-contact {
  background-color: #fff;
  width: 100vw;
  height: 1100px;
}

.achtergrond-project-dwpk {
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 180svh;
  margin-bottom: 40px;
  display: flex;
}

.header-portfolio-purple-dwpk {
  background-color: #370057;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100svw;
  height: 480px;
  margin-top: 0;
  display: flex;
}

.peprrz-projects-dwpk-logo-webdesign {
  background-image: url('../images/Logowebdesign-DWPK.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  width: 50svw;
  height: 70svh;
}

.peprrz-dwpk-logo {
  background-image: url('../images/DWPK-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 65svw;
  height: 20svh;
  margin-top: 20px;
  margin-bottom: 40px;
  display: block;
}

.container-txt-project-dwpk {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50svw;
  height: 110svh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.txt-project-dwpk {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50svw;
  height: 110svh;
  display: flex;
}

.container-dwpk-logo {
  background-image: url('../images/DWPK-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 75svw;
  height: 20svh;
}

.div-block-98-copy {
  background-image: url('../images/LTA-corporate-identity.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  width: 45svw;
  height: 50svh;
}

.peprrz-dwpk-corporate-identity {
  background-image: url('../images/DWPK-corporate-identity.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.container-identity {
  background-image: url('../images/DWPK-corporate-identity.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 55svh;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-100-copy {
  background-image: url('../images/LTA-linkedin-profile.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 45svw;
  height: 55svh;
}

.peprrz-projects-dwpk-socials {
  background-image: url('../images/DWPK-socials.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 75svw;
  height: 50svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.container-socials {
  background-image: url('../images/DWPK-socials.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 50svh;
  margin-top: 0;
  margin-bottom: 0;
}

.project-container-dwpk {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 110svh;
  display: flex;
}

.peprrz-dwpk-linkedin {
  background-image: url('../images/DWPK-LinkedIn-header.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 15svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-dwpk-beursstand {
  background-image: url('../images/DWPK-beursstand.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 45svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-dwpk-rollupbanners {
  background-image: url('../images/DWPK-rollupbanners.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-dwpk-brochure-stap1-2 {
  background-image: url('../images/DWPK-brochure-stap12.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 30svh;
}

.peprrz-dwpk-brochure-stap-3 {
  background-image: url('../images/DWPK-brochure-stap-3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-dwpk-brochure-stap-4 {
  background-image: url('../images/DWPK-brochure-stap-4.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 40svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.results-dwpk {
  background-image: url('../images/PEPRRZ-background-results.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80svw;
  height: 45svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.results-spaceship-dwpk {
  background-image: url('../images/Peprrz-spaceship-vector-wit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 30svw;
  height: 45svh;
}

.container-results-dwpk {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45svw;
  height: 45svh;
  padding-top: 0;
  display: flex;
}

.div-block-105-copy {
  justify-content: flex-start;
  align-items: center;
  width: 40svw;
  height: 4svh;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.text-block-81-copy {
  color: #fff;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
}

.div-block-106-copy {
  background-image: url('../images/Peprrz-vinkje.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 70%;
  width: 3svw;
  height: 5svh;
}

.achtergrond-project-lewenborgnu {
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 600svh;
  display: flex;
}

.background-header-portfolio-orange {
  background-color: #e94e1b;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100svw;
  height: 480px;
  margin-top: 0;
  display: flex;
}

.container-header-lewenborg {
  background-color: #e94e1b;
  background-image: url('../images/Fragmented-peppers-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100svw;
  height: 480px;
  display: flex;
}

.container-inhoud-header-lewenborg {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100svw;
  height: 480px;
  margin-bottom: 0;
  padding-bottom: 5svh;
  display: flex;
  position: relative;
}

.pepper-green-lewenborg {
  background-image: url('../images/Pepper-green.svg');
  background-position: 0 0;
  background-size: contain;
}

.text-block-77-copy {
  text-align: center;
  width: 35svw;
  font-size: 20px;
  display: block;
}

.heading-24-copy {
  color: #492774;
  width: 35svw;
  margin-top: 3px;
  margin-bottom: 3px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.paragraph-copy {
  width: 35svw;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.project-container-lewenborgnu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  display: flex;
}

.container-txt-project-lewenborgnu {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50svw;
  height: 100svh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.txt-project-lewenborgnu {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50svw;
  height: 100svh;
  display: flex;
}

.peprrz-lewenborgnu-webdesign {
  background-image: url('../images/Lewenborg.nu-webdesign.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 50svh;
  margin-top: 40px;
  display: flex;
}

.container-project-lewenborgnu {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  padding-top: 0;
  display: flex;
}

.peprrz-lewenborgnu-webdesign-home {
  background-image: url('../images/Homepagina-Lewenborg.nu.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 150svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.container-home {
  background-image: url('../images/Lewenborg.nu-webdesign-home.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 150svh;
  margin-top: 0;
  margin-bottom: 0;
}

.peprrz-projects-lewenborgnu-socials-1 {
  background-image: url('../images/Lewenborg.nu-socials-deel1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 75svw;
  height: 40svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.container-socials-lewenborgnu {
  background-image: url('../images/Lewenborg.nu-socials-deel1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50svw;
  height: 40svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-projects-lewenborgnu-socials-2 {
  background-image: url('../images/Lewenborg.nu-socials-deel2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50svw;
  height: 40svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-lewenborgnu-poster1 {
  background-image: url('../images/Lewenborg.nu-posterreeks1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 75svw;
  height: 50svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-lewenborgnu-poster2 {
  perspective: 459px;
  background-image: url('../images/Lewenborg.nu-posterreeks2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 75svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
  transform: perspective(789px);
}

.peprrz-dwpk-brochure-stap1-2-copy {
  background-image: url('../images/DWPK-brochure-stap12.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 30svh;
}

.peprrz-dwpk-brochure-stap-3-copy {
  background-image: url('../images/DWPK-brochure-stap-3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 55svh;
}

.peprrz-lewenborgnu-signing {
  background-image: url('../images/Lewenborg.nu-signing.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.results-lewenborgnu {
  background-image: url('../images/PEPRRZ-background-results.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80svw;
  height: 55svh;
  display: flex;
}

.peprrz-projects-groninger-marktendag {
  background-image: url('../images/Logo-Groninger-Marktendag.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  width: 50svw;
  height: 60svh;
  padding-left: 0;
  padding-right: 0;
}

.results-swingin-groningen {
  background-image: url('../images/PEPRRZ-background-results.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.peprrz-projects-groninger-marktendag-screen {
  background-image: url('../images/Groninger-Marktendag-screen.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 140svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.peprrz-projects-groninger-marktendag-flags {
  background-image: url('../images/Groninger-Marktendag-flags.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50vw;
  height: 65svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.body-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-groninger-marktendag {
  background-image: url('../images/PEPRRZ-background-results.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80svw;
  height: 55svh;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.results-spaceship-groninger-marktendag {
  background-image: url('../images/Peprrz-spaceship-vector-wit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 30svw;
  height: 45svh;
}

.container-results-groninger-marktendag {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45svw;
  height: 45svh;
  padding-top: 0;
  display: flex;
}

.results-spaceship-swingin-groningen {
  background-image: url('../images/Peprrz-spaceship-vector-wit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 30svw;
  height: 45svh;
}

.container-results-swingin-groningen {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45svw;
  height: 45svh;
  padding-top: 0;
  display: flex;
}

.branding-contact-inhoud-swingin {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 1200px;
  display: flex;
}

.div-block-29-swingin {
  background-color: #e84f1b;
  background-image: linear-gradient(#e94e1b, #e94e1b);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 550px;
  display: flex;
}

.div_knop_telefoon_branding-swingin {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.knop_telefoon_branding-swingin {
  color: #e94e1b;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.div-block-25-swingin {
  background-color: #e94e1b;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 150px;
  display: flex;
}

.branding-contact-inhoud-groninger-marktendag {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 1100px;
  display: flex;
}

.div-block-29-groninger-marktendag {
  background-color: #e84f1b;
  background-image: linear-gradient(#165425, #165425);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 550px;
  display: flex;
}

.div-block-25-groninger-marktendag {
  background-color: #165425;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
}

.branding-contact-inhoud-lta {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 1100px;
  display: flex;
}

.div-block-29-lta {
  background-color: #e84f1b;
  background-image: linear-gradient(#492774, #492774);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 550px;
  display: flex;
}

.div-block-25-lta {
  background-color: #492774;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
}

.div_knop_telefoon_branding-lta {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div_knop_mail_branding-lta {
  align-items: center;
  display: flex;
}

.body-3 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.knop_telefoon_branding-lta {
  color: #492774;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-span-19-lta {
  color: #492774;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.knop_mail_branding-lta {
  color: #492774;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.body-4 {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.dwpk-contact {
  background-color: #fff;
  width: 100vw;
  height: 1100px;
}

.branding-contact-inhoud-dwpk {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 1100px;
  display: flex;
}

.div_knop_telefoon_branding-dwpk {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div_knop_mail_branding-dwpk {
  align-items: center;
  display: flex;
}

.text-span-19-dwpk {
  color: #e94e1b;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.knop_mail_branding-dwpk {
  color: #e94e1b;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.div-block-25-dwpk {
  background-color: #e94e1b;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
}

.peprrz-projects-lewenborgnu-logo-slogan {
  background-image: url('../images/Lewenbor.nu-logo-en-slogan.svg');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40svw;
  height: 70svh;
}

.container-lewenborgnu-webdesign-mockup {
  background-image: url('../images/Lewenborg.nu-webdesign.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90svw;
  height: 50svh;
  margin-top: 40px;
  margin-bottom: 40px;
}

.lewenborgnu-contact {
  background-color: #fff;
  width: 100vw;
  height: 1100px;
}

.branding-contact-inhoud-lewenborgnu {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 1100px;
  display: flex;
}

.div_knop_telefoon_branding-lewenborgnu {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div_knop_mail_branding-lewenborgnu {
  align-items: center;
  display: flex;
}

.div-block-25-lewenborgnu {
  background-color: #e94e1b;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
}

.text-span-19-lewenborgnu {
  color: #e94e1b;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.knop_mail_branding-lewenborgnu {
  color: #e94e1b;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-span-19-swingin {
  color: #e94e1b;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.knop_mail_branding-swingin {
  color: #e94e1b;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.knop_telefoon_branding-groninger-marktendag {
  color: #165425;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-span-19-groninger-marktendag {
  color: #165425;
  padding-right: 5px;
  font-family: "Fa Solid 900", sans-serif;
}

.peprrz_container-project_dwpk {
  background-image: url('../images/Peprrz-DWPK-home.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.peprrz_container-project_lewenborgnu {
  background-image: url('../images/Peprrz-Lewenborgnu-home.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-end;
  align-items: flex-end;
  width: 400px;
  height: 400px;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.container-project-dwpk {
  flex-flow: column;
  align-items: center;
  width: 100vw;
  height: 110svh;
  padding-top: 0;
  display: flex;
}

.knop_telefoon_branding-dwpk {
  color: #e94e1b;
  background-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-right: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.text-span-24 {
  font-size: 34px;
}

.text-span-25 {
  font-size: 30px;
}

.body-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.peprrz-projects-swingin-groningen-socials {
  background-image: url('../images/Swingin-Groningen-Facebook-cover.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 500px;
  margin-top: 40px;
}

.peprrz-projects-swingin-groningen-uitnodiging {
  background-image: url('../images/Swingin-Groningen-uitnodiging-Kick-off.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 500px;
  margin-top: 40px;
}

.peprrz-projects-swingin-groningen-krantenpagina {
  background-image: url('../images/Swingin-Groningen-krantenpagina.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 1000px;
  margin-top: 40px;
}

.peprrz-projects-swingin-groningen-ledwall {
  background-image: url('../images/Swingin-Groningen-signing.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  height: 800px;
  margin-top: 40px;
}

.knop_mail_branding-gr-marktendag {
  color: #165425;
  background-color: #fff;
  align-items: center;
  margin-left: 10px;
  font-family: PT Sans, sans-serif;
  display: flex;
}

.peprrz-container-projects1 {
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.peprrz-container-projects2 {
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.peprrz-container-projects3 {
  height: 420px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .columns-lta {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slide-4 {
    background-image: url('../images/PEPRRZ-header-Noorderpoort.webp');
  }

  .peprrz_branding_achtergrond {
    background-position: 20%;
    background-size: cover;
  }

  .blok_branding {
    background-color: #c20303;
  }

  .heading {
    margin-top: 60px;
  }

  .zwarte-peper {
    margin-top: 68px;
  }

  .button {
    background-color: #c20303;
  }

  .witte-lijn-artdirection-ontwerp {
    width: 220px;
  }

  .peprrz_projects, .inhoud-projects {
    height: 200vh;
  }

  .blok_projects {
    margin-bottom: 0;
  }

  .grid {
    grid-template-rows: 45vh 45vh 45vh;
    grid-template-areas: "Area Area-2 Area-2 Area-3"
                         "Area-4 . Area-5 Area-6"
                         "Area-7 . Area-8 Area-9";
  }

  .titel_info_beeld_project1 {
    height: 400px;
  }

  .peprrz_container-project_lta {
    background-image: url('../images/Peprrz-LTA-home.jpg');
    background-position: 50%;
    background-size: contain;
    width: 400px;
    height: 400px;
    margin-top: 0;
  }

  .heading-2 {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .peprrz_container-project_2 {
    background-image: url('../images/Peprrz-Sax-home.jpg');
    background-size: contain;
  }

  .titel_info_beeld_project2, .titel_info_beeld_project3 {
    height: 400px;
  }

  .peprrz_container-project_swingin_groningen {
    background-image: url('../images/Peprrz-swingin-groningen-home.jpg');
    background-position: 50%;
    background-size: contain;
    width: 400px;
    height: 400px;
    margin-top: 0;
  }

  .link_peprrz_projectpage {
    top: 246px;
  }

  .peprrz_container-project_4 {
    background-image: url('../images/Peprrz-Full-Shot-Press-home.jpg');
    background-position: 50%;
    background-size: contain;
    margin-top: 0;
  }

  .titel_info_beeld_project4 {
    height: 400px;
  }

  .peprrz_container-project_5 {
    background-image: url('../images/porfolio-Rockin-Ludina-brewery2-466x466.jpg');
    background-position: 50%;
    background-size: contain;
    margin-top: 20px;
  }

  .titel_info_beeld_project6 {
    height: 500px;
  }

  .titel_info_beeld_project7 {
    height: 40vh;
  }

  .peprrz_container-project_groninger_marktendag {
    background-image: url('../images/Peprrz-Groninger-Marktendagen-home.jpg');
    background-position: 50%;
    background-size: contain;
    width: 400px;
    height: 400px;
    margin-top: 0;
  }

  .titel_info_beeld_project5 {
    height: 400px;
  }

  .peprrz_container-project_7 {
    background-image: url('../images/porfolio-Swinginnnnnn-Groningen-466x466.jpg');
    background-position: 50%;
    background-size: contain;
    margin-top: 20px;
  }

  .achtergron_over_peprrz {
    background-position: 0%;
  }

  .blok_inhoud_over_peprrz {
    align-items: center;
    width: 35vw;
  }

  .heading-3 {
    width: 350px;
  }

  .text-block-12 {
    width: 450px;
  }

  .koffiemok {
    background-position: 45%;
  }

  .titel_over {
    width: 450px;
  }

  .blok_contact {
    margin-bottom: 5vh;
  }

  .tekst_branding_name {
    font-weight: 700;
  }

  .inhoud_voor_wie {
    background-color: #f8f8f8;
    background-image: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .voor_wie_titel {
    width: auto;
    height: 140vh;
  }

  .heading-4 {
    color: #e94e1b;
    text-align: center;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    display: block;
  }

  .div-block-11 {
    background-color: #0000;
    flex-flow: column;
    place-content: center;
    align-items: center;
    width: auto;
    height: 140vh;
    display: flex;
  }

  .div-block-12 {
    height: 140vh;
  }

  .inhoud_peprrz_wat {
    background-size: 60%;
  }

  .blok_wat {
    background-color: #0000;
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    width: 50vw;
    height: 60vh;
    display: flex;
  }

  .wat_biedt_titel {
    width: 600px;
    height: 0;
    padding-top: 10vh;
  }

  .divblock-wat {
    height: 370px;
  }

  .heading-branding-wat {
    color: #fff;
    width: 500px;
    font-weight: 400;
  }

  .lijn-wat {
    width: 500px;
  }

  .waarom-peprrz, .waarom-peprrz-inhoud {
    height: 110vh;
  }

  .blok_waarom {
    background-color: #0000;
    flex-flow: column;
    place-content: center;
    align-items: center;
    width: 35vw;
    height: 65vh;
    display: flex;
  }

  .waarom-titel {
    height: 65vh;
  }

  .div-block-16 {
    margin-top: 2vh;
  }

  .columns-7 {
    height: 140vw;
  }

  .column-14 {
    height: 140vh;
  }

  .lijn-voor-wie-is-vraagteken {
    align-items: center;
    display: block;
  }

  .div-titel-voor-wie {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .column-15 {
    align-items: center;
    height: 140vh;
  }

  .tekst-contact-voor-wie-quote-persoon, .tekst-contact-voor-wie-quote-bron {
    color: #fff;
  }

  .columns-9 {
    height: 50vh;
  }

  .heading-branding-waarom {
    color: #fff;
    font-weight: 400;
  }

  .block-quote {
    color: #fff;
  }

  .div-block-22 {
    background-position: 50% 100%;
    height: 110vh;
  }

  .columns-10 {
    width: 100vw;
    height: 60vh;
  }

  .block-quote-2 {
    color: #000;
    width: 400px;
    margin-top: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .text-block-22 {
    color: #fff;
    width: 400px;
    padding-left: 48px;
    font-family: PT Sans, sans-serif;
    font-style: italic;
  }

  .column-20 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 50vh;
    display: flex;
  }

  .div-block-23 {
    margin-bottom: 59px;
  }

  .knop-voorwie {
    background-color: #165425;
  }

  .branding-contact-inhoud {
    justify-content: flex-end;
  }

  .branding-contact-titel {
    height: 300px;
    padding-top: 10px;
  }

  .text-block-23 {
    color: #165425;
    font-size: 20px;
  }

  .button-3 {
    background-color: #fff;
    margin-bottom: 0;
  }

  .div-block-25 {
    background-color: #e84f1b;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .text-block-24 {
    color: #fff;
    text-align: right;
    font-family: PT Sans, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .text-block-25 {
    color: #fff;
    font-family: PT Sans, sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .columns-11 {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .knop-zes-fases {
    background-color: #24075a;
    margin-top: 40px;
    margin-left: 0;
  }

  .knop-waarom {
    background-color: #dd1a1e;
    margin-top: 140px;
    margin-bottom: 100px;
    margin-left: 0;
  }

  .div-block-30, .columns-13, .div-block-32, .column-27, .column-28 {
    height: 55px;
  }

  .div-block-33 {
    height: 85vh;
  }

  .columns-14 {
    height: 110vh;
  }

  .column-29 {
    justify-content: flex-end;
    height: 110vh;
  }

  .column-31 {
    height: 110vh;
  }

  .achtergrond_header_artdirection_ontwerp {
    background-position: 50%;
    background-size: cover;
  }

  .grid-2 {
    grid-template-rows: 300px 300px 300px;
  }

  .contact_artdirection_naw {
    background-color: #350455;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .text-block-36 {
    width: 500px;
  }

  .kop-koffie {
    width: 450px;
    margin-left: 0;
  }

  .text-block-37, .text-block-38, .text-block-39 {
    width: 450px;
  }

  .text-block-40 {
    width: 450px;
    margin-left: 0;
  }

  .div_knop_mail_branding {
    height: 55px;
  }

  .knop_mail_branding {
    background-color: #fff;
    margin-bottom: 0;
  }

  .div_knop_mail_contact_home {
    height: 55px;
  }

  .knop_mail_contact_home {
    background-color: #fff;
    margin-bottom: 0;
  }

  .witte-lijn-artdirection-ontwerp-copy {
    width: 220px;
  }

  .text-block-47 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-artdirection-mobile {
    margin-top: 60px;
  }

  .witte-lijn-artdirection-ontwerp2 {
    width: 220px;
  }

  .heading-branding-page, .heading-section-branding {
    margin-top: 60px;
  }

  .witte-lijn-branding-page-header, .witte-lijn-branding-page-header2 {
    width: 220px;
  }

  .heading_section_projects {
    margin-top: 60px;
  }

  .titel_info_beeld_project6-copy, .titel_info_beeld_project8 {
    height: 700px;
  }

  .peprrz_container-project_voltanz {
    background-image: url('../images/PEPRRZ-projecten-voltanz-home.jpg');
    background-position: 50%;
    background-size: contain;
    margin-top: 100px;
  }

  .slide-9 {
    background-image: url('../images/PEPRRZ-header-alternatief14.jpg');
    background-position: 50%;
  }

  .witte-lijn-contact {
    width: 220px;
  }

  .knop-hoe, .knop_het_plan {
    background-color: #24075a;
    margin-top: 40px;
    margin-left: 0;
  }

  .knop_voor_wie {
    background-color: #165425;
    margin-top: 40px;
    margin-left: 0;
  }

  .slide-1 {
    background-image: url('../images/Peprrz-header-hd-packaging_1.webp');
  }

  .witte-lijn-artdirection-ontwerp-bovenste {
    width: 220px;
  }

  .achtergrond-project-lta {
    height: 645svh;
  }

  .container-project-lta {
    justify-content: center;
    height: 90svh;
  }

  .portfolio-lta {
    background-image: none;
    height: 10050px;
  }

  .portfolio-swingin-groningen {
    height: 14100px;
  }

  .portfolio-gr-marktendag {
    height: 13000px;
  }

  .portfolio-voltanz {
    height: 8500px;
  }

  .header-project-gr-marktendag {
    height: 480px;
  }

  .peprrz-projects-groninger-marktendag-socials {
    height: 120svh;
  }

  .peprrz-projects-lta-logo {
    background-size: 50%;
    height: 650px;
  }

  .peprrz-projects-lta-socials {
    background-image: url('../images/LTA-social-media.webp');
    background-position: 50%;
    background-size: contain;
    height: 55svh;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz-lta-signing-rollupbanners {
    background-image: url('../images/LTA-rollupbanners.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 85svh;
  }

  .heading-19 {
    padding-top: 200px;
  }

  .columns-swingin, .columns-home {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slide-1-12 {
    background-image: url('../images/PEPRRZ-header-Groningermarktendag2025.webp');
    background-position: 50%;
  }

  .quiz-wrapper {
    width: 100%;
    height: 100vh;
  }

  .wat-doet-peprrz {
    background-color: #492774;
  }

  .text-block-75 {
    color: #fff;
  }

  .text-block-76 {
    color: #fff;
    font-family: PT Sans, sans-serif;
  }

  .project-container-lta {
    align-items: center;
    height: 80svh;
  }

  .div-block-93 {
    height: 90svh;
  }

  .div-block-94 {
    height: 80svh;
    padding-top: 0;
  }

  .heading-24 {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .div-block-96 {
    justify-content: center;
    align-items: flex-start;
    height: 80svh;
  }

  .project-container-swingin {
    align-items: center;
  }

  .div-block-101 {
    background-size: contain;
    height: 65svh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .peprrz-lta-brochure-cover {
    background-image: url('../images/LTA-brochure-cover.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .peprrz-lta-brochure-layout {
    background-image: url('../images/LTA-brochure-back.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .peprrz-lta-brochure-back {
    background-image: url('../images/LTA-brochure-layout.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .peprrz-lta-flyer {
    background-image: url('../images/LTA-flyer.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    width: 70vw;
    height: 50svh;
  }

  .peprrz-lta-image {
    background-image: url('../images/LTA-image-pattern.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 70vw;
    height: 35svh;
  }

  .results-lta {
    height: 60svh;
  }

  .achtergrond-project-dwpk {
    height: 645svh;
  }

  .peprrz-projects-dwpk-logo-webdesign {
    background-size: 50%;
    height: 650px;
  }

  .container-txt-project-dwpk {
    height: 90svh;
    padding-top: 0;
  }

  .txt-project-dwpk {
    justify-content: center;
    align-items: flex-start;
    height: 90svh;
  }

  .peprrz-projects-dwpk-socials {
    background-image: url('../images/DWPK-socials.webp');
    background-position: 50%;
    background-size: contain;
    height: 55svh;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .container-socials {
    background-size: 65%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .project-container-dwpk {
    align-items: center;
    height: 90svh;
  }

  .peprrz-dwpk-linkedin {
    background-image: url('../images/DWPK-LinkedIn-header.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 25svh;
  }

  .peprrz-dwpk-beursstand {
    background-image: url('../images/DWPK-beursstand.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .peprrz-dwpk-rollupbanners {
    background-image: url('../images/DWPK-rollupbanners.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 65svh;
  }

  .peprrz-dwpk-brochure-stap1-2 {
    background-image: url('../images/DWPK-brochure-stap12.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .peprrz-dwpk-brochure-stap-3 {
    background-image: url('../images/DWPK-brochure-stap-3.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 50svh;
  }

  .peprrz-dwpk-brochure-stap-4 {
    background-image: url('../images/DWPK-brochure-stap-4.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 35svh;
  }

  .achtergrond-project-lewenborgnu {
    height: 645svh;
  }

  .heading-24-copy {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .project-container-lewenborgnu {
    align-items: center;
    height: 80svh;
  }

  .container-txt-project-lewenborgnu {
    height: 80svh;
    padding-top: 0;
  }

  .txt-project-lewenborgnu {
    justify-content: center;
    align-items: flex-start;
    height: 80svh;
  }

  .peprrz-lewenborgnu-webdesign {
    margin-bottom: 40px;
  }

  .container-project-lewenborgnu {
    justify-content: center;
    height: 85svh;
  }

  .peprrz-projects-lewenborgnu-socials-1 {
    background-image: url('../images/Lewenborg.nu-socials-deel1.webp');
    background-position: 50%;
    background-size: contain;
    height: 55svh;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .container-socials-lewenborgnu {
    background-size: 65%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .peprrz-projects-lewenborgnu-socials-2 {
    background-image: url('../images/Lewenborg.nu-socials-deel2.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 55svh;
  }

  .peprrz-lewenborgnu-poster1 {
    background-image: url('../images/Lewenborg.nu-posterreeks1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85vw;
    height: 65svh;
  }

  .peprrz-lewenborgnu-poster2 {
    background-image: url('../images/Lewenborg.nu-posterreeks2.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85vw;
    height: 65svh;
  }

  .peprrz-dwpk-brochure-stap1-2-copy {
    background-image: url('../images/LTA-brochure-back.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .peprrz-dwpk-brochure-stap-3-copy {
    background-image: url('../images/LTA-flyer.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    width: 70vw;
    height: 50svh;
  }

  .peprrz-lewenborgnu-signing {
    background-image: url('../images/Lewenborg.nu-signing.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70vw;
    height: 45svh;
  }

  .results-lewenborgnu {
    height: 55svh;
  }

  .peprrz-projects-groninger-marktendag-screen {
    height: 180svh;
  }

  .branding-contact-inhoud-swingin {
    justify-content: flex-end;
  }

  .div-block-25-swingin {
    background-color: #e84f1b;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .branding-contact-inhoud-groninger-marktendag {
    justify-content: flex-end;
  }

  .div-block-25-groninger-marktendag {
    background-color: #165425;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .branding-contact-inhoud-lta {
    justify-content: flex-end;
  }

  .div-block-25-lta {
    background-color: #492774;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .div_knop_mail_branding-lta {
    height: 55px;
  }

  .knop_mail_branding-lta {
    background-color: #fff;
    margin-bottom: 0;
  }

  .branding-contact-inhoud-dwpk {
    justify-content: flex-end;
  }

  .div_knop_mail_branding-dwpk {
    height: 55px;
  }

  .knop_mail_branding-dwpk {
    background-color: #fff;
    margin-bottom: 0;
  }

  .div-block-25-dwpk {
    background-color: #e84f1b;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .peprrz-projects-lewenborgnu-logo-slogan {
    background-position: 70%;
    background-size: contain;
    width: 50svw;
    height: 450px;
  }

  .branding-contact-inhoud-lewenborgnu {
    justify-content: flex-end;
  }

  .div_knop_mail_branding-lewenborgnu {
    height: 55px;
  }

  .div-block-25-lewenborgnu {
    background-color: #e84f1b;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    display: flex;
  }

  .knop_mail_branding-lewenborgnu, .knop_mail_branding-swingin {
    background-color: #fff;
    margin-bottom: 0;
  }

  .peprrz_container-project_dwpk {
    background-image: url('../images/Peprrz-DWPK-home.webp');
    background-position: 50%;
    background-size: contain;
    width: 400px;
    height: 400px;
    margin-top: 0;
  }

  .peprrz_container-project_lewenborgnu {
    background-image: url('../images/Peprrz-Lewenborgnu-home.webp');
    background-position: 50%;
    background-size: contain;
    margin-top: 0;
  }

  .container-project-dwpk {
    justify-content: center;
    height: 90svh;
  }

  .knop_mail_branding-gr-marktendag {
    background-color: #fff;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1440px) {
  .slide-4 {
    background-image: url('../images/PEPRRZ-header-Noorderpoort.webp');
  }

  .peprrz_branding {
    height: 110vh;
  }

  .peprrz_branding_achtergrond {
    background-position: 20%;
    background-size: cover;
    height: 110vh;
  }

  .blok_branding {
    background-color: #c20303;
    height: 380px;
  }

  .tekst_branding {
    width: 200px;
  }

  .heading {
    text-align: center;
    width: 220px;
    margin-top: 60px;
  }

  .zwarte-peper {
    margin-top: 77px;
  }

  .inhoud-branding {
    height: 110vh;
  }

  .button {
    background-color: #c20303;
    margin-top: 8vh;
    margin-bottom: 15vh;
  }

  .witte-lijn-artdirection-ontwerp {
    width: 220px;
  }

  .peprrz_container-project_lta {
    background-image: url('../images/Peprrz-LTA-home.jpg');
  }

  .peprrz_container-project_2 {
    background-image: url('../images/Peprrz-Sax-home.jpg');
  }

  .peprrz_container-project_swingin_groningen {
    background-image: url('../images/Peprrz-swingin-groningen-home.jpg');
    background-position: 50%;
    background-size: contain;
  }

  .link_peprrz_projectpage {
    top: 281px;
    left: 78%;
  }

  .peprrz_container-project_4 {
    background-image: url('../images/Peprrz-Full-Shot-Press-home.jpg');
    background-position: 50%;
    background-size: contain;
  }

  .peprrz_container-project_5 {
    background-image: url('../images/porfolio-Rockin-Ludina-brewery2-466x466.jpg');
    background-position: 50%;
    background-size: contain;
  }

  .peprrz_container-project_groninger_marktendag {
    background-image: url('../images/Peprrz-Groninger-Marktendagen-home.jpg');
    background-position: 50%;
    background-size: contain;
  }

  .peprrz_container-project_7 {
    background-image: url('../images/porfolio-Swinginnnnnn-Groningen-466x466.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, auto;
  }

  .achtergron_over_peprrz {
    background-position: 0%;
  }

  .blok_inhoud_over_peprrz {
    width: 40vw;
  }

  .text-block-12, .titel_over {
    width: 500px;
  }

  .blok_branding_page {
    width: 320px;
  }

  .tekst_branding_name {
    font-weight: 700;
  }

  .peprrz_branding_voor_wie, .inhoud_voor_wie {
    height: 110vh;
  }

  .voor_wie_titel {
    height: 100vh;
  }

  .heading-4 {
    color: #e84f1b;
  }

  .div-block-11 {
    height: 100vh;
  }

  .div-block-12 {
    border-left: 2px #fff;
    align-items: center;
  }

  .text-block-14 {
    color: #fff;
    text-align: left;
    padding-left: 0;
  }

  .titel-voorwie {
    color: #fff;
  }

  .blok_wat {
    height: 75vh;
  }

  .wat_biedt_titel {
    height: 0;
  }

  .divblock-wat {
    width: 400px;
  }

  .heading-branding-wat {
    color: #fff;
  }

  .lijn-wat {
    width: 300px;
  }

  .text-block-wat, .tekst-contact-wat {
    color: #fff;
  }

  .waarom-peprrz-inhoud {
    background-position: 10vw 0;
    background-size: 41vw;
  }

  .blok_waarom {
    justify-content: flex-start;
    width: 35vw;
  }

  .waarom-titel {
    width: 35vw;
    padding-top: 0;
  }

  .div-block-16 {
    border-left-style: none;
    border-right-style: none;
    width: 50vw;
  }

  .div-block-17 {
    background-image: none;
  }

  .lijn-voor-wie-is-vraagteken {
    width: 50vw;
  }

  .lijn-voor-wie-is-vraagteken-onder-copy {
    width: 50vw;
    height: 2px;
  }

  .lijn-voor-wie-is-titel-onder {
    width: 50vw;
  }

  .div-titel-voor-wie {
    margin-top: 8vh;
  }

  .column-15 {
    align-items: center;
  }

  .tekst-contact-voor-wie-quote {
    color: #fff;
  }

  .tekst-contact-voor-wie-quote-persoon, .tekst-contact-voor-wie-quote-bron {
    color: #fff;
    width: 400px;
    padding-left: 30px;
  }

  .div-block-18 {
    background-size: contain;
    width: 30vw;
    height: 60vh;
  }

  .column-16 {
    align-items: flex-start;
  }

  .tekst-waarom {
    color: #165425;
  }

  .heading-branding-waarom, .text-block-waarom {
    color: #fff;
  }

  .lijn-waarom {
    width: 450px;
  }

  .div-block-20 {
    width: 400px;
    height: 650px;
  }

  .lijn-wat2 {
    width: 25vw;
  }

  .lijn-wat3 {
    width: 300px;
  }

  .block-quote {
    width: 350px;
  }

  .div-block-23 {
    margin-bottom: 15vh;
  }

  .branding-contact, .branding-contact-inhoud {
    height: 120vh;
  }

  .branding-contact-titel, .branding-contact-telefoonnummer {
    color: #fff;
  }

  .knop-waarom {
    margin-top: 350px;
  }

  .div-block-26 {
    height: 50vh;
  }

  .div-block-27 {
    background-size: 80%;
    height: 50vh;
  }

  .div-block-28 {
    height: 50vh;
  }

  .columns-12 {
    height: 500px;
  }

  .column-25, .column-26 {
    height: 50vh;
  }

  .div-block-31 {
    height: 55px;
  }

  .column-31 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .achtergrond_header_artdirection_ontwerp {
    background-position: 50%;
    background-size: cover;
  }

  .blok_artdirection_ontwerp {
    width: 320px;
    height: 450px;
  }

  .inhoud_wat {
    background-position: 53% 88%;
    background-size: 30%;
  }

  .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .heading-13, .heading-14 {
    border-bottom-width: 2px;
  }

  .div-block-34, .div-block-35, .div-block-36, .div-block-37, .div-block-38, .div-block-39, .div-block-40, .div-block-41, .div-block-42 {
    border-bottom-style: none;
    border-bottom-width: 2px;
  }

  .kop-koffie {
    width: 500px;
    margin-left: 0;
  }

  .text-block-37, .text-block-38, .text-block-39 {
    width: 500px;
  }

  .text-block-40 {
    align-self: auto;
    width: 500px;
    margin-left: 0;
  }

  .tekst_adres_contact_home {
    width: 200px;
  }

  .witte-lijn-artdirection-ontwerp-copy {
    width: 220px;
  }

  .tekst-contact-wat-copy {
    color: #fff;
  }

  .achtergrond-archetypes {
    justify-content: center;
    display: flex;
  }

  .heading-artdirection-mobile {
    text-align: center;
    width: 220px;
    margin-top: 60px;
  }

  .witte-lijn-artdirection-ontwerp2 {
    width: 220px;
  }

  .heading-branding-page {
    text-align: center;
    width: 220px;
    margin-top: 60px;
  }

  .tekst_branding_page {
    width: 200px;
  }

  .heading-section-branding {
    text-align: center;
    width: 220px;
    margin-top: 60px;
  }

  .tekst_section_artdirection {
    width: 200px;
  }

  .witte-lijn-branding-page-header, .witte-lijn-branding-page-header2 {
    width: 220px;
  }

  .heading_section_projects {
    text-align: center;
    width: 220px;
    margin-top: 60px;
  }

  .tekst_section_projects {
    width: 200px;
  }

  .peprrz_container-project_voltanz {
    background-image: url('../images/PEPRRZ-projecten-voltanz-home.jpg');
    background-position: 50%;
    background-size: contain;
  }

  .witte-lijn-contact {
    width: 220px;
  }

  .knop-hoe {
    margin-bottom: 80px;
  }

  .knop_het_plan {
    background-color: #24075a;
  }

  .tekst-het-plan, .tekst-het-plan-copy {
    color: #fff;
  }

  .knop_voor_wie {
    background-color: #165425;
  }

  .tekst-contact-wat-copy-copy, .titel_het_fundament {
    color: #fff;
  }

  .achtergrond_het_plan {
    justify-content: center;
    display: flex;
  }

  .div-block-58 {
    background-size: contain;
    width: 35vw;
  }

  .slide-1 {
    background-image: url('../images/Peprrz-header-hd-packaging_1.webp');
  }

  .witte-lijn-artdirection-ontwerp-bovenste {
    width: 220px;
  }

  .achtergrond-project-lta {
    height: 660svh;
  }

  .container-project-lta {
    height: 90svh;
  }

  .text-block-49 {
    width: 60px;
  }

  .portfolio-lta {
    height: 10000px;
  }

  .text-span-21 {
    color: #e13510;
  }

  .image-2 {
    width: 100px;
  }

  .text-span-22 {
    color: #e13510;
  }

  .portfolio-swingin-groningen {
    height: 14100px;
  }

  .portfolio-gr-marktendag {
    height: 13500px;
  }

  .lijn-project-voltanz2, .lijn-project-voltanz1 {
    background-color: #e13510;
  }

  .portfolio-voltanz {
    height: 8100px;
  }

  .text-span-swingin-next, .text-span-swingin-back, .text-span-gr-marktendag-back, .text-span-gr-marktendag-next, .text-span-voltanz-back, .text-span-voltanz-next {
    color: #e13510;
  }

  .header-project-gr-marktendag {
    height: 480px;
  }

  .achtergrond-project-voltanz {
    height: 8400px;
  }

  .peprrz-projects-swingin-groningen-logo {
    background-position: 50%;
  }

  .peprrz-projects-swingin-groningen-fotografiestijl, .peprrz-lta-signing-linkedin {
    background-position: 0 0;
  }

  .peprrz-projects-lta-socials {
    height: 55svh;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .slide-1-12 {
    background-image: url('../images/PEPRRZ-header-Groningermarktendag2025.webp');
    background-position: 70%;
  }

  .wat-doet-peprrz {
    background-image: url('../images/Capsicum-Peprrz.webp');
  }

  .div-block-84 {
    flex-flow: column;
    justify-content: flex-start;
    padding-left: 85px;
    padding-right: 85px;
  }

  .div-block-85 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .text-block-75, .text-block-76 {
    color: #fff;
  }

  .div-block-86 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-87 {
    background-size: auto 200%;
  }

  .div-block-88 {
    background-size: auto 220%;
  }

  .project-container-lta {
    height: 90svh;
  }

  .div-block-93, .div-block-94 {
    height: 85svh;
  }

  .heading-24 {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .div-block-96, .project-container-gr-mrktndag {
    height: 85svh;
  }

  .div-block-98 {
    background-size: 60%;
  }

  .div-block-99 {
    background-size: 70%;
  }

  .div-block-101 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .peprrz-lta-flyer {
    background-size: 50%;
  }

  .peprrz-lta-image {
    background-size: 40%;
  }

  .div-block-106 {
    height: 4svh;
  }

  .lta-contact {
    height: 120vh;
  }

  .achtergrond-project-dwpk {
    height: 660svh;
  }

  .peprrz-dwpk-logo {
    margin-bottom: 40px;
  }

  .container-txt-project-dwpk {
    height: 90svh;
  }

  .txt-project-dwpk {
    height: 85svh;
  }

  .container-dwpk-logo {
    margin-bottom: 0;
  }

  .div-block-98-copy {
    background-size: 60%;
  }

  .peprrz-dwpk-corporate-identity {
    background-position: 50%;
  }

  .container-identity {
    background-size: contain;
  }

  .peprrz-projects-dwpk-socials {
    height: 55svh;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .container-socials {
    background-size: contain;
    margin-top: 0;
    margin-bottom: 0;
  }

  .project-container-dwpk {
    height: 90svh;
  }

  .peprrz-dwpk-brochure-stap-3 {
    background-size: contain;
  }

  .peprrz-dwpk-brochure-stap-4 {
    background-size: contain;
    width: 35vw;
    height: 25svh;
  }

  .achtergrond-project-lewenborgnu {
    height: 660svh;
  }

  .heading-24-copy {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .project-container-lewenborgnu, .container-txt-project-lewenborgnu, .txt-project-lewenborgnu, .container-project-lewenborgnu {
    height: 85svh;
  }

  .peprrz-lewenborgnu-webdesign-home {
    background-position: 50%;
  }

  .container-home {
    background-size: 70%;
  }

  .peprrz-projects-lewenborgnu-socials-1 {
    height: 55svh;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .container-socials-lewenborgnu {
    margin-top: 0;
    margin-bottom: 0;
  }

  .peprrz-dwpk-brochure-stap-3-copy {
    background-size: 50%;
  }

  .peprrz-lewenborgnu-signing {
    background-size: contain;
  }

  .results-lewenborgnu {
    height: 60svh;
  }

  .peprrz-projects-groninger-marktendag {
    background-position: 50%;
  }

  .branding-contact-inhoud-swingin {
    height: 1200px;
  }

  .div-block-25-swingin {
    height: 150px;
  }

  .branding-contact-inhoud-groninger-marktendag {
    height: 120vh;
  }

  .div-block-25-groninger-marktendag {
    background-color: #165425;
  }

  .branding-contact-inhoud-lta, .dwpk-contact, .branding-contact-inhoud-dwpk, .lewenborgnu-contact, .branding-contact-inhoud-lewenborgnu {
    height: 120vh;
  }

  .peprrz_container-project_dwpk {
    background-image: url('../images/Peprrz-DWPK-home.webp');
  }

  .peprrz_container-project_lewenborgnu {
    background-image: url('../images/Peprrz-Lewenborgnu-home.webp');
  }

  .container-project-dwpk {
    height: 90svh;
  }
}

@media screen and (min-width: 1920px) {
  .logo_peprrz {
    width: 300px;
  }

  .div-block {
    width: 320px;
    height: 450px;
  }

  .title-peprrz-home {
    width: 200px;
    margin-bottom: 34px;
    font-size: 32px;
    line-height: 42px;
  }

  .text-block-2 {
    width: 290px;
    font-size: 28px;
  }

  .slide {
    background-image: url('../images/PEPRRZ-header-van-der-Flier.jpg');
  }

  .div-block-5 {
    background-size: 125px;
    width: 150px;
    height: 60px;
  }

  .slide-2 {
    background-image: url('../images/PEPRRZ-header-Swingin-Groningen.jpg');
  }

  .slide-3 {
    background-image: url('../images/PEPRRZ-header-Rockin-Ludina-Brewery-Groningen.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-4 {
    background-image: url('../images/PEPRRZ-header-Noorderpoort.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .dropdown_menu1 {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .dropdown_container2 {
    width: 300px;
    margin-top: -5vh;
    margin-right: 0;
  }

  .home_btn_txt {
    text-shadow: none;
    margin-bottom: 0;
    font-size: 18px;
    display: block;
  }

  .home_btn_txt:hover, .home_btn_txt:focus {
    color: #fff;
  }

  .branding_btn_xt {
    margin-bottom: 0;
    font-size: 18px;
  }

  .branding_btn_xt:hover, .branding_btn_xt:focus {
    color: #fff;
  }

  .artdirection_ontwerp_btn_txt {
    margin-bottom: 0;
    font-size: 18px;
  }

  .artdirection_ontwerp_btn_txt:hover, .artdirection_ontwerp_btn_txt:focus {
    color: #fff;
  }

  .projecten_btn_txt {
    margin-bottom: 0;
    font-size: 18px;
  }

  .projecten_btn_txt:hover {
    color: #fff;
    margin-bottom: 0;
  }

  .projecten_btn_txt:focus {
    color: #fff;
  }

  .over_peprrz_btn_txt {
    margin-bottom: 0;
    font-size: 18px;
  }

  .over_peprrz_btn_txt:hover, .over_peprrz_btn_txt:focus {
    color: #fff;
  }

  .contact_btn_txt {
    color: #fff;
    font-size: 18px;
  }

  .contact_btn_txt:hover, .contact_btn_txt:focus {
    color: #fff;
  }

  .peprrz_branding {
    flex-direction: column;
  }

  .peprrz_branding_achtergrond {
    background-image: url('../images/Peprrz-Branding-sectie-achtergrond.webp');
    background-position: 50%;
    background-size: cover;
    padding-right: 0;
  }

  .blok_branding {
    text-align: left;
    background-color: #c20303;
    justify-content: flex-end;
    width: 320px;
    height: 350px;
    padding-bottom: 20px;
  }

  .tekst_branding {
    text-align: center;
    width: 280px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
  }

  .heading {
    text-align: center;
    width: 280px;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .zwarte-peper {
    margin-top: 107px;
  }

  .zwarte-lijn-branding {
    width: 400px;
  }

  .inhoud-branding {
    width: 500px;
  }

  .text-block-10 {
    font-size: 26px;
  }

  .button {
    text-align: center;
    background-color: #c20303;
    width: 300px;
    height: 65px;
    margin-top: 0;
    margin-bottom: 20vh;
    padding-top: 15px;
    font-size: 18px;
  }

  .div-block-6 {
    display: block;
  }

  .pepprz_artdirection_ontwerp_achtergrond {
    background-image: url('../images/Peprrz-ARTDIRECTION-section.webp');
    background-position: 50%;
  }

  .blok_artdriction_ontwerp {
    text-align: left;
    width: 320px;
    height: 400px;
  }

  .inhoud_artdirection_ontwerp {
    margin-top: 0;
  }

  .iconen_artdirection_ontwerp {
    background-size: contain;
    width: 800px;
    height: 150px;
    margin-top: 80px;
  }

  .witte-lijn-artdirection-ontwerp {
    align-items: center;
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .tekstblok_artdirection_ontwerp {
    font-size: 30px;
    line-height: 32px;
  }

  .button_artdirection_ontwerp {
    text-align: center;
    width: 350px;
    height: 50px;
    padding-top: 15px;
  }

  .peprrz_projects, .inhoud-projects {
    height: 320vh;
  }

  .blok_projects {
    text-align: left;
    justify-content: flex-end;
    width: 405px;
    height: 400px;
  }

  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: 45vh 45vh 45vh;
    grid-template-columns: 30vw 1px 30vw 30vw;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .titel_info_beeld_project1 {
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz_container-project_lta {
    background-image: url('../images/Peprrz-LTA-home.jpg');
    margin-top: 0;
  }

  .titel_info_beeld_project2, .titel_info_beeld_project3 {
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz_container-project_swingin_groningen {
    margin-top: 0;
    margin-bottom: 0;
  }

  .link_peprrz_projectpage {
    top: 373px;
    left: 79%;
  }

  .titel_info_beeld_project4 {
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .titel_info_beeld_project6 {
    height: 600px;
    margin-bottom: 20px;
  }

  .peprrz_container-project_groninger_marktendag {
    margin-top: 0;
    margin-bottom: 0;
  }

  .titel_info_beeld_project5 {
    height: 400px;
  }

  .over_peprrz {
    height: 120vh;
  }

  .achtergron_over_peprrz {
    background-image: url('../images/PEPRRZ-sectie-over.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vh;
  }

  .columns-2 {
    height: 120vh;
  }

  .column-4 {
    justify-content: flex-end;
    height: 100vh;
    padding-right: 0;
  }

  .blok_over_peprrz {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 700px;
    height: 120vh;
  }

  .blok_inhoud_over_peprrz {
    flex-direction: column;
    align-items: center;
    width: 27vw;
    height: 1100px;
    margin-top: 10vh;
    display: flex;
  }

  .heading-3 {
    width: 22vw;
    height: 3vh;
    margin-top: 0;
  }

  .text-block-12 {
    width: 500px;
    font-size: 16px;
    line-height: 24px;
  }

  .column-5 {
    flex-direction: column;
    align-items: center;
    height: 120vh;
  }

  .koffiemok {
    background-position: 45%;
    background-size: auto 60px;
    width: 200px;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-block-13 {
    width: 200px;
    margin-top: 5vh;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
  }

  .div-block-7 {
    width: 50px;
    height: 30px;
  }

  .titel_over {
    align-items: flex-start;
    width: 500px;
  }

  .link-block {
    background-position: 50% 0;
    height: 3vh;
    margin-left: 0;
  }

  .achtergrond_peprrz_contact {
    background-image: url('../images/Peprrz-contact-2025.webp');
  }

  .blok_contact {
    text-align: left;
    justify-content: flex-end;
    width: 405px;
    height: 500px;
  }

  .achtergrond_header_branding {
    background-image: url('../images/PEPRRZ-header-branding-desktop.webp');
    background-position: 50% 0;
    background-size: cover;
    margin-top: 0;
  }

  .blok_branding_page {
    text-align: left;
    width: 405px;
    height: 480px;
    margin-top: 0;
  }

  .tekst_branding_name {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
  }

  .tekst_branding_function_name {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 28px;
    line-height: 38px;
  }

  .inhoud_voor_wie {
    justify-content: flex-start;
    padding-top: 0;
  }

  .voor_wie_titel {
    background-color: #0000;
    width: 35vw;
    height: 1350px;
    margin-bottom: 0;
  }

  .heading-4 {
    color: #e84f1b;
    font-size: 40px;
    line-height: 46px;
    position: static;
  }

  .div-block-11, .div-block-12 {
    height: 1350px;
  }

  .text-block-14 {
    color: #fff;
    width: 500px;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
  }

  .titel-voorwie {
    color: #fff;
    width: 450px;
    font-size: 40px;
    line-height: 46px;
  }

  .peprrz_branding_wat {
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat.webp');
  }

  .inhoud_peprrz_wat {
    background-position: 15% 100%;
    background-size: 50%;
  }

  .blok_wat {
    align-items: center;
    height: 800px;
  }

  .wat_biedt_titel {
    width: 700px;
    height: 0;
    min-height: 85svh;
    margin-bottom: 0;
    padding-top: 10vh;
  }

  .divblock-wat {
    height: 40vh;
  }

  .div-block-15 {
    background-position: 45% 15%;
  }

  .heading-branding-wat {
    color: #fff;
    width: 550px;
    padding-left: 15px;
    font-size: 36px;
    line-height: 46px;
  }

  .lijn-wat {
    width: 550px;
    height: 2px;
  }

  .text-block-wat {
    width: 450px;
    font-size: 22px;
  }

  .tekst-contact-wat {
    width: 500px;
    height: 600px;
    margin-top: 100px;
    padding-top: 50px;
    font-size: 90px;
    line-height: 70px;
  }

  .waarom-peprrz, .waarom-peprrz-inhoud {
    height: 1450px;
  }

  .blok_waarom {
    width: 650px;
    height: 850px;
  }

  .waarom-titel {
    background-image: none;
    width: 45vw;
    height: 850px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .div-block-16 {
    border-width: 2px;
    width: 600px;
    height: 150px;
  }

  .div-block-17 {
    background-image: none;
    justify-content: flex-start;
    width: auto;
    height: 72vh;
    transform: none;
  }

  .lijn-voor-wie-is-vraagteken {
    background-color: #fff;
    width: 25vw;
    position: static;
    left: 13vw;
  }

  .lijn-voor-wie-is-vraagteken-onder-copy {
    background-color: #fff;
    width: 25vw;
    height: 8px;
    margin-left: 0;
  }

  .lijn-voor-wie-is-titel-onder {
    background-color: #fff;
    width: 25vw;
    position: static;
    left: 13vw;
  }

  .div-titel-voor-wie {
    align-items: center;
    margin-bottom: 2vh;
    display: flex;
    position: static;
  }

  .column-15 {
    align-items: center;
    height: 1350px;
  }

  .tekst-contact-voor-wie-quote {
    color: #fff;
    width: 400px;
    padding-top: 63px;
    font-size: 36px;
    line-height: 30px;
  }

  .tekst-contact-voor-wie-quote-persoon, .tekst-contact-voor-wie-quote-bron {
    color: #fff;
    width: 600px;
    font-size: 22px;
    line-height: 26px;
  }

  .column-16 {
    justify-content: flex-start;
    align-items: flex-start;
    height: 800px;
  }

  .tekst-waarom {
    text-align: left;
    width: 550px;
    height: 450px;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 60px;
    line-height: 50px;
  }

  .heading-branding-waarom {
    color: #fff;
  }

  .text-block-waarom {
    width: 450px;
    font-size: 22px;
  }

  .lijn-waarom {
    width: 25vw;
  }

  .div-block-20 {
    background-color: #165425;
    width: 600px;
    height: 800px;
  }

  .lijn-voor-wie-blok1, .lijn-voor-wie-blok2, .lijn-voor-wie-blok3 {
    width: 450px;
  }

  .lijn-wat2 {
    width: 25vw;
  }

  .lijn-wat3 {
    width: 450px;
    height: 2px;
  }

  .list {
    width: 500px;
    padding-left: 40px;
    font-size: 26px;
    line-height: 46px;
  }

  .block-quote {
    width: 450px;
    margin-top: 0;
    font-size: 26px;
    line-height: 30px;
  }

  .text-block-16 {
    font-size: 26px;
    line-height: 36px;
  }

  .list-2 {
    width: 450px;
    font-size: 26px;
    line-height: 36px;
  }

  .text-block-17, .text-block-18 {
    font-size: 26px;
  }

  .div-block-22 {
    background-position: 50% 93%;
    background-size: 70%;
    height: 1450px;
  }

  .list-3 {
    width: 500px;
    font-size: 22px;
    line-height: 30px;
  }

  .text-block-19, .text-block-20 {
    font-size: 22px;
    line-height: 30px;
  }

  .block-quote-2 {
    width: 550px;
  }

  .text-block-22 {
    color: #000;
    width: 550px;
    padding-left: 25px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
  }

  .div-block-23 {
    height: 100px;
  }

  .knop-voorwie {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    margin-top: 20px;
    font-size: 18px;
    display: flex;
  }

  .branding-contact, .branding-contact-inhoud {
    height: 100vh;
  }

  .branding-contact-titel {
    width: 450px;
    height: 450px;
    margin-top: 60px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-24 {
    background-size: 30%;
    height: 150px;
  }

  .branding-contact-telefoonnummer {
    width: 450px;
    height: 450px;
    padding-top: 80px;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 60px;
    line-height: 50px;
  }

  .button-3 {
    text-align: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .text-block-24 {
    font-size: 16px;
  }

  .knop-zes-fases {
    background-color: #165425;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    margin-top: 60px;
    margin-left: 0;
    font-size: 18px;
    display: flex;
  }

  .knop-waarom {
    margin-top: 300px;
    margin-bottom: 80px;
  }

  .text-span-5, .text-span-6 {
    margin-top: 3px;
  }

  .div-block-26 {
    height: 500px;
  }

  .div-block-27 {
    background-position: 0 100%;
    background-size: 430px;
    height: 500px;
  }

  .columns-12, .column-25, .column-26 {
    height: 500px;
  }

  .button-5 {
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .div-block-33 {
    width: 600px;
    height: 800px;
  }

  .paarse-peper {
    margin-top: 10vh;
  }

  .columns-14 {
    height: 1450px;
  }

  .column-29 {
    justify-content: flex-end;
    align-items: center;
    height: 1450px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 71px;
  }

  .column-31 {
    height: 1450px;
  }

  .header_artdirection_ontwerp {
    justify-content: flex-start;
  }

  .achtergrond_header_artdirection_ontwerp {
    background-image: url('../images/PEPRRZ-header-artdirection-ontwerp.webp');
    background-position: 100%;
    background-size: cover;
    justify-content: flex-start;
    margin-top: 10vh;
  }

  .blok_artdirection_ontwerp {
    text-align: left;
    justify-content: center;
    width: 405px;
    height: 500px;
    margin-top: 0;
    padding-bottom: 60px;
  }

  .peprrz_artdirection_ontwerp_wat {
    height: 110vh;
  }

  .inhoud_wat {
    background-position: 53% 88%;
    background-size: 22%;
  }

  .grid-2 {
    margin-bottom: 0;
  }

  .titel_wat {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 55vw;
    height: 5vh;
    margin-bottom: 40px;
  }

  .heading-5 {
    text-align: left;
  }

  .heading-12, .text-block-33 {
    letter-spacing: 1px;
  }

  .heading-15 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .achtergrond-project-inprincipo {
    display: none;
  }

  .artdirection_contact {
    background-color: #e94f1a00;
    height: 65vh;
  }

  .contact_artdirection_ontwerp {
    background-color: #370057;
    background-image: none;
    height: 55vh;
  }

  .contact_artdirection_naw {
    background-color: #370057;
  }

  .div-block-44 {
    z-index: 10;
    width: 300px;
    height: 150px;
    position: relative;
    inset: -20% 0% 0% 470px;
  }

  .div-block-47 {
    display: block;
  }

  .text-block-36 {
    width: 550px;
    font-size: 24px;
  }

  .kop-koffie {
    flex-direction: column;
    align-items: center;
    width: 550px;
    height: 180px;
    margin-left: 0;
    display: flex;
  }

  .link-block-3 {
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    display: flex;
  }

  .link-block-3:hover {
    mix-blend-mode: hard-light;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px #fff;
  }

  .text-block-37 {
    letter-spacing: 1px;
    text-indent: 0;
    width: 500px;
    line-height: 24px;
  }

  .text-block-38, .text-block-39 {
    width: 500px;
    font-size: 16px;
    line-height: 24px;
  }

  .text-block-40 {
    margin-left: 0;
  }

  .slide-5 {
    background-image: url('../images/PEPRRZ-header-VanWoot.jpg');
  }

  .slide-5-copy {
    background-image: url('../images/PEPRRZ-header-Diepzeekonijn-moving-media.webp');
  }

  .slide-6 {
    background-image: url('../images/Peprrz-header-SBG-stichting-belangen-grondzuigen.jpg');
  }

  .div-block-49 {
    height: 120px;
    display: none;
  }

  .link-block-4 {
    justify-content: center;
    display: flex;
  }

  .tekst_adres_contact_home {
    width: 280px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
  }

  .knop_telefoon_home {
    justify-content: center;
    width: 280px;
    height: 50px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .knop_telefoon_branding {
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .knop_mail_branding {
    text-align: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .knop_mail_contact_home {
    text-align: center;
    justify-content: center;
    width: 280px;
    height: 50px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .div-block-50 {
    margin-top: 20px;
  }

  .text-block-41 {
    width: 280px;
    margin-top: 40px;
    font-size: 24px;
  }

  .witte-lijn-artdirection-ontwerp-copy {
    align-items: center;
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-51 {
    flex-direction: column;
    width: auto;
    margin-top: 0;
    display: flex;
  }

  .achtergrond_fundament {
    background-image: url('../images/PEPRRZ-pagina-branding-Het-fundament.webp');
  }

  .column-34 {
    justify-content: flex-end;
  }

  .div-block-52 {
    width: 600px;
    height: 1100px;
  }

  .heading-16 {
    font-size: 36px;
    line-height: 46px;
  }

  .text-block-42 {
    width: 450px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
  }

  .column-35 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .tekst-contact-wat-copy {
    width: 500px;
    height: 550px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 100px;
    line-height: 75px;
  }

  .div-block-53 {
    width: 450px;
    height: 2px;
    margin-top: 140px;
  }

  .div-block-54 {
    width: 450px;
    height: 2px;
    margin-top: 20px;
  }

  .achtergrond-archetypes {
    align-items: flex-end;
  }

  .achtergrond_hoe {
    background-image: url('../images/peprrz-branding-pagina-achtergrond-hoe3.svg');
    justify-content: flex-end;
  }

  .div-block-55 {
    width: 350px;
    height: 5px;
  }

  .heading-17 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: PT Sans, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 46px;
  }

  .lijn-titel-hoe1, .lijn-titel-hoe2 {
    width: 400px;
    height: 1px;
  }

  .heading-artdirection-mobile {
    text-align: center;
    width: 280px;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .witte-lijn-artdirection-ontwerp2 {
    align-items: center;
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .heading-branding-page {
    text-align: center;
    width: 280px;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .tekst_branding_page {
    text-align: center;
    width: 280px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
  }

  .heading-section-branding {
    text-align: center;
    width: 280px;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .tekst_section_artdirection {
    text-align: center;
    width: 280px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
  }

  .witte-lijn-branding-page-header, .witte-lijn-branding-page-header2 {
    align-items: center;
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .heading_section_projects {
    text-align: center;
    width: 280px;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .tekst_section_projects {
    text-align: center;
    width: 280px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
  }

  .tekst-hoe {
    height: 400px;
  }

  .titel_info_beeld_project8 {
    height: 600px;
    margin-bottom: 20px;
  }

  .peprrz_container-project_voltanz {
    flex-direction: row;
    display: flex;
  }

  .slide-7 {
    background-image: url('../images/PEPRRZ-header-Floating-Paradise.jpg');
  }

  .slide-8 {
    background-image: url('../images/PEPRRZ-header-DWPK.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-9 {
    background-image: url('../images/PEPRRZ-header-alternatief14.jpg');
  }

  .witte-lijn-contact {
    align-items: center;
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .knop-hoe {
    background-color: #24075a;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    margin-top: 60px;
    margin-left: 0;
    font-size: 18px;
    display: flex;
  }

  .knop_het_plan {
    background-color: #24075a;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    margin-top: 20px;
    margin-left: 0;
    font-size: 18px;
    display: flex;
  }

  .div-block-52-copy {
    background-color: #e94e1b;
    width: 600px;
    height: 900px;
  }

  .achtergrond_plan {
    background-image: url('../images/PEPRRZ-pagina-branding-sectie-het-plan.webp');
  }

  .tekst-het-plan {
    width: 500px;
    height: 550px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 100px;
    line-height: 75px;
  }

  .tekst-het-plan-copy {
    width: 500px;
    height: 800px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 100px;
    line-height: 75px;
  }

  .column-35-copy {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 0;
    display: flex;
  }

  .knop_voor_wie {
    background-color: #165425;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 50px;
    margin-top: 20px;
    margin-left: 0;
    font-size: 18px;
    display: flex;
  }

  .tekst-contact-wat-copy-copy, .titel_het_fundament {
    width: 500px;
    height: 550px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 100px;
    line-height: 75px;
  }

  .achtergrond_het_plan {
    align-items: flex-end;
  }

  .column-_het_plan {
    justify-content: flex-end;
  }

  .div_blok_het_plan_text {
    background-color: #e94e1b;
    width: 600px;
    height: 900px;
  }

  .column_het_plan_text {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 0;
    display: flex;
  }

  .heading-_het_plan {
    font-size: 36px;
    line-height: 46px;
  }

  .div-block_streep_het_plan_titel_boven {
    width: 450px;
    height: 2px;
    margin-top: 140px;
  }

  .div-block-54-copy {
    width: 450px;
    height: 2px;
    margin-top: 20px;
  }

  .lijn-voor-wie-blok3-copy {
    width: 450px;
  }

  .div-block-58 {
    background-size: 470px;
    width: 500px;
  }

  .slide-12 {
    background-image: url('../images/PEPRRZ-header-Voltanz.jpg');
  }

  .slide-13 {
    background-image: url('../images/PEPRRZ-header-project-ongewoon.webp');
  }

  .slide-1 {
    background-image: url('../images/Peprrz-header-hd-packaging_1.webp');
  }

  .slide-1-6 {
    background-image: url('../images/PEPRRZ-header-4mijl-emmen.webp');
  }

  .slide-1-7 {
    background-image: url('../images/PEPRRZ-header-Geursbeton.webp');
  }

  .witte-lijn-artdirection-ontwerp-bovenste {
    align-items: center;
    width: 280px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .achtergrond-project-lta {
    height: 650svh;
  }

  .container-project-lta {
    justify-content: flex-start;
    height: 70svh;
  }

  .heading-18 {
    text-align: center;
  }

  .container-inhoud-project-lta {
    margin-left: 100px;
  }

  .portfolio-lta {
    height: 10500px;
    margin-top: 40px;
    padding-top: 0;
  }

  .button-project-lta-next {
    margin-top: 40px;
    font-size: 24px;
  }

  .text-span-21 {
    color: #165425;
  }

  .lijn-project-swingin1, .lijn-project-swingin2, .lijn-project-swingin3 {
    background-color: #e94e1b;
  }

  .button-swingin-next {
    color: #165425;
    margin-top: 40px;
    font-size: 24px;
  }

  .image-2 {
    width: 80px;
  }

  .button-swingin-back {
    color: #165425;
    margin-top: 40px;
    font-size: 24px;
  }

  .text-span-22 {
    font-family: "Fa Solid 900", sans-serif;
  }

  .portfolio-swingin-groningen {
    height: 14100px;
    margin-top: 40px;
    padding-top: 0;
  }

  .lijn-project-gr-marktendag1, .lijn-project-gr-marktendag2, .lijn-project-gr-marktendag3 {
    background-color: #e13510;
  }

  .button-gr-marktendag-next {
    margin-top: 40px;
    font-size: 24px;
  }

  .portfolio-gr-marktendag {
    height: 14000px;
    margin-top: 40px;
    padding-top: 0;
  }

  .button-gr-marktendag-back, .button-voltanz-back {
    color: #165425;
    margin-top: 40px;
    font-size: 24px;
  }

  .button-voltanz-next {
    margin-top: 40px;
    font-size: 24px;
  }

  .lijn-project-voltanz2, .lijn-project-voltanz1 {
    background-color: #e94e1b;
  }

  .portfolio-voltanz {
    height: 8200px;
    margin-top: 40px;
    padding-top: 0;
  }

  .text-span-swingin-next {
    color: #e94e1b;
  }

  .text-span-swingin-back, .text-span-gr-marktendag-back {
    font-family: "Fa Solid 900", sans-serif;
  }

  .text-span-gr-marktendag-next {
    color: #e13510;
  }

  .text-span-voltanz-back {
    font-family: "Fa Solid 900", sans-serif;
  }

  .text-span-voltanz-next {
    color: #e94e1b;
  }

  .link-block-5 {
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    display: flex;
  }

  .link-block-5:hover {
    mix-blend-mode: hard-light;
    border: 1px solid #fff;
    width: 400px;
    box-shadow: 0 2px 5px #fff;
  }

  .link-block-6 {
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    display: flex;
  }

  .link-block-6:hover {
    mix-blend-mode: hard-light;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px #fff;
  }

  .link-block-7 {
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    display: flex;
  }

  .link-block-7:hover {
    mix-blend-mode: hard-light;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px #fff;
  }

  .link-block-8 {
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    display: flex;
  }

  .link-block-8:hover {
    box-shadow: 0 2px 5px 0 var(--white);
    mix-blend-mode: hard-light;
    border: 1px solid #fff;
  }

  .header-project-gr-marktendag {
    height: 550px;
  }

  .slide-1-8 {
    background-image: url('../images/PEPRRZ-header-Stoelonderhoud.webp');
  }

  .slide-1-9 {
    background-image: url('../images/PEPRRZ-header-Kozijnenshop-Groningen.webp');
    background-position: 50%;
    background-size: cover;
  }

  .slide-1-10 {
    background-image: url('../images/PEPRRZ-header-dwpkbeurs.webp');
  }

  .peprrz-projects-swingin-groningen-logo, .peprrz-projects-swingin-groningen-fotografiestijl, .peprrz-projects-swingin-groningen-webdesign, .peprrz-projects-swingin-groningen-facebook, .peprrz-projects-swingin-groningen-signing {
    background-position: 50%;
  }

  .peprrz-projects-groninger-marktendag-logo {
    background-position: 0 0;
  }

  .peprrz-projects-groninger-marktendag-webdesign {
    background-position: 50%;
    width: 50vw;
  }

  .peprrz-projects-groninger-marktendag-posters-22-23, .peprrz-projects-groninger-marktendag-posters-24-25, .peprrz-projects-groninger-marktendag-impressie {
    background-position: 50%;
  }

  .peprrz-projects-groninger-marktendag-socials {
    background-position: 50%;
    height: 120svh;
  }

  .peprrz-projects-voltanz-logo-webdesign {
    background-position: 0 0;
  }

  .peprrz-projects-voltanz-song-covers, .peprrz-projects-voltanz-fotografiestijl {
    background-position: 20% 0;
  }

  .peprrz-projects-lta-logo {
    background-position: 50%;
    background-size: contain;
    width: 25svw;
    height: 50svh;
  }

  .peprrz-lta-webdesign-corporate-identity {
    background-image: none;
    height: 70svh;
    margin-top: 0;
  }

  .peprrz-lta-signing-linkedin {
    background-position: 0 0;
  }

  .peprrz-projects-lta-socials, .peprrz-lta-signing-rollupbanners {
    background-position: 50%;
  }

  .peprrz_klanten {
    height: 90vh;
  }

  .div-block-80 {
    background-size: cover;
    height: 90vh;
  }

  .heading-19 {
    padding-top: 350px;
  }

  .dropdown_menu2, .text-block-71 {
    display: none;
  }

  .peprrz-projects-swingin-groningen-campagne-offline {
    background-position: 50%;
  }

  .projects-lta-contact {
    background-color: #e94f1a00;
    height: 65vh;
  }

  .swingin_contact {
    background-color: #e94f1a00;
    height: 1310px;
  }

  .grmarktendag_contact {
    background-color: #e94f1a00;
    height: 1305px;
  }

  .voltanz_contact {
    background-color: #e94f1a00;
    height: 65vh;
  }

  .dropdown_menu_artdirection {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .dropdown_container_artdirection {
    width: 300px;
    margin-top: -5vh;
    margin-right: 0;
  }

  .dropdown_menu_projects_lta, .dropdown_menu_swingin_groningen, .dropdown_menu_groninger_marktendag, .dropdown_menu_voltanz {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .dropdown_container_lta, .dropdown_container_swingin {
    width: 300px;
    margin-top: -5vh;
    margin-right: 0;
  }

  .dropdown_menu_home {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .dropdown_container_home {
    width: 300px;
    margin-top: -5vh;
    margin-right: 0;
    display: flex;
  }

  .link-block-10 {
    mix-blend-mode: normal;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    display: flex;
  }

  .link-block-10:hover {
    box-shadow: 0 2px 5px 0 var(--white);
    mix-blend-mode: hard-light;
    border: 1px solid #fff;
    justify-content: center;
    align-items: center;
    width: 400px;
    display: flex;
  }

  .slide-16 {
    background-image: url('../images/PEPRRZ-header-Swingin-Groningen.webp');
  }

  .slide-1-12 {
    background-image: url('../images/PEPRRZ-header-Groningermarktendag2025.webp');
    background-position: 50%;
    background-size: cover;
  }

  .wat-doet-peprrz {
    background-image: url('../images/Capsicum-Peprrz.webp');
    background-position: 0 70%;
    min-height: 60svh;
  }

  .div-block-82 {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-83 {
    padding-left: 220px;
    padding-right: 220px;
  }

  .div-block-84 {
    justify-content: flex-start;
    padding-left: 240px;
    padding-right: 250px;
  }

  .div-block-85 {
    padding-bottom: 60px;
    padding-left: 140px;
    padding-right: 140px;
  }

  .text-block-75 {
    font-size: 18px;
    line-height: 28px;
  }

  .text-block-76 {
    color: #fff;
    padding-bottom: 0;
    font-family: PT Sans, sans-serif;
    font-size: 16px;
    line-height: 20px;
  }

  .div-block-86 {
    background-color: #370057;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    min-width: 320px;
    min-height: 35svh;
    margin-bottom: 0;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .div-block-87 {
    background-size: auto 250%;
  }

  .div-block-88 {
    background-size: auto 280%;
  }

  .container-inhoud-header {
    height: 550px;
  }

  .project-container-lta {
    align-items: center;
    height: 75svh;
  }

  .div-block-93 {
    justify-content: center;
    align-items: flex-end;
    height: 70svh;
    padding-right: 5svw;
    display: flex;
  }

  .div-block-94 {
    justify-content: center;
    align-items: flex-start;
    height: 70svh;
  }

  .heading-24, .paragraph, .div-block-95 {
    width: 35svw;
  }

  .div-block-96 {
    justify-content: center;
    align-items: flex-start;
    height: 70svh;
  }

  .container-gr-mrktdg {
    height: 550px;
  }

  .project-container-gr-mrktndag {
    align-items: center;
    height: 70svh;
  }

  .div-block-97 {
    height: 70svh;
  }

  .div-block-98 {
    background-size: contain;
    height: 70svh;
  }

  .div-block-101 {
    background-size: 50%;
  }

  .peprrz-lta-brochure-cover, .peprrz-lta-brochure-layout, .peprrz-lta-brochure-back, .peprrz-lta-flyer {
    background-position: 50%;
  }

  .peprrz-lta-image {
    background-position: 50%;
    background-size: contain;
    width: 35vw;
    height: 25svh;
  }

  .results-lta {
    border-radius: 15px;
    width: 70svw;
    height: 45svh;
  }

  .div-block-103 {
    background-size: 60%;
  }

  .div-block-104 {
    width: 35svw;
  }

  .heading-25 {
    width: 30svw;
    height: 8vh;
    font-size: 34px;
  }

  .div-block-105 {
    width: 30svw;
  }

  .div-block-106 {
    width: 2.5svw;
  }

  .div-block-107 {
    width: 30svw;
  }

  .lta-contact {
    height: 100vh;
  }

  .achtergrond-project-dwpk {
    height: 650svh;
  }

  .peprrz-projects-dwpk-logo-webdesign {
    background-position: 50%;
    background-size: contain;
    width: 45svw;
    height: 45svh;
  }

  .peprrz-dwpk-logo {
    background-image: url('../images/DWPK-logo.svg');
    background-position: 50%;
    background-size: contain;
    height: 30svh;
    margin-top: 40px;
  }

  .container-txt-project-dwpk {
    justify-content: center;
    align-items: flex-start;
    height: 70svh;
  }

  .txt-project-dwpk {
    justify-content: center;
    align-items: flex-start;
    height: 65svh;
  }

  .container-dwpk-logo {
    width: 75svw;
    height: 30svh;
  }

  .div-block-98-copy {
    height: 70svh;
  }

  .peprrz-dwpk-corporate-identity, .peprrz-projects-dwpk-socials {
    background-position: 50%;
  }

  .container-socials {
    background-size: contain;
  }

  .project-container-dwpk {
    align-items: center;
    height: 70svh;
  }

  .peprrz-dwpk-linkedin, .peprrz-dwpk-beursstand, .peprrz-dwpk-rollupbanners, .peprrz-dwpk-brochure-stap1-2 {
    background-position: 50%;
  }

  .peprrz-dwpk-brochure-stap-3 {
    background-position: 50%;
    height: 65svh;
  }

  .peprrz-dwpk-brochure-stap-4 {
    background-position: 50%;
    background-size: contain;
    width: 75vw;
    height: 45svh;
  }

  .results-dwpk {
    border-radius: 15px;
    width: 70svw;
    height: 45svh;
  }

  .results-spaceship-dwpk {
    background-size: 60%;
  }

  .container-results-dwpk {
    width: 35svw;
  }

  .div-block-105-copy {
    width: 30svw;
  }

  .div-block-106-copy {
    width: 2.5svw;
  }

  .achtergrond-project-lewenborgnu {
    height: 650svh;
  }

  .project-container-lewenborgnu {
    align-items: center;
    height: 75svh;
  }

  .container-txt-project-lewenborgnu, .txt-project-lewenborgnu {
    justify-content: center;
    align-items: flex-start;
    height: 75svh;
  }

  .peprrz-lewenborgnu-webdesign {
    background-image: url('../images/Lewenborg.nu-webdesign.webp');
    background-position: 50%;
    background-size: contain;
    height: 70svh;
    margin-top: 0;
  }

  .container-project-lewenborgnu {
    justify-content: flex-start;
    height: 75svh;
  }

  .peprrz-lewenborgnu-webdesign-home, .peprrz-projects-lewenborgnu-socials-1 {
    background-position: 50%;
  }

  .container-socials-lewenborgnu {
    background-size: 50%;
  }

  .peprrz-projects-lewenborgnu-socials-2, .peprrz-lewenborgnu-poster1, .peprrz-lewenborgnu-poster2, .peprrz-dwpk-brochure-stap1-2-copy, .peprrz-dwpk-brochure-stap-3-copy {
    background-position: 50%;
  }

  .peprrz-lewenborgnu-signing {
    background-position: 50%;
    background-size: contain;
  }

  .results-lewenborgnu {
    border-radius: 15px;
    width: 70svw;
    height: 60svh;
  }

  .peprrz-projects-groninger-marktendag {
    background-position: 50%;
    background-size: contain;
    width: 25svw;
    height: 50svh;
  }

  .results-swingin-groningen {
    border-radius: 15px;
    width: 70svw;
    height: 55svh;
  }

  .peprrz-projects-groninger-marktendag-screen {
    background-position: 50%;
    height: 200svh;
  }

  .peprrz-projects-groninger-marktendag-flags {
    background-position: 50%;
    height: 50svh;
  }

  .results-groninger-marktendag {
    border-radius: 15px;
    width: 70svw;
    height: 45svh;
  }

  .results-spaceship-groninger-marktendag {
    background-size: 60%;
  }

  .container-results-groninger-marktendag {
    width: 35svw;
  }

  .results-spaceship-swingin-groningen {
    background-size: 60%;
  }

  .container-results-swingin-groningen {
    width: 35svw;
  }

  .branding-contact-inhoud-swingin {
    justify-content: flex-start;
    align-items: center;
    height: 1310px;
  }

  .div-block-29-swingin {
    justify-content: center;
    align-items: center;
    height: 660px;
  }

  .knop_telefoon_branding-swingin {
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .div-block-25-swingin {
    height: 150px;
  }

  .branding-contact-inhoud-groninger-marktendag {
    height: 1305px;
  }

  .div-block-29-groninger-marktendag {
    height: 655px;
  }

  .div-block-25-groninger-marktendag {
    height: 100px;
    font-size: 18px;
  }

  .branding-contact-inhoud-lta {
    height: 100vh;
  }

  .knop_telefoon_branding-lta {
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .knop_mail_branding-lta {
    text-align: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .dwpk-contact, .branding-contact-inhoud-dwpk {
    height: 100vh;
  }

  .knop_mail_branding-dwpk {
    text-align: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .peprrz-projects-lewenborgnu-logo-slogan {
    background-position: 50%;
    background-size: contain;
    width: 30svw;
    height: 50svh;
  }

  .container-lewenborgnu-webdesign-mockup {
    height: 70svh;
  }

  .lewenborgnu-contact, .branding-contact-inhoud-lewenborgnu {
    height: 100vh;
  }

  .knop_mail_branding-lewenborgnu, .knop_mail_branding-swingin {
    text-align: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .knop_telefoon_branding-groninger-marktendag {
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .peprrz_container-project_dwpk {
    background-image: url('../images/Peprrz-DWPK-home.webp');
    background-position: 50%;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 0;
  }

  .peprrz_container-project_lewenborgnu {
    background-image: url('../images/Peprrz-Lewenborgnu-home.webp');
    margin-top: 0;
  }

  .container-project-dwpk {
    justify-content: flex-start;
    height: 70svh;
  }

  .knop_telefoon_branding-dwpk {
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .text-span-24 {
    font-size: 44px;
  }

  .peprrz-projects-swingin-groningen-socials, .peprrz-projects-swingin-groningen-uitnodiging, .peprrz-projects-swingin-groningen-krantenpagina, .peprrz-projects-swingin-groningen-ledwall {
    background-position: 50%;
  }

  .knop_mail_branding-gr-marktendag {
    text-align: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 18px;
  }

  .peprrz-container-projects3 {
    height: 400px;
  }
}

@media screen and (max-width: 991px) {
  .title-peprrz-home {
    width: 220px;
    padding-left: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .slide {
    background-position: 25%;
  }

  .slide-2 {
    background-image: url('../images/header-tablet-v2.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-3 {
    background-position: 50%;
  }

  .slide-4 {
    background-image: url('../images/header-tablet-Noorderpoort.webp');
    background-position: 50%;
  }

  .dropdown_menu1 {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .dropdown_container2 {
    width: 200px;
    height: 200px;
    margin-right: 0;
    font-size: 12px;
  }

  .home_btn_txt {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
  }

  .branding_btn_xt, .artdirection_ontwerp_btn_txt {
    margin-bottom: 0;
    font-size: 14px;
  }

  .projecten_btn_txt, .over_peprrz_btn_txt {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .contact_btn_txt {
    font-size: 14px;
  }

  .menu-peprrz {
    top: 2.5375vh;
  }

  .peprrz_branding_achtergrond {
    background-image: url('../images/Peprrz-Branding-sectie-achtergrond-tablet.webp');
    background-position: 50%;
    background-size: cover;
  }

  .tekst_branding {
    width: 250px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .heading {
    width: 200px;
    margin-top: 40px;
    font-size: 28px;
  }

  .zwarte-peper {
    margin-top: 78px;
  }

  .button {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 305px;
    height: 80px;
    margin-top: 0;
    margin-bottom: 10vh;
    display: flex;
  }

  .pepprz_artdirection_ontwerp_achtergrond {
    background-image: url('../images/achtergrond-artdirection6.jpg');
    background-position: 55%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .blok_artdriction_ontwerp {
    height: 400px;
  }

  .iconen_artdirection_ontwerp {
    background-size: contain;
    width: 350px;
    height: 200px;
    margin-top: 100px;
  }

  .witte-peper {
    margin-top: 5vh;
  }

  .witte-lijn-artdirection-ontwerp {
    width: 250px;
  }

  .tekstblok_artdirection_ontwerp {
    font-size: 30px;
    line-height: 34px;
  }

  .peprrz_projects, .inhoud-projects {
    height: 1500px;
  }

  .grid {
    flex-direction: column;
    grid-template-rows: 30vh 30vh 30vh;
    display: flex;
  }

  .titel_info_beeld_project1 {
    align-self: auto;
    width: 300px;
    height: 300px;
    margin-bottom: 0;
  }

  .peprrz_container-project_lta {
    background-position: 50% 0;
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .heading-2 {
    font-size: 16px;
  }

  .text-block-11 {
    display: none;
  }

  .peprrz_container-project_2 {
    background-position: 50% 0;
    width: 350px;
    height: 350px;
    margin-top: 0;
  }

  .titel_info_beeld_project2 {
    width: 300px;
    height: 300px;
  }

  .titel_info_beeld_project3 {
    width: 300px;
    height: 300px;
    margin-bottom: 0;
  }

  .peprrz_container-project_swingin_groningen {
    background-position: 50% 0;
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .link_peprrz_projectpage {
    top: 162px;
    left: 78%;
  }

  .peprrz_container-project_4 {
    width: 350px;
    height: 350px;
    margin-top: 0;
  }

  .titel_info_beeld_project4 {
    width: 300px;
    height: 300px;
  }

  .peprrz_container-project_5 {
    height: 25vh;
    margin-top: 10px;
  }

  .titel_info_beeld_project6 {
    width: 350px;
    height: 450px;
    margin-bottom: 0;
  }

  .peprrz_container-project_groninger_marktendag {
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .titel_info_beeld_project5 {
    width: 300px;
    height: 300px;
  }

  .peprrz_container-project_7 {
    height: 25vh;
    margin-top: 10px;
  }

  .over_peprrz {
    height: 140vh;
  }

  .achtergron_over_peprrz {
    background-image: none;
    height: 140vh;
  }

  .columns-2 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
  }

  .column-4 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 90vh;
    padding-left: 0;
    display: none;
  }

  .blok_over_peprrz {
    width: 100vw;
    height: 100vh;
  }

  .blok_inhoud_over_peprrz {
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: 100vh;
    margin-top: 0;
    display: flex;
  }

  .heading-3 {
    width: 60vw;
    font-size: 24px;
  }

  .text-block-12 {
    letter-spacing: .3px;
    width: 600px;
    font-size: 14px;
    line-height: 20px;
  }

  .column-5 {
    flex-direction: row;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .koffiemok {
    background-position: 0%;
    width: 100px;
    height: 100px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-13 {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-7 {
    justify-content: center;
    width: 150px;
    height: 50px;
    display: block;
  }

  .titel_over {
    width: 600px;
    margin-top: 20px;
  }

  .link-block {
    background-position: 90%;
    width: 20vw;
  }

  .achtergrond_peprrz_contact {
    background-image: url('../images/Peprrz-contact-2025-tablet.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .blok_contact {
    background-color: var(--black);
    width: 50vw;
    height: 450px;
  }

  .header_branding {
    height: 100vh;
  }

  .achtergrond_header_branding {
    background-image: url('../images/Peprrz-header-Branding-tablet.webp');
    background-position: 50% 100%;
    background-size: cover;
    height: 100vh;
  }

  .blok_branding_page {
    width: 400px;
    height: 340px;
  }

  .peprrz_branding_voor_wie, .inhoud_voor_wie {
    justify-content: flex-start;
    height: 175vh;
  }

  .voor_wie_titel {
    width: 70vw;
    height: 110vh;
  }

  .heading-4 {
    width: 50vw;
    margin-top: 0;
    font-size: 28px;
  }

  .div-block-11 {
    align-items: center;
    width: 100vw;
    height: 110vh;
  }

  .div-block-12 {
    border-left-style: none;
    border-right-style: none;
    align-items: center;
    width: 100vw;
    height: 110vh;
    margin-top: 0;
    padding-top: 0;
  }

  .text-block-14 {
    width: 300px;
  }

  .titel-voorwie {
    width: 300px;
    margin-top: 20px;
    font-size: 26px;
    font-weight: 400;
  }

  .peprrz_branding_wat {
    background-image: url('../images/Peprrz-header-Branding-wat-tablet.webp');
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    height: 180vh;
    display: flex;
  }

  .inhoud_peprrz_wat {
    background-position: 50% 45%;
    background-size: 80%;
    height: 180vh;
  }

  .blok_wat {
    align-items: center;
    width: 50vw;
    height: 80vh;
  }

  .wat_biedt_titel {
    width: 400px;
    height: 0;
    min-height: 80svh;
    padding-top: 2vh;
  }

  .divblock-wat {
    align-items: center;
    width: 70vw;
    height: 60vh;
  }

  .heading-branding-wat {
    width: 150px;
    font-size: 28px;
  }

  .lijn-wat {
    width: 350px;
  }

  .text-block-wat {
    width: 400px;
  }

  .tekst-contact-wat {
    width: 50vw;
    height: 700px;
    padding-top: 60px;
    font-size: 80px;
    line-height: 70px;
  }

  .waarom-peprrz, .waarom-peprrz-inhoud {
    height: 150vh;
  }

  .blok_waarom {
    align-items: center;
    width: 70vw;
    height: 70vh;
    margin-top: 35vh;
  }

  .waarom-titel {
    width: 70vw;
    height: 70vh;
    margin-bottom: 0;
  }

  .div-block-16 {
    width: 50vw;
    margin-top: 5vh;
  }

  .div-block-17 {
    height: 60vh;
  }

  .columns-7 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 175vh;
    display: flex;
  }

  .column-14 {
    height: 60vh;
  }

  .lijn-voor-wie-is-vraagteken, .lijn-voor-wie-is-vraagteken-onder-copy, .lijn-voor-wie-is-titel-onder {
    width: 55vw;
  }

  .div-titel-voor-wie {
    margin-top: 10vh;
  }

  .column-15 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 110vh;
  }

  .tekst-contact-voor-wie-quote-persoon, .tekst-contact-voor-wie-quote-bron {
    width: 60vw;
  }

  .div-block-18 {
    height: 35vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .columns-8 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 180vh;
    display: flex;
  }

  .column-16 {
    align-items: center;
    height: 68vh;
    margin-bottom: 40vh;
  }

  .column-17 {
    height: 100vh;
  }

  .tekst-waarom {
    width: 300px;
    height: 200px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 46px;
    line-height: 36px;
  }

  .column-18 {
    height: 48vh;
  }

  .heading-branding-waarom {
    width: 50vw;
    font-size: 28px;
  }

  .text-block-waarom {
    width: 400px;
  }

  .lijn-waarom {
    width: 55vw;
  }

  .div-block-20 {
    width: 50vw;
    height: 60vh;
  }

  .lijn-voor-wie-blok1 {
    margin-top: 40px;
  }

  .lijn-wat2 {
    width: 55vw;
  }

  .lijn-wat3 {
    width: 350px;
    height: 2px;
  }

  .block-quote {
    width: 60vw;
    margin-top: 0;
  }

  .div-block-22 {
    background-image: url('../images/Spice.svg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 150vh;
  }

  .column-19 {
    height: 48vh;
  }

  .columns-10 {
    flex-direction: column;
    height: 70vh;
  }

  .block-quote-2, .text-block-22 {
    width: 50vw;
  }

  .column-20 {
    flex-direction: column;
    justify-content: flex-start;
    height: 20vh;
  }

  .div-block-23 {
    width: 60vw;
  }

  .column-21 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .branding-contact, .branding-contact-inhoud {
    height: 135vh;
  }

  .branding-contact-titel {
    height: 300px;
  }

  .div-block-25 {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .text-block-24 {
    text-align: center;
    width: 550px;
    height: 75px;
  }

  .knop-waarom {
    margin-top: 10vh;
    margin-bottom: 0;
  }

  .div-block-26 {
    align-items: center;
    height: 300px;
    margin-top: 0;
  }

  .div-block-27 {
    background-position: 50% 100%;
    background-size: contain;
    flex-direction: column;
    align-items: center;
    width: 60vw;
    height: 300px;
    display: flex;
  }

  .div-block-28 {
    flex-direction: column;
    align-items: center;
    height: 300px;
    display: flex;
  }

  .columns-12 {
    flex-direction: column;
    align-items: center;
    height: 610px;
    display: flex;
  }

  .column-25 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    display: flex;
  }

  .column-26 {
    align-items: center;
    height: 300px;
  }

  .div-block-30, .columns-13, .column-27, .column-28 {
    height: 50px;
  }

  .div-block-33 {
    width: 60vw;
    height: 70vh;
  }

  .paarse-peper {
    margin-top: 5vh;
  }

  .columns-14 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 150vh;
    display: flex;
  }

  .column-29 {
    justify-content: flex-end;
    align-items: center;
    height: 35vh;
    margin-top: 30px;
    padding-left: 0;
  }

  .column-30 {
    display: none;
  }

  .column-31 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 105vh;
    display: flex;
  }

  .achtergrond_header_artdirection_ontwerp {
    background-image: url('../images/Peprrz-header-artdirection-ontwerp-tablet.webp');
    background-position: 0%;
    background-size: cover;
  }

  .peprrz_artdirection_ontwerp_wat {
    flex-direction: column;
    align-items: center;
    height: 290vh;
    display: flex;
  }

  .inhoud_wat {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: 290vh;
  }

  .grid-2 {
    flex-direction: column;
    align-items: center;
    width: 40vw;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .titel_wat {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-27, .text-block-28, .text-block-29, .text-block-30, .text-block-31, .text-block-32, .text-block-33, .text-block-34, .text-block-35 {
    margin-bottom: 20px;
  }

  .div-block-34, .div-block-35, .div-block-36, .div-block-37, .div-block-38, .div-block-39 {
    border-bottom-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-40 {
    border-bottom-style: none;
    padding-left: 0;
  }

  .div-block-41 {
    border-bottom-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-42 {
    border-bottom-style: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-15 {
    text-align: center;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .artdirection_contact {
    height: 70vh;
  }

  .contact_artdirection_ontwerp {
    background-image: linear-gradient(#370057, #370057);
  }

  .contact_artdirection_naw {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-44 {
    flex-flow: column;
    align-items: center;
    width: 100vw;
    height: 250px;
    padding-top: 25%;
    display: flex;
  }

  .text-block-36 {
    width: 380px;
  }

  .kop-koffie {
    width: 600px;
    margin-bottom: 0;
  }

  .link-block-3 {
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
  }

  .link-block-3:hover {
    border: 1px solid var(--white);
    mix-blend-mode: hard-light;
    box-shadow: 0 2px 5px #fff;
  }

  .text-block-37 {
    color: #fff;
    width: 600px;
    margin-top: 20px;
    font-family: PT Sans, sans-serif;
    font-weight: 700;
    line-height: 20px;
  }

  .text-block-38, .text-block-39 {
    color: #fff;
    letter-spacing: .3px;
    width: 600px;
    margin-top: 20px;
    font-family: PT Sans, sans-serif;
  }

  .text-block-40 {
    color: #fff;
    letter-spacing: .3px;
    width: 600px;
    margin-top: 40px;
    margin-bottom: 0;
    font-family: PT Sans, sans-serif;
    font-size: 21px;
    font-weight: 700;
  }

  .slide-5, .slide-5-copy {
    background-position: 25%;
  }

  .slide-6 {
    background-position: 50%;
  }

  .div-block-48 {
    background-image: url('../images/Achtergrond-over-peprrz.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 40vh;
  }

  .div-block-49 {
    background-image: url('../images/PEPRRZ-sectie-over-tablet.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 40vh;
    display: flex;
  }

  .tekst_adres_contact_home {
    text-align: center;
    width: 200px;
    margin-bottom: 2vh;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .knop_mail_contact_home {
    margin-bottom: 20px;
  }

  .text-block-41, .witte-lijn-artdirection-ontwerp-copy {
    width: 300px;
  }

  .peprrz_branding_fundament {
    height: 1100px;
  }

  .achtergrond_fundament {
    background-image: none;
    height: 1100px;
  }

  .columns-16 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 1100px;
    display: flex;
  }

  .column-34 {
    height: 600px;
  }

  .div-block-52 {
    background-color: #dd1a1e;
    justify-content: center;
    width: 80vw;
    height: 600px;
  }

  .heading-16 {
    width: 600px;
  }

  .text-block-42 {
    width: 500px;
  }

  .column-35 {
    flex-direction: column;
    align-items: center;
    height: 500px;
    display: flex;
  }

  .tekst-contact-wat-copy {
    align-self: center;
    width: 50vw;
    padding-top: 60px;
  }

  .div-block-53 {
    width: 500px;
    margin-top: 0;
  }

  .div-block-54 {
    width: 500px;
  }

  .achtergrond-archetypes {
    background-image: url('../images/Peprrz-branding-sectie-fundament-tablet.webp');
    background-position: 0%;
    background-size: cover;
    justify-content: center;
    width: 80vw;
    height: 500px;
    margin-bottom: 0;
    display: flex;
  }

  .peprrz_branding_hoe {
    height: 120vh;
  }

  .achtergrond_hoe {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: 120vh;
  }

  .columns-17 {
    flex-direction: column;
    align-items: center;
    height: 120vh;
    display: flex;
  }

  .column-36 {
    order: 1;
    height: 70vh;
  }

  .div-block-56 {
    justify-content: flex-start;
    height: 70vh;
  }

  .lijn-titel-hoe1 {
    margin-top: 60px;
  }

  .column-37 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-57 {
    background-image: url('../images/achtergrond-hoe-tablet3.jpg');
    background-position: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80vw;
    height: 50vh;
    padding-bottom: 0;
    padding-right: 0;
  }

  .heading-artdirection-mobile {
    width: 200px;
    margin-top: 40px;
    font-size: 28px;
  }

  .witte-lijn-artdirection-ontwerp2 {
    width: 300px;
  }

  .heading-branding-page {
    width: 200px;
    margin-top: 40px;
    font-size: 28px;
  }

  .tekst_branding_page {
    width: 250px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .heading-section-branding {
    width: 200px;
    margin-top: 40px;
    font-size: 28px;
  }

  .tekst_section_artdirection {
    width: 250px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .witte-lijn-branding-page-header, .witte-lijn-branding-page-header2 {
    width: 300px;
  }

  .heading_section_projects {
    width: 200px;
    margin-top: 40px;
    font-size: 28px;
  }

  .tekst_section_projects {
    width: 250px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .titel_info_beeld_project6-copy {
    width: 500px;
    height: 500px;
  }

  .titel_info_beeld_project8 {
    width: 350px;
    height: 450px;
    margin-bottom: 0;
  }

  .peprrz_container-project_voltanz {
    width: 350px;
    height: 350px;
    margin-top: 100px;
  }

  .slide-7 {
    background-position: 50%;
  }

  .slide-8 {
    background-image: url('../images/Peprrz-slider-tablet-dwpk.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .witte-lijn-contact {
    width: 300px;
  }

  .peprrz_branding_plan {
    height: 1100px;
  }

  .div-block-52-copy {
    background-color: #24075a;
    order: 0;
    width: 100vw;
    height: 700px;
  }

  .achtergrond_plan {
    background-image: none;
    height: 1100px;
    padding-top: 40px;
  }

  .tekst-het-plan, .tekst-het-plan-copy {
    align-self: center;
    width: 50vw;
    padding-top: 60px;
  }

  .column-35-copy {
    flex-direction: column;
    order: 1;
    align-items: center;
    height: 700px;
    display: flex;
  }

  .tekst-contact-wat-copy-copy {
    align-self: center;
    width: 50vw;
    padding-top: 60px;
  }

  .titel_het_fundament {
    align-self: center;
    width: 50vw;
    margin-top: 0;
    padding-top: 60px;
  }

  .achtergrond_het_plan {
    background-image: url('../images/PEPRRZ-pagina-branding-sectie-het-plan.webp');
    background-position: 100%;
    background-size: cover;
    justify-content: center;
    width: 80vw;
    height: 500px;
    margin-bottom: 0;
    display: flex;
  }

  .column-_het_plan {
    height: 500px;
  }

  .div_blok_het_plan_text {
    background-color: #e94e1b;
    order: 0;
    justify-content: center;
    width: 80vw;
    height: 600px;
  }

  .column_het_plan_text {
    flex-direction: column;
    order: 1;
    align-items: center;
    height: 600px;
    display: flex;
  }

  .heading-_het_plan {
    width: 600px;
  }

  .div-block_streep_het_plan_titel_boven {
    width: 500px;
    margin-top: 0;
  }

  .columns-_het_plan {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 1100px;
    display: flex;
  }

  .div-block-54-copy {
    width: 500px;
  }

  .div-block-58 {
    background-size: 58vw;
    width: 60vw;
    height: 20vh;
  }

  .slide-12 {
    background-image: url('../images/header-tablet-voltanz.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .slide-13 {
    background-image: url('../images/header-tablet-project-ongewoon.webp');
  }

  .slide-1 {
    background-image: url('../images/achtergrond-hd-packaging.webp');
    background-position: 50%;
  }

  .slide-1-6 {
    background-image: url('../images/header-tablet-Kozijnenshop-Groningen.webp');
    background-position: 50%;
    background-size: cover;
  }

  .slide-1-7 {
    background-image: url('../images/header-tablet-dwpk-beursstand.webp');
    background-size: cover;
  }

  .witte-lijn-artdirection-ontwerp-bovenste {
    width: 250px;
  }

  .achtergrond-project-lta {
    height: 6700px;
  }

  .container-project-lta {
    height: 115svh;
  }

  .lijn-project-lta1, .lijn-project-lta2, .lijn-project-lta3 {
    width: 200px;
  }

  .text-block-48 {
    font-size: 22px;
  }

  .heading-18 {
    font-size: 28px;
    line-height: 34px;
  }

  .text-block-49 {
    width: 60px;
  }

  .text-block-50 {
    font-size: 12px;
  }

  .portfolio-lta {
    width: 65vw;
    height: 5800px;
  }

  .lijn-project-swingin1, .lijn-project-swingin2, .lijn-project-swingin3 {
    width: 200px;
  }

  .image-2 {
    width: 60px;
  }

  .portfolio-swingin-groningen {
    background-image: none;
    width: 65vw;
    height: 9000px;
    margin-top: 0;
  }

  .lijn-project-gr-marktendag1, .lijn-project-gr-marktendag2, .lijn-project-gr-marktendag3 {
    width: 200px;
  }

  .portfolio-gr-marktendag {
    width: 65vw;
    height: 10100px;
  }

  .lijn-project-voltanz2, .lijn-project-voltanz1 {
    width: 200px;
  }

  .portfolio-voltanz {
    width: 65vw;
    height: 5700px;
  }

  .link-block-5, .link-block-6, .link-block-7, .link-block-8 {
    margin-top: 10px;
  }

  .header-project-gr-marktendag, .header-project-swingin-groningen {
    height: 480px;
  }

  .achtergrond-project-voltanz {
    height: 6000px;
  }

  .slide-1-10 {
    background-image: url('../images/header-tablet-puur-huidgeluk.jpg');
  }

  .peprrz-projects-swingin-groningen-logo {
    width: 500px;
    height: 300px;
  }

  .peprrz-projects-swingin-groningen-fotografiestijl {
    width: 700px;
    height: 650px;
  }

  .peprrz-projects-swingin-groningen-webdesign {
    width: 700px;
    height: 500px;
  }

  .peprrz-projects-swingin-groningen-facebook {
    width: 700px;
    height: 800px;
  }

  .peprrz-projects-swingin-groningen-signing {
    width: 700px;
    height: 1200px;
  }

  .peprrz-projects-groninger-marktendag-logo {
    width: 65vw;
    height: 850px;
  }

  .peprrz-projects-groninger-marktendag-webdesign {
    width: 700px;
    height: 450px;
  }

  .peprrz-projects-groninger-marktendag-posters-22-23, .peprrz-projects-groninger-marktendag-posters-24-25 {
    width: 700px;
    height: 500px;
  }

  .peprrz-projects-groninger-marktendag-impressie {
    width: 700px;
    height: 700px;
  }

  .peprrz-projects-groninger-marktendag-socials {
    width: 700px;
    height: 1200px;
  }

  .peprrz-projects-voltanz-logo-webdesign {
    width: 65vw;
    height: 550px;
  }

  .peprrz-projects-voltanz-song-covers {
    width: 65vw;
    height: 3650px;
  }

  .peprrz-projects-voltanz-fotografiestijl {
    width: 65vw;
    height: 1350px;
  }

  .peprrz-projects-lta-logo {
    background-position: 50%;
    background-size: contain;
    width: 50vw;
    height: 35svh;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .peprrz-lta-webdesign-corporate-identity {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    height: 850px;
    margin-top: 20px;
  }

  .peprrz-lta-signing-linkedin {
    flex-flow: column;
    width: 65vw;
    height: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-projects-lta-socials {
    width: 600px;
    height: 700px;
    margin-top: 40px;
  }

  .peprrz-lta-signing-rollupbanners {
    width: 600px;
    height: 750px;
  }

  .buttons-groningermarktendag-submenu, .buttons-swingin-groningen-mobiel, .button-lta-mobiel {
    display: none;
  }

  .peprrz_klanten {
    height: 120vh;
  }

  .div-block-80 {
    background-image: url('../images/achtergrond-PEPRRZ-klanten.svg');
    height: 120vh;
  }

  .heading-19 {
    padding-left: 220px;
    padding-right: 220px;
    line-height: 24px;
  }

  .dropdown_menu2 {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .text-block-71 {
    display: none;
  }

  .peprrz-projects-swingin-groningen-campagne-offline {
    width: 700px;
    height: 1200px;
  }

  .projects-lta-contact, .swingin_contact, .grmarktendag_contact, .voltanz_contact {
    height: 70vh;
  }

  .dropdown_menu_artdirection {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .dropdown_container_artdirection {
    width: 200px;
    height: 200px;
    margin-right: 0;
    font-size: 12px;
  }

  .link-block-branding {
    margin-top: 10px;
  }

  .link-block-artdirection {
    margin-top: 10px;
    font-size: 14px;
  }

  .dropdown_menu_projects_lta {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .link-block_projects_menu_lta {
    margin-top: 10px;
  }

  .dropdown_menu_swingin_groningen {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .link-block_projects_menu_swingin {
    margin-top: 10px;
  }

  .dropdown_menu_groninger_marktendag {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .link-block_menu_swingin_projects {
    margin-top: 10px;
  }

  .dropdown_menu_voltanz {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .link-block_menu_voltanz_projects {
    margin-top: 10px;
  }

  .menu-peprrz-lta, .menu-peprrz-swingin {
    top: 2.5375vh;
  }

  .dropdown_container_lta, .dropdown_container_swingin {
    width: 200px;
    height: 200px;
    margin-right: 0;
    font-size: 12px;
  }

  .branding_btn_menu_lta {
    margin-top: 10px;
  }

  .artdirection_btn_menu_lta {
    margin-top: 10px;
    font-size: 14px;
  }

  .projects_btn_menu_lta, .over_peprrz_btn_menu_lta, .contact_btn_menu_lta, .branding_btn_menu_swingin {
    margin-top: 10px;
  }

  .artdirection_btn_menu_swingin {
    margin-top: 10px;
    font-size: 14px;
  }

  .projects_btn_menu_swingin, .over_peprrz_btn_menu_swingin, .contact_btn_menu_swingin {
    margin-top: 10px;
  }

  .dropdown_menu_home {
    opacity: 1;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
    display: none;
  }

  .dropdown_container_home {
    width: 200px;
    height: 35vh;
    margin-right: 0;
    font-size: 12px;
  }

  .menu-peprrz-home {
    top: 2.5375vh;
  }

  .slide-1-11 {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-1-12 {
    background-image: url('../images/PEPRRZ-header-groningermarktendag2025-tablet.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .quiz-content {
    width: 100%;
  }

  .quiz {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .wat-doet-peprrz {
    background-position: 0%;
    min-height: 100svh;
  }

  .div-block-82 {
    flex-flow: column;
    align-items: center;
  }

  .div-block-83 {
    min-width: 280px;
    display: none;
  }

  .div-block-84 {
    width: 280px;
    min-width: 280px;
    height: 30svh;
    min-height: 30svh;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-85 {
    justify-content: flex-end;
    min-height: 70svh;
  }

  .text-block-75 {
    margin-top: 0;
  }

  .text-block-76 {
    width: 280px;
    min-width: 280px;
  }

  .div-block-86 {
    justify-content: center;
    min-width: 280px;
    min-height: 25svh;
  }

  .container-peprrz {
    background-position: 50% 0;
    background-size: 170%;
  }

  .div-block-87 {
    background-position: 0 0;
    background-size: auto 125%;
  }

  .div-block-88 {
    background-position: 100% 0;
    background-size: auto 130%;
  }

  .heading-22 {
    font-size: 24px;
  }

  .heading-23, .text-block-77 {
    font-size: 18px;
  }

  .div-block-91 {
    justify-content: center;
    align-items: center;
    width: 500px;
  }

  .project-container-lta {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 115svh;
  }

  .div-block-93 {
    width: 500px;
    height: 350px;
    padding-top: 50px;
  }

  .div-block-94 {
    justify-content: flex-start;
    width: 700px;
    height: 600px;
    padding-top: 0;
  }

  .heading-24 {
    width: 500px;
    margin-top: 10px;
  }

  .paragraph {
    width: 500px;
  }

  .div-block-95 {
    width: 500px;
    height: 3px;
  }

  .div-block-96 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 500px;
    height: 600px;
  }

  .container-swingin, .container-gr-mrktdg {
    background-position: 50% 0;
    background-size: 170%;
  }

  .project-container-swingin {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 700px;
    height: 1200px;
  }

  .tekst-header-gr-mrktdg {
    font-size: 18px;
  }

  .project-container-gr-mrktndag {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 950px;
  }

  .div-block-97 {
    background-size: contain;
    width: 600px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-98 {
    background-size: contain;
    width: 600px;
    height: 500px;
  }

  .div-block-99 {
    background-size: 80%;
    width: 90svw;
    height: 600px;
  }

  .div-block-100 {
    background-size: 70%;
    width: 90svw;
    height: 400px;
  }

  .div-block-101 {
    width: 90svw;
    height: 700px;
  }

  .peprrz-lta-brochure-cover, .peprrz-lta-brochure-layout, .peprrz-lta-brochure-back {
    background-size: contain;
    width: 600px;
    height: 400px;
  }

  .peprrz-lta-flyer {
    background-size: contain;
    width: 600px;
    height: 500px;
  }

  .peprrz-lta-image {
    background-size: contain;
    width: 400px;
    height: 200px;
  }

  .results-lta {
    flex-flow: column;
    width: 600px;
    height: 75svh;
    position: static;
  }

  .div-block-103 {
    background-size: contain;
    width: 400px;
    height: 180px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0;
  }

  .div-block-104 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 400px;
    height: 400px;
  }

  .heading-25 {
    text-align: center;
    width: 500px;
    margin-top: 0;
    margin-bottom: 5px;
  }

  .div-block-105 {
    width: 500px;
    height: 60px;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .div-block-106 {
    width: 50px;
    height: 30px;
  }

  .text-block-81 {
    width: 450px;
  }

  .div-block-107 {
    text-align: center;
    width: 500px;
    padding-right: 70px;
  }

  .paragraph-2 {
    width: 500px;
  }

  .lta-contact {
    height: 135vh;
  }

  .achtergrond-project-dwpk {
    height: 6700px;
  }

  .peprrz-projects-dwpk-logo-webdesign {
    background-position: 50%;
    background-size: contain;
    width: 70vw;
    height: 300px;
  }

  .peprrz-dwpk-logo {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 550px;
    height: 150px;
    margin-top: 20px;
  }

  .container-txt-project-dwpk {
    justify-content: flex-start;
    width: 70svw;
    height: 780px;
    padding-top: 0;
  }

  .txt-project-dwpk {
    justify-content: flex-start;
    align-items: flex-start;
    width: 65svw;
    height: 780px;
  }

  .container-dwpk-logo {
    background-size: 70%;
    width: 90svw;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-98-copy {
    background-size: 70%;
    width: 90svw;
    height: 500px;
  }

  .peprrz-dwpk-corporate-identity {
    flex-flow: column;
    width: 500px;
    height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-identity {
    background-size: 80%;
    width: 90svw;
    height: 600px;
  }

  .div-block-100-copy {
    background-size: 70%;
    width: 90svw;
    height: 400px;
  }

  .peprrz-projects-dwpk-socials {
    width: 600px;
    height: 450px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .container-socials {
    width: 90svw;
    height: 700px;
  }

  .project-container-dwpk {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 1200px;
  }

  .peprrz-dwpk-linkedin {
    width: 600px;
    height: 110px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz-dwpk-beursstand {
    background-size: contain;
    width: 700px;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz-dwpk-rollupbanners {
    background-size: contain;
    width: 500px;
    height: 500px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz-dwpk-brochure-stap1-2 {
    background-size: contain;
    width: 700px;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz-dwpk-brochure-stap-3 {
    background-size: contain;
    width: 600px;
    height: 450px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .peprrz-dwpk-brochure-stap-4 {
    background-size: contain;
    width: 500px;
    height: 300px;
  }

  .results-dwpk {
    flex-flow: column;
    width: 700px;
    height: 750px;
    position: static;
  }

  .results-spaceship-dwpk {
    background-size: contain;
    width: 500px;
    height: 200px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0;
  }

  .container-results-dwpk {
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 350px;
  }

  .div-block-105-copy {
    width: 55svw;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .text-block-81-copy {
    width: 50svw;
  }

  .div-block-106-copy {
    width: 5svw;
  }

  .achtergrond-project-lewenborgnu {
    height: 6700px;
  }

  .container-header-lewenborg {
    background-position: 50% 0;
    background-size: 170%;
  }

  .text-block-77-copy {
    font-size: 18px;
  }

  .heading-24-copy {
    margin-top: 10px;
  }

  .paragraph-copy {
    width: 60svw;
  }

  .project-container-lewenborgnu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 1200px;
  }

  .container-txt-project-lewenborgnu {
    justify-content: flex-start;
    width: 600px;
    height: 800px;
    padding-top: 0;
  }

  .txt-project-lewenborgnu {
    justify-content: flex-start;
    align-items: flex-start;
    width: 500px;
    height: 800px;
  }

  .peprrz-lewenborgnu-webdesign {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 600px;
    height: 450px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .container-project-lewenborgnu {
    height: 1200px;
  }

  .peprrz-lewenborgnu-webdesign-home {
    flex-flow: column;
    width: 600px;
    height: 1300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-home {
    background-size: 80%;
    width: 90svw;
    height: 600px;
  }

  .peprrz-projects-lewenborgnu-socials-1 {
    width: 600px;
    height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-socials-lewenborgnu {
    width: 90svw;
    height: 700px;
  }

  .peprrz-projects-lewenborgnu-socials-2 {
    width: 600px;
    height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-lewenborgnu-poster1, .peprrz-lewenborgnu-poster2 {
    background-size: cover;
    width: 700px;
    height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap1-2-copy {
    background-size: 60%;
    width: 90vw;
    height: 500px;
  }

  .peprrz-dwpk-brochure-stap-3-copy {
    background-size: 80%;
    width: 90vw;
    height: 800px;
  }

  .peprrz-lewenborgnu-signing {
    background-size: contain;
    width: 600px;
    height: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .results-lewenborgnu {
    flex-flow: column;
    width: 700px;
    height: 750px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: static;
  }

  .peprrz-projects-groninger-marktendag {
    background-size: contain;
    width: 500px;
    height: 700px;
  }

  .results-swingin-groningen {
    flex-flow: column;
    height: 75svh;
    position: static;
  }

  .peprrz-projects-groninger-marktendag-screen {
    width: 700px;
    height: 1750px;
  }

  .peprrz-projects-groninger-marktendag-flags {
    width: 700px;
    height: 400px;
  }

  .results-groninger-marktendag {
    flex-flow: column;
    width: 90svw;
    height: 80svh;
    position: static;
  }

  .results-spaceship-groninger-marktendag {
    background-size: contain;
    width: 500px;
    height: 200px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0;
  }

  .container-results-groninger-marktendag {
    justify-content: flex-start;
    align-items: flex-start;
    width: 500px;
    height: 40svh;
  }

  .results-spaceship-swingin-groningen {
    background-size: 60%;
    width: 55svw;
    height: 20svh;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0;
  }

  .container-results-swingin-groningen {
    justify-content: flex-start;
    align-items: flex-start;
    width: 500px;
    height: 40svh;
  }

  .branding-contact-inhoud-swingin {
    height: 135vh;
  }

  .div-block-25-swingin {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .branding-contact-inhoud-groninger-marktendag {
    height: 135vh;
  }

  .div-block-25-groninger-marktendag {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .branding-contact-inhoud-lta {
    height: 135vh;
  }

  .div-block-25-lta {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .dwpk-contact, .branding-contact-inhoud-dwpk {
    height: 1350px;
  }

  .div-block-25-dwpk {
    text-align: center;
    height: 150px;
    padding-left: 0;
    padding-right: 0;
  }

  .peprrz-projects-lewenborgnu-logo-slogan {
    background-position: 50%;
    background-size: contain;
    width: 500px;
    height: 300px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .container-lewenborgnu-webdesign-mockup {
    background-size: 70%;
    width: 90svw;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lewenborgnu-contact, .branding-contact-inhoud-lewenborgnu {
    height: 135vh;
  }

  .div-block-25-lewenborgnu {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
  }

  .peprrz_container-project_dwpk, .peprrz_container-project_lewenborgnu {
    background-position: 50% 0;
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .container-project-dwpk {
    height: 1250px;
  }

  .text-span-24 {
    font-size: 36px;
  }

  .peprrz-projects-swingin-groningen-socials, .peprrz-projects-swingin-groningen-uitnodiging {
    width: 700px;
    height: 300px;
  }

  .peprrz-projects-swingin-groningen-krantenpagina, .peprrz-projects-swingin-groningen-ledwall {
    width: 700px;
    height: 800px;
  }

  .peprrz-container-projects1, .peprrz-container-projects2 {
    height: 300px;
  }

  .peprrz-container-projects3 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 300px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .menu {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns-lta {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .title-peprrz-home {
    padding-left: 0;
  }

  .dropdown_menu1 {
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dropdown_container2 {
    border: 1px solid #0000;
    align-items: center;
  }

  .home_btn_txt {
    text-decoration: none;
  }

  .peprrz_branding_achtergrond {
    background-position: 0%;
  }

  .blok_branding {
    height: 300px;
  }

  .tekst_branding {
    width: 250px;
  }

  .heading {
    width: 250px;
    margin-top: 30px;
  }

  .artdirection_ontwerp, .pepprz_artdirection_ontwerp_achtergrond {
    height: 150vh;
  }

  .witte-lijn-artdirection-ontwerp {
    width: 250px;
  }

  .peprrz_projects, .inhoud-projects {
    height: 2100px;
  }

  .titel_info_beeld_project1 {
    width: 300px;
    height: 400px;
    margin-right: 0;
  }

  .peprrz_container-project_lta, .peprrz_container-project_2 {
    width: 300px;
    height: 300px;
  }

  .titel_info_beeld_project2 {
    width: 300px;
    height: 300px;
    margin-left: 0;
  }

  .titel_info_beeld_project3 {
    width: 300px;
    height: 400px;
    margin-right: 0;
  }

  .peprrz_container-project_swingin_groningen {
    width: 300px;
    height: 300px;
  }

  .link_peprrz_projectpage {
    top: 141px;
    left: 83%;
  }

  .peprrz_container-project_4 {
    width: 300px;
    height: 300px;
  }

  .titel_info_beeld_project4 {
    width: 300px;
    height: 300px;
    margin-left: 0;
  }

  .titel_info_beeld_project6 {
    width: 300px;
    height: 400px;
  }

  .peprrz_container-project_groninger_marktendag {
    width: 300px;
    height: 300px;
  }

  .over_peprrz, .achtergron_over_peprrz {
    height: 160vh;
  }

  .columns-2 {
    height: 120vh;
  }

  .blok_over_peprrz {
    width: 100vw;
    height: 120vh;
  }

  .blok_inhoud_over_peprrz {
    height: 120vh;
    padding-top: 20px;
  }

  .heading-3 {
    width: 250px;
  }

  .text-block-12 {
    width: 400px;
  }

  .column-5 {
    height: 120vh;
  }

  .koffiemok {
    width: 80px;
    height: 80px;
  }

  .titel_over {
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 400px;
  }

  .link-block {
    justify-content: center;
    margin-left: 20vw;
    display: block;
  }

  .achtergrond_peprrz_contact {
    background-image: url('../images/Peprrz-contact-2025-mobiel.webp');
  }

  .blok_contact {
    width: 320px;
    height: 450px;
  }

  .blok_branding_page {
    height: 400px;
  }

  .div-block-12 {
    height: 100vh;
  }

  .peprrz_branding_wat, .inhoud_peprrz_wat {
    height: 200vh;
  }

  .blok_wat {
    height: 90vh;
  }

  .wat_biedt_titel {
    min-height: 90svh;
  }

  .heading-branding-wat {
    width: 350px;
  }

  .lijn-wat {
    width: 60vw;
  }

  .tekst-contact-wat {
    width: 70vw;
  }

  .div-block-16 {
    height: 230px;
  }

  .div-block-17 {
    height: 50vh;
  }

  .column-14 {
    justify-content: flex-start;
    height: 50vh;
  }

  .lijn-voor-wie-is-vraagteken, .lijn-voor-wie-is-vraagteken-onder-copy, .lijn-voor-wie-is-titel-onder {
    width: 60vw;
  }

  .columns-8 {
    height: 200vh;
  }

  .column-17 {
    height: 110vh;
  }

  .tekst-waarom {
    width: auto;
    height: auto;
    font-size: 36px;
    line-height: 30px;
  }

  .lijn-waarom {
    width: 60vw;
  }

  .div-block-20 {
    width: 400px;
  }

  .lijn-wat2, .lijn-wat3 {
    width: 60vw;
  }

  .div-block-22 {
    background-position: 50% 5%;
  }

  .list-3 {
    width: 350px;
  }

  .block-quote-2 {
    margin-top: 0;
  }

  .knop-voorwie {
    margin-top: 0;
  }

  .branding-contact, .branding-contact-inhoud {
    height: 140vh;
  }

  .branding-contact-titel {
    width: 200px;
    height: auto;
    font-size: 26px;
    line-height: 22px;
  }

  .div-block-24 {
    background-size: 20%;
  }

  .div-block-26 {
    width: 500px;
    height: 180px;
    margin-top: 0;
  }

  .div-block-27 {
    width: 400px;
    height: 200px;
  }

  .div-block-28 {
    width: 240px;
    height: 180px;
  }

  .columns-12 {
    width: 500px;
    height: 380px;
  }

  .column-25 {
    height: 180px;
  }

  .column-26 {
    height: 200px;
  }

  .div-block-29 {
    height: 75svh;
  }

  .column-27 {
    justify-content: center;
    height: 10vh;
    padding-right: 0;
  }

  .column-28 {
    justify-content: center;
    height: 10vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .div-block-33 {
    width: 400px;
  }

  .achtergrond_header_artdirection_ontwerp {
    background-position: 50%;
  }

  .peprrz_artdirection_ontwerp_wat, .inhoud_wat {
    height: 320vh;
  }

  .text-block-27, .text-block-28, .text-block-29, .text-block-30, .text-block-31 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-block-32 {
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-33, .text-block-34, .text-block-35 {
    font-size: 18px;
    line-height: 22px;
  }

  .div-block-34, .div-block-35, .div-block-36, .div-block-37, .div-block-38, .div-block-39, .div-block-40, .div-block-41, .div-block-42 {
    width: 70vw;
  }

  .text-block-36 {
    width: 350px;
  }

  .text-block-37, .text-block-38, .text-block-39 {
    width: 400px;
  }

  .text-block-40 {
    margin-bottom: 10px;
  }

  .div-block-49 {
    background-position: 0%;
  }

  .tekst_adres_contact_home {
    width: 50vw;
  }

  .div_knop_telefoon_branding {
    justify-content: center;
    align-items: center;
    width: 300px;
  }

  .knop_telefoon_branding {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-right: 0;
  }

  .div_knop_mail_branding {
    justify-content: center;
    align-items: center;
    width: 300px;
  }

  .knop_mail_branding {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-left: 0;
  }

  .witte-lijn-artdirection-ontwerp-copy {
    width: 300px;
  }

  .column-34 {
    height: 80vh;
  }

  .div-block-52 {
    width: 85vw;
    height: 80vh;
  }

  .heading-16, .text-block-42 {
    width: 400px;
  }

  .column-35 {
    order: -1;
    height: 50vh;
  }

  .tekst-contact-wat-copy {
    width: 45vw;
    height: 200px;
    margin-top: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 46px;
    line-height: 40px;
  }

  .div-block-53, .div-block-54 {
    width: 400px;
  }

  .achtergrond-archetypes {
    background-position: 20%;
    flex-direction: column;
    align-items: flex-end;
    width: 85vw;
  }

  .div-block-57 {
    background-position: 50%;
    width: 85vw;
  }

  .heading-artdirection-mobile {
    width: 250px;
    margin-top: 30px;
  }

  .witte-lijn-artdirection-ontwerp2 {
    width: 150px;
  }

  .heading-branding-page {
    width: 250px;
    margin-top: 30px;
  }

  .tekst_branding_page {
    width: 250px;
  }

  .heading-section-branding {
    width: 250px;
    margin-top: 30px;
  }

  .tekst_section_artdirection {
    width: 250px;
  }

  .witte-lijn-branding-page-header, .witte-lijn-branding-page-header2 {
    width: 150px;
  }

  .heading_section_projects {
    width: 250px;
    margin-top: 30px;
  }

  .tekst_section_projects {
    width: 250px;
  }

  .titel_info_beeld_project8 {
    width: 300px;
    height: 400px;
  }

  .peprrz_container-project_voltanz {
    width: 300px;
    height: 300px;
  }

  .witte-lijn-contact {
    width: 300px;
  }

  .div-block-52-copy {
    height: 80vh;
  }

  .tekst-het-plan, .tekst-het-plan-copy {
    width: 45vw;
    height: 200px;
    margin-top: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 46px;
    line-height: 40px;
  }

  .column-35-copy {
    order: -1;
    height: 50vh;
  }

  .tekst-contact-wat-copy-copy, .titel_het_fundament {
    width: 45vw;
    height: 200px;
    margin-top: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 46px;
    line-height: 40px;
  }

  .achtergrond_het_plan {
    flex-direction: column;
    align-items: flex-end;
    width: 85vw;
  }

  .column-_het_plan {
    height: 500px;
  }

  .div_blok_het_plan_text {
    width: 85vw;
    height: 700px;
  }

  .column_het_plan_text {
    order: 1;
    height: 700px;
  }

  .heading-_het_plan, .div-block_streep_het_plan_titel_boven, .div-block-54-copy, .div-block-54-copy {
    width: 400px;
  }

  .witte-lijn-artdirection-ontwerp-bovenste {
    width: 250px;
  }

  .achtergrond-project-lta {
    height: 740svh;
  }

  .container-project-lta {
    flex-flow: column;
    width: 450px;
    height: 1000px;
    display: flex;
  }

  .cell {
    align-items: center;
  }

  .container-inhoud-project-lta {
    position: static;
  }

  .quick-stack {
    grid-row-gap: 20px;
  }

  .portfolio-lta {
    background-image: none;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: 6000px;
    display: flex;
  }

  .portfolio-swingin-groningen {
    background-image: none;
    width: 95vw;
    height: 9300px;
  }

  .portfolio-gr-marktendag {
    background-image: none;
    width: 95vw;
    height: 9350px;
  }

  .portfolio-voltanz {
    background-image: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 5300px;
    display: flex;
  }

  .cell-2, .cell-3, .cell-4 {
    align-items: center;
  }

  .container-project-gr-marktendag {
    flex-direction: row;
    display: block;
  }

  .header-project-gr-marktendag, .header-project-swingin-groningen {
    height: 550px;
  }

  .container-project-swingin-groningen {
    flex-direction: row;
    display: block;
  }

  .achtergrond-project-voltanz {
    height: 6000px;
  }

  .container-project-voltanz {
    flex-direction: row;
    display: block;
  }

  .peprrz-projects-swingin-groningen-logo {
    background-position: 50% 0;
    width: 450px;
    height: 300px;
  }

  .peprrz-projects-swingin-groningen-fotografiestijl {
    width: 450px;
    height: 600px;
  }

  .peprrz-projects-swingin-groningen-webdesign {
    background-position: 50% 0;
    width: 450px;
    height: 450px;
  }

  .peprrz-projects-swingin-groningen-facebook {
    background-position: 50% 0;
    width: 450px;
    height: 700px;
  }

  .peprrz-projects-swingin-groningen-signing {
    background-position: 50% 0;
    width: 450px;
    height: 1000px;
  }

  .peprrz-projects-groninger-marktendag-logo {
    background-position: 50% 0;
    width: 90vw;
    height: 650px;
  }

  .peprrz-projects-groninger-marktendag-webdesign {
    background-position: 50% 0;
    width: 450px;
    height: 420px;
  }

  .peprrz-projects-groninger-marktendag-posters-22-23, .peprrz-projects-groninger-marktendag-posters-24-25 {
    background-position: 50% 0;
    width: 450px;
    height: 300px;
  }

  .peprrz-projects-groninger-marktendag-impressie {
    background-position: 50% 0;
    width: 450px;
    height: 450px;
  }

  .peprrz-projects-groninger-marktendag-socials {
    background-position: 50% 0;
    width: 450px;
    height: 800px;
  }

  .peprrz-projects-voltanz-logo-webdesign {
    background-position: 50% 0;
    width: 95vw;
    height: 500px;
  }

  .peprrz-projects-voltanz-song-covers {
    background-position: 50% 0;
    width: 95vw;
    height: 3350px;
  }

  .peprrz-projects-voltanz-fotografiestijl {
    background-position: 50% 0;
    width: 95vw;
    height: 1200px;
  }

  .peprrz-projects-lta-logo {
    background-position: 50%;
    background-size: contain;
    width: 250px;
    height: 250px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .peprrz-lta-webdesign-corporate-identity {
    background-image: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 450px;
    height: 800px;
  }

  .peprrz-lta-signing-linkedin {
    width: 95vw;
    height: 1000px;
  }

  .peprrz-projects-lta-socials {
    width: 450px;
    height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-lta-signing-rollupbanners {
    background-position: 50%;
    width: 450px;
    height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .buttons-voltanz-mobile {
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
    display: flex;
  }

  .buttons-groningermarktendag-submenu {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .buttons-swingin-groningen-mobiel {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 20px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .button-lta-mobiel {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .heading-19 {
    padding-left: 140px;
    padding-right: 140px;
    line-height: 24px;
  }

  .dropdown_menu2 {
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .text-block-71 {
    display: none;
  }

  .peprrz-projects-swingin-groningen-campagne-offline {
    background-position: 50% 0;
    width: 450px;
    height: 1100px;
  }

  .dropdown_menu_artdirection {
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dropdown_container_artdirection {
    border: 1px solid #0000;
    align-items: center;
  }

  .dropdown_menu_projects_lta, .dropdown_menu_swingin_groningen, .dropdown_menu_groninger_marktendag, .dropdown_menu_voltanz {
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dropdown_container_lta {
    border: 1px solid #0000;
    align-items: center;
  }

  .menu_projects_swingin {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns-swingin {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .menu-lta {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown_container_swingin {
    border: 1px solid #0000;
    align-items: center;
  }

  .menu-projects-lta {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns-home {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .column-home-logo {
    justify-content: flex-end;
  }

  .dropdown_menu_home {
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    border: 1px solid #0000;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dropdown_container_home {
    border: 1px solid #0000;
    align-items: center;
  }

  .menu_home {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .quiz-wrapper {
    flex-direction: column;
  }

  .quiz-wrapper.landing {
    flex-direction: column;
    height: auto;
  }

  .image-wrapper {
    width: 100%;
  }

  .quiz-button-secondary {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
  }

  .quiz-step {
    padding: 1.5rem;
  }

  .content-wrapper {
    width: 100%;
  }

  .quiz-button-primary {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
  }

  .wat-doet-peprrz {
    height: 0;
    min-height: 70svh;
  }

  .div-block-85 {
    justify-content: center;
    height: 0;
    min-height: 40svh;
  }

  .container-peprrz {
    background-position: 50% 140%;
    background-size: 100%;
    height: 550px;
    padding-top: 0;
  }

  .div-block-87 {
    background-position: 50% 100%;
    background-size: auto 100%;
  }

  .div-block-88 {
    background-position: 50%;
    background-size: auto 100%;
  }

  .container-inhoud-header {
    height: 550px;
  }

  .flex-block {
    justify-content: center;
    align-items: center;
    height: 550px;
    padding-top: 100px;
    padding-right: 0;
  }

  .heading-22 {
    text-align: center;
    letter-spacing: .5px;
    width: 300px;
    height: 60px;
    margin-top: 0;
    font-size: 22px;
    line-height: 26px;
  }

  .div-block-89 {
    flex-flow: column;
    width: 400px;
    padding-left: 0;
    padding-right: 0;
  }

  .pepper-orange-lta {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 15svw;
    height: 6svh;
  }

  .heading-23 {
    letter-spacing: .54px;
    width: 300px;
  }

  .text-block-77 {
    width: 300px;
  }

  .div-block-91 {
    justify-content: center;
    align-items: center;
    width: 400px;
  }

  .text-block-78, .text-block-79, .text-block-80 {
    font-size: 12px;
  }

  .project-container-lta {
    width: 450px;
    height: 1000px;
  }

  .div-block-93 {
    width: 450px;
    height: 350px;
    margin-bottom: 10px;
    padding-top: 40px;
  }

  .div-block-94 {
    width: 450px;
    height: 600px;
  }

  .heading-24 {
    width: 400px;
    font-size: 18px;
  }

  .paragraph {
    width: 400px;
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-95 {
    width: 400px;
  }

  .div-block-96 {
    width: 400px;
    height: 600px;
  }

  .container-swingin {
    background-position: 50% 120%;
    background-size: 100%;
    height: 550px;
    padding-top: 0;
  }

  .pepper-green-swingin {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 15svw;
    height: 50px;
  }

  .container-gr-mrktdg {
    background-position: 50% 120%;
    background-size: 100%;
    height: 550px;
    padding-top: 0;
  }

  .project-container-swingin {
    width: 450px;
    height: 1150px;
  }

  .div-block-97 {
    background-size: contain;
    width: 450px;
  }

  .div-block-98 {
    background-size: contain;
    width: 450px;
    height: 450px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-99 {
    background-size: 65%;
    height: 400px;
  }

  .div-block-100 {
    background-size: 85%;
  }

  .div-block-101 {
    height: 500px;
  }

  .peprrz-lta-brochure-cover {
    background-position: 50%;
    background-size: contain;
    width: 450px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-lta-brochure-layout {
    background-position: 50%;
    background-size: contain;
    width: 450px;
    height: 300px;
    margin-top: 20px;
  }

  .peprrz-lta-brochure-back {
    background-position: 50%;
    background-size: contain;
    width: 450px;
    height: 250px;
    margin-top: 40px;
  }

  .peprrz-lta-flyer {
    background-position: 50%;
    background-size: contain;
    width: 450px;
    height: 350px;
    margin-top: 20px;
  }

  .peprrz-lta-image {
    background-position: 50%;
    width: 350px;
    height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .results-lta {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 550px;
    padding-top: 0;
  }

  .div-block-103 {
    background-size: contain;
    width: 400px;
    height: 150px;
    margin-bottom: 20px;
  }

  .div-block-104 {
    justify-content: flex-start;
    align-items: center;
    width: 400px;
    height: 350px;
  }

  .heading-25 {
    width: 400px;
    font-size: 22px;
    line-height: 24px;
  }

  .div-block-105 {
    width: 380px;
    height: 55px;
  }

  .div-block-106 {
    width: 30px;
  }

  .text-block-81 {
    width: 330px;
    font-size: 16px;
  }

  .div-block-107 {
    width: 380px;
    margin-top: 10px;
    padding-right: 0;
  }

  .paragraph-2 {
    text-align: center;
    width: 350px;
  }

  .lta-contact {
    height: 140vh;
  }

  .achtergrond-project-dwpk {
    height: 740svh;
  }

  .peprrz-projects-dwpk-logo-webdesign {
    background-position: 50%;
    background-size: contain;
    width: 400px;
    height: 250px;
  }

  .peprrz-dwpk-logo {
    background-image: url('../images/DWPK-logo.svg');
    background-position: 50%;
    background-size: contain;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 450px;
    height: 110px;
  }

  .container-txt-project-dwpk {
    width: 500px;
    height: 700px;
  }

  .txt-project-dwpk {
    width: 450px;
    height: 700px;
  }

  .container-dwpk-logo {
    background-size: 95%;
  }

  .div-block-98-copy {
    background-size: 60%;
  }

  .peprrz-dwpk-corporate-identity {
    width: 460px;
    height: 450px;
  }

  .container-identity {
    background-size: 65%;
    height: 400px;
  }

  .div-block-100-copy {
    background-size: 85%;
  }

  .peprrz-projects-dwpk-socials {
    width: 460px;
    height: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-socials {
    height: 500px;
  }

  .project-container-dwpk {
    width: 540px;
    height: 1050px;
  }

  .peprrz-dwpk-linkedin {
    background-position: 50%;
    width: 460px;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-beursstand {
    background-position: 50%;
    background-size: contain;
    width: 460px;
    height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-rollupbanners {
    background-position: 50%;
    background-size: contain;
    width: 460px;
    height: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap1-2 {
    background-position: 50%;
    background-size: contain;
    width: 460px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap-3 {
    background-position: 50%;
    background-size: contain;
    width: 460px;
    height: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap-4 {
    background-position: 50%;
    width: 460px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .results-dwpk {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 460px;
    height: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .results-spaceship-dwpk {
    background-size: contain;
    width: 300px;
    height: 200px;
    margin-bottom: 20px;
  }

  .container-results-dwpk {
    justify-content: flex-start;
    align-items: center;
    width: 400px;
    height: 380px;
  }

  .div-block-105-copy {
    width: 65svw;
  }

  .text-block-81-copy {
    width: 60svw;
    font-size: 16px;
  }

  .div-block-106-copy {
    width: 5svw;
  }

  .achtergrond-project-lewenborgnu {
    height: 740svh;
  }

  .background-header-portfolio-orange {
    justify-content: center;
    align-items: center;
  }

  .container-header-lewenborg {
    background-position: 50% 140%;
    background-size: 100%;
    justify-content: center;
    align-items: center;
    height: 550px;
    padding-top: 0;
  }

  .container-inhoud-header-lewenborg {
    justify-content: center;
    align-items: center;
    height: 550px;
    padding-bottom: 0;
  }

  .pepper-green-lewenborg {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 15svw;
    height: 6svh;
  }

  .heading-24-copy {
    font-size: 18px;
  }

  .paragraph-copy {
    width: 75svw;
    font-size: 14px;
    line-height: 18px;
  }

  .project-container-lewenborgnu {
    width: 450px;
    height: 1050px;
  }

  .container-txt-project-lewenborgnu {
    width: 450px;
    height: 700px;
  }

  .txt-project-lewenborgnu {
    width: 400px;
    height: 700px;
  }

  .peprrz-lewenborgnu-webdesign {
    background-image: url('../images/Lewenborg.nu-webdesign.webp');
    background-position: 50%;
    background-size: contain;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 450px;
    height: 250px;
  }

  .container-project-lewenborgnu {
    flex-flow: column;
    width: 450px;
    height: 1050px;
    display: flex;
  }

  .peprrz-lewenborgnu-webdesign-home {
    width: 450px;
    height: 1300px;
  }

  .container-home {
    background-size: 65%;
    height: 400px;
  }

  .peprrz-projects-lewenborgnu-socials-1 {
    width: 450px;
    height: 300px;
  }

  .container-socials-lewenborgnu {
    height: 500px;
  }

  .peprrz-projects-lewenborgnu-socials-2 {
    background-position: 50% 0;
    width: 450px;
    height: 300px;
    margin-top: 40px;
  }

  .peprrz-lewenborgnu-poster1 {
    background-position: 50%;
    background-size: cover;
    width: 450px;
    height: 330px;
    margin-top: 40px;
  }

  .peprrz-lewenborgnu-poster2 {
    background-position: 50%;
    background-size: cover;
    width: 450px;
    height: 450px;
    margin-top: 40px;
  }

  .peprrz-dwpk-brochure-stap1-2-copy {
    background-position: 50%;
    background-size: 85%;
    height: 600px;
    margin-top: 40px;
  }

  .peprrz-dwpk-brochure-stap-3-copy {
    background-position: 50%;
    background-size: 85%;
    height: 800px;
    margin-top: 40px;
  }

  .peprrz-lewenborgnu-signing {
    background-position: 50%;
    width: 400px;
    height: 300px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .results-lewenborgnu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 450px;
    height: 85svh;
    padding-top: 0;
  }

  .peprrz-projects-groninger-marktendag {
    background-position: 50% 0;
    width: 95vw;
    height: 300px;
  }

  .results-swingin-groningen {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 90svw;
    height: 80svh;
    padding-top: 0;
  }

  .peprrz-projects-groninger-marktendag-screen {
    background-position: 50% 0;
    width: 450px;
    height: 1350px;
  }

  .peprrz-projects-groninger-marktendag-flags {
    background-position: 50% 0;
    width: 450px;
    height: 400px;
  }

  .results-groninger-marktendag {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 80svh;
    padding-top: 0;
  }

  .results-spaceship-groninger-marktendag {
    background-size: 60%;
    width: 400px;
    height: 20svh;
    margin-bottom: 20px;
  }

  .container-results-groninger-marktendag {
    justify-content: flex-start;
    align-items: center;
    width: 400px;
    height: 45svh;
  }

  .results-spaceship-swingin-groningen {
    background-size: contain;
    width: 75svw;
    height: 20svh;
    margin-bottom: 20px;
  }

  .container-results-swingin-groningen {
    justify-content: flex-start;
    align-items: center;
    width: 400px;
    height: 45svh;
  }

  .branding-contact-inhoud-swingin {
    height: 140vh;
  }

  .div-block-29-swingin {
    height: 75svh;
  }

  .div_knop_telefoon_branding-swingin {
    justify-content: center;
    align-items: center;
    width: 300px;
  }

  .knop_telefoon_branding-swingin {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-right: 0;
  }

  .branding-contact-inhoud-groninger-marktendag {
    height: 140vh;
  }

  .div-block-29-groninger-marktendag {
    height: 75svh;
  }

  .branding-contact-inhoud-lta {
    height: 140vh;
  }

  .div-block-29-lta {
    height: 75svh;
  }

  .div_knop_telefoon_branding-lta, .div_knop_mail_branding-lta {
    justify-content: center;
    align-items: center;
    width: 300px;
  }

  .knop_telefoon_branding-lta {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-right: 0;
  }

  .knop_mail_branding-lta {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-left: 0;
  }

  .dwpk-contact, .branding-contact-inhoud-dwpk {
    height: 140vh;
  }

  .div_knop_telefoon_branding-dwpk, .div_knop_mail_branding-dwpk {
    justify-content: center;
    align-items: center;
    width: 300px;
  }

  .knop_mail_branding-dwpk {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-left: 0;
  }

  .peprrz-projects-lewenborgnu-logo-slogan {
    background-image: url('../images/Lewenbor.nu-logo-en-slogan.svg');
    background-position: 50%;
    background-size: contain;
    width: 450px;
    height: 300px;
  }

  .container-lewenborgnu-webdesign-mockup {
    background-size: 95%;
  }

  .lewenborgnu-contact, .branding-contact-inhoud-lewenborgnu {
    height: 140vh;
  }

  .div_knop_telefoon_branding-lewenborgnu, .div_knop_mail_branding-lewenborgnu {
    justify-content: center;
    align-items: center;
    width: 300px;
  }

  .knop_mail_branding-lewenborgnu, .knop_mail_branding-swingin {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-left: 0;
  }

  .knop_telefoon_branding-groninger-marktendag {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-right: 0;
  }

  .peprrz_container-project_dwpk, .peprrz_container-project_lewenborgnu {
    width: 300px;
    height: 300px;
  }

  .container-project-dwpk {
    flex-flow: column;
    height: 1050px;
    display: flex;
  }

  .knop_telefoon_branding-dwpk {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-right: 0;
  }

  .text-span-24 {
    font-size: 30px;
  }

  .peprrz-projects-swingin-groningen-socials, .peprrz-projects-swingin-groningen-uitnodiging {
    background-position: 50% 0;
    width: 450px;
    height: 250px;
  }

  .peprrz-projects-swingin-groningen-krantenpagina {
    background-position: 50% 0;
    width: 450px;
    height: 700px;
  }

  .peprrz-projects-swingin-groningen-ledwall {
    background-position: 50% 0;
    width: 450px;
    height: 500px;
  }

  .knop_mail_branding-gr-marktendag {
    justify-content: center;
    align-items: center;
    width: 250px;
    margin-left: 0;
  }

  .peprrz-container-projects1, .peprrz-container-projects2 {
    flex-flow: column;
    height: 650px;
  }
}

@media screen and (max-width: 479px) {
  .columns-lta {
    justify-content: center;
  }

  .logo_peprrz {
    background-image: url('../images/Logo-Peprrz-brand-2025.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50svw;
    height: 7vh;
    margin-left: 0;
    padding-left: 0;
    display: block;
  }

  .logo_peprrz.w--current {
    background-image: url('../images/Logo-Peprrz-payoff.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
  }

  .column {
    justify-content: center;
  }

  .div-block {
    width: 200px;
    height: 230px;
    margin-top: 0;
  }

  .title-peprrz-home {
    text-align: center;
    width: 160px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .text-block-2 {
    width: 195px;
    margin-top: 5px;
    margin-right: 5vw;
    font-size: 18px;
  }

  .slide {
    background-position: 70%;
  }

  .div-block-5 {
    background-color: #fff0;
    background-image: url('../images/Peprrz-smile-wit.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60px;
    border-top-style: none;
    width: 100px;
    height: 50px;
  }

  .slide-2 {
    background-image: url('../images/PEPRRZ-header-telefoon-Swingin-Groningen.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-3 {
    background-image: url('../images/PEPRRZ-header-telefoon-Rockin-Ludina-Brewery-Groningen.jpg');
    background-position: 50%;
  }

  .slide-4 {
    background-image: url('../images/PEPRRZ-header-telefoon-noorderpoort.webp');
    background-position: 50%;
  }

  .column-3 {
    height: 10vh;
    display: none;
  }

  .dropdown_menu1 {
    background-color: #24494500;
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .dropdown_container2 {
    display: flex;
  }

  .menu-peprrz {
    right: 4.1969vw;
  }

  .peprrz_branding {
    height: 900px;
  }

  .peprrz_branding_achtergrond {
    background-image: url('../images/Peprrz-Branding-sectie-achtergrond-mobiel.webp');
    background-position: 38% 40%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 900px;
  }

  .blok_branding {
    justify-content: center;
    width: 200px;
    height: 230px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .tekst_branding {
    color: #fff;
    text-align: center;
    width: 160px;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .heading {
    text-align: center;
    width: 180px;
    height: 80px;
    margin-top: 60px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px;
  }

  .zwarte-peper {
    margin-top: 20vh;
  }

  .zwarte-lijn-branding {
    width: 280px;
  }

  .inhoud-branding {
    height: 900px;
    margin-top: 0;
  }

  .text-block-9 {
    text-align: center;
    width: 280px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 34px;
  }

  .button {
    width: 200px;
    height: 75px;
    margin-top: 0;
    margin-bottom: 20vh;
  }

  .artdirection_ontwerp {
    height: 900px;
  }

  .pepprz_artdirection_ontwerp_achtergrond {
    background-image: url('../images/ACHTERGROND-ARTDIRECTION-telefoon3.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 900px;
  }

  .blok_artdriction_ontwerp {
    justify-content: center;
    width: 250px;
    height: 230px;
    margin-top: 0;
    padding-bottom: 60px;
  }

  .inhoud_artdirection_ontwerp {
    width: 90vw;
    height: 850px;
    margin-top: 0;
  }

  .iconen_artdirection_ontwerp {
    width: 250px;
    height: 100px;
    margin-top: 20px;
    display: none;
  }

  .witte-peper {
    margin-top: 15vh;
    display: none;
  }

  .witte-lijn-artdirection-ontwerp {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .tekstblok_artdirection_ontwerp {
    width: 250px;
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 22px;
    line-height: 28px;
  }

  .button_artdirection_ontwerp {
    text-align: center;
    margin-top: 5vh;
    margin-left: 10vw;
    margin-right: 10vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .peprrz_projects {
    height: 2000px;
  }

  .inhoud-projects {
    grid-template-rows: 40vh auto;
    grid-template-columns: 40vw;
    grid-auto-columns: 1fr;
    height: 2000px;
    margin-top: 0;
    display: flex;
  }

  .blok_projects {
    justify-content: center;
    width: 250px;
    height: 230px;
    margin-top: 0;
    margin-bottom: 2vh;
    padding-bottom: 60px;
  }

  .grid {
    grid-template: "Area" 30vh
                   "Area-2" 30vh
                   "Area-3" 45vh
                   / 80vw 1px;
    grid-auto-columns: .25fr;
    place-content: start;
    place-items: center stretch;
    width: 90vw;
    height: 200vh;
    display: flex;
  }

  .titel_info_beeld_project1 {
    width: 300px;
    height: 300px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .peprrz_container-project_lta {
    background-position: 50%;
    background-size: cover;
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .heading-2 {
    color: #000;
    background-color: #c9c5c500;
    border: 1px #535353;
    border-radius: 0;
    width: 80vw;
    height: auto;
    margin-bottom: 0;
    font-size: 14px;
  }

  .text-block-11 {
    width: 80vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    line-height: 14px;
    display: none;
  }

  .peprrz_container-project_2 {
    background-size: cover;
    width: 250px;
    height: 250px;
    margin-top: 0;
  }

  .titel_info_beeld_project2 {
    width: 300px;
    height: 300px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .titel_info_beeld_project3 {
    width: 300px;
    height: 300px;
    margin-bottom: 10px;
  }

  .peprrz_container-project_swingin_groningen {
    background-size: cover;
    width: 300px;
    height: 300px;
    margin-top: 10px;
  }

  .link_peprrz_projectpage {
    top: 26.6vh;
    left: 83%;
  }

  .peprrz_container-project_4 {
    background-size: cover;
    width: 250px;
    height: 250px;
    margin-top: 0;
  }

  .titel_info_beeld_project4 {
    width: 300px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz_container-project_5 {
    background-size: auto 30vh;
    width: 80vw;
    height: 30vh;
    margin-top: 0;
  }

  .titel_info_beeld_project6 {
    width: 250px;
    height: 250px;
  }

  .titel_info_beeld_project7 {
    width: 80vw;
    height: 40vh;
  }

  .peprrz_container-project_groninger_marktendag {
    background-size: cover;
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .titel_info_beeld_project5 {
    width: 300px;
    height: 300px;
  }

  .peprrz_container-project_7 {
    background-size: auto 30vh;
    width: 80vw;
    height: 30vh;
    margin-top: 0;
  }

  .over_peprrz {
    height: 1900px;
  }

  .achtergron_over_peprrz {
    background-image: none;
    height: 1900px;
  }

  .columns-2 {
    flex-direction: column;
    align-items: center;
    height: 1500px;
  }

  .column-4 {
    height: 1300px;
    padding-left: 0;
  }

  .blok_over_peprrz {
    width: 100vw;
    height: 1500px;
  }

  .blok_inhoud_over_peprrz {
    align-items: center;
    width: 300px;
    height: 1500px;
    margin-top: 0;
    padding-top: 20px;
  }

  .heading-3 {
    width: 250px;
    height: 30px;
    margin-top: 20px;
    font-size: 22px;
  }

  .text-block-12 {
    letter-spacing: .3px;
    width: 290px;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
  }

  .column-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 1500px;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .koffiemok {
    background-position: 48%;
    background-size: contain;
    width: 280px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-block-13 {
    margin-top: 0;
    padding-bottom: 2vh;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .div-block-7 {
    margin-top: 0;
  }

  .titel_over {
    justify-content: flex-start;
    align-items: flex-start;
    width: 280px;
    height: 50px;
    margin-top: 0;
  }

  .link-block {
    text-align: left;
    width: 10vw;
    height: 30px;
    margin-top: 20px;
    margin-left: 0;
  }

  .achtergrond_peprrz_contact {
    background-image: url('../images/Peprrz-contact-2025-mobiel.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .blok_contact {
    background-color: #000;
    justify-content: center;
    width: 280px;
    height: 400px;
    margin-bottom: 2vh;
  }

  .header_branding {
    height: 110vh;
    margin-top: 0;
  }

  .achtergrond_header_branding {
    background-image: url('../images/Peprrz-header-branding-telefoon.webp');
    background-position: 50%;
    background-size: cover;
    height: 110vh;
    margin-top: 10vh;
  }

  .blok_branding_page {
    justify-content: center;
    width: 250px;
    height: 500px;
    margin-top: 0;
  }

  .tekst_branding_name, .tekst_branding_function_name {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .peprrz_branding_voor_wie {
    height: 1500px;
  }

  .inhoud_voor_wie {
    opacity: 1;
    background-color: #f8f8f8;
    background-image: none;
    height: 1500px;
  }

  .voor_wie_titel {
    width: 100vw;
    height: 950px;
  }

  .heading-4 {
    width: 200px;
    font-size: 22px;
    line-height: 28px;
  }

  .div-block-11 {
    width: 85vw;
    height: 950px;
  }

  .div-block-12 {
    align-content: center;
    width: 85vw;
    height: 950px;
    margin-top: 20px;
  }

  .text-block-14 {
    width: 300px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .titel-voorwie {
    width: 240px;
    margin-top: 0;
    padding-left: 25px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 24px;
  }

  .peprrz_branding_wat {
    height: 2000px;
  }

  .inhoud_peprrz_wat {
    background-position: 50% 43%;
    background-size: 300px;
    height: 2000px;
  }

  .blok_wat {
    width: 80vw;
    height: 900px;
  }

  .wat_biedt_titel {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 290px;
    height: 0;
    min-height: 900px;
  }

  .divblock-wat {
    width: 300px;
    height: 350px;
  }

  .heading-branding-wat {
    width: 250px;
    padding-left: 0;
    font-size: 24px;
    line-height: 28px;
  }

  .lijn-wat {
    width: 250px;
  }

  .text-block-wat {
    width: 200px;
    font-size: 16px;
    line-height: 20px;
  }

  .tekst-contact-wat {
    width: 300px;
    height: 350px;
    padding-top: 40px;
    font-size: 50px;
    line-height: 40px;
  }

  .waarom-peprrz, .waarom-peprrz-inhoud {
    height: 1400px;
  }

  .blok_waarom {
    width: 100vw;
    height: 700px;
    margin-top: 250px;
  }

  .waarom-titel {
    width: 100vw;
    height: 700px;
  }

  .div-block-16 {
    width: 85vw;
    height: 250px;
    margin-top: 3vh;
  }

  .div-block-17 {
    justify-content: center;
    width: 85vw;
    height: 500px;
  }

  .columns-7 {
    height: 1500px;
  }

  .column-14 {
    justify-content: center;
    height: 500px;
  }

  .lijn-voor-wie-is-vraagteken, .lijn-voor-wie-is-vraagteken-onder-copy, .lijn-voor-wie-is-titel-onder {
    width: 200px;
  }

  .div-titel-voor-wie {
    justify-content: center;
    height: 100px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .column-15 {
    height: 950px;
  }

  .tekst-contact-voor-wie-quote {
    width: 200px;
    font-size: 14px;
    line-height: 18px;
  }

  .tekst-contact-voor-wie-quote-persoon {
    width: 240px;
    font-size: 14px;
    line-height: 18px;
  }

  .tekst-contact-voor-wie-quote-bron {
    color: #fff;
    width: 240px;
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-18 {
    background-size: 225px;
    width: 250px;
    height: 350px;
  }

  .columns-8 {
    justify-content: flex-start;
    height: 2000px;
  }

  .column-16 {
    height: 450px;
    margin-bottom: 0;
  }

  .column-17 {
    justify-content: flex-end;
    height: 1300px;
  }

  .tekst-waarom {
    text-align: left;
    width: 290px;
    height: 200px;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 5px;
    font-size: 36px;
    line-height: 32px;
  }

  .column-18 {
    display: none;
  }

  .heading-branding-waarom {
    width: 200px;
    padding-left: 0;
    font-size: 24px;
    line-height: 28px;
  }

  .text-block-waarom {
    width: 200px;
    font-size: 16px;
    line-height: 20px;
  }

  .lijn-waarom {
    width: 250px;
  }

  .div-block-20 {
    justify-content: center;
    width: 85vw;
    height: 600px;
  }

  .lijn-voor-wie-blok1 {
    width: 250px;
    margin-top: 0;
  }

  .lijn-voor-wie-blok2, .lijn-voor-wie-blok3 {
    width: 250px;
  }

  .lijn-wat2 {
    width: 200px;
  }

  .lijn-wat3, .list {
    width: 250px;
  }

  .block-quote {
    width: 250px;
    padding-left: 23px;
    padding-right: 0;
    font-size: 18px;
    line-height: 34px;
  }

  .text-block-16 {
    width: 50vw;
    font-size: 16px;
    line-height: 20px;
  }

  .list-2 {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    width: 250px;
    padding-left: 0;
    font-size: 16px;
    line-height: 20px;
    display: flex;
  }

  .text-block-17, .text-block-18 {
    width: 50vw;
    font-size: 16px;
  }

  .div-block-22 {
    background-image: url('../images/Spice.svg');
    background-position: 50% 3%;
    background-repeat: no-repeat;
    background-size: 85%;
    height: 1400px;
    margin-top: 0;
  }

  .column-19 {
    margin-bottom: 0;
  }

  .list-3 {
    width: 250px;
    font-size: 14px;
  }

  .text-block-19, .text-block-20 {
    font-size: 16px;
    line-height: 20px;
  }

  .columns-10 {
    height: 100vh;
  }

  .block-quote-2 {
    color: #000;
    width: 250px;
    margin-left: 0;
    padding-right: 20px;
    font-family: PT Sans, sans-serif;
  }

  .text-block-22 {
    color: #000;
    width: 280px;
    padding-left: 40px;
    font-family: PT Sans, sans-serif;
    font-weight: 700;
  }

  .column-20 {
    height: 200px;
  }

  .div-block-23 {
    width: 300px;
  }

  .column-21 {
    flex-direction: column;
    align-items: center;
    height: 600px;
    display: flex;
  }

  .knop-voorwie {
    margin-top: 2vh;
    display: none;
  }

  .branding-contact {
    height: 1300px;
  }

  .branding-contact-inhoud {
    justify-content: flex-start;
    height: 1300px;
  }

  .branding-contact-titel {
    width: 290px;
    height: 230px;
    padding-top: 0;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 24px;
    line-height: 20px;
  }

  .div-block-24 {
    background-size: 40%;
    width: 300px;
    height: 70px;
    margin-top: 10px;
  }

  .branding-contact-telefoonnummer {
    width: 290px;
    height: 350px;
    padding-top: 74px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 50px;
    line-height: 40px;
  }

  .button-3 {
    color: #370057;
    width: 150px;
  }

  .div-block-25 {
    flex-flow: column;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-24 {
    width: 90svw;
  }

  .knop-zes-fases {
    display: none;
  }

  .knop-waarom {
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .div-block-26 {
    justify-content: center;
    height: 150px;
    margin-top: 20px;
  }

  .div-block-27 {
    background-image: url('../images/PEPRRZ-chef-branding-tablet3.svg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-end;
    width: 90vw;
    height: 400px;
  }

  .div-block-28 {
    justify-content: center;
    height: 150px;
  }

  .columns-12 {
    width: 300px;
    height: 650px;
  }

  .column-25 {
    justify-content: center;
    height: 230px;
  }

  .column-26 {
    justify-content: flex-end;
    height: 400px;
  }

  .div-block-29 {
    height: 600px;
  }

  .button-5 {
    color: #370057;
    width: 150px;
  }

  .div-block-30 {
    flex-direction: column;
    align-items: center;
    height: 20vh;
    display: flex;
  }

  .column-27 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .column-28 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

  .div-block-33 {
    width: 290px;
    height: 650px;
  }

  .paarse-peper {
    margin-top: 2vh;
  }

  .columns-14 {
    height: 1400px;
  }

  .column-29 {
    height: 350px;
    margin-top: 0;
  }

  .column-31 {
    height: 950px;
  }

  .header_artdirection_ontwerp {
    height: 100vh;
  }

  .achtergrond_header_artdirection_ontwerp {
    background-image: url('../images/Peprrz-header-artdirection-ontwerp-telefoon.webp');
    background-position: 50% 100%;
    background-size: cover;
    height: 100vh;
    margin-top: 10vh;
  }

  .blok_artdirection_ontwerp {
    width: 250px;
    height: 350px;
    margin-top: 0;
  }

  .peprrz_artdirection_ontwerp_wat {
    height: 3800px;
  }

  .inhoud_wat {
    background-position: 50% 218vh;
    background-size: 235px;
    height: 3800px;
  }

  .grid-2 {
    width: 80vw;
  }

  .titel_wat {
    align-items: flex-start;
    width: 80vw;
  }

  .heading-5 {
    text-align: left;
    width: 80vw;
    font-size: 24px;
    line-height: 28px;
  }

  .text-block-27, .text-block-28, .text-block-29, .text-block-30, .text-block-31, .text-block-32, .text-block-33, .text-block-34, .text-block-35 {
    font-size: 18px;
  }

  .heading-15 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .achtergrond-project-inprincipo {
    height: 50vh;
    display: none;
  }

  .artdirection_contact {
    flex-direction: column;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .contact_artdirection_ontwerp {
    background-image: linear-gradient(#370057, #370057);
    height: 70vh;
  }

  .contact_artdirection_naw {
    background-color: #370057;
    height: 30vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-44 {
    height: 100px;
    margin-top: 40px;
    padding-top: 0%;
  }

  .div-block-47 {
    display: none;
  }

  .text-block-36 {
    width: 250px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }

  .kop-koffie {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 280px;
    height: 200px;
    margin-top: 0;
  }

  .text-block-37 {
    color: #fff;
    letter-spacing: .3px;
    width: 290px;
    margin-top: 20px;
    font-family: PT Sans, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
  }

  .text-block-38, .text-block-39 {
    color: #fff;
    letter-spacing: .3px;
    width: 290px;
    margin-top: 20px;
    font-family: PT Sans, sans-serif;
    font-size: 17px;
  }

  .text-block-40 {
    color: #fff;
    text-align: center;
    width: 280px;
    margin-top: 60px;
    font-family: PT Sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
  }

  .slide-5 {
    background-position: 70%;
  }

  .slide-5-copy {
    background-image: url('../images/Peprrz-header-branding-telefoon.jpg');
    background-position: 70%;
  }

  .slide-6 {
    background-image: url('../images/PEPRRZ-header-telefoon-SBG-Stichting-Belangen-Grondzuigen.jpg');
  }

  .div-block-49 {
    background-position: 0%;
    height: 400px;
    display: flex;
  }

  .projectpage_btn_1 {
    width: 50px;
    height: 50px;
  }

  .projectpage_btn_2 {
    width: 25px;
    height: 25px;
  }

  .projectpage_btn_3 {
    width: 50px;
    height: 50px;
  }

  .projectpage_btn_4 {
    width: 25px;
    height: 25px;
  }

  .projectpage_btn_6 {
    width: 40px;
    height: 40px;
  }

  .link-3 {
    color: #fff;
    text-decoration: none;
  }

  .icoon-_nummer_home {
    color: #000;
  }

  .tekst_adres_contact_home {
    color: #fff;
    width: 150px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .knop_telefoon_home {
    color: #370057;
    width: 150px;
    margin-right: 0;
  }

  .knop_telefoon_branding, .knop_mail_branding, .tekst_knop_mail_branding {
    color: #e84f1b;
  }

  .div_knop_mail_contact_home {
    margin-top: 10px;
  }

  .knop_mail_contact_home {
    color: #000;
    width: 150px;
    margin-left: 0;
  }

  .tekst_knop_mail_contact_home {
    color: #000;
  }

  .text-block-41 {
    width: 200px;
    margin-top: 10px;
  }

  .witte-lijn-artdirection-ontwerp-copy {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 5px;
  }

  .div-block-51 {
    width: 250px;
  }

  .peprrz_branding_fundament {
    height: 1000px;
  }

  .achtergrond_fundament {
    background-image: none;
    height: 1000px;
  }

  .columns-16 {
    justify-content: center;
    height: 1000px;
    position: static;
  }

  .column-34 {
    height: 600px;
  }

  .div-block-52 {
    width: 85vw;
    height: 600px;
  }

  .heading-16 {
    width: 80vw;
    font-size: 24px;
  }

  .text-block-42 {
    width: 250px;
    font-size: 16px;
    line-height: 20px;
  }

  .column-35 {
    order: -1;
    height: 350px;
  }

  .tekst-contact-wat-copy {
    width: 300px;
    height: 300px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-53, .div-block-54 {
    width: 250px;
    height: 2px;
  }

  .achtergrond-archetypes {
    background-image: url('../images/Peprrz-branding-sectie-fundament-tablet.webp');
    background-position: 0 0;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 350px;
    padding-top: 20px;
  }

  .peprrz_branding_hoe {
    height: 800px;
  }

  .achtergrond_hoe {
    justify-content: center;
    height: 800px;
  }

  .text-block-43, .text-block-44, .text-block-45, .text-block-46 {
    font-size: 26px;
  }

  .text-block-47 {
    font-size: 28px;
  }

  .columns-17 {
    justify-content: center;
    height: 800px;
  }

  .column-36, .div-block-56 {
    height: 500px;
  }

  .heading-17 {
    width: 250px;
    font-size: 24px;
    line-height: 28px;
  }

  .lijn-titel-hoe1, .lijn-titel-hoe2 {
    width: 75vw;
  }

  .column-37 {
    height: 250px;
    margin-top: 0;
  }

  .div-block-57 {
    background-image: url('../images/achtergrond-hoe-telefoon.svg');
    background-position: 50%;
    height: 35vh;
  }

  .bold-text {
    width: 300px;
  }

  .heading-artdirection-mobile {
    text-align: center;
    width: 180px;
    height: 50px;
    margin-top: 80px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
  }

  .witte-lijn-artdirection-ontwerp2 {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .heading-branding-page {
    text-align: center;
    width: 180px;
    height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 26px;
  }

  .tekst_branding_page {
    color: #fff;
    text-align: center;
    width: 180px;
    height: 120px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .heading-section-branding {
    text-align: center;
    width: 180px;
    height: 25px;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
  }

  .tekst_section_artdirection {
    color: #fff;
    text-align: center;
    width: 160px;
    height: 75px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .witte-lijn-branding-page-header {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .witte-lijn-branding-page-header2 {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .heading_section_projects {
    text-align: center;
    width: 180px;
    height: 25px;
    margin-top: 80px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
  }

  .tekst_section_projects {
    color: #fff;
    text-align: center;
    width: 150px;
    height: 75px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .tekst-hoe {
    align-items: center;
    width: 85vw;
  }

  .titel_info_beeld_project6-copy {
    width: 80vw;
    height: 40vh;
  }

  .titel_info_beeld_project8 {
    width: 250px;
    height: 250px;
  }

  .peprrz_container-project_voltanz {
    background-size: cover;
    width: 250px;
    height: 250px;
    margin-top: 0;
  }

  .slide-7 {
    background-image: url('../images/PEPRRZ-header-telefoon-Floating-Paradise.jpg');
    background-position: 48%;
  }

  .slide-8 {
    background-image: url('../images/PEPRRZ-header-telefoon-dwpk.webp');
    background-position: 30%;
  }

  .slide-9 {
    background-position: 17%;
  }

  .witte-lijn-contact {
    width: 200px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .knop-hoe, .knop_het_plan {
    display: none;
  }

  .peprrz_branding_plan {
    height: 1000px;
  }

  .div-block-52-copy {
    width: 100vw;
    height: 130vh;
  }

  .achtergrond_plan {
    background-image: none;
    height: 1000px;
    padding-top: 0;
  }

  .tekst-het-plan, .tekst-het-plan-copy {
    width: 300px;
    height: 300px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 50px;
    line-height: 50px;
  }

  .column-35-copy {
    order: -1;
    height: 40vh;
  }

  .knop_voor_wie {
    display: none;
  }

  .tekst-contact-wat-copy-copy, .titel_het_fundament {
    width: 300px;
    height: 300px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 50px;
    line-height: 50px;
  }

  .achtergrond_het_plan {
    background-image: url('../images/PEPRRZ-pagina-branding-sectie-het-plan.webp');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 350px;
    padding-top: 20px;
  }

  .column-_het_plan {
    height: 350px;
  }

  .div_blok_het_plan_text {
    width: 85vw;
    height: 550px;
  }

  .column_het_plan_text {
    order: 1;
    height: 550px;
  }

  .heading-_het_plan {
    width: 80vw;
    font-size: 24px;
  }

  .div-block_streep_het_plan_titel_boven {
    width: 250px;
  }

  .columns-_het_plan {
    justify-content: center;
    height: 1000px;
    position: static;
  }

  .text-span-12, .text-span-13 {
    font-size: 18px;
    font-weight: 700;
  }

  .div-block-54-copy {
    width: 250px;
    height: 2px;
    display: none;
  }

  .lijn-voor-wie-blok3-copy {
    width: 250px;
    display: none;
  }

  .div-block-58 {
    background-size: contain;
    width: 75vw;
  }

  .slide-12 {
    background-image: url('../images/PEPRRZ-header-telefoon-Voltanz.jpg');
    background-position: 50%;
  }

  .slide-13 {
    background-image: url('../images/header-tablet-toeter.jpg');
  }

  .slide-1 {
    background-image: url('../images/PEPRRZ-header-telefoon-hd-packaging.webp');
    background-position: 50%;
    background-size: cover;
  }

  .slide-1-6 {
    background-image: url('../images/PEPRRZ-header-telefoon-project-ongewoon.webp');
  }

  .slide-1-7 {
    background-image: url('../images/PEPRRZ-header-telefoon-Geursbeton.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .witte-lijn-artdirection-ontwerp-bovenste {
    width: 200px;
    margin-top: 350px;
    margin-bottom: 0;
  }

  .achtergrond-project-lta {
    flex-direction: column;
    align-items: center;
    height: 6300px;
    margin-top: 10svh;
    display: flex;
  }

  .container-project-lta {
    flex-direction: column;
    align-items: center;
    width: 300px;
    height: 1350px;
    display: flex;
  }

  .container-inhoud-project-lta {
    margin-left: 0;
  }

  .text-block-51 {
    line-height: 20px;
  }

  .quick-stack {
    padding-left: 0;
    padding-right: 0;
  }

  .portfolio-lta {
    background-image: none;
    height: 3800px;
  }

  .portfolio-swingin-groningen {
    background-image: none;
    height: 5400px;
  }

  .portfolio-gr-marktendag {
    background-image: none;
    width: 100vw;
    height: 6300px;
  }

  .portfolio-voltanz {
    background-image: none;
    width: 100vw;
    height: 3750px;
  }

  .cell-4, .cell-5 {
    align-items: center;
  }

  .container-project-gr-marktendag {
    height: 6300px;
  }

  .header-project-gr-marktendag, .header-project-swingin-groningen {
    height: 600px;
  }

  .container-project-swingin-groningen {
    height: 5300px;
  }

  .achtergrond-project-voltanz {
    height: 4300px;
  }

  .container-project-voltanz {
    height: 3700px;
  }

  .slide-1-8 {
    background-image: url('../images/PEPRRZ-header-telefoon-Stoelonderhoud.jpg');
  }

  .slide-1-9 {
    background-image: url('../images/PEPRRZ-header-telefoon-Kozijnenshop-Groningen.jpg');
  }

  .slide-1-10 {
    background-image: url('../images/header-telefoon-puur-huidgeluk.jpg');
  }

  .peprrz-projects-swingin-groningen-logo {
    width: 300px;
    height: 300px;
  }

  .peprrz-projects-swingin-groningen-fotografiestijl {
    width: 310px;
    height: 370px;
  }

  .peprrz-projects-swingin-groningen-webdesign {
    width: 310px;
    height: 300px;
  }

  .peprrz-projects-swingin-groningen-facebook {
    width: 310px;
    height: 450px;
  }

  .peprrz-projects-swingin-groningen-signing {
    width: 310px;
    height: 800px;
  }

  .peprrz-projects-groninger-marktendag-logo {
    width: 95vw;
    height: 550px;
  }

  .peprrz-projects-groninger-marktendag-webdesign {
    width: 310px;
    height: 280px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-projects-groninger-marktendag-posters-22-23 {
    width: 310px;
    height: 200px;
  }

  .peprrz-projects-groninger-marktendag-posters-24-25 {
    width: 310px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-projects-groninger-marktendag-impressie {
    width: 310px;
    height: 300px;
  }

  .peprrz-projects-groninger-marktendag-socials {
    width: 310px;
    height: 650px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-projects-voltanz-logo-webdesign {
    width: 95vw;
    height: 450px;
  }

  .peprrz-projects-voltanz-song-covers {
    width: 95vw;
    height: 2250px;
  }

  .peprrz-projects-voltanz-fotografiestijl {
    width: 95vw;
    height: 850px;
  }

  .peprrz-projects-lta-logo {
    background-size: 80%;
    width: 300px;
    height: 250px;
    margin-bottom: 0;
  }

  .peprrz-lta-webdesign-corporate-identity {
    width: 300px;
    height: 600px;
    margin-top: 20px;
  }

  .peprrz-lta-signing-linkedin {
    height: 650px;
  }

  .peprrz-projects-lta-socials {
    width: 300px;
    height: 300px;
  }

  .peprrz-lta-signing-rollupbanners {
    background-position: 50%;
    width: 300px;
    height: 350px;
  }

  .buttons-voltanz-mobile {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 40px;
    display: flex;
  }

  .buttons-groningermarktendag-submenu {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 20px;
    display: flex;
  }

  .heading-19 {
    padding-left: 40px;
    padding-right: 40px;
    line-height: 24px;
  }

  .dropdown_menu2 {
    background-color: #24494500;
    background-position: 50% 100%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .text-block-71 {
    display: none;
  }

  .peprrz-projects-swingin-groningen-campagne-offline {
    width: 310px;
    height: 700px;
  }

  .projects-lta-contact, .swingin_contact, .grmarktendag_contact, .voltanz_contact {
    flex-direction: column;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .dropdown_menu_artdirection {
    background-color: #24494500;
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .dropdown_container_artdirection {
    display: flex;
  }

  .dropdown_menu_projects_lta, .dropdown_menu_swingin_groningen, .dropdown_menu_groninger_marktendag, .dropdown_menu_voltanz {
    background-color: #24494500;
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .menu-peprrz-lta, .menu-peprrz-swingin {
    right: 4.1969vw;
  }

  .dropdown_container_lta {
    display: flex;
  }

  .columns-swingin {
    justify-content: center;
  }

  .column-leeg {
    height: 10vh;
    display: none;
  }

  .column-logo {
    justify-content: center;
  }

  .column-leeg-lta {
    height: 10vh;
    display: none;
  }

  .column-menu-logo-lta {
    justify-content: center;
  }

  .dropdown_container_swingin {
    display: flex;
  }

  .column-logo-menu-hamburger-swingin {
    justify-content: center;
  }

  .columns-home {
    justify-content: flex-end;
    align-items: center;
  }

  .column-home-leeg {
    height: 10vh;
    padding-left: 0;
    display: block;
  }

  .column-home-logo {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .column-home-hamburger {
    justify-content: center;
    height: 5vh;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown_menu_home {
    background-color: #24494500;
    background-image: url('../images/PEPRRZ-achtergrond-branding-wat-peppers10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 40vh;
    display: none;
  }

  .dropdown_container_home {
    display: flex;
  }

  .menu-peprrz-home {
    width: 40%;
    height: 40px;
    position: static;
    top: 0;
    right: 0;
  }

  .heading-21 {
    font-size: 22px;
    line-height: 26px;
  }

  .slide-1-11 {
    background-image: url('../images/PEPRRZ-header-telefoon-Swingin-Groningen.webp');
  }

  .slide-1-12 {
    background-image: url('../images/PEPRRZ-header-telefoon-Groningermarktendag2025-telefoon.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .wat-doet-peprrz {
    min-height: 90svh;
  }

  .div-block-84 {
    width: 0;
    min-width: 250px;
    height: 0;
    min-height: 45svh;
  }

  .div-block-85 {
    justify-content: flex-end;
    align-items: center;
    width: 0;
    min-width: 100svw;
    min-height: 45svh;
    padding-left: 140px;
    padding-right: 50px;
  }

  .text-block-75 {
    font-size: 12px;
    line-height: 16px;
  }

  .text-block-76 {
    width: auto;
    min-width: auto;
    font-size: 12px;
    line-height: 16px;
  }

  .div-block-86 {
    justify-content: flex-end;
    width: 0;
    min-width: 200px;
    min-height: 35svh;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .header-portfolio-purple {
    justify-content: flex-start;
    align-items: center;
    height: 600px;
    margin-top: 0;
  }

  .container-peprrz {
    background-position: 50% 100%;
    background-size: 150%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 600px;
    margin-top: 0;
  }

  .div-block-87 {
    background-position: 80%;
    background-size: auto 80%;
  }

  .div-block-88 {
    background-position: -30% 60%;
    background-size: auto 80%;
  }

  .container-inhoud-header {
    justify-content: center;
    align-items: center;
    height: 600px;
    padding-bottom: 0;
  }

  .flex-block {
    justify-content: flex-start;
    align-items: center;
    width: 90svw;
    height: 600px;
    margin-top: 0;
    padding-top: 120px;
  }

  .heading-22 {
    width: 250px;
    height: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-89 {
    justify-content: center;
    align-items: center;
    width: 280px;
    height: 180px;
    padding-left: 0;
    padding-right: 0;
  }

  .pepper-orange-lta {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }

  .heading-23, .text-block-77 {
    width: 250px;
    font-size: 16px;
  }

  .div-block-91 {
    flex-flow: column;
    width: 260px;
  }

  .text-block-78, .text-block-79, .text-block-80 {
    font-size: 10px;
  }

  .project-container-lta {
    width: 300px;
    height: 1350px;
  }

  .div-block-93 {
    width: 300px;
    height: 350px;
    margin-bottom: 10px;
    padding-top: 40px;
  }

  .div-block-94 {
    width: 300px;
    height: 1000px;
    margin-bottom: 20px;
  }

  .heading-24 {
    width: 250px;
    line-height: 22px;
  }

  .paragraph {
    width: 250px;
    font-size: 16px;
  }

  .div-block-95 {
    width: 260px;
    height: .5svh;
  }

  .div-block-96 {
    width: 260px;
    height: 1000px;
  }

  .container-swingin, .container-gr-mrktdg {
    background-position: 50% 100%;
    background-size: 150%;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: 600px;
    margin-top: 0;
  }

  .project-container-swingin {
    width: 310px;
    height: 1600px;
  }

  .tekst-header-gr-mrktdg {
    width: 70svw;
    font-size: 14px;
  }

  .project-container-gr-mrktndag {
    height: 1250px;
  }

  .div-block-97 {
    background-size: contain;
    width: 300px;
    height: 250px;
  }

  .div-block-98 {
    background-size: contain;
    width: 300px;
    height: 300px;
  }

  .div-block-99 {
    background-size: 95%;
    height: 350px;
  }

  .div-block-100 {
    background-size: 95%;
    height: 200px;
  }

  .div-block-101 {
    background-size: 90%;
    height: 350px;
  }

  .peprrz-lta-brochure-cover {
    background-size: contain;
    width: 300px;
    height: 250px;
  }

  .peprrz-lta-brochure-layout {
    background-size: 100%;
    width: 300px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-lta-brochure-back {
    width: 300px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-lta-flyer {
    background-size: 95%;
    width: 300px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-lta-image {
    background-position: 50%;
    background-size: 70%;
    width: 300px;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .results-lta {
    width: 300px;
    height: 660px;
    margin-top: 40px;
  }

  .div-block-103 {
    background-size: contain;
    width: 250px;
    height: 200px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .div-block-104 {
    width: 280px;
    height: 400px;
  }

  .heading-25 {
    width: 250px;
    font-size: 18px;
    line-height: 26px;
  }

  .div-block-105 {
    width: 280px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .div-block-106 {
    width: 10svw;
  }

  .text-block-81 {
    width: 60svw;
    font-size: 14px;
  }

  .div-block-107 {
    width: 250px;
  }

  .paragraph-2 {
    width: 250px;
    font-size: 10px;
  }

  .lta-contact {
    height: 1300px;
  }

  .achtergrond-project-dwpk {
    flex-direction: column;
    align-items: center;
    height: 6300px;
    margin-top: 10svh;
    display: flex;
  }

  .header-portfolio-purple-dwpk {
    justify-content: flex-start;
    align-items: center;
    height: 600px;
    margin-top: 0;
  }

  .peprrz-projects-dwpk-logo-webdesign {
    background-size: contain;
    width: 300px;
    height: 250px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .peprrz-dwpk-logo {
    width: 300px;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-txt-project-dwpk {
    width: 300px;
    height: 1200px;
    margin-bottom: 20px;
  }

  .txt-project-dwpk {
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    height: 1200px;
  }

  .container-dwpk-logo {
    background-size: 125%;
    height: 250px;
  }

  .div-block-98-copy {
    background-size: 95%;
  }

  .peprrz-dwpk-corporate-identity {
    width: 300px;
    height: 280px;
  }

  .container-identity {
    background-size: 95%;
    height: 350px;
  }

  .div-block-100-copy {
    background-size: 95%;
    height: 200px;
  }

  .peprrz-projects-dwpk-socials {
    width: 300px;
    height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-socials {
    background-size: 90%;
    height: 350px;
  }

  .project-container-dwpk {
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    height: 1600px;
  }

  .peprrz-dwpk-linkedin {
    background-position: 50%;
    width: 300px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-beursstand {
    background-size: contain;
    width: 300px;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-rollupbanners {
    width: 300px;
    height: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap1-2 {
    background-size: contain;
    width: 300px;
    height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap-3 {
    background-size: contain;
    width: 300px;
    height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-dwpk-brochure-stap-4 {
    background-position: 50%;
    background-size: contain;
    width: 300px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .results-dwpk {
    width: 95svw;
    height: 660px;
    margin-top: 40px;
  }

  .results-spaceship-dwpk {
    background-size: 100%;
    width: 250px;
    height: 200px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .container-results-dwpk {
    width: 300px;
    height: 400px;
  }

  .div-block-105-copy {
    width: 70svw;
    height: 5svh;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .text-block-81-copy {
    width: 60svw;
    font-size: 14px;
  }

  .div-block-106-copy {
    width: 10svw;
  }

  .achtergrond-project-lewenborgnu {
    flex-direction: column;
    align-items: center;
    height: 6300px;
    margin-top: 10svh;
    display: flex;
  }

  .background-header-portfolio-orange {
    justify-content: flex-start;
    align-items: center;
    height: 600px;
    margin-top: 0;
  }

  .container-header-lewenborg {
    background-position: 50% 100%;
    background-size: 150%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 600px;
    margin-top: 0;
  }

  .container-inhoud-header-lewenborg {
    justify-content: center;
    align-items: center;
    height: 600px;
    padding-bottom: 0;
  }

  .pepper-green-lewenborg {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }

  .text-block-77-copy {
    width: 70svw;
    font-size: 16px;
  }

  .heading-24-copy {
    line-height: 22px;
  }

  .paragraph-copy {
    font-size: 16px;
  }

  .project-container-lewenborgnu {
    width: 300px;
    height: 1450px;
  }

  .container-txt-project-lewenborgnu {
    width: 300px;
    height: 1150px;
    margin-bottom: 20px;
  }

  .txt-project-lewenborgnu {
    width: 260px;
    height: 1150px;
  }

  .peprrz-lewenborgnu-webdesign {
    width: 300px;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .container-project-lewenborgnu {
    flex-direction: column;
    align-items: center;
    width: 300px;
    height: 1450px;
    display: flex;
  }

  .peprrz-lewenborgnu-webdesign-home {
    width: 300px;
    height: 1000px;
  }

  .container-home {
    background-size: 95%;
    height: 350px;
  }

  .peprrz-projects-lewenborgnu-socials-1 {
    width: 300px;
    height: 250px;
  }

  .container-socials-lewenborgnu {
    background-size: 90%;
    height: 350px;
  }

  .peprrz-projects-lewenborgnu-socials-2 {
    background-position: 50%;
    width: 300px;
    height: 250px;
    margin-top: 10px;
  }

  .peprrz-lewenborgnu-poster1 {
    background-size: cover;
    width: 300px;
    height: 220px;
  }

  .peprrz-lewenborgnu-poster2 {
    width: 300px;
    height: 290px;
    margin-top: 10px;
  }

  .peprrz-dwpk-brochure-stap1-2-copy {
    background-size: 100%;
    width: 95vw;
    height: 600px;
  }

  .peprrz-dwpk-brochure-stap-3-copy {
    background-size: 95%;
    width: 95vw;
    height: 650px;
  }

  .peprrz-lewenborgnu-signing {
    background-position: 50%;
    background-size: contain;
    width: 300px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .results-lewenborgnu {
    width: 90svw;
    height: 750px;
    margin-top: 40px;
  }

  .peprrz-projects-groninger-marktendag {
    width: 250px;
    height: 300px;
  }

  .results-swingin-groningen {
    width: 90svw;
    height: 700px;
    margin-top: 40px;
  }

  .peprrz-projects-groninger-marktendag-screen {
    width: 310px;
    height: 950px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .peprrz-projects-groninger-marktendag-flags {
    width: 310px;
    height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .results-groninger-marktendag {
    width: 90svw;
    height: 680px;
    margin-top: 40px;
  }

  .results-spaceship-groninger-marktendag {
    background-size: contain;
    width: 280px;
    height: 200px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .container-results-groninger-marktendag {
    width: 90svw;
    height: 400px;
  }

  .results-spaceship-swingin-groningen {
    background-size: contain;
    height: 200px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .container-results-swingin-groningen {
    width: 90svw;
    height: 400px;
  }

  .branding-contact-inhoud-swingin {
    justify-content: flex-start;
    height: 1300px;
  }

  .div-block-29-swingin {
    height: 600px;
  }

  .knop_telefoon_branding-swingin {
    color: #e84f1b;
  }

  .div-block-25-swingin {
    flex-flow: column;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .branding-contact-inhoud-groninger-marktendag {
    justify-content: flex-start;
    height: 1300px;
  }

  .div-block-29-groninger-marktendag {
    height: 600px;
  }

  .div-block-25-groninger-marktendag {
    flex-flow: column;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .branding-contact-inhoud-lta {
    justify-content: flex-start;
    height: 1300px;
  }

  .div-block-29-lta {
    height: 600px;
  }

  .div-block-25-lta {
    flex-flow: column;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .knop_telefoon_branding-lta, .knop_mail_branding-lta {
    color: #492774;
  }

  .dwpk-contact {
    height: 1300px;
  }

  .branding-contact-inhoud-dwpk {
    justify-content: flex-start;
    height: 1300px;
  }

  .knop_mail_branding-dwpk {
    color: #e84f1b;
  }

  .div-block-25-dwpk {
    flex-flow: column;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .peprrz-projects-lewenborgnu-logo-slogan {
    background-size: contain;
    width: 300px;
    height: 250px;
    margin-bottom: 0;
  }

  .container-lewenborgnu-webdesign-mockup {
    background-size: 125%;
    height: 250px;
  }

  .lewenborgnu-contact {
    height: 1300px;
  }

  .branding-contact-inhoud-lewenborgnu {
    justify-content: flex-start;
    height: 1300px;
  }

  .div-block-25-lewenborgnu {
    flex-flow: column;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .knop_mail_branding-lewenborgnu, .knop_mail_branding-swingin {
    color: #e84f1b;
  }

  .knop_telefoon_branding-groninger-marktendag {
    color: #165425;
  }

  .peprrz_container-project_dwpk, .peprrz_container-project_lewenborgnu {
    background-position: 50%;
    background-size: cover;
    width: 300px;
    height: 300px;
    margin-top: 0;
  }

  .container-project-dwpk {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 1600px;
    padding-top: 60px;
    display: flex;
  }

  .knop_telefoon_branding-dwpk {
    color: #e84f1b;
  }

  .peprrz-projects-swingin-groningen-socials, .peprrz-projects-swingin-groningen-uitnodiging {
    width: 310px;
    height: 180px;
  }

  .peprrz-projects-swingin-groningen-krantenpagina {
    width: 310px;
    height: 470px;
  }

  .peprrz-projects-swingin-groningen-ledwall {
    width: 310px;
    height: 380px;
  }

  .knop_mail_branding-gr-marktendag {
    color: #165425;
  }

  .peprrz-container-projects1 {
    height: 630px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .peprrz-container-projects2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

#w-node-d9113414-f46d-c274-bfa4-3eb5af573d95-292b4160 {
  grid-area: Area-10;
}

#w-node-_1f2d6866-05ef-ce88-e8dc-c6c7c40228c2-292b4160 {
  grid-area: Area-11;
}

#w-node-_95a03e28-e3e1-e1d9-3fe3-89b7ef59c491-a5dc799e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 767px) {
  #w-node-_95a03e28-e3e1-e1d9-3fe3-89b7ef59c491-a5dc799e {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-div-block-4-58eb3071 {
    grid-area: Area;
  }
}


@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}