/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  height: 100%;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  height: 100%;
  overflow-y: scroll;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  background-color: #fff;
  color: #777777;
  -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {
  display: block;
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  margin: 0 0 8px 0;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #777777 !important;
  background: #fff !important;
  border: 2px solid #999 !important;
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  padding: 0.5em !important;
  overflow: auto;
}
ul,ol {
  padding-left: 2em !important;
}
ol ol li {
  list-style-type: lower-alpha;
}
ol ol ol li {
  list-style-type: lower-roman;
}
dt {
  display: block;
  float: left;
  min-width: 30px;
  text-align: right;
  padding: 0 1em 0 0;
}
dd {
  margin: 0 0 0 46px;
}
b,strong {
  font-weight: bold;
}
abbr[title] {
  border-bottom: 1px dotted;
}
input,textarea,button,select {
  font-size: 1em;
  margin: 0;
  line-height: normal;
  vertical-align: baseline;
  box-sizing: border-box;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
figure {
  position: relative;
}
figure img,figure object,figure embed,figure video {
  max-width: 100%;
  display: block;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
}
.wrapper {
  padding: 0 0.75em;
  box-sizing: border-box;
}
.wrap {
  overflow: hidden;
  word-wrap: break-word;
}
body,
input,
textarea,
button,
select {
  font-family: 'Lato', serif, sans-serif;
  line-height: 1.4em;
  outline: none;
}
pre, code {
  font-family: Menlo, Monaco, monospace;
}
strong,
code {
  color: #333333;
}
blockquote {
  margin-left: 1.5em;
  font-style: italic !important;
  color: #787878;
}
::selection {
  background: #2F94B4;
  color: #fff;
}
::-moz-selection {
  background: #2F94B4;
  color: #fff;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
button,input,select,textarea {
  background-image: none;
}
input[type="file"] {
  border: none;
}
.tab1 {
	margin-left: 80px;
}

/* Slidebars 2.0.2 */
html, body, [canvas=container], [off-canvas] { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; }
[canvas] { z-index: 1; }
[canvas=container] { width: 100%; height: 101%; overflow-y: scroll; overflow-x: hidden; position: relative; background-color: transparent; -webkit-overflow-scrolling: touch; }
[canvas=container]:before, [canvas=container]:after { clear: both; content: ''; display: table; }
[off-canvas] { display: none; position: fixed; overflow: hidden; overflow-y: auto; background-color: black; color: white; -webkit-overflow-scrolling: touch; }
[off-canvas*=top] { width: 100%; height: 255px; top: 0; }
[off-canvas*=right] { width: 255px; height: 100%; top: 0; right: 0; }
[off-canvas*=bottom] { width: 100%; height: 255px; bottom: 0; }
[off-canvas*=left] { width: 255px; height: 100%; top: 0; left: 0; }
[off-canvas*=reveal] { z-index: 0; }
[off-canvas*=push] { z-index: 1; }
[off-canvas*=overlay] { z-index: 9999; }
[off-canvas*=shift] { z-index: 0; }
[canvas], [off-canvas] {
  -webkit-transform: translate( 0px, 0px );
  -ms-transform: translate( 0px, 0px );
  transform: translate( 0px, 0px );
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  -webkit-backface-visibility: hidden;
}
[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate( 0px, 50% );
  transform: translate( 0px, 50% );
}
[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate( -50%, 0px );
  transform: translate( -50%, 0px );
}
[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate( 0px, -50% );
  transform: translate( 0px, -50% );
}
[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate( 50%, 0px );
  transform: translate( 50%, 0px );
}
@media print {
  [canvas] {
    -webkit-transform: translate( 0px, 0px ) !important;
    -ms-transform: translate( 0px, 0px ) !important;
    transform: translate( 0px, 0px ) !important;
  }
  [off-canvas] {
    display: none !important;
  }
}

/* others */
p {
  margin: 0 0 0.6em 0;
  clear: both;
}
.small,small,code {
  font-size: 0.8125em;
  line-height: 1.384em;
}
.normal,h4,h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.5em;
  line-height: 1.375em;
  font-weight: normal;
  margin: 0 0 0.2em 0;
  color: #303130;
  text-transform: capitalize;
}
.large,h2,h1 {
  font-family: 'Playfair Display', serif;
  font-size: 25px;
  line-height: 1.375em;
  font-weight: normal;
  margin: 0 0 0.5em 0;
  color: #303130;
  text-transform: capitalize;
}
h5 {
  font-size: 1em;
  line-height: 1.6em;
}
h1 {
  font-size: 35px  !important;
  padding: 3px 0;
  margin-bottom: 0.3em;
}
.huge {
  font-size: 2.625em;
  line-height: 1.142em;
}
.massive {
  font-size: 4.25em;
  line-height: 1.058em;
}
.gigantic {
  font-size: 6.875em;
  line-height: 1.090em;
}
a {
  text-decoration: none;
  color: #333333;
  outline : none;
}
a:hover {
  color: #706940;
}
a:active {}
a:visited {}
.content_wrap p a:before {
	font-family: FontAwesome;
	content: "\f08e";
	padding: 0 3px;
	color: #c3c3c3;
}
/* others */
.wrapper {
  position: relative;
}
.clear_ {
  clear: both;
}

.button {
  font-weight: bold;
  color: #927f33;
  background-color: #fafafa;
  border: 1px solid #999;
  text-shadow: -1px 1px 0px #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px 20px 5px 20px;
  margin: 6px 0 6px 0;
  white-space: nowrap;
  cursor: pointer;
}
.button:hover {
  color: #716537;
  background-color: #f2f2f2;
}
.button:active {}

a.button {
  display: block;
  float: left;
  width: auto;
  font-weight: bold;
  color: #927f33;
  background-color: #fafafa;
  border: 2px solid #999;
  text-shadow: -1px 1px 0px #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 5px 20px 5px 20px;
  margin: 6px 0 6px 0;
  background-image: none;
  white-space: nowrap;
}
a.button:hover {
  color: #716537;
  background-color:  #f2f2f2;
}

.input,
.select,
.textarea {
  width: 100%;
  border: 2px solid #999;
  padding: 5px;
  margin-bottom: 6px;
  background-color: #fff;
}
.textarea {
  width: 100%;
  height: 250px;
}
.input:focus,
.input:hover,
.textarea:focus {
  background: #FAFAFA;
}
.select {
  width: auto;
}
.checkbox {
  margin: 0 5px;
}
.cblabel {
  cursor: pointer;
}
.javascript {
  background-image: url(javascript.png);
  background-repeat: no-repeat;
  height: 160px;
  padding-left: 80px;
  padding-top: 8px;
  color: #ACA870;
}

.background,
.background2 {
  position: fixed;
  background-attachment: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.head_wrap {
  clear: both;
  max-width: 1280px;
  margin: 0 auto;
}
.head {
  padding: 1.5em 0 0.5em;
  min-height: 4.9em;
  background-color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.content_wrap {
  clear: both;
  max-width: 1280px;
  margin: 0 auto;
}
.content {
  background-color: #fff;
  padding: 0 1.25em 3em 1.25em;
}

.foot_wrap {
  clear: both;
  background-color: #262626;
 /* max-width: 1280px;*/
  margin: 0 auto;
  text-align: center;
  color: #efefef;
}
.foot {
  padding: 1.5em 1.25em;
/*  font-size: 0.875em;*/
  border-bottom: 1.5em solid #262626;
  text-align: left;
  max-width: 1280px;
  margin: 0 auto;
}

.foot_status_wrap {
  clear: both;
  background-color: #262626;
  max-width: 1280px;
  margin: 0 auto;
}
.foot_status {
  margin: 0 1.25em;
  font-size: 0.875em;
  color: #eaeaea;
}

.foot_status .wrap {
  text-align: right;
  padding: 0.5em 0;
}

.head a {
 /* color: #ffc300;*/
}
.foot a {
  color: #eaeaea;
  font-weight: 700;
  font-size: 15px;"
}
.foot a:hover {
  color: #8A8A8A;
}
.foot a:hover,
.head a:hover {}
.touch {
  cursor: pointer;
}

.foot h1, .foot h2, .foot h3, .foot h4 {
  color: #eaeaea;
  margin-bottom: 0.8em;
}
.rows_ div.wrapper {
  margin: 0 0 1em;
}
.row100 div.wrapper {
  margin: 0 0 1em;
}
.row50 div.wrapper {
  margin: 0 0 1em;
}
.row33 div.wrapper {
  margin: 0 0 1em;
}
.row25 div.wrapper {
  margin: 0 0 1em;
}
.row75_ {}
.row25_ {}
.row75__ {}
.row50__ {}
.row25__ {}

section {
  clear: both;
}

.wrapper_ {
  margin: 0 !important;
  padding: 0 !important;
}


/* mainmenu */
#mainmenu {
  overflow: hidden;
  padding: 0.5em 4.8em 0 0;
}
#mainmenu div.wrapper {
  position: static;
}
#mainmenu ul {
  float: right;
  list-style-type: none;
  padding-left: 0 !important;
}
#mainmenu ul ul {
  display: none;
}
#mainmenu ul ul li {}
#mainmenu ul ul ul {
  display: none;
}
#mainmenu ul ul ul ul {
  display: none;
}
#mainmenu ul li {
	width: auto;
	float: left;
	text-align: center;
	margin-left: 3em;
	border-bottom: 3px solid #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
}
#mainmenu ul li > a {
  display: block;
  width: 100%;
  cursor: pointer;
  color: #222;
}
#mainmenu ul li > a:hover {
  color: #9F9F9F;
}
#mainmenu ul li:last-child {
  margin-right: 0;
}
#mainmenu ul li:hover > ul {
  display: block;
}
#mainmenu ul li ul,
#mainmenu ul li ul li ul {
  position: absolute;
  display: none;
  width: 200px;
  z-index: 100;
  background-color: #333;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#mainmenu ul li ul li {
  float: none;
  width: 200px;
  z-index: 100;
  background-image: none;
  border-bottom: 1px solid #000;
  text-align: left;
}
#mainmenu ul li ul li > a {
  display: block;
  width: 90%;
  padding: 5px 5%;
  line-height: 1.2em;
  border-left: 0;
}
#mainmenu ul li ul li:last-child {
  border-bottom: 0;
}
#mainmenu ul li ul li {
  position: relative;
}
#mainmenu ul li ul li:hover > ul {
  display: block;
  left: 200px;
  top: 0;
}
#mainmenu .subarrow {
  position: relative;
}
#mainmenu .subarrow > a:after {
  position: absolute;
  top: 5px;
  right: 7px;
  content: "\2023";
  font-size: 1.375em;
  color: #fff;
}
.submenu .subarrow ul li ul li > a {
  width: 85%;
  padding: 5px 10% 5px 5%;
}
#mainmenu .menu_gfx {
  border-bottom: 3px solid #9F9F9F !important;
}
#mainmenu a.menu_gfx {
  color: #9F9F9F;
}
#mainmenu a.menu_gfx:hover {
  border-bottom: 3px solid #9F9F9F !important;
}
#mainmenu a.menu_gfxa {
  color: #9F9F9F;
  border-bottom: 3px solid #9F9F9F !important;
}


