html {
  font-size: 16px;
}

@media (min-width: 601px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 1281px) {
  html {
    font-size: 22px;
  }
}

body,
input,
textarea,
select {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Commissioner", verdana, arial, helvetica, sans-serif;
  color: #333438;
  font-weight: 300;
}
#main {
	text-wrap: balance;
}

header * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h1,
h2,
h3,
h4,
h5{
  font-family: "ivymode", verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h1{
  font-size: 3.5rem;
  line-height: 4rem;
}
body#seite-90 h1 {color:#6a5d4d; font-weight:600;}
body#seite-90 .header-group h2 {color:#6a5d4d;}

body#seite-91 h1 {color:#285046; font-weight:600;}
body#seite-91 .header-group h2 {color:#285046;}

body#seite-92 h1 {color:#aac0bf; font-weight:600;}
body#seite-92 .header-group h2 {color:#aac0bf;	}

body#seite-95 h1 {color:#AAC0BF; font-weight:600;}
body#seite-95 .header-group h2 {color:#AAC0BF;	}

body#seite-6 h1 {color:#AAC0BF; font-weight:600;}
body#seite-6 .header-group h2 {color:#AAC0BF;	}

.header-group h2 {font-family: "Commissioner", verdana, arial, helvetica, sans-serif; font-size: 2rem; font-weight:300;}

.frame-layout-180 h1{
  font-size: 3.25rem;
  line-height: 3rem;
  color:#fff;
  font-weight: 600;
}

h2{
  font-size: 2.5rem;
  line-height: 3rem;
  color:#333438;
  font-weight:600;
}
#c273 h2 {color:#6A5D4D;}
	
body#seite-91 h2{
  color:#285046;
}
.frame-layout-180 h2, .frame-layout-170 h2, .frame-layout-450 h2{ color:#fff; margin:0; }
.frame-layout-402 h2{ margin:0; }

h2.blackh2 { color: #333438;}
.openaccordion {color:#fff; cursor:pointer;}
.frame-layout-190 .ce-intext.ce-nowrap>.ce-bodytext h2,
.frame-layout-195 .ce-intext.ce-nowrap>.ce-bodytext h2{
  color:#fff;
}


h3,
.ce-uploads-fileName {
  font-size: 1.333rem;
  line-height: 1.875rem;
  font-family: "ivymode", verdana, arial, helvetica, sans-serif;
}
.modalbox h3 {font-size:2rem;}
[class*=col-4] h3 > a, [class*=col-4] h3{
	font-size:3rem;
	line-height:3.5rem;
	font-weight:600;
	color:#fff; 
	text-transform:uppercase;
 }
	

h4 {
  font-size: 1.125rem;
}

h5{
  font-size: 1rem;
}

.header-group *:first-child {
  margin-bottom: 0;
}

p + p,
pre,
table {
  margin-top: 1.5rem;
}

p,
ul,
ol,
dl,
pre,
table {
  margin-bottom: 1.5rem;
   font-size: 1.25rem;
   line-height:1.75rem;
}


.small,
small {
  font-size: 0.8rem;
}
figcaption  {color:#fff; font-size:2rem;}
.price {font-size:1.5rem; display:block;}
.shortdesc > p {padding:0; margin:0;}

b,
strong,
.bold {
  font-family: "Montserrat", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
}

a {
  color: #6A5D4D;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-detail, .btn-anfrage-room {display:inline-block; font-size:1rem; text-transform:uppercase; color:#fff; text-align:center; padding:1rem 1.5rem; border:2px solid #fff; width:48%; cursor:pointer;} 
.btn-detail:hover, .btn-anfrage-room:hover {background:#fff; color:#000; } 
.btn-booking {font-family: "ivymode", verdana, arial, helvetica, sans-serif; font-size:1.25rem; font-weight:600; text-transform:uppercase; color:#fff; padding:1rem 1.5rem; border:2px solid #fff; }
.btn-booking:hover {background:#fff; color:#333438; }
.btn-anfrage {font-family: "ivymode", verdana, arial, helvetica, sans-serif; font-weight:600; font-size:1.5rem; text-transform:uppercase; color:#333438;; padding:1rem 1.5rem; border:2px solid #333438; }
.btn-reservation {font-family: "ivymode", verdana, arial, helvetica, sans-serif; text-transform:uppercase; color:#6a5d4d; background:#fff; padding:1rem 1.5rem; border:2px solid #fff; display:inline-block; font-weight:600; font-size:1.5rem; }
.frame-layout-402 .btn-reservation {font-family: "ivymode", verdana, arial, helvetica, sans-serif; text-transform:uppercase; color:#fff; background:#285046; padding:1rem 1.5rem; border:2px solid #285046; display:inline-block; margin-top:rem; }
.link-internal:before {font-family: 'FontAwesome'; content: "\f101"; font-size:0.875rem; line-height:0; padding-right:5px;}
.rte-icon.fa-envelope:before {font-family: 'FontAwesome'; content: "\f003"; font-size:0.875rem; line-height:0; padding-right:5px;}
.rte-icon.fa-globe:before {font-family: 'FontAwesome'; content: "\f08e"; font-size:0.875rem; line-height:0; padding-right:5px;}
.rte-icon.fa-download:before {font-family: 'FontAwesome'; content: "\f019"; font-size:0.875rem; line-height:0; padding-right:5px;}

.content-footer2 a:before {font-family: 'FontAwesome'; content: "\f101"; font-size:0.875rem; line-height:0; padding-right:5px;}

.wrapper-footer a {color: #fff;}
.wrapper-footer li > span {font-weight:700;}
.wrapper-footer a:before {font-family: 'FontAwesome'; content: "\f101"; font-size:0.875rem; line-height:0; padding-right:5px;}
.wrapper-footer .hh-openstreetmap a:before {font-family: 'FontAwesome'; content: ""; font-size:0.875rem; line-height:0; padding-right:0;}
.wrapper-footer li#m-109 a:before, .wrapper-footer li#m-109 > span:before {font-family: 'FontAwesome'; content: "\f11c"; font-size:0.875rem; line-height:0; padding-right:5px;}
.wrapper-footer li#m-110 a:before, .wrapper-footer li#m-110 > span:before {font-family: 'FontAwesome'; content: "\f193"; font-size:0.875rem; line-height:0; padding-right:5px;}
.wrapper-footer a:focus, .wrapper-footer a:hover {
  color: #000;
}


@media (prefers-reduced-motion: reduce) {
	a {
		transition: none;
	}
}
a:focus, a:hover {
  color: #000F42;
}
a.invers {
  color: #cccdd1;
}
a.invers:focus, a.invers:hover {
  color: #fff;
}

.textred {color:#d20a11;}
.spanred {color:#d20a11;}


sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

.invers {
  color: #fff;
}

.font-color-light {
  color: #64666d;
}

/************* Tabelle **************/

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin: 0 0 1.5rem 0;
  border: 0.063rem solid #9799a0;
  border-bottom-width: 0;
}
th,
td {
	 padding: 0.687rem 0.375rem 0.75rem 0.375rem;
  border-bottom: 0.063rem solid #9799a0;
  text-align: left;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	th,
	td {
		transition: none;
	}
}
th {
	padding-top: 0.75rem;
    font-weight: 400;
}
tr:hover td,
tr:focus td {
	background: #e7e7e9;
    color: #333438;
}
.table-responsive,
.frame-type-table {
	 margin-bottom: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}
th {
  background: #e7e7e9;
  color: #333438;
  font-weight: 400;
}

table caption {
  padding: 0.375rem;
}

@media screen and (max-width: 880px) { 
   figcaption {font-size: 1.5rem;}
 }
@media screen and (max-width: 660px) { 
   figcaption {font-size: 1.25rem;}
   .btn-booking { padding:0.5rem 1rem; }
 } 
@media screen and (max-width: 480px) { 
h1{font-size: 2.5rem;line-height: 2.5rem;}
.frame-layout-180 h1{font-size: 2.5rem;line-height: 2.75rem;}
.btn-booking { padding:0.25rem 0.5rem; font-size:1rem;}
.header-group h2 {font-size:1.5rem; line-height:2rem;}
}