/*
#E74A94 PINK
#D8E15F Green
#262580 DARKBLUE
#BBEAF5 BABYBLUE

ORANGE #ff6900

 9DFFDF MINT (statt himmelblau) 
 * #F04770 KORALL
 * GELB #FEE165
 * 
    Grün: #D8E16F;
    ORANGE: #F19420;
	
 */

.exercise { display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-evenly;
     align-items: flex-start;
     align-content: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #FFF}
	 
.exercise > * {  flex: 0 1 auto; 

     flex-shrink: 1;
     
	  flex-grow: 1;
    flex-basis: 0;
	font-size: 14px;
	}
	 
.exercise .partner {display:inline-block}
.exercise .name {min-width: 100px; font-weigth: bold;}
.exercise .categories {font-style: italic; font-size: 0.8em}

.exercise .partner img {height: 40px; width: auto; }

.text-center  {text-align:  center;}


#formatted-date {margin: 0 10px; }
#formatted-date,
.exercise_reps_or_secs-title {color: #262580; font-size: 1.2rem; font-weight: bold;}

.exercise_reps_or_secs-title small {font-weight: normal;}

.exercise-card {
     background-color: #FEE165;
     border-radius: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     padding: 40px;
     color: #262580;
     margin-top: 20px;
     text-align: center;
     

     max-width: 800px;
    margin: 40px auto;

 }
 .elementor img.partner-logo,
 .partner-logo {
     
max-width: 120px;
    margin-top: 20px;
    height: auto;
    max-height: 60px;
    width: auto;
 }


.exercise {
  display: flex;
  justify-content: space-between;
  align-items: center !important;
  width: 100%;
  max-width: 900px; /* oder beliebig */
  margin: 0 auto; /* zentriert horizontal */
  padding: 10px;
  gap: 20px; /* optional */
}


.name {
  flex: 1;
  text-align: left;
}

.partner {
  flex: 1;
  text-align: center;
}

.link {
  flex: 1;
  text-align: right;
}


 

 .language-buttons  {margin-top: 40px;margin-bottom: 20px;}
 .language-buttons button {
     margin: 5px;
     padding: 10px 20px;
 }

 .language-buttons .btn-primary {background-color: #F04770; color: #FEE165; }
 
 
 .language-buttons button:hover {
     color: #F04770;
 }

 h2.eod-headline  {font-size: 28px;}
 .button-coral a.elementor-button {background-color: #F04770;}

 .exercise-content {
     display: none;
 }
 .exercise-content.active {
     display: block;
 }
 


#exercise-navigation a {color: #F04770;}


.custom-lang-dropdown {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.custom-lang-dropdown .active-language {
    background-color:rgb(240, 71, 112);
    color: rgb(254, 225, 101);
    padding: 10px 16px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.custom-lang-dropdown .active-language:hover {
    color:rgb(240, 71, 112);
    background-color: rgb(254, 225, 101);
    
}

.language-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: rgb(240, 71, 112);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    z-index: 1000;
    border-radius: 5px;
    min-width: 160px;
    margin-left: -80px;
    left: 50%;
}

.language-list li a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    color: rgb(254, 225, 101);
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.language-list li a:hover {
    background-color: rgb(254, 225, 101);
    color: rgb(240, 71, 112);
}

/* Pfeil neben Button */
.arrow {
    margin-left: 8px;
    transition: transform 0.3s ease;
    display: inline-block;
}

/* gedrehter Pfeil bei aktivem Zustand */
.arrow.rotated {
    transform: rotate(180deg);
}