/* scrollmenu */
#scrollmenu {
  overflow: hidden;
}
#scrollmenu ul {
  padding: 0 1.75em;
  list-style-type: none;
  padding-left: 0 !important;
  float: right;
}
#scrollmenu ul ul {
  display: none;
}
#scrollmenu ul ul li {}
#scrollmenu ul ul ul {
  display: none;
}
#scrollmenu ul ul ul ul {
  display: none;
}
#scrollmenu ul li {
  float: left;
  width: auto;
  text-align: center;
  margin-left: 3em;
  border-bottom: 3px solid #fff0;
  font-size: 1.1875em;
  /*font-variant: small-caps;*/
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
}
#scrollmenu ul li > a {
  display: block;
  width: 100%;
 /* padding: 0 3px;*/
  cursor: pointer;
  color: #292929;
}
#scrollmenu ul li > a:hover {
  /*background-color: #f0f0f0;*/
  color: #9F9F9F
}
#scrollmenu ul li:last-child {
  margin-right: 0;
  display: block !important;
}
#scrollmenu ul li:hover > ul {
  display: block;
}
#scrollmenu ul li ul {
  display: none;
  position: fixed;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#scrollmenu ul li ul li {
  float: none;
  text-align: left;
  white-space: nowrap;
  width: 200px;
  z-index: 100;
  background-image: none;
  border-bottom: 1px solid #ccc;
}
#scrollmenu ul li ul li > a {
  width: 90%;
  padding: 5px 5%;
}
#scrollmenu ul li ul li:last-child {
  border-bottom: 0;
}
#scrollmenu ul li ul li:hover > ul {
  display: none;
}
#scrollmenu .menu_gfx {
/*  background-color: #f0f0f0;*/
}
#scrollmenu a.menu_gfx {
  color: #9F9F9F;
  border-bottom: 3px solid #9F9F9F !important;
}
#scrollmenu a.menu_gfx:hover {
/*  background-color: #f0f0f0;*/
}
#scrollmenu a.menu_gfxa {
  color: #9F9F9F;
  border-bottom: 3px solid #9F9F9F !important;
}
#scrollmenu ul li .menu_gfx {
  border-bottom: 3px solid #9F9F9F;
}
#scrollmenu ul li .menu_gfxa {
  border-bottom: 3px solid #9F9F9F;
}

