/* #### Zusatzinfo bei dem Suchergebnis ausblenenden #### */
#search-results .result-taxonomy {
    display: none;
}

/* ###### Aublenden des Datums bei dem Suchindex #####*/
#search-results div.result-date {
    display: none;
}
/* #### Login Überschrift zentrieren ##### */
.t4-masthead-title {
 text-align:center; 
}

/* ######### ALLGEMEINER SEITEN ABSTAND DER INHALTE #######*/ 
.fordermitglieder div.item-content {
    margin: 10px 25px 10px 5px;    
}
.jugendordnung div.item-content {
    margin: 10px 25px 10px 5px;    
}

/* ################ LRN Login zentrieren   #############*/
.lrnlogin div.lrnlogin {
     margin: auto;
  width: 50%;
}
/* ##### Button Nav Mittgi setzen #### */
.praesidium ul.pager.pagenav {
text-align:center; 
float:none; 
}

/* #################### Menütrenner ###############*/ 
.trenner {
margin-top:0px;
margin-bottom: 0px;
    width:100%;
    
}

/* ################## Homepage Beitragsrahmen ########*/ 
.startseite div.item-content {
    width: 98%;
   -webkit-box-shadow: 2px 2px 10px 2px #000000; 
    box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
        margin-bottom: 5px;
    
}


/* Schattendarstellung der Bilder auf der Hauptseite */
.startseite .mainsiteimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
}

/* Schattendarstellung der Bilder auf der Kontakte */
.praesidium .kontaktimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
     border-radius: 10px;
   /*  margin-bottom: 50px; */
}


/* #### Anpassung der Kontaktdetailseite des Presidenten #### */
.praesidentkontakt .contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
  margin-bottom: 15px; 
}

/* #### Anpassung der Kontaktdetailseite Rest Vorstand #### */
.vorstandkontakt .contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
  margin-bottom: 15px; 
}


/* Schattendarstellung der Bilder auf der Kontakte des Jugendvorstandes */
.jugendvorstand .kontaktimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
     border-radius: 10px;
   /*  margin-bottom: 50px; */
}

/* #### Anpassung der Kontaktdetailseite des Presidenten #### */
.jugendvorstand .contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
  margin-bottom: 15px; 
}
.category-module li a {
   color: #ffffff;}
/* Schattendarstellung der News und Aktuellen Bilder */
.mainsiteimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
}

/* Schattendarstellung der Kontakt Bilder */
.contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
 width: 153px;
}

/* Verbandslogos */
.verbandlogos{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
}


/* ##################### LRN Aktuelles - News Modul Anpassung  #################*/
.aktuelles span {
  color:#BBDFBB;
     margin-left: 15px;
    padding-top: 15px;
font-weight: bold;

  /* text-shadow: 2px 2px 2px #000; */
 }

.lrnaktuell p {
    color: #BBDFBB;
    text-align: left;
    font-style: small;
}

.lrnaktuell div {
    background-color: #336D47;  
    padding: 10px 5px 5px 5px;
    border-radius: 20px;
    
}
.lrnaktuell a {
    color: #FFFFFF;
} 
.lrnaktuell a:hover {
    color: #336D47;
    background-color:#BBDFBB; 
} 

/* ##################### CORONA Aktuelles - News Modul Anpassung  #################*/
.coronaaktuelles span {
  color:#810000;
     margin-left: 15px;
    padding-top: 15px;
    margin-bottom: 0px;
font-weight: bold;

  /* text-shadow: 2px 2px 2px #000; */
 }

.coronaaktuell p {
    color: #810000;
    text-align: left;
    font-style: small;
}

.coronaaktuell div {
    background-color: #F26A31;  
    padding: 5px 5px 5px 5px;
    border-radius: 20px;
    
}
.coronaaktuell a {
    color: #FFFFFF;
} 

.coronaaktuell a:hover {
    color: #FFFFFF;
    background-color:  #810000;
} 




