.article-info {
    display:none;
}
div.gtext1 {
    font-size: 18px;
    font-weight: bold ;
    color: #2e6b1d ;
}
div.gtext2 {
    font-size: 14px ;
    color: #2e6b1d ;
}
@media only screen and (min-width: 576px) {
  .container, .t4-masthead .t4-masthead-detail, .container-sm {
    max-width: 100%;
  }
  div.gtext1 {
    font-size: 12px;
}
div.gtext2 {
    font-size: 10px ;
}
}
@media only screen and (min-width: 768px) {
  .container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md {
    max-width: 100%;
  }
   .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 80%;
  }
  div.gtext1 {
    font-size: 14px;
}
div.gtext2 {
    font-size: 12px ;
}
}
@media only screen and (min-width: 992px) {
  .container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg {
    max-width: 100%;
  }

div.gtext1 {
    font-size: 15px;
}
div.gtext2 {
    font-size: 13px ;
}
}
@media only screen and (min-width: 1200px) {
  .container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 100%;
  }
  .t4-megamenu .navbar-nav > li {
    padding-left: 1px;
    padding-right: 1px;
  }
  /* .djslider-default {
    margin: 0 auto;
    position: static;
    } */
    .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 90%;
  }
  div.gtext1 {
    font-size: 18px;
  }
  div.gtext2 {
    font-size: 14px ;
  }
}
@media only screen and (min-width: 1400px) {
  .container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 100%;
  }
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  div.gtext1 {
    font-size: 18px;
  }
  div.gtext2 {
    font-size: 14px ;
  }
}
.t4-megamenu .dropdown-menu {
    background: #6dc34a;
}
  .t4-main-body {
    padding-top: 0px;
    padding-bottom: 0px;
  }
 .moduletable {
    padding: 0px; 
    margin: 0px;
  }
  .jevbootstrap [class^="icon-"] {
    vertical-align: middle;
    margin-right: 5px;
}
.far {
    vertical-align: middle;
    margin-right: 5px;
}
[class^=icon-],
 [class*=" icon-"] {
   content: "\f02f";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   margin-right: 5px;
 }
.jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content {
    line-height: 14px;
    margin-top: 1px;
    margin-left: 4px;
    vertical-align: middle;
}
.not-at-top #t4-header.t4-sticky   {
    background-color: #55aa28;
}

.t4-section-inner .container{
    padding-top: 0rem;
}
@media only screen and (min-width: 844px) {
.grid-spalten3 {
   display: grid; 
   gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
     } 

}

.flex-container {
  display:flex;
  flex-wrap: wrap; /* Standardwert = nowrap */
  margin: 0 auto;
}
.flex-image  {
 display: block;
 flex-basis: 100%;
 box-sizing: content-box;
 background: none;
}
/* Kurzschreibweise */
.flex-item {
    display: block;
    width:30%;
    flex-basis: 25%;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 5px;
    margin: 5px;
    border: 2px solid rgb(32, 84, 38); 
    border-radius: 10px; 
    background: lightyellow;
    justify-content: center;
    font-stretch: normal;
}

 .flex-item:hover {
   border-radius: 10px;
   border: solid 5px;
   border-color: red;
   justify-items: center;
   background-color: lightgray;
 }

@media only screen and (800px <= width <= 1200px) {
  .t4-megamenu .navbar-nav>li>.nav-link {
  height:40px;
  }

  .logo-img {
    max-width: 50%;
    width: 300px;
  }
}

  .leisten_text {
    font-family: helvetica, sans-serif;
    font-size: 14pt;
    text-align: center;
    font-stretch: normal;
  } 
@media only screen and (max-width: 576px) {
  .leisten_text {
    font-stretch: condensed;
   }
}

/* --------- fuer Kachel-Grid ----------------------------*/
.kacheln_container {
   flex-wrap: wrap;
   justify-content: center;
   margin: 0;
   list-style: none;
   border: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
 }
 
 /* Create four equal kachel that sits next to each other */
 .kachel {
  /* display: flex;
   flex: 25%;
   max-width: 24%; 
   padding: 0; */
   padding: 3px;
   width: 250px;
   height: 250px;
 }
 
 .kachel img {
   margin-top: 5px;
   vertical-align: middle; 
   display: flex;
   /* width: 25%; */
   object-fit: cover;
   justify-content: center;
   border-radius: 10px;
 }
 .kachel:hover {
   border-radius: 10px;
   border: solid 5px;
   border-color: red;
   justify-items: center;
 }


 /* Responsive layout - makes a two column-layout instead of four columns */
@media only screen and (max-width: 800px) {
   .kacheln_container {
     flex: 50%;
     max-width: 100%;
   }
 }
 
 /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
 @media only screen and (max-width: 600px) {
   .kacheln_container {
     flex: 50%; 
     flex-wrap:wrap;
     max-width: 100%;
   }
 }
 /* =================== neue Kacheln ====================== */
 div.gallery {
  
  border-radius: 10px;
}

div.gallery:hover {
  border: 6px solid #b12121;
}

div.gallery img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}


* {
  box-sizing: border-box;
}

