#search_header_overall button.icon {
	width: unset;
	height: unset;
	background: 0 0;
	border: 0;
	color: #fefefe;
	margin: 25px 0 0;
}#search_header_overall button.icon:hover {
	background-color: transparent;
}
.step {
	clear: both;
	max-width: 65%;
	height: 0;
	margin: 0 auto;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #cacaca;
	border-left: 0;
	position: relative;
	top: 32px;
}
#order-progress {
	padding: 1rem 1rem 1.5rem;
	background-color: var(--lightgrey);
}
#order-progress .grid-container.full {
	box-shadow: none;
}
#order-progress .menu .menu-text span {
	font-size: 0.85rem;
	line-height: 2rem;
	color: #8a8a8a;
	font-weight: 400;
}
#order-progress .menu .is-current.menu-text span {
	font-size: 0.85rem;
	line-height: 2rem;
	color: var(--green);
	font-weight: 400;
}
#order-progress .menu .menu-text i {
	font-size: 0.85rem;
	color: #8a8a8a;
	border: 1px solid #8a8a8a;
	border-radius: 100%;
	padding: 10px;
	background-color: #fff;
}
#order-progress .menu .menu-text i.fa-solid.fa-cart-shopping {
	padding: 9px 10px 9px 8px;
}
#order-progress .menu .is-current.menu-text i {
	color: #fff;
	border: 1px solid var(--green);
	background-color: var(--green);
}

