#thesen_page {
    margin-top: 0;
}

.these {
    display: grid;
    position: relative;
    --th-pd-lr: 2rem;
    --th-pd-ou: 2rem;    
    --th-info-mn-h: 2.8rem;
    max-width: 83em;
    font-size: 1rem;
}

@media (max-width: 799.8px) {
    .these {
        font-size: 0.7rem;
        margin: 1rem 0;
    }
}

.l-these__info {
    grid-row: 1;
    grid-column: 2;
    display: flex;
    align-items: start;
    justify-content: end;
    position: relative;

    background-color: white;
    padding: var(--th-pd-ou) var(--th-pd-lr) 0 var(--th-pd-lr);
}

@media (max-width: 499.8px) {
    .l-these__info {
        grid-column: 1/3;
    }
}

.these__nr {
    z-index: 1;
    grid-row: 1;
    grid-column: 1;
    font-size: 2.9em;

    background-color: white;
    padding: var(--th-pd-ou) var(--th-pd-lr);
    /*! margin-bottom: 1em; */

    white-space: nowrap;
    display: inline-block;
}

.these__info-btn {
    width: 2em;
    font-size: 1.8em;
    font-weight: bold;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);  
    height: var(--th-info-mn-h);
}

.these__info-btn:after {
    display: inline-block;
    color: white;
}

.these__info-btn[aria-expanded=true]::after{
    content: "X";
}

.these__info-btn[aria-expanded=false]::after{
    content: "?";
}
.these__info-btn[aria-expanded=false]{
    height: unset;
}



.these__info-txt {
    min-height: var(--th-info-mn-h);
    position: absolute;
    z-index: 2;
    background: var(--main-color);
    padding: 5px 2em 5px 10px;
    border-radius: 10px;
    color: white;
    width: calc(100% - 2* var(--th-pd-lr));
    box-shadow: var(--box-shadow-z3)
}

@media (max-width: 999.8px){
    .these__info-txt {
        width: calc(160% - 2* var(--th-pd-lr));
    }
}

@media (max-width: 498.8px){
    .these__info-txt {
        width: calc(100% - 2* var(--th-pd-lr));
    }
}



#thesen-container {
    display: grid;
    grid-row: 2;
    grid-column: 1/3;

    background-color: white;
    padding: 0 var(--th-pd-lr) var(--th-pd-ou);
}

.these__txt {
    grid-row: 1;
    grid-column: 1;
    font-size: 3.3em;
    font-weight: bold;
    overflow-wrap: break-word;    
    padding: 0.1em 0.1em 0.5em;
}

.these__txt--selected {
    background: white;
    z-index: 1;
}

.these__controls {
    grid-row: 3;
    grid-column: 1/3;
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-self: end;
    flex-wrap: wrap;
    padding: var(--th-pd-ou) var(--th-pd-lr);
    background-color: white;
}

.these__bg {  
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}

.these__bg::after , .these__bg::before {
    content: '';
    width: 100% ;
    height: 100% ;
    position: absolute;
    background-image: url('../img/these/00_th.jpeg');
    opacity: 1;
    background-position: center;
    background-size: cover;
    left: 0;
    bottom: 0;

}

.these__bg::before {
    background-image: url('../img/these/01_th.jpeg');
    opacity: 0;
    z-index: 0;
}

.these__prog {
    grid-row: 4;
    grid-column: 1/3;
    width: 100%;
    display: grid;
    justify-content: center;
    gap: 5px;
    background: white;
    padding-bottom: 2rem;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    padding: 2rem var(--th-pd-lr);
    display: none;
}

.these__prog-step {
    border-radius: 50%;
    display: inline-block;
    aspect-ratio: 1/1;
    background-color: var(--grey-400);
}

.these__prog-step--fill {
    background-color: var(--grey-800);
}

@media (max-width: 1199.8px) {
    .these__controls {
        grid-row: 3;
        grid-column: 1/3;
        display: flex;
        justify-content: center;
        gap: 2rem;
        align-self: end;
        flex-wrap: wrap;
        padding: var(--th-pd-ou) var(--th-pd-lr);

        background-color: transparent;
    }

    .these__prog {
        display: none;
    }
}

.these__info-btn {
    transition: all 0.3s ease-in;
  }
  
  .these__info-btn::after {
    transition: all 0.3s ease-in;
  }
  
  .these__info-btn:has(+ p:not(.these__info-txt.hidden)) {
    box-shadow: none;
  }
  
  .these__info-btn:hover::after {
    transform: scale(1.2);
    font-weight: 800;
  }
  
  .these__info-btn:active::after {
    transform: scale(0.95);
    font-weight: 400;
  }
  


/* #Sprachanpassungen*/
html[lang=es]   .these__controls > *, html[lang=bg]   .these__controls > * {
  min-height: 5.6rem;
}

