/*
  Name: style.css
  Author: esense GmbH, Basel, Switzerland
  http://www.esense.ch
*/

/*
  Basic Style
*/


/* reset */
* {
margin: 0;
padding: 0;
font-weight: normal;
border: none;
outline:none;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.is-safari * {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

html {
height: 100%;
width: 100%;
font-size: 62.5%; /* 1em = 10px */
background-color: #fff;
}

html.fixed,
html.open-menu {
overflow: hidden;
padding-right: 15px;
width: auto;
display: block;
}

html.fixed.no-mouse,
html.open-menu.no-mouse {
padding-right: 0;
}

body {
height: 100%;
width: 100%;
line-height: 1;
background-color: transparent;
color: #000;
margin: 0;
/* mobile device */
-webkit-text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-o-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
}

::selection {
background-color: #000;
color: #fff;
}

#content form *:not(input),
img,
#menu a,
#meta a,
#sub-menu a,
a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

input,
textarea,
figcaption,
.text h1,
.text h2,
.text h3,
.text p,
.text li,
.text th,
.text td,
p a,
table a,
li a {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;
}

/*** center wrapper ***/
.center {
position: relative;
margin: 0 auto;
clear: both;
}

.c-text {
text-align: center;
}

.c-text img {
float: none;
}

/*** clear block ***/
.clear {
display: block;
clear: both;
}

.clear:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}

/* old IE clear block */
* html .clear {
zoom: 1;
}

*:first-child+html .clear {
zoom: 1;
}

/* position */
.p-rel {
position: relative;
}

.p-fix {
position: fixed;
}

.p-abs {
position: absolute;
}

/* wrapper */
#container {
position: relative;
z-index: 10;
}

#container,
#footer {
width: 100%;
}

.stage-w,
.page-w {
max-width: 820px;
padding: 0 20px;
}

.page-w.edit-w,
.page-w.edit-w .page-w,
#content.wine-list > .page-w {
max-width: 1120px;
}

.page-w.edit-w,
.page-w.edit-w .page-w {
padding: 0;
}

/* sticky footer */
.block #container {
height: 100%;
}

.block .page-wrap {
padding-bottom: 100px; 	/* footer height */
}

.block #footer {
height: 100px; 			/* footer height */
margin-top: -100px;		/* footer height */
}

/* float direction */
.fl {
float: left;
}

.fr {
float: right;
}

.fn {
float: none;
}

/* box sizing */
/* the size (width and height) of the element includes border, padding, and width */
.b-box {
box-sizing: border-box;
}

/* the size (width and height) of the element without border, padding, and width */
.c-box {
box-sizing: content-box;
}

/*** float grid ***/

.h-100 {
height: 100%;
}

.c-100 {
width: 100%;
}
.c-91 {
width: 91.666666666666%;
}
.c-83 {
width: 83.333333333333%;
}
.c-75 {
width: 75%;
}
.c-66 {
width: 66.666666666666%;
}
.c-58 {
width: 58.333333333333%;
}
.c-50 {
width: 50%;
}
.c-41 {
width: 41.666666666666%;
}
.c-33 {
width: 33.333333333333%;
}
.c-25 {
width: 25%;
}
.c-16 {
width: 16.666666666666%;
}
.c-8 {
width: 8.333333333333%;
}

/*** spaces in pixel ***/

/* margin all directions */
.m-5 {
margin: 5px;
}
.m-10 {
margin: 10px;
}
.m-12 {
margin: 12px;
}
.m-15 {
margin: 15px;
}
.m-20 {
margin: 20px;
}
.m-22 {
margin: 22px;
}
.m-26 {
margin: 26px;
}
.m-28 {
margin: 28px;
}
.m-30 {
margin: 30px;
}
.m-40 {
margin: 40px;
}
.m-60 {
margin: 60px;
}
.m-80 {
margin: 80px;
}

/* margin horizontal (left and right) */
.mh-5 {
margin-left: 5px;
margin-right: 5px;
}
.mh-5neg {
margin-left: -5px;
margin-right: -5px;
}
.mh-10 {
margin-left: 10px;
margin-right: 10px;
}
.mh-10neg {
margin-left: -10px;
margin-right: -10px;
}
.mh-12 {
margin-left: 12px;
margin-right: 12px;
}
.mh-12neg {
margin-left: -12px;
margin-right: -12px;
}
.mh-15 {
margin-left: 15px;
margin-right: 15px;
}
.mh-15neg {
margin-left: -15px;
margin-right: -15px;
}
.mh-20 {
margin-left: 20px;
margin-right: 20px;
}
.mh-20neg {
margin-left: -20px;
margin-right: -20px;
}
.mh-22 {
margin-left: 22px;
margin-right: 22px;
}
.mh-22neg {
margin-left: -22px;
margin-right: -22px;
}
.mh-26 {
margin-left: 26px;
margin-right: 26px;
}
.mh-26neg {
margin-left: -26px;
margin-right: -26px;
}
.mh-28 {
margin-left: 28px;
margin-right: 28px;
}
.mh-28neg {
margin-left: -28px;
margin-right: -28px;
}
.mh-30 {
margin-left: 30px;
margin-right: 30px;
}
.mh-30neg {
margin-left: -30px;
margin-right: -30px;
}
.mh-40 {
margin-left: 40px;
margin-right: 40px;
}
.mh-40neg {
margin-left: -40px;
margin-right: -40px;
}
.mh-60 {
margin-left: 60px;
margin-right: 60px;
}
.mh-60neg {
margin-left: -60px;
margin-right: -60px;
}
.mh-80 {
margin-left: 80px;
margin-right: 80px;
}
.mh-80neg {
margin-left: -80px;
margin-right: -80px;
}

