/* =========================================================
   RATGEBER - EINZELBEITRAG
   Breites Layout + Produkt rechts oben
   ========================================================= */

.ratgeber-single-page {
	padding: 18px 0 70px;
}

.ratgeber-single-page .ratgeber-single-container {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

.ratgeber-single-main,
.ratgeber-single-article {
	width: 100%;
}

.ratgeber-single-article {
	display: flow-root;
}


/* =========================================================
   BREADCRUMB
   ========================================================= */

.ratgeber-single-breadcrumb {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.5;
	color: #7a7a7a;
}

.ratgeber-single-breadcrumb a {
	color: #666;
	text-decoration: none !important;
}

.ratgeber-single-breadcrumb a:hover {
	color: var(--ast-global-color-0);
}

.ratgeber-single-breadcrumb-separator {
	display: inline-block;
	margin: 0 7px;
	color: #aaa;
}

.ratgeber-single-breadcrumb-current {
	color: #444;
}


/* =========================================================
   HEADER / LEAD
   Produkt floatet rechts, Inhalt läuft links direkt weiter
   ========================================================= */

.ratgeber-single-lead {
	display: block;
	width: 100%;
}

.ratgeber-single-header {
	width: auto;
	margin: 0 0 22px;
}

.ratgeber-single-header-main {
	width: auto;
	max-width: none;
}

.ratgeber-single-category {
	display: inline-block;
	margin: 0 0 4px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 600;
	color: var(--ast-global-color-0);
	text-decoration: none !important;
}

.ratgeber-single-title {
	margin: 0 0 10px;
	max-width: 920px;
	font-size: clamp(36px, 4vw, 52px);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.ratgeber-single-updated {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.4;
	color: #7b7b7b;
}

/* =========================================================
   PRODUKT RECHTS OBEN
   AAWP bleibt aktiv, Darstellung wird kompakt überschrieben
   ========================================================= */

.ratgeber-header-product {
	float: right;
	width: 420px;
	max-width: 42%;
	min-width: 360px;
	margin: 0 0 28px 38px;
}

/* Alte zusätzliche Theme-Beschriftungen sicher entfernen */
.ratgeber-header-product-label,
.ratgeber-header-product-badge {
	display: none !important;
}

.ratgeber-header-product-output {
	width: 100%;
	min-width: 0;
}


/* ---------------------------------------------------------
   AAWP-Grundcontainer
   --------------------------------------------------------- */

.ratgeber-header-product .aawp,
.ratgeber-header-product .aawp-products {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ratgeber-header-product .aawp-product,
.ratgeber-header-product .aawp-product--list {
	position: relative !important;
	box-sizing: border-box !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 20px 20px 18px !important;
	overflow: visible !important;

	background: #fff !important;
	border: 1px solid #dedede !important;
	border-radius: 7px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .06) !important;
}


/* ---------------------------------------------------------
   AAWP Bestseller-/Angebotslabel
   NICHT ausblenden – nur kompakter stylen
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__ribbon,
.ratgeber-header-product .aawp-product__badge,
.ratgeber-header-product .aawp-product__label {
	position: static !important;
	display: inline-block !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 0 14px !important;
	padding: 5px 8px !important;
	border-radius: 3px !important;

	font-size: 10px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   Produktbild
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__thumb,
.ratgeber-header-product .aawp-product__image {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 185px !important;
	min-height: 185px !important;
	margin: 0 0 14px !important;
	padding: 6px !important;

	background: #fff !important;
	text-align: center !important;
}

.ratgeber-header-product .aawp-product__thumb a,
.ratgeber-header-product .aawp-product__image a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}

.ratgeber-header-product .aawp-product__thumb img,
.ratgeber-header-product .aawp-product__image img,
.ratgeber-header-product .aawp-product img {
	display: block !important;
	float: none !important;

	width: auto !important;
	height: auto !important;
	max-width: 245px !important;
	max-height: 175px !important;

	margin: 0 auto !important;
	object-fit: contain !important;
}


/* ---------------------------------------------------------
   Inhalt / Titel
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__content {
	float: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ratgeber-header-product .aawp-product__title {
	display: -webkit-box !important;
	margin: 0 0 9px !important;
	padding: 0 !important;
	overflow: hidden !important;

	color: #222 !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	text-decoration: none !important;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ratgeber-header-product .aawp-product__title:hover {
	text-decoration: underline !important;
}


/* ---------------------------------------------------------
   Beschreibung und Feature-Bullets nur hier entfernen
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__description {
	display: none !important;
}

.ratgeber-header-product .aawp-product__features,
.ratgeber-header-product .aawp-product__feature,
.ratgeber-header-product .aawp-product__content > ul,
.ratgeber-header-product .aawp-product__content > ol {
	display: none !important;
}

.ratgeber-header-product .tekweb-product-details-open .aawp-product__features,
.ratgeber-header-product .tekweb-product-details-open .aawp-product__feature,
.ratgeber-header-product .tekweb-product-details-open .aawp-product__content > ul,
.ratgeber-header-product .tekweb-product-details-open .aawp-product__content > ol {
	display: block !important;
}


/* ---------------------------------------------------------
   Bewertung
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__rating,
.ratgeber-header-product .aawp-star-rating,
.ratgeber-header-product [class*="star-rating"] {
	margin: 2px 0 8px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}


/* ---------------------------------------------------------
   Preis
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__price,
.ratgeber-header-product .aawp-product__price--current {
	display: block !important;
	margin: 5px 0 12px !important;
	padding: 0 !important;

	color: #202020 !important;
	font-size: 18px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
}


/* ---------------------------------------------------------
   Footer / CTA
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__footer {
	float: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
}

.ratgeber-header-product .aawp-button,
.ratgeber-header-product a.aawp-button {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 10px 14px !important;

	border-radius: 4px !important;

	font-size: 13px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
}


/* ---------------------------------------------------------
   AAWP Kleingedrucktes / Leerraum reduzieren
   --------------------------------------------------------- */

.ratgeber-header-product .aawp-product__info,
.ratgeber-header-product .aawp-product__meta {
	margin-top: 7px !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
	color: #888 !important;
}

.ratgeber-header-product .aawp-product::after,
.ratgeber-header-product .aawp-product__content::after {
	content: none !important;
	display: none !important;
}


/* Falls AAWP mit Floats arbeitet */
.ratgeber-header-product .aawp-product > * {
	max-width: 100%;
}


/* =========================================================
   Responsive Header-Produkt
   ========================================================= */


/* =========================================================
   VERFASSER / EDITOR
   ========================================================= */

.ratgeber-editorial-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 32px;
	margin-top: 4px;
}

.ratgeber-editorial-person {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.ratgeber-editorial-avatar {
	flex: 0 0 auto;
}

.ratgeber-editorial-avatar img,
.ratgeber-editorial-avatar .avatar,
.ratgeber-editorial-avatar .ratgeber-editorial-custom-image {
	display: block;
	width: 42px !important;
	height: 42px !important;
	border-radius: 50%;
	object-fit: cover;
}

.ratgeber-editorial-info {
	min-width: 0;
}

.ratgeber-editorial-label {
	margin: 0 0 1px;
	font-size: 11px;
	line-height: 1.25;
	color: #8a8a8a;
}

.ratgeber-editorial-hover {
	position: static;
	display: block;
	outline: none;
}

.ratgeber-editorial-name {
	display: inline-block;
	font-size: 14px;
	line-height: 1.25;
	font-weight: 700;
	color: #252525;
	text-decoration: none !important;
}

.ratgeber-editorial-role {
	margin-top: 1px;
	font-size: 11px;
	line-height: 1.3;
	color: #777;
}

.ratgeber-editorial-person:hover .ratgeber-editorial-name,
.ratgeber-editorial-person:focus-within .ratgeber-editorial-name {
	color: var(--ast-global-color-0);
}


/* =========================================================
   BIO-POPOVER
   ========================================================= */

.ratgeber-editorial-popover {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	width: 340px;
	max-width: calc(100vw - 32px);
	padding: 18px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.15);
	z-index: 99999;
}

.ratgeber-editorial-popover::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 20px;
	width: 12px;
	height: 12px;
	background: #fff;
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	transform: rotate(45deg);
}

