@charset "UTF-8";
/* media CSS */

@media only screen and (max-width: 1680px) {
    .slick-next {
        right: -4em !important;
    }
    .slick-next:hover,
    .slick-next:focus {
        right: -4.5em !important;
    }
    .slick-prev {
        left: -4em !important;
    }
    .slick-prev:hover,
    .slick-prev:focus {
        left: -4.5em !important;
    }
}

@media only screen and (max-width: 1540px) {  /*________________________________________________________________________ : 1.2 */
    /* TYPO */
    #main .stiftung-daten .item:nth-child(1) p {
        font-size: 6.08em;
    }
    .spenden #main .image-banner p {
        font-size: 3.92em;
    }
    h1,
    .stiftung-daten h2,
    #main .stiftung-daten .item:nth-child(3) p {
        font-size: 3em;
    }
    #main #projects .post .left .project-header p {
        font-size: 2.83em;
    }
    h2 {
        font-size: 2.08em;
    }
    footer h2,
    #footer .footer-left .column:nth-child(2) p,
    #footer .footer-right p,
    #sub-nav ul > li > a {
        font-size: 1.67em;
    }
    h3,
    #main p, #main ul, #main ol,
    hr {
        font-size: 1.63em;
    }
    #footer p {
        font-size: 1.42em;
    }
    #menu ul > li > a,
    #menu ul > li:before {
        font-size: 1.3em;
    }
    
    /* PROPORTIONS */
    /* container */
    .inside {
        width: 118.33em;
    }
    .inner {
        width: 86.67em;
    }
    section {
        padding: 4.5em 0 2.5em 0;
    }
    .start section:last-child,
    .fokus section:last-child,
    .studien section:last-child {
        padding-bottom: 7.83em;
    }
    section.bg-single {
        padding-top: 13.33em;
    }
    .flex-content.was-wir-tun {
        margin-top: 7.83em;
    }
    .flex-content.stiftung-daten {
        width: 87.5em;
        margin-top: 5.67em;
        margin-bottom: 11.33em;
    }
    .flex-content.stiftung-daten .item {
        border-top: 2.83em solid;
        border-bottom: 0.5em solid;
        padding: 2.67em 0 0.75em 0;
    }
    .foerderung .image-banner,
    .stiftung .image-banner,
    .spenden .image-banner,
    .organe {
        margin-top: 3.33em;
    }
    .foerderung .image-banner {
        height: 36em;
        margin-bottom: 4.5em;
    }
    .stiftung .image-banner {
        height: 25.33em;
    }
    .spenden .image-banner .inside {
        height: 34.58em;
    }
    
    /* header */
    .header-left,
    .header-right {
        height: 46.67em;
    }
    .header-right .logo {
        width: 40.33em;
        margin-top: 0.83em;
    }
    .studie-single .header-right {
        height: 9.17em;
    }
    .studie-single .header-right .logo {
        top: 14.33em;
        width: 33.67em;
        margin-right: -29em;
    }
    #menu {
        top: 3em;
    }
    #menu ul > li > a {
        border-bottom-width: 0.13em;
    }
    #menu .home-btn {
        margin-right: 1.83em;
    }
    #menu .home-btn a {
        width: 1.83em;
        background-size: 1.83em;
        padding-bottom: 1.83em;
    }
    .start #menu .home-btn a {
        border-bottom: 0.16em solid rgb(226,0,122);
    }
    
    /* main */
    .btn-forschungsantrag {
        width: 19.17em;
    }
    .block-arrow-indent,
    .block-arrow-extend,
    #project-slider .slide .slide-content,
    .fokus #main ul li,
    .foerderung #main p.more,
    #projects .post .left .project-content h3,
    #partner-list .post .left .info,
    #main ol li {
        background-size: 25px;
    }
    .block-arrow-indent,
    .block-arrow-extend,
    #project-slider .slide .slide-content {
        padding-left: 3.67em;
    }
    .block-arrow-extend {
        margin-left: -3.67em;
    }
    .start .block-arrow-indent {
        margin: 5em 0;
    }
    #project-slider {
        margin-left: -1.5em;
        margin-right: -1.5em;
    }
    #project-slider .slide {
        padding: 2.5em 2.08em;
        margin: 0 1.5em;
    }
    #project-slider .slide.orange,
    #project-slider .slide.yellow,
    #project-slider .slide.grey,
    #project-slider .slide.pink,
    #project-slider .slide.darkblue,
    #project-slider .slide.blue {
        background-size: 3.33em;
    }
    #project-slider .slide .slide-header {
        margin-bottom: 3.33em;
    }
    #project-slider .slide .slide-content {
        padding-right: 2.83em;
    }
    #project-slider .slide .slide-content,
    .spenden .block-arrow-extend,
    .stiftung .block-arrow-indent {
        background-position: left 0.13em;
    }
    .slick-prev,
    .slick-next {
        width: 25px !important;
        height: 16px !important;
        background-size: 25px !important;
    }
    .slick-prev,
    .slick-next {
        margin-top: -8px !important;
    }
    .slick-next {
        right: -3.33em !important;
    }
    .slick-next:hover,
    .slick-next:focus {
        right: -3.75em !important;
    }
    .slick-prev {
        left: -3.33em !important;
    }
    .slick-prev:hover,
    .slick-prev:focus {
        left: -3.75em !important;
    }
    #projects .post {
        border: 0.83em solid;
        margin-bottom: 6.42em;
    }
    #projects .post .left {
        padding: 1.25em 2.5em 0.42em 5em;
    }
    #projects .post .left .project-header {
        margin-bottom: 2.17em;
    }
    #projects .post .right {
        padding: 2.5em;
    }
    #projects .post .right img {
        max-height: 15em;
        max-width: 23.33em;
    }
    #partner-list .post {
        margin-bottom: 1.67em;
        padding-bottom: 0.83em;
    }
    #partner-list .post:last-child {
        margin-bottom: 3.33em;
    }
    #partner-list .post .left {
        padding-top: 0.83em;
    }
    #partner-list .post .right {
        padding: 1.67em 3.33em;
    }
    #partner-list .post .right img {
        max-height: 10em;
        max-width: 21.67em;
    }
    
    /* footer */
    #footer {
        padding: 4.33em 0;
    }
    .footer-left {
        width: 57.67em;
    }
    .footer-left .column {
        height: 25.83em;
    }
    .footer-right .logo {
        width: 29.17em;
        margin-bottom: 2.5em;
    }
}





