@import url("webfonts/stylesheet.css");
@import url("webfonts/stylesheet2.css");


/*

gelb #ffcf00       - #dcae26

lila #6f3993


*/


.powermail_legend {padding-bottom:15px;}

.modly {
    background-color: #ffcf00;
    color: #3d3d3b;
    margin: 1.4em;
    padding: 1.5em;
    position: relative;
    border-radius: 5px;
    opacity: 0;font-size:1.5rem;line-height:2rem;
    transition-property: opacity;
    transition-timing-function: ease; 
        max-height: 90%;
    overflow-y: auto;
    
}
.modly h1 {font-size:1.8em;}
.modly-close {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-family: serif;
    font-size: 1.5em;
    height: 1em;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
}
.modly p {padding-bottom:8px}

.modly-wrapper {
    background-color: rgba(62, 61, 64, 0.8);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow-y: hidden;
    transition-property: opacity;
    transition-timing-function: ease;
    z-index: 1000;
}

 
 .modly-wrapper.modly-open {
    overflow-y: auto;
}

.modly-open {
    opacity: 1;
}

.modly-wrapper.modly-open {display:flex;}





@media (min-width: 1200px)
{
.container {
   /* max-width: 1170px;
   */
}
}


             .titelvideo {
    height: 100vh;
    width: 100%;
    z-index: 1;
    position: relative;
    overflow: hidden;  background-color:#000;
}

						.vimeo-wrapper {
						   position: absolute;
						   top: 0;
						   left: 0;
						   width: 100%;
						   height: 100%;
						   z-index: -1;
						   pointer-events: none;
						   overflow: hidden;
						}
						.vimeo-wrapper iframe {
						   width: 100vw;
						   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
						   min-height: 100vh;
						   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
						   position: absolute;
						   top: 50%;
						   left: 50%;
						   transform: translate(-50%, -50%);
						}
         
          iframe.i_desktop {
                            display: none;
                        }
                        @media only screen and (min-width: 992px) {
                            iframe.i_mobile {
                                display: none;
                            }
                            iframe.i_desktop {
                                display: block;
                            }
                        }
/*




*/



.btn {
/*
  border-radius:0;
  */
}

.tx-wetter-suedtirol .min {
  color:#0055CC;
}
.tx-wetter-suedtirol .max {
  color:#BB2200;
}

.container img.image-embed-item, img.img-responsive,img.responsive {max-width:100%;height:auto;}

.webcam-archive video {width:100%;height:auto;}

.frame-container p , .frame-container table {max-width:900px;margin:0 auto;}

header {
  position:relative;
}

#fixmenu {
  position:absolute;top:266px;font-size:20px;color:#7f7f7f;
  text-align:center;
}
#fixmenu a {
 color:#7f7f7f;
}
#fixmenu ul, .fixmenu  li {margin:0;padding:0;list-style-type:none;display:inline-block;}
.fixmenu li {padding-right:20px;letter-spacing:0.2px}
.fixmenu > li {text-transform:uppercase;}
.fixmenu li.on a {text-decoration:underline}
.fixmenu .submenu a {padding-right:20px;}



h1 {  
   font-family: 'Town 10 Display';    font-weight: 900;    font-style: normal;letter-spacing:1px;
font-size:60px;margin:0;line-height:70px;margin-bottom:15px;}

h2 {   font-family: 'Town 10 Display';    font-weight: normal;    font-style: normal;letter-spacing:2px;

font-size:25px;margin:0;line-height:45px;margin-bottom:20px;}

h3 {
 font-size:18px;margin:0;line-height:22px;margin-bottom:10px;       letter-spacing:1px;
  
   font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
  
}




body {
    overflow-x:hidden;
  font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;
  font-size:20px;line-height:28px;
  color:#3d3d3b;
}


.lead {font-weight:500;font-size:1.25em;line-height:1.35em;padding-bottom:10px;}

a {
  color:#3d3d3b;
}

 .footerbottom a:hover, a:hover {color:#ec3e3b;text-decoration:none;}


a:focus {
  color:#ec3e3b;
}


#fixedheader a.active {
  color:#ec3e3b;    text-decoration:underline;
}

#newsletter {position:absolute;z-index:5;top:225px;right:0px;display:none;}

@media (min-width:1700px)
{
  #newsletter {position:fixed;}
}


