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


@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: 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%; }

	
}








@media screen and (max-width: 1024px){

	#section1 .row { display: block;	}

	div#header		{ position:relative; padding:0;}
	div#kontakt		{ font-size:16px; text-align:center;  letter-spacing:0px; margin-top:0px; 	  }

	.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;  }
	#section1		p {   font-size:22px; line-height:30px; }	
	
	div#intro h1	{ color:#FFFFFF; font-size:40px;  }
	div#intro h2	{ color:#FFFFFF; line-height:24px;   }
	
}



@media screen and (max-width: 1023px){
	div#header		{ position:absolute; padding:0;}

    div#sprache { display:none;}
	#section1 .slick-bgimg .h2 { display:none;}
	div#kontakt	a.button {    margin-top: 0px;    padding: 10px 10px;}
		
	div#section-slider {    margin-top: 0px; }
	#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:14px; line-height:24px;  }
	
	
}



@media (max-width: 991px) {
	#section1 .col-md-4 {
		width: 100%;
		margin: 0 0.5%;
	}
}


@media screen and (max-width: 640px){

	
	#main	h1 {font-size:36px; line-height:36px; letter-spacing:0; }
	#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; }

}



@media screen and (max-width: 480px){

	.colums1.borderlinie {    padding: 10px 20px;}

	#section1 .colums1.muster {		padding: 40px 10px; }

	#section1 p, #section1 li, #section1 .panel p {   font-size:18px; line-height:28px; text-align:left; }
	a.internal-link {    width: 75%;    position: relative;    margin: 24px 15%; }
	#section5 p.h1 {		font-size: 30px; line-height: 36px;	}
	#section7		a {  display:block; margin:10px 0; }


	h2:after {
		background-image: url('../images/h2-after.png');		background-size: 90px 24px;		display: block;
		width: 100%;		height: 34px;		content:"";
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 5px;
	}



	.col-md-4 h3 {		font-size: 18px;	line-height: 28px;		text-transform: uppercase; font-weight: 700;	}

	li	{  margin:0 0px 0 0; }
	ul {   padding: 0 20px;  }
	ol {    padding: 0 20px; }
	
    .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 input {		height: 3em;		margin: 10px;		margin-left: 0px;		font-size: 16px;		padding: 6px 12px;	}
	div#main .powermail_form.powermail_form_1 select {		height: 3em;		font-size: 16px;	padding-left: 10px;			padding: 6px 12px;	}
    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; }
	
}
	
	
@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;  }

	#section1 p, #section1 li, #section1 .panel p {		font-size: 16px;		line-height: 24px;			}
	.col-md-4 h3 {		font-size: 16px;	line-height: 24px;		text-transform: uppercase; font-weight: 700;	}
	#section5 p.h1 {		font-size: 24px; line-height: 24px;	}
	
}