#scrollmenu_wrap {
  position: fixed;
  z-index: 100;
  top: 0px;
  width: 100%;
  clear: both;
  background-color: rgba(255, 255, 255, 0.97);
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
#scrollmenu_menu {
  position: relative;
  padding: 1em 0;
  overflow: hidden;
  max-width: 1280px;
  margin: 0 auto;
}


/* submenu */
.submenu {
  margin: 0;
}
.submenu > ul {
  margin-bottom: 1em;
}
.submenu ul {
  list-style-type: none;
  padding-left: 0 !important;
  width: 200px;
 /* background-color: #333;
  border: 1px solid #000;*/
  -webkit-box-shadow: 0px 2px 8px -2px #929292;
  box-shadow: 0px 2px 8px -2px #929292;
}
.submenu ul ul {
  width: 198px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.submenu ul li {
  float: none;
  border-bottom: 1px solid #000;
}
.submenu ul li:last-child {
  border-bottom: 0;
}
.submenu ul li > a {
  display: block;
  cursor: pointer;
  color: #ffc300;
  width: 90%;
  padding: 5px 5%;
  line-height: 1.2em;
}
.submenu .subarrow ul li > a {
  width: 85%;
  padding: 5px 10% 5px 5%;
}
.submenu .subarrow {
  position: relative;
}
.submenu .subarrow > a:after {
  position: absolute;
  top: 5px;
  right: 7px;
  content: "\25bc";
  font-size: 0.625em;
  color: #fff;
}
.submenu ul li ul {
  display: none;
}
.submenu ul li a.menu_gfx + ul  {
  display: block!important;
}
.submenu ul li ul li > a {
  width: 90%;
  padding: 5px 5% 5px 5%;
}
.submenu ul li ul li > a:before {
  content: "\2022";
  color: #fff;
  margin-right: 5%;
}
.submenu_wrapper {
  margin: 0 0 1em 0!important
}
.submenu ul li > a:hover {
  background-color: #4F3C00;
}
.submenu a.menu_gfx {
  background-color: #ECECEC !important;
  color: #222 !important;
}
.submenu a.menu_gfxa {
  background-color: #eee !important
}


/* mobilemenu */
#mobilemenu_wrapper {
  position: fixed;
  width: 20%;
  height: 43px;
  z-index: 90;
  display: none;
  clear: both;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mobilemenu_box {
  position: relative;
  top: 7px;
  float: left;
  cursor: pointer;
  margin-left: 0.75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 10px;
}
#mobilemenu_box:hover {
  background-color: #777777;
  color: #fff;
  border-color: transparent;
}
#mobilemenu {
  top: 43px;
}
#mobilemenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding-left: 0!important;
}
#mobilemenu ul:first-child {
  padding-bottom: 60px;
}
#mobilemenu ul:first-child > li:first-child {
  border-top: none;
}
#mobilemenu li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mobilemenu li a {
  border-left: 0 solid transparent;
  width: 90%;
  display: inline-block;
  padding: 5%;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}