/* margin vertical (top and bottom) */
.mv-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.mv-5neg {
margin-top: -5px;
margin-bottom: -5px;
}
.mv-10 {
margin-top: 10px;
margin-bottom: 10px;
}
.mv-10neg {
margin-top: -10px;
margin-bottom: -10px;
}
.mv-12 {
margin-top: 12px;
margin-bottom: 12px;
}
.mv-12neg {
margin-top: -12px;
margin-bottom: -12px;
}
.mv-15 {
margin-top: 15px;
margin-bottom: 15px;
}
.mv-15neg {
margin-top: -15px;
margin-bottom: -15px;
}
.mv-20 {
margin-top: 20px;
margin-bottom: 20px;
}
.mv-20neg {
margin-top: -20px;
margin-bottom: -20px;
}
.mv-22 {
margin-top: 22px;
margin-bottom: 22px;
}
.mv-22neg {
margin-top: -22px;
margin-bottom: -22px;
}
.mv-26 {
margin-top: 26px;
margin-bottom: 26px;
}
.mv-26neg {
margin-top: -26px;
margin-bottom: -26px;
}
.mv-28 {
margin-top: 28px;
margin-bottom: 28px;
}
.mv-28neg {
margin-top: -28px;
margin-bottom: -28px;
}
.mv-30 {
margin-top: 30px;
margin-bottom: 30px;
}
.mv-30neg {
margin-top: -30px;
margin-bottom: -30px;
}
.mv-40 {
margin-top: 40px;
margin-bottom: 40px;
}
.mv-40neg {
margin-top: -40px;
margin-bottom: -40px;
}
.mv-60 {
margin-top: 60px;
margin-bottom: 60px;
}
.mv-60neg {
margin-top: -60px;
margin-bottom: -60px;
}
.mv-80 {
margin-top: 80px;
margin-bottom: 80px;
}
.mv-80neg {
margin-top: -80px;
margin-bottom: -80px;
}

