:root {
	--dark: #012c57;
	--black-less: #232f3e;
	--green: #00a04b;
	--white: #ffffff;
	--red: #ff6565;
	--yellow: #facc15;
	--orange: #ffae00;
	--grey: #84899f;
	--lightgrey: #f2f3f7;
	--lightblue: #5f98e2;
	--linkblue: #0044CC;
	--buttonblue: #009fe3;
	--buttonblue-hover: #23b9f9;
}
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p {
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	color: var(--dark);
}
.autocomplete-suggestions { border: 1px solid #999; background: #fff; overflow: auto; z-index: 9999;}
.autocomplete-suggestion { font-size: 0.9rem; padding: 3px 7px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-selected { background: #dedede; }
.autocomplete-suggestions strong { font-weight: 600; color: #000; }
.autocomplete-group { font-size: 0.9rem; padding: 3px 7px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.grid-container {
	max-width: 80em;
	min-width: 320px;
}
h1, .h1 {
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	text-transform: none;
}
h2, .h2 {
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: none;
}
h3, .h3 {
	font-size: 1.4rem;
	font-weight: bold;
	text-transform: none;
}
h4, .h4 {
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: none;
}
h5, .h5 {
	font-size: 1.1rem;
	line-height: 1.2rem;
	font-weight: bold;
}
h6, .h6 {
	font-size: 1.0rem;
	line-height: 1.4rem;
	font-weight: bold;
}
p, .p {
	font-size: 1.05rem;
	line-height: 1.7rem;
	margin-bottom: 2rem;
}
p.small {
	font-size: 0.9rem;
	line-height: 1.2rem;
}
.small {
	font-size: 90%;
}
.text-klein {
	font-size: 0.75rem;
	line-height: 1.0rem;
}
a, .a {
	color: #0044CC;
}
a:hover, .a:hover {
	color: #0044CCBA;
}
.bold {
	font-weight: 600;
}
.normal {
	font-weight: 400;
}
.light {
	font-weight: 200;
}
h5.hersteller {
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: none;
	margin-bottom: 0.2rem;
}
h5.summe {
	line-height: 2.0rem;
}
img:focus {
	outline: 0;
}
hr {
	max-width: 80rem;
}
.top-bar {
	padding: 0.5rem 0;
}
.top-bar, .top-bar ul {
	background-color: #ffffff;
}

.bread, .bread ul {
	background-color: #efefef;
}
.breadcrumbs {
	margin: 0;
	padding: 0.5rem 0rem;
	list-style: none;
}
.callout {
	background-color: #e5e5e5;
	padding: 0.5rem 1rem 0;
	border: none;
}
.close-button {
	position: absolute;
	color: #8a8a8a;
	cursor: pointer;
	width: unset;
	height: unset;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}
.close-button:hover {
	background-color: transparent;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
	background: #fefefe !important;
}
input.input-field[type="email"] {
	background-color: #fefefe !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
		margin: 0;
}
.input-number-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
		justify-content: center;
	margin-bottom: 0.75rem;
}
.input-number-group input[type=number]::-webkit-inner-spin-button, 
.input-number-group input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
		appearance: none;
}
.input-number-group .input-group-button {
	line-height: calc(50px/2 - 5px);
}
.input-number-group .input-number {
	width: 3.75rem;
	padding: 0 10px;
	vertical-align: top;
	text-align: center;
	outline: none;
	display: block;
	margin: 0;
}
.input-number-group .input-number, 
.input-number-group .input-number-decrement, 
.input-number-group .input-number-increment {
	border: 1px solid #cacaca;
	height: 2rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
	border-radius: 0;
}
.input-number-group .input-number-decrement, 
.input-number-group .input-number-increment {
	display: inline-block;
	width: 2rem;
	background: var(--lightgrey);
	color: #00204d;
	text-align: center;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 400;
}
.input-number-group .input-number-decrement {
	margin-right: 0.3rem;
}
.input-number-group .input-number-increment {
	margin-left: 0.3rem;
}
table tbody {
	border: 0;
	border-bottom: 1px solid var(--dark);
	}
table tbody th, table tbody td {
	color:#8a8a8a;
	font-size:0.9rem; 
	padding: 0.3rem;
	font-weight: 400;
}
div.callout table tbody td {
	color:#8a8a8a;
	font-size:0.9rem; 
	padding: 0.3rem;
	font-weight: 400;
}
table thead th {
	padding: 0.3rem;
	font-weight: bold;
}
table thead {
	background: transparent;
	color: var(--dark);
	border: none;
	margin-bottom: 0.0rem;
	font-weight: bold;
	font-size:1.1rem;
}
table tfoot {
	background: transparent;
	color: var(--dark);
	border: none;
	font-weight: bold;
	font-size:1.1rem;
}
table tfoot td {
	padding: 0.3rem;
	font-weight: bold;
}
label {
	display: block;
	margin: 0;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 1.8;
	color: var(--dark);
}
@media print, screen and (min-width: 40em) {
	.reveal {
		width: max-content;
		max-width: 75rem;
		outline: none;
		height: auto;
		padding: 1rem;
		top: 50% !important;
		transform: translateY(-50%);
		border-radius: 1rem;
	}
}
.reveal-overlay {
	z-index: 1009;
	background-color: rgba(10, 10, 10, 0.65);
}
div[id^='big_cover'].reveal, div[id^='big_cover_unten'].reveal {
	border: 0px solid #cacaca;
	background-color: transparent;
}
div[id^='big_cover'].reveal .close-button, div[id^='big_cover_unten'].reveal .close-button, div[id^='big_cover'].reveal .close-button.medium, div[id^='big_cover_unten'].reveal .close-button.medium {
	right: 1rem;
	top: 1.5rem;
	font-size: 2em;
	line-height: 1;
	background: #ffffff;
	padding: 1rem 1.5rem;
	border-radius: 50%;
}
.back-to-top {
	background: var(--black-less);
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 0 9px;
	color: white;
	border-radius: 50%;
	font-size: 2.0rem;
	width: 46px;
	height: 46px;
	opacity: 0.75;
}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus {
	color: white;
	opacity: 0.9;
}

/* Formular */
.floated-label-wrapper {
	position: relative;
}
.floated-label-wrapper label {
	background: transparent;
	color: var(--dark);
	font-size: 0.95rem;
	font-weight: 400;
	padding: 0 0.25rem;
}
.floated-label-wrapper label input[type=text],
.floated-label-wrapper label input[type=email],
.floated-label-wrapper label input[type=password] {
	border-radius: 4px;
	font-size: 1.75em;
	padding: 0.5em;
}
.floated-label-wrapper label.show {
	opacity: 1;
	transition: all 0.15s ease-in;
}
.inner .floated-label-wrapper {
	position: relative;
}
.inner .floated-label-wrapper label.show {
	opacity: 1;
	top: -0.05rem;
	z-index: 1;
	transition: all 0.15s ease-in;
}
#formular.callout {
	background-color:#ffffff;
	padding: 0;
}
/* Ende Formular */

/* Look, I GOT A SWITCH */
.switch-paddle::after {
	border-radius: 5.0rem;
}
.switch-paddle {
	border-radius: 5.0rem;
	background: #cacaca;
}
.switch .switch-paddle {
	width: 3.5rem;
	border-radius: 5.0rem;
}
.switch input:checked ~ .switch-paddle::after {
	left: 1.5rem;
	border-radius: 5.0rem;
}
input:checked ~ .switch-paddle {
	background: var(--green);
}
/* Ende Look, I GOT A SWITCH */

/* Header */
header .menu .button {
	line-height: 1;
	text-decoration: none;
	display: block;
	padding: 0.725rem 0.8rem;
	text-transform: lowercase;
}
header .menu a {
	padding: 0.8rem 1.1rem 0.0rem;
}
header .menu.align-center li {
	margin: 0 auto;
}
header svg {
	width: 5px;
	height: 5px;
}
header .button {
	border-radius: 3px;
}
header .icon {
	font-size: 1.1rem;
	margin-left: 1.4rem;
}
header .badge {
	position: relative;
	top: -12px;
	right: -6px;
	min-height: 1.9em;
	font-size: .4em;
}
header .hover-underline-menu {
	width: 100%;
}
header .hover-underline-menu .menu {
	background-color: #ffffff;
}
header .hover-underline-menu .menu a {
	color: #303642;
	padding: 0.3rem 1.3rem 0.3rem 0;
}
header .hover-underline-menu .menu .underline-from-center {
	position: relative;
}
header .hover-underline-menu .menu .underline-from-center::after {
	content: "";
	position: absolute;
	top: calc(100% - 0.125rem);
	border-bottom: 0.125rem solid #303642;
	left: 50%;
	right: 50%;
	transition: all 0.5s ease;
}
header .hover-underline-menu .menu .underline-from-center:hover::after {
	left: 0;
	right: 0;
	transition: all 0.5s ease;
}
header .h6.katalog {
	border-bottom: 3px solid transparent;
}
header .menu a:hover .h6.katalog, header .menu a:focus .h6.katalog, header .menu a:active .h6.katalog, header .menu a.hover .h6.katalog {
	border-bottom: 3px solid #0174bc;
	line-height: 14px;
	color: #0174bc;
	opacity: 1;
}

/* Warenkorb-Popup */
header .shopping-cart-button {
	padding: 1rem;
	background-color: #1779ba;
}
header .shopping-cart-button:hover {
	background-color: #115b8d;
}
header .shopping-cart-button i {
	margin-right: 0.5rem;
}
header .shopping-cart-dropdown-pane .dropdown-pane {
	padding: 15px;
	top: -210px;
	right: 0px;
	position: absolute;
	z-index: 2102;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	overflow: visible;
}
header .shopping-cart-dropdown-pane .dropdown-pane:after, header .shopping-cart-dropdown-pane .dropdown-pane:before {
	bottom: 100%;
	left: 200px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
header .shopping-cart-dropdown-pane .dropdown-pane:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
header .shopping-cart-dropdown-pane .dropdown-pane:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #cacaca;
	border-width: 8px;
	margin-left: -8px;
}
header .shopping-cart-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
		justify-content: space-between;
	padding: 0.4rem 0.0rem 0.8rem;
	margin: 0.0rem 0.6rem;
	border-bottom: 1px solid #e6e6e6;
}
header #hardware-dropdown .shopping-cart-item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
		justify-content: space-between;
	padding: 0.3rem 0.0rem 0.3rem;
	margin: 0.0rem 0.0rem;
	border-bottom: 1px solid #e6e6e6;
}
header .shopping-cart-item-name, .shopping-cart-item-price {
	padding: 0;
}
header .shopping-cart-item h6 {
	margin-top: 0.4rem;
	margin-bottom: 0rem;
}
header .shopping-cart-item-name p, .shopping-cart-item-price p {
	margin: 0;
	padding: 0;
}
header .shopping-cart-title {
	font-weight: bold;
}
header .shopping-cart-checkout {
	padding: 0.5rem;
	margin-bottom: 0;
}
header .button.expanded {
	position: relative;
	left: 0;
}
header .off-canvas-content .medium-1 {
	max-width: 5rem;
}

/* Suche im Header */
header .input-group-rounded .input-group-field {
	border-radius: 0px;
	padding-left: 1rem;
}
header .input-group-rounded .input-group-button .button {
	border-radius: 0px;
	font-size: 0.8rem;
	background-color: #1779ba;
}
header .searchbar {
	margin: 0.6rem 0 0;
}
header .search-field {
	width: 0;
	height: 40px;
	margin-left: 0rem;
	padding: 0;
	border-radius: 3px;
	border: none;
	transition: all 0.5s ease;
}
header .expand-search {
	width: 100%;
	max-width: calc(100% - 3rem);
	border: 1px solid #c9c9c9;
	padding: .5rem;
}
.badge.alert {
	padding: 2px 5px 5px 5px;
	font-size: 0.8rem;
	height: 1.75em;
	min-width: 1.75em;
	font-weight: 600;
}
@media screen and (max-width: 63.9375em) {
	header .show-for-small.search_header {
		display: block !important;
		position: absolute;
		top: 111px;
		left: 10px;
		background: transparent;
		width: 100%;
	}
}
@media screen and (max-width: 39.9375em) {
	header .show-for-small.search_header {
		display: block !important;
		position: absolute;
		top: 97px;
		left: 0;
		padding-left: 62px;
		padding: 0 0 0.5rem;
		background: transparent;
		width: 100%;
	}
	header .show-for-small.search_header .search_header_large {
		margin: 20px 0 5px 0 !important;
	}
	header .show-for-small-only .servicetext_ultrasmall {
		display: none;
	}
}
@media screen and (min-width: 64em) {
	header .show-for-small.search_header .search_header_large {
		width: 100%;
	}
}
@media screen and (max-width: 63.9375em) {
	header .show-for-small.search_header .search_header_large {
		margin: 20px auto 5px auto !important;
	}
}
@media screen and (max-width: 24.9375em) {
	header .show-for-small-only .fas.fa-headset {
		display: none;
	}
}
@media screen and (min-width: 0em), screen and (max-width: 24.9375em) {
	header .show-for-small-only .servicetext_ultrasmall {
		display: inline-block;
		font-size: 0.8rem;
		line-height: 2.2;
	}
	header .show-for-small-only .servicetext_small {
		display: none;
	}
}
@media print, screen and (min-width: 40em) {
	header .show-for-small-only .servicetext_ultrasmall {
		display: none;
	}
	header .show-for-small-only .servicetext_small {
		display: inline-block;
	}
	header .show-for-medium-only .servicetext_ultrasmall {
		display: none;
	}
	header .show-for-medium-only .servicetext_small {
		display: inline-block;
	}
	header .show-for-large .servicetext_ultrasmall {
		display: none;
	}
	header .show-for-large .servicetext_small {
		display: inline-block;
	}
}
@media screen and (min-width: 40em), screen and (max-width: 63.9375em) {
	header .show-for-medium.service_note {
		position: absolute;
		top: -75px;
		right: 44%;
		transform: rotate(-1.5deg);
	}
}
@media screen and (min-width: 64em) {
	header .show-for-medium.service_note {
		position: absolute;
		top: 40px;
		left: 45%;
		right: 0px;
		right: unset;
		transform:rotate(-1.5deg);
	}
}

/* Overlay-Navigation, wenn kleiner als large */
nav .overlay-nav-menu-toggle {
	position: absolute;
	font-size: 2rem;
	color: #303642;
	top: 5.5rem;
	left: 1.5rem;
	transition: none;
	z-index: 1008;
}
nav .overlay-nav-menu-toggle:hover {
	transition: all 0.4s ease-in-out;
	color: #575757;
	z-index: 1009;
}
nav .overlay-nav-menu {
	position: fixed;
	z-index: 1008;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	min-height: 360px;
	margin: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: normal;
		-ms-flex-pack: normal;
		justify-content: normal;
	opacity: 0;
	list-style: none;
	background: #dedede;
	background-size: cover;
	text-align: center;
	-webkit-transform: translateX(-100%) rotateX(40deg);
	transform: translateX(-100%) rotateX(40deg);
	transition: all 400ms cubic-bezier(1, -0.4, 0.44, 0.985);
}
nav .overlay-nav-menu li {
	font-size: 1.5rem;
}
nav .overlay-nav-menu a {
	display: block;
	color: #fefefe;
	font-weight: bold;
	height: 3.5rem;
	line-height: 2rem;
	border-bottom: 0px solid rgba(254, 254, 254, 0.5);
	text-decoration: none;
	padding: 20px;
}
nav .overlay-nav-menu a:hover {
	background-color: rgba(254, 254, 254, 0.6);
	color: #0a0a0a;
}
nav .overlay-nav-menu a:focus {
	background-color: rgba(254, 254, 254, 0.6);
	color: #0a0a0a;
}
nav .overlay-nav-menu.is-open ~ .overlay-nav-menu-toggle {
	display: inline-block;
	transition: all 0.4s ease-in-out;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	color: white;
}
nav .overlay-nav-menu.is-open ~ .overlay-nav-menu-toggle {
	display: inline-block;
	transition: none;
	transform: none;
	color: #303642;
}
nav .overlay-nav-menu.is-open {
	padding-top: 0px;
	opacity: 1;
	-webkit-transform: perspective(200px) translateX(0) rotateX(0);
	transform: perspective(200px) translateX(0) rotateX(0);
	overflow-y: scroll !important;
}
.overflow-hidden {
	overflow: hidden !important;
}
nav.komplett .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	display: inline;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: var(--dark) transparent transparent;
	position: relative;
	top: -15px;
	left: 110px;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
	margin-top: 3px;
	border-color: var(--dark) transparent transparent;
}

/* Shop-Menues */
#shop-menu .shop-logo {
	padding: 0 1rem;
}
#shop-menu ul.dropdown.menu {
	padding: 0;
}
#shop-menu ul.dropdown.menu > li {
	margin: auto;
}
#shop-menu ul.dropdown.menu > li:last-child {
	margin-right: 0;
}
#shop-menu .is-dropdown-submenu {
	z-index: 3;
}

