@media only screen and (min-width: 47.939em)  /*51.2em)*/ {
  .hide-desktop {display:none;}
/*----------	Schriftgrößen     ----------*/
  h1, h2.schwarz, #newsletterAnmeldung h2 {
    font-size: 3.8vw; 
  }
  .carousel-caption h2 {
    font-size: 3.5vw; /*3em ; */
  }  
  h2.teaserbox-h2, .tabcontent h3, section.header span.text-h2 {
    font-size: 2.5vw; /*1.8em;*/ 
  }  
  .frame-layout-62 h3, .frame-layout-63 h3, .frame-layout-68 h2, .accordion h2 {
    font-size: 2vw; /*1.8em;*/ 
  }   

  h2, .dropdown-content .head a.close {
    font-size: 2vw; /*1.8em;*/ 
  }
  /* neu 2025 */
  .sticky #d21-quickbook {width: 100% !important;border-radius:none; border-radius-inner:none;}
  .sticky #d21-quickbook .query-field {
	  border-right: 1px solid #ccc;
  }
  .sticky #d21-quickbook .query-field, .sticky #d21-quickbook .query-action {
	  width: 25% !important;
	  min-width: 22.5%;
	  text-align:center !important;
  }
  .sticky #d21-quickbook .query-action, .sticky #d21-quickbook .query-action .d21-primary::before {
    background-color: #b5152b !important;
  }  
  .sticky #d21-quickbook .query-action .d21-primary::before {
    background-color: #b5152b !important;
  }   
  .sticky .d21-container-view {
	  border:none !important;
  }
  /* neu 2025 Ende */  
  .sticky #d21-arrival-input .d21-input:after, 
  .sticky #d21-occupancy-container  .d21-input:after {
	font-size: 1.8vw;
  } 
  
  blockquote p, h5.modal-title, .sticky #d21-quickbook  {
   font-size: 1.8vw; 
 }  
  div.sticky .row2, .carousel-caption h3 {
    font-size: 1.6vw; /*1.8em;*/ 
  }  
  .sticky #d21-book-button .d21-btn, .sticky.tagungen #tagungsbuchung .col-buchen-end .d21-btn .d21-col, #tagungsbuchung .d21-col.col-buchen-end  { 
	background-color: #b5152b;
	color: #fff;
  }   
  h3, .frame-layout-62 h2, .frame-layout-63 h2  {
    font-size: 1.5vw; /*1.6em;*/ 
  }
  .frame-layout-61 h2  {
    font-size: 1.4vw; /*1.6em;*/ 
  }
  #routenplaner input[type="text"], .frame-layout-68 button {
	 font-size: 1.2vw;
  }
  .sticky #d21-quickbook select  {
	 font-size: 1.6vw;
  }  
  #cookieman-modal button  {font-size: 1.4vw;}  
  .sticky #d21-quickbook select option {
	 font-size: 1.4vw;
  }     
  .sticky #d21-quickbook .d21-pulse { animation-iteration-count: 0; }   
  .frame-layout-11 ul li, .ce-table th {
	  font-size: 1.1vw;
  }
  #routenplaner label.radior, .frame-layout-50 .ce-row .ce-column figcaption {font-size: 0.95vw;} 
  .ce-table td   {font-size: 1vw;}  
  .frame-layout-62 p, .frame-layout-63 p,
  .frame-layout-62 ul, .frame-layout-63 ul, .tabcontent p, .frame-layout-68 p, .frame-layout-61 h3 {
    font-size: 0.95vw;
  } 
  .frame-layout-61 p {
	  font-size: 0.9vw;
  }  
  div.sticky .row2 a span{
	  font-size: 1vw;
  }  
  .sticky #d21-los::before, .sticky #d21-occupancy-container  .d21-input, .sticky #d21-arrival-input .d21-input {
	  font-size: 1.2vw;
  }  
  section.header span.info, .modal-body p {
	  font-size: 0.8vw;
  }
  #cookieman-modal .modal-body p {
	  font-size: 1.6vw;
  }  
  /*----------	Schriftgrößen  Ende   ----------*/
	#stoererRot {
		width: 30%;
		padding: 15px 15px 15px 30px !important;
	}
  .navbar a:hover, .column ul li a:hover {
    text-decoration: underline;
  }
  .navbar .dropdown:hover .dropbtn {
    text-decoration: none !important;
	cursor:pointer;
  }   
  main .container {
    width: 90%;
	max-width: 138rem; /*2070px Basis 15px*/
	margin-left: auto;
	margin-right: auto;
  }
  /* Wenn Buchungstool nur auf Startseite  main.home ~ footer {padding-bottom: 220px;}  */
  footer {padding: 70px 0 220px 0;}