/* margin top */
.mt-5 {
margin-top: 5px;
}
.mt-5neg {
margin-top: -5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-10neg {
margin-top: -10px;
}
.mt-12 {
margin-top: 12px;
}
.mt-12neg {
margin-top: -12px;
}
.mt-15 {
margin-top: 15px;
}
.mt-15neg {
margin-top: -15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-20neg {
margin-top: -20px;
}
.mt-22 {
margin-top: 22px;
}
.mt-22neg {
margin-top: -22px;
}
.mt-26 {
margin-top: 26px;
}
.mt-26neg {
margin-top: -26px;
}
.mt-28 {
margin-top: 28px;
}
.mt-28neg {
margin-top: -28px;
}
.mt-30 {
margin-top: 30px;
}
.mt-30neg {
margin-top: -30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-40neg {
margin-top: -40px;
}
.mt-60 {
margin-top: 60px;
}
.mt-60neg {
margin-top: -60px;
}
.mt-80 {
margin-top: 80px;
}
.mt-80neg {
margin-top: -80px;
}

/* margin bottom */
.mb-5 {
margin-bottom: 5px;
}
.mb-5neg {
margin-bottom: -5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-10neg {
margin-bottom: -10px;
}
.mb-12 {
margin-bottom: 12px;
}
.mb-12neg {
margin-bottom: -12px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-15neg {
margin-bottom: -15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-20neg {
margin-bottom: -20px;
}
.mb-22 {
margin-bottom: 22px;
}
.mb-22neg {
margin-bottom: -22px;
}
.mb-26 {
margin-bottom: 26px;
}
.mb-26neg {
margin-bottom: -26px;
}
.mb-28 {
margin-bottom: 28px;
}
.mb-28neg {
margin-bottom: -28px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-30neg {
margin-bottom: -30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-40neg {
margin-bottom: -40px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-60neg {
margin-bottom: -60px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-80neg {
margin-bottom: -80px;
}

/* margin right */
.mr-5 {
margin-right: 5px;
}
.mr-5neg {
margin-right: -5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-10neg {
margin-right: -10px;
}
.mr-12 {
margin-right: 12px;
}
.mr-12neg {
margin-right: -12px;
}
.mr-15 {
margin-right: 15px;
}
.mr-15neg {
margin-right: -15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-20neg {
margin-right: -20px;
}
.mr-22 {
margin-right: 22px;
}
.mr-22neg {
margin-right: -22px;
}
.mr-26 {
margin-right: 26px;
}
.mr-26neg {
margin-right: -26px;
}
.mr-28 {
margin-right: 28px;
}
.mr-28neg {
margin-right: -28px;
}
.mr-30 {
margin-right: 30px;
}
.mr-30neg {
margin-right: -30px;
}
.mr-40 {
margin-right: 40px;
}
.mr-40neg {
margin-right: -40px;
}
.mr-60 {
margin-right: 60px;
}
.mr-60neg {
margin-right: -60px;
}
.mr-80 {
margin-right: 80px;
}
.mr-80neg {
margin-right: -80px;
}

/* margin left */
.ml-5 {
margin-left: 5px;
}
.ml-5neg {
margin-left: -5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-10neg {
margin-left: -10px;
}
.ml-12 {
margin-left: 12px;
}
.ml-12neg {
margin-left: -12px;
}
.ml-15 {
margin-left: 15px;
}
.ml-15neg {
margin-left: -15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-20neg {
margin-left: -20px;
}
.ml-22 {
margin-left: 22px;
}
.ml-22neg {
margin-left: -22px;
}
.ml-26 {
margin-left: 26px;
}
.ml-26neg {
margin-left: -26px;
}
.ml-28 {
margin-left: 28px;
}
.ml-28neg {
margin-left: -28px;
}
.ml-30 {
margin-left: 30px;
}
.ml-30neg {
margin-left: -30px;
}
.ml-40 {
margin-left: 40px;
}
.ml-40neg {
margin-left: -40px;
}
.ml-60 {
margin-left: 60px;
}
.ml-60neg {
margin-left: -60px;
}
.ml-80 {
margin-left: 80px;
}
.ml-80neg {
margin-left: -80px;
}

/* padding all directions */
.p-5 {
padding: 5px;
}
.p-10 {
padding: 10px;
}
.p-12 {
padding: 12px;
}
.p-15 {
padding: 15px;
}
.p-20 {
padding: 20px;
}
.p-22 {
padding: 22px;
}
.p-26 {
padding: 26px;
}
.p-28 {
padding: 28px;
}
.p-30 {
padding: 30px;
}
.p-40 {
padding: 40px;
}
.p-60 {
padding: 60px;
}
.p-80 {
padding: 80px;
}

/* padding horizontal (left and right) */
.ph-5 {
padding-left: 5px;
padding-right: 5px;
}
.ph-10 {
padding-left: 10px;
padding-right: 10px;
}
.ph-12 {
padding-left: 12px;
padding-right: 12px;
}
.ph-15 {
padding-left: 15px;
padding-right: 15px;
}
.ph-20 {
padding-left: 20px;
padding-right: 20px;
}
.ph-22 {
padding-left: 22px;
padding-right: 22px;
}
.ph-26 {
padding-left: 26px;
padding-right: 26px;
}
.ph-28 {
padding-left: 28px;
padding-right: 28px;
}
.ph-30 {
padding-left: 30px;
padding-right: 30px;
}
.ph-40 {
padding-left: 40px;
padding-right: 40px;
}
.ph-60 {
padding-left: 60px;
padding-right: 60px;
}
.ph-80 {
padding-left: 80px;
padding-right: 80px;
}

/* padding vertical (top and bottom) */
.pv-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.pv-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.pv-12 {
padding-top: 12px;
padding-bottom: 12px;
}
.pv-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.pv-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.pv-22 {
padding-top: 22px;
padding-bottom: 22px;
}
.pv-26 {
padding-top: 26px;
padding-bottom: 26px;
}
.pv-28 {
padding-top: 28px;
padding-bottom: 28px;
}
.pv-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.pv-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.pv-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.pv-80 {
padding-top: 80px;
padding-bottom: 80px;
}

/* padding top */
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-12 {
padding-top: 12px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-22 {
padding-top: 22px;
}
.pt-26 {
padding-top: 26px;
}
.pt-28 {
padding-top: 28px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-60 {
padding-top: 60px;
}
.pt-80 {
padding-top: 80px;
}

/* padding bottom */
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-12 {
padding-bottom: 12px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-22 {
padding-bottom: 22px;
}
.pb-26 {
padding-bottom: 26px;
}
.pb-28 {
padding-bottom: 28px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-80 {
padding-bottom: 80px;
}

/* padding right */
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-12 {
padding-right: 12px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-22 {
padding-right: 22px;
}
.pr-26 {
padding-right: 26px;
}
.pr-28 {
padding-right: 28px;
}
.pr-30 {
padding-right: 30px;
}
.pr-40 {
padding-right: 40px;
}
.pr-60 {
padding-right: 60px;
}
.pr-80 {
padding-right: 80px;
}

/* padding left */
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-12 {
padding-left: 12px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-22 {
padding-left: 22px;
}
.pl-26 {
padding-left: 26px;
}
.pl-28 {
padding-left: 28px;
}
.pl-30 {
padding-left: 30px;
}
.pl-40 {
padding-left: 40px;
}
.pl-60 {
padding-left: 60px;
}
.pl-80 {
padding-left: 80px;
}

/* no space (margin and padding) */
.ns {
margin: 0 !important;
padding: 0 !important;
}

.nsv {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.nsh {
margin-left: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
padding-right: 0 !important;
}

.nst {
margin-top: 0 !important;
padding-top: 0 !important;
}

.nsb {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.nsl {
margin-left: 0 !important;
padding-left: 0 !important;
}

.nsr {
margin-right: 0 !important;
padding-right: 0 !important;
}

/* no space (margin) */
.nm {
margin: 0 !important;
}

.nmv {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.nmh {
margin-left: 0 !important;
margin-right: 0 !important;
}

.nmt {
margin-top: 0 !important;
}

.nmb {
margin-bottom: 0 !important;
}

.nml {
margin-left: 0 !important;
}

.nmr {
margin-right: 0 !important;
}

/* no space (padding) */
.np {
padding: 0 !important;
}

.npv {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.nph {
padding-left: 0 !important;
padding-right: 0 !important;
}

.npt {
padding-top: 0 !important;
}

.npb {
padding-bottom: 0 !important;
}

.npl {
padding-left: 0 !important;
}

.npr {
padding-right: 0 !important;
}

/* basic content styles */
ul, ol, 
table, tbody, tr, td, th, 
dl, dt, dd,
input, textarea, button {
margin: 0;
padding: 0;
}

/* list */
ul, ol {
list-style: none;
}

.text ul,
.text ol {
overflow: hidden;
width: 100%;
float: left;
padding-left: 30px;
}

.text ul {
list-style: none;
}

.text ol li,
.text ul li {
position: relative;
}

.text ul li:before {
position: absolute;
content: "–";
top: 0;
left: -18px;
float: left;
}

.text ul.list li:before {
content: "";
display: none;
}

.text ol {
list-style: decimal;
}

.list,
.text .list {
padding-bottom: 0;
padding-left: 0;
list-style: none;
}

/* links (mailto and tel) */
a[href^="mailto"] {
word-break: keep-all !important;
word-wrap: initial !important;
white-space: nowrap !important;
}

a[href^=tel]{
color: inherit !important;
background-color: transparent !important;
text-decoration: none !important;
}

/* media */
img, a {
border: none;
outline:none;
appearance: none;
text-decoration: none;
outline: none;
}

figure {
margin: 0;
padding: 0;
display: block;
}

figcaption {
width: 100%;
float: left;
padding: 0;
margin: 0;
}

img {
width: 100%;
max-width: 100%;
font-size: 0;
line-height: 0;
float: left;
outline: none;
}

iframe {
position: relative;
left: 0;
top: 0;
border: none;
margin: 0;
padding: 0;
outline: none;
}

/* form */
form fieldset,
.form-row,
.form-item,
.button-wrapper {
position: relative;
float: left;
width: 100%;
}

.form-item-wrap {
position: relative;
float: left;
padding: 5px 0;
}

.form-row label,
.form-item label,
.form-row label span,
.form-item label span {
float: left;
word-break: keep-all;
word-wrap: initial;
white-space: nowrap;
font-weight: bold;
line-height: 22px;
}

.form-item label,
.form-item label span,
.button-wrapper button {
cursor: pointer;
}

.form-row .descr {
float: left;
width: 100%;
}

/* radio button and checkbox */
form input.radio,
form input[type=radio],
form input.checkbox,
form input[type=checkbox] {
position: relative;
cursor: pointer;
opacity: 0;
z-index: 1000;
width: 22px;
height: 22px;
margin: 0 10px 0 0;
}

.drop-item-title:before,
form .form-item-wrap.radio:before,
form .form-item-wrap.checkbox:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 20px;
height: 20px;
border: 1px solid #777;
background-color: #fff;
float: left;
z-index: 1;
}

.drop-item-title:before,
form .form-item-wrap.radio:before {
border-radius: 50%;
}

.drop-item-title.active:before,
form .form-item-wrap.active:before,
form .form-item-wrap.checkbox.active:before {
border: 1px solid #000;
}

.drop-item-title.is-open:after,
form .form-item-wrap.radio.active:after,
form .form-item-wrap.radio:focus:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 12px;
height: 12px;
float: left;
border-radius: 50%;
margin: 5px 0 0 5px;
background-color: #000;
z-index: 2;
}

form .form-item-wrap.checkbox.active:after,
form .form-item-wrap.checkbox:focus:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 4px;
height: 8px;
float: left;
margin: 3px 0 0 6px;
transform: rotate(35deg);
border-right: 5px solid #000;
border-bottom: 5px solid #000;
z-index: 2;
}

form input.txt,
form textarea {
position: relative;
border-radius:0;
border: 1px solid #777;
background-color: #fff;
outline: none !important;
box-shadow: none;
display: block;
clear: both;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

form input.txt:focus,
form textarea:focus {
border: 1px solid #000;
}

/* custom select */
.form-row select.custom-select {
position: relative;
border-radius: 0;
margin: 0;
width: 10%;
min-width: 100%;
max-width: 100%;
padding: 6px 10px;
outline: none !important;
z-index: 3;
background-color: transparent;
background-color: rgba(255,255,255,0);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:window;
-ms-appearance: none;
-o-appearance: none;
}

.form-row select.custom-select:focus {
outline: none;
}
 {
width: 100%;
float: left;
}

.form-row .select,
.form-row .moz-select {
position: relative;
width: 100%;
min-width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
float: left;
border: 1px solid #777;
position: relative;
cursor: pointer;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}

.-moz- .item-search .item.input input, 
.-moz- .item-search .item.select select.custom-select,
.-moz- .form-row .moz-select {
padding: 3px 0 2px;
}

.-moz- .item-search .item.input input {
padding: 2px 5px 0 5px;
line-height: 23px;
}

.form-row .select:before,
.form-row .moz-select:before {
position: absolute;
content: "";
top: 50%;
right: 11px;
width: 8px;
height: 8px;
margin: -7px 0 0 0;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
float: left;
z-index: 2;
}

html.-ms- .form-row .select,
html.-webkit- .text .form-row .select,
html.-ms- .form-row .moz-select,
html.-webkit- .text .form-row .moz-select {
padding: 0;
}

input[type=text]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
textarea:focus {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

/* moz bugfix */
/*
html.-moz- .form-row select.select,
html.-moz- .form-row select.custom-select {
padding: 0;
}
*/

html.-moz- .form-row select.select,
html.-moz- .form-row select.select:focus,
html.-moz- .form-row select.custom-select,
html.-moz- .form-row select.custom-select:focus {
outline: none !important;
border: none !important;
margin: 0;
outline: none;
}

/* form error */
form .error .form-item-wrap.radio:before,
form .error .form-item-wrap.checkbox:before,
form .error input.txt,
form .error textarea {
border: 1px solid #dd0000;
}

.error ul li,
.error ul li a {
color: #dd0000;
}

/* warning and info */
.warn,
.info {
display: block;
clear: both;
padding: 10px;
background-color: #ff5555;
color: #fff !important;
margin-bottom: 10px;
font-size: 14px;
line-height: 16px;
text-align: center;
}

.warn {
background-color: #ff5555 !important;
color: #fff !important;
}

.info {
background-color: #ffff55 !important;
color: #000 !important;
}

/* hidden object */
.hidden {
display: none !important;
visibility: hidden !important;
}

/* fixeed overlays */
.fixed #gallery-nav {
padding-right: 31px;
}

.fixed#page #content {
padding-right: 15px;
}

.fixed .browser-border {
background-image: url('/.resources/jauslin-static/webresources/images/page-pics/browser.png');
background-position:top right;
background-repeat: repeat-y;
}

.esense-overlay .esense-overlay-inner {
padding-right: 15px;
}

.fixed.no-mouse#page #content {
padding-right: 0;
}

.fixed.no-mouse .browser-border {
background-image: none;
}

.text.warning {
background-color: #dd5555;
padding: 10px;
margin: 0;
color: #fff;
}/* 
  Font Style
*/


/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */
@font-face{
font-family:"MarkWebPro-Bold W03 Regular";
src:url("/.resources/proos/webresources/fonts/8caa0905-950a-4c43-b11f-cfbddf0c1603.eot?#iefix");
src:url("/.resources/proos/webresources/fonts/8caa0905-950a-4c43-b11f-cfbddf0c1603.eot?#iefix") format("eot"),
    url("/.resources/proos/webresources/fonts/a748c9f2-03b4-488b-9744-79201d7f9080.woff2") format("woff2"),
    url("/.resources/proos/webresources/fonts/4a73acec-44f5-478b-ab91-181936631f6a.woff") format("woff"),
    url("/.resources/proos/webresources/fonts/6fd1f5f1-8120-433b-8b36-2b1eb4bf600a.ttf") format("truetype");
}
@font-face{
font-family:"MarkWebPro-Medium W03 Regular";
src:url("/.resources/proos/webresources/fonts/264395ad-51d7-4bd7-b11b-497c388aea01.eot?#iefix");
src:url("/.resources/proos/webresources/fonts/264395ad-51d7-4bd7-b11b-497c388aea01.eot?#iefix") format("eot"),
	url("/.resources/proos/webresources/fonts/4480aa92-8d77-45a7-bd03-1ca4b1f20aea.woff2") format("woff2"),
	url("/.resources/proos/webresources/fonts/9bc0b954-5055-4c5f-9afe-41a5dd3ab46f.woff") format("woff"),
	url("/.resources/proos/webresources/fonts/1a6d567f-992c-4def-99ed-0668ffe92da9.ttf") format("truetype");
}

@font-face{
font-family:"MarkWeb W03 Regular1473420";
src:url("/.resources/proos/webresources/fonts/a45cac67-350c-404d-a825-6ad4ffa3c08c.eot?#iefix");
src:url("/.resources/proos/webresources/fonts/a45cac67-350c-404d-a825-6ad4ffa3c08c.eot?#iefix") format("eot"),
	url("/.resources/proos/webresources/fonts/525500c9-5902-460a-b636-a60bfee9d7e6.woff2") format("woff2"),
	url("/.resources/proos/webresources/fonts/b077f0fd-2325-4eff-93e0-6d25ab8fd849.woff") format("woff"),
	url("/.resources/proos/webresources/fonts/b788c501-8e28-4395-aca4-584fc3ac1bb6.ttf") format("truetype");
}

/* family */
*,
p, span, a, 
td, th, 
li, 
dd, dl,
#footer #footermenu li li a,
.title-1,
.headline {
font-family: 'MarkWeb W03 Regular1473420', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', snas-serif, 'sans serif';
font-weight: normal;
font-style: normal;
}

.title-4,
.text table caption,
#article .text .title-1,
#article .text .title-2,
#footer #footermenu li a,
.title-2,
strong {
font-family: 'MarkWebPro-Bold W03 Regular', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', snas-serif, 'sans serif';
font-weight: normal;
font-style: normal;
}

.map-button,
.title-3,
#menu a {
font-family: 'MarkWebPro-Medium W03 Regular', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', snas-serif, 'sans serif';
font-weight: normal;
font-style: normal;
}

/* size */
.headline,
.title-1 {
font-size: 40px;
line-height: 48px;
}

#article .text .title-1,
.title-2 {
font-size: 28px;
line-height: 34px;
}

.abstract * {
font-size: 24px;
line-height: 29px;
}

#menu a,
#meta a {
font-size: 21px;
line-height: 25px;
}

#article .text .title-2 {
font-size: 22px;
line-height: 26px;
}

.title-4,
.text table caption,
.file a,
p, span, p a,
td, th,
li,
.title-3 {
font-size: 20px;
line-height: 26px;
}

#footer *,
#submenu a {
font-size: 16px;
line-height: 20px;
}

.map-button {
font-size: 13px;
line-height: 20px;
}

#footer #address p {
line-height: 26px;
}

#footer #footermenu li a {
line-height: 20px;
}

#meta a {
font-size: 19px;
}

/* style */
.text.standard p a,
.text.standard td a,
.text.standard th a,
.text.standard li a,
.file a,
.person.text p a {
/*
text-decoration: underline;
border-bottom: 1px solid #2B2B2B;
*/
position: relative;
}

.text.standard p a:after,
.text.standard td a:after,
.text.standard th a:after,
.text.standard li a:after,
.file a:after,
.person.text p a:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
content: "";
border-bottom: 1px solid #625D51;
}/*
  Layout Style
*/

html {
overflow-y: scroll;
}

#container-1 {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}

.edit-mode #container-1 {
height: auto;
min-height: 300px;
}

.wrapper-w {
width: 100%;
max-width: 1160px;
padding: 0 0 0 20px;
}

#container-2 > .wrapper-w {
overflow: hidden;
}

/* header */
#header {
position: relative;
z-index: 10;
padding-bottom: 100px;
}

#logo {
width: 44px;
float: right;
margin: 20px 0 0 0;
margin-bottom: -158px;
}

#menu ul {
float: right;
}

#meta ul {
float: left;
}

#menu ul li,
#meta ul li,
#menu ul li a,
#meta ul li a {
float: left;
}

#menu ul li a,
#meta ul li a {
border-bottom: 1px solid rgba(0,0,0,0);
}

#menu ul li {
margin-left: 40px;
}

#menu ul li:first-child {
margin-left: 0;
}

#meta ul li {
margin-right: 20px;
}

#meta ul li:last-child {
margin-right: 0;
}