/* Footer */
footer {
	position: relative;
	background-color: var(--dark);
	padding-top: 25px;
}
footer .footer-impressum {
	background-color: #131a22;
	padding: 15px 5px;
	color: var(--lightgrey);
}
footer .show-for-medium.footer-impressum .h5.footer,
footer .show-for-small-only.footer-impressum .h5.footer {
	font-size: 0.9rem;
	word-spacing: 0.4rem;
	color: #d3d6e6;
	font-weight: 400;
	margin-bottom: 0;
}
footer .footer-impressum a {
	color: #d3d6e6;
}
footer .footer-impressum a:hover {
	color: var(--lightblue);
}
footer .menu a, footer .menu .button {
	line-height: 1;
	text-decoration: none;
	display: block;
	padding: 0 0 0.5rem;
}
footer .show-for-medium .no-bullet {
	margin-bottom: 0;
}
footer .show-for-medium a.blue, footer .show-for-medium .no-bullet a.blue, footer .show-for-small-only a.blue, footer .show-for-small-only .no-bullet a.blue {
	color: var(--yellow);
}
footer .show-for-medium a.blue:hover, footer .show-for-medium .no-bullet a.blue:hover, footer .show-for-small-only a.blue:hover, footer .show-for-small-only .no-bullet a.blue:hover {
	color: #ffdf5f;
}
footer .show-for-medium .h5.footer {
	font-size: 1.1rem;
	font-weight: 600;
	font-style: normal;
	color: var(--yellow);
	margin: 1rem 0 1.5rem;
}
footer .show-for-medium .no-bullet li {
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
	font-size: 1rem;
	margin: 0;
}
footer .show-for-medium .no-bullet a {
	color: #ffffff;
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.8;
}
footer .show-for-medium .no-bullet a:hover {
	color: var(--lightblue);
}
footer a>p {
	font-size: 1.0rem;
	color: var(--lightblue);
}
footer .show-for-small-only {
	background-color: var(--dark);
}
footer .show-for-small-only .h5.footer {
	font-size: 1.1rem;
	font-weight: 400;
	font-style: normal;
	color: var(--lightblue);
}
footer .show-for-small-only a {
	margin: 0;
}
footer .footer-impressum .h5.footer.copyright {
	word-spacing: 0;
	margin-top: 15px;
	color: #d3d6e6;
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 1.4;
}
footer .show-for-medium.footer-impressum .show-for-large .copyright {
	margin-top: 0;
}
footer .show-for-medium .payment {
	padding-left: 10px;
	margin-bottom: 50px;
}
footer .show-for-medium .payment > div {
	padding-left: 10px;
}
footer .payment img {
	max-width: 60px;
	cursor: pointer;
}
footer .fa-brands.fa-facebook-f {
	color: #ffffff;
	font-size: 1.80rem;
	padding: 0 0.4rem 0 0;
}
footer .fa-brands.fa-x-twitter {
	color: #ffffff;
	font-size: 2.0rem;
	padding: 0 0.25rem;
}
footer .fa-brands.fa-x-twitter::before {
	margin-left: -0.05rem;
}
footer .fa-brands.fa-instagram {
	color: #ffffff;
	font-size: 2.0rem;
	padding: 0;
	margin-right: 0.5rem;
}
footer .fa-brands.fa-linkedin-in {
	color: #ffffff;
	font-size: 2.0rem;
	padding: 0 0.4rem 0 0;
	border-radius: 3px;
}
footer span > a, footer .show-for-small-only span > a {
	margin-right: 0.75rem;
}
footer .customer-reviews {
	padding-right: 20px;
	padding-left: 20px;
}
footer .customer-reviews .star {
	font-size: 1.1rem;
	color: #ffd711;
}
footer .customer-reviews .review {
	font-size: 0.9rem;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.0;
}
footer .customer-reviews .review-date {
	color: var(--lightgrey);
	font-size: 0.8rem;
}
footer .customer-reviews .review-comment {
	font-size: 0.9rem;
	color: #ffffff;
	padding-top: 5px;
	line-height: 1.1rem;
}
footer .accordion {
	background-color: var(--dark);
	color: #ffffff;
}
footer .accordion-title {
	position: relative;
	display: block;
	padding: 0.5rem 0rem;
	border: 0;
	border-top: 1px solid #a3a3a3;
	font-size: 1.4rem;
	line-height: 2;
	font-weight: 600;
	color: var(--yellow);
}
footer .accordion-title::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -1.2rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f078';
	font-size: 1.4rem;
	color: var(--yellow);
}
footer .accordion-title:hover, .accordion-title:focus {
	background-color: transparent;
	color: var(--yellow);
}
footer .accordion-title a {
	margin: 0;
	color: #ffffff;
}
footer .accordion-content {
	padding: 0 0 1rem;
	border: 0px solid #e6e6e6;
	border-bottom: 0;
	background-color: var(--dark);
	color: #ffffff;
}
footer .accordion-item .no-bullet li {
	margin: 0;
	border: 1px solid #a3a3a3;
	border-width: 1px 0px 0px 0px;
	padding: 0.6rem 0;	
}
footer .accordion-item .no-bullet li:first-child {
	padding: 0 0 0.6rem;
	border-width: 0px 0px 0px 0px;
}
footer .accordion-item .no-bullet a {
	color: #d3d6e6;
	font-size: 1.2rem;
	line-height: 1.8;
}
footer .accordion-item .no-bullet a:hover {
	color: var(--lightgrey);
}
/*  Ende Footer  */

.titel_aktiv {
	color: var(--dark) !important;
}
div.lieferadresse_waehlen {
	padding: 10px;
	border: 1px solid #cacaca;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0.7;
}
div.lieferadresse_waehlen.aktiv {
	border: 1px solid #1779ba;
	border-radius: 3px;
	box-shadow: 1px 1px 12px 2px #cacaca;
	opacity: 1;
}
div.lieferadresse_waehlen:hover {
	border-radius: 3px;
	border: 1px solid #1779ba;
	box-shadow: 1px 1px 12px 2px #cacaca;
	cursor: pointer;
	opacity: 1;
}
.auswaehlen_hover {
	color: var(--dark);
}
.auswaehlen_hover:hover {
	color: #1779ab;
}
.checkout-summary {
  max-width: 500px;
  background-color: #fff;
}
.checkout-summary-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
	  -ms-flex-pack: justify;
		  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #fff;
}
.checkout-summary-item {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
	  -ms-flex-pack: justify;
		  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #fff;
}
.checkout-summary-item .item-name,
.checkout-summary-item .item-price {
  padding: 0 1rem;
}
.checkout-summary-item .item-name p,
.checkout-summary-item .item-price p {
  margin: 0;
  padding: 0;
}
.checkout-summary-item .title {
  font-weight: bold;
}
.checkout-summary-details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
	  -ms-flex-pack: justify;
		  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-top: none;
}
.menu .menu-text {
	padding: 0.7rem 0.9rem;
	font-weight: bold;
	line-height: 1;
	color: inherit;
}
.js-off-canvas-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}
.off-canvas {
	background: var(--lightgrey);
}
.off-canvas .vertical.menu .h6 {
	font-size: 1.0rem;
	line-height: 1;
	font-weight: 600;
}
.off-canvas .vertical.menu a {
	padding: 0.9rem 1.0rem 0.4rem 1.0rem;
}
.notice_button {
	padding: 0.5em 1em;
}

@font-face {
	font-family: 'robotoLight';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/fonts/roboto-latin-300.eot');
	src: local('Roboto Light'), local('Roboto-Light'), 
	   url('/fonts/roboto-latin-300.eot?#iefix') format('embedded-opentype'), 
	   url('/fonts/roboto-latin-300.woff2') format('woff2'), 
	   url('/fonts/roboto-latin-300.woff') format('woff'), 
	   url('/fonts/roboto-latin-300.ttf') format('truetype'), 
	   url('/fonts/roboto-latin-300.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/roboto-latin-regular.eot');
	src: local('Roboto'), local('Roboto-Regular'),
	   url('/fonts/roboto-latin-regular.eot?#iefix') format('embedded-opentype'), 
	   url('/fonts/roboto-latin-regular.woff2') format('woff2'), 
	   url('/fonts/roboto-latin-regular.woff') format('woff'), 
	   url('/fonts/roboto-latin-regular.ttf') format('truetype'), 
	   url('/fonts/roboto-latin-regular.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/roboto-latin-regular.eot');
	src: local('Roboto'), local('Roboto-Regular'),
	   url('/fonts/roboto-latin-regular.eot?#iefix') format('embedded-opentype'), 
	   url('/fonts/roboto-latin-regular.woff2') format('woff2'), 
	   url('/fonts/roboto-latin-regular.woff') format('woff'), 
	   url('/fonts/roboto-latin-regular.ttf') format('truetype'), 
	   url('/fonts/roboto-latin-regular.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'robotoBold';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/fonts/roboto-latin-500.eot');
	src: local('Roboto Medium'), local('Roboto-Medium'),
	   url('/fonts/roboto-latin-500.eot?#iefix') format('embedded-opentype'), 
	   url('/fonts/roboto-latin-500.woff2') format('woff2'), 
	   url('/fonts/roboto-latin-500.woff') format('woff'), 
	   url('/fonts/roboto-latin-500.ttf') format('truetype'), 
	   url('/fonts/roboto-latin-500.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'KalamRegular';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/kalam-latin-regular.eot');
	src: local('Kalam'), local('Kalam-Regular'),
	   url('/fonts/kalam-latin-regular.eot?#iefix') format('embedded-opentype'), 
	   url('/fonts/kalam-latin-regular.woff2') format('woff2'), 
	   url('/fonts/kalam-latin-regular.woff') format('woff'), 
	   url('/fonts/kalam-latin-regular.ttf') format('truetype'), 
	   url('/fonts/kalam-latin-regular.svg#Kalam') format('svg');
}
@font-face {
	font-family: 'KalamBold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/fonts/kalam-latin-700.eot');
	src: local('Kalam Bold'), local('Kalam-Bold'),
	   url('/fonts/kalam-latin-700.eot?#iefix') format('embedded-opentype'), 
	   url('/fonts/kalam-latin-700.woff2') format('woff2'), 
	   url('/fonts/kalam-latin-700.woff') format('woff'), 
	   url('/fonts/kalam-latin-700.ttf') format('truetype'), 
	   url('/fonts/kalam-latin-700.svg#Kalam') format('svg');
}
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/RobotoCondensed-Regular.ttf');
	src: local('Roboto Condensed'),
	   url('/fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(/fonts/fira-sans-200.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/fonts/fira-sans-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/fonts/fira-sans-600.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.support-text {
	font-family: 'KalamRegular', cursive;
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--dark);
}
.form-error {
	color: var(--red);
}
#ModalPayments tbody {
	border-bottom: 0;
}
@media print, screen and (min-width: 40em) {
	#userDeliveryModal, #userPaymentModal, #userDataModal {
		height: auto;
		width: 500px;
		max-height: 90%;
		padding: 3em 1.5em 1.5em;
		top: 50% !important;
		transform: translateY(-50%);
	}
	#ModalPayments {
		height: 90%;
		width: 40em;
		padding: 0 1.5em 1.5em;
		top: 5% !important;
	}
}
#loginModal input:focus, #userDeliveryModal input:focus, #userPaymentModal input:focus, #userDataModal input:focus {
	background-color: #deeafd !important;
}
#loginModal h1, #loginModal .h1, #userDeliveryModal h1, #userDeliveryModal .h1, #userPaymentModal h1, #userPaymentModal .h1, #userDataModal h1, #userDataModal .h1 {
	line-height: 2.5;
	font-weight: 400;
	margin-bottom: 0;
}

/****** statische Seiten und EPD global ******/
#header {
	margin-bottom: 1rem;
}
#content-header {
	background: transparent;
	margin-top: 2rem;
	margin-bottom: 3rem;
}
@media print, screen and (min-width: 64em) {
	#content-header {
		margin-top: 1.25rem;
	}
	#content-header > div > div.cell.large-8 {
		margin-top: 1rem;
	}
}
#content-header h1 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.4;
	margin: 0.8rem 0 0.2rem;
}
#content-header h2, #content-header .h2 {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.4;
}
#content-header h3, #content-header .h3, #content-header .buybox h3, #content-header .buybox .h3 {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--dark);
	margin: 0.5rem 0;
	padding: 0;
}
#content-header h4, #content-header .h4 {
	font-size: 1.15rem;
	line-height: 1.4;
	font-weight: 600;
	color: var(--dark);
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
#content-header .product-img {
	position: relative;
	padding: 0;
	text-align: center;
}
#content-header .product-img img {
	max-height: 420px;
	cursor: pointer;
}
#content-header.show-for-small-only .product-img img {
	width: 60%;
	width: 200px;
	min-width: 200px;
}
#content-header.show-for-medium-only .product-img img {
	width: 100%;
}
#content-header .author {
	font-size: 1.1rem;
}
#content-header .author a {
	font-size: 1.1rem;
	text-decoration: underline;
	color: var(--lightblue);
}
#content-header.show-for-small-only .author {
	font-size: 0.95rem;
}
#content-header.show-for-small-only .author a {
	font-size: 0.95rem;
	text-decoration: underline;
	color: var(--lightblue);
}
#content-header a {
	text-decoration: underline;
	color: var(--lightblue);
}
#content-header p.your-choice {
	width: 100%;
	font-weight: 400;
	margin: 0;
	font-size: 0.9rem;
	padding: 0;
	color: var(--grey);
}
#content-header .delivery-status {
	font-size: 0.85rem;
}
#content-header ul.product-info {
	line-height: 1.2;
	margin-left: 0;
	margin-bottom: 0;
}
#content-header ul.product-info li {
	display: inline-block;
	font-size: 1.0rem;
	margin: 1.2rem 1.2rem 0 0;
	color: var(--grey);
	cursor: pointer;
}
#content-header ul.product-info li.chapter::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f4d5";
	font-size: 1.4rem;
	position: relative;
	top: 0.2rem;
	padding-right: 0.5rem;
}
#content-header ul.product-info li.intro::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15c";
	font-size: 0.9rem;
	position: relative;
	top: 0.0rem;
	padding-right: 0.5rem;
}
#content-header ul.product-info li.index::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0ca";
	font-size: 0.9rem;
	position: relative;
	top: 0.0rem;
	padding-right: 0.5rem;
}
#content-header ul.product-info li.manual::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f02d";
	font-size: 0.9rem;
	position: relative;
	top: 0.0rem;
	padding-right: 0.5rem;
}
#content-header ul.product-info li.requirements::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f7d9";
	font-size: 0.9rem;
	position: relative;
	top: 0.0rem;
	padding-right: 0.5rem;
}
#content-header .deliverycost-info {
	font-size: 0.9rem;
	line-height: 1;
	color: var(--grey);
}
#content-header .lieferstati-info {
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--grey);
	padding-left: 0.2rem;
}
#content-header s {
	font-size: 1.5rem;
	line-height: 1.8;
	color: #ff1c1c;
}
#content-header span.euro {
	font-size: 1.5rem;
	line-height: 1.4;
	padding: 0 0.2rem 0 0;
	margin-bottom: 0;
	font-weight: 600;
	color: var(--dark);
}
#content-header span.price_brutto {
	font-size: 2.5rem;
	line-height: 1.2;
	color: var(--dark);
}
#acronis #content-header .price.brutto, #lexware #content-header .price.brutto, #veeam #content-header .price.brutto, #suse #content-header .price.brutto, 
#acronis #content-header .price.brutto .euro, #lexware #content-header .price.brutto .euro, #veeam #content-header .price.brutto .euro, #suse #content-header .price.brutto .euro {
	font-size: 1.0rem;
	line-height: 1.2;
	font-weight: 400;
	margin-bottom: 1rem;
}
#content-header span.mwst {
	line-height: 1.0;
	font-size: 0.8rem;
	color: var(--dark);
	font-weight: 400;
}
#content-header.show-for-small-only span.price_brutto {
	font-size: 1.7rem;
	line-height: 1.2;
	color: var(--dark);
}
#content-header.show-for-medium-only span.price_brutto {
	font-size: 2.5rem;
	line-height: 1.2;
	color: var(--dark);
}
#content-header select {
	font-size: 1.1rem;
	line-height: 1.2;
	padding: 0.0rem 2.0rem 0.0rem 1.0rem;
}
#content-header span.bestnr {
	font-size: 1.0rem;
	line-height: 1.5;
	color: var(--grey);
}
#content-header span.lieferstatus {
	font-size: 1.0rem;
	line-height: 1.5;
	color: var(--green);
}
#content-header label .variante {
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 400;
	color: #1f477a;
	margin: 0;
	padding: 0.2rem 0.5rem 0 1.5rem;
}
#content-header .switch {
	height: 2rem;
	position: relative;
	margin-bottom: 1rem;
	outline: 0;
	font-size: 0.875rem;
	font-weight: bold;
	color: #fefefe;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#content-header .switch .switch-paddle {
	width: 1.8rem;
	border-radius: 5.0rem;
}
#content-header .switch input:checked ~ .switch-paddle::after {
	left: 0.26rem;
	border-radius: 5.0rem;
	top: 4.5px;
}
#content-header input ~ .switch-paddle {
	background: #fefefe;
	border: 0.1rem solid #cacaca;
}
#content-header input:checked ~ .switch-paddle {
	background: #fefefe;
	border: 0.1rem solid #cacaca;
}
#content-header .switch-paddle::after {
	position: absolute;
	top: 0.25rem;
	left: 0.25rem;
	display: block;
	width: 1.3rem;
	height: 1.3rem;
	transform: translate3d(0, 0, 0);
	border-radius: 5.0rem;
	background: #fefefe;
	transition: all 0.25s ease-out;
	content: '';
}
#content-header input:checked ~ .switch-paddle::after {
	position: absolute;
	top: 0.25rem;
	left: 0.25rem;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	transform: translate3d(0, 0, 0);
	border-radius: 5.0rem;
	background: var(--green);
	transition: all 0.25s ease-out;
	content: '';
}
#content-header .inkl-ebook {
	float: left;
	height: 29px;
	background-color: #ff7c2b;
	padding: 3px 5px 2px 10px;
	color: #ffffff;
	margin-bottom: 0.5rem;
}
#content-header .dreieck {
	float: left;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #ff7c2b;
	margin-bottom: 0.5rem;
}
#content-header .recommendation {
	width: 269px;
	background-color: #FF7C2B;
	border: 1px solid #FCB35F;
	border-radius: 5.0rem;
	padding: 0.6rem 1.2rem;
	color: #ffffff;
	margin: 0 0 0.5rem;
}
#content-header.show-for-small-only .recommendation {
	width: 215px;
	background-color: #FF7C2B;
	border: 1px solid #FCB35F;
	border-radius: 5.0rem;
	padding: 0.6rem 1.2rem;
	color: #ffffff;
	margin: 0 0 0.5rem;
}

