/*
 * Theme Name: Srsly
 * Description: Srsly powered by Twig.
 * Author: Srsly!
 * Version: 3
 * Domain Path: /languages
 # Text Domain: srsly
*/

@font-face {
    font-family: 'Avenir Bold';
    src: url('./fonts/Avenir_Next_W01_600.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Regular';
    src: url('./fonts/Avenir_Next_W01_300.woff') format('woff');
}


body {
    background: #000;
    color: #FFF;
    font-family: 'Avenir Regular', Arial, Helvetica, Verdana, sans-serif;
    font-size: 22px;
}

strong {
    font-family: 'Avenir Bold', Arial, Helvetica, Verdana, sans-serif;
}

blockquote {
    font-size: 17px;
    line-height: 26px;
}

.navbar .main-headline {
    color: #FFF;
    font-size: 25px;
    line-height: 31px;
    font-family: 'Avenir Bold', Arial, Helvetica, Verdana, sans-serif;
}

.navbar .navbar-collapse {
    padding-top: 0;
}

.navbar-nav {
    margin-top: 40px !important;
}

#content .row-sec-menu a,
.navbar .navbar-nav .nav-item a {
    color: #FFF;
    font-size: 25px;
    line-height: 25px;
    font-family: 'Avenir Bold', Arial, Helvetica, Verdana, sans-serif;
}

.navbar .navbar-nav .nav-item a {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
}

.navbar-nav .nav-item {
    line-height: 25px
}

.article-body img {
    max-width: 100%;
    display: block;
    height: auto;
}


#content .teppich .tile .hinten {
    background-color: #FFF;
    color: #000;
    font-family: 'Avenir Bold', Arial, Helvetica, Verdana, sans-serif;
    line-height: 20.8px;
}

.navbarbutton {
    border: none;
    outline: 0 !important;
    background: transparent;
    padding-right: 3px;
    padding-left: 3px;
}

.navbar .navbar-toggler {
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 49'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='1' y='1' width='47' height='3.5'/%3E%3Crect class='cls-1' x='1' y='8.65' width='47' height='3.5'/%3E%3Crect class='cls-1' x='1' y='16.3' width='47' height='3.5'/%3E%3C/svg%3E");
    width: 49px;
    height: 49px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    transform-origin: center center;
    transform-box: fill-box;
    transform: rotate(90deg);
    /*transition: transform 250ms ease-in-out;*/
}
.navbar .collapsed .navbar-toggler {
    transform: rotate(0deg);
}

.tile {
    cursor: pointer;
}

/*.logo-ball {
    border-radius: 50%;
    background: #fff;
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
}

.ball1 {
    animation: logoball1 4000ms infinite both;
    animation-timing-function: step-end;
}

.ball2 {
    animation: logoball2 4000ms infinite both;
    animation-timing-function: step-end;
}

.ball3 {
    animation: logoball3 4000ms infinite both;
    animation-timing-function: step-end;

}

@keyframes logoball1 {
    0% {
        margin-right: 4px;
    }
    60% {
        margin-right: 4px;
    }
    80% {
        margin-right: 18px;
    }
    100% {
        margin-right: 4px;
    }
}

@keyframes logoball2 {
    0% {
        margin-right: 18px;
    }
    60% {
        margin-right: 18px;
    }
    80% {
        margin-right: 4px;
    }
    100% {
        margin-right: 18px;
    }
}

@keyframes logoball3 {
    0% {
        margin-left: 4px;
    }
    20% {
        margin-left: 18px;
    }
    40% {
        margin-left: 4px;
    }
    100% {
        margin-left: 4px;
    }
}*/

.single-project iframe {
    width: 100%;
}

.single-project iframe:after {
    content: '';
    padding-bottom: 66%;

}

.link-box {
    height: 35px;
    width: 35px;
}


@media (max-width: 767px) {
    #content .row-sec-menu a,
    .navbar .navbar-nav .nav-item a {
        font-size: 18px;
        line-height: 20px;
    }

    .navbar .main-headline {
        font-size: 18px;
        line-height: 24px;
        max-width: 182px;
    }

    .home .navbar .main-headline {
        max-width: 245px;
    }

    .logo-ball {
        width: 9px;
        height: 9px;
    }

    .navbar .navbar-nav .nav-item a {
        font-size: 18px;
        line-height: 23px;

    }

    .navbar-nav .nav-item {
        line-height: 20px
    }


    #content .teppich .tile .hinten {
        line-height: 14.8px;
    }

    body {
        line-height: 32px;
    }

    #content {
        padding-top: 93px;
    }

    .navbar .main-headline.main-headline-page {
        border-bottom: 0;
    }

}

@media (max-width: 575.98px) {
    body {
        line-height: 32px;
    }
    .row-sec-menu {
    line-height: 25px;
}
}

@media (max-width: 374px) {
    .navbar .main-headline {
        font-size: 17px;
        line-height: 25px;
        max-width: 173px;
    }

    .home .navbar .main-headline {
        max-width: 220px;
    }

    .navbar .navbar-nav .nav-item a {
        font-size: 17px;
        line-height: 27px;
    }

    #content .row-sec-menu a, .navbar .navbar-nav .nav-item a {
        font-size: 17px;
        line-height: 25px;
    }
}

.aid-footer {
  display:none;
}

.home .aid-footer {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    align-items: flex-end;
}

.footer-img {
    width: 33.3333%;
    padding-right: 6px;
}

@media (min-width: 992px) {
    .footer-img {
        max-width: 144px;
        padding-right: 0;
    }
}

.impressum {
    font-size: 12px;
    line-height: 12px !important;
}

.impressum a {
    font-style: normal;
}

.is-home {
	display: none;
}

.link-box.link-box__teppich {
	transform: rotate(-90deg);
}
.home .link-box.link-box__teppich {
	display: none;
}
.home .link-box.link-box__teppich.is-home {
	display: initial;
	transform: rotate(0deg);
}

.page-arrow {
	display: none;
}
.page-template-default .page-arrow {
	display: block;
	float: right;
}
ul{
list-style-type: "— ";
	padding-left: 19px;
}