@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,
.widget-newsfeed img ~ * { display:none !important;}

.main .page-content {
	margin-bottom:2rem;
}
.widget-text a {
	color:#00f;
}
.widget-secondary .bg-appearance a {
	color:#000 !important;
}

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

/* Primary Navigation */
.primary-navbar {
	max-width:100% !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;
	transition:all 0.2s ease-out;
	cursor:pointer;
}
.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:20px;
}
.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: 2em;
	vertical-align: -1ex;
}
#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;
}


/* Secondary Navigation */
.secondary-navbar, .top-bar .cmp-search-box {
	background-color:var(--secondary);
	color:#ffffff;
}
html[lang="de"] .secondary-navbar > div:first-child:before {
	content: 'AMIGO Einfach gute Spiele!';
	line-height: 2.2em;
	position: absolute;
}
.secondary-navbar ul a {
	font-size: 1rem !important;
}
.secondary-navbar .controls-list i {
	font-size: 1.25rem;
}
.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';
}
#controlsList .control-search a span {display: none;}

/* Produktlisten */
.cmp-product-thumb,
.cmp-product-thumb .thumb-content,
.cmp-product-thumb .thumb-image {
	background-color:inherit;
	color:var(--primary);
}
.cmp-product-thumb .thumb-title {
	font-size:1.3em;
	color:var(--primary);
	font-weight:bold;
}
.cmp-product-thumb .price {
	font-size:1.1em;
	color:var(--primary);
	font-weight:400;
}
.cmp-product-thumb .text-muted {
	/* MwSt. & Versandkosten */
	color:var(--primary) !important;
	font-weight:400;
}
.cmp-product-thumb .thumb-image {
	width: 75%;
	float: none;
	margin: 3em 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;
}

/* Produktlistenfilter */
.filter-collapse .form-check-label:hover {
	 padding-left: .5rem;
}
.list-controls .filter-collapse .page-content {
	max-width: none;
}


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

/* Buttons */
.paypal-express-button {padding-top:2em; }
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:7.5em;
}
.footer .h4, .footer h4 {
	font-size:20px;
	font-weight:600;
	color:#101213;
	padding-bottom:36px;
}
.footer-col li a {
	font-size:15px;
	font-weight:400;
	color:#000000 !important;
	transition:all 0.2s ease-out;
}
.footer-col li a:hover {
	color:var(--secondary) !important;
	transition:all 0.2s ease-out;
}

.site-info {
	background-color:var(--secondary);
	box-shadow:-20vw 0 0 0 var(--secondary), 20vw 0 0 0 var(--secondary);
	margin:5em 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 {
	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;
}
.site-info .widget-inner a {
	color:rgba(255, 255, 255, 0.01);
	padding:5px;
}
.site-info .widget-inner a:before {
	color:#ffffff;
	font-size:18px;
	transition:all 0.2s ease-out;
}
.site-info li:nth-child(1) a:before {
	color: var(--secondary);
	content: "\1D54F";
	background-color: #ffffff;
	border-radius: 4px;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	font-size:16px;
}
.site-info li:nth-child(1) a:hover:before {
	color: var(--secondary);
	border-left-color: #000000;
	border-right-color: #000000;
	background-color: black;
}
.site-info li:nth-child(2) a:before {content:"";}
.site-info li:nth-child(3) a:before {content:"";}
.site-info li:nth-child(4) a:before {content:"";}
.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;}


.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 */
.fa-chevron-up {padding-top:7px;}
.footer > .back-to-top {opacity:100%;}

.back-to-top {bottom:1.5em;}
.back-to-top,
.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active,
.back-to-top:active,.back-to-top.active,
.show > .back-to-top.dropdown-toggle,
.footer > .border {
	border:none !important;
	background-color:#101213;
}

/* 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) {
	.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 */
	.nav-toggle-label {
		position: absolute;
		top: -100px;
		left: 67vw;
	}
	.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 (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: 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:2em 0;}
	.footer-col > div:last-child {padding-left:0;}
	.footer-col .h4 {padding-bottom:25px;}

	.footer .btn {box-shadow:-15vw 0 0 0 var(--primary), 15vw 0 0 0 var(--primary);}

	.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;
	}
}
