/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.min.css.map */

/* fitgrid
   ========================================================================== */

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;vertical-align:top}.center{max-width:60em;margin:0 auto;position:relative;padding-top:12%}.row{margin:0;padding:0;overflow:hidden;height:1%;*zoom:1;min-height:1%}.orow{overflow:visible;padding-top:0;z-index:900;float:right}.clearfix{height:0;clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.fg1,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12{padding:0;margin:0;float:left;position:relative}.fg12{max-width:96%;width:960px}.fg11{width:87.66%}.fg10{width:79.33%}.fg9{width:71%}.fg8{width:62.66%}.fg7{width:54.33%}.fg6{width:46%}.fg5{width:37.66%}.fg4{width:29.33%}.fg3{width:21%}.fg3.right{float:right}.fg2{width:12.66%}.fg1{width:4.33%}.push12{margin-left:100%}.push11{margin-left:93.66%}.push10{margin-left:85.33%}.push9{margin-left:77%}.push8{margin-left:68.66%}.push7{margin-left:60.33%}.push6{margin-left:52%}.push5{margin-left:43.66%}.push4{margin-left:35.33%}.push3{margin-left:27%}.push2{margin-left:18.66%}.push1{margin-left:10.33%}.fg-no-gutter{padding:0 3.5%;margin-top:0;margin-bottom:0}.fg-no-gutter > [class*="fg"]{margin:0;padding:0;float:left;position:relative}.fg-no-gutter img{max-width:100%;max-height:100%}.fg-no-gutter .fg12{width:100%}.fg-no-gutter .fg11{width:91.66%}.fg-no-gutter .fg10{width:83.33%}.fg-no-gutter .fg9{width:75%}.fg-no-gutter .fg8{width:66.66%}.fg-no-gutter .fg7{width:58.33%}.fg-no-gutter .fg6{width:50%}.fg-no-gutter .fg5{width:41.66%}.fg-no-gutter .fg4{width:33.33%}.fg-no-gutter .fg3{width:25%}.fg-no-gutter .fg2{width:16.66%}.fg-no-gutter .fg1{width:8.33%}.fg-no-gutter .push12{margin-left:100%}.fg-no-gutter .push11{margin-left:91.66%}.fg-no-gutter .push10{margin-left:83.33%}.fg-no-gutter .push9{margin-left:75%}.fg-no-gutter .push8{margin-left:66.66%}.fg-no-gutter .push7{margin-left:58.33%}.fg-no-gutter .push6{margin-left:50%}.fg12 .push5{margin-left:41.66%}.fg-no-gutter .push4{margin-left:33.33%}.fg-no-gutter .push3{margin-left:25%}.fg-no-gutter .push2{margin-left:16.66%}.fg-no-gutter .push1{margin-left:8.33%}.fg-no-mobile{display:block !important}.fg-no-desktop{display:none !important}@media screen and (max-width: 36.5em ){#bgslider{display:none}.row{padding:0 1em;margin:0}.fg1,.fg2{width:46%;margin-bottom:1em}.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12{margin:0 2% 1em;padding:0;width:96%}.fg-no-gutter > [class*="fg"]{width:50%}.fg-no-mobile{display:none !important}.fg-no-desktop{display:block !important}}


/* Main css ========================================================================== */

body {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height:1.7rem;
  font-weight: 400;
  background-color: #1B2024;
  height: 100%;
}

html {
  overflow-y:scroll;
  height:100%;
}

#edit {position: fixed;background: white; margin:0; padding:.4em .4em .1em .4em;z-index: 10100}

h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; line-height: 120%; margin: 10px 0 4px 0;} /*gruen*/
h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; line-height: 120%} /*grau*/

h2,h3 {
  font-size: 28px;
  margin: 2rem 0 .5rem 0;
}

p {
  margin:0 0 1rem 0;
}
td h1, td h2, td h3, td p {
  margin: 0;
}
hr {
    border-top: 1px solid rgba(213, 146, 59, 0.9);
}
h1 {  
  font-size: 42px;
  line-height: 90%;
  margin: 1.5rem 0;
}

h1:first-child {
  margin-top: .25em;
}
.branding h1 {
  font-size: 18px;
  display: block;
  margin: 0;
  padding: 12px 10px 7px 0;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.5em;
}
.fa-lg {
  vertical-align: 0 !important;
  font-size: 1.15em !important;
}

