.clear,
article,
aside,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
a,
a:hover {
  text-decoration: none;
  cursor: pointer !important;
}
.blog .items-more,
.clear,
.clrflt {
  clear: both;
}
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;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
abbr,
acronym,
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
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:after,
q:before {
  content: "";
}
.clear {
  font-size: 1px;
  line-height: 1px;
  height: 0;
}
a {
  outline: 0;
}
body {
  color: #222;
  font-size: 18px;
  line-height: 24px;
  background: #fff;
  font-family: "Roboto Condensed", sans-serif;
}
html {
  -webkit-text-size-adjust: 100%;
}
strong, b {
    font-weight: bold;
}
h1 {
  font-family: "Bitter", serif;
  font-size: 44px;
  line-height: 56px;
}
h2 {
  font-family: "Bitter", serif;
  font-size: 44px;
  line-height: 56px;
  font-weight: 600;
}
h2.sub {
  font-family: "Roboto Condensed", sans-serif;
      font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    margin: 12px 0 44px;
}
h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0 18px;
}
.itemid-101 h3 {
  color: #999;
}
h4 {
  font-size: 21px;
  line-height: 28px;
  margin: 18px 0 12px;
}
h5 {
  margin: 18px 0 8px;
}
h6 {
}
a {
  color: #000;
}
p {
  line-height: 1.8rem;
  margin-bottom: 1.6rem;
}
p:last-child {
  margin-bottom: 0;
}
small {
    color: #888;
    font-size: 0.9rem;
}

