@charset "UTF-8";
/* CSS Document */

/* [Claude 2026-08-17] Chevron-Icon (nur Pfeilspitze, ohne Schaft) fuer die FAQ-Box - nach Vorbild
   von block-element-btn.css (dortiger Nordost-Pfeil). .BtnIconGrid/.BtnIcon-Groessen 1:1
   uebernommen, damit das Icon ueberall dieselbe Groesse hat wie der theme-weite Standard-Pfeil.
   .ChevronLine-l/-r bilden ein "V" (Spitze nach unten). Ruheposition wie beim Vorbild verkuerzt
   (scale 0.55), waechst bei Hover auf volle Laenge. transform-origin sitzt jeweils auf der Ecke
   der eigenen Bounding-Box, an der die Pfeilspitze liegt (unten-rechts bei der linken Linie,
   unten-links bei der rechten Linie) - dadurch bleibt die Spitze beim Wachsen fix, nur die
   aeusseren Enden "fahren aus". */
.BtnIconGrid {
position: relative;
display: flex;
justify-content: center;
align-content: center;
	margin: 0;
	padding: 0;
width: 3.125vw;
height: 3.125vw;
	background-color: transparent;
}
.BtnIcon {
position: relative;
height: 100%;
width: 100%;
}

.ChevronLine {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	transform-box: fill-box;
	transition: transform 0.35s ease-out, stroke 0.2s ease;
	/* [Claude 2026-09-01, Kundenwunsch] Strichstaerke soll unabhaengig von der Icon-Groesse
	   (s. .ElementFooterIcon-scaled in card-footer.css) immer gleich dick wirken. */
	vector-effect: non-scaling-stroke;
}
.ChevronLine-l {
	transform-origin: 100% 100%;
	transform: scale(0.55);
}
.ChevronLine-r {
	transform-origin: 0% 100%;
	transform: scale(0.55);
}
.BtnOver:hover .ChevronLine-l,
.BtnOver:hover .ChevronLine-r {
	transform: scale(1);
}

@media screen and (max-width: 956px) {
.BtnIconGrid {
width: 6.25vw;
height: 6.25vw;
}
}
@media screen and (max-width: 720px) {
.BtnIconGrid {
width: 9.375vw;
height: 9.375vw;
}
}