/*
Theme Name: Blauer Reiter
Theme URI: http://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,custom-menu,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 1.4.1.1532615656
Updated: 2018-07-26 16:34:16

*/
/* simple Custom CSS
 * 
 * Customizer
*/

#enque-me{
	background-color: #e6e6e6;
}
.footer-container p{
	margin-bottom:5px;
}

#mc_embed_signup{
	background-color: #e6e6e6;
	background: #e6e6e6 !important;
}

.not-clickable a{
	cursor:default !important;
}
#colophon .elementor-element.elementor-element-c799cab.elementor-column.elementor-col-100.elementor-top-column
 {
		min-height : 420px;
}

#footer-social-icons .elementor-container.elementor-column-gap-default {
    height: 80px;
    max-height: 80px;
    min-height: 80px !important;
}

/*
#top-background .elementor-container.elementor-column-gap-default {
		min-height : 900px;
} 
*/

#newsletter-button{
  width : 10px;
}
/*
.text-block-column-1 .elementor-column-wrap{
  
	padding-right : 20px !important;
  padding-left : 20px !important;
  background-size: cover;

}


.text-block-column-2 .elementor-column-wrap{
  
	padding-right : 20px !important;
  padding-left : 20px !important;
  background-size: cover;

}

.text-block-column-3 .elementor-column-wrap{
  
	padding-right : 20px !important;
  padding-left : 20px !important;
}

.text-block-column-4 .elementor-column-wrap{
  
	padding-right : 20px !important;
  padding-left : 20px !important;
}
*/
audio {
		width : 100%;
}

/*
für gleich bleibende Breite der Spalten, erlauben wir das trennen eines wortes
*/
h2 {
  word-break: normal;
}
/* make the galerie hidden until recieving a click of a button */
/*
#galerie-hidden {
		display : none;
}
*/
/* top background photo 60 px */
#top-background, .top-background {
		margin : 0px 60px 15px 60px;
		height : 92vh;
}

#hotel-logo img {
		
		background-color : #ffffff;
}

/* customized theme header*/
.main-header-bar {
		padding : 0px;
}
.site-branding{
		display: none;
}

.entry-header {
	display : none;
}

#masthead .ast-container {
		padding : 0px;
}

.ast-masthead-custom-menu-items.text-html-custom-menu-item {
		padding : 0px;
}


.main-header-bar-navigation.ast-header-custom-item.ast-flex.ast-justify-content-flex-end .ast-masthead-custom-menu-items.text-html-custom-menu-item .ast-custom-html{
		position : fixed;
		width	: 100%;
		background-color : white;
		height: 80px;
		display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* customized theme header intern */ 
/* #masthead .ast-container.intern {
		padding : 0 ;
}
.ast-masthead-custom-menu-items.intern{
		padding : 0;
}
.top-bar.intern ul {
		margin-right : 0;
} */

/* Date input */

.innen-container {
    display: flex;
    flex-direction: row;
    width: 500px;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}

.innen-container  input[type="text"] {
		border-radius : 0px;
		width : 45%;
}

#date-abreise {
		margin-left : 5px;
}
#number-of-nights{
	margin-left: 5px;
}


#date-anreise {
		margin-right : 5px;
}

#date-abreise:focus {
		width : 45%;
		height : 45px;
}
#arrival-date:focus{
	width:45%;
	height:45px;
}
#date-anreise:focus {
		width : 45%;
		height : 45px;
}

#room-detail {
		width : 455px;
}

#number-of-persons{
	width: 455px;
}

/*social icons*/

.elementor-social-icon-instagram {
		margin-left : 15px;
		margin-right : 20px;
}

/* fixed height of boxes*/ 

.elementor-column.elementor-col-33 {
		max-height : 386px;
}

.elementor-column.elementor-col-66 {
		max-height : 386px;
}

.elementor img {
		max-height : 420px !important;
}

#content {
		margin-top : 77px;
}

/* dropdown menu*/

.dropbtn {
    display: inline-block;
    text-align: center;
    padding: 14px 16px 14px 0px;
    text-decoration: none;
}


li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
		margin-top : 80px;
/* 		margin-right : 60px; */
		height : auto;
		background-color: #717170;/*#8e3e5b;*/
		opacity : 0.9;

}

.dropdown-container a {
    color: white;
    padding: 10px;
		text-align : left;
	
}