#basketContent {
	background-color: var(--lightgrey);
}
#basketContent h1 span {
	font-size: 1.1rem;
	font-weight: 400;
}
.basket .bar {
	margin-bottom: 0.0rem;
	margin-top: 0.8rem;
}
.basket h5,
.basket h4.summe {
	font-size: 1.0rem;
	line-height: 1.4;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.basket .hide-for-large h5 {
	padding: 0 0 0.5rem;
}
.basket h4.summe {
	font-weight: 600;
}
.basket .hide-for-large h4.summe {
	margin-bottom: 0.5rem;
}
.basket .bestnr,
.basket .delivery,
.basket h5.hersteller {
	font-size: 0.9rem;
	line-height: 1.4;
	font-weight: 400;
	padding-bottom: 0.25rem;
}
.basket h5.hersteller {
	margin-bottom: 0;
	color: var(--dark);
}
.basket .hide-for-large p.delivery {
	margin-bottom: 0.5rem;
}
.basket .delete {
	margin-top: 2px;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.8rem;
	width: max-content;
	height: auto;
	background: 0 0;
	border: 0;
	padding: 2px 0;
	border-radius: 0;
}
#foo.basket {
	border: 1px solid #cacaca;
	border-radius: 5px;
	margin-bottom: auto;
	background-color: #fff;
}
#foo.basket hr {
	margin: 0 1rem 2.25rem;
}
#foo.basket .premium-service {
	padding-top: 0.75rem;
	margin-bottom: 1rem;
	height: 50px;
}
#foo.basket .firstlevel-support {
	padding-top: 0.75rem;
	margin-bottom: 0.5rem;
	vertical-align: middle;
}
#foo.basket .premium-service img,
#foo.basket .firstlevel-support img {
	width: 40px;
	max-width: 40px;
	border: none;
	margin-top: 3px;
	margin-right: 15px;
}
#foo.basket .premium-service a,
#foo.basket .firstlevel-support a {
	color: var(--dark);
	font-weight: 600;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	cursor: pointer;
}
#foo.basket .premium-service i.fas,
#foo.basket .firstlevel-support i.fas {
	margin-left: 8px;
	padding-right: 0;
	opacity: 1;
}
#foo.basket .premium-service small,
#foo.basket .firstlevel-support small {
	font-weight: 400;
}
#foo.basket a.titel {
	border-bottom: 1px solid transparent;
}
#foo.basket a.titel:hover,
#foo.basket a.titel:focus {
	border-bottom: 1px solid var(--dark);
	color: var(--dark);
}
#foo.basket .addon > div {
	margin-top: 1rem;
}
#foo.basket .addon p {
	margin-bottom: 0;
}
#foo.basket .addon .show-for-large,
#foo.basket .addon .hide-for-large {
	cursor: pointer;
}
#foo.basket .addon .show-for-large {
	margin-top: auto;
}
#foo.basket .addon .hide-for-large {
	margin-top: 0;
}
#foo.basket .addon .show-for-large span,
#foo.basket .addon .hide-for-large span {
	font-weight: 600;
	line-height: 3;
}
#foo.basket .gift .gift-infos .show-for-small-only.image {
	left: 110px;
}
#foo.basket a.change,
#orderdata .basket a.change {
	color: var(--lightblue);
	font-size: 0.8rem;
	line-height: 1.4;
	text-decoration: underline;
}
#foo.basket .tooltip,
#orderdata .basket .tooltip {
	max-width: 15rem;
}
#foo.basket .hide-for-large .amount,
#orderdata .basket .hide-for-large .amount {
	display: inline-block;
}
#foo.basket .hide-for-large .amount-change,
#orderdata .basket .hide-for-large .amount-change {
	display: inline-block;
	padding-left: 5px;
}
#foo.basket .amount .fas.fa-info-circle,
#orderdata .basket .amount .fas.fa-info-circle {
	font-size: 0.9rem;
	padding-left: 6px;
}
#foo.basket .hide-for-large .amount .fas.fa-info-circle,
#orderdata .basket .hide-for-large .amount .fas.fa-info-circle {
	padding-right: 5px;
}
#foo.basket .input-number.type-watch,
#orderdata .basket .input-number.type-watch {
	font-size: 0.95rem;
}
#foo.basket .product-infos,
#orderdata .basket .product-infos {
	padding-top: 0.5rem;
}
.basket .product-infos h6 {
	font-weight: 400;
	margin-bottom: 0.65rem;
}
.basket .product-infos p {
	margin-bottom: 0.25rem;
}
#foo.basket .product-margin-bottom,
#orderdata .basket .product-margin-bottom {
	margin-bottom: 2.0rem;
}
#foo.basket .input-number-group .input-group-button,
#orderdata .basket .input-number-group .input-group-button {
	line-height: 1.5;
}
#foo.basket .hide-for-large .amount-change .input-number-group,
#orderdata .basket .hide-for-large .amount-change .input-number-group {
	max-width: fit-content;
	max-width: -moz-fit-content;
	max-width: -webkit-fit-content;
	max-width: -ms-fit-content;
	max-width: -o-fit-content;
}
#foo.basket .gift_delivered,
#orderdata .basket .gift_delivered {
	margin-bottom: 1.25rem;
}
#foo.basket .gift_delivered .alert-text,
#orderdata .basket .gift_delivered .alert-text {
	position: relative;
	line-height: 1.2;
	adding-top: 10px;
}
#foo.basket .gift_delivered .alert-text span,
#orderdata .basket .gift_delivered .alert-text span {
	font-size: 0.9rem;
	line-height: 1;
	color: var(--green);
}
#foo.basket .gift_delivered .alert-text span span,
#orderdata .basket .gift_delivered .alert-text span span {
	background-color: var(--green);
	color: #ffffff;
}
#foo.basket .gift_delivered .alert-text h4,
#orderdata .basket .gift_delivered .alert-text h4 {
	line-height: 1.4;
	margin: 10px 0 3px;
}
#foo.basket .gift,
#orderdata .basket .gift {
	margin-bottom: 1.25rem;
}
#foo.basket .gift .gift-infos,
#orderdata .basket .gift .gift-infos {
	position: relative;
	margin-bottom: 0.5rem;
}
#foo.basket .gift .gift-infos h4,
#orderdata .basket .gift .gift-infos h4 {
	margin-top: 0.5rem;
}
#foo.basket .gift .gift-infos .image,
#orderdata .basket .gift .gift-infos .image {
	position: absolute;
	top: 65%;
	width: 100px;
}
#foo.basket .gift .gift-infos .hide-for-small-only.image,
#orderdata .basket .gift .gift-infos .hide-for-small-only.image {
	left: 150px;
}
#foo.basket .gift .gift-infos .image img,
#orderdata .basket .gift .gift-infos .image img {
	width: 100px;
	max-width: 100px;
	border: none;
}
#foo.basket .gift-zz,
#orderdata .basket .gift-zz {
	margin-bottom: 1.25rem;
}
#foo.basket .gift-zz h4,
#orderdata .basket .gift-zz h4 {
	margin-top: 1.5rem;
	margin-bottom: 1.0rem;
}
#foo.basket .gift-zz p,
#orderdata .basket .gift-zz p {
	margin-top: 1.5rem;
}
#foo.basket .gift-zz .image,
#orderdata .basket .gift-zz .image {
	position: relative;
	top: 0;
	left: -5px;
	width: 100px;
}
#foo.basket .gift-zz .image img,
#orderdata .basket .gift-zz .image img {
	width: 100px;
	max-width: 100px;
	border: none;
}
#buttonContainer {
	position: fixed;
	top: auto;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: auto;
	transform: none;
	border-radius: 0px;
	padding: 1rem 1rem 0;
	background: #fff;
	-webkit-box-shadow: 0px -2px 3px -1px rgba(0,0,0,.33);
	-moz-box-shadow: 0px -2px 3px -1px rgba(0,0,0,.33);
	-o-box-shadow: 0px -2px 3px -1px rgba(0,0,0,.33);
	-ms-box-shadow: 0px -2px 3px -1px rgba(0,0,0,.33);
	box-shadow: 0px -2px 3px -1px rgba(0,0,0,.33);
}
#buttonContainer table {
	border: 0;
	margin-bottom: 0;
}
#buttonContainer button {
	text-transform: uppercase;
	font-weight: 600;
}
#ModalRenewIolo button.no {
	color: #ffffff;
	background-color: var(--grey);
	margin-right: 0.2rem;
}
#ModalRenewIolo button.yes {
	color: #ffffff;
	background-color: #8eb70c;
	margin-bottom: 1rem;
}
.notifyjs-bootstrap-base {
	position: fixed;
	left: 40%;
	white-space: normal;
}
.notifyjs-bootstrap-info {
	font-size: 1.0rem;
	color: #1f447a;
	padding: 20px;
	background-color: #dfdfdf;
	border-color: #aaaaaa;
	box-shadow: 0px 0px 8px 4px #cacaca;
}
.discount-label {
	font-size: 0.85rem;
	padding: 0.1rem 0.35rem;
	margin: 0.1rem auto 0.25rem;
	width: max-content;
	border-radius: 3px;
}
.hide-for-large .discount-label {
	margin: 0.1rem 0 0.25rem;
}
#ModalChipOption {
	box-shadow: rgb(55, 55, 55) 0px 0px 15px 2px;
	border: 0;
	color: #fff;
	padding: 0;
}
#ModalChipOption .chip-option-left {
	padding: 1rem 0 0;
	font-size: 1.6rem;
	font-weight: 700;
}
#ModalChipOption .chip-option-left > div {
	padding: 1rem 1rem 0.5rem 0;
	font-weight: 400;
}
#ModalChipOption .chip-option-left > div > span {
	font-size: 1.3rem;
	line-height: 1;
	color: var(--darkgrey);
}
#ModalChipOption .chip-option-left img {
	width: auto;
	max-width: 480px;
	border: none;
	margin-top: 0rem;
}
#ModalChipOption .chip-option-text {
	background: #4b70a9;
	background: -moz-linear-gradient(top,  #4b70a9 0%, #565aa1 99%);
	background: -webkit-linear-gradient(top,  #4b70a9 0%,#565aa1 99%);
	background: linear-gradient(to bottom,  #4b70a9 0%,#565aa1 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b70a9', endColorstr='#565aa1',GradientType=0 );
	background-color: #4b70a9;
	background-color: -moz-linear-gradient(top,  #4b70a9 0%, #565aa1 99%);
	background-color: -webkit-linear-gradient(top,  #4b70a9 0%,#565aa1 99%);
	background-color: linear-gradient(to bottom,  #4b70a9 0%,#565aa1 99%);
	padding: 2rem 1.5rem 1rem;
	z-index: 2;
}
#ModalChipOption .chip-option-text h2 {
	color: #fff;
	text-transform: uppercase;
}
#ModalChipOption .chip-option-text h2 img {
	max-width: 60px;
	width: 60px;
	height: auto;
	border: none;
	margin-bottom: 3px;
}
#ModalChipOption .chip-option-text h2 div {
	display: inline-block;
}
#ModalChipOption .chip-option-text h2 span.gratis {
	font-family: 'KalamRegular', cursive;
	font-size: 2.0rem;
	color: #bddb15;
	text-transform: lowercase;
	padding: 0 5px;
}
#ModalChipOption .chip-option-text div {
	margin: 2rem 0 0.5rem;
	line-height: 2.5;
}
#ModalChipOption .chip-option-text div.hide-for-large {
	margin: 0;
	line-height: 1;
}
#ModalChipOption .chip-option-text div .delivery-ger {
	margin: 0 0 2rem;
	font-size: 0.85rem;
}
#ModalChipOption .chip-option-text div .delivery-ger i {
	padding-right: 0.7rem;
}
#ModalChipOption .chip-option-text .fa-check-circle {
	color: #fff;
	padding-right: 8px;
}
#ModalChipOption .chip-option-text button {
	color: #4d7cc1;
	font-size: 1.2rem;
	font-weight: 600;
	background-color: #fff;
	border-radius: 25px;
}
#ModalChipOption .chip-option-text button.yes {
	background-color: #bddb15;
}
#ModalChipOption:focus {
	outline: none;
}
@media print, screen and (max-width: 40em) {
	.notifyjs-bootstrap-base {
		position: fixed;
		left: 15px;
		white-space: normal;
	}
}
@media print, screen and (min-width: 0em) {
	#ModalChipOption .chip-option-text {
		padding: 3rem 2.5rem 1rem;
	}
}
@media print, screen and (min-width: 40em) {
	#ModalPremiumService {
		height: auto;
		width: 500px;
		padding: 3em 1.5em 1.5em;
		top: 50% !important;
		transform: translateY(-50%);
	}
	#ModalFirstLevelSupport {
		height: auto;
		width: 510px;
		padding: 3em 1.5em 1.5em;
		top: 50% !important;
		transform: translateY(-50%);
	}
	#ModalRenewIolo {
		height: auto;
		width: 580px;
		padding: 3em 1.5em 1.5em;
		top: 50% !important;
		transform: translateY(-50%);
	}
	#ModalChipOption {
		height: auto;
		border-radius: 20px;
		padding: 0;
		top: 50% !important;
		transform: translateY(-50%);
		width: auto;
	}
}
@media print, screen and (min-width: 64em) {
	#ModalChipOption {
		width: 800px;
		max-width: 800px;
	}
	#ModalChipOption .chip-option-text {
		padding: 3rem 1rem 1rem;
	}
}

