/** CSS Reset from meyerweb.com minified **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/** width of an element = width + padding + border **/
* { box-sizing: border-box; margin: 0; }
/** hack for images. should not grow over the parent container **/
img { max-width: 100%; height: auto; vertical-align: bottom;}
em, i { font-style: italic;}
b, strong { font-weight: bold;}
ol { list-style: numeric; list-style-position: inside;}
ul { list-style: disc; list-style-position: inside;}
li { line-height: 1.5em;}

/* Grundlinienraster */
p{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em;}
h1{font-size:1.67em;line-height:.9em;margin-top:.9em;margin-bottom:.9em;font-weight:bold;}
h2{font-size:1.5em;line-height:1em;margin-top:1em;margin-bottom:1em;font-weight:bold;}
h3{font-size:1.33em;line-height:1.13em;margin-top:1.13em;margin-bottom:1.13em;}
h4{font-size:1.17em;line-height:1.29em;margin-top:1.29em;margin-bottom:1.29em;}
/** layout helper */
.clearfix::after { content: ""; clear: both; display: table; }
.wrapper { max-width: 960px; margin: 0 auto; }
/** grid **/
.row::after { content: ""; clear: both; display: table; }

[class^='col-']{ float: left; padding-left: 15px; padding-right: 15px; }
.no-gutter [class^='col-'] {padding-left:0; padding-right: 0; }
/**no gutter: kein Innenabstand zum Text bei den Bildern**/
.col-1 { width: 8.3333%; } .col-2 { width: 16.6666%; } .col-3 { width: 25%; } .col-4 { width: 33.3333%; } .col-5 { width: 41.6666%; } .col-6 { width: 50%; } .col-7 { width: 58.3333%; } .col-8 { width: 66.6666%; }.col-9 { width: 75%; } .col-10 { width: 83.3333%; } .col-11 { width: 91.6666%; } .col-12 { width: 100%; }
.col-offset-0{maring-left: 0;}.col-offset-1 { margin-left: 8.3333%; } .col-offset-2 { margin-left: 16.6666%; } .col-offset-3 { margin-left: 25%; } .col-offset-4 { margin-left: 33.3333%; } .col-offset-5 { margin-left: 41.6666%; } .col-offset-6 { margin-left: 50%; } .col-offset-7 { margin-left: 58.3333%; } .col-offset-8 { margin-left: 66.6666%; }.col-offset-9 { margin-left: 75%; } .col-offset-10 { margin-left: 83.3333%; } .col-offset-11 { margin-left: 91.6666%; } .col-offset-12 { margin-left: 100%; }
.col-hidden { display: none; } .col-show { display: block; }
.pull-right { float: right; }