#mobilemenu ul li {
  background-color: #080808;
}
#mobilemenu ul li:last-child {
 /* margin-right: 0;
  display: block !important;*/
}
#mobilemenu ul li ul li {
  padding-left: 0;
  background-color: #080808;
}
#mobilemenu ul li ul li a {
  width: 85%;
  padding: 5% 5% 5% 10%;
}
#mobilemenu ul li ul li ul li a {
  width: 80%;
  padding: 5% 5% 5% 15%;
}
#mobilemenu .menu_gfx {
  background-color: #3B3B3B!important;
}
#mobilemenu .menu_gfxa {
  background-color: #9F9F9F!important;
}
#mobilemenu .menu_gfx ul {
  background-color: #222;
}
#mobilemenu ul li ul .menu_gfx {
  background-color: #565656!important;
}
#mobilemenu  ul li ul .menu_gfxa {
  background-color: #04925A!important;
}
#mobilemenu li:hover {
  background-color: #636363;
}

/* css others */
.logo {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "Playfair Display",serif;
    font-size: 1.8em;
    text-transform: uppercase;
    line-height: 1.1em;
    color: #303130;
    display: block;
    text-align: center;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
	padding-left: 1.25em;
}
.sprache {
    position: absolute;
    top: 0px;
    right: 2.7em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
#gotop {
  position: fixed;
  display: none;
  text-align: center;
  text-decoration: none;
  z-index: 5000;
  width: 2.5em;
  height: 2.5em;
  bottom: 2.5em;
  right: 2em;
  color: #b4b4b4;
  opacity: 0.6;
  cursor: pointer;
}
#gotop:hover {
  color: #363636;
}

