/*
 Theme Name:   liseDESIGN Theme
 Theme URI:    https://lisedesign.de
 Description:  Child Theme
 Author:       Elisabeth Hütter
 Author URI:   https://lisedesign.de
 Template:     generatepress
 Version:      0.1
*/



/* FONT FAMILY */
.ff-body {
	font-family: var(--gp-font--body);
}

.ff-heading {
	font-family: var(--gp-font--head);
}



/* TYPOGRAPHY SCALE */
h1, .fs-h1 {
	font-size: clamp(3.125rem, 1.5rem + 5vw, 7.25rem);
	font-family: var(--gp-font--head);
	padding-bottom: 0.5rem;
	color: var(--brand-color-01);
}

h2, .fs-h2 {
	font-size: clamp(2.5rem, 1.25rem + 2.3438vw, 4rem);
	font-family: var(--gp-font--head);
	padding-bottom: 0.5rem;
	color: var(--brand-color-01);
}

h3, .fs-h3 {
	font-size: clamp(2.125rem, 1.125rem + 1.875vw, 3.25rem);
	font-family: var(--gp-font--head);
	padding-bottom: 0.5rem;
	color: var(--brand-color-01);
}

h4, .fs-h4 {
	font-size: clamp(1.875rem, 1.0625rem + 1.5625vw, 2.75rem);
	font-family: var(--gp-font--head);
	padding-bottom: 0.5rem;
	color: var(--brand-color-01);
}

h5, .fs-h5 {
	font-size: clamp(1.85rem, 1.05rem + 1.4vw, 2.375rem);
	font-family: var(--gp-font--head);
	padding-bottom: 0.5rem;
	color: var(--brand-color-01);
}

h6, .fs-h6 {
	font-size: clamp(1.75rem, 1.352rem + 0.81vi, 2rem);
	font-family: var(--gp-font--head);
	padding-bottom: 0.5rem;
	color: var(--brand-color-01);
}

p, .fs-p {
  	font-size: clamp(1.35rem, 0.8523rem + 0.3409vw, 1.35rem);
	font-family: var(--gp-font--body);
  	font-weight: 300;
	color: var(--brand-color-01);
}

.fs-p-s {
 	font-size: clamp(0.8rem, 0.8523rem + 0.3409vw, 1rem);
 	font-family: var(--gp-font--body);
 	font-weight: 400;
	color: var(--brand-color-01);
}

.fs-info {
 	font-size: clamp(1.25rem, 0.8523rem + 0.3409vw, 1.25rem);
	font-family: var(--gp-font--body);
	font-weight: 400;
	color: var(--brand-color-01);
 	white-space: nowarp;
}



/* BUTTON BACK TO TOP */
.generate-back-to-top {
    position: fixed;
	bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    text-decoration: none;
    z-index: 999;
    transition: transform 0.2s ease-in-out;
   
    background-image: url('https://polsterwerke.de/wp-content/uploads/2025/07/back-to-top.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.generate-back-to-top:hover {
    transform: scale(1.2);
}

@media (min-width: 1024px) {
    .generate-back-to-top {
        bottom: 40px;
        right: 40px;      
    }
}



/* BG PIC SLIDE OUT MENU */
#generate-slideout-menu:before {
    position: absolute; 
    width: 100%;
    height: 100%;
    bottom: 20px;
    left: 0px;
    content: '';
    background-image: url('https://polsterwerke.de/wp-content/uploads/2025/07/bg-slide-out-menu.svg');
    background-position: left, bottom;
    background-size: cover;
    opacity: 1;
    pointer-events: none;
}



/* CLOSE BOTTON ICON SLIDE OUT MENU */
.slideout-exit.has-svg-icon .gp-icon.pro-close {
    font-size: 32px;
}

.slideout-exit.has-svg-icon .gp-icon.pro-close svg, {
    fill: #1c221d !important;
    stroke: #1c221d !important;
}



/* BARRIEREFREIHEIT TASTATUREINGABE */
*:focus:not(:focus-visible) {
outline: none;}
*:focus-visible {
outline: 3px solid grey !important; outline-style: solid !important; color: black !important; background-color: #f0f0f0; border-radius: 0px !important;}

.main-navigation .main-nav ul li a, .site-info a {position: relative; z-index: 10;}



/* EINGANGS ANIMATION */
@media (prefers-reduced-motion: no-preference) {
  .animate {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease, transform 0.3s ease;
    will-change: opacity, transform;
  }

  .animate.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
	
  /* DEAKTIVIERT TRANSITIONS IM EDITOR */
  .editor-styles-wrapper .animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}