div#umgebung-content {
  
}

.dropdown-container a:hover {		background-color: #595959;

}

.dropdown:hover .dropdown-content {
   display : block;
		height : auto;
		
}

.dropdown-container {
		display: flex;
		flex-direction : column;
		flex-wrap : wrap;
		height : auto;
		width : auto;
		
}


.top-bar ul {
	display: flex;
	flex-direction: row;
/* 	margin-right: 30px; */
	justify-content: center;
	width: auto; /* javascript calculation of the width of the screen to determinate the width of this bar*/
}
.top-bar ul li {
/*     width: 11%; */
    list-style: none;
	height: 80px;
	display: flex;
		margin-left : 10px;
		margin-right : 10px;
}

.dropbtn {
	text-align: center;
	font-size: 95%;
	margin: auto;
}

.top-bar {
    width: auto;
    right : 60px;
		height : 80px;
	position : absolute;
	margin-top: 25px;
}


.image-header {
    position: absolute;
    width: 100px;
    height: 115px;
    left: 120px;
	padding-top: 5px;
}
/* end of dropdown menu */

/* header of intern website */

.image-header-intern {
		margin-left : 60px;
	width: 60px;
		float : left;
}




/* end of header of intern website */


/* Zimmer & Suiten */
#text-matrazen {
		width : 60%;
		margin : auto;
}

/* footer of Zimmer & Suiten */ 
.main-container-footer {
		width : auto;
		background-color :    #e6e6e6;
		height : auto;
		margin : 15px 60px 0px 60px;
		display : flex;
		flex-direction : row;
		justify-content : center;
		padding : 80px 0px 50px 0;
		min-height : 420px;
}

.main-container-footer .footer-column{
		width : 15%;
		padding : 10px;
}
.main-container-footer  a{
  color :   #3a3a3a;
}


.main-container-footer div h2{
		color :   #3a3a3a;
		font-size : 1.5em;
}

.main-container-footer div p{
		color :   #3a3a3a;
		font-size : 1em;
}


/* style of the boxes at the begin of pages*/

.main-container-text {
		width : auto;
		background-color : #e6e6e6;
		height : auto;
		margin : 0px 60px 0px 60px;
		padding : 10px 0px 10px 0; 

}

.main-container-text div {
		width : 50%;
		padding : 10px;
		margin : auto;
}

.main-container-text div h2{
		color :   #a6a6a6;
		font-size : 1.5em;
		text-align : center;
}

.main-container-text div p{
		color :   #a6a6a6;
		font-size : 1em;
		text-align : center;
}


/* gallery edit */
#envira-gallery-963 {
		width : 90%;
}
#envira-gallery-1012, #envira-gallery-3034 {
		width : 60%;
}
#envira-gallery-1050 {
		width : 55%;
}
#envira-gallery-1206 {
		width : 50%;
}
#envira-gallery-1231 {
		width : 57%;
}

#envira-gallery-2923, #envira-gallery-3005{
		width : 80%;
}

#envira-gallery-2649, #envira-gallery-2678, #envira-gallery-2715, #envira-gallery-2745, #envira-gallery-2795, #envira-gallery-2817 {
		width : 80%;
}

#envira-gallery-2804 {
		width : 70%;
}

#envira-gallery-2811 {
		width : 55%;
}

#envira-gallery-1574 {
		width : 80%;
} /*Superiorzimmer Galerie*/

#envira-gallery-1608 {
		width : 69%;
} /* Missoni Superiorzimmer Galerie*/

#envira-gallery-1098 {
		width : 80%;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
}

#envira-gallery-1673 {
		width : 100%;
  } /* Asia Juniorsuite Galerie*/

#envira-gallery-1707 {
		width : 80%;
  } /* KUBUS Juniorsuite Galerie*/

#envira-gallery-1727 {
		width : 70%;
  } /* Damen Juniorsuite Galerie*/

#envira-gallery-1760 {
		width : 90%;
  } /*Juniorsuite Galerie*/

#envira-gallery-1811 {
		width : 80%;
  } /*Penthouse Galerie*/

#envira-gallery-1839 {
		width : 80%;
  } /*KUBUS Juniorsuite DELUXE Galerie*/

#envira-gallery-1871 {
		width : 90%;
  } /*Suite 226 Galerie*/

