/* neu26 (15.10.2026): CMS-Templates Logo-Leiste, Galerie 2-spaltig, Downloads im Design von hintertuxerhof */

/* ---------- Logo-Leiste (Layout 9) ---------- */
.logoBar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px 60px; padding: 40px 20px; }
.logoItem { display: flex; align-items: center; justify-content: center; }
.logoLink { position: relative; display: block; line-height: 0; }
.logoBild { display: block; height: auto; max-width: 100%; transition: opacity .3s ease; }
.logoSize-s .logoBild { width: 90px; }
.logoSize-m .logoBild { width: 130px; }
.logoSize-l .logoBild { width: 180px; }
.logoSize-xl .logoBild { width: 240px; }
/* mit zwei Fassungen: Duplex-Logo grau, beim Darüberfahren das farbige */
.logoBild--duplex { opacity: .8; }
.logoBild--farbe { position: absolute; left: 0; top: 0; opacity: 0; }
.logoLink:hover .logoBild--farbe, .logoLink:focus .logoBild--farbe { opacity: 1; }
.logoLink:hover .logoBild--duplex, .logoLink:focus .logoBild--duplex { opacity: 0; }

/* ---------- Galerie 2-spaltig (Layout 10) ---------- */
.duoGalerie__desktop { display: flex; gap: 20px; padding: 0 20px; }
.duoGalerie__mobile { display: none; }
.duoSlider { flex: 1 1 0; min-width: 0; position: relative; }
.duoSlide img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.duoSlider .slick-prev, .duoSlider .slick-next { z-index: 2; width: 60px; height: 60px; top: 50%; margin-top: -30px; transform: none; background: url("/UserFiles/structure/svg/arrow_grey.svg") center / contain no-repeat; opacity: .9; }
.duoSlider .slick-prev { left: 0; transform: rotate(180deg); }
.duoSlider .slick-next { right: 0; transform: none; }
.duoSlider .slick-prev::before, .duoSlider .slick-next::before { content: ""; }
@media (max-width: 800px) {
	.duoGalerie__desktop { display: none; }
	.duoGalerie__mobile { display: block; }
	.logoBar { gap: 20px 30px; padding: 30px 15px; }
	.logoSize-s .logoBild { width: 70px; }
	.logoSize-m .logoBild { width: 100px; }
	.logoSize-l .logoBild { width: 130px; }
	.logoSize-xl .logoBild { width: 170px; }
}

/* ---------- Downloads (Preset tpl_downloads) ---------- */
.downloadListe { list-style: none; margin: 30px 0 0; padding: 0; border-top: 1px solid #ddd; }
.downloadItem { border-bottom: 1px solid #ddd; }
.downloadLink { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 4px; color: inherit; text-decoration: none; transition: color .2s ease; }
.downloadLink:hover, .downloadLink:focus { color: var(--yellow); }
.downloadName { position: relative; padding-left: 36px; }
.downloadName::before { content: ""; position: absolute; left: 4px; top: 50%; width: 16px; height: 20px; margin-top: -10px; border: 2px solid currentColor; border-radius: 3px; box-sizing: border-box; }
.downloadName::after { content: ""; position: absolute; left: 9px; top: 50%; width: 6px; height: 6px; margin-top: -2px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); box-sizing: border-box; }
.downloadTyp { flex: none; font-size: .8em; letter-spacing: .08em; padding: 2px 12px; border: 1px solid var(--yellow); border-radius: 20px; color: var(--yellow); }