/* OLD VERSION */
nav#submenu {
overflow: hidden;
}

nav#submenu ul {
position: relative;
left: 50%;
width: auto;
transform: translateX(-50%);
float: left;
margin-bottom: 40px;
}

nav#submenu ul li,
nav#submenu ul a {
width: auto;
float: left;
}

nav#submenu ul li {
padding: 0 10px;
}

/* WITH SLIDER */
div#submenu {
height: 30px;
margin: 0 8.3333333333333% 40px 8.3333333333333%;
opacity: 0;
}

div#submenu #sub-inner {
height: 30px;
position: relative;
}

.slider-outer {
position: absolute;
left: 0;
right: 0;
height: 30px;
overflow: hidden;
}

.container {
position: relative;
width: 100%;
height: 30px;
margin: 0 auto;
overflow: visible;
}

.container .iosSliderContainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30px;
margin: 0 0 0 0;
overflow: visible;
}

.iosSlider {
position: relative;
top: 0;
left: 0;
overflow: visible;
width: 100%;
height: 30px;
}

.iosSlider .slider {
width: 10000px;
height: 100%;
}

.iosSlider .slider .item {
float: left;
width: auto;
height: 100%;
}

.iosSlider .slider .item a {
float: left;
width: auto;
height: 100%;
margin: 0 20px 0 0;
white-space: nowrap;
padding: 0;
line-height: 22px;
height: 22px;
border-bottom: 1px solid rgba(0,0,0,0);
}