header.center {
	padding: 0;
  position: fixed;
  width: 960px; max-width: 100%;
  background-color: #972B1A /*rgba(137, 17, 17, 0.78)*/;
  z-index: 700;
  margin: 0 0 0 -4%;
}

.title {
  display: none;
}

.fg12.branding {
  max-width: 100%;
  width: auto;
  position: relative;
  margin: 0 auto;
  padding-left: 8%;
}

.contents .rfg_gallery a, .contents .rfg_gallery a:link, .contents .rfg_gallery a:visited {
  border: none;
}

.fl_r 	{float:right;}
.fl_l 	{float: left;}
.clr 	{clear:both;}

a:link, a:visited {
  text-decoration: none;
  color: #000;
}

b, strong {
  font-weight: 600 !important;
}

/* audio player adds by trici */
.mejs__controls {
  height: 35px !important;
}
.mejs__container {
	background:rgba(137, 17, 17, 0.78);
  height: 30px !important;
  max-width: 100%;
}
.mejs__controls, .mejs__horizontal-volume-slider {
  height: 35px;
  padding: 0;
}
.mejs__controls:not([style*="display: none"]) {
  background: none;
}
a.mejs__horizontal-volume-slider {
  margin-top: 0 !important;
}
.mejs__time-loaded, .mejs__time-total {
	background: rgba(224, 173, 81,.3);
}

.wrapper {
  width: 960px; max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 4% 4% 4%;
  background-color: rgba(213, 146, 59, 0.9);
  min-height: 95%;
}
.contents {
  min-height: 600px;
}
.contents a, .contents a:link, .contents a:visited,
.smart-close {
  font-weight: 500;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  line-height: 18px;
  margin-top: 4px;
  display: inline-block;
}
a.popup-trigger, a.popup-trigger:hover {display: block; border: none;background: transparent !important;}

.contents a:hover, .contents a:visited:hover,
.smart-close:hover {
  color:rgba(137, 17, 17, 1);
  text-decoration: none;
  border-bottom: none;
}

.row.fullbottom {
	padding: 0 1em 1em;
	margin-top: 3em;
}
.contents p {
  margin:0 0 0.7em 0;
}
header ul, footer ul {
  list-style: none;
  padding: 0;
  margin:0;
}
.contents ul {
    margin: 0 0 0 1em;
    padding: 0 0 0.7em 0;
}
.contents ul li {
    list-style-position: outside;
}
img {
  max-width:100%;
  height:auto !important;
}
.ifl {
  float:left;
  margin:0 1em 1em 0;
}
.ifr {
  float:right;
  margin:0 0 1em 1em;
}

