@font-face {
	font-family:"Titillium";
	src:url("https://cdn02.plentymarkets.com/eyyhwht1a3iu/frontend/fonts/TitilliumWeb-Regular.ttf");
	font-display:swap;
}
@font-face {
	font-family:"Titillium";
	src:url("https://cdn02.plentymarkets.com/eyyhwht1a3iu/frontend/fonts/TitilliumWeb-SemiBold.ttf");
	font-display:swap;
	font-weight:bold;
}
@font-face {
	font-family:"Titillium";
	src:url("https://cdn02.plentymarkets.com/eyyhwht1a3iu/frontend/fonts/TitilliumWeb-Italic.ttf");
	font-display:swap;
	font-style:italic;
}
@font-face {
	font-family:"Titillium";
	src:url("https://cdn02.plentymarkets.com/eyyhwht1a3iu/frontend/fonts/TitilliumWeb-SemiBoldItalic.ttf");
	font-display:swap;
	font-weight:bold;
	font-style:italic;
}

.text-accent {color:var(--secondary);}

body {
	background-color:#ffffff;
	font-size:15px;
	font-family:Titillium, custom-font, Helvetica, arial, sans-serif;
}

.top-bar > .container-max, #page-header > .container-max,
.main > .container-max, .footer > div,
.parallax-img-container > div > .container-max {
	max-width:80%;
	margin:0 auto;
}

.owl-dots, nav button,
.cmp-product-thumb .add-to-basket-lg-container,
.control-wish-list span,
.control-basket span,
.base-price.is-single-piece,
:is(.page-category, .page-basket, .page-login) .breadcrumb,
.quantity-input-container,
.widget-newsfeed img ~ * { display:none !important;}

header#page-header { background-color:#fff; }
.main#page-body { padding-top:1rem; }

.main .page-content {margin-bottom:2rem;}
.main .page-content,
.main + .footer > .row {
	max-width:95%;
}
.widget-text a {
	color:#0057a0;
}
.cmp-product-thumb a.text-appearance:not(:hover,:focus) {
	color:#0057a0 !important;
}
.widget-secondary .bg-appearance a {
	color:#000 !important;
}
h3, .h3 {
	font-size:1.29rem;
}

/* Logo */
.logo {
	width:fit-content; margin:0 auto;
	padding-block: 28px !important;
}
.logo img {height:100px;max-height:100px;}
.logo ~ hr { /* Horizontale Linie */
	margin-left:-14%;
	margin-right:-14%;
	min-width:100vw !important;
	margin-top:0;
}

/* Primary Navigation */
.primary-navbar {
	max-width:100vw !important;
	font-weight:600;
	letter-spacing:0.05em;
}
.primary-navbar li,
.primary-navbar span,
.primary-navbar a {
	display:inline-block;
	position:relative;
}
.primary-navbar span {cursor:default;}
.primary-navbar nav > ul a,
.primary-navbar nav > ul span {
	padding:12px 14px;
	transition:all 0.2s ease-out;
	color:#000000;
}
.primary-navbar nav > ul li a:hover,
.primary-navbar nav > ul li span:hover {
	color:rgba(48, 49, 51, .5);
	transition:all 0.2s ease-out;
}
.primary-navbar ul:first-child > li:nth-child(4) { /* Trennlinie nach "Partyspiele" */
	border-right:1px solid #dee2e6;
	padding-right:20px;
	margin-right:16px;
}
.primary-navbar li > ul {
	display:none;
	position:absolute;
	z-index:9;
	background:#fff;
	padding:0;
}
.primary-navbar li:hover > ul,
.primary-navbar li:focus > ul {
	display:block;
}
.primary-navbar .gw-icon {
	max-height: 3.8ex;
	vertical-align: -1ex;
	margin-right: 0.3ex;
}
#prime-nav ul ul {
	padding: 1em;
}
#prime-nav ul ul li {
	white-space: nowrap;
	width: 100%;
}
#prime-nav ul ul a {
	padding: 0.35em;
	transition: none;
	font-weight: 400;
}
#prime-nav ul ul a:hover {
	color: rgba(48,49,51,.5);
	background-color: rgba(0,0,0,0.03);
	width: 100%;
}
.primary-navbar > div input, .primary-navbar > div label {display: none;}
nav li:nth-child(6) span:after,
nav li:nth-child(7) span:after,
nav li:nth-child(8) span:after {
	content: "";
	color: #000000;
	padding-left: 10px;
	transition: all 0.2s ease-out;
}

