/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/**//////////////////////////////////***/
.blog-search-form {
    display: flex;
    align-items: center;
    max-width: 300px;
    background-color: #fff;
    border: 2px solid #28a745; /* Grüner Rahmen */
    border-radius: 4px;
    overflow: hidden;
}

.blog-search-form .search-field {
    flex: 1;
    padding: 8px 10px;
    font-size: 14px;
    border: none;
}

.blog-search-form .search-field:focus {
    outline: none;
}

.blog-search-form .ux-search-submit {
    background-color: #28a745;
    color: #fff;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    min-width: 40px;
    height: 36px;
    transition: background 0.2s ease;
}

.blog-search-form .ux-search-submit:hover {
    background-color: #1e7e34;
}
/**//////////////////////////////////***/
/* shop headline*/
.bsui h6, .bsui .h6 {
    font-size: 1.3rem;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.geodir-field-gutschein2 { color: transparent !important; }
.geodir-field-gutschein2:after { 
    content: "Gutschein hier einlösbar"; 
    color: #BB8002;
    position: absolute;
    left: 27px; /* ggf. anpassen */
}
.geodir-field-gutschein2 i.fa-gift {
    color: #BB8002;   /* Symbolfarbcode nach Wunsch */
    margin-right: 0.5em;
}


/*flatsome start*/
.customize_filter_inner
{
	height:3em;
}
.bsui .bg-light 
{
	background-color:white !important;
	padding-top:5px !important;
}
.form-check-label.text-muted{font-weight:normal;}
/** ausgeblendet da direkt im shortcode verfügbar
.geodir-show-filters {
    display: none !important;
}
.geodir-more-filters.collapse {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    transition: none !important;
} **/

.geodir-more-filters .geodir_submit_search { display: none !important; }

.accordion-title.active{background-color:#CBCBCB;}
.accordion-title{background-color:#EAEAEA;}


.gv-hide-3, .gv-hide-0 { display: flex !important; }
.box{height:370px;}

/*GD*/
.gd-search-field-near{display:none;}
.geodir_post_meta.list-group-item.gutschein{color:#bb8002;}
.custom-recent-posts .custom-post-item {
    display: flex;
    align-items: flex-start; /* Stellt sicher, dass Inhalte oben beginnen */
}

.custom-recent-posts .custom-thumbnail {
    margin-right: 5px; /* Abstand zwischen Bild und Text */
}

.custom-recent-posts .custom-content {
    flex: 1;
}

.custom-recent-posts .custom-post-title {

	font-size: 14px; /* Größe des Auszugs, anpassen nach Bedarf */
	line-height:14px;

}
.custom-recent-posts .custom-post-excerpt {
    font-size: 12px; /* Kleinerer Textausschnitt */
}

.cat-label {font-size:0.75em;font-weight:normal;background-color:rgb(104, 104, 104);text-transform:none}
	.button{border-radius: 4px}
.is-divider {

    display: none;
	}
.tooltip {
    position: unset !important;
    z-index: unset !important;
    display: unset !important;
    font-size: unset !important;
    line-height: unset !important;
    opacity: unset !important;
    filter: unset !important;
    visibility: unset !important;
}

.widgets-boxed .widget, .widgets-framed .widget {
    border-radius: 5px;
}
.sidebar-gesamtrahmen {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    padding: 22px 16px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.06);
    margin-bottom: 40px;
}
.sidebar-gesamtrahmen .widget {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sidebar-gesamtrahmen select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #c5c5c5;
    background: #f8f8f8;
    color: #333;
    font-size: 15px;
    margin-bottom: 18px;
    transition: border-color 0.2s;
}

.sidebar-gesamtrahmen select:focus {
    outline: none;
    border-color: #0073e6;
    background: #fff;
}

.sidebar-gesamtrahmen option {
    color: #222;
    background: #fff;
}

/* Optional: Style den Label-Text */
.sidebar-gesamtrahmen label {
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
    color: #555;
}
/**/
/* Container/Box um die Suche (Formular und Live-Resultate) */
/* Inputfeld für Suche */


/* Inputfield Focus */

.searchform input.search-field:focus,
.searchform input[type="search"]:focus {
    background: #fff;
    border-color: #0073e6;
    outline: none;
}


.searchform {
 //   background: white !important;      /* Box-Hintergrund */
    border-radius: 5px !important;      /* Eckenradius der Box */
    padding: 0px 0px !important;        /* Innenabstand Box */
    margin-bottom: 0px;
    width: 97%;                        /* Breite der Box anpassen */
    font-size: 12px;
    color: #000000 !important;
    box-sizing: border-box;
	line-height:12px;
	text-shadow:none !important;
  //  border: 1px solid #baccd9 !important;

}

/* Button anpassen, falls benutzt */
.searchform input[type="submit"] {
    border-radius: 5px !important;
    padding: 10px 18px;
    font-size: 1em;
	
}


.bsui ul.list-unstyled li {

    text-shadow: none !important;
}

.searchform input.search-field,
.searchform input[type="search"] {
    background: #f0f4fa;                  /* Feld-Hintergrund */
    border-radius: 5px !important;        /* Feld-Eckenradius */
    border: 1px solid #baccd9 !important;
    padding: 10px 14px;
    font-size: 1em;
    width: 100%;                          /* Suchfeld füllt Box */
    box-sizing: border-box;
}
////////////////////////////////////////////
////startseite

//////// detailseite DB

.badge {
	height:1em !important;
 z-index: 1 !important;

}
.bsui .btn {
--bs-btn-font-size: 0.8rem;
    --bs-btn-bg: #00A5C3;

}
.bsui .badge {
	height:1em !important;
    --bs-badge-padding-x: 0.5em;
    --bs-badge-padding-y: 0.5em;
	    display: table;
	    z-index: 1 !important;
    
}
.bsui .row {
    --bs-gutter-x: 0.8rem;
	

}
.bsui .pagination {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.2rem;
    --bs-pagination-font-size: 0.8rem;
}
.bsui .ratio-16x9 {
	   //max-width: 90vw !important;   /* max. 90% der Viewport-Breite */
  //max-height: 80vh !important;  /* max. 90% der Viewport-Höhe */
    object-fit:  contain !important;
	    display: block;
    margin-left: auto;
    margin-right: auto;
//	max-height: 100%;
//	max-width: 1200px;
//	vertical-align:center;
 //   object-fit: cover;        /* Bild bleibt gefüllt */
//    object-position: 0 0;    /* zeigt den oberen Teil */
}
.bsui .embed-has-action img {
    object-position: 0% 0%;
}
.bsui .nav {
    --bs-nav-link-padding-x: 0.3rem;
    --bs-nav-link-padding-y: .2rem;
	font-size:0.9em;
}
.col-inner ul li {margin-left: 0.3em;}
.geodir-field-post_tags {display:none}

.geodir_post_meta.text-justify.pb-1.position-relative.geodir-field-post_content
{font-size:0.8em !important;}

.col.col-4.text-center.tofront{
    padding: 0 10px 0px;
}

.bsui .geodir-output-location {
    --bs-list-group-bg: #ffffff;
    --bs-list-group-border-color: rgb(57 147 213);
    --bs-list-group-border-width: 0px;
    --bs-list-group-border-radius: .5rem;
	font-size:0.9em !important;
	--bs-list-group-item-padding-y:5px;
	--bs-list-group-item-padding-x:5px;
}
/* Äußere Listenkarten */
.bsui .geodir-listing-item,
.bsui .geodir-output-location.list-group {
    border: 1px solid #3993d5 !important;
    border-radius: 8px !important;
    background: #fff !important;
    overflow: visible !important;
}
/* Dropdown für Öffnungszeiten soll immer über allem liegen */
.gd-bh-open-hours.dropdown-menu {
    border-radius: 0.5rem !important;
    z-index: 99999 !important;
    position: absolute !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
/* Inneres auf transparent, falls irgendein Inhaltsbereich den Rand verdeckt */
.bsui .geodir-listing-item > *,
.bsui .geodir-output-location.list-group > * {
    background: transparent !important;
}

////////////////////////////////


/* Innere Rahmen gezielt deaktivieren */
.bsui .geodir-output-location .list-group-item {
    border: none !important;
    border-top: 1px solid #e5e5e5 !important; /* optional: feine Trennlinie oben */
}

/* Erste Zeile ohne Trennlinie */
.bsui .geodir-output-location .list-group-item:first-child {
    border-top: none !important;
}
/* Hover-Effekt für die Listenelemente */
.bsui .geodir-output-location .list-group-item:hover {
//	background-color: #f1faff !important; /* Beispiel für eine sanfte Hintergrundfarbe */
    cursor: pointer; /* Optional: Zeiger-Cursor bei Hover */
  //  transition: background-color 0.3s ease; /* Sanfter Übergang bei Hover */
}

/* Optional: Wenn du den Rand bei Hover ändern möchtest */
.bsui .geodir-output-location .list-group-item:hover {
 //   border-color: #3993d5 !important; /* Ändert die Farbe des Rahmens */
}

.geodir-output-location.geodir-output-location-listing {
    border: none !important;
	border-width:0px !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
	
}
//////////////////////
.geodir_submit_search.btn.w-100.btn-primary{background-color:red;}

.col, .columns, .gallery-item {padding: 0 15px 0px;}
.geodir-i-file{display:none}
.geodir-cf-file-name {display:none}
//.geodir_post_meta_icon {display:none}
.geodir_post_meta_title {display:none}
.geodir-output-location .w-100 {width: 8em !important;}
////////////////////////////////////////////

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.cat-label {font-size:0.85em;font-weight:normal;background-color:rgb(104, 104, 104);text-transform:none}
	.button{border-radius: 7px}
.searchboxcustom{width:300px !important;}

}