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

@media only screen and (max-width: 1280px) {
	html,
	body {
		overflow-x: hidden;
		max-width: 100vw;
	}

	body {
		font-size: 16px;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	h1 {
		font-size: 37px;
		line-height: 44px;
	}

	h2 {
		font-size: 36px;
		line-height: 44px;
	}

	h3 {
		font-size: 27px;
		line-height: 44px;
		margin: 0 0 32px;
		color: #333;
	}

	.productdetails-view,
	.browse-view,
	.category-view,
	#redim-cookiehint,
	#system-message-container,
	.visforms-form,
	.category_description,
	.content-category,
	.com-content-category-blog,
	.mod-breadcrumbs__wrapper {
		width: 100%;
	}

	.mod-breadcrumbs__wrapper,
	.blog,
	.container,
	.com-content-category,
	.item-page {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
	}

	.com-content-category .content-category {
		width: 100%;
	}

	.article-id128 .product-wrapper.container,
	.article-id130 .product-wrapper.container {
		width: 100%;
	}

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

	.no-mobile {
		display: none !important;
	}

	.btn,
	button,
	input[type="button"],
	input[type="submit"] {
		font-size: 18px;
		padding: 0 18px;
	}

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

	.article-id101 header,
	.article-id177 header {
		background-size: 130%;
	}

	.article-id101 .showroom,
	.article-id177 .showroom {
		height: 400px;
	}

	.showroom h3 {
		margin: 77px 0 0;
		font-size: 56px;
	}

	.showroom h3 span.subline {
		text-align: center;
	}

	.vorteile-out li {
		min-height: 168px;
	}

	.vorteile-out .box20 h5 {
		font-size: 28px;
		margin: 0;
		line-height: 28px;
	}

	.vorteile-out .box20 h6 {
		font-size: 21px;
		margin: 6px 0 12px;
	}

	.box20 small {
		display: block;
		font-size: 16px;
		margin: 0 auto 44px;
	}

	.box25 {
		width: 23%;
		padding: 0 1%;
	}

	.box33 .btn {
		width: 100%;
		padding: 0;
	}

	.box33 h5 {
		font-size: 27px;
	}

	.product-wrapper h3 {
		font-size: 22px;
	}

	.product-wrapper img {
		margin: 0 0 24px;
	}

	.product-wrapper li span {
		width: 224px;
	}

	.product-wrapper h4 {
		max-height: 21px;
	}

	.benefits-box {
		padding: 19px;
		width: 175px;
	}

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

	#mod-custom114 .product-wrapper h4 {
		min-height: 84px;
	}

	#mod-custom114 .btn,
	#mod-custom122 .btn {
		margin-top: 14px;
	}

	.montageservice-out img {
		max-height: 188px;
		margin: 0 auto 44px;
	}

}

@media only screen and (max-width: 1024px) {
	h2 {
		font-size: 32px;
		line-height: 44px;
	}

	p {
		line-height: 1.6rem;
		margin-bottom: 1.4rem;
	}

	.article-id101 .showroom h3,
	.article-id177 .showroom h3 {
		margin-top: 44px;
	}

	.article-id101 .showroom,
	.article-id177 .showroom {
		height: 330px;
	}

	.showroom h3 {
		font-size: 44px;
	}

	.showroom h3 span.subline {
		font-size: 32px;
		line-height: 32px;
	}

	.teaser-nav {
		right: 32px;
	}

	.centerline h2 {
		font-size: 40px;
	}

	.centerline h4 {
		font-size: 28px;
	}

	.box50 {
		width: 45%;
	}

	.box45 {
		width: 52%;
	}

	.box33 h5 {
		font-size: 24px;
	}

	.product-wrapper h3 {
		font-size: 20px;
		line-height: 32px;
		margin: 0;
	}

	.product-wrapper ul ul {
		width: 268px;
	}

	.product-wrapper li span {
		width: 184px;
	}

	.vorteile-out li {
		min-height: 192px;
	}

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

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

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

	.box33-wrapper .box33 p {
		min-height: 173px;
	}

	.benefits-wrapper {
		flex-wrap: wrap;
		padding: 0 24px;
	}

	.benefits-box {
		max-width: 144px;
		margin-right: 0;
	}

	.detail-wrapper h1 {
		font-size: 28px;
		line-height: 44px;
	}

	.detail-wrapper h2 {
		font-size: 21px;
		margin-bottom: 18px;
	}

	.detail-wrapper .price-box,
	.PricesalesPrice {
		font-size: 32px;
		margin-top: 26px;
	}

	.detail-extra-wrapper .box45 p i {
		margin-right: 0;
	}

	.detail-extra-wrapper .box45 p span {
		width: 132px;
	}

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

	.article-id128 #mod-custom114,
	.article-id128 #mod-custom122 {
		width: 100%;
	}

	footer {
		padding: 44px 0;
		margin-top: 44px;
	}

	.visCSSlabel {
		width: 40%;
	}

