/* CSS Document Hauptdokument 01-06-2026 */

.domine { font-family: "Domine", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
.hurricane { font-family: "Hurricane", cursive; font-weight: 400; font-style: normal; font-size: clamp(3rem, 4vw, 6rem); text-transform:none !important; transform: rotate(-15deg);
    display: inline-block; margin:10px 0 0 30px !important; }
.clear { width: 0; height: 0; float: none; clear: both; }
.titelbalken h1 { text-align:center; margin:0; padding:20px; font-size: clamp(2rem, 4.5vw, 4rem); }
.titelbalken h3 { font-size: clamp(1.2rem, 2.5vw, 2rem); text-align:center; margin:0; padding:0 20px 20px 20px; }
.titelbalken h1, .textbox h2, .produktbox h2 { text-transform:uppercase; margin:0; }
.textbox h2 { font-size: clamp(1.4rem, 4.5vw, 2.8rem); }

.schatten { -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); }
.textschatten { text-shadow: 2px 2px 4px #000000; }
.schattenlinks { width:50%; float:left; height:15px; background:no-repeat url(/files/images/schatten-links.png); }
.schattenrechts { width:50%; float:left; height:15px; background:no-repeat url(/files/images/schatten-rechts.png); background-position: right top; }

.displaycenter { display: flex; justify-content: center; align-items: center; }
.rund30 { -webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; }
.abstand30 { padding:30px; }

.page-title { display:none; }
.textbox-bg90 { background-color:rgba(255,255,255,0.9); }
.produktbox-traveler { background-image:url(/files/images/traveler-01.jpg); background-repeat:no-repeat; background-position:center; background-size: cover; }
.galleryneusteprodukte { background-color:#ae7b8e; }
.productgallery .row { background:#ae7b8e; }
.mainneusteprodukte { background-color:#ae7b8e; }
.gradient-sage { background: linear-gradient(135deg,  #91aba5 0%,#557971 100%); }
.gradient-darksage { background: linear-gradient(135deg,  #557971 0%,#25423c 100%); }
.gradient-oldrose { background: linear-gradient(135deg,  #e6d3da 0%,#90717c 100%); }
.card-body { background:#faf3f1; }
.floatleft { float:left; }
.matp { margin-top:50px !important; }
.langes-wort { overflow-wrap: break-word; word-break: break-all; }

.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 .container { width:100%; max-width:none; }
.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 .card { border:1px solid #000; padding:5px; background:none; }
.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 .card-body { background: linear-gradient(135deg,  #91aba5 0%,#557971 100%); }
.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 .text-primary { background-color:#fff; color:#557971; padding:25px; font-size:1.5rem !important; border: 1px outset #2ea58b; border-radius: 0px 0px 10px 0px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); }
.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 .text-primary:hover { color:#fff !important; background: linear-gradient(135deg,  #b1dbcb 0%,#87a39d 100%); }
.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 .text-accent { color:#fff !important; font-size:4rem; }
.widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 h3, .widget-container-a0dfd391-cb5b-4f76-b16f-956dc4421af9 p { color:#fff !important; }

.ft-nav a { background-color:#fff; color:#557971; padding:15px 20px; display:block; margin-bottom:10px; border: 1px outset #2ea58b; border-radius: 0px 0px 10px 0px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); }
.ft-nav a:hover { background: linear-gradient(135deg,  #557971 0%,#25423c 100%); color:#fff; }

.navlinks a { color:#fff; background: linear-gradient(135deg,  #7bada4 0%,#557971 100%); display:block; padding:10px; margin-bottom:10px; border-radius: 0px 0px 10px 0px; box-shadow: 0px 7px 8px -8px rgba(0,0,0,1); -webkit-box-shadow: 0px 7px 8px -8px rgba(0,0,0,1); -moz-box-shadow: 0px 7px 8px -8px rgba(0,0,0,1); text-transform:uppercase; }
.navlinks a:hover { background: linear-gradient(135deg,  #557971 0%,#25423c 100%); box-shadow: 0px 4px 8px -8px rgba(0,0,0,1); -webkit-box-shadow: 0px 4px 8px -8px rgba(0,0,0,1); -moz-box-shadow: 0px 4px 8px -8px rgba(0,0,0,1); }


@media only screen and (min-width: 375px) {
    .msw-block-area + .msw-block-area { margin-top:0.5rem; }
	.page-title h1 { background-color:#fff; width:96%; margin:0 auto; padding:10px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); }
	.titelbalken { width:340px; }
	.textbox img { float:left; width:100%; height:auto; margin-bottom:30px; }
	.abstandtitelbalken { height:20px; }
	.p2width { width:100%; }
	.p2height { height:auto; }
	
	.mainneusteprodukte { margin:10px 0; padding:10px 10px; }
	
	.box { padding:30px 10px; }
	.boxwidth50, .boxwidth70 { width:100%; }
	.boxheight60 { height:400px; }
	
	.produktbox { padding:15px; height:300px; }
	
	.textbox { padding:15px; }
	.textboxwidth45, .textboxwidth50 { width:94%; }
	.doppelbox { width:100%; }
	.doppelboxtext { width:96%; }
	
	.galleryneusteprodukte .col-lg-custom { width:49% !important; }
	.galleryneusteprodukte .card-img-top { background:none; }
	.galleryneusteprodukte .card-img-top img { width:100%; max-height:none; }
	.navlinks { display:none; }
	.footer-rechts { text-align:left; }
}
@media only screen and (min-width: 480px) {
	.doppelbox { width:96%; margin:0 2%; }
	.doppelboxtext { width:100%; }
	.textbox img { float:left; width:40%; margin-right:30px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.titelbalken { width: 400px; margin:0 auto; }
	.container { max-width:90%; }
	.doppelbox { width:96%; margin:0 2%; }
	.doppelboxtext { width:100%; }
	.textbox img { float:left; width:40%; margin-right:30px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.container { max-width:80%; }
	.doppelbox { width:95%; }
	.doppelboxtext { width:48%; }
	.textbox img { float:left; width:100%; margin-bottom:30px; }

}
@media only screen and (min-width: 1024px) {
	.titelbalken { width: 500px; margin:0 auto; }
	.doppelbox { width:95%; }
	.doppelboxtext { width:48%; }
	.textbox img { float:left; width:100%; margin-bottom:30px; }
	.navlinks { display:block; }
}
@media only screen and (min-width: 1280px) { 
	.doppelbox { width:90%; }
	.doppelboxtext { width:48%; }
	.textbox img { float:left; width:50%; margin-right:20px; }
}
@media only screen and (min-width: 1440px) {
	.msw-block-area + .msw-block-area { margin-top:5rem; }
	.page-title h1 { background-color:#fff; width:50%; margin:0 auto; padding:30px; -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px -5px rgba(102,102,102,0); margin-bottom:50px; }
	.titelbalken { width: 600px; margin:0 auto; }
	.abstandtitelbalken { height:80px; }
	.p2width { width:50%; }
	.p2height { height:600px; }
	.mainneusteprodukte { margin:10px 0; padding:30px 10%; }
	
	.col-xl-8 { width:100%; }
	
	.box { padding:30px 0; }
	.boxwidth70 { width:70%; }
	.boxwidth50 { width:50%; float:left; }
	.boxheight60 { height:600px; }
	
	.produktbox { padding:50px; height:400px; }
		
	.textbox { padding:50px; }
	.textbox img { float:left; max-width:300px; height:auto; margin-right:30px; }
	.textboxwidth45 { width:45%; }
	.textboxwidth50 { width:50%; }
	.doppelbox { width:90%; }
	.doppelboxtext { width:48%; }
	.mari { margin-right:2%; }
	
	.galleryneusteprodukte .col-lg-custom { width:20% !important; }
	.galleryneusteprodukte .card-img-top { background:none; }
	.galleryneusteprodukte .card-img-top img { width:100%; max-height:none; }
	.productgallery { width:90%; margin:0 5%; }
	.productgallery .row  { padding:20px; }
	.footer-rechts { text-align:left; }
}
@media only screen and (min-width: 1920px) {}


.tbcarousel {
  position: relative;
  width: 100%;
  max-width: 375px;
  overflow: hidden;
  line-height: 0;
}

.tbcarouseltrack {
  display: flex;
  transition: transform 0.5s ease;
}

.tbcarouselslide {
  min-width: 100%;
  flex: 0 0 100%;
}

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

.tbcarouselbutton {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.82);
  color: #2f3433;
  font-size: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tbcarouselbutton:hover {
  background: rgba(255, 255, 255, 1);
}

.tbcarouselprev {
  left: 16px;
}

.tbcarouselnext {
  right: 16px;
}

.tbcarouseldots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  z-index: 6;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.tbcarouseldot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}

.tbcarouseldot.active {
  background: #91aba5;
}

@media only screen and (max-width: 768px) {
  .tbcarousel {
    max-width: 90%;
  }

  .tbcarouselbutton {
    width: 36px;
    height: 36px;
    font-size: 28px;
  }

  .tbcarouselprev {
    left: 10px;
  }

  .tbcarouselnext {
    right: 10px;
  }

  .tbcarouseldots {
    bottom: 10px;
  }

  .tbcarouseldot {
    width: 8px;
    height: 8px;
  }
}