.ratgeber-editorial-person:hover .ratgeber-editorial-popover,
.ratgeber-editorial-person:focus-within .ratgeber-editorial-popover {
	display: block;
}

.ratgeber-editorial-popover-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.ratgeber-editorial-popover-head img,
.ratgeber-editorial-popover-head .avatar,
.ratgeber-editorial-popover-head .ratgeber-editorial-custom-image {
	display: block;
	width: 58px !important;
	height: 58px !important;
	border-radius: 50%;
	object-fit: cover;
}

.ratgeber-editorial-popover-name {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
	color: #222;
}

.ratgeber-editorial-popover-role {
	margin-top: 3px;
	font-size: 12px;
	line-height: 1.35;
	color: #777;
}

.ratgeber-editorial-popover-bio {
	font-size: 13px;
	line-height: 1.55;
	color: #4d4d4d;
}

.ratgeber-editorial-popover-bio p {
	margin: 0 0 8px;
}

.ratgeber-editorial-popover-bio p:last-child {
	margin-bottom: 0;
}


/* =========================================================
   BEITRAGSBILD
   ========================================================= */

.ratgeber-single-featured-image {
	width: 100%;
	max-width: 860px;
	margin: 30px 0 38px;
}

.ratgeber-single-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 650px;
	object-fit: cover;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ratgeber-single-content {
	width: 100%;
	max-width: 860px;
	font-size: 17px;
	line-height: 1.75;
	color: #333;
}

.ratgeber-single-content p {
	margin-bottom: 1.35em;
}

.ratgeber-single-content h2 {
	margin-top: 2em;
}

.ratgeber-single-content h3 {
	margin-top: 1.7em;
}

.ratgeber-single-content img {
	max-width: 100%;
	height: auto;
}


/* =========================================================
   AUTORENINFO UNTER DEM BEITRAG
   ========================================================= */

.ratgeber-author-info {
	clear: both;
	display: flex;
	align-items: flex-start;
	gap: 22px;
	width: 100%;
	max-width: 860px;
	margin: 50px 0 0;
	padding: 25px;
	background: #f5f6f6;
}

.ratgeber-author-info-image {
	flex: 0 0 90px;
}

.ratgeber-author-info-image img,
.ratgeber-author-info-image .avatar,
.ratgeber-author-info-image .ratgeber-editorial-custom-image {
	display: block;
	width: 90px !important;
	height: 90px !important;
	border-radius: 50%;
	object-fit: cover;
}

.ratgeber-author-info-content {
	flex: 1;
	min-width: 0;
}

.ratgeber-author-info-label {
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #888;
}

.ratgeber-author-info-name {
	font-size: 19px;
	line-height: 1.3;
	font-weight: 700;
}

.ratgeber-author-info-name a {
	color: #222;
	text-decoration: none !important;
}

.ratgeber-author-info-name a:hover {
	color: var(--ast-global-color-0);
}

.ratgeber-author-info-role {
	margin-top: 2px;
	font-size: 13px;
	line-height: 1.4;
	color: #777;
}

.ratgeber-author-info-bio {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.65;
	color: #4d4d4d;
}

.ratgeber-author-info-bio p {
	margin: 0 0 9px;
}

.ratgeber-author-info-bio p:last-child {
	margin-bottom: 0;
}


/* =========================================================
   RELATED - VOLLE SEITENBREITE
   ========================================================= */

.ratgeber-related-section {
	clear: both;
	width: 100%;
	margin: 60px 0 0;
	padding-top: 42px;
	border-top: 1px solid #e8e8e8;
}

.ratgeber-related-section > h2 {
	margin: 0 0 25px;
}

.ratgeber-related-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.ratgeber-related-image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f2f2f2;
}

.ratgeber-related-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .2s ease;
}

.ratgeber-related-card:hover .ratgeber-related-image img {
	transform: scale(1.02);
}

.ratgeber-related-content {
	padding-top: 12px;
}

.ratgeber-related-title {
	margin: 0 0 7px;
	font-size: 17px;
	line-height: 1.4;
}

.ratgeber-related-title a {
	color: #222;
	text-decoration: none !important;
}

.ratgeber-related-title a:hover {
	color: var(--ast-global-color-0);
}

.ratgeber-related-date {
	font-size: 13px;
	color: #777;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {


	.ratgeber-header-product {
		max-width: 360px;
	}

	.ratgeber-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


/* =========================================================
   HEADER AUF EINE SPALTE
   ========================================================= */

@media (max-width: 850px) {

	.ratgeber-single-header.has-header-product {
		display: block;
	}

	.ratgeber-header-product {
		max-width: 380px;
		margin-top: 24px;
	}

	.ratgeber-single-header-main,
	.ratgeber-single-featured-image,
	.ratgeber-single-content,
	.ratgeber-author-info {
		max-width: 100%;
	}
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

	.ratgeber-single-page {
		padding: 16px 0 50px;
	}

	.ratgeber-single-page .ratgeber-single-container {
		padding-left: 18px;
		padding-right: 18px;
	}

	.ratgeber-single-title {
		font-size: 34px;
	}

	.ratgeber-editorial-row {
		align-items: flex-start;
		gap: 15px;
	}

	.ratgeber-editorial-person {
		width: 100%;
	}

	.ratgeber-editorial-popover {
		left: 0;
		width: min(330px, calc(100vw - 36px));
	}

	.ratgeber-single-content {
		font-size: 16px;
	}

	.ratgeber-related-grid {
		grid-template-columns: 1fr;
	}

	.ratgeber-single-breadcrumb-current {
		display: none;
	}
}


@media (max-width: 600px) {

	.ratgeber-author-info {
		gap: 16px;
		padding: 20px;
	}

	.ratgeber-author-info-image {
		flex: 0 0 65px;
	}

	.ratgeber-author-info-image img,
	.ratgeber-author-info-image .avatar,
	.ratgeber-author-info-image .ratgeber-editorial-custom-image {
		width: 65px !important;
		height: 65px !important;
	}
}


/* =========================================================
   FESTER RANKING-SCORE + FLEXIBLE STERNE
   ========================================================= */

.tekweb-ranked-bestsellers .tekweb-ranking-summary {
	position: relative;
	margin: 8px 0 12px;
	padding: 10px 0 2px;
	border-top: 1px solid #ececec;
}

.tekweb-ranking-caption {
	margin-bottom: 5px;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 700;
	color: #777;
	text-transform: uppercase;
	letter-spacing: .055em;
}

.tekweb-ranking-score-row {
	position: relative;
	display: flex;
	align-items: center;
	gap: 7px;
}

.tekweb-ranking-score {
	font-size: 21px;
	line-height: 1;
	font-weight: 800;
	color: #222;
}

.tekweb-ranking-score span {
	margin-left: 2px;
	font-size: 12px;
	font-weight: 600;
	color: #777;
}

.tekweb-ranking-verdict {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.25;
	font-weight: 700;
	color: #555;
	text-transform: uppercase;
	letter-spacing: .035em;
}


/* Flexible Sterne mit Teilfüllung */

.tekweb-ranking-stars {
	position: relative;
	display: inline-block;
	margin-top: 4px;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 1px;
	white-space: nowrap;
}

.tekweb-ranking-stars-base {
	color: #d4d4d4;
}

.tekweb-ranking-stars-fill {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #e8a317;
	white-space: nowrap;
}


/* Info-Button */

.tekweb-ranking-info-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	padding: 0;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	background: #fff;
	color: #555;
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	cursor: pointer;
}

.tekweb-ranking-info-button:hover,
.tekweb-ranking-info-button:focus {
	border-color: #777;
	color: #222;
	outline: none;
}


/* Info-Popup */