.category-25 .primary-navbar nav > ul > li:first-child a,
.category-27 .primary-navbar nav > ul > li:nth-child(2) a,
.category-28 .primary-navbar nav > ul > li:nth-child(3) a,
.category-26 .primary-navbar nav > ul > li:nth-child(4) a {
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-decoration-color: red;
	text-underline-position: under;
}


/* Secondary Navigation */
.secondary-navbar, .top-bar .cmp-search-box {
	background-color:var(--secondary);
	color:#ffffff;
	height: 41px;
}
.secondary-navbar, .top-bar .cmp-search-box.show {
	height:auto;
}
html[lang="de"] .secondary-navbar > div:first-child:before {
	content: 'AMIGO Einfach gute Spiele!';
	line-height: 2.4em;
	position: absolute;
}
.secondary-navbar ul a {
	font-size: 15px !important;
}
.secondary-navbar .controls-list i {
	font-size: 1.1rem;
}
.secondary-navbar .controls-list i,
.secondary-navbar .control-search a:before {
	margin-right: 5px !important;
}

.control-basket .toggle-basket-preview {
	background-color:var(--secondary);
}
.controls-list .nav-link:hover {
	background-color:inherit;
	color:rgba(255, 255, 255, .5);
	transition:all 0.2s ease-out;
}
.anicon > .anicon-search-item:hover:after {
	background-color:var(--secondary) !important;
}
.anicon > .anicon-search-item:before,
.anicon > .anicon-search-item:after {
	color:#ffffff;
	background:#ffffff;
}
.search-submit .fa-search:before {color:var(--secondary);}
.control-wish-list .fa-heart {color:#ffffff;}
#controlsList .control-search .anicon-search-xcross {
	width:auto;
}
#controlsList .control-search .anicon:before {
	content:"";
	font-family:'FontAwesome';
	margin-right:4px;
}
#controlsList .control-search a span {display: none;}


.breadcrumbs {
	background-color: transparent;
	& .breadcrumb {
		background-color: transparent;
		max-width:80%;
		padding: 20px !important;
		& .breadcrumb-item + .breadcrumb-item::before {
			content:">";
		}
		& a span { color: inherit; }
	}
}

/* Produktlisten */
.cmp-product-thumb { height:100%; }
.cmp-product-thumb,
.cmp-product-thumb .thumb-content,
.cmp-product-thumb .thumb-image {
	background-color:inherit;
	color:var(--dark);
}
.cmp-product-thumb .thumb-title {
	font-size:90%;
	color:var(--dark);
	font-weight:bold;
}
.cmp-product-thumb .price {
	color:var(--dark);
	font-weight:400;
}
.cmp-product-thumb .text-muted {
	/* MwSt. & Versandkosten */
	color:var(--dark) !important;
	font-weight:400;
}
.cmp-product-thumb .thumb-image {
	width: 75%;
	float: none;
	margin: 2em auto;
}
.owl-carousel .owl-stage-outer {
	overflow-y:visible;
	overflow-x:clip;
}
.cmp-product-thumb:hover .add-to-basket-lg-container[data-original-title^="In"] {
	border-right-color: var(--success);
	color: #fff;
}
.cmp-product-thumb .thumb-meta + div:has(button) {
	display:none;
}
.page-home-category .widget-item-list .col-12 {
	margin-bottom: 20px;
}

/* Produktlistenfilter */
.filter-collapse .form-check-label:hover {
	padding-left: .5rem;
}
.list-controls .filter-collapse .page-content {
	max-width: none;
}
.list-controls .list-controls-inner {
	background-color:transparent;
	.d-sm-flex {display:flex;}
	& > div {
		padding: 0 !important;
	}
	select {
		border-radius:20px;
		border:1px solid #0057a0;
		color:#0057a0;
		width:auto;
		padding:0.5rem 1rem;
		line-height:1.3;
	}
	.list-sort {padding-inline: 0;}
	.widget-primary {
		order:-1; margin-right:10px;
		a {
			background:#0057a0;
			color:#fff !important;
		}
		a:hover {
			background:#00376E;
			color:#fff !important;
		}
	}
}

/* Artikel */
.single-article article, article {
	box-shadow:0 30px 60px -30px rgb(0 0 0 / 45%);
	border-radius:5px;
	background-color:#ffffff;
}
.article-img .owl-thumbs .owl-thumb {border:none;}
.article-img img {
	transform:scale(.7);
	transition:all 0.2s ease-out;
}
.article-img img:hover {
	transform:scale(.7);
	transition:all 0.2s ease-out;
}
.article-img .image-container {
	border-radius:5px;
	box-shadow:inset rgb(0 0 0 / 10%) 0 0 10px;
	transition:all 0.2s ease-out;
}
.article-img .image-container img:hover {
	transform:scale(.8);
	transition:all 0.2s ease-out;
}
#thumb-carousel > div > div {margin:0 auto;}
iframe.image.zoom:hover {
	transform:scale(1.5);
	transition:250ms transform;
}
.youtube {max-width: 100%;}
.press p:first-line {
	font-weight:bold;
}
.price,
.single .title-outer h1, .page-singleitem .title-outer h1 {
	color:#000000;
}
.tab-pane {
	ol, ul, p {
		max-width: 90ch;
	}
}