@media only screen and (max-width: 1300px) {  /*________________________________________________________________________ RESPONSIVE MENU : 1.1 & 1.15 */
    /* RESPONSIVE MENU */
    .open-nav,
    .close-nav {
	    display: block;
    }
    #menu.toggle,
    #menu ul {
        width: 32em;
    }
    #menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        position: fixed;
        width: 0em;
        height: 100%;
        top: 0;
        right: 0;
        overflow-x: hidden;
        background: rgba(190,196,229,1);
        transition:0.5s ease;
        z-index: 999;
    }
    #menu ul {
        padding: 0 4em;
        box-sizing: border-box;
    }
    #menu ul > li {
        display: block;
        text-align: right;
        margin-bottom: 2em;
    }
    #menu ul > li:before {
        content: "";
        margin: 0;
    }
    #menu .home-btn {
        margin-right: 0;
        margin-bottom: 3em;
        margin-right: 4em;
    }
    #menu .home-btn a {
        width: 2.2em;
        background-size: 2.2em;
        padding-bottom: 2.2em;
    }
    .start #menu .home-btn a {
        border-bottom: 0.2em solid rgb(226,0,122);
    }
    
    /* TYPO */
    .open-nav .toggle-button {
        font-size: 6.8em;
    }
    .close-nav .toggle-button {
        font-size: 6em;
    }
    #main .stiftung-daten .item:nth-child(1) p {
        font-size: 5.5em;
    }
    .spenden #main .image-banner p {
        font-size: 3.6em;
    }
    h1,
    .stiftung-daten h2,
    #main .stiftung-daten .item:nth-child(3) p {
        font-size: 2.7em;
    }
    #main #projects .post .left .project-header p {
        font-size: 2.6em;
    }
    h2,
    #menu ul > li > a {
        font-size: 1.9em;
    }
    footer h2,
    #footer .footer-left .column:nth-child(2) p,
    #footer .footer-right p,
    #sub-nav ul > li > a {
        font-size: 1.6em;
    }
    h3,
    #main p, #main ul, #main ol,
    hr {
        font-size: 1.5em;
    }
    #footer p {
        font-size: 1.3em;
    }
    
    /* PROPORTIONS */
    /* container */
    .inside {
        width: 102.9em;
    }
    .inner {
        width: 75.4em;
    }
    section {
        padding: 3.9em 0 2.2em 0;
    }
    .start section:last-child,
    .fokus section:last-child,
    .studien section:last-child {
        padding-bottom: 6.8em;
    }
    section.bg-single {
        padding-top: 11.6em;
    }
    .flex-content.was-wir-tun {
        margin-top: 6.8em;
    }
    .flex-content.stiftung-daten {
        width: 76.1em;
        margin-top: 4.9em;
        margin-bottom: 9.9em;
    }
    .flex-content.stiftung-daten .item {
        border-top: 2.5em solid;
        border-bottom: 0.4em solid;
        padding: 2.3em 0 0.7em 0;
    }
    .foerderung .image-banner,
    .stiftung .image-banner,
    .spenden .image-banner,
    .organe {
        margin-top: 2.9em;
    }
    .foerderung .image-banner {
        height: 31.3em;
        margin-bottom: 3.9em;
    }
    .stiftung .image-banner {
        height: 22em;
    }
    .spenden .image-banner .inside {
        height: 30em;
    }
    
    /* header */
    .header-left,
    .header-right {
        height: 40.6em;
    }
    .header-right .logo {
        width: 35em;
        margin-top: 0.7em;
    }
    .studie-single .header-right {
        height: 10em;
    }
    .studie-single .header-right .logo {
        top: 14em;
        right: 3.6em;
        width: 29.3em;
        margin-right: 0;
    }
    
    /* main */
    .btn-forschungsantrag {
        width: 16.7em;
    }
    .block-arrow-indent,
    .block-arrow-extend,
    #project-slider .slide .slide-content,
    .fokus #main ul li,
    .foerderung #main p.more,
    #projects .post .left .project-content h3,
    #partner-list .post .left .info,
    #main ol li {
        background-size: 23px;
    }
    .block-arrow-indent,
    .block-arrow-extend,
    #project-slider .slide .slide-content {
        padding-left: 3.2em;
    }
    .block-arrow-extend {
        margin-left: -3.2em;
    }
    .start .block-arrow-indent {
        margin: 4.3em 0;
    }
    #project-slider {
        margin-left: -1.3em;
        margin-right: -1.3em;
    }
    #project-slider .slide {
        padding: 2.2em 1.8em;
        margin: 0 1.3em;
    }
    #project-slider .slide.orange,
    #project-slider .slide.yellow,
    #project-slider .slide.grey,
    #project-slider .slide.pink,
    #project-slider .slide.darkblue,
    #project-slider .slide.blue {
        background-size: 2.9em;
    }
    #project-slider .slide .slide-header {
        margin-bottom: 2.9em;
    }
    #project-slider .slide .slide-content {
        padding-right: 2.5em;
    }
    .slick-prev,
    .slick-next {
        width: 22px !important;
        height: 14px !important;
        background-size: 22px !important;
    }
    .slick-prev,
    .slick-next {
        margin-top: -7px !important;
    }
    .slick-next {
        right: -2.9em !important;
    }
    .slick-next:hover,
    .slick-next:focus {
        right: -3.3em !important;
    }
    .slick-prev {
        left: -2.9em !important;
    }
    .slick-prev:hover,
    .slick-prev:focus {
        left: -3.3em !important;
    }
    #projects .post {
        border: 0.7em solid;
        margin-bottom: 5.6em;
    }
    #projects .post .left {
        padding: 1.1em 2.2em 0.4em 4.3em;
    }
    #projects .post .left .project-header {
        margin-bottom: 1.9em;
    }
    #projects .post .right {
        padding: 2.2em;
    }
    #projects .post .right img {
        max-height: 13em;
        max-width: 20.3em;
    }
    #partner-list .post {
        margin-bottom: 1.5em;
        padding-bottom: 0.7em;
    }
    #partner-list .post:last-child {
        margin-bottom: 2.9em;
    }
    #partner-list .post .left {
        padding-top: 0.7em;
    }
    #partner-list .post .right {
        padding: 1.5em 2.9em;
    }
    #partner-list .post .right img {
        max-height: 8.7em;
        max-width: 18.8em;
    }
    
    /* footer */
    #footer {
        padding: 3.8em 0;
    }
    .footer-left {
        width: 50em;
    }
    .footer-left .column {
        height: 22.5em;
    }
    .footer-right .logo {
        width: 25.4em;
        margin-bottom: 2.2em;
    }
}





