body {
font-family: roboto, sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 400;
margin:0;
padding:0;
border:0;
width:100%;
height:auto;
display:block;
text-align: left;
font-style: normal;
margin:0px;
padding:0px;
font-size:17px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #000;
line-height: 1.5em;
letter-spacing: 0.05rem;
}
article {
line-height:0;
letter-spacing:0rem;
}

article > div {
line-height: 1.5em;
letter-spacing: 0.05rem;
}

a {
text-decoration:none;
}



.inhalt2spalten a {
color: #ac2d50;
}

h1 {
font-family: "bree-serif", sans-serif;
font-family: minion-3-subhead, serif;
font-weight: 500;
font-style: normal;
color: #ac2d50;
text-align: left;
font-size: 2.4em;
line-height: 1.3em;
letter-spacing: 0.04rem;
margin: 0px 0 15px 0;
font-weight: 500;
}

h2 {
font-family: "bree-serif", sans-serif;
font-family: minion-3-subhead, serif;
font-weight: 500;
font-style: normal;
color: #ac2d50;
text-align: left;
font-size: 2.4em;
line-height: 1.3em;
letter-spacing: 0.04rem;
margin: 15px 0 15px 0;
font-weight: 500;
}

h3 {

font-family: roboto, sans-serif;
font-weight: 400;
font-style: normal;
color: #b27a13;
text-align: left;
font-size: 1.2em;
line-height: 1.3em;
letter-spacing: 0.08rem;
text-transform:uppercase;
font-weight:normal;
}

strong {
text-transform: uppercase;
font-weight: 500;
color: #ac2d50;
}

.inhalt {
width: 100%;
height: auto;
position: relative;
margin-top: 50px;

margin: 0 0;
}


div.inhalt {
z-index:5;
}

.open div.inhalt {
display: none;
}

body > .slideshow {
width: 100%;
z-index:1;
height: 90vh;
}

body > .slideshow ul.slick-dots {
display: none;
}

body > .slideshow img {
width: 100%;
height: auto;
opacity: 0;
}

body > .slideshow {
background-color: #000;
}

body > .slideshow .slick-track {
height: 90vh;
}

body > .slideshow .rsContent {
opacity: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}


header {
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
height: 130px;
position: fixed;
padding-left: 0%;
padding-right: 0%;
display: flex;
top: 0;
left:0;
z-index: 11;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
background-color: rgba(0,0,0,0.7);
}
header.sticky {
transition: background-color 0.5s;
z-index:6;
position: fixed;
background-color: rgba(0,0,0,0.7);
}
.open header {

}


.menuumgebend {
	display:none;
}


.headerinner {
display: flex;
width:90%;
height:130px;
max-width:1600px;
margin-left:auto;
margin-right:auto;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
}

@media (min-width:1400px) {
.headerinner {
display: flex;
width:85%;
height:130px;

}

}


header .buttonmenu button {
position: relative;
background-color: transparent;
width: 60px;
height: 30px;
border: 0;
outline: 0;
z-index: 1100;
transition: top .5s;
cursor: pointer;
padding-left: 13px;
padding-right: 13px;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
}
body.open header .buttonmenu button {

}
header .buttonmenu {
color: #fff;
}


#nav-icon1 span {
background-color: #fff;
width:100%;
height:2px;
margin:3.5px 0;
position: relative;
display: block;
transition:transform .5s;
left:0;
}

#nav-icon1.open span:nth-child(2) {
opacity:0;
margin:0px 0;
left:0;
}

#nav-icon1.open span:nth-child(1) {
transform: rotate(-45deg);
margin:0px 0;
top: 4px;
left:0;
}

#nav-icon1.open span:nth-child(3) {
transform: rotate(45deg);
margin:0px 0;
top: 0px;
left:0;
}

.logo {
width:22%;
height:auto;
display:inline-block;
position: relative;
width:280px;

}

.logo img { 
width:100%;
height:auto;
display:inline-block;
position: relative;
}

