.t4-megamenu .dropdown-menu li > a,
.t4-megamenu .dropdown-menu li > .nav-link,
.t4-megamenu .dropdown-menu li .dropdown-item {
	white-space: nowrap;
	padding: 0.75rem 0;
}

.t4-megamenu .dropdown-menu li {
	border-bottom: var(--t4-border-width) var(--t4-border-style) var(--t4-border-color);
}

.jd_categories_title_v46,
.jd_categories_title {
    align-content: center;
	padding: 0.75rem 0;
}
.jd_cats_sum_subcats {
    display: none;
}

.jd_cat_description {
	display: none;
}

.jd_content_wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    align-content: space-between;
    text-align: left;
	border-bottom: var(--t4-border-width) var(--t4-border-style) var(--t4-border-color) !important;
	padding: 0.75rem 0;
}

.jd_fields_infobox {
    width: 100%;
}

span.pagination a.btn.btn-sm.btn-secondary.nex,
span.pagination a.btn.btn-sm.btn-secondary.previous {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 36px;
}

a.btn.btn-sm.btn-secondary.next:hover,
a.btn.btn-sm.btn-secondary.previous:hover,
a.btn.btn-sm.btn-secondary.next:hover [class^=icon-],
a.btn.btn-sm.btn-secondary.previous:hover [class^=icon-] {
	background-color: #000;
	color: #fff;
}

.btn-check:checked + .btn,
.blog-list .item-readmore .btn-check:checked + a,
:not(.btn-check) + .btn:active, .blog-list .item-readmore :not(.btn-check) + a:active,
.btn:first-child:active, .blog-list .item-readmore a:first-child:active,
.btn.active,
.blog-list .item-readmore a.active,
.btn.show,
.blog-list .item-readmore a.show {
}

.btn.btn-primary {
	color: white;
}

ul.fields-container {
	padding-left: 0;
	list-style: none;
	display: flex;
    flex-direction: column;
    gap: 33px;
}

ul.fields-container span.field-label {
	display: flex;
    border-top: 1px solid var(--t4-border-color);
    font-size: var(--h6-font-size);
    text-transform: uppercase;
    padding: 1rem 0;
	font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    line-height: var(--heading-line-height);
    letter-spacing: var(--heading-letter-spacing);
}

ul.fields-container span.acfup-item {
    display: flex;
    padding: 0.5rem 0;
    border-bottom: 1px solid #000;
}

.tagspopular .tag-count {
	color: white;
	background-color: var(--color-primary)!important;
    border-color: var(--color-primary);
}

.mod-partners.partnergroup {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
	gap: 16px;
}

.partnergroup .partneritem a {
	display: flex;
    padding: 16px;
    border: 1px solid #ddD;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.partnergroup .partneritem a img {
    max-width: 40%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

#t4--main-body, #t4-main-body {
	padding-bottom: 2.5rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
	font-weight: 900;
	text-transform: none;
}

div#t4--main-body .item-page table,
div#t4-section-6 table {
	width: 100%;
}

.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1 {
	word-break: auto-phrase;
}

.com-tags .list-group,
.com-tags-tag.tag-category .category {
	margin: 1.5rem 0;
}

.com-tags .list-group h3,
.com-tags-tag.tag-category .list-group .list-group-item {
	margin: 0 !important;
    padding: 0.5rem 1rem;
}

.com-tags-tag.tag-category .article-aside {
	margin: 0!important;
}

.notification-wrap {
    padding-top: 0.6666666667rem;
    padding-bottom: 0.6666666667rem;
}

.notification-wrap p {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1200px) {
    #t4--main-body, #t4-main-body {
		padding-top: 1.5rem;
	}
}

@media screen and (max-width: 767px) {
	div#t4--main-body,
	div#t4-section-1,
	div#t4-section-2,
	div#t4-section-3,
	div#t4-section-4,
	div#t4-section-5,
	div#t4-section-6 {
		max-width: 100%;
	    overflow-x: auto;	
	}

	table td {
		white-space: break-spaces;
        vertical-align: baseline;
	}

    #t4--main-body, #t4-main-body {
		padding-top: 1rem;
	}

}

/* Topbar mobil: Der italienische Verbandsname ist zu lang fuer schmale Displays. Ohne das rutscht IT
   unter DE bzw. der Name bricht um, sobald die Webschrift nachgeladen ist (Layout springt).
   Darum: Sprachumschalter schrumpft nie, Name bleibt einzeilig, kleiner und notfalls mit "…". */