#envira-gallery-1902 {
		width : 80%;
  } /*Superior Suite Galerie*/

#envira-gallery-2849{
  width : 70%;
}
#envira-gallery-2864{
 width : 40%; 
}
#envira-gallery-2879{
width : 70%;
}
#envira-gallery-2892{
 width : 80%; 
}
#envira-gallery-2911{
 width : 30%; 
}
@media only screen and (min-width: 1024px){
#top-background, .top-background {
    min-height: 900px;
}
}
/* Event Kalender Css */



table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------- CALENDAR ---------- */

.calendar {
	text-align: center;
}

.calendar header {
	position: relative;
}

.calendar h2 {
	text-transform: uppercase;
}

.calendar thead {
	font-weight: 600;
	text-transform: uppercase;
}

.calendar tbody {
	color: #7c8a95;
}

.calendar tbody td:hover {
	border: 2px solid #00addf;
}

.calendar td {
	border: 2px solid transparent;
	border-radius: 50%;
	display: inline-block;
	height: 4em;
	line-height: 2em;
	text-align: center;
	width: 4em;
}

.calendar .prev-month,
.calendar .next-month {
	color: #cbd1d2;
}

.calendar .prev-month:hover,
.calendar .next-month:hover {
	border: 2px solid #cbd1d2;
}

.current-day {
	background: #00addf;
	color: #f9f9f9;
}

.event {
	cursor: pointer;
	position: relative;
}

.event:after {
	background: #00addf;
	border-radius: 50%;
	bottom: .5em;
	display: block;
	content: '';
	height: .5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
}

.event.current-day:after {
	background: #f9f9f9;
}

.btn-prev,
.btn-next {
	border: 2px solid #cbd1d2;
	border-radius: 50%;
	color: #cbd1d2;
	height: 2em;
	font-size: .75em;
	line-height: 2em;
	margin: -1em;
	position: absolute;
	top: 50%;
	width: 2em;
}

.btn-prev:hover,
.btn-next:hover {
	background: #cbd1d2;
	color: #f9f9f9;
}

.btn-prev {
	left: 6em;
		line-height : 1.6em;
}

.btn-next {
	right: 6em;
				line-height : 1.6em;
}

/* end event kalender css*/ 


div.front-titel {
    
    margin: auto;
		margin-bottom : 0 !important;
    position: absolute;
		left : 0;
		right : 0;   
}



.hidden {
		display :none;
}

h1, h2, h3, h4, h5, a {
		font-family: 'Open Sans', sans-serif !important;
}
/* WooCommerce*/ 

div.mep-month{
  background-color: #717170;
}

.mep_event_list_item .mep-list-header::before{
  z-index:0;
}
.paypal-button.paypal-button-context-iframe.paypal-button-label-paypal.paypal-button-size-responsive.paypal-button-layout-horizontal{
  padding-top: 5px !important;
}

.paypal-button.paypal-button-context-iframe.paypal-button-label-paypal > .zoid-outlet > iframe.zoid-component-frame {
    z-index: 0 !important;
}

.xoo-wsc-items-count{
  background-color: #009ee2 !important;
}

/*Maps block GDPR
*/

#map-section .elementor-row{
  height: 420px;
}

#bild-rechts-maps .elementor-element.elementor-widget.elementor-widget-google_maps{
  height: 100%;
}

.awmp_map_wrapper{
  height: 420px;
  width: 100vw;
}

.awmp_map_wrapper p{
  line-height: 1.8;
}

/*Buchungstool Dirs*/

.quickbook-dirs #d21-quickbook #d21-avail-result-container.d21-avail {
    background-color: grey;
}

.quickbook-dirs #d21-quickbook .d21-pulse-btn{
 background-color: grey; 
}

#d21-quickbook h2{
  
 display: none;
  
}

#buchen-header:hover{
background-color: #717170 !important;
  border: none !important;
}

#buchen-header a{
  color: white !important;
}

/* Galerie */ 
.swiper-container{
 width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.galerie .swiper-slide{
  width: calc(100% /4);
}
.custom-image-slider img{
  object-fit: cover !important;
    width: 100%;
}

/* header&footer */ 


.ast-header-break-point button.ast-mobile-menu-buttons-fill.menu-toggle{
  background-color: white;
}
span.menu-toggle-icon{
  color: black;
}
span.menu-toggle-icon:focus, span.menu-toggle-icon:hover{
  color: grey;
}

.main-header-bar-navigation.ast-header-custom-item.ast-flex.ast-justify-content-flex-end .ast-masthead-custom-menu-items.text-html-custom-menu-item .ast-custom-html{
  height: 140px !important;
}


#buchen-header{
  margin-right: 0px;
}

