/* Custom CSS Code by Anandaweb */
/* Schallgruber Website 2025 */

/*Header Schatten*/
#sp-header {box-shadow: 0px 1px 10px 2px #1d1d1d;}

/*Anpassung bei Mobile Ansicht für Header und Logo*/
@media only screen and (max-width: 575px) {#sp-header {height: 60px;} .logo-image-phone {height: 28px;}}

/*Logo verkleinern bei kleinen Display*/
@media only screen and (max-width: 300px) {.logo-image-phone {height: 20px; margin-top: -6px;}}

/*Mobiles Menu - Logo anpassen*/
.offcanvas-menu .logo-image-phone {margin: 50px 0 -20px 15px;}

/*Full-Height Video Container berechnen*/
.sg-video-full {height: calc(100vh - 120px) !important;}

/*Icons Social-Media im Header bei Desktop-View*/
@media only screen and (min-width: 992px){
.sg-some-icon {font-size: 25px; position: relative; top: 5px;}
.fa-brands.fa-instagram.sg-some-icon {right: -10px; margin-left: -28px;}}


/*CONTENT PAGES*/

/*Logos im Herovideo*/
.sg-logo-div-startseite img {max-height: 250px; width: auto;}






/* Test Sticky */

.body-innerwrapper {overflow-x: clip;}

.position-sticky {
    top: 861px;
    height: fit-content;
    z-index: 99999 !important;}