#thesen_page:has(#these-txt-0.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/00_th.jpeg');
}

#thesen_page:has(#these-txt-1.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/01_th.jpeg');
}

#thesen_page:has(#these-txt-2.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/02_th.jpeg');
}

#thesen_page:has(#these-txt-3.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/03_th.jpeg');
}

#thesen_page:has(#these-txt-4.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/04_th.jpeg');
}

#thesen_page:has(#these-txt-5.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/05_th.jpeg');
}

#thesen_page:has(#these-txt-6.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/06_th.jpeg');
}

#thesen_page:has(#these-txt-7.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/07_th.jpeg');
}

#thesen_page:has(#these-txt-8.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/08_th.jpeg');
}

#thesen_page:has(#these-txt-9.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/09_th.jpeg');
}

#thesen_page:has(#these-txt-10.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/10_th.jpeg');
}

#thesen_page:has(#these-txt-11.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/11_th.jpeg');
}

#thesen_page:has(#these-txt-12.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/12_th.jpeg');
}

#thesen_page:has(#these-txt-13.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/13_th.jpeg');
}

#thesen_page:has(#these-txt-14.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/14_th.jpeg');
}

#thesen_page:has(#these-txt-15.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/15_th.jpeg');
}

#thesen_page:has(#these-txt-16.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/16_th.jpeg');
}

#thesen_page:has(#these-txt-17.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/17_th.jpeg');
}

#thesen_page:has(#these-txt-18.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/18_th.jpeg');
}

#thesen_page:has(#these-txt-19.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/19_th.jpeg');
}

#thesen_page:has(#these-txt-20.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/20_th.jpeg');
}

#thesen_page:has(#these-txt-21.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/21_th.jpeg');
}

#thesen_page:has(#these-txt-22.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/22_th.jpeg');
}

#thesen_page:has(#these-txt-23.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/23_th.jpeg');
}

#thesen_page:has(#these-txt-24.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/24_th.jpeg');
}

#thesen_page:has(#these-txt-25.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/25_th.jpeg');
}

#thesen_page:has(#these-txt-26.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/26_th.jpeg');
}

#thesen_page:has(#these-txt-27.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/27_th.jpeg');
}

#thesen_page:has(#these-txt-28.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/28_th.jpeg');
}

#thesen_page:has(#these-txt-29.these__txt--selected) .these__bg::after {
    background-image: url('../img/these/29_th.jpeg');
}

/* preload */
#thesen_page:has(#these-txt-0.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/01_th.jpeg');
}

#thesen_page:has(#these-txt-1.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/02_th.jpeg');
}

#thesen_page:has(#these-txt-2.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/03_th.jpeg');
}

#thesen_page:has(#these-txt-3.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/04_th.jpeg');
}

#thesen_page:has(#these-txt-4.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/05_th.jpeg');
}

#thesen_page:has(#these-txt-5.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/06_th.jpeg');
}

#thesen_page:has(#these-txt-6.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/07_th.jpeg');
}

#thesen_page:has(#these-txt-7.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/08_th.jpeg');
}

#thesen_page:has(#these-txt-8.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/09_th.jpeg');
}

#thesen_page:has(#these-txt-9.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/10_th.jpeg');
}

#thesen_page:has(#these-txt-10.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/11_th.jpeg');
}

#thesen_page:has(#these-txt-11.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/12_th.jpeg');
}

#thesen_page:has(#these-txt-12.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/13_th.jpeg');
}

#thesen_page:has(#these-txt-13.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/14_th.jpeg');
}

#thesen_page:has(#these-txt-14.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/15_th.jpeg');
}

#thesen_page:has(#these-txt-15.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/16_th.jpeg');
}

#thesen_page:has(#these-txt-16.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/17_th.jpeg');
}

#thesen_page:has(#these-txt-17.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/18_th.jpeg');
}

#thesen_page:has(#these-txt-18.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/19_th.jpeg');
}

#thesen_page:has(#these-txt-19.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/20_th.jpeg');
}

#thesen_page:has(#these-txt-20.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/21_th.jpeg');
}

#thesen_page:has(#these-txt-21.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/22_th.jpeg');
}

#thesen_page:has(#these-txt-22.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/23_th.jpeg');
}

#thesen_page:has(#these-txt-23.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/24_th.jpeg');
}

#thesen_page:has(#these-txt-24.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/25_th.jpeg');
}

#thesen_page:has(#these-txt-25.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/26_th.jpeg');
}

#thesen_page:has(#these-txt-26.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/27_th.jpeg');
}

#thesen_page:has(#these-txt-27.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/28_th.jpeg');
}

#thesen_page:has(#these-txt-28.these__txt--selected) .these__bg::before {
    background-image: url('../img/these/29_th.jpeg');
}