/*
Theme Name: Opta WP CHILD
Theme URI: https://demo.cocobasic.com/opta-wp/
Description: Modern WordPress Theme perfect for any designer and photographer
Author: CocoBasic
Author URI:  https://www.cocobasic.com
Template: opta-wp
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.6
Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options
Text Domain: opta-wp-child
*/


.gallery-item.slick-slide:nth-of-type(6) .item-text a{
    margin-top:222px !important;
}
.gallery-item.slick-slide:nth-of-type(7)  .item-text a{
    margin-top:458px !important;
}
/*
Startseite Start
*/
ul.grid li.grid-item{
    vertical-align: top;
}
.home li.grid-item:nth-of-type(2){
    margin-top:150px;
}
.home li.grid-item:nth-of-type(2) div.item-wrapper{
    max-width:400px !important;
}
.home li.grid-item:nth-of-type(3){
    margin-top: -160px;
    margin-left: -160px;
    line-height:48px !important;
    z-index: 2 !important;
}
.back-to-top {
    bottom:100px;
   line-height:30px !important;
   text-align:center;
   font-size:20px;
}
.side_button_hover{
	z-index:9999;
	position: fixed;
	text-align:center;
 	right:0px;
	text-decoration:none !important;
	color:#fff !important;
	background:#000;
	border-right:0px;
	width:36px;
	border-radius:3px 0px 0px 5px;
	height:36px;
}
.home li.grid-item:nth-of-type(4){
    margin-left:140px;
    margin-top: 85px;

}
.back-to-top {
   bottom:100px;
   line-height:30px !important;
   text-align:center;
   font-size:20px;
}
button.eedee-gutenslider-nav{
    margin-top:-6px;
}
.home li.grid-item:nth-of-type(5){
    margin-right:280px;
    margin-top: -275px;


 }
.home li.grid-item:nth-of-type(5) div.item-wrapper{
   max-width:450px !important;
}

.formwrapper{
    margin-top:80px;
}
.fontsize-fourteen{
    font-size:14px;
}
.line-height-eighteen{
    line-height: 18px;
}


.price_outer{
    width: 90%;
    max-width: 750px;
    margin: 0 auto;
    margin-top:80px;
    display: none;
}
.postid-664 .price_outer{
    display: block;
}

.price_line{
    display: flex;
    flex-direction: row;
    text-align: left;
    margin-top: 30px;
}
.price_text h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0px;
    line-height:20px;
    display: inline;
}
.price_text span{
    font-size: 14px;
    font-weight: 400;
    line-height:20px;
}
.price_text{
    flex-grow: 1;
    line-height: 21px;

}
.price_spacer{
    width:50px;
    min-width: 50px;
}
.price_price{
    font-size: 16px;
    font-weight: 600;
    line-height:20px;
    width:150px;
    min-width: 150px;
}
/*
.home li.grid-item:nth-of-type(5)::before{
    content: '';
    background: url(../../uploads/2022/07/gelbe_knuffel.png);
    background-size: 100%;
    width: 619px;
    background-repeat: no-repeat;
    height: 722px;
    z-index: -1;
    position: absolute;
    bottom: 291px;
    left: -247px;
}*/

footer.footer{
    position: relative;
}
.footer_knuffel{
   display:none;
}
.home .footer_knuffel{
    position: absolute;
    display:inline;
    right: 0;
    height: 600px;
    margin-top: -600px;
}

.footer_knuffel_violett{
    display:none;
 }
body.contact .footer_knuffel_violett{
    position: absolute;
    display:inline;
    left: 0;
    height: 600px;
    margin-top: -600px;
}


/* Puschel*/

div.obererpuschel{
    position: absolute;
    top: -86px;
    left: -200px;
    overflow: hidden;
}
div.obererpuschel img{
    width:900px;
    height:auto;
}


.portfolio-category-schrankcheck div.obererpuschel img{
    width:800px;
}