body.cke_editable {padding-top:20px;padding-left:20px;}
body.cke_editable a {text-decoration:underline;}

/*
body.cke_editable  a {color:#bdad8d;}
*/

b, strong {
   font-weight: 800;
}


.menubg {
  background-image:url(img/menu.jpg);background-size:cover;
  position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99;
    display:none;
}

nav.navi {
  position:fixed;z-index:100;top:285px;
  text-align:center; width:100%;display:none;line-height:30px;font-size:20px;
}

.navi .row {
  text-align:center;
}
.navi a {
  display:block;  color:#5d5953;
}


.navi h3 {
line-height:35px;margin-bottom:5px;
}

.navi .col-sm-4 {
  padding-bottom:100px;
}


.navi .specialmenu a {
  background-color:#ebe7df;font-size:18px;line-height:1em;padding:17px 0px; font-family: TTNorms-Bold;font-weight:normal;
 text-transform:uppercase;max-width:320px;margin:0 auto;        margin-bottom:10px;  text-align:left;padding-left:55px;
}


.center, .text-center, .frame-layout-1 {
  text-align:center;

}



#maincontent {padding-top:80px;}

.footer {font-size:20px;line-height:25px;color:#fff;padding-top:100px;position:relative;
 margin-top:180px;         text-align:center;padding-bottom:100px;
background-color:#393939;
}


