@charset "utf-8";
/* CSS Document */
.mobil { display:none}
.screen { display:block}


@media (min-width: 992px) {
   .col-md-4 {    width: 31.33333333%;       margin: 0; padding:0; margin-bottom: 50px;   }
   .col-md-4 h2,  .col-md-6 h2		{   }
  .col-md-4 h1, .col-md-4 p.h1 {    padding: 20px; }
   .col-md-6 {    margin: 0; padding:0; float:left; }
	}


@media screen and (max-width: 1259px){
	div#header_wrap						{ width:100%;    }
	div#intro_wrap						{ width:100%;    }
	div#col100w				 			{ width:90%; }
	
	div#section-slider					{ width:100%; }
	div#section-slider-wrap				{ width:100%; }
	
	div#all-inclusive  					{ width:100%; }
	div#footerwrap						{ width:100%; }

	.titlerequest {	font-size: 16px; padding-left: 10px; width: 50%; text-align: center;}
	.price {	font-size: 18px; width: 50%;	 }
}


@media screen and (max-width: 1024px){
	#section1 .row{ display:block; }
	div#header		{ position:relative; padding:0;}
	div#kontakt	a.button {     padding: 20px 20px;  }

	.button 		{ padding:10px 10px 10px 10px;		text-decoration:none;	cursor: pointer; min-width:90px;}
	div#logo		{ width:100%; margin-top: 10px; margin-bottom: 10px; text-align:center;}

}



@media screen and (max-width: 1023px){

	.slick-bgimg .h2 { display:none;}
	div#kontakt	a.button {  margin-top: 0px;    padding: 10px 10px;}
		
	div#section-slider {  }
	#section-slider .slick-slide img {  display: block;  height:auto; min-height:290px; object-fit:cover;}

	.colums1.borderlinie p {		padding: 10px	}
	
	div#main #anfrageformular   form	{ padding:20px 0px 10px 0px;  max-width:95%; margin:0 auto; }	
	
	#section5 p.h1    	{  font-size:40px;  }
	#section5 p    	{  font-size:16px; line-height:28px;  }
	
	div#offers		{ top:250px;  left:20%; width:60%; }
	div#offers-wrap	{  padding: 20px 20px; }

}



@media screen and (max-width: 800px){
	div#offers		{  left:10%; width:80%; }
	div#sprache {		left: 30px;		padding-top: 45px;	}
	div#logo img {    max-height: 127px; height: 127px; width: auto;}
}

@media screen and (max-width: 767px) {
	.col-md-6 {
		border-right: 0px;
	}
}

@media screen and (max-width: 700px){ 
	div#offers		{  left:10%; width:80%; }
}



