/* ================================================================
   events-teaser-styles.css
   ================================================================
   VERSION: 5
   ABLAGEORT: /site/templates/styles/events-teaser-styles.css

   Dunkler Vollbild-Bereich mit aufklappbaren Zeilen (Startseite,
   direkt unter der naechsten Sektion) - kein Kartenraster mehr.
   ================================================================ */

.events-teaser-dark{background:var(--navy);color:#fff;padding:70px 0;}

.et-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:8px;}
.et-head .script{font-size:22px;color:var(--accent);display:inline-block;}
.et-head h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(26px,3.2vw,34px);letter-spacing:.01em;margin-top:4px;color:#fff;}
.et-head-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.et-hint{font-size:13.5px;color:#9AA0AE;}
.et-edit-link{
  font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent);
  border:1px solid rgba(212,169,127,.4);border-radius:20px;padding:6px 14px;
  transition:all .25s var(--ease);text-decoration:none;
}
.et-edit-link:hover{background:var(--accent);color:var(--navy);border-color:var(--accent);}

.et-list{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;}
.et-row{border-bottom:1px solid rgba(255,255,255,.12);}

.et-row-head{
  width:100%;display:flex;align-items:center;gap:20px;padding:20px 4px;
  background:none;border:none;cursor:pointer;text-align:left;color:#fff;
  font-family:inherit;transition:opacity .2s var(--ease);
}
.et-row-head:hover{opacity:.85;}
.et-row-static .et-row-head{cursor:default;}
.et-row-static .et-row-head:hover{opacity:1;}

.et-row-date{flex:0 0 auto;width:76px;text-align:left;line-height:1.1;}
.et-day{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;color:var(--accent);}
.et-mon{display:block;font-size:11.5px;letter-spacing:.06em;color:#C6CAD4;margin-top:2px;}
.et-kickoff{display:block;font-size:11px;color:#8B90A0;margin-top:4px;font-weight:300;}

.et-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.et-row-text .script{font-size:16px;color:var(--accent);}
.et-row-title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:19px;letter-spacing:.01em;color:#fff;}

.et-row-toggle{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);
  transition:transform .3s var(--ease),background .3s var(--ease);
}
.et-row.open .et-row-toggle{transform:rotate(45deg);background:var(--accent);color:var(--navy);border-color:var(--accent);}

.et-row-body{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
.et-row.open .et-row-body{max-height:220px;}
.et-row-body p{font-size:15px;line-height:1.65;color:#D5D8DF;font-weight:300;padding:0 4px 18px;max-width:640px;}
.et-row-link{display:inline-block;margin:0 4px 20px;font-size:13.5px;font-weight:600;color:var(--accent);text-decoration:none;letter-spacing:.02em;}
.et-row-link:hover{text-decoration:underline;}

.et-foot{text-align:center;margin-top:34px;}

@media(max-width:640px){
  .events-teaser-dark{padding:50px 0;}
  .et-row-head{gap:14px;padding:16px 2px;}
  .et-row-date{width:56px;}
  .et-day{font-size:20px;}
  .et-row-title{font-size:16.5px;}
}