nav {
opacity: 1;
width: 74%;
height: auto;3
position: relative;
display:inline-block;
font-weight: 500;
color:#fff;
z-index:100;
}

nav ul {
width:100%;
height:130px;
position:relative;
margin:0;
padding:0;
display:flex;
justify-content:space-between;
text-align:justify;
opacity:1;
}

nav ul li {
width:auto;

height:160px;
display:inline-block;
position:relative;
text-align:center;
}

nav ul li a {
color:#ddd;
font-size:1.0em;
display:table-cell;
width:100%;
height:160px;
vertical-align:middle;
position:relative;
padding-left: 2px;
padding-right: 2px;
text-transform:uppercase;
position:relative;
text-align:center;

}



nav ul li.rex-current a, 
nav ul li a:hover {
color:#fff;
}

@media screen and (min-width:1000px) {
nav ul li a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger-leer.png);
display:inline-block;
position:relative;
background-size:0 10px;
background-repeat:no-repeat;
background-position:center;
margin-top:5px;
transition:.5s;
}

nav ul li.rex-current a:after, 
nav ul li:hover a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger.png);
display:inline-block;
position:relative;
background-size:100px 10px;
background-repeat:no-repeat;
background-position:center;
margin-top:5px;
}


/* =========================
   DROPDOWN FIX (Desktop)
   ========================= */

/* Sub-UL darf NICHT wie das Haupt-UL gestylt werden */
nav ul ul {
  display: none;           /* standardmäßig verstecken */
  position: absolute;
  top: 60%;
  left: 0;
  width: max-content;
  min-width: 220px;
  height: auto;
  margin: 0;
  padding: 0px 0;
  list-style: none;

  /* wichtig: nicht flex wie Hauptmenü */
  flex-direction: column;

  background-color: rgba(0,0,0,0.85);
  z-index: 999;
}

/* Damit das Dropdown sauber „unter“ dem Menüpunkt sitzt */
nav ul li {
  position: relative;
}

/* Hover & Keyboard (Tab) */
nav ul li:hover > ul,
nav ul li:focus-within > ul {
  display: block;
}

/* Submenu-Items */
nav ul ul li {
  width: 100%;
  height: auto;
  display: block;
  text-align: left;
}

/* Submenu-Links: kein table-cell, keine 160px Höhe */
nav ul ul li a {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px .1rem;
  font-size: 0.95em;
  text-transform: none;
  white-space: nowrap;
  color: #ddd;
  	border-bottom:1px solid transparent;
}
nav ul ul li a.rex-current {
	border-bottom:1px solid #ac2d50;
}
nav ul ul li a:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.08);
  border-bottom:1px solid #ac2d50;
}

/* Optional: die Menü-Zeiger-Grafik NICHT im Dropdown */
nav ul ul li a:after {
  display: none !important;
}

nav ul li.rex-article-16 a {

background-color:#ac2d50;
height:auto;
min-height:20px;
padding:.5rem .5rem .6rem .5rem;
margin-top:45px;
display:block;
}
nav ul li.rex-article-16 a:after,
nav ul li.rex-article-16 a:hover:after,
nav ul li.rex-article-16:hover a:after {
	  display: none !important;

}


}





.open #nav-icon1 span {

}

.inhalt2spalten {
width: 100%;
height: auto;
position: relative;
display: flex;
justify-content:space-between;
flex-wrap: wrap;

padding: 0px 0px 0px 0px;
}

.inhalt2spalten > div {
width: 46%;
height: auto;
display: block;

}




.inhalt2spalten > div.spalte1 {
padding-right:4%;
text-align:right;
padding-top:5%;
padding-bottom:5%;

}
.inhalt2spalten > div.spalte2 {
padding-left:4%;
text-align:left;
padding-top:5%;
padding-bottom:5%;
}
.inhalt2spalten > div.spalte2.spaltenslideshow, 
.inhalt2spalten > div.spalte1.spaltenslideshow  {
padding-left:0%;
text-align:left;
padding-top:0%;
padding-bottom:0%;
padding-right:0;
width: 50%;
}