/* ------------------- DIRS21 A ------------------- */
  .sticky #d21-quickbook, .sticky #tagungsbuchung {
    width: 80%;
	margin: 0; padding: 0;
   }
  .sticky #d21-quickbook .d21-row .d21-col, .sticky #tagungsbuchung .col-buchen {
    padding: 0 0 0 0;
	width: 25%;

  }   
  .sticky #tagungsbuchung .col-buchen {
    height: 130px;
	display:inline-block;
  }    
  .sticky #tagungsbuchung .weiss {
	background-color: #fff !important;
  }   
  .sticky #tagungsbuchung .rot {
	  background-color: #b5152b !important;
  }   
  .sticky #tagungsbuchung .rosa {
	  background-color: #f0d0d5 !important;
  }    
  .sticky #d21-occupancy-container {}
  .sticky .d21-btn {
    padding-top: 40px !important;	  
    border: none;
  }  
  .sticky #d21-trigger-ibe .d21-btn, .sticky #tagungsbuchung .d21-btn{
    background-color: #b5152b;
	border:none;
	border-radius:0;
  }
	#d21-quickbook #d21-selected-day-price {
		display:none;
	}  
	#d21-quickbook .d21-calendar {
		font-size: 0.8em;
	}  
	.sticky #d21-quickbook .d21-calendar .d21-calendar-months .d21-col.d21-s24, 
	.sticky #d21-quickbook .d21-room-list.d21-row .d21-col, 
	.sticky #d21-quickbook .d21-row .d21-room-add.d21-col,
	.sticky #d21-quickbook .d21-row .d21-apply-occupancy.d21-col	
	{
		width: 100%;
	}  
	#tagungsbuchung .d21-row {display:flex;}
	#tagungsbuchung #d21-arrival-input {background-color: #fff;}
  /*Kalender header grau **/
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-header-days.d21-row  {
	  /*background-color: #cecece;*/
	  color: #333;
	  margin-top: 5px;
	  font-size: 1.1em;
  }
  /*closed - hellrot **/
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-week.d21-row .d21-calendar-day.d21-calendar-day-closed {
   /* border-bottom-color: #D13F48;
	background-color: #D13F48;*/
	border-bottom:none;
	color: #D13F48;
  } 
  /*available*/
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-week.d21-row .d21-calendar-day.d21-calendar-day-available {
    border-bottom:none;
	background-color: #fff;

  }  
  /*inrange*/
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-week.d21-row .d21-calendar-day.d21-calendar-day-inrange {
    /*border: 1px solid #84b2c8;
    border-bottom-color: #84b2c8;
	border-width: 1px;*/
	border-bottom:none;

  }  
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-week.d21-row .d21-calendar-day.d21-calendar-day-active {
    border: 1px solid #84b2c8;
        border-bottom-color: #84b2c8;
  }  
  /*selected blaugrau*/
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-week.d21-row .d21-calendar-day.d21-calendar-day-arrival {
    background-color: #84b2c8;
    border: 1px double #84b2c8;
    border-bottom-color: #84b2c8;
  }
  .sticky .d21-calendar .d21-calendar-control .d21-calendar-months .d21-calendar-month .d21-calendar-week.d21-row .d21-calendar-day.d21-calendar-day-departure {
    background-color: #84b2c8;
    border: 1px double #84b2c8;
    border-bottom-color: #84b2c8;
   }  

  .sticky #d21-quickbook .material-icons.plus {
    color: #84b2c8 !important;
  } 