@media only screen and (max-width: 1080px) {  /*________________________________________________________________________ TABLET */
    .inside {
        width: 90em;
    }
    .inner {
        width: 68em;
    }
    .header-left,
    .header-right {
        height: 36em;
    }
    .spenden #main .image-banner p {
        text-align: center;
    }
    .spenden #main .image-banner p br {
        display: block;
    }
}





@media only screen and (max-width: 1010px) {  /*________________________________________________________________________ FLUID */
    .inside,
    .inner {
        width: 100%;
    }
    .inside {
        padding-left: 14%;
        padding-right: 14%;
    }
    
    /* header */
    .open-nav .toggle-button {
        font-size: 5.4em;
    }
    .close-nav .toggle-button {
        font-size: 4.8em;
    }
    .open-nav {
        top: 3em;
        right: 3em;
    }
    .close-nav {
        margin-top: 3.6em;
    }
    .header-left,
    .header-right {
        height: 30em;
    }
    .header-right .logo {
        width: 26em;
        margin-top: 0.7em;
    }
    .studie-single .header-right {
        height: 8.6em;
    }
    .studie-single .header-right .logo {
        top: 12em;
        right: 3em;
        width: 21em;
    }
    
    /* container main */
    .flex-content.stiftung-daten {
        flex-direction: column;
        width: 100% !important;
    }
    .flex-content.stiftung-daten .item {
        width: 100%;
        margin-bottom: 2.8em;
    }
    .flex-content.stiftung-daten .item:last-child {
        margin-bottom: 0;
    }
    #main .stiftung-daten .item:nth-child(2) p {
        margin-bottom: 1.2em;
    }
    .flex-content.stiftung-daten {
        width: 76.1em;
        margin-top: 4.9em;
        margin-bottom: 9.9em;
    }
    .foerderung .image-banner {
        height: 25em;
    }
    .stiftung .image-banner {
        height: 17.6em;
    }
    .spenden .image-banner .inside {
        height: 24em;
    }
    .btn-forschungsantrag {
        position: relative;
        margin: 0 auto;
        margin-top: 4em;
        margin-bottom: 2em;
    }
    .start .btn-forschungsantrag,
    .foerderung .btn-forschungsantrag {
        top: 0;
    }
    #project-slider {
        margin-left: 0;
        margin-right: 0;
    }
    #project-slider .slide {
        margin: 0;
    }
    .slick-next {
        right: -4em !important;
    }
    .slick-next:hover,
    .slick-next:focus {
        right: -4.4em !important;
    }
    .slick-prev {
        left: -4em !important;
    }
    .slick-prev:hover,
    .slick-prev:focus {
        left: -4.4em !important;
    }
    #projects .post {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
    #projects .post .left,
    #projects .post .right {
        width: 100%;
    }
    #projects .post .left {
        padding: 1.8em 2.2em 0.8em 4.3em;
    }
    
    /* footer */
    #footer .inside,
    .footer-right {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .footer-left {
        width: 100%;
        margin-bottom: 6em;
    }
    .footer-left .column {
        width: 48%;
    }
    .footer-right .logo {
        width: 18em;
        margin-bottom: 2.2em;
    }
}