@media screen and (min-width:700px) and (max-width:1200px) {
.inhalt2spalten > div.spalte1 {
padding-right:3%;
text-align:right;
padding-top:5%;
padding-bottom:5%;

}
.inhalt2spalten > div.spalte2 {
padding-left:3%;
text-align:left;
padding-top:5%;
padding-bottom:5%;
}
}


.inhalt2spalten > div.spaltenslideshow .bildText {
display:none;
}

.inhalt2spalten > div.spaltenslideshow {


}

.inhalt2spalten > div.spaltenslideshow img {
visibility:hidden;
width:100%;
height:650px;
}
.gruppo.slick-initialized .slick-slide {
display:flex;
}
.gruppo .inhalt2spalten {
justify-content:space-between;
}
.gruppo .inhalt2spalten > div {
width: 46%;
height: auto;
display: inline-block;
padding-top:5%;
vertical-align:top;
}






.divimg {
background-size:cover;
background-position:center;
}
.inhalt2spalten div.innerspalte1 {
width:90%;
max-width:750px;
display:inline-block;
text-align:left;
}
.inhalt2spalten div.innerspalte2 {
width:90%;
max-width:750px;
display:inline-block;
text-align:left;
}

.inhalt2spalten > div.spalte.spbg {
height:40vh;
background-size:cover;
background-position:center;
background-repeat:no-repeat;


}

.bilderumgend {
width: 100%;
height: auto;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.bilderumgend img {
width: 47%;
height: auto;
display: inline-block;
position: relative;
align-items: center;
}

.bilderumgend img:nth-child(1) {
margin-bottom: 50px;
}

.bilderumgend img:nth-child(2) {
margin-top: 50px;
}

footer {
background-color:#4b4e52;
padding-top:50px;
padding-bottom:50px;
position:relative;
}

footer .textRahmenVB4sp {
width: 80%;
padding-left: 0%;
padding-right: 0%;
height: auto;

background-color:#4b4e52;
max-width:1550px;

padding-top: 20px;
padding-bottom: 30px;
color: #fff;
position: relative;
text-align: left;
vertical-align: top;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
display: flex;

margin-top: 5px;
padding-bottom: 40px;
position:relative;
}

footer .textRahmenVB4sp p, footer .textRahmenVB4sp a {
color: #fff;
}

footer .textRahmenVB4sp h2 {
font-family: minion-3-subhead, serif;
font-weight: 500;
font-style: normal;
color: #fff;

}

footer .textRahmenVB4sp > div {
height: auto;
position: relative;
display: inline-block;
width: 25%;
}

.textRahmenVB4sp div h2:before {
content: " ";
background-image: url(../../media/icon-adresse-weiss.png);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat;
width: 50px;
height: 50px;
display: inline-block;
position: relative;
vertical-align: bottom;
margin-right:10px;
}

.textRahmenVB4sp div.textSpalteLinksVB3sp h2:before {
content: " ";


}
.textRahmenVB4sp div.textSpalteMitteVB3sp1 h2:before {
content: " ";
background-image: url(../../media/icon-telefon-weiss.png);

}

.textRahmenVB4sp div.textSpalteMitteVB3sp2 h2:before {
content: " ";
background-image: url(../../media/icon-mail-weiss.png);

}
.textRahmenVB4sp div.textSpalteRechtsVB3sp h2:before {
content: " ";
background-image: url(../../media/icon-info-weiss.png);

}
@media screen and (min-width:1000px) {
footer .textRahmenVB4sp div.textSpalteLinksVB3sp {
width:35%;
} 

footer .textRahmenVB4sp div.textSpalteRechtsVB3sp {
width:15%;
}
footer .textRahmenVB4sp div.textSpalteMitteVB3sp1 {
width:20%;
}
footer .textRahmenVB4sp div.textSpalteMitteVB3sp2 {
width:20%;
}
}

a.button {
background-color: #b7182b;
color: #fff;
position: relative;
padding: 8px 25px;
margin-top: 5px;
width: auto;
display: inline-block;
}

a.button:hover {
background-color: #9f001c;
}

.textRahmen {
padding: 90px 5%;
}

.textRahmenVB3sp {
width: 90%;
height: auto;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 5%;
}

.textRahmenVB3sp > div {
width: 31%;
height: auto;
display: block;
position: relative;
background-color: #f8f8f8;
}

.textRahmenVB3sp > div:hover {
background-color: #ececec;
}

.textRahmenVB3sp img {
width: 100%;
height: auto;
position: relative;
display: block;
}

.textRahmenVB3sp a {
color: #000;
}

.textRahmenVB3sp .preis {
font-size: 0.8em;
background-color: #b7182b;
color: #fff;
position: absolute;
top: 0;
right: 0;
padding: 1px 10px;
z-index: 2;

}

.textRahmenVB3sp .umgebend {
padding: 20px;
}

.textRahmenVB3sp h3 {
margin-top:0;
margin-bottom:0;
}

.textRahmenVB3sp span.fewobutton {
font-size: 0.8em;
background-color: #b7182b;
color: #fff;
position: relative;
padding: 1px 10px;
width: auto;
display: inline-block;
z-index: 2;
margin-left: auto;
float: right;
margin-bottom: 20px;
}

#inhalt13 {
padding: 0;
}

