Hero 06
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.
![](https://nucleus.cm4all.cloud/wp-content/uploads/2021/07/Split-Screen-33-66.png)
Willkommen —
Ihr Partner
für Recht, Steuern und Wirtschaft in der Metropolregion Berlin
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.
125+
Mitarbeiter*innen
35+
Rechtsanwälte,
Steuerberater,
Wirtschaftsprüfer
4
Standorte in der
Metropolregion
Berlin
2020
Ausgezeichnet
von Focus Money
88+
Tassen Kaffe täglich
<!-- 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*/