.tekweb-ranking-info-popover {
	position: absolute;
	z-index: 10020;
	top: calc(100% + 8px);
	left: 0;
	display: none;
	width: min(330px, calc(100vw - 40px));
	padding: 12px 14px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
	color: #4a4a4a;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}

.tekweb-ranking-summary:hover .tekweb-ranking-info-popover,
.tekweb-ranking-summary:focus-within .tekweb-ranking-info-popover,
.tekweb-ranking-summary.tekweb-ranking-info-open .tekweb-ranking-info-popover {
	display: block;
}


/* =========================================================
   "MEHR ANZEIGEN" IM HEADER-PRODUKT
   ========================================================= */

.ratgeber-header-product .tekweb-product-details-toggle {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 10px 0 0;
	padding: 9px 0 2px;
	border: 0;
	border-top: 1px solid #e8e8e8;
	background: transparent;
	color: #444;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.ratgeber-header-product .tekweb-product-details-toggle:hover {
	color: var(--ast-global-color-0);
}

.ratgeber-header-product .tekweb-product-details-chevron {
	font-size: 17px;
	line-height: 1;
	transition: transform .18s ease;
}

.ratgeber-header-product
.tekweb-product-details-open
.tekweb-product-details-chevron {
	transform: rotate(180deg);
}

.ratgeber-header-product
.tekweb-product-details-open
.aawp-product__features,
.ratgeber-header-product
.tekweb-product-details-open
.aawp-product__content > ul,
.ratgeber-header-product
.tekweb-product-details-open
.aawp-product__content > ol {
	margin: 12px 0 0 !important;
	padding-left: 18px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	color: #555 !important;
}

.ratgeber-header-product
.tekweb-product-details-open
.aawp-product__features li,
.ratgeber-header-product
.tekweb-product-details-open
.aawp-product__content > ul li,
.ratgeber-header-product
.tekweb-product-details-open
.aawp-product__content > ol li {
	margin-bottom: 6px !important;
}


/* Ranking in normalen Bestsellerlisten etwas kompakter */

.ratgeber-single-content
.tekweb-ranked-bestsellers
.tekweb-ranking-summary {
	margin-top: 7px;
	margin-bottom: 10px;
}

.ratgeber-single-content
.tekweb-ranking-score {
	font-size: 19px;
}


@media (max-width: 700px) {

	.tekweb-ranking-info-popover {
		left: 0;
		width: min(300px, calc(100vw - 36px));
	}
}





/* =========================================================
   RESPONSIVE: unter 980 px wieder normal untereinander
   ========================================================= */

@media (max-width: 980px) {

	.ratgeber-single-lead {
		display: flex;
		flex-direction: column;
	}

	.ratgeber-single-header {
		order: 1;
	}

	.ratgeber-header-product {
		order: 2;
		float: none;
		width: 100%;
		max-width: 420px;
		min-width: 0;
		margin: 24px 0 0;
	}

	.ratgeber-single-article.has-header-product .ratgeber-single-featured-image {
		max-width: 100%;
	}
}



/* =========================================================
   CREATORS-API PRODUKTGALERIE IM HEADER
   ========================================================= */

.ratgeber-header-product .tekweb-header-product-with-gallery {
	width: 100%;
}


/*
 * Sobald die direkte Galerie vorhanden ist, das einzelne
 * AAWP-Hauptbild in der darunterliegenden Produktbox ausblenden.
 */
.ratgeber-header-product
.tekweb-header-product-aawp
.aawp-product__thumb,
.ratgeber-header-product
.tekweb-header-product-aawp
.aawp-product__image {
	display: none !important;
}


.tekweb-product-gallery {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 12px 12px 9px;

	background: #fff;
	border: 1px solid #e3e3e3;
	border-bottom: 0;
	border-radius: 7px 7px 0 0;

	touch-action: pan-y;
}


.tekweb-product-gallery-stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 220px;
	overflow: hidden;
}


.tekweb-product-gallery-slides {
	position: relative;
	width: 100%;
	height: 100%;
}


.tekweb-product-gallery-slide {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	opacity: 0;
	visibility: hidden;
	transform: translateX(8px);

	transition:
		opacity .18s ease,
		transform .18s ease,
		visibility .18s ease;

	pointer-events: none;
}


.tekweb-product-gallery-slide.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	pointer-events: auto;
}


.tekweb-product-gallery-slide a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}


.tekweb-product-gallery-slide img {
	display: block !important;

	width: auto !important;
	height: auto !important;

	max-width: 290px !important;
	max-height: 205px !important;

	margin: 0 auto !important;

	object-fit: contain !important;
}


/* Pfeile */

.tekweb-product-gallery-arrow {
	position: absolute;
	z-index: 6;
	top: 50%;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 44px;
	margin: 0;
	padding: 0;

	border: 1px solid #dedede;
	border-radius: 4px;
	background: rgba(255, 255, 255, .96);
	color: #333;

	font-size: 28px;
	line-height: 1;
	font-weight: 400;

	cursor: pointer;
	transform: translateY(-50%);

	transition:
		border-color .15s ease,
		background .15s ease,
		color .15s ease;
}


.tekweb-product-gallery-arrow:hover,
.tekweb-product-gallery-arrow:focus {
	border-color: #aaa;
	background: #fff;
	color: var(--ast-global-color-0);
	outline: none;
}


.tekweb-product-gallery-prev {
	left: 0;
}


.tekweb-product-gallery-next {
	right: 0;
}


/* Punkte */

.tekweb-product-gallery-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px;

	min-height: 18px;
	margin-top: 5px;
}


.tekweb-product-gallery-dot {
	display: block;

	width: 7px;
	height: 7px;

	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 50%;

	background: #c8c8c8;

	cursor: pointer;

	transition:
		transform .15s ease,
		background .15s ease;
}


.tekweb-product-gallery-dot:hover,
.tekweb-product-gallery-dot:focus {
	background: #888;
	outline: none;
}


.tekweb-product-gallery-dot.is-active {
	background: var(--ast-global-color-0);
	transform: scale(1.25);
}


/*
 * AAWP-Box und Galerie als eine Karte darstellen.
 */
.ratgeber-header-product
.tekweb-header-product-with-gallery
.tekweb-header-product-aawp
.aawp-product,
.ratgeber-header-product
.tekweb-header-product-with-gallery
.tekweb-header-product-aawp
.aawp-product--list {
	margin-top: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}


@media (max-width: 700px) {

	.tekweb-product-gallery-stage {
		height: 195px;
	}

	.tekweb-product-gallery-slide img {
		max-width: 245px !important;
		max-height: 180px !important;
	}

	.tekweb-product-gallery-arrow {
		width: 32px;
		height: 40px;
	}
}



/* =========================================================
   V10: BESTSELLER-VERGLEICH IM ARTIKEL
   Bild/Galerie | Produkt | Ranking | Angebot
   ========================================================= */

.ratgeber-single-content
.tekweb-ranked-bestsellers {
	margin: 26px 0 34px;
}


.ratgeber-single-content
.tekweb-ranked-bestsellers
.aawp-products {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}


.ratgeber-single-content
.tekweb-ranked-bestsellers
.tekweb-article-product-card {
	position: relative !important;

	display: grid !important;
	grid-template-columns:
		220px
		minmax(260px, 1fr)
		175px
		210px;

	grid-template-areas:
		"image content score footer";

	align-items: stretch !important;
	column-gap: 24px !important;

	width: 100% !important;
	max-width: none !important;
	min-height: 278px !important;

	margin: 0 0 24px !important;
	padding: 28px 20px 20px !important;

	border: 1px solid #eceff2 !important;
	border-radius: 18px !important;

	background: #fff !important;

	box-shadow:
		0 7px 26px rgba(15, 35, 55, .055) !important;

	overflow: visible !important;
	float: none !important;
	clear: both !important;
}


