.elementor-1569 .elementor-element.elementor-element-0b5506f{--display:flex;--min-height:500px;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1569 .elementor-element.elementor-element-0b5506f:not(.elementor-motion-effects-element-type-background), .elementor-1569 .elementor-element.elementor-element-0b5506f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://johanniterorden-hamburg.de/wp-content/uploads/2026/09/ordenskreuz-banner-2543.webp");background-position:top center;background-size:cover;}.elementor-1569 .elementor-element.elementor-element-c299acd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:0px;}.elementor-1569 .elementor-element.elementor-element-c299acd:not(.elementor-motion-effects-element-type-background), .elementor-1569 .elementor-element.elementor-element-c299acd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1569 .elementor-element.elementor-element-b3b263f{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1569 .elementor-element.elementor-element-9e6732a{text-align:start;}.elementor-1569 .elementor-element.elementor-element-9e6732a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-background );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1569 .elementor-element.elementor-element-e115c01{padding:0px 080px 0px 0px;text-align:start;font-family:"Manrope", Sans-serif;font-size:24px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-background );}.elementor-1569 .elementor-element.elementor-element-f5fdfa9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:100px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-1569 .elementor-element.elementor-element-f2994d6 .elementor-heading-title{font-family:var( --e-global-typography-heading-l-font-family ), Sans-serif;font-size:var( --e-global-typography-heading-l-font-size );font-weight:var( --e-global-typography-heading-l-font-weight );line-height:var( --e-global-typography-heading-l-line-height );color:var( --e-global-color-primary );}.elementor-1569 .elementor-element.elementor-element-b95ed9f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 24px 0px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}@media(min-width:768px){.elementor-1569 .elementor-element.elementor-element-c299acd{--width:60%;}.elementor-1569 .elementor-element.elementor-element-b3b263f{--width:75%;}.elementor-1569 .elementor-element.elementor-element-f5fdfa9{--content-width:1120px;}}@media(max-width:1024px){.elementor-1569 .elementor-element.elementor-element-b3b263f{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1569 .elementor-element.elementor-element-9e6732a .elementor-heading-title{font-size:36px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1569 .elementor-element.elementor-element-e115c01{font-size:21px;}.elementor-1569 .elementor-element.elementor-element-f5fdfa9{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-1569 .elementor-element.elementor-element-f2994d6 .elementor-heading-title{font-size:var( --e-global-typography-heading-l-font-size );line-height:var( --e-global-typography-heading-l-line-height );}.elementor-1569 .elementor-element.elementor-element-b95ed9f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1569 .elementor-element.elementor-element-9e6732a .elementor-heading-title{font-size:26px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1569 .elementor-element.elementor-element-e115c01{width:100%;max-width:100%;font-size:20px;}.elementor-1569 .elementor-element.elementor-element-f5fdfa9{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-1569 .elementor-element.elementor-element-f2994d6 .elementor-heading-title{font-size:var( --e-global-typography-heading-l-font-size );line-height:var( --e-global-typography-heading-l-line-height );}.elementor-1569 .elementor-element.elementor-element-b95ed9f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-b3b263f *//* Standard: Mit Abstand */
.elementor-1569 .elementor-element.elementor-element-b3b263f {
  margin-left: 10vw; /* 5% der Bildschirmbreite */
}
/* Ab 1200px: Reduzierter Abstand */
@media (max-width: 1200px) {
  .elementor-1569 .elementor-element.elementor-element-b3b263f {
    margin-left: 5vw;
  }
}

/* Ab 768px: Kein Abstand */
@media (max-width: 768px) {
  .elementor-1569 .elementor-element.elementor-element-b3b263f {
    margin-left: 0px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b5506f */.hero-parent1{
  --hero-h: 500px;          /* Single source of truth */
  min-height: var(--hero-h);

  position: relative;
  overflow: hidden;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: stretch;     /* sorgt dafür, dass hero-left volle Höhe bekommt */
  gap: 0;
  padding: 0;
}

/* Linker Block: 50% breit, volle Höhe automatisch durch Stretch */
.hero-left1{
  --tan21: 0.383864;                          /* tan(21°) */
  --cut: calc(var(--hero-h) * var(--tan21));  /* horizontaler Versatz -> exakt 21° */

  flex: 0 0 50%;
  margin: 0;

  /* Falls du die Farbe lieber hier zentral steuern willst: */
  /* background: #0055ff; */

  z-index: 2;

  /* Schräge rechts: von oben links nach unten rechts */
  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% 100%,
    0 100%
  );
}

/* Mobile: keine Schräge, Block vollbreit */
@media (max-width: 767px){
  .hero-parent1{ --hero-h: 380px; }  /* optional */
  .hero-left1{
    background: #ffffff;   /* blau → weiß */
    clip-path: none;       /* keine Schräge */
    flex: 0 0 100%;        /* vollbreit */
  }
}/* End custom CSS */