@media all and (max-width: 400px){
  .col-xs-1 { width: 8.3333%; } .col-xs-2 { width: 16.6666%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333%; } .col-xs-5 { width: 41.6666%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333%; } .col-xs-8 { width: 66.6666%; }.col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333%; } .col-xs-11 { width: 91.6666%; } .col-xs-12 { width: 100%; }
  .col-xs-offset-0{maring-left: 0;}.col-xs-offset-1 { margin-left: 8.3333%; } .col-xs-offset-2 { margin-left: 16.6666%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-5 { margin-left: 41.6666%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-8 { margin-left: 66.6666%; }.col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-11 { margin-left: 91.6666%; } .col-xs-offset-12 { margin-left: 100%; }
  .col-xs-hidden { display: none; } .col-xs-show { display: block; }
  .pull-xs-right { float: right; }
}

@media all and (min-width: 768px){
  .col-sm-1 { width: 8.3333%; } .col-sm-2 { width: 16.6666%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333%; } .col-sm-5 { width: 41.6666%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333%; } .col-sm-8 { width: 66.6666%; }.col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333%; } .col-sm-11 { width: 91.6666%; } .col-sm-12 { width: 100%; }
  .col-sm-offset-0{margin-left: 0;}.col-sm-offset-1 { margin-left: 8.3333%; } .col-sm-offset-2 { margin-left: 16.6666%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-5 { margin-left: 41.6666%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-8 { margin-left: 66.6666%; }.col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-11 { margin-left: 91.6666%; } .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-hidden { display: none; } .col-sm-show { display: block; }
  .pull-sm-right { float: right; }
}


@media all and (min-width: 992px){
  .col-md-1 { width: 8.3333%; } .col-md-2 { width: 16.6666%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333%; } .col-md-5 { width: 41.6666%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333%; } .col-md-8 { width: 66.6666%; }.col-md-9 { width: 75%; } .col-md-10 { width: 83.3333%; } .col-md-11 { width: 91.6666%; } .col-md-12 { width: 100%; }
  .col-md-offset-0{maring-left: 0;}.col-md-offset-1 { margin-left: 8.3333%; } .col-md-offset-2 { margin-left: 16.6666%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-5 { margin-left: 41.6666%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-8 { margin-left: 66.6666%; }.col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-11 { margin-left: 91.6666%; } .col-md-offset-12 { margin-left: 100%; }
  .col-md-hidden { display: none; } .col-md-show { display: block; }
  .pull-md-right { float: right; }
}


@media all and (min-width: 1200px){
  .col-lg-1 { width: 8.3333%; } .col-lg-2 { width: 16.6666%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333%; } .col-lg-5 { width: 41.6666%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333%; } .col-lg-8 { width: 66.6666%; }.col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333%; } .col-lg-11 { width: 91.6666%; } .col-lg-12 { width: 100%; }
  .col-lg-offset-0{maring-left: 0;}.col-lg-offset-1 { margin-left: 8.3333%; } .col-lg-offset-2 { margin-left: 16.6666%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-5 { margin-left: 41.6666%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-8 { margin-left: 66.6666%; }.col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-11 { margin-left: 91.6666%; } .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-hidden { display: none; } .col-lg-show { display: block; }
  .pull-lg-right { float: right; }
}

@media all and (min-width: 1920px){
  .col-xl-1 { width: 8.3333%; } .col-xl-2 { width: 16.6666%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.3333%; } .col-xl-5 { width: 41.6666%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.3333%; } .col-xl-8 { width: 66.6666%; }.col-xl-9 { width: 75%; } .col-xl-10 { width: 83.3333%; } .col-xl-11 { width: 91.6666%; } .col-xl-12 { width: 100%; }
  .col-xl-offset-0{maring-left: 0;}.col-xl-offset-1 { margin-left: 8.3333%; } .col-xl-offset-2 { margin-left: 16.6666%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.3333%; } .col-xl-offset-5 { margin-left: 41.6666%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.3333%; } .col-xl-offset-8 { margin-left: 66.6666%; }.col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.3333%; } .col-xl-offset-11 { margin-left: 91.6666%; } .col-xl-offset-12 { margin-left: 100%; }
  .col-xl-hidden { display: none; } .col-xl-show { display: block; }
  .pull-xl-right { float: right; }
}
/** end of template **/



.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}


body {
  font-family: 'Karla', 'Arial', sans-serif;
  background: #f5f3f0;
  color: #464646;
  line-height: 1.5em;
  position: relative;
}

a {
  color: #58727f;
}

a:hover {
  color: #999999;
  text-decoration: none;
}

h1, h2, h3, .subtitle {
  color: #58727f;
  text-align: center;
}

h1 {
  font-size: 2em;
  font-family: 'Prata', 'Times New Roman', serif;
  margin: 0 0 1em 0;
  text-transform: initial;
  line-height: 1.2em
}

.subtitle  {
  text-transform: uppercase;
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 1em;
  margin-top: 0em;
  margin-bottom: 1.5em;
}

h2 {
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 1em;
  margin-top: 3em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

#title {
  position: relative;
}

#title .subtitle {
  font-size: 1.375em;
}

#title h1 {
  font-size: 3.125em;
  font-family: 'Prata', 'Times New Roman', serif;
  margin-top: 1em;
  margin-bottom: 0;
  position: relative;
  line-height: 1.3em
}

#title .title-bar {
  display: block;
  width: 200px;
  height: 15px;
  background: #c3d2da;
  position: absolute;
  left: -20px;
  top: 36px;
  z-index: -1;
}

#news h2, #bottom-slider h2, #content-title h2 {
  font-size: 2em;
  font-family: 'Prata', 'Times New Roman', serif;
  margin-top: 1em;
  margin-bottom: 0;
  text-transform: initial;
}

h3 {
  font-size: 1.5em;
  font-family: 'Prata', 'Times New Roman', serif;
  margin: 0 0 .5em 0;
  text-align: left;
  line-height: 1.3em
}

h4 {
  text-transform: uppercase;
  font-size: 1em;
  color: #888888;
  margin-bottom: 0.5em;
}

p {
  margin-top: 0;
}

