/*
Theme Name: child Divi
Description: Childtheme 
Author: 
Author URI: 
Template: Divi
Version: 1.1
Tags:
*/


#wpbs-form-2 .wpbs-container .wpbs-calendar-header-navigation .wpbs-next, 
#wpbs-form-2 .wpbs-container .wpbs-calendar-header-navigation .wpbs-prev,
#wpbs-form-2 .wpbs-select-container select{display:none !important;}
input[type="range"] {    width: 80%;    -webkit-appearance: none;      background: #ccc;     height: 5px;     border-radius: 5px;	margin-right:10px;}
input[type="range"]::-webkit-slider-thumb {    -webkit-appearance: none;    background: #fff;    border: 2px solid #ff6600;    width: 20px;    height: 20px;    border-radius: 50%;    cursor: pointer;}
.inputzeit {margin-top:10px;}
.wpbs-main-wrapper .wpbs-form-container {  padding: 0 !important;  max-width: 100% !important;}
.formhalb  {  padding-bottom: 2% !important;  width: 46%;  float: left;  margin-right: 2%;  margin-left: 2%;}
.hin{color:#ff0000;text-align:center;font-size:20px;}
.checkdschutz {  font-size: 0px;}
.dschutz{ margin-left:25px;margin-top:-53px; padding-bottom: 0% !important;}
.wpbs-form-field-checkbox label{font-weight:bold !important;}
#wpbs-form-datum {  width: 100%;   background: transparent;  padding: 8px;  text-shadow: none;  border: 1px solid #bbb;  text-align: left;  color: #9e9e9e;	cursor:pointer; 	display: block;  }
#datumfeld {display:none;margin-top:10px;}
.wpbs-form-submit-button{  	float: left;  margin-left: 0;}
.wpbs-form-submit-button button{border: 2px solid transparent !important;cursor:pointer; text-align: center; color: #FFFFFF !important;  font-size: 18px;  padding: 10px 40px;  background-color: #bf3118;}
.wpbs-form-submit-button button:hover {  	  border: 2px solid #bf3118 !important; }
.wpbs-container[data-columns] .wpbs-calendars .wpbs-calendar {  width: 100% !important;  max-width: 100% !important;  padding: 0px 10px;  border: 0px !important;}
.wpbs-calendar-2 {  max-width: 100% !important;  padding: 0px 10px;  border: 0px !important;}
#wpbs-form-datum,.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type="email"], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type="number"], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type="text"], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field select, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea { background-color: #ededed; color: #8e8e8e;border-color:#ededed;}
.datum .wpbs-form-field-description {display:none; margin-top: -32px;  margin-left: 10px;color: #999;  width: 50px;  position: relative; }
.wpbs-calendar-2 {display:none;}
.datumbox .wpbs-calendar-2 {display:block;  visibility: unset !important;  pointer-events: unset !important;} 
.bluebutton{background:#3983a6;  padding: 15px;  font-size: 28px;font-weight:bold;color:#ffffff;  border-radius: 13px;}
.bluebutton.reservierung{   position: absolute; top: 53%;  left: 35%;  z-index: -1;}  
.bluebutton.impressionen{ position: absolute;   left: 21%;  z-index: -1;  top: auto;   bottom: -138px;}
.bluebutton.maps{  position: absolute;  top: 34%;  left: 17%;  z-index: -1;}
.bild1{  margin: 20px;  max-width: 120px;}
.bild2{  margin: 20px;  position: absolute;  right: 30px;  max-width: 160px;}
.bild3{  margin: 20px;  margin-left: 60px;  max-width: 160px;}
.overlayleft{ margin-left: -40px;  margin-top: 20px;}
#bounce{animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;-o-animation: bounce 2s infinite;}
.bild3{animation: zoom 4s infinite;-webkit-animation: zoom 4s infinite;-moz-animation: zoom 4s infinite;-o-animation: zoom 4s infinite;}
.bild1{animation: move 6s infinite;-webkit-animation: move 6s infinite;-moz-animation: move 6s infinite;-o-animation: move 6s infinite;}
.bild2{animation: rot 6s infinite;-webkit-animation: rot 6s infinite;-moz-animation: rot 6s infinite;-o-animation: rot 6s infinite;  animation-delay: 2s;}
ul.et_mobile_menu {	top: -5px !important;  border-top: 3px solid #fff; padding: 0;height:100vh;background: #000000;   padding-top: 20vh;}
.et_mobile_menu li, .et_mobile_menu li li {  background: #000000; text-align:center; color:#ffffff;}
.et_mobile_menu li a{ color:#ffffff;}
.mobile_nav.opened .mobile_menu_bar{display:none;}
.mobile_nav.opened{  height: 95vh;  background: #000;  opacity: 0.8;}
.centercols .et_pb_column {    width: 33.333% !important;    margin: 0 !important;  }
.close{  position: absolute;  left: 50%;  width: 100px;  margin-left: -50px;  bottom: 60px;  top: auto;}
.et_pb_menu__menu {   display: none !important;}
@media (min-width: 980px) {  .et_mobile_nav_menu {    display: block !important;	  width:100%;  }}
.mobile_menu_bar {   float: right;  padding-right: 10px;}
.et_mobile_menu li {  list-style:none;}
.et_mobile_menu li,.et_mobile_menu li li {  padding-left: 0 !Important;}
.et_pb_menu .et_mobile_menu li ul {  padding: 0 !Important;} 
.footer-menu .et_pb_menu__menu {display:block  !Important;}
.footer-menu .et_mobile_nav_menu {display:none !Important;}
@media (max-width: 980px) {  .et_pb_menu .et_mobile_nav_menu { margin: 0 !important;}} 
.et_pb_menu_0_tb_header {position: fixed !important;}
.mobile_nav.opened {  height: 100vh !important;  width: 100% !important;}
.et_pb_menu_0_tb_header {position: absolute;}
.mobile_nav.opened .mobile_menu_bar:before {content: "\4d" !important;}
.mobile_menu_bar:before {transition: all .4s ease;transform: rotate(0deg);display: block;}
.mobile_nav.opened .mobile_menu_bar::before {transition: all .4s ease;transform: rotate(90deg);display: block;}
.mobile_nav.opened .mobile_menu_bar::before {   position: absolute;  left: auto;  top: 0;  z-index: 99999999999;  right: 5px;}
.et_pb_menu_0_tb_header.et_pb_menu ul li a,
.et_pb_menu_0_tb_header.et_pb_menu ul li,
.mobile_nav mobile_menu1 {background:transparent !important;}
.mobile_nav mobile_menu1 {opacity:0;visibility:hidden;}
.mobile_nav.opened mobile_menu1 {opacity:1;visibility:visible;}
.mobile_nav.opened .mobile_menu_bar {  display: block !important;  position: relative !important;  z-index: 999999999999 !important;}
@media (max-width: 980px) {  .et_pb_menu .et_mobile_menu {    padding: 0 !important;    padding-top: 20vh !important;    height: 100vh !important;    width: 100vw !important;    position: relative !important;  }}
.whitebg p span{  	text-align: center;  display: initial;  margin: 0 auto;  background-color: #f2f4ea;  padding: 5px 10px;  border-radius: 6px;}
.gridbuttons .et_pb_text_inner{  display: grid;  grid-template-columns: 50% 50%;  margin: 0 auto;  width: 525px;  place-items: center;  margin-top: 40px;}
.gridbuttons .et_pb_text_inner p{margin:0;  padding: 0;}
.gridbuttons .et_pb_text_inner p a{color:#1e1f20;}
.naviblack {  position: fixed;  right: 5px;  z-index: 999999;  top: 20%;}
.naviblack ul {  list-style: none;  padding: 0;  margin: 0;  width: 80px;}
.naviblack ul li {  width: 80px;  height: 80px;  margin: 0;  padding: 0;}
.naviblack ul li a {  position: relative;display: grid;  place-items: center;}
.naviblack ul li a img { width: 80px;  height: 80px;}
.naviblack ul li a span {  display:none;   position: absolute;  background: #0e4b7c;  color: #fff;  left: -100px;  padding: 10px;  width: 100px;  text-align: center;  z-index: 999999;}
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select {  background-color: #fff;  border: 1px solid #bbb;  padding: 10px;  color: #4e4e4e;  height: 40px !important;  width: 100%  !important;	font-size: 15px;}
textarea {  width: 100%   !important;	  padding: 10px;	font-size: 15px;}
.wpcf7 .wpcf7-submit:disabled {  cursor: not-allowed;  height: 40px;  background-color: #2ea3f2;  color: #fff;  border: none;  padding: 0px 20px;  font-size: 20px;}
.wpcf7 .wpcf7-submit {  height: 40px;  background-color: #2ea3f2;  color: #fff;  border: none;  padding: 0px 20px;  font-size: 20px;}
.wpcf7-select.ezimmer {background-color: rgba(47,128,237,0.24);}
.wpcf7-select.zzimmer {background-color: rgba(255,205,3,0.58);}
.wpcf7-select.dzimmer {background-color: rgba(47,128,237,0.24);}
.wpcf7-list-item {  margin: 0 0 0 0em;  padding-right: 5px;}
.wpcf7-date.anreise { width: 100% !important;  height: 40px;}
.wpcf7-date.abreise { width: 100% !important;  height: 40px;}


@keyframes zoom {
	0%, 20%, 50%, 80%, 100% { scale: 0.8;}
	40% {scale: 0.9;}
	60% {scale: 1.0;}
}

@keyframes rot {
	0%, 20%, 50%, 80%, 100% {transform: rotate3d(1, 1, 1, 0deg); }
	40% {transform: rotate3d(1, 1, 1, 8deg);}
	60% {transform: rotate3d(1, 1, 1, 12deg);}
}

@keyframes move {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0) translateY(0);scale: 0.9;}	
	40% {-webkit-transform: translateX(10px) translateY(-20px);scale: 1.0;}
	60% {-webkit-transform: translateX(15px) translateY(-10px);scale: 0.9;}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0) translateY(0);}	
	40% {-webkit-transform: translateX(-30px) translateY(-30px);}
	60% {-webkit-transform: translateX(-15px) translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0) translateY(0);}
	40% {-moz-transform: translateX(-30px) translateY(-30px);}
	60% {-moz-transform: translateX(-15px) translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0) translateY(0);}
	40% {-o-transform: translateX(-30px) translateY(-30px);}
	60% {-o-transform: translateX(-15px) translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateX(0) translateY(0);}
	40% {transform: translateX(-30px) translateY(-30px);}
	60% {transform: translateX(-15px) translateY(-15px);}
}