#inhalt15 {
padding-top: 0;
}

#textrahmen14 {
padding-bottom: 15px;
}

.inhalt2spalten.vierzigsechzig img {
width: 100%;
height: auto;
position: relative;
}

.inhalt2spalten.vierzigsechzig {
background-color: #f8f8f8;
padding: 00px 5%;
margin-top: 50px;
margin-bottom: 50px;
}

.inhalt2spalten.vierzigsechzig .spalte1 {
width: 38%;
height: auto;
display: block;
}

.inhalt2spalten.vierzigsechzig .spalte2 {
width: 58%;
height: auto;
display: block;
}

.bildsliderreal {
width: 90%;
margin-right: 5%;
margin-left: 5%;
}

.bildsliderreal img {
max-width: 100%;
height: auto;
}

.inhalt li {
list-style: none;
padding-left: 20px;
}

.inhalt li {
position: relative;
padding-left: 35px;
margin-bottom:15px;
line-height: 1.5em; 
}

.inhalt ul {
padding: 0;
}

.inhalt li::before {
content: '';
position: absolute;
top: 15%; 
left: 0;
width: 20px;
height: 20px;
background-image: url('../../media/icon-blume-purpur.png'); 
background-size: 25px; 
background-repeat: no-repeat;

}


em {
font-style: normal;
font-weight: 600;
color: #b7182b;

}

.textRahmen a {
font-weight: normal;
color: #000;
}
.textRahmen a {
color:#ac2d50;
}

.textRahmen a.button {
color: #fff;
}

.slideshowtextbereich {
display:flex;
justify-content:space-between;
width:78%;
max-width:1550px;
position:absolute;
bottom:10%;
left:11%;

vertical-align:bottom;
height:200px;
align-items: flex-end;
}
.slideshowtextbereich > div.textRahmen {
display:inline-block;
padding: 10px 3%;
}

.slideshowtextbereich > div.textRahmen:first-of-type {
background-color:#fff;
border-left:8px solid #ac2d50;
padding-left:2%;
width:42%;
}


.slideshowtextbereich > div.textRahmen:first-of-type h3 {
margin-bottom:10px;
}

.slideshowtextbereich > div.textRahmen:first-of-type h1 { 
margin-bottom:5px;
}
.slideshowtextbereich > div.textRahmen:first-of-type p { 
margin-top:5px;
}
.slideshowtextbereich > div.textRahmen:nth-of-type(3),
.slideshowtextbereich > div.textRahmen:nth-of-type(2) {
color:#fff;
background-color:#ac2d50;
vertical-align:bottom;
width:260px;
display: flex;
align-items: flex-end;
padding:0;
}

