body {
  background-color: #F1F1F1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Serif";
  color: #0B769F;
}

#burger {
  display: none;
  font-family: "Noto Serif";
}

#main-content {
  max-width: 700px;
  margin-left: calc((100% - 700px) / 2 + 135px);
}

::after,
::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  font-size: 25px;
  color: #F1F1F1;
}

a.active {
  color: #F1F1F1;
}

a.sidebar-link {
  padding: 0.625rem 1.625rem;
  color: #fff;
  display: block;
  font-size: 0.9rem;
  white-space: nowrap;
  border-left: 3px solid transparent;
}

a.sidebar-link:hover {
  background-color: #E2AC00;
}

span {
  font-size: 48px;
  font-weight: 600;
}

li {
  list-style: inherit;
}

.align-middle {
  vertical-align: middle;
}

.wrapper {
  display: flex;
}

.main-content {
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
}

.offcanvas {
  max-height: 100%;
}

#sidebar {
  color: #F1F1F1;
  width: 70px;
  min-width: 70px;
  z-index: 1000;
  transition: all 0.25s ease-in-out;
  display: flex;
  flex-direction: column;
  background-color: #0B769F;
  font-family: "Noto Serif";
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

#sidebar.expand {
  width: 270px;
  min-width: 270px;
}

#sidebar:not(.expand) .sidebar-item:hover {
  display: block;
  max-height: 15rem;
  width: 100%;
  opacity: 1;
}

#sidebar:not(.expand) .sidebar-logo,
#sidebar:not(.expand) a.sidebar-link span {
  display: none;
}

#toggle-btn {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 1rem 1.5rem;
}
#toggle-btn i {
  font-size: 1rem;
  color: #fff;
}

#sidebar-logo {
  margin: auto 0;
}
#sidebar-logo a {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
}

.kvk {
  font-size: 18px;
  font-weight: normal;
}

.sidebar-nav {
  padding: 2rem 0;
  flex: 1 1 auto;
}

.sidebar-link i {
  font-size: 1.1rem;
  margin-right: 0.75rem;
}

.sidebar-item {
  position: relative;
}

.sidebar-footer {
  font-family: "Noto Serif";
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  position: absolute;
  bottom: 0;
}

#copyname {
  font-size: 18px;
}

.mod-list {
  flex-direction: column;
  margin-top: 10px;
}

.nav-item {
  color: #F1F1F1;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-item:hover {
  background-color: #E2AC00 !important;
}

.active {
  background-color: #E2AC00 !important;
}

.menu-button {
  display: inline-block;
  width: 270px;
  padding-left: 15px;
}

.page-header {
  font-family: "Noto Serif";
  text-align: center;
  font-size: 96px;
  margin-bottom: 10px;
  height: auto;
}
.page-header h1 {
  font-size: 96px;
  font-weight: 600;
  color: #0B769F;
}

.com-content-article__body {
  padding-top: 10px;
}

