.fusion-standard-logo,
.bf-logo,
.custom-logo { max-height:100px !important;}
.midsize img{ max-width:400px; }
/*.fusion-header{ height:110px;}*/
.fusion-title-heading span{ font-size: 20px;}
.eventbox-container{ min-height:650px;}
.eventbox{ background: rgba(50,50,50,0.8);
  padding: 10px; margin: 8px 8px 3px 8px;
  color: #fff; font-size: 14px;
}
.eventbox h3{ color:#D8C09C; padding:5px 0px; margin: 0px;}
/*Desk*/
.eventbox-container{
  border-radius: .5rem; flex-direction: column;
  background-position: 50%;  background-size: cover;  flex-flow: column;  justify-content: flex-end;
  align-items: center;  min-height: 37.5rem;  padding: 1.5rem;  display: flex;
  width:32%; margin:4px;
}
/*mobil*/
@media only screen and (max-width: 700px) {
.eventbox-container{

  border-radius: .5rem; flex-direction: column;
  background-position: 50%;  background-size: cover;  flex-flow: column;  justify-content: flex-end;
  align-items: center;  min-height: 0rem;  padding: 5px;  display: flex;
  width:100% !important;  margin:4px;
  
} 
/*
#content.full-width{
  width: 125% !important;
}
#content .fusion-text{ width:85% !important;}*/

}


.eventbox-1{ background-image: url(/wp-content/uploads/bf_bar-messe-service.jpg); margin-left:20px;}
.eventbox-2{ background-image: url(/wp-content/uploads/bf_mobile-cocktailbar.jpg);}
.eventbox-3{ background-image: url(/wp-content/uploads/bf_firmenevents.jpg);}

/*
.eventbox-1{ background-image: url(/wp-content/uploads/barflow-messe-service.jpg); margin-left:20px;}
.eventbox-2{ background-image: url(/wp-content/uploads/barflow-mobile-cocktailbar.jpg);}
.eventbox-3{ background-image: url(/wp-content/uploads/barflow_firmenfeiern.jpg);}
*/

.nf-field-label label, .nf-field-label .nf-label-span{ display: block;
  font-family: Poppins;
  font-weight: 600 !important;  line-height: 1.5;
  letter-spacing: .075em;  font-size: .8rem;
  text-transform: uppercase;  margin: 0 0 .75rem 0;}
label{  padding: 0px 5px !important; }
select, input, textarea{ border: 1px solid #AF9158 !important;}
input[type=checkbox]{ padding-right: 5px;}
input[type=submit]{ background-color:#AF9158; color:#fff; padding:20px; font-weight: bold;}
input.nf-next, input.nf-previous{ background-color:#C4C4C4; color:#fff; padding:20px; font-weight: bold; min-width:150px; }
/*textarea{ height:200px !important;}*/

.strong-view h3{ font-size:20px;}

#menu-hauptmenu li,
.bf-menu__item { text-transform: uppercase;}


/*.gs_logo_single--inner */
#logo-carousel-free-13832 img{ filter: grayscale(100%); }
#logo-carousel-free-13832 img:hover{ filter: grayscale(0%); }

/* Referenzen logo grid */
.bf-logo-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
	gap:1.75rem 1.25rem;
	align-items:center;
	justify-items:center;
	padding:1.5rem 1rem 2.5rem;
	max-width:1100px;
	margin:0 auto;
}
.bf-logo-grid__item{
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:88px;
	width:100%;
}
.bf-logo-grid img{
	max-width:140px;
	max-height:72px;
	width:auto;
	height:auto;
	object-fit:contain;
	filter:grayscale(100%);
	opacity:.85;
	transition:filter .25s ease, opacity .25s ease;
}
.bf-logo-grid img:hover{
	filter:grayscale(0%);
	opacity:1;
}
@media only screen and (max-width:700px){
	.bf-logo-grid{
		grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
		gap:1.25rem .75rem;
		padding:1rem .5rem 2rem;
	}
	.bf-logo-grid img{ max-width:110px; max-height:60px; }
}

/* Popup Karte*/
a.land:hover{ transform: scale(1.003);}
a.land:hover path, a.land:hover polygon{ fill:#cdc861 !important; }
a path {  animation: pulse 2s ease-in-out infinite;}
a path , a polygon{ fill: #000;}

/* path = nördl. Länder (SH, MV, NI, BB); polygon = restliche Bundesländer (BY, BW, …) */
a:hover path,
a:hover polygon{
  stroke:#fff;
  fill:#aa2fa0 !important;
}

/***/
.bf-pe,
.bf-pe * {
  box-sizing: border-box !important;
}
.bf-pe {
  background: transparent !important;
  padding: 40px 20px 80px !important;
  font-family: inherit !important;
}
.bf-pe .bf-pe__inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.bf-pe .bf-pe__media {
  margin: 0 0 56px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.bf-pe .bf-pe__media img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.bf-pe .bf-pe__eyebrow {
  color: #b89968 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  margin: 0 0 24px !important;
  line-height: 1.4 !important;
  font-style: normal !important;
}
.bf-pe .bf-pe__title {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(30px, 3.6vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 32px !important;
  letter-spacing: -0.01em !important;
  font-style: normal !important;
  text-transform: none !important;
}
.bf-pe .bf-pe__lead {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
  margin: 0 auto 36px !important;
  font-style: normal !important;
}
.bf-pe .bf-pe__tags {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}
.bf-pe .bf-pe__tags li {
  background: #f5efe2 !important;
  color: #8a6e3f !important;
  font-family: inherit !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  margin: 0 !important;
  list-style: none !important;
}
.bf-pe .bf-pe__tags li::before,
.bf-pe .bf-pe__tags li::marker {
  display: none !important;
  content: none !important;
}
.bf-pe .bf-pe__promise {
  border-top: 1px solid #b89968 !important;
  border-bottom: 1px solid #b89968 !important;
  padding: 28px 20px !important;
  margin: 0 auto 40px !important;
  max-width: 640px !important;
  background: transparent !important;
}
.bf-pe .bf-pe__promise-line {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
.bf-pe .bf-pe__promise-accent {
  color: #b89968 !important;
  font-family: inherit !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
.bf-pe .bf-pe__service {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(17px, 1.6vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
  margin: 0 auto 44px !important;
  font-style: normal !important;
}
.bf-pe .bf-pe__hook {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(22px, 2.2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 32px !important;
  font-style: normal !important;
}
.bf-pe .bf-pe__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #b89968 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  padding: 16px 36px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  border: none !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}
.bf-pe .bf-pe__cta:hover,
.bf-pe .bf-pe__cta:focus {
  background: #a08355 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
.bf-pe .bf-pe__cta-icon {
  flex-shrink: 0 !important;
}
@media (max-width: 600px) {
  .bf-pe { padding: 24px 16px 56px !important; }
  .bf-pe .bf-pe__media { margin-bottom: 32px !important; }
  .bf-pe .bf-pe__tags li { font-size: 12px !important; padding: 8px 14px !important; }
  
 /************************/


.bf-mb,
.bf-mb * {
  box-sizing: border-box !important;
}
.bf-mb {
  background: transparent !important;
  padding: 40px 20px 80px !important;
  font-family: inherit !important;
}
.bf-mb .bf-mb__inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.bf-mb .bf-mb__media {
  margin: 0 0 56px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.bf-mb .bf-mb__media img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.bf-mb .bf-mb__eyebrow {
  color: #b89968 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  margin: 0 0 24px !important;
  line-height: 1.4 !important;
  font-style: normal !important;
}
.bf-mb .bf-mb__title {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(30px, 3.6vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 32px !important;
  letter-spacing: -0.01em !important;
  font-style: normal !important;
  text-transform: none !important;
}
.bf-mb .bf-mb__lead {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
  margin: 0 auto 48px !important;
  font-style: normal !important;
}
.bf-mb .bf-mb__lead strong {
  color: #b89968 !important;
  font-weight: 700 !important;
}
.bf-mb .bf-mb__pillars {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  max-width: 820px !important;
  margin: 0 auto 48px !important;
  padding: 32px 20px !important;
  border-top: 1px solid #b89968 !important;
  border-bottom: 1px solid #b89968 !important;
}
.bf-mb .bf-mb__pillar {
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.bf-mb .bf-mb__pillar-num {
  color: #b89968 !important;
  font-family: inherit !important;
  font-size: clamp(36px, 4vw, 52px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
}
.bf-mb .bf-mb__pillar-label {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(13px, 1.2vw, 15px) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
}
.bf-mb .bf-mb__promise {
  padding: 0 !important;
  margin: 0 auto 36px !important;
  max-width: 640px !important;
  background: transparent !important;
  border: none !important;
}
.bf-mb .bf-mb__promise-line {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 4px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
.bf-mb .bf-mb__promise-accent {
  color: #b89968 !important;
  font-family: inherit !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}
.bf-mb .bf-mb__closer {
  color: #1a1a1a !important;
  font-family: inherit !important;
  font-size: clamp(17px, 1.6vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 0 0 24px !important;
  font-style: normal !important;
}
.bf-mb .bf-mb__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #b89968 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid #b89968 !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease, border-color 0.2s ease, gap 0.2s ease !important;
}
.bf-mb .bf-mb__link:hover,
.bf-mb .bf-mb__link:focus {
  color: #a08355 !important;
  border-color: #a08355 !important;
  gap: 12px !important;
}
.bf-mb .bf-mb__link-icon {
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
@media (max-width: 600px) {
  .bf-mb { padding: 24px 16px 56px !important; }
  .bf-mb .bf-mb__media { margin-bottom: 32px !important; }
  .bf-mb .bf-mb__pillars {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 28px 16px !important;
  }
}