#basket-overview h2.h3 {
    padding: 0.5rem 1rem;
	margin-bottom: 0;
	border-radius: 5px 5px 0 0;
}
#basket-overview .callout {
    background-color: #fff;
    padding: 1rem;
    border: 1px solid #cacaca;
	border-radius: 0 0 5px 5px;
}
#basket-overview button.button,
#basket-overview a.button {
	text-transform: uppercase;
	font-weight: 600;
}
#basket-overview #voucher_button.button {
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
}
#basket-overview #checkoutButton.button:hover,
#basket-overview #checkoutButton.button:focus,
#basket-overview #voucher_button.button.dark:hover,
#basket-overview #voucher_button.button.dark:focus {
	background-color: var(--yellow);
	color: var(--dark);
}
#basket-overview table.unstriped {
	border: 0;
	border-collapse: inherit;
	margin-bottom: 0;
}
#basket-overview table tr.details {
	background-color: #fff;
	border: 0;
}
#basket-overview table tbody td {
	color: var(--grey);
	font-size: 0.9rem;
	padding: 0.2rem 0.3rem;
	font-weight: 400;
	line-height: 1.3;
}
#recommendation-wrapper {
	margin: 1.5rem auto 0;
	padding-top: 2rem;
	padding-bottom: 5rem;
}
#recommendation-wrapper h2, #recommendation-wrapper h3 {
	font-weight: 400;
	padding-bottom: 1.0rem;
}
#recommendation-wrapper h2 {
	padding-bottom: 1.0rem;
}
#recommendation-wrapper h2 span {
	padding-left: 0.1rem;
}
#recommendation-wrapper #basketRecommendation {
	padding-top: 1.5rem;
}
.empty-basket {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
}
.empty-basket h2 {
	font-family: KalamRegular, roboto, sans-serif;
	margin-bottom: 2rem;
}
.empty-basket p {
	margin-bottom: 0.8rem;
}
#basketRecommendation div.aktionspreis,
#basketRecommendation div.neu {
	color: #ffffff;
	line-height: 1.9;
	text-transform: uppercase;
	width: 160px;
	height: 30px;
	margin-top: -54px;
	margin-left: -24px;
	margin-bottom: 16px;
	background-color: var(--green);
	border-radius: 5px 5px 0 0;
}
#basketRecommendation div.neu {
	width: 80px;
}
#basketRecommendation .new {
	position: absolute;
	top: 15px;
	left: 35px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 10px 10px;
	padding: 0.15rem 0.4rem;
	color: #fff;
	text-transform: uppercase;
	background-color: var(--green);
	border-radius: 5px;
}
#basketRecommendation img.inkl-ebook {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 140px;
}
#basketRecommendation .button {
	font-size: 1.0rem;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	background: var(--basket);
	border: 0;
	border-radius: 5px;
	padding: 0.7rem 1rem;
}
#basketRecommendation .button:hover,
#basketRecommendation .button:focus {
	background-color: var(--buttonblue-hover);
}
#basketRecommendation .price-instead {
	position: relative;
	display: inline-block;
	padding-left: 0px;
	width: 140px;
	font-size: 0.9rem;
}
#basketRecommendation .price-instead img {
	position: absolute;
	right: -5px;
	bottom: 5px;
}
.product-card-title {
	font-size: 1.0rem;
	font-weight: bold;
	color: var(--dark);
	text-transform: none;
}
.product-card-desc {
	color: var(--dark);
	display: block;
	font-size: 0.85rem;
}

