/* @override 
	https://wpmb.medianotions.dev/wp-content/themes/breakdance-zero-theme-child/style.css?*
*/

/*
	Theme Name:   Breakdance Zero Child Theme 
	Theme URI:    https://github.com/soflyy/breakdance-zero-theme
	Description:  by Medianotions
	Author:       Bogdan Günther
	Author URI:   https://www.medianotions.de
	Template:     breakdance-zero-theme-master
	Version:      0.1
*/

/* @group Seite */

body
{
	max-width: 2400px;
	margin: 0 auto;
}

/* @end */

/* @group Haupt-Navigation */

/* Mobiles Menü: Links ohne Untermenü über die ganze Zeile antippbar.
   Das Header-CSS in Breakdance setzt #nav_header .breakdance-menu-link auf inline-block
   (fette Schrift ohne Verspringen, data-text aus functions.js); mobil schrumpft der Link
   damit auf Textbreite. Breakdance schaltet unter 1024px auf das mobile Menü um. */
@media (max-width: 1023px)
{
	.breakdance #nav_header .breakdance-menu-link
	{
		display: flex;
	}
}

/* Logo: einheitliche Rückmeldung beim Antippen auf allen Geräten
   (Android zeigt sonst den Browser-Tap-Highlight, iOS nichts).
   Die Klasse is-pressed setzt functions.js für mindestens 400ms, danach blendet die Fläche aus.
   Fläche auf .breakdance-image-clip, weil der Link darin mit overflow: hidden beschnitten wird. */
#head_logo .breakdance-image-link
{
	-webkit-tap-highlight-color: transparent;
}

#head_logo .breakdance-image-clip
{
	border-radius: 6px;
	transition: background-color 0.4s ease-out, box-shadow 0.4s ease-out;
}

#head_logo.is-pressed .breakdance-image-clip
{
	background-color: #E8E4E0;
	box-shadow: 0 0 0 6px #E8E4E0;
	transition: none;
}

/* @end */

/* @group Filterleisten (Breakdance Isotope) */

/* Smartphone: Breakdance lässt die Filter in einer Zeile horizontal scrollen, ohne Hinweis darauf.
   Stattdessen umbrechen und als Chips zeigen, der aktive Filter in Markenrot. */
