@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
html, body {
	background-color: #f7f7f7;
	overflow-x: hidden;
}
p,h1,h2,h3,h4,h5,h6 {
	color: #222;
}
.hero-banner {
    position: relative;
    width: 100%;
    padding:30px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('images/IMG_20210613_143120.jpg');
}
.hero-banner p {
	line-height:50vh;
	text-align:center;
}
header {
	border-bottom: 3px solid #eee;
}
.owl-carousel {}
.owl-carousel1 img {
	border-radius: 25px;
}
.owl-dots {}
div.owl-carousel button.owl-dot {
color:red;
}
.bline {
	border-bottom: 10px solid #d0795b;
}
form input[type="text"],form input[type="tel"],form input[type="email"],form input[type="date"],form input[type="submit"] {
	width: 100%;
  line-height: 30px;
  padding: 12px;
  border-radius: 12px;
  border: 1.5px solid lightgrey;
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
}

.input:hover {
  border: 2px solid lightgrey;
  box-shadow: 0px 0px 20px -17px;
}

.input:active {
  transform: scale(0.95);
}

.input:focus {
  border: 2px solid grey;
}

	div.ferienhausmiete-de-widget.widget4 {
		max-width: unset !important;
	}
	div.ferienhausmiete-de-widget.widget3 {
		width: unset !important;
	}
	
	section div.container a {
		color: #d0795b;
		text-decoration: none;
	}
	
	@media only screen and (min-width: 768px) {	
		#ferienhausmiete-de-widget3-413135 {
			display: none;
		}
	}
	@media only screen and (max-width: 767px) {
		#ferienhausmiete-de-widget4-413135 {
			display: none;
		}
		.mb16 {
			margin-bottom: 16px;
		}
	}

input[name="Username"] {
    position: absolute;
    left: -999999999px;
}

.sttt {
	position:absolute;
	margin-top:-90px;
}

			.text-justify {
				text-align: justify;
			}

@media only screen and (min-width: 768px) {

}
section.ptb {
	padding-bottom: 24px;
	padding-top: 24px;
}

section.bgi {

	background-position: center center;
	
}
section.bgi > div {
	padding-bottom: 110px;
	padding-top: 120px;
	background-color: rgba(0,0,0,0.7);
}
.photogrid img {
	width: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px;
}

@media only screen and (max-width: 767px) {
	
	p,li {font-size:130%;}
	h1,h2,h3 {font-size:200%;}
	h4,h5,h6 {font-size:150%;}

	.photogrid .row:first-child {
		display: none;
	}
	.photogrid .row:last-child div div {
		padding-bottom: calc(var(--bs-gutter-x)* .5);
		padding-top: calc(var(--bs-gutter-x)* .5);
	}
	.photogrid .row:last-child div div:last-child {
		padding-bottom: 0;
	}
	.photogrid .row:last-child div div:first-child {
		padding-top: 0;
	}
}
@media only screen and (min-width: 768px) {
	.photogrid .row:last-child {
		display: none;
	}
	.photogrid .row:first-child div div {
		padding-bottom: calc(var(--bs-gutter-x)* .5);
		padding-top: calc(var(--bs-gutter-x)* .5);
	}
	.photogrid .row:first-child div div:last-child {
		padding-bottom: 0;
	}
	.photogrid .row:first-child div div:first-child {
		padding-top: 0;
	}
}