/* CSS Document */

/* HTML Body
------------------------------------------------------------------------------------------- */
html, body {
  height:100%;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:optimizeLegibility !important;
}

body {
  margin:0; padding:0;
  height:100%;
  background-color:#fff;
  font-family: Arial, sans-serif, sans-serif; 
  color:#616163;
}


/* html5
------------------------------------------------------------------------------------------- */	
/* Nun bringen wir den HTML5-Tags erst mal ordentliches Benehmen bei */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
  display:block; position:relative; margin:0; padding:0;
}

#border, header, #body, footer { position:relative; }
nav, h1 { margin:0; padding:0; }
footer:after,header:after { content:""; display:table; clear:both; }


/* Layout
------------------------------------------------------------------------------------------- */
#skipContent { position:absolute;top:0;left:0;height:0;width:0;visibility:hidden;overflow:hidden; } 
.clearFloat { clear:both;height:0;overflow:hidden; }
img { border:none;padding:0;margin:0;line-height:0;vertical-align:bottom; }

#wrapper {
  height:auto;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  overflow:visible;
  z-index:100;
}	

@media screen and (min-width: 1060px) {
  #wrapper { max-width:1060px; }
}  

@media screen and (max-width: 1060px) {
  #wrapper { margin:0 15px; width:none; }
}	


/* Format
------------------------------------------------------------------------------------------- */  
a { color:#616163; }


/* Header construction
------------------------------------------------------------------------------------------- */
header {
  margin:0;
  padding:20px 0 0 0;
}

header #logo {
  display:block;
  width:15.09433962264151%;
  height:auto;
  margin:0 4.150943396226415% 11px 4.150943396226415%;
  z-index:300;
}

header #wappen {
  display:inline-block; position:absolute; right:0px; bottom:-52px;
  width:8.207547169811321%;
  height:auto;
  margin:0 0 11px 4.150943396226415%;
  z-index:300;
}

@media screen and (max-width: 1060px) {
  header #logo { margin:0 0 0 5px; }
}

@media screen and (max-width: 860px) {
  header #wappen { bottom:3px; }
}


/* ********************************************************************************************
* Content construction
******************************************************************************************* */
#body {
  margin:0; padding:0 3.92156862745098%;
  overflow:visible;
  font-size:14px;
  font-weight:normal;
  color:#231f20;
  text-decoration:none;
}

.content { width:78.26086956521739%; margin-left:auto; margin-right:auto; }

h1 {
  margin:4px 0 30px 0; padding:0;
  font-size:2.7em; line-height:1.3; font-weight:normal;
  color:#c8a008;
  font-family: 'Sofia', cursive;
  text-align:center;
  width:90%;
  margin-left:auto;
  margin-right:auto;
}

h2.new {
  margin:4px 0 30px 0; padding:0;
  font-size:1.8em; line-height:1.3; font-weight:normal;
  color:#c8a008;
  font-family: 'Sofia', cursive;
  text-align:center;
  width:90%;
  margin-left:auto;
  margin-right:auto;
}


h1 span { width:69.81132075471698%; }

h2 {
  margin:0 0 5px 0; padding:0;
  font-size:1.1em; font-weight:bold;
  color:#c8a008;
}

h3, h4, h5, h6 {
  margin:0; padding:0;
  font-size:1.1em; font-weight:bold;
  color:#c8a008;
}

p { line-height:1.6em; margin:0 0 20px 0; }
/*p:last-child { margin:0; padding:0; }*/

p.align-left { float:left; width:49%; margin-right:2%; }
p.align-right { float:right; width:49%; }
p.align-center { text-align:center; }