/* Externe links Modul Anpassung */
.externelinks span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA; */
 }

/* Termine Modul Anpassung */
.termine span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA;*/ 
 }

/* Kontakt Modul Anpassung */
.kontakte span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA;*/ 
 }

/* Verband Modul Anpassung */
.verband span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA;*/ 
 }



/* Anpassung der Mega Menü Überschrift */
.mainmenu .mega-col-title span  {
 margin-left: 15px;
 /* text-shadow: .05em .05em #BADEBA; */
}



/* ################# PSEUDO KLASSEN ##########
1 a:link { background-color: thistle }
2 a:visited { background-color: lavender }
3 a:hover { background-color: pink } 
4 a:focus { background-color: aquamarine; color: black }
5 a:active { background-color: oldlace }
6 a:visited:hover{background-color:gray;color:white }
*/

/*  ################# Link Anpassungg Mega Main Menü ################## */
.t4-megamenu .navbar-nav a:link{
       font-size:1em;
}

.t4-megamenu .navbar-nav a:visited{
   font-size:1em;
}

.t4-megamenu .navbar-nav a:hover{
  font-weight: bold;
  text-decoration: underline;
text-transform: uppercase;
    font-size:1em;
/* border-left: 5px solid  #336D47;
border-bottom: 2px solid  #336D47;
 border-right: 5px solid  #336D47;
border-top: 2px solid  #336D47; */
}
.t4-megamenu .navbar-nav a:focus{
  font-weight: bold;
   font-size:1em;
}
.t4-megamenu .navbar-nav a:active{
  font-weight: bold;   
    font-size:1em;
}

/* ################  FOOTER Anpassung ################## */
.t4-footnav a:link{
       font-size:1em;
    }

.t4-footnav a:visited{
   font-size:1em;
}

.t4-footnav a:hover{
  font-weight: bold;
  text-decoration: underline;
font-size:1em;
}
.t4-footnav a:focus{
  font-weight: bold;
   font-size:1em;
}
.t4-footnav a:active{
  font-weight: bold;   
font-size:1em;
}


.footnav-1 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-2 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-3 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-4 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-5 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

/* ############ LASTEVENT  ########### */
.lastevent hr {
    background-color: #336D47;
 width: 100%;
 margin-top: 1px;
margin-bottom: 1px;
 height: 1px;
}

/* Pagenation Joodb Farbanpassung */
.page-item.active .page-link {
    z-index: 1;
    color: #000000;
    background-color: #BADEBA;
    border-color: #336D47;
}

/* JEvents - next Events - Modul links - Farbanpassung */

.mod_events_latest {
   border-top: solid 3px #F0F8F0;
    height: 30px; 
} 


/* ########### ANPASSUNG DER KONTAKTSEITE #########*/
.jugendvorstand .contact-category .category {
    width: 75%;
    padding-right: 0;
    padding-left: 1px;
    margin-right: auto;
    margin-left: 0px;
}

.praesidium .contact-category .category {
    width: 75%;
    padding-right: 0;
    padding-left: 1px;
    margin-right: auto;
    margin-left: 0px;
}

/*
.praesidium div.contact-category {
  margin: auto;
  width: 100%;
}
*/
.praesidium div.contact-category ul.category {
  margin-left: 10px;
  width: 80%;
}

/* ##### Slideshow Mittig ausrichten #### */
.slidepraesidium
{
    margin-left: auto;
    margin-right: auto;
}

/* ######### SLIDER TABS ANPASSUNG ########## */ 

.wichtigeinfos ul {
    list-style:none;
    padding: 0;
    margin: 0;
}
/* ########## AUTOMATISCHES HINZUFÜGEN DES PDF ICONS BEI DEN LI LINKS ####### */
.wichtigeinfos div.jwts_content ul li:before {
content:''; 
display:inline-block; 
height:1.7em; 
width:1em; 
background-image:url('/images/img_svg/pdf.svg'); 
background-size:contain; 
background-repeat:no-repeat; 
padding-left: 2em; 
margin: 0px auto;
}
.wichtigeinfos ul li.pdf a {
font-size:1.2em;
}

