@charset "UTF-8";
/***!  /templates/wadb/css/template.css  !***/

article, aside, footer, header, hgroup, nav, section, .clear {
	display: block;
}

blockquote, body, dd, div, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,
td, textarea, th, ul {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

abbr, acronym, fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

q::before, q::after {
	content: "";
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	background: #fff;
	font-family: "Roboto Condensed", sans-serif;
}

strong, b {
	font-weight: bold;
}

h1 {
	font-family: "Bitter", serif;
	font-size: 44px;
	line-height: 56px;
}

h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 27px;
	line-height: 44px;
	font-weight: bold;
	margin: 32px 0 12px;
}

h2.sub,
h3.sub {
	margin: 0 0 44px;
	font-size: 28px;
	font-weight: 300;
	line-height: 44px;
}

h3 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	margin: 44px 0 24px;
}

h4 {
	font-size: 24px;
	line-height: 32px;
	margin: 24px 0 18px;
}

p {
	line-height: 1.8rem;
	margin-bottom: 1.6rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

p:last-child {
	margin-bottom: 0;
}

small {
	color: #666;
	font-size: 0.9rem;
}

a {
	outline: 0;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

hr {
	border-top: 2px dashed #ddd;
	margin: 77px 0;
}

.clear {
	font-size: 1px;
	line-height: 1px;
	height: 0;
	clear: both;
}

.blog .items-more,
.clrflt {
	clear: both;
}

.grad,
.page-header h1 {
	background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.seotext-wrapper h1,
.nachhaltigkeit h2,
.vorteile-out h2,
.gutachten-out h2,
.filterwechsel h2,
.faq-wrapper h2,
.blog h2.grad,
.rating-out h2 {
	font-family: "Bitter", serif;
	font-weight: bold;
	font-size: 44px;
	line-height: 56px;
}

.nachhaltigkeit h3,
.vorteile-out h3,
.gutachten-out h3,
.blog h3,
.rating-out h3 {
	margin: 12px 0 44px;
	font-weight: 400;
}

.seotext-wrapper h2 {
	margin: 0 0 44px;
	font-weight: 400;
}

.itemid-101 h3 {
	color: #999;
}

ul li ul {
	margin: 0 0 24px 32px;
}

ul li ul li {
	line-height: 32px;
	list-style: disc;
}

.container,
.item-page,
#redim-cookiehint,
.category_description,
#system-message-container,
.visforms-form,
.content-category,
#akeeba-renderjoomla,
.com-content-category-blog,
.mod-breadcrumbs__wrapper {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.box100 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 18px;
}

.box100 img {
	margin: 0;
}

.box60 {
	width: 64.4%;
}

.box50 {
	width: 50%;
	overflow: hidden;
	position: relative;
}

.box50 img {
	width: 100%;
	height: auto;
}

.box45 {
	width: 45%;
	position: relative;
}

.box40 {
	width: 31.5%;
}

.box33 {
	padding: 24px;
	position: relative;
}

.box33:nth-child(3),
.box33:last-child {
	margin-right: 0;
}

#mod-custom136 .box33 {
    text-align: center;
    padding: 0 44px 32px;
}

.box20 {
	width: 18%;
}

.fir-ul,
.sec-ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 44px;
}

.flexwrap {
	display: flex;
	justify-content: space-between;
}

.right {
	float: right;
}

.allcenter {
	text-align: center;
}

.allcenter img {
	margin: 77px 0;
}

.grid1,
.com-content-category-blog__items.blog-items.items-leading {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	margin-bottom: 18px;
}

.grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 18px;
}

.grid3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
	margin-bottom: 18px;
}

.grid3 section {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 18px;
}

.grid3 section h3 {
	font-size: 32px;
	margin: 0 0 18px;
}

.textwrap:nth-child(2) {
	width: 38%;
}

.article-id499 .textwrap:nth-child(2) {
    max-height: 396px;
}

.textwrap:last-child {
	width: 30%;
	padding-left: 32px;
}

.imgwrap {
	width: 32%;
	padding-right: 32px;
}

.seotext-wrapper {
	margin: 111px auto;
}

.werft {
	margin: 77px 0 111px;
}

.werft .container div,
.custom-wrap .flex,
header .logo {
	display: flex;
}

.teaser-bild {
	overflow: hidden;
	height: 1px;
	width: 1px;
}

.btn,
button,
input[type="button"],
input[type="submit"],
#redim-cookiehint .cookiebuttons a.btn {
	background: #00a6a2;
	text-transform: uppercase;
	font-size: 21px;
	color: #fff;
	font-weight: 400;
	line-height: 56px;
	display: inline-block;
	padding: 0 24px;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	border: 0;
	border-radius: 4px;
	letter-spacing: 0;
	cursor: pointer;
	white-space: nowrap;
	max-height: 56px;
	transition: background 0.5s ease, transform 0.25s ease;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
#redim-cookiehint .cookiebuttons a.btn:hover {
	background: #00a8d5;
	transition: background 0.5s ease, transform 0.25s ease;
	transform: translateY(-2px);
}

.btn2,
.btn.ghost {
	background: #fff;
	color: #00a6a2;
	border: 2px solid #00a6a2 !important;
	line-height: 52px;
}

.btn2,
.btn.ghost:hover {
	color: #00a8d5;
	border: 2px solid #00a8d5 !important;
}

.btn.prime {
	margin-top: 44px;
	background: #d10085;
	color: #fff;
	font-weight: bold;
	border-radius: 50px;
	padding: 0 32px;
}

.btn.prime.ghost {
	background: #fff;
	color: #d10085;
	margin-left: 18px;
	border: 0 !important;
}

.btn.prime.ghost i {
	color: #d10085;
}

#mod-custom176 .custom-wrap .btn,
#mod-custom114 .custom-wrap .btn {
	margin: 0 0 0 24px;
	max-height: 56px;
}

#mod-custom176 .custom-wrap p,
#mod-custom114 .custom-wrap p {
	margin: 0;
}

#mod-custom176 .btn,
#mod-custom139 .btn,
#mod-custom122 .btn {
	margin: 12px 0;
}

#mod-custom114 {
	margin-bottom: 44px;
}

#mod-custom119 .box33 .btn {
	width: 100%;
	padding: 0 !important;
}

.box45 .btn,
.box33 .btn {
	width: 100%;
	padding: 0 !important;
}

button.back {
	background: #fff;
	border: 1px solid #ccc !important;
	position: absolute;
	right: 0;
	top: 0;
	color: #ccc;
}

.btn.btn-sm.btn-secondary.next {
	margin-top: 44px;
}

button#field197_btn {
	position: absolute;
	padding: 4px 12px 0;
	line-height: 32px;
	right: 0;
}

header {
    background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.07)),
	url(https://www.wasser-auf-dem-boot.de/templates/wadb/images/bkg-showroom-11.webp) top center no-repeat;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto 77px;
}

header.sticky {
	position: fixed;
	width: 100%;
	z-index: 1;
	height: 90px;
	overflow: hidden;
}

header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px;
}

header .categories ul li {
	opacity: 0.6;
}

header .categories ul li:first-child {
	opacity: 1;
}

header .categories li {
	display: inline-block;
	margin-right: 44px;
}

header .categories li a {
	display: block;
	font-family: "Bitter", serif;
	font-size: 24px;
	color: #fff;
}

header .logo img {
	width: 56%;
}

header .menu i {
	font-size: 44px;
	color: #fff;
	cursor: pointer;
}

header .menu-popup i {
	color: #00a8d5;
	font-size: 16px;
	margin-right: 6px;
}

header .menu-popup i.material-symbols-outlined {
	color: #000;
	line-height: 24px;
}

header .menu button {
	background: none;
	line-height: normal;
}

.menu-popup {
	background: #fff;
	padding: 44px;
	position: fixed;
	right: 0;
	top: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	z-index: 1;
	min-height: 100vh;
	min-width: 356px;
}

.menu-popup li a {
	display: block;
	line-height: 56px;
	border-top: 1px dotted #ccc;
}

.menu-popup li:hover a {
	font-weight: bold;
}

.menu-popup li:last-child a {
	border-bottom: 1px dotted #ccc;
}

.menu-popup ul {
	margin-bottom: 3px;
}

.menu .mod-languages li {
	width: 100%;
	border: 0;
	margin: 0;
}

.menu .closebtn {
	display: block;
	padding: 12px 12px 12px 0;
	margin-top: 12px;
}

