/* Hier können Sie bei Bedarf Ihre eigenen CSS-Definitionen einfügen. */
/* In moustache angepasst: sidebar auskommentiert */

/* Scroll-through menu auf eine Zeile bringen in Aikido, Erwachsenentraining, Kindertraining, Hojo, Aikido_Grundlagen, Aikido_Systematik, Verein und Events, Aikido_Ettiquette, Aikido_Kleidung, Kontakt */
#section_1000732 div, #section_1000706 div, #section_1000357 div, #section_1000748 div, #section_1000757 div, #section_1000776 div,#section_1000772 div, #section_1000761 div,  #section_1000790 div, #section_1000795 div, #section_1000794 div, #section_1000791 div {
    display:inline-block;
    padding:2px;
}
#section_1000732 .cd-section-content, #section_1000706 .cd-section-content, #section_1000357 .cd-section-content, #section_1000748 .cd-section-content, #section_1000757 .cd-section-content, #section_1000761 .cd-section-content, #section_1000776 .cd-section-content, #section_1000772 .cd-section-content, #section_1000790 .cd-section-content, #section_1000795 .cd-section-content, #section_1000794 .cd-section-content, #section_1000791 .cd-section-content {
    text-align:center;
    width:100%;
}
#section_1000732 a, #section_1000706 a, #section_1000357 a,  #section_1000748 a, #section_1000757 a, #section_1000761 a, #section_1000772 a, #section_1000776 a, #section_1000790 a, #section_1000795 a, #section_1000794 a, #section_1000791 a {
   white-space:nowrap;
}
/* zurück-buttons eingliedern*/
#section_1000761 a.cd-button-primary,#section_1000757 a.cd-button-primary,#section_1000706 a.cd-button-primary, #section_1000772 a.cd-button-primary, #section_1000776 a.cd-button-primary, #section_1000795 a.cd-button-primary, #section_1000794 a.cd-button-primary, #section_1000791 a.cd-button-primary, #section_1000790 a.cd-button-primary {
    margin:0px;
}

/* fotos in news grösser machen */
div.cd-tile-h-image-col-right {
    width:600px;
}

/* Videos auf sinnvolle grösse reduzieren */
div.cd-video-wrapper{
    padding-bottom:40%;
}

/* Down-Arrow */
.down_arrow_div {
    width:80px;
    height:150px;
    cursor: pointer;
    position:absolute;
    bottom:30px;
    right:20px;
    display:none;
    flex-direction:column;
}

.down_arrow_circle_one {
    width:15px;
    position:absolute;
    right:10px;
    bottom:70px;
    opacity:0;
    animation-name:appear;
    animation-duration: 2s;
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
}

.down_arrow_circle_two {
    width:15px;
    position:absolute;
    right:10px;
    bottom:50px;
    opacity:0;
    animation-name:appear;
    animation-duration: 2s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
}

.down_arrow_circle_three {
    width:15px;
    position:absolute;
    right:10px;
    bottom:30px;
    opacity:0;
    animation-name:appear;
    animation-duration: 2s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.down_arrow_head {
    width:30px;
    height:22px;
    position:absolute;
    right:2px;
    bottom:10px;
    opacity:0;
    animation-name:appear;
    animation-duration: 2s;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
}

@keyframes appear {
    from {opacity:0;}
    to {opacity:1;}
}


/* sweeps */


.sweep {
    position:relative;
    height:100vw;
}

#s1sc1, #s2sc1 {
    z-index:5;
    position:absolute;
    top:0px;
}

.sweep_cell {
    position:fixed;
    top:0px;
    left:0px;
    z-index: -10;
    width:100%;
    max-height:60vh;
    object-fit:cover;
}


/* mobile size matching */

@media (min-width:576px) {
    div.accordion-title {
        line-height:70px;
    }
    div.event-list {
        padding:0px 100px 0px 100px;
    }
    div.event-list h3 {
        padding:0px 0px 0px 0px;
    }
    div.event-list p {
        padding:0px 0px 0px 0px;
    }
    p {
        padding:0px 120px 20px 120px;
    }
    ul {
        padding:0px 140px 20px 140px;
    }
    h3 {
        padding:0px 100px 0px 100px;
    }
    form {
        padding:0px 100px 0px 100px;
    }
    div.accordion {
        margin:0px 120px 0px 120px;
    }
    img.regulate-size {
        width:60%;
        margin-left:20%;
    }
}

/*  Accordion-Stuff */
div.accordion {
    background-color:rgba(4,76,119,0.05);
    overflow:hidden;
}
div.accordion-header {
    border: 0.5px solid rgba(4,76,119,1.0);
    min-height:70px;
}
div.accordion-arrow {
    float:left;
    background-image: url('harmonica-arrow.png');
    width:40px;
    height:40px;
    margin:15px;
    background-size: cover;
}

div.accordion-title {
}

div.accordion-content {
    overflow-x:hidden;
    overflow-y:auto;
    width:100%;
    line-height:1.4;
    padding:0px 30px 0px 30px;
    max-height:0px;
}

div.accordion-downarrow {
    animation-name:downarrow;
    animation-duration:1s;
    animation-fill-mode:forwards;
}

div.accordion-uparrow {
    animation-name:uparrow;
    animation-duration:1s;
    animation-fill-mode:forwards;
}

@keyframes downarrow {
    from {transform: rotate(0deg)}
    to {transform:rotate(90deg)}
}

@keyframes uparrow {
    from {transform: rotate(90deg)}
    to {transform:rotate(0deg)}
}

div.accordion-opencontent {
    animation-name:opencontent;
    animation-duration:1s;
    animation-fill-mode:forwards;
}

div.accordion-closecontent {
    animation-name:closecontent;
    animation-duration:1s;
    animation-fill-mode:forwards;
}

@keyframes opencontent {
    from {max-height: 0px;padding:0px 30px 0px 30px;}
    to {max-height:600px;padding:30px 30px 30px 30px;}
}

@keyframes closecontent {
    from {max-height:600px;padding:30px 30px 30px 30px;}
    to {max-height:0px;padding:0px 30px 0px 30px;}
}

/* minigame */
@media (max-width:576px) {
    div#minigame-container {
        visibility:hidden;
    }
    div.cd-section {
        padding-bottom:0px;
    }
}
div#minigame-field-container {
    overflow:hidden;
    width:306px;
    height:66px;
    border:solid;
}

div.minigame-row-container {
    width:298px;
    height:18px;
}

div#minigame-row-drawer {
    position:absolute;
    height:60px;
}

div.minigame-crop-container {
    overflow:hidden;
    height:60px;
}

div.minigame-enemy-container {
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(ukeI.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

div#minigame-hero-container {
    position: absolute;
    width: 19px;
    height: 19px;
    top:49px;
    margin-left:28px;
    background-image: url(tori.png);
    background-size: contain;
    background-repeat: no-repeat;
}

div#minigame-score-container {
    height: 20px;
}

div.minigame-crop-container {
    overflow:hidden;
    position:absolute;
    width:300px;
}
img#minigame-upper-seperator {
    margin-top: 18px;
    width:620px;
}
img#minigame-lower-seperator {
    margin-top: 20px;
    width:620px;
}

button#minigame-start-button {
    margin-top: 5px;
    float:right;
}

.minigame-floatright {
    float:right;
}
div#minigame-contents{
    visibility:hidden;
    padding: 0px 10px 10px 10px;
    width:336px;
    height:126px;
    border:dotted;
    background-color:white;
}