.slideshowtextbereich > div.textRahmen:nth-of-type(3) h2,
.slideshowtextbereich > div.textRahmen:nth-of-type(2) h2 {
margin:0;
padding:0;
display:block;
width:100%;
}

.slideshowtextbereich > div.textRahmen:nth-of-type(3) a, 
.slideshowtextbereich > div.textRahmen:nth-of-type(2) a {
background-image:url(../../media/icon-telefon-weiss.png);
background-position:25px center;
background-size:55px;
padding:8%;
padding-left:40%;
display:block;
background-repeat:no-repeat;
width:52%;
}

.slideshowtextbereich > div.textRahmen:nth-of-type(2) a {
background-image:url(../../media/icon-bett-weiss2.png);
background-position:25px center;
background-size:60px;
}
.slideshowtextbereich > div.textRahmen:nth-of-type(2) a,
.slideshowtextbereich > div.textRahmen:nth-of-type(3) a {
color:#fff;
}

.slideshowtextbereich > div.textRahmen:nth-of-type(2) a:hover,
.slideshowtextbereich > div.textRahmen:nth-of-type(3) a:hover {
color:#fff;
background-color:rgba(0,0,0,0.1);
}

.slideshowtextbereich div.textRahmen h2 {
font-size: 1.5em;

}

.galerie {
display:flex;
position:relative;
width:100%;
height:auto;
flex-wrap:wrap;
}

.galerie > a {
width:33.33%;
height:auto;
position:relative;
display:inline-block;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
outline:0;
}

.galerie > a img {
width:100%;
height:auto;
position:relative;
display:block;
visibility:hidden;
}

.hotelbuttons {
display:flex;

width:80%;
}

.hotelbuttons a {
display:inline-block;
padding:9px 15px;
background-color:#ac2d50;
color:#fff;
width:auto;
height:auto;
min-width:100px;
margin-right:20px;
}

.hotelbuttons a:before {
content: " ";
background-size: 100%;
background-position: top;
background-repeat: no-repeat;

display: inline-block;
position: relative;
vertical-align:middle;
margin-right:15px;
}

.hotelbuttons a#bilder:before {
background-image: url(../../media/icon-bilder-weiss.png);
width: 20px;
height: 16px;
}
.hotelbuttons a#buchen:before {
background-image: url(../../media/icon-bett-weiss2.png);
width: 20px;
height: 16px;
}
.hotelbuttons a#preisliste:before {
background-image: url(../../media/icon-buchen-weiss_1.png);
height: 23px;
width: 20px;
height: 20px;
}
.hotelbuttons a#telefon:before {
background-image: url(../../media/icon-telefon-weiss-dicker.png);
width: 20px;
height: 24px;
}



p.hotelbuttons {
text-align:left;
display:inline-block;
width:100%;
}

p.hotelbuttons a {
display:inline-block;
}
.hotelbuttons a#preisliste {
width:auto;
display:inline-block;
}
a.pdf:before {
content: " ";
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
background-image: url(../../media/pdf-icon.png);
width: 30px;
height: 30px;
display: inline-block;
position: relative;
vertical-align:middle;
margin-right:10px;
padding:9px 10px 9px 0;
background-size: 90%;
background-position: center left;
}


@media screen and (min-width: 1000px) and (max-width: 1200px) {

header {
height: 115px;
}

.headerinner {

width: 94%;
height: 115px;
}

.logo {

width: 240px;
}

nav ul {

height: 110px;
}

.slideshowtextbereich {
display: flex;
justify-content: space-between;
width: 94%;
left:3%;
}
footer .textRahmenVB4sp {
width: 90%;
}
}


