/*
 Theme Name:   Bricks Child Theme 
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.sco-background-gradient-red {
background:linear-gradient(-45deg,#ff6f0e,#ff0915,#ff440c,#ff0915);
background-size:400% 400%;
animation:gradient 5s ease infinite
}

.sco-background-gradient-black {
background:linear-gradient(-45deg,#000,#323232,#404040,#000);
background-size:800% 800%;
animation:gradient 10s ease infinite
}

@keyframes gradient {
0% {
background-position:0 50%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 50%
}
}

.btn {
height:60px;
max-width:none;
background-color:#FF0915;
border-radius:100px;
border:solid 2px #fff;
margin-top:30px;
transform-origin:left;
cursor:pointer;
color:#fff;
padding-left:25px;
padding-right:25px
}

.btn span {
font-size:1.5rem;
color:#fff;
white-space:nowrap
}

@media (max-width: 860px) {
.btn {
height:50px;
padding-left:15px;
padding-right:15px;
margin-top:20px
}

.btn span {
font-size:1.2rem
}
}

@media (max-width: 480px) {
.btn {
height:45px;
padding-left:15px;
padding-right:15px;
margin-top:15px
}

.btn span {
font-size:1rem
}
}

#btn2 {
align-self:flex-end!important;
font-size:1.5rem;
color:#fff;
white-space:nowrap
}

#btn7 {
align-self:flex-end;
justify-self:end
}

.text--red {
color:#ff0915
}

.center-ani {
color:#000;
max-width:100%;
height:auto;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden
}

.word {
white-space:normal;
display:inline-flex;
flex-wrap:wrap;
font-size:clamp(2rem,6vw,5.5rem);
line-height:1.3;
animation:an 2s ease-out 1 both
}

@keyframes an {
from {
opacity:0;
transform:perspective(500px) translate3d(30px,-35px,-145px) rotate3d(1,-1,0,25deg)
}

to {
opacity:1;
transform:perspective(500px) translate3d(0,0,0)
}
}

.services-circle-wrapper {
	height: 150vh !important;
	position: relative;
}

.services-circle-wrapper .services-circle {
position:relative;
top:50%;
left:50%;
transform:translate(-50%,-50%);
display:flex;
justify-content:center;
align-items:center;
width:20.75rem;
height:20.75rem;
padding:8rem;
background:conic-gradient(from 180deg at 50% 50%,#ff7276 0deg,#ff0915 360deg);
border:.1875rem solid #fff;
border-radius:50%
}

@media (min-width: 1024px) {
.services-circle-wrapper .services-circle {
width:30.75rem;
height:30.75rem
}
}

@media (min-width: 1220px) {
.services-circle-wrapper .services-circle {
width:43.75rem;
height:43.75rem
}
}

.services-circle-wrapper .services-circle-text {
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
right:0;
margin-left:0;
margin-right:0;
width:100%;
height:100%
}

.services-circle-wrapper .services-circle-text h3,.services-circle-wrapper .services-circle-text .h3 {
margin-bottom:0;
font-size:1.75rem;
line-height:1.2;
text-align:center
}

@media (min-width: 1024px) {
.services-circle-wrapper .services-circle-text h3,.services-circle-wrapper .services-circle-text .h3 {
font-size:2rem
}
}

@media (min-width: 1220px) {
.services-circle-wrapper .services-circle-text h3,.services-circle-wrapper .services-circle-text .h3 {
font-size:3rem
}
}

.services-circle-wrapper .services-circle-text h3:not(.wp-block),.services-circle-wrapper .services-circle-text .h3:not(.wp-block) {
position:absolute;
margin-left:auto;
margin-right:auto;
color:#fff;
opacity:0
}

.services-circle-wrapper .services-circle-text h3:first-child,.services-circle-wrapper .services-circle-text .h3:first-child {
opacity:1
}

.testimonialContainer {
display:grid;
grid-template-columns:100% 100% 100%;
column-gap:80px;
padding-left:40px;
padding-right:40px;
margin-top:50px
}

.testimonial {
display:grid;
column-gap:20px;
grid-template-columns:repeat(3,calc(33.33% - 13.33px))
}

.testimonialC1 {
display:grid;
grid-template-columns:100%;
height:fit-content
}

.testimonialC1 img {
width:100%;
grid-area:1 / 1 / 1 / 1;
align-self:flex-end
}

.testimonialC1 img:nth-child(2) {
width:86.3%;
margin-left:auto;
margin-right:auto;
padding-bottom:6.85%
}

.testimonialC2 .testimonialQuote {
width:100%;
aspect-ratio:1 / 1;
background-color:#FF0915;
margin-top:54.5%
}

.testimonialC2 .testimonialQuote p {
margin:0;
padding:15px;
font-size:32px;
color:#fff;
font-weight:700;
line-height:1.2
}

.testimonialC3 {
display:grid;
grid-template-columns:100%;
margin-top:54.5%
}

.testimonialC3 img {
width:100%;
grid-area:1 / 1 / 1 / 1
}

.testimonialC3 .testimonialAuthor {
grid-area:1 / 1 / 1 / 1;
padding:15px
}

.testimonialC3 .testimonialAuthor h2 {
font-size:32px;
margin:0;
font-weight:700
}

.testimonialC3 .testimonialAuthor p {
font-size:32px;
margin:0;
line-height:1.4
}

.testimonials > .container {
width:100%;
height:100vh;
overflow:hidden
}

.testimonial-wrapper {
display:flex;
height:100%
}

.testimonial-container {
display:grid;
grid-template-columns:repeat(10,1fr);
column-gap:5rem;
padding:15rem 0;
font-size:2rem;
margin-left:2%
}

.testimonial-item {
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
gap:1.125rem;
height:100%
}

.testimonial-item .testimonial-left,.testimonial-item .testimonial-center,.testimonial-item .testimonial-right {
position:relative;
width:27.5rem;
height:27.5rem
}

.testimonial-item .testimonial-left::before,.testimonial-item .testimonial-center::before,.testimonial-item .testimonial-right::before {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
background-repeat:no-repeat;
z-index:0
}

.testimonial-item .testimonial-left > *,.testimonial-item .testimonial-center > *,.testimonial-item .testimonial-right > * {
position:relative;
z-index:1
}

.testimonial-item .testimonial-left {
padding:1.875rem
}

.testimonial-item .testimonial-left::before {
height:42.5rem;
background-image:url(https://www.schloesser-co.de/wp-content/uploads/2025/03/testimonial2.svg);
background-size:27.5rem 42.5rem
}

.testimonial-item .testimonial-left figure {
transform:none!important
}

.testimonial-item .testimonial-center,.testimonial-item .testimonial-right {
padding:1.5rem 1.25rem
}

.testimonial-item .testimonial-center {
color:#fff
}

.testimonial-item .testimonial-center::before {
height:27.5rem;
background-image:url(https://www.schloesser-co.de/wp-content/uploads/2025/03/sco-union-rectangle.svg);
background-size:27.5rem 27.5rem
}

.testimonial-item .testimonial-right::before {
bottom:auto;
top:0;
height:42.5rem;
background-image:url(https://www.schloesser-co.de/wp-content/uploads/2025/03/testimonial1.svg);
background-size:27.5rem 42.5rem
}

.testimonialContainer-mobil {
overflow:auto;
align-items:center
}

.testimonials-mobil {
display:grid;
grid-template-columns:repeat(4,minmax(240px,1fr)) 50px;
grid-auto-flow:column;
gap:40px;
width:auto;
margin:30px 15px 50px
}

.testimonial-mobil {
display:block
}

.testimonial-mobil img {
width:240px;
height:auto
}

.testimonialImage1-mobil {
transform:translateX(65px)
}

.testimonialImage2-mobil {
transform:translateY(-120px);
margin-bottom:-120px
}

.testimonialImage3-mobil {
transform:translateX(65px) translateY(-630px);
margin-bottom:-360px
}

.testimonialSmallBildUnten-mobil {
width:210px!important;
margin-left:15px;
margin-bottom:-170px;
transform:translateY(-255px)
}

.testimonialTopText-mobil {
width:210px;
height:200px;
transform:translateX(70px) translateY(-650px);
margin-bottom:-200px;
padding-left:5px
}

.testimonialTopText-mobil h3 {
font-size:15px;
font-weight:500;
margin:0;
margin-bottom:8px;
opacity:inherit
}

.testimonialTopText-mobil p {
font-size:15px;
font-weight:500;
margin:0;
opacity:inherit
}

.weissSchrift-mobil {
color:#fff
}

.opacityGroup1-mobil {
opacity:0;
animation:opacityGroup1Animation 10s infinite
}

.opacityGroup2-mobil {
opacity:0;
animation:opacityGroup2Animation 10s infinite
}

@keyframes opacityGroup1Animation {
0% {
opacity:1
}

46% {
opacity:1
}

55% {
opacity:0
}

90% {
opacity:0
}

100% {
opacity:1
}
}

@keyframes opacityGroup2Animation {
0% {
opacity:0
}

45% {
opacity:0
}

55% {
opacity:1
}

90% {
opacity:1
}

100% {
opacity:0
}
}

.faq-wrapper {
max-height:250px;
overflow:hidden
}

.faq-wrapper h2 {
font-weight:700;
text-align:center
}

.faq-wrapper h2:first-of-type {
color:#FF0915
}

.faq-wrapper h2:nth-of-type(2) {
color:#FF5A5A
}

.faq-wrapper h2:last-of-type {
color:#000
}

.bg--red {
background-color:#ff0915
}

.bg--white {
background-color:#fff
}

.menu-item {
position:relative
}

.menu-item:after {
content:"";
position:absolute;
left:100%;
top:50%;
transform:translateY(-50%);
width:20px;
height:20px;
background-image:url(https://www.schloesser-co.de/wp-content/uploads/2025/03/down-icon-64x64px-red.svg);
background-size:contain;
background-repeat:no-repeat;
opacity:0;
transition:opacity .3s ease,left .3s ease
}

.menu-item:hover:after {
opacity:1;
left:calc(100% + 5px)
}

.swiper-pagination-bullet {
width:2rem!important;
height:2rem!important;
background-color:#0000!important;
background-image:url(https://www.schloesser-co.de/wp-content/uploads/2025/03/bildslider-button-off.svg);
background-size:contain;
background-repeat:no-repeat;
transition:background-image .3s ease
}

.swiper-pagination-bullet-active {
background-image:url(https://www.schloesser-co.de/wp-content/uploads/2025/03/bildslider-button-on.svg)
}

.sco-carousel-m .swiper-pagination-bullets {
flex-direction:row!important
}

.page-id-463 p,.page-id-3 p {
max-width:65ch
}

.page-id-463 h1,.page-id-3 h1 {
font-size:4rem;
margin-bottom:1ch;
margin-top:1ch
}

.page-id-463 h2,.page-id-3 h2 {
font-size:3rem;
margin-bottom:1ch;
margin-top:1ch
}

.page-id-463 h3,.page-id-3 h3 {
font-size:2.5rem;
margin-bottom:1ch;
margin-top:1ch
}

.page-id-463 h4,.page-id-3 h4 {
font-size:2rem;
margin-bottom:1ch;
margin-top:1ch
}

@media (max-width: 768px) {
.page-id-463 h1,.page-id-3 h1 {
font-size:2.5rem
}

.page-id-463 h2,.page-id-3 h2 {
font-size:2rem
}

.page-id-463 h3,.page-id-3 h3 {
font-size:1.75rem
}

.page-id-463 h4,.page-id-3 h4 {
font-size:1.5rem
}
}

.wpcf7 .wpcf7-list-item {
display:block
}

.wpcf7-not-valid-tip {
position:relative;
display:block;
font-size:1rem;
margin-top:.2rem;
padding-left:25px
}

.wpcf7-acceptance .wpcf7-list-item {
margin-left:0;
padding-left:25px
}

.wpcf7-acceptance .wpcf7-list-item label {
display:flex;
flex-flow:row nowrap;
align-items:flex-start;
font-size:1.25rem;
line-height:1.2
}

.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
flex:1 0 auto;
position:relative;
margin-right:1rem;
padding:0;
width:2rem;
cursor:pointer
}

.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]::before {
content:"";
display:inline-block;
margin-top:0;
margin-right:1.25rem;
width:2rem;
height:2rem;
background-color:#fff;
border:.125rem solid #000
}

.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked::before {
background-color:#000;
border-color:#000
}

.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked::after {
content:"";
position:absolute;
top:.875rem;
left:.375rem;
width:6px;
height:6px;
box-shadow:6px 0 0 white,6px 0 0 white,6px -6px 0 white,6px -6px 0 white,6px -10px 0 white,6px -14px 0 #fff;
background-color:#fff;
transform:rotate(45deg)
}

.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:disabled {
color:#d9d9d9;
cursor:auto
}

.wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:disabled::before {
box-shadow:none;
background-color:#ddd
}

span.wpcf7-list-item {
display:inline-block;
margin:0
}

.wpcf7-form-control-wrap {
display:block
}

.wpcf7-form-control {
margin-top:1rem
}

input[type=checkbox] {
position:relative;
top:.125rem
}

.form-control {
height:60px;
padding:1rem 1.125rem .75rem;
color:#000;
font-size:1.65rem;
line-height:1.4;
border-radius:2.5rem;
margin-top:1rem
}

::-moz-placeholder {
color:#d9d9d9!important;
font-size:1.65rem;
line-height:1.4;
opacity:1
}

::placeholder {
color:#d9d9d9!important;
font-size:1.65rem;
line-height:1.4;
opacity:1
}

.btn-secondary {
height:60px;
max-width:auto;
background-color:#FF0915;
border-radius:100px;
border:solid 2px #fff;
margin-top:30px;
transform-origin:right;
cursor:pointer;
color:#fff;
font-size:1.5rem;
padding-left:25px;
padding-right:25px
}

.text-end {
display:flex;
justify-content:flex-end
}

.wpcf7-spinner {
display:none!important
}

.btn-secondary:hover {
background-color:#000
}

.bricks-mobile-menu-overlay {
display:none
}

.menu-item {
color:#000!important
}

.sco-jobs-icon-hover {
transition:fill .3s ease
}

.job-angebot:hover .sco-jobs-icon-hover {
fill:#000!important
}

.bricks-background-video-wrapper {
filter:brightness(1.2) contrast(1.15) grayscale(0.85) saturate(2.2);
transition:filter .3s ease-in-out
}

.projekt-container:hover .bricks-background-video-wrapper {
filter:none
}

.projekt-container:after {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(to top,#0006 20%,#0000 100%);
pointer-events:none;
z-index:0
}

.plyr__poster {
z-index:50!important
}

.multi-underline {
display:inline;
background-image:linear-gradient(to right,#ff0915 100%,transparent 0%);
background-size:0 50px;
background-repeat:no-repeat;
background-position:0 100%;
transition:background-size .4s ease
}

.multi-underline:hover {
background-size:100% 20px
}

.sco-custom-list {
list-style:none;
padding-left:0
}

.sco-custom-li-home {
position:relative;
padding-left:2ch;
padding-bottom:1ch
}

.sco-custom-li-home::before {
content:"\f111";
font-family:"Font Awesome 6 Solid",sans-serif;
font-size:1rem;
color:#fff;
position:absolute;
left:0;
top:1ch
}

@media (max-width: 480px) {
.sco-custom-li-home::before {
content:"\f111";
font-family:"Font Awesome 6 Solid";
font-size:.6rem;
color:#fff;
position:absolute;
left:0;
top:1.2ch
}
}

.sco-custom-li {
position:relative;
padding-left:2ch;
padding-bottom:1ch
}

.sco-custom-li::before {
content:"\f111";
font-family:"Font Awesome 6 Solid";
font-size:1rem;
color:#000;
position:absolute;
left:0;
top:.7ch
}

@media (max-width: 480px) {
.sco-custom-li::before {
content:"\f111";
font-family:"Font Awesome 6 Solid";
font-size:.6rem;
color:#000;
position:absolute;
left:0;
top:1.2ch
}
}

.testmonial-name {
font-family:Veto Sans;
font-size:var(--h6)
}

.technik-animation {
display:flex;
justify-content:center;
align-items:center;
gap:20px;
width:100%;
height:250px
}

.lottie-container {
width:50%;
max-width:300px
}

.char {
display:inline-block;
opacity:0;
transform:translate(30px,-30px) rotate(4deg);
animation:flyIn 2s forwards
}

@keyframes flyIn {
to {
opacity:1;
transform:translate(0,0) rotate(0deg)
}
}

.delay-0 {
animation-delay:0s
}

.delay-1 {
animation-delay:.15s
}

.delay-2 {
animation-delay:.3s
}

.delay-3 {
animation-delay:.45s
}

.delay-4 {
animation-delay:.6s
}

.delay-5 {
animation-delay:.75s
}

.delay-6 {
animation-delay:.9s
}

.nav-section {
pointer-events:none
}

.nav-block {
pointer-events:auto
}

#brx-header {
z-index:996!important
}

.name-vorname {
opacity:0;
position:absolute;
top:0;
left:0;
height:0;
width:0;
z-index:-1
}

.background-circle {
fill:#fff
}

.black-circle {
fill:#000
}

.cross-shape {
fill:#fff
}

.sco-projekt-toggle:hover .black-circle {
fill:#ff0915
}

.contact-bg {
background-color:#d9d9d9
}

.sco-col-span-full {
  grid-column: 1 / -1;
}