.button {
  width: 200px;
  height: 42px;
  border: 0;
  background: #58727f;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  border-radius: 25px;
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 1em;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.button:hover {
  background: #c3d2da;
  color: #464646!important;
  cursor: pointer;
}

img {
  /* transition: 1s ease; */
}

img:hover {
  /* transform: scale(1.1); */
}

section {
  margin-bottom: 3em;
  position: relative;
}

header {
  height: 100px;
}

header #fixed-header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: white;
  border-bottom: 1px solid #e3e0e0;
  height: 80px;
}

header #logo {
  display: block;
  padding: 10px;
}

header nav {
  float: right;
}

header nav ul li {
  float: left;
  position: relative;
}

header nav ul {
  list-style: none;
}

header nav ul li a {
  padding: 25px 13px;
  display: inline-block;
  color: #464646;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  font-family: 'Karla', 'Arial', sans-serif;
  z-index: 9;
}

header nav a.active,
header nav ul li a:hover {
  color: #999999;
}

header nav ul li .nav-bar {
  display: none;
}

header nav ul li .active .nav-bar {
  display: block;
  height: 5px;
  background: #c3d2da;
  position: absolute;
  left: 0px;
  bottom: 30px;
  z-index: -1;
}

#burger-menu-toggle {
  display: none;
  cursor: pointer;
  float: right;
  margin: 20px 0;
  padding: 5px 10px;
  /* border: 1px solid #58727f; */
  border-radius: 4px;
}

#burger-menu-toggle span {
  height: 3px;
  width: 22px;
  background: #58727f;
  margin: 4px 0;
  transition: .5s;
  border-radius: 3px;
  display: block;
}

#burger-menu-toggle span:nth-child(1){
  top:0;
}

#burger-menu-toggle span:nth-child(2){
  top:8px;
}

#burger-menu-toggle span:nth-child(3){
  top:16px;
}

#burger-menu-toggle.open {
  padding: 5px 5px 5px 15px;
}

#burger-menu-toggle.open span:nth-child(1){
  transform: rotate(45deg);
  transform-origin: 0 0;
  width: 22px;
}

#burger-menu-toggle.open span:nth-child(2){
  width: 0;
}

#burger-menu-toggle.open span:nth-child(3){
  transform: rotate(-45deg);
  transform-origin: 0 100%;
  width: 22px;
}

#logo {
  display: block;
  max-width: 115px;
  margin-top: 10px;
}

#img-slider .slide .wrapper {
  position: relative;
}

#img-slider .slide {
  max-height: 670px;
  /* min-height: 210px; */
  overflow: hidden;
}

.bx-wrapper { border: 0!important;  margin-bottom: 0!important; background: transparent!important; box-shadow: none!important;}
.bx-wrapper .bx-pager { bottom: 40px!important; text-align: right !important; padding-right: 20px !important; }
.bx-wrapper .bx-pager.bx-default-pager a { width: 60px!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #d6d6d6!important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #58727f !important; }

#bottom-slider .bx-wrapper .bx-pager { width: 87%!important; bottom: 90px !important; }

.footer {
  color: #464646;
  background: white;
  border-top: 5px solid #c3d2da;
}

footer p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

footer ul {
  list-style: none;
}

footer ul li {
  display: inline-block;
}

footer ul li a {
  color: #464646;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
  display: block;
}


#contact label {
  font-size: 0.875em;
  font-family: 'Karla', 'Arial', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1em;
  display: block;
  color: #999999;
}

#contact input[type='text'], #contact textarea {
  width: 100%;
  padding: 0.5em;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #999999;
  resize: none;
  font-size: 1em;
  line-height: 1.5em;
  font-family: 'Karla', 'Arial', sans-serif;
  color: #333333;
}

#contact input[type='text']:focus, #contact textarea:focus {
  border: 0;
  border-bottom: 3px solid #58727f;
}

#contact textarea {
  min-height: 100px;
}

#contact input[type='submit']:hover{
  color: #58727f;
}

#contact i {
  display: block;
  text-align: right;
  font-size: .7em;
}

#message {
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 2em;
  color: black!important;
  opacity: 1!important;
}

.typed-cursor {
  display: none;
}


.rb-contact .bx-pager-item {
  display: none!important;
}

#news .event {
  background: white;
  border: 1px solid #e3e0e0;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  cursor: pointer;
}

#news #new-events > .event:last-child {
  margin-bottom: 0;
}

#news .event-description {
  padding: 20px 0;
}

#news .event-description p {
  margin: 0;
}

#news .event-description .where {
  color: #58727f;
  text-transform: uppercase;
  font-size: 1.5em;
  margin-bottom: 20px;
}

