/* Nur die neue Einzelstunden-Seite. Unveraenderter Website-Kopf und Fuss. */
.einzelstunden-page { max-width: 1120px; }
.einzelstunden-intro { margin: 0 0 27px; max-width: 880px; }
.einzelstunden-kicker { color: #82522f; letter-spacing:.18em; font-size:12px; font-weight:700; }
.einzelstunden-intro h1 { width:auto; height:auto; color:#492816; font:700 clamp(29px,3.1vw,40px)/1.18 Georgia,serif; margin:12px 0 16px; }
.einzelstunden-intro p,.einzelstunden-schluss p { color:#4c382a; font-size:17px; line-height:1.58; margin:0 0 12px; }
.einzelstunden-videos { border:1px solid #dfc6a8; border-radius:10px; background:#fff9ed; padding:clamp(15px,2.2vw,25px); margin:20px 0 30px; }
.einzelstunden-videos h2,.einzelstunden-schluss h2 { color:#492816; font:700 clamp(23px,2.35vw,30px)/1.25 Georgia,serif; margin:0 0 10px; }
.einzelstunden-video-hint { font-size:14px; line-height:1.5; color:#66523f; margin:0 0 18px; }
.einzelstunden-video-main { margin:0; max-width:880px; }
.einzelstunden-video-main video { display:block; width:100%; height:auto; aspect-ratio:854 / 480; object-fit:contain; background:#251a12; border-radius:7px; }
.einzelstunden-video-main figcaption { color:#61462d; font-size:14px; margin:11px 0 0; }
.einzelstunden-video-others { margin-top:21px; }
.einzelstunden-video-others h3 { margin:0 0 11px; color:#58351f; font-size:18px; }
.einzelstunden-video-options { display:grid; grid-template-columns:repeat(2,minmax(0,245px)); gap:14px; }
.einzelstunden-video-choice { display:flex; flex-direction:column; text-align:left; border:1px solid #d1b18f; border-radius:7px; background:#f7eddf; padding:7px; font:600 14px/1.35 Arial,sans-serif; color:#4c2d1c; cursor:pointer; }
.einzelstunden-video-choice:hover,.einzelstunden-video-choice:focus-visible { border-color:#794522; box-shadow:0 0 0 2px #a97949a6; }
.einzelstunden-video-choice img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; border-radius:4px; }
.einzelstunden-video-choice > span { display:block; padding:8px 4px 3px; }
.einzelstunden-video-choice small { display:block; font-weight:400; color:#6d5844; margin-top:3px; }
.einzelstunden-schluss { margin:0 0 25px; max-width:880px; }
.einzelstunden-actions { display:flex; flex-wrap:wrap; gap:19px; align-items:center; margin-top:17px; }
@media(max-width:600px){
 .einzelstunden-intro p,.einzelstunden-schluss p{font-size:15px;}
 .einzelstunden-video-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
 .einzelstunden-video-choice{font-size:12px;}
 .einzelstunden-video-hint{font-size:13px;}
}