#checkoutModal .input-field {
	width: 100%;
	padding: 10px;
	text-align: left;
	border-radius: 5px;
	margin-bottom: 0.5rem;
}
#checkoutModal #customer-password-login .input-field {
	padding-right: 35px;
}
#checkoutModal input.input-field:focus {
	background-color: #deeafd !important;
}
#checkoutModal .icon {
	position: relative;
	padding: 10px; 
	min-width: 40px;
	right: -10px;
}
#checkoutModal .far.fa-eye, #checkoutModal .far.fa-eye-slash {
	display: block;
	position: absolute;
	top: 1.8rem;
	right: 0;
	cursor: pointer;
	padding: 0.7rem;
}
#checkoutModal .fas.fa-check.icon {
	position: absolute;
	color: #80bd01;
	border-left: 0px solid grey;
}
#checkoutModal .fas.fa-times.icon {
	position: absolute;
	color: #ff0000;
	border-left: 0px solid grey;
}
#checkoutModal .fas.fa-spin.fa-circle-notch.icon {
	position: absolute;
	color: #000000;
	border-left: 0px solid grey;
}
#checkoutModal h1,
#checkoutModal .h1 {
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0.5rem;
}
#checkoutModal p {
	margin-bottom: 0;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
	font-size: 0.9rem;
	font-weight: 400;
}
#checkoutModal #no_cookie.red {
	font-size: 0.9rem;
	line-height: 1.4;
	text-align: center;
	padding: 0 0 1.5rem;
}
#checkoutModal h4 {
	font-weight: 400;
	margin-top: 1.5rem;
	padding-left: 1.25rem;
}
#checkoutModal #password-forget, #checkoutModal #register_button {
	cursor: pointer;
	font-size: 1.1rem;
	margin-bottom: 0.25rem;
}
#checkoutModal #register_button {
	margin-bottom: 1.5rem;
}
#checkoutModal #password-forget:before, #checkoutModal #register_button:before {
	font: var(--fa-font-solid);
    content: "\f054";
	padding-right: 0.5rem;
}
#checkoutModal #password-forget:hover, #checkoutModal #register_button:hover {
	color: #3768a6;
}
#checkoutModal #userlogin {
	padding-top: 0.5rem;
}
#checkoutModal .callout {
	background-color: #ffffff;
	padding-top: 0;
	padding-bottom: 0;
}
#checkoutModal .login-box p {
	margin-bottom: 1rem;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
	font-family: 'Roboto', sans-serif, Arial, Helvetica;
	font-size: 0.95rem;
	font-weight: 400;
	text-align: center;
}
#checkoutModal .login-persistent {
	font-size: 0.95rem;
	margin-top: 0;
	text-align: center;
}
#checkoutModal .login-persistent label {
	font-size: 0.95rem;
	margin-right: 0.5rem;
}
#checkoutModal #login_button {
	text-transform: uppercase;
	margin: 0.5rem 0;
}
#checkoutModal #login_button.button:hover, #checkoutModal #login_button.button:focus, #checkoutModal #login_button.button.disabled, #checkoutModal #login_button.button[disabled] {
	opacity: 0.9;
	background-color: var(--yellow);
	color: var(--dark);
}
#checkoutModal #register_button.button:hover, #checkoutModal #register_button.button:focus, #checkoutModal #register_button.button.disabled, #checkoutModal #register_button.button[disabled] {
	opacity: 0.9;
	color: var(--dark);
}
#checkoutModal .form-error {
	display: block;
	color: var(--red);
	margin-bottom: 0.5rem;
}
#checkoutModal .fa-regular.fa-eye, #checkoutModal .far.fa-eye, #checkoutModal .far.fa-eye-slash {
	display: block;
	position: absolute;
	top: 1.8rem;
	right: 0;
	cursor: pointer;
	padding: 0.7rem;
}
#checkoutModal .login-box-social-section-inner {
	padding: 0 1rem 1rem;
}
#checkoutModal #guestForm {
	background-color: #ffffff;
	padding-top: 0.7rem;
	color: var(--dark);
}
#checkoutModal .login-box-social-headline h2 {
	font-size: 1.5rem;
	line-height: 1.4;
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}
#checkoutModal #guestButton {
	text-transform: uppercase;
}
#checkoutModal .password-forget-text {
	font-size: 0.9rem;
	margin-bottom: 1rem;
	padding-left: 1.25rem;
}
#checkoutModal .password-forget-text ul {
	margin-top: 0.2rem;
	margin-bottom: 2rem;
}
@media print, screen and (max-width: 39.9375em) {
	#checkoutModal.reveal {
		top: 0 !important;
	}
	#checkoutModal .login-box-social-section-inner {
		padding: 0 0 1rem;
	}
}
@media print, screen and (min-width: 40em) {
	#checkoutModal.reveal {
		max-width: 28rem;
	}
}
#orderContent, .order-confirmation {
	background-color: var(--lightgrey);
}
#marker0 {
	background-color: #fff;
}
#orderdata {
	padding-bottom: 10rem;
}
@media print, screen and (max-width: 77.4375em) {
	#orderdata {
		padding-bottom: 13rem;
	}
}
#orderdata .basket .gift .gift-infos .show-for-small-only.image {
	left: 120px;
}
#orderdata .basket .gift-zz .show-for-large img {
	max-width: 100px;
}
#orderdata .basket .gift-zz .hide-for-large img {
	max-width: 75px;
}
#orderdata .switch .switch-paddle {
	font-size: 0.9rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 5.0rem;
}
#orderdata .switch-paddle::after {
	top: 0.25rem;
	left: 0.25rem;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 5.0rem;
	z-index: 0;
	opacity: 1;
}
#orderdata label.newsletter {
	cursor: pointer;
	font-size: 0.9rem;
	line-height: 1.2rem;
	padding: 5px 0 0 30px;
}
#orderdata label.sepa {
	cursor: pointer;
	font-size: 0.9rem;
	line-height: 1.2rem;
	padding: 3px 0 0 26px;
}
#orderdata .switch input:checked ~ .switch-paddle::after {
	border-radius: 5.0rem;
	opacity: 0;
}
#orderdata #button_buy_bottom.button,
#orderdata #button_buy_container.button {
	margin: 0 0 1rem;
	text-transform: uppercase;
	font-weight: 600;
	min-width: 200px;
	padding: 0.85em 1em;
	color: var(--dark);
	text-decoration: none;
	font-size: 1.0rem;
}
#orderdata #button_buy_bottom.button:hover,
#orderdata #button_buy_bottom.button:focus,
#orderdata #button_buy_container.button:hover,
#orderdata #button_buy_container.button:focus {
	background-color: var(--yellow);
	color: var(--dark);
	opacity: 0.9 !important;
}
#orderdata h1.hide-for-small-only {
	padding: 1.75rem 0 1.0rem;
}
#orderdata h1.show-for-small-only {
	padding: 1rem 0 0.5rem;
}
#orderdata table.unstriped {
	border: 0;
	border-collapse: inherit;
}
#orderdata table tr.details {
	background-color: #fff;
	border: 0;
}
#orderdata table tbody td {
	color: var(--grey);
	font-size: 0.9rem;
	padding: 0.2rem 0.3rem;
	font-weight: 400;
	line-height: 1.3;
}
#orderdata a {
	color: var(--lightblue);
	font-size: 0.9rem;
	line-height: 1.4;
	text-decoration: underline;
}
#orderdata p {
	font-size: 0.95rem;
	line-height: 1.6;
	padding: 0 0 0.5rem;
	margin: 0;
}
#orderdata #marker0 .border-line,
#orderdata #marker1 .border-line,
#orderdata #marker2 .border-line {
	border: 1px solid #cacaca;
	border-radius: 5px;
	margin-bottom: auto;
}
#orderdata #marker1 .border-line,
#orderdata #marker2 .border-line {
	margin-top: 1.5rem;
	font-size: 0.95rem;
	line-height: 1.3;
	background-color: #fff;
}
#orderdata #sepaMandateDownload {
	text-decoration: underline;
	line-height: 2.5em;
}
#orderdata #marker2 .notification {
	padding: 10px 0;
}
#orderdata #marker2 .notification .accordion-title {
	border: 0px;
	line-height: 1.2;
	padding: 3px 0 0 26px;
	font-weight: 400;
}
#orderdata #marker2 .notification .accordion-title:hover,
#orderdata #marker2 .notification .accordion-title:focus {
	background-color: transparent;
}
#orderdata #marker2 .notification .accordion-title::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.5rem;
	content: '';
}
#orderdata #marker2 .notification .is-active > .accordion-title::before {
	content: '';
}
#orderdata #marker2 .notification .accordion-content {
	border: 0px;
	padding: 10px 0 0;
}
#orderdata #marker2 .notification .fas.fa-pencil-alt {
	font-size: 1.0rem;
	margin: 3px 10px 0px 0px;
}
#orderdata #marker2 .agree-agb {
	padding: 10px 0;
}
#orderdata #marker2 .agree-agb .fas.fa-exclamation-circle {
	font-size: 1.0rem;
	margin: 3px 10px 0 0px;
}
#orderdata #marker2 .agree-agb .info {
	font-size: 0.9rem;
	line-height: 1.5;
	padding: 0 0 0 26px;
}
#orderdata #marker2 .agree-sepa {
	padding: 5px 0 10px;
}
#orderdata #marker2 .agree-sepa .switch {
	margin: 4px 7px 0 0;
}
#orderdata #marker2 .agree-sepa .fas.fa-check {
	margin-left: 2px;
	margin-top: 6px;
}
#orderdata #marker2 #sepa-error {
	line-height: 1.2rem;
	padding: 3px 0 0 26px;
}
#orderdata #marker2 .agree-newsletter {
	border: 1px solid #cacaca;
	border-radius: 5px;
	margin-top: 1.5rem;
	font-size: 0.95rem;
	line-height: 1.3;
}
#orderdata #marker2 .agree-newsletter > div {
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	background-color: #cfe3bd;
}
#orderdata #marker2 .agree-newsletter ul {
	margin-bottom: 0;
}
#orderdata #marker2 .agree-newsletter .switch {
	margin: 4px 7px 0 0;
}
#orderdata #marker2 .agree-newsletter .fas.fa-check {
	margin-left: 2px;
	margin-top: 7px;
	font-size: 0.7rem;
}
#button_buy_bottom.button:hover {
	-webkit-backface-visibility: hidden;
	opacity: 1;
	opacity: unset;
}