.mod-languages p {
	display: none;
}

.article-info,
ol.mod-breadcrumbs {
	display: flex;
	color: #999;
	font-size: 14px;
}

.article-info dd,
ol.mod-breadcrumbs li {
	margin-right: 12px;
}

.mod-breadcrumbs__item.active {
	line-height: 26px;
}

.article-info {
	margin: 0 0 18px;
}

.showroom {
	text-align: center;
	position: relative;
}

.showroom h3 {
	color: #fff;
	font-size: 66px;
	line-height: 77px;
	margin: 0 auto;
	font-weight: 600;
	text-transform: uppercase;
	display: none;
}

.showroom h3 span.subline {
	font-size: 38px;
	font-weight: 300;
	text-transform: none;
	text-align: right;
	width: 100%;
	display: block;
}

.showroom h3 span.new {
	display: inline-block;
	background: #d10085;
	color: #fff;
	padding: 0 14px;
}

.container.showroom {
	display: block;
}

.itemid-101 .showroom {
	display: block;
}

.teaser-nav {
	background: #fff;
	padding: 0 12px;
	line-height: 32px;
	font-weight: 600;
	position: absolute;
	bottom: 32px;
	right: 0;
	border-radius: 4px;
	opacity: 0.6;
	display: none;
}

.teaser-nav:hover {
	opacity: 0.9;
}

.centerline h2 {
	font-size: 56px;
	text-align: center;
	font-weight: bold;
	line-height: 66px;
	margin-top: 77px;
}

.centerline h2 span {
	display: block;
	font-weight: normal;
	font-size: 80%;
}

.centerline h3 {
	margin: 0 0 77px;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
	line-height: 44px;
}

.prinzip-wrapper {
	text-align: center;
	margin: 77px auto;
}

.prinzip2-wrapper {
	margin: 77px auto;
	border-top: 1px solid #ddd;
	padding-top: 77px;
}

.prinzip2-wrapper .box40 img {
	margin-top: 32px;
}

.product-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
}

form.product-wrapper {
	display: block;
}

.custom-wrap:hover,
#mod-custom114 .product-wrapper .box33:hover {
	border: 1px solid #00a8d5;
	transition: all 0.5s ease;
	box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);
}

.box33 .list-h5,
.box33 h5 {
	font-size: 32px;
	text-transform: uppercase;
	margin: 12px 0 18px;
	line-height: 32px;
}

.box33.border .list-h5 {
	font-size: 23px;
}

.product-wrapper h3 {
	font-size: 26px;
	font-weight: bold;
	margin: 13px 0 1px;
	color: #222;
}

.product-wrapper h4 {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 21px;
	min-height: 66px;
	margin: 0 0 24px;
	text-transform: none;
}

.product-wrapper .listprice {
	font-size: 32px;
	font-weight: 600;
	line-height: 56px;
	margin: 18px 0 0;
}

.product-wrapper .listprice span {
	font-size: 16px;
	font-weight: 400;
	color: #999;
	line-height: 18px;
}

.product-wrapper .list-h5 {
	font-size: 18px;
	font-weight: 400;
	text-align: right;
	margin: 0 0 18px;
	display: block;
	color: #333;
}

.product-wrapper .list-h5 b {
	font-weight: 600;
	display: inline-block;
}

.product-wrapper img {
	margin: 0 0 24px;
	width: 100%;
	height: auto;
}

.product-wrapper li {
	line-height: 44px;
	border-top: 1px dotted #ccc;
}

.product-wrapper li:last-child {
	border-bottom: 1px dotted #ccc;
}

.product-wrapper li span {
	width: 252px;
	display: inline-block;
}

.product-wrapper .box33 p {
	color: #666;
}

.product-wrapper small {
	color: #666;
	display: block;
}

.product-wrapper .btn2 {
	margin-bottom: 0;
}

.product-wrapper ul ul {
	position: absolute;
	background: #fff;
	width: 358.39px;
	margin-top: -49px;
	padding-bottom: 14px;
	z-index: 1;
}

#mod-custom139 .product-wrapper ul ul {
	width: 576px;
}

.product-wrapper.listing h3 {
	font-size: 24px;
	margin: 0;
}

.product-wrapper.camper {
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 32px;
}

.product-wrapper.camper h3 {
	font-size: 32px;
	margin: 0;
	color: #222;
	line-height: 48px;
	font-family: "Bitter", serif;
}

.product-wrapper.camper h4 {
	color: #00a670;
}

.product-wrapper.camper .listprice {
	margin: 0 0 0 32px;
	display: inline-block;
}

.product-wrapper.camper .btn {
	float: left;
}

.product-wrapper.camper li:nth-child(5),
.product-wrapper.camper li:nth-child(6) {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 44px;
}

.product-wrapper.camper li {
	width: 33%;
	float: left;
}

.product-wrapper.camper img {
	float: right;
	margin: 0 0 77px 44px;
}

small.camper {
	color: #666;
	margin-top: 24px;
	float: left;
}

.itemid-134 .product-wrapper {
	margin-top: 44px;
	margin-bottom: 44px;
}

.itemid-135 .product-wrapper,
.itemid-136 .product-wrapper,
.itemid-137 .product-wrapper {
	margin-top: 77px;
}

em.more {
	color: #999;
	cursor: pointer;
	position: relative;
	display: block;
}

.product-wrapper li .more i {
	position: absolute;
	right: 0;
	line-height: 44px;
	font-size: 15px;
}

.container.logobar {
	padding: 12px 0 77px;
	text-align: center;
}

.partner {
	opacity: 0.6;
	padding-top: 77px;
}

.box100 .textwrap li {
	line-height: 38px;
	font-size: 16px;
}

.box100 .textwrap h3 {
	margin: 6px 0;
	font-size: 32px;
	line-height: 44px;
}

.box100 .listprice {
	font-size: 32px;
	font-weight: 600;
	line-height: 56px;
	margin: 111px 0 0;
}

.benefits-wrapper {
	margin: 77px auto;
	display: flex;
	justify-content: space-between;
}

.benefits-box {
	padding: 32px;
	text-align: center;
	border: 1px solid #fff;
	min-height: 266px;
	border-radius: 4px;
}

.benefits-box:nth-child(5n) {
	margin-right: 0;
}

.benefits-box p {
	color: #666;
}

.vorteile-out h5 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
}

.vorteile-out h6 {
	font-size: 21px;
	margin: 0 0 18px;
	line-height: 32px;
	font-weight: 400;
}

.vorteile-out .box20 {
	text-align: center;
}

.vorteile-out .box20 h5 {
	font-size: 24px;
	text-transform: none;
	margin: 12px 0 0;
	line-height: 32px;
}

.vorteile-out .box20 h6 {
	font-size: 18px;
	margin: 0 0 18px;
	line-height: 24px;
	font-weight: 400;
}

.box20 small {
	width: 94%;
	display: block;
	font-size: 16px;
	line-height: 21px;
}

.vorteile-out .box33 img {
	display: block;
	margin: 0 auto 32px;
	width: 37%;
	height: auto;
}

.vorteile-out .box25 {
	margin: 77px 0 0;
}

.vorteile-out ul li h5 {
	margin: 0 0 12px;
	text-transform: uppercase;
	font-size: 32px;
}

.vorteile-out i {
	color: #00a6a2;
	position: relative;
	bottom: -5px;
}

.vorteile-out .btn {
	width: 100%;
	padding: 0 !important;
	margin-top: 32px;
}

.vorteile-out .product-wrapper li {
	line-height: 24px;
	border-top: none;
	font-size: 16px;
	color: #666;
}

.vorteile-out .product-wrapper li:last-child {
	border-bottom: none;
}

.gutachten-out img {
	float: right;
	margin-right: 44px;
}

.montageservice-out .phone b,
.montageservice-out span b {
	font-weight: bold;
	font-size: 32px;
	color: #111;
	line-height: 44px;
}

.montageservice-out .box50 {
	padding: 0 3%;
	width: 44%;
	text-align: center;
}

.montageservice-out .btn {
	margin: 32px 0 0;
	display: inline-block;
}

.montageservice-out h3 {
	margin: 6px 0 32px;
}

.montageservice-out h2 {
	font-size: 44px;
	line-height: 48px;
}

.montageservice-out img {
	margin: 0 auto 77px;
	display: block;
	float: none;
	width: auto;
}

.montageservice-out .phone {
	color: #999;
}