#news .event-description .what {
  color: #737373;
  text-transform: uppercase;
}

#news .event .date {
  height: 130px;
  border-right: 2px solid #58727f;
  margin: 20px 0 20px 0;
  color: #58727f;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0;
}

#news .event .date .day {
  font-family: 'Prata', 'Times New Roman', serif;
  font-size: 3.5em;
  display: block;
  margin-bottom: 10px;
  padding-top: 30px;
}

#news .event:hover {
  background: #58727f;
}

#news .event:hover .date {
  color: white;
}

#news .event:hover .event-description,
#news .event:hover .event-description .what {
  color: #e3e0e0;
}

#news .event:hover .date {
  border-right-color: #e3e0e0;
}

#news .event:hover .event-description .where {
  color: white;
}

.event-teaser {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 3em;
}

.event-teaser .description {
  background: white;
  border: 1px solid #e3e0e0;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 40px;
  text-align: left;
  min-height: 330px;
  z-index: 9;
}

.event-teaser .description {
  color: #6c6b6b;
}

.event-teaser .description .subtitle {
  color: #999999;
  text-align: left;
}

.event-teaser .description p {
  margin-left: 50px;
  margin-bottom: 30px;
}

.rb-contact .event-teaser .event-slide img {
  height: auto;
}

#news.archive #new-events {
  background: white;
  border: 1px solid #e3e0e0;
}

#news.archive .event {
  border: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

#news.archive .event .date {
  height: auto;
  margin: 0;
  padding: 27px 0;
}

#news.archive .event .date .year {
  font-size: 1.5em;
}

#news.archive .event-description {
  padding: 10px 0;
  margin-bottom: 0;
}

#news.archive .event-description .where {
  margin-bottom: 0;
}

#bottom-links {
  position: relative;
  background: #58727f;
  margin-bottom: 0;
}

#bottom-links a {
  max-height: 220px;
  overflow: hidden;
  position: relative;
  display: block;
}

#bottom-links .wrap {
  overflow: hidden;
}

#bottom-links img {
  width: 100%;
}

#bottom-links p {
  color: white;
  font-family: 'Prata', 'Times New Roman', serif;
  font-size: 2.5em;
  display: block;
  margin: 0;
}

section .overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(35,45,50,.6);
  /* background: rgba(51,51,51,.5); */
  pointer-events: none;
}

#testimonials {
  position: relative;
  background: #58727f;
  margin-bottom: 0;
  padding-bottom: 1.5em;
}

#testimonials p {
    color: white;
}


.lightbox {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(35,45,50,.90);
  /* background: rgba(30,30,30,.87); */
  display: none;
  z-index: 99999;
}

.lightbox .inner {
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 840px;
  margin-top: 70px;
}

.video-detail.lightbox .inner {
  background: none;
}

.lightbox .inner-content {
  padding: 3em;
}

.lightbox .close {
  /* background: #58727f; */
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: -50px;
  bottom: auto;
  left: auto;
  float: none;
  padding: 10px 18px;
  font-size: 30px;
  color: white;
}


.lightbox img:hover {
  transform: none;
}

.lightbox h4 {
  margin-top: 0.2em;
}

.quote, .highlight {
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 1.1em;
  line-height: 1.75em;
  padding-top: 4em;
  position: relative;
  margin-bottom: 0;
}

.highlight {
  padding-top: 0;
}

.quote span {
  display: block;
  text-align: right;
  font-size: 0.875em;
  font-family: 'Karla', 'Arial', sans-serif;
}

section ul {
  list-style: none;
  padding-left: 50px;
}

section ul li {
  style: none;
  position: relative;
}

section ul li:before {
  content: ' ';
  width: 18px;
  height: 8px;
  background: #c3d2da;
  position: absolute;
  top: 7px;
  left: -30px;
  z-index: -1;
}

.video {
  max-height: 550px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.video i {
  font-size: 5em;
}

#portfolio .inner a {
  display: block;
}

#portfolio .filter-controls {
  display: inline-block;
  border-bottom: 1px solid #dce0e2;
  padding: 1em;
  margin-bottom: 1em;
}

#portfolio .filter-controls span {
  padding: 0 .75em;
  cursor: pointer;
  height: 2em;
}

#portfolio .filter-controls span.active,
#portfolio .filter-controls span:hover {
  border-bottom: 5px solid #c3d2da;
  padding-bottom: 1em;
}

