@import url("https://fonts.googleapis.com/css?family=Asap:400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lora:wght@500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@600;700;800&display=swap");
.wrapper, .dartsdown, .pagination, .pagingtop, header, .snippet, .snippets {
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto; }

.pagination, .pagingtop, header, article, .contentblock, .tags, .card .card-content, .card .card-content .hz-pad, .card .card-content .text {
  display: block;
  position: relative;
  width: 100%; }

.paddingtop, .paddingvrt {
  padding-top: 6rem; }
  @media screen and (max-width: 1280px) {
    .paddingtop, .paddingvrt {
      padding-top: 3rem; } }

.paddingbtm, .paddingvrt {
  padding-bottom: 6rem; }
  @media screen and (max-width: 1280px) {
    .paddingbtm, .paddingvrt {
      padding-bottom: 3rem; } }

.margintop, .marginvrt {
  margin-top: 6rem; }
  @media screen and (max-width: 1280px) {
    .margintop, .marginvrt {
      margin-top: 3rem; } }

.margintopxl {
  margin-top: 12rem; }
  @media screen and (max-width: 1280px) {
    .margintopxl {
      margin-top: 6rem; } }

.marginbtm, .marginvrt {
  margin-bottom: 6rem; }
  @media screen and (max-width: 1280px) {
    .marginbtm, .marginvrt {
      margin-bottom: 3rem; } }

.container {
  padding-right: 1rem;
  padding-left: 1rem; }

.columns {
  margin-right: -1rem;
  margin-left: -1rem; }