/* ####### Angepasster Seitenheader ####### */
/*
.praesidium div.toprightblanko{
background:url(/images/img_siteheaders/narrenkappe.png) no-repeat center;
  background-position: left top;
  background-size: contain;
    margin-top: 10px;
    margin-left: :0px;
    margin-right: auto;
    height:100px;
}
*/

.praesidentkontakt div.toprightblanko {
background:url(/images/img_siteheaders/narrenkappe.png) no-repeat center;
  background-position: left top;
  background-size: contain;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: auto;
    height:100px;
}

/* ##############   Angepasster Seitenheader MITGLIEDER ######### */
.mitglieder div.toprightblanko{
background:url(/images/img_siteheaders/mitglieder.png) no-repeat center;
  background-position: left top;
  background-size: contain;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: auto;
    height:100px;
}

.mitglieder h3 {
    margin-left: 10%;
}

/* #### Zusatzinfo bei dem Suchergebnis ausblenenden #### */
#search-results .result-taxonomy {
    display: none;
}

/* ###### Aublenden des Datums bei dem Suchindex #####*/
#search-results div.result-date {
    display: none;
}
/* #### Login Überschrift zentrieren ##### */
.t4-masthead-title {
 text-align:center; 
}

/* ################ LRN Login zentrieren   #############*/
.lrnlogin div.lrnlogin {
     margin: auto;
  width: 50%;
}
/* ##### Button Nav Mittgi setzen #### */
.praesidium ul.pager.pagenav {
text-align:center; 
float:none; 
}

/* Schattendarstellung der Bilder auf der Hauptseite */
.startseite .mainsiteimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
}

/* Schattendarstellung der Bilder auf der Kontakte */
.praesidium .kontaktimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
     border-radius: 10px;
   /*  margin-bottom: 50px; */
}


/* #### Anpassung der Kontaktdetailseite des Presidenten #### */
.praesidentkontakt .contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
  margin-bottom: 15px; 
}

/* #### Anpassung der Kontaktdetailseite Rest Vorstand #### */
.vorstandkontakt .contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
  margin-bottom: 15px; 
}


/* Schattendarstellung der Bilder auf der Kontakte des Jugendvorstandes */
.jugendvorstand .kontaktimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
     border-radius: 10px;
   /*  margin-bottom: 50px; */
}

/* #### Anpassung der Kontaktdetailseite des Presidenten #### */
.jugendvorstand .contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
  margin-bottom: 15px; 
}
.category-module li a {
   color: #ffffff;}
/* Schattendarstellung der News und Aktuellen Bilder */
.mainsiteimg{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
}

/* Schattendarstellung der Kontakt Bilder */
.contact-image{
-webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000;
 width: 153px;
}

/* ##################### LRN Aktuelles - News Modul Anpassung  #################*/
.aktuelles span {
  color:#BBDFBB;
     margin-left: 15px;
    padding-top: 15px;
font-weight: bold;

  /* text-shadow: 2px 2px 2px #000; */
 }

.lrnaktuell p {
    color: #BBDFBB;
    text-align: left;
    font-style: small;
}

.lrnaktuell div {
    background-color: #336D47;  
    padding: 10px 5px 5px 5px;
    border-radius: 20px;
    
}
.lrnaktuell a {
    color: #FFFFFF;
} 

/* Externe links Modul Anpassung */
.externelinks span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA; */
 }

/* Termine Modul Anpassung */
.termine span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA;*/ 
 }

/* Kontakt Modul Anpassung */
.kontakte span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA;*/ 
 }

/* Verband Modul Anpassung */
.verband span {
 margin-left: 15px;
 /* text-shadow: .05em .05em  #BADEBA;*/ 
 }



