.aligncenter { width: 100%; text-align: center;}
.max900 { max-width: 900px; margin: 0 auto;}
.fullwidth, row-full-width {     padding: 0; margin: 0; max-width: 100% !important;  width: 100% !important; }
.single-standorte .betriebsinformation { background-color: #F3F3F3; padding: 25px 0; margin: 30px 0 ; width: 100% !important}
.betriebsdaten { line-height:2.75em; padding: 25px;}
.betriebsdaten .icon img { height: 30px; width: auto; margin-right: 15px;}
.small .wp-element-caption { font-size: .7em;}
.angebot-box {border-radius:20px;border-width:3px !important; background-color: #fff; width: 540px; max-width: 75%; display: block; min-height: 50px; position: relative; margin: 25px 0; padding: 10px 20px; ;display: flex;flex-direction: row;justify-content: space-between;position: relative; }
.angebot-detail { width: 19%; position: relative; display: inline-block; text-align: center; max-width: 250px; overflow: visible;}
.angebot-detail img {opacity: .1; display: block;}
.active img { opacity: 1; }
.mytooltip { color: #ddd; font-size: 10px; line-height: 14px;}
.active .mytooltip { color: #333; } .angebot-detail {
position: relative !important;
display: inline-block !important;
overflow: visible !important;
cursor: pointer;
}
.angebot-detail.active {
cursor: pointer;
}  .angebot-detail.active::after {
content: attr(data-tooltip) !important;
position: absolute !important;
left: 50% !important;
top: -34px !important;
transform: translateX(-50%) !important;
z-index: 999999 !important;
padding: 5px 9px !important;
background: #333 !important;
color: #fff !important;
font-size: 13px !important;
line-height: 1.3 !important;
border-radius: 4px !important;
white-space: nowrap !important;
opacity: 0 !important;
visibility: hidden !important;
display: block !important;
pointer-events: none !important;
} .angebot-detail.active:hover::after,
.angebot-detail.active:focus::after,
.angebot-detail.active:focus-within::after,
.angebot-detail.active:has(img:hover)::after {
opacity: 1 !important;
visibility: visible !important;
}
.angebot-detail.active,
.angebot-detail.active img {
pointer-events: auto !important;
}
.angebot-box,
.angebot-detail,
.betrieb,
.winzer,
.entry-content {
overflow: visible !important;
}
section.betrieb { padding: 30px 0; width: 100% !important; margin: 0; border-top: 2px solid #f3f3f3;}
section.betrieb:first-of-type{ border: 0;}
section.betrieb:nth-of-type(odd) {background: #fff;}
section.betrieb:nth-of-type(even) {background: #f3f3f3;}
.angebot-box { margin:15px auto;}
.betriebsinformation .betriebsdaten .angebot-box { display: none;}
.searchandfilter li.sf-field-search label
.searchandfilter  ul input { border-radius: 3px; padding: 0 !important; margin:0  !important;}
.searchandfilter ul li { display: inline-block; min-width: 350px; max-width: 450px; margin: 0  !important; padding:0  !important  }
.searchandfilter li.sf-field-search input::placeholder {color: #666;}
@media only screen and (max-width: 600px) { 
.mytooltip { display: none;}
}
@media only screen and (max-width: 600px) { 
.angebot-box  {max-width: 95%; }
.mytooltip { font-size: 7px; line-height: 10px;}
}
@media only screen and (min-width: 850px) { 
.betriebsinformation {display: flex;flex-direction: row;justify-content: space-between; align-items: flex-start; align-content: flex-start; padding: 25px 0 ;}
.symbolbild, .betriebsdaten { width: 48%; padding: 0; }
.betriebsdaten { padding-right: 25px;}
}
@media only screen and (min-width: 1100px) { 
.betriebsinformation {align-items: center;  position: relative;}
}
@media only screen and (min-width: 1600px) { 
.angebot-box { display: none;}
.betriebsinformation .betriebsdaten .angebot-box { display: block; margin: 15px 0; max-width:100%;}
}