/* dirs overlay */
  #d21-summary a.d21-hotel-name {
    color: #b5152b !important;
  }
  #d21-wrapper .btn {background-color: #f7ebed;}
  .sticky #d21-quickbook, .sticky #d21-quickbook .d21-btn {
	height: 130px;
   }
  .sticky .d21-input-icon {display:none;}   
  .sticky .d21-input.d21-with-icon {padding-left: 0;}
 
 /* .sticky #d21-trigger-los .d21-input.d21-with-icon, .sticky #d21-arrival-input .d21-input.d21-with-icon, .sticky #d21-occupany-container .d21-input.d21-with-icon {*/
  .sticky .d21-input.d21-with-icon {
    /*padding-top: 35px !important;*/
	padding: 40px 0 0 0 !important;
	height: 130px;
		line-height:24px;	
  } 
  .sticky select.d21-input.d21-with-icon {
	padding: 0 0 0 0 !important;

  }    
  /*.sticky #d21-trigger-los .d21-input, .sticky #d21-arrival-input .d21-input, .sticky #d21-occupany-container .d21-input {*/
  .sticky  .d21-input, .sticky .d21-input.d21-with-icon  {  
	border:none;
	color: #1d1d1b;	
	border-radius:0;
	text-align:center;
  }  
  .sticky #d21-quickbook {
      max-width: 1500px;
  }  
  .sticky #d21-los  {
    background-color: #fff;
    border-right: 1px solid #ccc;	
  }
  .sticky #d21-los .d21-input {
	height: 130px;
  }
  .sticky #d21-quickbook #d21-arrival-input .d21-calendar .d21-btn {
	padding: 4px 4px 4px 4px !important;  
    height: auto;
}
  .sticky #d21-occupancy-container .d21-input {
	background-color: #f0d0d5;
  }
  .sticky #d21-book-button .d21-input {
	background-color: #b5152b;
  }  
  .sticky #tagungsbuchung .d21-input {
	background-color: #fff;
  }    
  .sticky #d21-occupancy-container .d21-occupancy-select .d21-room-list .d21-room-item .d21-headline {
    font-size: 1em;
  }  
  /*.sticky #d21-quickbook .d21-occupancy-selection label {
	text-align:center;
  }  
  
  .sticky #d21-quickbook .d21-row .d21-col.d21-s24 {
    width: 100%;
  }   */
  .sticky #d21-quickbook .d21-row .d21-col.d21-s3 {
    width: 12.5%;
  }   
  .sticky #d21-occupancy-container  .d21-input, .sticky #d21-arrival-input .d21-input {
    font-family:"Avance W04 Regular";	  
    /*font-size: 0.8vw;*/
	line-height:24px;

  }  
  .sticky #d21-los:before {
	font-family:"Avance W04 Regular";
    content:"Bitte wählen";
	display:block;
	/*font-size: 0.9vw;*/
	bottom: -40px;
	z-index:99;
	position:relative;
	color: #1d1d1b;		
	line-height:24px;
  } 
  .sticky #d21-los select {
	  background-image: url("../Icons/arrow-short-right.svg");
	  background-position: 95% 51%;  /*83% 51%*/
	  background-repeat: no-repeat;
	  background-size: 10%;
	  width: 55%;
	  margin-right:auto;
	  margin-left: auto;
  }  
  .sticky #d21-arrival-input  .d21-input, .sticky #d21-occupancy-container  .d21-input {
	  background-image: url("../Icons/arrow-short-right.svg");
	  background-position: 83% 61%;
	  background-repeat: no-repeat;
	  background-size: 6%;
  }
  .sticky #d21-los select.d21-input  {
		line-height:24px;
		margin-top: -10px;
		position:relative;
		top: -1px;
  }   
  .sticky #d21-arrival-input .d21-input:after {
	font-family:"NotoSans Regular";
    content:"Anreise ";
	display:block;
  }   
  .sticky #d21-occupancy-container .d21-input:after {
	font-family:"NotoSans Regular";
    content:"Belegung ";
	display:block;
  } 
 
 .sticky #d21-book-button {
	line-height:24px;
  }  
 .sticky #d21-book-button:before{
	font-family:"Avance W04 Regular";
    content:"Wir freuen uns auf Sie";
	display:block;
	font-size: 0.9vw;
	line-height:24px;
  }

  .sticky #d21-occupancy-container .d21-row .d21-col.d21-s12 {
    width: 50%;
  }
  .sticky #d21-quickbook select {
	font-family: "NotoSans Regular", sans-serif;
  }  
  .sticky #d21-occupancy-container  .d21-occupancy-select {
    top: -210px;
	border-radius: 5px;
  }
  .sticky #d21-occupancy-container .d21-control-plus-minus i {
    border-bottom: none;
    background-color: #fff;
  }  
  .sticky #d21-quickbook .material-icons.minus, .sticky .d21-calendar .d21-calendar-footer .d21-info i {
    color: #b5152b !important;
  } 
 
  .sticky #d21-quickbook #d21-occupancy-container .d21-btn {height: auto; padding-top: 4px !important;padding-bottom: 4px !important;line-height: 1.3;font-size:14px;}
  .sticky #d21-quickbook .d21-control-plus-minus {  font-size: 1em;}
  .sticky #d21-quickbook #d21-occupancy-container .d21-row .d21-col {padding: 4px;}
  .sticky #d21-quickbook #d21-arrival-input .d21-calendar {
	  top: -300px;
  }
  .sticky.nl #d21-los:before {
    content:"Gelieve te kiezen" !important;  
  }
  .sticky.nl #d21-arrival-input .d21-input:after {
    content:"Aankomst";  
  }
  .sticky.nl #d21-occupancy-container .d21-input:after {
    content:"Aantal";  
  }  
  .sticky.nl #d21-book-button:before {
    content:"We kijken ernaar uit u te zien";  
  }  

  /*
.sticky .row2 .boxRot {
	width:25%;  
}*/
/* ------------------- DIRS21 E ------------------- */    
  .column a {
    font-size: 0.45em;
  }
  footer .container {
    width: 95%;
	max-width: 95rem/*89rem*/; 
	margin-left: auto;
	margin-right: auto;
  }
  footer p {
    padding-left: 5.5%;
  }  
  footer .column a {
    font-size: 0.85em;
  } 
  #newsletterAnmeldung {
    margin-top: -295px;
  }  

  footer .powermail_fieldset{
    height: 96px;
  } 
  footer .powermail_fieldwrap_newsletteremail, footer .powermail_fieldwrap_datenschutz {
	width: 73%;
	position:relative; 
	left: 0;
  }  
  footer .powermail_fieldwrap_submit  {
    position:relative; 
    right:0;
  }  
  footer .tx-powermail input[type="submit"]{
    width: 27%;
    margin-right: 0;
    padding-top: 38px;
    padding-bottom: 38px;
	position:absolute;
	right:0;
  }  
  input#my_submit  {
    color: #fff;
  }    
  input[type="submit"]:hover, input#my_submit  {
    cursor:pointer;
  }  
  .powermail_fieldwrap_va-uhrzeit {clear:left;}
  .flex-row, .frame-layout-21 .ce-row/*, .dropdown-content .row-mega , section.bottom */{
	display:flex;
    flex-direction:row;
  }
  .flex-column {
	display:flex;
    flex-direction:column;
  }  
  #contact span.hide-mobile {padding-left: 4px;}
  section.content .frame-type-text.frame-layout-0, section.content .tx-powermail {
	width: 76%;
	margin-right: 12%;
	margin-left: 12%;
	clear:left;	
  }
  .frame-layout-21 .ce-column {
	width: 33.33%;
	margin:0 15px 40px 15px;
	overflow:hidden;
  }  
  
  .navbar {
    padding-top: 50px;
    padding-right: 4%;
    padding-left: 2%;
    width:  95% !important;
    max-width: 160rem; 
    margin-right: 2.5%;
    margin-left: 2.5%;  	
  }
  .navbar [class^="icon-"]{margin-right: 4px;}
  .navbar a.tel, a.find, .navbar a.mail, .navbar a.route, .navbar a.lang, .navbar a.gReview {
    color:#fff;
    margin-right: 2%;
    font-size: 0.85em;
    float:right;
    width: 10%;
    text-align: center;
  }
 .navbar i {
  font-size: 1.6rem; /*2rem;*/
  margin-bottom: 5px;
 }
 .navbar span { 
  padding-top: 2px;
 } 
 .navbar a.logo.fixy i.icon-alexianer {
    font-size: 2em;
  }
 .navbar a.gReview {
    margin-top: -2px;
	width: 10%;
	position:relative;
	margin-right: 4%;
  }    
 .navbar a.gReview span {
	position: absolute;
  top: 30px;
  right: 60px;
  font-size: 1.4em;	
  }  
  /*.navbar a.route{
    margin-right: 4%;
  }  */
  .navbar a.lang{
    width: 8%;
  }   
  .navbar a.lang img{
    width: 32px;
	height: 28px;
  }    
  .navbar a:hover{
    text-decoration: none !important;
    color: #b5152b;
  } 

  .dropdown-content {
    width: 97%;
    margin-left: 1.5%;
    margin-right: 0.5%;
    left: 0;
    top: 10px;	
  }
  .dropdown .dropbtn {
    position:fixed;
    top: 3px;
    right: 5px;
  }  
  .dropdown .dropbtn i {
    right: 40px;
    top: 40px;
  }
  .dropdown-content .head {
    margin-bottom: 0.5em;
  }   
  .dropdown-content .head a.icon {
    color:#cecece; 
  }
  .dropdown-content .weiss {
    display:block;
    min-height: 500px;
	width: 100%;	
  }   
  .column {
    width: 13.33%;
	float:left;
	/*min-height: 600px;*/
  }  
  .navbar .column {
    width: 13.33%;
	float:left;
  }    
  .dropdown-content .head a.icon {
    margin-right: 1%;
    width: 12%;
  }  
  .dropdown-content .head a.icon img {
    width: 16%;
  }  
  .dropdown-content .head a.icon.tel {
    width: 14%;
  }
  .dropdown-content .head a.icon.find {
    width: 14%;
  } 
  .dropdown-content .head a.icon {
	width: 13%;
  }  
  .navbar a.logo span.hide-mobile {
	font-family: "Avance W04 Regular", sans-serif;
	font-size: 0.9em; 
	line-height: 1;
	color: #fff;	
    display:inline-block;
	margin-right: 20px;
  }  
  .column {
    margin: 0 0 0 0;
    padding: 0 3% 0 0 ;
 }
  .column:first-child {
	margin-left: 5%;
  }
 .column:last-child {
   padding: 0 0 0 0 ;
 }    
  .column ul.list:before {
    left: -6px;  
  }
  .column ul.list li.active, .column ul.list li:hover {
    text-indent: -0.45em;
    padding-left: 12px;
  }  
    
  .column a {
    text-align: left;
  }  
  .full-height, .full-height img {
    height: 100vH;
    width: 100vW;
  }
