/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# LAYOUT
    # Header
    # Content
    	## Header
    	    ### Hamburgers
    	## Intro
    # Footer
        ## Newsletter
        ## Bottom
# MODULES
	# Recurring
	    ## Contact
	    ## Content Hub
	    ## Link collection
    # Pages
        ## Home
            ### Im Fokus
            ### Geschaeftsfelder
            ### Content Hub
            ### Testimonials
        ## Geschaeftsfeld
        ## Dienstleistung
        ## Wissen (Content Hub)
            ### Post
            ### Book
            ### Video
        ## Ueber uns
        ## Arbeiten bei Avenir / Jobs
        ## Team
            ### Page
            ### Single
        ## Kontakt
        ## 404
--------------------------------------------------------------*/




/*==============================================================
# LAYOUT
==============================================================*/

@media screen and (min-width: 1440px) {
    .home .hero {
        height: 700px;
    }
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

@media screen and (max-width: 1440px) {
    header#masthead .nav-wrapper {
        position: fixed;
        width: 100%;
        height: calc(4rem + 0.25rem);
        margin: 0;
        border-bottom: 0.375rem solid #cfd627;
        box-shadow: none;
    }

    #site-logo {
        width: 11.25rem;
        padding: 1rem 2rem;
        margin-left: calc( 10% - 2rem );
    }

    #site-right-nav {
        padding-right: 10%;
    }
}

@media screen and (max-width: 1280px) {
    #site-navigation ul#primary-menu li ul {
        border-right: 0.25rem solid transparent;
    }
}

.menu-toggle,
#site-navigation.toggled ul {
    display: flex;
}

@media only screen and (min-width: 1040px) {
    #nav-toggle {
        display: none;
    }

    #site-navigation ul {
        display: block;
    }
}

@media only screen and (max-width: 1040px) {
    .nav-wrapper {
        flex-wrap: wrap;
    }

    #site-navigation {
        order: 2;
        display: none;
        width: 100%;
        margin: 0;
        margin-top: -1px;
        border-top: 3px solid #cfd627;
    }

    #site-navigation ul {
        display: block;
        background-color: transparent;
    }

    #site-navigation #primary-menu {
        display: flex;
        flex-direction: column;
        height: 100vh;
        padding-top: 2.5rem;
        /* background-color: rgb(236,239,186) !important; */
        background-color: white !important;
        box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.1);
    }

    #site-navigation #primary-menu a {
        display: block;
        padding: 0 10%;
    }

    #site-navigation #primary-menu a:hover {
        color: black;
        cursor: pointer !important;
    }

    #site-navigation #primary-menu > li {
        margin-right: 0 !important;
        margin-bottom: 0.5rem;
        font-size: 1.375rem;

    }

    #site-navigation #primary-menu > li:hover {
        background-color: rgb(227, 230,145);
        transition: background-color 0.2s linear;
    }

    #site-navigation #primary-menu > li.menu-item-has-children {
        /* */
    }

    #site-navigation li.leistungen > ul {
        height: 100%;
        display: none;
    }

    #site-navigation li.leistungen > ul > li {
        max-width: 100%;
        margin: 0 !important;

    }

    #site-navigation li.leistungen > ul > li:hover {
        background-color: #cfd627;
        transition: background-color 0.2s linear;
    }

    #site-navigation li.leistungen > ul > li.menu-item-type-yawp_wim {
        display: none;
    }

    #site-navigation li.leistungen ul ul {
        padding-left: 2rem;
        display: none;
    }

    #site-navigation ul ul {
        position: static;
        width: 100% !important;
        box-shadow: none;
        border: none !important;
        padding: 0;
        display: none;
    }

    #site-navigation ul ul li {
        line-height: 2.75rem;
        padding-left: 2rem;
        text-transform: none !important;
        letter-spacing: normal !important;
    }

    #site-navigation ul ul a {
        padding-left: 2rem;
        font-size: 1.125rem;
    }

    #site-right-nav {
        order: 1;
        position: absolute;
        right: 0;
        padding-right: 5rem;
    }
}

