#max-stipend-btn-container{
    top:15%;
    left: -20px;
    width: 140px;
    height: 40px;

    transform: translateX(-100%);

    animation-name: stipendBtnContainer;
    animation-timing-function: ease-in-out;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#max-stipend-btn{
    width: 100%;
    height: 100%;
    padding: 3px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    background-color: black;
    /*box-shadow: 0 0 5px 2px #565656;*/

    animation-name: stipendBtn;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

#max-stipend-btn:hover{
    background-color: #313131;
}

@keyframes stipendBtnContainer{

    0%{
        transform: translateX(-100%);
    }

    90%{
        transform: translateX(5%);
    }

    100%{
        transform: translateX(0%);
    }

}

@keyframes stipendBtn{

    0%{
        transform: translateX(0%);
    }

    10%{
        transform: translateX(5%);
    }

    20%{
        transform: translateX(0%);       
    }

    30%, 100%{
        transform: translateX(0%);
    }

}

/* max stipend css */
#max-stipend-intro{
	background-color: #f3faff;
}

.max-stipend-ingress{

}

article.max-stipend{

}

#max-stipend-plakat{
	background-image: url('../img/max-stipend-plakat-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}


.title-image{
	background-image: url('../img/max-stipend-logo.png');
    background-size: cover;
    background-position: center;
    height: 200px;
    width: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#accordionFaq .accordion-header .accordion-button.collapsed {
    background-color: #ffffff;
    /*border-bottom: 1px solid rgb(165, 165, 165);*/
}

.accordion-button.collapsed {
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-body {
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}


#accordionFaq  .accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.wpcf7-not-valid-tip {
    color: red;
    margin-top: 3px;
    display: block;
}

.wpcf7-response-output{
    padding: 20px 0;
    color: red;
}
.screen-reader-response{
    margin: 50px 0 50px 0;
}

.screen-reader-response ul{
    display:none;
}

.hide-max-form{
    animation-name: hideMaxForm;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

@keyframes hideMaxForm{
    0%{
        opacity: 1;
        transform: scale(1, 1);
    }

    99%{
        opacity: 0;
        transform: scale(0,0);
    }

    100%{
        display:none;
    }
}