.com-content-category-blog__item.blog-item h2,
.grad {
  background-image: linear-gradient(90deg, #80b000, #00b036);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.com-content-category-blog.blog,
.container,
.item-page,
#redim-cookiehint,
.category_description,
#system-message-container,
.visforms-form {
  width: 1280px;
  margin: 0 auto 0 auto;
}
.item-page,
.productdetails-view,
.item-content {

}
.btn,
button,
input[type="button"],
input[type="submit"],
#redim-cookiehint .cookiebuttons a.btn {
  background-image: linear-gradient(90deg, #80b000, #00b036);
  text-transform: uppercase;
  font-size: 21px;
  color: #fff;
  font-weight: 400;
  line-height: 56px;
  display: inline-block;
  padding: 0 24px !important;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  border: 0 !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  letter-spacing: 0;
  cursor: pointer;
  transition: background-image 0.5s ease;
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
#redim-cookiehint .cookiebuttons a.btn:hover {
  background-image: linear-gradient(90deg, #00b036, #80b000);
}
input[type="button"] {
  padding: 12px 24px;
}
.btn2 {
  background: #fff;
  text-transform: uppercase;
  font-size: 18px;
  color: #00a8d5;
  font-weight: 400;
  line-height: 44px;
  display: inline-block;
  padding: 0 18px;
  text-align: center;
  border: 2px solid #00a8d5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
}
header .logo {
    display: flex;
}
header.sticky .logo {

}
header.sticky .showroom {
  display: none;
}
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 0 0 0;
}
header .categories {

}
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: 70%;
}
.article-id101 header .logo img,
.article-id177 header .logo img {
    width: 100%;
}
header .menu i {
  font-size: 44px;
  color: #fff;
  cursor: pointer;
}
header .menu .menu-popup i {
  font-size: 18px;
}
header .menu-popup i.material-symbols-outlined {
  color: #000;
  line-height: 24px;
}
.menu-popup {
  background: #fff;
  padding: 44px;
  position: fixed;
  right: 0;
  top: 0;
  min-height: 1080px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 1;
  min-width: 288px;
}
.menu-popup li a {
  display: block;
  line-height: 44px;
  border-top: 1px dotted #ddd;
}
.menu-popup li:hover a {
  font-weight: bold;
}
.menu-popup li:last-child a {
  border-bottom: 1px dotted #ddd;
}
.menu-popup ul {
  margin-bottom: 44px;
}
.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;
}
.showroom {
  text-align: center;
	position: relative;
}
.itemid-101 .showroom {
  display: block;
}
.prinzip-wrapper {
  text-align: center;
  margin: 77px auto;
}
.centerline h2 {
  font-size: 44px;
  color: #333;
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
}
.centerline h4 {
  margin: 6px 0 77px;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  color: #999;
  line-height: 44px;
}
.benefits-wrapper {
  margin: 77px auto;
  display: flex;
  justify-content: space-between;
}
.benefits-box {
  padding: 32px;
  margin-right: 25px;
  width: 170px;
  text-align: center;
  border: 1px solid #fff;
  min-height: 266px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.benefits-box:nth-child(5n) {
  margin-right: 0;
}
.benefits-box p {
  color: #999;
}
.prinzip-wrapper {
}
.seotext-wrapper {
  margin: 111px auto;
}
.rating-out {
  border-top: 1px dashed #ddd;
  padding: 77px 0 0;
  margin: 77px 0 0;
}
.box33 {
    border: 1px solid #ddd;
    padding: 2%;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    max-width: 28%;
}
.box33:nth-child(3),
.box33:last-child {
  margin-right: 0;
}
.box33:hover,
.product-wrapper.camper:hover {
  border: 1px solid #00a6a2;
}
.box33 h5 {
  font-size: 32px;
  text-transform: uppercase;
  margin: 12px 0 18px;
  line-height: 32px;
}
.vorteile-out h5 {
  font-size: 32px;
  text-transform: uppercase;
  margin: 12px 0 0;
  line-height: 32px;
}
.vorteile-out h6 {
  font-size: 24px;
  margin: 6px 0 18px;
  line-height: 32px;
}
.vorteile-out .box25 {
  text-align: center;
}
.vorteile-out .box25 h5 {
  font-size: 24px;
  text-transform: none;
  margin: 12px 0 0;
  line-height: 32px;
}
.vorteile-out .box25 h6 {
  font-size: 18px;
  margin: 0 0 18px;
  line-height: 24px;
  font-weight: 400;
}
.box25 small {
    width: 94%;
    display: block;
    font-size: 16px;
    line-height: 21px;
}
.box25 {
  width: 25%;
}
.box50 {
  width: 50%;
  overflow: hidden;
  position: relative;
}
.box50 img {
    width: 100%;
}
.detail-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.detail-extra-wrapper {
  border-top: 1px dotted #ccc;
  margin: 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-wrapper h1 {
  font-size: 32px;
  white-space: nowrap;
  line-height: 56px;
}
.detail-wrapper h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 24px;
}
.detail-extra-wrapper .box45 > p:nth-child(2) {
    padding: 0 0 12px 0;
}
.detail-extra-wrapper .box45 p span {
    display: inline-block;
    width: 164px;
}
.detail-extra-wrapper .box45 p i {
    color: #999;
	margin-right: 2px;
}
.detail-wrapper .price-box,
.detail-wrapper .btn {
  float: left;
  margin-top: 32px;
}
.detail-wrapper .price-box,
.PricesalesPrice {
  font-size: 44px;
  font-weight: 600;
  line-height: 56px;
  text-align: left;
  margin-left: 24px;
}
.detail-wrapper .price-box span {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #999;
}
.detail-wrapper ul li {
  line-height: 44px;
  border-top: 1px dotted #ddd;
  font-weight: 600;
}
.detail-wrapper .detail-extra-wrapper ul li:last-child {
	border-bottom: 1px dotted #ddd;
	padding-top: 0;
}
.detail-wrapper ul li:last-child {
	border-bottom: 1px dotted #ddd;
}
.detail-wrapper ul li span {
  display: inline-block;
  width: 243px;
  font-weight: 400;
}
.prinzip2-wrapper {
  margin: 77px auto;
  border-top: 1px solid #ddd;
  padding-top: 77px;
}
.box100 {
  width: 100%;
}
.box60 {
  width: 64.4%;
}
.box45 {
  width: 45%;
  position: relative;
}
#mod-custom139 .box45 {
    padding: 2.5%;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 44%
}
#mod-custom139 .box45:hover {
    border: 1px solid #00b036;
}
.box40 {
  width: 31.5%;
}
.prinzip2-wrapper .box40 img {
  margin-top: 32px;
}
.product-wrapper h4 {
  margin: 0 0 24px;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
}
.product-wrapper .listprice {
  font-size: 43px;
  font-weight: 600;
  line-height: 56px;
  margin: 18px 0 0;
}
.product-wrapper.camper {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.product-wrapper.camper .listprice {
    margin: 0 0 0 32px;
    display: inline-block;
}
.product-wrapper.camper .btn {
    float: left;
}
.product-wrapper .listprice span {
  font-size: 16px;
  font-weight: 400;
  color: #999;
}
.product-wrapper h5 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin: 24px 0 18px;
}
.product-wrapper h5 span {
    display: block;
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 44px;
}
.box45 .btn,
.box33 .btn {
  width: 100%;
  padding: 0 !important;
}
.product-wrapper img {
  margin: 0 0 24px;
  width: 100%;
  height: auto;
}
.product-wrapper li {
    line-height: 44px;
    border-top: 1px dotted #ccc;
}
.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;
}
.product-wrapper li i {
    bottom: -6px;
}
.product-wrapper li span {
  width: 222px;
  display: inline-block;
}
.itemid-134 .product-wrapper {
  margin-top: 44px;
  margin-bottom: 44px;
}
.faq-wrapper {
  margin: 77px auto 0;
}
.faq-wrapper .btn {
  margin: 32px 0 0;
}
.faq-wrapper li {
  line-height: 56px;
  font-size: 24px;
  border-top: 1px dotted #ddd;
  display: block;
  cursor: pointer;
  font-weight: 400;
}
.faq-wrapper li.bold {
  font-weight: 600;
}
.faq-answer-box {
    display: none;
}
.faq-wrapper li:hover {
    font-weight: 600;
}
.faq-wrapper li div {
  font-weight: 400;
}
.faq-wrapper li:last-child {
  border-bottom: 1px dotted #ccc;
}
.faq-wrapper li i {
  float: right;
	    line-height: 50px;
}
.faq-wrapper h4 {
  margin: 12px 0 44px;
}
.faq-wrapper li p {
  font-size: 18px;
  line-height: 32px;
  margin-top: 24px;
  margin-bottom: 44px;
}
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 0 18px;
  line-height: 32px;
  display: inline-block;
  color: #333;
}
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;
}
#mod-custom114 {
	margin-bottom: 44px;
}
.product-wrapper h3 {
  font-size: 26px;
  font-weight: bold;
  margin: 13px 0 1px;
  color: #222;
}
.product-wrapper.camper {
    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 h4 {
    font-size: 18px;
    font-weight: normal;
    margin: 6px 0 24px;
    color: #00a8d5;
    line-height: 21px;
}
#mod-custom114 .product-wrapper h4,
#mod-custom139 .product-wrapper h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 6px 0 24px;
    color: #666;
    line-height: 24px;
}
.product-wrapper .box33 p {
  margin: 24px 0 0;
  font-size: 15px;
  color: #999;
}
.product-wrapper.listing h3 {
  font-size: 24px;
  margin: 0;
}
.listing .box33 {
  margin-bottom: 2.2%;
}
.outro-out {
  border-top: 1px dotted #ddd;
  padding-top: 77px;
  padding-bottom: 77px;
}
.itemid-135 .page-header,
.itemid-136 .page-header,
.itemid-137 .page-header {
  display: none;
}
.itemid-126 .bootstrap-wrapper .privacy-box label {
  font-weight: 400;
  margin: 24px 0 18px;
}
.box33-wrapper {
  margin-top: 77px;
  display: flex;
    justify-content: space-between;
}
.sfFieldWidth33,
.sfFieldWidth49 {
  padding-right: 18px;
}
.sfFieldWidth33:last-child {
  padding-right: 0;
}
.itemid-135 .product-wrapper,
.itemid-136 .product-wrapper,
.itemid-137 .product-wrapper {
  margin-top: 77px;
}
.product-wrapper small {
  color: #999;
  margin-top: 18px;
  display: block;
}
small.camper {
    color: #999;
    margin-top: 24px;
	float: left;
}
.allcenter {
  text-align: center;
}
.allcenter img {
  margin: 77px 0;
}

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

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

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