.montageservice-out .container {
	display: flex;
	justify-content: space-between;
}

.rating-out h3 {
	margin-bottom: 77px;
}

.rating-small {
	display: flex;
}

.rating-small i {
	margin: 6px 0 0 12px;
}

.box33 .rating-small {
	transform: scale(0.7);
	transform-origin: top left;
}

.outro-out {
	border-top: 1px dotted #ddd;
	padding-top: 77px;
	padding-bottom: 77px;
}

.outro-out p span {
	display: inline-block;
	width: 111px;
}

.shipping {
	border-left: 5px solid #00a8d5;
	background: #f5fdff;
	padding: 32px;
	border-radius: 7px;
	margin: 0 0 32px;
}

.shipping h4 {
	margin: 0 0 6px;
	font-size: 26px;
}

.shipping h5 {
	margin: 8px 0 18px;
	font-weight: 400;
	font-size: 21px;
	color: #00a8d5;
}

.shipping p {
	font-size: 16px;
	line-height: 24px;
	color: #333;
}

.sustainable {
	text-align: center;
	padding-bottom: 77px;
	border-bottom: 2px dashed #ccc;
}

.sustainable h3 {
	margin: 44px 0 6px;
}

.sustainable p {
	font-weight: bold;
}

.sustainable h3 i {
	color: green;
}

.info-box,
.warning-box {
	background: #fef3c7;
	border-left: 5px solid #f59e0b;
	padding: 24px;
	margin: 24px 0;
	border-radius: 7px;
}

.info-box i {
	color: orange;
	margin-right: 7px;
	vertical-align: middle;
}

.info-box.warning {
	border-left-color: #f59e0b;
	background: #fef3c7;
}

.info-box.warning i {
	color: #f59e0b;
}

.info-box.success {
	border-left-color: #10b981;
	background: #d1fae5;
}

.info-box.success i {
	color: #10b981;
}

.cta-box {
	padding: 44px 77px;
	margin: 44px 0;
	border-radius: 7px;
	text-align: center;
	border: 1px solid #eee;
	background: #f9f9f9;
}

.cta-strip {
	margin-top: 44px;
}

.cta-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.cta-strip .btn-secondary {
	color: #fff;
}

.card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 18px;
	margin-bottom: 24px;
}

.card-title {
	margin: 12px 0 18px;
	font-size: 24px;
}

.card-text {
	margin: 0 0 12px;
	color: rgba(0, 0, 0, 0.75);
	line-height: 1.6;
}

.step-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	margin: 44px 0;
}

.step-card {
	border: 2px solid #eee;
	border-radius: 12px;
	padding: 32px;
	position: relative;
	overflow: hidden;
}

.step-card h4 {
	margin: 0 0 12px;
}

.step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: #fff;
	color: #333;
	border-radius: 50%;
	font-size: 24px;
	font-weight: 700;
	border: 2px solid #eee;
	position: absolute;
	right: 12px;
	top: 12px;
}

.checklist {
	list-style: none;
	margin: 24px 0 0;
}

.checklist li {
	padding: 12px 0 12px 32px;
	position: relative;
	transition: all 0.3s ease;
	border-top: 1px dotted #ddd;
	margin: 8px 0;
	color: rgba(0, 0, 0, 0.78);
	line-height: 1.5;
}

.checklist li::before {
	content: '\f058';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: green;
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 20px;
}

.checklist li:last-child {
	border-bottom: 1px dotted #ddd;
}

.tools-list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 12px;
	margin: 24px 0;
}

.tools-list li {
	padding: 12px 18px;
	border-radius: 8px;
	border-left: 4px solid #999;
	transition: all 0.3s ease;
	background: #f1f1f1;
}

.tools-list li i {
	margin-right: 7px;
}

.tech-table {
	width: 100%;
	border-collapse: collapse;
	margin: 32px 0;
	overflow: hidden;
}

.tech-table th,
.tech-table td {
	padding: 18px 0;
	border-bottom: 1px solid #eee;
}

.tech-table th {
	font-weight: 600;
}

.tech-table td:first-child {
	font-weight: 600;
}

.box33-wrapper {
	margin-top: 77px;
	display: flex;
	justify-content: space-between;
}

.custom-wrap {
	border: 1px solid #ddd;
	margin-top: 18px;
	padding: 24px;
	border-radius: 4px;
}

.custom-wrap h3 {
	margin: 0 0 12px;
}

.wwrap {
	padding: 32px 24px;
	border: 1px solid #eee;
	background: #eee;
	margin: 44px 0;
	border-radius: 8px;
}

.wwrap h2,
.wwrap h3 {
	margin-top: 0;
}

.regimg {
	margin: 44px 0;
	max-width: 100%;
	border-radius: 8px;
}

.detail-wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 44px;
}

.detail-wrapper h1 {
	font-size: 40px;
	line-height: 56px;
	font-family: "Roboto Condensed", sans-serif;
}

.detail-wrapper h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 12px;
	font-weight: bold;
}

.detail-wrapper .price-box,
.detail-wrapper .btn {
	float: left;
}

.detail-wrapper .price-box,
.PricesalesPrice {
	font-size: 32px;
	font-weight: 600;
	line-height: 56px;
	text-align: left;
	width: 270px;
}

.detail-wrapper .price-box span {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #999;
}

.detail-wrapper .box45 .btn {
    width: auto;
    padding: 0 24px !important;
    width: 300px;
}

.cart-action-complete,
.box45 .j2store-product .options,
.detail-wrapper .box45 .btn,
.product-price-container .sale-price {
    margin-left: 270px;
}

.detail-wrapper ul li {
    line-height: 44px;
    border-top: 1px dotted #ddd;
    font-weight: 600;
    padding: 0;
}

.detail-wrapper ul li:last-child {
	border-bottom: 1px dotted #ddd;
}

.detail-wrapper ul li span {
	display: inline-block;
	width: 270px;
	font-weight: 400;
}

.detail-wrapper .box50 small {
	border-radius: 44px;
	padding: 3px 18px;
	display: block;
	width: fit-content;
	margin: 0 auto;
	border: 1px solid #ccc;
	text-align: center;
}

.detail-wrapper .shipping {
	float: left;
	display: block;
	color: #111;
}

.detail-wrapper .shipping span {
	color: #999;
}