.home-page .page-header {
  font-size: 96px;
  text-align: center;
  width: 100vw;
  padding-top: 55px;
  padding-bottom: 55px;
  background-image: url("../images/Home1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  margin-left: calc((100% - 100vw) / 2 - 135px);
  margin-top: 0;
  overflow-x: hidden;
}
.home-page .page-header h1 {
  margin-left: 270px;
}
.home-page .com-content-article__body {
  padding-top: 60px;
}

.about-me {
  max-width: 1240px;
  width: 1240px;
  margin-left: -270px;
}

.kleden-icon {
  margin-right: 23px;
  margin-left: 23px;
  width: 18px;
  display: inline-block;
  height: 48px;
  background-image: url('data:image/svg+xml,<svg width="18.803" height="48" version="1.1" viewBox="0 0 4.975 12.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-42.992 -100.52)"><g transform="matrix(.10357 0 0 .10357 38.539 96.723)" fill="none" stroke="%23f1f1f1" stroke-width="5.2917"><path d="m55.978 40.822s12.755-4.0467 21.267 1.7111c12.467 8.4333 17.097 100.31-0.97778 111.59-6.3582 3.9689-15.706 1.9506-19.8-0.97778-12.706-9.0895-15.889-90.078-0.48889-112.32z"/><path d="m56.45 40.597c-2.5269 9.5934 17.357 20.816 21.984 26.197"/><path d="m76.83 42.221c-0.49854 2.8535-10.095 13.895-11.466 13.399"/><path d="m83.967 57.139c-2.6982 7.3355-8.8425 13.994-15.217 20.106"/><path d="m49.491 57.239c1.8165 2.6722 34.088 34.679 33.476 36.807-2.3287 8.0947-21.539 31.549-34.514 38.962"/><path d="m64.667 119.32c0.47346 1.8658 14.622 14.535 20.563 16.977"/><path d="m56.829 153.39c-0.55068-3.3229 16.502-20.317 20.003-22.541"/><path d="m76.665 153.86c0.17999-0.22833 1.5684-5.5252-10.206-13.361"/></g></g></svg>');
  background-repeat: no-repeat;
}

.samen-icon {
  margin-right: 8px;
  margin-left: 8px;
  width: 48px;
  display: inline-block;
  height: 29px;
  background-image: url('data:image/svg+xml,<svg  width="48" height="28.581" version="1.1" viewBox="0 0 12.7 7.5621" xml:space="preserve" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-73.487 -75.011)"><g transform="matrix(.78333 0 0 .78333 15.923 16.253)" fill="%23f1f1f1" stroke="%23f1f1f1" stroke-width=".1"><g transform="translate(6.3678 .0025257)"><path d="m73.536 84.573 9.7118 0.01414c0-2.238-1.2215-3.4669-2.6698-3.8585l-4.3542 2e-3c-1.3991 0.37823-2.6878 1.2083-2.6878 3.8423z" stroke-width=".12175"/><ellipse cx="78.358" cy="77.505" rx="2.5102" ry="2.4154" stroke-width=".14556"/></g><g transform="translate(.011458 -.0058865)"><path d="m73.536 84.573 9.7118 0.01414c0-2.238-1.2215-3.4669-2.6698-3.8585l-4.3542 2e-3c-1.3991 0.37823-2.6878 1.2083-2.6878 3.8423z" stroke-width=".12175"/><ellipse cx="78.358" cy="77.505" rx="2.5102" ry="2.4154" stroke-width=".14556"/></g></g></g></svg>');
  background-repeat: no-repeat;
}

.baren-icon {
  margin-right: 20px;
  margin-left: 20px;
  width: 24px;
  display: inline-block;
  height: 48px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='22.42535' height='47.449734' xml:space='preserve' overflow='hidden' version='1.1' id='svg11' viewBox='0 0 224.25126 474.49259' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs11' /%3E%3Cg transform='matrix(1.0299173,0,0,1.0299173,-673.20059,-337.44755)' id='g11'%3E%3Crect x='701' y='371' width='124' height='372' stroke='%23042433' stroke-width='2.29167' stroke-miterlimit='8' fill='none' id='rect1' style='stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Crect x='658.5' y='332.5' width='208' height='451' stroke='%23042433' stroke-width='4.58333' stroke-miterlimit='8' fill='none' id='rect2' style='stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='m 658.5,332.5 42.376,39.401' stroke='%23000000' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' id='path2' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,0 41.4593,39.4011' stroke='%23000000' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(-1,0,0,1,867.959,332.5)' id='path3' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,0 41.4593,41.2338' stroke='%23000000' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(-1,0,0,1,701.959,743.5)' id='path4' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 867.959,784.734 826.5,743.5' stroke='%23000000' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' id='path5' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,7.9999 C 0,3.58168 9.17814,0 20.5,0 c 11.3218,0 20.4999,3.58168 20.4999,7.9999 0,4.4182 -9.1781,7.9999 -20.4999,7.9999 C 9.17814,15.9998 0,12.4181 0,7.9999 Z' stroke='%23042433' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(1,0,0,-1,743.5,354.5)' id='path6' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,8.5001 C 0,3.80562 9.17814,0 20.5,0 c 11.3218,0 20.4999,3.80562 20.4999,8.5001 0,4.6945 -9.1781,8.5001 -20.4999,8.5001 C 9.17814,17.0002 0,13.1946 0,8.5001 Z' stroke='%23042433' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(0,-1,-1,0,857.5,487.5)' id='path7' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,8.5001 C 0,3.80562 9.40201,0 21,0 c 11.5979,0 20.9999,3.80562 20.9999,8.5001 0,4.6945 -9.402,8.5001 -20.9999,8.5001 -11.59799,0 -21,-3.8056 -21,-8.5001 z' stroke='%23042433' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(0,1,1,0,671.5,619.5)' id='path8' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,8.5001 C 0,3.80562 9.17814,0 20.5,0 c 11.3218,0 20.4999,3.80562 20.4999,8.5001 0,4.6945 -9.1781,8.5001 -20.4999,8.5001 C 9.17814,17.0002 0,13.1946 0,8.5001 Z' stroke='%23042433' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(0,1,1,0,671.5,446.5)' id='path9' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,8.00008 C 0,3.58176 9.17814,0 20.5,0 31.8218,0 40.9999,3.58176 40.9999,8.00008 40.9999,12.4184 31.8218,16.0002 20.5,16.0002 9.17814,16.0002 0,12.4184 0,8.00008 Z' stroke='%23042433' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(1,0,0,-1,743.5,775.5)' id='path10' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3Cpath d='M 0,8.5001 C 0,3.80562 9.40201,0 21,0 c 11.5979,0 20.9999,3.80562 20.9999,8.5001 0,4.6945 -9.402,8.5001 -20.9999,8.5001 -11.59799,0 -21,-3.8056 -21,-8.5001 z' stroke='%23042433' stroke-width='3.4375' stroke-miterlimit='8' fill='none' fill-rule='evenodd' transform='matrix(0,-1,-1,0,857.5,661.5)' id='path11' style='fill:none;fill-opacity:1;stroke:%23f1f1f1;stroke-width:9.70942;stroke-dasharray:none;stroke-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

#left-about-me {
  max-width: 620px;
  display: inline-block;
  margin: auto;
}

#right-about-me {
  max-width: 620px;
  display: inline;
}