/* Anpassung der Mega Menü Überschrift */
.mainmenu .mega-col-title span  {
 margin-left: 15px;
 /* text-shadow: .05em .05em #BADEBA; */
}



/* ################# PSEUDO KLASSEN ##########
1 a:link { background-color: thistle }
2 a:visited { background-color: lavender }
3 a:hover { background-color: pink } 
4 a:focus { background-color: aquamarine; color: black }
5 a:active { background-color: oldlace }
6 a:visited:hover{background-color:gray;color:white }
*/




/* Pagenation Joodb Farbanpassung */
.page-item.active .page-link {
    z-index: 1;
    color: #000000;
    background-color: #BADEBA;
    border-color: #336D47;
}

/* JEvents - next Events - Modul links - Farbanpassung */

.mod_events_latest {
   border-top: solid 3px #F0F8F0;
    height: 30px; 
} 

 /* ############ FOOTER ANPASSUNG ########### */
.footnav-1 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-2 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-3 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-4 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

.footnav-5 h3.module-title span {
  text-decoration: underline;
font-weight: bolder;
}

/* ########### ANPASSUNG DER KONTAKTSEITE #########*/
.jugendvorstand .contact-category .category {
    width: 75%;
    padding-right: 0;
    padding-left: 1px;
    margin-right: auto;
    margin-left: 0px;
}

.praesidium .contact-category .category {
    width: 75%;
    padding-right: 0;
    padding-left: 1px;
    margin-right: auto;
    margin-left: 0px;
}

/*
.praesidium div.contact-category {
  margin: auto;
  width: 100%;
}
*/
.praesidium div.contact-category ul.category {
  margin-left: 10px;
  width: 80%;
}

/* ##### Slideshow Mittig ausrichten #### */
.slidepraesidium
{
    margin-left: auto;
    margin-right: auto;
}


/* ######### ANGEPASSTE PRAESIDENTEN SEITE ######## */

.praesidentkontakt div.toprightblanko{
background:url(/images/img_siteheaders/narrenkappe.png) no-repeat center;
  background-position: left top;
  background-size: contain;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: auto;
    height:100px;
}

/* ####### ********** Anpassen der Rundschreiben Seite ********** ##### */

/* ###############  LRN ################## */
.rundschreibenlrn div.item-content {
    width: 100%;
   -webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
        margin-bottom: 5px;
    
}
.rundschreibenlrn div.page-header h2 {
    background-color: #336D47;
    color: #BBDFBB;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.rundschreibenlrn div.item-content a:link {
    color: #336D47;
    font-style: normal;
    font-weight: bold;
}

.rundschreibenlrn div.item-content a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

.rundschreibenlrn div.rundschreibenlrn{
    width: 98%;
  /* -webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
        margin-bottom: 20px;
    */
}

/* FÜR DIE EINZELSEITE */
.rundschreibenlrn div.com-content-article {
    width: 98%;
 -webkit-box-shadow: 2px 2px 10px 2px #000000; 
   box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
}



.rundschreibenlrn div.com-content-article a:link {
    color: #336D47;
    font-style: normal;
    font-weight: bold;
}

.rundschreibenlrn div.com-content-article a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
       font-weight: bold;
}


/* ########################## BDK ################################## */
.bdkrundschreiben div.item-content {
    width: 100%;
     -webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
           margin-bottom: 5px; 
}

.bdkrundschreiben div.item-content a:link {
    color: #336D47;
    font-style: normal;
    font-weight: bold;
}

.bdkrundschreiben div.item-content a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}



.bdkrundschreiben div.bdkrundschreiben {
    width: 98%;
 /*  -webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
    */
}
/* FÜR DIE EINZELSEITE */
.bdkrundschreiben div.com-content-article {
    width: 98%;
 -webkit-box-shadow: 2px 2px 10px 2px #000000; 
   box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
}

.bdkrundschreiben div.page-header h2 {
    background-color: #336D47;
    color: #BBDFBB;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bdkrundschreiben div.com-content-article a:link {
    color: #336D47;
    font-style: normal;
    font-weight: bold;
}

