/** benötigte Anpassungen nach Update von Contao 4.13 auf Contao 5.5  **/

/** Galerie von Contao Academy Christian Feneberg **/
.content-gallery ul {
    list-style: none;
    display: grid;
    grid-gap: 10px;
    padding: 0;
}

.content-gallery--cols-2 ul {
    grid-template-columns: repeat(2, 1fr);
}

.content-gallery--cols-3 ul {
    grid-template-columns: repeat(3, 1fr);
}

.content-gallery--cols-4 ul {
    grid-template-columns: repeat(4, 1fr);
}

.content-gallery--cols-5 ul {
    grid-template-columns: repeat(5, 1fr);
}

.content-gallery--cols-6 ul {
    grid-template-columns: repeat(6, 1fr);
}

.content-gallery--cols-7 ul {
    grid-template-columns: repeat(7, 1fr);
}

.content-gallery--cols-8 ul {
    grid-template-columns: repeat(8, 1fr);
}

.content-gallery--cols-9 ul {
    grid-template-columns: repeat(9, 1fr);
}

.content-gallery--cols-10 ul {
    grid-template-columns: repeat(10, 1fr);
}

.content-gallery--cols-11 ul {
    grid-template-columns: repeat(11, 1fr);
}

.content-gallery--cols-12 ul {
    grid-template-columns: repeat(12, 1fr);
}


.content-gallery ul li,
.content-gallery ul li img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.content-gallery ul li a {
    text-decoration: none;
    line-height: 0;
    border: none;
}


/* Formatierung Bilder - Contao Academy */
figure.float_left,
.media--left figure{
     margin-right: 1.5em;
}

figure.float_right,
.media--right figure{
	margin-left: 1.5em;
}

figure.float_above,
figure.float_below,
.media--above figure,
.media--below figure {
    margin-bottom: 1.5em;
}

.image_container,
.media figure,
.content-image figure{
    display: inline-block;
}

/** Akkordeon NEU von Contao Academy Christian Feneberg **/
.content-accordion {
    margin-bottom: 1px;
}

.content-accordion :is(h1, h2, h3, h4, h5, h6) {
    font-size: 1.3125em;
}

.handorgel__content {
    border: 1px solid #ccc;
    padding: 0.25em 0.5em;
}

.handorgel__header button {
    cursor: pointer;
    color: #fff;
    background: #a3c517;
    outline: none;
    padding: 0.5em;
    font-weight: 700;
}
.handorgel__header button:hover{
    background: #6A800F;
}

.handorgel__header--open button,
.handorgel__header:hover {
    background: #292c37;
}

.handorgel__header__button:before {
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 25px;
    margin-right: 5px;
    text-align: center;
    content: '\f101';
}

.handorgel__header--open .handorgel__header__button:before {
    content: '\f103';
}

/* Akkordeon bei Tischtennis Aktivitäten */
.akkordeon_bg-gruen {
    .handorgel__content{background-color: #7F9A12; border: none;}
    .handorgel__header button {background-color: #A3C55C;}
    .handorgel__header button:hover {background-color: #6a800f;}
}


/* Bildposition bei Textelement - "Bild einfügen"   */
.media--below {
    display: grid;
    justify-items: center; /* zentriert das Bild, ggf. kann die Anweisung auch weggelassen werden  */
 }
/* Bild unter den Text */
.media--below > figure {
    order: 5;
}

/* Abstände  */
.m-t-2 {margin-top: 2rem;}
.m-t-3 {margin-top: 3rem;}
.m-t-4 {margin-top: 4rem;}
.m-b-2 {margin-bottom: 2rem;}
.m-lr-2 {margin-left: 2rem; margin-right: 2rem;}
.p-r-3 {padding-right: 3rem;}

.img-m-r-2 {
    figure {margin-right: 2rem;}
    figure img {max-width: none; }
}

/* JaS-Team  */
.JaS-Team {
    figure {margin-right: 2rem;}
}

/* mobile navi */

.mobilenavi .level_1 .active {
    font-size: 18px;
    color: #a3c517;
}
.mobilenavi .level_2 {
    margin-left: 1rem;
}




/* Barrierefreiheit  */
.mainnavi ul.level_1 li > strong {
    border: 3px dashed black;
}
.mainnavi ul.level_1 li > .active {
    border: none;
}
a:focus, p:focus, div.btn--secondary p a:focus, div.btn--secondary a:focus, .wappen-card a {outline: 3px dashed black;}
.footercontainer{
    a:focus, p:focus, div.btn--secondary p a:focus, div.btn--secondary a:focus, .wappen-card a {outline: 3px dashed white;}
}

.scrolltop a {margin-bottom: 3.2rem;}