/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 11 2025 | 07:04:31 */
@font-face {
	font-family: 'BowlHouse';
	font-display: swap;
	src:url('/wp-content/uploads/bowlhouse-font/BowlHouse.woff2') format('woff2'),
		url('/wp-content/uploads/bowlhouse-font/BowlHouse.woff') format('woff'),
		url('/wp-content/uploads/bowlhouse-font/BowlHouse.ttf') format('truetype');
}

/* Hero allgemeiner gepunkteter Hintergrund */
#header [data-row*='bottom'] {
	background-image: url("/wp-content/uploads/bowling-berlin/bg-main-slide.gif");	
}

/* Hero Textschatten bei der Überschrift und Button */
header.ct-header h1 {
	text-shadow: -1px -1px 1px rgb(255 255 255 / 90%), 1px 1px 1px rgb(0 0 0 / 90%), 4px 4px 8px rgb(0 0 0 / 90%);
}

header.ct-header .teaser-div a {
	-webkit-box-shadow: -1px -1px 0px 0px rgb(255 255 255 / 90%), 1px 1px 0px 1px rgb(0 0 0 / 90%), 4px 4px 8px 2px rgb(0 0 0 / 90%);
	box-shadow: -1px -1px 0px 0px rgb(255 255 255 / 90%), 1px 1px 0px 1px rgb(0 0 0 / 90%), 4px 4px 8px 2px rgb(0 0 0 / 90%);
}

/* Hero Hintergrundbild der einzelnen Seiten */
header.ct-header .teaser-div {
	height: 500px;
	background-position: center;
	background-repeat: no-repeat;
	display: grid;
	justify-items: center;
	align-content: center;
}

/* Hero Hintergrundbild der einzelnen Seiten mit dem gepunkteten Hintergrund überlagern */
header.ct-header .teaser-div::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url("/wp-content/uploads/bowling-berlin/bg-main-slide.gif");
	opacity: 0.3;
}

/* Hero Überschrift H1 */
header.ct-header .teaser-div h1 {
	font-family: BowlHouse;
	color: var(--theme-palette-color-2);
	text-align: center;
	position: relative;
    word-spacing: 0.2em;
	font-weight: normal;
	letter-spacing: 1px;
}
#header [data-device='desktop'] .teaser-div h1 {
	font-size: 50px;
}
#header [data-device='mobile'] .teaser-div h1 {
	font-size: min(max(16px, 9vw), 50px);
}

/* Hero Button allgemeine Eigenschaften */
header.ct-header .teaser-div a {
	background-color: var(--theme-button-background-initial-color);
	color: var(--theme-button-text-initial-color);
	padding: 1em;
	display: inline-block;
	border-radius: var(--theme-button-border-radius);
}
header.ct-header .teaser-div a:hover {
	background-color: var(--theme-button-background-hover-color);
	color: var(--theme-button-text-hover-color);
}

/* Hero Button Größe */
#header [data-device='desktop'] .teaser-div a {
	min-width: 300px;
	margin: 10px;
}
#header [data-device='mobile'] .teaser-div a {
	width: 90%;
	margin: 10px 0px;
}

/* kurze Menütexte bei kleineren Monitoren */
@media only screen and (max-width: 1160px) {
	li#menu-item-662 span.menu-long {
		display: none;
	}
	li#menu-item-662 span.menu-short {
		display: inherit;
	}
}

@media only screen and (min-width: 1161px) {
	li#menu-item-662 span.menu-long {
		display: inherit;
	}
	li#menu-item-662 span.menu-short {
		display: none;
	}
}

/* secondary title */
span.secondary-title {
	font-size: 1rem;
	font-weight: 500;
	font-family: Work Sans;
	display: flow-root;
}