.thumb_ {
  display: block;
  float: left;
  margin: 0 6px 6px 0;
  line-height: 0;
}

#modalbox_wrapper {
  width: 888px;
}
#modalbox_wrapper .content_wrap {
  padding: 0;
}
#modalbox_wrapper .content {
  margin: 0;
  background-color: #fff;
}

.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper-simg {
  opacity: 0;
}

.gallery-container {
  float: left;
  width: 100%;
}
.gallery-item {
  float: left;
  margin: 0 5px 5px 0;
}
.gallery-item img {
  max-height: 90px;
  border: 1px solid #e0e0e0;
  padding: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

#contentheader {
  background-color: #fff;
  float: left;
  width: 100%;
  padding: 1em 0;
}
#contentheader div.wrapper {
  margin: 0;
}


/* formular */
.formular {
  line-height: 0;
}
.formular .input {
  color: #777777;
}
.formular .textarea {
  height: 160px;
  color: #777777;
  resize: vertical;
}
.formular .visible {
  color: #777777;
  background-color: #fff;
  font-size: 1em;
  width: 100%;
  border: 1px solid #999;
  padding: 5px;
  margin-bottom: 6px;
  line-height: normal;
  box-sizing: border-box;
}
.formular .form_js {
  display: block;
  float: left;
  color: #c61a1a;
  margin: 22px 0 0 10px;
}
.formular .form_msg,
.formular .form_thanks,
.formular .form_wait {
  display: none;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 1.3em;
  padding: 10px 0 0 0;
  color: #c61a1a;
}
.formular .form_thanks {
  color: #0e780e;
}
.formular .form_wait {
  color: #777777;
}
.formular .required {
  background-image: url(required.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.formular label {
  font-size: 0.75em;
  line-height: 1.4em;
  color: #927f33;
}
.formular_offline {
  color: #666;
  font-style: italic;
  line-height: 1.3em;
}
.formular_preview {
  color: #777777;
  background-color: #fff;
  padding: 0.7em 3.6em 1em 1em;
}
.formular_preview_userdata {
  margin: 1em 0;
}
.formular_preview_ask {
  color: #42428b;
}


/* template */
.tpl-label {
  display: none;
}

/* News (normal with background) */
.tpl_news {
  position: relative;
  float: left;
  width: 100%;
  min-height: 200px;
  background-size: cover;
}
.tpl_news_title {
  clear: left;
  padding: 0 5px;
}
.tpl_news_title h2 {
  color: #008000!important;
  font-weight: normal!important;
  margin: 0 0 5px 0!important;
}
.tpl_news_description {
  clear: left;
  padding: 0 5px;
  color: #222;
  background-color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* News (short with pic) */
.tpl_news2 {
  position: relative;
  float: left;
  width: 100%;
  min-height: 200px;
}
.tpl_news2_title {
  clear: left;
}
.tpl_news2_title h2 {
  color: #800080!important;
  font-weight: bold!important;
  margin: 0 0 2px 0!important;
}
.tpl_news2_description {
  clear: left;
  font-style: italic;
  color: #222;
}
.tpl_news2 a {
  color: #002280!important;
  font-weight: bold!important;
}
.tpl_news2 a:hover {
  color: #00071A!important;
}
.tpl_news2 img {
  max-width: 100%!important;
  /*max-height: 60px!important;*/
}


/* Info (normal with two backgrounds and fade) */
.tpl_info {
  position: relative;
  float: left;
  width: 100%;
  min-height: 200px;
}
.tpl_info_front,
.tpl_info_back {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.tpl_info_back {
  opacity: 0;
  transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
}
.tpl_info:hover .tpl_info_back {
  opacity: 1;
}
.tpl_info_title {
  position: relative;
  clear: left;
  padding: 0 5px;
}
.tpl_info_title h2 {
  color: #586B78!important;
  font-weight: normal!important;
  font-style: italic!important;
  margin: 0 0 5px 0!important;
}
.tpl_info_date {
  position: relative;
  clear: left;
  padding: 0 5px;
  color: #2d7c23;
  font-family: Menlo, Monaco, monospace;
  font-size: 0.875em;
  font-weight: bold;
}
.tpl_info_description {
  position: relative;
  clear: left;
  padding: 0 5px;
  color: #222;
  background-color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*  320px
*  baseline grid to 16/16 = 1.0
*
*/
@media screen and (min-width: 0em) {
  .sb-slidebar {width:80%;}
  .sb-width-thin {width:55%;}
  .sb-width-wide {width:85%;}
  .row25 div:nth-child(3) {
    clear: both;
  }
  .logo {
	margin: 0 auto;
	width: 100%;
	padding-left: 0em;
  }
  #mainmenu {
    display: none;
  }
  #mobilemenu_wrapper {
    display: block;
  }
  #modalbox_wrapper {
    width: 100%;
  }
  .content {
    padding: 0 0.25em 1.5em 0.25em;
  }
}

/*
*
*  480px 568px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 480px)
*
*/
@media screen and (min-width: 30em) {
  .sb-slidebar {width:55%;}
  .sb-width-thin {width:40%;}
  .sb-width-wide {width:70%;}
  body {
  }
  .row100 div.wrapper {
    text-align: left;
  }
  .row75_ div.wrapper{
    text-align: left;
  }
  .row50 div.wrapper {
    text-align: left;
  }
  .row25 div.wrapper {
    width: 50%;
    float: left;
  }
  .head, .foot, #scrollmenu_menu {
  }
  .content {
  }
}

/*
*
*  600px 603px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 600px)
*
*/
@media screen and (min-width: 37.5em) {
  .content {
  }
}

/*
*
*  640px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 640px)
*
*/
@media screen and (min-width: 40em) {

}

/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*
*  720px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 720px)
*
*/
@media screen and (min-width: 45em) {
  .row33 div.wrapper {
    float: left;
    width: 33.333%;
  }
  .row75_ {
    float: left;
    width: 66.666667%;
  }
  .row25_ {
    float: left;
    width: 33.333333%;
  }
  .content {
    padding: 0 1.25em 3em 1.25em;
  }
}

