.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-7 .elementor-element.elementor-element-8aa0242{text-align:center;}.elementor-7 .elementor-element.elementor-element-8aa0242 .elementor-heading-title{font-family:"Rosehot", Sans-serif;font-size:8rem;font-weight:800;word-spacing:-20px;color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-672a3f3{text-align:center;}.elementor-7 .elementor-element.elementor-element-672a3f3 .elementor-heading-title{font-family:"Rosehot", Sans-serif;font-size:4rem;font-weight:600;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-4e99457{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-b507612{--spacer-size:50px;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.pier7.club/wp-content/uploads/2026/01/abstract-geometric-background-shapes-texture-150x150.jpg");background-repeat:repeat;background-size:auto;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-8aa0242 */.elementor-7 .elementor-element.elementor-element-8aa0242 .elementor-heading-title {
    /* 1. HIER die Bild-URL zwischen die Anführungszeichen einfügen */
    /* WICHTIG: Die Textur muss ZUERST kommen, dann der Farbverlauf */
    background-image: 
        url('https://www.pier7.club/wp-content/uploads/2026/01/brushed-alum-dark.png'),
        linear-gradient(
            45deg,
            #462523 0%,
            #cb9b51 10%, 
            #f6e27a 45%,
            #f6f2c0 50%,
            #f6e27a 55%,
            #cb9b51 90%,
            #462523 100%
        );

    /* 2. Verschmelzungs-Modus: Wie reagiert die Textur mit dem Gold? */
    /* 'multiply' ist meist am besten für Kratzer/Dreck */
    /* 'overlay' ist besser für Glanz/Rauschen */
    background-blend-mode: multiply;

    /* 3. Textur wiederholen, falls das Bild klein ist */
    background-repeat: repeat;
    background-size: auto; /* Spiel hier mit Pixelwerten (z.B. 200px), um die Kratzergröße zu ändern */

    /* 4. Das Wichtigste: Hintergrund auf den Text beschneiden */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* 5. Schrift transparent machen, damit der Hintergrund sichtbar wird */
    -webkit-text-fill-color: transparent;
    color: transparent;

    /* Optional: 3D-Schatten */
    filter: drop-shadow(0px 2px 0px rgba(0,0,0,0.3));
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-672a3f3 */.elementor-7 .elementor-element.elementor-element-672a3f3 .elementor-heading-title {
    /* 1. HIER die Bild-URL zwischen die Anführungszeichen einfügen */
    /* WICHTIG: Die Textur muss ZUERST kommen, dann der Farbverlauf */
    background-image: 
        url('https://www.pier7.club/wp-content/uploads/2026/01/brushed-alum-dark.png'),
        linear-gradient(
            45deg,
            #462523 0%,
            #cb9b51 10%, 
            #f6e27a 45%,
            #f6f2c0 50%,
            #f6e27a 55%,
            #cb9b51 90%,
            #462523 100%
        );

    /* 2. Verschmelzungs-Modus: Wie reagiert die Textur mit dem Gold? */
    /* 'multiply' ist meist am besten für Kratzer/Dreck */
    /* 'overlay' ist besser für Glanz/Rauschen */
    background-blend-mode: multiply;

    /* 3. Textur wiederholen, falls das Bild klein ist */
    background-repeat: repeat;
    background-size: auto; /* Spiel hier mit Pixelwerten (z.B. 200px), um die Kratzergröße zu ändern */

    /* 4. Das Wichtigste: Hintergrund auf den Text beschneiden */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* 5. Schrift transparent machen, damit der Hintergrund sichtbar wird */
    -webkit-text-fill-color: transparent;
    color: transparent;

    /* Optional: 3D-Schatten */
    filter: drop-shadow(0px 2px 0px rgba(0,0,0,0.3));
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rosehot';
	font-display: auto;
	src: url('https://www.pier7.club/wp-content/uploads/2026/01/Rosehot.ttf') format('truetype');
}
/* End Custom Fonts CSS */