/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 12 2026 | 14:55:30 */
/* =====================================
   STOREFRONT ABSTÄNDE ENTFERNEN
===================================== */


.site-header {
    margin-bottom:0 !important;
}


.header-widget-region,
.header-widget-region .widget,
.header-widget-region .widget_text {

    margin:0 !important;
    padding:0 !important;

}


.storefront-breadcrumb {

    display:none !important;

}


.entry-header {

    display:none !important;

}


.site-main,
.content-area,
.hentry,
.entry-content {

    margin-top:0 !important;
    padding-top:0 !important;

}


.col-full {

    margin-top:0 !important;
    padding-top:0 !important;

}



/* =====================================
   HERO
===================================== */


.hero-cover {

    position:relative;


    width:100vw;


    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);


    margin-top:0 !important;

    margin-bottom:40px;


    min-height:520px;


    background-image:url("https://www.trockeneis.shop/wp-content/uploads/2026/07/Trockeneis-Nuggets-Kuehlung.webp");


    background-size:cover;


    background-position:65% center;


    background-repeat:no-repeat;


    display:flex;

    align-items:center;

}



/* =====================================
   OVERLAY
===================================== */


.hero-overlay {

    width:100%;


    padding:70px 0;


    background:linear-gradient(

        90deg,

        rgba(255,255,255,.92) 0%,

        rgba(255,255,255,.80) 42%,

        rgba(255,255,255,.18) 100%

    );

}



/* =====================================
   CONTENT
===================================== */


.hero-content {

    max-width:1200px;


    margin:auto;


    padding:0 40px;

}



/* H1 */

.hero-content h1 {

    max-width:650px;


    margin:0 0 30px;


    font-size:48px;


    line-height:1.15;


    font-weight:700;


    color:#222;

}



/* =====================================
   H2 VORTEILE
===================================== */


.hero-benefits {


    display:flex;


    flex-direction:column;


    max-width:700px;


    margin:0;


    padding:0;


    font-size:20px; /* HIER Größe ändern */


    line-height:1.2;


    font-weight:600;


    color:#333;


}



.hero-benefits span {


    display:block;


    margin-bottom:8px;


}



/* =====================================
   BUTTON
===================================== */


.hero-button {


    display:inline-block;


    margin-top:35px;


    padding:18px 38px;


    background:#ffbc32;


    color:#000;


    border-radius:8px;


    font-size:18px;


    font-weight:700;


    text-decoration:none;


    transition:.2s;


}



.hero-button:hover {


    background:#f0b000;


    color:#000;


}



/* =====================================
   SPRACHUMSCHALTER
===================================== */


.hero-language {


    position:absolute;


    top:20px;


    left:40px;


    z-index:1000;


}



.hero-language .trp-language-switcher {


    background:rgba(255,255,255,.95);


    border-radius:8px;


    padding:5px;


    box-shadow:0 3px 10px rgba(0,0,0,.15);


}



/* =====================================
   TABLET
===================================== */


@media(max-width:1100px){


    .hero-content {

        padding:0 30px;

    }


    .hero-content h1 {

        font-size:42px;

    }


    .hero-benefits {

        font-size:22px;

    }


}



/* =====================================
   MOBILE
===================================== */


@media(max-width:900px){


    .hero-cover {


        min-height:430px;


        background-position:70% center;


    }



    .hero-overlay {


        padding:45px 0;


        background:linear-gradient(

            90deg,

            rgba(255,255,255,.95),

            rgba(255,255,255,.88)

        );


    }



    .hero-content {


        padding:0 20px;


    }



    .hero-content h1 {


        font-size:34px;


        line-height:1.2;


    }



    .hero-benefits {


        font-size:18px;


        line-height:1.6;


    }



    .hero-button {


        width:100%;


        text-align:center;


        font-size:18px;


        padding:16px;


    }



    .hero-language {


        top:15px;

        left:15px;
		
        right:auto;
		


    }


}

@media(max-width:900px){

    /* mehr Platz oben für Sprachumschalter */
    .hero-overlay{
        padding-top:70px;
    }


    /* Sprachumschalter etwas höher/rechts halten */
    .hero-language{
        top:15px;
        right:15px;
    }


    /* H1 etwas Abstand nach oben */
    .hero-content h1{
        margin-top:15px;
    }

}

/* Sprachumschalter im globalen Header verstecken auf Startseite */

.home .header-widget-region {
    display:none !important;
}

/* =====================================
   NORMALE SEITEN: ABSTAND UNTER HEADER
===================================== */


/* Alle Seiten außer Startseite */

body:not(.home) .site-main {

    padding-top:50px !important;

}


/* Gutenberg / WooCommerce Inhalte */

body:not(.home) .entry-content {

    padding-top:0 !important;

}


/* Seitentitel wieder sauber positionieren */

body:not(.home) .entry-header {

    margin-top:0 !important;

    margin-bottom:30px !important;

} 

/* =====================================
   MOBILE: HERO-BILD ENTFERNEN
===================================== */

@media (max-width:900px){

    .hero-cover{
        background-image:none !important;
        background:#f7f7f7;
        min-height:auto;
    }

}