.dropbtn {
    display: inline-block;
    text-align: center;
    padding: 14px 16px 14px 0px;
    text-decoration: none;
}
.dropbtn:hover {
	
text-decoration: underline;
}


@media screen  and (max-width: 1440px){
 .dropbtn{
   padding: 14px 7px 14px 0px;
  }
}


.image-header {
    position: absolute;
    width: 100px;
    height: 115px;
    left: 60px;
	padding-top: 5px;
}
@media screen  and (max-width: 1500px){
 .image-header{
   left: 60px;
  }
}

.top-bar ul li {
/*     width: 11%; */
    list-style: none;
	height: 80px;
	display: flex;
		margin-left : 10px;
		margin-right : 10px;
}


@media screen  and (max-width: 1650px){
  .top-bar ul li {
 	margin-left : 0px;
	margin-right : 0px; 
  }
}
@media screen and (min-width: 1280px){
	.top-bar ul li {
    position: relative;
	}
	.dropdown-content{
		left:0px;
		width:max-content;
	}
}
@media screen  and (max-width: 1280px){
  #main-menu{
   position: absolute; 
  }
  
  .top-bar ul#main-menu{
  flex-direction: column;
  width:100%;
  background-color: white;
  margin: 0;
  }
  
  .top-bar{
    width: 100%;
    position: absolute;
    height: calc(100vh - 100px);
      overflow-x: scroll;
    margin-top: 0px;
    left: 0px;
  }
  
  .top-bar #main-menu a{
   padding-left:30px;
     padding-right: 30px;
  }
  
  .dropdown-content{
   margin-top: 0px;
    position: relative;
  }
  
  .dropdown-container a{
    display: list-item;
    list-style-position: outside;
  }
  
  .top-bar ul li{
   display: block; 
 	 height:auto;
   }
  
  .ast-header-break-point .ast-header-custom-item .ast-masthead-custom-menu-items{
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  .main-header-bar .main-header-bar-navigation.toggle-on{
    padding-top: 0px;
   }
  
  .ast-flex.main-header-container{
    position:fixed;
  }

  #social-icons-wrapper{
  padding-top: 5px;
    text-align: center;
  }
  
  #social-icons-wrapper  div.fa{
      height: 30px;
    width: 30px;
  text-align: center;
    font-size: 30px;
	}
  
  #masthead div.ast-flex.main-header-container{
   width:100%;
     background-color: white;
  }
  #masthead .ast-button-wrap .menu-toggle .menu-toggle-icon::before{
    line-height: 30px;
    font-size: 30px;
  }
  
  
}



@media screen and (max-width: 767px){
  
  
  .dropbtn {
      text-align: center;
      font-size: 13pt;
      margin: auto;
  }



}



.footer-list span{
  font-size: 100% !important;
}

#social-icons-wrapper{
padding-top: 10px;
  text-align: center;
}
.social-media-footer a{
  color: #3a3a3a;
  width: 50%;
  left: 0%;
    position: relative;
}

#buchen-header:hover{ /*Effekt*/ 
color: white; 
background-color: #009EE2; 
} 

#buchen-header a:hover{
  color: black;
}

#buchen-header a{
  padding:14px 16px;
  color: white;
}




#buchen-header:hover{
background-color: #009EE2 !important;
  border: none !important;
}

#buchen-header a{
  color: white !important;
}

#buchen-header{
  
background-color: #717170; /*Hintergrundfarbe*/ 
//border: solid #009EE2 3px; /*Rahmen/Rahmenfarbe*/ 
color: white; /*Schriftfarbe*/ 
padding: 10px 10px; /*Abstand Schrift und Rahmen */ 
text-align: center; /*Textposition */ 
display: inline-block; /* kein Zeilenumbruch nach einem Element*/ 
font-size: 16px; /*Schriftgröße*/ 
  cursor: pointer; /* Maus wird zu einem Zeiger */ 
}


#social-icons-wrapper  div.fa{
    height: 30px;
    width: 30px;
  text-align: center;
   font-size: 30px;
}

