/* RULERS */
/*
.wp-block-n0-blocks-n0-grid {
    border: 1px dashed red;
}
.wp-block-n0-blocks-n0-grid-item {
    border: 1px dashed blueviolet;
}
.wp-block-n0-blocks-n0-image {
    border: 1px dashed blue;
}
*/

/*
h1, h2, h3, h4, h5, h6 {
    opacity: 0.8; 
}
*/

*/
/* Editor Icons */
/*
.editor-block-list-item-n0-blocks-n0-column,
.editor-block-list-item-n0-blocks-n0-group,
.editor-block-list-item-n0-blocks-n0-spacer,
.editor-block-list-item-n0-blocks-n0-text,
.editor-block-list-item-n0-blocks-n0-menu,
.editor-block-list-item-n0-blocks-n0-columns {
    color: #009fff !important;
}
*/
.editor-block-list-item-n0-blocks-n0-text svg,
.editor-block-list-item-n0-blocks-n0-columns svg {
    fill: #009fff !important;  
}

.n0-columns-icon {
    fill: #009fff !important;
}


.dashicon.dashicons.dashicons-star-filled {
    color: #009fff;
}

/* Clamp viewport 500-1600px */

.is-style-n0-contentwidth {
    padding-left: var(--wp--custom--ntheme--margin--left) !important;  
    padding-right: var(--wp--custom--ntheme--margin--right) !important;
}

.is-style-n0-cw-border {
    padding-left: 0;
    padding-right: 0;
    margin-left: var(--wp--custom--ntheme--margin--left) !important;  
    margin-right: var(--wp--custom--ntheme--margin--right) !important;
}

.wp-block-heading.is-style-n0-claim-1 {
    font-size: clamp(1.625rem, 0.7159rem + 2.9091vw, 3.625rem);
    color: var(--wp--custom--ntheme--colors--claim);
    font-weight: 300;
    line-height: 1.1em;
}
.wp-block-heading.is-style-n0-claim-2 {
    font-size: clamp(1.125rem, 0.5568rem + 1.8182vw, 2.375rem);
    color: var(--wp--custom--ntheme--colors--claim);
    font-weight: 300;
    line-height: 1em;
}
.wp-block-heading.is-style-n0-section {
    font-size: clamp(1.375rem, 0.3523rem + 3.2727vw, 3.625rem);
    color: var(--wp--custom--ntheme--colors--claim);
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
}

.draft {
	border: 1px dashed rgb(0, 159, 255) !important;
}

/* Wenn der Block im Entwurfsmodus ist */
.is_draft {
    opacity: 0.7; /* Block leicht transparent machen */
    pointer-events: none; /* Interaktion deaktivieren */
    border: 1px dashed rgb(0, 159, 255) !important; /* Optional: Rahmen für Entwurf sichtbar machen */
}

.is-style-n0-link-int,
.is-style-n0-link-ext {
    border: none !important;
    padding:0 !important;
}
.is-style-n0-link-int a,
.is-style-n0-link-ext a {
    font-size: var(--wp--preset--font-size--n-0-26-fl) !important;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    padding:0 !important;
    text-decoration: none !important;
}

.is-style-n0-link-int a::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6L18 18" stroke="black" stroke-width="1" /><path d="M6 18L6 6L18 6" stroke="black" stroke-width="1" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 12px;
    vertical-align: middle;
    background-position: 0 -3px;
}

.is-style-n0-link-ext a::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6L18 18" stroke="black" stroke-width="1" /><path d="M6 18L6 6L18 6" stroke="black" stroke-width="1" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 12px;
    vertical-align: middle;
    background-position: 0 -3px;
    transform: rotate(90deg);
}


.wp-block-separator.is-style-n0-contentwidth {
    margin-left: var(--wp--custom--ntheme--margin--left);
    margin-right: var(--wp--custom--ntheme--margin--right);
    width: auto;
}

.wp-block-separator.is-style-n0-fullwidth {
    width: 100%;
}

.plusmore {
    width: fit-content;
}

.plusmore::before {
    content: "+ ";
    font-size:1.4em;
}

