html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}    html {
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; 
font-size: 1em;
color: #000;
overflow: hidden;
height: 100vh;
}
body {
height: 100%;
overflow: hidden;
}
*,
*:after,
*:before {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}   .mod_button_toggle_contact {
position: absolute;
top: 0.5em;
left: 0.6875em; width: 2.75em; height: 2.75em; background: none;
padding: 0;
border: 0;
z-index: 11;
}
.mod_button_toggle_contact:active,
.mod_button_toggle_contact:focus,
.mod_button_toggle_contact:hover {
outline: 0;
}
.mod_button_toggle_contact_text,
.mod_button_toggle_contact:before,
.mod_button_toggle_contact:after {
position: absolute;
left: 0.5625em; right: 0.5625em; width: 1.625em; height: 0.125em; content: '';
background: #d3d3d3;
text-indent: -9999px;
will-change: width, transform;
transition: transform .3s ease-in, width .3s ease-in, top .3s ease-in, bottom .3s ease-in, left .3s ease-in;, right .3s ease-in;
}
.mod_button_toggle_contact.is_expanded:before,
.mod_button_toggle_contact.is_expanded:after {
left: 0.375em; right: 0.75em; }
.mod_button_toggle_contact:before {
top: 0.75em; }
.mod_button_toggle_contact.is_expanded:before {
width: 1.75em; top: 1.3125em; transform: rotate(-45deg);
}
.mod_button_toggle_contact_text {
top: 50%;
margin-top: -1px;
opacity: 1;
transition: opacity .15s ease-out .15s;
}
.mod_button_toggle_contact.is_expanded .mod_button_toggle_contact_text {
transition: opacity .15s ease-out 0s;
}
.mod_button_toggle_contact.is_expanded .mod_button_toggle_contact_text {
opacity: 0;
}
.mod_button_toggle_contact:after {
bottom: 0.75em; }
.mod_button_toggle_contact.is_expanded:after {
width: 1.75em; bottom: 1.3125em; transform: rotate(45deg);
}   .mod_contact {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
z-index: 10;
height: 100vh;
transform: translateY(-120vh);
backface-visibility: none;
cursor: pointer;
background: #f6f4f0;
}
.mod_contact.is_expanded {
transform: translateY(0);
}
.mod_contact_info {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.mod_contact_info_inner {
margin: 0 auto;
padding: 2.5em 1.25em; max-width: 100%;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mod_contact_info .mod_contact_info_title {
margin: 0 0 0.5 em 0;
padding: 0 1.65em; text-align: center;
font-weight: normal;
}
.mod_contact_info .mod_contact_info_claim {
text-align: center;
padding-bottom: 1.85em; }
.mod_contact_info .mod_contact_info_initials {
text-align: right;
padding-right: 5em;
}
.mod_contact_info p {
display: block;
font-size: 0.875em; line-height: 1.425; letter-spacing: 1px;
color: #2a2a2a;
padding-bottom: 0.4285em; }
.mod_contact_info_link {
color: #000;
}   .mod_image {
float: left;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
color: #2a2a2a;
}
.mod_image .entry-content {
width: 100%;
height: 100vh;
max-height: 100%;
}
.mod_image .entry-content p {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
padding: 3.75em 3.5em; vertical-align: middle;
text-align: center;
}
.mod_image_title {
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
margin: 0 0 -.5em 0;
padding: 0 1.666667em 3.333333em; font-size: 0.75em; line-height: 1.5;
font-weight: normal;
text-align: center;
color: #2a2a2a;
letter-spacing: 1px;
}
.mod_image img {
max-width: 100%;
object-fit: contain;
}
.mod_image.var_portrait img {
width: auto;
height: calc(100% - 5em);
}
.mod_image.var_landscape img {
width: 100%;
height: auto;
}   #nav-below {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#nav-below .page {
display: none;
}
.nav-previous,
.nav-next {
width: 50%;
height: 100%;
}
.nav-previous {
float: right;
}
.nav-previous a,
.nav-next a {
float: left;
display: block;
position: relative;
z-index: 1;
height: 100%;
width: 100%;
text-indent: -625em; }
.nav-previous a:before,
.nav-next a:before {
position: absolute;
top: 50%;
z-index: 2;
content: '';
width: 100%;
height: 1.875em; margin-top: -.9375em; }
.has_touch_support .nav-previous a,
.has_touch_support .nav-next a {
z-index: 0;
}
.nav-previous a {
float: right;
}
.nav-previous a:before {
right: 1.25em; background: url(//www.flurinaboeschenstein.ch/wp-content/themes/flurina_2016/images/arrow-next.svg) right center no-repeat;
}
.nav-next a:before {
left: 1.25em; background: url(//www.flurinaboeschenstein.ch/wp-content/themes/flurina_2016/images/arrow-back.svg) left center no-repeat;
}  @media only screen and (min-width: 48em) { .mod_button_toggle_contact {
top: 1.3125em; left: 1.4375em; }
.mod_contact_info .mod_contact_info_title {
padding: 0 1.1875em; }
.mod_contact_info_inner {
padding: 0;
max-width: 30em; }
.mod_image_title {
padding: 0 3.5em 3.5em 3.5em; text-align: left;
}
.mod_image .entry-content p { padding: 2.0625em 5em 3.3125em 5em; }
.mod_image.var_landscape .entry-content p {
padding: 6.875em 5em; }
.nav-previous a:before,
.nav-next a:before {
width: 1em;
height: 1.875em; margin-top: -.9375em; }
.nav-previous a:before {
right: 2em; }
.nav-next a:before {
left: 2em; }
.mod_image.var_landscape img {
width: 70vw;
}
}
@media only screen and (min-width: 64.0625em) { .mod_image.var_portrait img {
height: 100%
}
.mod_image.var_landscape img { width: unset;
max-height: 100%;
}
}