/* shop btn
.shop-full-width-btn{
 position: absolute; 
}

.shop-full-width-btn .elementor-button-wrapper{
 right: 20px;
  position: absolute;
      cursor: pointer;
} */ 


a[role=button]{
  cursor: pointer;
}


/*
Gallerie


button.slick-next.slick-arrow::before{
font-size: 90px !important;
  color : white !important;
filter: alpha(opacity=70)  !important;
  opacity: 0.7 !important;
}
button.slick-prev.slick-arrow::before{
   font-size:90px !important;
color : white !important;
  filter: alpha(opacity=70) !important;
  opacity : 0.7 !important;
}

button.slick-next.slick-arrow{

  width :60px !important;
  right : 0px !important;
}

button.slick-prev.slick-arrow{

  width :60px !important;
  left : 0px !important;
}
*/
/* contact forms */

#wpforms-form-4244 label, #wpforms-form-4236 label,  #wpforms-form-4258 label,
#wpforms-form-4270 label,
#wpforms-form-4282 label{
		color : black !important;
}

.wpforms-submit, button#wpforms-submit-4244, button#wpforms-submit-4236,  button#wpforms-submit-4258,button#wpforms-submit-4270,button#wpforms-submit-4282, .elementor-slick-slider ul.slick-dots li button, .slick-prev.slick-arrow, .slick-next.slick-arrow {
		opacity: 1;
}
div.wpforms-container-full .wpforms-form label{
    color: black;
}


.wpforms-container-full .wpforms-form .wpforms-required-label{
font-size : 13px !important;
}

button.wpforms-submit{
  margin: 10px !important;
}


/*
font-Size h1,h2,h3,span
*/ 

.link-in-img-block, .link-in-img-block *, .link-in-img-block > a{
  width: 100%;
  height: 100%;
  display:flex;
}
.room-list-items .elementor-icon-list-item i{
	vertical-align: middle;
  
}

.alot-text-block h1, .alot-text-block h2, .alot-text-block h3{
  color: #FFFFFF !important;
}

.room-list-items .elementor-icon-list-text span{
 width: 100%; 
}

.text-block-column-1>div, .text-block-column-2>div, .text-block-column-3>div, .text-block-column-4>div{
 padding-right: 30px !important; 
  padding-left: 30px !important; 
}

.front-titel, .full-row-titel{
  display:inline-flex;
}

.front-titel .elementor-text-editor, .full-row-titel .elementor-widget-container{
  padding-left:15px;
  padding-right: 15px;
}

.elementor-element.elementor-section-full_width.elementor-section-content-middle.text-box.min-height-200.elementor-section.elementor-top-section{
  min-height: 200px !important;
}

.elementor-element.elementor-section-full_width.elementor-section-content-middle.text-box.min-height-200.elementor-section.elementor-top-section 
.elementor-container{
  min-height: 200px !important;

  }

.text-box-h5 .elementor-widget-container h5{
 
  font-size: 1.2vw;
  letter-spacing: 1.8px;
  font-weight: 300;
  line-height: 1.5em;
  
  }

.front-titel > div, .full-row-titel > div{
  margin:auto !important;
}

.front-titel .elementor-text-editor
{
  font-size: 2.2vw;
  letter-spacing: 0.3vw;
  line-height: 1.5em
}
.front-titel .elementor-text-editor h1
{
  font-size: 2.2vw !important;
  letter-spacing: 0.3vw;
  line-height: 1.5em;
  color: #ffffff;
  margin-bottom: 0px;
}



p.text-front-titel {
    font-size: 0.5em;
    margin-top: 10px;
    letter-spacing: 2px;
		margin-bottom : 0px !important;
		padding : 0px;

}

@media screen  and (max-width: 1900px) /* Tablet */ {
h2{
  font-size: 22px !important;
  }
  .text-box-h5 .elementor-widget-container h5{
 
  font-size: 22px;
  }
  
  /*
h1 {
font-size : 3.5vw !important;
}
h2{
font-size: 1.4vw !important;  
}
h3{
font-size: 1.8vw !important;
}
  
span {
font-size : 1vw !important;
}*/
}