.wrapper {
  width: 90%;
  max-width: 1400px;
  min-width: 320px; }
  @media screen and (max-width: 1280px) {
    .wrapper {
      width: 80%; } }
  @media screen and (max-width: 960px) {
    .wrapper {
      width: 85%; } }
  @media screen and (max-width: 840px) {
    .wrapper {
      width: 85%; } }
  @media screen and (max-width: 600px) {
    .wrapper {
      width: 94%; } }
  @media screen and (max-width: 480px) {
    .wrapper {
      width: 94%; } }

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-moz-keyframes animate-preloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-ms-keyframes animate-preloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes animate-preloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes zoom-in-zoom {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@-moz-keyframes zoom-in-zoom {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@-ms-keyframes zoom-in-zoom {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@keyframes zoom-in-zoom {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes moveshape {
  100% {
    motion-offset: 100%;
    offset-distance: 100%; } }
@-moz-keyframes moveshape {
  100% {
    motion-offset: 100%;
    offset-distance: 100%; } }
@-ms-keyframes moveshape {
  100% {
    motion-offset: 100%;
    offset-distance: 100%; } }
@keyframes moveshape {
  100% {
    motion-offset: 100%;
    offset-distance: 100%; } }
@-webkit-keyframes slideinimg {
  from {
    margin-left: 100%; }
  to {
    margin-left: 0%; } }
@-moz-keyframes slideinimg {
  from {
    margin-left: 100%; }
  to {
    margin-left: 0%; } }
@-ms-keyframes slideinimg {
  from {
    margin-left: 100%; }
  to {
    margin-left: 0%; } }
@keyframes slideinimg {
  from {
    margin-left: 100%; }
  to {
    margin-left: 0%; } }
.clearfix::after {
  display: block;
  content: "";
  clear: both; }

body, p, small, .t-small, footer p, footer li a {
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 400; }

b, .t-b, footer a.active {
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 700; }

h4, .t-h4, .menu-button-open, h5, .t-h5, h6, .t-h6, .t-cardb, .t-btn, .btn, .nobutton, button, .emailknop a[href^="mailto"], ul.menu a {
  font-family: "Asap", sans-serif;
  font-style: normal;
  font-weight: 400; }

.t-name {
  font-family: "Lora", serif;
  font-style: normal;
  font-weight: 600; }

.t-cardh {
  font-family: "Lora", serif;
  font-style: normal;
  font-weight: 700; }

h2, .t-h2, h3, .t-h3 {
  font-family: "Abhaya Libre", serif;
  font-style: normal;
  font-weight: 700; }

h1, .t-h1 {
  font-family: "Abhaya Libre", serif;
  font-style: normal;
  font-weight: 800; }

h1, .t-h1 {
  font-size: 65px;
  line-height: 1.2em;
  margin: 0.25em 0 0.75em 0;
  letter-spacing: 0.07em; }
  @media screen and (max-width: 1280px) {
    h1, .t-h1 {
      font-size: 52px; } }
  @media screen and (max-width: 840px) {
    h1, .t-h1 {
      font-size: 40px; } }
  @media screen and (max-width: 480px) {
    h1, .t-h1 {
      font-size: 28px; } }

h2, .t-h2 {
  font-size: 45px;
  line-height: 1.35em;
  margin: 0.25em 0 0.75em 0;
  letter-spacing: 0.07em; }
  @media screen and (max-width: 1280px) {
    h2, .t-h2 {
      font-size: 35px; } }
  @media screen and (max-width: 840px) {
    h2, .t-h2 {
      font-size: 30px; } }
  @media screen and (max-width: 480px) {
    h2, .t-h2 {
      font-size: 25px; } }

h3, .t-h3 {
  font-size: 38px;
  line-height: 1.35em;
  margin: 0.25em 0 0.75em 0;
  letter-spacing: 0.07em; }
  @media screen and (max-width: 1280px) {
    h3, .t-h3 {
      font-size: 34px; } }
  @media screen and (max-width: 840px) {
    h3, .t-h3 {
      font-size: 30px; } }

h4, .t-h4, .menu-button-open {
  font-size: 28px;
  line-height: 1.3em;
  margin: 0.25em 0 0.75em 0;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1280px) {
    h4, .t-h4, .menu-button-open {
      font-size: 24px; } }
  @media screen and (max-width: 840px) {
    h4, .t-h4, .menu-button-open {
      font-size: 17px; } }

h5, .t-h5 {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0.25em 0 0.4em 0;
  letter-spacing: 0.25em;
  text-transform: uppercase; }
  @media screen and (max-width: 1280px) {
    h5, .t-h5 {
      font-size: 10px; } }
  @media screen and (max-width: 840px) {
    h5, .t-h5 {
      font-size: 9px; } }

h6, .t-h6 {
  font-size: 9px;
  line-height: 1.5em;
  margin: 0.25em 0 0.4em 0;
  letter-spacing: 0.25em; }
  @media screen and (max-width: 840px) {
    h6, .t-h6 {
      font-size: 8px; } }

.t-cardh {
  font-size: 20px;
  line-height: 1.4em;
  margin: 0.25em 0 0.75em 0;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1280px) {
    .t-cardh {
      font-size: 16px; } }
  @media screen and (max-width: 840px) {
    .t-cardh {
      font-size: 12px; } }

.t-cardb {
  font-size: 9px;
  line-height: 1.5em;
  margin: 0.25em 0 0.4em 0;
  text-transform: uppercase;
  letter-spacing: 0.25em; }
  @media screen and (max-width: 840px) {
    .t-cardb {
      font-size: 8px; } }

body, p {
  font-size: 17px;
  line-height: 1.75em;
  margin: 0 0 1em 0; }
  @media screen and (max-width: 1280px) {
    body, p {
      font-size: 14px; } }
  @media screen and (max-width: 840px) {
    body, p {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    body, p {
      font-size: 13px; } }

small, .t-small, footer p, footer li a {
  font-size: 14px;
  line-height: 1.9em;
  margin: 0 0 1em 0;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 1280px) {
    small, .t-small, footer p, footer li a {
      font-size: 12px; } }
  @media screen and (max-width: 840px) {
    small, .t-small, footer p, footer li a {
      font-size: 10px; } }

.t-btn, .btn, .nobutton, button, .emailknop a[href^="mailto"], ul.menu a {
  font-size: 13px;
  line-height: 1.5em;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  transform: scaleY(0.95); }
  @media screen and (max-width: 840px) {
    .t-btn, .btn, .nobutton, button, .emailknop a[href^="mailto"], ul.menu a {
      font-size: 11px; } }

.t-name {
  font-size: 20px;
  line-height: 1.3em;
  margin: 0.25em 0 0.75em 0;
  letter-spacing: 0.15em; }
  @media screen and (max-width: 1280px) {
    .t-name {
      font-size: 17px; } }
  @media screen and (max-width: 840px) {
    .t-name {
      font-size: 15px; } }

html {
  scroll-behavior: smooth; }

body {
  color: #2F2B73;
  text-rendering: optimizeLegibility;
  margin: 0; }

h1, .t-h1 {
  text-shadow: 2px 2px #1DFFC5; }

h3, .t-h3 {
  color: #25b7b4; }

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #E60064; }
  a:hover {
    color: #16b9c2; }

.nomargintop {
  margin-top: 0 !important; }

.nomarginbtm {
  margin-bottom: 0 !important; }

.text-center {
  text-align: center; }

.nolist {
  margin: 0 0 1em 0; }
  .nolist li {
    list-style-type: none;
    line-height: 0;
    margin: 0; }

.icon {
  width: 0.8em;
  height: 1em;
  display: inline-block;
  position: relative; }
  .icon:after {
    top: 0.45em;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: "";
    position: absolute;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    width: 6px;
    height: 6px; }
    @media screen and (max-width: 840px) {
      .icon:after {
        top: 0.4em; } }
  .icon.next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0.1em; }
  .icon.prev:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 0.1em; }
  .icon.grey:after {
    border-top: 2px solid #666;
    border-right: 2px solid #666; }
  .icon.blue:after {
    border-top: 2px solid #2F2B73;
    border-right: 2px solid #2F2B73; }

.btn, .nobutton, button, .emailknop a[href^="mailto"] {
  display: inline-block;
  position: relative;
  margin: -0.095em 0;
  z-index: 20;
  background: #2F2B73;
  color: #ffffff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 0px;
  padding: 1em 1.5em; }
  @media screen and (max-width: 960px) {
    .btn, .nobutton, button, .emailknop a[href^="mailto"] {
      padding: 0.7em 1.2em; } }
  .btn:after, .nobutton:after, button:after, .emailknop a[href^="mailto"]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    background: #201d4e;
    z-index: -1;
    width: 0px;
    height: 100%;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .btn:not(.nobutton):hover, .nobutton:not(.nobutton):hover, button:not(.nobutton):hover, .emailknop a[href^="mailto"]:not(.nobutton):hover {
    border: 0px;
    color: #2F2B73;
    background: #1DFFC5;
    -webkit-box-shadow: inset 0px 0px 0px -1px rgba(47, 43, 115, 0);
    -moz-box-shadow: inset 0px 0px 0px -1px rgba(47, 43, 115, 0);
    box-shadow: inset 0px 0px 0px -1px rgba(47, 43, 115, 0); }
    .btn:not(.nobutton):hover .icon.grey:after, .nobutton:not(.nobutton):hover .icon.grey:after, button:not(.nobutton):hover .icon.grey:after, .emailknop a[href^="mailto"]:not(.nobutton):hover .icon.grey:after {
      border-top: 2px solid #666;
      border-right: 2px solid #666; }
    .btn:not(.nobutton):hover:not(.nobutton):hover, .btn:not(.nobutton):hover:after, .nobutton:not(.nobutton):hover:not(.nobutton):hover, .nobutton:not(.nobutton):hover:after, button:not(.nobutton):hover:not(.nobutton):hover, button:not(.nobutton):hover:after, .emailknop a[href^="mailto"]:not(.nobutton):hover:not(.nobutton):hover, .emailknop a[href^="mailto"]:not(.nobutton):hover:after {
      background: #1DFFC5; }
    .btn:not(.nobutton):hover .icon:after, .nobutton:not(.nobutton):hover .icon:after, button:not(.nobutton):hover .icon:after, .emailknop a[href^="mailto"]:not(.nobutton):hover .icon:after {
      border-top: 2px solid #2F2B73;
      border-right: 2px solid #2F2B73; }
    .btn:not(.nobutton):hover .icon.grey:after, .nobutton:not(.nobutton):hover .icon.grey:after, button:not(.nobutton):hover .icon.grey:after, .emailknop a[href^="mailto"]:not(.nobutton):hover .icon.grey:after {
      border-top: 2px solid #666;
      border-right: 2px solid #666; }
    .btn:not(.nobutton):hover .icon.next:after, .nobutton:not(.nobutton):hover .icon.next:after, button:not(.nobutton):hover .icon.next:after, .emailknop a[href^="mailto"]:not(.nobutton):hover .icon.next:after {
      right: -0.3em; }
    .btn:not(.nobutton):hover .icon.prev:after, .nobutton:not(.nobutton):hover .icon.prev:after, button:not(.nobutton):hover .icon.prev:after, .emailknop a[href^="mailto"]:not(.nobutton):hover .icon.prev:after {
      left: -0.3em; }
  .btn.active, .nobutton.active, button.active, .emailknop a[href^="mailto"].active {
    border: 0px; }
  .btn.btnwidth, .nobutton.btnwidth, button.btnwidth, .emailknop a[href^="mailto"].btnwidth {
    width: 100%; }
  .btn.btnwhite, .nobutton.btnwhite, button.btnwhite, .emailknop a[href^="mailto"].btnwhite {
    background: #ffffff;
    color: #2F2B73; }
    .btn.btnwhite .icon:not(.grey):after, .nobutton.btnwhite .icon:not(.grey):after, button.btnwhite .icon:not(.grey):after, .emailknop a[href^="mailto"].btnwhite .icon:not(.grey):after {
      border-top: 2px solid #2F2B73;
      border-right: 2px solid #2F2B73; }
  .btn.topback, .nobutton.topback, button.topback, .emailknop a[href^="mailto"].topback {
    position: absolute;
    padding: 1em 1.5em;
    top: 0;
    left: 0; }
    .btn.topback:after, .nobutton.topback:after, button.topback:after, .emailknop a[href^="mailto"].topback:after {
      margin: 0 0 0 auto; }
  .btn.btnborder, .nobutton.btnborder, button.btnborder, .emailknop a[href^="mailto"].btnborder {
    color: #2F2B73;
    background: rgba(47, 43, 115, 0);
    -webkit-box-shadow: inset 0px 0px 0px 1px #2F2B73;
    -moz-box-shadow: inset 0px 0px 0px 1px #2F2B73;
    box-shadow: inset 0px 0px 0px 1px #2F2B73; }
    .btn.btnborder:hover, .nobutton.btnborder:hover, button.btnborder:hover, .emailknop a[href^="mailto"].btnborder:hover {
      -webkit-box-shadow: inset 0px 0px 0px 1px #1DFFC5;
      -moz-box-shadow: inset 0px 0px 0px 1px #1DFFC5;
      box-shadow: inset 0px 0px 0px 1px #1DFFC5; }

.dartsdown {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 5.5em;
  height: 5.5em;
  background: transparent !important;
  color: transparent !important; }
  .dartsdown:before, .dartsdown:after {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    border-top: 1px solid #2F2B73;
    border-right: 1px solid #2F2B73;
    width: 1.2em;
    height: 1.2em; }
  .dartsdown:before {
    top: 0.0em; }
  .dartsdown:after {
    top: 1.5em; }
  .dartsdown:hover {
    width: 5.5em;
    height: 5.5em;
    background: #ffffff !important;
    color: #ffffff; }
    .dartsdown:hover:before {
      top: 0.9em; }
    .dartsdown:hover:after {
      top: 2.4em; }

article.licht .dartsdown:before, article.licht .dartsdown:after {
  border-color: #ffffff; }
article.licht .dartsdown:hover:before, article.licht .dartsdown:hover:after {
  border-color: #2F2B73; }

.emailknop a[href^="mailto"] {
  padding: 1.5em 6em 1.5em 3em; }
  @media screen and (max-width: 960px) {
    .emailknop a[href^="mailto"] {
      padding: 0.7em 4.5em 0.7em 1.1em; } }
  .emailknop a[href^="mailto"]:before {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: "";
    top: 20%;
    right: 1.5em;
    height: 60%;
    position: absolute;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 68.5 57.6' enable-background='new 0 0 68.5 57.6' xml:space='preserve'%3E%3Cg%3E%3Cellipse fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='33.7' cy='39.3' rx='6.6' ry='7.6'/%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M29.7,45.3c0,0,3-5.1,7.8,0s6.2,0.4,5.8-0.3'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M61.1,53.9H7.4c-2.4,0-4.4-1.9-4.4-4.4V8.1c0-2.4,1.9-4.4,4.4-4.4h53.7c2.4,0,4.4,1.9,4.4,4.4v41.4C65.5,51.9,63.5,53.9,61.1,53.9z' /%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M65.5,9.3L40.5,22c-3.9,2-8.5,2-12.4,0L3.1,9.3'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='26.8' y1='21.3' x2='3.1' y2='49.2'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='65.5' y1='49.2' x2='41.8' y2='21.3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 40px; }
    @media screen and (max-width: 960px) {
      .emailknop a[href^="mailto"]:before {
        top: 15%;
        right: 0.7em;
        height: 70%;
        width: 32px; } }
  .emailknop a[href^="mailto"]:hover:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 68.5 57.6' enable-background='new 0 0 68.5 57.6' xml:space='preserve'%3E%3Cg%3E%3Cellipse fill='none' stroke='%232E2D71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='33.7' cy='39.3' rx='6.6' ry='7.6'/%3E%3Cpath fill='none' stroke='%232E2D71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M29.7,45.3c0,0,3-5.1,7.8,0s6.2,0.4,5.8-0.3'/%3E%3C/g%3E%3Cpath fill='none' stroke='%232E2D71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M61.1,53.9H7.4c-2.4,0-4.4-1.9-4.4-4.4V8.1c0-2.4,1.9-4.4,4.4-4.4h53.7c2.4,0,4.4,1.9,4.4,4.4v41.4C65.5,51.9,63.5,53.9,61.1,53.9z' /%3E%3Cpath fill='none' stroke='%232E2D71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M65.5,9.3L40.5,22c-3.9,2-8.5,2-12.4,0L3.1,9.3'/%3E%3Cline fill='none' stroke='%232E2D71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='26.8' y1='21.3' x2='3.1' y2='49.2'/%3E%3Cline fill='none' stroke='%232E2D71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='65.5' y1='49.2' x2='41.8' y2='21.3'/%3E%3C/svg%3E%0A"); }

.img-headerlogo {
  max-width: 280px;
  margin: 0 0 1em 0; }
  @media screen and (max-width: 600px) {
    .img-headerlogo {
      max-width: 200px; } }

.viewsmall {
  display: none; }

.viewlarge {
  display: block;
  min-height: 245px; }

@media screen and (max-width: 600px) {
  .viewsmall {
    display: block;
    min-height: 180px; }

  .viewlarge {
    display: none; } }
.pagination, .pagingtop {
  margin-top: 3em;
  padding-top: 0em;
  padding-bottom: 1em;
  max-width: 900px; }
  @media screen and (max-width: 1280px) {
    .pagination, .pagingtop {
      margin-top: -0.5em;
      padding-top: 1em;
      padding-bottom: 0em; } }
  .pagination ul, .pagination li, .pagination ul li, .pagingtop ul, .pagingtop li, .pagingtop ul li {
    list-style-type: none;
    align-self: flex-start; }
  .pagination ul, .pagingtop ul {
    margin: 1.5em 0 0 0; }
  .pagination .column, .pagingtop .column {
    padding: 0.5rem; }
  @media screen and (max-width: 600px) {
    .pagination .columns, .pagingtop .columns {
      margin-right: 0rem;
      margin-left: 0rem; }
    .pagination .column, .pagingtop .column {
      padding: 0.25rem 0.5rem; } }
  .pagination .t-name, .pagingtop .t-name {
    text-transform: none;
    display: block; }
    @media screen and (max-width: 600px) {
      .pagination .t-name, .pagingtop .t-name {
        font-size: 13px; } }
  .pagination .btnpag, .pagination:visited, .pagingtop .btnpag, .pagingtop:visited {
    position: relative;
    display: block;
    color: #2F2B73;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .pagination .btnpag:after, .pagination .btnpag.back:before, .pagination:visited:after, .pagination:visited.back:before, .pagingtop .btnpag:after, .pagingtop .btnpag.back:before, .pagingtop:visited:after, .pagingtop:visited.back:before {
      content: "";
      position: absolute;
      top: 1em;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      border-top: 1px solid #2F2B73;
      border-right: 1px solid #2F2B73;
      width: 1.8em;
      height: 1.8em; }
    .pagination .btnpag.next, .pagination:visited.next, .pagingtop .btnpag.next, .pagingtop:visited.next {
      padding-right: 3em; }
      @media screen and (max-width: 1280px) {
        .pagination .btnpag.next, .pagination:visited.next, .pagingtop .btnpag.next, .pagingtop:visited.next {
          padding-right: 2.4em; } }
      .pagination .btnpag.next:after, .pagination:visited.next:after, .pagingtop .btnpag.next:after, .pagingtop:visited.next:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 0.4em; }
    .pagination .btnpag.prev, .pagination:visited.prev, .pagingtop .btnpag.prev, .pagingtop:visited.prev {
      padding-left: 3em; }
      @media screen and (max-width: 1280px) {
        .pagination .btnpag.prev, .pagination:visited.prev, .pagingtop .btnpag.prev, .pagingtop:visited.prev {
          padding-left: 2.4em; } }
      .pagination .btnpag.prev:after, .pagination:visited.prev:after, .pagingtop .btnpag.prev:after, .pagingtop:visited.prev:after {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        left: 0.4em; }
    .pagination .btnpag.back:after, .pagination:visited.back:after, .pagingtop .btnpag.back:after, .pagingtop:visited.back:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .pagination .btnpag.back:before, .pagination:visited.back:before, .pagingtop .btnpag.back:before, .pagingtop:visited.back:before {
      -webkit-transform: rotate(225deg);
      -moz-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: rotate(225deg); }
    .pagination .btnpag.prev.back:after, .pagination:visited.prev.back:after, .pagingtop .btnpag.prev.back:after, .pagingtop:visited.prev.back:after {
      left: -0.4em; }
    .pagination .btnpag.prev.back:before, .pagination:visited.prev.back:before, .pagingtop .btnpag.prev.back:before, .pagingtop:visited.prev.back:before {
      left: 0.4em; }
    .pagination .btnpag.next.back:after, .pagination:visited.next.back:after, .pagingtop .btnpag.next.back:after, .pagingtop:visited.next.back:after {
      right: 0.4em; }
    .pagination .btnpag.next.back:before, .pagination:visited.next.back:before, .pagingtop .btnpag.next.back:before, .pagingtop:visited.next.back:before {
      right: -0.4em; }
    .pagination .btnpag:hover, .pagination:visited:hover, .pagingtop .btnpag:hover, .pagingtop:visited:hover {
      color: #2F2B73; }
      .pagination .btnpag:hover.next:after, .pagination:visited:hover.next:after, .pagingtop .btnpag:hover.next:after, .pagingtop:visited:hover.next:after {
        right: -0.3em; }
      .pagination .btnpag:hover.prev:after, .pagination:visited:hover.prev:after, .pagingtop .btnpag:hover.prev:after, .pagingtop:visited:hover.prev:after {
        left: -0.3em; }
      .pagination .btnpag:hover.back:after, .pagination:visited:hover.back:after, .pagingtop .btnpag:hover.back:after, .pagingtop:visited:hover.back:after {
        height: 0.9em;
        width: 0.9em; }
      .pagination .btnpag:hover.back:before, .pagination:visited:hover.back:before, .pagingtop .btnpag:hover.back:before, .pagingtop:visited:hover.back:before {
        height: 0.9em;
        width: 0.9em; }
    .pagination .btnpag.back.prev:hover:after, .pagination:visited.back.prev:hover:after, .pagingtop .btnpag.back.prev:hover:after, .pagingtop:visited.back.prev:hover:after {
      left: 0em;
      top: 1em; }
    .pagination .btnpag.back.prev:hover:before, .pagination:visited.back.prev:hover:before, .pagingtop .btnpag.back.prev:hover:before, .pagingtop:visited.back.prev:hover:before {
      left: 0.8em;
      top: 2em; }
    .pagination .btnpag.back.next:hover:after, .pagination:visited.back.next:hover:after, .pagingtop .btnpag.back.next:hover:after, .pagingtop:visited.back.next:hover:after {
      right: 0.8em;
      top: 1em; }
    .pagination .btnpag.back.next:hover:before, .pagination:visited.back.next:hover:before, .pagingtop .btnpag.back.next:hover:before, .pagingtop:visited.back.next:hover:before {
      right: 0em;
      top: 2em; }

.pagingtop {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 1600px;
  z-index: 100;
  top: 17em; }
  @media screen and (max-width: 1280px) {
    .pagingtop {
      top: 20em; } }
  @media screen and (max-width: 960px) {
    .pagingtop {
      top: 16.5em; } }
  @media screen and (max-width: 840px) {
    .pagingtop {
      padding: 0 0.5em;
      margin: 1.9em 0 0 0;
      top: auto;
      width: 100%; } }
  .pagingtop ul {
    margin: 0em 2em;
    height: 0; }
  .pagingtop .btnpag {
    height: 3em;
    display: block;
    background-color: rgba(47, 43, 115, 0);
    width: 50%; }
    .pagingtop .btnpag.next {
      float: right; }
  .pagingtop .t-btn, .pagingtop .t-name {
    color: rgba(47, 43, 115, 0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    @media screen and (max-width: 960px) {
      .pagingtop .t-btn, .pagingtop .t-name {
        display: none; } }
  .pagingtop .btnpag.donker * {
    color: rgba(47, 43, 115, 0); }
  .pagingtop .btnpag.donker:hover * {
    color: #2f2b73; }
  .pagingtop .btnpag.licht * {
    color: rgba(255, 255, 255, 0); }
  .pagingtop .btnpag.licht:after {
    border-color: #ffffff; }
  .pagingtop .btnpag.licht:before {
    border-color: #ffffff; }
  .pagingtop .btnpag.licht:hover * {
    color: white; }

.menu-button-open {
  position: fixed;
  display: inline-block;
  z-index: 1000;
  font-size: 80%;
  top: 5rem;
  right: 0rem;
  cursor: pointer;
  background: #ffffff;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 3px 2px 8px 0px rgba(43, 41, 40, 0.05);
  -moz-box-shadow: 3px 2px 8px 0px rgba(43, 41, 40, 0.05);
  box-shadow: 3px 2px 8px 0px rgba(43, 41, 40, 0.05);
  width: 6rem;
  height: 6rem;
  line-height: 5.8rem; }
  @media screen and (max-width: 1280px) {
    .menu-button-open {
      width: 5rem;
      height: 5rem;
      line-height: 4.8rem; } }
  @media screen and (max-width: 840px) {
    .menu-button-open {
      width: 3.5rem;
      height: 3.5rem;
      line-height: 3.3rem;
      font-size: 70%;
      top: 2rem; } }
  .menu-button-open:after {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: 2px;
    background: rgba(229, 175, 255, 0); }
  .menu-button-open:hover {
    padding-right: 1em;
    -webkit-box-shadow: 3px 2px 8px 0px rgba(43, 41, 40, 0.4);
    -moz-box-shadow: 3px 2px 8px 0px rgba(43, 41, 40, 0.4);
    box-shadow: 3px 2px 8px 0px rgba(43, 41, 40, 0.4);
    width: 6.5rem; }
    .menu-button-open:hover:after {
      background: #1dffc5;
      margin-right: 1em; }
    @media screen and (max-width: 1280px) {
      .menu-button-open:hover {
        width: 5.5rem; } }
    @media screen and (max-width: 840px) {
      .menu-button-open:hover {
        width: 4rem; } }

/* The side navigation menu */
.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 1550;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  right: 0;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 0px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  /* Position and style the close button (top right corner) */ }
  .sidenav .menu-background {
    background: #2F2B73;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    position: absolute;
    z-index: 2000; }
    @media screen and (max-width: 840px) {
      .sidenav .menu-background {
        width: 300px; } }
  .sidenav .menu-close {
    background: rgba(255, 255, 255, 0.7);
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%; }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 6px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1.8rem;
    color: #9793d7;
    display: block;
    transition: 0.3s; }
    .sidenav .closebtn:hover {
      color: #f1f1f1; }

.logoinnav {
  margin: 3em auto 2em auto;
  max-width: 140px;
  text-align: center;
  display: block; }

ul.menu {
  list-style-type: none;
  margin: 3em 1em 1em;
  padding: 0; }
  ul.menu a {
    text-align: center;
    width: 100%;
    color: #ffffff;
    padding: 1.2em 0.75em;
    display: block;
    position: relative;
    margin: 0;
    z-index: 20;
    background: #2F2B73;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    ul.menu a:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: 0 auto;
      background: #2F2B73;
      z-index: -1;
      width: 0px;
      height: 100%;
      display: block;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    ul.menu a.active {
      color: #2F2B73; }
      ul.menu a.active:after {
        width: 100%;
        background: #1DFFC5; }
    ul.menu a:hover:not(.active):after {
      width: 100%;
      background: #232055; }

header.hpintro, header.overmij {
  min-height: 55rem;
  height: 100vh; }
  @media screen and (max-width: 1280px) {
    header.hpintro, header.overmij {
      min-height: 35rem;
      height: 95vh; } }
  @media screen and (max-width: 960px) {
    header.hpintro, header.overmij {
      min-height: 52rem; } }
  @media screen and (max-width: 840px) {
    header.hpintro, header.overmij {
      min-height: 40rem; } }
  @media screen and (max-width: 480px) {
    header.hpintro, header.overmij {
      min-height: 25rem;
      height: calc(100vh - 60px); } }

header.hpintro .contentblock, header.overmij .contentblock, header.headercontact .contentblock, header.portfolioov .contentblock {
  z-index: 4;
  text-align: center;
  position: absolute;
  top: calc(50% - 0rem);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 840px) {
    header.hpintro .contentblock, header.overmij .contentblock, header.headercontact .contentblock, header.portfolioov .contentblock {
      top: calc(50% - 3rem); } }

header {
  margin-bottom: 5rem;
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2rem solid #ffffff;
  background: #1DFFC5;
  /* Old browsers */
  background: -moz-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1DFFC5), color-stop(100%, #25dce6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* IE10+ */
  background: linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1DFFC5', endColorstr='#25dce6',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  @media screen and (max-width: 1280px) {
    header {
      border: 1rem solid #ffffff; } }
  @media screen and (max-width: 480px) {
    header {
      border: 0.7rem solid #ffffff; } }
  header .wrapper {
    z-index: 5;
    height: 1px;
    width: 100%;
    left: 0;
    right: 0; }
  header .bg-patroon {
    z-index: 1;
    position: absolute;
    width: 100%;
    max-height: 100%;
    height: 100%;
    opacity: 0.3;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    background: url("/user/themes/quiriene/images/bg-hp.png") no-repeat center center;
    background-size: 2000px auto; }
    @media screen and (max-width: 1280px) {
      header .bg-patroon {
        background-size: 1600px auto; } }
    @media screen and (max-width: 840px) {
      header .bg-patroon {
        background: url("/user/themes/quiriene/images/bg-hpmobiel2.png") no-repeat bottom center;
        background-size: 800px auto; } }
    @media screen and (max-width: 480px) {
      header .bg-patroon {
        background: url("/user/themes/quiriene/images/bg-hpmobiel2.png") no-repeat center 105%;
        background-size: auto 150px; } }
    header .bg-patroon:hover {
      opacity: 0.8; }
  header.scrolleddown .wrapper {
    opacity: 0.2; }
  header.hpintro img {
    max-width: 250px; }
  header.hpintro h5 {
    margin: 0 0 3rem 0; }
  header.hpintro .contentblock {
    top: calc(50% - 1rem);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 840px) {
      header.hpintro .contentblock {
        top: calc(50% - 1rem); } }
  header.hpintro .logoinheader {
    width: 5rem; }
    @media screen and (max-width: 840px) {
      header.hpintro .logoinheader {
        width: 4rem; } }
  @media screen and (max-width: 1280px) {
    header.overmij {
      height: 105vh; } }
  header.overmij .contentblock {
    top: calc(50% - 2rem); }
    @media screen and (max-width: 840px) {
      header.overmij .contentblock {
        top: calc(50% - 3rem); } }
  header.overmij img {
    width: 650px; }
    @media screen and (max-width: 840px) {
      header.overmij img {
        max-width: 500px;
        width: 90%; } }
  header.overmij h5 {
    margin: 0 0 3rem 0; }
  header.headercontact {
    margin-bottom: -25rem;
    height: 49rem; }
    header.headercontact .wrapper {
      position: absolute; }
    header.headercontact .contentblock {
      top: 18em; }
      @media screen and (max-width: 840px) {
        header.headercontact .contentblock {
          top: 12em; } }
      @media screen and (max-width: 480px) {
        header.headercontact .contentblock {
          top: 9em; } }
    header.headercontact img {
      width: 650px; }
      @media screen and (max-width: 840px) {
        header.headercontact img {
          max-width: 500px;
          width: 90%; } }
    @media screen and (max-width: 1280px) {
      header.headercontact {
        margin-bottom: -13rem;
        height: 30rem; } }
    @media screen and (max-width: 960px) {
      header.headercontact {
        margin-bottom: -10.8rem;
        height: 28rem; } }
    @media screen and (max-width: 840px) {
      header.headercontact {
        margin-bottom: -10.8rem;
        height: 24rem; } }
    @media screen and (max-width: 480px) {
      header.headercontact {
        margin-bottom: 0rem;
        height: 11rem; } }
  header.portfolioov {
    margin-bottom: -25rem;
    height: 49rem; }
    header.portfolioov .wrapper {
      position: absolute; }
    header.portfolioov .contentblock {
      top: 18em; }
      @media screen and (max-width: 840px) {
        header.portfolioov .contentblock {
          top: 12em; } }
      @media screen and (max-width: 480px) {
        header.portfolioov .contentblock {
          top: 9em; } }
    header.portfolioov h1 {
      margin-top: 2.6em; }
      @media screen and (max-width: 1280px) {
        header.portfolioov h1 {
          margin-top: 2.05em; } }
      @media screen and (max-width: 840px) {
        header.portfolioov h1 {
          margin-top: 2.8em; } }
      @media screen and (max-width: 480px) {
        header.portfolioov h1 {
          margin-top: 1.9em; } }
    @media screen and (max-width: 1280px) {
      header.portfolioov {
        margin-bottom: -13rem;
        height: 30rem; } }
    @media screen and (max-width: 960px) {
      header.portfolioov {
        margin-bottom: -10.8rem;
        height: 28rem; } }
    @media screen and (max-width: 840px) {
      header.portfolioov {
        margin-bottom: -10.8rem;
        height: 24rem; } }
    @media screen and (max-width: 480px) {
      header.portfolioov {
        margin-bottom: 0rem;
        height: 11rem; } }
  header.headerportfolioitem {
    min-height: 30rem;
    padding-bottom: 10rem;
    margin-bottom: 2rem; }
    @media screen and (max-width: 840px) {
      header.headerportfolioitem {
        padding-bottom: 5rem; } }
    header.headerportfolioitem img {
      display: block;
      margin: 0 auto;
      max-width: 1000px;
      width: 100%; }
    @media screen and (max-width: 480px) {
      header.headerportfolioitem .contentblock {
        padding: 0 2rem; } }
    header.headerportfolioitem .contentblock p {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; }
    header.headerportfolioitem.donker {
      background: rgba(255, 255, 255, 0);
      /* Old browsers */
      background: -moz-linear-gradient(-135, rgba(255, 255, 255, 0) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(47, 43, 115, 0.2)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(-135, rgba(255, 255, 255, 0) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(-135, rgba(255, 255, 255, 0) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(-135, rgba(255, 255, 255, 0) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* IE10+ */
      background: linear-gradient(-135, rgba(255, 255, 255, 0) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='rgba(47, 43, 115, 0.2)',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      background-blend-mode: overlay; }
    header.headerportfolioitem.licht {
      background: rgba(229, 175, 255, 0.2);
      /* Old browsers */
      background: -moz-linear-gradient(-135, rgba(229, 175, 255, 0.2) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(229, 175, 255, 0.2)), color-stop(100%, rgba(47, 43, 115, 0.2)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(-135, rgba(229, 175, 255, 0.2) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(-135, rgba(229, 175, 255, 0.2) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(-135, rgba(229, 175, 255, 0.2) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* IE10+ */
      background: linear-gradient(-135, rgba(229, 175, 255, 0.2) 0%, rgba(47, 43, 115, 0.2) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(229, 175, 255, 0.2)', endColorstr='rgba(47, 43, 115, 0.2)',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      background-blend-mode: luminosity; }
  header.error {
    min-height: 16em;
    padding-top: 2em;
    text-align: center; }

.bigscreen {
  position: relative;
  margin-bottom: 2rem; }
  .bigscreen .img-showoncomp {
    padding: 3.4% 19% 16.8%; }
  .bigscreen:after {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 464 325' style='enable-background:new 0 0 464 325;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%232F2B73;stroke-width:0.75;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0v325h464V0H0z M414.6,219.2c0,1.5-1.2,2.8-2.8,2.8H53.1c-1.5,0-2.8-1.2-2.8-2.8V22.2c0-1.5,1.2-2.8,2.8-2.8 h358.7c1.5,0,2.8,1.2,2.8,2.8V219.2z'/%3E%3Cpath class='st1' d='M411.9,222H53.1c-1.5,0-2.8-1.2-2.8-2.8V22.2c0-1.5,1.2-2.8,2.8-2.8h358.7c1.5,0,2.8,1.2,2.8,2.8v197.1 C414.6,220.8,413.4,222,411.9,222z'/%3E%3Cpath class='st1' d='M411.4,280H53.6C40,280,29,268.9,29,255.4V26.5C29,13,40,2,53.6,2h357.9C425,2,436,13,436,26.5v228.9 C436,268.9,425,280,411.4,280z'/%3E%3Cline class='st1' x1='28.9' y1='237.4' x2='436.1' y2='237.4'/%3E%3Cg%3E%3Cellipse class='st1' cx='234' cy='258.1' rx='9.2' ry='10.6'/%3E%3Cpath class='st1' d='M228.4,266.4c0,0,4.2-7,10.8,0s8.6,0.5,8-0.4'/%3E%3C/g%3E%3Cpath class='st1' d='M298.5,323.8H170c-2.1,0-3.9-1.7-3.9-3.9v-0.3c0-2.1,1.7-3.9,3.9-3.9h128.5c2.1,0,3.9,1.7,3.9,3.9v0.3 C302.4,322.1,300.6,323.8,298.5,323.8z'/%3E%3Cline class='st1' x1='288.1' y1='315.7' x2='269.3' y2='280'/%3E%3Cline class='st1' x1='199.1' y1='280' x2='180.4' y2='315.7'/%3E%3C/svg%3E%0A");
    background-position: top center;
    background-repeat: no-repeat; }

article {
  margin: 0 auto;
  padding: 0rem 0 5rem;
  max-width: 900px; }
  @media screen and (max-width: 1280px) {
    article {
      padding: 0.5rem 2rem 1rem; } }
  @media screen and (max-width: 960px) {
    article {
      padding: 0.5rem 3rem 1rem; } }
  @media screen and (max-width: 840px) {
    article {
      padding: 0.5rem 0 1rem; } }
  @media screen and (max-width: 480px) {
    article {
      padding: 0.5rem 0 1rem; } }
  article.portfolioimg {
    padding: 5rem 0; }
    @media screen and (max-width: 1280px) {
      article.portfolioimg {
        padding: 1rem 2rem; } }
    @media screen and (max-width: 960px) {
      article.portfolioimg {
        padding: 1rem 3rem; } }
    @media screen and (max-width: 840px) {
      article.portfolioimg {
        padding: 1rem 0; } }
    @media screen and (max-width: 480px) {
      article.portfolioimg {
        padding: 1rem 0; } }
  article.portfolioimg img {
    margin: 2rem auto; }
  article.portfolioimg img.no-margin-top {
    margin-top: 0 !important; }
  article.portfolioimg img.no-margin-btm {
    margin-bottom: 0 !important; }
  @media screen and (max-width: 840px) {
    article .columns {
      margin: 0em; } }
  article h5:first-of-type {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 0; }
    @media screen and (max-width: 840px) {
      article h5:first-of-type {
        margin-top: 1em; } }
  article h2:first-of-type {
    text-align: center;
    margin-bottom: 1em; }
    @media screen and (max-width: 840px) {
      article h2:first-of-type {
        margin-bottom: 0.7em; } }
  article p img {
    margin: 0 auto;
    display: block; }
  article img:hover[title] {
    content: attr(data); }
  article.licht * {
    color: white; }
  article.licht h1 {
    text-shadow: 2px 2px rgba(43, 41, 40, 0.5); }
  article.donker h1 {
    text-shadow: 2px 2px rgba(255, 255, 255, 0.5); }

.wave-bg:after {
  bottom: -1px;
  z-index: 2;
  left: 0;
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  background: url("/user/themes/quiriene/images/wave.png") repeat-x center bottom;
  background-size: auto 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 105px;
  background-size: 1600px auto; }
  @media screen and (max-width: 1280px) {
    .wave-bg:after {
      height: 78px;
      background-size: 100% auto; } }
  @media screen and (max-width: 840px) {
    .wave-bg:after {
      height: 60px; } }
  @media screen and (max-width: 480px) {
    .wave-bg:after {
      height: 60px; } }

.strokecenter:before {
  overflow: visible;
  left: 50%;
  bottom: -7.5rem;
  position: absolute;
  content: "";
  width: 0;
  height: 15rem;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(47, 43, 115, 0.6);
  z-index: 1500; }
  @media screen and (max-width: 1280px) {
    .strokecenter:before {
      height: 12rem;
      bottom: -6rem; } }
  @media screen and (max-width: 960px) {
    .strokecenter:before {
      height: 10rem;
      bottom: -5rem; } }
  @media screen and (max-width: 840px) {
    .strokecenter:before {
      height: 7rem; } }
.strokecenter.stroketopshort:before {
  height: 9rem;
  top: -10.5rem; }
  @media screen and (max-width: 1280px) {
    .strokecenter.stroketopshort:before {
      height: 5rem;
      top: -5rem; } }

.wave-bg.strokecenter:before {
  bottom: -5rem; }
  @media screen and (max-width: 1280px) {
    .wave-bg.strokecenter:before {
      bottom: -4rem; } }
  @media screen and (max-width: 960px) {
    .wave-bg.strokecenter:before {
      bottom: -3rem; } }
  @media screen and (max-width: 840px) {
    .wave-bg.strokecenter:before {
      bottom: -2.5rem; } }
  @media screen and (max-width: 480px) {
    .wave-bg.strokecenter:before {
      bottom: -3rem; } }

.snippet, .snippets {
  position: relative;
  padding: 10rem 0; }
  @media screen and (max-width: 1280px) {
    .snippet, .snippets {
      padding: 6rem 0; } }
  @media screen and (max-width: 840px) {
    .snippet, .snippets {
      padding: 3rem 0; } }
  .snippet.nopaddingvrt, .snippets.nopaddingvrt {
    padding: 0; }
    @media screen and (max-width: 1280px) {
      .snippet.nopaddingvrt, .snippets.nopaddingvrt {
        padding: 0; } }
    @media screen and (max-width: 840px) {
      .snippet.nopaddingvrt, .snippets.nopaddingvrt {
        padding: 0; } }
  .snippet:not(.creme-bg):not(.green-bg):not(.purple-bg), .snippets:not(.creme-bg):not(.green-bg):not(.purple-bg) {
    border-left: 2rem solid rgba(255, 255, 255, 0);
    border-right: 2rem solid rgba(255, 255, 255, 0); }
    @media screen and (max-width: 960px) {
      .snippet:not(.creme-bg):not(.green-bg):not(.purple-bg), .snippets:not(.creme-bg):not(.green-bg):not(.purple-bg) {
        border: 0rem; } }
  @media screen and (max-width: 960px) {
    .snippet, .snippets {
      border: 0rem;
      margin: 0; } }
  .snippet .columns, .snippets .columns {
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 20; }
  .snippet .item-text, .snippets .item-text {
    margin: 0 2rem; }
    @media screen and (max-width: 1280px) {
      .snippet .item-text, .snippets .item-text {
        margin: 0 0rem; } }
    @media screen and (max-width: 840px) {
      .snippet .item-text, .snippets .item-text {
        margin: 0 2rem; } }
    @media screen and (max-width: 480px) {
      .snippet .item-text, .snippets .item-text {
        margin: 0 0rem; } }
  .snippet .item-image, .snippets .item-image {
    z-index: -1;
    line-height: 0; }
    .snippet .item-image img, .snippets .item-image img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      overflow: hidden; }
    @media screen and (max-width: 960px) {
      .snippet .item-image, .snippets .item-image {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); } }
    @media screen and (max-width: 840px) {
      .snippet .item-image, .snippets .item-image {
        margin: 0 4rem; } }
    @media screen and (max-width: 480px) {
      .snippet .item-image, .snippets .item-image {
        margin: 0 2rem; } }
    .snippet .item-image.zoom, .snippets .item-image.zoom {
      -webkit-transform: scale(1.6);
      -moz-transform: scale(1.6);
      -ms-transform: scale(1.6);
      transform: scale(1.6); }
      .snippet .item-image.zoom img, .snippets .item-image.zoom img {
        -webkit-transform: translate(10%, -2%);
        -moz-transform: translate(10%, -2%);
        -ms-transform: translate(10%, -2%);
        transform: translate(10%, -2%); }
      @media screen and (max-width: 1280px) {
        .snippet .item-image.zoom, .snippets .item-image.zoom {
          -webkit-transform: scale(1.6);
          -moz-transform: scale(1.6);
          -ms-transform: scale(1.6);
          transform: scale(1.6); }
          .snippet .item-image.zoom img, .snippets .item-image.zoom img {
            -webkit-transform: translate(12%, 2%);
            -moz-transform: translate(12%, 2%);
            -ms-transform: translate(12%, 2%);
            transform: translate(12%, 2%); } }
      @media screen and (max-width: 960px) {
        .snippet .item-image.zoom img, .snippets .item-image.zoom img {
          -webkit-transform: translate(12%, 4%);
          -moz-transform: translate(12%, 4%);
          -ms-transform: translate(12%, 4%);
          transform: translate(12%, 4%); } }
      @media screen and (max-width: 840px) {
        .snippet .item-image.zoom, .snippets .item-image.zoom {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
          .snippet .item-image.zoom img, .snippets .item-image.zoom img {
            -webkit-transform: translate(0%, 0%);
            -moz-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }
  .snippet .textcenter *, .snippets .textcenter * {
    text-align: center; }

.contentblock {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0rem 0rem; }
  @media screen and (max-width: 1280px) {
    .contentblock {
      padding: 1rem 2rem; } }
  @media screen and (max-width: 840px) {
    .contentblock {
      padding: 1rem; } }
  .contentblock.nopadding {
    padding: 0 2rem; }
    @media screen and (max-width: 840px) {
      .contentblock.nopadding {
        padding: 0 0rem; } }
    @media screen and (max-width: 480px) {
      .contentblock.nopadding {
        margin: 0; } }
  .contentblock.paddingtopxl {
    padding-top: 13em; }
    @media screen and (max-width: 1280px) {
      .contentblock.paddingtopxl {
        padding-top: 13em; } }
    @media screen and (max-width: 840px) {
      .contentblock.paddingtopxl {
        padding-top: 12em; } }
    @media screen and (max-width: 840px) {
      .contentblock.paddingtopxl {
        padding-top: 24%; } }
  .contentblock.z-index {
    z-index: 2; }

.padding-headercontent {
  padding-top: 5em; }
  @media screen and (max-width: 1280px) {
    .padding-headercontent {
      padding-top: 11em; } }
  @media screen and (max-width: 840px) {
    .padding-headercontent {
      padding-top: 5em;
      padding-bottom: 1em; } }
  @media screen and (max-width: 480px) {
    .padding-headercontent {
      padding-top: 0em;
      padding-bottom: 1em; } }

.contactfooter {
  width: 100%;
  max-width: 700px;
  border-bottom: 6rem solid white; }
  @media screen and (max-width: 1280px) {
    .contactfooter {
      border-bottom: 3rem solid white; } }
  .contactfooter .text-contact, .contactfooter .logofooter {
    padding-top: 3rem;
    padding-bottom: 3rem; }
    @media screen and (max-width: 480px) {
      .contactfooter .text-contact, .contactfooter .logofooter {
        padding-top: 0rem;
        padding-bottom: 0rem; } }
  .contactfooter img {
    max-width: 190px; }
    @media screen and (max-width: 1280px) {
      .contactfooter img {
        max-width: 153px; } }
    @media screen and (max-width: 480px) {
      .contactfooter img {
        max-width: 20%; } }
  .contactfooter .text-contact h4 {
    display: none; }
  @media screen and (max-width: 480px) {
    .contactfooter .text-contact {
      text-align: center; } }

.white-bg {
  background: #ffffff; }

.creme-bg {
  background: #faf1eb; }

.green-bg {
  background: #1DFFC5;
  /* Old browsers */
  background: -moz-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1DFFC5), color-stop(100%, #25dce6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* IE10+ */
  background: linear-gradient(-135, #1DFFC5 0%, #25dce6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1DFFC5', endColorstr='#25dce6',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.purple-bg {
  background: #e5afff;
  /* Old browsers */
  background: -moz-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e5afff), color-stop(100%, #25dce6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* IE10+ */
  background: linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5afff', endColorstr='#25dce6',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.shape-bg {
  position: relative;
  display: block;
  border: 0 !important; }
  .shape-bg:after {
    content: "";
    position: absolute;
    top: calc(50% - 1rem);
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 160%;
    max-width: 1440px;
    margin: 0 auto;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 913 706' style='enable-background:new 0 0 913 706;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231DFFC5;%7D%0A%3C/style%3E%3Cpath class='st0' d='M907.7,419.9C905,650.9,730,760.5,469.6,670.1C251.4,594.3,4.4,654.8,7.1,423.8S199.2,7.7,430.2,10.4 S910.4,188.8,907.7,419.9z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center; }
    @media screen and (max-width: 840px) {
      .shape-bg:after {
        height: 120%; } }
    @media screen and (max-width: 600px) {
      .shape-bg:after {
        height: 110%; } }

.order-first {
  order: -1; }
  @media screen and (max-width: 840px) {
    .order-first {
      order: 2; } }

.order-last {
  order: 2; }

.tags {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3.5rem;
  margin-bottom: 2.5rem; }
  .tags ul, .tags li, .tags ul li {
    margin: 0;
    list-style: none;
    display: inline-block; }
  @media screen and (max-width: 1280px) {
    .tags {
      padding-top: 1.5rem;
      margin-bottom: 1.5rem;
      padding-left: 0rem;
      padding-right: 0rem; } }
  @media screen and (max-width: 840px) {
    .tags {
      padding-top: 1rem;
      margin-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem; } }

#filterTag button {
  margin: 0 0.2rem 0.2rem 0;
  border: 0;
  color: #2F2B73;
  background: white;
  padding: 1em 1.2em; }
  #filterTag button.active {
    background: #25dce6;
    border: 0; }
  #filterTag button:hover {
    background: #1DFFC5;
    border: 0; }
  @media screen and (max-width: 1280px) {
    #filterTag button {
      padding: 0.8em 0.8em;
      font-size: 9px; } }

.bricklayer-column {
  flex-direction: column;
  display: flex;
  align-items: flex-start; }

.bricklayer-column:nth-child(0n+4) .card:nth-child(4n+1) .card-content .hz-pad {
  background: #a9cfff; }
.bricklayer-column:nth-child(0n+4) .card:nth-child(4n+2) .card-content .hz-pad {
  background: #ffa5cf; }
.bricklayer-column:nth-child(0n+4) .card:nth-child(4n+3) .card-content .hz-pad {
  background: #FFD584; }
.bricklayer-column:nth-child(0n+4) .card:nth-child(4n+4) .card-content .hz-pad {
  background: #CFA5E6; }

.bricklayer-column:nth-child(0n+2) .card:nth-child(4n+1) .card-content .hz-pad {
  background: #CFA5E6; }
.bricklayer-column:nth-child(0n+2) .card:nth-child(4n+2) .card-content .hz-pad {
  background: #ffa5cf; }
.bricklayer-column:nth-child(0n+2) .card:nth-child(4n+3) .card-content .hz-pad {
  background: #a9cfff; }
.bricklayer-column:nth-child(0n+2) .card:nth-child(4n+4) .card-content .hz-pad {
  background: #FFD584; }

.bricklayer-column:nth-child(0n+3) .card:nth-child(4n+1) .card-content .hz-pad {
  background: #FFD584; }
.bricklayer-column:nth-child(0n+3) .card:nth-child(4n+2) .card-content .hz-pad {
  background: #a9cfff; }
.bricklayer-column:nth-child(0n+3) .card:nth-child(4n+3) .card-content .hz-pad {
  background: #CFA5E6; }
.bricklayer-column:nth-child(0n+3) .card:nth-child(4n+4) .card-content .hz-pad {
  background: #ffa5cf; }

.card {
  display: flex;
  width: 100%;
  opacity: 1;
  margin-bottom: 3rem;
  padding: 0 1rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .card .card-content {
    border: 1px solid white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0); }
    .card .card-content img {
      line-height: 0em;
      display: block;
      width: 100%;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    .card .card-content .text {
      line-height: 1.0rem;
      text-align: center;
      background: #ffffff;
      border-top: 0px;
      background: #ffffff;
      padding: 1.5rem 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      @media screen and (max-width: 1280px) {
        .card .card-content .text {
          padding: 0.8rem 0; } }
      .card .card-content .text .t-cardh {
        color: #2F2B73;
        margin: 0.1rem 0; }
      .card .card-content .text .t-cardb {
        color: #2F2B73;
        line-height: 1.2rem; }
  .card:not(.show) {
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  @media screen and (max-width: 480px) {
    .card {
      padding: 0 2rem; }
      .card.show {
        margin-bottom: 2rem;
        max-height: 1600px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      .card:not(.show) {
        margin-bottom: 0rem;
        max-height: 0px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); } }
  .card:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03); }
    .card:hover .card-content {
      -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); }
    .card:hover .text {
      background: #1DFFC5; }
    .card:hover:not(.show) {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8); }

footer {
  background: #e5afff;
  /* Old browsers */
  background: -moz-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e5afff), color-stop(100%, #25dce6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* IE10+ */
  background: linear-gradient(-135, #e5afff 0%, #25dce6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5afff', endColorstr='#25dce6',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  display: block;
  position: relative;
  padding: 8em 0 12em; }
  @media screen and (max-width: 960px) {
    footer {
      padding: 4em 0 8em; } }
  footer .wrapper {
    max-width: 1000px; }
  footer * {
    text-align: center;
    color: #2F2B73; }
  footer p {
    margin: 0 0 2em 0; }
  footer a:hover {
    color: #E60064; }
  footer .logofooter img {
    max-width: 200px; }
    @media screen and (max-width: 1280px) {
      footer .logofooter img {
        max-width: 170px; } }
    @media screen and (max-width: 840px) {
      footer .logofooter img {
        max-width: 185px; } }
    @media screen and (max-width: 480px) {
      footer .logofooter img {
        max-width: 150px; } }
  footer .buttonblock img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 40px;
    margin: 0.2em 0.4em; }
  footer .buttonblock:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  footer .copyright {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(47, 43, 115, 0.3); }
    footer .copyright p {
      margin: 1em; }

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