.plusmore a {
    font-size: var(--wp--preset--font-size--n-0-28-fl);
    font-weight: 300;
    line-height: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    color: var(--wp--preset--color--ntheme-black);
}
.plusmore:hover {
    text-decoration: underline !important;
    text-decoration-thickness: auto;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 5px;
}
.n0-autogrid-item.addional.plusmore {
    margin-top: var(--wp--custom--ntheme--grid--column--width);
}


/* BUTTON STYLE */
.wp-block-button .is-style-n0-borderbox {
  border: 1px solid var(--wp--preset--color--ntheme-darkgray);
  border-radius: 35px;
  width: fit-content;
}

.wp-block-button.is-style-n0-borderbox a {
  text-decoration: none;
  color: var(--wp--preset--color--ntheme-darkgray);
  transition: all ease-in-out 0.1s;
   font-size: var(--wp--preset--font-size--n-0-22-fl);
  display: inline-block;
  font-weight: 400;
  margin-top: 5px;
  padding: 2px 15px;
  text-transform: uppercase;
}

.wp-block-button.is-style-n0-borderbox:hover {
  background-color: var(--wp--preset--color--ntheme-darkgray);
  color: white;
}


.wp-block-button.is-style-n0-arrowup,
.wp-block-button.is-style-n0-arrowright,
.wp-block-button.is-style-n0-plusmore,
.wp-block-button.is-style-n0-arrowext {
  width: fit-content;
  border: none;
  padding: 0;
}

.wp-block-button.is-style-n0-arrowup a::after,
.wp-block-button.is-style-n0-arrowright a::after,
.wp-block-button.is-style-n0-arrowext a::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6L18 18" stroke="black" stroke-width="1" /><path d="M6 18L6 6L18 6" stroke="black" stroke-width="1" /></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-position: -2px -6px;
  transform: rotate(90deg);
  margin-left: 5px;
  color: var(--wp--preset--color--ntheme-darkgray);
}


.wp-block-button.is-style-n0-arrowright a::after {
  vertical-align: middle;
  background-position: -4px 0px;
  transform: rotate(135deg);
  margin-left: 8px;
}

.wp-block-button.is-style-n0-arrowext a::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.36362 6.99988H-3.05176e-05V0.63623H2.65149V0.901383H0.265122V6.73473H6.09847V4.34836H6.36362V6.99988Z" fill="black"/><path d="M6.92534 0.278309L6.73785 0.0908203L3.21306 3.61562L3.40055 3.8031L6.92534 0.278309Z" fill="black"/><path d="M7 2.65152H6.73485V0.265152H4.34848V0H7V2.65152Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  transform: rotate(0);
  margin-left: 9px;
  background-size: 67px 64px;
  background-position: 7px 3px;
}

.wp-block-button.is-style-n0-plusmore a::before {
  content: "+ ";
  font-size: 1.5em;
  font-weight: 300;
}

.wp-block-button.is-style-n0-arrowup a,
.wp-block-button.is-style-n0-arrowright a,
.wp-block-button.is-style-n0-plusmore a,
.wp-block-button.is-style-n0-arrowext a {
  text-decoration: none;
  color: var(--wp--preset--color--ntheme-darkgray);
  transition: all ease-in-out 0.1s;
  font-size: var(--wp--preset--font-size--n-0-26-fl);
  display: inline-block;
  font-weight: 400;
  margin-top: 5px;
  padding: 2px 15px;
  text-transform: uppercase;
  display: inline-block;
}

.wp-block-button.is-style-n0-arrowup:hover,
.wp-block-button.is-style-n0-arrowright:hover,
.wp-block-button.is-style-n0-plusmore:hover,
.wp-block-button.is-style-n0-arrowext:hover {
    border:none;
    background-color: transparent;
    color: var(--wp--preset--color--ntheme-darkgray) !important;
}

.wp-block-button.is-style-n0-arrowup a:hover,
.wp-block-button.is-style-n0-arrowright a:hover,
.wp-block-button.is-style-n0-plusmore a:hover,
.wp-block-button.is-style-n0-arrowext a:hover {
    border:none;
    background-color: transparent;
    text-decoration: underline !important;
    text-decoration-thickness: auto;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 5px;
    color: var(--wp--preset--color--ntheme-darkgray) !important;
}