.detail-extra-wrapper {
	margin: 0 0 77px 0;
	padding: 77px 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.detail-extra-wrapper .box50 h5 {
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.detail-extra-wrapper .box45 p span {
	display: inline-block;
	width: 190px;
}

.detail-extra-wrapper .box45 p i {
	color: #999;
	margin-right: 2px;
	min-width: 25px;
}

.detail-extra-wrapper .box45 p {
	border-bottom: 1px dotted #ccc;
	padding: 12px 0;
	margin-bottom: 0;
}

.detail-extra-wrapper .box45 p:nth-of-type(1),
.detail-extra-wrapper .box45 p:nth-of-type(13) {
	border-top: 1px dotted #ccc;
}

.detail-extra-wrapper h6 {
	font-size: 21px;
	margin: 0 0 6px;
	font-weight: 400;
}

.detail-wrapper .detail-extra-wrapper ul li:last-child {
	border-bottom: 1px dotted #ddd;
	padding-top: 0;
}

.box45 h5 {
	font-size: 24px;
	line-height: 32px;
	margin: 32px 0 18px;
	text-transform: uppercase;
}

.box45 h5:nth-of-type(2) {
	margin-top: 44px;
}

.box45 h5.grad {
	margin: 32px 0 12px;
}

.detail-wrapper .box45 small {
	float: left;
	padding: 7px 0 0 270px;
}

.detail-wrapper .box45 li small {
    padding: 0;
    float: none;
    color: #999;
}

.detail-wrapper .box45 small i {
	color: green;
}

.arrow_box {
	min-height: 190px;
}

span.smalltext,
.vm-prices-info {
	display: block;
	color: #999;
}

a.terms-of-service {
	font-size: 14px;
	line-height: 18px;
}

.width30,
.width70 {
	width: 100% !important;
}

.product.width33 {
	float: left;
	border: 1px solid #ddd;
	min-width: 180px;
	padding: 3%;
	width: 25%;
	margin-bottom: 38px;
}

.product.width33:nth-child(2n + 2) {
	margin: 0 3% 38px 3%;
}

.faq-wrapper {
	margin: 77px auto 0;
}

.faq-wrapper li div {
    display: none;
}

.faq-wrapper .btn {
	margin: 32px 0 0;
}

.faq-wrapper li {
	line-height: 56px !important;
	font-size: 24px;
	border-top: 1px dotted #ddd;
	display: block;
	cursor: pointer;
	font-weight: 400;
}

.faq-wrapper li:hover {
	font-weight: 600;
}

.faq-wrapper li div {
	font-weight: 400;
}

.faq-wrapper li.bold {
	font-weight: 600;
}

.faq-wrapper li:last-child {
	border-bottom: 1px dotted #ccc;
}

.faq-wrapper li i {
	float: right;
	line-height: 56px;
}

.faq-wrapper h4 {
	margin: 12px 0 44px;
}

.faq-wrapper li p {
	font-size: 18px;
}

.faq-wrapper li p:last-child {
	padding: 0 0 44px;
}

.faq-section {
	padding: 48px 0;
}

.faq-header {
	max-width: 840px;
}

.faq-title {
	margin: 0 0 12px;
	font-size: clamp(24px, 2.2vw, 34px);
	line-height: 1.2;
}

.faq-actions {
	margin-top: 18px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.faq-divider {
	margin: 28px 0;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.faq-grid {
	display: grid;
	grid-template-columns: 1fr;
	margin: 44px 0;
	gap: 18px;
}

@media (min-width: 980px) {
	.faq-grid {
		grid-template-columns: 320px 1fr;
		gap: 22px;
		align-items: start;
	}

	.faq-aside {
		position: sticky;
		top: 20px;
	}
}

.faq-card {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	overflow: hidden;
}

.faq-item {
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.faq-item:first-child {
	border-top: none;
}

.faq-question {
	list-style: none;
	cursor: pointer;
	padding: 18px;
	font-weight: 700;
	font-size: 21px;
}

.faq-question::-webkit-details-marker {
	display: none;
}

.faq-answer {
	padding: 0 16px 16px;
	color: rgba(0, 0, 0, 0.78);
	line-height: 1.65;
}

.faq-answer p {
	margin: 10px 0 0;
}

.visforms-form select,
.visforms-form input[type="text"],
.visforms-form input[type="number"],
.visforms-form textarea,
.visforms-form input[type="email"] {
	border: 0;
	border-bottom: 2px dotted #999;
	padding: 18px 0 4px;
	font-size: 18px;
	font-family: "Roboto Condensed", sans-serif;
}

.visforms-form input[type="text"]:focus,
.visforms-form select:focus,
.visforms-form input[type="email"]:focus {
	border-bottom: 2px dotted #666;
	outline: 0;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder {
	color: #ccc;
}

.visCSSlabel {
	font-weight: bold;
	line-height: 62px;
	display: block;
	float: left;
	margin-right: 12px;
	width: 30%;
	font-size: 1em;
	margin-top: 0;
}

.visCSSinput,
.editor {
	margin-top: 0;
}

.visBtnCon {
	text-align: right !important;
	clear: both;
	margin-top: 44px;
	margin-bottom: 77px;
	border: 0;
	display: flex;
	justify-content: space-between;
}

.visBtnCon .visCustomText {
	display: block;
	position: static !important;
}

.visBtnCon .visCustomText small {
	line-height: 18px;
	margin: 10px 18px 0;
}

.visCSStop0.visCSSmargLeft.visCSSrbinl {
	border-top: 1px dotted #ccc;
}

fieldset > div.required {
	border-top: 0;
}

.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error {
	font-size: 18px;
	color: #f00;
	padding: 0;
	background-color: #fff;
	max-width: 100%;
	margin: 0;
}

.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer {
	line-height: 32px;
	margin-bottom: 0;
}

.visform input.error,
.visform textarea.error,
.visform select.error {
	border: 0 !important;
	border-bottom: 2px dotted red !important;
}

.field27 .visCustomText {
	padding: 44px 0 18px;
}

.field26 .visCSStop10 {
	margin-top: 30px;
}

.field27 .fieldset-1 p {
	margin: 0;
	line-height: 24px;
}

.fieldset-1 p {
	margin: 0;
	line-height: 62px;
    padding: 0;
}

.fieldset-1 .field27 p {
	line-height: 1.8rem;
}

#mod-visform2 {
	margin-top: 44px;
}

#mod-visform2 textarea {
	padding: 18px 0 0;
	border: 0;
	border-bottom: 2px dotted #999;
	max-height: 111px;
	margin-bottom: 12px;
}

#mod-visform2 fieldset > div.required,
#mod-visform2 fieldset > div {
	border-top: none;
}

#mod-visform2 .field90.required {
	border-top: 0;
}

#mod-visform2 .visBtnCon {
	padding-top: 0;
}

#mod-visform12 fieldset > div {
	border: 0;
}

#mod-visform15 .required .visCustomText,
#mod-visform16 .required .visCustomText,
#mod-visform2 .required .visCustomText,
#mod-visform3 .required .visCustomText,
#mod-visform8 .required .visCustomText,
#mod-visform4 .required .visCustomText,
#mod-visform5 .required .visCustomText,
#mod-visform6 .required .visCustomText,
#mod-visform11 .required .visCustomText {
	color: #333;
	font-size: 18px;
	border-top: 1px dotted #ccc;
}

#mod-visform15 .visCustomText,
#mod-visform16 .visCustomText,
#mod-visform2 .visCustomText,
#mod-visform3 .visCustomText,
#mod-visform8 .visCustomText,
#mod-visform4 .visCustomText,
#mod-visform5 .visCustomText,
#mod-visform6 .visCustomText,
#mod-visform11 .visCustomText {
	color: #999;
	line-height: 62px;
	margin: 0;
}

.field283 input, .field281 input, .field269 input, .field271 input,
.field74 input, .field84 input, .field108 input, .field131 input,
.field133 input, .field165 input, .field166 input, .field149 input,
.field90 input, .field148 input, .field213 input, .field215 input,
.field110 input,
#mod-visform15 input.visToolTip,
#mod-visform16 input.visToolTip,
#mod-visform3 input.visToolTip,
#mod-visform8 input.visToolTip,
#mod-visform4 input.visToolTip,
#mod-visform5 input.visToolTip,
#mod-visform6 input.visToolTip,
#mod-visform11 input.visToolTip {
	float: left;
	margin: 25px 7px 0 394px;
}

.field283, .field271, .field215, .field149, .field84, .field90 {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 44px;
}

.field265, .field277, .field209, .field70, .field143 {
	border-top: 1px dotted #ccc !important;
	padding-top: 44px;
}

.field269, .field281, .field74, .field131, .field165, .field213, .field108, .field148 {
	margin-top: 44px;
}

.field90 input {
	display: block !important;
}

.field90 .visCustomText {
	position: static !important;
}

.fieldset-1.active {
	width: 100%;
}

.fieldset-1.active > div {
	position: relative;
}

.fieldset-1.active .visCustomText {
	position: absolute;
	top: 0;
	right: 0;
}

.fieldset-1.active .field283 .visCustomText,
.fieldset-1.active .field281 .visCustomText,
.fieldset-1.active .field269 .visCustomText,
.fieldset-1.active .field271 .visCustomText,
.fieldset-1.active .field148 .visCustomText,
.fieldset-1.active .field149 .visCustomText,
.fieldset-1.active .field74 .visCustomText,
.fieldset-1.active .field84 .visCustomText,
.fieldset-1.active .field213 .visCustomText,
.fieldset-1.active .field215 .visCustomText {
	position: static;
}

.field269 input[type=checkbox], .field271 input[type=checkbox],
.field283 input[type=checkbox], .field281 input[type=checkbox],
.field213 input[type=checkbox], .field215 input[type=checkbox],
.field148 input[type=checkbox], .field149 input[type=checkbox],
.field74 input[type=checkbox], .field84 input[type=checkbox] {
	display: block!important;
}

.option,
.visCSSrlinl {
	position: relative;
	cursor: pointer;
	border: 1px solid #888;
	color: #888;
	border-radius: 4px;
	padding: 0 12px;
	margin: 0 12px 0 0;
	font-weight: 400;
	display: inline-block;
	line-height: 40px;
}

.option {
	margin: 0;
}

input[type=radio]:checked + .visCSSrlinl,
input[type=checkbox]:checked + .visCSSrlinl {
	border: 1px solid #00a8d5;
	color: #fff;
	background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
}

