/*
SIL Open Font License, 1.1
http://scripts.sil.org/OFL
*/

/* cuprum-regular - latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cuprum-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cuprum Regular'), local('Cuprum-Regular'),
       url('../fonts/cuprum-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cuprum-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cuprum-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cuprum-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cuprum-v9-latin-regular.svg#Cuprum') format('svg'); /* Legacy iOS */
}

/* cuprum-700 - latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cuprum-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cuprum Bold'), local('Cuprum-Bold'),
       url('../fonts/cuprum-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cuprum-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cuprum-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cuprum-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cuprum-v9-latin-700.svg#Cuprum') format('svg'); /* Legacy iOS */
}



/* =============================================================================
   Login Formular
   ========================================================================== */   
  .form-signin{max-width:380px;  padding:15px;  margin:0 auto;}
  .form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom:10px;}
  .form-signin .checkbox{font-weight:normal;}
  .form-signin .form-control{position:relative;  font-size:16px;  height:auto;  padding:10px;  box-sizing:border-box;}
  .form-signin .form-control:focus{z-index:2;}
  .form-signin input[type="text"]{margin-bottom:-1px;  border-bottom-left-radius:0;  border-bottom-right-radius:0;}
  .form-signin input[type="password"]{margin-bottom:10px;  border-top-left-radius:0;  border-top-right-radius:0;}
  

