/*
 * styleIn.css – Export des internen Contao-4-Stylesheets "styleIn" (Theme 566 KickOff)
 * Contao 5 kennt keine internen Stylesheets mehr. Diese Datei im Seitenlayout
 * unter "Externe Stylesheets" NACH design.css einbinden.
 *
 * Farben: Hier zentral anpassen, falls die Vereinsseite andere Farben nutzt
 * als die Theme-Standardwerte.
 */
:root {
  --ko-main: #217c36;   /* Vereinsgrün (aus tl_style_sheet) */
  --ko-dark: #008020;   /* aus tl_style_sheet */
  --ko-grey: #434549;
  --ko-light: #E7E7E7;
}

/* darkColor :: BorderTop */
.rightblock {
  border-top: 3px solid var(--ko-dark);
}

/* mainColor:: BorderTop */
.ce_comments,
.mod_registration,
h1:before,
h1:after {
  border-top: 3px solid var(--ko-main);
}

/* mainColor:: BorderBottom */
table thead tr {
  border-bottom: 3px solid var(--ko-main);
}

/* mainColor:: Background */
.bangb2,
table.calendar td.active,
.scrolltop a:hover:after,
.iconTrans img,
.btn,
#header .mainnavi ul.level_2,
#header .mainnavi ul.level_3,
#willkommen .image_container,
.mod_quicknav select,
input.submit {
  background-color: var(--ko-main);
}

/* mainColor:: FontColor */
#header .mainnavi ul.level_1 > li > .active,
#header .mainnavi .level_1 li .trail,
.mainnavi  ul.level_1 > li > span:hover,
.mainnavi  ul.level_1 > li > a:hover,
.submenu ul li a:hover,
.submenu ul li span:hover,
.ce_accordion .toggler,
footer .mod_navigation li a:hover,
footer .mod_navigation li span:hover,
footer a:hover,
footer .mod_newslist a:hover,
footer .mod_eventlist a:hover,
.scrolltop a:after,
.quote-position,
.footersocials a:hover,
.topnavi a:hover,
.topnavi  a:focus,
.mod_newslist h2 a:hover,
.mod_eventlist h2 a:hover {
  color: var(--ko-main);
  text-shadow: none;
}

/* $dark - Color */
h1,
h2,
h3 {
  color: var(--ko-dark);
}

/* FontColor :: Grey */
a {
  color: #353535;
  text-shadow: none;
}

/* $light :: Color */
.OutsideIn,
.OutsideIn p,
.OutsideIn h2 {
  color: var(--ko-light);
}

/* $light :: Background */
.InsideOut {
  background-color: var(--ko-light);
  color: var(--ko-dark);
}

/* $dark:: Background */
.btn:hover,
.btn:focus,
.ce_accordion .toggler,
#service em,
.OutsideIn {
  background-color: var(--ko-dark);
  color: var(--ko-light);
}

.slider-Bg {
  background-image: url("../img/Banner_Schiessstand.png");
  background-size: cover;
}

.areaBg-2 {
  background-image: url("../img/Banner_Schiessstand.png");
  background-size: cover;
}

/* ------------------------------------------------------------------
 * Ergänzungen für Contao 5 (Übergangslösung)
 * Die Contao-4-Templates haben Bildern die Bootstrap-Klasse
 * "img-responsive" gegeben. Contao 5 rendert Bilder über die
 * Core-Templates – daher hier dieselbe Wirkung per CSS.
 * ------------------------------------------------------------------ */
.image_container img,
.content-image img,
.content-text img,
.content-gallery img,
.layout_latest img,
.layout_full img,
.layout_teaser img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Contao-5-Formularfelder erhalten die Bootstrap-Optik */
.widget input.text,
.widget input.password,
.widget textarea,
.widget select {
  display: block;
  width: 100%;
}