@media screen and (min-width: 1901px) /* Desktop */ {
h2{
  font-size: 22px !important;
  }
  .text-box-h5 .elementor-widget-container h5{
 
  font-size: 22px;
  }
  /* h1 {
font-size : 3.0vw !important;
}
h2{
font-size: 1.2vw !important;  
}
h3{
font-size: 1.4vw !important;
}
span {
font-size : 1vw !important;
}*/
}
@media screen  and (max-width: 1024px) /* Tablet */ {
  .front-titel .elementor-text-editor h1
{
  font-size: 22px !important;
  letter-spacing: 0.3vw;
  line-height: 1.5em;
  color: #ffffff;
  margin-bottom: 0px;
}
  
  .front-titel .elementor-text-editor
{
  font-size: 22px;
  letter-spacing: 0.3vw;
  line-height: 1.5em
}
  
 h2{
  font-size: 18px !important;
  }
  .text-box-h5 .elementor-widget-container h5{
 
  font-size: 18px;
  }
    /*
h1 {
font-size : 3.5vw !important;
}

h3{
font-size: 1.8vw !important;
}

span {
font-size : 1vw !important;
}*/
}

@media screen  and (max-width: 768px) /* Tablet */ {
 
	#masthead .site-logo-img .custom-logo-link img.custom-logo {
    max-width: 50px;
}
	
	.front-titel .elementor-text-editor h1
{
  font-size: 17px !important;
  }
  
  .front-titel .elementor-text-editor
{
  font-size: 17px;
}
  
  
  h2, h5{
font-size: 13px !important;  
}
  
.footer-container h2{
  font-size: 17px !important;  
 }
}


.text-block-column-1 span.elementor-button-text, .text-block-column-2 span.elementor-button-text, .text-block-column-3 span.elementor-button-text, .text-block-column-4 span.elementor-button-text{
 word-break: normal;
}



/*small-devices-css */ 

@media only screen and (max-width: 1024px) {
	#top-background, .top-background{
  	margin:0px 30px 0px 30px;
    
    min-height: 400px;
  }
  
  .footer-column{
    width: 50%;
  }
  
  .text-box .elementor-row>div>div {
    margin: 0px 30px 0px 30px !important;
  }
  
   .text-block-column-4>div, .img-block-column-4>div{
   margin-right: 30px !important; 
  }
 
  .text-block-column-1>div, .img-block-column-1>div{
   margin-left: 30px !important; 
  }
  
  .text-block-column-1 a.elementor-button-link, .text-block-column-2 a.elementor-button-link, .text-block-column-3 a.elementor-button-link, .text-block-column-4 a.elementor-button-link,
  .text-block a.elementor-button-link{
  padding: 7px 11px 7px 11px !important;
    font-size: 17px !important;
  }
  
}

@media only screen and (max-width: 767px){
 
  #top-background. ,.top-background{
  margin: 0px 0px 0px 0px;
    height: 420px;
  }
  
.text-block-column-1,.text-block-column-2,.text-block-column-3,.text-block-column-4{
  width: 100%;
    min-height: 210px; 
  }
  
  .img-block-column-1, .img-block-column-2, .img-block-column-3, .img-block-column-4{
  width: 100%;
    min-height: 210px;
  }
  
  .text-block-column-1{
   top: 210px; 
    z-index: 1;
  }
  .img-block-column-2{
   top: -210px; 
  }
  .text-block-column-3{
   top: 210px; 
  }
  .img-block-column-4{
   top: -210px; 
  }
  
  .text-block-column-1 > div{
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
  }
  .img-block-column-1 > div{
   padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
   
  }
  
  
  .text-block-column-2 > div{
   padding: 10px !important;
   margin: 0px 0px 0px 0px  !important;
  }
  .img-block-column-2 > div{
   padding: 11px !important;
     margin: 0px 0px 0px 0px!important;
  }
  
  .text-block-column-3 > div{
padding: 10px !important;
      margin: 0px 0px 0px 0px!important;
  }
  .img-block-column-3 > div{
    
padding: 10px !important;
     margin: 15px 0px 0px 0px   !important;
  }
  
  .img-block-column-4 > div{
   
    padding: 10px !important;
    margin: 15px 0px 0px 0px !important;
  }
  .text-block-column-4 > div{
    padding: 10px !important;
     margin: 0px 0px 0px 0px  !important;
  }
  
  .text-block-column-1 .elementor-widget-button .elementor-widget-container, .text-block-column-2 .elementor-widget-button .elementor-widget-container,
  .text-block-column-3 .elementor-widget-button .elementor-widget-container, .text-block-column-4 .elementor-widget-button .elementor-widget-container{
  margin:0px !important;
  }
    
  .text-box .elementor-row>div>div {
    margin: 0px 0px 0px 0px !important;
  }
  
  .home-row .text-block, .home-row .image-left, .home-row  .image-right, .home-row .awmp_map_wrapper{
    /*height: 50%;*/
		min-height: 210px;
  }
  
  #bild-rechts-maps div{
    height: 100%;
  }
  
  .progr-block-column-2 .elementor-widget-wrap .elementor-element.elementor-widget,  .progr-block-column-3 .elementor-widget-wrap .elementor-element.elementor-widget,
  .progr-block-column-4 .elementor-widget-wrap .elementor-element.elementor-widget,  .progr-block-column-1 .elementor-widget-wrap .elementor-element.elementor-widget{
    margin-bottom:10px !important;
  }
  
   .progr-block-column-2 .elementor-widget-wrap .elementor-element.elementor-widget .elementor-progress-bar, .progr-block-column- .elementor-widget-wrap .elementor-element.elementor-widget .elementor-progress-bar, 
  .progr-block-column-3 .elementor-widget-wrap .elementor-element.elementor-widget .elementor-progress-bar, .progr-block-column-1 .elementor-widget-wrap .elementor-element.elementor-widget .elementor-progress-bar{
   height:25px !important;
     line-height: 22px !important;
  }
  
}