/* title text image */
.text .title-2 {
padding: 20px 0 0 0;
margin-bottom: -10px;
}

.text .title-4 {
padding: 26px 0 0 0;
margin-bottom: -24px;
}

.box .text .title-2 {
padding: 0;
}

.image-link {
display: block;
margin: -10px;
border: 10px solid rgba(255,255,255,0);
}

.image-link-wrapper .title-1 {
margin-bottom: -10px;
}

.text p {
padding-top: 26px;
width: 100%;
float: left;
}

.bg-img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.headline {
padding-bottom: 20px;
}

.image-box {
position: relative;
}

.center-text .text-item {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: -30px;
padding: 0 20px 0 0;
}

.left.center-text .text-item {
right: 0;
}

.right.center-text .text-item {
left: 0;
}

.image-box .text-item.text .title-2 {
margin-bottom: -22px;
padding-top: 0;
margin-top: -6px;
}

.image-box.large .text .title-2 {
margin-bottom: -22px;
}

.image-box.large .text {
padding-bottom: 10px;
}

.image-box.large .image {
display: block;
margin: 0 -20px 0 0;
}

.image-box.large img {
width: 50%;
padding: 0 20px 40px 0;
}

.text.c-50 .title-2 {
margin-bottom: -24px;
}

.image-link .text.c-50 .title-2,
.no-link .text.c-50 .title-2 {
margin-bottom: 0;
}