.option:has(input:checked),
.option:hover,
.visCSSrlinl:hover {
	border: 1px solid #00a8d5;
	background: #00a8d5;
	color: #fff;
}

#mod-visform10 .fieldset-1 {
	display: flex;
	justify-content: space-between;
}

#mod-visform10 .inputbox {
	width: 100%;
}

#mod-visform10 {
	position: relative;
}

#mod-visform10 .field195,
#mod-visform10 .field196,
#mod-visform10 .field197 {
	width: 22.5%;
}

#mod-visform10 input[type=checkbox] {
	display: inline-block;
	position: absolute;
	margin: 18px 0 0;
}

#mod-visform10 .field199 {
	position: absolute;
	bottom: -44px;
}

#mod-visform10 .visCustomText {
	position: static;
	margin-left: 19px;
}

#mod-visform10 .visBtnCon {
	text-align: right !important;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#modvisform109datenschutzlbl {
	width: auto;
}

#modvisform124datenschutzlbl, #modvisform124agblbl,
#modvisform127datenschutzlbl, #modvisform127agblbl,
#modvisform140datenschutzlbl, #modvisform140agblbl,
#modvisform126datenschutzlbl, #modvisform126agblbl,
#modvisform128agblbl, #modvisform158agblbl,
#modvisform167datenschutzlbl, #modvisform167agblbl,
#modvisform158datenschutzlbl, #modvisform128datenschutzlbl,
#modvisform110datenschutzlbl,
#modvisform168agblbl, #modvisform168datenschutzlbl {
	display: none;
}

.filterwechsel {
	padding: 32px;
	position: relative;
	height: 136px;
	transition: all 0.5s ease;
	overflow: hidden;
}

.filterwechsel-ext {
	height: auto;
}

.filterwechsel h2 {
	margin: 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px;
	line-height: 38px;
}

.filterwechsel h3 {
	margin: 0 0 32px;
	line-height: 44px;
	font-size: 24px;
}

.filterwechsel #toggleLink {
	padding: 48px;
	position: absolute;
	right: 12px;
	top: 12px;
	display: block;
}

.filterwechsel .visform .btn {
	padding: 0 18px;
}

.finder-inner {
	display: flex;
	justify-content: center;
}

.finder-textblock {
	display: grid;
	grid-template-columns: 1.3fr 0.9fr 0.8fr;
	gap: 32px;
}

.finder-textblock ul {
	margin: 0;
}

.finder-textblock p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
}

.finder-textblock h2 {
	margin: 0 0 12px;
}

.finder-benefits {
	list-style: none;
	padding: 0;
}

.finder-benefits li {
	font-size: 16px;
	font-weight: bold;
}

.finder-benefits i {
	color: green;
	margin-right: 4px;
}

.finder-note {
	margin-top: 7px;
	font-size: 16px;
	color: #999;
}

.itemid-126 .bootstrap-wrapper .privacy-box label {
	font-weight: 400;
	margin: 24px 0 18px;
}

.sfFieldWidth33,
.sfFieldWidth49 {
	padding-right: 18px;
}

.sfFieldWidth33:last-child {
	padding-right: 0;
}

.conditional.field23,
.conditional.field24,
.conditional.field25 {
	float: left;
	width: 33%;
}

.conditional .box33 {
	width: 90%;
	float: none;
	margin-bottom: 44px;
}

.visform textarea {
	width: 100%;
}

.visform .btn {
    border: 0;
    padding: 0 18px;
}

.reason-out {
	display: grid;
	grid-template-columns: 0.2fr 1.7fr;
	gap: 24px;
}

.reasons-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.reason-card {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 18px;
}

.reason-title {
	font-size: 24px;
	margin: 6px 0 12px;
}

.reason-text {
	margin: 0;
	color: rgba(0, 0, 0, 0.78);
}

.reasons-cta {
	border-radius: 4px;
	color: #fff;
	background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
}

.reasons-cta .btn {
	border: 0 !important;
	width: 100%;
	margin: 18px 0 0;
}

.reasons-cta-inner {
	padding: 18px;
}

.reasons-cta-title {
	margin: 0 0 8px;
	font-size: 24px;
}

.reasons-cta-text {
	margin: 0 0 12px;
	color: rgba(255, 255, 255, 0.85);
	font-size: 16px;
	line-height: 24px;
}

.progress-wrapper {
	width: 100%;
	background: #eee;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 24px;
}

#progress-bar {
	height: 18px;
	width: 0%;
	background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	padding-right: 7px;
	transition: width 0.3s ease;
}

.frage {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	flex-wrap: wrap;
}

.frage-label {
	min-width: 360px;
	font-weight: 600;
	white-space: nowrap;
}

.system {
	display: none;
	border: 1px solid #ddd;
	padding: 16px;
	margin: 16px 0;
}

footer {
	border-top: 2px dashed #ccc;
	color: #333;
	text-align: center;
	padding: 77px 0;
	margin-top: 77px;
}

footer .links ul li {
	display: inline-block;
}

footer .links {
	margin: 0 auto 18px;
}

footer .links a {
	font-weight: 600;
	margin: 0 18px;
	line-height: 32px;
	display: inline-block;
	color: #333;
	width: 100%;
}

footer small {
	text-align: left;
	margin: 24px 0 77px;
	display: block;
}

footer .copyright {
	font-size: 15px;
	color: #999;
	clear: both;
}

footer .copyright a {
	color: #999;
}

#redim-cookiehint-bottom {
	background: #fff;
	padding: 32px;
	border-top: 6px solid transparent;
	border-image: linear-gradient(90deg, #00a6a2, #00a8d5);
	border-image-slice: 1;
	border-image-repeat: stretch;
}

#redim-cookiehint .cookiecontent {
	font-size: 18px;
	line-height: 24px;
}

#redim-cookiehint .cookiebuttons .btn {
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
	cursor: pointer;
}

#redim-cookiehint .btn {
	margin: 12px 0;
}

#cookiehintsubmitno.btn {
	background: #fff !important;
	color: #00a6a2 !important;
}

#system-message-container #system-message {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	padding: 32px;
	background: #fff;
	z-index: 101;
	width: 660px;
	border-radius: 12px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

#cookie-banner-wadb {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 15px 20px;
	border-radius: 8px;
	display: none;
	z-index: 1000;
}

#cookie-banner-wadb button {
	margin: 10px;
	padding: 8px 15px;
	border: none;
	cursor: pointer;
}

.accept {
	background: #4CAF50;
}

.deny {
	background: #f44336;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slideshow-container {
	position: relative;
	max-width: 860px;
	margin: 44px auto;
}

.slideshow-container img {
	width: 100%;
	height: auto;
}

.slideshow-container .prev,
.slideshow-container .next {
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	font-size: 24px;
	cursor: pointer;
	color: white;
	background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
	border: none;
	text-align: center;
}

.slideshow-container .prev {
	left: 0;
}

.slideshow-container .next {
	right: 0;
}

#topbtn {
	position: fixed;
	bottom: 32px;
	right: 32px;
	z-index: 10000001;
}

.float {
	animation: float 6s ease-in-out infinite;
}

@keyframes float {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-8px); }
	100% { transform: translateY(0); }
}

i.material-symbols-outlined {
	position: relative;
	bottom: -3px;
}

i.fa-check,
i.yes {
	color: green !important;
}

i.no {
	color: darkred !important;
}

i.fa-lightbulb {
	color: orange;
	margin: 0 7px 0 0;
}

.fa-circle-xmark {
	color: red;
}

.fa-circle-check {
	color: green;
}

.fa-circle-info {
	color: orange;
}

.highlight-badge {
	color: #fff;
	background: #d10085;
	position: absolute;
	top: 110px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 7px;
	right: 12px;
}

.img-badge {
	height: 44px;
	width: auto;
}

.mod-articlesnews__item,
.border {
	border: 1px solid #ddd;
	border-radius: 4px;
}

#mod-custom119 .box33,
.mod-articlesnews__item {
	border: 1px solid #ccc;
}

.img-br {
	border: 1px solid #ddd;
	float: none;
}

.btn_whatsapp {
	background: #25d366 url(https://www.wasser-auf-dem-boot.de/images/logo_btn_whatsapp.jpg) no-repeat 18px 9px;
	padding: 0 24px 0 60px !important;
}

.btn_whatsapp:hover {
	background: #25d366 url(https://www.wasser-auf-dem-boot.de/images/logo_btn_whatsapp.jpg) no-repeat 18px 9px;
}

