@charset "utf-8";
/* CSS Document */
.mobil { display:none}
.screen { display:block}


@media (min-width: 992px) {

    .col-md-4 {        width: 31.33333333%;        margin: 0 0.5%;        padding: 0;        min-height: 850px;    }
    .col-md-4 p {          line-height: 24px;        font-weight: 600;        letter-spacing: 0;    }
    .col-md-4 h1, .col-md-4 p.h1 {        padding: 20px;    }
    #anfrageformular .col-md-4, #anfrageformular .col-md-6 {        min-height: 10px;        border-width: 0;    }
}


@media screen and (max-width: 1259px){
	div#header_wrap						{ width:100%;    }
	div#intro_wrap						{ width:100%;    }
	div#col100w				 			{ width:90%; }
	div.col100w				 			{ width:90%; }
	div#all-inclusive  					{ width:100%; }
	div#footerwrap						{ width:100%; }
	.sectionw .carousel-multi-item.v-2 .news-img-wrap img{ max-width: 450px; }

}



@media screen and (max-width: 1024px){
	div#logo { width:100%; margin-top: 10px; margin-bottom: 10px; text-align:center;}
	#main p {   font-size:20px; line-height:28px; }
	#main ul, #main li {   font-size:20px; line-height:28px; }
	.card-header h5 button.btn-link {font-size:20px; line-height:28px; }
	.sectionw .carousel-multi-item.v-2 .news-img-wrap img{ max-width: 400px; }
}


@media screen and (max-width: 1023px){

	div#sprache { display:none;}
	div#logo img {  max-height: 180px; }

	#section5 p.h1    	{  font-size:40px;  }
	#section5 p    	{  font-size:16px; line-height:28px;  }

	.sectionw.start .col {display: none;}
	.colums1.hgcolordark .row div.col-12:nth-child(1) .frame-container {		border-right: 0px solid #FFFFFF;	}

	}


@media screen and (min-width: 992px){
	.frame-type-textpic .frame-container {			max-width: 720px;		}
}

@media screen and (max-width: 991px){
	.sectionw .carousel-multi-item.v-2 .news-img-wrap img{ max-width: 450px; width: 100%; }
	#footer .frame-container {			max-width: 90%;		}
	div#intro {		top: 200px; display: none;	}
	div#kontakt {		right: 40px;	top: 20px;}
	div#kontakt a.button {		padding: 0 20px;	height: 40px !important;	line-height: 40px;			}
}



@media screen and (max-width: 767px){

	.sectionw .col-sm-10 {	 flex: 0 0 100%;	 max-width: 100%; }
	div#col100w {		width: 90%;	}
	.news-img-wrap a img {max-width: 320px; height: 320px;}
	.sectionw .carousel-multi-item.v-2 .news-img-wrap img{ max-width: 767px; width: 100% }
	.grey .col-lg-6, .grey .col-xl-6 {flex: 0 0 100%;	max-width: 100%;	margin:0 ; padding: 0}
}



@media screen and (max-width: 575px){
	.textmedia, .textpic {		margin-left: 0;		margin-right: 0;	}

	#main .carousel-multi-item .carousel-inner.special .zimmerspecial1 p { line-height: 18px; text-align: center;}
	.carousel-multi-item .carousel-inner.special .zimmerspecial1 {	border-radius: 45px;		width: 90px;		height: 90px;		padding-top: 10px;		border: 2px dashed;		top: 75px;		z-index: 1;	}
	.carousel-multi-item .carousel-inner.special .zimmerspecial1 .newsangebotpreisab {		font-size: 16px;	}
	.carousel-multi-item .carousel-inner.special .zimmerspecial1 .newsangebotpreispreis2 {		font-size: 16px;	}

	.carousel-multi-item .carousel-inner.v-2 .zimmerspecial1 { width: 100%;}
	.carousel-multi-item .carousel-inner.v-2 .zimmerspecial2 { width: 100%;}
	.carousel-multi-item .carousel-inner.v-2 .zimmerspecial1 p, .carousel-multi-item .carousel-inner.v-2 .zimmerspecial2 p {	text-align: center;	}

	.sectionw  .frame-type-carousel_small  {	padding-top: 0rem;	padding-bottom: 0rem;	}
	.textmedia-item, .textpic-item {		padding-left: 0px;		padding-right: 0px;	}


	#kontakt { display:none;}
	#section5 p {    font-size: 16px;    line-height: 28px; }

	div#logo img {    max-height: 100px; }
	div#logo_wrap {    height: 80px; }

	#main h1, #main p.h1 {  	 font-size: 24px; line-height: 30px; }
	div#section-slider  div#intro h1 {		font-size: 24px;		line-height: 30px;	}
	#main h2, #main p.h2 {     font-size:24px; line-height:30px; font-weight: normal;}

	#main h3, #main p.h3 {     font-size:18px;}
	#main p, p {  font-size: 14px; }
	#main li, #footer li {  font-size: 14px; line-height: 18px; margin: 0; }
	#main  .frame-type-text li {margin: 0 0 0 25px;}
	#main ul, #footer ul {  font-size: 14px; }
	#main ol, #footer ol {  font-size: 14px; }
	#main a, a {  font-size: 14px; }
	#main a.nav-link {	 font-size: 18px;}

	#footer {	position: relative;		width: 98%;	margin: 0 1%; }
	#footer .frame {		padding-top: 0rem;	padding-bottom: 2rem; }
	#footer p, #footer a { font-size: 14px;	}
	.btn-default {	padding: 10px 15px;	}

	 .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-4 li,  .col-md-4  p,  .col-md-6  li,  .col-md-6 p {  padding:0 10px;   }
	 .col-md-4 li:before, ul:before {        }
	 .col-md-4 h1,  .col-md-4 p.h1,  .col-md-6 h1,  .col-md-6 p.h1	{ padding: 40px 0px;   }
	 .col-md-4 h2,  .col-md-4  p.h2,  .col-md-6 h2,  .col-md-6  p.h2	{    text-transform: none; }
	 .col-md-4 h3,  .col-md-4  p.h3,  .col-md-6 h3,  .col-md-6  p.h3	{    text-transform: uppercase;  color:#b0a99c; padding:10px 10px; text-align:center; }
	 .colums1.hgcolordark .col-md-4 p.h3, .hgcolordark .col-md-6 p.h3{   color:#b0a99c; text-align:center; }

	.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:14px;  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; font-size:14px;}
    div#main .powermail_form.powermail_form_1 input {	  margin:0; font-size:14px;}
	div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_type_check {padding-top: 15px;}



	.modal .newsangebotpreispreis2, .modal .newsangebotpreispreis {font-size: 30px;	font-weight: 300; line-height: 34px;}

	.frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
		margin-top: 0;
	}

	.grey .col-lg-6 .frame.frame-type-text, .grey .col-xl-6 .frame.frame-type-text {		padding: 0 10px;	}

}

@media screen and (max-width: 480px){

	.colums1.borderlinie {    padding: 10px 20px;}

	.hgcolordark p.h3 {   font-size:22px; text-transform:none; font-weight:700;  }
	.hgcolordark { margin: 0; padding:20px; }

	#section5 .colums1 	{ width:98%; padding: 0 2%;}
	#section5 p.h1 		{ font-size: 30px; }
	#section5 a 		{ font-size: 14px; }
	#section7 a 		{ margin:10px 0;  }
	#section7 img 	{ max-width: 80px;		height: auto; }

	h2, p.h2 {  font-weight:400;  line-height:36px;    letter-spacing:0; text-align: center;     font-weight: 600; }
 	h3, p.h3 { letter-spacing: 0; font-size:22px; }
	.frame-type-text h3 {		padding-top: 40px;	}
	p,  li,  .panel p {  line-height:28px; text-align:left; }
	p.align-center,  .panel p.align-center {  text-align:center; }
	li	{  margin:0; }
	ul {  padding: 0;  }
	ol { padding: 0;   }
	a.internal-link {    width: 75%;    position: relative;    margin: 24px 15%; }

	.textmedia, .textpic {		display: flex;		flex-wrap: wrap;  margin-left: 0px; 		 margin-right: 0px; 	}

	.btn-default {		font-size: 12px; }
	#main a {		font-size: 12px; text-align: center;	}

    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; }

	.sectionw .frame-type-carousel, .col-12, col-sm-12, col-md-7 { padding: 0; }
	.sectionw .frame-type-carousel_small  .frame-container{ padding-left: 0; padding-right: 0;}
	.sectionw .frame-type-carousel .frame-container {padding: 0;}

	.sectionw.zimmerspecial .frame-container {padding: 0;}
	.sectionw.zimmerspecial .carousel .carousel-item {		padding-left: 0;		padding-right: 0;	}


	.sectionw.angeboteblack .colums1.hgcolordark {		padding: 15px 30px;	}
	.sectionw .fullwidth .colums1.hgcolordark .frame-container {		padding:0;	}

	#p4063.sectionw .colums1.hgcolordark {		padding: 15px 30px;	}
  	#c4907 img { max-width: 450px; width: 90%; height: auto; }
	.sectionw.angeboteplugin .frame-container {padding: 0;}
	.sectionw.angeboteplugin .carousel .carousel-item {		padding-left: 0;		padding-right: 0;	}
	.sectionw .carousel-multi-item.v-2 .news-img-wrap img{ max-width: 480px; width: 100%; }

	.carousel-multi-item .carousel-inner.special .carousel-item-special-list-2 { width: 100%; 	}
	.sectionw.margintop-Default {		margin-top: 0px;			}

}


