/* catamaran-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/catamaran-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* catamaran-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/catamaran-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* catamaran-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/catamaran-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body { padding: 0; margin: 0; background: #fff; font-family: 'Catamaran'; font-size: 20px; line-height: 30px; font-weight: 400; color: #000000; text-decoration: none; }
h1 { padding: 0; margin: 0; font-family: 'Catamaran'; font-size: 43px; line-height: 58px; font-weight: 400; color: #70550b; }
h2 { padding: 0; margin: 0; font-family: 'Catamaran'; font-size: 32px; line-height: 54px; font-weight: 500; color: #70550b; }
h3 { padding: 0; margin: 0 0 25px 0; font-family: 'Catamaran'; font-size: 22px; line-height: 38px; font-weight: 500; color: #70550b; }
h4 { padding: 0; margin: 0; font-family: 'Catamaran'; font-size: 24px; line-height: 34px; font-weight: 300; color: #70550b; }
h5 { padding: 0; margin: 0 0 30px 0; font-family: 'Catamaran'; font-size: 20px; line-height: 29px; font-weight: 600; color: #70550b; letter-spacing: .085em; text-transform: uppercase; }
a { color: #70550b; text-decoration: underline; }
p { padding: 0; margin: 0 0 30px 0; }
em { font-family: 'Catamaran'; font-style: italic; font-weight: 300; }
strong { font-weight: 500; }
ul, ol { margin: 0 0 30px 20px; padding: 0; text-align: left; }
hr { height: 2px; width: 60px; border: none; margin: 25px auto 25px auto; border-bottom: 3px solid #70550b; }
.clearer { clear: both; }
.contentclearersmall { clear: both; height: 30px; }
.contentclearer { clear: both; height: 100px; }
#mobilebutton { display: none; }

#top { width: 1100px; padding: 0; margin: 0 auto; text-align: left; }
#logo { float: left; margin: 36px 0 38px 0; }
#navi { float: right; clear: right; margin: 150px 0 0 0; font-size: 22px; font-weight: 500; }
#navi ul { list-style-type: none; margin: 0; padding: 0; }
#navi .naviitem { display: inline-block; margin: 0 0 0 37px; padding: 0; }

#navi .active { color: #2c466c; }
/*#navi .active { border-bottom: 3px solid #70550b; padding: 0 0 12px 0; }*/

#navi .naviitem:hover { color: #2c466c; }
/* #navi .naviitem:hover { border-bottom: 3px solid #70550b; padding: 0 0 12px 0; }*/

#navi .naviitem ul { position: absolute; z-index: 100; top: 190px; padding: 0; margin: 0 0 0 -40px; left: -999em; text-align: left; }
#navi .naviitem ul li { padding: 12px 40px; margin: 0 0 1px 0; background: #fff; }
#navi .naviitem ul a, #navi .naviitem ul ul a { text-decoration: none; }
#navi .naviitem ul li:hover { background: #f5f5f5; }
#navi .naviitem ul li.active { background: #f5f5f5!important; border-bottom: none; }
#navi ul li:hover ul ul, #navi ul li:hover ul ul ul, #navi ul li.sfhover ul ul, #navi ul li.sfhover ul ul ul { left: -999em; }
#navi ul li:hover ul, #navi ul li li:hover ul, #navi ul li li li:hover ul, #navi ul li.sfhover ul, #navi ul li li.sfhover ul, #navi ul li li li.sfhover ul { left: auto; }
#mobilenavi { display: none; }

#header { width: 100%; height: 641px; padding: 0; margin: 0; background: url(img/header_01.jpg) no-repeat center; background-size: cover; }
#subheader { width: 100%; height: 150px; padding: 0; margin: 0; background: url(img/subheader_01.jpg) no-repeat center; background-size: cover; }

#content { width: 1100px; padding: 0; margin: 110px auto 0 auto; text-align: center; }
#content img { max-width: 100%; height: auto; margin: 0 0 20px 0; }
.home { text-align: left!important; }
.column { float: left; width: 46%; margin: 0 8% 40px 0; text-align: left; }
.last { margin: 0 0 40px 0; }
#content .button { width: 90%; background-color:#f5f5f5; margin: 0 0 11px 0; padding: 8px 15px; }
.button a { text-decoration: none; }

#news { width: 880px; padding: 0px 0 80px 0; margin: 0 auto; text-align: center; }
#news .button { display: inline-block; background-color:#f5f5f5; margin: 0 0 11px 0; padding: 8px 15px; font-size: 15px; font-weight: 500; letter-spacing: .085em; text-transform: uppercase; }
#news hr { margin: 25px auto 45px auto; }