main li a::before,
main p a::before {
	content: "\f0c1";
	font-family: "Font Awesome 6 Free";
	position: relative;
	margin-right: 3px;
	font-weight: 900;
}

main li a,
main p a {
	border-bottom: 1px dotted #666;
}

img.blogimg {
	margin: 0 0 24px;
	max-width: 1214px;
	height: auto;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.alphabetical-index > ul {
	display: flex;
	flex-wrap: wrap;
}

.alphabetical-index ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.alphabetical-index ul li {
	width: 20%;
}

.alphabetical-index ul li ul li {
	width: 20%;
}

ul.contentlist {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 44px 0;
	border-top: 4px dotted #ccc;
	padding-top: 44px;
}

ul.contentlist li {
	border-radius: 7px;
	border: 1px solid #ddd;
	margin: 0 7px 7px 0;
	background: #fff;
	line-height: 32px;
    padding: 0;
}

ul.contentlist li:hover {
	border: 1px solid #00a6a2;
	background: #00a6a2;
}

ul.contentlist li:hover a {
	color: #fff;
}

ul.contentlist li a {
	padding: 6px 12px;
	border: 0;
	text-align: center;
	display: block;
}

.list {
	margin: 0 0 32px;
}

.list li {
	line-height: 44px;
	border-top: 1px dotted #ccc;
}

.list li a {
	border-bottom: none;
}

.list li:last-child {
	border-bottom: 1px dotted #ccc;
}

.mod-articlesnews__item {
	padding: 18px 24px;
	margin-bottom: 24px;
}

.mod-articlesnews__item h2.newsflash-title {
	display: block;
	margin: 12px 0 18px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	line-height: 32px;
}

.article-id260 .item-content {
	padding: 32px;
	margin-top: 24px;
	border-radius: 6px;
	background: #fff;
}

.article-id260 .item-content h2 {
	margin: 6px 0 0;
}

.fancybox-content h1 {
	font-size: 24px;
	line-height: 32px;
}

.fancybox-content h1:first-child {
	font-size: 32px;
	line-height: 44px;
}

.fancybox-content h2 {
	font-size: 24px;
	line-height: 32px;
}

.com-content-article__body {
	position: relative;
}

.com-content-article__body ul {
	margin: 0 0 32px;
}

.com-content-article__body ul.checklist {
    margin: 0;
}

.com-content-article__body li {
    border-top: 1px dotted #ccc;
    line-height: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.com-content-article__body li:last-child {
	border-bottom: 1px dotted #ccc;
}

.com-content-category__table {
	width: 100%;
	margin: 44px 0;
}

.com-content-category__table tr {
	line-height: 38px;
	border-top: 1px dotted #ddd;
}

.com-content-category__table th a {
	display: block;
}

.com-content-category__table th a:hover {
	font-weight: bold;
}

.com-content-category__table tr:last-child {
	border-bottom: 1px dotted #ddd;
}

.com-content-category-blog__item.blog-item .page-header h2 {
	display: block;
}

.article-id261 .com-content-category-blog__item.blog-item,
.article-id263 .com-content-category-blog__item.blog-item {
	padding: 24px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.article-id261 .com-content-category-blog__item.blog-item .sub,
.article-id263 .com-content-category-blog__item.blog-item .sub {
    display: none;
}

.article-id261 .category-desc,
.article-id263 .category-desc {
	margin-bottom: 44px;
}

.blog .item-content h2.sub {
	font-size: 24px;
	margin: 4px 0 32px;
	line-height: 32px;
}

.flexwrap .box {
	width: 50%;
}

.flexwrap .box p {
	margin: 0;
	line-height: 44px;
	border-top: 1px dotted #ccc;
}

.flexwrap .box p:last-child {
	border-bottom: 1px dotted #ccc;
}

.box h3 {
	margin: 0 0 12px;
	font-size: 23px;
}

#mod-custom191 {
	margin: 32px 0;
}

.mod-breadcrumbs__divider.float-start,
#mod-visform10 input[type=checkbox],
#mod-visform10 .visCSSlabel,
#system-message-container #system-message .close,
header.sticky .showroom,
.itemid-135 .page-header,
.itemid-136 .page-header,
.itemid-137 .page-header,
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) .errorcontainer:after,
.vis_mandatory,
.slideshow-container .slide,
#redim-cookiehint .cookiehead,
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer:after,
input[type=checkbox],
input[type=radio],
.article-id177 .vorteile-out .box33 img,
.article-info-term,
.mod-breadcrumbs__divider.float-star,
.com-content-category__table caption,
.mod-languages p,
.ccm-settings-summoner {
	display: none !important;
}

.bullet {
	display: none;
	background: deeppink;
	color: #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	align-items: center;
	padding: 7px;
	font-size: 32px;
	justify-content: center;
	flex-wrap: wrap;
	font-weight: 600;
	position: absolute;
	right: 32px;
	top: 32px;
}

.bullet:nth-child(2) {
	top: 144px;
}

.bullet span {
	display: block;
	font-size: 18px;
	font-weight: 400;
}

.article-id101 header .logo img,
.article-id360 header .logo img {
	width: 100%;
}

.article-id101 .showroom h3,
.article-id360 .showroom h3,
.article-id101 .teaser-nav,
.article-id360 .teaser-nav {
	display: block;
}

.article-id101 .showroom h3,
.article-id360 .showroom h3 {
	margin-top: 122px;
}

.article-id101 .showroom,
.article-id360 .showroom {
	height: 577px;
}

.article-id101 .noborder-top {
	padding-top: 144px;
}

.article-id101 .noborder-bottom {
	padding-bottom: 144px;
}

.article-id101 .border-top {
	border-top: 2px dashed #ddd;
	padding-top: 77px;
	margin-top: 77px;
}

.article-id101 .border-bottom {
	border-bottom: 2px dashed #ddd;
	padding-bottom: 77px;
	margin-bottom: 77px;
}

.article-id116 .grid2 p {
	border: 1px solid #ddd;
	border-radius: 44px;
	padding: 12px 44px;
	width: fit-content;
	font-size: 24px;
	margin: 0;
}

.article-id123 section {
	position: relative;
}

.article-id123 section a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px;
}

.article-id123 section dd {
	border-top: 1px dotted #ddd;
	line-height: 44px;
}

.article-id123 section dd:last-child {
	border-bottom: 1px dotted #ddd;
}

.article-id123 .troubleshoot-grid {
	display: flex;
	justify-content: space-between;
}

.article-id123 .grid-col {
	width: 50%;
}

.article-id123 main li a::before,
.article-id500 main li a::before {
	display: none;
}

.article-id126 h3 {
	font-weight: 600;
	margin: 44px 0 24px;
	color: #00a8d5;
}

.article-id127 .faq-wrapper {
	margin: 0;
}

.article-id127 .faq-wrapper li div {
	display: block !important;
}

.article-id127 .faq-wrapper li,
.article-id127 .faq-wrapper li:hover {
	font-weight: 600;
}

.article-id127 .faq-wrapper li i {
	float: none;
	line-height: inherit;
	display: none;
}

.article-id127 .faq-wrapper li p {
	margin: 18px 0 0;
	padding: 0;
}

.article-id127 h4 {
	font-size: 24px;
	line-height: 32px;
	margin: 32px 0 24px;
	border-top: 1px dotted #ccc;
	padding-top: 32px;
}

.article-id177 .grad,
.article-id180 .grad,
.camper .grad,
.camper.centerline h4,
.camper .btn,
.article-id177 .btn,
.article-id178 .btn {
	background-image: linear-gradient(90deg, #00a670, #91a300);
}

.article-id211 section dt {
	font-weight: bold;
	margin: 18px 0 4px;
}

.article-id211 .alphabetical-index li {
	width: auto;
	border: 1px solid #ddd;
	border-radius: 7px;
}

.article-id211 .alphabetical-index li:hover {
	border: 1px solid #999;
}

.article-id211 .alphabetical-index li a {
	padding: 0 18px;
	display: block;
	border: 0;
}

.article-id211 .alphabetical-index li a::before {
	display: none;
}

.article-id211 ul li ul {
	margin: 0;
}

.article-id211 ul li ul li {
	line-height: 32px;
	list-style: none;
}

.article-id211 ul li strong {
	margin: 32px 0 0;
	display: block;
}

.article-id260 h2 {
	color: #333;
	font-size: 28px;
}

.article-id260 h3 {
	color: #00a8d5;
	font-size: 24px;
	margin: 32px 0 12px;
}

.article-id260 .cta-box h3 {
	margin: 12px 0 24px;
	font-size: 32px;
	text-transform: uppercase;
}

.article-id260 .item-page {
	background: #fff;
	padding: 32px;
	border-radius: 5px;
	margin: 24px auto 111px;
}

.article-id261 .item-content h1.grad,
.article-id263 .item-content h1.grad {
	display: none;
}

.article-id261 .item-content h2,
.article-id263 .item-content h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 44px;
	margin: 0 0 18px;
}

