/* Konuksever-Template: Ergänzungen zum Original-CSS (template.css von skol_v2) für Joomla-6-Inhalte */

/* Bildergalerie (früher {gallery}-Plugin): Raster aus Vorschaubildern, Klick öffnet Lightbox */
.kgGallery { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.kgGallery a { display: block; width: 160px; height: 120px; overflow: hidden; border: 1px solid #ccc; background: #f4f4f4; }
.kgGallery img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* eingebettete Videos (früher {youtube}/{vimeo}) */
.kgVideo { display: inline-block; width: 480px; max-width: 100%; aspect-ratio: 16 / 9; }
.kgVideo iframe { width: 100%; height: 100%; border: 0; }

/* Gästebuch-Seite (Einträge von Live, nur Anzeige) */
.kgGbEntry { border: 1px solid #ddd; margin: 0 0 12px; background: #fff; }
.kgGbName { background: #ffffe0; border-bottom: 1px solid #ddd; padding: 4px 8px; font-weight: bold; }
.kgGbText { padding: 8px; }
.kgGbDate { padding: 0 8px 6px; color: #800000; font-style: italic; font-size: 11px; }

/* Haberler: News-Feeds (mod_feed von Joomla 6) */
h3.kgFeedTitle { margin: 18px 0 4px; font-family: Georgia, "Times New Roman", serif; }
.newsfeed .feed-link { font-weight: bold; }
.newsfeed .feed-item-description { margin: 0 0 8px; }
.newsfeed ul { list-style: none; margin: 0; padding: 0; }

/* Kontaktformular (com_contact) schlicht im Stil der Seite */
.com-contact__form input[type=text], .com-contact__form input[type=email], .com-contact__form textarea { width: 400px; max-width: 100%; }
.com-contact__form .control-group { margin: 0 0 10px; }

/* Rubrik-Kästen: echte Vorschaubilder (Live zeigte kaputte Thumbnails) */
img.ju_news_image_skol5 { width: 50px; height: auto; }

/* Kommentare unter Artikeln (JComments-Markup, nur Anzeige) */
#jc #comments .comment-box .comment-body { margin-top: 4px; }

/* Diashow: das Original-FPSS-Skript blendet #slide-wrapper erst nach dem Laden ein – hier sofort sichtbar */
#slide-wrapper { display: block; }

/* Foto-Upload mit Freigabe */
h3.kgUpTitle { clear: both; margin: 18px 0 8px; padding-bottom: 3px; border-bottom: 1px solid #ccc; font-size: 14px; color: #333; }
.kgUpForm p { margin: 0 0 9px; }
.kgUpForm label { display: block; font-weight: bold; margin-bottom: 2px; }
.kgUpForm small { font-weight: normal; color: #777; }
.kgUpForm input[type=text], .kgUpForm input[type=email], .kgUpForm textarea { width: 95%; max-width: 420px; padding: 3px; border: 1px solid #bbb; font: inherit; }
.kgUpForm .kgHp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kgUpNote { color: #666; font-style: italic; }
.kgUpMsg { margin: 8px 0 12px; padding: 8px 10px; border: 1px solid; }
.kgUpMsg.ok { background: #eef8e8; border-color: #9c6; color: #363; }
.kgUpMsg.err { background: #fbeaea; border-color: #d99; color: #933; }
form.kgReview { width: 640px; overflow: hidden; margin: 0 0 12px; padding: 8px; border: 1px solid #ddd; background: #fafafa; }
form.kgReview img { float: left; width: 200px; height: auto; margin-right: 10px; }
form.kgReview div { overflow: hidden; }
form.kgReview textarea { display: block; width: 95%; margin: 5px 0; font: inherit; }