.visforms-form input[type="text"], 
  .visforms-form select, 
  .visforms-form input[type="email"] {
        width: 100%;
        padding-top: 0;
        line-height: 56px;
    }

	.visBtnCon {
		padding-top: 0;
	}

}

@media only screen and (max-width: 830px) {
	body {
		font-size: 16px;
		line-height: 22px;
	}

	h1 {
		font-size: 32px;
		line-height: 44px;
	}

	h2 {
		font-size: 27px;
		line-height: 40px;
	}

	h3 {
		font-size: 24px;
		line-height: 32px;
	}

	h4 {
		font-size: 21px;
		line-height: 32px;
		margin: 32px 0 12px;
	}

	p {
		line-height: 1.6rem;
		margin-bottom: 1.2rem;
	}

	header .categories li:last-child {
		display: none;
	}

	.article-id101 .showroom h3,
	.article-id177 .showroom h3 {
		margin-top: 32px;
	}

	.article-id101 .showroom,
	.article-id177 .showroom {
		height: 230px;
	}

	.showroom h3 {
		margin: 44px 0 0;
		font-size: 40px;
	}

	.showroom h3 span.subline {
		font-size: 28px;
	}

    .showroom .btn {
        margin: 12px 0 0;
        width: auto;
    }

	header {
		margin-bottom: 44px;
		width: 100%;
	}

	.article-id101 .logo img,
	.article-id177 .logo img {
		width: 70%;
	}

.centerline h2 {
        font-size: 32px;
        line-height: 40px;
        margin-top: 44px;
        padding: 0 18px;
    }

	.centerline h4 {
		font-size: 24px;
		margin-bottom: 44px !important;
		margin-top: 0;
	}

	.box25 {
		width: 46%;
	}

	.box33 h5 {
		font-size: 19px;
		line-height: 24px;
	}

	.benefits-box {
		padding: 0;
		margin: 0;
		min-height: 226px;
	}

	.benefits-box img {
		max-width: 50%;
	}

	.product-wrapper h3 {
		font-size: 21px;
		line-height: 28px;
		min-height: 56px;
	}

	.product-wrapper .listprice {
		font-size: 32px;
		line-height: 44px;
		margin: 0;
	}

	.product-wrapper .listprice span {
		line-height: 24px;
	}

	.product-wrapper small {
		line-height: 18px;
	}

    .custom-wrap {
		padding: 18px;
	}

	.product-wrapper h5 span {
		display: block;
		font-size: 24px;
	}

    .product-wrapper .box33 p {
		margin: 0 0 18px;
    }

	.product-wrapper li span {
		width: 154px;
	}

	.gutachten-out img {
		margin-right: 0;
		width: 30%;
	}

	.vorteile-out h6 {
		font-size: 16px;
		margin: 0 0 12px;
		line-height: 24px;
	}

	.vorteile-out .box25 h5 {
		font-size: 21px;
		margin: 0;
		line-height: 29px;
	}

	.gutachten-out,
	.vorteile-out {
		padding: 44px 0;
	}

	.montageservice-out h3 {
		margin: 0 0 12px;
		font-size: 21px;
		line-height: 29px;
	}

	.detail-extra-wrapper {
		margin: 44px 0;
		padding: 44px 0 0;
	}

	.detail-wrapper h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.detail-wrapper h2 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.detail-wrapper ul li {
		line-height: 24px;
	}

	.detail-wrapper .price-box span {
		font-size: 14px;
	}

	.detail-wrapper .price-box,
	.PricesalesPrice {
		font-size: 24px;
		margin-top: 14px;
		margin-left: 12px;
	}

	.detail-extra-wrapper .box45 p i {
		display: none;
	}

	.detail-extra-wrapper .box45 p span {
		width: 144px;
	}

	.fieldset-1.active .visCustomText {
		position: static;
		line-height: 24px !important;
		margin: 6px 0 12px 0 !important;
		font-size: 14px !important;
	}

	.visCSSlabel {
		width: 33%;
	}

	.visBtnCon {
		margin-bottom: 0;
		padding-top: 0;
	}

	.visform textarea {
		width: 100%;
	}

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

	.seotext-wrapper {
		margin: 77px auto !important;
	}

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

	footer {
		border-top: none;
	}

	#mod-custom114,
	#mod-custom122 {
		width: 100%;
	}

	#mod-custom114 .product-wrapper h4 {
		min-height: 104px;
	}

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

	.box33-wrapper {
		margin-top: 44px;
	}

	.box33-wrapper .box33 p {
		min-height: auto;
	}

	.finder-textblock ul {
		margin: 32px 0;
	}

	.finder-textblock h2 {
		font-weight: bold;
	}

	.finder-textblock,
	.flexwrap {
		display: block;
	}

	.textwrap:nth-child(2),
	.textwrap:last-child {
		width: 100%;
		padding: 0;
	}

	.frage-label {
		width: 100%;
	}

	img.blogimg {
		margin: 12px 0;
		max-width: 100%;
		height: auto;
	}

    .visCSStop0.visCSSmargLeft.visCSSrbinl {
        border-top: none;
        display: flex;
    }

  .slogans .slogan-main {
    font-size: 44px;
    line-height: 56px;
    padding: 0 32px;
    white-space: normal;
}

  .slogans .slogan-sub {
    font-size: 24px;
    line-height: 32px;
    padding: 0;
    margin-top: 12px;
}

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

  form#berater {
    margin-bottom: 44px;
}

}