.t4-topbar .topbar-wrap > .topbar-l:first-child {
	min-width: 0;
}
.t4-topbar .topbar-wrap > .topbar-l:first-child p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t4-topbar .topbar-l:has(.mod-languages) {
	flex-shrink: 0;
}
.t4-topbar .mod-languages__list {
	white-space: nowrap;
}
@media (max-width: 429.98px) {
	.t4-topbar .topbar-wrap > .topbar-l:first-child p {
		font-size: 0.8125rem;
	}
}

/* Seiten mit Seitenklasse "full-content" (Statuten, Kalender, Spielerlisten usw.): Die Seitenleiste ist
   ausgeblendet, der Inhalt nutzte aber weiter nur 9/12 Spalten in max. 928 px. Tabellen wirkten dadurch schmal
   und nach links versetzt. Jetzt volle Breite wie der Einleitungsabsatz darueber. */
.item-page.full-content .bottom-article-info,
.item-page.full-content.no-sidebar .bottom-article-info,
.item-page.full-content.no-sidebar .full-image {
	max-width: none;
}
.full-content.item-page .row > .col-md-9.order-md-2 {
	flex: 0 0 100%;
	max-width: 100%;
}

/* Beitragstext nimmt immer die ganze Spaltenbreite ein (Template: inline-block, schrumpfte auf den Inhalt).
   flow-root umschliesst weiterhin umflossene Bilder. */
.item-page .article-body {
	display: flow-root;
}

/* Zweites Bild eines Beitrags (Beitragsbild, wenn oben das abweichende Titelbild steht):
   Desktop rechts im Text umflossen, mobil volle Breite; Bildunterschrift wie beim grossen Bild (Template) */
.item-page .sb-zweitbild {
	margin: 0 0 1.5rem;
}
.item-page .sb-zweitbild img {
	display: block;
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
	.item-page .sb-zweitbild {
		float: right;
		width: 50%;
		margin: 0.35rem 0 1.25rem 2rem;
	}
}

/* Tabellen im Beitrag immer ueber die ganze Breite, auch wenn im Editor "float: left" gesetzt wurde */
div#t4--main-body .item-page .article-body table {
	width: 100% !important;
	float: none !important;
}

/* Brotkrumen mobil einzeilig: sonst bricht ein langer Pfad (z. B. Spielername) nach dem Laden der Webschrift
   in eine zweite Zeile um und verschiebt die ganze Seite (CLS). Der letzte Eintrag wird bei Bedarf gekuerzt. */
@media (max-width: 767.98px) {
	.mod-breadcrumbs.breadcrumb {
		flex-wrap: nowrap;
		overflow: hidden;
	}
	.mod-breadcrumbs.breadcrumb > li {
		white-space: nowrap;
		flex-shrink: 0;
	}
	.mod-breadcrumbs.breadcrumb > li.active {
		flex-shrink: 1;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
/* Topbar: gleiche Hoehe vor und nach dem Laden der Webschrift */
.t4-topbar .topbar-wrap {
	min-height: 35px;
}

/* Hauptmenue auf Tablets quer / kleinen Laptops (992-1239 px): 9 Punkte passen sonst nicht in eine Zeile
   (Italienisch ~1170 px), das Menue bricht nach dem Laden der Webschrift um und verschiebt die Seite (CLS). */
@media (min-width: 992px) and (max-width: 1239.98px) {
	.t4-megamenu .navbar-nav.level0 {
		flex-wrap: nowrap;
	}
	.t4-megamenu .navbar-nav.level0 > li > .nav-link,
	.t4-megamenu .navbar-nav.level0 > li > a {
		padding-left: 9px;
		padding-right: 9px;
		font-size: 14px;
		white-space: nowrap;
	}
}

/* Beitrag: Knoepfe "Vorheriger"/"Naechster" - Text in Grossbuchstaben optisch genau mittig.
   Die Zeilenhoehe der Schrift Karla verteilt den Leerraum je nach System (Windows/macOS) ungleich, die Grossbuchstaben
   sitzen dann zu tief. text-box schneidet die Zeile auf Versalhoehe und Grundlinie zu; Hoehe bleibt gleich (32px).
   Browser ohne text-box (z. B. Firefox) behalten das bisherige Aussehen. */
@supports (text-box: trim-both cap alphabetic) {
	.pagenavigation .btn {
		text-box: trim-both cap alphabetic;
		padding-top: 10.5px;
		padding-bottom: 10.5px;
	}
}