.pure-button:focus,a:active,a:hover {
outline:0;
}
.pure-table,table {
border-collapse:collapse;
border-spacing:0;
}
.pure-button,p a {
text-decoration:none;
}
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
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;
}
abbr[title] {
border-bottom:1px dotted;
}
b,optgroup,strong {
font-weight:700;
}
dfn {
font-style:italic;
}
h1 {
margin:.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:-.5em;
}
sub {
bottom:-.25em;
}
img {
border:0;
}
svg:not(:root) {
overflow:hidden;
}
figure {
margin:1em 40px;
}
hr {
box-sizing:content-box;
height:0;
}
pre,textarea {
overflow:auto;
}
code,kbd,pre,samp {
font-family:monospace,monospace;
font-size:1em;
}
button,input,optgroup,select,textarea {
color:inherit;
font:inherit;
margin:0;
}
.pure-button,input {
line-height:normal;
}
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[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;
}
.pure-button,.pure-form input:not([type]),.pure-menu {
box-sizing:border-box;
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em;
}
legend,td,th {
padding:0;
}
legend {
border:0;
}
.hidden,[hidden] {
display:none!important;
}
.pure-img {
max-width:100%;
height:auto;
display:block;
}
.pure-g {
letter-spacing:-.31em;
text-rendering:optimizespeed;
font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-align-content:flex-start;
-ms-flex-line-pack:start;
align-content:flex-start;
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
table .pure-g {
display:block;
}
}
.opera-only :-o-prefocus,.pure-g {
word-spacing:-.43em;
}
.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24 {
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
display:inline-block;
zoom:1;
}
.pure-g [class*=pure-u] {
font-family:sans-serif;
}
.pure-u-1-24 {
width:4.1667%;
}
.pure-u-1-12,.pure-u-2-24 {
width:8.3333%;
}
.pure-u-1-8,.pure-u-3-24 {
width:12.5%;
}
.pure-u-1-6,.pure-u-4-24 {
width:16.6667%;
}
.pure-u-1-5 {
width:20%;
}
.pure-u-5-24 {
width:20.8333%;
}
.pure-u-1-4,.pure-u-6-24 {
width:25%;
}
.pure-u-7-24 {
width:29.1667%;
}
.pure-u-1-3,.pure-u-8-24 {
width:33.3333%;
}
.pure-u-3-8,.pure-u-9-24 {
width:37.5%;
}
.pure-u-2-5 {
width:40%;
}
.pure-u-10-24,.pure-u-5-12 {
width:41.6667%;
}
.pure-u-11-24 {
width:45.8333%;
}
.pure-u-1-2,.pure-u-12-24 {
width:50%;
}
.pure-u-13-24 {
width:54.1667%;
}
.pure-u-14-24,.pure-u-7-12 {
width:58.3333%;
}
.pure-u-3-5 {
width:60%;
}
.pure-u-15-24,.pure-u-5-8 {
width:62.5%;
}
.pure-u-16-24,.pure-u-2-3 {
width:66.6667%;
}
.pure-u-17-24 {
width:70.8333%;
}
.pure-u-18-24,.pure-u-3-4 {
width:75%;
}
.pure-u-19-24 {
width:79.1667%;
}
.pure-u-4-5 {
width:80%;
}
.pure-u-20-24,.pure-u-5-6 {
width:83.3333%;
}
.pure-u-21-24,.pure-u-7-8 {
width:87.5%;
}
.pure-u-11-12,.pure-u-22-24 {
width:91.6667%;
}
.pure-u-23-24 {
width:95.8333%;
}
.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5 {
width:100%;
}
.pure-button {
display:inline-block;
zoom:1;
white-space:nowrap;
vertical-align:middle;
text-align:center;
cursor:pointer;
-webkit-user-drag:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.pure-button::-moz-focus-inner {
padding:0;
border:0;
}
.pure-button-group {
letter-spacing:-.31em;
text-rendering:optimizespeed;
}
.opera-only :-o-prefocus,.pure-button-group {
word-spacing:-.43em;
}
.pure-button {
font-family:inherit;
font-size:100%;
padding:.5em 1em;
color:#444;
color:rgba(0,0,0,.8);
border:1px solid #999;
border:none transparent;
background-color:#E6E6E6;
border-radius:2px;
}
.pure-button-hover,.pure-button:focus,.pure-button:hover {
filter:alpha(opacity=90);
background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}
.pure-button-active,.pure-button:active {
box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
border-color:#000\9;
}
.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled] {
border:none;
background-image:none;
filter:alpha(opacity=40);
opacity:.4;
cursor:not-allowed;
box-shadow:none;
pointer-events:none;
}
.pure-button-hidden {
display:none;
}
.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected {
background-color:#0078e7;
color:#fff;
}
.pure-button-group .pure-button {
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
margin:0;
border-radius:0;
border-right:1px solid #111;
border-right:1px solid rgba(0,0,0,.2);
}
.pure-button-group .pure-button:first-child {
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}
.pure-button-group .pure-button:last-child {
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-right:none;
}
.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea {
padding:.5em .6em;
display:inline-block;
border:1px solid #ccc;
box-shadow:inset 0 1px 3px #ddd;
border-radius:4px;
vertical-align:middle;
box-sizing:border-box;
}
.pure-form input:not([type]) {
padding:.5em .6em;
display:inline-block;
border:1px solid #ccc;
box-shadow:inset 0 1px 3px #ddd;
border-radius:4px;
}
.pure-form input[type=color] {
padding:.2em .5em;
}
.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus {
outline:0;
border-color:#129FEA;
}
.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus {
outline:#129FEA solid thin;
outline:#129FEA auto 1px;
}
.pure-form .pure-checkbox,.pure-form .pure-radio {
margin:.5em 0;
display:block;
}
.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled] {
cursor:not-allowed;
background-color:#eaeded;
color:#cad2d3;
}
.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly] {
background-color:#eee;
color:#777;
border-color:#ccc;
}
.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid {
color:#b94a48;
border-color:#e9322d;
}
.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus {
outline-color:#e9322d;
}
.pure-form select {
height:2.25em;
border:1px solid #ccc;
background-color:#fff;
}
.pure-form select[multiple] {
height:auto;
}
.pure-form label {
margin:.5em 0 .2em;
}
.pure-form fieldset {
margin:0;
padding:.35em 0 .75em;
border:0;
}
.pure-form legend {
display:block;
width:100%;
padding:.3em 0;
margin-bottom:.3em;
color:#333;
border-bottom:1px solid #e5e5e5;
}
.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea {
display:block;
margin:.25em 0;
}
.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline {
display:inline-block;
vertical-align:middle;
}
.pure-form-aligned textarea {
vertical-align:top;
}
.pure-form-aligned .pure-control-group {
margin-bottom:.5em;
}
.pure-form-aligned .pure-control-group label {
text-align:right;
display:inline-block;
vertical-align:middle;
width:10em;
margin:0 1em 0 0;
}
.pure-form-aligned .pure-controls {
margin:1.5em 0 0 11em;
}
.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded {
border-radius:2em;
padding:.5em 1em;
}
.pure-form .pure-group fieldset {
margin-bottom:10px;
}
.pure-form .pure-group input,.pure-form .pure-group textarea {
display:block;
padding:10px;
margin:0 0 -1px;
border-radius:0;
position:relative;
top:-1px;
}
.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus {
z-index:3;
}
.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child {
top:1px;
border-radius:4px 4px 0 0;
margin:0;
}
.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child {
top:1px;
border-radius:4px;
margin:0;
}
.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child {
top:-2px;
border-radius:0 0 4px 4px;
margin:0;
}
.pure-form .pure-group button {
margin:.35em 0;
}
.pure-form .pure-input-1 {
width:100%;
}
.pure-form .pure-input-3-4 {
width:75%;
}
.pure-form .pure-input-2-3 {
width:66%;
}
.pure-form .pure-input-1-2 {
width:50%;
}
.pure-form .pure-input-1-3 {
width:33%;
}
.pure-form .pure-input-1-4 {
width:25%;
}
.pure-form .pure-help-inline,.pure-form-message-inline {
display:inline-block;
padding-left:.3em;
color:#666;
vertical-align:middle;
font-size:.875em;
}
.pure-form-message {
display:block;
color:#666;
font-size:.875em;
}
@media only screen and (max-width :480px) {
.pure-form button[type=submit] {
margin:.7em 0 0;
}
.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label {
margin-bottom:.3em;
display:block;
}
.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text] {
margin-bottom:0;
}
.pure-form-aligned .pure-control-group label {
margin-bottom:.3em;
text-align:left;
display:block;
width:100%;
}
.pure-form-aligned .pure-controls {
margin:1.5em 0 0;
}
.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline {
display:block;
font-size:.75em;
padding:.2em 0 .8em;
}
}
.pure-menu-fixed {
position:fixed;
left:0;
top:0;
z-index:3;
}
.pure-menu-item,.pure-menu-list {
position:relative;
}
.pure-menu-list {
list-style:none;
margin:0;
padding:0;
}
.pure-menu-item {
padding:0;
margin:0;
height:100%;
}
.pure-menu-heading,.pure-menu-link {
display:block;
text-decoration:none;
white-space:nowrap;
}
.pure-menu-horizontal {
width:100%;
white-space:nowrap;
}
.pure-menu-horizontal .pure-menu-list {
display:inline-block;
}
.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator {
display:inline-block;
zoom:1;
vertical-align:middle;
}
.pure-menu-item .pure-menu-item {
display:block;
}
.pure-menu-children {
display:none;
position:absolute;
left:100%;
top:0;
margin:0;
padding:0;
z-index:3;
}
.pure-menu-horizontal .pure-menu-children {
left:0;
top:auto;
width:inherit;
}
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children {
display:block;
position:absolute;
}
.pure-menu-has-children>.pure-menu-link:after {
padding-left:.5em;
content:"\25B8";
font-size:small;
}
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
content:"\25BE";
}
.pure-menu-scrollable {
overflow-y:scroll;
overflow-x:hidden;
}
.pure-menu-scrollable .pure-menu-list {
display:block;
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
display:inline-block;
}
.pure-menu-horizontal.pure-menu-scrollable {
white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
-ms-overflow-style:none;
-webkit-overflow-scrolling:touch;
padding:.5em 0;
}
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
display:none;
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator {
background-color:#ccc;
height:1px;
margin:.3em 0;
}
.pure-menu-horizontal .pure-menu-separator {
width:1px;
height:1.3em;
margin:0 .3em;
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
display:block;
width:auto;
}
.pure-menu-heading {
text-transform:uppercase;
color:#565d64;
}
.pure-menu-link {
color:#777;
}
.pure-menu-children {
background-color:#fff;
}
.pure-menu-disabled,.pure-menu-heading,.pure-menu-link {
padding:.5em 1em;
}
.pure-menu-disabled {
opacity:.5;
}
.pure-menu-disabled .pure-menu-link:hover {
background-color:transparent;
}
.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover {
background-color:#eee;
}
.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited {
color:#000;
}
.pure-table {
empty-cells:show;
border:1px solid #cbcbcb;
}
.pure-table caption {
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
text-align:center;
}
b,h1,h2,h3,h4,h5 {
font-weight:700;
}
header .logo,header .logo img,nav {
line-height:8em;
}
.pure-table td,.pure-table th {
border-left:1px solid #cbcbcb;
border-width:0 0 0 1px;
font-size:inherit;
margin:0;
overflow:visible;
padding:.5em 1em;
}
.pure-table td:first-child,.pure-table th:first-child {
border-left-width:0;
}
.pure-table thead {
background-color:#e0e0e0;
color:#000;
text-align:left;
vertical-align:bottom;
}
.pure-table td {
background-color:transparent;
}
.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td {
background-color:#f2f2f2;
}
.pure-table-bordered td {
border-bottom:1px solid #cbcbcb;
}
.pure-table-bordered tbody>tr:last-child>td {
border-bottom-width:0;
}
.pure-table-horizontal td,.pure-table-horizontal th {
border-width:0 0 1px;
border-bottom:1px solid #cbcbcb;
}
.pure-table-horizontal tbody>tr:last-child>td {
border-bottom-width:0;
} @media screen and (min-width:35.5em) {
.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24 {
display:inline-block;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
}
.pure-u-sm-1-24 {
width:4.1667%;
}
.pure-u-sm-1-12,.pure-u-sm-2-24 {
width:8.3333%;
}
.pure-u-sm-1-8,.pure-u-sm-3-24 {
width:12.5%;
}
.pure-u-sm-1-6,.pure-u-sm-4-24 {
width:16.6667%;
}
.pure-u-sm-1-5 {
width:20%;
}
.pure-u-sm-5-24 {
width:20.8333%;
}
.pure-u-sm-1-4,.pure-u-sm-6-24 {
width:25%;
}
.pure-u-sm-7-24 {
width:29.1667%;
}
.pure-u-sm-1-3,.pure-u-sm-8-24 {
width:33.3333%;
}
.pure-u-sm-3-8,.pure-u-sm-9-24 {
width:37.5%;
}
.pure-u-sm-2-5 {
width:40%;
}
.pure-u-sm-10-24,.pure-u-sm-5-12 {
width:41.6667%;
}
.pure-u-sm-11-24 {
width:45.8333%;
}
.pure-u-sm-1-2,.pure-u-sm-12-24 {
width:50%;
}
.pure-u-sm-13-24 {
width:54.1667%;
}
.pure-u-sm-14-24,.pure-u-sm-7-12 {
width:58.3333%;
}
.pure-u-sm-3-5 {
width:60%;
}
.pure-u-sm-15-24,.pure-u-sm-5-8 {
width:62.5%;
}
.pure-u-sm-16-24,.pure-u-sm-2-3 {
width:66.6667%;
}
.pure-u-sm-17-24 {
width:70.8333%;
}
.pure-u-sm-18-24,.pure-u-sm-3-4 {
width:75%;
}
.pure-u-sm-19-24 {
width:79.1667%;
}
.pure-u-sm-4-5 {
width:80%;
}
.pure-u-sm-20-24,.pure-u-sm-5-6 {
width:83.3333%;
}
.pure-u-sm-21-24,.pure-u-sm-7-8 {
width:87.5%;
}
.pure-u-sm-11-12,.pure-u-sm-22-24 {
width:91.6667%;
}
.pure-u-sm-23-24 {
width:95.8333%;
}
.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5 {
width:100%;
}
}
@media screen and (min-width:48em) {
.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24 {
display:inline-block;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
}
.pure-u-md-1-24 {
width:4.1667%;
}
.pure-u-md-1-12,.pure-u-md-2-24 {
width:8.3333%;
}
.pure-u-md-1-8,.pure-u-md-3-24 {
width:12.5%;
}
.pure-u-md-1-6,.pure-u-md-4-24 {
width:16.6667%;
}
.pure-u-md-1-5 {
width:20%;
}
.pure-u-md-5-24 {
width:20.8333%;
}
.pure-u-md-1-4,.pure-u-md-6-24 {
width:25%;
}
.pure-u-md-7-24 {
width:29.1667%;
}
.pure-u-md-1-3,.pure-u-md-8-24 {
width:33.3333%;
}
.pure-u-md-3-8,.pure-u-md-9-24 {
width:37.5%;
}
.pure-u-md-2-5 {
width:40%;
}
.pure-u-md-10-24,.pure-u-md-5-12 {
width:41.6667%;
}
.pure-u-md-11-24 {
width:45.8333%;
}
.pure-u-md-1-2,.pure-u-md-12-24 {
width:50%;
}
.pure-u-md-13-24 {
width:54.1667%;
}
.pure-u-md-14-24,.pure-u-md-7-12 {
width:58.3333%;
}
.pure-u-md-3-5 {
width:60%;
}
.pure-u-md-15-24,.pure-u-md-5-8 {
width:62.5%;
}
.pure-u-md-16-24,.pure-u-md-2-3 {
width:66.6667%;
}
.pure-u-md-17-24 {
width:70.8333%;
}
.pure-u-md-18-24,.pure-u-md-3-4 {
width:75%;
}
.pure-u-md-19-24 {
width:79.1667%;
}
.pure-u-md-4-5 {
width:80%;
}
.pure-u-md-20-24,.pure-u-md-5-6 {
width:83.3333%;
}
.pure-u-md-21-24,.pure-u-md-7-8 {
width:87.5%;
}
.pure-u-md-11-12,.pure-u-md-22-24 {
width:91.6667%;
}
.pure-u-md-23-24 {
width:95.8333%;
}
.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5 {
width:100%;
}
}
@media screen and (min-width:64em) {
.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-2-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24,.pure-u-lg-3-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-4-24,.pure-u-lg-4-5,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-6-24,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-7-8,.pure-u-lg-8-24,.pure-u-lg-9-24 {
display:inline-block;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
}
.pure-u-lg-1-24 {
width:4.1667%;
}
.pure-u-lg-1-12,.pure-u-lg-2-24 {
width:8.3333%;
}
.pure-u-lg-1-8,.pure-u-lg-3-24 {
width:12.5%;
}
.pure-u-lg-1-6,.pure-u-lg-4-24 {
width:16.6667%;
}
.pure-u-lg-1-5 {
width:20%;
}
.pure-u-lg-5-24 {
width:20.8333%;
}
.pure-u-lg-1-4,.pure-u-lg-6-24 {
width:25%;
}
.pure-u-lg-7-24 {
width:29.1667%;
}
.pure-u-lg-1-3,.pure-u-lg-8-24 {
width:33.3333%;
}
.pure-u-lg-3-8,.pure-u-lg-9-24 {
width:37.5%;
}
.pure-u-lg-2-5 {
width:40%;
}
.pure-u-lg-10-24,.pure-u-lg-5-12 {
width:41.6667%;
}
.pure-u-lg-11-24 {
width:45.8333%;
}
.pure-u-lg-1-2,.pure-u-lg-12-24 {
width:50%;
}
.pure-u-lg-13-24 {
width:54.1667%;
}
.pure-u-lg-14-24,.pure-u-lg-7-12 {
width:58.3333%;
}
.pure-u-lg-3-5 {
width:60%;
}
.pure-u-lg-15-24,.pure-u-lg-5-8 {
width:62.5%;
}
.pure-u-lg-16-24,.pure-u-lg-2-3 {
width:66.6667%;
}
.pure-u-lg-17-24 {
width:70.8333%;
}
.pure-u-lg-18-24,.pure-u-lg-3-4 {
width:75%;
}
.pure-u-lg-19-24 {
width:79.1667%;
}
.pure-u-lg-4-5 {
width:80%;
}
.pure-u-lg-20-24,.pure-u-lg-5-6 {
width:83.3333%;
}
.pure-u-lg-21-24,.pure-u-lg-7-8 {
width:87.5%;
}
.pure-u-lg-11-12,.pure-u-lg-22-24 {
width:91.6667%;
}
.pure-u-lg-23-24 {
width:95.8333%;
}
.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-24-24,.pure-u-lg-5-5 {
width:100%;
}
}
@media screen and (min-width:80em) {
.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-12,.pure-u-xl-1-2,.pure-u-xl-1-24,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-2-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24,.pure-u-xl-3-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-4-24,.pure-u-xl-4-5,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-6-24,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-7-8,.pure-u-xl-8-24,.pure-u-xl-9-24 {
display:inline-block;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
}
.pure-u-xl-1-24 {
width:4.1667%;
}
.pure-u-xl-1-12,.pure-u-xl-2-24 {
width:8.3333%;
}
.pure-u-xl-1-8,.pure-u-xl-3-24 {
width:12.5%;
}
.pure-u-xl-1-6,.pure-u-xl-4-24 {
width:16.6667%;
}
.pure-u-xl-1-5 {
width:20%;
}
.pure-u-xl-5-24 {
width:20.8333%;
}
.pure-u-xl-1-4,.pure-u-xl-6-24 {
width:25%;
}
.pure-u-xl-7-24 {
width:29.1667%;
}
.pure-u-xl-1-3,.pure-u-xl-8-24 {
width:33.3333%;
}
.pure-u-xl-3-8,.pure-u-xl-9-24 {
width:37.5%;
}
.pure-u-xl-2-5 {
width:40%;
}
.pure-u-xl-10-24,.pure-u-xl-5-12 {
width:41.6667%;
}
.pure-u-xl-11-24 {
width:45.8333%;
}
.pure-u-xl-1-2,.pure-u-xl-12-24 {
width:50%;
}
.pure-u-xl-13-24 {
width:54.1667%;
}
.pure-u-xl-14-24,.pure-u-xl-7-12 {
width:58.3333%;
}
.pure-u-xl-3-5 {
width:60%;
}
.pure-u-xl-15-24,.pure-u-xl-5-8 {
width:62.5%;
}
.pure-u-xl-16-24,.pure-u-xl-2-3 {
width:66.6667%;
}
.pure-u-xl-17-24 {
width:70.8333%;
}
.pure-u-xl-18-24,.pure-u-xl-3-4 {
width:75%;
}
.pure-u-xl-19-24 {
width:79.1667%;
}
.pure-u-xl-4-5 {
width:80%;
}
.pure-u-xl-20-24,.pure-u-xl-5-6 {
width:83.3333%;
}
.pure-u-xl-21-24,.pure-u-xl-7-8 {
width:87.5%;
}
.pure-u-xl-11-12,.pure-u-xl-22-24 {
width:91.6667%;
}
.pure-u-xl-23-24 {
width:95.8333%;
}
.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5 {
width:100%;
}
}
* {
-moz-box-sizing:border-box;
box-sizing:border-box;
color:#000; font-family: sans-serif;
}
.cf:after,.cf:before {
content:" ";
display:table;
}
.wrapper,body,header,html {
display:block;
width:100%;
}
.cf:after {
clear:both;
}
h1 {
font-size:6em;
}
h2 {
font-family:Montserrat,sans-serif;
font-size:3.5em;
line-height:1em;
}
h4 {
font-size:2em;
}
h3,h4 {
text-transform:uppercase;
}
a,p {
font-weight:400;
letter-spacing:.05em;
line-height:1.6em;
}
p a:hover {
text-decoration:underline;
}
.hero--footer,.hero--footer>a,.hero--footer>a:hover,footer .imprint--link a,nav a,section,section>a,section>a:hover {
text-decoration:none;
}
body,html {
margin:0;
padding:0;
font-size:13px;
}
@media (min-width:1025px) {
body {
margin-top:80px;
}
}
.wrapper {
max-width:1600px;
margin:0 auto;
}
.gutter--standalone,.pure-g.gutter>[class*=pure-u] {
border-left:20px #fff solid;
border-right:20px #fff solid;
}
.gutter--vertical {
padding-top:20px;
padding-bottom:20px;
}
header {
position:fixed;
top:0;
left:0;
z-index:99;
background:#fff;
}
@media (max-width:1024px) {
header {
display:none!important;
}
}
nav {
text-align:right;
}
.hero--footer .textbox .content,.hero--footer.hero.hero--footer .content,section .textbox .content,section.hero.hero--footer .content {
text-align:center;
}
nav a {
text-transform:uppercase;
margin-left:40px;
letter-spacing:.1em;
}
.hero--footer>[class*=pure-u],section>[class*=pure-u] {
min-height:200px;
}
@media (min-width:501px) {
.hero--footer>[class*=pure-u],section>[class*=pure-u] {
min-height:200px;
height:40vh;
max-height:1000px;
}
}
@media (min-width:800px) {
.hero--footer>[class*=pure-u],section>[class*=pure-u] {
min-height:200px;
height:55vh;
max-height:1000px;
}
}
@media (min-width:1025px) {
.hero--footer>[class*=pure-u],section>[class*=pure-u] {
min-height:400px;
height:70vh;
max-height:1000px;
}
}
.hero--footer img,section img {
max-width:100%;
}
.hero--footer.hero,section.hero {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/foto1.png) no-repeat #fff;
background-size:cover;
background-position:center bottom;
min-height:80vh;
margin:0;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center;
margin-bottom:20px;
}
.hero--footer.greyblock.subpage,.hero--footer.hero.hero--footer.hero--about,section.greyblock.subpage,section.hero.hero--footer.hero--about {
margin-bottom:20px;
}
@media (min-width:501px) and (max-width:800px) {
.hero--footer.hero,section.hero {
min-height:60vh;
}
}
@media (min-width:801px) and (max-width:1024px) {
.hero--footer.hero,section.hero {
min-height:80vh;
}
}
@media (max-width:500px) {
body,html {
font-size:12px;
}
.gutter--standalone,.pure-g.gutter>[class*=pure-u] {
padding-left:20px;
padding-right:20px;
}
footer .gutter--standalone,.pure-g.gutter>[class*=pure-u] {
padding-left:0px;
padding-right:0px;
}
.hero--footer.hero,section.hero {
background-position:left bottom;
}
.hero--footer.hero h1,section.hero h1 {
display:inline-block;
padding-top:50%;
}
}
@media (min-width:1601px) {
.hero--footer.hero.margin,section.hero.margin {
margin-left:20px;
margin-right:20px;
}
}
.hero--footer.hero.hero--footer,section.hero.hero--footer {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libb.jpg) 20% 30% no-repeat #fff;
background-size:130%;
-webkit-justify-content:flex-start;
-moz-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
@media (min-width:501px) and (max-width:1024px) {
.hero--footer.hero.hero--footer,section.hero.hero--footer {
min-height:400px;
background-position:10% 30%;
}
.hero--footer.hero.hero--footer.hero--about,.hero--footer.hero.hero--footer.hero--about .content,section.hero.hero--footer.hero--about,section.hero.hero--footer.hero--about .content {
height:700px;
}
}
@media (min-width:1025px) {
.hero--footer.hero.hero--footer.hero--about,section.hero.hero--footer.hero--about {
height:800px;
}
.hero--footer.hero.hero--footer.hero--about .content,section.hero.hero--footer.hero--about .content {
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.hero--footer.hero.hero--footer.hero--about .content>div,section.hero.hero--footer.hero--about .content>div {
-webkit-flex-grow:1;
-moz-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.hero--footer.hero.hero--footer .content,section.hero.hero--footer .content {
width:45%;
padding:10%;
}
.hero--footer.hero.hero--footer .content.content--about,section.hero.hero--footer .content.content--about {
padding:3%;
}
}
.hero--footer.hero.hero--footer .content blockquote,section.hero.hero--footer .content blockquote {
font-size:1.5em;
line-height:1.6em;
font-weight:700;
}
.hero--footer.hero.hero--footer .content a,section.hero.hero--footer .content a {
font-size:.8em;
text-transform:uppercase;
}
.hero--footer .textbox,section .textbox {
background:#e7e7e4;
}
@media (min-width:501px) {
.hero--footer .textbox .content,section .textbox .content {
height:100%;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.hero--footer .textbox .content div,section .textbox .content div {
max-width:435px;
}
}
.hero--footer .textbox .content a,section .textbox .content a {
display:inline-block;
margin-top:2em;
text-transform:uppercase;
font-size:.9em;
}
.hero--footer.greyblock,section.greyblock {
display:block;
background:#e7e7e4;
padding:90px 90px 70px;
}
@media (max-width:1024px) {
.hero--footer.greyblock,section.greyblock {
padding:40px 40px 0;
}
}
@media (max-width:500px) {
.hero--footer.greyblock,section.greyblock {
padding:30px 30px 0;
}
}
.hero--footer.greyblock>[class*=pure-u],section.greyblock>[class*=pure-u] {
height:auto;
}
.hero--footer.greyblock h4,section.greyblock h4 {
margin-top:0;
}
.hero--footer.greyblock .content,section.greyblock .content {
max-width:500px;
}
@media (max-width:800px) {
.hero--footer.greyblock .content,section.greyblock .content {
max-width:400px;
}
}
.hero--footer.greyblock .image_grid,section.greyblock .image_grid {
text-align:right;
padding-left:10%;
padding-right:45px;
display:block;
position:relative;
}
.hero--footer.greyblock .image_grid ul,section.greyblock .image_grid ul {
margin:0;
padding:0;
}
@media (max-width:500px) {
.hero--footer.greyblock .image_grid,section.greyblock .image_grid {
padding:0;
}
}
.hero--footer.greyblock .image_grid img,section.greyblock .image_grid img {
width:50%;
max-width:100%;
padding:0 10px 20px;
margin:0;
display:block;
float:left;
position:relative;
}
@media (max-width:1024px) {
.hero--footer.greyblock .image_grid img,section.greyblock .image_grid img {
padding:0 12px 24px;
}
}
.hero--footer .foto,section .foto {
background:#ccc;
background-size:cover;
}
.hero--footer .foto-2,section .foto-2 {
background-image:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/foto2.png);
}
.hero--footer .foto-3,section .foto-3 {
background-image:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/foto3.png);
}
.hero--footer .foto-4,section .foto-4 {
background-image:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/foto4.png);
}
.slider {
position:relative;
}
.slider .slide {
display:block;
width:100%;
background-position:center center;
background-size:cover;
background-repeat:no-repeat; }
@media (max-width:500px) {
.hero--footer.greyblock .image_grid img,section.greyblock .image_grid img {
padding:0 8px 16px;
}
.slider .slide .image,.slider .slide img {
line-height:0;
}
.slider .slide .grey {
padding:20px;
}
}
.slider .slide-2 {
display:none;
position:absolute;
top:0;
margin-top:0;
}
footer p {
font-size:.9em;
}
footer a,footer p {
font-weight:700;
line-height:1.2em;
}
footer .imprint--link {
text-align:right;
margin-top: 20px;
}
footer .imprint--link a {
display:block;
}
input,textarea {
border:none;
border-radius:4px;
background:#f3f3f2;
padding:10px 15px;
width:100%;
max-width:320px;
}
input[type=submit],textarea[type=submit] {
background:0 0;
border:2px solid #000;
color:#000;
-moz-transition:background .2s ease,color .2s;
transition:background .2s ease,color .2s;
}
input[type=submit]:hover,textarea[type=submit]:hover {
background:#000;
color:#fff;
}
.grey {
background:#e7e7e4;
}
.logo_footer {
width:100px;
height:30px;
}
@-webkit-keyframes about-animation {
0%,100%,35% {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libb.jpg) 20% 30% no-repeat #fff;
background-size:cover;
}
50%,85% {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libo.jpg) 20% 80% no-repeat #fff;
background-size:cover;
}
}
@-moz-keyframes about-animation {
0%,100%,35% {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libb.jpg) 20% 30% no-repeat #fff;
background-size:cover;
}
50%,85% {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libo.jpg) 20% 80% no-repeat #fff;
background-size:cover;
}
}
@keyframes about-animation {
0%,100%,35% {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libb.jpg) 20% 30% no-repeat #fff;
background-size:cover;
}
50%,85% {
background:url(//www.corpore.at/wp-content/themes/tin-corpore/assets/img/libo.jpg) 20% 80% no-repeat #fff;
background-size:cover;
}
}
@-webkit-keyframes slider-2 {
0%,100%,60% {
display:none;
opacity:0;
}
1%,59% {
display:block;
opacity:0;
}
10%,50% {
display:block;
opacity:1;
}
}
@-moz-keyframes slider-2 {
0%,100%,60% {
display:none;
opacity:0;
}
1%,59% {
display:block;
opacity:0;
}
10%,50% {
display:block;
opacity:1;
}
}
@keyframes slider-2 {
0%,100%,60% {
display:none;
opacity:0;
}
1%,59% {
display:block;
opacity:0;
}
10%,50% {
display:block;
opacity:1;
}
}
.wpcf7-form.sent,.wpcf7-mail-sent-ok {
display:none!important;
}
@media (max-width:500px) {
.hero--start {
padding:20px;
}
.hero--footer--start {
min-height:50vh!important;
}
.hero--footer--start .content {
width:65%;
padding:0;
}
.hero--footer--start .content blockquote {
font-size:10px!important;
}
}
@media (min-width:501px) and (max-width:1024px) {
.hero--footer--start .content {
width:45%;
padding:0;
}
}
@media (min-width:1025px) {
.hero--footer--start .content {
width:45%;
padding:0;
}
}
@media (max-width:768px) {
footer .imprint--link {
text-align:right; }
}
@media (max-width:500px) {
.paradeiser a:last-child {
display:none!important;
}
footer .imprint--link {
text-align:right;
margin-top: -70px;
}
}
.paradeiser {
position:fixed;
top:0;
left:0;
z-index:999;
width:100%;
height:50px;
background:rgba(255,255,255,.95);
box-shadow:0 2px 2px 0 rgba(0,0,0,.02),0 2px 10px 0 rgba(0,0,0,.1);
-moz-transition:top .4s ease;
transition:top .4s ease;
-webkit-backdrop-filter:blur(10px) saturate(100%);
backdrop-filter:blur(10px) saturate(100%);
display:none;
}
.paradeiser.headroom--pinned {
top:0;
}
.paradeiser.headroom--unpinned {
top:-50px;
}
@media (max-width:1024px) {
body {
margin-top:50px;
}
.paradeiser {
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}
}
.paradeiser .paradeiser_dropdown,.paradeiser a {
position:relative;
z-index:5;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin:0;
padding:0;
color:#9b9b9b;
text-align:center;
text-decoration:none;
font-weight:400;
font-size:6.5px;
font-family:-apple-system,-apple-system-body,Roboto,"Helvetica Neue","Segoe UI",Arial,sans-serif;
cursor:pointer;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-flex-grow:5;
-moz-box-flex:5;
-ms-flex-positive:5;
flex-grow:5;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
@media (min-width:1024px) {
.paradeiser.headroom--unpinned {
top:-60px;
}
.paradeiser {
height:60px;
}
.paradeiser .paradeiser_dropdown,.paradeiser a {
font-size:13px;
}
}
.paradeiser .paradeiser_dropdown.active,.paradeiser .paradeiser_dropdown:hover,.paradeiser a.active,.paradeiser a:hover {
background:#eaf6fa;
}
.paradeiser .paradeiser_icon_canvas {
display:block;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
margin:0 auto;
width:100%;
height:20px;
color:#000;
text-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.paradeiser .paradeiser_icon_canvas img {
display:block;
margin:0;
max-width:20px;
width:100%;
height:auto;
}
.paradeiser span {
margin-top:5px;
font-size:6.5px;
}
.paradeiser span.paradeiser_dropdown {
margin-top:0;
}
.paradeiser span.paradeiser_dropdown>a {
width:100%;
}
.paradeiser .paradeiser_logo {
max-width:40px;
width:100%;
}
.paradeiser ul.paradeiser_children {
position:fixed;
top:50px;
bottom:0;
left:0;
z-index:998;
visibility:hidden;
margin:0;
padding:0;
width:100%;
height:auto;
text-align:center;
opacity:0;
-moz-transition:opacity .4s;
transition:opacity .4s;
pointer-events:none;
}
@media (min-width:1024px) {
.paradeiser span {
font-size:13px;
}
.paradeiser ul.paradeiser_children {
top:60px;
}
}
.paradeiser ul.paradeiser_children.open,.paradeiser ul.paradeiser_children:target {
visibility:visible;
opacity:1;
-moz-transition:opacity .4s;
transition:opacity .4s;
pointer-events:auto;
}
.paradeiser ul.paradeiser_children li {
display:inline-block;
width:100%;
background:#4a4a4a;
text-align:center;
}
.paradeiser ul.paradeiser_children li a {
display:inline-block;
padding:15px 0;
width:100%;
color:#fff;
font-size:15px;
}
.paradeiser ul.paradeiser_children li a:hover,.paradeiser ul.paradeiser_children li span:hover {
background:#575757;
}
.paradeiser ul.paradeiser_children li:last-child {
height:100%;
background:0 0;
}
.paradeiser ul.paradeiser_children li:last-child a {
display:block;
height:100%;
background:rgba(0,0,0,.8);
-webkit-backdrop-filter:blur(10px) saturate(100%);
backdrop-filter:blur(10px) saturate(100%);
}
@media (max-width:500px) {
.paradeiser-hidden-phone {
display:none!important;
}
}
@media (min-width:501px) and (max-width:1024px) {
.paradeiser-hidden-tablet {
display:none!important;
}
}
@media (min-width:1025px) {
.paradeiser-hidden-desktop {
display:none!important;
}
}
.image_grid-1 img {
width:100%!important;
}
.header-nav {
position:relative;
}
.header-btn-neu {
position:absolute;
right:980px;
top:45%;
}
@media screen and (max-width: 1560px) {
nav a {
margin-left:20px;
}
.header-btn-neu {
right:880px;
}
}
@media screen and (max-width: 1100px) {
.header-btn-neu {
display:none;
}
nav a {
font-size:.9em;
}
}
.hamburger {
width:2em;
height:2em;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
cursor:pointer;
position:relative;
background:none;
border:none;
text-indent:-999999px;
z-index:9999;
position:absolute;
right:1em;
}
.hamburger span {
display:block;
position:absolute;
height:3px;
width:100%;
background:#1e1e1e;
opacity:1;
left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
}
.hamburger span:nth-child(1) {
top:0;
}
.hamburger span:nth-child(2),.hamburger span:nth-child(3) {
top:6px;
}
.hamburger span:nth-child(4) {
top:12px;
}
.hamburger.open span:nth-child(2) {
-webkit-transform:rotate(45deg)!important;
-moz-transform:rotate(45deg)!important;
-o-transform:rotate(45deg)!important;
transform:rotate(45deg)!important;
}
.hamburger.open span:nth-child(3) {
-webkit-transform:rotate(-45deg)!important;
-moz-transform:rotate(-45deg)!important;
-o-transform:rotate(-45deg)!important;
transform:rotate(-45deg)!important;
}
.hamburger.open span:nth-child(1) {
top:6px;
width:0;
left:50%;
}
.hamburger.open span:nth-child(4) {
top:6px;
width:0;
left:50%;
}
.hamburger span {
padding:0!important;
}
.hamburger.open span {
background-color:#000;
}
.hamburger-menu {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
display:flex;
align-items:center;
flex-wrap:wrap;
visibility:hidden;
opacity:0;
transition:.3s;
}
.header-open .hamburger-menu {
visibility:visible;
opacity:1;
}
.hamburger-menu-inner {
flex:0 0 100%;
width:100%;
max-width:100%;
}
@media screen and (max-width: 1024px) {
.paradeiser {
justify-content:space-between;
align-items:center;
padding:0 1em;
}
.paradeiser .paradeiser_dropdown,.paradeiser a,.hamburger {
justify-content:inherit;
flex:0 0 auto;
}
.paradeiser span {
font-size:16px;
padding:.5em 0;
}
}
.contact-block {
display:flex!important;
align-items:stretch;
}
.contact-block iframe {
height:100%;
min-height:450px;
}
.hamburger-menu-inner .header-btn-neu {
display:block;
position:static;
margin-bottom:-2.5em;
margin-left: -38em;
}
.hamburger-menu-inner {
height: 100vh;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
}
footer .imprint--link a {
display: table;
margin-left: auto;
}
.slider .slide {
min-height: auto !important;
}