#portfolio .grid {
  min-height: 400px;
  /* height: auto !important; */
  height: 400px;
}

#portfolio .grid-item {
  padding: 10px;
  height: 225px;
  width: 300px;
}

#portfolio .grid-item .inner {
  position: relative;
  overflow: hidden;
}

#portfolio .grid-item .inner a:after, .event-teaser .event-slide a:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(35,45,50,.8);
  /* background: rgba(51,51,51,.5); */
  content: "";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  z-index: 1;
}

#portfolio .grid-item .inner:hover a:after, .event-teaser .event-slide a:hover:after {
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
}

#portfolio .grid-item.full {
  width: 100%;
}



.fancybox-bg { background: #58727f!important; }
.fancybox-is-open .fancybox-bg { opacity: .97; }

.rb-contact .event-teaser .event-slide a:hover:after {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}

.rb-contact .event-teaser .event-slide a {
  display: inline;
}

.event-teaser .event-slide a {
  display: block;
  position: relative;
  height: 400px;
  overflow: hidden;
}.event-teaser .event-slide .description a {  height: auto!important;}.event-teaser .event-slide .description a::after {	content: none;}

#portfolio .grid-item .inner a i, .event-teaser .event-slide a i {
  display: none;
}

#portfolio .grid-item .inner a:hover i, .event-teaser .event-slide a:hover i {
  display: block;
  font-size: 2em;
}

.video-brush {
  position: absolute;
  top: 12%;
  left: -10%;
  width: 100%;
  z-index: -9999;
}

.video-wrap:before {
  content: "";
  display: block;
  width: 20%;
  height: 25px;
  background: #f5f3f0;
  position: absolute;
  top: 12%;
  right: 0;
  z-index: -1000;
}


.video-malen {
  width: 100%;
  max-width: 1920px;
  opacity: 1;
  width: 100%;
  opacity: 1;
  position: absolute;
  top: -38%;
  left: 0;
}

.video-container {
  position: relative;
    margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  opacity: 1;
  height: 600px;
  overflow: hidden;
}

 /* Video responsive */
 .video-responsive {
     overflow:hidden;
     padding-bottom:56.25%;
     height:0;
 }
 .video-responsive iframe {
     left:0;
     top:0;
     height:100%;
     width:100%;
     position:absolute;
 }

.interview-link {
   display: block;
 }

/* --------- */

.hide {
  display: none;
}

.form-error span {
  color: red;
}

#bottom-slider .bx-wrapper .bx-controls-direction { display: none!important; }

#introtext-werke {
  margin-bottom: 1em;
}

.img-slider-wrap .bx-viewport {
  top: -20px!important;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
  background: none!important;
  position: relative;
}

.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-next:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-indent: 0;
  font-family: 'rb-font';
  color: white;
  font-size: 1.3em;
  background: rgba(0,0,0,.5);
  padding: 10px 0px 0px 10px;
}

#bottom-links p:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: -45px;
  left: auto;
  bottom: auto;
  width: 30px;
  height: 30px;
  text-indent: 0;
  font-family: 'rb-font';
  color: white;
  font-size: .8em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#bottom-links a:hover p:before {
  right: -55px;
}

#bottom-links a:hover .overlay {
  background: rgba(35,45,50,.87);
}

.bx-wrapper .bx-prev:before {
  content: "\ea40";
}

.bx-wrapper .bx-next:before,
#bottom-links p:before {
  content: "\ea3c";
  margin-left: -10px;
}

#testimonials .wrap {
  position: relative;
}

.icon-quotes-right {
  font-size: 3em;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: .2;
  -khtml-opacity: .2;
  -webkit-opacity: .2;
  -ms-filter: alpha(opacity=20);
  filter: alpha(opacity=20);
}

#introtext .quote .icon-quotes-right {
  color: #58727f;
  top: 20px;
}

.content-block {
  margin-bottom: 2em;
}

.brush-2 {
  position: absolute;
  bottom: -55px;
  z-index: -9999;
  width: 50%;
  right: 0;
}

#scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
}
#scroll-top i.icon-arrow-up2 {
    color: #ffffff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#scroll-top:hover {
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

#scroll-top:hover i.icon-arrow-up2 {
    color: #ffffff;
    top: 5px;
}

#scroll-down {
  display: block;
  position: relative;
}

#scroll-down a {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translate(-50%, 0%);
  z-index: 999;
}
#scroll-down a i {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}

#video-malen .slide .wrap{
  max-height: 670px;
  overflow:hidden;
}