/* Tabellenansicht für Small/Medium */
#content-header table tbody {
	border: 0;
	border-bottom: 0px solid var(--dark);
	background-color: transparent;
}
#content-header .table-expand {
	margin-top: 1rem;
}
#content-header table.table-expand tbody th, table tbody td {
	color: var(--dark);
	font-size: 1.0rem;
	padding: 0.5rem 0.0rem;
	font-weight: 400;
}
#content-header .table-expand td:nth-child(1) {
	color: var(--dark);
	width: 150px;
	min-width: 150px !important;
	vertical-align: top;
}
#content-header .table-expand .table-expand-row-content td {
	font-weight: 400;
	color: var(--dark);
	width: 100%;
}
#content-header .table-expand td:nth-child(2) {
	color: var(--dark);
	width: auto;
}
#content-header table tbody tr:nth-child(even) {
	border-bottom: 0;
	background-color: transparent;
	background-color: none;
}
#content-header .table-expand tr {
	border: 1px solid #e6e6e6;
	border-width: 1px 0 0 0;
}
#content-header .table-expand tr:nth-child(1) {
	border: 0 solid #e6e6e6;
	border-width: 0 0 0 0;
}
#content-header .table-expand .text-right {
	padding-right: 3rem;
}
#content-header .table-expand-row.is-active .expand-icon::after {
	font-family: "Font Awesome 5 Free";
	content: '\f068';
	float: right;
	font-size: 1.5rem;
	line-height: 1;
}
#content-header .table-expand-row .expand-icon::after {
	font-family: "Font Awesome 5 Free";
	content: '\f067';
	float: right;
	font-size: 1.5rem;
	line-height: 1;
}
#content-header .table-expand-row-content {
	display: none;
}
#content-header .table-expand-row-content.is-active {
	display: table-row;
	-webkit-animation: fadeIn ease-in 1;
		  animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
	-webkit-animation-duration: 0.5s;
		  animation-duration: 0.5s;
}
#content-header .table-expand-row-nested {
	background-color: #ffffff;
}
#content-header table.product-details td h3, #content-header table.product-details td h4 {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--dark);
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.5rem;
}
#content-header table.product-details td h3 {
	font-weight: 600;
	padding: 0;
}
#content-header table.product-details td {
	padding: 0;
}
@-webkit-keyframes fadeIn {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}
@keyframes fadeIn {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}
#content-header div span.new, #content-header div span.soon, #catalogContent div span.neu, #catalogContent div span.bald {
	display: block;
	position: absolute;
	top: -1.0rem;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	background-color: var(--green);
	width: 4.2rem;
	text-align: center;
	border-radius: 1.9rem;
	padding: 0.5rem 0.5rem 0.4rem;
	letter-spacing: 0.05rem;
	border: 0;
}
#content-header div span.new:after, #content-header div span.soon:after, #catalogContent div span.neu:after, #catalogContent div span.bald:after {
	content: "";
}
#content-header div span.soon, #catalogContent div span.bald {
	width: 5.0rem;
}
#content-header.show-for-medium-only div span.new, #content-header.show-for-medium-only div span.soon, #catalogContent div span.neu, #catalogContent div span.bald {
	left: -0.5rem;
}
#content-header.show-for-small-only div span.new, #content-header.show-for-small-only div span.soon, #catalogContent div span.neu, #catalogContent div span.bald {
	position: relative;
	top: 0.5rem;
}
.show-for-large #content-header img.uvp, #content-header .show-for-large img.uvp {
	display: block;
	position: absolute;
	top: 12px;
	left: -7px;
	width: 105px;
}
#acronis #content-header .buybox h3 span, #lexware #content-header .buybox h3 span, #embarcadero #content-header .buybox h3 span, #suse #content-header .buybox h3 span {
	position: relative;
	bottom: 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2;
	background-color: var(--yellow);
	padding: 0.1rem 0.4rem;
	border-radius: 3px;
}
#acronis #content-header .selection span.netto:before, #lexware #content-header .selection span.netto:before, #embarcadero #content-header .selection span.netto:before, #veeam #content-header .selection span.netto:before, #suse #content-header .selection span.netto:before {
	content: " netto";
}
#acronis #content-header .selection span.brutto:before, #lexware #content-header .selection span.brutto:before, #embarcadero #content-header .selection span.brutto:before, #veeam #content-header .selection span.brutto:before, #suse #content-header .selection span.brutto:before {
	content: " brutto";
}
/* Ende Tabellenansicht für Small/Medium */

#content-header .tabs {
	border-top: 0px;
	background: transparent;
	border-left: 0px;
	border-right: 0px;
}
#content-header .tabs-title > a:focus, #content-header .tabs-title > a[aria-selected="true"] {
	position: relative;
	top: 1px;
	z-index: 2;
	color: var(--dark);
	border-left: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	font-size: 1.0rem;
	text-decoration: none;
	font-weight: 600;
	background: var(--yellow);
	box-shadow: 4px -1px 4px rgba(0, 0, 0, 0.2);
}
#content-header .tabs-title > a[aria-selected="false"] {
	position: relative;
	top: 1px;
	z-index: 0;
	background: #e1e1e1;
	border-left: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	color: var(--dark);
	font-size: 1.0rem;
	text-decoration: none;
	font-weight: 600;
	opacity: 0.7;
	box-shadow: 4px -1px 4px rgba(0, 0, 0, 0.2);
}
#content-header .tabs-title > a:hover[aria-selected="false"] {
	font-weight: 600;
	border-left: 1px solid #b0a7a7;
	box-shadow: 4px -1px 4px rgba(0, 0, 0, 0.2);
	background: var(--yellow) !important;
	opacity: 1 !important;
	z-index: 3;
}
#content-header .tabs li:nth-child(1) > a {
	margin-left: 1rem;
}
#content-header .tabs li:nth-child(n+2) > a {
	left: -5px;
}
#content-header .tabs-content {
	position: relative;
	z-index: 1;
	background: transparent;
	border-width: 1px 0 0 0;
}
#content-header .tabs-content i.fas.fa-info-circle {
	color: var(--grey);
	padding-left: 8px;
	font-size: 0.9rem;
}
#content-header .tabs-panel {
	padding: 1rem 0 1rem 1rem;
}

.lieferzeitinfoi, .aDeliveryCostInfo, .aNoDeliveryCostInfo {
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #cacaca;
	border-radius: 2px;
	color: #1a1a1a;
	cursor: pointer;
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 600;
	height: 15px;
	letter-spacing: 1px;
	line-height: 1.1;
	margin-left: 0px;
	padding: 2px 11px 15px 6px !important;
	width: 15px;
	text-align: center;
	top: 0;
}
.tooltip.ebook, .tooltip.versandkosten, .tooltip.lieferbar {
	position: absolute;
	top: calc(100% + 0.6495rem);
	z-index: 1200;
	max-width: 318px;
	padding: 0.0rem;
	border-radius: 0;
	background-color: #ffffff;
	font-size: 80%;
	color: var(--dark);
	border: 1px solid #cacaca;
	border-radius: 0;
	box-shadow: 0 6px 12px rgba(0,0,0,.5);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.5);
}
.tooltip.top.ebook::before, .tooltip.top.versandkosten::before, .tooltip.top.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-style: inset;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-width: 0.75rem;
		border-left-color: currentcolor;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #ffffff transparent transparent;
	top: 100%;
	bottom: auto;
}
.tooltip.bottom.ebook::before, .tooltip.bottom.versandkosten::before, .tooltip.bottom.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-width: 0.75rem;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-style: inset;
		border-left-color: currentcolor;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent #ffffff;
	bottom: 100%;
	bottom: auto;
}
.tooltip.left.ebook::before, .tooltip.left.versandkosten::before, .tooltip.left.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-width: 0.75rem;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-style: inset;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #ffffff;
	left: 100%;
}
.tooltip.right.ebook::before, .tooltip.right.versandkosten::before, .tooltip.right.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-style: inset;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-width: 0.75rem;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #ffffff transparent transparent;
	right: 100%;
}
.tooltip.top.ebook::after, .tooltip.top.versandkosten::after, .tooltip.top.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-style: inset;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-width: 0.75rem;
		border-left-color: currentcolor;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #0a0a0a transparent transparent;
	top: 100.9%;
	position: absolute;
	left: 46%;
	z-index: -1;
}
.tooltip.bottom.ebook::after, .tooltip.bottom.versandkosten::after, .tooltip.bottom.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-width: 0.75rem;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-style: inset;
		border-left-color: currentcolor;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent #0a0a0a;
	bottom: 100.9%;
	position: absolute;
	left: 46%;
	z-index: -1;
}
.tooltip.left.ebook::after, .tooltip.left.versandkosten::after, .tooltip.left.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.8rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-width: 0.8rem;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-style: inset;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #0a0a0a;
	left: 100.5%;
	position: absolute;
	top: 10%;
	z-index: -1;
}
.tooltip.right.ebook::after, .tooltip.right.versandkosten::after, .tooltip.right.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.8rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-style: inset;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-width: 0.8rem;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #0a0a0a transparent transparent;
	right: 100.5%;
	position: absolute;
	top: 10%;
	z-index: -1;
}
.has-tip {
	position: relative;
	display: inline-block;
	border-bottom: dotted 0px transparent;
	font-weight: bold;
	cursor: pointer;
}
.has-tip:focus {
	outline: -webkit-focus-ring-color auto 0px;
}
.tooltip.ebook, .tooltip.lieferbar, .tooltip.versandkosten {
	background: #ffffff;
	width: 300px;
	height: auto;
	font-size: 0.9rem;
	overflow: hidden;
	transition: opacity 1s;
	cursor: pointer;
	z-index: 31419257;
	padding: 10px;
}
.tooltip.ebook b {
	color: #005785;
	display: block;
	margin: 0 0 2px;
	font-size: 1.0rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	background: #ffffff;
}
.tooltip.lieferbar b {
	color: #005785;
	display: block;
	margin: 0 0 2px;
	font-size: 1.0rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	background: #ffffff;
}
.tooltip.versandkosten b {
	color: #005785;
	display: block;
	margin: 0 0 2px;
	font-size: 1.0rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	background: #ffffff;
}
.tooltip.ebook span, .tooltip.lieferbar span, .tooltip.versandkosten span, span.globalebookdetailsMT, span.globalebookdetailsMS {
	display: inline-block;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	text-align: left;
}
.eBookKaufInfoMT, .eBookKaufInfoMS {
	position: absolute;
	top: 15px;
	left: 6px;
	width: 65px;
	cursor: pointer;
	background-color: var(--lightblue);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 3px;
	z-index: 1;
}
.eBookKaufInfoMT span, .eBookKaufInfoMS span {
	color: #fff;
}
span.globalebookdetailsMT, span.globalebookdetailsMS {
	font-size: 0.9rem;
}
.globalebookdetailsMT b, .globalebookdetailsMS b {
	color: #005785;
	display: block;
	margin: 0 0 10px;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
}
#content-header .fas.fa-info-circle {
	color: #cacaca;
	color: var(--lightblue);
	background: transparent;
	font-size: 1.0rem;
	padding: 0 0.25rem;
}

#rightSkyscraper {
	position: absolute;
	top: 5rem;
	right: 7rem;
	left: unset !important;
	width: 160px;
	height: 100%;
	}
#rightSkyscraper.CHIP {
	position: absolute;
	top: 900px;
	right: -240px;
	left: unset !important;
	width: 160px;
	height: 65%;
	}
#rightSkyscraper.hidden {
	display: none;
	}
#rightSkyscraper.CHIP {
	right: 130px !important;
	top: 1000px;
	left: unset !important;
	}
#rightSkyscraper div.sticky, #rightSkyscraper.CHIP div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 170px;
	z-index: 1;
}
#rightSkyscraper div.sticky span {
	font-family: sans-serif !important; 
	font-size: 16px;
	line-height: 20px;
	color: #1f477a !important;
}
#rightSkyscraper a {
	text-decoration: none !important;
}
.sticky-social-bar {
	padding: 0;
	margin: 0;
	top: 72%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: sticky;
}
@media (max-width: 1899px) {
	.chip-mittig {
		display: block;
		margin: 0px auto 10px;
		font-size: 1.1rem;
		font-weight: 400;
		color: #005785;
		padding: 20px;
		border: 0px solid #cacaca;
		text-align: center;
	}
	#rightSkyscraper {
		display: none !important;
		right: 0 !important;
	}
	.gratis-ebook-mt-9007 {
		display: none;
	}
}
@media (min-width: 1900px) {
	.chip-mittig {
		display: none;
	}
}
@media (max-width: 1799px) {
	.chip {
		display: none !important;
		right: 0 !important;
	}
	.svg.chip {
		display: inline-block !important;
	}
}
.theFSecureTrialSkyscraper, .theGratisEbookBanner {
	transition: all .5s;
}
.theFSecureTrialSkyscraper:hover, .theGratisEbookBanner:hover {
	margin-top: 4px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}


/************* NEU!! **************/

