/**
Theme Name: Astra Child from Wyssmann
Author: Wyssmann LLC
Author URI: https://wyssmann.llc
Description: Dieses Astra Child Theme ist der Ort, an dem Customizations wohnen dürfen. Sauberer Code, klare Strukturen und genug Spielraum für kreative Ideen. Keine Magie, kein Ballast – einfach eine solide Basis, damit Websites gut aussehen und noch besser funktionieren.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-from-wyssmann
Template: astra
*/


#wpforms-536-field_8 label {
    color:#fff;
}


div.grecaptcha-badge {
    display:none;
}


.wp-block-uagb-container.section-has-right-absolute-image {
    align-items: flex-end !important;
}



.img-height-fixed > .wp-block-uagb-container:last-of-type img{
     height: 60px; 
}

.wpforms-container .wpforms-field input[value*="Datenschutzerklärung"] {
    margin-right: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}


.about-page-loop .uagb-loop-post {
    border: 1px solid #0821334D !important;
    border-radius: 20px;
}

.wp-block-uagb-loop-sort:not(.woocommerce-js) select {

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px;

}


.rcb-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.rcb-gallery__item{
    overflow:hidden;
}

.rcb-gallery__item.is-wide{
    grid-column:span 2;
}

.rcb-gallery__item img{
    display:block;
    width:100%;
    height:290px;
    object-fit:cover;
    border-radius: 20px;
}


.rcb-herausforderungen__item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 19px 0;
    border-top: 2px solid #507696;
  
    
}

.rcb-herausforderungen__item:last-of-type{
    border-bottom: 2px solid #507696;
}

.rcb-herausforderungen__icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.rcb-herausforderungen__text {
    flex: 1;
    color: white;
}


body.single.single-referenz header.ast-custom-header {
    position: absolute;
    background: transparent;
    width: 100%
}



body.ast-theme-transparent-header.single.single-referenz .wp-block-uagb-container.main-header-wrapper{
    background: unset;
    backdrop-filter: blur(0px);
}

body.ast-theme-transparent-header.single.single-referenz .wp-block-uagb-container.meta-nav-wrapper{
    background: rgba(255, 235, 204, 0.15);
    backdrop-filter: blur(5px) !important;
}




.referenzen-fields .wp-block-uagb-advanced-heading{
    border-radius: 8px !important;
}
.referenzen-fields .wp-block-uagb-advanced-heading div{
    padding-left: 30px;
}
.referenzen-fields .wp-block-uagb-advanced-heading.field-leistung div::before{
    content: '';
    height: 24px;
    width: 24px;
    background: url('/wp-content/uploads/2026/07/blitz-icon-sunquest.svg');
    position: absolute;
    left: 8px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.referenzen-fields .wp-block-uagb-advanced-heading.field-module div::before{
    content: '';
    height: 24px;
    width: 24px;
    background: url('/wp-content/uploads/2026/07/uber-uns-page-icon-sunquest.svg');
    position: absolute;
    left: 8px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}



.wp-block-uagb-advanced-heading.uber-uns-terms-styled a{
border-radius: 20px;
border: 1px solid rgba(8, 33, 51, 0.30);
background: #FFF;
padding: 8px 24px;
    font-size: 16px;
    line-height: 1.5 !important;
}

.wp-block-uagb-advanced-heading.uber-uns-terms-styled p.uagb-heading-text {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}



.wp-block-navigation .wp-block-navigation-item.current-menu-item a {
    font-weight: 700;
}




.custom-styled-toggle .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item {
    padding: 24px 0;
    border-top: 1px solid  rgba(8, 33, 51, 0.30);
    margin: 0;
}


.custom-styled-toggle .uagb-faq-content{
    max-width: 90%
}


div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    min-height: 206px !important;
}

.wpforms-container .wpforms-field input, .wpforms-container .wpforms-field textarea{
    min-height: 56px !important;
}

.wpforms-container .wpforms-field {
    padding: 8px 0 !important;
}

.wpforms-container .wpforms-field.wpforms-field-layout {
    padding: 0px !important;
}

.wpforms-container .wpforms-field.wpforms-field-layout .wpforms-field{
    padding-top: 0 !important;
}

