/* =========================================================================
   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;
}

/* -------------------------------------------------------------------------
   3b) Social-Icon in der Action-Bar (Unterseiten): Trefferflaeche 44 px,
       ohne die schmale Leiste optisch zu veraendern
   ------------------------------------------------------------------------- */
#Action_bar ul.social li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	margin-top: -12px;
	margin-bottom: -12px;
}

/* -------------------------------------------------------------------------
   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;
}

/* -------------------------------------------------------------------------
   10) Hero-Slider (nur www): Pfeile ueberdecken auf dem Handy die Headline
       ("Steigern oder Versteigern?"). Auf Touchgeraeten wird gewischt bzw.
       ueber die Punkte geblaettert, deshalb entfallen die Pfeile dort.
   ------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.mfn-main-slider .sr7-arrows {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------
   11) Copyright-Zeile im Fussbereich: Trefferhoehe 17 -> 44 px
   ------------------------------------------------------------------------- */
#Footer .copyright a {
	display: inline-block;
	padding: 12px 2px;
	margin: -12px 0;
}

/* -------------------------------------------------------------------------
   12) Sekundaermenue in der Action-Bar (Tablet): Trefferhoehe 17 -> 44 px
   ------------------------------------------------------------------------- */
#Action_bar .menu-item > a {
	display: inline-block;
	padding: 12px 4px;
	margin: -12px -4px;
}

/* 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;
}

/* -------------------------------------------------------------------------
   13) Countdown "Naechste Auktion" (nur www): auf dem Handy standen die vier
       Einheiten untereinander (400 px hoch). Jetzt 2 x 2, damit sie ohne
       Scrollen erfassbar sind.
   ------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.column_quick_fact {
		width: 50% !important;
		clear: none !important;
		float: left !important;
	}
}

/* -------------------------------------------------------------------------
   14) Hero-Slider (nur www): Ebenenschrift aus dem 1920er-Raster war auf dem
       Handy 13 / 8 / 5 / 3 px. Die beiden Kopfzeilen werden lesbar gesetzt,
       die beiden abgeschnittenen Ebenen (Button, Fliestext) entfallen dort -
       sie lagen ausserhalb des 142 px hohen Moduls.
       Reihenfolge je Slide: 1 = erste Zeile, 2 = zweite Zeile, 3 = Button,
       4 = Fliestext (auf allen vier Text-Slides gleich).
   ------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.mfn-main-slider sr7-module,
	.mfn-main-slider sr7-content {
		height: 170px !important;
	}
	.mfn-main-slider sr7-txt:nth-of-type(1) {
		font-size: 19px !important;
		line-height: 1.2 !important;
	}
	.mfn-main-slider sr7-txt:nth-of-type(2) {
		font-size: 13px !important;
	}
	.mfn-main-slider sr7-txt:nth-of-type(3),
	.mfn-main-slider sr7-txt:nth-of-type(4) {
		display: none !important;
	}
}

/* Tablet (768-1024 px): gleiche Skalierung wie oben, nur groesser.
   Ohne diese Regel standen dort 10 px (Fliestext) und 6 px (Button). */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mfn-main-slider sr7-txt:nth-of-type(1) {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
	.mfn-main-slider sr7-txt:nth-of-type(2) {
		font-size: 17px !important;
	}
	.mfn-main-slider sr7-txt:nth-of-type(3),
	.mfn-main-slider sr7-txt:nth-of-type(4) {
		display: none !important;
	}
}