#content-header h1, #content-header .h1 {
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 600;
	color: var(--dark);
	margin: 1.8rem 0 0.2rem;
}
#content-header h2.subtitle {
	font-size: 1.4rem;
	font-weight: 400;
}
#content-header.show-for-small-only h1, #content-header.show-for-small-only .h1, #content-header.show-for-small-only h2.subtitle, #content-header.show-for-small-only h3 {
	text-align: center;
}
#content-header.show-for-large table tbody td, #content-header.show-for-medium-only table tbody td {
	color: var(--dark);
	font-size: 1.0rem;
	padding: 0.1rem 0;
	font-weight: 400;
}
#content-header.show-for-medium-only table.info tbody td {
	color: var(--dark);
	font-size: 1.0rem;
	padding: 0.5rem 0;
	font-weight: 400;
}
#content-header.show-for-medium-only table {
	margin-bottom: 0rem;
}
#content-header.show-for-small-only table tbody tr, #content-header.show-for-medium-only table.info tbody tr {
	border: 1px solid #e6e6e6;
	border-width: 1px 0 0 0;
}
#content-header.show-for-small-only table tbody tr:nth-child(1), #content-header.show-for-medium-only table.info tbody tr:nth-child(1) {
	border: 0 solid #e6e6e6;
	border-width: 0 0 0 0;
}
#content-header ul.product-info li:hover {
	color: var(--lightblue);
}
.price {
	font-size: 1.8rem;
	line-height: 1.4;
	padding: 0;
	margin-bottom: 0;
	font-weight: 600;
	color: var(--dark);
}
#startseite-edvbv .price {
	font-size: 1.25rem;
	margin-top: 1rem;
}
#startseite-edvbv .price::before {
	content: '€';
	font-size: 1.1rem;
	font-weight: 600;
}
.bestnr {
	font-size: 0.9rem;
	color: var(--grey);
}
div.lieferstatus {
	font-size: 0.9rem;
	color: var(--grey);
	font-weight: 400;
	padding: 0.5rem 0 0;
}
div.lieferstatus.text-right {
	text-align: left;
}
#content-header span.no-revoke, span.no-revoke {
	color: orangered;
	color: var(--grey);
	font-size: 0.85rem;
	font-weight: 400;
}
i.no-revoke {
	font-size: 0.8rem;
	color: orangered;
	padding: 0 0 0 0.5rem;
}
input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
#content-header button.button, #content button.button, .shopping-cart-dropdown-pane.show-for-large .warenkorb button.button {
	padding: 0.7rem 1rem;
	background: var(--buttonblue);
	border-radius: 5px;
	font-size: 1.0rem;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 1rem 0 0.5rem;
	border: 0;
}
.selection {
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.2;
	color: var(--dark);
	background: #ffffff;
	border: 1px solid var(--grey);
	border-radius: 5px;
	padding: 0.5rem;
	cursor: pointer;
	margin-bottom: 1rem;
}
.selection:hover {
	color: var(--dark);
	background: var(--yellow);
	border: 1px solid var(--yellow);
}
.selection.a:active {
	color: var(--dark);
	background: var(--yellow);
	border: 1px solid var(--yellow);
}
.selection.aktiv {
	color: var(--dark);
	border: 1px solid var(--yellow);
	background-color: var(--yellow);
}
select {
	height: 2.4375rem;
	margin: 0 0 1rem;
	padding: 0.5rem;
	padding-right: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: var(--dark);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 9px 6px;
	padding-right: 1.5rem;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	font-weight: 600;
}
#content-header .button:hover, #content-header .button:focus, #content .button:hover, #content .button:focus {
	background-color: var(--buttonblue-hover);
	color: #ffffff;
}
#content-header div[id^="auswahl"] {
	float: left;
	width: 130px;
}
#content-header div[id^="auswahl"]:nth-child(2n+1) {
	margin-left: 1rem;
}
#content-header .zweier div[id^="auswahl"]:nth-child(2n+1) {
	margin-left: 1rem;
}
#content-header div.choice div[id^="auswahl"]:nth-child(2n+1) {
	margin-left: 0;
}
#content-header div.choice div[id^="auswahl"] {
	float: unset;
	float: none;
	width: 90%;
	min-width: 130px;
}
#acronis #content-header div.choice div[id^="auswahl"], #lexware #content-header div.choice div[id^="auswahl"], #embarcadero #content-header div.choice div[id^="auswahl"], #veeam #content-header div.choice div[id^="auswahl"], #suse #content-header div.choice div[id^="auswahl"] {
	min-width: 150px;
	max-width: 170px;
	margin-bottom: 0.2rem;
}
#content-header div[id^="version"] {
	float: left;
	margin-top: auto;
	padding-bottom: 0;
}
#content-header div[id^="version_"] {
	margin-top: auto;
	padding-bottom: 0;
}
#content-header.show-for-large div.lieferstatus i:nth-child(n+2), 
.show-for-large #content-header div.lieferstatus i:nth-child(n+2), 
#content-header.show-for-medium-only span.lieferstatus i:nth-child(n+2), 
#content-header.show-for-small-only span.lieferstatus i:nth-child(n+2) {
	display: none;
}
#content-header.show-for-large div.lieferstatus i.fas.fa-circle, 
.show-for-large #content-header div.lieferstatus i.fas.fa-circle, 
#content-header.show-for-medium-only span.lieferstatus i.fas.fa-circle, 
#content-header.show-for-small-only span.lieferstatus i.fas.fa-circle {
	font-size: 0.8rem !important;
}
.show-for-large #content-header .ebook-gift, #content-header.show-for-large .product-img .ebook-gift {
	width: 200px;
	height: auto;
	position: absolute;
	top: 1.5rem;
	left: 0rem;
	cursor: default;
}
#content-header.show-for-medium-only .product-img .ebook-gift {
	width: 180px;
	height: auto;
	position: absolute;
	top: 1.5rem;
	left: 0rem;
	z-index: 1;
	cursor: default;
}
#content-header.show-for-small-only .product-img .ebook-gift {
	width: 160px;
	height: auto;
	position: absolute;
	top: -0.5rem;
	left: 0;
	margin: 0 auto;
	z-index: 1;
	cursor: default;
	min-width: unset;
}
#content-header .download {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2;
	color: var(--dark);
	text-transform: uppercase;
	padding: 0 0 0 0.5rem;
}
#content-header .download i {
	color: var(--green);
	padding-right: 0.5rem;
}
#content-header.show-for-large .buybox, .show-for-large #content-header .buybox {
	position: relative;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
	padding: 1.5rem 1rem 1rem;
	margin: 0;
	border-radius: 10px;
}
#content-header.show-for-large .buybox + h3 {
	font-size: 1.3rem;
	line-height: 1.2;
}
#content-header.show-for-large .buybox + div {
	margin-bottom: 1.0rem;
}
#content-header.show-for-large .buybox div:nth-child(2) {
	text-align: left;
	line-height: 1;
}
.uvp {
	position: relative;
}
#produktinfos {
	margin-top: 2rem;
	background-color: #ffffff;
}
#produktinfos .border {
	border-bottom: 1px solid var(--dark);
}
#content-header .versandkosten .fa-truck {
	font-size: 0.9rem;
	color: var(--green);
}
#content-header.show-for-medium-only table.info tbody td.mobile {
	width: 50%;
}
#content-header .buybox span.netto:before, 
div[id^='version_medium'] span.netto:before, 
div[id^='version_small'] span.netto:before {
	content: " zzgl. MwSt.";
}
#content-header .buybox span.brutto:before, 
div[id^='version_medium'] span.brutto:before, 
div[id^='version_small'] span.brutto:before {
	content: " inkl. MwSt.";
}
.show-for-large a.info_tab, .show-for-medium-only a.info_tab {
	padding-bottom: 6px;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 2.2;
	color: var(--dark);
	margin-right: 3rem;
	text-decoration: none;
}
.show-for-large a.info_tab:hover, .show-for-medium-only a.info_tab:hover {
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 2.2;
	color: var(--dark);
	margin-right: 3rem;
	text-decoration: none;
	border-bottom: 3px solid var(--yellow);
}
a.info_tab .fa, a.info_tab .fas {
	padding-right: 8px;
	opacity: 0.8;
}
#produktinfos a.info_tab .fa, #produktinfos a.info_tab .fas {
	color: var(--grey);
	padding-right: 8px;
	opacity: 0.8;
}
#produktinfos a.info_tab:hover .fa, #produktinfos a.info_tab:hover .fas {
	color: var(--dark);
}
.background::before {
	background: linear-gradient(to bottom,rgba(255,255,255,0) 20%,#fff 80%);
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}
.full.show-for-large.overall-background-top, .full.show-for-large.overall-background-bottom {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,243,247,1) 15%, rgba(255,255,255,1) 100%);
}
.full.show-for-large.overall-background-bottom {
	padding-top: 2rem;
	padding-bottom: 4rem;
}
#content_kvtext h1, #content_kvtext .h1 {
	font-size: 1.8rem;
	line-height: 1.4;
	color: var(--dark);
	font-weight: 600;
	padding: 0;
	margin: 0;
}
#content_kvtext h2, #content_kvtext .h2 {
	font-size: 1.6rem;
	line-height: 1.4;
	color: var(--dark);
	font-weight: 600;
	padding: 2rem 0 1rem;
	margin: 0;
}  
#content_kvtext h3, #content_kvtext .h3 {
	font-size: 1.3rem;
	line-height: 1.4;
	color: var(--dark);
	font-weight: 600;
	padding: 0.8rem 0 0.5rem;
	margin: 0;
}
#content_kvtext figcaption, #content_kvtext figure {
	padding: 0.8rem 0;
}
#content_kvtext {
	position: relative;
	font-size: 1.1rem;
	line-height: 1.4;
	color: var(--dark);
}
#content_kvtext p {
	font-size: 1.1rem;
	line-height: 1.6;
	color: var(--dark);
	font-weight: 400;
	padding: 0 0 1rem;
	margin: 0;
}  
#content_kvtext li {
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
	font-size: 1.0rem;
	line-height: 1.6;
	color: var(--dark);
	font-weight: 400;
	padding: 0.5rem 0;
	margin: 0;
} 
#content_kvtext a {
	font-family: 'Fira Sans', Arial, Helvetica, sans-serif !important;
	font-size: 1.1rem;
	line-height: 1.6;
	color: var(--lightblue);
	font-weight: 400;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}  
#content_kvtext li.inhalt {
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 0.5rem 0;
}
#content_kvtext a.button, #content_kvtext div.button {
	font-size: 1.0rem;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	background: var(--buttonblue);
	padding: 0.7rem 1rem;
	border-radius: 5px;
	margin: 1rem 0 0.5rem;
}
#content_kvtext a.button:hover, #content_kvtext div.button:hover {
	background: var(--buttonblue-hover);
}
#content_kvtext .leseprobe a {
	text-decoration: none !important;
}
#content_kvtext .leseprobe a > span {
	color: #00539a !important;
	font-size: 1.1em !important;
	line-height: initial !important;
	font-weight: 600 !important;
	text-decoration: underline solid #00539a;
	text-decoration-thickness: 2px;
}
#content_kvtext .autoren {
	position: relative;
	margin-top: 4rem;
	margin-bottom: 4rem;
}
#content_kvtext .autor {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#content_kvtext .autor img {
	max-width: 250px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin-bottom: 2rem;
}
#content_kvtext #autor_large {
	position: relative;
	top: -141px;
}
h2.recommendation {
	font-size: 2.0rem;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid var(--dark);
	line-height: 0.1;
	margin: 0.5rem 0 1.2rem;
}
h2.recommendation span {
	background:#fff;
	padding:0 10px;
}

/* Start Systemanforderungen */
h3.system {
	font-size: 1.4rem;
	border-bottom: 1px solid var(--dark);
}
.systemanforderung h3 {
	font-size: 1.4rem;
	color: var(--dark);
	border-bottom: 1px solid var(--dark);
	text-transform: none;
}
.systemanforderung h4 {
	font-size: 1.0rem;
	color: var(--dark);
	text-transform: none;
}
.systemanforderung li {
	font-size: 0.9rem;
	color: var(--dark);
	border: none !important;
	font-weight: 400;
	padding: 0.25rem 0;
}
.systemanforderung p {
	font-size: 0.9rem;
	color: var(--dark);
	border: none !important;
	font-weight: 400;
	padding: 0;
}
#content #systemanforderung, #content #systemanforderungen, #systemanforderung, #systemanforderungen {
	padding: 3rem 0;
}
#content #systemanforderung div h3, #systemanforderung div h3, #content #systemanforderungen div h3, #systemanforderungen div h3 {
	font-size: 1.4rem;
	line-height: 1.2;
	color: var(--dark);
	font-weight: 600;
	border-bottom: 1px solid var(--dark);
}
#content #systemanforderung div h4, #systemanforderung div h4, #content #systemanforderungen div h4, #systemanforderungen div h4 {
	font-size: 1.0rem;
	line-height: 1.2;
	color: var(--dark);
	font-weight: 600;
	padding-top: 1rem;
}
#content #systemanforderung ul, #systemanforderung ul, #content #systemanforderungen ul, #systemanforderungen ul {
	margin: 0;
}
#content #systemanforderung li, #systemanforderung li, #content #systemanforderungen li, #systemanforderungen li {
	list-style: none;
}
#content #systemanforderung ul li, #systemanforderung ul li, #content #systemanforderungen ul li, #systemanforderungen ul li {
	font-size: 0.9rem;
	line-height: 1.4;
	padding: 0.2rem 0;
	color: var(--dark);
	margin-left: 1rem;
}
#content #systemanforderung ul li:before, #systemanforderung ul li:before, #content #systemanforderungen ul li:before, #systemanforderungen ul li:before {
	content: '•';
	margin-left: -0.7rem;
	padding-right: 0.4rem;
	color: var(--dark);
}
#content #systemanforderung p, #systemanforderung p, #content #systemanforderungen p, #systemanforderungen p {
	font-size: 0.9rem;
	line-height: 1.4;
	padding: 0.2rem 0;
	color: var(--dark);
}
/* Ende Systemanforderungen */

#content_kvtext .ausdeminhalt {
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	text-align: left;
}
#content_kvtext .ausdeminhalt h2, #content_kvtext .ohnezeichen h2 {
	display: inline-block;
	display: block;
	font-size: 1.6rem !important;
	font-weight: 600 !important;
	margin: 0 0 0.5em 0 !important;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #000000;
	width: 100%;
}
#content_kvtext .ausdeminhalt ul {
	margin: 0 0 0.8rem 1rem;
	padding: 0;
	list-style: inside none;
}
#content_kvtext .ausdeminhalt ul li {
	background: none;
	line-height: 1.2;
	margin: 0.6rem 0 0;
	padding: 0.0rem 0 0 0.8rem;
	text-align: left;
}
#content_kvtext .ausdeminhalt ul li::before {
	color: var(--yellow);
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.5rem;
	margin-left: -1.5rem;
	padding-right: 0.9rem;
}
#content_kvtext .ausdeminhalt .inhalttwocolfloat, #content_kvtext .reihe .inhalttwocolfloat {
	margin-right: 2%;
	width: 47%;
	float: left;
	text-align: left;
	padding: 0;
	margin-top: -10px;
}
#content_kvtext .ausdeminhalt .inhalttwocolfloat h3, #content_kvtext .reihe .inhalttwocolfloat h3 {
	margin: 1rem 0 0.2rem;
}
@media screen and (max-width: 63.9375em) {
	#content_kvtext .ausdeminhalt .inhalttwocolfloat, #content_kvtext .reihe .inhalttwocolfloat {
		margin-right: 0%;
		width: 100%;
		float: left;
		text-align: left;
		padding: 0;
		margin-top: -10px;
	}
	#content_kvtext .ausdeminhalt, #content_kvtext .reihe {
		position: relative;
		padding-bottom: 2rem;
	}
	#content_kvtext .ausdeminhalt .inhalttwocolfloat a, #content_kvtext .reihe .inhalttwocolfloat a {
		position: absolute;
		bottom: 0;
	}
}
#content_kvtext .spalte {
	width: 100%;
}
#content_kvtext .spalte div {
	width: 50%;
	max-width: 100%;
}
#content_kvtext .spalte img {
	width: auto;
	max-width: 100%;
}
#content_kvtext .link-tip {
	margin: 3rem 0 1rem;
}
#content_kvtext .grid-x {
	font-size: 1.1rem;
}
.autoren h3 {
	font-size: 1.6rem;
	border-bottom: 1px solid var(--dark);
}
.hide_author_detail_text {
	display: none;
}
.show_author_detail_text {
	display: unset;
}
.hide_read_more {
	display: none;
	line-height: inherit;
	color: var(--dark);
	cursor: pointer;
	font-weight: 600;
	text-decoration: underline;
}
.show_read_more {
	display: unset;
	line-height: inherit;
	color: var(--dark);
	cursor: pointer;
	font-weight: 600;
	text-decoration: underline;
}
.spinner {
	font-size: 10rem;
	background: transparent;
	background-color: transparent;
	height: auto;
	width: auto;
	min-width: 200px;
	min-height: 100px;
	text-align: center;
	margin: auto;
}
.white {
	color: var(--white);
}
.dark {
	color: var(--dark);
}
.red {
	color: var(--red);
}
.green {
	color: var(--green);
}
.yellow {
	color: var(--yellow);
}
.grey {
	color: var(--grey);
}
.lightgrey {
	color: var(--lightgrey);
}
.lightblue {
	color: var(--lightblue);
}
.bg-dark, .button.bg-dark:hover, .button.bg-dark:focus {
	background-color: var(--dark);
}
.bg-red, .button.bg-red:hover, .button.bg-red:focus {
	background-color: var(--red);
}
.bg-green, .button.bg-green:hover, .button.bg-green:focus {
	background-color: var(--green);
}
.bg-yellow, .button.bg-yellow:hover, .button.bg-yellow:focus {
	background-color: var(--yellow);
	color: var(--dark);
}
.bg-grey, .button.bg-grey:hover, .button.bg-grey:focus {
	background-color: var(--grey);
}
.bg-lightgrey, .button.bg-lightgrey:hover, .button.bg-lightgrey:focus {
	background-color: var(--lightgrey);
	color: var(--dark);
}
.bg-lightblue, .button.bg-lightblue:hover, .button.bg-lightblue:focus {
	background-color: var(--lightblue);
}
.bg-continue, .button.expanded.bg-continue, .button.bg-continue:hover, .button.bg-continue:focus {
	background-color: var(--yellow);
	color: var(--dark);
}
.bg-cancel, .button.expanded.bg-cancel, .button.bg-cancel:hover, .button.bg-cancel:focus {
	background-color: var(--grey);
}
.bg-remove, .button.expanded.bg-remove, .button.bg-remove:hover, .button.bg-remove:focus {
	background-color: var(--red);
}
.bg-uncolored, .button.expanded.bg-uncolored, .button.bg-uncolored:hover, .button.bg-uncolored:focus {
	color: var(--dark);
	background-color: var(--white);
	border: 1px solid var(--dark);
}
.button {
	padding: 0.85em 2em;
	border-radius: 3px;
	font-size: 1.0rem;
	line-height: 1.2;
}
.button:hover, .button:focus{
	opacity: 0.9;
}
.heading-underline {
	margin: .5rem auto 0 0;
	width: 3rem;
	border: 4px solid #fac74d;
}

/* Support */
#support div h3 div.support_title:before {
	content: "Unsere Expertise ist Ihr Vorteil";
}
#support div h4 div.support_text:before {
	content: "Ein Team von zertifizierten Spezialisten beantwortet alle Fragen und entwickelt mit Ihnen gemeinsam das beste Lizenzmodell für ihr Unternehmen.";
}
#support {
	padding: 0 0 1rem;
}
#support div.support {
	background: var(--lightgrey);
	margin: 0 auto 3rem;
	border-radius: 6px;
	box-shadow: 4px 6px 7px -5px rgba(0,0,0,0.21);
	max-width: 1485px;
}
#support h3 {
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 600;
	color: var(--dark);
	padding: 0;
	margin: 0 0 1rem;
}
#support div h3 {
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--dark);
	padding: 0.5rem 0;
}
#support div h3.number {
	margin-bottom: 0;
	padding: 0.5rem 0 0;
}
#support h4 {
	font-size: 1.1rem;
	line-height: 1.4;
	font-weight: 400;
	color: var(--dark);
	padding: 0;
	margin: 0;
}
#support div h4 {
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--dark);
	padding: 0;
}
#support img.support {
	width: 100%;
	padding: 0;
}
#support .support-contact {
	padding: 1rem 0;
}
#support div.support-contact .time {
	font-size: 1.0rem;
	line-height: 2.5;
}
#support .support-contact a {
	line-height: 1.4;
	color: var(--lightblue);
	text-decoration: underline;
}
#support hr {
	clear: both;
	max-width: 80rem;
	height: 0;
	margin: .2em auto 0 0;
	width: 3rem;
	border: 4px solid #fdba30;
}