@media (max-width: 768px) {
    .row-fluid .span6 {
        width: 100%;
        float: none;
        margin-bottom: 24px;
    }

    .j2store-cart-table thead {
        display: none;
    }

    .j2store-cart-table tbody td {
        display: block;
        padding: 8px 12px;
    }

    .j2store-cart-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

  #j2store-checkout-content {
    width: 92%;
    margin: 0 auto;
  }

  .cart-item-info a.link {
    font-size: 18px;
}

  .j2store-cart, #j2store-checkout-content {
    padding: 18px;
    border-radius: 8px;
}

#billing-address .checkout-content .row {
    display: block;
}

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

  .product-price-container .sale-price {
    position: static;
    margin-top: 0;
    margin-left: 0;
}

  form .options {
    margin-bottom: 0;
}

  .detail-wrapper .box45 li small {
    display: none;
}
  
}

@media only screen and (max-width: 430px) {
	h1 {
		font-size: 32px;
		line-height: 38px;
		margin: 44px 0 0;
	}

	h2 {
		font-size: 24px;
		line-height: 32px;
		font-weight: 400;
	}

	h3 {
		line-height: 32px;
		margin: 0 0 18px;
	}

	.seotext-wrapper h1,
	.nachhaltigkeit h2,
	.vorteile-out h2,
	.gutachten-out h2,
	.filterwechsel h2,
	.faq-wrapper h2,
	.blog h2.grad,
	.rating-out h2 {
		font-size: 32px;
		line-height: 44px;
	}

	.montageservice-out h2 {
		font-weight: bold;
		font-size: 32px;
		line-height: 44px;
		margin: 0;
	}

	h2.sub {
		margin: 6px 0 44px;
		font-size: 24px;
		line-height: 32px;
		font-weight: bold;
	}

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

    .mod-articlesnews__item h2.newsflash-title {
        font-size: 24px;
        font-weight: bold;
    }

	.centerline h2 span {
		display: none;
	}

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

	.centerline h4 {
		font-size: 18px;
		margin-top: 6px;
		line-height: 30px;
	}

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

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

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

	header .container {
		padding: 12px 0;
	}

	header .categories {
		display: none;
	}

	header {
		margin-bottom: 44px;
	}

	.mod-breadcrumbs__wrapper,
	.blog,
	.container,
	.content-category,
	.com-content-category,
	.item-page {
		width: 92%;
	}

	#mod-visform10 .inputbox,
	#mod-visform10 .field195,
	#mod-visform10 .field196,
	#mod-visform10 .field197,
	.box20,
	.box50,
	.box45,
	.item-page .container,
	.blog .container {
		width: 100%;
	}

	.showroom h3 {
		font-size: 38px;
		line-height: 44px;
      margin-bottom: 32px;
	}

	.showroom h3 span.subline,
	#mod-custom117 > div > div:nth-child(2) {
		display: none;
	}

	.article-id101 header,
	.article-id177 header {
		background-size: 266%;
	}

	.article-id101 .showroom,
	.article-id177 .showroom {
		height: 366px;
	}

	.article-id101 header .logo img,
	.article-id177 header .logo img {
		width: 60%;
	}

	.product-wrapper {
		display: block;
	}

	.product-wrapper h3 {
		font-size: 24px;
		line-height: 28px;
		min-height: 32px;
	}

	.product-wrapper img {
		width: 100%;
	}

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

	.product-wrapper ul ul {
		width: 88%;
	}

	.product-wrapper li span {
		width: 237px;
	}

	.product-wrapper h5 span {
		font-size: 27px;
	}

	#mod-custom114 .product-wrapper h4 {
		min-height: 74px;
	}

	#mod-custom114 .custom-wrap .btn {
		margin: 12px 0 0;
	}

	.vorteile-out li {
		min-height: auto;
	}

	.vorteile-out .box25 {
		margin: 44px 0 0;
		padding: 0 5%;
		width: 90%;
	}

	.vorteile-out .box33 img {
		margin: 0 auto 24px;
		width: 40%;
	}

	.vorteile-out h6 {
		font-size: 21px;
		margin: 0 0 12px;
		line-height: 27px;
	}

	.box33 h5 {
		font-size: 24px;
		line-height: 32px;
	}

	.gutachten-out img {
		margin: 0 0 0 50%;
		width: 80%;
		float: none;
		transform: translate(-50%);
		height: auto;
	}

	.montageservice-out .box50 {
		padding: 0 7%;
		width: 100%;
	}

	.montageservice-out .container > div:nth-child(2) {
		margin-top: 77px;
	}

	.box25 small {
		width: 100%;
		display: block;
		font-size: 16px;
	}

	.box33 {
		margin: 0 0 24px;
		padding: 18px;
		max-width: 100%;
	}

	.box33-wrapper .box33 p {
		min-height: auto;
	}

	.fir-ul,
	.box33-wrapper {
		flex-wrap: wrap;
	}

	.benefits-box {
		margin-bottom: 18px;
		max-width: 70%;
		width: 50%;
	}

	.benefits-box h4 {
		font-size: 21px;
		line-height: 32px;
		margin: 12px 0 6px;
	}

	.werft .container div,
	.custom-wrap .flex,
	header .logo,
	.montageservice-out .container,
	.product-wrapper,
	#mod-visform10 .fieldset-1 {
		display: block;
	}

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

