@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.input-data{
  height: 40px;
  width: 100%;
  position: relative;
}
.input-data .big{
  height: 100%;
  width: 100%;
  border: none;
  font-size: 17px;
  border-bottom: 2px solid silver;
}
.input-data .small{
  height: 100%;
  width: 90% !important;
  border: none;
  font-size: 17px;
  border-bottom: 2px solid silver;
}
.input-data .wsmall{
  height: 100%;
  width: 50% !important;
  border: none;
  font-size: 17px;
  border-bottom: 2px solid silver;
}
.input-data input:focus ~ label,
.input-data input:valid ~ label{
  transform: translateY(-20px);
  font-size: 15px;
  font-family: la_rustica;
  font: bold;
  background: -webkit-linear-gradient(#FF5600, #c13f00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.input-data label{
  position: absolute;
  bottom: 10px;
  left: 0;
  color: grey;
  pointer-events: none;
  transition: all 0.3s ease;
}
.input-data .underline{
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0px;
}
.input-data .underline:before{
  position:absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#FE611D, #C13F00);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.5s ease-in-out;
}
.input-data input:focus ~ .underline:before,
.input-data input:valid ~ .underline:before{
  transform: scaleX(1);
}
.input-data .underline2{
  position: absolute;
  height: 2px;
  width: 90%;
  bottom: 0px;
  transform:translateX(0%);
}
.input-data .underline2:before{
  position:absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#FE611D, #C13F00);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.5s ease-in-out;
}
.input-data input:focus ~ .underline2:before,
.input-data input:valid ~ .underline2:before{
  transform: scaleX(1);
}
.input-data .underline4{
  position: absolute;
  height: 2px;
  width: 50%;
  bottom: 0px;
  transform:translateX(0%);
}
.input-data .underline4:before{
  position:absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#FE611D, #C13F00);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.5s ease-in-out;
}
.input-data input:focus ~ .underline4:before,
.input-data input:valid ~ .underline4:before{
  transform: scaleX(1);
}
.input-data .underline3{
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0px;
  transform:translateX(-50%);
}
.input-data .underline3:before{
  position:absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#FE611D, #C13F00);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.5s ease-in-out;
}
.input-data input:focus ~ .underline3:before,
.input-data input:valid ~ .underline3:before{
  transform: scaleX(1);
}
input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}
input[type=date]:focus::-webkit-datetime-edit {
    color: black !important;
}
input[type=time]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}
input[type=time]:focus::-webkit-datetime-edit {
    color: black !important;
}
input[type=checkbox] {
	margin:10px;
}
@la_rustica {
  font-family: 'Occidental';
  src: url('OCCIDENT.TTF');
}
.bg-black {
	background-color:#000;
}
.btn-col {
  background-image: radial-gradient(#FE611D, #C13F00);
  color:#FFF;
  background-size:100%;
  transition:all 0.5s;
}
.btn-col:hover, .btn-col:active {
  background-image: radial-gradient(#FE611D, #C13F00);
  background-size:300%;
  color:#FFF;
  transform:scale(1.1,1.1);
}
.navbar {
  margin-bottom: 0;
  z-index: 9999;
  border: 0;
  font-size: 12px !important;
  line-height: 1.42857143 !important;
  letter-spacing: 4px;
  border-radius: 0;
  opacity:0.9;
  transition: all 0.5s !important;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .navbar {
        -webkit-backdrop-filter: blur(10px) !important;
        backdrop-filter: blur(10px) !important;
    }
}

.navbar li a, .navbar .navbar-brand {
  color: #fff !important;
  transition:all 0.5s;
}
.jumbotron {
	height:100vh;
	width:100wv;
	background-color:rgba(0,0,0,0.5);
	background-image:url('1.jpg');
	background-attachment:fixed;
	padding:100px;
	opacity:0.5;
}
h4 {
	font-size:20px;
}
.container-fluid {
	padding:50px;
	text-align:center;
}
@media only screen and (max-width: 768px) {
	.text img {
		width:300px;
	}
	.container-fluid iframe {
		width:300px;
		height:270px;
		border:none;
	}
	.desc {
		color:#FFF;
		text-align:center;
	}
	h1 {
		font-family: la_rustica;
		font-size:50px;
		font: bold;
		background: -webkit-linear-gradient(#FF5600, #c13f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	h2 {
		font-size:25px;
		background: -webkit-linear-gradient(#FF6600, #c14f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.container-fluid p {
		font-size:16px;
		margin:0 !important;
	}
	.navbar-nav li a:hover, .navbar-nav li:active a {
		border-bottom: #FFF 1px solid !important;
		background-image:none;
	}
	.feature {
		margin:5px;
		padding:5px;
		border-radius:20px;
		background-color:rgba(255,255,255,0.3);
		height:100px;
		width:100px;
		text-align: center;
		color:#FFF !important;
		transition:all 0.3s ease-in-out;
	}
	.feature:hover {
		transform:scale(1.1,1.1);
		box-shadow:10px 10px 10px rgba(0,0,0,0.1) -10px -10px 10px rgba(0,0,0,0.1);
	}
	.feature i {
		font-size:50px;
		color:#FFF;
		transition:all 0.3s ease-in-out;
	}
	.feature:hover i {
		transform:translateY(0%);
		font-size:45px;
		background: -webkit-linear-gradient(#FF6600, #c14f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.feature p {
		margin-top:0px;
		font-size:15px;
		transform:translateY(100%);
		transition:all 0.3s ease-in-out;
	}
	.feature:hover p {
		transform:translateY(0%);
		font-size:18px;
	}
	.features {
		z-index: 1;
		margin: 0;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom:10px;
	}
	.to-top {
		position:fixed;
		right:10px;
		bottom:10px;
		font-size:20px;
		background: -webkit-linear-gradient(#FF5600, #c13f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		transition:all 0.5s ease-in-out;
	}
	.sprache {
		float:right;
		margin:10px;
		transition:all 0.5s ease-in-out;
	}
	.map {
		height:200px;
	}
	.text {
		z-index: 1;
		margin: 0;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top:40px;
	}
}
@media only screen and (min-width: 1080px) {
	.text img {
		width:500px;
		transform:translateY(-25%);
	}
	.container-fluid iframe {
		width:90vw;
		height:100vh;
		border:none;
	}
	h1 {
		font-family: la_rustica;
		font-size:70px;
		font: bold;
		background: -webkit-linear-gradient(#FF5600, #c13f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	h2 {
		font-size:40px;
		background: -webkit-linear-gradient(#FF6600, #c14f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.desc {
		color:#FFF;
		position:absolute;
		top:50%;
		font-size:18px;
		text-align:center;
	}
	.container-fluid p {
		font-size:18px;
		margin:100px;
	}
	.navbar-nav li a:hover, .navbar-nav li:active a {
		text-shadow:10px 10px 10px rgba(0,0,0,0.1) -10px -10px 10px rgba(0,0,0,0.1);
		transform:scale(1.3,1.3);
		background-image:none;
	}
	.feature {
		margin:20px;
		padding:5px;
		border-radius:20px;
		background-color:rgba(255,255,255,0.3);
		height:125px;
		width:125px;
		text-align: center;
		color:#FFF !important;
		transition:all 0.3s ease-in-out;
	}
	.feature:hover {
		transform:scale(1.1,1.1);
		box-shadow:10px 10px 10px rgba(0,0,0,0.1) -10px -10px 10px rgba(0,0,0,0.1);
	}
	.feature i {
		font-size:60px;
		color:#FFF;
		transition:all 0.3s ease-in-out;
		transform:translateY(30%);
	}
	.feature:hover i {
		transform:translateY(20%);
		font-size:50px;
		background: -webkit-linear-gradient(#FF6600, #c14f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.feature a {
		text-decoration:none;
	}
	.feature p {
		margin-top:20px;
		font-size:16px;
		transform:translateY(100%);
		transition:all 0.3s ease-in-out;
	}
	.feature:hover p {
		transform:translateY(70%);
		font-size:22px;
	}
	.features a {
		text-decoration-color:#c14f00;
	}
	.features {
		z-index: 1;
		margin: 0;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top:300px;
	}
	.to-top {
		position:fixed;
		right:60px;
		bottom:60px;
		font-size:36px;
		background: -webkit-linear-gradient(#FF5600, #c13f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		transition:all 0.5s ease-in-out;
	}
	.sprache {
		position:absolute;
		right:10px;
		color:#333;
		transition:all 0.5s;
	}
	.sprache a {
		color:#333;
	}
	.sprace .lg-active {
		color:#FFF !important;
	}
	.map {
		height:400px;
	}
	.text {
		z-index: 1;
		margin: 0;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top:100px;
	}
}
@media only screen and (min-width: 1920px) {
	.text img {
		width:761px;
		transform:translateY(-25%);
	}
	.container-fluid iframe {
		width:90vw;
		height:100vh;
		border:none;
	}
	h1 {
		font-family: la_rustica;
		font-size:100px;
		font: bold;
		background: -webkit-linear-gradient(#FF5600, #c13f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	h2 {
		font-size:50px;
		background: -webkit-linear-gradient(#FF6600, #c14f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.desc {
		color:#FFF;
		position:absolute;
		top:50%;
		font-size:22px;
		text-align:center;
	}
	.container-fluid p {
		font-size:18px;
		margin:100px;
	}
	.navbar-nav li a:hover, .navbar-nav li:active a {
		text-shadow:10px 10px 10px rgba(0,0,0,0.1) -10px -10px 10px rgba(0,0,0,0.1);
		transform:scale(1.3,1.3);
		background-image:none;
	}
	.feature {
		margin:20px;
		padding:5px;
		border-radius:20px;
		background-color:rgba(255,255,255,0.3);
		height:150px;
		width:150px;
		text-align: center;
		color:#FFF !important;
		transition:all 0.3s ease-in-out;
	}
	.feature:hover {
		transform:scale(1.1,1.1);
		box-shadow:10px 10px 10px rgba(0,0,0,0.1) -10px -10px 10px rgba(0,0,0,0.1);
	}
	.feature i {
		font-size:75px;
		color:#FFF;
		transition:all 0.3s ease-in-out;
		transform:translateY(30%);
	}
	.feature:hover i {
		transform:translateY(20%);
		font-size:60px;
		background: -webkit-linear-gradient(#FF6600, #c14f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.feature a {
		text-decoration:none;
	}
	.feature p {
		margin-top:20px;
		font-size:18px;
		transform:translateY(100%);
		transition:all 0.3s ease-in-out;
	}
	.feature:hover p {
		transform:translateY(70%);
		font-size:22px;
	}
	.features a {
		text-decoration-color:#c14f00;
	}
	.features {
		z-index: 1;
		margin: 0;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top:500px;
	}
	.to-top {
		position:fixed;
		right:60px;
		bottom:60px;
		font-size:36px;
		background: -webkit-linear-gradient(#FF5600, #c13f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		transition:all 0.5s ease-in-out;
	}
	.sprache {
		position:absolute;
		right:10px;
		color:#333;
		transition:all 0.5s;
	}
	.sprache a {
		color:#333;
	}
	.sprace .lg-active {
		color:#FFF !important;
	}
	.map {
		height:400px;
	}
	.text {
		z-index: 1;
		margin: 0;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top:100px;
	}
}
#kontakt i {
	font-size:30px !important;
	margin:10px;
	background: -webkit-linear-gradient(#FF5600, #c13f00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#kontakt td {
	font-size:20px;
}
.download {
	margin:10px;
	float:right;
	color:#666;
	font-size:36px !important;
	transition:all 0.3s;
}
.download:hover {
	font-family: la_rustica;
	background: -webkit-linear-gradient(#FF5600, #c13f00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#navbar {
	transition:all 0.3s ease-in-out;
}
.carousel-control.right, .carousel-control.left {
  background-image: none;
  color: #f4511e;
}

.carousel-indicators li {
  border-color: #f4511e;
}

.carousel-indicators li.active {
  background-color: #f4511e;
  transform:scale(1.1,1.1);
}

.mdc-button {
	--mdc-theme-primary:#c13f00;
	--mdc-theme-secondary:#333;
	--mdc-theme-background:#c13f00;
	--mdc-theme-surface:#c13f00;
	text-transform: none;
	text-decoration:none !important;
}
.mdc-button__ripple {
	animation-duration:1s;
}
.mdc-form-field {
	--mdc-theme-primary:#c13f00;
	--mdc-theme-secondary:#c13f00;
	--mdc-theme-background:#c13f00;
	--mdc-theme-surface:#c13f00;
}
.mdc-form-field label {
	font-size:14px;
}
.recapcha {
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
#sprache a {
	color:#FFF;
}
#preisHotel {
	display: inline;
	font-size:36px;
}
.achtung {
	color:#F00;
	font-size:25px;
}