/* SkyScraper Anfang */
#service-skyscraper-large.large-frame {
	position: absolute;
	top: 1.2rem;
	right: -100px;
	min-width: 220px;
	max-width: 220px;
	height: auto;
	background: #ffffff;
	padding: 1rem 0rem;
	border: 1px solid #cacaca;
	border-radius: 5px;
}
#service-skyscraper-large .logo {
	max-width: 160px;
}
#service-skyscraper-large .grid-margin-x {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 0.5rem;
	position: relative;
}
#service-skyscraper-large .headline {
	font-size: 1.1rem;
	line-height: 1.2; 
	font-weight: 400;
	color: var(--dark); 
	padding: 0 0.5rem 1.5rem; 
	text-align: center;
}
#service-skyscraper-large .support, #service-skyscraper-large .download, #service-skyscraper-large .money {
	width: auto;
	max-width: 160px;
}
#service-skyscraper-large .service {
	font-size: 0.95rem;
	line-height: 1.4;
	color: var(--dark);
	padding: 0;
}
#service-skyscraper-large .subtitle {
	font-size: 0.8rem;
	line-height: 1.4;
	color: var(--grey);
	padding: 0 0 1rem;
}
#service-skyscraper-large img.icon {
	max-width: 25px;
	height: auto;
	position: absolute;
	top: 0;
}
#service-skyscraper-mobile .headline {
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 600;
	color: var(--dark);
	padding: 2.5rem 0 1rem;
	text-align: center;
	text-transform: uppercase;
}
#service-skyscraper-mobile .service {
	font-size: 0.95rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	color: var(--dark);
}
#service-skyscraper-mobile .subtitle {
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.2;
	color: var(--grey);
}
#service-skyscraper-mobile .icon {
	margin-bottom: 0.5rem;
	max-width: 25px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#service-skyscraper-mobile .mobile-frame {
	background: #ffffff;
	border: 1px solid #cacaca;
	padding: 1rem 2rem;
	border-radius: 5px;
	max-width: 300px;
	margin: 0.5rem;
	position: relative;
}
#service-skyscraper-mobile {
	max-width: 900px;
	min-width: 280px;
	height: auto;
}
#service-skyscraper-large .download, #service-skyscraper-mobile .download {
	padding: 0;
	text-transform: none;
	text-transform: unset;
}
#service-skyscraper-large div.headline:before {
	content: "Unser kostenloser";
}
#service-skyscraper-large div.headline:after {
	content: "Service für Sie";
}
#service-skyscraper-mobile div.headline:before {
	content: "Darauf können Sie sich bei uns verlassen";
}
#service-skyscraper-large div.download div.service:before, #service-skyscraper-mobile div.download div.service:before {
	content: "Premium-Service";
}
#service-skyscraper-large div.download div.subtitle:before, #service-skyscraper-mobile div.download div.subtitle:before {
	content: "3 Jahre Download-Garantie";
}
#service-skyscraper-large div.support div.service:before, #service-skyscraper-mobile div.support div.service:before {
	content: "Premium-Support";
}
#service-skyscraper-large div.support div.subtitle:before, #service-skyscraper-mobile div.support div.subtitle:before {
	content: "Telefonisch & per Mail";
}
#service-skyscraper-large div.money div.service:before {
	content: "30 Tage Geld-zurück-Garantie";
}
#service-skyscraper-mobile div.money div.service:before {
	content: "30 Tage";
}
#service-skyscraper-mobile div.money div.service:after {
	content: "Geld-zurück-Garantie";
}
@media (min-width: 1710px) {
	#service-skyscraper-large {
		display: block;
	}
	#service-skyscraper-mobile {
		display: none;
	}
}
@media (max-width: 1709px) {
	#service-skyscraper-large {
		display: none;
	}
	#service-skyscraper-mobile {
		display: block;
	}
}

#skyscraper.skyscraper-mte-9014, #skyscraper.skyscraper-gratisebook {
	position: fixed;
	bottom: 17.0rem;
	right: 0.2rem;
	z-index: 1;
	overflow: hidden;
}
@media (max-width: 1525px) {
	#skyscraper.skyscraper-mte-9014, #skyscraper.skyscraper-gratisebook {
		display: none !important;
	}
}
#skyscraper .skyscraper-small img, #skyscraper .skyscraper-large img {
	-webkit-box-shadow: 0 2px 9px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 9px 2px rgba(0,0,0,.1);
	box-shadow: 0 2px 9px 2px rgba(0,0,0,.1);
}
#skyscraper.skyscraper-mte-9014 .skyscraper-large {
	display: none;
}
#skyscraper.skyscraper-mte-9014 .skyscraper-small, #skyscraper.skyscraper-gratisebook .skyscraper-small {
	display: block;
}
#skyscraper.skyscraper-mte-9014.big .skyscraper-large {
	display: block;
}
#skyscraper.skyscraper-mte-9014.big .skyscraper-small, #skyscraper.skyscraper-gratisebook.big .skyscraper-small {
	display: none;
}
#skyscraper.skyscraper-mte-9014.big .skyscraper-large .close-button {
	right: unset;
	top: 0.5rem;
	font-size: 2em;
	line-height: 1;
	left: 1rem;
}
/* SkyScraper Ende */

/* TrustedShops Anfang */

#trustedshops .review-subline img {
	padding: 2px 0 3px;
}
#trustedshops .review-subline .trustedshops {
	font-size: 0.8rem;
	line-height: 0.85rem;
}
#trustedshops .review-body {
	line-height: 0.85rem;
}
#trustedshops .review-body .star {
	display: inline-block;
	color: #ffd711;
	font-size: 1.1rem;
	width: 13px !important;
	height: 13px !important;
}
#trustedshops hr.trustedshops {
	margin: 0.4rem auto 0.8rem;
}
#trustedshops_mobile .ts_schutz > div,
#trustedshops_mobile_small .ts_schutz > div {
	padding: 14px 10px 0 12px;
}
#trustedshops_mobile .ts_siegel,
#trustedshops_mobile_small .ts_siegel {
	padding-top: 0px;
	margin: -5px -3px 7px 0;
	line-height: 1;
}
#trustedshops .review-top span,
#trustedshops_mobile .ts_siegel span,
#trustedshops_mobile_small .ts_siegel span {
	text-align: right;
	color: #5c5c5c;
	padding-right: 0px;
	font-size: 1.0rem;
	padding-top: 0px;
	word-spacing: 0.0rem;
	letter-spacing: normal;
}
#trustedshops .review-top span {
	padding-right: 6px;
}
#trustedshops_mobile .star,
#trustedshops_mobile_small .star {
	display: inline-block;
	width: 14px !important;
	height: 14px !important;
	font-size: 1.1rem;
	color: #ffd711;
}
#trustedshops_mobile .review,
#trustedshops_mobile_small .review {
	line-height: 0.85rem;
}
#trustedshops_mobile .review .trustedshops,
#trustedshops_mobile_small .review .trustedshops {
	font-size: 0.8rem;
	line-height: 1.3;
}
#trustedshops .review-top {
	padding-top: 0px;
	margin: 0px;
}
#trustedshops_mobile .review-top,
#trustedshops_mobile_small .review-top {
	width: 75px;
	float: left;
}
#trustedshops_mobile .review-body,
#trustedshops_mobile_small .review-body {
	width: 83px;
	float: left;
	padding-right: 5px;
}
#trustedshops_mobile .review-bottom,
#trustedshops_mobile_small .review-bottom {
	width: 165px;
	float: left;
	text-align: center;
}
#trustedshops_mobile .review-bottom hr.trustedshops,
#trustedshops_mobile_small .review-bottom hr.trustedshops {
	width: 88%;
	margin: 0.2rem auto 0.1rem;
}
#trustedshops_mobile .review-bottom > div,
#trustedshops_mobile_small .review-bottom > div {
	line-height: 0.85rem;
}
#trustedshops_mobile .review-bottom > div span.trustedshops,
#trustedshops_mobile_small .review-bottom > div span.trustedshops {
	font-size: 0.7rem;
	line-height: 0.9;
}
span.trustedshops {
	font-family: sans-serif;
	font-size: 0.8rem;
	line-height: 1.35;
	color: #222222;
	text-align: center;
}
#trustedshops_mobile_small span.trustedshops {
	line-height: 1.6;
	color: #222222;
	font-size: 0.95rem;
	line-height: 1.05;
}
hr.trustedshops {
	border: 0;
	width: 85%;
	height: 1px;
	background-color: #e1e1e1;
	padding: 0px;
	margin: 3px;
}
#trustedshops {
	-webkit-box-shadow: 0 2px 9px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 9px 2px rgba(0,0,0,.1);
	box-shadow: 0 2px 9px 2px rgba(0,0,0,.1);
	max-width: 95px;
	max-height: 172px;
	line-height: 0.3rem;
	position: fixed;
	bottom: 5rem;
	right: 0;
	background-color: #fff;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 8px;
	margin: 0 3px 5px 0;
	transition: none 0s ease 0s;
}
#trustedshops_mobile {
	display: none;
	position: relative;
	left: 0px;
	top: 20px;
	width: 165px;
	padding-left: 0;
	background-image: none;
}
#trustedshops_mobile_small {
	display: none;
	width: 165px;
	position: relative;
	top: 20px;
	margin: 0 auto 50px;
	line-height: 1;
}
#trustedshops a,
#trustedshops a:hover,
#trustedshops a:active,
#trustedshops a:visited,
#trustedshops_mobile a,
#trustedshops_mobile a:hover,
#trustedshops_mobile a:active,
#trustedshops_mobile a:visited,
#trustedshops_mobile_small a,
#trustedshops_mobile_small a:hover,
#trustedshops_mobile_small a:active,
#trustedshops_mobile_small a:visited {
	text-decoration: none;
}
#trustedshops:hover,
#trustedshops:active,
#trustedshops:visited {
	text-decoration: none;
	border: 1px solid rgb(255, 220, 15);
	transition: none 0s ease 0s;
}
#trustedshops_mobile .around,
#trustedshops_mobile_small .around {
	width: 165px;
	height: 95px;
	background-color: #ffffff;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 8px;
	transition: none 0s ease 0s;
}
#trustedshops_mobile .around:hover,
#trustedshops_mobile .around:active,
#trustedshops_mobile .around:visited,
#trustedshops_mobile_small .around:hover,
#trustedshops_mobile_small .around:active,
#trustedshops_mobile_small .around:visited {
	border: 1px solid rgb(255, 220, 15);
	transition: none 0s ease 0s;
}
#trustedshops_mobile span.trustedshops {
	color: #222222;
	line-height: 1.05;
	font-size: 0.95rem;
}
@media print, screen and (max-width: 92rem) {
	#trustedshops {
		display: none;
	}
	#trustedshops_mobile {
		display: block;
	}
	#trustedshops_mobile_small {
		display: block;
	}
}
/* TrustedShops Ende */

/* Für Print Anfang */
@media print {
	.large-1 {
		width: 8.33333%;
	}
	.large-2 {
		width: 16.66667%;
	}
	.large-3 {
		width: 25%;
	}
	.large-4 {
		width: 33.33333%;
	}
	.large-5 {
		width: 41.66667%;
	}
	.large-6 {
		width: 50%;
	}
	.large-7 {
		width: 58.33333%;
	}
	.large-8 {
		width: 66.66667%;
	}
	.large-9 {
		width: 75%;
	}
	.large-10 {
		width: 83.33333%;
	}
	.large-11 {
		width: 91.66667%;
	}
	.large-12 {
		width: 100%;
	}
	header, footer, .show-for-small-only, div.sticky-container, #do_shopping {
		display: none !important;
	}
	#total_goods {
		break-inside: avoid-page;
	}
}
/* Für Print Ende */