.detail-wrapper h1 {
        font-size: 28px;
        line-height: 32px;
        margin: 32px 0 0;
    }

    .detail-wrapper h2 {
        font-size: 16px;
        margin: 0 0 12px;
        font-weight: 600;
    }

	.detail-wrapper .price-box {
		font-size: 32px;
		margin: 0;
		width: 100%;
	}

	.detail-wrapper .price-box span {
		font-size: 16px;
	}

	.detail-wrapper .box45 .btn {
		width: 100%;
		padding: 0 !important;
		margin: 0;
	}

.detail-wrapper .box45 small {
        padding: 12px 0 0;
        font-size: 16px;
    }

	.detail-wrapper .box50 {
		text-align: center;
	}

	.detail-extra-wrapper .box50 {
		text-align: left;
	}

	.detail-extra-wrapper h6 {
		font-size: 24px;
		margin: 24px 0 12px;
		font-weight: 600;
	}

	.detail-extra-wrapper .box45 p span {
		width: 166px;
	}

	.detail-wrapper ul li span {
		width: 211px;
	}

	.filterwechsel {
		padding: 24px;
		height: 140px;
	}

	.filterwechsel.filterwechsel-ext {
		height: auto;
	}

	.filterwechsel #toggleLink {
		padding: 14px;
	}

	.filterwechsel .visform .btn {
		margin-top: 32px;
	}

	button#field197_btn {
		width: auto;
		top: -6px;
	}

    .visCSSlabel {
        float: none;
        margin: 18px 0 0;
        width: 100%;
        line-height: 44px;
        font-size: 21px;
    }

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

	.visCSSrlinl {
		display: block;
		margin-bottom: 12px;
		line-height: 48px;
	}