div.seitepuschel{
    position: absolute;
    top: 800px;
    right: -0px;
    overflow: hidden;
    z-index:-1;
}
div.seitepuschel img{
    width:200px;
    height:auto;
}

div.seitepuschel-rechts{
    position: absolute;
    top: 800px;
    right: -0px;
    overflow: hidden;
    z-index:-1;
    margin-right:-30px;
    display:none;
}
div.seitepuschel-rechts img{
    width:200px;
    height:auto;
}

div.seitepuschel-links{
   display:none;
}


div.seitepuschel_raum{
    position: absolute;
    top: 1514px;
    left: -82px;
    overflow: hidden;
    z-index:-1;
}
div.seitepuschel_raum img{
    width:294px;
    height:auto;
}
/* FONTS

font-monserat font-weight-fourhundret font-size-sixteen font-line-height-twentysix

*/

.has-white-background-color{
    font-family: 'Playfair Display', serif;
    font-size:22px !important

}
.slide-link:hover{
    background-color: rgba(255, 255, 255, 0.33);
}

.font-monserat{
    font-family: "Montserrat", sans-serif !important;
}
.font-playfair{
    font-family: 'Playfair Display', serif;
}

.font-color-yellow{
    color:#feeb00 !important;
}
.background-color-black{
    background-color: black;
    color:#fff;
    text-transform: uppercase;
}
.font-size-thirteen{
    font-size: 13px !important;
}
.font-size-foutteen{
    font-size: 14px !important;
}
.font-size-fifteen{
    font-size: 15px !important;
}
.font-size-sixteen{
    font-size: 16px;
}
.font-size-seventeen{
    font-size: 17px;
}
.font-size-twenty{
    font-size: 20px !important;
}
.font-size-twentyeight{
    font-size: 28px !important;
}
.font-weight-twohundret{
    font-weight: 200 ;
}
.font-weight-fourhundret{
    font-weight: 400;
}
.font-weight-fivehundret{
    font-weight: 500;
    letter-spacing: 1px;
}
.font-weight-sixhundret{
    font-weight: 600;
}
.font-line-height-twenty{
    line-height: 20px;
}
.font-line-height-twentysix{
    line-height: 26px !important;
}
.float-right{
    float: right;
}
.clear{
    clear: both;
}
/* FONTS  END*/

div.formsend{
    text-align: center;

}
.grecaptcha-badge {
    visibility: hidden;
  }