/*
*
*  768px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 744px)
*
*/
@media screen and (min-width: 46.5em) {
  .sb-slidebar {width:40%;}
  .sb-width-thin {width:25%;}
  .sb-width-wide {width:55%;}
  body {
  }
}

/*
*
*  966px
*  Reset baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 888px)
*
*/
@media screen and (min-width: 55.5em) {
  body {
  }
  .row50 div.wrapper {
    float: left;
    width: 50%;
  }
  .row25 div.wrapper {
    width: 25%;
  }
  .row25 div:nth-child(3) {
    clear: none;
  }
  .row75__ {
    float: left;
    width: 75%;
  }
  .row50__ {
    float: left;
    width: 50%;
  }
  .row25__ {
    float: left;
    width: 25%;
  }
  .content {
  }
  #mobilemenu_wrapper {
    display: none;
  }
  #mainmenu {
    display: block;
  }
  #modalbox_wrapper {
    width: 888px;
  }
  .logo {
    clear: both;
    left: 0px;
    margin: 0;
	padding-left: 1.25em;
	width: auto!important;
  }
}

/*
*
*  1024px 1152px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 984px)
*
*/
@media screen and (min-width: 61.5em) {
  .sb-slidebar {width:30%;}
  .sb-width-thin {width:15%;}
  .sb-width-wide {width:45%;}
  body {
  }
  .content {
  }
}