#error-site .full-img {
  background: url('img/staffelei_oops.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;

}

#error-site h1 {
  font-family: 'Karla', 'Arial', sans-serif;
  font-size: 1em;
  margin-top: 3em;
  margin-bottom: 1em;
  text-transform: uppercase;
}

#error-site h2 {
  font-size: 2em;
  font-family: 'Prata', 'Times New Roman', serif;
  margin: 0;
  text-transform: initial;
  line-height: 1.2em;
}





/* ---- Media Queries ---- */

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

  #title h1, h1 {
    font-size: 2em;
    margin-top: 0;
    margin-bottom: 0;
  }

  h2 {
    margin-top: 1em;
  }

  section {
    margin-bottom: 1.5em;
  }

  #news h2,
  #bottom-slider h2,
  #content-title h2 {
    font-size: 1.5em;
  }

  #news .event .date .day {
    font-size: 2em;
    padding-right: 10px;
  }

  #news .event {
    margin-bottom: 10px;
  }

  header nav {
    display: none;
    float: none;
  }

  header nav.open {
    display: block;
  }


  header nav ul {
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 10000;
    height: auto;
    background: white;
    border: 1px solid #e3e0e0;
  }

  header nav ul li {
    float: none;
    text-align: center;
  }

  header nav ul li a {
    padding: 10px;
  }

  header nav a.active:before,
  header nav ul li a:hover:before {
    bottom: 12px;
  }

  #burger-menu-toggle { display: block; }

  footer ul li {
    display: block;
  }

  #news .event .date {
    height: auto;
    border-right: 0;
    margin: 30px 0 0 0;
    padding: 0;
  }

  #news .event .date .day {
    display: inline;
  }

  #news .event-description {
    text-align: center;
  }

  .content .description {
    margin-top: 1em;
  }

  #bottom-links a {
    height: 195px;
  }

  .bx-wrapper .bx-pager { display: none; }

  .img-slider-wrap .bx-wrapper .bx-controls-direction a {
    top: 30%;
  }

  #portfolio .filter-controls {
    border-bottom: 0;
  }

  #portfolio .filter-controls span {
    display: block;
  }

  .video-brush {
    display: none;
  }

  .video i {
    font-size: 2em;
  }

  #news.archive .event .date {
    padding-bottom: 0;
  }

  #news.archive .event {
    border-bottom: 1px solid #e3e0e0;
  }

  #news.archive .event:last-child {
    border-bottom: 0;
  }

  .lightbox .close {
    position: relative;
    margin-top: -50px;
    float: right;
    margin-right: 50px;
  }

  .rb-contact .event-teaser {
    padding-bottom: 0;
  }

  #scroll-down {
    display: none;
  }

  #news .event-description .where {
    font-size: 1em;
  }

  #bottom-slider .bx-wrapper .bx-controls-direction { display: block!important; }
  #bottom-slider .bx-wrapper .bx-controls-direction a { top: 22%; }
  #bottom-slider .event-teaser .event-slide a { height: 250px; display: block; }
  #bottom-slider.rb-contact  .event-teaser .event-slide a {height: auto;}

  #bottom-links img {
    display: none;
  }


  #bottom-links a {
    height: 60px;
    border-top: 2px solid #f5f3f0;
  }

  #bottom-links p {
    font-size: 1.3em;
    position: relative;
  }

  .video-container {
    height: 600px;
  }

  .video-malen {
    top: 0%;
  }

}





@media all and (max-width: 991px){
  .img-teaser .event-teaser .event-slide>div.floating {
    position: static;
    top: auto;
    right: auto;
  }

  .video-brush {
    top: 12%;
  }

  .brush-2 {
    display: none;
  }

  .video-container {
    height: 450px;
  }

  .video-malen {
    top: -20%;
  }

}



@media all and (min-width: 768px){
  .rb-contact .event-teaser {
    padding-bottom: 7em;
  }

  .event-teaser .event-slide>div.floating {
    position: absolute;
    top: 30px;
    right: 90px;
  }

}


@media all and (min-width: 991px){
  .lightbox .inner {
    width: 840px;
  }

}


@media all and (max-width: 1200px){
  .video-container {
    height: 540px;
  }

  .video-malen {
    top: -10%;
  }
}


@media all and (max-width: 768px){
  .video-container {
    height: 375px;
  }

  .video-malen {
    top: 0%;
  }
}


@media all and (max-width: 500px){
  .video-container {
    height: 230px;
  }
}