.person.text p {
padding-top: 0;
}

.person.text figcaption {
padding-top: 10px;
width: 100%;
float: left;
}

.text table {
width: auto;
}

.text table td {
padding: 0 20px 0 0;
text-align: left;
vertical-align: top;
}

.text table caption {
padding: 26px 0 0 0;
}

.text table caption {
padding: 26px 0 0 0;
}

/* map */
.map-wrapper {
position: relative;
overflow: hidden;
}

.map-wrapper .map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 104%;
float: left;
}

.map-button {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1000;
padding: 4px 0;
background-color: rgb(255,255,255);
text-transform: uppercase;
width: 90px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
border-radius: 2px;
display: none;
cursor: pointer;
}

.map-button.open {
display: block;
}

/* article */
#article #content {
padding-bottom: 30px;
}

#article .text .title-1 {
margin-bottom: -24px;
}

#article .text .title-2 {
margin-bottom: 0;
}

#bg-gallery-single,
#bg-gallery {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1;
overflow: hidden;
}

#bg-gallery-single,
#bg-gallery-single > div,
#bg-gallery,
#bg-gallery > div {
background-position: center bottom;
background-repeat: no-repeat;
background-color: #fff;
background-size: cover;
z-index: 1;
}

#bg-gallery-single > div,
#bg-gallery > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#bg-gallery-single div.show,
#bg-gallery div.show {
z-index: 3;
}

div#next-button-single,
div#next-button {
position: absolute;
z-index: 10;
cursor: pointer;
background-color: transparent;
}

#gallery-wrapper {
margin: -10px;
display: block;
/*
border: 10px solid rgba(255,255,255,0);
*/
}

#gallery-nav {
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
height: 12px;
z-index: 10;
margin: 20px 0 -5px 0;
text-align: center;
}

#gallery-nav > span {
position: relative;
width: 0;
height: 0;
margin: 0 0 5px 0;
padding: 0;
text-align: center;
cursor: pointer;
display: inline;
font-size: 0;
line-height: 0;
}

#gallery-nav > span > em {
position: relative;
width: 12px;
height: 12px;
padding: 0;
margin: 0 4px;
border-radius: 50%;
background-color: rgba(0,0,0,0.25);
transition: background-color 0.25s;
display: inline-block;
}

#gallery-nav > span.active > em {
background-color: #DB2F36;
}

/* footer */
#footer {
position: relative;
z-index: 2;
height: auto;
overflow: hidden;
}

#footer > .wrapper-w {
padding-bottom: 120px;
}

#footermenu {
margin: 10px 0 100px 0;
}


#footermenu ul > li {
width: auto;
margin-right: 60px;
}

#footermenu ul > li li {
margin-right: 0;
}

#footermenu > ul > li:last-child {
margin-right: 0;
}

#footermenu li a,
#footermenu li li,
#footermenu li li a,
#footermenu li ul {
width: auto;
float: left;
clear: both;
}

#footer #address {
width: auto;
float: right;
padding-right: 20px;
padding-bottom: 100px;
}

#footer #address p {
width: auto;
margin-left: 60px;
float: left;
}

#footer #address p:first-child {
margin-left: 0;
}

#footer-logo {
width: 26px;
margin-left: 60px;
float: right;
border-bottom: 1px solid rgba(0,0,0,0) !important;
transition: border-color 0s !important;
margin-top: 7px;
}

#footer #footermenu li a {
margin: 5px 0;
}

#footer a {
border-bottom: 1px solid rgba(0,0,0,0);
}

/* MGNL Styles */
#stage-outer .mgnlEditorBar.mgnlEditor.area.mgnlEditorBarStatusIndicator {
margin-top: 100px !important;
}

div.mgnlEditorBar div.editorIcon,
div.mgnlEditorBarLabel {
color: #2b2b2d !important;
}

div.mgnlEditorBar.focus div.editorIcon,
.focus div.mgnlEditorBarLabel {
color: #fff !important;
}


.edit-item .mgnlEditorBar.mgnlEditor.area.mgnlEditorBarStatusIndicator {
clear: none !important;
}

.edit-item .mgnlEditorBar.mgnlEditor.area.end,
.edit-item .mgnlEditor.mgnlPlaceholder {
clear: none !important;
float: left !important;
width: 100% !important;
}

