@charset "utf-8";
/* CSS Document */
.mobil { display:none}
.screen { display:block}


@media screen and (min-width: 2200px){
#section-slider .slick-slide img {    display: block;  height:1000px; object-fit:cover;}
 #section1 .col-md-4 {    min-height:1000px;     }
}

@media screen and (min-width: 1900px){
#section-slider .slick-slide img {    display: block;  height:1000px; object-fit:cover;}
 #section1 .col-md-4 {    min-height:900px;     }
 div#offers		{ top:500px;  }	
}


@media (min-width: 992px) {
  #section1 .col-md-4 {    width: 31.33333333%;       margin: 0 0.5%; padding:0; min-height:850px;    border-color: #66503c;    border-style: solid;    border-width: 1px; }
  #section1 .col-md-4 h2		{ text-align:center;  }
  #section1 .col-md-4 p	{       font-size: 1.5em;    line-height: 24px;    font-weight: 300;    text-align: center;}
  #section1  #anfrageformular .col-md-4{  min-height: 10px;     border-width: 0px; }
	}


@media screen and (max-width: 1600px){
 	div#offers		{ top:300px;  left:30%; width:40%; }	
	
}


@media screen and (max-width: 1259px){
	div#header_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%; }
	
}



@media screen and (max-width: 1024px){
	#section1 .row{ display:block; }
	div#header		{ position:relative; padding:0;}
	div#kontakt							{  width:100%; font-size:16px; text-align:center;  letter-spacing:0px; margin-top:0px; max-width: 450px;	  }

	.button {	       	padding:10px 10px 10px 10px;		text-decoration:none;	cursor: pointer; min-width:90px;}
	div#logo							{   width:100%; margin-top: 60px; margin-bottom: 10px; text-align:center;}
	
	#section1		h1 {   font-size:48px; line-height:48px; padding:0 12px; }
	#section1		p, h5, p.h5  {   font-size:22px; line-height:30px; }
	

	
}



@media screen and (max-width: 1023px){
	div#sprache { display:none;}
	#section1 {		padding: 15px 0;	}
	#section1 .slick-bgimg .h2 { display:none;}
	div#kontakt {max-width: 1023px;}
	div#kontakt	a.button {    margin-top: 0px;    padding: 10px 10px; height: 30px;}
		
	div#section-slider {    margin-top: -150px; }
	#section-slider .slick-slide img {    display: block;  height:auto; min-height:290px; object-fit:cover;}
	
	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:24px;  }
	
	div#offers		{ top:250px;  left:20%; width:60%; }
	div#offers-wrap	{  padding: 20px 20px; }

	#section1 .card-header .btn-link {		font-size: 18px;		line-height: 18px;	}

	.frame-space-after-large {		margin-bottom: 2em;	}
	.frame-space-before-large {		margin-top: 2em;	}
	.frame-space-after-extra-large {		margin-bottom: 2em;	}

	#section1 .colums1.muster {		padding: 20px 20px;		margin: 20px 0;}

	div#main .powermail_form.powermail_form_1 label {			font-size: 16px;		line-height: 40px; }

	.slick-slider figure figcaption {		font-size: 16px;	}

}

@media (max-width: 991px){
	#section1 .col-md-4 {
		width: 100%;
		margin: 0 0.5%;
	}
}


@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; }
	
	#main	h1 {font-size:30px; line-height:30px; letter-spacing:0; padding-bottom: 15px; }
	#main	h2 {font-size:18px; line-height:24px;  }
	
	#section1 .col-md-4 h1, #section1 .col-md-4 p.h1	{ font-size:30px;  }
	div#logo img {    max-height: 100px; }
	div#logo_wrap {    height: 80px; }

	.hgcolorhell {		padding: 0;	}
	div#main .powermail_form.powermail_form_1 input, div#main .powermail_form.powermail_form_1 select {			font-size: 1em;			}

}



@media screen and (max-width: 480px){
	.colums1.borderlinie {    padding: 10px 20px;}
	#section1 p, #section1 li, #section1 .panel p, h5, p.h5  {   font-size:16px; line-height:24px; text-align:left; }
	a.internal-link {    width: 75%;    position: relative;    margin: 24px 15%; }
	#section7 {		top: 0;		margin-top: 0px;	}
	#section7		a {  display:block; margin:10px 0; }

	h3, p.h3 { letter-spacing: 0; }
	li	{  margin:0 0px 0 0; }

    .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;   }

    div#main .powermail_form.powermail_form_1 .powermail_fieldwrap.layout1 { width: 100%; margin-right: 0; float: left;}
    div#main .powermail_form.powermail_form_1 .powermail_fieldwrap.layout2 { width: 100%; float: left; }
	.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {    font-size: 24px; }
	
	#section5 p.h1 {    font-size: 24px; }
	#section5 p {		font-size: 16px;		line-height: 24px;	}

	.col-md-6 .ce-gallery img { height: auto; width: 100%; max-height: 200px;	}


}
	
	
@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:15px;  } 
	

	
}