/* Start - OWN DABRI */
.btn-group img {
    display: inline-block;
}

.bild-rechts {
    float: right;
    margin-left: 7px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.bild-links {
    float: left;
    margin-left: 7px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.articleBody {
  display: flex;
  align-items: center; /* Zentriert das Bild vertikal zum Text */
  gap: 8px; /* Abstand zwischen Bild und Text */
}

.text-small {
    font-size: 16px;
}

small, .small {
  font-size: 0.975em !important;
}

img {
    display: initial;
    height: auto;
    max-width: 100%;
}

.text-box {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #666666;
    margin: 10px auto;
    padding: 10px;
}

.link-subcat {
	font-weight: bold;
}

.article-full-image {
   position: relative; 
}

.article-full-image figcaption.caption {
    background: #8a3636 none repeat scroll 0 0;
    bottom: 24px;
    color: #fff;
    font-size: 12px;
    left: 24px;
    margin: 0;
    padding: 5px 12px;
    position: absolute;
	opacity: 1;
}

.article-details .featured-article-badge {
  position: absolute;
  top: -25px !important;
  left: 5px;
  cursor: default;
}

.article-intro-image {
   position: relative; 
}

.article-list .article figcaption.caption {
    background: #8a3636 none repeat scroll 0 0;
    bottom: 24px;
    color: #fff;
    font-size: 12px;
    left: 24px;
    margin: 0;
    padding: 5px 12px;
    position: absolute;
	opacity: 1;
}

.article-list .article figcaption.text-dark {
    color: #fff !important;
}

#jc {
	margin-top: 30px;
}

div.datenschutz {
    margin: 3px 3px 3px 3px;
    border: 0.1em solid #da251d;
    background-color: #ffffae;
    width: auto;
    padding: 5px 5px 5px 5px;
}

.content-links {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	background-color: #EAEAEA;
	text-decoration: none;
}

.content-links a{
	text-decoration: none;
	color: #004c75;
    font-weight: bold;
}

.content-links a:hover{
	text-decoration: underline;
	color: #1384C1;
}


.content-headline {
	padding: 5px; 
	margin-top: 15px;
    background-color: #8a3636;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.button-inhalt {
    background-color: #8a3636;
    border: none;
    color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}


.button-inhalt:hover {
    background-color: #652828;
    border: none;
    color: #f3f0ec;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

.sp-page-title.title-image-bg {
  min-height: 140px !important;
}


.sp-page-title.title-image-bg::before {
  background: rgba(39, 40, 42, 0.5)!important;
}

/* suffix menudark */
.sp-module.menudark > div {
        background: #2f3336!important;
        color: #8d8d8d;
        padding: 20px;
}

.sp-module.menudark .header {
        background: transparent!important;
}

.sp-module.menudark h1,
.sp-module.menudark h2,
.sp-module.menudark h3,
.sp-module.menudark h4,
.sp-module.menudark h5,
.sp-module.menudark h6 {
        color: #fff;
}

.sp-module.menudark ul {
        margin: 0;
        padding: 0;
}
.sp-module.menudark ul li {
        position: relative;
        padding: 4px 0;
        border-bottom: 1px solid #444 !important;
}
.sp-module.menudark ul li:first-child {
        border-top: 1px solid #444 !important;
}
.sp-module.menudark a {
        color: #fff;
        line-height:30px;
}
.sp-module.menudark a:active,
.sp-module.menudark a:focus,
.sp-module.menudark a:hover {
        color: #ccc;
}
.sp-module.menudark ul ul {
        margin: 0 0 0 20px !important;
}
.sp-module.menudark b,
.sp-module.menudark strong {
        color: #aaa;
        font-weight: bold;
}

.sp-module.menudark .sp-module-title {
        background: #8a3636;
        display: block;
        line-height: 36px;
        padding: 8px 12px;
        margin: 0px!important;
}
/* suffix menudark */

/* Start - List - Squashregeln */
ol.squashregeln-ebene1 {
  counter-reset:listenpunkt_ebene1;
  list-style-type:none;
}
ol.squashregeln-ebene1 li:before {
  content: counter(listenpunkt_ebene1) ". ";
  counter-increment:listenpunkt_ebene1;
}
ol.squashregeln-ebene2 {
  counter-reset:listenpunkt_ebene2;
  list-style-type:none;
}
ol.squashregeln-ebene2 li:before {
  content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". ";
  counter-increment:listenpunkt_ebene2;
}
ol.squashregeln-ebene3 {
  counter-reset:listenpunkt_ebene3;
  list-style-type:none;
}
ol.squashregeln-ebene3 li:before {
  content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2)"."counter(listenpunkt_ebene3,decimal) ". ";
  counter-increment:listenpunkt_ebene3;
}
ol.squashregeln-ebene4 {
  counter-reset:listenpunkt_ebene4;
  list-style-type:none;
}
ol.squashregeln-ebene4 li:before {
  content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2)"."counter(listenpunkt_ebene3)"."counter(listenpunkt_ebene4,decimal) ". ";
  counter-increment:listenpunkt_ebene4;
}
/* Ende - List - Squashregeln */