@media (max-width: 767px)
{
	.breakdance .bde-isotope-filter-bar .bde-tabs__tabslist.js-tablist
	{
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 8px;
		overflow-x: visible;
		border-bottom: 0;
	}

	.breakdance .bde-isotope-filter-bar .bde-tabs__tabslist.js-tablist .bde-tabs__tab
	{
		flex-shrink: 1;
		padding: 9px 16px;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 999px;
	}

	.breakdance .bde-isotope-filter-bar .bde-tabs__tabslist.js-tablist .bde-tabs__tab::after
	{
		display: none;
	}

	.breakdance .bde-isotope-filter-bar .bde-tabs__tabslist.js-tablist .bde-tabs__tab.is-active
	{
		background-color: var(--bde-brand-primary-color, #AF0D21);
		border-color: var(--bde-brand-primary-color, #AF0D21);
	}

	.breakdance .bde-isotope-filter-bar .bde-tabs__tabslist.js-tablist .bde-tabs__tab.is-active .bde-tabs__tab-title
	{
		color: #fff;
	}

	/* Fokusrahmen außen, sonst verschwindet er auf dem roten Chip */
	.breakdance .bde-isotope-filter-bar .bde-tabs__tabslist.js-tablist .bde-tabs__tab:focus-visible
	{
		outline-offset: 3px !important;
		box-shadow: 0 0 0 3px var(--mn-focus-halo) !important;
	}
}

/* @end */

/* @group Barrierefreiheit */

/* @group Fokus-Hervorhebung Tastatur */

:root
{
	--mn-focus-color: var(--bde-brand-primary-color, #AF0D21);
	--mn-focus-halo: #fff;
}

/* Dunkle Flächen (Footer, Breakdance-Klasse focus_light): helle Hervorhebung */
.white_text,
.focus_light
{
	--mn-focus-color: #fff;
	--mn-focus-halo: transparent;
}

/* Rahmen in Markenfarbe mit weißem Saum, damit er auf Bildern und Flächen sichtbar bleibt */
.breakdance a:focus-visible,
.breakdance button:focus-visible,
.breakdance input:focus-visible,
.breakdance select:focus-visible,
.breakdance textarea:focus-visible,
.breakdance summary:focus-visible,
.breakdance [role="button"]:focus-visible,
.breakdance [role="tab"]:focus-visible,
.breakdance [tabindex]:not([tabindex="-1"]):focus-visible
{
	outline: 3px solid var(--mn-focus-color) !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 3px var(--mn-focus-halo) !important;
}

/* Tabs liegen in einem scrollbaren Container: Rahmen nach innen, sonst wird er abgeschnitten */
.breakdance .bde-tabs__tab:focus-visible
{
	outline-offset: -3px !important;
	box-shadow: none !important;
}

/* Programmatisch fokussierte Container (Skip-Ziel, Lightbox) ohne Rahmen */
.breakdance .mn-skip-target:focus,
.breakdance .lg-container:focus,
.breakdance .lg-outer:focus
{
	outline: none !important;
	box-shadow: none !important;
}

/* Lightbox: ausgeblendete Bedienelemente beim Fokussieren zeigen */
.lg-outer.lg-hide-items .lg-toolbar:focus-within,
.lg-outer.lg-hide-items .lg-prev:focus-visible,
.lg-outer.lg-hide-items .lg-next:focus-visible
{
	opacity: 1;
	transform: none;
}

/* @end */

/* @group Fixierter Header */

/* --mn-header-offset setzt functions.js: Fokus und Sprungziele nicht unter dem Header */
html
{
	scroll-padding-top: calc(var(--mn-header-offset, 0px) + 20px);
}

/* @end */

/* @group Skip-Link */

.mn-skip-link
{
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 100000;
	padding: 0.75em 1.25em;
	font-weight: bold;
	color: var(--bde-brand-primary-color, #AF0D21);
	text-decoration: none;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	transform: translateY(calc(-100% - 20px));
}

.mn-skip-link:focus
{
	transform: none;
}

/* @end */

/* @group Slider: Diashow anhalten */

.bde-advancedslider
{
	position: relative;
}

.mn-slider-toggle
{
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.55);
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
}

.mn-slider-toggle:hover
{
	background: var(--bde-brand-primary-color, #AF0D21);
}

/* Pause: zwei Balken */
.mn-slider-toggle__icon
{
	box-sizing: border-box;
	width: 12px;
	height: 14px;
	border-left: 4px solid currentColor;
	border-right: 4px solid currentColor;
}

/* Abspielen: Dreieck */
.mn-slider-toggle.is-paused .mn-slider-toggle__icon
{
	width: 0;
	height: 0;
	margin-left: 4px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid currentColor;
	border-right: 0;
}

/* @end */

/* @end */

/* @group WordPress Blocks */

hr.wp-block-separator
{
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-color: var(--bde-body-text-color);
}

/* @end */

/* @group Gravitiy Forms */

/* @group Legende */

.gform_required_legend
{
	margin-bottom: 2em;
}

/* @end */

/* @group Felder allgemein */

.gform-theme--framework .gform_fields
{
	row-gap: 1em !important;
}

.gform-theme--framework .gfield
{
	margin-bottom: 0.5em;
}

.gform-theme--framework .gfield_label
{
	font-size: inherit;
	font-weight: bold;
}

.gform-theme--framework .gfield_label .gfield_required
{
	font-size: inherit;
	font-weight: bold;
}

.gform-theme--framework input,
.gform-theme--framework select,
.gform-theme--framework textarea
{
	font-size: inherit !important;
}

.gform-theme--framework .gfield-choice-input + label
{
	font-size: inherit;
}

.gform-theme--framework .gfield.hide_placeholder input::placeholder
{
	visibility: hidden;
	color: transparent;
}

.gform-theme--framework .gfield_description:not(.gfield_validation_message, .gfield_consent_description)
{
	padding-top: 0;
}

/* @end */

/* @group Checkboxen / Radiobuttons / Einwilligungen allgemein */

.gform-theme--framework .gfield .gfield_checkbox .gchoice input,
.gform-theme--framework .gfield .gfield_radio .gchoice input,
.gform-theme--framework .gfield .ginput_container_consent input
{
	position: relative;
	top: 0.2em;
}

.gform-theme--framework .gfield .gfield_checkbox .gchoice:not(:last-child),
.gform-theme--framework .gfield .gfield_radio .gchoice:not(:last-child)
{
	margin-bottom: 0.5em;
}

.gform-theme--framework .gfield .ginput_container_consent label
{
	font-size: inherit;
}

/* @end */

/* @group Radiobuttons / Checkboxen nebeneinander */

.gform-theme--framework .gfield.choice_left .gfield_radio,
.gform-theme--framework .gfield.choice_left .gfield_checkbox
{
	flex-direction: row;
	flex-wrap: wrap;
}

.gform-theme--framework .gfield.choice_left .ginput_container .gchoice
{
	padding-right: 1em;
}

/* @end */

/* @group Validierung */

.gform-theme--framework .gform_validation_errors 
{
	
}

/* @end */

/* @group Footer */

.gform-theme--framework .gform_footer .gform-loader
{
	
}

.gform-theme--framework .gform_page_footer
{
	 justify-content: space-between;
}

.gform-theme--framework .gform_footer .gform_button,
.gform-theme--framework .gform_page_footer .gform_button
{
	color: var(--bde-button-primary-text-color) !important;
	background: var(--bde-button-primary-background-color) !important;
	border-color: var(--bde-button-primary-border-color) !important;
}

/* @end */

/* @end */