/*
@media only screen and (max-width: 767px) {
  
   
  #top-background{
  margin: 0px 0px 0px 0px;
  }
  
.text-block-column-1,.text-block-column-2,.text-block-column-3,.text-block-column-4{
  width: 100%;
    
    
  }
  
  .img-block-column-1, .img-block-column-2, .img-block-column-3, .img-block-column-4{
  width: 100%;
   
  }
  
  
  
  .text-block-column-1 > div{
    min-height: 300px;
    margin: 0px 7.5px 0px 0px !important;
  }
  .img-block-column-1 > div{
    min-height: 300px;
    margin: 0px 0px 0px 7.5px!important;
   
  }
  
  .text-block-column-2 > div{
    min-height: 300px;
   margin: 0px 7.5px 0px 0px  !important;
  }
  .img-block-column-2 > div{
    min-height: 300px;
     margin: 0px 0px 0px 7.5px !important;
  }
  
  .text-block-column-3 > div{
    min-height: 300px;
      margin: 15px 0px 0px 7.5px !important;
  }
  .img-block-column-3 > div{
    min-height: 300px;
     margin: 15px 7.5px 0px 0px   !important;
  }
  
  .img-block-column-4 > div{
    min-height: 300px;
    margin: 15px 7.5px 0px 0px !important;
  }
  .text-block-column-4 > div{
    min-height: 300px;
     margin: 15px 0px 0px 7.5px  !important;
  }
  
  .text-block-column-3{
   left: 50% ;
  }
  .img-block-column-4{
    right:50%;
  }
  
  .text-block-column-2{
    right:50%;
  }
  
  .img-block-column-1{
    left: 50% 
  }
  
  .text-box .elementor-row>div>div {
    margin: 0px 0px 0px 0px !important;
  }
  
  
  .home-row .text-block, .home-row .image-left, .home-row  .image-right, .home-row .awmp_map_wrapper{
    height: 50%;
  }
  
  #bild-rechts-maps div{
    height: 100%;
  }
}
*/

@media only screen and (max-width:599px) {
		
  
  .innen-container input{
    width: 80% !important;
  }
  #number-of-persons{
   width: 100%; 
  }
  #number-of-nights{
   margin: 20px 0px 0px 0px !important; 
  }
  
 .innen-container{
	width: 80%;
  flex-direction: column;
}
		
		#top-background, .top-background {

    min-height: 400px;

}
		
}

/*
 * 
 * IE fix */
@media only screen and (min-width:1280px){
.dropdown-content {
    white-space: nowrap;
}
}
@media only screen and (min-width:768px){
	.img-block-column-1, .img-block-column-2, .img-block-column-3, .img-block-column-4{
    min-height:400px;
    }
}

@media screen  and (max-width: 467px){
  .footer-column{ width: 100%;}
  fh2{
    font-size: 16px;
  }
}