/* =========================================================================
   Responsive-Feinschliff – 11.11.2026
   Grundlage: Messungen bei 320/360/390/768/1024/1440 px auf allen vier Sites
   (www, auktionen, einlieferungen, goldankauf).
   Ziel: Trefferflächen >= 44 px und lesbare Schriftgroessen auf Touchgeraeten.
   Keine Layoutaenderung am Raster, nur Groessen und Abstaende.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) Mobiles Menue: Schaltflaeche von 34 x 34 auf 44 x 44 px
   BeTheme setzt width/height 34px und margin-top -17px (be.css/responsive.css)
   ------------------------------------------------------------------------- */
@media only screen and (max-width: 959px) {
	#Top_bar a.responsive-menu-toggle,
	.mobile-header-mini #Top_bar a.responsive-menu-toggle {
		width: 44px;
		height: 44px;
		margin-top: -22px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#Top_bar a.responsive-menu-toggle i {
		line-height: 44px;
	}
}

/* -------------------------------------------------------------------------
   2) Fussmenue: Menuepunkte in Widget-Menues auf 44 px Trefferhoehe
   ------------------------------------------------------------------------- */
#Footer .widget_nav_menu .menu-item > a {
	display: flex;
	align-items: center;
	min-height: 44px;
}

/* -------------------------------------------------------------------------
   3) Social-Icons im Fussbereich: 15 x 18 px -> 44 x 44 px Trefferflaeche
   ------------------------------------------------------------------------- */
#Footer ul.social li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}
#Footer ul.social li {
	margin-right: 2px;
}

/* -------------------------------------------------------------------------
   4) Shariff-Teilen-Buttons: 35 x 35 px -> 44 x 44 px
   Das Plugin setzt die Breite selbst mit hoher Spezifitaet, deshalb hier
   bewusst ueber zwei Klassen bzw. die Fussbereich-ID.
   ------------------------------------------------------------------------- */
.shariff .shariff-buttons .shariff-button,
#Footer .shariff .shariff-button,
.shariff .shariff-buttons .shariff-button a,
#Footer .shariff .shariff-button a {
	width: 44px !important;
	min-width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
}

/* -------------------------------------------------------------------------
   5) Kontaktdaten in der Action-Bar (Tablet): Trefferhoehe ohne Layoutsprung
   ------------------------------------------------------------------------- */
#Action_bar .contact_details li a,
#Action_bar .contact_details li span {
	display: inline-block;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: -12px;
	margin-bottom: -12px;
}

/* -------------------------------------------------------------------------
   6) Breadcrumbs: Trefferhoehe vergroessern, Abstand bleibt optisch gleich
   ------------------------------------------------------------------------- */
.breadcrumbs li a {
	display: inline-block;
	padding: 12px 2px;
	margin: -12px 0;
}

/* -------------------------------------------------------------------------
   7) Newsletter-Formular (Newsletter-Plugin): Labels und Hinweise 11,7 -> 13 px
   ------------------------------------------------------------------------- */
.tnp.tnp-subscription label,
.tnp.tnp-subscription .tnp-privacy-field,
.tnp.tnp-subscription .tnp-privacy-field label {
	font-size: 13px;
	line-height: 1.55;
}

/* -------------------------------------------------------------------------
   8) The Events Calendar (Startseite): Monatskuerzel 11 -> 12 px
   ------------------------------------------------------------------------- */
.tribe-events-widget-events-list__event-date-tag-month,
.tribe-events-widget-events-list__event-date-tag-daynum {
	font-size: 12px;
}

/* -------------------------------------------------------------------------
   9) Einwilligungsdialog: Fliesstext 10,8/11,7 -> 13 px, Link-Schaltflaeche
      "Privatsphaere-Einstellungen individuell festlegen" 30 -> 44 px hoch
   ------------------------------------------------------------------------- */
dialog p,
dialog li,
dialog label,
dialog small,
dialog .a208e-ext-0-303 p {
	font-size: 13px !important;
	line-height: 1.6 !important;
}
dialog a[role="button"],
dialog button {
	min-height: 44px !important;
}

/* Die Schaltflaeche "Privatsphaere-Einstellungen individuell festlegen" ist ein
   Link mit genau einem span darin - nur solche Links werden vergroessert. */
dialog a:has(> span:only-child) {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px !important;
}