nav {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
.navbg {
  background: black;
}

.nav ul { 
  float:right;
  margin:0;
  padding:0;
}
.top {
  text-align:center;
}
.topbuttons {
  text-align:center;
}
.topbuttons a.button {
  font-size:150%;
  display:block;
}

.top h1 {
  color:#fff;
  text-transform:uppercase;
  font-size:3em;
  margin-top:2em;
}

.top a.button {
  margin:2em;
  font-size:150%;
  white-space:nowrap;
}

a.button:link, a.button:visited {
  padding:0.5em;
  text-decoration:none;
  font-weight:700;
  color:#fff;
  border-radius:5px;
}
a.button:link, a.button:visited {
  background-color:#2a3fff;
}
a.button:hover, a.button:visited:hover {
  background-color:#009fe3;
}
a.purple:link, a.purple:visited {
  background-color:#951b81;
}
a.purple:hover, a.purple:visited:hover {
  background-color:#e119c0;
}
a.green:link, a.green:visited {
  background-color:#166837;
}
a.green:hover, a.green:visited:hover {
  background-color:#19e169;
}
.map a, .mt_flyer a {
  border: none !important;
}
.contents .button {
  display:inline-block;
  margin:0.5em 0;
}
.btnlnk {
  margin:1em;
}

.footer {
  width: 960px; max-width: 100%;
  background-color: rgba(213, 146, 59, 0.9);
  height: 5%;
  position: relative;
  margin: 0 auto;
}
ul.footer_menu {
  margin: 0 0 3em 0;
  font-size: .85em;
}
ul.footer_menu li a {
  color: #eaeaea;
  opacity: .75;
  float: right;
  padding-left: 1em;
}
ul.footer_menu li a:hover {
  opacity: 1;
}

/* Menu
   ========================================================================== */
.navbg {
  background: black;
}

.nav ul { 
  float:right;
  margin:0;
  padding:0;
}

/*MAIN MENU*/

.menu-toggle{
  display:block;
  padding:3% 3% 2% 2%;
  color: white;
  cursor:pointer;
  position: relative;
  float: right;
  margin-top: .5em;
}

.srt-menu{
  display:none;
} 
.srt-menu.toggled-on{
  display:block;
  position:relative;
  z-index:10;
}
.srt-menu{
  clear:both;
}
.srt-menu a,
.submenu a {
  background: rgba(137, 17, 17, 0.78);
  display: block;
  margin: 0;
  padding: 12px 10px 7px;
  text-decoration: none;
  color: #fff;
}
a.menu-expand.menu-parent,
.srt-menu a.menu-current:hover {
  color:#fff;
}

.srt-menu .submenu .menu-current,
a.menu-current {
    background: rgba(224, 173, 81,.3);

}
.srt-menu a:hover,
.srt-menu .submenu a:hover {
  color:rgb(224, 173, 81);
}

.srt-menu .submenu a:hover {
  border:none;
  margin:0;
  color: #fff;
  background: rgba(137, 17, 17, 0.78);
}
.srt-menu .submenu .menu-current {
  background: rgba(137, 17, 17, 0.78);
  color: rgb(224, 173, 81);
}


span.toggle_title {
  margin-left: .6em;
  font-size: 18px;
  color: #fff;
}



/* *************************** 
    Trici from taketina
*/
.perc{position:relative;display:inline-block;width:100%;margin-bottom:3rem}
.aspectratio{margin-top:37%}
.aspectratio_q{margin-top:25%}
.perc.bl img{position:absolute;top:0;right:0;bottom:0;left:0}
.perc.br img{position:absolute;top:0;right:0;bottom:0;/*left:450px*/}
.perc h2{width:100%, margin:0;}
.l-percinfo{position:absolute;top:0;right:0;bottom:0;left:250px;display:block;}
.l-percinfo_q {position:absolute;top:0;right:0;bottom:0;left:46%;display:block;}
.r-percinfo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width: 54%;}
.perc-content{display:table;width:100%;height:100%}
.perc-desc{display:table-cell;vertical-align:middle}


/* *************************** 
    Trici FORM styles
*/
.btn {
  padding: 18px 18px 14px 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #AE5327;
  color: white;
  border: none;
}
.ok {
  background-color: #807E05;
  padding: 1em;
  color: white;
}
.control-group {
  background-color: rgba(174,83,39,.25);
  margin: 1em 0;
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 1em;
  border: none;
  border-radius: 0;
  font-size: 1.25em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.5s ease,opacity 0.5s ease;
  -moz-transition: top 0.5s ease,opacity 0.5s ease;
  -ms-transition: top 0.5s ease,opacity 0.5s ease;
  transition: top 0.5s ease,opacity 0.5s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e1e1e1;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #FFC153;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e1e1e1;
}
*::-moz-placeholder {
  color: white !important;
  opacity: .65; 
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
  opacity: .65;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
  opacity: .65;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white !important;
  opacity: .65;
}
:-moz-placeholder { /* Firefox 18- */
  color: white !important;
  opacity: .65;
}