/*
*
*  1280px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1200px)
*
*/
@media screen and (min-width: 75em) {
  .sb-slidebar {width:20%;}
  .sb-width-thin {width:5%;}
  .sb-width-wide {width:35%;}
  body {
  }
}

/*
*
*  1440px 1600px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 1392px)
*
*/
@media screen and (min-width: 87em) {
  body {
  }
}

/*
*
*  1920px 16/9 Desktop 22-24"
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1680px)
*
*/
@media screen and (min-width: 105em) {
  body {
  }
  .content {
  }
}

/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*
*
*  1920px Fullscreen
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1872px)
*
*/
@media screen and (min-width: 117em) {

}

/*
*
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 2080px)
*
*/
@media screen and (min-width: 130em) {
}

/*
*
*  2560px 27"
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 2496px)
*
*/
@media screen and (min-width: 156em) {
  body {
  }
  .content {
  }
}

/*
*
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 3216px)
*
*/
@media screen and (min-width: 201em) {
  .content {
  }
}

/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4104px)
*
*/
@media screen and (min-width: 256.5em) {
  body {
  }
  .content {
  }
}

/*
*
*  @media screen and (min-width: 4440px)
*
*/
@media screen and (min-width: 277.5em) {
  body {
    position: relative;
    max-width: 5120px;
  }
}