/* =============================================================================
   Standards
   Colors:  blau #345c76 dunkelblau #0c223a weiss #fff    sand #ebdcc5
   ========================================================================== */   
  iframe { width: 100% !important; }           
  *:focus, a:focus { border: 0; outline: none; }              
    
  .container { width: 100%; max-width: 100%; margin: 0 auto; padding: 0;  }        
   html { min-height: 100%; overflow-y: scroll; }
   body { min-height: 100%; }
   
   .row { margin: 0;}
   .col-6 { padding: 0; }
   
   a, a:link, a:hover, a:active, a:visited, a:focus { color: #345c76; text-decoration: none; }
   a:hover { color: #0c223a; }

/* =============================================================================
   Font Styles   
   ========================================================================== */     
   
    body, input, button, select, textarea { font-family: 'Cuprum', sans-serif; font-weight: bold; line-height: 1em;}      
    body, p, li { font-size: 16px; line-height: 22px; font-weight: 500; color: #fff; } 
    h1, .h1   { font-family: 'Cuprum', sans-serif; font-weight: 700; line-height: 1em; margin: 0; padding: 0; text-align: right; }
          
    #menutoggle span { font-size: 10px; line-height: 1em; letter-spacing: 6px; font-weight: 500; text-transform: uppercase;  }
    
    .h1  { font-size: 70px; line-height: 80px; letter-spacing: 0; text-transform: none; text-align: right; text-shadow: 0 0 5px rgba(0,0,0,0.7); }                    
    h1 span { font-size: 35px; line-height: 35px; display: block; font-weight: 300; }
    .h2  { font-size: 29px; line-height: 35px; letter-spacing: 0; font-weight: bold; text-transform: none; text-align: center; margin: 30px 0; } 
    .h3 { font-size: 16px; line-height: 22px; font-weight: 600; border-bottom: 3px solid #345c76; margin: 10px 0 1px; }
    .small { display: block; color: #bcc9d7; text-align: center; font-size: 10px; line-height: 12px; font-weight: 600; }
    .trenner { display: block; min-height: 65px; border-bottom: 1px solid #fff; margin-bottom: 30px; }
            
    .textitem a { }
    
    .bottommenu { font-size: 12px; line-height: 14px; letter-spacing: 2px; font-weight: 500; color: #fff; text-transform: uppercase; }    
    .bottommenu a { color: #fff; display: inline-block; padding: 4px 5px; }
	  .bottommenu a:hover { font-size: 12px; }    
    
    .btn-sand a, .formgen .formsubmit { font-size: 15px; line-height: 22px; color: #345c76; background: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; padding: 7px 8px; margin: 15px auto; }    
    .btn-sand a, .btn-sand a:hover, .formgen .formsubmit, .formgen .formsubmit:hover { border: 0; text-transform: uppercase; display: block; width: 100%; max-width: 100%;  text-align: center; }
    .btn-sand a { color: #fff; background: #C46201; }
    .btn-sand a:hover { color: #345c76; background: #fff; }
    
    .navbar-content ul.nav li a { font-size: 18px; line-height: 25px; letter-spacing: 1px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: left; }     
    .navbar-content ul.nav li a:hover { }
    .navbar-content ul.nav li a.active { color: #fff;  }  
    
    .navbar-content ul.nav li ul { padding: 5px 0 25px; margin: 0; border-top: 1px solid #fff; }
    .navbar-content ul.nav li ul li a { font-size: 14px; line-height: 20px; letter-spacing: 1px; color: #fff; font-weight: normal; text-transform: none; border-bottom: 0; }     
    
    .navbar-content ul.subnav li a { font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #fff; font-weight: 500; text-transform: uppercase; text-align: center; }  
    .navbar-content ul.subnav li a:hover { }
    .navbar-content ul.subnav li a.active { color: #fff; }  
    

/* =============================================================================
   Sizes and Backgrounds
   ========================================================================== */    
   
    body { background: #0c223a;  }    
    #wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 !important; }
    #imagerow { position: fixed; top: 0; left: 45%; right: 0; bottom: 40px; }      
    .navbar-content { position: fixed; top: 30px; left: 30px; right: auto; width: 200px; bottom: 60px; max-height: 100%; padding: 0; overflow-y: auto; white-space: nowrap; }  
     
    #mainrow { position: fixed; margin-left: 0; margin-right: 0; padding: 0; top: 30px; left: 300px; bottom: 60px; right: auto; width: 300px; overflow-y: auto;  }    
    #headlines { position: fixed; margin-right: 5%; top: 0; right: 0; padding: 0 35px; width: auto; }   
    #headlines { padding-top: 80px; }
    
    #wrap { background: url('') center center no-repeat transparent; background-size: cover; }     
    #imagerow, #mobillogo { background: transparent; background-size: contain; }   
    #mainrow { background-size: cover; background-attachment: fixed;  }     
    #mainrow.dark { }
    #mainrow > .container { background: #0c223a; background: rgba(12,34,58,0.7); padding: 35px 20px; }     
    hr { background: transparent; border: 0; border-bottom: 1px solid #fff; margin: 0; padding: 30px 0; height: 20px; width: 100%; clear: both; }    
    hr.short { background: #EA9F0E; border: 0; border-bottom: 0; margin: 15px 0 0 auto; padding: 5px 0 0 0; height: auto; width: 120px; clear: both; }
    
    .bottommenu { z-index: 990; position: fixed; bottom: 0; left: 0; right: 0; height: 40px; text-align: right; color: fff; background: #0c223a;  /* background: rgba(12,34,58,0.8); */ padding: 10px 5% 0 0; padding-right: calc(5% + 30px); border-top: 1px solid #fff; }
    
    #sidemenu { position: fixed; left: 5%; bottom: 40px; width: 55px; margin-left: -27px; }     
    #sidemenu a { display: block; margin: 0 0 0 0; padding: 0; clear: both; }
    #sidemenu a img { width: 55px; height: auto; }  
	 
    .navbar-header { z-index: 990; position: fixed; left: 15px; right: auto; top: 15px; width: 40px; text-align: center; margin-left: 0; } 
    .navbar-header.mitseason { width: 240px; } 
    #menutoggle span { display: block; padding: 15px 0 0 5px; }  
    
    .seasonselection {}    
    .seasonselection a { color: #fff; text-decoration: none; height: 35px; padding: 0; margin: 0; line-height: 35px; font-size: 17px; text-align: left; }    
    .seasonselection a i { width: 35px; background: rgba(255,255,255,0); text-align: center; padding: 4px 7px; }                                                                                 
    .seasonselection a i img { width: 27px; height: auto; margin: 0 auto; }   
    a#winterlogo { background: #008ED6; margin-right: 0; }
    a#sommerlogo { background: #FED906; margin-left: 0; color: #000; }    
    a#winterlogo i { }
    a#sommerlogo i {}   
    .seasonselection a span { padding: 0; display: inline-block; }
    /*
    body .seasonselection a#winterlogo span { display: inline-block; }     
    body .seasonselection a#sommerlogo span { display: none; }
    body.category-116 .seasonselection a#winterlogo span { display: none; }
    body.category-116 .seasonselection a#sommerlogo span { display: inline-block; }   
    */ 
    
    /*   
    body .seasonselection a#winterlogo { width: calc(100% - 70px);  }     
    body .seasonselection a#sommerlogo {width: 70px; }
    body.category-116 .seasonselection a#winterlogo { width: 70px; }
    body.category-116 .seasonselection a#sommerlogo { width: calc(100% - 70px); }
    */
    
       
    body .seasonselection a#winterlogo { width: 120px;  }     
    body .seasonselection a#sommerlogo { width: 120px; }
    body.category-116 .seasonselection a#winterlogo { width: 120px; }
    body.category-116 .seasonselection a#sommerlogo { width: 120px; }
    
    /*
    #season { z-index: 995; position: absolute; top: 0; left: 0; right: 0; height: 35px; }
    #season a { display: inline-block; color: #fff; text-decoration: none; width: 50%; width: calc(35px); height: 35px; padding: 9px; margin: 0; line-height: 17px; font-size: 17px; }      
    #season a.active {width: calc(100% - 35px); }
    a#winter { background: #008ED6; margin-right: 0; }
    a#summer { background: #FED906; margin-left: 0; color: #000; }   
    #season a i { }
    #season a span { display: none; }
    #season a.active span { display: inline-block; padding-left: 8px; }
    */
    
    /* war mal 15px */
    #menutoggle, #menuclose { z-index: 50; cursor: pointer; position: fixed; top: 15px; left: 20px; width: 35px; height: 35px; padding: 0 0 0 0; background: #000; border-radius: 0; text-align: center; color: #fff; font-size: 20px; line-height: 35px; box-shadow: 0; }
    #menutoggle img, #menuclose img {width: 20px; height: auto; }
    .navbar-header.mitseason #menutoggle, .navbar-header.mitseason #menuclose { left: 240px; } 
    
    #texttoggle, #textshow { z-index: 50; cursor: pointer; position: fixed; top: 15px; left: 295px; width: 40px; height: 40px; padding: 3px 0 0 0; background: #EA9F0E; border-radius: 50%; text-align: center; color: #fff; font-size: 30px; line-height: 30px; box-shadow: 0 0 4px 4px rgba(0,0,0,0.3); }
   
  /* .navbar-content { display: none; }   */          
    
    .navbar-content { z-index: 980; }         
    .navbar-content > .inner { background: #0c223a; background: rgba(12,34,58,0.7); }
    .navbar-content ul.nav, .navbar-content ul.nav li { margin: 0; padding: 0; list-style: none; display: block; }
    .navbar-content ul.nav li a { display: block;  }        
    .navbar-content ul.subnav, .navbar-content ul.subnav li { margin: 0; padding: 0; list-style: none; }
    .navbar-content ul.subnav li a { display: block;  }
    .navbar-content ul.nav { margin: 0; padding: 30px 10px; background: transparent;  }
    
    div.lang { float: left; width: auto; margin-left: 5%; padding-left: 40px; }
    /*                                                                                
    */
    div.lang { margin-left: 30px; }
    div.lang a { display: inline-block; padding: 2px 5px; }   
    div.lang a:hover { color: #000; background: #fff;  }
    div.lang a.active, div.lang a.active:hover { color: #EA9F0E; background: transparent; }  
                                    
/* =============================================================================
   Allgemeine Module
   ========================================================================== */  
    
    .textitem ul, .textitem ul li { margin-left: 0; padding-left: 0; list-style: none; }  
    .textitem ul li { background: transparent; padding: 2px 0 2px 20px; border-bottom: 0; position: relative; }  
    .textitem ul li:first-child { border-top: 0;  }
    .textitem ul li i.fa { display: block; position: absolute; top: 7px; left: 0; font-size: 0.8em; }
    
    .textitem strong { font-weight: bold; }
    
    .textitem a, .textitem a:link, .textitem a:hover, .textitem a:active, .textitem a:visited, .textitem a:focus { color: #fff; }
    
    
    /* Listen */
    .boxc ul { list-style: none; margin-left: 0; padding-left: 0; margin: 1em 0;  }    
    .boxc ul li { list-style: none; margin-left: 0; padding: 3px 0 8px 1.5rem; position: relative; } 
    .boxc ul li:before { font-family: "Font Awesome 5 Free"; content:"\f35a";  display: inline-block; width: 1.5rem; font-size: 1rem; color: #EA9F0E; position: absolute; top: 0.2rem; left: 0; }  
        
        
     .galerie { margin: 15px -15px; }            
     .galerie a { display: block; float: left; padding: 0 8px 5px 8px; min-height: 30px; position: relative; }   
     .galerie.ohnebeschriftung a { padding-bottom: 16px;  }     
     .mediaitem { padding: 0; }
     .galerie a img { width: 100%; max-width: 100%; height: auto; border-radius: 0; } 
     .galerie a span.desc { display: block; font-size: 12px; color: #fff !important; line-height: 14px; padding: 5px 0 0 0;}     
     .galerie.ohnebeschriftung a span.desc { display: none; }     
     
     .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { line-height: 1.1em; padding: 3px; }
     .tabelle { overflow: hidden; width: 100%; }                                     
     .tabelle .table { margin-left: -15px;  margin-right: -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); }
     .tabelle .table tr td:first-child { margin-left: -15px; padding-left: 15px;  }   
     .tabelle .table tr td:last-child { margin-right: -15px; padding-right: 15px;  }
     .tabelle .table tr > td { border-top: 0; border-bottom: 1px solid #345c76;  }  
     .tabelle .table tr:last-child > td { }                   
                                         
   
     .carousel { margin-top: 50px; margin-bottom: 80px; margin-left: -14.5%; margin-right: -14.5%; }
     .carousel-inner { } 
     .carousel-indicators { bottom: -50px; } 
     .carousel-indicators li { border: 0; background: #fff; margin: 1px 4px; height: 10px; width: 10px; }     
     .carousel-indicators li.active { border: 0; background: #B70501; margin: 1px 4px; height: 10px; width: 10px; }
     
     img.realbild { width: 100%; height: auto; }            
     .video, .einzelbild { margin-left: -20px; margin-right: -20px; text-align: center; }
     .einzelbild img { max-width: 100%; height: auto; }
     
     .einzelbild, .relimg { position: relative; display: block; }
     span.fotograf { z-index: 10; position: absolute; display: block; font-size: 7px; color: #fff; text-shadow: 0 0 3px #000; right: 5px; bottom: 0px; left: 5px; overflow: hidden; text-align: right; } 
    
    
/* =============================================================================
   Form Styles 
   ========================================================================== */    
   
    .formgen{ padding: 0; margin: 15px 0; }
    label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]{cursor:pointer; }
    .formgen form{  }
    .formgen .formblock {margin-bottom:15px;margin-top:10px;padding-top:3px;padding-bottom:3px;padding-right:0;padding-left:0; }
    .forminfo {width: 100%;margin: 1em 0; padding: 6px 1em; border-radius: 0; font-weight:bold; border: 0; background: #345c76; color: #fff; }
    .formhinweis { padding: 0; margin: 0; border-top: 0; border-bottom: 0; text-align: left;  }
    #form-module-thanks { border: 0; padding: 6px 1em; background: #345c76; color: #fff;  border-radius: 0;}    
    #form-module-thanks p { color: #fff; }
    .formgen br{clear:both; height: 0 !important; overflow: hidden; display: block; }  
    .formgen .formnote { }    
    fieldset { border: 0; margin: 0; padding: 0; }                                                                         
    
    .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] {display: block; padding: 4px 5px; margin: 0 0 30px; background-color: #345c76; color:#fff; border: 1px solid #345c76; float:none; width: 100%;  border-radius: 0; box-shadow: none; height: 38px; }   
    .formgen .formselect { border-radius: 0; }
    .formgen input[type="file"], .formgen input[type="file"]:hover, .formgen input[type="file"]:focus {}   
    .formgen div.formtext {background-color: transparent; color: #345c76; border: 0;  }       
    .formgen .formselect{}                                            
    .formgen textarea.formtextfield { height: 110px; resize:none; }
    .formgen input:focus,.formgen input:hover, .formgen select:focus,.formgen select:hover,.formgen textarea:focus,.formgen textarea:hover{ background-color:#345c76;}
    
    .formgen label{ display: block; clear:left; float:left; position: relative; height: auto; padding: 0; margin: 0; border-bottom: 0; margin-top: 38px; height: 30px; margin-bottom: -68px; }   
    .formgen label.textfieldlabel { margin-top: 100px; height: 30px; margin-bottom: -130px; }                                                                                        
    .formgen .checkspan { position: relative; clear: both; padding-bottom: 4px; display: block;  }   
    .formgen .checkspan input {width: 15px; position: absolute; left: 0; top: 6px; }   
    .formgen .checkspan label {width: 100%; float: none; height: auto; padding: 2px 0 2px 23px; margin: 0; font-weight: 600; color: #345c76; border-bottom: 0; text-transform: none; }                 
    .formgen input.formradio {margin-left: 170px; width: 20px; margin-top: 2px; }
    .formgen label.formradio {width:100%;clear:right;float:right; height: auto; padding: 0 0 2px 0; margin: 0; font-weight:normal;color:#345c76; border-bottom: 0;}
    .formgen fieldset br { display: none; }  
    .formgen .txtar label{ margin-top: 108px; height: 30px; margin-bottom: -138px; }   
    
    .formgen .formsubmit { margin-top: 10px; }  
    .formgen .formsubmit:hover { }   
    .placeholder { height: 15px; clear: both; }   
    
/* =============================================================================
   Lightbox Styles 
   ========================================================================== */   
           
     /*
    .lightboxOverlay { opacity: 1; background: #345c76; }
    .lb-data .lb-caption { font-weight: normal; font-size: 15px; line-height: 18px; }
    .lb-container { padding: 0;  background: transparent; }
    .lb-dataContainer { padding-top: 0; padding: 0 0; }
    .lb-outerContainer { border-radius: 0; margin: 0 !important; background: #345c76; width: 100% !important; }
    .lightbox .lb-image { border-radius: 0; margin: 0 auto;  background: transparent; max-width: 100%; height: auto !important; }
    .lb-nav a.lb-prev, .lb-nav a.lb-next { opacity: 1; margin-top: 30px; margin-bottom: 30px; }
    .lb-data .lb-close { position: fixed; top: 15px; right: 15px; opacity: 1; z-index: 1999; }
    .lb-data .lb-details { display: none; }
    */
    
    #jquery-fullsizable { background: #0c223a; }
    a#fullsized_close, a#fullsized_close:hover { opacity: 1; background: url('../media/schliessen-icon.png') center center no-repeat transparent; width: 31px; height: 30px; top: 5px; right: 5px; background-size: 15px auto; }
    #fullsized_go_prev, #fullsized_go_next { background: url('../media/feil-links.png') center center no-repeat transparent; border-radius: 0; height: 80px; width: 40px; }    
    #fullsized_go_prev, #fullsized_go_prev:hover { background: url('../media/feil-links.png') center center no-repeat transparent;  } 
    #fullsized_go_next, #fullsized_go_next:hover { background: url('../media/feil-rechts.png')center center no-repeat transparent; } 
    
    #galnavi > div { z-index: 1111; cursor: pointer; width: 40px; height: 40px; text-align: center; font-size: 24px; line-height: 24px; padding: 8px 0 0 0; border-radius: 50%; background: #000; background: rgba(0,0,0,0.5); color: #fff; box-shadow: 0 0 5px 5px rgba(100,100,100,0.5); }
    #galnavi .galprev { position: fixed; top: 45%; margin-top: -25px; left: 10px; }      
    #galnavi .galnext { position: fixed; top: 45%; margin-top: -25px; right: 10px; }   
    #galnavi > div:hover { background: #000; }             
    
/* =============================================================================
   Buchungsbox
   ========================================================================== */   
    #buchungsbg { display: block; position: absolute; top: auto; min-height: 470px; bottom: -15%; left: -4%; right: -4%; background: url('../media/transparenz.png') center center no-repeat; background-size: 100% 100%; transform: rotate(-4deg); }   
    #buchungsbox  { position: absolute; bottom: 140px; left: 30px; right: 30px; text-align: center; color: fff; background: transparent; width: auto; margin: 0 auto;  }
    #buchungsbox span { display: block; color: #fff; font-weight: 500; }
    span.big { font-size: 32px; line-height: 34px; } 
    span.small { font-size: 17px; line-height: 17px; padding-top: 8px; } 
    #buchungsbox .btn-sand a { max-width: 260px; width: auto; }
    
/* =============================================================================
   Media Styles 
   ========================================================================== */   
   
   #mainrow { z-index: 10; } 
   #mainrow.verdeckt, #texttoggle.verdeckt, #textshow.verdeckt { display: none; }
   #menuclose { display: none; }   
   
   /*
   #texttoggle, #textshow { z-index: 50; cursor: pointer; position: fixed; top: 15px; height: 35px; padding: 8px 10px 7px 25px; width: 350px; left: 300px; margin-left: 30px;  }
   #texttoggle img, #textshow img { height: 22px; width: auto; float: right; }  
   #textshow { width: 210px; background: #0c223a; background: rgba( 12,34,58,0.7); }
   #texttoggle.scrolled { background: #0c223a; background: rgba( 12,34,58,1); }
   .navbar-content.messung, #mainrow.messung { display: block; }
   */    
                                             
   .navbar-content ul.nav li.rex-article-8 a { margin-top: 10px; margin-right: 0 !important; padding: 4px 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); }
   .navbar-content ul.nav li.rex-article-8 a:hover { background: #C46201; }   
   .navbar-content ul.nav li.rex-article-80 a { margin-top: 10px; padding: 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); }
   .navbar-content ul.nav li.rex-article-80 a:hover { background: #C46201; }             
   .navbar-content ul.nav li.rex-article-8, .navbar-content ul.nav li.rex-article-80 {border: 0 !important; }         
   
                                             
   .navbar-content ul.nav li.rex-article-1 a { margin-top: 10px; margin-right: 0 !important; padding: 4px 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0; }
   .navbar-content ul.nav li.rex-article-1 a:hover { background: #C46201; }   
   .navbar-content ul.nav li.rex-article-1 a { margin-top: 10px; padding: 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); }
   .navbar-content ul.nav li.rex-article-1 {border: 0 !important; }        
   
                                             
   .navbar-content ul.nav li.rex-article-171 a { margin-top: 10px; margin-right: 0 !important; padding: 4px 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0; }
   .navbar-content ul.nav li.rex-article-171 a:hover { background: #C46201; }   
   .navbar-content ul.nav li.rex-article-171 a { margin-top: 10px; padding: 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); }
   .navbar-content ul.nav li.rex-article-171 {border: 0 !important; }    
   
   .navbar-content ul.nav li.rex-article-8 a, .navbar-content ul.nav li.rex-article-1 a.navbar-content ul.nav li.rex-article-168 a,  { font-size: 14px; font-weight: 300; text-align: center; }    
                                            
   .navbar-content ul.nav > li  { border-bottom: 1px solid #fff; } 
   
   /* Zusatz 16.04.2018 */
   .navbar-content ul.nav li ul { display: none; } 
   .navbar-content ul.nav li.active ul { display: block; }     
   .navbar-content ul.nav li.rex-article-94 ul, .navbar-content ul.nav li.rex-article-96 ul {  display: block !important; padding-bottom: 5px; }    
   .navbar-content ul.nav li.rex-article-94 > a {  display: none; }                                                             
   .navbar-content ul.nav li.rex-article-94 {  margin-top: 15px; }    
   .navbar-content ul.nav li.rex-article-96 > a {  display: none; }                                                             
   .navbar-content ul.nav li.rex-article-96 {  margin-top: 15px; }    
   
   /* Zusatz Sommer 28.04.2020 */  
   .navbar-content ul.nav li.rex-article-168 a { margin-top: 10px; margin-right: 0 !important; padding: 4px 8px; background: #EA9F0E; text-align: left; color: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); }
   .navbar-content ul.nav li.rex-article-168 a:hover { background: #C46201; }             
   .navbar-content ul.nav li.rex-article-168 {border: 0 !important; }   
   
   .navbar-content ul.nav li.rex-article-164 ul, .navbar-content ul.nav li.rex-article-168 ul {  display: block !important; padding-bottom: 5px; }    
   .navbar-content ul.nav li.rex-article-164 > a {  display: none; }                                                             
   .navbar-content ul.nav li.rex-article-164 {  margin-top: 15px; }    
   /*.navbar-content ul.nav li.rex-article-168 > a {  display: none; } */                                                            
   .navbar-content ul.nav li.rex-article-168 {  margin-top: 15px; }    
   
   .navbar-content ul.nav > li > a { position: relative; margin-right: 25px; margin-top: 15px; }
   span.mobilmarker { position: absolute; right: -25px; top: 0; width: 18px; height: 20px; background: url('../media/zeigen-icon.png') bottom right no-repeat transparent; background-size: 18px 18px; display: block; }   
   li.active > a > span.mobilmarker { background: url('../media/hide-icon.png') bottom right no-repeat transparent; background-size: 18px 18px; }
   span.navimg { display: block; margin: 15px 0; }    
   li.active span.navimg { display: none; }           
   span.navimg img { width: 100%; height: auto; }
   
   .template-8 #headlines { position: relative; padding: 80px 15px 40px 15px; margin: 0 auto; max-width: 1280px;  }    
   .template-8 #hausrow { padding: 0; max-width: 1280px; margin: 0 auto; }                                
   .template-8 #moretextrow { padding: 20px 15px 80px 15px; max-width: 1280px; margin: 0 auto; }                                  
   .template-8 .h1 { font-size: 50px; line-height: 55px; }                                                  
   .template-8 .h1 span { font-size: 30px; }
   
   .template-13 #headlines { position: relative; padding: 80px 15px 40px 15px; margin: 0 auto; max-width: 1280px;  }    
   .template-13 #hausrow { padding: 0; max-width: 1280px; margin: 0 auto; }                                
   .template-13 #moretextrow { padding: 20px 15px 80px 15px; max-width: 1280px; margin: 0 auto; }                                  
   .template-13 .h1 { font-size: 50px; line-height: 55px; }                                                  
   .template-13 .h1 span { font-size: 30px; }
                                                                                                                                   
   #hausrow .row > div { background: #fff; padding: 0; box-shadow: 0 0 10px 10px rgba(0,0,0,0.5); position: relative; margin: 20px; }      
   #hausrow .row > div:hover { /* outline: 20px solid #EA9F0E; */ box-shadow: 0 0 0 15px #EA9F0E; }    
   #hausrow .inner { padding: 0 20px 50px; text-align: left; }    
   #hausrow .inner .bild img { margin: 0 -20px; width: calc(100% + 40px); }
   
   #hausrow h6 { font-weight: 300; color: #000; font-size: 20px; margin: 20px 0 5px 0; }   
   #hausrow hr.short { margin: 10px auto 0 0; }          
   #hausrow .boxc { margin: 20px 0; }            
   #hausrow .boxc p { color: #000; }
   
   #hausrow .row .inner > a { z-index: 50; cursor: pointer; position: absolute; display: block; bottom: -8px; right: 20px; width: 40px; height: 40px; padding: 3px 0 0 0; background: #EA9F0E; border-radius: 50%; text-align: center; color: #fff; font-size: 30px; line-height: 30px; box-shadow: 0 0 4px 4px rgba(0,0,0,0.3); }
        
   .subpageitem ul { list-style: none; margin: 0; padding: 0; } 
   .subpageitem ul li { list-style: none; margin: 0; padding: 0; }    
   .subpageitem ul li a { display: block; color: #fff; } 
   
/*                     
  @media only screen and (min-width: 640px) {                  
    .desktoponly { display: block; }              
    .mobilonly { display: none !important; }   
     ul.subnav { display: none; }  
     .navbar-content ul.nav li a { text-align: left; }     
     
  }            
                     
  @media only screen and (min-width: 640px) and (max-width: 1340px) {   
     .h1 { font-size: 40px; line-height: 45px; }
     h1 span { font-size: 25px; line-height: 25px; }
     #headlines { margin-right: 30px; padding: 30px 0 0 0; }            
     .video, .einzelbild { margin-left: -25px; margin-right: -25px; }
  }            
                     
  @media only screen and (min-width: 640px) and (max-width: 991px) {   
     .h1 { font-size: 40px; line-height: 45px; }
     h1 span { font-size: 20px; line-height: 20px; }
  }   
      
	 
  @media only screen and (max-width: 639px) {   
    .desktoponly { display: none !important; }                                 
    .mobilonly, #mobillogo { display: block; }  
    
    
     #season { width: 100px; height: 50px; left: 0; top: 0; overflow: hidden; }
     #season a { display: inline-block; height: 50px; width: 50px !important; text-align: center; padding: 15px 10px; font-size: 20px; line-height: 20px; }  
     #season a span { display: none !important; }
                                   
    body { background: #152C45; overflow-x: hidden; }
    #wrap { position: relative; top: 0; left: 0; right: 0; bottom: auto; background-size: cover; background-position: center center; padding-bottom: 62.5%;  margin-top: 50px; }
    #mainrow { position: relative; top: 0; left: 0; right: 0; bottom: auto; margin: 0; overflow-x: hidden; width: auto; background: #152C45; padding: 15px 15px 50px 15px; }
    #logo{ display: none; }                               
    #imagerow { position: absolute; top: 80%; left: 0; right: 0; bottom: auto; overflow-x: hidden; }   
    #logo{ display: none !important; }   
    #wrap, .navbar { max-width: 100%; overflow: hidden; }        
    .video,  .einzelbild { margin-left: -15px; margin-right: -15px; }
    
     
    .navbar-header { position: fixed; left: 0; right: 0; top: 0; height: 50px; background: #345c76; width: 100%; margin: 0; }    
    #menutoggle, #menuclose { position: fixed; top: 0; right: 0; padding: 15px; height: 50px;  }
    
    .navbar-content { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; padding: 0 15px 50px; background: #2B435F; width: 100%; white-space: auto; }     
    .navbar-content ul.nav { margin: 0 0 0; padding: 15px 0 15px;   }
    .navbar-content ul.nav li a { line-height: 26px; }
    .navbar-content ul.nav li a, .navbar-content ul.nav li ul li a { text-align: left; }
    
                                                                
    .navbar-content ul.subnav { border-top: 1px solid #fff;  } 
    .navbar-content ul.subnav li { display: inline-block; min-width: 33%; }
    .navbar-content ul.subnav li a { display: block; padding: 5px 10px; font-size: 12px; }
    
    
     #headlines { margin-right: 20px; padding: 70px 0 0 0; position: absolute; }  
     
     .bottommenu { z-index: 900; height: auto; padding: 5px 15px; text-align: center; }
     .bottommenu > a { display: none; }
     div.lang { display: inline-block; margin: 0 auto; padding: 0; float: none; }
         
     .h1 { font-size: 40px; line-height: 45px; }
     h1 span { font-size: 20px; line-height: 20px; }
     
    
     .video, .einzelbild { margin-left: -15px; margin-right: -15px; }
    #mainrow > .container { padding:  0; }      
    .galerie a { width: 100%; }      
    
   .navbar-content ul.nav > li > a { margin-top: 10px; }
  }                 
	  
  @media only screen and (max-width: 639px) and (orientation: landscape) {   
   li span.navimg { display: none; }  
  }       
  */                                  
  
  .mobilonly { display: none; } 
  
  @media only screen and (max-width:767px){    
    .desktoponly { display: none !important; }                                 
    .mobilonly, #mobillogo { display: block; }     
    #texttoggle, #textshow { display: none !important; }     
                                   
    body { background: #152C45; overflow-x: hidden; }
    .template-1 #wrap { position: relative; top: 0; left: 0; right: 0; bottom: auto; background-size: cover; background-position: center center; padding-top: 80px; padding-bottom: 62.5%;  margin-top: 0; }
    #mainrow { position: relative; top: 0; left: 0; right: 0; bottom: auto; margin: 0; overflow-x: hidden; width: auto; background: #152C45; padding: 15px 15px 50px 15px; }
    #logo{ display: none; }                               
    #imagerow { position: absolute; top: 80%; left: 0; right: 0; bottom: auto; overflow-x: hidden; }   
    #logo{ display: none !important; }   
    #wrap, .navbar { max-width: 100%; overflow: hidden; }        
    .video,  .einzelbild { margin-left: -15px; margin-right: -15px; }
    
    .navbar { padding: 0; }    
    
    .navbar-header.mitseason { width: calc(100% - 50px); }  
    
    .navbar-header.mitseason #menutoggle, .navbar-header.mitseason #menuclose { left: auto; right: 5px; } 
    
    /*                                                       
    .navbar-content ul.subnav { border-top: 1px solid #fff;  } 
    .navbar-content ul.subnav li { display: inline-block; min-width: 33%; }                      
    */                 
    .navbar-content ul.subnav { padding-bottom: 40px;  } 
    .navbar-content ul.subnav li a { display: block; padding: 0px 10px; font-size: 14px; line-height: 20px; text-align: left; text-transform: none; }
    
    
     #headlines { margin-right: 20px; padding: 80px 0 0 0; position: absolute; }  
     
     .bottommenu { z-index: 900; height: auto; padding: 5px 15px; text-align: center; }
     .bottommenu > a { display: none; }
     div.lang { display: inline-block; margin: 0 auto; padding: 0; float: none; }
         
     .h1 { font-size: 40px; line-height: 45px; }
     h1 span { font-size: 20px; line-height: 20px; }
     
    
     .video, .einzelbild { margin-left: -15px; margin-right: -15px; }
    #mainrow > .container { padding:  0; }      
    .galerie a { width: 100%; }      
    
   .navbar-content ul.nav > li > a { margin-top: 10px; }
  }  
  @media only screen and (min-width:577px) and (max-width:767px){ 
  }   
  
  @media only screen and (min-width:992px) and (max-width:1279px){        
     .h1 { font-size: 50px; line-height: 55px; }
     h1 span { font-size: 25px; line-height: 25px; }
  } 
  
  @media only screen and (min-width:577px) and (max-width:991px){        
     .h1 { font-size: 40px; line-height: 45px; }
     h1 span { font-size: 20px; line-height: 20px; }
  }     
   
  
  @media only screen and (max-width:576px){    
   .subpageitem hr.short { margin: 10px auto 10px 0; }           
   .subpageitem { padding-bottom: 40px;  }       
                           
   .template-8 .h1 { font-size: 35px; line-height: 40px; }                                                  
   .template-8 .h1 span { font-size: 22px;  line-height: 22px; }
                           
   .template-13 .h1 { font-size: 35px; line-height: 40px; }                                                  
   .template-13 .h1 span { font-size: 22px;  line-height: 22px; }
       
  }   
  
  @media only screen and (min-width:577px) {        
   #hausrow .row > div.col-md-4 { flex: 0 0 calc(33.33333% - 40px); max-width: calc(33.33333% - 40px);}          
   .subpageitem { text-align: right;  }   
   .subpageitem hr.short { margin: 10px 0 10px auto; }     
  }