.article-id261 .item-content button.back {
	display: none;
}

.article-id261 h1.grad,
.box100 .textwrap h4 {
	display: none;
}

.article-id263 .back {
	display: none;
}

.article-id499 .system {
	display: none;
}

.article-id499 .box33 {
	margin-right: 18px;
}

.article-id499 .product-wrapper {
    display: block;
}

.article-id499 .com-content-article__body li {
    padding-top: 0;
    padding-bottom: 0;
  line-height: 43px;
}

.article-id499 .product-wrapper img {
    margin: 0;
}

.article-id500 article p.grad {
	font-size: 24px;
	line-height: 32px;
	margin: 12px 0;
	font-weight: bold;
}

.article-id500 article strong,
.article-id123 section dt {
	line-height: 44px;
}

.article-id127,
.article-id260,
.article-id500,
.article-id123 {
	background: #f3f3f3;
}

.article-id127 main .faq-wrapper li,
.article-id500 main article,
.article-id123 main section {
	border: 1px solid #ddd;
	padding: 24px;
	background: #fff;
	border-radius: 7px;
	margin-bottom: 18px;
}

.article-id127 main li h3,
.article-id500 main article h3,
.article-id123 main section h3 {
	margin: 0;
	border-bottom: 4px dotted #ccc;
	padding-bottom: 18px;
	font-size: 24px;
}

h3.offer {
	font-size: 44px;
	line-height: 56px;
}

#__EAAPS_PORTAL .btn,
#__EAAPS_PORTAL button {
	padding: 0 !important;
	line-height: normal !important;
}

.cSzmvQ {
	background-color: #fff !important;
	box-shadow: none !important;
}

.eXqng {
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
}

.fBqLhK:hover,
.fBqLhK {
	background: none;
}

.heTHSI {
	background: none;
}

.ijCDQy {
	display: block !important;
}

.duBwSz {
	padding: 0 !important;
	margin-bottom: 24px !important;
}

.bLiMHw {
	padding: 0 0 18px !important;
}

.box33 .kwbQVe,
.box33 .gocgRC {
	padding: 0 !important;
	width: auto !important;
}

.box45 .rating-small .gocgRC {
	padding: 0;
	width: auto;
}

button.BadgeCloseButton__CloseButton-sc-94a35936-2 {
	background: none !important;
}

#beispielrechnung {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.article-id131 main img {
    border-radius: 4px;
    margin: 24px 0;
}

.rating-small .eIFjvn {
    width: fit-content!important;
    padding: 0!important;
}

.slogans {
    text-align: center;
}

.slogans .slogan-main {
    font-size: 77px;
    line-height: 99px;
    font-weight: bold;
    padding: 0 77px;
  white-space: pre-line;
}

.slogans .slogan-sub {
    font-size: 38px;
    line-height: 52px;
    padding: 0 177px;
    margin-top: 18px;
}

.MtkJn {
    padding: 0!important;
}

form .options .option {
    border: 0;
    background: transparent;
    padding: 0;
    display: flex;
    line-height: 40px;
    color: #111;
    justify-content: space-between;
}


.j2store-addtocart-form .option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.j2store-addtocart-form .option label {
    padding: 0 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
    color: #333;
    transition: all 0.2s ease;
    margin-right: 6px;
    line-height: 40px;
}

.j2store-addtocart-form .option label:hover {
    border-color: #ccc;
    background-color: #ccc;
}

.j2store-addtocart-form .option input[type="radio"]:checked + label {
    border-color: #111;
    background-color: #111;
    color: #fff;
    font-weight: bold;
}

.row-fluid .span6 h3,
.buttons-left,
.badge.label-inverse.text-bg-dark,
.options .option br,
.product-stock-container,
.product-qty {
  display: none!important;
}

.text-success a {
    display: block;
    font-weight: bold;
    border: 0;
}

.j2store-addtocart-form {
    margin-top: 0;
}

.j2store_cart_module_207 h3 {
    margin: 0;
}

.j2store_cart_module_207 .container {
    padding: 0;
    display: block;
    text-align: right;
    color: #fff;
}

.j2store-cart {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    color: #000;
}

.j2store-cart-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 32px;
}

.j2store-cart-table thead tr {
    border-bottom: 2px dotted #ccc
}

.j2store-cart-table thead th {
    padding: 14px 18px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: none;
}

.j2store-cart-table tbody tr {
    border-bottom: 1px dotted #ddd;
    transition: background 0.2s ease;
}

.j2store-cart-table tbody tr:hover {
    background: #f5fdff;
}

.j2store-cart-table td {
    padding: 18px;
    vertical-align: middle;
    border: none;
}

.cart-product-name {
    font-size: 21px;
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.cart-item-options small {
    color: #00a6a2;
    font-size: 15px;
}

.cart-item-title {
    color: #999;
    font-size: 14px;
    display: block;
}

.cart-item-value {
    font-size: 18px;
    font-weight: 600;
}

.cart-line-subtotal {
    font-size: 21px;
    font-weight: 700;
    color: #000;
    white-space: nowrap;
}

.product-qty input[type="number"] {
    width: 64px;
    padding: 6px 10px;
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    margin-right: 8px;
}

.j2store-remove {
    background: transparent !important;
    color: #ccc !important;
    border: 1px solid #ddd !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
    line-height: 32px !important;
    max-height: 36px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.j2store-remove:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #dc2626 !important;
    transform: none;
}

.j2store-cart-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 18px 0 32px;
    flex-wrap: wrap;
    gap: 12px;
}

.buttons-left {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cart-continue-shopping-button input[type="button"] {
    background: #fff !important;
    color: #00a6a2 !important;
    border: 2px solid #00a6a2 !important;
    font-size: 16px !important;
}

.cart-continue-shopping-button input[type="button"]:hover {
    background: #f5fdff !important;
    border-color: #00a8d5 !important;
    color: #00a8d5 !important;
}

.cart-update-button input[type="submit"] {
    background: #f59e0b !important;
    font-size: 16px !important;
}

.cart-update-button input[type="submit"]:hover {
    background: #d97706 !important;
}

#j2store-cart-modules label[for="shipping_estimate"],
#j2store-cart-modules > label {
    display: inline-block;
    cursor: pointer;
    color: #00a6a2;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    text-decoration: underline;
    text-decoration-style: dotted;
}

#shipping {
    background: #f5fdff;
    border-left: 5px solid #00a8d5;
    border-radius: 7px;
    padding: 24px;
    margin-top: 12px;
}

#shipping table td {
    padding: 8px 12px;
    font-size: 16px;
    vertical-align: middle;
}

#shipping select,
#shipping input[type="text"] {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    min-width: 220px;
}

#shipping select:focus,
#shipping input[type="text"]:focus {
    outline: none;
    border-color: #00a6a2;
    box-shadow: 0 0 0 2px rgba(0, 166, 162, 0.15);
}

#button-quote {
    margin-top: 12px;
    font-size: 16px !important;
}

.cart-footer {
    width: 100%;
    border-collapse: collapse;
}

.cart-footer tr th,
.cart-footer tr td {
    padding: 14px 18px;
    border-bottom: 1px dotted #ddd;
    font-size: 18px;
}

.cart-footer tr:last-child th,
.cart-footer tr:last-child td {
    border-bottom: none;
    font-size: 24px;
    font-weight: 700;
    padding-top: 18px;
}

.cart-footer tr:nth-child(2) th,
.cart-footer tr:nth-child(2) td {
    color: #666;
    font-size: 15px;
}