.edit-w > .mgnlEditor.mgnlPlaceholder,
.edit-w > .mgnlEditorBar.mgnlEditor.area.mgnlEditorBarStatusIndicator,
#edit-gallery .slider > .mgnlEditor.mgnlPlaceholder,
#edit-gallery .slider > .mgnlEditorBar.mgnlEditor.area.mgnlEditorBarStatusIndicator {
padding-left: 10px !important;
margin-right: 10px !important;
}

.edit-w > .mgnlEditorBar.mgnlEditor.area.end,
#edit-gallery .slider > .mgnlEditorBar.mgnlEditor.area.end {
margin-left: 10px !important;
margin-right: 10px !important;
}

#home #news-list div.mgnlEditorBar.area.mgnlEditorBarStatusIndicator,
#home #news-list div.mgnlEditorBar.area.end {
margin-right: 20px !important;
}

#content div.mgnlEditorBar div.editorIcon *,
#content div.mgnlEditorBarLabel *,
#header div.mgnlEditorBar div.editorIcon *,
#header div.mgnlEditorBarLabel *,
#footer div.mgnlEditorBar div.editorIcon *,
#footer div.mgnlEditorBarLabel *,
div.mgnlEditorBar *,
div.mgnlEditorBar div.editorIcon *,
div.mgnlEditorBarLabel * {
font-family: DINWebPro, Verdana, sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
}

#content div.mgnlEditorBar div.editorIcon,
#header div.mgnlEditorBar div.editorIcon,
#footer div.mgnlEditorBar div.editorIcon,
div.mgnlEditorBar div.editorIcon,
#content div.mgnlEditorBar div.editorIcon *,
#header div.mgnlEditorBar div.editorIcon *,
#footer div.mgnlEditorBar div.editorIcon *,
div.mgnlEditorBar div.editorIcon * {
font-size: 20px !important;
font-weight: 400 !important;
}/*
  Color Style
  
rot: #DB2F36

grau: #2B2B2B

*/

/* color */
* {
color: #2B2B2B;
}

.headline,
.title-1,
.title-2,
.title-4,
.text * {
color: #625D51;
}

.title-3 {
color: #141414;
}

#footer a.active,
a.active {
color: #DB2F36;;
}

.bgc-1 .text * {
color: #4B4B4B;
}

#footer * {
color: #D5D5D5;
}

/* background */
html {
background-color: #F5F5F5;
}

html.edit-mode {
background-color: #fff;
}

.svg-color {
fill: #DB2F36;
}

#footer .svg-color {
fill: #D5D5D5;
}

.bgc-1 {
background-color: #D4CDC2;
}

#footer {
background-color: #2B2B2B;
}

/* border */
/*
  Animations Style
*/
.map-button,
a {
transition: color 0.25s;
}

.test {
transition: background-color 0.25s;
}

#gallery-wrapper,
.image-link {
transition: border-color 0.5s;
}

.test {
transition: opacity 0.25s;
}

.test {
transition: all 0.25s;
}

.test {
transition: transform 0.25s;
}

#logo .svg-color {
transition: fill 0.25s;
}

#footer-logo .svg-color {
transition: opacity 0.25s;
}

#submenu a,
#header a,
#footer a,
#menu a,
.text.standard p a:after,
.text.standard td a:after,
.text.standard th a:after,
.text.standard li a:after,
.file a:after,
.person.text p a:after {
transition: border-color 0.25s;
}

#meta a.active,
#submenu a.active,
#menu a.active,
a.active {
transition: border-color 0s;
}/*
  Responsive Style
*/

@media only screen and (max-width : 950px) {
	.headline,
	.title-1 {
	font-size: 32px;
	line-height: 38px;
	}
	
	#article .text .title-1,
	.title-2 {
	font-size: 22px;
	line-height: 37px;
	}
	
	.abstract * {
	font-size: 19px;
	line-height: 23px;
	}
	
	#menu a,
	#meta a {
	font-size: 18px;
	line-height: 20px;
	}
	
	#article .text .title-2 {
	font-size: 17px;
	line-height: 20px;
	}
	
	#footer *,
	#submenu a,
	.text table caption,
	.file a,
	p, span, p a,
	td, th,
	li,
	.title-3 {
	font-size: 16px;
	line-height: 20px;
	}
	
	.text p {
    padding-top: 20px;
	}

	#footer * {
	font-size: 13px;
	line-height: 16px;
	}

	#footer #footermenu li a {
	line-height: 16px;
	}
	
	#meta a {
	font-size: 15px;
	}

}

@media only screen and (max-width : 850px) {
	#footermenu ul > li {
	width: 25%;
	margin-right: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	}

	#footermenu ul > li li {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
	padding-bottom: 0;
	}
	
	#footer #address {
	width: 100%;
	}

	#footer #address p {
	width: 25%;
	margin: 0;
	padding: 0 20px 0 0;
	}

}

@media only screen and (max-width : 800px) {
	#meta {
	display: none;
	}
	
	#menu {
	width: 100%;
	float: left;
	}

	#menu ul {
	float: left;
	}

	#logo {
	position: absolute;
	right: 20px;
	top: 0;
	width: 30px;
	margin-bottom: -80px;
	}
	
	div#submenu {
	margin: 0 0 40px -20px;
	padding-right: 0;
	padding-top: 20px;
	}

	div#submenu a {
	margin: 0 0 0 20px;
	}

	div#submenu .item:last-child a {
	margin: 0 20px 0 20px;
	}

}

@media only screen and (max-width : 700px) {
	.c-83,
	.c-66 {
	width: 100%;
	}
	
	.c-25 {
	width: 33.333333333333%;
	}

	#footer > .wrapper-w {
	padding-bottom: 40px;
	}
	
	#footer-logo {
	position: absolute;
	right: 20px;
	bottom: 40px;
	}
	
	#footer #address {
	width: 100%;
	padding-bottom: 65px;
	}

}

