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

html {
font-family: sans-serif;
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
box-sizing: border-box;
background-color: #fff;
}

*, 
*:before, 
*:after {
box-sizing: inherit;
font-size: inherit;
}

blockquote,
h1, h2, h3, h4, h5,
p,
ul,
ol,
dl, dt, dd,
table,
table *,
fieldset,
figure,
body {
margin: 0;
padding: 0;
}

table,
table * {
border: none;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
text-align: left;
}

ul,
ol {
list-style: none;
}

fieldset {
border: none;
}

button,
input,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
margin: 0;
padding: 0;
}

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

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

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

/**** BROWSER RESET ***/
/* IE */
figcaption,
figure,
main {
display: block;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
overflow: visible;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[hidden] {
display: none;
}
* html .clear {
zoom: 1;
}
*:first-child+html .clear {
zoom: 1;
}
/* IE FF */
button,
select {
text-transform: none;
}
/* FF */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0;
}
/* IE iOS Safari */
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
/* iOS Safari */
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* WebKit iOS Safari */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/* Chrome */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/* Chrome Safari */
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}/* list */
.text ul,
.text ol {
overflow: hidden;
width: 100%;
float: left;
padding: 0 0 0 3em;
margin-bottom: -0.75em;
}

.text ul:last-child,
.text ol:last-child {
margin-bottom: 0;
}

.text li {
position: relative;
padding: 0.75em 0 0 0;
}

.text ul {
padding-left: 3em;
}

.text ul li:before {
position: absolute;
content: "–";
top: 0.7em;
left: -1.25em;
float: left;
font-size: 100%;
}

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

.text ol {
list-style: decimal;
}

/* text */
.text p {
display: block;
clear: both;
padding-top: 1.5em;
}

.text table p,
.text p:first-child {
padding-top: 0;
}

.text a {
text-decoration: underline;
}

/* table */
.table-wrapper.scroll {
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
margin-right: 0;
}

.table-wrapper table {
min-width: 320px !important;
}

.text table {
width: auto !important;
float: left;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
border: none;
margin-top: 1.2em;
}

.text .table-wrapper:first-child table {
margin-top: 0;
}

.text table *:not(.align-r,.align-c) {
text-align: left;
}

.text table caption {
padding: 0.75em 0;
margin-top: -0.75em;
}

.text table td,
.text table th {
vertical-align: top;
padding: 0.75em 1em 0.75em 0;
border-bottom: 1px solid #000;
}

.text table th {
white-space: nowrap;
border: none;
}

.text table thead th,
.text table tbody tr:first-child td {
border-top: 1px solid #000;
}

.text table tfoot tr:last-child th {
border-bottom: 1px solid #000;
}

.text table td:last-child,
.text table th:last-child {
padding-right: 0;
}

/* align */
.align-r {
text-align: right;
}

.align-l {
text-align: left;
}

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

.fl {
float: left;
}

.fr {
float: right;
}

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

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

/* wrappers */
.center {
margin: 0 auto;
}

.box {
width: 100%;
float: left;
}

.wrap {
padding: 2em;
}

.c-100 {
width: 100%;
}

.c-50 {
width: 50%;
}

.c-33 {
width: 33.333333333333333333%;
}

.c-25 {
width: 25%;
}

/* global scroll overflow */
html {
overflow-y: scroll;	
}

html.open-menu,
html.open-menu body {
overflow: hidden;
}

html.open-menu {
border-right: 15px solid #fff;
}

html.open-menu #header {
padding-right: 15px;
}

html.no-mouse.open-menu {
border-right: none;
}

html.no-mouse.open-menu #header {
padding-right: 0;
}

/* form */
button,
input,
select,
textarea {
border: none;
background-color: #fff;
}

textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
overflow: auto;
}

label[for],
input[tape=radio],
input[tape=checkbox],
button {
cursor: pointer;
}

