/*
  Galerie-Karten – lädt als letztes Stylesheet.
  Ecken direkt auf dem Bild, alle vier Seiten gleich.
*/

/* Seite 200 (/page/200/): teaserFromGid → .thumbbox */
.thumbbox,
#content .thumbbox,
#infoseite .thumbbox {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 300px;
	margin: 0 20px 20px 0;
	line-height: 0;
	overflow: visible;
	border-radius: 0;
	clip-path: none;
}

.thumbbox > a {
	display: block;
	line-height: 0;
	text-decoration: none;
}

.thumbbox img,
#content .thumbbox img,
#infoseite .thumbbox img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-top-left-radius: var(--ubs-image-radius) !important;
	border-top-right-radius: var(--ubs-image-radius) !important;
	border-bottom-left-radius: var(--ubs-image-radius) !important;
	border-bottom-right-radius: var(--ubs-image-radius) !important;
}

.thumbbox h4 {
	left: 0;
	right: 0;
	width: auto;
	line-height: normal;
	border-bottom-left-radius: var(--ubs-image-radius);
	border-bottom-right-radius: var(--ubs-image-radius);
}

/* thumbbox2 (Galerie-Detail, Infoseiten) */
#content a:has(> .thumbbox2),
a:has(> .thumbbox2) {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 20px 0;
	line-height: 0;
	text-decoration: none;
}

.thumbbox2,
#content .thumbbox2,
#infoseite .thumbbox2 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0;
	line-height: 0;
	overflow: visible;
	border-radius: 0;
	clip-path: none;
}

.imgboxinline {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 18px 0;
}

.imgboxinlineimgwrap {
	display: inline-block;
	position: relative;
	vertical-align: top;
	line-height: 0;
	overflow: visible;
	border-radius: 0;
	clip-path: none;
}

.thumbbox2 > img,
#content .thumbbox2 > img,
#infoseite .thumbbox2 > img,
.imgboxinlineimgwrap > img.show,
#content .imgboxinlineimgwrap > img.show {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	border-top-left-radius: var(--ubs-image-radius) !important;
	border-top-right-radius: var(--ubs-image-radius) !important;
	border-bottom-left-radius: var(--ubs-image-radius) !important;
	border-bottom-right-radius: var(--ubs-image-radius) !important;
}

.thumbbox2 > span {
	left: 0;
	right: 0;
	width: auto;
	line-height: normal;
	border-bottom-left-radius: var(--ubs-image-radius);
	border-bottom-right-radius: var(--ubs-image-radius);
}

.imgboxinlinepictitle {
	bottom: 0;
	left: 0;
	right: 0;
	max-width: none;
	margin: 0;
}

.imgboxinlineimgwrap:has(> .nav) .imgboxinlinepictitle {
	right: auto;
	max-width: 65%;
}

/* Headerbilder: nur unten rund */
#artikelhead img {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: var(--ubs-image-radius) !important;
	border-bottom-right-radius: var(--ubs-image-radius) !important;
}