div.formsend button{
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.shoendassdustrahlst{
    margin-left:-66px;
}

.portfolio-category-farb-stilberatung .wp-container-9{
    margin-left: 54px;
}

@media screen and (max-width: 1450px) {
    /* Puschel*/
    div.seitepuschel{
        position: absolute;
        top: 800px;
        right: -0px;
        overflow: hidden;
    }
    div.seitepuschel img{
        width:160px;
        height:auto;
    }

}

@media screen and (max-width: 1350px) {
    /* Puschel*/

    div.obererpuschel img{
        width:800px;
        height:auto;
    }

    div.seitepuschel_raum{
        top: -30px;
        left: -210px;

    }
    div.seitepuschel_raum img{
        width:294px;
        height:auto;
    }
}



@media screen and (max-width: 1200px) {


    /* Puschel*/

    div.obererpuschel img{
        width:600px;
        height:auto;
    }

    .gallery-item.slick-slide:nth-of-type(6) .item-text a{
        margin-top:0 ;
    }
    .gallery-item.slick-slide:nth-of-type(7)  .item-text a{
        margin-top:0 ;
    }


    .portfolio-category-verschoenerin div.obererpuschel{

    }
    .portfolio-category-verschoenerin div.obererpuschel img{


    }

    .portfolio-category-schrankcheck div.seitepuschel{

    }
    .portfolio-category-schrankcheck div.seitepuschel img{
        width:140px;
    }


    .portfolio-category-verschoenerin div.seitepuschel{
        top: 1000px;
    }
    .portfolio-category-verschoenerin div.seitepuschel img{
        width:130px;

    }



    .home li.grid-item:nth-of-type(3){
        margin-left: -100px;
        margin-top: -115px;

    }
    .home li.grid-item:nth-of-type(4) img{
        max-width:300px !important;

    }
    .home li.grid-item:nth-of-type(5){
        margin-right: 591px;
        margin-top: -87px;
     }
    .home li.grid-item:nth-of-type(5) img{
       max-width:440px !important;
    }

    .footer_knuffel{
        position: absolute;
        right: 0;
        height: 600px;
        margin-top: -600px;
    }
    .shoendassdustrahlst{
        margin-left:0px;
    }
    body.contact .footer_knuffel_violett{
        position: absolute;
        display:inline;
        left: 0;
        height: 500px;
        margin-top: -500px;
    }
}


@media screen and (max-width: 1020px) {

    .portfolio-category-setdesign-styling div.obererpuschel{
        display:none;
    }
    .portfolio-category-schrankcheck div.obererpuschel{
        display:none;
    }
    .portfolio-category-schrankcheck div.seitepuschel{
        margin-right:-30px;
        top: 670px;
    }
    .portfolio-category-schrankcheck div.seitepuschel img{
        width:100px;
    }
    .portfolio-category-schrankcheck div.seitepuschel-links{
        margin-left:-30px;
        top: 920px;
    }
    .portfolio-category-setdesign-styling div.seitepuschel{
        margin-right:-30px;
    }


    .portfolio-category-verschoenerin div.obererpuschel img{
        width:450px;
    }
    .portfolio-category-verschoenerin img.aligncenter {
        margin-top: 0px;
    }

    .portfolio-category-portfolio  div.seitepuschel{
        top: 620px;
        margin-right:-30px;
    }
    .portfolio-category-verschoenerin div.seitepuschel img{

    }

    div.seitepuschel_raum{
        top: 1450px;
        left: -112px;

    }


}

@media screen and (max-width: 1015px) {

    .home li.grid-item:nth-of-type(3){
        margin-left: -30px;
        margin-top: -230px;
    }
    .home li.grid-item:nth-of-type(4) img{
        max-width:300px !important;

    }
    .home li.grid-item:nth-of-type(5){
        margin-right: 591px;
        margin-top: -220px;
     }
     .home li.grid-item:nth-of-type(2) div.item-wrapper{
        max-width:400px !important;
    }
    .footer_knuffel{
        position: absolute;
        right: 0;
        height: 500px;
        margin-top: -500px;
    }





}
@media screen and (max-width: 950px) {


    div.seitepuschel{
        position: absolute;
        top: 600px;
        right: -0px;
        overflow: hidden;
    }
    div.seitepuschel img{
        width:130px;
        height:auto;
    }

    .home li.grid-item:nth-of-type(2) img{
        max-width:200px !important;

    }
    .home li.grid-item:nth-of-type(3){
        margin-left: 0px;
        margin-top: 0px;
    }
    .home li.grid-item:nth-of-type(4) img{
        max-width:250px !important;
    }
    .home li.grid-item:nth-of-type(4){
        margin-left: 0px;

    }
    .home li.grid-item:nth-of-type(5){
        margin-right: 345px;
        margin-top: -50px;
     }
    .home li.grid-item:nth-of-type(5) img{
       max-width:340px !important;
    }
    .footer_knuffel{
        position: absolute;
        right: 0;
        height: 450px;
        margin-top: -450px;
    }
    body.contact .footer_knuffel_violett{
        position: absolute;
        display:inline;
        left: 0;
        height: 400px;
        margin-top: -400px;
    }
}

@media screen and (max-width: 860px) {

    .home li.grid-item:nth-of-type(3){
        line-height:38px !important;
        font-size:22px !important;
    }
    .footer_knuffel{
        position: absolute;
        right: 0;
        height: 400px;
        margin-top: -400px;
    }

}
@media screen and (max-width: 782px) {


    .portfolio-category-schrankcheck div.seitepuschel{
        top:100px;
    }
    .portfolio-category-schrankcheck div.seitepuschel img{
        width:140px;
    }

    .portfolio-category-setdesign-styling div.seitepuschel-rechts{
        top:0px;
        display:block;
    }
    .portfolio-category-setdesign-styling div.seitepuschel-rechts img{
        width:120px;
    }

    .wp-block-column div.wp-block-image figure{
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: center;
    }

    div.seitepuschel-links{
        display:block;
        position: absolute;
        top: 2550px !important;
        left: -0px;
        overflow: hidden;
        z-index:-1;
    }
    div.seitepuschel-links img{
        width:200px;
        height:auto;
    }

    .postid-703 div.seitepuschel-links{
        display:block;
        position: absolute;
        top: 900px !important;
        left: -0px;
        margin-left:-30px;
        overflow: hidden;
        z-index:-1;
    }
    .postid-703 div.seitepuschel-links img{
        width:200px;
        height:auto;
    }

    div.seitepuschel_raum{
        top: 1500px;
        left: -231px;

    }

}
@media screen and (max-width: 750px) {

    .has-white-background-color{
        font-family: 'Playfair Display', serif;
        font-size:18px !important

    }

    .price_spacer {
        line-height:7px;
    }

    .price_line {
        flex-direction: column;
    }

    .home ul.grid#portfolio li.grid-item{
        margin:3% !important;
    }
    .home ul.grid#portfolio li.grid-item.quote-item{
        width:95% !important;
        margin-top:70px !important;
    }
    .home ul.grid#portfolio li.grid-item.quote-item{
        font-size:38px;
        line-height:30px;
    }
    .home li.grid-item div.item-wrapper a img{
        max-width:100% !important;
    }
    .footer_knuffel{
        position: absolute;
        right: 0;
        z-index:-3;
        height: 400px;
        margin-top: -400px;
    }

    .portfolio-category-verschoenerin div.obererpuschel img{
        width:371px;
    }



}

