/* Topbar-1 - TuRa-Banner */
.col-lg-8 {
    max-width: 100%;
    flex: 100%;
}

/* Banner Options - Menu */
.astroid-banner-inner {
  padding: 30px 0;  
}
.astroid-banner-inner .astroid-banner-title {
    font-size: 2.0em !important;
}

.astroid-banner-inner .astroid-banner-subtitle {
    font-size: 1.4em !important;
}

/* Content Blog-Layout */

div.item-content.post-regular.position-relative {
  background-color: #fff !important;
  border: solid 0.063rem #ddd !important;
  border-radius: 0.375rem !important;
  padding: 0.938rem !important;
}

.list-group-item {background-color: #fff;}

#.row-cols-lg-3>* {width: 33.333% !important;}
#.list-group-item {background-color: #fff;}

/* Content-Article */
div.com-content-article.item-page { 
background-color: #ffffff !important; 
padding: 0.938rem;
border: 0.063rem solid #ddd;
border-radius: 0.375rem;	
min-height: 43.75em;  
}

.article-wraper-inner {background-color: #ffffff;}


/* Component-Section - Component Area */
#.astroid-component-section {
    min-height: 450px;
}


.module-title {
    border-bottom: 1.5px solid #fab30f;
} 

/* Eigener Hintergrund Modul*/
.hintergrund-1 {
  background-color: #FAFEF7;
  border-style: solid;
  border-color: #FAFEF7;
  box-shadow: 2px 2px 10px 2px #01010140;
  border-width: 20px 20px 20px 20px;
  border-radius: 10px 10px 10px 10px;
  }

/* Module Style - Border-Layout */
.blueStyle .border-layout {background-color: #009cdf; --bs-border-color: #009cdf;}
.orangeStyle .border-layout {background-color: #fff379; --bs-border-color: #fff379;}
.yellowStyle .border-layout {background-color: #ffeb18; --bs-border-color: #ffeb18;}
.whiteStyle .border-layout {background-color: #ffffff;}
.pinkStyle .border-layout {background-color: #ea5092; --bs-border-color: #ea5092;}
.redStyle .border-layout {background-color: #f8d7da; --bs-border-color: #f1aeb5;}
.greenStyle .border-layout {background-color: #90c450; --bs-border-color: #90c450;}
  
/* Eigener Button Latest News*/
.button-1 {
  display: inline-block;
  background-color: #51504c;
  color: #fff;
  padding: 0.1rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  line-height: 1.5;
    }  

/* JooAg Shariff Plugin - Social Media */
.shariff .orientation-horizontal {margin-top: 30px !important;}
.shariff li a {color: #343434 !important;}

/* Astroid Banner */
#.astroid-banner-inner .astroid-banner-title {
    font-size: 30px;
}

/* Abstand Footermenu */
#.pb-md-5, .py-md-5 {
    padding-bottom: 5px !important;
}
/* Abstand Header */
#.pb-3, .py-3 {
    padding-top: 5px !important;
}


#.col-lg-9 {
    background-color:#fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}


/* Kommentar - fussball.de - Widget */
#widget1 iframe {
width:100%;
max-width:800px;
max-height: 100%;
}


/* Modul JT Infinite Content*/
div.jt-inner {
background: #ffffff;
padding: 15px;
border: 2px solid rgba(64, 82, 97, 0.1);
border-radius: 10px;
}

.load-more__btn-wrap, .callback-response {margin-top: 0.5rem;}
.jtic_item_wrapper.jt-ic .jt-author-date {font-size: 82%; color: #6b6b6b;}


/* Modul CCC-Twoclick */
.btn.btn-warning.ccctwoclickreveal-251 {margin-top: 1.25em;}
.btn.btn-success.ccctwoclickdisable-251.disablecontent {margin-top: 1.25em;}

#ccctc-251 {
height: 285px;
height: auto !important;
}

/* Style Page-Break */
div.float-right.article-index {
background-color: #fafef7;
margin: 0.32rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
border-radius: var(--bs-border-radius) !important;
}

/* Card Body */
.card-body {background-color: #ffffff}	

/* Joomla Kontaktformular */

label {margin-right: 10px;}

div.contact {
background-color: #ffffff !important; 
padding: 15px;
border: 1px solid #ddd;
border-radius: 6px;	
}	

.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {background-color: #ffffff;}

h3, .h3 {margin-top: 20px;}

/* Scrolling Table - Column fixed */
#table {
  text-align: center;
}

#.table-container {
  width: 100%;
  height: 80%;
  overflow: scroll;
}

#table th,
#table td {
  white-space: nowrap;
  padding: 10px 20px;
  font-family: Arial;
}

#table tr th:first-child,
#table td:first-child {
  position: sticky;
  width: 100px;
  left: 0;
  z-index: 10;
  background: #ddd;
}

#table tr th:first-child {
  z-index: 11;
}

#table tr th {
  position: sticky;
  top: 0;
  z-index: 9;
  #background: #fff;
}


table { /* Styling der Tabelle */ }

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

/* Styling der Tabelle Sponsoring */

#herren {
  background-color: #3FAE49; color: #fff; 
 }
 
 #damen {
  background-color: #EE1C23; color: #fff; 
 }
 
 #junioren {
  background-color: #0C4DA2; color: #fff; 
 }

/* Kommentar - Link underline*/
:link, a:visited {
 text-decoration: none;
}


#widget1 iframe {
width:100% !important;
max-width:620px !important;
}

.table > :not(caption) > * > * {background-color: #ffffff;}
.table {--bs-table-striped-bg: #fff;}

/* Accessibility Icon & Slider*/ 
._access-icon {
background-color: #E43F6F !important;
background-size: contain;
content: url(../../../../../images/access-circle_white.png);
transform: skewX(0deg) !important;
padding: 5px;
}

._access-menu ul li {color:#000 !important;} 


#a:focus {
  outline: 2px solid #ff0000; /* Beispiel: Roter 2px Rahmen */
  padding: 2px;
  /* oder */
  #box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); /* Beispiel:  Blauer Schatten */
}

.btn-primary, .btn-secondary, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button, .btn-prosandcons, .btn-backtohome {
  --bs-btn-focus-shadow-rgb: 255, 0, 0;
}


#:focus-visible {
  #border: 1px solid red;
  #border-radius: 3px;
  #outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 87, 51, 0.25);
  #padding-left: 3px;
  #padding-right: 3px;
  }

#:focus {box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}

#button:focus {box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}

#:focus-visible {box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}

#:root, {--bs-focus-ring-color: rgba(255, 0, 0, 0.25) !important;}