/* Start - message-box */
	.message-box {
		color:#555;
		padding:10px 36px 10px 52px;
 		margin: 10px 0px 20px 0px;
	}
	.message-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.bio {
		background:#e9ffd9 url('../images/icons/icon-massage-bio.png') no-repeat 10px 50%;
		border:1px solid #007d37;
	}
	.infos {
		background:#C9E9FC url('../images/icons/icon-massage-info.png') no-repeat 10px 50%;
		border:1px solid #1E313D;
	}
	.warnung {
		background:#ffecec url('../images/icons/icon-massage-warning.png') no-repeat 10px 50%;
		border:1px solid #7F2929;
	}
	.announcement {
 		background: #d24747 url('../images/icons/icon-massage-announcement.png') no-repeat 10px 50%;
 		border: 1px solid #4e0202;
 		color: #fff;
	}
/* Ende - message-box */

/* Start - TABLE BOX */
   .table-head     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 19px;  
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #cccccc; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #999999 #999999 #ffffff;
}
   .table-subhead     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 19px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #333333;
	color:#ffffff;
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #999999 #000000 #000000 #999999;
}
   .table-subhead-nop     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 19px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #333333;
	color:#ffffff;
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #999999 #000000 #000000 #999999;
}
   .table-subhead-icon     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #333333;
	color:#ffffff;
	padding: 10px 4px 10px 24px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #999999 #000000 #000000 #999999;	
    background-image: url("../../../images/icons/btn_info04.gif");
    background-repeat: no-repeat;
	background-position: 5px 3px;
}

   .table-head-gold     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 19px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #bf8f00;
	color:#ffffff;
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #e1c264 #7c5f09 #7c5f09 #e1c264;
}

   .table-head-silver     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 19px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #757171;
	color:#ffffff;
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #b1adad #424040 #424040 #b1adad;
}

   .table-head-bronze     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 19px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #c65911;
	color:#ffffff;
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #e1884e #7e3403 #7e3403 #e1884e;
}

   .table-dark  { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #dfdfdf; 
	color:#000000;
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #b3b3b3 #b3b3b3 #ffffff;
}

   .table-dark-bold  { 
	font-style: normal; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #dfdfdf; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #b3b3b3 #b3b3b3 #ffffff;
}

   .table-light   { 
	font-style: normal; 
	font-weight: normal;  
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #f2f2f2; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #cccccc #cccccc #ffffff;
}

   .table-light-bold   { 
	font-style: normal; 
	font-weight: bold;  
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #f2f2f2; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #cccccc #cccccc #ffffff;
}

   .table-white   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #ffffff; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fffffe #cccccc #cccccc #fffffe;
}

   .table-none   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 13px; 
	color: #9c0006;
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #ffc7ce; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fde9ec #f8a3ae #f8a3ae #fde9ec;
}

   .table-medium   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 13px; 
	color: #757171;
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #fceeb7; 
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #faf4dc #dec45c #dec45c #faf4dc;
}

   .table-nodata   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 17px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #ffffff; 
	color:#777777;
	padding: 4px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fffffe #cccccc #cccccc #fffffe;
}

   .table-nop   { 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	background-color: #DAE1EC; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #edf0f6 #989da5 #989da5 #edf0f6 
}
/* Ende - TABLE BOX */

/* Start - TABLE LIGA BOX */
   .table-liga-subhead     	{ 
	font-style: normal; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 13px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #333333;
	color:#ffffff;
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #999999 #000000 #000000 #999999;
}

   .table-liga-dark  { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 11px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #dfdfdf; 
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #b3b3b3 #b3b3b3 #ffffff;
}

   .table-liga-light   { 
	font-style: normal; 
	font-weight: normal;  
	font-size: 10px; 
	line-height: 11px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #f2f2f2; 
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #cccccc #cccccc #ffffff;
}

   .table-liga-white   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 11px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #ffffff; 
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fffffe #cccccc #cccccc #fffffe;
}

   .table-liga-none   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	color: #9c0006;
	line-height: 11px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #ffc7ce; 
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fde9ec #f8a3ae #f8a3ae #fde9ec;
}

   .table-liga-champ   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	color: #006100;
	line-height: 11px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #c6efce; 
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #e1fde7 #73e689 #73e689 #e1fde7;
}

   .table-liga-vice   { 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	color: #9c6500;
	line-height: 11px; 
	font-family: Verdana, Arial, Helvetica, "Sans Serif", Tahoma; 
	text-decoration: none; 
	background-color: #ffeb9c;
	padding: 4px 1px 4px 1px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fdf4d2 #e2c553 #e2c553 #fdf4d2;
}