@media screen and (min-width:1000px) {
  .orow ul.share-buttons {
    float: left;
    margin-right: 1.3em;
  }
}
@media only screen and (min-width: 921px) {
  /*** MAIN MENU - ESSENTIAL STYLES ***/
  #topnav, .srt-menu {
    float:right;
    margin: 0;
  }
  .menu-toggle{
    display:none;
  }
  #menu-main-navigation{
    display:block;
  }
  .srt-menu, .srt-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .srt-menu ul {
    position: absolute;
    display:none;
    width: 12em; /* left offset of submenus need to match (see below) */
  }
  .srt-menu ul li {
    width: 100%;
  }
  .srt-menu li:hover {
    visibility:   inherit; /* fixes IE7 'sticky bug' */
  }
  .srt-menu li {
    float:      left;
    position:   relative;
    margin-left:1px;
  }
  .submenu li {
    margin-left:0px;
  }
  .srt-menu a {
    display:    block;
    position:   relative;
  }
  .srt-menu li:hover ul,
  .srt-menu li.sfHover ul {
    display:block;
    left:     0;
    top:      45px; /* match top ul list item height */
    z-index:    99;
  }
  ul.srt-menu li:hover li ul,
  ul.srt-menu li.sfHover li ul {
    top:      -999em;
  }
  ul.srt-menu li li:hover ul,
  ul.srt-menu li li.sfHover ul {
    left:     12em; /* match ul width */
    top:      0;
  }
  ul.srt-menu li li:hover li ul,
  ul.srt-menu li li.sfHover li ul {
    top:      -999em;
  }
  ul.srt-menu li li li:hover ul,
  ul.srt-menu li li li.sfHover ul {
    left:     10em; /* match ul width */
    top:      0;
  }
}


@media screen and (max-width:1280px) {
	.fg12.branding {
		padding-left: 6%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dppx),screen and (max-width:1024px){
  .aspectratio{margin-top:47%}
  .aspectratio_q {margin-top: 33%;}
  .l-percinfo_q {left: 53%}
  .perc {margin: 3rem 0;}
  .perc.bl {margin: 0;}
}

@media screen and (max-width:1024px) {
	.fg12.branding {
		padding-left: 4%;
	}
  .aspectratio{margin-top:35%}
  .aspectratio_q {margin-top: 0;}
  .perc {min-height: 200px;}
  .perc + h3 {margin-top: 2em;}
}
@media screen and (max-width:960px) { 
  #bgslider {
    display: none;
  }

}
@media screen and (max-width:920px) {
  .nav li, .top h1 {
    font-size:1.2em;
  }
  .nav ul, .orow {
     float:none;
  }
  .srt-menu a {
    margin: 0 0 1px 0;
    font-size: 18px;
  }
  .contents {
    padding: 1em 0;
  }
  .menu-toggle {
    padding: 0 4% 0 0;
  }
  .srt-menu a,
  .submenu a {
    padding: 1% 4%;
    border-top: 1px solid rgba(224, 173, 81,.3);
  }
  .orow ul.share-buttons {
    padding: 1em 0 1em 5px;
    float: right;
    margin: 0;
  }
  .orow ul.share-buttons li {
    padding: 0 0 0 .75em;
  }

  .fg12.branding {
    margin: 0;
  }
  header.center {
  	padding: 0;
  	background-color: rgba(137, 17, 17, 1);
  }
}

@media screen and (max-width:840px) {
	.perc.bl img, .perc.br img, 
	.r-percinfo, .l-percinfo,
	.l-percinfo_q {
		position: relative;
		left: 0;
	}
	.r-percinfo, .l-percinfo,
	.l-percinfo_q {
		width: 100%;
	}
	.perc, .perc + h3 { margin: 1.5rem 0; }
	.perc-desc h3 {margin-top: 1rem;}
	.aspectratio {margin-top: 0;}
}

@media screen and (max-width:450px) {
  body {
    font-size: 1.1rem;
  }
  .fg12.branding {
    padding-left: 1em;
  }
  header.center {
    position: fixed;
    margin: 0 -4%;
    width: 108%;
    padding: 0;
  }
  .branding h1 {
    padding: 0 10px 0 0;
  }
  span.toggle_title, .srt-menu a {
    font-size: 1em;
  }
  .srt-menu.toggled-on{
    width: 100%;
    margin-top: -5px;
    float: left;
  }
  .submenu a {
    padding-left: 6%;
  }
  .nav ul, .orow {
     float:none;
  }
  #mapcontainer {
    pointer-events: none;
  }
  h3 {
    font-size: 1.5em;
    line-height: 1.4em;
  }
  .logo {
    float: left;
    width: 100%;
  }
  span.toggle_title, .srt-menu a {
    font-size: 1em;
  }
  .smart-close {
    display: block;
  }
  .fg12.branding {
  	margin: .5em auto;
  }
  .srt-menu a {
    padding: 4% 0 3% 4%;
  }
  .contents p {
    line-height: 1.5em;
  }
  #slider img {
    height: auto !important;
    width: auto !important;
    max-height: 225px !important;
  }
}