.montageservice-out .phone b,
.montageservice-out span b {
  font-weight: bold;
  font-size: 32px;
  color: #111;
  line-height: 44px;
}
.montageservice-out {
    margin: 77px auto;
    border-bottom: 2px dashed #ccc;
    padding-bottom: 77px;
}
.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 img {
    margin: 0 auto 77px;
    display: block;
    float: none;
	    max-height: 238px;
  width: auto;
}
.montageservice-out .phone {
  color: #999;
}
span.smalltext,
.vm-prices-info {
  display: block;
  color: #999;
}
.container.logobar {
  padding: 12px 0 77px;
  text-align: center;
}
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%;
}
.rating-out h3 {
  margin-bottom: 18px;
}

.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;
}
.outro-out p span {
  display: inline-block;
  width: 111px;
}
.arrow_box {
  min-height: 190px;
}
.box45 h5.grad {
  margin: 32px 0 12px;
}
.box45 p {

}
#redim-cookiehint .cookiebuttons .btn {
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.img-br {
  border: 1px solid #ddd;
  float: none;
}
.gutachten-out,
.vorteile-out {
    margin-bottom: 77px;
    border-bottom: 2px dashed #ccc;
    border-top: 2px dashed #ccc;
    padding: 77px 0;
}
.vorteile-out {
  margin-top: 77px;
}
.vorteile-out .box33 img {
    display: block;
    margin: 0 auto 32px;
    width: 50%;
    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;
}
em.more {
  color: #999;
  cursor: pointer;
}
.product-wrapper ul ul {
  position: absolute;
  background: #fff;
  width: 358.39px;
  margin-top: -45px;
  padding-bottom: 24px;
  z-index: 1;
}
#mod-custom139 .product-wrapper ul ul {
    width: 576px;
}
.gutachten-out img {
  float: right;
  margin-right: 44px;
}
.conditional.field23,
.conditional.field24,
.conditional.field25 {
  float: left;
  width: 33%;
}
.conditional .box33 {
  width: 90%;
  float: none;
  margin-bottom: 44px;
}
.fieldset-1 p {
  margin: 0;
  line-height: 62px;
}
.fieldset-1 .field27 p {
  line-height: 1.8rem;
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error {
  font-size: 18px;
  color: #f00;
  padding: 0;
  background-color: #fff;
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2)
  .errorcontainer:after {
  display: none;
}
.field27 .visCustomText {
  padding: 44px 0 18px;
}
.visBtnCon {
  text-align: right !important;
  clear: both;
  padding-top: 32px;
  margin-top: 44px;
  margin-bottom: 77px;
	    border: 0;
}
#modvisform109datenschutzlbl {
  width: auto;
}
.visforms-form select,
.visforms-form input[type="text"],
.visforms-form input[type="number"],
.visforms-form textarea,
.visforms-form input[type="email"] {
  border: 1px solid #ddd;
  padding: 13px 18px;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}
