/* =ipad =768 
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){
.header {display: inline !important;}


h1.title {font-size: 26px;}


.home-booking-bar {
    width: auto !important;
    position: relative;}
    
#home-booking-room {
	height: 400px;
	}



.column, .columns{
    padding: 0 15px;}

#abstand, .abstand {height: 0px;}
    
.room_intro h3 {font-size: 20px;}
.metaicon_room i {font-size: 16px;}
.metaicon_room {text-align: center; background: none !important; width: auto; float: none;
    display:inline-block; padding: 2px 10px !important; font-size: 11px;}
.metaicon_room_single { padding: 0 10px !important; font-size: 13px;}

h1.entry-title {font-size: 22px;}

#arrangements_home {display: none;}

/* maps */
iframe{max-width: 768px;}


}

/* =ipad =768 
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){
    
    
    
:root {
    --margin-std: 20px;
    --margin-more: 40px;
    
    --font-h1: 32px;
    --font-h2: 24px;
    --font-h3: 20px;
    --font-h4: 16px;
    --font-normal: 15px;
    --font-small: 12px;
   
}
    
/* home */

#home-hero #image {height: 360px;}
    #home-hero h1 {font-size: 24px;}
    
#home-kacheln #kachel {width: 65vw !important;}

.nomobile {display:none!important;}
.onlymobile {display:block!important;}


#footer {display: block;}
#footer h3 {
	display: block;
	text-align: center;
}
#footer .textwidget {display: block;}


#blackline { display:none;}
.home-booking-head {font-size: 22px;}

.homewidgets .column, .homewidgets .columns { width: 50% !important; float: none; }
.homewidgets {max-width: 100%; display: inline-block; float: left; margin-top: 15px; }
.homewidgets #ci_page_widget-3, .homewidgets .ci_widget_room, .homewidgets .widget,.homewidgets  .widget_ci_page_widget, .homewidgets .group, .homewidgets .three, .homewidgets .columns, .homewidgets .homepage_widget {display:inline-block !important; float:left !important; overflow: hidden;  width: 100%}
.review {display:none;}

.feature-title {text-transform: none; font-size: 15px; padding-bottom: 15px; }
 
    
.room-entry {column-count: 1 !important;}

}
/* =iphone =480
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px){
    
    
:root {
    --margin-std: 20px;
    --margin-more: 40px;
    
    --font-h1: 32px;
    --font-h2: 24px;
    --font-h3: 20px;
    --font-h4: 16px;
    --font-normal: 15px;
    --font-small: 12px;
   
}    
    
.flex-direction-nav {display: none;}
.headerphoto {height: 340px; display:inline-block;overflow:hidden;}
h1.title {padding:0; margin:0; font-size: 18px;}

/* Grids --*/

    
.grid-6-6 {grid-template-columns: repeat(6, 1fr);}
.grid-6-5, .grid-5-5 {grid-template-columns: repeat(5, 1fr);}
.grid-6-4, .grid-5-4, .grid-4-4  {grid-template-columns: repeat(4, 1fr);}
.grid-6-3, .grid-5-3, .grid-4-3, .grid-3-3 {grid-template-columns: repeat(3, 1fr);}
.grid-6-2, .grid-5-2, .grid-4-2, .grid-3-2, .grid-2-2, .grid-container-2 {grid-template-columns: repeat(2, 1fr);}
.grid-6-1, .grid-5-1, .grid-4-1 , .grid-3-1, .grid-2-1, .grid-1-1 {grid-template-columns: repeat(1, 1fr);}
.grid-container-4-4 {grid-gap: 10px;}

    
img.direktion {height: 120px; width: 120px; border-radius: 200px;}
    
#header-menu .menu-button{
    display: inline-block;
	font-size:18px;
	color: var(--color-text-main) !important;
	text-align:center;
	text-transform:uppercase;
	background: var(--color-green-light) !important;
  	padding: 15px 30px!important;
    height: 60px;
	}
    
#footer {padding: 10px;}
    
#home-kacheln {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}    
#attraction-kacheln {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
}    


#booking-wide {width: 100%; clear: both; background: #f3ce56; padding: 0px 20px;}
.home-booking-content {top: 40%;}
.home-booking-head h1 {font-size: 22px !important; }
.home-booking-support {font-size: 14px;}
.homepage_widget_h3 {font-size: 18px; 
  text-shadow: 0px 0px 10px black;}
span.overimage {transform: translate(-50%, -10%);}

.excerpt {display:none;}

span.overimage span {
  display: table-cell;
  text-align: center;
  text-transform:uppercase;
  font-size: 16px;
  font-weight: normal;
  transition: all .2s ease-in-out;
}

.features .feature-icon {margin: 0 auto; width: 155px;display: inline-block;padding: 5px 0px;}
.features .feature { width: 155px !important; display:inline-block}
.feature-title {text-transform: none; font-size: 12px; padding-bottom: 15px; text-align: center; }

#header-image {height: 350px;}
#page-header img {height: 350px;}
h1.header-image {
    font-size: 32px; font-weight: bold;}
    
#room_gallery img {width: 23%;}

.slides img {object-fit: cover;}

#slider .slides li {padding: 0 !important;}


#slider {
	margin: 0px !important;
	color: #FFF;
	position: relative;
	top: 0px;}

iframe{max-width: 480px;}


#header-widget { font-size: 16px;}


/* room intro */
.four.columns.vertical .room_intro,
.room_intro{
    float: none;
    width: 100%;
    margin: 0 0 50px 0;   
    padding: 20px 0px 10px 0px;}
.room_intro p {font-size: 13px;}
.room_intro h3 {font-size: 20px; margin-bottom:15px;}



dl dd{
    width: 250px;}

/* share + book =booknow */

.room_intro{font-size:12px;}

/* contact */
.contact_form input{
    width: 80%;
    clear: both;}


.home-booking-head h1 {font-size: 17px !important; text-align: center;}

.bs1 { display:block; width: auto;text-align: right;}
.bs2 { display:block; width: auto; text-align: right;} 
 
 

}