.single .nav-tabs .nav-link.active,
.single .nav-tabs .nav-link:hover,
.page-singleitem .nav-tabs .nav-link.active,
.page-singleitem .nav-tabs .nav-link:hover,
.single .nav-tabs .nav-link,
.page-singleitem .nav-tabs .nav-link,
.widget-feedback .feedback-container .title {
	border:0;
	color:var(--gray) !important;
	font-weight:800;
	font-size:1.29rem;
	text-transform:uppercase;
	@media screen and (max-width: 768px){
		font-size:1.15rem;
	}
}
.single .nav-tabs .nav-link.active,
.page-singleitem .nav-tabs .nav-link.active {
	border-bottom:2px solid var(--secondary);
	color:var(--black) !important;
}

.widget-item-list.invert-hl .widget-item-list-caption {
	color: var(--black) !important;
	background-color:transparent !important;
	border-bottom:1px solid #ddd;
	padding-block:1rem;
}
.widget-item-list.invert-hl .widget-item-list-caption h3,
.widget-feedback .feedback-container .title {
	padding:13px 1.2ex;
	font-weight:800;
	font-size:1.29rem;
	white-space:nowrap;
}
.widget-feedback .feedback-container .title {
	display:inline-block;
	padding-bottom:11px;
	color:initial !important;
}

@media screen and (min-width:575px) {
	.widget-item-list.invert-hl .widget-item-list-caption h3,
	.widget-feedback .feedback-container .title {
		display:inline;
		border-bottom:2px solid red;
		margin:-1em;
	}
	/*.widget-feedback .feedback-container .title {
		margin-bottom:-15px !important;
	}*/
}


/* Buttons */
.btn {
	font-weight:800;
	border-radius:2rem;
	&.widget.widget-add-to-wish-list.outline {
		background-color:#fff;
		border:1px solid var(--info);
		transition:none;
		padding-inline:0 !important;
		&:hover, &:focus, &:hover .fa, &:focus .fa {
			background-color:var(--info);
			color:#ffffff !important;
		}
		& button {
			padding-inline: 0;
			font-size: 0;
			width: 55px;
			height: 25px;
			&[data-original-title^="Zur"] i:before {
				content: "\f08a";
			}
		}
	}
}
.paypal-express-button {padding-top:2em; }
.add-to-basket-container button {
	padding-block:18px;
	white-space:nowrap;
	& .fa { padding-left:1ex; }
}
article .btn-group {
	display:block;
	width:100%;
	color:var(--secondary);
	border:1px solid var(--secondary);
	padding:0.5rem 1rem;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
}
article .btn-group:hover {
	color:var(--primary);
	border:1px solid var(--primary);
}
article button {all:unset !important;}