.responsive {
  padding: 6px;
  float: left;
  width: 16.6666%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 25%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 50%;
  }
}
.t4-footer .container {
  padding-top: 0rem;
  padding-bottom: 1rem;
}
 .t4-component, .component {
    padding-top: 0rem;
    padding-bottom: 1rem;
  }
  .t4-topbar {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.breadcrumb {
    background: none;
}
/* --------------- Jahresprogramm anpassen ----------- */
.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
  background-color: #2a732f;
  border: 1px solid #0b0100;
}
#jevents_body .nav-items div.active a, .jev_header2 .active a {
  background-color: #2a732f;
  color: #F7F312;
}
.jev_toprow div.currentmonth {
  border-top: 1px solid  #2a732f;
  border-bottom: 1px solid  #2a732f;
  margin-bottom: -1px;
}
.nav-items > div:first-child {
  border-left: 1px solid #0b0100;
}
.nav-items > div { 
  border: 1px solid #0b0100;   
    border-left-color: #0b0100;
}
#jevents_body a.cal_titlelink:link, #jevents_body a.cal_titlelink:visited, #jevents_body a.cal_titlelink:hover {
  font-size: 12px;
  font-weight: bold;
}
/* ------------ In Kürze: und Bilder: --------------- */
.termin_titel {
    font-size: 18px;
    font-weight: bold;
    font-stretch: expanded;
}
/* -------- drei Bilder nebeneinander ---(Stempel)----------- */
   .bild3box { display: flex; flex-wrap:wrap; }
   .bild {
   padding: 4px;
   }
/* -------------- Seiten Titel ----------------------------- */
   .page-header h2, .categories-list h2 {
  font-size: 3rem;
  margin: 0;
}
/* ----------------- barrierefrei Formular -------------------------- */

/* ----------- Bilderschau Neu -------------------------- */
  .djslider-default {
    margin: 0 auto;
    position: static;
    opacity: 0.6;
    }
    
.slide-desc-bg-default {
  top:15px;
  height: 55% ;
}
/* ----------- Button DAV -------------------------- */
.dav_button {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1.5rem;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px black;
  border-radius: 10px;
  background-color: greenyellow;
  background-image: linear-gradient(
    to top left,
    rgb(0 0 0 / 0.2),
    rgb(0 0 0 / 0.2) 30%,
    transparent
  );
  box-shadow:
    inset 2px 2px 3px rgb(255 255 255 / 0.6),
    inset -2px -2px 3px rgb(0 0 0 / 0.6);
}

.dav_button:hover {
  background-color: yellow;
}

.dav_button:active {
  box-shadow:
    inset -2px -2px 3px rgb(255 255 255 / 0.6),
    inset 2px 2px 3px rgb(0 0 0 / 0.6);
}
/* ----------- Titel-Link Aktuelle Touren und Veranstaltungen -------------------------- */
a.ev_link_row:link {
    font-weight: bold;
    font-size: 18px;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 3px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #105b24;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 2px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #28a745;
}
/* ============== waagrechter Strich HR ================== */
hr {
    border: 3px solid rgba(40, 167, 69, 1);
  
  opacity: 1;
}
/* =============== css von JCE Editor ==================== */
hr.dav2 {
  border: 3px; 
  color: darkgreen; 
  opacity: 1;
}


.Ausschr_Tab_links {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bolder;
  color: darkgreen;

}

.Ausschr_Tab_rechts_rechts {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  color: black;

}
.Ausschr_Tab_rechts_rot {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  color: red;

}

.Ausschr_Tab_rechts_klein {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  color: black;

}
/* ============== neuer Styl ================================== */
.ausschreibung_tabelle { 
  width: auto;
  border-collapse: speparate; 
  border: solid 1px #777;
  border-spacing: 10px; 
  padding: 5px;
}
.ausschreibung_links { 
  border: solid 1px #777; 
  padding: 5px; 
  font-family: arial,helvetica,sans-serif; 
  font-size: 12pt; 
  font-weight: bold;
  color: rgb(5, 54, 5);
}
.ausschreibung_rechts { 
  border: solid 1px #777; 
  padding: 5px; 
  font-family: arial,helvetica,sans-serif; 
  font-size: 12pt;
  font-weight: normal;
}
.letzte-anmeldung { 
  background-color:rgb(248, 213, 184); 
}
/* ============== neuer Styl ================================== */
.taus_table {
	border-collapse: collapse; 
  border: solid 2px #b4d7b3;
  border-spacing:10px;
   border-width: thin 0 0 thin; 
	margin: 0 0 1em;
	table-layout: auto;
	/* Prevents HTML tables from becoming too wide */
	max-width: 100%;
  text-align: left; 
  vertical-align: top; 
}

 .taus_th { 
  font-family: arial,helvetica,sans-serif; 
  font-size: 12pt; 
  font-weight: bold;
  color: rgb(5, 54, 5);
	background-color: #d4ddd78e;
  padding: 10px;
  vertical-align: top;
}
.taus_tr { 
  border: solid 1px #9c9c9c;
}

.taus_td {
  font-family: arial,helvetica,sans-serif; 
  font-size: 12pt;
  font-weight: normal;
  padding: 10px;
  vertical-align: top;
}
.text_kursiv {
  font-family: arial,helvetica,sans-serif; 
  font-size: 12pt;
  font-weight: normal;
  padding: 10px;
  vertical-align: top;
  font-style: italic;
}