.elementor-9 .elementor-element.elementor-element-5d12df1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:2%;--padding-bottom:06%;--padding-left:10%;--padding-right:10%;}.elementor-9 .elementor-element.elementor-element-5d12df1 > .elementor-shape-bottom .elementor-shape-fill, .elementor-9 .elementor-element.elementor-element-5d12df1 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#921C7F;}.elementor-9 .elementor-element.elementor-element-5d12df1 > .elementor-shape-bottom svg, .elementor-9 .elementor-element.elementor-element-5d12df1 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:122px;}.elementor-9 .elementor-element.elementor-element-22b872e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-bfaa03c{width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-bfaa03c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-40c310e img{width:87%;border-radius:20px 20px 20px 20px;box-shadow:7px 8px 10px 4px rgba(0, 0, 0, 0.81);}.elementor-9 .elementor-element.elementor-element-ef39bae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ef39bae:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ef39bae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#921C7F;}.elementor-9 .elementor-element.elementor-element-2a159e6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:150px 150px;--row-gap:150px;--column-gap:150px;--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-f12c57e{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-f12c57e .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-7d65cdb img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-ccbc6b3{padding:10px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-9a3adec .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;fill:#921C7F;color:#921C7F;border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-9a3adec .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-9a3adec .elementor-button:focus{background-color:#DBDBDB;color:#921C7F;}.elementor-9 .elementor-element.elementor-element-9a3adec .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-9a3adec .elementor-button:focus svg{fill:#921C7F;}.elementor-9 .elementor-element.elementor-element-2eb212a{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-2eb212a .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-3a6b75a{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-3a6b75a .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0ecd1c8 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-0b3cd0a{padding:10px 0px 0px 0px;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-c9c7bc0 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;fill:#921C7F;color:#921C7F;border-radius:25px 25px 25px 25px;}.elementor-9 .elementor-element.elementor-element-c9c7bc0 .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-c9c7bc0 .elementor-button:focus{background-color:#DBDBDB;color:#921C7F;}.elementor-9 .elementor-element.elementor-element-c9c7bc0 .elementor-button:hover svg, .elementor-9 .elementor-element.elementor-element-c9c7bc0 .elementor-button:focus svg{fill:#921C7F;}.elementor-9 .elementor-element.elementor-element-42f77e1{--display:flex;--padding-top:0100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-42f77e1 > .elementor-shape-top .elementor-shape-fill, .elementor-9 .elementor-element.elementor-element-42f77e1 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#921C7F;}.elementor-9 .elementor-element.elementor-element-42f77e1 > .elementor-shape-top svg, .elementor-9 .elementor-element.elementor-element-42f77e1 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:122px;}.elementor-9 .elementor-element.elementor-element-ada814b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-5d12df1{--padding-top:1%;--padding-bottom:20%;--padding-left:4%;--padding-right:6%;}.elementor-9 .elementor-element.elementor-element-22b872e{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-2a159e6{--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-ada814b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-5d12df1{--padding-top:0%;--padding-bottom:050%;--padding-left:0%;--padding-right:0%;}.elementor-9 .elementor-element.elementor-element-22b872e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-bfaa03c{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-40c310e{padding:50px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-2a159e6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-ada814b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-22b872e{--width:80%;}.elementor-9 .elementor-element.elementor-element-ef39bae{--content-width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-22b872e{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-bfaa03c */.hjb-title {
  font-size: clamp(32px, 6vw, 72px);
  font-weight: 800;
  line-height: 1.1;
  word-break: normal;
  overflow-wrap: normal;
}

.hjb-rotate {
  display: block;
  position: relative;
  width: 100%;
  height: 140%;
  overflow: hidden;
}

.hjb-rotate span {
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    animation: hjbWords 9s infinite;
    white-space: normal;

    font-size: clamp(32px, 6vw, 72px);
    font-weight: 800;

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* H.J.B. (modern) */
.hjb-rotate span:nth-child(1) {
    animation-delay: 0s;
    background-image: linear-gradient(
        90deg,
        #8b5a2b 0%,
        #c9a227 55%,
        #f2d16b 100%
    );
}

/* Hollandsche Jongens Bond (historisch) */
.hjb-rotate span:nth-child(2) {
    animation-delay: 3s;
    background-image: linear-gradient(
        90deg,
        #1b5e20 0%,
        #43a047 40%,
        #81c784 100%
    );
}

/* Hollandse Jongeren Bond (scouting) */
.hjb-rotate span:nth-child(3) {
    animation-delay: 6s;
    background-image: linear-gradient(
        90deg,
        #1e88e5 0%,
        #26a69a 10%,
        #43a047 20%
    );
}

@keyframes hjbWords {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  8%, 28% {
    opacity: 1;
    transform: translateY(0);
  }

  36%, 100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}/* End custom CSS */