/* Ende - TABLE LIGA BOX */

/* Start - Ligaarchiv - NRW Tabellen */
.shadow {
  padding:0;
  border:1px solid #C5D8C0;
  border-right: 2px solid #B0B7AF;
  border-bottom: 2px solid #B0B7AF;
  white-space: nowrap;
}

.title_border {
  color: #FFFFFF;
  background-color: #666666;
}

.subtitle_border {
  color: black;
  background-color: lightgrey;
}

.text-squashboard {
  color: #8a3636;
  font-weight: bold;
}


/* neue Stil */

.liga-archiv-table {
 width:100%;
 max-width:100%;
 margin-bottom:20px
 border-collapse: collapse;
 border-spacing:0;
}

.liga-archiv-table.shadow {
 border:1px solid #c5d8c0
}

.liga-archiv-table>tbody>tr>td.active,
.liga-archiv-table>tbody>tr>th.active {
 background-color: lightgrey;
}

.liga-archiv-table tr.title_border {
 color:#fff;
 background-color:#666
}

.liga-archiv-legend {
    font-size: 1rem;
}
/* Ende - Ligaarchiv - NRW Tabellen */

/* Start - Mitglieder Table AKTIV */

.mitglieder_table_aktiv {  
	border:1px solid #c4cbcc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	margin-top: 25px;
}
.mitglieder_table_aktiv ul { 
	list-style:none; 
	float:left; 
	width:187px; 
	margin:0; 
	border:1px solid #f2f3f3;
	padding:5px;
	text-align:center;
	background-color:#FFF;
}
.mitglieder_table_aktiv ul:hover { 
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	-moz-box-shadow:3px 5px 7px rgba(0,0,0,.7);
  	-webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.7);
  	box-shadow:3px 5px 7px rgba(0,0,0,.7);
	cursor:pointer;
	background:#D6AAAA;
}
.mitglieder_table_aktiv ul li {  
	padding:10px 0;
}
.mitglieder_table_aktiv ul li:first-child { 
	color: black; 
	font-style: normal; 
	font-weight: bold;  
	text-decoration: none; 
	background-color: #8a3636; 
	color: #FFFFFF;
	border-style: solid; 
	border-width: 1px; 
	border-color: #feeede #cd8135 #cd8135 #feeede; 
}
.mitglieder_table_aktiv ul li:nth-child(2) { 
	background:#ffffff;
}
.mitglieder_table_aktiv ul li:nth-child(3) { 
	color: white; 
	font-style: normal; 
	font-weight: bold;  
	text-decoration: none; 
	background-color: #333333;
	border-style: solid; 
	border-width: 1px; 
	border-color: #848383 #000000 #000000 #848383; 
}
.mitglieder_table_aktiv ul li:nth-child(n+4) { 
	color: black; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	background-color: #f3f0ec; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #ffffff #bab8b5 #bab8b5 #ffffff; 
}
/* Ende - Mitglieder Table AKTIV */

/* Start - KUNENA - Latest Topics */
.top-latest-wrapper {
  margin: 0 auto;
  padding: 0px;
  max-width: 1140px;
}

.top-latest-table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table {
    display: block;
  }
}

.top-latest-row {
  display: table-row;
  background: #f6f6f6;
}
.top-latest-row:nth-of-type(odd) {
  background: #e9e9e9;
}
.top-latest-row.header {
  font-weight: 900;
  color: #ffffff;
  background: #8a3636;
}
.top-latest-row.green {
  background: #27ae60;
}
.top-latest-row.blue {
  background: #2980b9;
}
@media screen and (max-width: 580px) {
  .top-latest-row {
    padding: 8px 0;
    display: block;
  }
}

.top-latest-cell {
  padding: 6px 12px;
  display: table-cell;
}
@media screen and (max-width: 580px) {
  .top-latest-cell {
    padding: 2px 12px;
    display: block;
  }
}
/* Ende - KUNENA - Latest Topics */


/* Start - Events Booking */
.text-bg-primary {
  color: #fff !important;
  background-color: rgba(138, 54, 54, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-primary {
  color: #fff !important;
  background-color: rgba(138, 54, 54, var(--bs-bg-opacity, 1)) !important;
}

/* Ende - Events Booking */

/* Ende - OWN DABRI */