@media (min-width: 1580px){
    .visual{
        background-size: auto 119%;
    }
    .teamentwicklung .visual{
        background-position: 0px 0px;
    }
}
@media (max-width: 1579px){
    .visual{
        background-size: auto 110%;
    }
    .content p{
        margin: 15px 0 20px;
    }
    .teaser > div{
        padding: 2% 6%;
    }
}
@media (max-width: 1510px){
    .books-left{
        flex: 0 70%;
    }
    .books-right{
        flex: 0 30%;
    }
}
@media (max-width: 1440px){
    .visual{
        /* background-position: -80px 100px; */
        background-size: auto 121%;
    }
    .kontakt .visual{
        background-size: auto 115%;
    }
}
@media (max-width: 1366px){
    #main .content .inside{
        padding-right: 100px;
    }
    .books-left{
        flex: 0 65%;
    }
    .books-right{
        flex: 0 35%;
    }
    .home .banner{
        background-position: center 0vw;
    }
    /*.visual{
        background-position: -50% 65px; 
    }*/ 
}
@media (max-width: 1260px){
    /*.visual{
        background-position: -220px 65px; 
    }*/
}
@media (max-width: 1119px){
    .visual{
        background-position: 0px 70px;
    }
    .books-left{
        flex: 0 60%;
    }
    .books-right{
        flex: 0 40%;
    }
    #logo{
        top: 5px;
    }
    .nav-icon{
        display: block;
        position: fixed;
    }
    #nav{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 5;
        transform: translateX(-100%);
        transition: all 0.3s ease;
        background-color: rgba(0, 0, 0, 0.85);
    }
    .open-nav #nav{
        z-index: 5;
        width: 100%;
        transform: translateX(0);
        transition: all 0.3s ease;
    }
    #nav ul{
        position: relative;
        top: 100px;
        padding: 20px;
    }
    #nav .sub-menu{
        padding-left: 20px;
        box-sizing: border-box
    }
    #nav ul li{
        display: block;
        font-size: 22px;
        position: relative;
    }
    #nav ul.sub-menu{
        top: 0;
    }
    #nav ul.sub-menu.open-sub{
        display: block;
    }
    .open-sub .sub-menu{
        display: none !important;
    }
    .open-sub .sub-menu.open-sub{
        display: block !important;
    }
    li.menu-item-has-children:after{
        display: block;
        content: "";
        position: absolute;
        right: 0;  
        top: 0;
        width: 15px;
        height: 25px;
        background-size: cover;
        background-image: url('../images/sub-nav-trigger.png');
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }
    #menu li .sub-menu{
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: max-height 0.4s ease;
    }
   /*#menu li.openSubMenu .sub-menu. .sub-menu
    #menu li .sub-menu .sub-menu{
        max-height: 0;
    }*/
    
    #menu li .sub-menu.lvl-2 li{
        padding-left: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    #menu li .sub-menu.lvl-2 li.menu-item-has-children{
        margin-bottom: 0;
    }
    #menu li .sub-menu.lvl-2 li:first-of-type{
        margin-top: 10px;
    }
    #menu li .sub-menu.lvl-2 li:last-of-type{
        margin-bottom: 10px;
    }
    #menu li .sub-menu.lvl-3 li{
        margin: 10px 0;
    }
    #menu li .sub-menu.lvl-3 li:first-of-type{
        margin-top: 5px;
    }
    #menu li .sub-menu.lvl-3 li:last-of-type{
        margin-bottom: 15px;
    }

    #menu li.openSubMenu-1:after,
    #menu li.openSubMenu-2:after{
        transform: rotate(90deg);
    }
    #header #nav li:hover > a{
        color: rgba(255, 255, 255, 1);
    }
    #menu li.openSubMenu-1 > .sub-menu.lvl-2,
    #menu li.openSubMenu-2 > .sub-menu.lvl-3{
        max-height: 600px;
    }
    #menu .sub-nav-trigger.open{
        transform: rotate(90deg);
    }
    #menu .sub-menu{
        display: block;
        position: relative;
        background-color: initial;
    }
    #menu li.beratung > .sub-menu{
        right: initial;
        width: initial;
    }
    #menu .sub-menu > li, 
    #menu li.beratung > .sub-menu > li{
        float: initial;
        width: 100%;
    }
    #header {
        position: fixed;
        width: 100%;
        z-index: 10;
        height: 70px;
    }
    #header .inside{
        padding: 20px;
    }
    #footer{
        z-index: 500;
    }
    #header #logo{
        position: absolute;
    }
    #main{
        padding-top: 70px;
    }
    html #wpadminbar{
        position: fixed;
    }

}
@media (min-width: 1025px){
    .desktop{
        display: block;
    }
    .mobile{
        display: none;
    }
}
@media (max-width: 1024px){
    .desktop{
        display: none;
    }
    .headline img.desktop {
        display: none;
    }
    .vita
    .mobile{
        display: block;
    }

    /* 
    .flex-container{
        display: block;
    } 
    */
    
    .home .teaser.flex-container{
        display: flex;
        flex-direction: column;
    }
    .home .teaser .w60{
        order: 2;
    }
    .home .teaser .w40{
        order: 1;
    }
    #main .teaser.philosophie{
        background-size: 100%;
        background-position: right 50%;
    }
	#main .teaser.podcast{
        background-size: 100%;
        background-position: 0vw;
    }
    #main .teaser.visual-mobile-only-1 .w40{
        display: none;
    }
    #main .teaser.visual-mobile-only-1,
    #main .teaser.seminare-mehr{
        background-size: auto 140%;
        background-position: 95% bottom;
    }
    #main .teaser.visual-mobile-only-1{
        background-position: center 35%;
        height: 60vh;
    }
    #main .teaser.seminare-mehr .w60{
        background-color: rgba(255, 255, 255, 1) !important;
    }
    .home .teaser.buecher{
        background-position: 33% 70%;
        background-size: auto 100%;
    }
    #main .teaser.beratungsangebot.flex-container .w40{
        background-image: inherit;
        background-size: cover;
        background-position: right top;
        display: none;
    }
    #main .teaser.ueber-mich.flex-container .w40{
        background-image: inherit;
        background-size: cover;
        background-position: right top;
        min-height: 62vh;
    }
    #main .teaser.ueber-mich.flex-container .quote-on-img p{
        position: relative;
        top: 15vh;
        width: 65%;
        padding: 10px;
        box-sizing: border-box;
    }
    #main .teaser.ueber-mich.flex-container .quote-on-img p img{
        max-width: 100%;
        height: auto;
    }
    .teaser {
        min-height: auto;
        border-left: 0px none;
        border-right: 0px none;
        border-top: 0px solid rgba(255, 255, 255, 1);
    }
    .teaser > div{
        width: 100%;
    }
    #main.home .teaser .w40{
        /* min-height: 30vh; */
        min-height: 55vh;
    }
    .teaser .w40{
        padding: 0;
    }
    
    .teaser.buecher .stopper img{
        width: 50%;
        max-width: 200px;
    }
    .teaser .headline h3{
        margin-bottom: 10px;
    }
    .teaser > div:first-child{
        border-right: 0px none;
    }
    .teaser.buecher h3.headline,
    .teaser.buecher .release, 
    .teaser.buecher .stopper{
        margin: 0;
        padding: 0px 20px;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.85);
        line-height: 1.3;
    }
    .teaser.buecher .stopper{
        text-align: center;
        padding: 10px 0;
        margin-bottom: 20px;
    }
    .teaser.buecher h3.headline{
        text-align: center;
        padding-top: 20px;
    }
    .teaser.buecher h3.headline.subheadline{
        background-color: initial;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        font-size: 20px !important;
    }
    .teaser.buecher .release{
        padding-bottom: 20px;
        border-bottom: 0px none;
        text-align: center;
        margin-bottom: 20px;
    }
    .teaser.buecher .book-cover{
        max-width: 160px;
        margin: 0 auto 40px;
        padding: 0;
    }
    .teaser.buecher .book-cover img{
        width: 100%;
        height: auto;
    }
    .teaser.buecher .book-teaser-content{
        background-color: rgba(255, 255, 255, 0.85);
    }
    #main .inside{
        height: auto !important;
    }

    /*
    #main .w33,
    #main .w40, 
    #main .w60,
    #main .w66 {
        width: 100%;
    }
    #main .w33, 
    #main .w40{
        min-height: 60vh;
        position: relative;
        z-index: 5;
    }
   */
    #main .w66 .w33{
        min-height: auto;
    }


    #main .visual{
        background-size: cover;
        background-attachment: scroll;
        /* background-position: center top; */
        background-position: -40vw top;
    }
    #main.konfliktmanagement .visual{
        background-position: center 20%;
    }
    #main .w60,
    #main .w66{
        position: relative;
        left: 0;
        z-index: 4;
    }

    #main.kontakt{
        background-position: 15% 30px;
        background-size: 300% auto;
    }
    #main.kontakt .content{
        background-color: rgba(255, 255, 255, 1) !important;
    }
    .claim, 
    .w33 .quote, 
    .w40 .quote{
        display: none;
    }
    .home .banner .claim{
        display: block;
    }
    .vita .claim {
        display: block;
    }

    /*#main .w66:before{
        display: block;
        content: "";
        background: inherit;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
    }*/
    /*#main .w66:after{
        display: block;
        position: fixed;
        content: "";
        background-color: rgba(255, 255, 255, 0.7);
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: -1;
    }*/
    #main .w60 .inside,
    #main .w66 .inside{
        padding: 20px;
        left: 0;
        background-color: rgba(255, 255, 255, 0);
        overflow: auto;
        position: relative;
    }
    #main.vita .inside{
        background-color: rgba(255, 255, 255, 1);
    }
    /* --- presse --- */
    #main.presse .w33{
        min-height: 50vh;
    }
    #main.tv-podcasts .w33{
        min-height: 30vh;
    }
    .presse-archive-list{
        width: 100%;
        text-align: left;
        left: 0;
        padding: 20px 20px 0 20px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 1);
        top: initial;
        bottom: 0;
        margin-bottom: 0;
    }
    .presse-archive-list li.head{
        display: block;
    }
    .presse-archive-list li{
        display: inline-block;
        padding-left: 0;
        padding-right: 10px;
    }

    /* --- beratung --- */
    .recommendations.flex-container > div{
        flex: 0 100%;
        width: 100%;
        padding-right: 0;
    }
    /* --- seminare & workshops --- */

    #main.vortraege .w66.content-bg{
        background-size: cover;
    }
    .seminar-item{
        display: flex;
    }
    .content_visual img{
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .seminar-item .w80, 
    .seminar-item .w20{
        flex: 0 100%;
        width: 100%;
    }
    .seminar-item .w20{
        text-align: center;
    }
    .seminar-item .seminar-item .w20 img.download-icon,
    .seminar-item .seminar-item .w40 img.download-icon{
        margin: initial;
    }
    .seminar-item .w20 img{
        max-width: 160px;
    }
    .seminar-item .w20 img{
        margin: 0 auto;
    }
    .seminar-item .w20 img.download-icon{
        margin: 0;
    }
    .seminar-item .w20 .pdf-download{
        justify-content: center;
    }
    /* --- Bücher --- */
    .book-mockup{
        max-width: 320px;
        padding-top: 40px;
        margin: 0 auto;
    }
}
@media (max-width: 768px){
    html body{
        font-size: 14px;
    }
    #logo{
        max-width: 220px;
        top: initial;
    }
    .teaser > div{
        padding: 20px;
    }
    .teaser .w40{
        background-color: initial;
    }
    .subpage .content h2{
        font-size: 26px;
        line-height: 1.3;
    }
    .content p strong{
        text-transform: none;
        line-height: 1.2;
    }    
    .full-bg .visual{
        background-image: inherit !important;
        background-size: cover;
    } 
    .full-bg .content{
        background: rgba(255, 255, 255, 1);
    }
    .full-bg:after{
        position: fixed;
        top: 70px;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        content: "";
        background: rgba(255, 255, 255, 1);
        background-size: cover;

    }

    .flex-container{
        display: block;
    }

    #main .w33,
    #main .w40, 
    #main .w60,
    #main .w66 {
        width: 100%;
    }
    #main .w33, 
    #main .w40{
        min-height: 60vh;
        position: relative;
        z-index: 5;
    }
   
    #main .w66 .w33{
        min-height: auto;
    }

    #main .visual{
        background-position: center top;
    }


    #main .teaser.philosophie{
        background-size: 100%;
        background-position: right -50%;
    }

    .visual .background-container{
        position: relative;
        height: auto;
        min-height: 60vh;
    }

    /* --- footer --- */
    #footer-nav ul{
        margin-top: 0;
    }
    #footer-nav li{
        display: block;
        text-align: right;
    }
    /* --- Home --- */
    .home .banner{
        min-height: 60vh;
        background-position: -160px;
        height: auto;
    }
    .home .banner .claim{
        display: block;
        right: 0;
        left: initial;
        width: 75%;
        bottom: 0px;
        top: 18vh;
        padding: 10px 10px;
        box-sizing: border-box;
        margin-bottom: 0;
    }
    .home .banner .claim .text-below{
        font-size: 16px;
        right: initial;
        left: 30%;
        position: relative;
    }
    .home .buecher .w40 img{
        max-width: 200px;
    }
    /* --- Bücher --- */
    #main.buecher .content h3{
        width: 100%;
    }
    .books-wrapper{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .books-left{
        order: 2;
        border-top: 0px none;
    }
    .books-right{
        order: 1;
        padding-left: 0;
        top: 0;
    }
    #main.buecher .content h3{
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid rgba(0, 0, 0, 1);
    }

    .price-book strong br{
        display: none;
    }
    .book-mockup{
        flex: 1 60%;
        margin: 0 auto;
        text-align: center;
        padding-top: 0;
    }
    .book-mockup img{
        max-width: 160px;
    }
    .flex-book{
        display: flex;
        flex-direction: row; 
        flex-wrap: wrap;
    }
    .flex-book .release{
        flex: 1 100%;
        max-width: 240px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .book-meta{
        display: inline-block;
        width: 100%;
    }
    .book-meta-wrap{
        flex: 1 40%;
    }
    .book-meta .button a {
        padding: 5px 0px;
        width: 105%;
    }
    /* --- Seminare --- */
    .slider-item .seminar-item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .seminar-item .w60, 
    .seminar-item .w40
    .seminar-item .w80, 
    .seminar-item .w20{
        width: 100%;
        flex: 0 100%;
    }
    #main .slider-item .seminar-item .w40{
        padding-left: 0;
        text-align: left;
        min-height: auto;
    }
    .seminar-item .w40 img{
        max-width: 160px;
        margin: 0 auto;
    }
    .owl-nav{
        top: 65%;
    }
    /* --- Presse --- */
    #main.presse, 
    #main.tv-podcasts{
        background-size: 140%;
    }
}
@media (max-width: 460px){
    #main .teaser.visual-mobile-only-1{
        background-position: center 35%;
        height: 330px;
    }
}
@media (max-width: 375px){
    #main .teaser.visual-mobile-only-1{
        height: 297px;
    }
}