/* Text fix on scroll */
  .iconFix.fixy {
	  position:fixed !important;
	  z-index:99 !important;
	  left: 4% !important;
  }
  .logo.iconFix.fixy {
	  top: 30px;
	  left: 3.5% !important;	
  }
  .iconFix.fixy > span.hide-mobile{
	  display:none !important;
  }
  .route.iconFix.fixy {
	  bottom: 40px !important;
    left: 0 !important;
  }
  .mail.iconFix.fixy {
	  bottom: 100px !important;
    left: 0 !important;
  }
  .lang.iconFix.fixy {
  	display:none;
  }  
  .tel.iconFix.fixy {
    bottom: 160px !important;
    left: 0 !important;
  }  
  .find.iconFix.fixy {
    bottom: 220px !important;
    left: 0 !important;
  }  
  ul.ce-uploads li   {
    width: 45%;
	max-width: 300px;
  }
  .accordion {
    padding: 2em 1.5em 2em 4em;
  }
  .lightbox .lb-image {
    min-width: 600px;
    min-height: 400px;
  }  
  /*  modules */  
  .frame-layout-30 .ce-gallery figure.image::before {
    font-size: 4em;
  }   
  .frame-layout-30 .ce-gallery figure.image::before {
	bottom: 45%;
	left: 45%;
  }  

  .frame-layout-12 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
  } 
  .frame-layout-12 a {
    text-align:left;
  } 
  .frame-layout-30 {
	width: 96.75%;
  }  
    .frame-layout-60 .ce-gallery {
	max-width: 36%;
	overflow:hidden;
  }
  .frame-layout-60 .ce-textpic,.frame-layout-61 .ce-textpic,.frame-layout-61 .tx-ttaddress, .frame-layout-62 .ce-textpic  {
	display:flex;  
    flex-direction: row;
  } 
 .frame-layout-50 .ce-row .ce-column {
    min-width: 16.33%;
 }  

  .frame-layout-60 {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
  }  
  
  .frame-layout-60 .ce-gallery img {
    max-width: 200px;
    height: auto;
  }
  .frame-layout-61 {
    float:left;
    width: 45%;
    margin-right: 10px;
    margin-left: 10px;
    display:block;
  }   
  .frame-layout-61 .tx-ttaddress .tt_address_list {
    width: 100%;
  }
  .frame-layout-61 .tx-ttaddress .tt_address_list .col-md-3, .frame-layout-61 .tx-ttaddress .tt_address_list .col-md-3{
    float: left;
  }
  
  .frame-layout-61 .ce-gallery img, .frame-layout-61 .tx-ttaddress .col-md-3 img  {
    max-width: 183px;
    height: auto;
	width: 100%;
  }   
  .frame-layout-61 .ce-bodytext {
     padding:  0.7em 0.5em 0em 0.5em;
  }    
  .frame-layout-62 {
	width: 85%;
	overflow:hidden;
  } 
  .frame-layout-63 {
	width: 84.89%;/*86.6%;*/
	overflow:hidden;
  }
  
  .frame-layout-62 .ce-gallery {
	width: 65%;
	overflow:hidden;
  }  
  .frame-layout-63 .ce-gallery {
	float:right;
	width: 57%;
  }   
  .frame-layout-62 .ce-gallery img {
	width: 100%;
	height: auto;
	min-height: 350px;	
  }  
  .frame-layout-63 .ce-gallery img {
	width: 100%;
	height: auto;
	min-height: 350px;
  }  
  .frame-layout-62 .ce-bodytext ul li, .frame-layout-63 .ce-bodytext ul li {
    margin-top: 8px;
    margin-bottom: 8px;
  }  
  .frame-layout-65 .ce-row, .frame-layout-66 .ce-row, .frame-layout-67 .ce-row {
	display:flex;  
    flex-direction: row;
  }  
  
  .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img, .frame-layout-67 .ce-gallery img {
	max-height: 250px;
	width: auto;
  }   
 
  .frame-layout-63 .ce-bodytext {
	float:left;
	width: 43%;
  }     
  .frame-layout-62 {
	  margin-right: 12%;
  } 
  .frame-layout-63 {
	  margin-left: 12%;
  }   
  .frame-layout-62 .ce-left .ce-gallery
  .frame-layout-63 .ce-right .ce-gallery { 
	max-width: 57%;
	width: 57%;
  }  

  .frame-layout-62 .ce-bodytext
  .frame-layout-63 .ce-bodytext { 
	max-width: 43%;
	width: 43%;
  }    

  .frame-layout-65 .ce-column {
    width: 50%;
  }  

 .frame-layout-65 .ce-column,   
   .frame-layout-66 .ce-column {
    margin: 0 20px 40px 20px;
  }  
  .frame-layout-66 .ce-column {
    width: 32% /*29.33%*/;
    max-width: 680px;	
  }  
  .frame-layout-67 .ce-column:first-child {
      width: 63%;
    }  
  .frame-layout-67 .ce-column:last-child {
	width: 32%;
  }  
    .frame-layout-67 .ce-column {margin: 0 20px 40px 20px;}
	.frame-layout-68 {
		width: 98%;
		margin-right: 20px;
		margin-left: 20px;  	
	}
  .frame-layout-67 .ce-gallery .ce-column img {
	max-width: 100%;
  }   
 
  .frame-layout-68 {
	overflow:hidden;
  }   
  .frame-layout-68 .ce-column a {
	display:flex;  
    flex-direction: row;
  }  
  .frame-layout-68 figure {
	width: 58%;
  }  
  .frame-layout-68 .ce-column img  {
    max-height: 260px;
    width:auto;
 }  
  .frame-layout-68 .text {
	width: 42%;
	padding: 2em 2em 1em 1em;
  }  
  .frame-layout-10, .frame-layout-15, .frame-layout-11 ul {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  .frame-layout-10 .ce-text, .frame-layout-10 .ce-bodytext, .frame-layout-10 .table-responsive,.frame-layout-15 .ce-text, .frame-layout-15 .ce-bodytext   {
    padding: 0 4em 2em 4em;
  }   
  .tabcontent {
    padding: 6px 12px;
  }  
  .tabcontent figure, .tabcontent  .text  {
    width: 50%;
    max-height: 382px;
  }
  section.content .tabcontent .text {
    padding: 2em 2em 2em 5em;
  }  

  section.content .tx-powermail  {
    padding: 2em 2em 2em 3em;
  }  
  
  section.content .tx-powermail input[type="text"],  section.content .tx-powermail input[type="email"],  
  section.content .tx-powermail input[type="date"], section.content .tx-powermail input[type="tel"]  {
	width: 45%;
	float:left; 
	margin-right: 5%;
  }  
  .powermail_fieldwrap_type_radio {
	width: 50%;
	float:left; 
	margin-right: 5%;
  }  
  .powermail_fieldwrap_type_radio:last-of-type {
	width: 60%;
  } 

  main.home .carousel-caption {bottom: 45%;}  
  main .carousel-caption {bottom: 40%;}  
  .carousel-caption h2 {letter-spacing: 4px;} 
  .carousel-caption h3 {letter-spacing: 2px;}      
  section.content .card.slick-link {max-height:595px !important;} 
  section.content .swiper .prev {
    left: 35%;
  }
  section.content .swiper .next {
    right: 34.8%;
  }  
  section.bottom .slick-list {padding: 0px 80px !important;}  
  section.bottom .swiper   {
    margin-right: -25%;
    margin-left: -25%;
    overflow:hidden;
  }
  section.bottom .card.slick-link {max-height:250px !important;}    
  section.bottom .prev, section.bottom .next {
    top: 85%;
  }
  section.bottom .swiper .prev {
    left: 35.7%;
  }
  section.bottom .swiper .next {
    right: 35.65%;
  }  

  section.bottom .swiper .swiper-slide  {
    min-height: 399px;
  }
  section.bottom .swiper .card-body {
    padding: 0 4em;
  }
  section.bottom .swiper-slide p {
    font-size:1em;
    padding-right: 2em;
    padding-left: 2em;
  }  
  #contact.stickLU {
    bottom: 20px;
    left: 0;
    width: 10%;
    z-index:99;
  }
  div.sticky {
    height:275px;
	width: 89.45%;
    min-height:70px;
  }  
  div.sticky.tagungen, div.sticky.bucheTagung {
    height:70px;
  }    
  div.sticky.bucheTagung input {
    border:none;
  }      
  div.sticky .row1 {
	width:89.45% !important;
	margin-right: 20px;
	margin-left: 20px;		
  }
  div.sticky .row2 {
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
	width:89.45% !important;
	margin-right: 20px;
	margin-left: 20px;	
    height: 70px;	
  }
  
  div.sticky .row2 .datum {
    background-color: #fff;
  }
  div.sticky .row2 a {
    width:25% !important;
    border-right: 1px solid #ccc;
  }
  div.sticky .row2 a:last-child {
    border-right: none;
  }
  div.sticky .row2 a {
    color: #1d1d1b;
  }
  div.sticky .row2 a:after {
    font-family:"icomoon";	
    content: "\e909";
    padding-left: 10px;
    font-size: 0.6em;
  }
  div.sticky .row2 a:nth-child(4) {
    background-color: #f0d0d5;
  }
  div.bestPriceBooking {
    width: 20%;
    height: 80px;
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 0.6em;
    color:#fff;  
    float:right;
  }
  .sticky #d21-quickbook select option {
	 padding-left: 10% !important;
	 margin-left: 20px;
  }     
  div.bestPriceBooking i.icon-heart{
    font-size: 0.8em;
    padding-right: 2px;
  }
  div.bestPriceBooking:hover {
    background-color: rgba(0, 0, 0, 1) !important;
  }
  div.sticky a:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #fff;
  }
  div.bestPriceBooking span{
    font-size:0.68em;
    line-height:1.1;
    display:inline-block;
    margin-top: 5px;
  }
  a.scroll {
    position: relative;
    bottom: 80px;
    width: 10%;
    z-index:99;
    left: 0;
    color: #fff;
    font-size: 0.8em;
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg);
    display:block;  
    left: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s; 
  }
   a.scroll:hover {
    -webkit-animation-name: spring; 
    animation-name: spring;
   }

  a.scroll:hover {
    animation: spring 1s 2 normal forwards;  
  }
  .social {
	position: fixed;
    width: 6%;
    z-index:99;
    bottom: 105px; /*10px*/	
    right: 0;
  }
  .social a {
    color: #fff;
    padding: 12px;
    font-size: 1em; /*0.8em;*/
  }  
  @keyframes spring {
	20% {bottom: 99px;}	
	40% {bottom: 60px;}
	60% {bottom: 80px;}	
	80% {bottom: 50px;}		
  }

  footer .powermail_fieldwrap_submit {
    top: -61px;
  }
  span.rechtliches {
	float:right;
	width: 60%;
	margin-right: 8%;
  }
  span.rechtliches a {
	margin-right: 3%;
	float:right;
  }  
  #myBtn {
    float:right;
    margin-top: -122px;
    margin-right: 4%;
    padding: 25px 35px 20px 35px; 	
	z-index: 9999;
	position: relative;	
  }  
  .popup > div {
    width: 80%; 
  }  
  /* Anfahrtsseite html unter maps */
  #c67 {width: 100%;}
  #routenplaner div {padding-right: 5%; padding-left: 5%;}
  #routenplaner label.radior { width: 70%; }
  #routenplaner button {width: 30%;}
  #routenplaner label.radior, #routenplaner button  {
	height: 50px;
  }	  
  section.header .bucheZimmer {
	bottom: 0px;
	width: 40%;
	right: 11%;	
	height: 180px;
	max-width: 500px;
  }  
  section.header .preisZimmer {
	padding: 23px 30px 30px 30px;
  }
  section.header .bucheJetzt {
	padding: 23px 70px 30px 30px;
  }
  section.content #ttaddress__map {
	  min-height: 600px;
  }
  section.content .news-single .pager {
    flex-direction:row;
  }  
  section.content .news-single .pager li {
    width: 31%;
  }    
  
}
@media only screen and (max-width: 70em) {
	.tx-femanager fieldset, footer .tx-powermail {
		max-width: 512px;
	}
	div.sticky .row2 a {
    	line-height: 1.8;
    }
}
@media only screen and (min-width: 51.2em) {
  .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img, .frame-layout-67 .ce-gallery img {
	max-height: 285px;
  }  
	div.sticky {height: 210px;}  
  .sticky #d21-quickbook .query-field, .sticky #d21-quickbook .query-action {
	  padding-top: 42px !important;
	  padding-bottom: 46px !important;
  }		
}  
@media only screen and (min-width: 68.267em) {  /*   1024px*/
/*----------	Schriftgrößen     ----------*/
	  h1, h2.schwarz {
		font-size: 3.5vw; /*3em ; */
	  }
	  .carousel-caption h2 {
		font-size: 3.5vw; /*3em ; */
	  }  
	  .frame-layout-62 h3, .frame-layout-63 h3, .frame-layout-68 h2 {
		font-size: 2vw; /*1.8em;*/ 
	  }   
	  h2.teaserbox-h2, .tabcontent h3 {
		font-size: 2.5vw; /*1.8em;*/ 
	  }
	  h2, .dropdown-content .head a.close {
		font-size: 2vw; /*1.8em;*/ 
	  }
	  div.sticky .row2, .carousel-caption h3 {
		font-size: 1.6vw; /*1.8em;*/ 
	  }  
  .sticky #d21-arrival-input .d21-input:after, 
  .sticky #d21-occupancy-container  .d21-input:after {
	font-size: 1.5vw;
  } 	  
  .sticky #d21-quickbook select  {
	 font-size: 1.4vw;
  }  
  .sticky #d21-quickbook select option {
	 font-size: 0.9vw;
  }   	  
  div.sticky .row2 a span, .sticky #d21-los::before, .sticky #d21-occupancy-container  .d21-input, .sticky #d21-arrival-input .d21-input {
	  font-size: 0.8vw;
  } 	  
	#tagungsbuchung .d21-input { 
		height: 130px;
	} 	 
	#tagungsbuchung .col-buchen-end, #d21-book-button { 
		background-color: #b5152b;
	} 	

      .sticky #d21-quickbook  {
		 font-size: 1.6vw;
	  }  
	  h3, .frame-layout-62 h2, .frame-layout-63 h2  {
		font-size: 1.5vw; /*1.6em;*/ 
	  }
	  #routenplaner input[type="text"], .frame-layout-68 button  {
		 font-size: 1.2vw;
	  }
	  #cookieman-modal .modal-body p, #cookieman-modal button{
		  font-size: 1.2vw;
	  } 	  
	  .frame-layout-11 ul li {
		  font-size: 1.1vw;
	  }
	  .sticky #d21-quickbook select option {
		 font-size: 1vw;
	  }   
	  .frame-layout-50 .ce-row .ce-column figcaption {font-size: 0.95vw;} 
	  #routenplaner label.radior, .ce-table th {font-size: 0.9vw;}  
	  .frame-layout-62 p, .frame-layout-63 p,
	  .frame-layout-62 ul, .frame-layout-63 ul, .tabcontent p, .frame-layout-68 p {
		font-size: 0.85vw;
	  } 
	 
	  .ce-table td {font-size: 0.8vw;}   
	  div.sticky .row2 a span {
		  font-size: 0.8vw;
	  }
	div.bestPriceBooking {font-size: 0.8em;}	  
	  /*----------	Schriftgrößen  Ende   ----------*/
	  .dropdown-content {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 1.5%;
		top: 30px;	
	  }
	  .dropdown-content .head {
		margin-bottom: 1em;
	  } 	  
	  /*  modules */  
	  .frame-layout-30 .ce-gallery figure.image::before {
		font-size: 5em;

	  }   
	  
	  .frame-layout-60 .ce-gallery img {
		max-width: 200px;
		height: auto;
	  }
	  .frame-layout-61 {
		width: 46%;
		margin-right: 20px;
		margin-left: 20px;
	  } 
	  .frame-layout-61 .ce-gallery img {
		max-width: 183px;
	  }  
      .frame-layout-61 .ce-bodytext {
         padding:  2em 1em 0.5em 2.5em;
      }  	
	  
	  .frame-layout-62 .ce-gallery img {
		min-height: 350px;	
	  }  
	  .frame-layout-63 .ce-gallery img {
		min-height: 350px;
	  }  
	  .frame-layout-62 .ce-bodytext ul li, .frame-layout-63 .ce-bodytext ul li {
		margin-top: 15px;
		margin-bottom: 15px;
	  }	  
	  .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img {
		max-height: 360px;
	  }   
	  .frame-layout-67 .ce-gallery .ce-column img {
		max-height: 360px;
	  }   
	  .frame-layout-68 .ce-column img  {
		max-height: 320px;
	 }  
	  .frame-layout-68 .text {
		padding: 4em 3em 1em 1em;	
	  }   
	  .frame-layout-66 .ce-column {
		max-width: 680px;	
	  }  
	  .frame-layout-66 .ce-column img {
		max-height: 360px;
	  }  
	   .frame-layout-67 .ce-column:last-child {
		max-width: 29.5%;
	  }  
	  .tabcontent figure, .tabcontent  .text  {
		max-height: 382px;
	  }
	  #newsletterAnmeldung {
		margin-top: -305px;
	  } 
	 section.header .bucheZimmer {
	  bottom: -68px;	  
     } 
	#routenplaner div {padding-right: 10%; padding-left: 10%;}	 
    section.content .tx-powermail  {
      padding: 3em 3em 3em 4em;
    } 	

}
@media only screen and (min-width: 73em) {
	.frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img {
		max-height: 350px;
	}
}
/* größer als 1280 px */ 
@media only screen and (min-width: 85.333em) {
          #cookieman-modal button  {font-size: 0.9vw;}  	
		  #cookieman-modal .modal-body p, .frame-layout-61 h3 {
			  font-size: 0.75vw;
		  }	
		  .frame-layout-61 p {
			  font-size: 0.6vw;
		  }	  
		  .dropdown .dropbtn {
			right: 1%;
		  }
		  .iconFix.fixy {
			left: 4% !important;
		  }
		  .logo.iconFix.fixy {
			left: 3% !important;	
		  }
		  section.bottom .swiper .prev {
			left: 34.85%;
		  }  
		  section.bottom .swiper .next {
			right: 34.82%;
		  }    
		  section.bottom .swiper .card-body {
			padding: 0 6em !important;
		  }  
		  section.bottom .swiper-slide p {
			font-size: 1.2em !important;
			line-height: 1.2em;
		  }
		  .frame-layout-60 .ce-gallery img {
			max-width: 220px;
		  }	  
		   
		  .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img {
			max-height: 495px;
		  }  
		  .frame-layout-67 .ce-gallery .ce-column img {
			max-height: 495px;
		  } 
		  .frame-layout-62 .ce-gallery img {
			max-height: 600px;
		  }
		  .frame-layout-63 .ce-gallery img {
			max-height: 600px;
		  }  
		  .frame-layout-30 .ce-gallery figure.image::before {
			font-size: 10em;
			bottom: 45%;
			left: 45%;
    	  } 
		  .frame-layout-62 h2, .frame-layout-63 h2 {
			font-size: 2em !important;
		  }
		  .frame-layout-62 h3, .frame-layout-63 h3 {
			font-size: 3em !important;
		  }
		  .frame-layout-67 .ce-column:first-child {
		    max-width: 63%;
		  } 	  
		  .frame-layout-67 .ce-column:last-child {
		    max-width: 31%;
		  } 	 
		  .frame-layout-68 .ce-column img {
			max-height:465px;
		  }  
		  .frame-layout-68 .text {
		    padding: 6em 2em 1em 5em;
		  } 	  
			/*.frame-layout-61 .ce-bodytext {
			padding: 3em 1em 0.5em 4em !important
		  }	 		  */
		  .frame-layout-61 .ce-gallery img {
			max-width: 266px;
			width: 100%;
		   }  
		  .frame-layout-61 .ce-bodytext {
			padding: 2.5em 1em 0.5em 5em;
		  }   
		   div.sticky .row1 {
			width: 90.75%;/*89.45% !important;  */
		  }
		  div.sticky {
			width:89.45% !important;
			max-width: 138rem;
		  }  
		  div.sticky .row2 {
			width: 89.45%;
			max-width:138rem;   
		  }
		 footer .powermail_fieldwrap_submit {
			top: -59px;
		  }
		  a.scroll {
		   left:2%;
		  }	  
		  section.header .bucheZimmer {
				bottom: -66px;

		  }		  
		  #routenplaner div {padding-right: 20%; padding-left: 20%;}
	      #newsletterAnmeldung {
		    margin-top: -306px;
	      } 	
  
} 