.cart-checkout-button .btn-success {
    background: #d10085 !important;
    font-weight: bold;
    border-radius: 50px;
    padding: 0 32px;
    font-size: 21px;
    display: block;
    text-align: center;
    margin-top: 18px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.cart-checkout-button .btn-success:hover {
    background: #a8006b !important;
    transform: translateY(-2px);
}

.cart-item-info a.link {
    color: #fff;
    font-size: 24px;
}

.box45 .rating-small {
    margin-bottom: 12px;
}

.product-price-container .sale-price {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 48px;
}

.text-success {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 12px;
    color: green;
}

.options .option b {
  margin-right: 12px;
}

form .options {
    height: 42px;
    margin-bottom: 12px;
}

#system-message h4 {
    margin: 0 0 12px;
}

.j2store-cart,
#j2store-checkout-content{
    padding: 32px;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    background: #fff;
}

.article-id.j2c-4-1-1 {
    background: rgba(0, 166, 162, 0.06);
}








#billing-address,
#shipping-address,
#shipping-payment-method,
#confirm,
#checkout {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 18px;
}

.checkout-heading {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 18px 28px;
  background: rgba(0, 166, 162, 0.06);
  color: #333;
  border: 1.5px solid rgba(0, 166, 162, 0.15);
  margin-bottom: 24px;
}

.checkout-heading span {
  color: inherit;
}

.checkout-heading a {
  float: right;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #00a6a2;
  text-decoration: underline;
  cursor: pointer;
}

.checkout-content {
  padding: 28px 28px 24px;
}

#shipping-address .checkout-content:empty,
#shipping-payment-method .checkout-content:empty,
#confirm .checkout-content:empty {
  padding: 0;
}

.control-label label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #666;
  display: block;
  margin-bottom: 4px;
}

.j2store_field_required {
  color: #00a6a2;
  margin-left: 2px;
}

.controls input.form-control,
.controls select.form-select,
.controls textarea {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  color: #000;
  background: #fff;
  border: 1.5px solid #ddd;
  border-radius: 4px;
  padding: 8px 16px;
  width: 100%;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  appearance: none;
  -webkit-appearance: none;
  line-height: 1.4;
  height: auto;
  box-shadow: none;
}

.controls input.form-control:focus,
.controls select.form-select:focus,
.controls textarea:focus {
  border-color: #00a6a2;
  box-shadow: 0 0 0 3px rgba(0, 166, 162, 0.12);
}

.controls select.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300a6a2' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

.control-group {
  margin-bottom: 0;
}

#billing-address .checkout-content .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 28px;
}

#billing-address .checkout-content .col-md-6 {
  width: 100%;
  float: none;
  padding: 0;
}

#billing-address .checkout-content .col-md-6 br {
  display: none;
}

#billing-address .checkout-content .col-md-6 .control-group {
  margin-bottom: 18px;
}

.checkout-content input {
  display: inline-block !important;
  margin: 0 !important;
}

.col-md-11.shipping-make-same {
  grid-column: 1 / -1;
  padding: 16px 20px !important;
  background: rgba(0, 166, 162, 0.04);
  border-radius: 4px;
  border: 1.5px solid rgba(0, 166, 162, 0.15);
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  clear: both;
  width: 100%;
}

.col-md-11.shipping-make-same input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #00a6a2;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}

.col-md-11.shipping-make-same label {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #000;
  cursor: pointer;
  margin: 0;
}

.col-md-11.shipping-make-same br {
  display: none;
}

.buttons {
  padding-top: 24px;
  display: flex;
  justify-content: flex-end;
}

.buttons .left {
  float: none;
}

.j2error {
  color: #c0392b;
  font-size: 13px;
  margin-top: 4px;
  display: block;
}

.warning.alert-danger,
.warning {
  background: #fff5f5;
  border: 1px solid #f5c6cb;
  border-left: 4px solid #c0392b;
  border-radius: 4px;
  padding: 14px 18px;
  margin-bottom: 20px;
  font-size: 15px;
  color: #721c24;
}

span.wait img {
  vertical-align: middle;
  margin-left: 8px;
}

#onCheckoutShipping_wrapper h3,
#onCheckoutPayment_wrapper h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #666;
  margin: 0 0 14px;
  padding: 0;
}

#shippingcost-pane {
  padding: 24px 28px;
  margin-bottom: 16px;
}

#onCheckoutPayment_wrapper {
  padding: 24px 28px;
  margin-bottom: 16px;
}

#onCheckoutShipping_wrapper input[type="radio"],
#onCheckoutPayment_wrapper input[type="radio"] {
  accent-color: #00a6a2;
  width: 18px;
  height: 18px;
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
}

#onCheckoutShipping_wrapper label,
#onCheckoutPayment_wrapper label {
  font-size: 17px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1.5px solid #ddd;
  border-radius: 4px;
  margin-bottom: 8px;
  width: 100%;
  transition: border-color 0.2s, background 0.2s;
}

#onCheckoutShipping_wrapper label:hover,
#onCheckoutPayment_wrapper label:hover {
  border-color: #00a6a2;
  background: rgba(0, 166, 162, 0.03);
}

#onCheckoutPayment_wrapper label:has(input[type="radio"]:checked) {
  border-color: #00a6a2;
  background: rgba(0, 166, 162, 0.05);
}

.note-payment_banktransfer span {
  width: 99px;
  display: inline-block;
}

#checkbox_tos {
    background: rgba(0, 166, 162, 0.04);
    border: 1.5px solid rgba(0, 166, 162, 0.2);
    border-radius: 4px;
    padding: 16px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    height: 56px;
}

#checkbox_tos input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #00a6a2;
  cursor: pointer;
  flex-shrink: 0;
}

#checkbox_tos label,
#checkbox_tos label#tos_check {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #000;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  width: auto;
  display: inline;
}

#checkbox_tos label a {
  color: #00a6a2;
  text-decoration: underline;
}

#checkbox_tos label a:hover {
  color: #00a8d5;
}

#checkbox_tos .j2error {
  width: 100%;
  flex-basis: 100%;
}

.shipping_element {
  font-size: 15px;
  color: #666;
  margin-top: 8px;
  padding: 8px 12px;
  background: #f7f9f9;
  border-radius: 4px;
}

#j2store-checkout h1 {
  font-family: "Bitter", serif;
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 32px;
  background: linear-gradient(90deg, #00a6a2, #00a8d5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#shipping_shipping_standard_abholung,
#shipping_shipping_standard_dhl-versand {
    position: absolute;
    margin-top: 16px !important;
    margin-left: 16px !important;
}

#onCheckoutShipping_wrapper label {
  padding: 12px 16px 12px 44px;
}

.note-payment_banktransfer {
    line-height: 32px;
    border-top: 2px dashed #ccc;
    border-bottom: 2px dashed #ccc;
    padding: 32px 0;
    margin: 0 0 32px;
}

  .j2store-myprofile {
    margin: 0 auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 32px;
  }
 
  .j2store-myprofile h3 {
    font-family: "Bitter", serif;
    font-size: 32px;
    line-height: 44px;
    margin: 0 0 24px;
    background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .nav-tabs {
    list-style: none;
    display: flex;
    gap: 0;
    border-bottom: 2px solid #ddd;
    margin: 0 0 24px;
    padding: 0;
  }
 
  .nav-tabs .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 600;
    color: #666;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
  }
 
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-link:hover {
    color: #00a6a2;
    border-bottom-color: #00a6a2;
  }

  .table-responsive {
    overflow-x: auto;
  }
 
  .table {
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
  }
 
  .table thead th {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #999;
    padding: 12px 16px;
    border-bottom: 2px solid #ddd;
    text-align: left;
    white-space: nowrap;
  }
 
  .table tbody td {
    padding: 16px;
    border-top: 1px dotted #ccc;
    vertical-align: middle;
    color: #111;
  }
 
  .table tbody tr:first-child td {
    border-top: none;
  }
 
  .table tbody tr:hover td {
    background: #f9fdfd;
  }
 
  .table tfoot td {
    padding: 12px 16px;
    border-top: 1px dotted #ccc;
    color: #999;
    font-size: 14px;
  }

  .label.label-warning {
    display: inline-block;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #f59e0b;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    white-space: nowrap;
  }

  .j2store-order-action-icons {
    display: flex;
    gap: 8px;
    align-items: center;
  }
 
  .j2store-order-action-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
  }
 
  .j2store-order-action-icons a:hover {
    background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
    border-color: transparent;
    color: #fff;
  }

  .amount {
    font-weight: 600;
  }

.table tfoot.cart-footer td {
    color: #000!important;
}

.product-price-container .sale-price {
    position: absolute;
    margin-top: 59px;
    margin-left: 111px;
}