button,
input[type=text],
input[type=url],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=button],
input[type=color],
input[type=reset],
input[type=submit],
input[type=search],
textarea {
border-radius:0;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-text-fill-color: #000;
-moz-text-fill-color: #000;
-o-text-fill-color: #000;
-ms-text-fill-color: #000;
text-fill-color: #000;
padding: 0;
line-height: inherit;
}

input[type=date],
input[type=month],
input[type=week],
input[type=datetime-local] {
padding: 0;
line-height: 100%;
}

input[type=color],
input[type=range] {
padding: 0;
height: 1.5em;
font-size: 100%;
line-height: 100%;
float: left;
}

input[type=radio],
input[type=checkbox] {
padding: 0;
margin: 0;
height: 1.5em;
width: 1.5em;
float: left;
}

input[type=radio] {
border-radius: 50%;
}

button {
width: auto;
min-width: 1em;
border-radius: 0;
padding: 0;
line-height: inherit;
}

label {
width: auto;
float: left;
padding: 0;
line-height: inherit;
}

select {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
border-radius: 0;
outline: none !important;
background-color: transparent;
background-color: rgba(255,255,255,0);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:window;
-ms-appearance: none;
-o-appearance: none;
overflow: hidden;
text-overflow: ellipsis;
}

input:focus,
textarea:focus {
outline: none;
outline: -webkit-focus-ring-color 0 0;
}

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

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


/* selection */
img,
audio,
video,
canvas,
iframe,
a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.text *,
form input,
form select,
form textarea {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-o-user-select: text;
user-select: text;
}

*::selection,
input::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

textarea::selection {
background: #000;
color: #fff;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
}

::selection {
background: #000;
color: #fff;
text-decoration: none;
}

/* placeholder */
::-webkit-input-placeholder {
font-family: inherit;
color: #000;
-webkit-text-fill-color: #000;
}

::-moz-placeholder {
font-family: inherit;
color: #000;
-moz-text-fill-color: #000;
}

:-ms-input-placeholder {
font-family: inherit;
color: #000;
-ms-text-fill-color: #000;
}

:-moz-placeholder {
font-family: inherit;
color: #000;
-moz-text-fill-color: #000;
}

/* reset animation on resize and loading */
.close-menu #header,
.opening-menu #header,
.close-menu #menu *,
.opening-menu #menu *,
.loading *,
.resizing * {
transition: all 0s ease-in-out !important;
}

/* reset Magnolia 6 Bug */
div.mgnlEditorBar.area ~ div.mgnlPlaceholder, 
div.mgnlEditorBar.area ~ * div.mgnlPlaceholder {
float: left !important;
width: 100% !important;
margin-bottom: 20px !important;
}
/* font size and style */
* {
font-family: 'Helvetica-Light', 'Helvetica Light', Helvetica, Arial, sans-serif, 'Sans Serif';
font-weight: normal;
text-rendering: optimizeLegibility;
}

input,
button,
textarea {
font-family: 'Helvetica-Light', 'Helvetica Light', Helvetica, Arial, sans-serif, 'Sans Serif';
font-weight: normal;
}

#menu li a.active,
.info strong,
.headline,
.headline *,
.title-1,
.title-1 *,
.title-2,
.title-2 *,
.text strong,
.text table th,
.text table th *,
.text table caption {
font-weight: bold;
}

.headline {
font-size: 3em;
line-height: 160%; /* 48px line-height */
}

.title-1 {
font-size: 2.4em;
line-height: 150%;
padding: 0.1em 0 0.4em 0; /* 48px line-height */
}

.title-2 {
font-size: 1.6em;
line-height: 150%; /* 24px line-height */
}

#menu a,
.anchor-menu-wrapper a,
.gallery .caption,
.image figcaption,
.text * {
font-size: 1.6em;
line-height: 150%; /* 24px line-height */
}

#menu a {
line-height: 175%; /* 28px line-height */
}

/* reset */
.headline *,
.title-1 *,
.title-2 *,
.text * * {
font-size: 100% !important;
}

#menu a {
text-decoration: none;
}
/* text color */
* {
color: #000;
}

/* background color */