/* Footer */
.bg-footer { background-color:#f7f7f7; }
.footer {
	background-color:#f7f7f7;
	max-width:100%;
	padding-top:5em;
}
.footer .fa-map-marker {
	color:#000000;
	float:left;
	font-size:18px;
}
.footer .h4, .footer h4 {
	font-size:20px;
	font-weight:600;
	color:#000000;
	padding-bottom:36px;
}
.footer-col li a {
	font-size:16px;
	font-weight:400;
	color:#000000 !important;
	transition:all 0.2s ease-out;
	line-height:28px;
}
.footer-col li a:hover {
	color:var(--secondary) !important;
	transition:all 0.2s ease-out;
}

.contact-card .d-inline-block,
.contact-card div p {
	display: inline !important;
}

.site-info {
	background-color:var(--secondary);
	box-shadow:-20vw 0 0 0 var(--secondary), 20vw 0 0 0 var(--secondary);
	margin:3em 0 0 0;
	width:100%;
	padding:25px 0;
}
.site-info p {
	font-size:13px;
	color:#fff;
	line-height:2;
}
.site-info ul > li {display:inline-block;}

.info-block > div:first-child div {
	background-color: var(--secondary) !important;
	display: flex;
	align-items: center;
}
.info-block > div:first-child div a,
.gpsr-modal a {
	text-decoration: underline;
}


/* Social Icons */
.fa, .site-info li a:before, nav li span:after {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.widget-add-to-wish-list .fa {
	font-size: 1.2rem;
	color: #0057a0;
}
.site-info .widget-inner a {
	color:rgba(255, 255, 255, 0.01);
	padding:5px;
}
.site-info .widget-inner a:before {
	color:#ffffff;
	font-size:30px;
	transition:all 0.2s ease-out;
}
.site-info li a[href*="facebook"]:before {content:"";}
.site-info li a[href*="youtube"]:before {content:"";}
.site-info li a[href*="instagram"]:before {content:"";}
.site-info li a[href*="tiktok"] {
	background-image: url('https://cdn02.plentymarkets.com/eyyhwht1a3iu/frontend/images/TikTok_Icon_White.svg');
	background-repeat: no-repeat;
	background-size: 26px auto;
	line-height: 28px;
	margin-left: 9px;
}
.site-info li a[href*="tiktok"]:hover {
	filter: invert();
	transition:all 0.2s ease-out;
}
.site-info li a:hover:before {
	color:var(--primary);
	transition:all 0.2s ease-out;
}


/* Widgets */
.widget-primary.invert-hl .bg-appearance {
	color: var(--primary) !important;
	background-color: #fff0 !important;
}
.widget-secondary.invert-hl .bg-appearance {
	color: var(--secondary) !important;
	background-color: #fff0 !important;
}

.widget-newsfeed {justify-content:space-between;}
.widget-newsfeed article {
	display:flex;
	flex-direction:column;
	max-width:48%;
}
.widget-newsfeed h1 {order:1;}
.widget-newsfeed h1:hover {color:var(--secondary);}
.widget-newsfeed footer {order:2;}
.widget-newsfeed footer .categories:before {
	content: " ";
	font-family: 'FontAwesome';
	vertical-align:middle;
}
.widget-newsfeed h1, .widget-newsfeed footer {padding:0 2.3rem;}
.widget-newsfeed > div { /* Plenty-Bugfix */
	display: contents;
}


.text-banner-widget.contain > div { min-height: 0 !important; }
.text-banner-widget.contain .parallax-img-container-inner,
.text-banner-widget.contain > div > a > div {
	height: 0 !important;
	background-size: contain !important;
}
.text-banner-widget.flexbanner-3-8 .parallax-img-container-inner,
.text-banner-widget.flexbanner-3-8 > div > a > div {
	padding-bottom: calc(10100% / 384);
}
.text-banner-widget.notext .inner {
	display:none !important;
}

/* Back-to-Top Button */
.footer .back-to-top, .footer .btn {
	position:fixed;
	right:9px;
	top:82%;
	border-radius:20px !important;
	padding:3px 17px 5px !important;
	background-color:#e9ecef;
	color:var(--gray-dark);
	height:26px;
	width:auto;
	border:0 !important;
	opacity:1;
	& .fa-arrow-up:before {
		content:"";
	}
	&.btn-secondary:active {
		background-color:var(--dark);
	}
}

/* Youtube Consent */
.youtube[data-src] {
	width:auto;
	height:auto;
	min-height:320px;
	display:inline-flex;
	padding:1em;
	box-sizing:border-box;
	flex-direction:column;
	justify-content:center;
	border-bottom:2px solid #fff;
}

@media screen and (min-width:1200px) {
	.cmp-product-thumb .thumb-content {
		padding:0 2em 3em;
	}
}
@media screen and (min-width:768px) {
	.cmp-product-thumb .thumb-title {
		font-size:1.3em;
	}
	.list-controls .filter-collapse .page-content .card {
		max-width:24em;
	}

	html[lang="de"] #controlsList .control-search .anicon:after {
		content:"Suchen";
		margin-left:5px;
	}
}

@media screen and (max-width:1400px) { /* Navi-BP */
	header#page-header {
		background-color:transparent;
	}
	.nav-toggle-label {
		position: absolute;
		top: -100px;
		left: 67vw;
	}
	.primary-navbar {
		left:0 !important;
	}
	.primary-navbar > div {
		display: flex;
		align-items: center;
		right: 45%;
	}
	.primary-navbar li:nth-child(4) {border: none;}
	.primary-navbar > div label {display: block;}
	.primary-navbar a, .primary-navbar li > span {
		padding: 0.125em 0 0.125em !important;
	}

	.nav-toggle, .primary-navbar > div input  {display: none;}
	.nav-toggle-label span::before {
		content: "☰";
		color: #000000;
		font-size: 2em;
		cursor: pointer;
	}
	.nav-toggle-label {
		margin-bottom: 4.5em;
	}
	#prime-nav {
		width: 100vw;
		height: 100vh;
		padding: 2em 0;
		background-color: #ffffff;
		z-index: 999;
		position: absolute;
		text-align: left;
		top: 100%;
		left: -3em;
		transform: scale(1,0);
		transform-origin: top;
		box-shadow: -15vw 0 0 0 #ffffff, 0 0 0 0 #ffffff;
		transition: transform 400ms ease-in-out;
	}
	#prime-nav li {margin-bottom: 1em; width: 100%;}
	#prime-nav a, #prime-nav li span {
		background-color: #ffffff;
		color: black;
		text-decoration: none;
		font-size: 14px;
		text-transform: uppercase;
		transition: opacity 250ms ease-in-out 250ms;
	}
	#prime-nav a:hover, #prime-nav li span:hover {
		cursor: pointer;
		color: #000;
	}
	.nav-toggle:checked ~ #prime-nav {
		transform: scale(1,1);
	}
	.nav-toggle:checked ~ #prime-nav a {
		opacity: 1;
	}
	#prime-nav li > ul {
		display:none;
		position:absolute;
		z-index:9;
		padding:0;
		margin: 0;
		left: 10%;
		top: 145%;
		box-shadow: -25vw 0 0 0 #ffffff, 0 0 0 0 #ffffff;
	}
	#prime-nav li:hover > ul,
	#prime-nav li:focus > ul {
		display:block;
		color: rgba(48, 49, 51, 0.5);
	}
	#prime-nav li:nth-child(1) a:after, #prime-nav li:nth-child(2) a:after,
	#prime-nav li:nth-child(3) a:after, #prime-nav li:nth-child(4) a:after,
	#prime-nav li:nth-child(5) a:after {
		content: "";
		color: #000000;
		padding-left: 10px;
		transition:all 0.2s ease-out;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
	}

	.logo {
		margin:0;
		left:-2em !important;
		padding:2em 0 !important;
		position:relative !important;
	}
}
@media screen and (min-width:960px) {
	.secondary-navbar {
		padding-inline:47px 26px;
	}
}
@media screen and (max-width:768px) {
	.card-columns {
		column-count:2;
	}

	#page-header .container-max:before {
		content:none;
	}
}