/* Slider Pro Styles Starts*/
.slider-tab .sp-mask {
	position: relative;
	overflow: hidden;
	padding-top: 0.0rem;
	padding-bottom: 0.0rem;
}
.slider-tab .sp-top-thumbnails, 
.slider-tab .sp-bottom-thumbnails {
	width: 100% !important;
	left: 0;
	margin: 0;
}
.slider-tab .sp-thumbnail {
	line-height: 1;
	color: var(--dark);
	font-weight: 600;
	padding: 1.25rem 0.8rem;
}
.slider-tab .sp-thumbnail-container.sp-selected-thumbnail, 
.slider-tab .sp-thumbnail-container:focus, 
.slider-tab .sp-thumbnail-container:hover {
	background: var(--yellow);
	color: var(--dark);
	border-bottom-right-radius: 20px;
}
.slider-tab .sp-grab {
	width: 100% !important;
	cursor: pointer;
}
.slider-tab .sp-thumbnail-container {
	background: #dedede;
	margin-right: 0.5%;
}
.slider-tab .sp-mask {
	position: relative;
	overflow: hidden;
	padding-top: 0.0rem;
	padding-bottom: 0.0rem;
}
.slider-tab div.sp-thumbnail-container:last-child {
	margin-right: 0;
}
.slider-recommendation .box {
	background: var(--lightgrey);
	border-radius: 0px;
	padding: 0;
	margin: 0;
	height: 332px;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.slider-recommendation .box:hover {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.slider-recommendation.show-for-small-only .box {
	padding: 0.5rem;
	margin: 0.5rem;
	height: 300px;
}
.slider-recommendation .neu {
	position: relative;
	top: 1rem;
	bottom: unset;
	left: -1rem;
	background: #74C3AD;
	width: 60px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #fff;
	font-weight: 600;
}
.slider-recommendation.show-for-medium .neu {
	position: relative;
	top: 1rem;
	bottom: unset;
	left: 0;
	background: #74C3AD;
	width: 60px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #fff;
	font-weight: 600;
	padding-left: 1.5rem;
}
.slider-recommendation .title {
	font-size: 0.95rem;
	line-height: 1.2;
	color: var(--dark);
	font-weight: 600;
	padding: 0 0 0.25rem;
	text-align: left;
}
.slider-recommendation .title a {
	color: var(--dark);
}
.slider-recommendation .title a:hover {
	text-decoration: underline;
}
.slider-recommendation .subtitle {
	font-size: 0.85rem;
	line-height: 1.2;
	color: var(--dark);
	font-weight: 400;
	padding: 0 0 0.5rem;
	text-align: left;
}
.slider-recommendation .product-image > img {
	height: 180px;
	margin: 2rem 1rem 1rem;
	position: relative;
}
.slider-recommendation .sp-slide, 
.slider-business .sp-slide {
	position: absolute;
	margin-left: 0.5rem;
}
.slider-business  a {
	color: var(--dark);
}
/* Slider Pro Styles Ends

Orbit-Slider Start*/
.orbit-bullets button {
	width: 1.5rem;
	height: 0.5rem;
	margin: 0.1rem;
	border-radius: 0%;
	background-color: var(--grey);
}
.orbit-bullets button:hover {
	background-color: var(--yellow);
}
.orbit-bullets button.is-active {
	background-color: var(--yellow);
}
.orbit-previous:hover, 
.orbit-next:hover, 
.orbit-previous:active, 
.orbit-next:active, 
.orbit-previous:focus, .orbit-next:focus {
	color: var(--yellow);
	background-color: transparent;
}
.orbit-controls button.orbit-previous:hover, 
.orbit-controls button.orbit-next:hover {
	cursor: pointer;
	background: #cacaca47;
}
/* Orbit-Slider Ende

Header
Pulldownmenues */
header .shopping-cart-dropdown-pane .dropdown-pane::before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #cacaca;
	margin-left: -45px;
	border-width: 14px;
	margin-left: -100px;
}
header .shopping-cart-dropdown-pane .dropdown-pane::after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	margin-left: -45px;
	border-width: 10px;
}
header .shopping-cart-dropdown-pane.show-for-small-only .dropdown-pane, 
header .shopping-cart-dropdown-pane.show-for-medium-only .dropdown-pane {
	background-color: #ffffff;
}
header .shopping-cart-dropdown-pane.show-for-small-only .dropdown-pane::before, 
header .shopping-cart-dropdown-pane.show-for-medium-only .dropdown-pane::before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgba(0, 0, 0, 0.3);
	margin-left: -4px;
	border-width: 11px;
}
header .shopping-cart-dropdown-pane.show-for-small-only .dropdown-pane::after, 
header .shopping-cart-dropdown-pane.show-for-medium-only .dropdown-pane::after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	margin-left: -3px;
	border-width: 10px;
}
header .shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small.dropdown-pane::before {
	right: unset;
	left: 105px;
}
header .shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small.dropdown-pane::after {
	right: unset;
	left: 105px;
}
header .shopping-cart-dropdown-pane.show-for-small-only #download-dropdown-small.dropdown-pane::before {
	left: unset;
	right: 99px;
}
header .shopping-cart-dropdown-pane.show-for-small-only #download-dropdown-small.dropdown-pane::after {
	left: unset;
	right: 100px;
}
header .shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium.dropdown-pane::before {
	left: unset;
	right: 145px;
}
header .shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium.dropdown-pane::after {
	left: unset;
	right: 146px;
}
header .shopping-cart-dropdown-pane #mein-konto-dropdown.dropdown-pane::before {
	left: unset;
	right: 232px;
	border-width: 14px;
	margin-left: -14px;
}
header .shopping-cart-dropdown-pane #mein-konto-dropdown.dropdown-pane::after {
	left: unset;
	right: 234px;
	border-width: 12px;
	margin-left: -12px;
}
header .shopping-cart-dropdown-pane #download-dropdown.dropdown-pane::before {
	left: unset;
	right: 130px;
	border-width: 14px;
	margin-left: -14px;
}
header .shopping-cart-dropdown-pane #download-dropdown.dropdown-pane::after {
	left: unset;
	right: 132px;
	border-width: 12px;
	margin-left: -12px;
}
header .shopping-cart-dropdown-pane #shopping-cart-dropdown.dropdown-pane::before {
	left: unset;
	right: 42px;
	border-width: 14px;
	margin-left: -14px;
}
header .shopping-cart-dropdown-pane #shopping-cart-dropdown.dropdown-pane::after {
	left: unset;
	right: 44px;
	border-width: 12px;
	margin-left: -12px;
}
.shopping-cart-dropdown-pane {
	overflow: auto;
}
.shopping-cart-dropdown-pane .shopping-cart-item-name {
	float:right;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small,
.shopping-cart-dropdown-pane.show-for-large #download-dropdown,
.shopping-cart-dropdown-pane.show-for-medium-only #download-dropdown-medium,
.shopping-cart-dropdown-pane.show-for-small-only #download-dropdown-small {
	width: 300px;
	margin: 0px;
	padding: 0 5px;
	z-index: 1009;
	background-color: #ffffff;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown h6 span,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium h6 span,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small h6 span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown .shopping-cart-item.payment,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium .shopping-cart-item.payment,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small .shopping-cart-item.payment {
	border-bottom: 0;
	padding: 0.4rem 0 0;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown .shopping-cart-item.logout,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium .shopping-cart-item.logout,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small .shopping-cart-item.logout {
	border-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown .shopping-cart-item.logout button.button,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium .shopping-cart-item.logout button.button,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small .shopping-cart-item.logout button.button {
	width: 284px !important;
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 16px !important;
	text-transform: uppercase;
	margin: 10px 2px 5px !important;
	padding: 12px 10px;
	border-radius: 0px;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown .shopping-cart-item.login,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium .shopping-cart-item.login,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small .shopping-cart-item.login,
.shopping-cart-dropdown-pane.show-for-large #download-dropdown .shopping-cart-item.login,
.shopping-cart-dropdown-pane.show-for-medium-only #download-dropdown-medium .shopping-cart-item.login {
	border-bottom: 0;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown .shopping-cart-item.login button.button,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium .shopping-cart-item.login button.button,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small .shopping-cart-item.login button.button,
.shopping-cart-dropdown-pane.show-for-large #download-dropdown .shopping-cart-item.login button.button,
.shopping-cart-dropdown-pane.show-for-medium-only #download-dropdown-medium .shopping-cart-item.login button.button {
	width: 284px !important;
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 16px !important;
	text-transform: uppercase;
	background-color: var(--lightblue) !important;
	background: var(--lightblue) !important;
	margin: 10px 2px 5px !important;
	padding: 12px 10px;
	border-radius: 0px;
}
.shopping-cart-dropdown-pane.show-for-large #mein-konto-dropdown .shopping-cart-item.login a,
.shopping-cart-dropdown-pane.show-for-medium-only #mein-konto-dropdown-medium .shopping-cart-item.login a,
.shopping-cart-dropdown-pane.show-for-small-only #mein-konto-dropdown-small .shopping-cart-item.login a,
.shopping-cart-dropdown-pane.show-for-large #download-dropdown .shopping-cart-item.login a,
.shopping-cart-dropdown-pane.show-for-medium-only #download-dropdown-medium .shopping-cart-item.login a {
	font-size: 0.9rem;
	text-decoration: underline;
}
.shopping-cart-dropdown-pane.show-for-large #download-dropdown #software_count,
.shopping-cart-dropdown-pane.show-for-medium-only #download-dropdown-medium #software_count_medium {
	top: 12px;
	display: none;
}
.shopping-cart-dropdown-pane.show-for-large #download-dropdown #ebook_count,
.shopping-cart-dropdown-pane.show-for-medium-only #download-dropdown-medium #ebook_count_medium {
	top: 56px;
	display: none;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb {
	width: 500px;
	margin: 0px;
	padding: 0;
	z-index: 1009;
	background-color: #ffffff;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .shopping-cart-item {
	border-bottom: 0;
	margin: 0.5rem;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .basket-product {
	width: 100%;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .basket-product img {
	float: left;
	width: 90px;
	height: auto;
	margin-right: 0.8rem;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .shopping-cart-item-name.trenner {
	width: 100%;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .shopping-cart-item.last {
	padding-bottom: 0;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .shopping-cart-item.last .shopping-cart-item-name {
	margin: 0;
	width: 100%;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .basket-empty a {
	text-decoration: none;
	color: #ffffff;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .basket-empty .basket-empty-top {
	border-bottom: 0;
	padding: 3rem 0.5rem;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .basket-empty .basket-empty-bottom {
	width: 100%;
	color: #ffffff;
	padding: 0.5rem;
	text-align: center;
}
.shopping-cart-dropdown-pane.show-for-large .warenkorb .basket-empty .basket-empty-bottom button.button {
	color: #ffffff;
	border: 1px solid #ffffff;
	margin: 0.5rem auto;
}


/*** Die ID order-pattern wird für die Darstellung der responsiven EPDs bis 4 Produkte pro Seite verwendet ***/
/*** Die ID catalogContent, catalogLatestContent, searchContainer für die Darstellung der SELs  ***/
/*** Die ID catalogLatestContainer für die Darstellung der Neuerscheinungen SELs  ***/

/* Background mit weißem Verlauf und Background mit grauem Verlauf */

#order-pattern {
	margin-top: 2rem;
	margin-bottom: 3rem;
} 
#order-pattern-mobile {
	margin-top: 0.85rem;
	margin-bottom: 3rem;
}
/* Background für Sonderseite, die eine Hintergrundgrafik haben mit weißem Verlauf */

.background::before {
	background: linear-gradient(to bottom,rgba(255,255,255,0) 20%,#fff 80%);
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}
/* Background für EPDs mit grauem Verlauf */

.full.show-for-large.overall-background-top, .full.show-for-large.overall-background-bottom {
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,243,247,1) 15%, rgba(255,255,255,1) 100%);
}
.full.show-for-large.overall-background-bottom {
	padding-top: 2rem;
	padding-bottom: 4rem;
}    
    
/*** Definition aller H-Überschriften, die für die Header-Darstellung der EPD benötigt werden ***/

#order-pattern h1, #order-pattern .h1 {
	font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 600;
    margin: 1.8rem 0 0.2rem;
}
#order-pattern-mobile h1, #order-pattern-mobile .h1 {
	font-size: 1.3rem;
	line-height: 1.3;
	font-weight: 600;
	margin: 0.2rem 0;
}    
#order-pattern h2, #order-pattern .h2 {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.4;
}
#order-pattern h2.subtitle {
	font-size: 1.2rem;
    font-weight: 400;
}
#order-pattern-mobile h2.subtitle {
	font-size: 1.0rem;
    line-height: 1.2;
	font-weight: 600;
}    
#order-pattern h3, #order-pattern .h3{
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0.5rem 0;
	padding: 0;
}
#order-pattern h3.hint{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	margin: 0.5rem 0;
	padding: 0;
}  
#order-pattern-mobile h3.hint{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
    color: #979797;
	margin: 0.5rem 0 1rem;
	padding: 0;
}      
#order-pattern h4, #order-pattern .h4 {
	font-size: 1.0rem;
	line-height: 1.4;
	font-weight: 600;
	margin: 0.5rem 0;
}
#order-pattern h4.select{
	font-size: 1.0rem;
	line-height: 1.4;
	font-weight: 600;
}
#order-pattern a, #order-pattern-mobile a {
	text-decoration: underline;
    color: var(--dark);
}
#order-pattern-mobile a.author, #catalogContent div.author, #catalogLatestContent div.author, #searchContent div.author {
    font-size: 0.9rem;
    color: var(--dark);
    padding-bottom: 0.5rem;
    text-decoration: underline;
}  
#order-pattern-mobile a.author:hover{
    text-decoration: none;
}  
#order-pattern-mobile div.publisher, #catalogContent div.publisher, #catalogLatestContent div.publisher, #searchContent div.publisher, #startseite-edvbv div.publisher {
    font-size: 0.9rem;
    padding-top: 0.5rem;
    text-decoration: underline;
}     
    
/* Produktabbildung für alle Device-Größen */

#order-pattern .product-img {
	position: relative;
	padding: 0;
	text-align: center;
}
#order-pattern .product-img img {
	max-height: 420px;
	cursor: pointer;
}
#order-pattern-mobile .product-img img {
	width: 50%;
    text-align: center;
    max-width: 280px;
    padding-bottom: 1rem;
}

/* Table Product-details für Hersteller/Verlag, Format, Laufzeit, System etc. */

#order-pattern table.product-details td, #order-pattern-mobile table.product-details td{
	font-size: 0.9rem;
	line-height: 1.6;
	margin: 0 0 0.5rem;
	border: 0;
}
#catalogContent div.infos, #catalogLatestContent div.infos, #searchContent div.infos, #startseite-edvbv div.infos {
	font-size: 0.9rem;
	line-height: 1.6;
	margin: 0;
	border: 0;
}
#order-pattern table.product-details td.attribute, #order-pattern-mobile table.product-details td.attribute{
    width: 30%;
    vertical-align: top;
    font-weight: 600;
    padding: 0;
	border: 0;
}
#order-pattern table.product-details td.attribute-answer, #order-pattern-mobile table.product-details td.attribute-answer{
    width: 70%;
    vertical-align: top;
    font-weight: 400;
    padding: 0;
	border: 0;
}    
#order-pattern table tbody, #order-pattern-mobile table tbody  {
	border: 0;
	border-bottom: 0px;
	background-color: transparent;
    margin: 1rem auto;
}
#order-pattern-mobile table tbody tr, #order-pattern.-mobile table.info tbody tr {
	border: 0px solid #e6e6e6;
	border-width: 1px 0 0 0;
}
#order-pattern-mobile table tbody tr:nth-child(1) {
	border: 0px solid #e6e6e6;
	border-width: 1px 0 0 0;
}
#order-pattern table tbody tr:nth-child(2n), #order-pattern-mobile table tbody tr:nth-child(2n) {
  border-bottom: 0;
  background-color: transparent;
}   

/* Selection - ab 2 Produkten muss eine Auswahl getroffen werden */

#order-pattern .choice div.choice{
	border-top: 1px solid #cacaca;
    padding: 0.5rem 0;
}    

#order-pattern span.your-choice:after, #order-pattern-mobile span.your-choice:after {
	content: 'Wählen Sie';
    font-size: 0.95rem;
	color: #979797;
    font-weight: 400;
    margin: 0;
	padding: 0 0 0.5rem;
}
#order-pattern .selection {
	font-size: 1.0rem;
	line-height: 1.4;
	background: #ffffff;
	border: 2px solid #dbdbdb;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 1rem;
}
#order-pattern .selection div.title {
    font-size: 0.9rem;
    line-height: 1.4;
	font-weight: 400;
    padding: 0.25rem 0 0;
}

#order-pattern .selection span.euro:after {
    content:'€';
	font-size: 0.95rem;
    line-height: 1.2;
    font-weight: 600;
}     
#order-pattern .selection span.price {
	font-size: 0.9rem;
    line-height: 1.2;
    font-weight: 600;
}    
#order-pattern .selection:hover, #order-pattern .selection.a:active, #order-pattern .selection.aktiv  {
	background-color: #fff0b7;
	background: #fff0b7;
	border: 2px solid var(--yellow);
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
}

#order-pattern-mobile select {
	height: 2.4375rem;
	margin: 0 0 1rem;
	padding: 0.5rem;
	padding-right: 0.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 9px 6px;
	padding-right: 1.5rem;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	font-weight: 600;
}

#order-pattern select {
	font-size: 1.1rem;
	line-height: 1.2;
	padding: 0.0rem 2.0rem 0.0rem 1.0rem;
}

#order-pattern div[id^="auswahl"] {
	float: left;
	width: 130px;
}
#order-pattern div[id^="auswahl"]:nth-child(2n+1) {
	margin-left: 1rem;
}
#order-pattern .zweier div[id^="auswahl"]:nth-child(2n+1) {
	margin-left: 1rem;
}
#order-pattern div.choice div[id^="auswahl"]:nth-child(2n+1) {
	margin-left: 0;
}
#order-pattern div.choice div[id^="auswahl"] {
	float: unset;
	float: none;
	width: 90%;
	min-width: 130px;
}
#order-pattern div[id^="version"] {
	float: left;
	margin-top: auto;
	padding-bottom: 0;
}
#order-pattern div[id^="version_"] {
	margin-top: auto;
	padding-bottom: 0;
}

/* Download + Lizenzkey */

#order-pattern .download {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.2;
    color: #979797;
    text-transform: uppercase;
    padding: 0 1rem;
}
#order-pattern-mobile .download {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.2;
    color: #979797;
    text-transform: uppercase;
    padding: 0 1rem;
}    
#order-pattern .download:before, #order-pattern-mobile .download:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f019';
	font-size: 1.0rem;
	font-weight: 900;
	line-height: 1.2;
    color: #979797;
	padding: 0 0.5rem 0 1.0rem;
}    
#order-pattern .download-key::after, #order-pattern-mobile .download-key::after {
    content: 'Download + Lizenzkey';
    font-size: 1.1rem;
    line-height: 1.2;
    text-transform: uppercase;
}
#order-pattern hr, #order-pattern-mobile hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 0.5rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}     
/***  Buybox - in der Buybox finden wir alle Infos zum Kauf: Produktname, Preis inkl. MwSt., ggf. UVP, Kauf-Button ***/

#order-pattern.show-for-large .buybox, .show-for-large #order-pattern .buybox {
	position: relative;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
	padding: 1rem;
	margin: 0;
	border-radius: 10px;
}
#order-pattern.show-for-large .buybox + h3 {
	font-size: 1.2rem;
	line-height: 1.2;
}
#order-pattern.show-for-large .buybox + div {
	margin-bottom: 1.0rem;
}
/*
#order-pattern.show-for-large .buybox div:nth-child(2) {
	text-align: left;
	line-height: 1;
}
*/
#order-pattern .buybox span.netto:before, 
div[id^='version_mobile'] span.netto:before, 
div[id^='version_small'] span.netto:before {
	content: " zzgl. MwSt.";
}
#order-pattern .buybox span.brutto:before, 
div[id^='version_mobile'] span.brutto:before, 
div[id^='version_small'] span.brutto:before {
	content: " inkl. MwSt.";
}
#order-pattern h3, #order-pattern .h3, #order-pattern .buybox h3, #order-pattern .buybox .h3 {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0.5rem 0;
	padding: 0;
}
/* Preis-Darstellung */

#order-pattern .price {
	font-size: 1.6rem;
	line-height: 1.4;
    font-weight: 600;
	padding: 0;
	margin-bottom: 0;
} 
#catalogContent .price, #catalogLatestContent .price, #searchContent .price {
	font-size: 1.5rem;
}   
#order-pattern span.mwst {
	line-height: 1.0;
	font-size: 0.8rem;
	font-weight: 400;
	white-space: nowrap;
}    
#order-pattern span.price_brutto {
	font-size: 2.5rem;
	line-height: 1.2;
}
#order-pattern-mobile .price {
	font-size: 1.4rem;
	line-height: 1.4;
    font-weight: 600;
	padding: 0;
	margin-bottom: 0;
}
#order-pattern span.euro::after, #catalogContent span.euro::after, #catalogLatestContent span.euro::after, #searchContent span.euro::after {
    content: '€';
	font-size: 1.4rem;
	line-height: 1.4;
    font-weight: 600;
	padding: 0 0.2rem 0 0;
	margin-bottom: 0;
}
#catalogContent span.euro::after, #catalogLatestContent span.euro::after, #searchContent span.euro::after {
	font-size: 1.1rem;
}
#order-pattern-mobile span.mwst {
	line-height: 1.0;
	font-size: 0.8rem;
	font-weight: 400;
	white-space: nowrap;
} 


/* UVP */

#order-pattern .uvp, #order-pattern-mobile .uvp {
    font-size: 1rem;
    line-height: 1.2;
	position: relative;
}
#order-pattern span.statt::before, #order-pattern-mobile span.statt::before {
    content: 'statt';
    padding-right: 0.25rem;
} 
#order-pattern span.stattpreis::after, #order-pattern-mobile span.stattpreis::after {
    content: '€ UVP';
    padding-left: 0.25rem;
}    
#order-pattern .uvp::before{
	content: url(../img/stroke.svg);
	display: block;
	position: absolute;
	top: -2px;
	left: -6px;
	width: 95px;
}
#order-pattern-mobile .uvp::before {
	content: url(../img/stroke.svg);
	display: block;
	position: absolute;
	top: 0;
	left: unset;
	right: -4px;
	width: 130px;
}
#order-pattern span.uvp-selection{
	font-size: 0.9rem; 
    color: #979797;
    text-decoration: line-through;
    text-decoration-color: red;
}
#order-pattern span.uvp-selection::after{
	content: '€';
    padding-left: 0.25rem;
}    
/* Bestnr */

