@charset "UTF-8";
/*
Theme Name: Partner der Verbaende - Theme Erweiterungen
*/
.services-section {margin: 2.5rem 0rem 0rem 0rem;  }

.list-items.services .text-holder .title h3 {font-size: 110%;}	
.list-items.services .text-holder .title h5 {text-transform: none; font-size: 105%;}	
.text-holder .category-list {padding: 0.5rem 0 0 0.9375rem; list-style-type: none; }	
	
.text-holder .category-list li {margin: 0rem 0.5rem 0.25rem 0rem;  }

.list-items.services .img-brand {
    width: 185px;
    left: 34px;
    top: 14px;
    position: absolute;
	z-index: 2;
    right: auto;
    bottom: auto;
    margin: 0;
    max-width: 100px;
    white-space: nowrap;
    text-align: center;
    background: #FFFFFF;
    float: right;
    padding: 2px 2px 2px 2px;
    margin: -32px 0 0px 10px;
    border: 1px solid #999999;;
		
 }

.pdv-start-col-container {
  display: table; /* Make the container element behave like a table */
  width: 100%; /* Set full-width to expand the whole page */
}

.pdv-start-col {
  display: table-cell; /* Make elements inside the container behave like table cells */
	background: #D7D7D7;
	border: 1px solid red;
	
}	

.list-items.services ul {
  list-style-type: none;
 
}

.list-items.services ul li:before {
  content: '\f054';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #db1a20;
}

.list-items.services .item-start h5 {padding: 10px 0px 0px 0px;
	color: #333333 !important;
	font-size: 120%;
}




.list-items.services .item-start ul li a {
	font-size: 130%;
	font-weight: bold;
  color: #333333 ;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	letter-spacing: 0px;
}

.list-items.services .item-start ul li a:hover {
	font-weight: bold;
  color: #db1a20;
	background: #ffffff;
	padding: 0px 2px 0px 2px
}






	
.list-items.services .item {min-height: 10rem !important;}
.list-items.services .text-holder { min-height: 3.5rem !important; padding: 0.625rem 2rem 0rem; }
.list-items.services .item-OFF { min-height: 10rem;}

	

/* List mit Map */
	.list-column {
		height: 100vh;
		overflow-y: auto; /* Scrollbar nur links */
		background: #f8f9fa;
		border-right: 1px solid #e3e3e3;
		margin-top: 10px;
        }

	.map-column {
		height: 100vh;
		position: sticky;
		top: 0;
		background: #ddd;
		margin-top: 10px;
	}

	#map {
		width: 100%;
		height: 100%;
	}

/* Macht die linke Spalte scrollbar und passt die Höhe an den übergeordneten Container an */
	.layout-container {
		height: 80vh; /* Beispielhöhe: 80% der Bildschirmhöhe */
		display: flex;
		flex-direction: column;
}
	.map-container {
		height: 100%;
		width: 100%;
}

	.scrollable-list-container {
		height: 100%;
		overflow-y: auto; /* Vertikales Scrollen bei Bedarf */
		padding-right: 15px; /* Etwas Abstand für den Scrollbalken */
	}
	
	.filters-section {
    	padding: 0rem 0rem;
	}
	

	

.list-items .img-holder img {
    	object-fit: cover;
    	object-position: center;
    	width: 100%;
   		height: 100%
}

.g-1, .gy-1 {
    --bs-gutter-y: -1.25rem;
}

.list-items .img-holder-map img {
    	object-fit: cover;
    	object-position: center;
    	width: 100%;
   		height: 65%;
		padding: 0rem !important;
		margin-left: -1.75rem !important;
		margin-right: -1.75rem !important;
}
	
.events-intro-slider .carousel-inner {
    position: relative;
    border-radius: 0.9375rem;
    min-height: 24.875rem;
    box-shadow: 5px 5px 20px rgba(8, 20, 32, 0.1);
}

.modal-dialog {max-width: 1100px;margin: 1.75rem auto;}

.list-items.services {padding-top: 1.5rem;}
.list-items.services .img-brand {width: 65px !important;}
.list-items .img-holder-map {margin: 0rem;}

.list-A li {background: #e1e1e1; padding: 2px;}
.list-A li:nth-of-type(2n) {background: #bebebe;}
	
.news-main .main-article-block { padding: 0 0.3125rem 0 1.5rem !important;}
.item-start {
	background: #e3e3e3 !important;
background: linear-gradient(330deg,rgba(204, 204, 204, 0.44) 0%, rgba(207, 207, 207, 0.47) 39%, rgba(240, 240, 240, 0.44) 100%) !important;
}

.filter-margins {margin:0px 0px 0px 20px;}
.dropdown-item-margins {padding: 4px 10px 4px 20px!important; text-transform: none !important; }

.category-holder ul li:before {margin-right: 0px !important;}




.star-rating {background: none !important; border: 0px solid red !important; margin: -40px 0px 0px 0px !important;}
.star-rating-map {background: none !important; border: 0px solid blue !important; margin: -20px 0px 0px -60px !important;}

.pdv-item {background: #e3e3e3 !important;}
.pdv-map-text {background: #e3e3e3!important; margin: 0 !important;}
.pdv-map-text h3 {font-size: 100% !important; padding:0 !important;}
.pdv-teilen {margin-bottom: -2.0rem !important; border-bottom: 0px !important; padding: 0.5rem 0.0rem !important;}
.pdv-teilen-2 {margin-bottom: 0rem !important; border-bottom: 0px !important; padding: 0.5rem 0.0rem!important;}
.partner-logo {margin-bottom: 20px;}
.basis-eintragsbild {margin: 0px !important;}
.sidebar-block-erweitert {margin-top: 0px !important; background: #ffffff !important;}
.social-bar-erweitert {margin: 0 auto !important;}
.pdv-btn {border-radius: 18px!important; padding: 6px 6px !important;}



/* Breadcrumb */ 

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 0.75rem !important;
  list-style: none;
color: #ffffff !important;
}

.breadcrumb-item a {
  color: #ffffff !important; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }

  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #fb7777 !important; font-weight: bold;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; }

.breadcrumb-item.active {
  color: #ffffff !important; font-weight: bold; }








/* IMAGE GRID STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.image-grid figure {
  margin-bottom: 0;
}

.image-grid img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.image-grid a:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.25);
}


/* LIGHTBOX STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lightbox-modal .modal-content {
  background: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 20px;
  right: 18px;
  font-size: 1.2rem;
  z-index: 10;
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
  text-align: center;
}

.lightbox-modal img {
  width: auto;
  max-height: 100vh;
  max-width: 100%;
}

.lightbox-modal .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(36, 36, 36, 0.75);
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 10px;
}

.lightbox-modal .carousel-control-next {
  right: 10px;
}


.lightbox-modal .carousel-caption {
  color: #ffffff; text-align: right; padding: 2px 10px 2px 0px; font-size: 80%; 
}




/* Copyright Texte */

.image-copyright{
    text-align: right;
    right: 15px;
    bottom: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 3px 8px;
    border-radius: 0px;
}
figure {
    margin: 0rem !important; 
}

.partner-logo figcaption.image-copyright {
	border: 1px solid blue !important;
	display: none !important;
	
}