.content .csc-frame-frame2, .content strong, .content span.detail { color:#c8a008; font-weight:600; }

.content ul { margin:5px 0 20px 0; padding:0 0 0 20px; }
.content ul li { margin-bottom:10px; line-height:1.4em; }
.content ul li p { line-height:1.4em; }
.content ul > p { margin:0; padding:0; display:none; visibility:hidden; }

#slider { width:100%; overflow:hidden; margin-bottom:50px; overflow:hidden; max-height:450px; }

.flexslider { border:none; margin-bottom:50px; }
.flexslider .slides img { max-height:450px; }
.flex-control-nav { bottom:-25px; right:5px; width:auto; }
.tx-ws-flexslider .caption-text { display:none; visibility:hidden; }

/*.ce-row .image { display:inline-block; width:auto; height:auto }*/
#p8 .row { margin-bottom:0; }
#p8 h3 { 
  margin:-10px 0 15px 0; padding:0;
  font-size:1.7em; line-height:1.1; font-weight:normal;
  color:#c8a008;
  font-family: 'Sofia', cursive;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.divider hr { border: 1px dotted #c8a008; margin-bottom:45px; }

.ce-image, .ce-gallery, .ce-row { overflow: visible; }
.ce-row { width:146%; margin:0 0 0 -22.5%; }
.ce-column { width:25%; padding:0 10px 10px 0; margin:0; }
.ce-row .image { width:100%; height:auto;}

#p8 #slider .csc-textpic-imagewrap { display:table; }
#p8 #slider figure.image { position:absolute; top:35px; left:62%; z-index:800; width:210px !important; margin:0; }
#p8 #slider figcaption.csc-textpic-caption { display:table; position:absolute; top:0; left:0; z-index:801; padding:20px; font-size:1.0em; color:#000; height:210px; width:100%; } 
#p8 #slider figcaption.csc-textpic-caption .tblRow { display:table-row; }
#p8 #slider figcaption.csc-textpic-caption .tblCell { display:table-cell; vertical-align:middle; text-align:center; }
.cMobile { visibility:hidden; display:none; }

#p8 #slider .tbl { display:table; position:absolute; top:35px; left:62%; z-index:801; padding:26px; font-size:1.0em; color:#000; width:210px; height:210px; } 
#p8 #slider .tblRow { display:table-row; }
#p8 #slider .tblCell { display:table-cell; vertical-align:middle; text-align:center; }


@media screen and (max-width:1080px) {
  #p7 #slider figure.image { top:15px; width:160px !important; }
  #p7 #slider .tbl { top:15px; padding:17px; font-size:0.75em; height:160px; width:160px !important; }
}

@media screen and (max-width:800px) {
  #p8 #slider figure.image { visibility:hidden; display:none; }
  /* #p8 #slider .tbl { visibility:hidden; display:none; } */
  .cMobile { visibility:visible; display:block; }
  #p8 #slider .tbl { position:static; width:100% !important; height: auto; padding:10px 0; font-size:1em; }
}

@media screen and (max-width:768px) {
  #body { font-size:16px; }
  .content { width:100%; }
  h1 { width:100%; font-size:1.8em; }
  h2 { font-size:1.0em; }
  h3, h4, h5, h6 { font-size:1.0em; }
  .ce-gallery { width:100%; margin:0 0 0 0; }
}

@media screen and (max-width:750px) {
  #body { margin:0 0 20px 0; padding:20px 0 0 0; }
  #p8 h1{ padding:0 3%; }
}


/* Files */
ul.csc-uploads { margin:0; padding:0; }
li.csc-uploads-element {
  display:inline-block;
  list-style:none;
  text-align:center;  
  width:100px;
  height:80px;
  overflow:hidden;
  margin:0; padding:5px 0 0 0;
  margin-bottom:10px;
}

li.csc-uploads-element:hover { background-color:rgba(96,96,96,0.15); }

li.csc-uploads-element-pdf a {
  display:inline-block;
  background:url(../Icons/pdf.png) no-repeat center top;
  padding-top:50px;
  font-size:0.9em;
}

li.csc-uploads-element a { text-decoration:underline; }


/* Google Map */ 
.google-maps { 
  position:relative; 
  padding-bottom:81%;
  height:0; 
  overflow:hidden; 
} 

.google-maps iframe, 
.google-maps object, 
.google-maps embed { 
  position:absolute; top:0; left:0; 
  width:100% !important; 
  height:100% !important;
} 

ul.legende { margin:0; padding:4px 4.150943396226415% 2px 4.150943396226415%; }

ul.legende li {
  display:inline-block;
  list-style:none; overflow:visible;
  text-align:center; line-height:30px; vertical-align:central;
  margin:0 12px 0 0; padding:0 0 0 36px;
  margin-bottom:10px;
}

li.berggasthof { background:url(../Icons/h.png) no-repeat left top; }
li.info { background:url(../Icons/i.png) no-repeat left top; }
li.kultur { background:url(../Icons/k.png) no-repeat left top; }
li.erlebnis { background:url(../Icons/e.png) no-repeat left top; }
li.sport { background:url(../Icons/s.png) no-repeat left top; }

/* Form 
------------------------------------------------------------------------------------------- */  
.tx-powermail { color:inherit; width:86%; margin-left:auto; margin-right:auto; }
.tx-powermail h3 { display:none; visibility:hidden; }
.tx-powermail .powermail_fieldset { border:none; background-color:transparent; }
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text { border:none; }
.tx-powermail .powermail_fieldset .powermail_legend { margin:0 0 4px 0; padding:0; font-size:1.1em; font-weight:bold; color:#c8a008; } 
.tx-powermail .powermail_create { text-align:center; }
.tx-powermail .powermail_input, .tx-powermail .powermail_date, .tx-powermail textarea { width:400px;padding:5px;margin:0;border:1px solid #bbb;color:#444;float:right;font-size:inherit }
.tx-powermail .powermail_submit { float:right; padding:5px; margin:0; border:1px solid #bbb; }
.tx-powermail .powermail_fieldwrap_type_text { float:right; } 
.tx-powermail .powermail_field  .checkbox { text-align: right; }

.powermail_fieldwrap_privacy_terms_accepted {
  width: 420px;
  float: right;
}

@media screen and (max-width: 1060px) {
  .tx-powermail { width:auto; }
}	


/* Footer construction
------------------------------------------------------------------------------------------- */
footer { padding:20px 4.150943396226415%; color:#616163; }
footer .address { display:block; font-size:1em; text-align:center; }
footer .address a { text-decoration:none; }
footer .address span { display:inline-block; padding:0 1.037735849056604%; }
footer .address span:first-child { padding-left:0; }

@media screen and (max-width:750px) {
  footer { padding:3%; }
}