/* ---------------------------------------------------------
   Bestseller / Angebot Ribbon
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__ribbon,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__badge,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__label {
	position: absolute !important;
	z-index: 20 !important;
	top: 0 !important;
	left: 0 !important;

	width: auto !important;
	max-width: 180px !important;

	margin: 0 !important;
	padding: 10px 17px !important;

	border-radius: 17px 0 12px 0 !important;

	font-size: 11px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	letter-spacing: .025em !important;
	text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   Bildbereich: normales AAWP-Bild als Fallback
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__thumb,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__image {
	grid-area: image !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	max-width: 220px !important;
	min-width: 0 !important;

	height: 220px !important;

	margin: 8px 0 0 !important;
	padding: 0 6px !important;

	float: none !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__thumb img,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__image img {
	display: block !important;

	width: auto !important;
	height: auto !important;

	max-width: 200px !important;
	max-height: 195px !important;

	margin: auto !important;

	object-fit: contain !important;
}


/*
 * Sobald Creators-API-Varianten vorhanden sind,
 * wird das einzelne AAWP-Bild ersetzt.
 */
.ratgeber-single-content
.tekweb-article-product-card.tekweb-has-product-gallery
.aawp-product__thumb,
.ratgeber-single-content
.tekweb-article-product-card.tekweb-has-product-gallery
.aawp-product__image {
	display: none !important;
}


/* ---------------------------------------------------------
   Galerie im Artikel
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-gallery {
	grid-area: image !important;

	align-self: center !important;

	width: 220px !important;
	max-width: 100% !important;

	margin: 4px 0 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
}


.ratgeber-single-content
.tekweb-article-product-gallery
.tekweb-product-gallery-stage {
	height: 205px !important;
}


.ratgeber-single-content
.tekweb-article-product-gallery
.tekweb-product-gallery-slide img {
	max-width: 198px !important;
	max-height: 190px !important;
}


.ratgeber-single-content
.tekweb-article-product-gallery
.tekweb-product-gallery-arrow {
	width: 29px !important;
	height: 38px !important;

	border-color: #e5e5e5 !important;

	font-size: 23px !important;

	opacity: 0;
	transition:
		opacity .15s ease,
		border-color .15s ease,
		background .15s ease !important;
}


.ratgeber-single-content
.tekweb-article-product-gallery:hover
.tekweb-product-gallery-arrow,
.ratgeber-single-content
.tekweb-article-product-gallery:focus-within
.tekweb-product-gallery-arrow {
	opacity: 1;
}


.ratgeber-single-content
.tekweb-article-product-gallery
.tekweb-product-gallery-dots {
	gap: 6px !important;
	margin-top: 8px !important;
}


.ratgeber-single-content
.tekweb-article-product-gallery
.tekweb-product-gallery-dot {
	width: 8px !important;
	height: 8px !important;
}


/* ---------------------------------------------------------
   Produktinformationen
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content {
	grid-area: content !important;

	align-self: center !important;

	width: auto !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 12px 0 !important;

	float: none !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title {
	display: block !important;

	margin: 0 0 7px !important;

	color: #063b61 !important;

	font-size: 16px !important;
	line-height: 1.18 !important;
	font-weight: 800 !important;

	text-decoration: none !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title:hover {
	color: var(--ast-global-color-0) !important;
}


/*
 * Lange Featurelisten standardmäßig einklappen.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__features,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content > ul,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content > ol {
	display: none !important;

	margin: 12px 0 0 !important;
	padding-left: 18px !important;

	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #555 !important;
}


.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.aawp-product__features,
.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.aawp-product__content > ul,
.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.aawp-product__content > ol {
	display: block !important;
}


/* AAWP-Bewertung wird durch unseren Ranking-Score ersetzt. */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__rating {
	display: none !important;
}


/* Preis / Rabatt dürfen im Info-Bereich sichtbar bleiben. */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__price,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__price--current {
	margin: 7px 0 !important;

	font-size: 14px !important;
	font-weight: 700 !important;
}


/* ---------------------------------------------------------
   Mehr anzeigen
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-details-toggle {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;

	width: auto !important;

	margin: 10px 0 0 !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;

	color: #006699 !important;

	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 500 !important;

	cursor: pointer !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-details-toggle:hover {
	color: var(--ast-global-color-0) !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-details-chevron {
	font-size: 15px !important;
	line-height: 1 !important;

	transition: transform .18s ease !important;
}


.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.tekweb-product-details-chevron {
	transform: rotate(180deg);
}


/* ---------------------------------------------------------
   Ranking-Score als eigene Spalte
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-summary {
	grid-area: score !important;

	position: relative !important;

	align-self: start !important;
	justify-self: stretch !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 140px !important;

	margin: -28px 0 0 !important;
	padding: 24px 14px 18px !important;

	border: 0 !important;
	border-radius: 0 0 15px 15px !important;

	background: #eef7fd !important;

	text-align: center !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-caption {
	display: none !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-score-row {
	justify-content: center !important;
	gap: 5px !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-score {
	color: #005a8c !important;

	font-size: 24px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-score span {
	font-size: 15px !important;
	color: #005a8c !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-verdict {
	margin-top: 9px !important;

	color: #222 !important;

	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: lowercase !important;
	letter-spacing: 0 !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-stars {
	margin-top: 10px !important;

	font-size: 17px !important;
}


/*
 * Info-i oben rechts in der Scorebox.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-info-button {
	position: absolute !important;
	top: 12px !important;
	right: 31px !important;

	width: 19px !important;
	height: 19px !important;

	border-color: #d3dce3 !important;

	background: rgba(255, 255, 255, .75) !important;
	color: #7d8b96 !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-info-popover {
	top: 38px !important;
	right: 6px !important;
	left: auto !important;

	width: 300px !important;

	text-align: left !important;
}


/* ---------------------------------------------------------
   CTA rechts
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer {
	grid-area: footer !important;

	align-self: center !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: center !important;

	width: auto !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 12px 0 !important;

	float: none !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-button,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
a {
	box-sizing: border-box !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	min-height: 45px !important;

	margin: 0 !important;
	padding: 11px 15px !important;

	border: 0 !important;
	border-radius: 3px !important;

	font-size: 16px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
}


/*
 * Sonstige Floats / alte AAWP-Clearfix-Effekte neutralisieren.
 */