@media screen and (max-width:575px) {
	.widget-proportional.widget-prop-3-1 {height:12rem !important;}
	.thumb-content {padding: 0 1em 1em !important;}
	.cmp-product-thumb .thumb-content {width: 100%;}

	.widget-newsfeed {flex-direction:column;}
	.widget-newsfeed article {max-width:100%;}

	.footer > div > div {flex-direction:column;}

	.footer-col {width:100%;}
	.footer-col > div {padding:1em 0;}
	.footer-col > div:last-child {padding-left:0;}
	.footer-col .h4 {padding-bottom:25px;}

	.site-info > div {flex-wrap:wrap; justify-content:center;}
	.site-info > div > .h4 {padding:40px 0 10px 0;}
	.site-info ul {padding:10px 0 40px 0;}

	.card-columns {
		column-count:1;
	}

	.page-singleitem .buttons > div {
		max-width:max-content;
		flex-grow:1;
		padding-right:0;
	}
	
  .page-home-category .widget-item-list .col-12,
  .page-singleitem .widget-item-list .col-12:not(:has(.owl-carousel)) {
	  max-width:50%;
  }
}

@media (max-width: 991px) {
	.widget-tab .mobile-accordion .accordion-item {
		border: 1px solid #dee2e6;
		margin-bottom: 0.25rem;
		border-radius: 0.375rem;
		overflow: hidden;
	}
	.widget-tab .mobile-accordion summary {
		padding: 1rem;
		background-color: var(--light);
		border: none;
		font-weight: 600;
		cursor: pointer;
		list-style: none;
		transition: color 0.15s ease-in-out;
	}
	.widget-tab .mobile-accordion summary::-webkit-details-marker {
		display: none;
	}
	.widget-tab details[open] > summary {
		color: #fff;
		background-color: var(--secondary);
	}
	.widget-tab details > summary:before {
		content:"+";
		float:right;
		transform:scale(1.5);
	}
	.widget-tab details[open] > summary:before {
		content:"-";
	}
	.widget-tab .mobile-accordion .accordion-body {
		padding: 1rem;
		max-height:80vh;
		overflow-y:auto;
	}
}

@media (max-width: 991px) {
	.widget-tab .desktop-tabs {
		display: none !important;
	}
	.widget-tab .mobile-accordion {
		display: block !important;
	}
}

@media (min-width: 992px) {
	.widget-tab .desktop-tabs {
		display: block !important;
	}
	.widget-tab .mobile-accordion {
		display: none !important;
	}
}