@media screen and (max-width: 720px) {
    header#masthead .nav-wrapper {
        border-bottom: 0.25rem solid #cfd627;
    }
}

@media screen and (max-width: 560px) {
    #site-navigation #primary-menu > li:hover {
        background-color: transparent;
        transition: none;
    }

    #site-navigation li.leistungen > ul > li:hover {
        background-color: transparent;
        transition: none;
    }

}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .page-header .header-img,
    .entry-header .header-img {
        margin-top: 4rem;
    }

    .page-header .header-img,
    .entry-header .header-img {
        min-height: 0.375rem;
        background-color: transparent;
    }
}

@media only screen and (max-width: 1040px) {
    .page-header .header-img,
    .entry-header .header-img {
        height: 50%;
    }

    .page-header .header-img img,
    .entry-header .header-img img {
        height: auto;
        min-height: 200px;
    }
}

@media only screen and (max-width: 720px) {
    .page-header .entry-title,
    .entry-header .entry-title {
        margin: 4rem 0 2.5rem;
        font-size: 2.5rem;
    }

    .page-header .header-img,
    .entry-header .header-img {
        min-height: 0.25rem;
    }
}


/*--------------------------------------------------------------
## Intro
--------------------------------------------------------------*/
@media only screen and (max-width: 1040px) {
    .entry-content .intro-tagline {
        flex-direction: column;
    }

    .entry-content .intro-tagline .content {
        width: 100%;
    }

    .entry-content .intro-tagline .tagline {
        margin: 4rem auto 1rem;
    }
}

@media only screen and (max-width: 720px) {
    .entry-content .intro {
        font-size: 1.25rem;
        line-height: 2.25rem;
    }
}

@media only screen and (max-width: 560px) {
    .entry-content .intro-tagline .tagline {
        width: auto;
    }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Newsletter
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    footer .newsletter .textwidget {
        width: 50%;
    }

    footer .newsletter form {
        width: calc(50% - 2rem);
    }
}

@media only screen and (max-width: 1415px) {
    footer .newsletter {
        height: 12rem;
    }
}