.ratgeber-single-content
.tekweb-article-product-card::after,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content::after {
	display: none !important;
	content: none !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1180px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns:
			190px
			minmax(220px, 1fr)
			160px;

		grid-template-areas:
			"image content score"
			"image content footer";

		column-gap: 18px !important;
		row-gap: 10px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-gallery {
		width: 190px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-gallery
	.tekweb-product-gallery-slide img {
		max-width: 175px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer {
		align-self: start !important;
		padding-top: 0 !important;
	}
}


@media (max-width: 820px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns:
			180px
			minmax(0, 1fr);

		grid-template-areas:
			"image content"
			"score footer";

		padding-top: 35px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-ranking-summary {
		margin: 0 !important;
		border-radius: 12px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-gallery {
		width: 180px !important;
	}
}


@media (max-width: 600px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns: 1fr !important;

		grid-template-areas:
			"image"
			"content"
			"score"
			"footer" !important;

		row-gap: 14px !important;

		padding: 38px 16px 18px !important;

		border-radius: 14px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__thumb,
	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__image,
	.ratgeber-single-content
	.tekweb-article-product-gallery {
		justify-self: center !important;
		width: min(240px, 100%) !important;
		max-width: 240px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__content {
		padding: 0 !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-ranking-summary {
		width: 100% !important;
		min-height: 120px !important;
		margin: 0 !important;
		padding: 18px 12px !important;

		border-radius: 12px !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer {
		padding: 0 !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-gallery
	.tekweb-product-gallery-arrow {
		opacity: 1 !important;
	}
}



/* =========================================================
   V10.1 – HEADER UND PRODUKTKARTEN FEINSCHLIFF
   ========================================================= */


/* ---------------------------------------------------------
   HEADER:
   H1 bildet jetzt die obere linke Kante neben der Produktbox.
   Kategorie, Datum und Redaktion stehen darunter.
   --------------------------------------------------------- */

.ratgeber-single-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.ratgeber-single-header-main {
	padding-top: 0 !important;
}

.ratgeber-single-title {
	margin-top: 0 !important;
	margin-bottom: 12px !important;

	max-width: none !important;

	font-size: clamp(34px, 3.7vw, 50px) !important;
	line-height: 1.06 !important;
	letter-spacing: -.025em !important;
}

.ratgeber-single-category {
	display: inline-block !important;

	margin: 0 0 7px !important;
	padding: 0 !important;

	font-size: 13px !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
}

.ratgeber-single-updated {
	margin-top: 0 !important;
}


/*
 * Links genügend Raum für die H1 lassen.
 * Der Float bleibt bewusst bestehen, damit der Artikeltext später
 * unter dem Autor bereits neben der noch längeren Produktbox
 * weiterlaufen kann.
 */
.ratgeber-single-article.has-header-product
.ratgeber-single-header {
	min-height: 0 !important;
}

@media (min-width: 981px) {

	.ratgeber-single-article.has-header-product
	.ratgeber-single-header-main {
		padding-right: 8px !important;
	}

	.ratgeber-single-article.has-header-product
	.ratgeber-single-title {
		font-size: clamp(36px, 3.5vw, 48px) !important;
	}
}


/* ---------------------------------------------------------
   ARTIKEL-BESTSELLER:
   stabilere Spalten und vertikale Ausrichtung
   --------------------------------------------------------- */

@media (min-width: 1181px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns:
			215px
			minmax(290px, 1fr)
			170px
			205px !important;

		grid-template-areas:
			"image content score footer" !important;

		column-gap: 22px !important;
		align-items: center !important;

		min-height: 270px !important;
		padding:
			28px 20px
			20px !important;
	}
}


/* Produktinfos beginnen sauber oben. */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content {
	align-self: center !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;

	width: 100% !important;
	min-width: 0 !important;

	padding: 8px 0 !important;
}


/* Titel soll nicht durch alte AAWP-Floats oder feste Breiten wandern. */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title {
	float: none !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 0 8px !important;
}


/* ---------------------------------------------------------
   Preis + Rabatt explizit in Produktinfo
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__pricing,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__price-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 5px 9px !important;

	width: auto !important;
	max-width: 100% !important;

	margin: 8px 0 0 !important;
	padding: 0 !important;

	float: none !important;
	text-align: left !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__price,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__price--current {
	position: static !important;
	float: none !important;

	display: inline-block !important;

	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #202020 !important;

	font-size: 17px !important;
	line-height: 1.3 !important;
	font-weight: 750 !important;

	text-align: left !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__saving,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__savings,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__discount,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__deal,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__sale {
	position: static !important;
	float: none !important;

	display: inline-block !important;

	width: auto !important;

	margin: 7px 0 0 !important;
	padding: 5px 7px !important;

	border-radius: 5px !important;

	font-size: 12px !important;
	line-height: 1.2 !important;

	text-align: left !important;
}


/* ---------------------------------------------------------
   Mehr anzeigen bleibt direkt bei den Produktinformationen.
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-details-toggle {
	align-self: flex-start !important;

	margin-top: 12px !important;
}


/* ---------------------------------------------------------
   Score oben sauber innerhalb seiner Spalte.
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-summary {
	align-self: start !important;

	width: 100% !important;

	margin-top: -28px !important;

	box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Rechts wirklich nur CTA / Amazon-Footer.
   Keine Preispositionierung mehr in dieser Spalte.
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer {
	align-self: center !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: center !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__pricing,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__price-wrapper,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__price,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__price--current {
	text-align: left !important;
}


/* CTA einheitlich. */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-button,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
a.aawp-button {
	width: 100% !important;
	min-height: 46px !important;

	margin: 0 !important;

	font-size: 15px !important;
	font-weight: 700 !important;
}


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (max-width: 1180px) and (min-width: 821px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns:
			190px
			minmax(230px, 1fr)
			160px !important;

		grid-template-areas:
			"image content score"
			"image content footer" !important;

		align-items: start !important;
	}

	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer {
		align-self: start !important;
	}

	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-ranking-summary {
		margin-top: -28px !important;
	}
}


/* ---------------------------------------------------------
   Mobil: Preis bleibt innerhalb der Info-Spalte.
   --------------------------------------------------------- */

@media (max-width: 600px) {

	.ratgeber-single-title {
		font-size: 34px !important;
	}

	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__pricing,
	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__price-wrapper {
		justify-content: flex-start !important;
	}

	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-ranking-summary {
		margin-top: 0 !important;
	}
}



/* =========================================================
   V10.2 – HEADER WIRKLICH OBEN NEBEN PRODUKTBOX
   ========================================================= */

/*
 * Desktop:
 *
 * Links floatet der eigentliche Artikelkopf.
 * Rechts floatet weiterhin die Amazon-Produktbox.
 *
 * Dadurch beginnen H1 und Produktbox auf derselben Höhe.
 * Sobald der linke Header endet, kann der Artikeltext links
 * bereits weiterlaufen, während die höhere Produktbox rechts
 * noch stehen bleibt.
 */
@media (min-width: 981px) {

	.ratgeber-single-article.has-header-product
	.ratgeber-single-lead {
		display: block !important;
		width: 100% !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-header-product {
		float: right !important;

		width: 420px !important;
		max-width: 42% !important;
		min-width: 360px !important;

		margin:
			0
			0
			28px
			38px !important;

		clear: none !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-single-header {
		float: left !important;
		clear: none !important;

		width: calc(100% - 458px) !important;
		max-width: calc(100% - 458px) !important;
		min-width: 0 !important;

		margin:
			0
			0
			22px
			0 !important;

		padding: 0 !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-single-header-main {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-single-title {
		display: block !important;

		width: 100% !important;
		max-width: 100% !important;

		margin:
			0
			0
			12px
			0 !important;

		padding: 0 !important;
	}


	/*
	 * Lead-Wrapper absichtlich NICHT clearen.
	 * Der folgende Artikelinhalt soll nach Ende des linken
	 * Headers neben der rechten Produktbox weiterlaufen können.
	 */
	.ratgeber-single-article.has-header-product
	.ratgeber-single-lead::after {
		display: none !important;
		clear: none !important;
		content: none !important;
	}
}


/*
 * Unter 981 px wieder normal untereinander.
 */
@media (max-width: 980px) {

	.ratgeber-single-article.has-header-product
	.ratgeber-single-header {
		float: none !important;
		clear: none !important;

		width: 100% !important;
		max-width: 100% !important;

		margin-bottom: 22px !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-header-product {
		float: none !important;

		width: 100% !important;
		max-width: 420px !important;
		min-width: 0 !important;
	}
}



/* =========================================================
   V10.3 – HEADER-PRODUKT HORIZONTAL
   Galerie links | Produktinformationen rechts
   ========================================================= */

@media (min-width: 1181px) {

	/*
	 * Rechte Headerbox etwas breiter, damit Galerie und
	 * Produktinfos nebeneinander Platz haben.
	 */
	.ratgeber-single-article.has-header-product
	.ratgeber-header-product {
		width: 560px !important;
		max-width: 50% !important;
		min-width: 520px !important;

		margin-left: 38px !important;
	}


	/*
	 * Linken Artikelkopf entsprechend berechnen.
	 */
	.ratgeber-single-article.has-header-product
	.ratgeber-single-header {
		width: calc(100% - 598px) !important;
		max-width: calc(100% - 598px) !important;
	}


	/*
	 * Gesamte Produktbox:
	 * Galerie links, AAWP-Inhalt rechts.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery {
		display: grid !important;

		grid-template-columns:
			245px
			minmax(0, 1fr) !important;

		grid-template-areas:
			"gallery product" !important;

		align-items: stretch !important;

		width: 100% !important;

		border: 1px solid #dedede !important;
		border-radius: 8px !important;

		background: #fff !important;

		overflow: hidden !important;
	}


	/*
	 * Galerie links.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		grid-area: gallery !important;

		align-self: stretch !important;

		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;

		width: 100% !important;
		height: 100% !important;
		min-height: 340px !important;

		margin: 0 !important;
		padding: 18px 10px 12px !important;

		border: 0 !important;
		border-right: 1px solid #ececec !important;
		border-radius: 0 !important;

		background: #fff !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-stage {
		height: 240px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-slide img {
		max-width: 210px !important;
		max-height: 225px !important;
	}


	/*
	 * Produktinformationen rechts.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp {
		grid-area: product !important;

		display: block !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/*
	 * Die AAWP-Produktbox bekommt keine zweite äußere Karte mehr.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		box-sizing: border-box !important;

		display: flex !important;
		flex-direction: column !important;

		width: 100% !important;
		height: 100% !important;
		min-height: 340px !important;

		margin: 0 !important;
		padding: 22px 20px 18px !important;

		border: 0 !important;
		border-radius: 0 !important;

		background: #fff !important;

		box-shadow: none !important;
	}


	/*
	 * Bestseller-Ribbon kompakt oben rechts im Informationsbereich.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__ribbon,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__badge,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__label {
		position: static !important;

		align-self: flex-start !important;

		width: auto !important;

		margin: 0 0 12px !important;
		padding: 6px 9px !important;

		border-radius: 3px !important;

		font-size: 10px !important;
		line-height: 1.2 !important;
	}


	/*
	 * Content rechts komplett nutzen.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__content {
		display: flex !important;
		flex-direction: column !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		float: none !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__title {
		width: 100% !important;

		margin: 0 0 12px !important;

		font-size: 15px !important;
		line-height: 1.28 !important;
		font-weight: 800 !important;
	}


	/*
	 * Ranking kompakter im rechten Bereich.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-summary {
		width: 100% !important;

		margin: 0 0 12px !important;
		padding: 12px 0 !important;

		border-top: 1px solid #eee !important;
		border-bottom: 1px solid #eee !important;

		background: transparent !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-caption {
		margin-bottom: 4px !important;

		font-size: 10px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-score {
		font-size: 23px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-verdict {
		margin-top: 3px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-stars {
		margin-top: 5px !important;
	}


	/*
	 * Preis klar links unter dem Score.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__price,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__price--current {
		align-self: flex-start !important;

		width: auto !important;

		margin: 5px 0 12px !important;
		padding: 0 !important;

		float: none !important;

		font-size: 18px !important;
		line-height: 1.3 !important;
		font-weight: 800 !important;

		text-align: left !important;
	}


	/*
	 * Footer / CTA unten im rechten Bereich.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer {
		display: flex !important;
		flex-direction: column !important;

		width: 100% !important;

		margin-top: auto !important;
		padding: 0 !important;

		float: none !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer
	.aawp-button,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer
	a {
		width: 100% !important;
		min-height: 43px !important;

		margin: 0 !important;
		padding: 10px 12px !important;

		font-size: 13px !important;
	}


	/*
	 * "Mehr anzeigen" ebenfalls rechts.
	 */
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-details-toggle {
		align-self: flex-start !important;

		margin: 10px 0 0 !important;
	}
}


/* ---------------------------------------------------------
   Etwas kleinere Desktopbreiten:
   Box bleibt zweispaltig, aber kompakter.
   --------------------------------------------------------- */

@media (min-width: 981px) and (max-width: 1180px) {

	.ratgeber-single-article.has-header-product
	.ratgeber-header-product {
		width: 500px !important;
		max-width: 52% !important;
		min-width: 460px !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-single-header {
		width: calc(100% - 538px) !important;
		max-width: calc(100% - 538px) !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery {
		display: grid !important;

		grid-template-columns:
			215px
			minmax(0, 1fr) !important;

		width: 100% !important;

		border: 1px solid #dedede !important;
		border-radius: 8px !important;

		overflow: hidden !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		margin: 0 !important;
		padding: 14px 8px 10px !important;

		border: 0 !important;
		border-right: 1px solid #ececec !important;
		border-radius: 0 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-stage {
		height: 220px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-slide img {
		max-width: 185px !important;
		max-height: 205px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		height: 100% !important;
		min-height: 320px !important;

		margin: 0 !important;
		padding: 18px 15px 15px !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;
	}
}


/*
 * Mobil bleibt die bekannte gestapelte Darstellung.
 */
@media (max-width: 980px) {

	.ratgeber-header-product
	.tekweb-header-product-with-gallery {
		display: block !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		border: 1px solid #e3e3e3 !important;
		border-bottom: 0 !important;
		border-radius: 7px 7px 0 0 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}
}



/* =========================================================
   V10.4 – HEADER KOMPAKTER + ARTIKELTEXT ERST DARUNTER
   ========================================================= */


/* ---------------------------------------------------------
   1. Nach Header/Productbox immer volle Breite.
   Kein Text mehr in schmalen Restspalten neben dem Produkt.
   --------------------------------------------------------- */

.ratgeber-single-article.has-header-product
.ratgeber-single-featured-image,
.ratgeber-single-article.has-header-product
.ratgeber-single-content {
	clear: both !important;
}


.ratgeber-single-article.has-header-product
.ratgeber-single-content {
	display: block !important;

	width: 100% !important;
	max-width: 100% !important;

	margin-top: 24px !important;
}


/*
 * Auch wenn kein Beitragsbild vorhanden ist:
 * Der Content beginnt sicher erst unter beiden Floats.
 */
.ratgeber-single-article.has-header-product
.ratgeber-single-lead + .ratgeber-single-content {
	clear: both !important;
}


/* ---------------------------------------------------------
   2. Header-Produkt auf Desktop deutlich kompakter.
   --------------------------------------------------------- */

@media (min-width: 1181px) {

	.ratgeber-single-article.has-header-product
	.ratgeber-header-product {
		width: 550px !important;
		min-width: 520px !important;
		max-width: 50% !important;
	}


	.ratgeber-single-article.has-header-product
	.ratgeber-single-header {
		width: calc(100% - 588px) !important;
		max-width: calc(100% - 588px) !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery {
		grid-template-columns:
			230px
			minmax(0, 1fr) !important;

		min-height: 0 !important;
	}


	/* Galerie kompakter */

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		min-height: 278px !important;
		height: 278px !important;

		padding:
			10px
			8px
			8px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-stage {
		height: 205px !important;
		min-height: 0 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-slide img {
		max-width: 200px !important;
		max-height: 190px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-dots {
		margin-top: 4px !important;
		gap: 6px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-dot {
		width: 7px !important;
		height: 7px !important;
	}


	/* Rechte Hälfte kompakter */

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		min-height: 278px !important;
		height: 278px !important;

		padding:
			14px
			15px
			13px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__ribbon,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__badge,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__label {
		margin-bottom: 7px !important;

		padding:
			5px
			8px !important;

		font-size: 9px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__title {
		margin-bottom: 7px !important;

		font-size: 14px !important;
		line-height: 1.2 !important;
	}


	/* Score deutlich weniger hoch */

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-summary {
		margin:
			0
			0
			6px !important;

		padding:
			7px
			0
			6px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-caption {
		margin-bottom: 2px !important;

		font-size: 9px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-score {
		font-size: 21px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-score span {
		font-size: 12px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-verdict {
		margin-top: 1px !important;

		font-size: 11px !important;
		line-height: 1.15 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-stars {
		margin-top: 3px !important;

		font-size: 15px !important;
		line-height: 1 !important;
	}


	/* Preis enger */

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__price,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__price--current {
		margin:
			2px
			0
			7px !important;

		font-size: 17px !important;
		line-height: 1.15 !important;
	}


	/* CTA niedriger */

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer
	.aawp-button,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer
	a {
		min-height: 36px !important;

		padding:
			7px
			10px !important;

		font-size: 12px !important;
		line-height: 1.15 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-details-toggle {
		margin-top: 6px !important;

		font-size: 11px !important;
	}
}


/* ---------------------------------------------------------
   3. Kleinere Desktopbreiten ebenfalls niedriger.
   --------------------------------------------------------- */

@media (min-width: 981px) and (max-width: 1180px) {

	.ratgeber-header-product
	.tekweb-header-product-with-gallery {
		grid-template-columns:
			205px
			minmax(0, 1fr) !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		min-height: 285px !important;
		height: 285px !important;

		padding:
			10px
			7px
			8px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-stage {
		height: 205px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery-slide img {
		max-width: 178px !important;
		max-height: 188px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		min-height: 285px !important;
		height: 285px !important;

		padding:
			13px
			13px
			12px !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__title {
		margin-bottom: 6px !important;

		font-size: 13px !important;
		line-height: 1.18 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-ranking-summary {
		margin-bottom: 5px !important;

		padding:
			6px
			0 !important;
	}


	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer
	.aawp-button,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.aawp-product__footer
	a {
		min-height: 35px !important;

		padding:
			7px
			8px !important;

		font-size: 11px !important;
	}
}


/* ---------------------------------------------------------
   4. Mobile: Content sowieso darunter.
   --------------------------------------------------------- */

@media (max-width: 980px) {

	.ratgeber-single-article.has-header-product
	.ratgeber-single-content {
		clear: both !important;

		margin-top: 24px !important;
	}
}



/* =========================================================
   V10.5 – ARTIKEL-BESTSELLER:
   Zusatzinfos einklappen + CTA sauber rechts
   ========================================================= */


/* ---------------------------------------------------------
   ZUSATZINFOS
   AAWP kann UL/OL verschachteln. Die von JS markierten
   Elemente sind im geschlossenen Zustand immer unsichtbar.
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-detail-element {
	display: none !important;

	margin: 10px 0 0 !important;
	padding-left: 19px !important;

	font-size: 13px !important;
	line-height: 1.48 !important;
	color: #333 !important;
}


.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.tekweb-product-detail-element {
	display: block !important;
}


/*
 * Alte AAWP-Feature-Selektoren zusätzlich breit abfangen,
 * damit vor Ausführung des JS nichts offen stehen bleibt.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__features,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content ul,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__content ol {
	display: none !important;
}


.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.aawp-product__features,
.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.aawp-product__content ul,
.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.aawp-product__content ol {
	display: block !important;
}


/*
 * "Mehr anzeigen" direkt unter dem Titel.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title
+ .tekweb-product-details-toggle {
	order: initial !important;

	margin:
		2px
		0
		10px !important;
}


.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-details-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 6px !important;

	align-self: flex-start !important;

	width: auto !important;

	margin:
		2px
		0
		10px !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;

	color: #006699 !important;

	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;

	cursor: pointer !important;
}


/* ---------------------------------------------------------
   CTA-SPALTE
   Rechts soll wirklich ein kompakter Button stehen.
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer {
	grid-area: footer !important;

	position: static !important;

	align-self: center !important;
	justify-self: stretch !important;

	display: block !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;

	height: auto !important;

	margin: 0 !important;
	padding: 0 10px !important;

	float: none !important;

	text-align: center !important;

	box-sizing: border-box !important;
}


/*
 * Preis/Rabatt werden bereits per JS in die Produktinfo verschoben.
 * Übriggebliebene reine Footer-Metadaten sollen die CTA-Ausrichtung
 * nicht mehr auseinanderziehen.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__price,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__price--current,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__pricing,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-product__price-wrapper {
	display: none !important;
}


/*
 * Der eigentliche Amazon-Link wird zum geschlossenen Button.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
a,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-button {
	position: relative !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	max-width: 205px !important;
	min-height: 46px !important;

	margin: 0 auto !important;
	padding:
		10px
		14px !important;

	border: 0 !important;
	border-radius: 4px !important;

	background: #3498db !important;
	color: #fff !important;

	box-shadow: none !important;

	font-size: 15px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;

	box-sizing: border-box !important;
}


/*
 * AAWP-Warenkorb/Pseudo-Icon darf innerhalb des Buttons bleiben,
 * aber nicht mehr eine separate breite Spalte erzeugen.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
a::before,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
.aawp-button::before {
	position: absolute !important;
	left: 13px !important;
	top: 50% !important;

	margin: 0 !important;

	transform: translateY(-50%) !important;
}


/*
 * Falls das Template ein separates Icon-Element neben dem Link
 * ausgibt, dieses verstecken. Der CTA bleibt dadurch mittig.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
> i,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
> svg,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__footer
> .aawp-icon {
	display: none !important;
}


/* Tablet / Mobile: CTA ebenfalls sauber volle Breite. */

@media (max-width: 1180px) {

	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer {
		padding: 0 !important;
	}

	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer
	a,
	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer
	.aawp-button {
		max-width: 100% !important;
	}
}



/* =========================================================
   V10.6 – RANKING-INFO
   Info-i fest oben rechts
   ========================================================= */

/*
 * Scorebox ist Bezugspunkt für das Info-i.
 */
.tekweb-ranking-summary {
	position: relative !important;
}


/*
 * Info-i immer oben rechts innerhalb der Scorebox.
 * Gilt sowohl für Header als auch Bestseller im Artikel.
 */
.tekweb-ranking-summary
.tekweb-ranking-info-button {
	position: absolute !important;

	top: 9px !important;
	right: 9px !important;
	left: auto !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 19px !important;
	height: 19px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 1px solid #d5dde3 !important;
	border-radius: 50% !important;

	background: rgba(255,255,255,.92) !important;
	color: #72808b !important;

	font-size: 11px !important;
	line-height: 1 !important;
	font-weight: 700 !important;

	cursor: pointer !important;

	z-index: 5 !important;
}


/*
 * Spezifische ältere Artikel-Regel überschreiben.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-info-button {
	top: 9px !important;
	right: 9px !important;
	left: auto !important;
}


/*
 * Header ebenfalls rechts oben.
 */
.ratgeber-header-product
.tekweb-ranking-summary
.tekweb-ranking-info-button {
	top: 7px !important;
	right: 7px !important;
	left: auto !important;
}


/*
 * Score-Zeile braucht das i nicht mehr als Inline-Element.
 * Der Zahlenwert bleibt sauber zentriert/links ausgerichtet,
 * während das i absolut in der Ecke sitzt.
 */
.tekweb-ranking-score-row {
	position: static !important;
}


/*
 * Popup direkt unter dem i.
 */
.tekweb-ranking-summary
.tekweb-ranking-info-popover {
	position: absolute !important;

	top: 34px !important;
	right: 7px !important;
	left: auto !important;

	width: min(320px, calc(100vw - 40px)) !important;
	max-width: 320px !important;

	padding: 12px 13px !important;

	border: 1px solid #dfe5e9 !important;
	border-radius: 7px !important;

	background: #fff !important;
	color: #333 !important;

	box-shadow: 0 8px 26px rgba(0,0,0,.12) !important;

	font-size: 12px !important;
	line-height: 1.45 !important;
	text-align: left !important;

	z-index: 50 !important;
}


/*
 * Artikel-Score weiterhin sauber zentriert.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-ranking-score-row {
	justify-content: center !important;
}


/*
 * Header-Score kompakt halten.
 */
.ratgeber-header-product
.tekweb-ranking-summary {
	padding-right: 30px !important;
}



/* =========================================================
   V10.7 – CTA DIREKT UNTER RANKINGBOX
   ========================================================= */

/*
 * Desktop:
 *
 * [ Galerie ] [ Produktinfo ] [ Ranking ]
 * [ Galerie ] [ Produktinfo ] [ CTA     ]
 *
 * Keine separate vierte CTA-Spalte mehr.
 */
@media (min-width: 1181px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns:
			215px
			minmax(300px, 1fr)
			190px !important;

		grid-template-areas:
			"image content score"
			"image content footer" !important;

		column-gap: 24px !important;
		row-gap: 12px !important;

		align-items: start !important;
	}


	/*
	 * Scorebox oben rechts.
	 */
	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-ranking-summary {
		grid-area: score !important;

		align-self: start !important;
		justify-self: stretch !important;

		width: 100% !important;
		min-height: 140px !important;

		margin:
			-28px
			0
			0 !important;

		box-sizing: border-box !important;
	}


	/*
	 * CTA unmittelbar darunter.
	 */
	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer {
		grid-area: footer !important;

		align-self: start !important;
		justify-self: stretch !important;

		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: center !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer
	a,
	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer
	.aawp-button {
		width: 100% !important;
		max-width: none !important;
		min-height: 44px !important;

		margin: 0 !important;
	}
}


/*
 * Tablet ebenfalls: Score und CTA bilden eine gemeinsame
 * rechte Spalte.
 */
@media (min-width: 821px) and (max-width: 1180px) {

	.ratgeber-single-content
	.tekweb-ranked-bestsellers
	.tekweb-article-product-card {
		grid-template-columns:
			190px
			minmax(230px, 1fr)
			170px !important;

		grid-template-areas:
			"image content score"
			"image content footer" !important;

		column-gap: 18px !important;
		row-gap: 10px !important;

		align-items: start !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-ranking-summary {
		grid-area: score !important;

		width: 100% !important;

		align-self: start !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer {
		grid-area: footer !important;

		width: 100% !important;

		align-self: start !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer
	a,
	.ratgeber-single-content
	.tekweb-article-product-card
	.aawp-product__footer
	.aawp-button {
		width: 100% !important;
		max-width: none !important;
	}
}



/* =========================================================
   V10.8 – PREIS / MEHR ANZEIGEN TAUSCHEN
   HEADER OHNE "MEHR ANZEIGEN"
   ========================================================= */


/* ---------------------------------------------------------
   HEADER:
   Kein Details-Toggle mehr anzeigen.
   Zusatzinfos bleiben weiterhin verborgen.
   --------------------------------------------------------- */

.ratgeber-header-product
.tekweb-product-details-toggle {
	display: none !important;
}


.ratgeber-header-product
.aawp-product__features,
.ratgeber-header-product
.aawp-product__feature,
.ratgeber-header-product
.aawp-product__content ul,
.ratgeber-header-product
.aawp-product__content ol {
	display: none !important;
}


/* ---------------------------------------------------------
   ARTIKEL-BESTSELLER:
   Preis direkt unter dem Titel.
   --------------------------------------------------------- */

.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title
+ .aawp-product__pricing,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title
+ .aawp-product__price-wrapper,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title
+ .aawp-product__price,
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title
+ .aawp-product__price--current {
	margin-top: 5px !important;
	margin-bottom: 9px !important;
}


/*
 * Alte Regel "Toggle direkt nach Titel" neutralisieren.
 */
.ratgeber-single-content
.tekweb-article-product-card
.aawp-product__title
+ .tekweb-product-details-toggle {
	margin:
		10px
		0
		0 !important;
}


/*
 * Mehr anzeigen steht am Ende der Produktinfo.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-product-details-toggle {
	order: 999 !important;

	margin:
		10px
		0
		0 !important;
}


/*
 * Wenn die Details geöffnet sind, etwas Abstand vor
 * "Weniger anzeigen".
 */
.ratgeber-single-content
.tekweb-article-product-card.tekweb-product-details-open
.tekweb-product-details-toggle {
	margin-top: 12px !important;
}



/* =========================================================
   V10.9 – HEADER AMAZON-BUTTON HELLBLAU
   ========================================================= */

.ratgeber-header-product
.aawp-product__footer
.aawp-button,
.ratgeber-header-product
.aawp-product__footer
a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	min-height: 40px !important;

	margin: 0 !important;
	padding: 9px 12px !important;

	border: 1px solid #b9dff4 !important;
	border-radius: 5px !important;

	background: #e8f5fc !important;
	color: #075985 !important;

	box-shadow: none !important;

	font-weight: 700 !important;
	text-decoration: none !important;

	transition:
		background .15s ease,
		border-color .15s ease,
		color .15s ease !important;
}


.ratgeber-header-product
.aawp-product__footer
.aawp-button:hover,
.ratgeber-header-product
.aawp-product__footer
.aawp-button:focus,
.ratgeber-header-product
.aawp-product__footer
a:hover,
.ratgeber-header-product
.aawp-product__footer
a:focus {
	border-color: #88c9eb !important;

	background: #d8effb !important;
	color: #034f75 !important;

	outline: none !important;
}


/*
 * Warenkorb/Icon übernimmt ebenfalls die dunkle Schriftfarbe.
 */
.ratgeber-header-product
.aawp-product__footer
.aawp-button::before,
.ratgeber-header-product
.aawp-product__footer
a::before,
.ratgeber-header-product
.aawp-product__footer
i,
.ratgeber-header-product
.aawp-product__footer
svg {
	color: #075985 !important;
	fill: currentColor !important;
}



/* =========================================================
   V10.10 – AAWP ANGEBOT-RIBBON SICHTBAR
   ========================================================= */

/*
 * Bestseller bleibt orange links.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-bestseller-ribbon {
	position: absolute !important;
	z-index: 22 !important;

	top: 0 !important;
	left: 0 !important;

	display: inline-flex !important;
	align-items: center !important;

	width: auto !important;
	max-width: none !important;
	min-height: 34px !important;

	margin: 0 !important;
	padding: 9px 16px !important;

	border-radius: 17px 0 0 0 !important;

	white-space: nowrap !important;

	overflow: visible !important;
}


/*
 * Grünes AAWP-"Angebot"-Ribbon.
 *
 * Die exakte left-Position wird von JS anhand der realen
 * Bestseller-Ribbon-Breite gesetzt.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-offer-ribbon {
	position: absolute !important;
	z-index: 21 !important;

	top: 0 !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: auto !important;
	max-width: none !important;
	min-width: 72px !important;
	min-height: 34px !important;

	margin: 0 !important;
	padding: 9px 14px !important;

	border-radius: 0 0 12px 0 !important;

	background: #24b66b !important;
	color: #fff !important;

	white-space: nowrap !important;
	overflow: visible !important;

	font-size: 11px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	letter-spacing: .025em !important;
	text-transform: uppercase !important;
}


/*
 * Falls AAWP selbst Textfarbe/Background auf einem Kind setzt.
 */
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-offer-ribbon,
.ratgeber-single-content
.tekweb-article-product-card
.tekweb-offer-ribbon * {
	color: #fff !important;
}


/*
 * Auf kleinen Displays beide Labels etwas kompakter halten.
 */
@media (max-width: 600px) {

	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-bestseller-ribbon,
	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-offer-ribbon {
		min-height: 31px !important;

		padding:
			8px
			10px !important;

		font-size: 9px !important;
	}

	.ratgeber-single-content
	.tekweb-article-product-card
	.tekweb-offer-ribbon {
		min-width: 60px !important;
	}
}


/* =========================================================
   V10.11 – HEADER: PRIME DARF CTA NICHT ABSCHNEIDEN
   ========================================================= */

/*
 * Der kompakte Desktop-Header hatte bisher eine feste Höhe von
 * 278/285px. AAWP kann zusätzlich ein Prime-Element ausgeben.
 * Dadurch wird die rechte Produktspalte höher und der CTA wurde
 * innerhalb der festen Kartenhöhe unten abgeschnitten.
 *
 * Die Mindesthöhe bleibt für ein ruhiges Layout erhalten, die
 * tatsächliche Höhe darf nun aber mit dem AAWP-Inhalt wachsen.
 * Die Galerie streckt sich über CSS Grid automatisch auf dieselbe
 * Höhe wie die Produktinformationen.
 */
@media (min-width: 1181px) {

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		height: auto !important;
		min-height: 278px !important;
	}

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		height: auto !important;
		min-height: 278px !important;
	}
}


@media (min-width: 981px) and (max-width: 1180px) {

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-product-gallery {
		height: auto !important;
		min-height: 285px !important;
	}

	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product,
	.ratgeber-header-product
	.tekweb-header-product-with-gallery
	.tekweb-header-product-aawp
	.aawp-product--list {
		height: auto !important;
		min-height: 285px !important;
	}
}


/*
 * Prime bleibt sichtbar. Nur sicherstellen, dass ein Prime-Logo
 * oder Prime-Hinweis die verfügbare Breite nicht sprengt.
 */
.ratgeber-header-product .aawp-product__prime,
.ratgeber-header-product .aawp-box__prime {
	max-width: 100% !important;
	height: auto !important;
}