/* Firma Weimann — Ergänzungen zum unverändert übernommenen Artisteer-CSS
   (template.css, template.responsive.css). Ersetzt die Stylesheets der
   Joomla-Erweiterungen: SIGE-Galerie, Revolution Slider, Slimbox. */

/* ── SIGE-Galerien (plugins/content/sige/plugin_sige/sige.css) ───────── */
.sige{clear:both;display:table-cell;margin:16px 4px;padding:0;list-style-type: none !important;}
.sige .sige_clr{clear:both;}
.sige_thumb{float:left;background:url(../sige/shadowAlpha.png) no-repeat bottom right !important;margin:10px;padding:0;}
.sige_thumb img{display:block;position:relative;background:#FFF !important;border:1px solid #ccc;margin:-5px 5px 5px -5px !important;padding:4px !important;}
.sige li{margin: 0 !important; overflow: hidden !important; background-image: none !important; padding: 0 !important;}
/* Diesen Stil schrieb das SIGE-Plugin je Seite inline in den Kopf. */
.sige_cont_0 {width:230px;height:230px;float:left;display:inline-block;}

/* ── Startseiten-Slider (vorher Unite Revolution Slider 4.6.5) ───────── */
/* Maße wie im Original: 1000×430, darunter 770 / 500 / 310 px breit. */
.wm-slider {
    position: relative;
    width: 1000px;
    height: 430px;
    margin: 0 auto;
    background-color: #E9E9E9;
}
@media only screen and (min-width: 780px) and (max-width: 939px) { .wm-slider { width: 770px; height: 331px; } }
@media only screen and (min-width: 510px) and (max-width: 779px) { .wm-slider { width: 500px; height: 215px; } }
@media only screen and (max-width: 509px)                        { .wm-slider { width: 310px; height: 133px; } }

.wm-slider-viewport { position: absolute; inset: 0; overflow: hidden; }
.wm-slider-stage {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 430px;
    transform-origin: 0 0;
}
.wm-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}
.wm-slide.is-active { opacity: 1; z-index: 2; }
.wm-slider:not(.is-ready) .wm-slide:first-child { opacity: 1; }
.wm-slide .tp-caption { position: absolute; opacity: 0; white-space: nowrap; }
.wm-slider:not(.is-ready) .tp-caption { opacity: 1; }
.wm-slide .tp-caption img { display: block; max-width: none; }