.bdkrundschreiben div.com-content-article a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
       font-weight: bold;
}


/* ############## ANPASSUNG DER ORDENSSEITEN ######### */
.ordenlink div.com-content-article p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.ordenlink div.com-content-article p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

.ordenlink div.article-body a:link {
     color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.ordenlink div.article-body a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

/* ############### ANPASSUNG DER JUGENDVORSTANDSSEITE #######*/
.verbandsjugend div.com-content-article  p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.verbandsjugend div.com-content-article  p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

div.com-content-article {
    margin: 10px 25px 10px 5px;    
}

/* ############### ANPASSUNG DER VERBANDSSEITE #######*/
.verband div.com-content-article p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.verband div.com-content-article p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

/* ############ ANPASSUNG FÖRDERMITGLIEDER ########## */
.fordermitglieder div.item-content p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.fordermitglieder div.item-content p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

/* ############### ANPASSUNG DEs IMPRESSUM #######*/
.impressum div.com-content-article p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.impressum div.com-content-article p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}
/* ############### ANPASSUNG DES DATENSCHUTZ #######*/
.datenschutz div.com-content-article p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.datenschutz div.com-content-article p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

/* ############### ANPASSUNG DER STARTSEITE #######*/
.startseite div.item-content p a:link {
       color: #336D47;
    font-style: normal;
    font-weight: bold;
}
.startseite div.item-content  p a:hover {
    background-color: #336D47;
    color:#FFFFFF;
    font-style: normal;
    font-weight: bold;
}

/* #############ANPASUUNG DER WEITEREN STARTSEITEN ################ */
.startseite div.com-content-article {
    width: 100%;
     -webkit-box-shadow: 2px 2px 10px 2px #000000; 
box-shadow: 2px 2px 10px 2px #000000; 
    padding: 25px 25px 25px 25px ;
           margin-bottom: 5px; 
}

    
    @media screen and (max-width: 992px) {.sidebar-r {width: 75% !important;}}
@media screen and (max-width: 992px) {.sidebar-l {width: 75% !important;}}

/* CARD KONTAKT */
.cards {
    width: 85%;
    margin: 0px auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
}
.card {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    border-radius:25px;
    background-color: #bbdfbb;
    align-items: center;
    border: 2px solid #336d47;

}
.card__img {
object-fit: none;
   margin: 15px;
   border-radius: 10%;    
   }




.content {
    text-align: center;
    padding: 10px;
       }

.content h2 {
    font-size: 20px;
    margin-top: 5px;
    letter-spacing: 1.5px;
    color: #336d47;
    text-transform: uppercase;
}
.content h3 {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 17px;
    color: #000000;
    letter-spacing: 1.5px;
}

.content a {
    margin-top: 5px;
    text-decoration: none;
    display: inline-block;
    background-color: #336d47;
    color: #bbdfbb;
    font-size: 17px;
    padding: 5px 20px;
    border-radius: 40px;
    letter-spacing: 1.5px;
}

.content a:hover {
    background-color: #3d413e;
    transition:  0.2s ease;
    color: #bbdfbb;
}
.card:hover img {
     filter: contrast(1.5)    
    }

.table {
    width: auto;
}

/* FLEX BOX MITGLIEDER */
/*  CARDS ELEMENTS */ 

.jodbcard-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.allcards {
    width: 450px;
    padding: 2rem 1rem;
    border-radius: 5px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s;

}

.allcards:hover {
    transform: translateY(-2px);
}

.allcards h5 {
    margin-bottom: 0.1rem;    
}

.allcards p {
     line-height: 1.3rem;  
}

p.externinfo {
    font-style: italic;
    font-size: small;
}

/* **** CTA SECTION *** */
.jodb-section {
    background-color: #F9F9Fa;
    padding: 3rem 1rem;
}

.jodb-card {
    background-color: #ffffff;
}

.pagination li {
    margin: 0 auto;
}