/***** START Quick check ("Mein Projekt") Widget" START *****/ 

    .seoc-quick-check-sidewidget_overlay{
        position:fixed;
        top:0;
        left:0;
        width:100vw;
        height:100vh;
        background-color:#000;
        opacity:0;
        z-index:20;
        visibility: hidden;
        transition:.3s linear;
    }
    .seoc-quick-check-sidewidget_overlay.opened{
        visibility: visible;
        opacity:.44;
    }
    .seoc-quick-check-herowidget_wrapper{
        position: absolute;
        bottom: 0;
        right: -960px;
        height: calc(100% - 73px);
        z-index: 10;
    }
    .seoc-quick-check-sidewidget_wrapper{
        position: fixed;
        top: calc(0px + var(--wp-admin--admin-bar--height,0px));
        right: -960px;
        height:calc(100dvh - var(--wp-admin--admin-bar--height,0px));
        z-index:9;
    }
    .seoc-quick-check-sidewidget_wrapper:has(.opened){
        z-index:10;
    }

    .seoc-quick-check-widget{
        width: 100%;
        max-width: 960px;
        height: 100%;
        display: flex;
        align-items:center;
        transition:transform .4s linear;
        background-image: linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-9587867 ) 100%);
    }
    .seoc-quick-check-widget.closed{
        transform: translateX(0px);
    }
    .seoc-quick-check-widget.opened{
        transform:translateX(-404px)
    }
    .seoc-quick-check-widget.opened.expanded{
        transform:translateX(-960px)
    }
    .seoc-quick-check-widget_button-container{
        width: 80px;
        margin-left: -80px;
        height: 100%;
        max-height: 100%;
        display: flex;
        align-items: center;
        background-image: linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-9587867 ) 100%);
        clip-path: polygon(0% 50%, 100% 100%, 100% 0%);
        transition:.4s linear;
    }
    .seoc-quick-check-herowidget_wrapper .seoc-quick-check-widget.closed .seoc-quick-check-widget_button-container{
        max-height: 618px;
    }
    .seoc-quick-check-sidewidget_wrapper .seoc-quick-check-widget.closed .seoc-quick-check-widget_button-container{
        max-height: 350px;
    }
    .seoc-quick-check-widget_button{
        transform:rotate(90deg);
        white-space: nowrap;
        position:relative;
        margin-left: -10px;
    }
    .seoc-quick-check-widget_button a{
        color:var(--e-global-color-da46bc8)!important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .seoc-quick-check-widget .seoc-quick-check-widget_button .fas{
        transition:.2s linear;
    }
    .seoc-quick-check-widget.closed .seoc-quick-check-widget_button .fas{
        transform: rotateX(180deg);
    }
    .seoc-quick-check-widget.opened .seoc-quick-check-widget_button .fas{
        transform: rotateX(0deg);
    }
    .seoc-quick-check-widget_content-container{
        display: flex;
        align-items: center;
        max-width:404px;
        padding-right:40px;
        padding-left: 10px;
    }
    .seoc-quick-check-widget h2{
        letter-spacing:0;
        font-weight:600!important;
        color:var(--e-global-color-da46bc8)!important;
        margin-bottom:20px;
        font-size: 26px!important;
        line-height: 1.2!important;
    }
    .seoc-quick-check-widget h2 span{
        color:var(--e-global-color-text)!important;
    }
    .seoc-quick-check-widget .ff-a-black a{
        color: var(--e-global-color-text)!important;
        text-decoration: underline;
        font-weight: normal!important;
    }
    .seoc-quick-check-widget_form-container .seoc-cf7-grid-two-columns{
        grid-template-columns:repeat(1, minmax(0, 1fr));
    }
    .seoc-quick-check-widget_form-container .seoc-cf7-buttons-wrapper{
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        gap:10px;
    }
    .seoc-quick-check-widget_form-container .wpcf7-submit{
        border-color:var(--e-global-color-da46bc8)!important;
        color:var(--e-global-color-da46bc8)!important;
    }
    .seoc-quick-check-widget_form-container .wpcf7-submit:hover,
	.seoc-quick-check-widget_form-container .wpcf7-submit:hover + i,
	.seoc-quick-check-widget_form-container .wpcf7-submit:focus,
	.seoc-quick-check-widget_form-container .wpcf7-submit:focus + i,
    .seoc-quick-check-widget_form-container .seoc-cf7-submit-container:hover i,
	.seoc-quick-check-widget_form-container .seoc-cf7-submit-container:focus i{
        /*border-color:var(--e-global-color-da46bc8)!important;*/
        color:var(--e-global-color-primary)!important;
    }
    .seoc-quick-check-widget_form-container .seoc-cf7-submit-container:hover,
	.seoc-quick-check-widget_form-container .seoc-cf7-submit-container:focus{
        background-color:var(--e-global-color-da46bc8)!important;
    }
    .seoc-quick-check-widget_form-container .seoc-cf7-project-more-infos a,
    .seoc-quick-check-widget_form-container .seoc-cf7-project-more-infos a:hover,
    .seoc-quick-check-widget_form-container .seoc-cf7-submit-container i{
        color:var(--e-global-color-da46bc8);
    }
    .seoc-quick-check-widget_form-container .seoc-cf7-project-more-infos a::after{
        background-color:var(--e-global-color-da46bc8);
    }

    .seoc-quick-check-widget_readmore-container{
        display: flex;
        align-items: center;
        max-width: 556px;
        padding-right: 62px;
        padding-left:52px;
        padding-top: 40px;
        padding-bottom: 40px;
        border-left:2px solid var(--e-global-color-da46bc8);
    }
    .seoc-quick-check-widget_readmore-container ul{
        padding-left:0;
    }
    .seoc-quick-check-widget_readmore-container ul li{
        display:flex;
        gap:18px;
        list-style:none;
    }
    .seoc-quick-check-widget_readmore-container ul li::before{
        content: '';
        display: inline-block;
        width: 9px;
        min-width: 9px;
        height: 9px;
        background-color: var(--e-global-color-da46bc8);
        margin-top:7px;
    }
    .seoc-quick-check-widget_readmore-container ul li:not(:last-child) {
        padding-bottom: 6px;
    }

/******* END Quick check ("Mein Projekt") Widget" END *******/

/* --------------------------------------------------*/

/***** START CTA Banner "Mein Projekt" START *****/

    /* Global */
    .seoc-cta-banner-mein-projekt_wrapper{
        position:relative;
        display:flex;
        max-width:904px;
        margin-left:auto;
        margin-right:auto;
        margin-top: 50px;
        margin-bottom: 50px;
        padding:50px 65px 10px 92px;
    }
    .seoc-cta-banner-mein-projekt_wrapper:not(.cta-banner-white-one):not(.cta-banner-white-one-alternative) .seoc-cta-banner-mein-projekt_content{
        max-width:520px;
        width: 70%;
    }
    .seoc-cta-banner-mein-projekt_content h2{
        font-size:40px!important;
        font-weight:600!important;
        line-height:51px!important;
    }
    .seoc-cta-banner-mein-projekt_button-wrapper{
        display:flex;
        gap:40px;
        margin-top:30px;
        align-items: center;
    }
    .seoc-cta-banner-mein-projekt_wrapper .seoc-button-secondary .seoc-button:hover,
    .seoc-cta-banner-mein-projekt_wrapper .seoc-button-secondary .seoc-button:hover{
        color:var(--e-global-color-primary)!important;
    }
    .seoc-cta-banner-mein-projekt_wrapper .seoc-button-secondary .seoc-button::after{
        background-color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper .seoc-button-secondary i{
        margin-left:5px;
    }
    .seoc-cta-banner-mein-projekt_image{
        position: absolute;
        right: 35px;
        bottom: -6px;
    }
    .seoc-cta-banner-mein-projekt_image img{
        width:100%;
    }
    /* Green Version */
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-green{
        background-image: linear-gradient(148deg, var( --e-global-color-primary ) 0%, var( --e-global-color-9587867 ) 100%);
        padding-bottom: 40px;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-green h2{
        color:var(--e-global-color-da46bc8);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-green h2 span{
        color:var(--e-global-color-text);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-green .seoc-cta-banner-mein-projekt_button-plannow a:hover{
        border-color:var(--e-global-color-da46bc8);
        color:var(--e-global-color-da46bc8);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-green .seoc-button-secondary .seoc-button{
        color:var(--e-global-color-text)!important;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-green .seoc-button-secondary .seoc-button::after{
        background-color:var(--e-global-color-text);
    }

    /* Blue Version */
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-blue{
        background-image: linear-gradient(133deg, #004B52 0%, #0D2D38 100%);
        padding-bottom: 40px;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-blue h2{
        color:var(--e-global-color-da46bc8);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-blue h2 span{
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-blue .seoc-cta-banner-mein-projekt_button-plannow a{
        border-color:var(--e-global-color-primary);
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-blue .seoc-cta-banner-mein-projekt_button-plannow a:hover{
        border-color:var(--e-global-color-da46bc8);
        color:var(--e-global-color-da46bc8);
    }

    /* Grey Version */
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-grey{
        background-color: var(--e-global-color-accent);
        padding-bottom: 40px;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-grey h2 span{
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-grey .seoc-cta-banner-mein-projekt_button-plannow a{
        border-color:var(--e-global-color-primary);
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-grey .seoc-cta-banner-mein-projekt_button-plannow a:hover{
        border-color:var(--e-global-color-text);
        color:var(--e-global-color-text);
    }

    /* White two Version */
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-two{
        background-color: var(--e-global-color-da46bc8);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-two h2 span{
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-two .seoc-cta-banner-mein-projekt_button-plannow a{
        border-color:var(--e-global-color-primary);
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-two .seoc-cta-banner-mein-projekt_button-plannow a:hover{
        border-color:var(--e-global-color-text);
        color:var(--e-global-color-text);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-two .seoc-cta-banner-mein-projekt_image{
        right:0;
    }

    /* White one Version */
    /* White one (alternative) Version */
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative{
        flex-direction: column-reverse;
        background-color: var(--e-global-color-da46bc8);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative{
        padding-left:0;
        padding-right:0;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one h2,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative h2{
        text-align:center;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one h2 span,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative h2 span{
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one .seoc-cta-banner-mein-projekt_button-wrapper,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative .seoc-cta-banner-mein-projekt_button-wrapper{
        justify-content:center;;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one .seoc-cta-banner-mein-projekt_button-plannow a,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative .seoc-cta-banner-mein-projekt_button-plannow a{
        border-color:var(--e-global-color-text);
        color:var(--e-global-color-text);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one .seoc-cta-banner-mein-projekt_button-plannow a:hover,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative .seoc-cta-banner-mein-projekt_button-plannow a:hover{
        border-color:var(--e-global-color-primary);
        color:var(--e-global-color-primary);
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one .seoc-cta-banner-mein-projekt_image,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative .seoc-cta-banner-mein-projekt_image{
        position:static;
        text-align: center;
    }
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one .seoc-cta-banner-mein-projekt_image img,
    .seoc-cta-banner-mein-projekt_wrapper.cta-banner-white-one-alternative .seoc-cta-banner-mein-projekt_image img{
        max-width:100px;
    }


/******* END CTA Banner "Mein Projekt" END *******/

/* --------------------------------------------------*/
	
/***** START "Mein Projekt" From Section START *****/
	.seoc-mein-projekt-section_front,
	.seoc-mein-projekt-section_back{
		display:flex;
	}
	.seoc-mein-projekt-section_front_left,
	.seoc-mein-projekt-section_back_left{
		padding-right:10px;
		width:70%;
	}
	.seoc-mein-projekt-section_front_right,
	.seoc-mein-projekt-section_back_right{
		padding-left:10px;
		width:30%;
		display:flex;
		align-items:flex-end;
	}
	.seoc-mein-projekt-section_front .seoc-mein-projekt-section_header{
		margin-bottom:53px;
	}
	.seoc-mein-projekt-section_header{
		max-width:520px;
		font-size: 30px!important;
		font-weight: 600!important;
		line-height: 38px!important;
	}
	.seoc-mein-projekt-section_header span{
		color:var(--e-global-color-primary);
	}
	.seoc-mein-projekt-section_button{
		margin-top:20px;
	}
/******* END "Mein Projekt" From Section END *******/
	
/* --------------------------------------------------*/
	
/***** START Single Ad + Text Section START *****/
	.seocon-ad_wide-section_image{
	    position: relative;
	    overflow:hidden;
	}
	.seocon-ad_wide-section_image a,
	.seocon-ad_wide-section_image a:hover{
	    line-height:0;
	    display: block; 
	}
	.seocon-ad_wide-section_image img{
	    transition:transform .6s linear;
	}
	.seocon-ad_wide-section_image a:hover img{
	    transform:scale(1.1) translateZ(0);
	}
	.seocon-ad_wide-section_is-ad{
	    position:absolute;
	    top:0;
	    right:0;
	    padding:4px 11px;
	    background-color:var(--e-global-color-text);
	    font-size:12px;
	    text-transform: uppercase;
	    line-height:14px;
	    color:var(--e-global-color-da46bc8);
	}
/******* END Single Ad + Text Section END *******/
	
/* --------------------------------------------------*/

/***** START Single Ad Wide Section START *****/
	.seocon-ad_wide-section_image{
	    position: relative;
	    overflow:hidden;
	}
	.seocon-ad_wide-section_image a,
	.seocon-ad_wide-section_image a:hover{
	    line-height:0;
	    display: block; 
	}
	.seocon-ad_wide-section_image img{
	    transition:transform .6s linear;
	}
	.seocon-ad_wide-section_image a:hover img{
	    transform:scale(1.1) translateZ(0);
	}
	.seocon-ad_wide-section_is-ad{
	    position:absolute;
	    top:0;
	    right:0;
	    padding:4px 11px;
	    background-color:var(--e-global-color-text);
	    font-size:12px;
	    text-transform: uppercase;
	    line-height:14px;
	    color:var(--e-global-color-da46bc8);
	}
     #mein-projekt-sidewidget .home, .home:has(.ae-visibility-hidden .header-ad) #mein-projekt-sidewidget .home{
        height:calc(100% - 80px)!important;
        margin-top:100px!important;
    }
    .home:has(.header-ad) #mein-projekt-sidewidget .home{
        height:100%!important;
        margin-top:0px!important;
    }
    #mein-projekt-sidewidget .ff-el-group.ff-text-s{
        margin-bottom:0!important
    }
    #mein-projekt-sidewidget .fluentform .ff-el-group:not(.ff-text-s){
        margin-bottom:12px!important;
    }
    .seoc-quick-check-weiter-info-toggle{
        display: none;
    }
/******* END Single Ad Wide Section END *******/

@media(max-width:992px){
    .seoc-quick-check-sidewidget_wrapper:has(.opened){
        z-index:200;
    }
    #mein-projekt-sidewidget .frm-fluent-form .ff-t-column-1:has(.ff-text-s){
        display:block!important
    }
    #mein-projekt-sidewidget .frm-fluent-form .ff-t-container .ff-t-column-2:has(.ff-btn-submit){
        display:flex!important;
    }
    #mein-projekt-sidewidget.seoc-quick-check-sidewidget_wrapper{
        height:unset;		
    }
    #mein-projekt-sidewidget{
        top:calc(100% - 60px);
        right:unset;
        max-width:100%;
        width: 100%;
    }
    #mein-projekt-sidewidget .seoc-quick-check-widget{
        display:block;
        background-image:unset;
        max-width: 100%!important;
        width: 100%;
    }

    #mein-projekt-sidewidget	.seoc-quick-check-widget_button-container{
        margin-left:calc(50% - 125px);
        background:var(--e-global-color-primary);
        height:62px;
        width:250px;
        display:block;
        clip-path:polygon(50% 0, 100% 100%, 0 100%);
        padding-top:30px;
    }
    #mein-projekt-sidewidget	.opened .seoc-quick-check-widget_button-container{
        width:100%;
        margin-left:0;
        padding-left:calc(50% - 125px);
        margin-bottom: -1px;
    }
    #mein-projekt-sidewidget .seoc-quick-check-widget_button{
        transform: rotate(0deg);
        width:250px!important;
        margin-left: 0;
    }
    .seoc-quick-check-widget_button a	i.fa-chevron-up{
        margin-top:-40px;
    }
        .seoc-quick-check-widget_button a	i.fa-chevron-up:before{
        content:"\f078"
    }
    .seoc-quick-check-widget_content-container, .seoc-quick-check-widget_readmore-container{
        background-image:unset;
        background:var(--e-global-color-primary);
        max-width: 100%!important;
        padding:20px 20px;
        height: calc(100% - 80px);
    }
    .seoc-quick-check-widget_readmore-container .seoc-quick-check-weiter-info-toggle{
        display: block;
    }
    .seoc-quick-check-widget_readmore-container .seoc-quick-check-weiter-info-toggle a{
        color: #fff;
    }
    .seoc-quick-check-widget_readmore-container{
        z-index: 9999;
        position: absolute;
        left: 0;
        top:60px;
        flex-direction: column;
    }
    .seoc-quick-check-widget-header__container{
        max-width: 550px;
    }
    .seoc-quick-check-widget_content.form-white .ff-custom_html p{
        margin: 0;
    }
    .seoc-quick-check-widget_form-container.fluentform{
        width: 740px;
        max-width: 90vw;
    }
    .seoc-quick-check-sidewidget_readmore{
        padding:20px 20px 40px 20px;
        overflow-x: scroll;
        max-height: calc(100% - 160px);
    }
    #mein-projekt-sidewidget:has(.seoc-quick-check-widget.opened){
        top:unset;
        bottom:-20px;
        animation-name: mp-sidewidget-toTop;
        animation-duration: 0.5s;
    }
    .seoc-quick-check-widget.opened, .seoc-quick-check-widget.opened.expanded {
        transform: translateX(0)!important; 
    }
    #mein-projekt-sidewidget .seoc-quick-check-widget:not(.expanded)	.seoc-quick-check-widget_readmore-container{
            display:none;
    }
    .seoc-quick-check-widget_readmore-container, .seoc-quick-check-widget.opened:not(.expanded) .seoc-quick-check-widget_content-container{
        border:none;
        padding-top:0!important;
        justify-content: center;
        max-width: 100%!important;
    }
    #mein-projekt-sidewidget .home{
        margin-top: 0!important;
    }
    body:has(.seoc-quick-check-widget.seoc-quick-check-widget-container.opened),
    html:has(.seoc-quick-check-widget.seoc-quick-check-widget-container.opened) {
        max-height: calc(100vh - 100px);
        overflow: hidden;
    }
}

@media (max-width:768px) {
    .seoc-cta-banner-mein-projekt_wrapper{
        display: flex;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
       
    }
    .seoc-cta-banner-mein-projekt_content{
        padding: 20px; 
        width: 100%!important;
    }
    .seoc-cta-banner-mein-projekt_button-wrapper{
        justify-content: center;
    }
    .seoc-cta-banner-mein-projekt_content h2{
        font-size:28px!important;
        line-height:36px!important;
    }
    .seoc-cta-banner-mein-projekt_wrapper .seoc-cta-banner-mein-projekt_image{
        position: unset;
        max-width: 280px;
        padding-top: 20px;
        align-self: center;
    }
}
@media (max-width:420px) {
    .seoc-cta-banner-mein-projekt_button-wrapper{
        flex-direction: column;
        gap:20px;
    }
    
}
@keyframes mp-sidewidget-toTop {
    from {
            top:calc(100% - 60px);
        }
    to {
            top:100px;
            bottom:-20px;
        }
}