.visBtnCon {
        display: block;
        margin-top: 0;
    }

  .visBtnCon .visCustomText small {
    margin: 0;
}

	.visBtnCon .visCustomText small {
		text-align: center;
	}

	.fieldset-1 p {
		font-size: 18px;
	}

	#mod-visform3 input.visToolTip,
	#mod-visform8 input.visToolTip,
	#mod-visform4 input.visToolTip,
	#mod-visform5 input.visToolTip,
	#mod-visform6 input.visToolTip {
		margin-top: 18px;
	}

	#mod-visform2 .visCustomText,
	#mod-visform3 .visCustomText,
	#mod-visform8 .visCustomText,
	#mod-visform4 .visCustomText,
	#mod-visform5 .visCustomText,
	#mod-visform6 .visCustomText {
		font-size: 18px;
	}

	#mod-visform2 .required .visCustomText,
	#mod-visform3 .required .visCustomText,
	#mod-visform8 .required .visCustomText,
	#mod-visform4 .required .visCustomText,
	#mod-visform5 .required .visCustomText,
	#mod-visform6 .required .visCustomText {
		margin-left: 44px;
		margin-bottom: 24px;
		line-height: 24px;
		border: 0;
	}

	#mod-visform10 .inputbox {
		line-height: 44px;
		margin-top: 24px;
	}

	.visform .btn {
		border: 0;
		padding: 0;
		width: 100%;
	}

	.btn,
	button,
	input[type="button"],
	input[type="submit"],
	#redim-cookiehint .cookiebuttons a.btn {
		width: 100%;
		font-size: 21px;
	}

	input[type=checkbox],
	input[type=radio] {
		width: 24px;
		height: 24px;
		margin: 12px 9px 0 0;
	}

	button.back {
		position: static;
		margin: 18px 0;
	}

	.article-id127 h4 {
		font-size: 21px;
		line-height: 27px;
		margin: 32px 0 12px;
	}

	footer .links ul li {
		display: block;
		border-top: 1px dotted #ccc;
	}

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

	footer .links a {
		margin: 0;
		line-height: 77px;
		font-size: 21px;
		font-weight: 400;
	}

	footer small {
		text-align: center;
		margin-bottom: 44px;
	}

	.menu-popup {
		padding: 44px 44px 44px 24px;
	}

	.menu-popup li a,
	.menu-popup li a i {
		line-height: 56px;
		font-size: 18px;
	}

	.menu-popup li a i {
		font-size: 21px;
	}

	.com-content-category-blog.blog button.back,
	.mod-breadcrumbs__wrapper {
		display: none;
	}

    .shipping {
        padding: 32px 24px 32px 24px;
    }

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

	.shipping h5 {
		margin: 12px 0 24px;
		font-size: 18px;
	}

	.partner {
		opacity: 0.8;
		padding-top: 32px;
	}

	.img-badge {
		height: 30px;
		width: auto;
		margin-right: 24px;
	}

	#topbtn {
		width: 56px;
		position: fixed;
		bottom: 32px;
		left: 50%;
		transform: translateX(-50%);
	}

	.category-desc h1,
	.page-header h1 {
		margin: 0 0 18px;
		font-size: 32px;
		line-height: 44px;
	}

	.article-id260 h2 {
		font-weight: 600;
	}

	.article-id260 .page-header h1 {
		font-size: 28px;
		line-height: 36px;
	}

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

	.elfsight-app-556517fc-df49-4258-938d-04f165e508c2 {
		display: none;
	}

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

#mod-custom119 .box33 h5 {
        font-size: 32px;
        line-height: 32px;
    }

  .article-id260 .item-page {
    padding: 18px;
}

  .imlMPO {
    display: none!important;
    }

  small {
    font-size: 0.8rem;
}

  .detail-wrapper {
    padding-top: 12px;
}

  .detail-wrapper ul li {
        line-height: 44px;
    }

      .detail-extra-wrapper {
        margin: 0 0 44px 0;
    }

  .box50 h3,
  .box45 h3 {
        line-height: 32px;
        margin: 32px 0 18px;
        font-size: 28px;
    }
  
 .box50 h4 {
        font-size: 28px;
    }

  .fieldset-1.active .visCustomText {
        padding-top: 12px;
    }

  .j2store-cart .col-md-12,
  .j2store-cart .col-md-6 {
    padding: 0;
  }

  #shippingcost-pane,
  #onCheckoutPayment_wrapper {
    padding: 24px 0;
}

}