@media screen and (max-width: 600px) {
    .postid-703 div.seitepuschel-links{
        top: 775px !important;
    }
    .postid-703 div.seitepuschel-links img{
        width:170px !important;
    }

}
@media screen and (max-width: 500px) {
    .postid-703 div.seitepuschel-links{
        top: 950px !important;
    }
    .postid-703 div.seitepuschel-links img{
        width:130px !important;
    }

}

/*
Startseite End
*/

.footer-logo {
    width: 99px !important;
    height: 99px !important;
}

.footer-text-js{
    max-width: 800px;
    margin: 0 auto;
}

.footer-text-js .p-serif{
    text-align: left;
    font-size:28px;
    font-family: 'Playfair Display', serif;
}
.footer-text-js .p-non-serif{
    font-family: "Montserrat", sans-serif;
    font-weight:200;
}
.uppercase-font{
    text-transform: uppercase;
    font-weight:200;
}
.footer-text-js .p-non-serif.non-serif-small{
    font-size:13px;
}
.footer-text-js .p-serif.centertext-js{
    text-align: center;
    margin-top:80px;
}
.footer-text-js a{
    color:#fff;
    text-decoration: none;
    font-weight: 300;
}
.no-underline{
    text-decoration: none !important;
}
.footer-text-js .p-serif .span-noserif-big{
    font-size:28px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.footertext-lineheight{
    line-height:18px;
}
.footertext-thin{
    font-weight:100;
}
.mt-15{
    margin-top:15px;
}
.footer-div-wrapper{
    margin: 0 auto;
    max-width:700px;
    margin-top:80px;
}




.menu-left-text{
    text-align: left !important;
    padding-right:20px !important;
}
.menu-left-text span.font-monserat{
    font-family: "Montserrat", sans-serif;
    font-weight:600;
}



h1.entry-title {
    font-size: 35px !important;
    line-height: 50px !important;
}
p.head-p{
    font-size:35px;
    line-height:45px;
}
p.head-p span{
    color:#087c73;
}

.grid-item.quote-item:before {
    content: ""!important;
    margin-bottom: 0px !important;
}
.grid-item.quote-item{
    font-size:28px !important;
    line-height:35px !important;
}
.grid-item.quote-item span{
    color:#feeb00;
    font-family: "Montserrat", sans-serif;
    font-weight:600;
}
#content p span.yellow{

    color:#feeb00 !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight:600 !important;
}

