Hero 07

Gutenberg-Code kopieren (Editor)

Kopiere dir über den entsprechenden Button den Gutenberg-Code in die Zwischenablage.

Gehe in den Gutenberg-Editor der entsprechenden Instanz und füge den Code über STRG+SHIFT+V an der gewünschten Stelle ein. (STRG+Z bei Dopplung)

CSS-Code kopieren (Customizer)

Kopiere dir über den entsprechenden Button den CSS-Code in die Zwischenablage.

Gehe in den Customizer der entsprechenden Instanz und füge den CSS-Code über STRG+V in den „Zusätzlichen CSS„-Einstellungen.

Wir helfen unseren Kunden bei lorem ipsum dolor sit amet

 

Unser Service für Sie

Lorem ipsum dolor sit amet

Über uns und unsere besonderen Beratungsleistungen

Lorem ipsum dolor sit amet, consetetur sadipscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna consetetur sadipscing elitr, sed diam nonumy aliquyam erat.

Unser Service für Sie

Lorem ipsum dolor sit amet, consetetur sadipscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Unser Service für Sie

Lorem ipsum dolor sit amet, consetetur sadipscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

<!-- wp:cover {"url":"https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/r-architecture-2gDwlIim3Uw-unsplash.jpg","id":4260,"dimRatio":60,"overlayColor":"trinity-theme-secondary-contrast","minHeight":70,"minHeightUnit":"vh","align":"full","cm4allBlockId":"79309835-c77e-479a-9908-0be4cf8d56b7"} -->
<div class="wp-block-cover alignfull has-background-dim-60 has-trinity-theme-secondary-contrast-background-color has-background-dim" style="min-height:70vh" id="home"><img class="wp-block-cover__image-background wp-image-4260" alt="" src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/r-architecture-2gDwlIim3Uw-unsplash.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"100px","right":"0px","bottom":"100px","left":"0px"}}},"className":"alignwide","cm4allBlockId":"f710081a-1ff4-4743-90bd-f620dafced5d"} -->
<div class="wp-block-group alignwide" style="padding-top:100px;padding-right:0px;padding-bottom:100px;padding-left:0px"><!-- wp:columns {"verticalAlignment":"center","align":"full","className":"\u002d\u002dcustom-bypass-paddings","cm4allBlockId":"c1406352-7053-4e71-a71d-556640c83cbe"} -->
<div class="wp-block-columns alignfull are-vertically-aligned-center --custom-bypass-paddings"><!-- wp:column {"verticalAlignment":"center","width":"800px","cm4allBlockId":"289f0c54-9cff-401b-9e6c-23717db8e74d"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:800px"><!-- wp:group {"className":"is-style-default","cm4allBlockId":"3f4ab681-c3e9-4934-98e3-1764db7b6331"} -->
<div class="wp-block-group is-style-default"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}},"textColor":"trinity-theme-primary-contrast","className":" is-style-cm4all-theme-font\u002d\u002dinter has-transform-lowercase has-font-weight-400","cm4allBlockId":"57da4b3c-6842-47c1-87a9-b6aca3ea09bc"} -->
<p class="is-style-cm4all-theme-font--inter has-transform-lowercase has-font-weight-400 has-trinity-theme-primary-contrast-color has-text-color" style="font-size:16px">Eine Kategorie Überschrift</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","level":1,"style":{"color":{"text":"rgba(255,255, 255, 1)"},"typography":{"fontSize":"60px"}},"className":"","cm4allBlockId":"29c059a5-c4da-4bfd-946d-9017281faeda"} -->
<h1 class="has-text-align-left has-text-color" style="color:rgba(255,255, 255, 1);font-size:60px">Eine Headline mit [Unternehmen]</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"color":{"text":"rgba(255,255, 255, 1)"},"typography":{"fontSize":"18px"}},"className":"","cm4allBlockId":"58ed0af1-5fa3-4b55-add4-72098c9f44a0"} -->
<p class="has-text-align-left has-text-color" style="color:rgba(255,255, 255, 1);font-size:18px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"left","className":"","cm4allBlockId":"e6ece40f-c57f-4e8c-a602-3861a1d79726","style":{"spacing":{"padding":{"top":"0em","right":"0em","bottom":"0em","left":"0em"}}}} -->
<div class="wp-block-buttons is-content-justification-left" style="padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em"><!-- wp:button {"className":"is-style-fill","cm4allBlockId":"295ddcbf-4579-4232-9c20-f00d30e7773b"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link">Mehr Informationen</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"trinity-theme-primary-contrast","className":"is-style-outline","cm4allBlockId":"09d23f80-6a9c-418f-b4fb-189895a3251f"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-trinity-theme-primary-contrast-color has-text-color">Anruf: +40 30 1234567</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:group {"className":"alignwide","cm4allBlockId":"a1f29475-dd11-4249-a545-f5baec4444e9"} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"left":"1em","right":"1em"}},"elements":{"link":{"color":{"text":"var:preset|color|trinity-theme-secondary"}}}},"backgroundColor":"trinity-theme-inherit","className":"\u002d\u002dcustom-border-radius-12 \u002d\u002dcustom-image-shadow-s \u002d\u002dcustom-push-top-4-5x","cm4allBlockId":"d0249c5a-7df8-4a34-bd39-cd908f7bdbe0"} -->
<div class="wp-block-columns are-vertically-aligned-bottom --custom-border-radius-12 --custom-image-shadow-s --custom-push-top-4-5x has-trinity-theme-inherit-background-color has-background has-link-color" style="padding-right:1em;padding-left:1em"><!-- wp:column {"verticalAlignment":"bottom","width":"380px","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"backgroundColor":"trinity-theme-inherit","className":"\u002d\u002dcustom-border-radius-6 \u002d\u002dcustom-hover-shadow-50","cm4allBlockId":"f6ae3338-2ecb-4759-8420-2974324369b3"} -->
<div class="wp-block-column is-vertically-aligned-bottom --custom-border-radius-6 --custom-hover-shadow-50 has-trinity-theme-inherit-background-color has-background" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex-basis:380px"><!-- wp:image {"align":"center","id":4245,"width":64,"height":47,"linkDestination":"none","className":"is-style-default","cm4allBlockId":"219b6a08-fa28-44ef-bcce-92ff7cd13ffa"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter is-resized"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/Ic-Ic-Forklift_dark.png" alt="" class="wp-image-4245" width="64" height="47"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"21px"}},"className":"","cm4allBlockId":"2d1e8b15-59a3-4b7b-98cd-d70d6fd64042"} -->
<h2 class="has-text-align-center" style="font-size:21px"><meta charset="utf-8"><a href="#">Eine erste Leistung steht an dieser Stelle</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"f2c43bac-6a1a-440f-b7ae-9d98cef12a40"} -->
<p class="has-text-align-center"><a href="#">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"380px","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"className":"\u002d\u002dcustom-border-radius-6 \u002d\u002dcustom-hover-shadow-50","cm4allBlockId":"a35c8b4e-4374-41cc-8edf-a7b16a2db707"} -->
<div class="wp-block-column is-vertically-aligned-bottom --custom-border-radius-6 --custom-hover-shadow-50" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex-basis:380px"><!-- wp:image {"align":"center","id":4225,"width":48,"height":54,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"c49db557-db77-495d-a2fb-a264565de6ab"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/Ic-Brush_dark.png" alt="" class="wp-image-4225" width="48" height="54"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"21px"}},"className":"","cm4allBlockId":"f248b5bd-aa6c-41ce-b2cd-d84a79e8577f"} -->
<h2 class="has-text-align-center" style="font-size:21px"><meta charset="utf-8"><a href="#">Eine zweite Leistung steht an dieser Stelle</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"92faed28-7e8e-45e6-b258-ab2f7a6dd493"} -->
<p class="has-text-align-center"><a href="#">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"380px","style":{"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"className":"\u002d\u002dcustom-border-radius-6 \u002d\u002dcustom-hover-shadow-50","cm4allBlockId":"71e6ab0c-8243-44fa-b21c-c2e6e73b1192"} -->
<div class="wp-block-column is-vertically-aligned-bottom --custom-border-radius-6 --custom-hover-shadow-50" style="padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex-basis:380px"><!-- wp:image {"align":"center","id":4248,"width":64,"height":55,"sizeSlug":"full","linkDestination":"none","className":"is-style-default","cm4allBlockId":"fe1a06c9-1a3b-4310-88be-13ab6d931321"} -->
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img src="https://nucleus.cm4all.cloud/wp-content/uploads/2021/09/Ic-ConcreteMixer_dark.png" alt="" class="wp-image-4248" width="64" height="55"/></figure></div>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"21px"}},"className":"","cm4allBlockId":"e4903509-d823-4686-9e9f-2898b68561b2"} -->
<h2 class="has-text-align-center" style="font-size:21px"><meta charset="utf-8"><a href="#">Eine dritte Leistung steht an dieser Stelle</a></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"","cm4allBlockId":"9f2699e0-fbe4-44aa-af5f-5df6eb30bde4"} -->
<p class="has-text-align-center"><a href="#">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
/* Hero-04 Start*/
.--custom-hover-shadow-50:hover {
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.05); 
	box-shadow: 0px 0px 50px 20px rgba(0,0,0,0.05);
}

.--custom-border-radius-6,
.--custom-border-radius-6 ul li.blocks-gallery-item figure img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.--custom-border-radius-12 {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.--custom-image-shadow-s {
	-webkit-box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.10); 
	box-shadow: 0px 0px 30px 20px rgba(0,0,0,0.10);
}
.--custom-push-top-4-5x{
	position: relative;
	z-index: 9;
	margin-top: -81px!important;
}

/* Make Underline Great Again but Prevent Other */
a:link {text-decoration: none;}
a:hover:not(.cm4all-theme-navigation-main * a):not(.wp-block-buttons * a):not(h1 a,h2 a,h3 a,h4 a,h5 a,h6 a) {
	text-decoration: underline; text-underline-position: under;
}

/* Hero-04 End*/