/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


.clip-path-shape-3 {
    mask: url('/wp-content/themes/generatepress_child/assets/svg/Clip-path-3.svg')
        center center / contain no-repeat;
    -webkit-mask: url('/wp-content/themes/generatepress_child/assets/svg/Clip-path-3.svg')
        center center / contain no-repeat; /* Safari */
    mask-size: auto;}


.clip-path-shape-4 {
    mask: url('/wp-content/themes/generatepress_child/assets/svg/Clip-path-4.svg') no-repeat;
    -webkit-mask: url('/wp-content/themes/generatepress_child/assets/svg/Clip-path-4.svg') no-repeat; /* Safari Unterstützung */
    mask-size: auto;
}

/*Hintergrund Sektion .bg-r, wenn Text rechts und .bg-l, wenn Text links*/
.bg, .bg-r, .bg-l {
	position: relative;
	width: 100%;
    min-height: 400px;
	background: none;
}

.bg-r::before, .bg-l::before {
    content: "";
    position: absolute;
    top: 0;
    width: 75%; /* Hintergrund nimmt 75% der Breite ein */
    height: 100%;
    background: linear-gradient(
    135deg,
     rgba(236,240,243,0.15) 0%,
     rgba(236,240,243,0.05) 100%
    );
    border-radius: 16px;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.bg {
    background: linear-gradient(
    135deg,
     rgba(236,240,243,0.15) 0%,
     rgba(236,240,243,0.05) 100%
    );
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border: 1px solid rgba(200, 154, 91, 0.3);
}

.bg-r::before {
	right: 0;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px; 
}

.bg-l::before {
	left: -32px;
	border-top-right-radius: 32px;
    border-bottom-right-radius: 32px; 
}

@media (max-width: 1025px) {
    .bg-r::before {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .bg-l::before {
        width: 0;
    }
 }