/* breadcrumbs unter Hero */
nav.ct-breadcrumbs {
    border-bottom: 1px solid var(--theme-palette-color-1);
    margin-left: unset;
	margin-top: -24px;
	display: block;
	padding-bottom: 4px;
}
nav.ct-breadcrumbs span.secondary-title {
	display: none;
}
.ct-container[data-sidebar='left'] nav.ct-breadcrumbs {
	margin-left: -31%;
}
@media only screen and (max-width: 999px) {
	.ct-container[data-sidebar='left'] nav.ct-breadcrumbs {
		margin-left: unset;
	}
}

/* 90 Grad Text links bei Desktop */
section.teaser-left {
	transform: rotate(-90deg);
	transform-origin: top left;
	margin-top: 700px;
    display: inline-block;
	opacity: 0.5;
}
section.teaser-left h3 strong {
	font-size: 2.5em;
	line-height: 1em;
	white-space: nowrap;
}

/* Footer Menü nach Hover Effekt wieder als List Element ausgeben */
footer.ct-footer .hvr-forward {
	display: inherit;
	box-shadow: none;
}

/* Footer Menü List Element Text an SVG Image mittig ausrichten */
footer.ct-footer .hvr-forward img + span {
	vertical-align: middle;
}

/* Footer Widgets Überschriften */
footer.ct-footer h3 {
	text-underline-offset: 4px;
	text-decoration-color: #666666;
}

/* Rahmen um die PDF Ausgabe deaktivieren */
.pdfjs-iframe {
	border: none;
}

/* Dropdown für Übersichten */
.lightweight-accordion-title {
	cursor: pointer;
}

.bahnbelegung-inhalt {
	display: flex;
	font-size: 0.8em;
	margin-bottom: -1rem;
}

.bahnbelegung-inhalt div {
	float: left;
}

.bahnbelegung-inhalt + p {
	clear: both;
}

/* kleine Legende für Bahnbelegung bei kleinen Displays übereinander */
@media only screen and (max-width: 560px) {
	div.bahnbelegung-inhalt {
		display: grid;
	}
}

/* Bahnbelegung und Spielstände in Kategorieübersicht nicht anklickbar */
.ct-term-38, .ct-term-39 {
	pointer-events: none;
}

/* Footer Menü bei Desktop anpassen */
#menu-bowlhouse-pflichtangaben {
	display: flex;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}

#menu-bowlhouse-pflichtangaben > li > a {
	padding: 0 12.5px;
}

#menu-bowlhouse-pflichtangaben > li#menu-item-1097 > a {
	padding-right: inherit;
}

#menu-bowlhouse-pflichtangaben > li[class*="current-menu-"] > a {
	color: #27bebe;
}

/* Bowlingbahn Reservierung Formular Uhrzeit Eingabe Stunde und Minute immer nebeneinander */
@media (max-width: 782px) {
	#time-1 .forminator-row, #time-2 .forminator-row {
		display: grid;
		grid-template-columns: 50% 50%;
		column-gap: 5%;
		margin-right: 5%;
		margin-bottom: -20px;
    }
	#time-1-minutes:before, #time-2-minutes:before {
		margin-left: -2.5% !important;
	}
}

/* Bowlingbahn Reservierung Formular Uhrzeit Doppelpunkt zwischen Stunde und Minute */
#time-1-minutes:before, #time-2-minutes:before {
	content: ":";
	position: absolute;
	margin-top: 5px;
	margin-left: -1em;
}

/* allgemeiner Versatz bei Ankern */
html {
    scroll-padding-top: 30px;
}

/* DSGVO MAP Text ausblenden */
.exggmap-caption {
	display: none;
}

/* Links auf der Startseite */
.link-to-do-next a {
	color: var(--theme-palette-color-4);
	font-size: large;
}

.link-to-do-next a:hover {
	color: var(--theme-palette-color-2);
	text-decoration: underline;
	text-underline-offset: 5px;
}

.menu-bowlhouse-service-container, .menu-bowlhouse-bowling-liga-informationen-container {
	padding-top: 1em;
}