/*
---------------------------
FRU LESS CSS FILE
---------------------------
*/
/*
-------
 COLORS
-------
*/
/*
--------
 TYPO
--------
*/
/*
-----
 Margins
-----
*/
/*
----
 Default
----
*/
/*
----
 Imports
----
*/
/*
-----
FONT FACES
-----
*/
@font-face {
  font-family: 'baron';
  src: url('_res/fonts/Baron Neue-webfont.eot');
  src: url('_res/fonts/Baron Neue-webfont.eot?#iefix') format('embedded-opentype'), url('_res/fonts/Baron Neue-webfont.woff2') format('woff2'), url('_res/fonts/Baron Neue-webfont.woff') format('woff'), url('_res/fonts/Baron Neue-webfont.ttf') format('truetype'), url('_res/fonts/Baron Neue-webfont.svg#baron_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
-----
 init
-----
*/
html,
body {
  min-height: 100%;
  overflow-x: hidden;
}
body {
  background: #fff;
  color: #6d6e70;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  position: relative;
  background: url(_res/img/bg.jpg);
  word-break: break-word;
}
.content div[class^="col"] img,
.full img {
  width: 100%;
  height: auto !important;
}
.container {
  position: relative;
}
main {
  min-height: 800px;
  margin-top: -150px;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #fff;
}
.center {
  text-align: center;
}
.ajax-loader {
  width: 16px !important;
  height: 16px !important;
}
/*
--------
 GOOGLE MAP
--------
*/
.googlemap {
  width: 100%;
  height: 300px;
  background: #818285;
}
/*
 DYN COLS
*/
.col-1 {
  width: 25%;
  float: left;
}
.col-3 {
  width: 33.33%;
  float: left;
}
.col-4 {
  float: left;
  width: 25%;
}
.col-4 .box {
  background: #f6f6f6 none repeat scroll 0 0;
  border: 1px solid #eee;
  height: 240px;
  margin-bottom: 15px;
  margin-right: 15px;
  position: relative;
}
@media (min-width: 768px) {
  .dyn-col {
    float: left;
  }
}
@media (max-width: 767px) {
  .dyn-col {
    width: 100% !important;
  }
}
/*
-------
 HEADER
-------
*/
.header-spacer {
  width: 100%;
  height: 125px;
}
.header-box {
  position: relative;
  z-index: 999;
}
.header-box .container {
  position: relative;
}
.header-box .container .nav-logo-con {
  position: fixed;
  width: 300px;
}
.header-box .container .nav-logo-con .logo {
  position: relative;
  top: 25px;
  left: 15px;
  font-size: 7em;
  color: #6d6e70;
}
.header-box .container .nav-logo-con .logo:hover {
  color: #a0a1a3;
}
.header-box .container .nav-logo-con .mwd-nav {
  width: 200px;
  position: absolute;
  top: 38px;
  left: 100px;
}
.header-box .container .nav-logo-con .mwd-nav ul {
  padding: 0;
}
.header-box .container .nav-logo-con .mwd-nav ul li {
  list-style: none;
  margin-bottom: 6px;
  margin-left: -5px;
  -webkit-transition: 0.3s linear all;
  transition: 0.3s linear all;
  opacity: 0;
}
.header-box .container .nav-logo-con .mwd-nav ul li a {
  color: #6d6e70;
  font-weight: 400;
  font-size: 10px;
}
.header-box .container .nav-logo-con .mwd-nav ul li a:hover {
  color: #babbbc;
}
.header-box .container .nav-logo-con:hover .logo {
  color: #a0a1a3;
}
.header-box .container .nav-logo-con:hover .mwd-nav ul li {
  opacity: 1;
}
/*
 DASHED
*/
.container.dashed {
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  overflow: hidden !important;
  padding-top: 170px;
  padding-bottom: 170px;
  /*
		&.contactform {
			margin-top: 370px;
			position: relative;
		}
		&.contactform:before {
			position: absolute;
			top: -210px;
			left: 0;
			width: 100%;
			height: 200px;
			content: '';
			background: url(_res/img/4a.png);
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
		*/
}
.container.dashed .conin {
  border: 1px dashed #6d6e70;
  -webkit-transform: skewY(-15deg);
  -moz-transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  -o-transform: skewY(-15deg);
  transform: skewY(-15deg);
  background: url(_res/img/bg.jpg);
}
.container.dashed .con {
  -webkit-transform: skewY(15deg);
  -moz-transform: skewY(15deg);
  -ms-transform: skewY(15deg);
  -o-transform: skewY(15deg);
  transform: skewY(15deg);
  padding: 150px 205px;
}
/*
Contactform capitan
*/
.container.content.dashed.contactform {
  margin-top: 0;
  /*
	.con {
		padding-bottom: 200px;
	}
	*/
}
.container.capitan {
  position: relative;
  margin-top: 0;
  width: 100%;
  /*height: 214px;*/
}
.container.capitan .con {
  position: absolute;
  left: 0;
  padding: 0 205px;
  margin-top: 0px;
}
.container.capitan .con .c {
  width: 330px;
  height: auto;
}
.container.capitan .con .f {
  width: 18px;
  height: auto;
  position: absolute;
  left: 490px;
  top: 98px;
  -webkit-animation-duration: 1.6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: yoyo;
  -webkit-animation-timing-function: linear;
  z-index: 99;
}
.content.contactform div[class^="col"] img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
@-webkit-keyframes yoyo {
  0% {
    -webkit-transform: scale(1) rotate(-0.8deg);
    left: 492px;
  }
  50% {
    -webkit-transform: scale(1) rotate(0.8deg);
    left: 488px;
  }
  100% {
    -webkit-transform: scale(1) rotate(-0.8deg);
    left: 492px;
  }
}
/*
 MAIN
*/
.container.content {
  position: relative;
  /* TYPOGRAPHY */
  /* big text */
  /* content image */
  /* artikel */
  /* gallery */
  /* gallery */
}
.container.content .content div[class^="col"] img {
  width: 100%;
  height: auto !important;
}
.container.content h2,
.container.content h3,
.container.content h4,
.container.content h5,
.container.content h6 {
  clear: both;
  color: #000;
  margin-top: 0;
  line-height: 1.3em;
  font-weight: 300;
  font-family: 'baron', sans-serif;
}
.container.content h1 {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 20px;
  position: relative !important;
  z-index: -1;
  margin: 15px 0;
  font-family: 'baron', sans-serif;
}
.container.content h1 span {
  background: #000;
  color: #fff;
  padding: 5px 25px;
  z-index: 1;
  position: relative !important;
  display: inline-block;
  min-width: 300px;
}
.container.content h1:before {
  content: "";
  border-top: 1px solid #000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.container.content a {
  color: #999;
}
.container.content a:hover,
.container.content a:focus {
  color: #6d6e70;
  text-decoration: none;
}
.container.content a.btn {
  color: #6d6e70;
}
.container.content p {
  margin: 0 0 15px;
}
.container.content hr {
  margin: 170px 0;
}
.container.content strong {
  font-weight: bolder;
}
.container.content h2 {
  font-size: 20px;
  margin: 0;
  margin-bottom: 15px;
}
.container.content h4 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
}
.container.content .big {
  font-size: 40px;
}
.container.content .image {
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
}
.container.content ol {
  margin: 0;
  padding: 0;
  margin-left: 35px;
}
.container.content ol li {
  margin-bottom: 10px;
}
.container.content ul {
  margin: 0;
  padding: 0;
  margin-left: 25px;
  margin-bottom: 15px;
}
.container.content ul li {
  margin-bottom: 10px;
}
.container.content .minibox {
  margin-top: 15px;
  padding: 15px;
  background: #747578;
  font-weight: bold;
}
.container.content .article {
  /*
			.teaser:before {
				display: block;
				content: "";
				width: 10%;
				height: 5px;
				background: @main-color-ibla;
				margin-bottom: 10px;
			}
			*/
}
.container.content .article img {
  width: 30%;
  background: #e4e6e7;
  padding: 2px;
}
.container.content .article .fr {
  float: left;
  margin-bottom: 15px;
  margin-right: 25px;
}
.container.content .article .fl {
  float: right;
  margin-bottom: 15px;
  margin-left: 25px;
}
.container.content .article .teaser {
  margin-top: 15px;
  padding: 15px;
  background: #747578;
  font-weight: bold;
}
.container.content .article h4 {
  font-size: 12px;
  margin-bottom: 0;
}
.container.content .article p {
  text-align: justify;
}
.container.content .gallery.o_width {
  margin-bottom: 15px;
  overflow: hidden;
  height: 100%;
}
.container.content .gallery.o_width .box {
  float: left;
}
.container.content .gallery.o_width .box .picture {
  background-size: cover !important;
  background-position: center center !important;
  height: 250px;
  margin: 0 5px;
  display: block;
}
.container.content .gallery.o_width .box .title {
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 12px;
  color: #858c94;
}
.container.content .gallery.o_width .box .caption {
  font-size: 12px;
  width: 80%;
}
.container.content .gallery.o_height {
  overflow: hidden;
  height: 100%;
}
.container.content .gallery.o_height .box .picture {
  background-size: cover !important;
  background-position: center center !important;
  height: 100%;
  margin: 5px 0;
  display: block;
}
.container.content .gallery.o_height .box .title,
.container.content .gallery.o_height .box .caption {
  display: none;
}
/*
 CONTACT
*/
.contactform {
  margin-top: 60px;
}
/*
	 CAPTCHA
*/
.wpcf7-captchac {
  width: 115px !important;
  height: 24px !important;
}
.captcha-field {
  margin-bottom: 15px;
  padding: 10px;
  background: transparent;
}
.captcha-field .form-group {
  margin-bottom: 0;
}
/*
 spacer
*/
.spacer-10 {
  height: 10px;
  width: 100%;
}
.spacer-15 {
  height: 15px;
  width: 100%;
}
.spacer-20 {
  height: 20px;
  width: 100%;
}
.spacer-25 {
  height: 25px;
  width: 100%;
}
.spacer-30 {
  height: 30px;
  width: 100%;
}
.spacer-35 {
  height: 35px;
  width: 100%;
}
.spacer-40 {
  height: 40px;
  width: 100%;
}
.spacer-45 {
  height: 45px;
  width: 100%;
}
.spacer-50 {
  height: 50px;
  width: 100%;
}
.spacer-55 {
  height: 55px;
  width: 100%;
}
.spacer-60 {
  height: 60px;
  width: 100%;
}
.spacer-65 {
  height: 65px;
  width: 100%;
}
.spacer-70 {
  height: 70px;
  width: 100%;
}
.spacer-75 {
  height: 75px;
  width: 100%;
}
.spacer-80 {
  height: 80px;
  width: 100%;
}
.spacer-85 {
  height: 85px;
  width: 100%;
}
.spacer-90 {
  height: 90px;
  width: 100%;
}
.spacer-95 {
  height: 95px;
  width: 100%;
}
.spacer-100 {
  height: 100px;
  width: 100%;
}
/*
BUTTONS
*/
.btn-primary {
  background-color: #6d6e70;
  border-color: #6d6e70;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #6d6e70 !important;
  border-color: #6d6e70;
  color: #fff;
}
/*
 Buttons
*/
.btn.btn-primary {
  color: #fff;
}
.btn_center {
  text-align: center;
}
.btn {
  color: #6d6e70;
}
/*
--------
 FOOTER
--------
*/
footer {
  width: 100%;
  margin-top: 30px;
  color: #6d6e70;
  text-align: left;
  margin-top: -160px;
  height: 300px;
  /*overflow-y: scroll; /* has to be scroll, not auto
-webkit-overflow-scrolling: touch;
overflow: hidden !important;
*/
}
footer a {
  color: #7a7b7d;
}
footer .pull-top-con {
  position: relative;
}
footer .copyright {
  background: transparent;
  font-size: 10px;
  -webkit-transform: skewY(-15deg);
  -moz-transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  -o-transform: skewY(-15deg);
  transform: skewY(-15deg);
}
footer .copyright .facebook {
  font-size: 2.3em;
  float: left;
  display: block;
}
footer .copyright .facebook span {
  display: block;
}
footer .copyright .facebook:hover {
  color: #68696b;
}
/*
----------
MEDIA Queries
----------
*/
/*
	WRAPPER
*/
@media (min-width: 992px) {
  .container {
    width: 910px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container.dashed .con {
    padding: 150px 185px;
  }
}
@media (max-width: 768px) {
  /*
	
	*/
  .header-box .container .nav-logo-con {
    position: relative;
  }
  .header-spacer {
    height: 1px;
  }
}
@media (max-width: 767px) {
  .container.dashed .con {
    padding: 95px 95px;
  }
  .container.capitan {
    position: relative;
    margin-top: 0;
  }
  .container.capitan .con {
    left: -125px;
  }
  .container.capitan .con .c {
    width: 300px;
    height: auto;
  }
  .container.capitan .con .f {
    width: 13px;
    height: auto;
    left: 390px;
    top: 90px;
  }
  @-webkit-keyframes yoyo {
    0% {
      -webkit-transform: scale(1) rotate(-0.8deg);
      left: 467px;
    }
    50% {
      -webkit-transform: scale(1) rotate(0.8deg);
      left: 464px;
    }
    100% {
      -webkit-transform: scale(1) rotate(-0.8deg);
      left: 467px;
    }
  }
  div[class^="spacer"] {
    height: 10px;
  }
  .container.content {
    margin-bottom: 15px;
  }
  .container.content div.col-sm-12 {
    margin: 0;
  }
}
@media (max-width: 480px) {
  .header-spacer {
    height: 85px;
  }
  .container.capitan {
    position: relative;
    margin-top: 0;
  }
  .container.capitan .con {
    left: -125px;
    top: -50px;
  }
  .container.capitan .con .c {
    width: 230px;
    height: auto;
  }
  .container.capitan .con .f {
    width: 13px;
    height: auto;
    left: 390px;
    top: 68px;
  }
  @-webkit-keyframes yoyo {
    0% {
      -webkit-transform: scale(1) rotate(-0.8deg);
      left: 404px;
    }
    50% {
      -webkit-transform: scale(1) rotate(0.8deg);
      left: 402px;
    }
    100% {
      -webkit-transform: scale(1) rotate(-0.8deg);
      left: 404px;
    }
  }
  .container.dashed {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .container.dashed .con {
    padding: 65px 50px;
  }
  .container.contactform strong {
    display: block;
    margin-top: 10px;
  }
  footer {
    margin-top: -120px;
  }
  footer .copyright {
    margin-top: 40px;
  }
}