.visCSSlabel {
  font-weight: bold;
  line-height: 52px;
}
.vis_mandatory {
  display: none;
}
fieldset>div {
    border-top: 1px dotted #ccc;
}
fieldset>div.required {
    border-top: 0;
}

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

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

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn_whatsapp {
  background: #25d366 url(../../../images/logo_btn_whatsapp.jpg) no-repeat 18px 9px;
  padding: 0 24px 0 60px !important;
}
.btn_whatsapp:hover {
  background: #25d366 url(../../../images/logo_btn_whatsapp.jpg) no-repeat 18px 9px;
}
#mod-custom119 .box33 .btn {
  width: 100%;
  padding: 0 !important;
}
.visCSSlabel {
  display: block;
  float: left;
  margin-right: 12px;
  width: 30%;
  font-size: 1em;
  font-weight: bold;
  line-height: 62px;
	margin-top: 0;
}

#modvisform124datenschutzlbl,
#modvisform124agblbl,
#modvisform127datenschutzlbl,
#modvisform127agblbl,
#modvisform140datenschutzlbl,
#modvisform140agblbl,
#modvisform126datenschutzlbl,
#modvisform126agblbl,
#modvisform128agblbl,
#modvisform128datenschutzlbl,
#modvisform110datenschutzlbl {
  display: none;
}
.com-content-article__body p a::before, .visCustomText a::before {
    content: "\e157";
    font-family: 'Material Symbols Outlined';
    margin-right: 4px;
    position: relative;
    bottom: -3px;
}
.field26 .visCSStop10 {
  margin-top: 30px;
}
.field27 .fieldset-1 p {
  margin: 0;
  line-height: 24px;
}
#mod-custom114 .btn,
#mod-custom139 .btn,
#mod-custom122 .btn {
    margin: 12px 0;
}
.article-id101 .showroom h3,
.article-id177 .showroom h3,
.article-id101 .teaser-nav,
.article-id177 .teaser-nav {
	display: block
}
.article-id101 .showroom h3, 
.article-id177 .showroom h3 {
    margin-top: 122px;
}
.article-id101 .showroom,
.article-id177 .showroom {
    height: 577px;
}
header {
	background: url(/templates/wiw/images/showroom_wic_01.jpg) top center no-repeat;
    margin-bottom: 77px;
}
.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;
}
i.material-symbols-outlined {
    position: relative;
    bottom: -4px;
}
i.yes {
	color: green!important;
}
i.no {
	color: darkred!important;
}
.field74 input,
.field84 input,
.field108 input, 
.field131 input,
.field133 input,
.field165 input,
.field192 input,
.field194 input,
.field166 input,
.field149 input,
.field90 input,
.field148 input,
.field110 input,
#mod-visform3 input.visToolTip,
#mod-visform8 input.visToolTip,
#mod-visform9 input.visToolTip,
#mod-visform4 input.visToolTip,
#mod-visform5 input.visToolTip,
#mod-visform6 input.visToolTip {
    float: left;
    margin-top: 28px;
    margin-right: 7px;
}
#mod-visform2 .visCustomText, 
#mod-visform3 .visCustomText, 
#mod-visform9 .visCustomText, 
#mod-visform8 .visCustomText, 
#mod-visform4 .visCustomText, 
#mod-visform5 .visCustomText, 
#mod-visform6 .visCustomText {
    color: #999;
    line-height: 62px;
    margin: 0;
}
.visCSStop0 {
    padding-top: 0;
}
.visCSSinput, .editor {
    margin-top: 0;
}
.visforms-form input[type="text"],
.visforms-form select,
.visforms-form input[type="email"] {
    border: 0;
    border-bottom: 2px dotted #999;
	padding: 18px 0 4px;
}
.visforms-form input[type="text"]:focus,
.visforms-form input[type="textarea"]:focus,
.visforms-form select:focus,
.visforms-form input[type="email"]:focus,
.visforms-form select:focus {
    border-bottom: 2px dotted #666;
	outline: 0;
}
#mod-visform2 .required .visCustomText,
#mod-visform9 .required .visCustomText,
#mod-visform3 .required .visCustomText,
#mod-visform8 .required .visCustomText,
#mod-visform4 .required .visCustomText,
#mod-visform5 .required .visCustomText,
#mod-visform6 .required .visCustomText {
    color: #333;
    font-size: 18px;
    border-top: 1px dotted #ccc;
}
#mod-visform2  {
    margin-top: 44px;
}
#mod-visform2 .field90.required {
    border-top: 0;
}
#mod-visform2 .visBtnCon {
    padding-top: 0;
}
.field149,
.field194,
.field84,
.field90 {
	border-bottom: 1px dotted #ccc;
	margin-bottom:44px;
}
.field188 {
    border-top: 1px dotted #ccc!important;
    padding-top: 44px;
}
.field74,
.field192,
.field131,
.field165,
.field108,
.field148 {
	margin-top: 44px;
}
.field90 input {
  display: block!important;
}
.field90 .visCustomText {
    position: static!important;
}
.order-tag {
    border-top: 1px dotted #ccc;
    width: 100%;
    display: block;
    padding-bottom: 44px;
}
.detail-extra-wrapper .box45 p {
    border-bottom: 1px dotted #ccc;
    padding: 12px 0;
    margin-bottom: 0;
}
.detail-wrapper .shipping {
    float: left;
    display: block;
	color: #111;
}
.detail-wrapper .shipping span {
    color: #999;
}
.detail-wrapper .shipping i {
    color: #74C100
}

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