@media only screen and (min-width: 91.067em) { /*1366px*/
  .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img, .frame-layout-67 .ce-gallery img {
	max-height: 400px;
  } 
  section.header .bucheZimmer {
	bottom: -60px;
  }	  
  #newsletterAnmeldung {
    margin-top: -317px;
  } 
  .cc-window #cookieconsent:desc {font-size: 14px;}
  /* 
  .cc-window.cc-bottom-right {
    max-width: 30em;
  } 
 
  .cc-w-100 {
    width: 90%;
	margin-right: 5%;
  }  */
}
@media only screen and (min-width: 106.667em) { /*1600*/
	.frame-layout-61 .ce-gallery img {
		max-width: 420px;
	}
    .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img, .frame-layout-67 .ce-gallery .ce-column img {
	  max-height: 496px;
    } 	
  section.header .bucheZimmer {
	bottom: -51px;
	max-width: 600px;
  }		
  #newsletterAnmeldung {
    margin-top: -340px;
  }   
  .frame-layout-68 .text {
	padding: 5em 6em 1em 5em;
  } 
}
@media only screen and (min-width: 128em) { /*1920px*/
  .frame-layout-65 .ce-gallery img, .frame-layout-66 .ce-gallery img, .frame-layout-67 .ce-gallery .ce-column img {
	max-height: 600px;
  } 
  /*.frame-layout-67 .ce-gallery .ce-column img {
	max-height: 680px;
  }  */
  
}