@media only screen and (max-width : 600px) {
	.c-83,
	.c-66,
	.c-50,
	.c-25,
	.c-33 {
	width: 100%;
	}
	
	.person.c-25 {
	width: 50%;
	}
	
	.c-50.pr-10 {
	padding-right: 0;
	}
	
	.c-50.pl-10 {
	padding-left: 0;
	}
	
	.text.c-50.pr-10 {
	padding-right: 20px;
	}
	
	.text.c-50.pl-10 {
	padding-left: 20px;
	}
	
	.bg-img {
	min-height: 200px;
	}

	.wrapper-w {
	padding-left: 10px;
	}
	
	figure.c-100.pr-20,
	.c-83.pr-20,
	.box.pr-20,
	.text.pr-20 {
	padding-right: 10px;
	}
	
	.text.text-item.pr-10 {
	padding-right: 0;
	}
	
	.text.text-item.pl-10 {
	padding-right: 0;
	padding-left: 0;
	}
	
	.center-text .text-item {
	position: relative;
	top: 0;
	transform: translateY(0);
	margin-top: 0;
	padding-bottom: 20px;
	}
	
	.image-box.large .text {
	padding-bottom: 20px;
	}
	
	#header {
	padding-bottom: 20px;
	}
	
	#footermenu ul > li {
	width: 33.3333333333%;
	margin-right: 0;
	margin-bottom: 30px;
	}

	#footermenu ul > li li {
	width: 100%;
	margin-bottom: 0;
	}
	
	#footer #address {
	width: 100%;
	padding: 0 10px 36px 0;
	}

	#footer #address p {
	width: 33.333333333%;
	padding: 0 20px 0 0;
	margin: 0;
	}

	#menu,
	#menu ul,
	#menu ul li {
	width: 100%;
	margin: 0;
	float: left;
	text-align: center;
	}
	
	#menu {
	margin-top: 4px;
	}
	
	#menu a {
	position: relative;
	width: auto;
	float: left;
	padding: 10px 0;
	font-size: 24px;
	line-height: 26px;
	left: 50%;
	transform: translateX(-50%);
	}

	.headline,
	.title-1 ,
	#article .text .title-1,
	.title-2,
	.abstract * {
	font-size: 19px;
	line-height: 23px;
	}
	
	.title-1.pb-30 {
	padding-bottom: 0;
	}
	
	.image-link-wrapper .title-1.pb-30 {
	padding-bottom: 5px;
	}
	
	#footer #footermenu {
	margin-bottom: 0;
	}
	
	div#submenu a {
	margin: 0 0 0 20px;
	}

	div#submenu .item:last-child a {
	margin: 0 10px 0 20px;
	}
	
	.image-link-wrapper .title-1 {
	margin-bottom: 0;
	}
	
	.image-link-wrapper-small.text {
	margin-bottom: 25px;
	}
	
	.mb-60 {
	margin-bottom: 40px;
	}
	
	.pb-60 {
    padding-bottom: 40px;
	}

	.image-link-wrapper .title-3 {
	padding-top: 15px;
	}
	
	.image-box.c-100.pr-20 {
	padding-right: 10px;
	}
	
	.image-box.large img {
	padding-right: 10px;
	padding-bottom: 20px;
	}

	.image-box.large .image {
	margin-right: -10px;
	}
}

@media only screen and (max-width : 520px) {
	
	#footer #footermenu {
	margin-bottom: 20px;
	}
	
	#footermenu ul > li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
	}

	#footer #address p {
	width: 100%;
	padding: 0 20px 25px 0;
	margin: 0;
	}
	
	#footer #address {
	padding-bottom: 13px;
	}
	
	#footer > .wrapper-w {
	padding-bottom: 17px;
	}
	
	a#footer-logo {
	position: absolute;
	bottom: 40px;
	right: 10px;
	}
	
	#footermenu {
	margin-bottom: 0;
	}

	#footer * {
	font-size: 16px;
	line-height: 20px;
	}	
}

@media only screen and (max-width : 400px) {
	.person.c-25 {
	width: 100%;
	}

}

/* mobile */
@media screen and (max-device-width : 480px) {
}

/* tablet */
@media screen and (max-device-width : 768px) {	
}

/*** landscape ***/
/* tablet */
@media screen and (max-device-width : 768px) and (min-aspect-ratio: 1/1) {
}

/* mobile */
@media screen and (max-device-width : 480px) and (min-aspect-ratio: 1/1) {
}

/*** portrait ***/
/* tablet */
@media screen and (max-device-width : 768px) and (max-aspect-ratio: 1/1) {
}

/* mobile */
@media screen and (max-device-width : 480px) and (max-aspect-ratio: 1/1) {
}
/*
  Hover Style
*/

/*
#footer a:hover,
a:hover {
color: #DB2F36;;
}
*/

#submenu a:hover,
#header a:hover,
#footer a:hover,
#menu a:hover {
border-bottom: 1px solid #2B2B2B;
}

#footer #footermenu li a.active:hover {
border-bottom: 1px solid rgba(0,0,0,0);
}

#meta a.active:hover,
#submenu a.active:hover,
#footer a#footer-logo:hover,
#menu a.active:hover,
a.active:hover {
border-bottom: none;
margin-bottom: 0;
}

#header a#logo:hover {
border-bottom: none;
margin-bottom: -158px;
}

#footer a:hover {
border-bottom: 1px solid #D5D5D5;
}

#gallery-wrapper:hover,
.image-link:hover,
a:hover .image-link {
border-color: #FF8282;
}

#logo:hover .svg-color {
fill: rgb(255,133,133);
}

#gallery-nav span:hover em {
background-color: #2B2B2B;
}

.text.standard p a:hover, 
.text.standard td a:hover, 
.text.standard th a:hover, 
.text.standard li a:hover, 
.file a:hover, 
.person.text p a:hover {
text-decoration: none;
}

/*
.file a:hover,
*/
.map-button:hover {
color: #FF8282;
}

.text.standard p a:hover:after,
.text.standard td a:hover:after,
.text.standard th a:hover:after,
.text.standard li a:hover:after,
.file a:hover:after,
.person.text p a:hover:after {
border-color: rgba(0,0,0,0);
}

#footer-logo:hover .svg-color {
opacity: 0.7;
}