.footer a { color:#fff }
.footer a:hover { color:#ffcf00;}

.footerbottom {background-color:#ffcf00;
text-align:center;
font-size:13px;color:#3d3d3b; line-height:1em;    z-index:10;
padding:10px 0px ;
height:55px;   font-family: 'Town 10 Display';    font-weight: 900;    font-style: normal;letter-spacing:2px;
 }


.footer .socialicons {
  padding-top:20px;
}
.footer .socialicons img {
  padding-right:10px;
}

.footer h3 {
 margin-bottom:20px;color:#fff;
}

.footer-location a.yellow {
color:#ffd100;text-transform:uppercase;text-decoration:underline; 
font-family: 'Town 10 Display';    font-weight: 900;    font-style: normal;letter-spacing:2px;
}


.footerbottom a {
  color:#3d3d3b;padding:10px; display:inline-block;
}


.footerbottom p , .footer-right p{
  margin:0;
}





 .booking {
  position:fixed;right:25px;top:19px;  z-index:11;  letter-spacing:0.5px; line-height:1em;z-index:300;
}

.booking img {max-width:112px;height:auto;}

.booking-circle {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    background-color: #e84242;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    -moz-transition: -moz-transform 0.8s ease-in-out;
    -ms-transition: -ms-transform 0.8s ease-in-out;
    -o-transition: -o-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
    
        -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    -o-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    position:fixed;
  right: 82px;
    top: 73px;
    z-index:300;
width: 2000px;
    height: 2000px;
    margin-right: -1000px;
    margin-top: -1000px;
}

.booking-circle-open .booking-circle{
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.booking-text {width:620px;text-align:center;right:80px;color:#fff;
 font-family: 'Town 10 Display'; font-weight: normal; font-style: normal;
 font-size:25px;line-height:26px;text-transform:uppercase; letter-spacing:2px;
 z-index:305;position:fixed;top:140px;display:none;
}

.booking-text a {font-family: 'Town 10 Display'; font-weight: 900; font-style: normal;font-size:60px;line-height:70px;
letter-spacing:1px;display:block;color:#fff;text-decoration:underline;padding-bottom:10px;}

.booking-text a.btn {border-color:#fff;display:inline-block;width:auto;font-size:18px;line-height:1em;
font-weight:400;padding:12px 12px;margin-top:15px;margin-right:8px;text-decoration:none;margin-left:8px;
}
.booking-text .subtitle1 {padding-bottom:70px}


#bookdetails .closebooking {position:fixed;z-index:350;right:55px;top:50px;display:none;}



.topnav ul {display:inline-block;}
 .topnav {
  margin:0 auto;
 font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal; 
}

 .topnav a {
  display:inline-block;padding:28px 20px;
 text-transform:uppercase;font-size:18px;line-height:1em; letter-spacing:1px;
}       

.topnav .submenu {display:none;position:absolute;left:0px;right:0px;top:74px;height:76px;background-color:#3d3d3b;
}
.topnav .submenu a {text-transform:none;color:#fff;
    font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;
}

.topnav ul, .topnav li {padding:0;margin:0;list-style-type:none;}
.topnav ul {text-align:center;}
.topnav li {float:left;} 



@media (min-width:1025px)
{

.topnav ul > li:hover .submenu {display:block;}

}


.topnav .submenu a:hover {
      color: #ec3e3b;
    text-decoration: underline;
}     

.topnav img {width:auto;max-height:20px}
.topnav a.homelink {position:relative;top:-2px;}                  



.logo {
  padding-top:160px;
    margin: 0 auto;
    text-align: center;
    z-index: 11;
}
.logo img {width:auto;max-height:148px;}
header.contain {
  padding-bottom:330px;
}

 .lang {
  position:fixed;left:0px;font-size:11px; top:8px;left:20px;  line-height:1em;z-index:400;line-height:20px; letter-spacing:1px;
  
   font-family: 'Town 10 Display';
    font-weight: normal;
    font-style: normal;
}

.mobilelang {padding-top:20px;}
.mobilelang div {display:inline-block;padding:20px 10px}
 .mobilelang .active, .lang .active { font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;}




 .burger {
    cursor: pointer;
    bottom: 0px;
    left: 34px;
    position: fixed;
    width: 38px;
    padding: 0;
    height: 28px;top:21px;
    z-index:255;

}
 .burger span {
    position: absolute;
    display: block;
    left: 0px;
    height: 4px;
    width: 100%;;
    background: #3d3d3c;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
}
 .burger span.top {
    top: 2px;
}
 .burger span.middle {
    top: 12px;
}
 .burger span.bottom {
    top: 22px;
}


.menuOpen  .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 .menuOpen  .burger span.top {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 38px;
        height:3px;
      left:3px;

}

.menuOpen  .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .menuOpen  .burger span.middle {
    opacity: 0;
    width: 0;
}


 .menuOpen  .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .menuOpen  .burger span.bottom {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 38px;
    height:3px;  left:1px;top:29px;

}

.menuOpen #fixedheader {
  -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height:100%;
}



#fixedheader {

background-color:#ffcf00;
z-index:250;
top:0px;
position:fixed;
min-height:78px;
width:100%;
top:0px;
      -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#fixedheader.active {
top:0px;
}

.fixedheader > .container {position:relative;} 




 a.btn-default , .btn-default {
      background:none;
    font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;   
    color:inherit;  
    letter-spacing: 1px;
    padding: 12px 24px;
    border:2px solid #3b3b3a;
    font-size: 18px;line-height:1em;border-radius:0px;
}

a.btn-default:hover {
  background-color:#3d3d3b;
  color:#fff;
}

a.btn-primary, .btn-primary {
    background: none;
    font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
    color: inherit;
    letter-spacing: 1px;
    padding: 12px 24px;
    border: 0px;
    background-color:#ffcf00;
    font-size: 18px;
    line-height: 1em;
    border-radius: 0px;
}

a.btn-primary:hover {
  background-color:#3d3d3b;
  color:#ffcf00;
}

.mycontainer {background-color:#efeee7;}
.dce-text {background-color:#efeee7;
padding:60px 0px 120px 0px;
margin-bottom:120px;
margin-top:70px;}
.dce-text.dce-noimage {margin-bottom:0px;}


.dce-text .container p {max-width:800px;margin-left:auto;margin-right:auto;}

.dce-text-header .breadcrump {padding-top:60px;font-size:14px;padding-bottom:50px;}
.dce-text-header h1 {margin-bottom:0px;}
.dce-text-header p.lead {padding-bottom:25px;}

.dce-text-header .txtcontent {
    padding-bottom: 80px;
}
.dce-noimage .txtcontent {
    padding-bottom: 50px;
}

.dce-text-header  .imgmiddle {
    position: absolute;
}

.dce-text-header {padding:0px;margin-top:0px;}

.dce-text .txtbild {position:relative;}

.dce-highlights {
  background-color:#efeee7;
  padding:110px 0px 110px;margin-bottom:100px;
}
.dce-highlights .bild {
    display: inline-block;
    position: relative;
}

.dce-highlights .imgs {padding-top:70px;}

.dce-highlights .textbox {
    font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;  
    font-size: 40px;
    margin: 0;
    line-height: 50px;
    color: #fff;
    letter-spacing:1px;
    /*
    text-shadow: 2px 2px 18px #000000;
    */
    position: absolute;
    padding-right: 50px;
    padding-left: 50px;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    z-index: 50;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.dce-highlights .bild {background-color:#000;margin-bottom:30px; }
.dce-highlights .image-holder {opacity:0.7;}

.dce-highlights a:hover .image-holder {opacity:0.9;}

.dce-highlights .bildrechts   {   overflow:hidden;}
.dce-highlights .description {position:absolute;right: -93px;
    top: -20px;

   font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;  
    font-size: 18px;color:#fff;line-height:25px;
       -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color:#562a5b;
    overflow:hidden;
    text-align:center;
    padding:20px 80px;
       padding-top: 57px;
    letter-spacing:2px;
}


.slider-element {
  position:relative;   overflow:hidden;
 
 }
 
 .mainslider-out {padding-bottom:10px;}
 
 .mycontainer .mainslider-out {
 /*    wenn hintergrundfarbe mehr abstand   */
 padding-bottom:50px;
 }
.slider .slider-element img {max-width:100%;width:100%;height:auto;}



.slider-element .slider-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    text-align: center;   color:#fff;
    background-image:url(img/bgslider.png);
    background-repeat:repeat-x;
    background-position:bottom left;
}

.zimmerliste .sidetxt, .slider-element .sidetxt {
position:absolute;left: -120px;
    top: -20px;

   font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;  
    font-size: 18px;color:#fff;line-height:25px;
       -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* background-color:#562a5b;
    
     */
    background-color:#6f3993;
    overflow:hidden;
    text-align:center;
    padding:30px 110px;
       padding-top: 67px;
    letter-spacing:2px;
    width:350px;
}
.zimmerliste .sidetxt {
    left: -131px;
    top: -20px;

    padding-top: 63px;
z-index:50;
}


.slider-element  h1 {margin-bottom:0px;}
.slider-element  h2 {margin-bottom:40px;}


.slick-next:before {
    width:67px;
    height:68px;     
    content:url(img/slider_next.png);    

}
.slick-prev:before {
    width:67px;
    height:68px;   
    content:url(img/slider_prev.png);
}


.slick-prev {
    left: -80px;
}

.slick-next {
    right: -80px;
}
.slick-prev, .slick-next {
     width:67px;
    height:68px;   
}  

.slick-slider .slick-next,.slick-slider  .slick-prev {opacity:1;}

.teaserslider {margin-bottom:50px;margin-top:50px;}
.teaserslider .teaser-slider-element .bottomtxt {max-width:360px;width:100%;text-align:center;
   font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;  
    font-size:20px;line-height:1em;letter-spacing:1px;
    padding:20px;background-color:#ffcf00;

}

.teaserslider .teaser-slider-element {margin-right:15px;margin-left:15px;}
.teaserslider .teaser-slider-element img {max-width:100%;height:auto;}

.iconhighlights {background-color:#f2f2eb;padding:49px 0px;margin-top:30px;}
.iconhighlights .icon {height:102px;}
.iconhighlights, .iconhighlights h3 {font-size:20px;line-height:25px;margin-bottom:0px;}
.iconhighlights p {margin-bottom:0px;}
.iconhighlights  .row > div {border-left:2px solid #c8c8be}
.iconhighlights .row > div:first-child {
    border:0px;
}

@media (max-width:719px)
{
 .iconhighlights  .row > div {border:0px;padding-bottom:40px;}
}


.highlight-images {padding-top:95px;font-size:25px;line-height:33px;}
.highlight-images h2 { font-weight: 900;font-size:30px;line-height:35px;margin:0;padding-top:20px;}

.highlight-images .row > div {padding-bottom:50px;}


.dce-textboxes .row .col-12 {
  margin-bottom:150px;
}

.dce-textboxes .row .col-12 div {
  padding:40px 45px;
}

.dce-textboxes .col-beige div {background-color:#f2f2eb;}
.dce-textboxes .col-gray div {background-color:#3a3a39;color:#fff;}

.dce-textboxes .col-beige hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 2px solid #babab5;
}

.dce-textboxes strong , .dce-textboxes b {text-transform:uppercase;}

.dce-textboxes  a , .auflistung  .listentry a {color:#ffd100;text-decoration:underline;
margin:0;padding-top:5px;    letter-spacing:1px;
  
   font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
 
}

.news-content-elements p a {color:#ffcf00;}

.dce-textboxes .col-gray h1 {
    font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
}

.dce-textboxes  .col-gray strong {
      color:#ffd100;
} 

.dce-textboxes  .col-gray u {
      background-color:#ffd100;color:#3a3a39;display:inline-block;
      margin:10px 0px;       font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;text-decoration:none;padding:5px 10px;
} 


.magazincats {
 margin-top:-30px;  margin-bottom:65px;
 padding:0px;
}

.magazincats ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
}

.magazincats li {
  flex-grow:1;margin-left:20px;text-align:center;  
   background-color:#c8c8be;  line-height:14px;  font-size:14px;text-transform:uppercase;
      font-family: 'Town 10 Display';    
    font-weight: 900;
    font-style: normal;
}
.magazincats li:first-child {margin-left:0px;}

.magazincats li a {
 border:0px;  letter-spacing:1px;    padding:17px 18px;display:block;
 color:#393939;
}
.magazincats li a.active {text-decoration:underline;}
.magazincats li:hover { background-color:#393939;}
.magazincats li:hover a {    color:#c8c8be; }

.news-list-view .news-list-item {background-color:#fff;
margin-bottom:30px;
}

.news-list-view .news-list-item .articlebody {padding:19px;}
.news-list-view .news-list-item .articlebody .teaser {display:none;}
.news-list-view .news-list-item .articlebody span.label-info {
 display:inline-block;margin-right:7px;font-size:14px;letter-spacing:1px;
line-height:14px;background-color:#cecec5;padding:6px;
  font-family: 'Town 10 Display';    
    font-weight: 900;
    font-style: normal;
}

.news-list-view .news-list-item .articlebody p.lead {
font-weight: 800;padding-top:20px;margin:0;font-size:25px;line-height:30px;
}

.news-single .dce-text-header h1 {margin-bottom:10px;}

.news-content-elements {margin:0 auto;margin-top:-55px;max-width:900px;}
.news-content-elements p, .news-content-elements h2 {
max-width: 800px;
    margin-left:auto;
    margin-right:auto;
}

.news-content-elements p {
margin-bottom:1.5rem;}

.news-content-elements h2 {
    font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;line-height:45px;font-size:40px;margin-bottom:20px;

}

.news-content-elements > div {
padding-bottom:40px;margin-bottom:70px;
}

.news-content-elements .frame-type-textpic  {
 border-bottom:2px solid #999;
 
 }

/*
.news-content-elements .frame-type-textpic:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #000;
  width: 70%;
  transform: translateX(-50%);
  bottom: -15px;
  left: 50%;
}
*/


.news-content-elements .ce-textpic .ce-gallery {
padding-bottom:40px;
}

.news-list-view {padding-bottom:100px}



.auflistung {
  margin-top:65px; 
  margin-bottom:95px;text-align:center;  
}

.auflistung .container {
  background-color:#efeee7;
       position:relative;
}

.auflistung .container .row {padding:10px 35px; padding-bottom:25px; }

.auflistung .listentry {
  border-top:2px solid #babab5;
  padding:25px 0px;
}

.auflistung .listentry:first-child {border-top:0px;}

.auflistung p {margin:0;}
.auflistung h3 {margin-bottom:3px;}

.auflistung .buttonlink {width: 100%;
    position: absolute;
    text-align: center;
    margin-left: -15px;
    bottom: -20px;
    }


   .lgitem .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
    
    
 .lgitem .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

 .lgitem {
    cursor: pointer;
    overflow: hidden;
}
.slider  .slider-element .lgitem .demo-gallery-poster img {
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    opacity: 1;
    width: 64px;
}


.zimmerliste {padding-top:70px;}
.zimmerliste h3 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    line-height: 2.2rem;
}


.zimmerliste {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.zimmerliste  li {   border-bottom: 2px solid #c7c8c2;
padding: .5em 0;
}
.zimmerliste ul {list-style-type:none;padding-left:0;}
.zimmerliste li:last-child {
    border-bottom: 0;
}
.zimmerliste .slick-prev {
    left: 1px;
    z-index: 5;
}

.zimmerliste .slick-next {
    right:1px;

}

.zimmerliste .sidecontainer {position:absolute;overflow:hidden;height:100%;width:100%;}

.zimmerliste div.buttons {
    font-size: .8em;
    display: flex;
    width: 100%;
}
.zimmerliste  .button {
    flex-grow: 1 !important;
    text-align: center;
    font-family: "Town 10 Display", sans-serif !important;
    font-weight: 700 !important;
    padding: .7em !important;
}
.zimmerliste  a.button {
    text-decoration: none;
    text-transform: uppercase;
    padding: .7em;
    font-size: 1.1em;
    font-weight: 700;
    flex-shrink: 0;
    background: 0 0;
    color: #ffcf00;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s ease-out;
}


.zimmerliste a.button.enquiry {
    background: #ffcf00;
    color: #3d3d3b;
}

.zimmerliste a.button.booking2 {
    background: #e84242;
    color: #fff;
}
.zimmerliste div.buttons a.booking2 {
    margin-left: 1em;
}

.zimmerliste  a.button.enquiry:hover {
    background: #cca600;
    border-color: #cca600
}


.zimmerliste  a.button.booking2:hover {
    background: #dc1b1b;
    border-color: #dc1b1b
}



@media (max-width: 990px)
{
    .zimmerliste .description {padding-top:30px;
    }

}














@media (min-width: 720px)
{

 .light-gallery .bild1 {padding-top:150px;}
#maincontent .light-gallery {margin-top:-78px;}
#maincontent .light-gallery:first-child {margin-top:0px;}

}


@media (max-width: 1440px)
{
 #newsletter img {height:auto;width:250px}

}

@media (max-width: 1280px)
{
  body {  font-size:18px;line-height:26px; }
h1 {  
font-size:50px;line-height:60px;margin-bottom:15px;}

h2 { font-size:22px;line-height:40px;margin-bottom:20px;}

h3 { font-size:16px;margin:0;line-height:20px;margin-bottom:10px;    
}

#newsletter img {width:200px}
#newsletter {top:150px;}


  }


@media (max-width: 1100px)
{
   .topnav a {padding:23px 7px;letter-spacing:0.5px;}
 .news-list-view .news-list-item .articlebody p.lead {
    font-size: 20px;
    line-height: 25px;   }
    #fixedheader {height:68px;}
    .lang {top:5px;line-height:19px;}
    .booking {right:5px;}
    
    
  body {  font-size:17px;line-height:24px; }
h1 {  
font-size:40px;line-height:50px;margin-bottom:15px;}

h2 { font-size:20px;line-height:35px;margin-bottom:20px;}

h3 { font-size:14px;margin:0;line-height:18px;margin-bottom:10px;   }
.iconhighlights, .iconhighlights h3 {
    font-size: 18px;
    line-height: 23px;
}
.footer {
    font-size: 18px;
    line-height: 24px;
    }
.dce-highlights .textbox {
    font-size: 30px;
    line-height: 40px;
}

.highlight-images {
    font-size: 22px;
    line-height: 30px;
}

.highlight-images h2 {
    font-size: 25px;
    line-height: 30px;
}

.teaserslider .teaser-slider-element .bottomtxt {
    font-size: 18px;}
    
.slick-prev, .slick-next {
    width: 34px;
    height: 34px;
}
.slick-prev {
    left: -38px;
}
.slick-next {
right:-38px;
}

.slick-prev:before {
    width: 34px;
    height: 34px;
  
   background-image:url(/fileadmin/vorlage/img/slider_prev.png);
  content: ' ';display:block;
  background-size:contain;
}
.slick-next:before {
    width: 34px;
    height: 34px;
  
   background-image:url(/fileadmin/vorlage/img/slider_next.png);
  content: ' ';display:block;
  background-size:contain;
}
 
}



@media (max-width: 991px)
{
  .topnav a {padding: 10px 0px}
  .topnav .submenu {display:block;position:relative;background:none;
  left:auto;top:auto;right:auto;height:auto;     padding-bottom:10px;
  }   
  .topnav .submenu a {padding:5px 0px;color:#000;}
  #newsletter {display:none;}
  .topnav {padding-top:100px;}
  .topnav li {float:none;}
  .topnav  a {display:block;}
  #fixedheader {overflow:hidden;
 /*  height:100%; */
  }
  .booking {right:25px;}
  
   .iconhighlights .row > div {
    padding-bottom:40px;border:0px;
}
.iconhighlights {padding-bottom:9px}
}




@media (max-width: 767px)
{
.menuOpen #fixedheader {overflow:scroll;}


.topnav a.homelink {display:none;}


   .topnav {padding-top:75px;}

  .topnav a {padding: 5px 0px}
  .topnav .submenu {  padding-bottom:10px;
  }   
  .topnav .submenu a {padding:2px 0px;font-size:15px;}

.footer {
    padding-top: 50px;
    margin-top: 80px;
    padding-bottom: 50px;
}

.teaserslider {
    margin-bottom: 30px;
 
}

.dce-text {
/*    padding-bottom:65px;
*/
    margin-bottom: 55px;
    /*
    margin-top: 70px;
    */
}

.dce-highlights {
 
    padding: 50px 0px 60px;
    margin-bottom: 55px;
}  

.dce-highlights .imgs {
    padding-top: 40px;
}

.booking img {width:90px;}
.logo img {width:170px;}
.logo {
    padding-top: 125px;
    }
    #maincontent {
    padding-top: 40px;
}
.slick-arrow {display:none !important;}

   body {  font-size:15px;line-height:20px; }
h1 {  font-size:30px;line-height:35px;margin-bottom:15px;}

h2 { font-size:18px;line-height:25px;margin-bottom:20px;}

h3 { font-size:14px;margin:0;line-height:18px;margin-bottom:10px;   }

 a.btn-default, .btn-default {    font-size: 16px;}
 .teaserslider .teaser-slider-element .bottomtxt {    font-size: 16px;}
.dce-highlights .textbox {    font-size: 25px;    line-height: 35px;}

.footer .col-12 {padding-bottom:20px;}

.highlight-images h2 {    font-size: 22px;      line-height: 27px;}
.frame p.text-center {padding-right: 15px;
    padding-left: 15px;}
.news-content-elements {overflow:hidden;}


.slider-element .slider-text {
    position: relative;
    width: 100%;
    height: auto;
    top: 0px;
    display: block;
    text-align: center;
    color: #fff;
    background-image: none;
    background-color:#3d3d3c;padding:25px;
}
.slider-element h2 {
    margin-bottom: 0px;
}

    .zimmerliste .sidetxt, .slider-element .sidetxt {
     font-size: 14px;line-height:18px;
   letter-spacing: 1px;   left: -94px;
    top: -22px;
     padding: 10px 70px;
    padding-top: 57px;       width: 250px;
}

.magazincats li {
 margin-bottom:20px;
}
.magazincats {
    
    margin-bottom: 45px;
}

.news-content-elements .ce-textpic .ce-gallery {
    padding-bottom: 20px;
}
.news-content-elements h2 {
    line-height: 25px;
    font-size: 20px;
    margin-bottom: 20px;
}
.booking-circle-open .booking-circle {
    -webkit-transform: scale3d(0.58,0.58,0.58);
    -moz-transform: scale3d(0.58,0.58,0.58);
    -ms-transform: scale3d(0.58,0.58,0.58);
    -o-transform: scale3d(0.58,0.58,0.58);
    transform: scale3d(0.58,0.58,0.58)    
}

.booking-text {
  max-width:100%;
  right:0px;
  padding:0px 20px;      top: 100px;
}

.booking-text a {
    font-size: 50px;
    line-height: 60px;
    
    }
    
.booking-text .subtitle1 {
    padding-bottom: 60px;
}    
/*
    position: absolute;
    left: -120px;
    top: -20px;
    font-family: 'Town 10 Display';
    font-weight: 900;
    font-style: normal;
  
    color: #fff;
    line-height: 25px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #562a5b;
    overflow: hidden;
    text-align: center;
  
   
    width: 350px;
}
*/

.mobilelang {
    padding-top: 5px;
}
}



@media (min-width: 400px)
{
/*
.booking p {padding:0px 6px;width:33%;}
*/
  



}

@media (max-height: 450px)
{
.topnav {
    padding-top: 60px;
}
.topnav a {
    padding: 10px 11px;
}
.topnav a.homelink {
 display:none;
}
.mobilelang {
    padding-top: 0px;
}

}


@media (max-height:670px)
{
.menuOpen #fixedheader {overflow:scroll;}


.mobilelang div {padding-top:10px;}
.topnav {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.menuOpen .topnav {
   
    padding-top: 20px;
}

}
@media (max-width: 600px)
{
.booking-text a {
    font-size: 30px;
    line-height: 35px;
    
    }

    }