@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Nunito:wght@200;300;400;500;600;700&display=swap');

body {
    font-family: 'Noto Serif', serif;
    background:#fff;
    color:#737986;
    font-size: 20px;
}

h1 {
    font-size: 4.3rem;
}

h2 {
    font-size: 2rem;
    font-weight: 600;
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

h4 {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
    color:#394152;
}

p {
    font-size: 16px;
}

small {
    font-size: 13px;
}

.is--yes .lottie-player {
    transform:translate3d(15px, -3px, 0px);
    
}

.is--no .lottie-player {
    margin-right: 15px;
}

.main-bitch {
    background:#fafafa;
}

.main-bitch a, .main-bitch a:hover{
    text-decoration: none;
    color: #394152;
    cursor: pointer;
}



.bitch-answer {
    width: 100%;
    padding: 25px 0px;
    background-color:#49636212;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    max-height: 100px;

}

.btn-primary  {
    background-color:#cbe599;
    border-color:#cbe599;
    color:#394152;
}

.btn-primary:hover {
    background-color:#cbe599;
    border-color:#cbe599;
    filter: brightness(.9);
}

.bitch-infos {
    max-width: 825px;
    padding: 0 55px;
}

.bitch-infos p {
    margin-bottom: 24px;
    margin-top:24px;
}

.bitch-infos hr {
    margin: 60px 0;
}

.bitch-check-wrap {
    background: #49636205;
    padding: 35px 20px;
    border-radius: 0  0 15px 15px;
    border: 5px solid #5a9c86;
    box-shadow: 0 10px 20px 0px #39415229;
    position: relative;
    border-top: none;
}

.bitch-zertifikat a, a {
    color:#5a9c86;
}

.bitch-zertifikat a:hover, a:hover {
    color:#3d6c5c;
}

.oberbitch-ducks h5 {
    font-size: 1.3rem;
    font-weight: 800;
    position: absolute;
    top: 50%;  
    left: 50%; 
    transform: translate(-50%, -80%); 
    text-align: center;
}


.oberbitch-ducks h5 {
    font-size: 1.3rem;
}

.form-control:focus {
    border-color: #5a9c86;
    box-shadow: 0 0 0 0.25rem rgb(90 156 134 / 13%);
}


@media screen and (max-width:425px) {
    .du-bist-die-bitch {
        font-size: 1.3rem;
    }

}

@media screen and (min-width:1440px) {
    .oberbitch-ducks h5 {
        font-size: 5rem;
    }
}

.check-a-bitch {
    display: block;
    background-color:#5a9c86;
    color:#fff;
    padding:6px 0;
    text-align: center;
    border-radius:  15px 15px 0 0;
}


.bitch-btn {
    background-color:#5a9c86;
    border-color: #5a9c86;
    color:#fff;
}

.bitch-btn:hover {
    background-color:#3d6c5c;
    border-color: #3d6c5c;
}

.write-a-bitch-wrap {
    background: #fafafa;
    padding: 75px 0;
}

.write-a-bitch {
    max-width: 625px;
    margin: 0 auto;
    
}