.slideshow-container .slide {
  display: none;
}

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

.article-id127 .com-content-article__body img {
    margin: auto;
    display: block;
}

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

.article-id127 div > div > p {
	color: #999;
}

#redim-cookiehint .cookiehead {
    display:none;
}

#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 .btn {
    margin: 12px 0;
}
#cookiehintsubmitno.btn {
    background: #fff!important;
    color: #00a6a2!important;
}
.camper.product-wrapper h4 {
    color: #00a670;
}
.product-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fir-ul,
.sec-ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fieldset-1.active {
  width: 100%;
}
.montageservice-out .container {
  display: flex;
  justify-content: space-between;
}
.container.showroom {
	display: block;
}
input[type=text]::placeholder,
input[type=email]::placeholder {
      color: #ccc;
    }
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer:after {
    display: none;
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error {
    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;
}
.detail-extra-wrapper h6 {
    font-size: 21px;
    margin: 0 0 6px;
    font-weight: 400;
}
.right {
  float: right;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}
.field148 input[type=checkbox], 
.field149 input[type=checkbox], 
.field194 input[type=checkbox], 
.field192 input[type=checkbox], 
.field74 input[type=checkbox], 
.field84 input[type=checkbox] {
    display: block;
}

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

input[type=radio]:checked + .visCSSrlinl,
input[type=checkbox]:checked + .visCSSrlinl {
  border: 1px solid #00a8d5;
  color: #fff;
  background-image: linear-gradient(90deg, #00a6a2, #00a8d5);
}
.fieldset-1.active > div {
  position: relative;
}
.fieldset-1.active .visCustomText {
    position: absolute;
    top: 0;
    right: 0;
}
.fieldset-1.active .field148 .visCustomText,
.fieldset-1.active .field149 .visCustomText,
.fieldset-1.active .field74 .visCustomText,
.fieldset-1.active .field192 .visCustomText,
.fieldset-1.active .field194 .visCustomText,
.fieldset-1.active .field84 .visCustomText {
    position: static;
}
.bullet {
    background: deeppink;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 7px;
    font-size: 32px;
    justify-content: center;
    flex-wrap: wrap;
    font-weight: 600;
    position: absolute;
    right: 32px;
    top: 32px;
    display: none;
}
.bullet:nth-child(2) {
    top: 144px;
  }
.bullet span {
  display: block;
  font-size: 18px;
  font-weight: 400;
}
.article-id177 .vorteile-out .box33 img {
    display: none;
}
main li a::before, main p a::before {
    content: "\e157";
    font-family: 'Material Symbols Outlined';
    bottom: -3px;
    position: relative;
    margin-right: 3px;
}
main li a,
main p a {
    border-bottom: 1px dotted #666;
}
.article-id127 .faq-answer-box {
    display: block;
}

.com-content-article__body li ul li {
    list-style: disc;
    margin-left: 24px;
    padding: 12px 0;
}

.com-content-category-blog__item.blog-item h1,
.com-content-category-blog__item.blog-item h2.sub {
  display: none;
}

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

.com-content-category-blog__item.blog-item .item-content {
    padding: 24px 32px;
    margin: 44px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}


:root {
    --tiefwasser: #0b3d3a;
    --signalteal: #00a6a2;
    --sandleinen: #e8ddc7;
    --tinte: #16302d;
    --sonnenlicht: #d8a34d;
}

/* 1. Wasserzitat – emotionale Kernsätze als ruhige "Wasseroberfläche" */
.wasserzitat {
    position: relative;
    background: linear-gradient(160deg, var(--tiefwasser) 0%, #124f4b 100%);
    color: var(--sandleinen);
    font-style: italic;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1.5;
    padding: 40px 44px 50px;
    margin: 36px 0;
    border-radius: 4px;
    overflow: hidden;
}
.wasserzitat::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 28px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M0 10 Q 25 20 50 10 T 100 10 T 150 10 T 200 10 V20 H0 Z' fill='%2300a6a2' fill-opacity='0.35'/%3E%3C/svg%3E");
    background-size: 200px 28px;
    background-repeat: repeat-x;
    animation: wasserzitat-welle 8s linear infinite;
}
@keyframes wasserzitat-welle {
    from { background-position-x: 0; }
    to   { background-position-x: -200px; }
}
@media (prefers-reduced-motion: reduce) {
    .wasserzitat::after { animation: none; }
}

/* 2. Wellenbild – Bilder mit weicher Wellenkante statt hartem Rechteck */
.wellenbild {
    position: relative;
    margin: 32px 0;
}
.wellenbild img {
    width: 100%;
    display: block;
    clip-path: polygon(0 0, 100% 0, 100% 92%, 75% 100%, 50% 92%, 25% 100%, 0 92%);
}
.wellenbild figcaption {
    margin-top: 10px;
    font-size: 0.85em;
    color: #6b7d7a;
    text-align: center;
}

/* 3. Kennzahlenband – technische Werte auf einen Blick */
.kennzahlenband {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 40px;
    background: var(--sandleinen);
    border-radius: 4px;
    padding: 24px 28px;
    margin: 28px 0;
}
.kennzahlenband div {
    min-width: 120px;
}
.kennzahlenband strong {
    display: block;
    font-size: 1.8em;
    font-weight: 600;
    color: var(--tiefwasser);
    line-height: 1.1;
}
.kennzahlenband span {
    font-size: 0.85em;
    color: var(--tinte);
}

/* 4. Hinweisbox – zurückhaltend für Disclaimer, Rechtliches, Zusatzinfos */
.hinweisbox {
    background: #f4f9f9;
    border-left: 3px solid var(--signalteal);
    padding: 14px 18px;
    margin: 20px 0;
    font-size: 0.9em;
    color: #45605c;
}

/* 5. Produktvergleich – Gegenüberstellung von Produktvarianten */
.produktvergleich {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 32px 0;
}
.produktkarte {
    flex: 1 1 260px;
    background: #fff;
    border: 1px solid #e2e8e7;
    border-top: 4px solid var(--signalteal);
    border-radius: 4px;
    padding: 28px 26px;
}
.produktkarte h4 {
    font-size: 1.3em;
    font-weight: 600;
    color: var(--tiefwasser);
    margin: 0 0 4px;
}
.produktkarte .preis {
    font-size: 1.1em;
    color: var(--tinte);
    margin-bottom: 16px;
}
.produktkarte ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.produktkarte li {
    padding: 6px 0;
    border-bottom: 1px solid #eef2f1;
    font-size: 0.92em;
}
.produktkarte li strong {
    color: var(--tiefwasser);
}
.produktkarte a {
    display: inline-block;
    background: var(--signalteal);
    color: #fff;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 3px;
    font-size: 0.9em;
}
.produktkarte a:hover {
    background: var(--tiefwasser);
}
/* 6. Prozessschritte – kompakte visuelle Abfolge statt Fließtext-Erklärung */
.prozessschritte {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 32px 0;
    border-radius: 4px;
    overflow: hidden;
}
.prozessschritte > div {
    flex: 1 1 200px;
    background: var(--tiefwasser);
    color: var(--sandleinen);
    padding: 22px 20px;
    position: relative;
}
.prozessschritte > div:nth-child(even) {
    background: #124f4b;
}
.prozessschritte .schrittnummer {
    display: block;
    font-size: 0.75em;
    letter-spacing: 0.05em;
    color: var(--signalteal);
    margin-bottom: 8px;
}
.prozessschritte h5 {
    margin: 0 0 6px;
    font-size: 1.05em;
    color: #fff;
}
.prozessschritte p {
    margin: 0;
    font-size: 0.88em;
    line-height: 1.4;
    color: var(--sandleinen);
}