/* Leistungsseite Untergrund – nur, was die Bausteine (site.css 10, 11, 23) nicht abdecken.
   .ug-steps (Akkordeon der fünf Schritte), .ug-grundsatz (Vorher/Nachher als Brett unter dem Akkordeon),
   .ug-checks (Prüfung), .ug-related--pic / --four (Verweise mit vier Einträgen). */

/* Akkordeon direkt unter dem Abschnittskopf: der Kopf bringt den Abstand schon mit */
.sec-head + .ug-steps{margin-top:0;}

/* Grundsatz schließt ohne Abschnittsabstand an das Akkordeon an (ein Brett) */
.ug-grundsatz{margin-top:var(--j);}
.split-tile__pic > .compare{position:absolute;inset:0;aspect-ratio:auto;}
.ug-grundsatz__hint{max-width:40ch;margin-top:auto;}
.ug-grundsatz .split-tile__body > .link{margin-top:0;}

/* Prüfung: Folge-Arbeit steht unten in jeder Kachel */
.ug-checks .specs{margin-top:auto;}

/* Verweise mit vier Einträgen: Foto-Eintrag links über drei Reihen, ohne Foto vier nebeneinander */
.ug-related--pic > li:has(.related__pic){grid-row:span 3;}
.ug-related--pic .related__item:not(:has(.related__pic)){min-height:0;}
.ug-related--four > li{grid-column:span 3;}

@media (max-width:1099px){
  .ug-related--pic > li:has(.related__pic){grid-row:auto;}
  .ug-related--pic > li:last-child{grid-column:1 / -1;}
  .ug-related--four > li{grid-column:span 6;}
}

/* Schnittzeichnungen: nicht breiter als am Desktop; am Handy größere Beschriftung (sonst unter 13 px) */
.ug-steps .acc__fig{max-width:620px;}
@media (max-width:599px){.ug-steps .acc__fig text{font-size:23px;}}