/* Reset */
* { margin:0; padding:0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; height:100%; }
body { font-family:'Open Sans',sans-serif; font-size:13px; }
a { text-decoration:none; }

#cookieChoiceInfo { box-sizing:border-box; left:0; top:0; color:#fff !important; font-size:12px; background:rgba(200,200,200,0.7) !important; }
#cookieChoiceInfo a { text-decoration:none; color:#fff !important; }


.exploremore-pos { padding-left:240px; bottom:30px; text-align:center; position:absolute; z-index:10; width:100%; }
a.exploremore {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width:40px; 
  height:30px; 
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  background:rgba(255,255,255,0.8) url(../images/exploremore.png) center center no-repeat;
}
a.exploremore span {
  display: none;
  padding: 7px 3px;
  text-align: center;
  text-transform: uppercase;
  color: #a9447c;
}

/* Clear columns */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.bg-violett { background:rgba(168,68,124,0.7); }
.color-white { color:#fff; }

.slicknav_menu,
#mobile-logo { display:none; }

/* Layout */
div#all { height:100%;  margin:0 auto; }
aside#left { z-index:20; position:fixed; float:left; width:230px; height:100%; }
aside#left .overflow { overflow-x:auto; }

div.spacer-left { float:left; width:240px; height:100%; }
main#content { 
  float:left;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
div.container { margin:0 auto; width:760px; position:relative; }
div.mainpadding { padding:30px 0; }

section { position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; }
section.h500 { min-height:500px; background-attachment:fixed; }
.image { margin-left:-240px; }

.footer-left { width:240px; height:50px; float:left; }
.footer-content { float:left; }
footer { background: #353437; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzQzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjYzNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #353437 0%, #626369 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353437), color-stop(100%,#626369)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #353437 0%,#626369 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #353437 0%,#626369 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #353437 0%,#626369 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #353437 0%,#626369 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353437', endColorstr='#626369',GradientType=0 ); /* IE6-8 */
  min-height:200px; 
  color:#fff;
  font-size:12px;
  
}
footer a { color:#fff; }
footer h4 { text-transform:uppercase; font-weight:500; margin-bottom:10px; }

div#logo { padding:0 0px; text-align:center; padding-top:80px; margin:0 auto; }
div#logo img { max-width:100%; width:100%; height:auto; }
div#logo a { display:block; }

div.slogan { padding-left:240px; position:absolute; bottom:20%; width:100%; text-align:center; }
div.slogan h3 { font-weight:500; font-size:120px; color:#fff; text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.79); }
div.slogan h3 span.line {
  position: absolute;
  width: 260px;
  display:block;
  height: 4px;
  left:calc(50% + 115px);
  margin-left:-130px;
  bottom:0;
  background: #fff;
  -webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.79);
  -moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.79);
  box-shadow:2px 1px 5px 0px rgba(0,0,0,0.79);
  
}



ul#slide-list { width:100%; text-align:right; position:absolute; bottom:20px; }
ul#slide-list li { margin:0 4px; display:inline-block; }
ul#slide-list li a { cursor:pointer; height:14px; width:14px; display:block; background:#fff; }
ul#slide-list li.current-slide a { background:#a9447c; }
ul#slide-list li:last-child { margin-right:20px; }

/* Nav */
nav#nav { margin-top:40px; text-align:center; }
nav#nav ul { list-style:none; }
nav#nav ul li { line-height:30px; }
nav#nav ul li a { text-decoration:none; text-align:center; display:block; color:#fff; text-transform:uppercase; font-size:14px; font-weight:400; letter-spacing: 0.04em;}
nav#nav ul li a.active,
nav#nav ul li a:hover { text-decoration:underline; }
nav#nav ul ul { padding:0px 0; }
nav#nav ul li li { line-height:20px; }
nav#nav ul li li a { padding:5px 0; line-height:16px; text-transform:none; color:#fff; font-size:12px; font-weight:400; letter-spacing: 0.04em;}
nav#nav hr { margin:10px 0; border: 0; height: 1px; background: #fff; }

nav#lang { z-index:20;  color:#a9447c; position:absolute; right:20px; top:20px;margin-top:10px; }
nav#lang a { text-transform:uppercase; font-weight:400; color:#fff;  }
nav#lang a:hover,
nav#lang a.active { color:#a9447c; }

nav#mlang { display:none; }

/* Slogan */
.slogan { font-family: 'Allura', cursive; }

/* Grids */
.cols { margin-bottom:10px; }
.cols .col { position:relative; float:left; background-size:cover; background-position:center center; }
.cols .col.col33 { width:33.33%; }
.cols .col.col66 { width:66.67%; }
.cols .col.col100 { width:100%; }
.cols .col.col50 { width:50%; }

.cols .col.col50:nth-child(1n+1) .padding0 { margin-right:10px; margin-bottom:10px; }

.cols .col-bgimage { height:100%; width:100%; background-size:cover; background-position:center center; }
.cols div.csc-textpic .csc-textpic-imagewrap img { width:100%; max-width:100%; height:auto; }

.cols.cols6633 .col1 .padding1 { padding-right:5px; }
.cols.cols6633 .col2 .padding1 { padding-left:5px; }

.cols.cols5050 .col1 .padding1 { padding-right:5px; }
.cols.cols5050 .col2 .padding1 { padding-left:5px; }

.cols.cols3366 .col1 .padding1 { padding-right:5px; }
.cols.cols3366 .col2 .padding1 { padding-left:5px; }

.cols.cols333333 .col1 .padding1 { padding-right:10px; }
.cols.cols333333 .col2 .padding1 { padding-right:10px; }
.cols.cols333333 .col3 .padding1 { padding-right:10px; }

.col.col-spacer { width:10px; height:10px; }

.cols4 { padding-top:25px; }
.cols4 .col { float:left; }
.cols4 .col.col25 { width:26%; }
.cols4 .col4.col25 { width:22%; }

/* Content */
.csc-default { }
.csc-default a { color:#a9447c; }
.csc-default a:hover { color:#000; }
.csc-default h1,
.csc-default h2,
.csc-default h3,
.csc-default h4,
.csc-default h5,
.csc-default h6 { font-family: 'Noticia Text', serif; color:#a9447c; margin-bottom:20px; }

.csc-default h1 { font-size:24px; font-style:italic; font-weight:500; padding-bottom:10px; }
.csc-default h2 { font-size:22px; font-style:italic; font-weight:500; padding-bottom:8px; }
.csc-default h3 { font-family: 'Open Sans',serif; font-size:18px; font-style:normal; text-transform:uppercase; font-weight:500; padding-bottom:6px; }
.csc-default h4 { font-family: 'Open Sans',serif; font-size:18px; font-style:normal; font-weight:500; padding-bottom:0px; margin-bottom:10px; text-transform:uppercase; margin-bottom:0; }
.csc-default h5 { font-size:16px; font-style:italic; font-weight:500; padding-bottom:6px; }
.csc-default h6 { font-size:14px; font-style:italic; font-weight:500; padding-bottom:6px; }

.csc-header { position:relative; }
.csc-header span.line {
  position: absolute;
  width: 160px;
  height: 2px;
  left:50%;
  margin-left:-80px;
  bottom:0;
  background: #a9447c;
}
.csc-header h2 span.line,
.csc-header h3 span.line,
.csc-header h3 span.line,
.csc-header h5 span.line { height:1px; width: 120px; margin-left:-60px; }

.csc-default h4 span.line { display:none;  }

.csc-default p { font-size:15px; margin-bottom:15px; line-height:22px; }
.csc-default ul {font-size:15px; line-height:22px; text-align:left; display: inline-block; padding-left:20px; margin-bottom:15px; }


.csc-frame-frame1 { min-height:490px; margin-bottom:10px; padding:20px; padding-bottom:5px; border:1px solid #a9447c; width:100%; text-align:center; }
.csc-frame-frame1 .csc-header { }  
.csc-frame-frame1 .csc-header h2 { font-size:34px; margin-bottom:0; }
.csc-frame-frame1 .csc-textpic-text { margin-top:20px; }
.csc-frame-frame1 .csc-textpic { margin-bottom:10px; }
.csc-frame-frame1 img { overflow:hidden;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  display:inline-block; }

.csc-frame-frame2 { padding-top:82px; }

.contenttable-0 { width:100%; border:0; border-collapse:collapse; }
.contenttable-0 tr td {  border-right:1px solid #ebcfde; border-bottom:1px solid #ebcfde; white-space:nowrap; padding:6px 5px; text-align:center; }
.contenttable-0 tr td.td-last { border-right:0; }
.contenttable-0 .tr-0 td { background:#a9447c; color:#fff; }

.divider hr {
  border: 0;
  height: 1px;
  background: #aaa;
  background-image: -webkit-linear-gradient(left, #ccc, #aaa, #ccc); 
  background-image:    -moz-linear-gradient(left, #ccc, #aaa, #ccc); 
  background-image:     -ms-linear-gradient(left, #ccc, #aaa, #ccc); 
  background-image:      -o-linear-gradient(left, #ccc, #aaa, #ccc); 
}

/* Isotope */
ul.isotope { list-style:none; }
ul.isotope li { position:relative; background:#eee; width:33.33%; float:left; }
ul.isotope li:hover { 
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
  border:10px solid #fff; 
}
ul.isotope li.item .item-image { height:100%; background-size:cover; background-position:center center; }
ul.isotope li a,
ul.isotope li h2 { color:#fff; }
ul.isotope li .csc-frame-frame1 .csc-header h2 { font-size:22px; }
ul.isotope li .csc-frame-frame1 .csc-header { margin:0 5px; }

/* Spacer Supersized */
.spacer { height:500px; }  

/* Webcams */
.block-grid.three-up{ padding-left:0; }
.block-grid.three-up>li{ width:32%; margin-right:10px; float:left; }

#webcams .block-grid.three-up>li:not(.clear-item):nth-of-type(3n+1){clear:none}
#webcams .grid-item{display:block;position:relative;overflow:hidden;text-decoration:none;background-color:#f1f1f1;margin-bottom:10px;border:solid 1px #ccc;padding:4px}
#webcams .item-panorama{width:48%}
#webcams .item-panoramafull{width:98.6%; margin-right:10px;}
#webcams .section-title{width:98%;height:auto;background-color:transparent;border:0}
#webcams .block-grid .grid-item.clear-item{clear:left}
#webcams .item{display:block;position:static;text-decoration:none;padding-bottom:0;border:0;margin:0;background-repeat:no-repeat;background-position:50% 50%;height:100%;background-size:100% auto;padding-top:75%}
#webcams .item-panorama .item{padding-top:58%}
#webcams .item-panoramafull .image-full{display:block;padding-top:0}
#webcams .item-panoramafull .image-full img{display:block;width:100%;height:auto}
#webcams .infos{display:block;font-size:14px;color:#000;overflow:hidden;position:relative;z-index:1;text-decoration:none}
#webcams .name{display:block;font-size:16px;color:#000;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:none}
#webcams .infos .altitude{display:block;font-size:12px;line-height:16px}
#webcams .item:after{content:" ";font-size:100px;line-height:270px;position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;background:url(/media/sprites.png) no-repeat -300px -250px;text-align:center;color:#fff;cursor:pointer;z-index:0;transform:scale(1,1);opacity:0;-webkit-transition:all .3s linear;transition:all .3s linear}
#webcams .item:hover:after{opacity:.8}
#webcams .item-detail{width:100%}
#webcams .item-detail .infos{margin:20px 0}
#webcams .item-detail .description{margin:20px 0}
#webcams .item-detail .image{margin-bottom:20px;display:block}
#webcams .item-detail .image img{display:block;width:100%;height:auto}
#webcams .item-detail .altitude .highlight{font-weight:bold;color:#666}
#livecams .livecams{margin-bottom:15x;overflow:hidden}
#livecams .livecams .livecam{float:left;width:50%}

/* Footer Icons */
.footer-icons { text-align:right; }
.footer-icons .icon { margin-left:5px; display:inline-block; width:50px; height:45px; }
.footer-icons .icon.icon-facebook { background-image:url(../images/social-icons.png); background-position:0px -9px; }
.footer-icons .icon.icon-pinterest { background-image:url(../images/social-icons.png); background-position:-55px -9px; }
.footer-icons .icon.icon-googleplus { background-image:url(../images/social-icons.png); background-position:-110px -9px; }
.footer-icons .icon { background-size:150px 60px; background-repeat:no-repeat; }
.footer-icons .icon a { display:block; height:45px; }


/* Googlemap  */
#map-canvas { width:100%; height:300px; }
.googlemap { margin-bottom:-4px; margin-left: -10px; }

/* Wetter */
div#weather {
  height: 60px;
  width:166px;
  background:#fff;
  
  overflow: hidden;
  border-bottom: 1px solid #BBBBBB;
}

#meteoprovbz_container    { 
  font-size:10px !important; 
  color:#333 !important;
  width:100% !important;
}  
.meteoprovbz_min          { }  /* Box der Tiefsttemperaturen */
.meteoprovbz_max          { }  /* Box der Höchsttemperaturen */
.meteoprovbz_temperatures { }  /* nur beim Querformat: Temperaturzeile */

/* (auch beim Widget-Karte) */
#meteoprovbz_widget       { }  /* Container des Widget */
.meteoprovbz_icon         {  }  /* Container der Bilder (nicht verfügbar beim Hochformat) */
.meteoprovbz_icon img {width:25px;}
.meteoprovbz_icon img {height:25px;}

/* Weather */

.fancybox-opened .fancybox-title {
  display:none !important;
}

/* Youtube */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } - See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.8Xm1pPb8.dpuf


/* 
###############################################
################ Responsive ###################
###############################################
*/

@media screen and (max-width: 1366px) {
div#all { width:100%; margin:0 auto; }
}



@media screen and (max-width: 1023px) {

div.container { margin:0 auto; width:100%; position:relative; }
div.slogan h3 { font-size:75px; }

.cols .col.col50:nth-child(n+1) .padding0 {
  margin-right: 0px;
  margin-bottom: 0px;
}

.cols { margin-bottom:0px; padding-right:10px; }
.cols .col,
.cols.cols100 .col1 { margin-bottom:10px; }

.cols .col.col33 { width:33.42%; }
.cols .col.col66 { width:66.58%; }
.cols .col.col100 { width:100%; }
.cols .col.col50 { width:100%; }
.cols .col.col50 .padding1 { padding-left:0; padding-right:0; }
.col-bgimage { min-height:300px; }

.cols .col.col25,
.cols4 .col.col25 { width:50%; }
.cols4 { padding-bottom:20px; }

.cols.cols333333 .col.col33 { width:33.33%; }

.footer-icons { position:absolute; left:-10px; padding:10px 0;  text-align:left; }
#weather { margin-top:10px; }

.block-grid.three-up > li { width: 31.3%; }

}

@media screen and (max-width: 768px) {


}

@media screen and (max-width: 767px) {

.exploremore-pos { padding-left:0; }
nav#lang { display:none; color:#fff; position:fixed; right:auto; left:130px; top:19px; margin-top:10px; }
nav#lang a:hover,
nav#lang a.active { color:#fff; }

nav#mlang { display:block; z-index:20; color:#fff; position:fixed; right:auto; left:130px; top:0px; margin-top:10px; }
nav#mlang a { text-align:center; display:block; text-transform:uppercase; font-weight:400; color:#fff;  }
nav#mlang a:hover,
nav#mlang a.active { color:#fff; }

aside#left { display:none; }
.slicknav_menu { display:block; }

div#mobile-logo { right:0px;top:-27px; z-index:21; display:block; width:150px; position:fixed;  }
div#mobile-logo img { max-width:100%; width:100%; height:auto; }
div#mobile-logo a { display:block; }

.footer-left { display:none; }
div.slogan { padding-left:0; }
div.slogan h3 span.line { left:calc(50% + 0px); }
div.spacer-left { width:0; }
div.container { width:100%; padding:10px; }
.cols { margin-bottom:0px; padding-right:0px; }
.footer-icons { left:1px; padding:10px 0; }

input.button { padding:0 0 !important; text-align:center; }

#supersized { height:300px !important; }
#supersized li { height:300px !important; }
.spacer { height:300px; }

div.slogan h3 span.line { left:50%; margin-left:-130px; }

section.h500 { min-height:300px; background-attachment:scroll; }

section { background-size: 100%; background-position: center center; }

}

@media screen and (max-width: 479px) { 

.cols4 .col.col25 { width:100%; }
.cols4 { padding-bottom:20px; }
.footer-icons { position:relative; margin-left:-10px; padding:10px 0; }
.links { display:none; }

}


/* 12.10.2018 */
/* Privacy */
h3.expand-click {
  cursor:pointer;
  text-decoration:underline;
}
h3.expand-click:hover {
  text-decoration:none;
}
.iub_container h1,
.iub_container h2,
.iub_container h3,
.iub_container h4,
.iub_container h5 {
  margin: 0 0 .2em 0;
  text-transform:none !important;
}
.iub_container h1 {
  font-size:150%;
}
.iub_container h2 {
  font-size:140%;
}
.iub_container h3 {
  font-size:130%;
}
.iub_container h4 {
  font-size:120%;
}
.iub_container h5 {
  font-size:110%;
}
.one_line_col {
  padding-bottom:1.5em;
}
.iub_footer {
  padding-bottom:3em;
}
.expand-content {
  padding:1em;
  background-color:rgba(0,0,0,.05);
  margin-bottom:1.5em;
}
#wbars_all {
  font-size:80%;
}
#wbars_all a {
  text-decoration: underline;
}
#wbars_all a:hover {
  text-decoration: none;
}