#order-pattern span.bestnr, #order-pattern-mobile span.bestnr, #catalogContent div.bestnr, #catalogLatestContent div.bestnr, #searchContent div.bestnr, #startseite-edvbv div.bestnr {
	font-size: 0.9rem;
	line-height: 1.2;
}
#order-pattern div.bestnr::before, #order-pattern-mobile span.bestnr::before, #catalogContent div.bestnr::before, #catalogLatestContent div.bestnr::before, #searchContent div.bestnr::before, #startseite-edvbv div.bestnr::before {
	content: 'Best.-Nr.:';
    padding-right: 0.25rem;
}
/* Versandkosten */
#order-pattern .deliverycost {
	height: 1.5rem;
}
#order-pattern .delivery-status, #order-pattern-mobile .delivery-status, #catalogContent div.delivery-status, #catalogLatestContent div.delivery-status, #searchContent div.delivery-status {
	font-size: 0.85rem;
}
#order-pattern .deliverycost-info, #order-pattern-mobile .deliverycost-info, #catalogContent div.deliverycost-info, #catalogLatestContent div.deliverycost-info, #searchContent div.deliverycost-info, #startseite-edvbv div.deliverycost-info {
	font-size: 0.85rem;
	line-height: 1;
}
#order-pattern .deliverycost-info::before, #order-pattern-mobile .deliverycost-info::before, #catalogContent div.deliverycost-info::before, #catalogLatestContent div.deliverycost-info::before, #searchContent div.deliverycost-info::before {
	content: 'zzgl.';
    padding-right: 0.25rem;
}
#order-pattern .deliverycost-info.revocation::before, #order-pattern-mobile .deliverycost-info.revocation::before  {
	content: '';
	padding-right: 0;
}
#order-pattern .deliverycost-info::after, #order-pattern-mobile .deliverycost-info::after, #catalogContent div.deliverycost-info::after, #catalogLatestContent div.deliverycost-info::after, #searchContent div.deliverycost-info::after {
	content: '€ Versand (D)';
	padding-left: 0.25rem;
}
#order-pattern .deliverycost-info.revocation::after, #order-pattern-mobile .deliverycost-info.revocation::after  {
	content: '';
	padding-left: 0;
}
#order-pattern.deliverycost-info-tooltip::after, #order-pattern-mobile.deliverycost-info-tooltip::after{
    font-family: 'Font Awesome 6 Free';
    content: '\f05a';
}
#order-pattern .no-deliverycost-info, #order-pattern-mobile .no-deliverycost-info, #catalogContent .no-deliverycost-info, #catalogLatestContent .no-deliverycost-info, #searchContent .no-deliverycost-info {
	font-size: 0.85rem;
	line-height: 1;
}
#order-pattern .no-deliverycost-info::before, #order-pattern-mobile .no-deliverycost-info::before {
	content: 'Versandkostenfrei (D)';
}
#catalogContent .no-deliverycost-info::before, #catalogLatestContent .no-deliverycost-info::before, #searchContent .no-deliverycost-info::before {
	content: 'Portofrei (D)';
}
#order-pattern.no-deliverycost-info-tooltip::after, #order-pattern-mobile.no-deliverycost-info-tooltip::after{
    font-family: 'Font Awesome 6 Free';
    content: '\f05a';
}
.lieferzeitinfoi, .aDeliveryCostInfo, .aNoDeliveryCostInfo {
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #cacaca;
	border-radius: 2px;
	color: #1a1a1a;
	cursor: pointer;
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 600;
	height: 15px;
	letter-spacing: 1px;
	line-height: 1.1;
	margin-left: 0px;
	padding: 2px 11px 15px 6px !important;
	width: 15px;
	text-align: center;
	top: 0;
}


/* Widerrufsverzicht */

#order-pattern span.no-revoke, span.no-revoke {
	font-size: 0.85rem;
	font-weight: 400;
}
#order-pattern span.no-revoke::before, #order-pattern-mobile span.no-revoke::before {
    content:'Hinweis zum Widerrufsrecht';
}    
#order-pattern span.no-revoke::after, #order-pattern-mobile span.no-revoke::after {
	font-family: 'Font Awesome 6 Free';
    content:'\f071';
	font-size: 0.8rem;
    font-weight: 600;
	color: orangered;
	padding: 0 0 0 0.5rem;
}

input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}


/* Lieferstatus */

div.deliverystatus.text-right {
	text-align: left;
}

#order-pattern .deliverystatus, #order-pattern-mobile span.deliverystatus {
	font-size: 0.9rem;
	/* line-height: 1.2; */
}
#order-pattern .deliverystatus::before, #order-pattern-mobile span.deliverystatus::before {
	font-family: 'Font Awesome 6 Free';
    content: '\f0d1';
    font-weight: 900;
    color: var(--green);
	font-size: 1.0rem;
}    
#order-pattern .deliverystatus-esd::before, #order-pattern-mobile span.deliverystatus-esd::before {
	font-family: 'Font Awesome 6 Free';
    content: '\f019';
    font-weight: 900;
    color: var(--green);
}    
#order-pattern .deliverystatus-info, #order-pattern-mobile .deliverystatus-info {
	font-size: 0.9rem;
    line-height: 1.5;
    padding-left: 0.2rem;
    font-weight: 400;
}

/* Button */

#order-pattern button.button, #order-pattern-mobile button.button {
	font-size: 1.0rem;
    font-weight: 600;
	color: #ffffff;
    background: #1a1aaa;
    border: 0;
	border-radius: 25px;
    padding: 0.7rem 1rem;
	margin: 1rem 0 0.5rem;
}
  
#order-pattern button.button::before, #order-pattern-mobile button.button::before {
	font-family: 'Font Awesome 6 Free';
    content: '\f217';
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem;
    padding-right: 0.5rem;
}    
#order-pattern button.button{
    margin: 1rem 0 0.5rem;
}       
#order-pattern-mobile button.button{
    margin: 1rem 0 1.5rem;
}    

#order-pattern .button:hover, #order-pattern .button:focus, #content .button:hover, #content .button:focus {
	background-color: #1a1aaa;
}
/*** Produktinfos unterhalb der Bestellmatrix für Leseproben, Inhaltverzeichnis, Systemanforderung etc. ***/

#produktinfos {
	margin-top: 2rem;
	background-color: #ffffff;
}
#produktinfos .border {
	border-bottom: 1px solid var(--dark);
}

.show-for-large a.info_tab, .show-for-medium-only a.info_tab {
	font-size: 1.1rem;
    line-height: 2.2;
    font-weight: 400;
    text-decoration: none;
    padding-bottom: 6px;
	margin-right: 3rem;
	
}
.show-for-large a.info_tab:hover, .show-for-medium-only a.info_tab:hover {
	border-bottom: 3px solid var(--yellow);
}
a.info_tab .fa, a.info_tab .fas {
	padding-right: 8px;
	opacity: 0.8;
}
#produktinfos a.info_tab .fa, #produktinfos a.info_tab .fas {
	padding-right: 8px;
	opacity: 0.8;
}
#produktinfos a.info_tab:hover .fa, #produktinfos a.info_tab:hover .fas {
	color: var(--dark);
}

/*** Verschiedene Störer für EPD und Sonderseite ***/

#order-pattern span.recommendation, #order-pattern-mobile span.recommendation {
	font-size: 1rem;
	line-height: 1;
	font-weight: 600;
	color: #ffffff;
	background-color: #1a1aaa;
	text-align: center;
	padding: 0.5rem 0.75rem;
    display:inline-block;
    margin: 0.25rem 0;
	border-radius: 20px;
}
#order-pattern span.recommendation::after, #order-pattern-mobile span.recommendation:after {
	content: 'Leseempfehlung';
}
span.new {
	font-size: 0.95rem;
	line-height: 1;
	font-weight: 600;
	color: #ffffff;
	background-color: var(--green);
	text-align: center;
	padding: 0.5rem;
    display:inline-block;
    margin: 0.25rem 0;
}
span.new:after {
	content: 'Neu';
}
#order-pattern span.new, #order-pattern-mobile span.new {
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	border-radius: 20px;
}
#startseite-edvbv span.new {
	margin: 1.0rem 0;
}

#order-pattern span.soon, #order-pattern-mobile span.soon, #catalogContent span.soon, #catalogLatestContent span.soon, #searchContent span.soon {
	font-size: 0.95rem;
	line-height: 1;
	font-weight: 600;
	color: #ffffff;
	background-color: var(--green);
	text-align: center;
	padding: 0.5rem;
    display:inline-block;
    margin: 0.25rem 0;
}
#order-pattern span.soon, #order-pattern-mobile span.soon {
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	border-radius: 20px;
}
#order-pattern span.soon:after, #order-pattern-mobile span.soon:after, #catalogContent span.soon:after, #catalogLatestContent span.soon:after, #searchContent span.soon:after {
	content: 'Bald';
}
#order-pattern span.inkl-ebook, #order-pattern-mobile span.inkl-ebook, #catalogContent span.inkl-ebook, #catalogLatestContent span.inkl-ebook, #searchContent span.inkl-ebook {
	font-size: 0.8rem;
	line-height: 1;
	font-weight: 600;
	color: #ffffff;
	background-color: var(--green);
	text-align: center;
	padding: 0.5rem;
    display:inline-block;
    margin: 0.25rem 0;
}   
#order-pattern span.inkl-ebook, #order-pattern-mobile span.inkl-ebook {
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	border-radius: 20px;
}   
#order-pattern span.inkl-ebook::after, #order-pattern-mobile span.inkl-ebook:after, #catalogContent span.inkl-ebook:after, #catalogLatestContent span.inkl-ebook:after, #searchContent span.inkl-ebook:after {
    content: 'Buch inkl. eBook';

}    
#order-pattern span.inkl-ebook::before, #order-pattern-mobile span.inkl-ebook:before, #catalogContent span.inkl-ebook::before, #catalogLatestContent span.inkl-ebook::before, #searchContent span.inkl-ebook::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f3fa';
    font-weight: 600;
    font-size: 0.8rem;
    color: #ffffff;
    padding-right: 0.5rem;
}    
   
#order-pattern-mobile span.new, 
#order-pattern.show-for-medium-only div span.new, 
#order-pattern-mobile span.soon, 
#order-pattern.show-for-medium-only div span.soon {
	left: -0.5rem;
}
#order-pattern.show-for-small-only div span.new, 
#order-pattern.show-for-small-only div span.soon {
	position: relative;
	top: 0.5rem;
}

/*** Tooltips für eBook, Versandkosten & Lieferstatus  ***/

.tooltip.ebook, .tooltip.versandkosten, .tooltip.lieferbar {
	position: absolute;
	top: calc(100% + 0.6495rem);
	z-index: 1200;
	max-width: 318px;
	padding: 0.0rem;
	border-radius: 0;
	background-color: #ffffff;
	font-size: 80%;
	color: var(--dark);
	border: 1px solid #cacaca;
	border-radius: 0;
	box-shadow: 0 6px 12px rgba(0,0,0,.5);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.5);
}
.tooltip.top.ebook::before, .tooltip.top.versandkosten::before, .tooltip.top.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-style: inset;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-width: 0.75rem;
		border-left-color: currentcolor;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #ffffff transparent transparent;
	top: 100%;
	bottom: auto;
}
.tooltip.bottom.ebook::before, .tooltip.bottom.versandkosten::before, .tooltip.bottom.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-width: 0.75rem;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-style: inset;
		border-left-color: currentcolor;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent #ffffff;
	bottom: 100%;
	bottom: auto;
}
.tooltip.left.ebook::before, .tooltip.left.versandkosten::before, .tooltip.left.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-width: 0.75rem;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-style: inset;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #ffffff;
	left: 100%;
}
.tooltip.right.ebook::before, .tooltip.right.versandkosten::before, .tooltip.right.lieferbar::before {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-style: inset;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-width: 0.75rem;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #ffffff transparent transparent;
	right: 100%;
}
.tooltip.top.ebook::after, .tooltip.top.versandkosten::after, .tooltip.top.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-style: inset;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-width: 0.75rem;
		border-left-color: currentcolor;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #0a0a0a transparent transparent;
	top: 100.9%;
	position: absolute;
	left: 46%;
	z-index: -1;
}
.tooltip.bottom.ebook::after, .tooltip.bottom.versandkosten::after, .tooltip.bottom.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.75rem;
		border-top-color: currentcolor;
		border-top-width: 0.75rem;
		border-right-color: currentcolor;
		border-bottom-color: currentcolor;
		border-bottom-style: inset;
		border-left-color: currentcolor;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent #0a0a0a;
	bottom: 100.9%;
	position: absolute;
	left: 46%;
	z-index: -1;
}
.tooltip.left.ebook::after, .tooltip.left.versandkosten::after, .tooltip.left.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.8rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-width: 0.8rem;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-style: inset;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #0a0a0a;
	left: 100.5%;
	position: absolute;
	top: 10%;
	z-index: -1;
}
.tooltip.right.ebook::after, .tooltip.right.versandkosten::after, .tooltip.right.lieferbar::after {
	display: block;
	display: none;
	width: 0;
	height: 0;
	border: inset 0.8rem;
		border-top-color: currentcolor;
		border-right-color: currentcolor;
		border-right-style: inset;
		border-bottom-color: currentcolor;
		border-left-color: currentcolor;
		border-left-width: 0.8rem;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #0a0a0a transparent transparent;
	right: 100.5%;
	position: absolute;
	top: 10%;
	z-index: -1;
}
.has-tip {
	position: relative;
	display: inline-block;
	border-bottom: dotted 0px transparent;
	font-weight: bold;
	cursor: pointer;
}
.has-tip:focus {
	outline: -webkit-focus-ring-color auto 0px;
}
.tooltip.ebook, .tooltip.lieferbar, .tooltip.versandkosten {
	background: #ffffff;
	width: 300px;
	height: auto;
	font-size: 0.9rem;
	overflow: hidden;
	transition: opacity 1s;
	cursor: pointer;
	z-index: 31419257;
	padding: 10px;
}
.tooltip.ebook b {
	display: block;
	margin: 0 0 2px;
	font-size: 1.0rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	background: #ffffff;
}
.tooltip.lieferbar b {
	display: block;
	margin: 0 0 2px;
	font-size: 1.0rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	background: #ffffff;
}
.tooltip.versandkosten b {
	display: block;
	margin: 0 0 2px;
	font-size: 1.0rem;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	background: #ffffff;
}

.tooltip.ebook span, .tooltip.lieferbar span, .tooltip.versandkosten span, span.globalebookdetailsMT, span.globalebookdetailsMS {
	display: inline-block;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	text-align: left;
}
.eBookKaufInfoMT, .eBookKaufInfoMS {
	position: absolute;
	top: 15px;
	left: 6px;
	width: 65px;
	cursor: pointer;
	background-color: var(--lightblue);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 3px;
	z-index: 1;
}
.eBookKaufInfoMT span, .eBookKaufInfoMS span {
	color: #fff;
}
span.globalebookdetailsMT, span.globalebookdetailsMS {
	font-size: 0.9rem;
}
.globalebookdetailsMT b, .globalebookdetailsMS b {
	display: block;
	margin: 0 0 10px;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
}
#order-pattern .fas.fa-info-circle, #order-pattern-mobile .fas.fa-info-circle {
	color: #979797;
	background: transparent;
	font-size: 1.0rem;
	padding: 0 0.25rem;
}

#order-pattern div.product-title{
    margin-bottom: 1rem;
}    
   
#order-pattern p.notice {
    clear: both; 
    width: 100%; 
    color: #979797; 
    font-weight: 400;
    margin: 0; 
    font-size: 0.9rem; 
    padding: 0; 
    line-height: 1.4;
    }
  
#order-pattern-mobile p.notice{
    clear: both; 
    width: 100%; 
    color: #979797; 
    font-weight: 400;
    margin: 0; 
    font-size: 0.9rem; 
    padding: 0.5rem 0 1rem; 
    line-height: 1.4;
}
    
#services.position-right {
  top: 0;
  height: 100%;
  overflow-y: auto;
  width: 350px;
}
#order-pattern .position-right.is-transition-push {
  box-shadow: none;
}
#order-pattern-mobile label{
        margin: 1rem 0;
}
    
#order-pattern-mobile .read{
    padding-bottom: 1rem;
}    
#order-pattern-mobile .read div.leseprobe a:after{
    content: 'Leseprobe';
    font-size: 0.8rem;
    line-height: 1;
    padding: 0;
    text-align: center;
}
#order-pattern-mobile .read div.leseprobe span.icon::after{
    font-family: 'Font Awesome 6 Free';
    content: '\f518';
    font-weight: 900;
    font-size: 1.2rem;
}
#order-pattern-mobile .read div.vorwort a:after{
    content: 'Vorwort';
    font-size: 0.8rem;
    line-height: 1;
    padding: 0;
    text-align: center;
}
#order-pattern-mobile .read div.vorwort span.icon::after{
    font-family: 'Font Awesome 6 Free';
    content: '\f518';
    font-weight: 900;
    font-size: 1.2rem;
}
#order-pattern-mobile .read div.inhaltsverzeichnis a:after{
    content: 'Inhaltsverzeichnis';
    font-size: 0.8rem;
    line-height: 1;
    padding: 0;
    text-align: center;
}
#order-pattern-mobile .read div.inhaltsverzeichnis span.icon::after{
    font-family: 'Font Awesome 6 Free';
    content: '\f0ca';
    font-weight: 900;
    font-size: 1.2rem;
}
#order-pattern div.buybox h3.esd::before, #order-pattern .selection div.title.esd::before{
	content:'Download';
}
#order-pattern div.buybox h3.box::before, #order-pattern .selection div.title.box::before{
	content:'Box';
}
#order-pattern div.buybox h3.bookebook::before, #order-pattern .selection div.title.bookebook::before{
	content:'Buch inkl. eBook (PDF)';
}
#order-pattern div.buybox h3.book::before, #order-pattern .selection div.title.book::before{
	content:'Buch';
}
#order-pattern div.buybox h3.ebook::before, #order-pattern .selection div.title.ebook::before {
	content:'eBook (PDF)';
}
#order-pattern div.buybox span.ebook-info::after{
    font-family: 'Font Awesome 6 Free';
    content:'\f05a';
}   
    
	
	
	
/*Off-Canvas Service*/
    
#services .off-canvas {
  background: #fff;
}
#services .position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 300px;
  -ms-transform: translateX(250px);
  transform: translateX(250px);
}
#services button.close-button span::before{
    font-family: 'Font Awesome 6 Free';
    content: '\58';
    font-weight: 900;
    font-size: 1rem;
} 
   
