/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}


@font-face{ font-family: 'BrilkSans-Regular';
             src: url('../fonts/Typesketchbook - BrilkSans-Regular.otf')  format('opentype');
}
@font-face{ font-family: 'BrilkSans-ExtraLight';
             src: url("../fonts/Typesketchbook - BrilkSans-ExtraLight.otf")  format('opentype');
}

.clear { clear:both; }
.nopadl { padding-left:0px !important;	}
.nopadr { padding-right:0px !important; }
.nopad {padding-left:0px !important; padding-right:0px !important; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left:23px;
    padding-right:23px;

}
.input_wrongdiv, .after_send {
    display: none;
}

.contentblockleft strong, .contentblockright strong {
    font-weight: bold;
}

.contentblockleft li, .contentblockright li {
    list-style: disc;
}

.contentblockleft ul, .contentblockright ul {
    margin-left: 13px;
}



/* STYLES */
/**********/
body {
	-webkit-font-smoothing: antialiased;
    font-family: BrilkSans-ExtraLight, sans-serif;
    font-size: 15px;
    color: #635141;
}
.e404 {
	width:100%;
	display:block;
	position:absolute;
	z-index:100;
	text-align:center;
	margin-top:50vh;
	font-size:25px;
}

/* NAV */
#btn_nav, .mobnav{
	display:none;
}
.nav > li{
	float:left;
	display:inline-block;
	margin-left:20px;
}
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus{
	padding:0px;
	display:inline-block;
	background:none;
}

/* CONTENT */
.txtbrown {
    color: white !important;
    background-color: #635141;
    margin-top: 33px;
    font-size: 35px;
    padding: 20px 10px 5px 10px;
}

.titlebrown {
    font-size: 15px;
}

#site{
    width: 100%;
}
#header{
    height: 196px;
    width: 100%;
    background: #fff;
    padding: 45px 45px 30px 45px;
}
#header.sticky{
    position: fixed;
    height: 100px;
    padding: 10px 45px 10px 45px;
    z-index: 10;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(143,143,143,1);
        -moz-box-shadow: 0px 2px 5px 0px rgba(143,143,143,1);
        box-shadow: 0px 2px 5px 0px rgba(143,143,143,1);
}
#header.sticky #nav {
    margin-top:20px;
     transition: all 0.5s ease;
}

#header.sticky + #home{
   margin-top:100px;
}
#logo{
    height: 100%;
    width: auto;
}
#nav{
    float: right;
    margin-top: 90px;
}
#nav li{
    float: left;
}
#nav li{
 padding-right: 60px;
}
#nav li:last-child{
     padding-right: 0px;
}
#nav a{
    font-size: 30px;
    font-family: BrilkSans-ExtraLight, sans-serif;
    color: #635141;
    text-transform: uppercase;
}
#nav a:hover{
    text-decoration: underline;
}
.current a{
    text-decoration: underline;
}
.section{
    width: 100%;
    float: left;
    padding-bottom:80px;
    margin-top: -100px;
    padding-top: 100px;
}
/*#site .section:first-child {
	 padding-top:0px;
	margin-top:0px;
}*/
.section a{
    color: #635141;
    text-decoration: underline;
}
.section h1{
    margin-top: 15px;
    margin-left: 45px;
    margin-bottom: 15px;
    font-size: 35px;
    font-family: BrilkSans-ExtraLight, sans-serif;
    color: #635141;
    width: calc(100% - 45px);
    text-transform: uppercase;
}
.section.spacing h1{
   margin-left: 0;
    width:100%;
}
.section.spacing{
    width: calc(100% - 90px);
    margin-left:45px;
}
.border {
    border-top: 5px solid #635141;
}
.border h2{
    font-size: 25px;
    font-family: BrilkSans-Regular, sans-serif;
    color: #635141;
    padding-top: 23px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.bx-wrapper {
    margin-bottom: 0;
}
.bxslider div {
	width:100%;
	height: calc(100vh - 160px);
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.slide{
    width: 100%;
}
.contentblockleft{
   /* width:calc(100% - 90px);*/
    margin-left: 45px;
    /*padding-top: 45px;*/

}
.spacing  .contentblockleft{
     margin-left:0px;
}

/*.contentblockright{
    padding-top: 45px;
}*/
.contentblockright.spacingleft{
    margin-top: 45px
}
.imgright .contentblockright {
     width: calc(100% - 45px);
}
.imgleft{
    padding-right: 26px;
}
.imgright{
    padding-left: 26px;
}
.portrait{
    width: 100%;
    margin-bottom: 45px;
}

.contentquote{
    width:100%;
    background: #635141;
    color: #fff;
    padding-left: 20px !important;
    padding-bottom: 38px;
}
.contentquote span{
    display: inline-block;
    font-size: 52px;
    font-family: BrilkSans-ExtraLight, sans-serif;
    padding-top: 45px;
    padding-right: 77px;
}
.imgend{
    width: 100%;
    margin-top: 50px;
}
.contentadress p{
    padding-bottom: 58px;
    font-size: 18px;
    font-family: BrilkSans-ExtraLight, sans-serif;
    color: #635141;
}

form input{
    width: 100%;
    color: #635141;
    border: hidden;
    border-bottom: 1px solid #635141;
    font-size: 16px;
    font-family: BrilkSans-ExtraLight, sans-serif;
    margin-bottom:30px;
}
form button{
    padding:0;
    border: hidden;
    background: #fff;
    color: #bebbb5;
    font-size: 13px;
    font-family: BrilkSans-ExtraLight, sans-serif;
}
.contentdirections {
    font-size: 18px;
    color: #635141;
}

#fuer-sie > div {
    width: 100%;
    padding-right: 0px!important;
}

#fuer-sie .nopadr {
    padding-left: 0px !important;
}

.footer{
    background: #635141;
    margin-top: 36px;
    padding-top: 35px;
    padding-left: 40px;
    padding-bottom: 40px;
    font-size: 14px;
    font-family: BrilkSans-Regular, sans-serif;
    color: #fff;
}
.footer a{
    font-size: 14px;
    font-family: BrilkSans-Regular, sans-serif;
    color: #fff;
}
/* ETC */
.embed-container{
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#fancy{
    width:90%;
    max-width: 800px;
}

/* FORM */
#input_wrongdiv{
	display:none;
	color:#F00;
}
#after_send{
	display:none;
}

/* COOKIES */
#cookie_wrapper{
	position:fixed;
	left:0px;
	bottom:0px;
	color:#fff;
	background:#635141;
	min-height:39px;
	text-align:center;
	padding:10px 24px;
	font-size:14px;
	width:100%;
	z-index:9999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept{
	position:absolute;
	display:block;
	right:11px;
	top:13px;
	cursor:pointer;
}
#fancy strong{
	font-weight: 700;
}