.my-form-header {
  font-family: "Noto Serif";
  text-align: center;
  font-size: 96px;
  margin: 10px;
  height: 105px;
}
.my-form-header h1 {
  font-size: 96px;
  font-weight: 600;
  color: #0B769F;
}

.photo-text {
  background-color: #0B769F;
  color: #F1F1F1;
}

.kleden {
  max-width: 1240px;
  width: 1240px;
  margin-left: -270px;
  padding-top: 25px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1550px) {
  .about-me {
    max-width: 700px;
    width: 100%;
    margin-left: 0px;
  }
  .about-me .float-end {
    float: none !important;
  }
  .kleden {
    max-width: 700px;
    margin-left: 0px;
  }
  #left-about-me {
    margin-left: 40px;
  }
}
@media screen and (max-width: 1000px) {
  #sidebar {
    display: none;
  }
  #burger {
    display: block;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 10;
  }
  .navbar-toggler {
    position: sticky;
    top: 10px;
    left: 10px;
    z-index: 10;
    font-size: 40px;
  }
  #main-content {
    margin: auto;
  }
  .home-page .page-header {
    margin-left: 0px;
  }
  .home-page .page-header h1 {
    margin-left: 0px;
  }
  .com-content-article__body {
    margin-left: 10px;
    margin-right: 10px;
  }
  #offcanvasNavbar {
    color: #F1F1F1;
    width: 270px !important;
    border-right-width: 0px;
    height: 100vh;
    background-color: #0B769F;
  }
  .offcanvas-header {
    width: 270px;
    padding: 0px !important;
  }
  .offcanvas-body {
    padding-left: 0px;
  }
}
@media screen and (max-width: 750px) {
  .kleden {
    max-width: 650px;
  }
}
@media screen and (max-width: 700px) {
  .kleden {
    max-width: 600px;
  }
}
@media screen and (max-width: 650px) {
  .kleden {
    max-width: 550px;
  }
}
@media screen and (max-width: 600px) {
  .kleden {
    max-width: 500px;
  }
}
@media screen and (max-width: 550px) {
  .kleden {
    max-width: 450px;
  }
}
@media screen and (max-width: 500px) {
  .kleden {
    max-width: 400px;
  }
  .page-header h1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 450px) {
  .kleden {
    max-width: 350px;
  }
  .page-header h1 {
    font-size: 70px;
  }
}
@media screen and (max-width: 400px) {
  .kleden {
    max-width: 300px;
  }
  .page-header h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 350px) {
  .kleden {
    max-width: 300px;
  }
  .page-header h1 {
    font-size: 50px;
  }
}
@media screen and (max-height: 840px) {
  .nav-item {
    max-height: 80px;
  }
  .accessoires {
    font-size: 40px;
  }
}
@media screen and (max-height: 700px) {
  .nav-item {
    max-height: 65px;
  }
  .menu-button {
    font-size: 25px;
  }
  .p-2 {
    font-size: 40px;
  }
  .accessoires {
    font-size: 40px;
  }
}

/*# sourceMappingURL=template.css.map */