@media screen and (max-width: 640px){
	/* offers */
	div#offers			{  left:0; width:100%;   }	
	div#offers-wrap		{ padding: 10px 10px;  }
	div#offers p.h1 	{ font-size:36px; font-weight:500; }

	div#header_wrap {padding-top: 0;}

	div#kontakt	{ padding:0 40px;	  }
	div#kontakt	 a	{  font-size:14px;  }

	div#logo img {    max-height: 127px; height: 127px; width: auto;}

	#section-slider .slick-slide img {	min-height: 100vh;	}
	#main	h1 {font-size:36px; line-height:36px; letter-spacing:0; padding: 15px 5px;}
	#main h3, h3, p.h3 {     padding-bottom: 20px;  font-size: 20px; line-height: 30px; text-transform: uppercase;   }

	li { font-size: 18px;  line-height: 30px; }

	#section1 p, p {		font-size: 18px;		line-height: 30px;	}


	#main .colums1.borderlinie h2 {padding-top: 60px;}
	#main .colums1.borderlinie h2:after {		margin-top: 15px;	}
	.colums1.borderlinie li:before {	background-size: 12px 12px;	width: 12px;	height: 12px;	}

	#c3792 .ce-gallery img,  #c3792 .gallery-item picture img, #c3807 .gallery-item picture img{	max-width: 240px;	}
	#c3792.frame-layout-0 {		top: -30px;			}
	#c3807.frame-layout-0 {		top: -30px;		}


	 .colums1.hgcolordark p{ text-align:left; font-size:15px; line-height:20px;}
	 .colums1.hgcolordark p.h3{  text-align:center; }
	 .colums1.hgcolordark li:before, ul:before { font-size:14px; }
	 .colums1.hgcolordark li {  padding:0 20px; font-size:15px; line-height:20px;}
	 .colums1.hgcolordark ol { padding:0 20px;}

	
	 .col-md-6 {  margin: 0; padding:0; }

	.col-md-4 {  margin: 20px 2.5%; padding:0; }
	.col-md-4 h1,  .col-md-4 p.h1	{ font-size:30px;  }
	.col-md-6 h1,  .col-md-6 p.h1	{ font-size:30px;  }
	 .col-md-4 h1,  .col-md-4 p.h1,  .col-md-6 h1,  .col-md-6 p.h1	{ padding: 40px 40px;   }
	 .col-md-4 h2,  .col-md-4  p.h2,  .col-md-6 h2,  .col-md-6  p.h2	{    text-transform: none; }
	.colums1.hgcolordark .col-md-4 p.h3, .hgcolordark .col-md-6 p.h3{   color:#b0a99c; text-align:center; }
	.col-md-4  li,  .col-md-4  p,  .col-md-6  li,  .col-md-6 p {  padding:0 10px;   }
	.col-md-4 li:before, ul:before {        }

	.titlerequest {		font-weight: 800;	font-size: 16px;		text-transform: none;	 }
	.price {		color: rgba(0,0,0,0.8);	font-weight: 800;	font-size: 20px;	text-transform: none;	 }

	/* Anfrageformular */

	div#main .powermail_form.powermail_form_1   label		{  font-size:16px;  line-height:32px}
    div#main .powermail_form.powermail_form_1   label.form-check-label label.form-check-label { line-height:40px}
    div#main .powermail_form.powermail_form_1   .clear		{clear:both; }
    div#main .powermail_form.powermail_form_1   select {  margin: 0; }
    div#main .powermail_form.powermail_form_1 	input {	  margin:0;}
	
	
	#section5 p {    font-size: 16px;    line-height: 28px; }
	#section1 {    padding: 20px 0;}

}




@media screen and (max-width: 480px){
	div#header_wrap {padding-top: 0;}

	div#sprache { width: 30px; 	}
	div#sprache a { position: relative; float: left; 	}

	div#kontakt	{ padding:0 40px;	  } 
	div#kontakt	 a	{  font-size:14px;  } 
	
	div#logo img {    max-height: 127px; height: 127px; width: auto;}

	#section-slider .slick-slide img {	min-height: 100vh;	}
	.colums1.borderlinie {    padding: 10px 20px;}
	
	#top-request a { font-size: 20px;     text-transform: uppercase; font-weight:800;   letter-spacing: 2px;	 background: rgb(143,200,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(102,142,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(102,142,0,1)));
	background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	background: linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#668e00',GradientType=0 );	 
	  }
	  
	 #top-request a:hover { color:#FFFFFF;
	 background: rgb(102,142,0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2OGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(102,142,0,1) 0%, rgba(143,200,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,142,0,1)), color-stop(100%,rgba(143,200,0,1)));
	background: -webkit-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	background: linear-gradient(top,  rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668e00', endColorstr='#8fc800',GradientType=0 ); 
	  }
	

	
	.hgcolordark p.h3 {   font-size:22px; text-transform:none; font-weight:700;  }
	.hgcolordark { margin: 0; margin-top: 45px;}
	
	 .colums1.hgcolorhell .slick-container {    padding: 10px 0; }
	
	#main h1, h1, p.h1 {  	font-size:24px; line-height: 30px;   }
	#main h2, h2, p.h2 {		font-size: 18px;		line-height: 30px;	}
	#main h3, h3, p.h3 {     padding-bottom: 20px;  font-size: 16px; line-height: 24px; text-transform: uppercase;   }
	.col-md-4 h3, .col-md-4 p.h3, .col-md-6 h3, .col-md-6 p.h3 {	font-size: 16px; line-height: 24px; color: #FFFFFF; padding: 10px 15px; }

	#main .colums1.borderlinie h2 {padding-top: 30px;}
	#main .colums1.borderlinie h2:after {		margin-top: 15px;	}
	.colums1.borderlinie li:before {	background-size: 12px 12px;	width: 12px;	height: 12px;	}

	#section1 p, p,  li,  .panel p {   font-size:16px; line-height:24px;  }
	#section1 ul, #section1 li {		font-size:16px; line-height: 24px;  	}
	ul {   padding: 0 15px;  }
	a.internal-link {    width: 75%;    position: relative;    margin: 24px 15%; }


	#c3792 .ce-gallery img, #c3792 .gallery-item picture img {	max-width: 240px;	}
	#c3792.frame-layout-0 {		top: -30px;			}
	#c3807.frame-layout-0 {		top: -30px;		}

.slick-bgimg .slick-item .slick-text .h1, .slick-bgimg .slick-item .slick-text .h2 {  font-size: 18px;    line-height: 1.16;    }
.slick-bgimg .slick-item .slick-text .h1 {     font-size: 18px;   }



	#section5 .colums1 	{ width:98%; padding: 0 2%;}
	#section5 p.h1 		{ font-size: 30px; }
	#section5 a 		{ font-size: 14px; }
	#section5 .colums1 img {		max-width: 230px;		height: auto;	}

	#section7 a 		{ display:block; margin:10px 0; }




}


@media screen and (max-width: 320px){

#main	h1 {font-size:30px;  line-height:36px;}
#main	h2 {font-size:16px;  line-height:24px; }
#top-request  a	{   font-size:1em;  }
div#kontakt	 a	{  font-size:14px;  }



}