/* Beschriftungsstile aus media/com_uniterevolution2/…/dynamic-captions.css */
.tp-caption.excerptweimannred{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:rgb(255,255,255);text-decoration:none;background-color:rgb(161,35,43);padding:1px 4px 0px;text-shadow:none;margin:0px;letter-spacing:-1.5px;height:auto;border-width:0px;border-color:rgb(255,255,255);border-style:none}
.tp-caption.medium_grey{position:absolute;color:#fff;text-shadow:0px 2px 5px rgba(0,0,0,0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;padding:2px 4px;margin:0px;border-width:0px;border-style:none;background-color:#888;white-space:nowrap}
.tp-caption.excerptweimannredkleiner{font-size:25px;line-height:36px;font-weight:700;font-family:Arial;color:rgb(255,255,255);text-decoration:none;background-color:rgb(161,35,43);padding:1px 4px 0px;text-shadow:none;margin:0px;letter-spacing:-1.5px;height:auto;border-width:0px;border-color:rgb(255,255,255);border-style:none}

/* Punkte und Pfeile ("round") */
.wm-slider .tp-bullets {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 20;
}
.wm-slider .tp-bullets .bullet {
    cursor: pointer;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    background: url(../rs/bullet.png) no-repeat bottom left;
}
.wm-slider .tp-bullets .bullet.last { margin-right: 3px; }
.wm-slider .tp-bullets .bullet:hover,
.wm-slider .tp-bullets .bullet.selected { background-position: top left; }
.wm-slider .tparrows {
    position: absolute;
    top: 50%;
    z-index: 20;
    width: 19px;
    height: 14px;
    margin-top: -7px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
}
.wm-slider .tparrows:hover { background-position: bottom left; }
.wm-slider .tp-leftarrow  { left: 20px;  background-image: url(../rs/small_left.png); }
.wm-slider .tp-rightarrow { right: 20px; background-image: url(../rs/small_right.png); }

/* Wie im Original (hideThumbs: 200) nur sichtbar, solange die Maus über
   dem Slider steht; auf Touch-Geräten 1,5 s nach dem Antippen. */
.wm-slider .tp-bullets,
.wm-slider .tparrows { opacity: 0; transition: opacity .2s; }
.wm-slider:hover .tp-bullets,
.wm-slider:hover .tparrows,
.wm-slider.nav-sichtbar .tp-bullets,
.wm-slider.nav-sichtbar .tparrows { opacity: 1; }

/* Schatten unter dem Slider ("shadow 2") */
.wm-slider .tp-bannershadow {
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 100%;
    height: 60px;
    background: url(../rs/shadow2.png) no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
.wm-slider-gap { height: 60px; }

/* ── Lightbox (vorher Slimbox) ────────────────────────────────────────── */
.lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    padding: 40px 20px 70px;
}
.lightbox.is-open { display: flex; }
.lightbox img {
    max-width: 100%;
    max-height: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}
.lightbox-close,
.lightbox-prev,
.lightbox-next {
    position: absolute;
    border: 0;
    background: rgba(161, 35, 43, .9);
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 1;
    padding: 10px 16px;
    cursor: pointer;
}
.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover { background: #9F232B; }
.lightbox-close { top: 20px; right: 20px; }
.lightbox-prev  { left: 20px;  top: 50%; transform: translateY(-50%); }
.lightbox-next  { right: 20px; top: 50%; transform: translateY(-50%); }
.lightbox-caption {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding: 0 80px;
}

/* ── Kontaktformular ──────────────────────────────────────────────────── */
.fcp_error_msg {
    display: block;
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #A1232B;
    background: #fbeeee;
    color: #A1232B;
}
.fcp_line span[id^="fcp_err"] { color: #A1232B; margin-left: 8px; }
/* Die Datenschutz-Zeile ist länger als „Kopie an Ihre eigene Adresse schicken“
   des Originals; rechtsbündig (geerbt von div.fcp_line label) bräche sie unschön um. */
div.fcp_checkbox_l label.fcp_lcb { text-align: left; }
.fcp_hp { position: absolute; left: -9999px; }
#fcp_messages, #fcp_confirm { display: none; }

/* ── YouTube als Zwei-Klick (23.10.2026) ──────────────────────────────── */
/* Platzhalter in Größe und Lage des bisherigen Rahmens: ein inline-block mit
   overflow: hidden sitzt wie das iframe auf der Grundlinie. Das Vorschaubild
   (assets/yt/) liegt auf .wm-yt-bild; den Rahmen setzt weimann.js erst beim Klick. */
.wm-yt {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: baseline;
    cursor: pointer;
    background-color: #000;
}
.wm-yt-bild {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.wm-yt-hinweis {
    position: absolute;
    display: block;    /* span: ohne absolute Lage sonst inline, der Innenabstand fiele aus der Höhe */
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 14px 12px;
    background: rgba(0, 0, 0, .78);
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}
.wm-yt-text { display: block; }
.wm-yt .wm-yt-text a,
.wm-yt .wm-yt-text a:link,
.wm-yt .wm-yt-text a:visited { color: #fff; text-decoration: underline; }
.wm-yt a.wm-yt-start,
.wm-yt a.wm-yt-start:link,
.wm-yt a.wm-yt-start:visited {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 18px;
    background: #A1232B;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.wm-yt a.wm-yt-start:hover,
.wm-yt a.wm-yt-start:focus { background: #C42B35; color: #fff; outline: 2px solid #fff; outline-offset: 2px; }
/* Responsiv: Bildfläche 16:9 wie der spätere Rahmen in .art-responsive-embed
   (template.responsive.css), der Hinweis darunter statt darüber — auf schmalen
   Schirmen wäre er höher als die Bildfläche. */
.responsive .wm-yt {
    display: block;
    width: auto !important;
    height: auto !important;
}
.responsive .wm-yt-bild {
    position: static;
    display: block;
    padding-top: 56.25%;
}
.responsive .wm-yt-hinweis { position: static; }
.responsive-phone .wm-yt-hinweis { padding: 8px 10px 10px; font-size: 11px; line-height: 1.4; }
.responsive-phone .wm-yt a.wm-yt-start { margin-top: 6px; padding: 7px 14px; font-size: 13px; }