/**
 * Please note that these styles will be loaded before editor styles.
 * If a theme's editor style specifies the same classname, these may be overwritten.
 */


 .is-style-border-s {
   margin-left:7.3vw  !important;
   margin-right: 7.3vw !important;
   margin-top: 0.4em;
 }

 .is-style-border-m {
   margin-left:16vw  !important;
	 margin-right: 0  !important;
 }

.nf-form-content,
 .is-style-border-l {
	 margin-left:16vw  !important;
	 margin-right: 16vw  !important;
 }

 .is-style-border-xl {
		margin-left: 39.7vw !important;
		margin-right: 14.5vw !important;
 }

 .is-style-border-xxl {
		margin-left: calc(39.7vw + 50px) !important;
		margin-right: 14.50vw !important;
 }


 @media screen and (min-width: 1920px)  {
   .is-style-border-xl {
  		margin-left: 39.7vw !important;
  		margin-right: 20.5vw !important;
   }

   .is-style-border-xxl {
  		margin-left: calc(39.7vw + 50px) !important;
  		margin-right: 20.50vw !important;
   }
 }


@media screen and (max-width: 1010px) and (orientation:portrait) {
    .nf-form-content, .is-style-border-s, .is-style-border-m, .is-style-border-l {
      margin-left:16px  !important;
      margin-right: 16px  !important;
    }

    .is-style-border-xl {
       margin-left: 16px !important;
       margin-right: 16px !important;
    }

    .is-style-border-xxl {
       margin-left: 71px !important;
       margin-right: 48px !important;
    }
}

@media screen and (max-width: 1010px) and (orientation:landscape) {
    .nf-form-content, .is-style-border-s, .is-style-border-m, .is-style-border-l {
      margin-left:84px  !important;
      margin-right: 84px  !important;
    }

    .is-style-border-xl {
       margin-left: 124px !important;
       margin-right: 124px !important;
    }

    .is-style-border-xxl {
       margin-left: 201px !important;
       margin-right: 88px !important;
    }
}

/* ==========================================================
   Block-Editor an das Frontend angleichen
   Greift nur im Editor (.editor-styles-wrapper), nicht im Frontend
   ========================================================== */
.editor-styles-wrapper { line-height: 1.4 !important; padding: 0 !important; }
.editor-styles-wrapper .is-root-container { padding-left: 0 !important; padding-right: 0 !important; }
.editor-styles-wrapper .wp-block { width: auto !important; max-width: none !important; }
.editor-styles-wrapper .is-root-container > .wp-block { margin-top: 32px !important; margin-bottom: 32px !important; }
.editor-styles-wrapper .is-root-container > .wp-block:not([class*="is-style-border-"]) { margin-left: 0 !important; margin-right: 0 !important; }
.editor-styles-wrapper .is-root-container > .wp-block-cover { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; }
.editor-styles-wrapper .is-root-container > p.wp-block:not([class*="is-style-border-"]),
.editor-styles-wrapper .is-root-container > .block-list-appender { margin-left: 16vw !important; margin-right: 16vw !important; }
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper { margin-left: 7.3vw !important; margin-right: 7.3vw !important; line-height: 1.2 !important; }
.editor-styles-wrapper h1.wp-block, .editor-styles-wrapper h2.wp-block, .editor-styles-wrapper h3.wp-block, .editor-styles-wrapper h4.wp-block { line-height: 1.2 !important; }
.editor-styles-wrapper .wp-block-cover h1.wp-block { line-height: 1 !important; margin-top: 0.4em !important; margin-bottom: 22px !important; }
.editor-styles-wrapper .wp-block-cover p.wp-block { line-height: 1.4 !important; margin-top: 0.4em !important; margin-bottom: 1em !important; }
.editor-styles-wrapper p.wp-block { line-height: 1.4 !important; }
.editor-styles-wrapper .wp-block a { color: #65a800; }
.editor-styles-wrapper h1.wp-block:before, .editor-styles-wrapper h2.wp-block:before, .editor-styles-wrapper h3.wp-block:before { display: none !important; }