/* border color */

/* svg color *//* wrapper */
#container {
padding: 10em 0;
}
.page-w {
max-width: 106.4em;
}

/* text */
.component {
padding-bottom: 4.8em;
}

.statusGood {
	color: green;
	font-weight: bold;
}

.statusBad {
	color: red;
	font-weight: bold;
}

/* cms: error warning */
.cms.error {
width: 100%;
float: left;
margin: 1em 0;
padding: 1em;
color: #fff;
background-color: #dd0000;
font-size: 12px;
}

/* cms: information box */
.cms.info {
width: 100%;
float: left;
margin: 1em 0;
padding: 1em;
background-color: #dddd00;
font-size: 12px;
}

.cms.info input {
width: 100%;
float: left;
overflow: hidden;
text-overflow: ellipsis;
background-color: #dddd00;
font-size: 12px;
line-height: 20px;
}

.cms.error p,
.cms.info p {
padding: 0;
}

/* form */
.submit-send-message {
display: none;
}

.form-wrapper fieldset.large {
width: 100%;
float: left;
}

.form-wrapper fieldset.small {
width: 50%;
float: left;
}

.form-wrapper .text fieldset.small:nth-child(odd) {
padding: 0 0 0 0.71428571428571em;
}

.form-wrapper .text fieldset.small:nth-child(even) {
padding: 0 0.71428571428571em 0 0;
}

.form-item,
.form-item > .box {
position: relative;
width: 100%;
float: left;
}

.form-item {
margin: 0.5em 0;
box-sizing: border-box;
}

.form-item > .box {
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
z-index: 1;
}

.form-item.radio > .box,
.form-item.checkbox > .box {
/*box-shadow: none;*/
}

.form-item .select-wrapper,
.form-item input.txt,
.form-item textarea.txt {
width: 100%;
float: left;
position: relative;
z-index: 2;
background-color: transparent !important;
padding: 0.5em;
}

.form-item.error .select-wrapper {
padding: 0.375em;
}

.form-item input.txt {
overflow: hidden;
text-overflow: ellipsis;
}

.form-item .select-wrapper:after {
position: absolute;
top: 50%;
right: 0;
width: 1em;
height: 1em;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
content: "";
float: left;
margin: -0.75em 1em 0 0;
pointer-events: none;
}

.form-item label {
position: absolute;
top: 0;
left: 0;
width: auto;
float: left;
z-index: 3;
padding: 0.5em;
pointer-events: none;
}

.form-item.radio label,
.form-item.checkbox label {
position: relative;
pointer-events: inherit;
padding: 0.1em 0.5em;
}

.form-item.radio > .box .block-label,
.form-item.checkbox > .box .block-label {
padding: 0.5em 2em 0 0;
width: 100%;
float: left;
}

.form-item > .radio-fieldset {
width: 100%;
float: left;
}

.form-item.radio input,
.form-item.checkbox input {
position: relative;
float: left;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
margin: 0 0.5em 0 0;
width: 20px;
height: 20px;
}

.form-item.error.checkbox input,
.form-item.radio.error input {
border: 2px solid #000;
}

.form-item.radio.active:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
float: left;
margin: 4px;
float: left;
pointer-events: none;
}



#event #content .component .text .form-item button.submit,
#page #content .component .text .form-item button.submit {
text-transform: uppercase;
color: #fff !important;
-webkit-text-fill-color: #fff;
-moz-text-fill-color: #fff;
-o-text-fill-color: #fff;
-ms-text-fill-color: #fff;
text-fill-color: #fff;
background-color: #000 !important;
padding: 0.5em 2em;
float: left;
width: auto;
margin-top: 3em;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);

}
.submit {
	border: 1px !important;
	border-color: black !important;;
	cursor: pointer !important;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}


.form-container .form-wrapper > .text > .wrap:first-child {
padding-top: 4em;
border-top: 2px solid #fff;
}@media only screen and (min-width : 1920px) {

}

@media only screen and (max-width : 768px) {

}/* hover */