.order-confirmation .fas.fa-check-circle {
	color: var(--green);
	font-size: 3rem;
	padding-bottom: 0.5rem;
	padding-top: 3.5rem;
}
.order-confirmation h1 {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.order-confirmation .border-line {
	border: 1px solid #cacaca;
	border-radius: 5px;
	margin-bottom: auto;
	margin-top: 1.5rem;
	font-size: 0.95rem;
	line-height: 1.3;
	background-color: #fff;
}
.order-confirmation .button {
	text-transform: uppercase;
	font-weight: 600;
}
.order-confirmation table tbody td {
	color: var(--grey);
	font-size: 0.9rem;
	padding: 0.2rem 0.3rem;
	font-weight: 400;
}
.order-confirmation table.unstriped tbody,
.order-confirmation table.unstriped tbody tr {
	border-bottom: 0px solid #fff;
	background-color: #fff;
}
.order-confirmation table tr.details {
	background-color: #fff;
	border: 0;
}
.order-confirmation table.unstriped {
	border: 0;
	border-collapse: inherit;
}
.order-confirmation .basket .gratis {
	width: 100px;
}
.order-confirmation .basket .gratis img {
	width: 100px;
	max-width: 100px;
	border: none;
}
.order-confirmation h5.summe {
	line-height: 1.5rem;
}
.order-confirmation ul.more-info {
	list-style: none;
	padding: 0;
	margin-left: 2.75rem;
}
.order-confirmation ul.more-info li {
	padding: 1.2rem 0;
}
.order-confirmation ul.liste-haken {
	list-style: none;
	line-height: 2;
	margin-left: 0;
	padding: 0;
}
.order-confirmation ul.liste-haken li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f00c";
	color: #8eb70c;
	padding-right: 0.5rem;
}
.order-confirmation .ts-pfeil {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 25px 20px 0;
	border-color: transparent #ffffff transparent transparent;
}
.order-confirmation table thead,
.order-confirmation table tfoot {
	color: var(--dark);
}
.order-confirmation table tbody td {
	padding: 0 0.3rem;
}
.order-confirmation #order_details_mobile,
.order-confirmation #order_details_desk {
	margin-top: 1.5rem;
	font-size: 0.95rem;
	line-height: 1.3;
}
.order-confirmation #order_details_desk > div {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}
.order-confirmation #order_details_mobile > div {
	padding-top: 1.2rem;
}
.order-confirmation #order_details_mobile .data {
	padding-bottom: 1.2rem;
}
.order-confirmation #order_details_mobile h4 {
	margin-bottom: 0.1rem;
}
.order-confirmation #order_details_mobile h5,
.order-confirmation #order_details_desk h5 {
	line-height:2.5em;
	margin-bottom: 0px;
}
.order-confirmation #order_details_desk h4 {
	margin-top: 1.2rem;
	margin-bottom: 0.1rem;
}
.order-confirmation #whats_next,
.order-confirmation #trustedshops_feedback {
	margin-top: 1.5rem;
}
.order-confirmation #whats_next > div {
	padding-top: 1.2rem;
	padding-bottom: 0;
}
.order-confirmation #whats_next li > div.firstdiv {
	float: left;
	margin: auto 0;
}
.order-confirmation #whats_next li > div.seconddiv {
	margin-left: 0.5rem;
}
.order-confirmation #whats_next li > div > img {
	width: 2.5rem; height: auto; border: none; margin-left: -2.75em; max-width: 2.5rem;
}
.order-confirmation #trustedshops_feedback {
	margin-bottom: 1.5rem;
}
.order-confirmation #trustedshops_feedback .wrapper {
	position: relative;
	padding-top: 0.9375rem;
	padding-bottom: 5.0rem;
	border: 1px solid #ffdc00;
	border-radius: 8px;
	background-color: #ffdc00;
}
.order-confirmation #trustedshops_feedback .wrapper img {
	position: absolute;
	bottom: 15px;
	right: 30px;
	width: auto;
	border: none;
}
.order-confirmation #trustedshops_feedback form {
	margin: 0;
}
.order-confirmation #trustedshops_feedback .ts-box {
	background-color: #ffffff;
	padding: 0.8rem 0.8rem 0.2rem;
	border-radius: 6px;
	width: 100%;
}
.order-confirmation #trustedshops_feedback .ts-box button {
	cursor: pointer;
}
.order-confirmation #trustedshops_feedback .ts-pfeil {
	position: absolute;
	bottom: 61px;
	right: 60px;
}