/* weniger als 460 px -> dann diese styles laden */
/*
@media (max-width: 460px) {
    #logo {width: 264px;}
}
*/




@media (min-width: 20px) {

    #logo {width: 280px;}

    body.menu-opened {
        /*overflow: hidden;*/
    }

    body.menu-opened #site-main {
        display: none;
    }

    #header-call-button-wrap {
        display: none !important;
    }

    body.menu-opened #header-call-button-wrap {
        display: none !important;
    }

    body.menu-opened #header-inner {
        display: block;
        text-align: center;
    }

    #menu-main li {
        font-size: 2.8vw;
    }


    #burger-menu {
        display: block;
        float: right;
        position: absolute;
        right: 9px;
        top: 64px;
    }

    #main-nav {
        display:none;
    }


    body.menu-opened #main-nav {
        display: block;
        position: absolute;
        background-color: transparent;
        z-index: 3;
        width: calc(100% - 78px);
        /* left: 0px; */
        top: 240px;
        padding-left: 12px;
        /* padding-right: 8px; */
    }

    body.menu-opened #menu-main li {
        font-size: 1em;
        height: 32px;
        border-bottom: solid 1px #9F957E;
        padding-top: 16px;
        width: 100%;
        text-align: center;
    }

    body.menu-opened #menu-main li.current-menu-item {
        background-color: transparent;
        border-bottom: solid 1px var(--primary);
    }

    body.menu-opened #menu-main li.current-menu-item a {
        color: var(--primary);
    }


    body.menu-opened #site-footer {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 600px;
    }

    .wp-block-image {
        /* width: 300px; */
        margin: 0 auto;
    }
	
	.team .regular-page img {

    max-width: unset;

}

}

@media (min-width: 600px) {
    #menu-main li {
        font-size: 2.2vw;
    }
    #site-footer {
        font-size: 2.0vw;
    }

    #header-call-button-wrap {
        display: block !important;
    }

    .wp-block-image {
        width: 400px;
        margin: 0 auto;
    }

}

@media (min-width: 768px) {
    .info-grid {
        grid-template-columns: repeat(3, 1fr);
    }



    #menu-main li {
        height: 36px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 64px;
        font-size: 0.9rem;
        text-align: center;
    }

    .flexslider .slides img {
        width: 100%;
        left: 0;
    }


    .metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
        padding: unset;
        background-color: unset !important;
    }

    #site-main .team img {
        max-width: 600px;
        min-width: 360px;
    }
	
	



}





@media (min-width: 1024px) {

    #logo {width: 300px;}


    #main-nav ul {display: flex;}

    #menu-main li {
        font-size: unset;
    }

    #site-footer {
        font-size: 1.2rem;
    }

    #burger-menu {
        display: none;
    }

    #main-nav {
        display: block;
    }

    .wp-block-image {
        width: 500px;
        margin: 0 auto;
    }

    .team .wp-block-image {
        float: left;
        width: 364px;
        margin-right: 50px;
    }

}




/* weniger als 1300 px -> dann diese styles laden */
@media (max-width: 1299px) {



    #main {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 44px;

    }
}




@media (min-width: 1300px) {

    #logo {width: 360px;}
    /*overwrite defaults*/
    .metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
        font-size: 2.1em;
        line-height: 1.6em;
        left: 3.48vw;
    }
}

@media (max-width: 767px){
	
	#main {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 45px;
    }
	
	#contact-top-subwrap {
        padding: 10px 0px 8px 15px;
	}
		
	#contact-top-right {
		margin-right: 15px;
	}
	
	 body.menu-opened #header-inner {
        text-align: left;
    }
	
	    body.menu-opened #site-footer {
        padding-bottom: 40px;
    }
}