@media only screen and (max-width: 760px) {  /*________________________________________________________________________ SMARTPHONE */ 
    .inside {
        padding-left: 10%;
        padding-right: 10%;
    }
    
    /* TYPO */
    #main p, #main ul, #main ol, h3 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .spenden #main .image-banner p {
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }
    .open-nav .toggle-button {
        font-size: 6em;
    }
    .close-nav .toggle-button {
        font-size: 4.8em;
    }
    #main .stiftung-daten .item:nth-child(1) p {
        font-size: 5em;
    }
    .spenden #main .image-banner p {
        font-size: 3em;
    }
    #main .stiftung-daten .item:nth-child(3) p span {
        font-size: 1.8em;
    }
    h1,
    .stiftung-daten h2,
    #main .stiftung-daten .item:nth-child(3) p {
        font-size: 2.6em;
    }
    #main #projects .post .left .project-header p {
        font-size: 2em;
    }
    h2,
    #menu ul > li > a {
        font-size: 1.8em;
    }
    footer h2,
    #footer .footer-left .column:nth-child(2) p,
    #footer .footer-right p,
    #sub-nav ul > li > a {
        font-size: 1.5em;
    }
    h3,
    #main p, #main ul, #main ol,
    hr {
        font-size: 1.4em;
    }
    
    /* header */
    #header {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
    .open-nav {
        top: 2.6em;
        right: 2em;
    }
    .close-nav {
        margin-top: 3.2em;
        margin-right: 3.3em;
        margin-bottom: 4em;
    }
    #menu.toggle,
    #menu ul {
        width: 28em;
    }
    .header-left,
    .header-right {
        width: 100%;
        height: 20em;
    }
    .header-right .logo {
        width: 21em;
        margin-top: 5em;
    }
    .studie-single .header-right {
        height: 8em;
    }
    .studie-single .header-right .logo {
        top: 7em;
        right: 2em;
        width: 18em;
    }
    
    /* main container */
    .fokus section:last-child {
        padding-bottom: 2.2em;
    }
    .flex-content.was-wir-tun,
    .organe .flex-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .flex-content.was-wir-tun .left,
    .flex-content.was-wir-tun .right {
        width: 100%;
        box-sizing: border-box;
    }
    .flex-content.was-wir-tun .left {
        padding: 0 20%;
        margin-bottom: 3em;
    }
    .organe .flex-content .left,
    .organe .flex-content .right {
        width: 100%;
    }
    .foerderung .image-banner {
        height: 20em;
    }
    .stiftung .image-banner {
        height: 14em;
    }
    .spenden .image-banner .inside {
        height: 20em;
    }
    .block-arrow-indent,
    .block-arrow-extend,
    #project-slider .slide .slide-content,
    .fokus #main ul li,
    .foerderung #main p.more,
    #projects .post .left .project-content h3,
    #partner-list .post .left .info,
    #main ol li {
        background-size: 21px;
    }
    .block-arrow-indent,
    .block-arrow-extend,
    #project-slider .slide .slide-content {
        padding-left: 2.8em;
    }
    .block-arrow-extend {
        margin-left: -2.8em;
    }
    #project-slider {
        margin-top: 4.5em;
    }
    #project-slider .slide {
        padding: 2.2em 1.2em;
    }
    .slick-prev,
    .slick-next {
        top: -3em !important;
        bottom: 0 !important;
        margin-top: 0 !important;
    }
    .slick-next {
        right: 0 !important;
    }
    .slick-next:hover,
    .slick-next:focus {
        right: -0.4em !important;
    }
    .slick-prev {
        left: 0 !important;
    }
    .slick-prev:hover,
    .slick-prev:focus {
        left: -0.4em !important;
    }
    #projects .post .left {
        padding: 1.8em 2em 0.8em 3.6em;
    }
    #partner-list .post {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
    #partner-list .post .left,
    #partner-list .post .right {
        width: 100%;
    }
    #partner-list .post .right {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 1em;
        margin-bottom: 1em;
        margin-top: 0.6em;
    }
    
    /* footer */
    #footer p, #footer ul {
        margin-bottom: 1.8em;
    }
    .footer-left {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 4em;
    }
    .footer-left .column {
        width: 100%;
        height: auto;
    }
}





@media only screen and (max-width: 380px) {
    .inside {
        padding-left: 6%;
        padding-right: 6%;
    }
    .block-arrow-extend {
        margin-left: 0;
    }
}