#content p.bigger-font{
    font-size:28px;
    font-family: 'Playfair Display', serif;
}

.display-mobile{
    display:none;
}
.display-desktop{
    display:block;
}


footer.footer div.flexfooter{
    display: flex !important;
    flex-direction: row;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    font-size:16px;
    line-height:24px;
    max-width:750px;
}

footer.footer div.flexfooter-links{
    display: flex !important;
    flex-direction: row;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    font-size:12px;
    line-height:24px;
    max-width:750px;
}
.footer-logo{
    width:110px !important;
    height:110px !important;
}
footer.footer p{
    font-size:35px;
    line-height:60px;
}
footer.footer p span{
    font-size:50px;
    line-height:60px;
}
footer .brieficon{
    width: 50px;
    height: auto;
}
div.blackcontainer-smaller .black-background-font{
    font-size:18px !important;
    line-height:25px;
    display: block;
}
.greentext{
    color:#087c73;
}
.yellowtext{
    color:#feeb00;
    font-size: 39px;
    margin-right:30px;
    font-weight: 400;
}

div.unten-puschel{
    position: absolute;
    right: 0px;

}
div.unten-puschel img{
    height: 578px;
    margin-right: -192px;
    margin-top: -27px;
}
@media screen and (max-width: 750px) {

    .display-desktop{
        display:none;
    }
    .display-mobile{
        display:block;
        overflow: hidden;
    }

    .display-mobile .grid-item:hover .portfolio-text-holder {
        opacity: 0.8;
    }

    .startpage_intro{
        width: 90% !important;
        margin: 0 auto !important;
        display: block !important;
        position: relative;
        z-index: 0;

    }
    .startpage_intro img{
        width: 100%;
        height: auto;
    }
    .startpage_intro div.infobox{
        left:0;
        right:0;
        bottom:0;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
        position: absolute;
        bottom: 20px;
        display: block;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 5px;
        padding:10px;
    }

    div.black-background-font{
        display: inline;
        background-color: #000;
        color:#fff;
        height: 35px;
        font-size: 22px;
    }
    .black-font-container{
        margin-top:50px;
        z-index:2;
    }
    div.infobox h1.entry-title{
        padding-bottom:0px !important;
        line-height:35px !important;
        font-size:28px !important;
        font-weight: 600;
    }
    .display-mobile .portfolio-text-holder {
        top: 40px;
        left: 40px;
        bottom: 40px;
        right: 40px;
        opacity: 0.8;
    }
    .display-mobile p.portfolio-category a{
        font-size:16px;
        font-weight: 400;
    }
    div.start-puschel{
        position: absolute;
        top: 0;
        right: 0;
        margin-right: -47px;
        z-index: -1;

    }
    div.start-puschel img{
        width:290px;
        height:auto;
    }
    div.mitte-puschel{
        position: absolute;
        z-index: -1;
    }
    div.mitte-puschel img{
        height: 887px;
        margin-left: -233px;
        margin-top: -80px;

    }
    div.mittepusheltextbox{
        width: 90% !important; margin: 0 auto !important; z-index:3;
    }
    div.mittepusheltextbox div{
        font-size: 28px !important; line-height:46px; font-family: 'Playfair Display', serif; text-align:right; font-weight:600;
    }
    .rounded{
        border-radius: 3px;
    }


}