@media only screen and (max-width: 1040px) {
    footer .newsletter {
        flex-wrap: nowrap;
        height: auto;
        padding: 1.5rem 2.5rem;
    }

    footer .newsletter .textwidget {
        width: auto;
    }

    footer .newsletter form {
        display: block;
        width: auto;
        margin-top: 1rem;
    }

    footer .newsletter form > * {
        display: block;
    }

    footer .newsletter p:nth-last-child(2) {
        padding-right: 0;
    }

    footer .newsletter form input[type="email"] {
        float: none;
    }

    footer .newsletter form input[type="submit"] {
        display: block;
        float: none;
        height: auto;
        padding: 0.875rem 1rem;
        margin: 0 auto;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 720px) {
    footer .newsletter {
        width: auto;
        margin: 0;
    }
}

@media only screen and (max-width: 560px) {
    footer .newsletter .heading {
        font-size: 1.75rem;
        line-height: 2rem;
    }

    footer .newsletter .textwidget {
        display: none;
    }

    footer .newsletter [type="submit"] {
        width: 100%;
    }
}


/*--------------------------------------------------------------
## Bottom
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    footer .bottom .wrapper > div:not(:first-child):not(:last-child) {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 1040px) {
    footer .bottom .footer-4 {
        display: none;
    }

    footer .bottom .wrapper > div:not(:first-child):not(:last-child) {
        margin-left: 7%;
    }
}

@media only screen and (max-width: 880px) {
    footer .bottom .footer-3 {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    footer .bottom  {
        margin-top: 0;
    }

    footer .bottom .footer-2  {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    footer .bottom {
        flex-direction: column;
        height: auto;
        padding: 3rem 10% 2.5rem;
    }

    footer .bottom .footer-1 {
        max-width: none;
    }

    footer .bottom .footer-1 .slogan {
        width: 15em;
    }

    footer .bottom .footer-1 .contact {
        position: static;
        margin-top: 2rem;
    }

    footer .bottom .footer-1 .contact a:nth-child(2) {
        float: right;
    }

    footer .bottom .wrapper {
        justify-content: initial;
        margin-top: 2rem;
    }

    footer .bottom .wrapper > div {
        width: 100%;
    }

    footer .bottom .wrapper > div:not(:first-child) {
        margin-left: 0 !important;
    }

    footer .bottom .footer-4 {
        display: block;
    }

    footer .bottom .footer-2,
    footer .bottom .footer-3,
    footer .bottom .footer-5 {
        display: none;
    }

    footer .bottom .footer-4 .nav-heading {
        display: none;
    }

    footer .bottom .footer-4 ul {
        display: flex;
        justify-content: space-between;
        font-size: 0;
    }

    footer .bottom .footer-4 .xing a:before {
        content: url("../img/xing.svg");
    }
    footer .bottom .footer-4 .linkedin a:before {
        content: url("../img/linkedin.svg");
    }
    footer .bottom .footer-4 .youtube a:before {
        content: url("../img/youtube.svg");
    }
    footer .bottom .footer-4 .twitter a:before {
        content: url("../img/twitter.svg");
    }

    footer .bottom .footer-6 {
        position: static;
        width: 100% !important;
        margin-top: 1rem;
    }
}




/*==============================================================
# MODULES
==============================================================*/

/*--------------------------------------------------------------
# Recurring
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .contact-team .cards .link {
        font-size: 0.875rem;
    }
}

@media only screen and (max-width: 1280px) {
    .contact-team .cards {
        justify-content: space-around;
    }

    .contact-team .cards li {
        width: 42%;
    }

    .contact-team .cards li:nth-child(3) {
        margin-top: 3rem;
    }

    .contact-team .cards .link {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1040px) {
    .contact-team .cards li,
    .contact-team .cards.two li {
        width: 45%;
    }
}

@media only screen and (max-width: 960px) {
    .contact-team .cards .link {
        font-size: 0.875rem;
    }
}

@media only screen and (max-width: 880px) {
    .contact-team .cards li,
    .contact-team .cards.two li {
        width: 100%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .contact-team .cards li:first-child {
        margin-bottom: 3rem;
    }

    .contact-team .cards .link {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 720px) {
    .contact-team .cards li,
    .contact-team .cards.two li {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 560px) {
    .contact-team .cards .link {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 24px ;
        padding-left: 2.25rem;
    }

    .contact-team .cards .link.email {
        background-image: url("../img/email.svg");
        margin-bottom: 1.25rem !important;
    }

    .contact-team .cards .link.email .long {
        display: none;
    }

    .contact-team .cards .link.email .short {
        display: inline;
    }

    .contact-team .cards .link.phone {
        background-image: url("../img/phone.svg");
    }

    .contact-team .cards .more {
        margin-top: 0;
    }
}


/*--------------------------------------------------------------
## Content Hub
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .contenthub .cards li {
        width: 48%;
    }

    .contenthub .cards li:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 880px) {
    .contenthub .cards li {
        width: 100%;
        margin: 0 7%;
    }

    .contenthub .cards li:first-child {
        margin-bottom: 4rem;
    }
}

@media only screen and (max-width: 720px) {
    .contenthub {
        padding: 0;
    }

    .contenthub h4 {
        margin-left: 10%;
    }

    .contenthub .cards li {
        margin-right: 0;
        margin-left: 0;
    }
}


/*--------------------------------------------------------------
## Link collection
--------------------------------------------------------------*/
@media only screen and (max-width: 1120px) {
    .linkcollection {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .linkcollection .category {
        width: 100%;
    }
    
    .linkcollection li {
    	margin-bottom: 0.75rem;
    }
}

@media only screen and (max-width: 720px) {
    .linkcollection li {
    	margin-bottom: 1rem;
    }
}


/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .home .hero {
        margin-top: 4rem;
        margin-bottom: 0;
    }

    .home .hero .image:before {
        background: white;
        opacity: 0.6;
    }
}

@media only screen and (max-width: 880px) {
    .home .hero {
        height: 22rem;
    }

    .home .hero .image {
        height: 100%;
    }

    .home .hero .image:before {
        background: white;
        opacity: 0.7;
    }

    .home .hero .image img {
        height: 100%;
        width: auto;
        object-fit: cover;
        margin: 0 auto;
    }

    .home .hero .slogan {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
    }

    .home .hero .slogan .row-1 {
        font-size: 2.875rem;
        line-height: 4.750rem;
        text-align: center;
    }

    .home .hero .slogan .row-2 {
        font-size: 1.50rem;
        line-height: 2.875rem;
        text-align: center;
    }
}

@media only screen and (max-width: 720px) {
    .home .hero .slogan .row-1 {
        max-width: 25rem;
        margin: 0 auto;
        font-size: 4rem;
        line-height: 4rem;
    }

    .home .hero .slogan .row-2 {
        max-width: 25rem;
        margin: 0 auto;
        margin-top: 1rem;
        line-height: 2.3rem;
    }

    .home .subheading {
        max-width: 100%;
        font-size: 1.375rem;
        line-height: 2.25rem;
    }
}


@media only screen and (max-width: 560px) {
    .home .hero .slogan .row-1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .home .hero .slogan .row-2 {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 1.5rem;
    }
}


/*--------------------------------------------------------------
### Im Fokus
--------------------------------------------------------------*/
@media only screen and (max-width: 1120px) {
    .home .contenthub.imfokus {
        margin-top: 2rem;
        height: 2rem;
    }
}

@media only screen and (max-width: 880px) {
    .home .contenthub.imfokus {
        display: none;
    }
}


/*--------------------------------------------------------------
### Geschaeftsfelder
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .home .geschaeftsfelder li .background {
        display: none;
    }

    .home .geschaeftsfelder li .graphics {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 45%;
        height: auto;
    }

    .home .geschaeftsfelder li .graphics .thumbnail {
        position: static;
        width: 100%;
    }

    .home .geschaeftsfelder li .text {
        width: 38%;
    }

    .home .geschaeftsfelder li .text .title {
        font-size: 3rem;
    }
}

@media only screen and (max-width: 880px) {
    .home .geschaeftsfelder {
        margin-top: 6rem;
    }

    .home .geschaeftsfelder li {
        flex-direction: column;
    }

    .home .geschaeftsfelder li:not(:last-child) {
        margin-bottom: 12%;
    }

    .home .geschaeftsfelder li .graphics {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 10%;
    }

    .home .geschaeftsfelder li:nth-child(even) .graphics {
        order: 0;
    }

    .home .geschaeftsfelder li .text {
        width: 100%;
        padding: 0 10%;
        margin: 4% 0 0;
    }

    .home .geschaeftsfelder li:nth-child(odd) .text {
        margin-right: 0;
    }

    .home .geschaeftsfelder li:nth-child(even) .text {
        margin-left: 0;
    }
}

@media only screen and (max-width: 560px) {
    .home .geschaeftsfelder {
        margin-top: 4.5rem !important;
    }

    .home .geschaeftsfelder li:not(:last-child) {
        margin-bottom: 20%;
    }

    .home .geschaeftsfelder li:last-child {
        margin-bottom: 8%;
    }

    .home .geschaeftsfelder li .graphics {
        padding: 0;
    }

    .home .geschaeftsfelder li .text {
        margin-top: 10%;
    }

    .home .geschaeftsfelder li .text a {
        width: 100%;
        text-align: center;
    }

    .home .geschaeftsfelder li .text .title {
        font-size: 2.5em;
    }
}


/*--------------------------------------------------------------
### Content Hub
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .home .contenthub .cards li.focus {
        display: list-item;
        width: 100%;
    }

    .home .contenthub .cards li.focus .event-date-flag {
        top: -0.75rem;
    }

    .home .contenthub .cards li.focus .thumbnail {
        width: 100%;
        max-width: 100%;
    }

    .home .contenthub .cards li.focus .overlay {
        width: 95%;
        max-width: 95%;
        margin: -10% 2.5% 0;
    }

    .home .contenthub .cards li.focus .inner {
        padding: 6% 6% 0;
    }

    .home .contenthub .cards li.focus .more {
        padding-left: 6%;
    }

    .home .contenthub .cards li.focus .more.video {
        padding-left: calc(6% + 2.125rem);
        background-position: 6% 0.4375rem;
    }

    .home .contenthub .cards li:nth-child(4) {
        display: none;
    }
}

@media only screen and (max-width: 880px) {
    .home .contenthub .cards li .border {
        height: 2.9rem;
    }

    .home .contenthub .cards li.focus .overlay {
        width: 90%;
        height: 18.625rem;
        max-width: 90%;
        margin: -10% 5% 0;
        overflow-y: hidden;
    }

    .home .contenthub .cards li.focus .inner {
        padding: 8% 8% 0;
    }

    .home .contenthub .cards li.focus .title {
        margin: 0.75rem 0;
        font-size: 1.25rem;
    }

    .home .contenthub .cards li.focus .content {
        margin-top: 0;
    }

    .home .contenthub .cards li.focus .more {
        position: absolute;
        bottom: 0;
        z-index: 5;
        width: 100%;
        padding-left: 8%;
    }

    .home .contenthub .cards li.focus .more.video {
        padding-left: calc(8% + 2.125rem);
        background-position: 8% 0.4375rem;
    }

    .home .contenthub .cards li.focus .border {
        height: 5rem;
        box-shadow: 0 -1rem 1.5rem 0 white;
    }

    .home .contenthub .cards li:nth-child(3)  {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    .home .contenthub .cards .border {
        height: 2rem;
    }

    .home .contenthub .cards li:first-child {
        margin-bottom: 3rem;
    }

    .home .contenthub .cards li.focus .border {
        height: 4rem;
    }
}


/*--------------------------------------------------------------
### Testimonials
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .home .testimonials .cards li,
    .home .testimonials .cards li:first-child {
        width: 48%;
    }

    .home .testimonials .cards li:nth-child(1),
    .home .testimonials .cards li:nth-child(2) {
        margin-bottom: 4rem;
    }

    .home .testimonials .cards li:first-child .thumbnail {
        float: none;
        width: 100%;
    }

    .home .testimonials .cards li:first-child .overlay {
        width: auto;
        margin: -10% 5% 0;
        background-color: white;
        box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
    }

    .home .testimonials .cards li:first-child .logo {
        align-items: center;
        padding: 0;
    }

    .home .testimonials .cards li:first-child .content {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

@media only screen and (max-width: 880px) {
    .home .testimonials .cards li,
    .home .testimonials .cards li:first-child {
        width: 100%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .home .testimonials .cards li:nth-child(2) {
        margin-bottom: 0;
    }

    .home .testimonials .cards li:nth-child(3),
    .home .testimonials .cards li:nth-child(4) {
        display: none;
    }

    .home .testimonials .cards .link {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 720px) {
    .home .testimonials .cards li,
    .home .testimonials .cards li:first-child {
        margin-left: 0;
        margin-right: 0;
    }

    .home .testimonials .cards li:first-child {
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 560px) {
    .home .testimonials .cards .content {
        line-height: 1.5rem;
    }
}


/*--------------------------------------------------------------
## Geschaeftsfeld
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .single-geschaeftsfeld .dienstleistungen .title {
        font-size: 2rem;
    }

    .single-geschaeftsfeld .contenthub .cards li:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 1040px) {
    .single-geschaeftsfeld .dienstleistungen .title {
        min-height: 7rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media only screen and (max-width: 880px) {
    .single-geschaeftsfeld .dienstleistungen li {
        width: 100%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .single-geschaeftsfeld .dienstleistungen .title {
        min-height: auto;
    }
}


@media only screen and (max-width: 720px) {
    .single-geschaeftsfeld .dienstleistungen li {
        margin-left: 0;
        margin-right: 0;
    }

    .single-geschaeftsfeld .dienstleistungen .title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media only screen and (max-width: 560px) {
    .single-geschaeftsfeld .intro .content {
        font-size: 1.125rem;
        line-height: 1.875rem;
    }
}


/*--------------------------------------------------------------
## Dienstleistung
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .single-dienstleistung .text {
        position: relative;
        padding-right: 10%;
    }

    .single-dienstleistung .text .content {
        padding-right: 0;
    }

    .single-dienstleistung .text .bg-right {
        display: none;
    }

    .single-dienstleistung .contenthub .cards li:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    .single-dienstleistung .breadcrumb a {
        font-size: 1rem;
    }

    .single-dienstleistung .entry-title {
        margin-top: 1rem;
    }

    .single-dienstleistung .text .content ul {
        padding-left: 1.25rem;
    }

    .single-dienstleistung .contact-team {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 560px) {
    .single-dienstleistung .intro .content {
        font-size: 1.25rem;
        line-height: 2rem;
    }

    .single-dienstleistung .text .content {
        line-height: 1.875rem;
    }
}


/*--------------------------------------------------------------
## Wissen (Content Hub)
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .linked .team .thumbnail {
        width: 200px;
    }
}

@media only screen and (max-width: 1040px) {
    .single-post .entry-title,
    .single-book .entry-title,
    .single-video .entry-title,
    .single-event .entry-title {
        font-size: 2.75rem ;
    }

    .linked .team .thumbnail {
        width: 240px;
    }

    .linked .team li {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .linked .team li {
        width: 100% !important;
    }
}

@media only screen and (max-width: 880px) {
    .single-post .entry-title,
    .single-book .entry-title,
    .single-video .entry-title,
    .single-event .entry-title {
        font-size: 2.25rem ;
    }

    .page-wissen .contenthub .cards li.focus {
        flex-direction: column;
    }

    .page-wissen .contenthub .cards li.focus > a {
        max-width: 100%;
    }

    .page-wissen .contenthub .cards li.focus .overlay {
        width: 90%;
        max-width: 90%;
        margin: -10% 5% 0;
    }
}

@media only screen and (max-width: 720px) {
    .single-post .entry-title,
    .single-book .entry-title,
    .single-video .entry-title,
    .single-event .entry-title {
        font-size: 2rem ;
    }

    .linked .team .thumbnail {
        width: 180px;
    }
}

@media only screen and (max-width: 560px) {
    .single-post .entry-title,
    .single-book .entry-title,
    .single-video .entry-title,
    .single-event .entry-title {
        font-size: 1.75rem ;
    }

    .linked {
        margin-top: 2rem;
    }

    .linked .team li {
        display: list-item;
    }

    .linked .team .thumbnail {
        width: 100%;
    }

    .linked .team .overlay {
        margin: -10% 5% 0;
    }
}


/*--------------------------------------------------------------
### Post
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
    .single-post .text {
        flex-direction: column;
    }

    .single-post .flex-wrapper {
        flex-direction: row;
    }

    .single-post .left,
    .single-post .right,
    .single-post .source {
        width: 100%;
    }

    .single-post .source {
        float: none;
        margin: 5rem 0 2rem;
    }

    .single-post .source .thumbnail {
        max-width: 240px;
        margin-right: 2rem;
    }
}

@media only screen and (max-width: 560px) {
    .single-post .flex-wrapper {
        flex-direction: column;
    }
}


/*--------------------------------------------------------------
### Book
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .single-book .book-wrapper .thumbnail {
        width: 35%;
    }
}

@media only screen and (max-width: 720px) {
    .single-book .subtitle {
        margin-bottom: 3rem;
        font-size: 1.25rem;
    }

    .single-book .book-wrapper {
        margin: 0;
        flex-direction: column;
    }

    .single-book .book-wrapper .thumbnail {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3rem;
    }

    .single-book .book-wrapper .thumbnail img {
        max-height: none;
    }
}

@media only screen and (max-width: 560px) {
    .single-book .book-wrapper .meta .buttons {
        margin: 3rem;
    }

    .single-book .book-wrapper .meta .buttons a {
        width: 100%;
        margin: 0 0 1rem;
        text-align: center;
    }
}


/*--------------------------------------------------------------
### Video
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .single-video .contenthub li:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 880px) {
    .single-video .contenthub li:nth-child(2) {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    .single-video .entry-content {
        padding: 0;
    }

    .single-video .oembed {
        margin-bottom: 3rem;
    }

    .single-video .text {
        padding: 0 10%;
    }

    .single-video .linked {
        padding: 0 10%;
    }

    .single-video .contenthub.related {
        padding: 0 10%;
    }

    .single-video #darken {
        display: none;
    }
}


/*--------------------------------------------------------------
## Ueber uns
--------------------------------------------------------------*/
@media only screen and (max-width: 1040px) {
    .page-ueber-uns .intro {
        width: 100%;
        padding-right: 10%;
    }

    .page-ueber-uns .partnerbild {
        position: static;
        width: 100%;
        margin-top: 0;
        margin-bottom: 9%;
    }

    .page-ueber-uns .partnerbild img {
        width: 100%;
    }
}

@media only screen and (max-width: 720px) {
    .page-ueber-uns .values li {
        width: 100%;
    }

    .page-ueber-uns .values li:not(:last-child) {
        margin-bottom: 3rem;
    }
}

/*--------------------------------------------------------------
## Arbeiten bei Avenir / Jobs
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .page-jobs .stats .wrapper {
        justify-content: space-around;
    }

    .page-jobs .stats .wrapper > div {
        text-align: center;
    }

    .page-jobs .stats .total,
    .page-jobs .stats .gender {
        width: auto;
        margin-right: 0;
    }

    .page-jobs .stats .age {
        flex-grow: 0;
        width: 100%;
        margin-top: 3rem;
    }

    .page-jobs .stats .age .range {
        justify-content: center;
    }
}

@media only screen and (max-width: 1040px) {
    .page-jobs .portal .wrapper p {
        display: block;
        margin-bottom: 1rem;
    }

    .page-jobs .offers li {
        width: 48%;
    }

    .page-jobs .offers li:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 720px) {
    .page-jobs .offers li {
        width: 100%;
    }

    .page-jobs .stats .wrapper {
        flex-direction: column;
    }

    .page-jobs .stats .wrapper > div {
        text-align: center;
        margin-top: 0;
    }

    .page-jobs .stats .wrapper > div:not(:last-child) {
        margin-bottom: 4rem;
    }

    .page-jobs .stats .total .count,
    .page-jobs .stats .gender .female {
        margin-top: 0;
    }

    .page-jobs .stats .age .range {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .page-jobs .stats .age .range > div {
        margin: 0 1rem 1.5rem;
    }
}

@media only screen and (max-width: 560px) {
    .page-jobs .portal .wrapper {
        margin-bottom: 2rem;
    }

    .page-jobs .portal .wrapper {
        border: none;
        padding: 0;
    }

    .page-jobs .portal .wrapper p {
        margin-right: 0;
        line-height: 2.25rem;
    }

    .page-jobs .portal .wrapper .link {
        padding-left: 0;
        background: none;
        font-weight: normal;
    }

    .page-jobs .portal .wrapper .link a {
        display: inline-block;
        width: 100%;
        padding: 0.875em 1.5em;
        background-color: #cfd627;
        border: none;
        color: #fff;
        font-family: inherit;
        font-size: 0.875rem;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.063em;
    }
}


/*--------------------------------------------------------------
## Team
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Page
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .page-team .cards li {
        width: 30%;
    }
}

@media only screen and (max-width: 1200px) {
    .page-team .filter {
        flex-direction: column;
    }

    .page-team .filter .name {
        margin: 1rem 0 0 0;
    }
}

@media only screen and (max-width: 1040px) {
    .page-team .cards li {
        width: 46%;
        margin-bottom: 9%;
    }

    .page-team .hide-filter {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    .page-team .toggler.show {
        display: table;
    }

    .page-team .filter {
        display: none;
        padding: 1rem;
        border: 1px solid #eee;
    }

    .page-team .filter.show {
        display: flex;
    }

    .page-team .filter .gf {
        flex-direction: column;
    }

    .page-team .filter .gf li {
        margin-right: 0 !important;
    }

    .page-team .filter .name {
        width: 100%;
        color: #404040;
    }

    .page-team .cards li {
        width: 100%;
        margin: 0 8% 10%;
    }
}

@media only screen and (max-width: 600px) {
    .page-team .cards li {
        margin: 0 0 17%;
    }
}


/*--------------------------------------------------------------
### Single
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .single-team .entry-title {
        font-size: 3rem;
    }

    .single-team .profile {
        min-width: 40rem;
    }

    .single-team .photo {
        width: auto;
    }
}

@media only screen and (max-width: 1040px) {
    .single-team .photo {
        margin-top: 7rem;
    }
}

@media only screen and (max-width: 880px) {
    .single-team .entry-title {
        display: none;
    }

    .single-team .profile-wrapper {
        flex-direction: column;
    }

    .single-team .profile {
        width: 100%;
        min-width: auto;
        max-width: 100%;
    }

    .single-team .profile .mobile-title {
        display: block;
    }

    .single-team .photo {
        order: -1;
        width: 100%;
        margin: 3rem 10% 3rem;
    }

    .single-team .photo img {
        display: inline-block;
        width: 80%;
        max-width: 80%;
    }
}

@media only screen and (max-width: 720px) {
    .single-team .flex {
        flex-direction: column;
    }

    .single-team .prefix {
        width: auto;
        margin: 1rem 0 0.5rem;
        font-weight: bold;
    }

    .single-team .inline {
        padding: 0 2rem;
        list-style: square;
    }

    .single-team .inline li {
        display: list-item;
    }

    .single-team .inline li:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .single-team .inline li:not(:last-child):after {
        content: none;
    }
}

@media only screen and (max-width: 560px) {
    .single-team .photo {
        margin: 0 0 3rem;
    }

    .single-team .photo img {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-height: 750px) and (max-width: 560px)  {
    .single-team .scroll-icon {
        display: block;
        position: absolute;
        top: 70vh;
        left: 50%;
        transform: translate(-50%, 0);
        background-image: url("../img/scroll.gif");
    }

    .single-team .scroll-icon img {
        width: 50px;
    }
}


/*--------------------------------------------------------------
## Kontakt
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .page-kontakt .locations li {
        width: 25%;
    }

    .page-kontakt .locations li:nth-child(3) {
        width: 50%;
    }
}

@media only screen and (max-width: 960px) {
    .page-kontakt .locations li {
        width: 31%;
    }

    .page-kontakt .locations li:nth-child(3) {
        width: 31%;
    }

    .page-kontakt .locations li .link {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 720px) {
    .page-kontakt .locations li {
        width: 45%;
    }

    .page-kontakt .locations li:nth-child(1) {
        width: 100%;
    }

    .page-kontakt .locations li:nth-child(2) .city,
    .page-kontakt .locations li:nth-child(3) .city {
        display: none;
    }

    .page-kontakt .locations li:nth-child(3) {
        width: 45%;
    }

    .page-kontakt .form .wrapper {
        width: 100%;
    }

    .page-kontakt .filler {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    .page-kontakt .locations li {
        width: 100%;
    }

    .page-kontakt .locations li:nth-child(2) {
        margin-bottom: 0.75rem;
    }

    .page-kontakt .locations li:nth-child(3) {
        width: 100%;
    }
}


/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
    .error404 .not-found {
        width: 85%;
        padding-top: 15rem;
        padding-bottom: 15rem;
    }
}

@media only screen and (max-width: 720px) {
    .error404 .not-found {
        width: 100%;
        padding-top: 10rem;
        padding-bottom: 10rem;
        background-size: 40%;
    }
}

@media only screen and (max-width: 560px) {
    .error404 .not-found {
        width: 100%;
        padding-top: 5rem;
        padding-bottom: 7rem;
        background-size: 50%;
    }
}