/* Erstellt mit Breakpoint Loader – CSS & JS for WordPress 
 * user-mobile.css (min-width: 375px) and (max-width: 599px)
 */

:root{
	--c-font-size: 11px;
	--size: 4;
	--bp-min-width: 375px;
}

#hero{
	display: none;
}
/* Basis-Rows: konsistent mit !important, inkl. single-post-content-row */
#mj-header-row, 
#mj-footer-row, 
#mj-base-content-row, 
#mj-single-post-content-row,
#mj-beitrag-image-content-row,
#mj-beitrag-featured-image-column{
	min-width: var(--bp-min-width) !important;
}

#mj-header-row .fusion-builder-row,
#mj-footer-row .fusion-builder-row,
#mj-base-content-row .fusion-builder-row,
#mj-single-post-content-row .fusion-builder-row,
#mj-beitrag-image-content-row .fusion-builder-row
#mj-beitrag-featured-image-column .fusion-builder-row{
	width: var(--bp-min-width) !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Footer: volle Breite statt fixer bp-min-width (bewusste Ausnahme) */
#mj-footer-row {
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#mj-footer-row .fusion-builder-row {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* Header-Spalten */
#mj-main-menu-column, #mj-main-menu-column .fusion-column-wrapper {
	width: 64px !important;
	flex-grow: 0 !important;
	flex-shrink: 1 !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#mj-logo-column, #mj-social-media-column {
	display: flex !important;
}

/* Korrigiert: war fälschlich auf #mj-main-menu-column gesetzt (Copy/Paste-Fehler) */
#mj-logo-column, #mj-logo-column .fusion-column-wrapper {
	width: 64px !important;
	height: 64px !important;
	max-width: 64px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#mj-social-media-column, #mj-social-media {
	width: auto !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	align-self: center !important;
	display: flex !important;
	flex-grow: 1;
	align-items: center !important;
}

#mj-copyright {
	margin-left: 20px !important;
}

#menu-rechtliches {
	height: auto !important;
}

#mj-legal-menu {
	height: 22px !important;
}

#mj-legal-menu button {
	padding: 0px !important;
	padding-right: 20px !important;
}

#content {
	margin-bottom: 0px !important;
}

/* Beitrag: Eltern-Rows tragen Avadas 104%-Bleed-Overhang – zuerst zurücksetzen,
   sonst beziehen sich die Spalten-Breiten unten auf eine zu breite Basis
   und laufen rechts über den Rand hinaus */
#mj-beitrag-image-content-row,
#mj-beitrag-teamlink-category-row {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Beitrag: Bild- und Content-Spalte gestapelt, jeweils volle Breite */
#mj-beitrag-featured-image-column,
#mj-beitrag-content-column {
	width: auto !important;
	max-width: auto !important;
	flex: 1 1 var(--bp-min-width) !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#mj-beitrag-featured-image-column img {
	width: auto !important;
	height: auto;
	max-width: 100%;
}

#mj-beitrag-content {
	padding 0 10px;
	overflow-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
}

/* Gezielt statt pauschal: nur Medien-Elemente begrenzen */
#mj-beitrag-content img,
#mj-beitrag-content video,
#mj-beitrag-content iframe,
#mj-beitrag-content table {
	max-width: 100%;
	height: auto;
}

/* Tag-Cloud – unverändert */
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="9"] { --size: 5; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="8"] { --size: 4.5; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="7"] { --size: 4; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="6"] { --size: 3.5; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="5"] { --size: 3; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="4"] { --size: 2.5; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="3"] { --size: 2; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="2"] { --size: 1.5; }
.fusion-tagcloud-element.variable-font-size a.tag-cloud-link[data-size="1"] { --size: 1; }
.tag-cloud-link {
	font-size: calc(0.75rem + var(--size, 5) * 0.08rem);
}