@media screen and (max-width: 320px){
	.frame {	padding-bottom: 1rem;	}
	#main	h1 {font-size:30px;  line-height:36px;}
	#main	h2 {font-size:24px;  line-height:30px; font-weight: normal; }
	#main a.nav-link {	 font-size: 18px;}
	#top-request  a	{   font-size:14px;  }
	div#kontakt	 a	{  font-size:14px;  }

	.sectionw .frame-type-carousel, .col-12, col-sm-12, col-md-7 { padding: 0; }
	.sectionw .frame-type-carousel_small  .frame-container{ padding-left: 0; padding-right: 0;}
	.sectionw .frame-type-carousel .frame-container {padding: 0;}
    .sectionw.zimmerspecial .frame-container {padding: 0;}
	.sectionw.zimmerspecial .carousel .carousel-item {		padding-left: 0;		padding-right: 0;	}

	.sectionw.angeboteblack .colums1.hgcolordark {		padding: 15px 30px;	}
	.sectionw.angeboteplugin .frame-container {padding: 0;}
	.sectionw.angeboteplugin .carousel .carousel-item {		padding-left: 0;		padding-right: 0;	}
	.sectionw .carousel-multi-item.v-2 .news-img-wrap img{ max-width: 320px; width: 100% }

	.btn-default {		font-size: 12px; }
	#main a {		font-size: 12px; text-align: center;	}

	.carousel-multi-item .carousel-inner.v-2 .zimmerspecial1 .newsangebotpreispreis {		font-size: 24px;		font-weight: 300;		}

	#p5212, #p5238, #p5294, #p5313 {margin-top: 20px;	padding: 10px 0;
	}
}