/*COI Menu __________________________________________________*/

.wp-block-video [poster] {
    width: 100%;
}

/*COI Bild*/
.coi-img-container{
    position: relative;
}
.coi-img{
    position: absolute;
    top: -200px;
    width: 100%;
    left: 0;
}
@media screen and (max-width:600px){
    .coi-img{
        position: relative;
        top: 0px;
    }
}

/*COI Menü*/
    .coi-menu-container{
        background-image: url(http://cloppenburg-marketing.adndev.de/wp-content/uploads/2020/09/schlittschuh-spur.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .coi-menu-row{
        display: flex;
        flex-wrap: wrap;
        max-width: 1500px;
        margin: 0 auto;
    }

    .coi-menu-row:nth-child(even){
        justify-content: flex-end;
        transform: translateY(-20px);
    }

    a.coi-menu-single{
        width: 220px;
        height: 220px;
        color: #4181A5;
        transition: all 0.4s ease-in;
        box-sizing: border-box;
        padding: 5px;
        border: 4px dotted transparent;
        border-radius: 100%;
        vertical-align: middle;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        margin: 0 35px;
    }

    .coi-menu-single svg{
        max-height: 60px;
        width: 100%;
    }

    .coi-menu-container span {
        font-family: 'Alegreya Sans SC';
        font-weight: 900;
        font-size: 28px;
        display: block;
        text-align: center;
    }

    /*Hover*/

    a.coi-menu-single:hover{
        color: #025887!important;
        border: 4px dotted #A6C1D9;
    }

    @media screen and (max-width: 980px){
        .coi-menu-row, .coi-menu-row:nth-child(even){
            justify-content: center;
            transform: translateY(0px);
        }

        a.coi-menu-single{
            margin: 0 10px;
        }

        .coi-menu-container{
            background-image: url(http://cloppenburg-marketing.adndev.de/wp-content/uploads/2020/09/schlittschuh-spur-mobil.png);
        }
    }

    /*Allgemein ________________________ */

    .inside-article .coi-menu-container a, .inside-article .coi-menu-container a:visited{
        color: #4181A5;
    }
    #coi h1 strong, #coi h2 strong{
        color: #4181A5;
    }
    main #coi ul {
        color: #025887;
    }

    #coi{
        background: url(/wp-content/uploads/2020/09/eisblumen-left-light_150px.png) left top repeat-y, url(/wp-content/uploads/2020/09/eisblumen-right-light_150px.png) right top repeat-y;
    }

    #coi .font-preise strong{
        font-size: 120%;
    }
    #coi .font-platz strong{
        font-size: 150%;
    }

    #coi small {
        font-size: 80%;
        color: #777;
    }

    #coi .wp-block-image.full-img-side img {
        width: 1500px;
    }

    #coi .fb-link{
        color: #025887;
        font-size: 100px;
        display: flex;
        justify-content: center;
        transition: all 0.2s linear;
    }
    #coi .fb-link:hover{
        color: #4181A5;
    }