@media screen and (max-width: 1000px) {
    body {
        font-size: 14px; /* Beispiel für eine kleinere Schriftgröße */
    }

    header {
        height: auto; /* Anpassung der Header-Höhe für mobile Geräte */
        z-index:100;
    }
	
	.open header {
		height:700px
	}
	
    header .buttonmenu button {
        padding: 8px 10px; /* Kleinere Padding-Werte für das Menü-Icon */
    }

	.headerinner {
	width:90%;
	height:90px;
	margin-left:4%;
	margin-right:4%;
	}

.open nav {
display: block;
background-color:transparent;
height: auto;
position:absolute;
left:0;
top:0;
}

nav ul {
width: 100%;
height: 1200px;
position: relative;
margin: 0;
margin-left:0;
margin-right:0;
margin-top:150px;
padding: 0;
display: block;
justify-content: space-between;
text-align: justify;
opacity: 1;
}

nav ul li {
width: 100%;
min-width: 10%;
height: 60px;
display: inline-block;
position: relative;
text-align: center;

}

nav ul li a {
color: #fff;
font-size: 1.5em;
display: block;
width: 100%;
height: 60px;
vertical-align: middle;
position: relative;
padding-left: 0%;
padding-right: 0%;
text-transform: uppercase;
position: relative;
text-align: center;
}


nav > ul > li > a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger-leer.png);
display:inline-block;
position:relative;
background-size:0 10px;
background-repeat:no-repeat;
background-position:center;
margin-top:5px;
transition:.5s;
}

nav > ul > li.rex-active > a:after, 
nav > ul > li:hover > a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger.png);
display:inline-block;
position:relative;
background-size:100px 10px;
background-repeat:no-repeat;
background-position:center;
margin-top:5px;
}

nav > ul > li.rex-current > a:after, 
nav > ul > li:hover > a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger.png);
display:inline-block;
position:relative;
background-size:100px 10px;
background-repeat:no-repeat;
background-position:center;
margin-top:5px;
}

nav > ul > li > ul > li.rex-current a:after, 
nav > ul > li > ul > li:hover > a:after {
content:"";
width:100%;
height:20px;
background-image:url(../../media/menu-zeiger.png);
display:inline-block;
position:relative;
background-size:100px 10px;
background-repeat:no-repeat;
background-position:center;
margin-top:5px;
}


nav ul li.rex-article-16 a {

background-color:#ac2d50;
height:auto;
width:auto;
margin-left:auto;
margin-right:auto;
min-height:20px;
padding:.5rem .5rem .6rem .5rem;

display:inline-block;
}
nav ul li.rex-article-16 a:after,
nav ul li.rex-article-16 a:hover:after,
nav ul li.rex-article-16:hover a:after {
	  display: none !important;

}