.galerie { float: left; width: 25%; }
.galerie img { max-width: 95%; }

#footercontainer { width: 100%; padding: 0; margin: 0 0 40px 0; background: #f5f5f5; }
#footer { width: 1100px; padding: 60px 0 40px 0; margin: 0 auto; text-align: left; }
#footer .column { width: 33%; margin: 0; }
#footer .column span, #content .column span { display: inline-block; width: 30px; font-weight: 600; color: #70550b; }
#footer .middle { width: 37%; }
#footer .last { width: 30%; margin: 0; }
#footer .last span, #content .last span { width: 46px; }
#footer .button { display: inline-block; background-color:#fff; margin: 0; padding: 8px 15px; color: #000; font-size: 15px; font-weight: 500; letter-spacing: .085em; text-transform: uppercase; }

#bottom { width: 100%; padding: 0; margin: 0 0 80px 0; text-align: center; }
#bottom img { margin: 0 0 10px 0; }


/* Responsive */

@media only screen and (max-width: 1100px) {
.contentclearersmall { height: 20px; }
.contentclearer { height: 40px; }
#top { width: 96%; margin: 0 2%; }
#logo { margin: 20px 0; }
#navi .naviitem { display: none; }
#mobilenavi { float: right; display: table; position: absolute; top: 120px; right: 2%; }
.toggle-menu ul { display: table; width: 36px; list-style-type: none;	margin: 0; }
.toggle-menu ul li { width: 100%; height: 6px; background-color: #fff; margin-bottom: 6px; }
.toggle-menu ul li:last-child { margin-bottom: 0px; }
label { float: right; padding: 15px 12px; display: inline-block; cursor: pointer; background: #70550b; }
input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; background: none; }
input[type=checkbox]:focus { background:none; }
input[type=checkbox]:checked ~ nav { display: block; }
nav { width: 187px; float: right; display: none; position: absolute; right: 0px; top: 60px; background-color: #f5f5f5; border-top: 1px solid #fff; padding: 0px; }
nav ul { display: table; float: right; width: auto; margin: 0; }
nav ul li { float: none; padding: 0px; width: 100%; display: table; }
nav ul li.mobile { display: none; }
nav ul li:last-child { padding-right: 0px; }
nav ul li a { color: #505c66; font-family: 'Arial'; font-size: 19px; font-weight: 500; text-decoration: none; padding: 10px 20px; display: block; border-bottom: 1px solid #fff; transition: all 0.5s ease 0s; }
nav ul li a:hover { background-color: #70550b; color: #fff; transition: all 0.5s ease 0s; }
#header { height: 300px; background-size: 100%; }
#subheader { height: 300px; background-size: 100%; }
#content { width: 96%; margin: 70px 2% 0 2%; }
#news { width: 96%; padding: 30px 0 10px 0; margin: 0 2%; }
#footer { width: 96%; margin: 30px 2% 20px 2%; }
#footer .column { width: 33%; }
#footer .middle { width: 37%; }
#footer .last { width: 30%; }
#bottom { margin: 0 0 100px 0; }
#mobilebutton { display: block; position: fixed; z-index: 80; bottom: 0; width: 100%; background: #6c757d; text-align: center; padding: 10px 0 0 0; }
}

@media only screen and (max-width: 780px) {
h1 { font-size: 30px; line-height: 52px; }
h2 { font-size: 24px; line-height: 46px; }
h3 { font-size: 24px; line-height: 34px; }
h4 { font-size: 22px; line-height: 32px; }
#top { width: 92%; margin: 0 4%; }
#logo img { max-width: 80%; height: auto; }
#navi { margin: 0; }
#mobilenavi { top: 45px; right: 4%; }
#header { height: 160px; }
#content { width: 92%; margin: 30px 4% 0 4%; }
.column { float: none; width: 100%; margin: 0; }
#news { width: 92%; margin: 0 4%; }
#footer { width: 92%; margin: 30px 4% 20px 4%; padding: 30px 0 40px 0; }
#footer .column { width: 100%; }
#footer .middle { width: 100%; }
#footer .last { width: 100%; }
#bottom { margin: 0 0 90px 0; }
}

@media only screen and (max-width: 450px) {
#logo img { max-width: 60%; }
#mobilenavi { top: 70px; }
}