#services h2::after{
    content: 'Unser kostenloser Service für Sie'
}   
#services div.premium-support{
    padding-top: 1.5rem;
}    
#services div.premium-support h4::after{
    content: 'Premium Support';
}    
#services div.premium-support p::after{
    content: 'Bei Fragen zu unseren Produkten stehen wir Ihnen gerne telefonisch oder per E-Mail zur Verfügung.';
}     
#services div.premium-support div.tel::after{
    content: '0 21 91 / 99 11 00';
    font-size: 1.1rem;
    font-weight: 600;
} 
#services div.premium-support div.time::after{
    content: 'Mo.-Fr.: 8:30 - 17:00 Uhr';
    font-size: 0.9rem;
}     
#service div.premium-support div.mail a::after{
    content: 'hallo@edv-buchversand.de';
}    
#services div.premium-service{
    padding-top: 1.5rem;
}        
#services div.premium-service h4::after{
    content: 'Premium-Service';
}     
#services div.premium-service p::after{
    content: 'Software und eBooks, die Sie bei edv-buchversand.de erworben haben stehen Ihnen 3 Jahre in Ihrem persönlichen Kundenportal zum downloaden bereit.';
}    
#services div.refund-warranty{
    padding-top: 1.5rem;
}       
#services div.refund-warranty h4::after{
    content: '30 Tage Geld-zurück-Garantie';
}     
#services div.refund-warranty p::after{
    content: 'Mit der 30 tägigen Geld-zurück-Garantie kaufen Sie bei uns 100% risikofrei Bücher und Software ein.';
}        
    
#order-pattern .service-buybox {
    font-size: 0.9rem;
	padding: 0.5rem 0;
} 
#order-pattern button.service:before, #order-pattern-mobile button.service:before{
    content: 'Mehr erfahren';
    font-size: 0.9rem;
	font-weight: 600;
    line-height: 1.4;
    padding: 1rem 0;
	color: var(--green);
	text-decoration: underline;
	cursor: pointer;
}
.show-for-large .product-details td.format:before, .hide-for-large .info td.format:before {
	content: 'Format';
}
.show-for-large .product-details td.fassung:before, .hide-for-large .info td.fassung:before {
	content: 'Fassung';
}


#catalogContent div.epd, #catalogLatestContent div.epd, #searchContent div.epd {
	background-color: #ffffff;
	box-shadow: 0 1px 10px rgba(0,0,0,.15);
	height: 530px;
	margin-bottom: 2rem;
	text-decoration: none;
}
#catalogContent div.epd:hover, #catalogLatestContent div.epd:hover, #searchContent div.epd:hover {
	box-shadow: 0 1px 10px rgba(0,0,0,.35);
}
#catalogContent a, #catalogLatestContent a, #searchContent a {
	text-decoration: none;
}
#catalogContent a:hover, #catalogLatestContent a:hover, #searchContent a:hover {
	text-decoration: none;
	color: inherit;
}
#catalogContent div.epd.show-for-medium-only, #catalogLatestContent div.epd.show-for-medium-only, #searchContent div.epd.show-for-medium-only {
	width: 47%;
	min-width: 365px;
}
#catalogContent div.table-scroll table tbody, #catalogLatestContent div.table-scroll table tbody, #searchContent div.table-scroll table tbody {
	border-bottom: 0;
}
#catalogContent table tbody td, #catalogLatestContent table tbody td, #searchContent table tbody td {
	padding: 0;
}
#catalogContent h1.newreleasesheadline, #catalogLatestContent h1.newreleasesheadline, #searchContent h1.newreleasesheadline {
	line-height: 1.1;
	margin: 1rem 0 0.5rem;
}
#catalogContent div.show-for-medium a.title:hover #catalogLatestContent div.show-for-medium a.title:hover #searchContent div.show-for-medium a.title:hover {text-decoration: none;}
#catalogContent div.epd.show-for-medium:hover, #catalogLatestContent div.epd.show-for-medium:hover, #searchContent div.epd.show-for-medium:hover {text-decoration: none; box-shadow: 0 1px 10px rgba(0,0,0,.25);}
#catalogContent div.show-for-medium a.title strong, #catalogLatestContent div.show-for-medium a.title strong, #searchContent div.show-for-medium a.title strong {font-size: 1.25rem;}
#catalogContent div.epd span.new, #catalogContent div.epd span.soon, #catalogLatestContent div.epd span.new, #catalogLatestContent div.epd span.soon, #searchContent div.epd span.new, #searchContent div.epd span.soon {
	position: absolute;
	display: block;
	top: 1rem;
}
#catalogContent div.epd div.product-image, #catalogLatestContent div.epd div.product-image, #searchContent div.epd div.product-image {
	position: relative;
	text-align: center;
	text-align: -webkit-center !important;
	text-align: -moz-center !important;
	text-align: -ms-center !important;
	width: 100%;
	height: 220px;
	margin: 0 auto;
	padding: 1.5rem 0 0.5rem;
}
#catalogContent div.epd img, #catalogLatestContent div.epd img, #searchContent div.epd img {
	position: relative;
	top: 0;
	border: 0;
	display: block;
	padding: 0 !important;
	margin: 0 auto 10px;
	min-width: 100px; 
	max-width: 130px; 
	height: auto;
	max-height: 190px;
}
/***** for small only *****/
#catalogContent div.epd_mobile span.new, 
#catalogContent div.epd_mobile span.soon,
#catalogLatestContent div.epd_mobile span.new, 
#catalogLatestContent div.epd_mobile span.soon,
#searchContent div.epd_mobile span.new, 
#searchContent div.epd_mobile span.soon {
	position: relative;
	left: 0;
	z-index: 2;
}
#catalogLatestContent div.epd_mobile span.new, 
#catalogLatestContent div.epd_mobile span.soon {
	left: 0;
}
#catalogContent div.epd_mobile span.inkl-ebook, #catalogLatestContent div.epd_mobile span.inkl-ebook, #searchContent div.epd_mobile span.inkl-ebook {
	margin-bottom: 0.5rem;
}
#catalogContent div.epd_mobile div.product-image, #catalogLatestContent div.epd_mobile div.product-image, #searchContent div.epd_mobile div.product-image {
	position: relative;
	width: 100%;
	margin: 20px auto 0;
}
#catalogContent div.epd_mobile:nth-child(0n+2) div.product-image, #catalogLatestContent div.epd_mobile:nth-child(0n+2) div.product-image, #searchContent div.epd_mobile:nth-child(0n+2) div.product-image {
	margin-top: 0;
}
#catalogContent div.epd_mobile img, #catalogLatestContent div.epd_mobile img, #searchContent div.epd_mobile img {
	position: relative;
	top: 0;
	border: 0;
	display: block;
	padding: 0 !important;
	margin: 0 auto 10px;
	width: 100%;
	max-width: 130px; 
	height: auto;
}

#catalogLatestContainer {
	position: relative;
	margin: 0 auto;
}
#catalogLatestContainer .show-for-large h3.sidebar {
	margin-bottom: 1rem;
}
/** Accordion Mobile Navigation **/
#catalogLatestContainer .accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 1.8rem !important;
	right: 0.5rem !important;
}
#catalogLatestContainer .accordion-menu .is-accordion-submenu a {
	padding: 1.2rem 1rem 1.2rem;
	border-bottom: 1px solid #cacaca;
}
#catalogLatestContainer ul.accordion-menu li a {
	font-size: 1rem;
	font-weight: 400;
	color: var(--dark);
	padding: 0.7rem 0;
}
#catalogLatestContainer ul.accordion-menu li a:hover {
	color: var(--lightblue);
}
#catalogLatestContainer ul.accordion-menu li a b {
	color: var(--dark);
	font-weight: 600;
}
#catalogLatestContainer .is-drilldown li {
	display: block;
	border-bottom: 1px solid #cacaca;
}
#catalogLatestContainer ul.accordion-mobile li a, #catalogLatestContainer .accordion-mobile .is-drilldown-submenu a {
	font-size: 1.1rem;
	font-weight: 400;
	color: var(--dark);
	padding: 0.4rem 1rem;
	line-height: 1.8;
}
#catalogLatestContainer ul.accordion li a.accordion-title {
	padding: 0;
	border: 0px solid #e6e6e6;
}
#catalogLatestContainer ul.accordion li a.accordion-title:hover, 
#catalogLatestContainer ul.accordion li a.accordion-title:active {
	background-color: transparent;
}
#catalogLatestContainer ul.accordion .accordion-content {
	padding: 0;
	border: 0px solid #e6e6e6;
}
#catalogLatestContainer ul.accordion div.accordion-content div {
	margin: 0.7rem 0;
}
#catalogLatestContainer ul.accordion div.accordion-content div a {
	font-size: 1rem;
	font-weight: 400;
	color: var(--dark);
	padding: 0.7rem 0;
}
#catalogLatestContainer ul.accordion div.accordion-content div a:hover, 
#catalogLatestContainer ul.accordion div.accordion-content div a:active {
	color: var(--lightblue);
}
#catalogLatestContainer ul.accordion div.accordion-content div a.current {
	font-weight: 600;
	color: var(--lightblue);
}
#catalogLatestContainer ul.accordion .accordion-title::before {
	top: 62%;
	right: 0;
	color: var(--dark);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
}
#catalogLatestContainer ul.accordion .is-active > .accordion-title::before {
	top: 62%;
	right: 0;
	color: var(--dark);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f077';
}
#catalogLatestContainer #offCanvasCatalogLatestMobile {
	z-index: 2099;
	width: 100%;
	padding: 0 0 1rem;
}
#catalogLatestContainer #offCanvasCatalogLatestMobile.off-canvas {
	background: #ffffff;
}
#catalogLatestContainer #offCanvasCatalogLatestMobile h2.sidebar {
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--dark);
	padding: 2.2rem 0 0.8rem 1rem;
	margin: 0rem 0 0.5rem;
	background: var(--yellow);
}
#searchContainer {
	position: relative;
}
#searchContainer h1.h2 {
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}
#searchContainer #loader {
	margin-bottom: 4rem;
}
#more_products .fas.fa-chevron-down {
	font-size: 1.0rem;
	padding-left: 0.8rem;
	line-height: 1;
}
#more_products {
	border: 1px solid var(--dark);
	margin-bottom: 5rem;
	padding: 0.6em 3em;
}
/*** Headline Yellow Underline ***/
.headline-underline-yellow {
	padding-bottom: 1rem;
}
.headline-underline-yellow h2 {
	font-size: 1.4rem;
	font-weight: 600;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #D9D8D8;
}
div.underline-yellow {
	height: 0.4rem;
	background: var(--yellow);
	position: relative;
	top: -0.75rem;
}
@media (max-width: 640px) {
	.headline-underline-yellow h2 {
		font-size: 1.3rem;
		font-weight: 600;
		padding-bottom: 0rem;
		margin-bottom: 0.5rem;
		border-bottom: 0px solid #D9D8D8;
		text-align: center;
	}
	div.underline-yellow {
		display: none;
	}
}
/* SEOTEXT*/
#seotext div {
	margin: 1.5rem auto 1rem;
}
#seotext h5, #seotext .h5 {
	padding: 1rem 0 0.25rem;
}
#seotext p {
	font-size: 0.95rem;
	line-height: 1.6rem;
	text-align: justify;
}
#seotext a {
	text-decoration: underline;
}
#seotext a:hover {
	color: var(--dark);
}
/* Catalog-Intro*/
#catalog-intro h2 a, #catalog-intro ul li a {
	color: var(--dark);
}
#catalog-intro h2 a:hover, #catalog-intro ul li a:hover {
	color: var(--linkblue) !important;
}
#catalog-intro ul {
	padding: 0 0 2rem;
	margin: 0;
}
#catalog-intro li {
	list-style-type: none;
	line-height: 1.3;
	padding: 0.25rem 0;
}
#catalog-intro .category.button {
	border: 1px solid var(--dark);
	border-radius: 25px;
	padding: 1rem 2rem;
	background: #ffffff;
	color: var(--dark);
	font-weight: 600;
}
#catalog-intro .category.button:hover, #catalog-intro .category.button:active {
	border: 1px solid var(--dark);
	background: var(--dark);
	color: #ffffff;
}
#catalog-intro .topbanner {
	height: 250px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/** Neu-Registrierung **/
#login-data_confirm .input-field,
#pin_confirm .input-field,
#userdata .input-field {
	width: 100%; 
	padding: 10px;
	padding-right: 35px;
	text-align: left; 
}
#login-data_confirm .form-error,
#pin_confirm .form-error,
#userdata .form-error {
	margin-bottom: 0;
	display: block;
}
#login-data_confirm input.button,
#login-data_confirm input.button[disabled],
#pin_confirm input.button,
#pin_confirm input.button[disabled],
#userdata input.button,
#userdata input.button[disabled] {
	font-size: 1.0rem;
	line-height: 1.2;
	font-weight: 400;
	padding: 0.8rem 1.3rem;
	background: var(--yellow);
	color: var(--dark);
	margin-bottom: 1.5rem;
	border-radius: 0;
}
#login-data_confirm input.button:hover,
#login-data_confirm input.button[disabled]:hover,
#login-data_confirm input.button:focus,
#login-data_confirm input.button[disabled]:focus,
#pin_confirm input.button:hover,
#pin_confirm input.button[disabled]:hover,
#pin_confirm input.button:focus,
#pin_confirm input.button[disabled]:focus,
#userdata input.button:hover,
#userdata input.button[disabled]:hover,
#userdata input.button:focus,
#userdata input.button[disabled]:focus {
	line-height: 1.2;
	font-weight: 400;
	padding: 0.8rem 1.3rem;
	background: var(--yellow);
	color: var(--dark);
}
#login-data_confirm .far.fa-eye,
#login-data_confirm .far.fa-eye-slash,
#pin_confirm .far.fa-eye,
#pin_confirm .far.fa-eye-slash,
#userdata .far.fa-eye,
#userdata .far.fa-eye-slash {
	display: block;
	position: absolute;
	top: 1.75rem;
	right: -30px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.9rem;
	cursor: pointer;
}
#login-data_confirm p {
	font-size: 0.8rem;
	line-height: 1.2;
}
#login-data_confirm #email-confirm {
	text-transform: uppercase;
}

#pin_confirm #send-email-alert.form-error {
	color: var(--lightblue);
}
#pin_confirm h3 {
	margin-bottom: 1.5rem;
}
#pin_confirm #pin-error_confirm {
	margin-bottom: 0.5rem;
}
#pin_confirm #send-email-confirm {
	font-size: 0.9rem;
	line-height: 1; margin: auto;
}
#pin_confirm #send-email-alert {
	display: inline-block !important;
	width: 100%;
	font-size: 0.9rem;
	margin: 0;
	text-align: center;
}

/** order_userportal **/
#userdata #rechnung {
	background-color: #fff;
}
#userdata h3 {
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0.5rem 0;
}
#DeliveryNew {
	padding: 1rem 1rem 0 0;
}
#DeliveryNew #panel_before i {
	font-size: 1.2rem;
	padding-right: 0.5rem;
}
#DeliveryNew .form-error {
	margin-bottom: 1.5rem;
	color: var(--red);
}
#DeliveryNew [type="text"] {
	margin: 0 0 1.0rem;
}
#DeliveryNew input.button,
#DeliveryNew input.button[disabled] {
	font-size: 1.0rem;
	line-height: 1.2;
	font-weight: 400;
	padding: 0.8rem 1.3rem;
	background: var(--yellow);
	color: var(--dark);
	margin-bottom: 1.5rem;
	border-radius: 0;
}
#DeliveryNew input.button:hover,
#DeliveryNew input.button[disabled]:hover {
	line-height: 1.2;
	font-weight: 400;
	padding: 0.8rem 1.3rem;
	background: var(--yellow);
	color: var(--dark);
}
#DeliveryAdress {
	padding: 0 1rem 0 0;
}
#DeliveryAdress h3 {
	margin-bottom: 1.5rem;
}
#DeliveryAdress .large-up-3 {
	margin-bottom: 30px;
}
#DeliveryAdress div.lieferadresse_waehlen {
	position: relative;
	margin-bottom: 20px;
	min-width: 22rem;
	cursor: auto;
	padding: 0px;
	background-color: #fff;
	border-radius: 3px;
	min-height: 13.5rem;
	border: 1px solid var(--grey);
	z-index: 1003;
}
#DeliveryAdress div.lieferadresse_waehlen.current {
	border: 1px solid var(--yellow);
	box-shadow: 1px -4px 12px 2px #cacaca;
	opacity: 1;
}
#DeliveryAdress div.lieferadresse_waehlen.add {
	cursor: pointer;
	border: 2px dashed var(--lightblue);
	color: var(--lightblue);
	padding-top: 3.5rem;
}
#DeliveryAdress .adress_detail {
	margin: 10px;
	height: auto;
	padding-bottom: 47px;
}
#DeliveryAdress .adress_delete {
	position: absolute;
	bottom: 0;
	margin: 0px;
	width: 100%;
}
#DeliveryAdress .adress_remove {
	position: absolute;
	top: 0;
	right: 5px;
	margin: 0;
	z-index: 1004;
}
#DeliveryAdress a.button {
	margin-bottom: 0;
	border-radius: 0;
}
#DeliveryAdress a.button.auswaehlen_hover {
	background-color: #ccc;
	opacity: 0.7;
	border-radius: 0;
	margin-bottom: 0;
	margin-right: 0;
}
#DeliveryAdress a.button.auswaehlen_hover:hover {
	opacity: 1;
}
#DeliveryAdress button.clear.button.secondary {
	text-align: right;
	margin: 0 0 0.25rem;
	padding: 0.5rem 0.25rem;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.8rem;
	color: var(--grey);
}
#DeliveryAdress button.clear.button.secondary:hover {
	color: var(--dark);
}