@media screen and (max-width: 1000px) {
  nav ul ul {
    display: none;
  }

nav > ul > li {
width: 100%;
min-width: 10%;
height: auto;

}

  nav li.sub-open > ul {
    display: block;
    margin-top: 20px;
     margin-bottom: 50px;
     height:auto;
     position:relative;
  }

  nav li.has-sub > a {
    position: relative;
    padding-right: 0px;
  }


}



	.logo {
	width: 22%;
	height: auto;
	display: inline-block;
	position: relative;
	width: 200px;
	}
	
    nav {
        width: 100%; /* Volle Breite für das Navigationselement */
        display: none; /* Standardmäßig ausgeblendet */
    }

    .open nav {
        display: block; /* Bei geöffnetem Menü anzeigen */
        
        height:auto;
        height:100%;
    }
    
    
    .open header {
    height:100%;
    background-color: rgba(50,50,50,1);
    }
    
    .menuumgebend {
		display: block;
		width:100px;
		height:auto;
		position:absolute;
		right:0%;
		top:20px;
	}
	.buttonmenu {
		text-align:center;
	}
    .inhalt2spalten > div {
        width: 100%; /* Volle Breite für Inhaltscontainer auf mobilen Geräten */
        margin-bottom: 20px; /* Abstand zwischen den Spalten erhöhen */
    }

    .bilderumgend img {
        width: 100%; /* Volle Breite für Bilder */
        margin-bottom: 20px; /* Abstand zwischen den Bildern erhöhen */
    }

    footer .textRahmenVB4sp > div {
        width: 100%; /* Volle Breite für Footer-Textspalten */
    }

	body > .slideshow {
		width: 100%;
		z-index: 1;
		height: auto;
		display:block;
		position:relative;
		
	}
	
	body > .slideshow .slick-next {
		top:35%!important:
	}
	body > .slideshow .slick-prev {
		top:35%!important:
	}
	
	body > .slideshow .slick-track {
		height: 450px;
	}
	
    .slideshowtextbereich {
        width: 100%; /* Volle Breite für den Textbereich der Slideshow */
        left: 0; /* Positionierung am linken Rand */
    	display:block;
    	position:relative;
    	top:0;
    	height:auto;
    }
    body > .slideshow .slick-slide {
		
		float: left;
		height: 450px;
		min-height: 1px;
	}
	body .spaltenslideshow .slick-slide {
		height:400px;
	}
	body .spaltenslideshow .slick-list {
		height:400px;
	}
	body .spaltenslideshow .slick-track {
		height:400px;
	}
    .slideshowtextbereich > div.textRahmen:first-of-type,
    .slideshowtextbereich > div.textRahmen:nth-of-type(3),
    .slideshowtextbereich > div.textRahmen:nth-of-type(2) {
        width: 92%; /* Volle Breite für Textblöcke in der Slideshow */
        position:relative;
        height:auto;
        padding: 0% 4% 0% 4%;
    }
	
	.slideshowtextbereich > div.textRahmen:nth-of-type(3),
    .slideshowtextbereich > div.textRahmen:nth-of-type(2) {
    	width:44%;
    	display:inline-block;
    	padding: 0% 3% 0% 3%;
    }
    .galerie > a {
        width: 100%; /* Volle Breite für Galerie-Elemente */
    }

    .hotelbuttons {
        width: 100%; /* Volle Breite für Hotelbuttons */
        text-align: center; /* Zentrierung der Hotelbuttons */
    }

    .hotelbuttons a {
        margin-right: 0; /* Kein rechter Rand für Hotelbuttons */
    }
    
    .inhalt2spalten {
    display:block;
    width:100%;
    }
    
    .inhalt2spalten > div.spalte1.spaltenslideshow {
    width:100%;
    display:block;
    height:400px;
    }
    .inhalt2spalten > div.spalte2.spaltenslideshow {
    width:100%;
    display:block;
    height:400px;
    }
    .inhalt2spalten div.innerspalte1 {
    	width: 100%;
    }
    
    .inhalt2spalten div.innerspalte2 {
    	width: 100%;
    }
    .inhalt2spalten > div.spalte1 {
    	padding-left: 4%;
    	padding-right: 4%;
    	width:92%;
    }
    .inhalt2spalten > div.spalte2 {
    	padding-left: 4%;
    	padding-right: 4%;
    	width:92%;
    }
    
    .inhalt2spalten > div {
    margin-bottom:0;
    }
    
    
    div.inhalt {
		z-index: 20;
	}
	footer .textRahmenVB4sp {
		display:block;
		margin:0;
		padding-left:4%;
		padding-right:4%;
	}
	
	footer .textRahmenVB4sp > div {
		display:block;
		width:100%;
	}	
footer {
background-color: #4b4e52;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}

.inhalt2spalten p br {
display:none;
}
.textRahmen p br {
display:none;
}

.textRahmen h2, 
.textRahmen h1, 
.inhalt2spalten h2, 
.inhalt2spalten h1 {
font-size:28px;

}

body .inhalt h1:before, body .inhalt h2:before {
content: " ";
background-image: url(../../media/icon-blume-purpur.png);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat;
width: 28px;
height: 28px;
display: inline-block;
position: relative;
vertical-align: bottom;
}

.textRahmen {
padding: 30px 5%;
}


}


@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait) {
.galerie > a {
width:50.00%;
height:auto;
position:relative;
display:inline-block;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
outline:0;
}
}

@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: landscape) {
.galerie > a {
width:50.00%;
height:auto;
position:relative;
display:inline-block;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
outline:0;
}
}