div.wpforms-container-full:not(:empty){
    margin: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: right !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container button{
    font-weight: 600 !important
}

.wpforms-container .wpforms-field input,
.wpforms-container .wpforms-field textarea{
    padding: 16px 32px !important;
}

.icon-list-custom-styled .wp-block-uagb-icon-list-child{
    padding: 8px 0;
    border-top: 1px solid  rgba(8, 33, 51, 0.30);
    width: 100%;
}

body.home .icon-list-custom-styled .wp-block-uagb-icon-list-child{
	 padding: 16px 0;
}
/* Image Right Banner */

body.page .wp-block-uagb-container.absolute-image-left {
    padding-left: calc((100vw - 1280px) / 2) !important;
}

.wp-block-uagb-container.right-image-absolute figure {
    width: 1085.944px;

}

/* Image Right Banner END */



.uagb-loop-container .uagb-loop-post .uagb-loop-post-inner {
    display: block;
}


.uagb-loop-post .wp-block-uagb-image.alignleft{
    margin-right: 1em
}

.wp-block-uagb-loop-category a.uagb-buttons-repeater.wp-block-button__link {
height: 48px;
padding: 12px 32px !important;
justify-content: center;
align-items: center;
border-radius: 32px;
border: 1px solid rgba(8, 33, 51, 0.30) !important;
background:  #FFF;
}

.wp-block-uagb-loop-category a.uagb-buttons-repeater.wp-block-button__link div{
    color: #082133 !important;
    font-size: 16px;
}

/* Footer CTA */

.bottom-cta-has-shape {
  position: relative;
  overflow: hidden;
}

.bottom-cta-has-shape::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -3px;
  height: 107%;
  width: 550px; /* tune this, see note below */
  background-image: url("/wp-content/uploads/2026/07/footer-cta-shape-svg.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% 100%; /* stretch to fill, or use cover/contain */
  z-index: 1;
  pointer-events: none;
  border-top-right-radius: 20px;
}



/* Footer CTA END */


footer.ast-custom-footer li.wp-block-navigation-item.header-project-button.wp-block-navigation-link {
    display: none;
}

.footer-cta-button .uagb-buttons__wrap.uagb-buttons-layout-wrap {
    align-items: flex-start;
}

body.ast-theme-transparent-header .logo-regular-header{
    display: none
}

body:not(.ast-theme-transparent-header) .logo-transparent-header{
    display: none
}

body.ast-theme-transparent-header.single-post .wp-block-uagb-container.main-header-wrapper {
    background-color: transparent;
    backdrop-filter: blur(5px);
}

body.ast-theme-transparent-header.single-post .logo-regular-header{
    display: block;
}

body.ast-theme-transparent-header.single-post .logo-transparent-header{
    display: none;
}


body.ast-theme-transparent-header.single-post .wp-block-uagb-container.meta-nav-wrapper{
    background-color: #F5F4F3
}

body.ast-theme-transparent-header.single-post .wp-block-uagb-container.main-header-wrapper a{
    color: #082133
}

body.ast-theme-transparent-header  .wp-block-uagb-container.main-header-wrapper{
    background-color: #082133;
    backdrop-filter: blur(5px);
}

body.ast-theme-transparent-header  .wp-block-uagb-container.meta-nav-wrapper{
    background: rgba(255, 235, 204, 0.10);
}

body.ast-theme-transparent-header .wp-block-uagb-container.main-header-wrapper a{
    color: white;
	font-family: Archivo;
	font-weight: 300;
}

body.ast-theme-transparent-header .wp-block-uagb-container.main-header-wrapper li.wp-block-navigation-item.header-project-button.wp-block-navigation-link a{
    color: #082133;
}

body .wp-block-uagb-container.main-header-wrapper li.wp-block-navigation-item.header-project-button.wp-block-navigation-link a{
display: flex;
height: 56px;
padding: 12px 40px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 32px;
background: #FF9D00;
color:  #082133;
font-family: Archivo;
font-size: 20px;
font-weight: 700;

}


.uagb-modal-popup.uagb-modal-position-top-left.active .uagb-modal-popup-close:not(.window-top-right) {
    top: 24px !important;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    left:90%;
    background: #FF9D00;
    
}

.uagb-modal-popup.active .uagb-modal-popup-close svg{
    fill: #000;
}


nav.meta-nav-mobile.wp-block-navigation ul,
nav.meta-nav-mobile.wp-block-navigation li{
    width: 100%;
}
nav.meta-nav-mobile.wp-block-navigation a{
    border-radius: 20px;
  background: rgba(255, 235, 204, 0.10);
    width: 100%;
  padding: 8px 24px;
}


.uagb-effect-default.uagb-modal-popup.uagb-modal-type-popup.uagb-modal-position-top-left.active .logo-regular-header {
    display: none;
}

.uagb-effect-default.uagb-modal-popup.uagb-modal-type-popup.uagb-modal-position-top-left.active .logo-transparent-header {
    display: block
}

@media (max-width: 640px) {
    .uagb-modal-popup.uagb-modal-position-top-left.active .uagb-modal-popup-close:not(.window-top-right) {
        left: 83%;
    }
	
	.rcb-gallery__item img{

    height:150px;

}
}

@media all and (min-width: 767px){
	.wp-block-uagb-container.section-has-right-absolute-image .wp-block-uagb-container.absolute-image-left{
    padding-bottom: 70px;
}

}
@media all and (max-width: 767px){
	.bottom-cta-has-shape::after{
    display:  none;
}
	
	.wp-block-uagb-image.alignright.wp-block-uagb-image--align-right {
    margin-left: 20px;
}


.wp-block-uagb-container.bottom-cta-has-shape {
    padding-left: 20px !important;
    padding-right: 20px !important;
	padding-top: 30px !important;
	padding-bottom: 20px !important;
}
	
	.wp-block-uagb-container.bottom-cta-has-shape p.uagb-heading-text{
		font-size: 18px !important;  
	}
	
	.wp-block-uagb-container.bottom-cta-has-shape .wp-block-uagb-container{
		row-gap: 20px;
	}
	
	.wp-block-uagb-container.bottom-cta-has-shape h2{
		font-size: 36px !important;
	}
	
	
}