body {
         margin-top: 0;
         padding: 0;
         color: #000;
         background-color: #fff;
         font-family: 'Anaheim', sans-serif, arial;
         letter-spacing: 0.1em;
         word-spacing: 0.1em;
         line-height: 1.2em;
         font-size: 90%;
         z-index: 0;
}

a, a:active, a:visited {
         color: #000;
         background-color: transparent;
}

a:hover {
         color: #444;
         background-color: transparent;
}

a:focus {
         outline: none;
         color: #000;
         background-color: transparent;
}

ul {
         margin: 0px;
         padding: 0px;
}

li {
         margin: 0px;
         padding: 0px;
         list-style: none;
}

#container { /* ! Important: do not set z-index here ! */
         position:absolute;
         top: 50%;
         left: 50%;
         width: 75vw;
         max-width: 1200px;
         min-width: 768px;
         height: calc(75vw*9/16);
         max-height: 675px;
         min-height: 432px;
         margin:auto;
         -ms-transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translate(-50%,-50%);
         transform: translate(-50%,-50%);
         background-color: #fff;
         overflow: visible; /* ! Important: set to visible for header and copyright div's ! */
}

#top_menu {
         position: absolute;
         top: 0px;
         right: 0px;
         margin: -2em 0px 0px 0px;
         padding: 0px;
}

#top_menu a, .privacy {
         font-size: 1em;
         word-spacing: 0.2em;
         letter-spacing: 0.1em;
         font-weight: normal;
         font-style: normal;
         text-decoration: none;
}

.margin_lang {
         margin-left: 1.5em;
}

.margin_lang:last-of-type {
         margin-left: 0.5em;
}

.active {
         color: #444;
}

#menu {
         position: absolute;
         top: 0px;
         left: -2em; /* ! Important: set 2em. See also scroll_v.css The #menu_arrow_i div's are set in the MenuItems.js script */
         height: 95%; /* height required. adjust to suit also in scroll_v.css */
         width: 25%; /* width required. adjust to suit also in scroll_v.css (!! add here +25px scrollbars_weedth for quirks_mode !!) */
         margin: 0px;
         padding: 0px 2em 0px 0px;
         background-color: transparent;
}

#menu_min_height {  /* ! Important: min-height is set in setcontent.js to prevent scroll behavour on small vp height */
         height: calc(75vw*9/16);
         margin: 0px;
         padding: 0px;
}

#menu ul {
         padding: 0px 0px 0px 2em; /* ! Important: set 2em. See also scroll_v.css The #menu_arrow_i div's are set in the MenuItems.js script */
         margin: 0px 0px 10em 0px; /* ! Important: set margin-bottom 10em or more. Required to assure view of menu-text-size-largest */
}

#menu li {
         font-size: 1em;
         margin: 0px;
         padding: 0px 1em 1.2em 0px;
}

#menu li a, .caption_link {
         text-decoration: none;
}

.menu_arrow { /* The #menu_arrow_i div's are set in the MenuItems.js script (width & height are 2em) see also scroll_v.css */
         position: relative;
         top: -0.4em;
         left: 0px;
         height: 2em;
         width: 2em;
         margin:0px 0px 0px -2em;
         padding:0px;
         background-color:transparent;
         background:url(img/arrow.png);
         background-position: 0 0;
         background-size: 100% 100%;
         background-repeat: no-repeat;
         float:left;
}

#canvas {
         position:absolute;
         top:0px;
         left:25%;
         width:75%;
         height:75%;
         margin: 0px;
         padding: 0px;
         background-color: transparent;
}

#foto, #video, #video_frame  {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:100%;
         margin: 0px;
         padding: 0px;
         border: 0px;
         overflow:hidden;
}

#foto_canvas {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:100%;
         background-color: transparent;
         background:url(img/canvas.jpg);
         background-size:100% 100%;
         background-repeat:no-repeat;
         overflow:hidden;
         z-index: 1;
}

#play {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:100%;
         margin: 0px;
         padding: 0px;
         overflow:hidden;
         z-index: 1;
         display: none;
}

#pause {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:100%;
         margin: 0px;
         padding: 0px;
         overflow:hidden;
         z-index: 1;
}

#play_pause {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:85%;
         margin: 0px;
         padding: 0px;
         overflow:hidden;
         z-index: 1;
}

#caption {
         position: absolute;
         top:75%;
         left:25%;
         width:75%;
         height:25%;
         margin: 0px;
         padding: 0px;
         background-color: transparent;
         display: block;
}

#caption p {
         max-width:100%;
         font-size: 0.9em;
         margin: 0px;
         padding: 0px;
}

#caption p:first-of-type {
         padding-top: 3em;
}

#caption p:nth-of-type(2) {
         padding-top: 1em;
}

#caption p:last-of-type {
         padding-top: 1.3em;
}

#nav {
         position: absolute;
         top: 0px;
         right: 0px;
         margin: 0.8em 0px 0px 0px;
         padding: 0px;
}

#nav a {
         font-size: 0.9em;
         text-decoration: none;
}

.link_padding {
         padding: 0.6em 2.5em 0px 0px;
}

#fotobutton {
         position:absolute;
         top:0.25em;
         right:0px;
         width:2em;
         height:2em;
         background-color: transparent;
}

#fotobutton_n {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:100%;
         margin: 0px;
         padding: 0px;
         background-color: transparent;
         background:url(img/foto_n.png);
         background-position: 0 0;
         background-size:100% 100%;
         background-repeat:no-repeat;
         z-index: 1;
}

#fotobutton_h {
         position:absolute;
         top:0px;
         left:0px;
         width:100%;
         height:100%;
         margin: 0px;
         padding: 0px;
         background-color: transparent;
         background:url(img/foto_h.png);
         background-position: 0 0;
         background-size:100% 100%;
         background-repeat:no-repeat;
         z-index: -1;
}

#contact, #privacy {
         position:absolute;
         top:0px;
         left:25%;
         width:75%;
         height:100%;
         margin: 0px;
         padding: 0px;
         -webkit-text-size-adjust:100%; /* correction for the iphone paragraph-auto-resize */
}

#contact p {
         font-size: 1em !important;
         margin: 0px;
         padding: 0px 0.5em 0.4em 0.5em;
}

#contact p:last-of-type {
         padding-bottom: 0em;
}


#contact p a {
        text-decoration: none;
}

.paragraph {
        padding-bottom: 1.2em;
}

.paragraph:last-of-type {
        padding-top: 1.2em;
        padding-bottom: 2.4em;
}

#footer {
         position: absolute;
         bottom: -60px;
         left: 0px;
         width: 23%; /* ! Important: minimize padding-right to caption for small screen resolutions ! */
         margin: 0px 0px 0px 0px;  /* ! Important: align the copright to the menue arrow set margin-left to -1.3em ! */
         padding: 0px;
}

#footer p {
         font-size: 0.8em;
         word-spacing: 0em;
         margin: 0;
}

.small {
         font-size: 0.8em !important;
         padding-top: 0.8em !important;
}

.marginleft {
    margin-left:3.6em;   
}

.nowrap {
         white-space:nowrap;
}

.floatleft {
    float: left;
}

.clearer {
    clear: both;
}

/* START PrivacyBee */
.KFaIpG_wrapper {
    max-width: 100% !important;
    padding: 2px 0.5em 0.4em 0.5em !important;
}
.KFaIpG_text,
.oSc-KW_listWrapper,
._7Q79CG_techWrapper {
    max-width: 100% !important;
}
.oSc-KW_listWrapper {
    row-gap: 0.4em !important;
    column-gap: 0.4em !important;
}
.KFaIpG_mt6 a {
  margin: 0 !important;
  padding: 0 !important;
}
.CCca4W_expandableWrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
.CCca4W_expandableMain,
.CCca4W_expandableLeft,
.CCca4W_expandableRight {
  display: flex !important;
}
.KFaIpG_h1.KFaIpG_pt14 {
  color: #000000;
  font-size: 1em !important;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 0.45em 0 !important;
  padding: 0 !important;
}
#data-protection-header.KFaIpG_h1.KFaIpG_mt14 {
    color: #000000;
    font-size: 1em !important;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 1.2em !important;
    padding: 0 !important;
  }
.KFaIpG_h2.KFaIpG_mt14,
.KFaIpG_h2.KFaIpG_pt14 {
  color: #000000;
  font-size: 1em !important;
  font-weight: 400;
  margin-top: 0 !important;
}
.KFaIpG_h3.KFaIpG_mt6,
.KFaIpG_htmlText.KFaIpG_mt2 strong,
.KFaIpG_text.KFaIpG_mt2 strong {
  color: #000000;
  font-size: 1em !important;
  font-weight: 400;
  margin-top: 0 !important;
}
.KFaIpG_link,
.CCca4W_expandableName,
.KFaIpG_text.undefined,
.CCca4W_expandableDescription,
.CCca4W_expandableTag,
.CCca4W_expandableRightText,
.KFaIpG_link.KFaIpG_block {
    font-size: 1em !important;
    line-height: 1.2em !important;
}
a.KFaIpG_link, .KFaIpG_text.KFaIpG_htmlText.KFaIpG_mt2 a {
    font-size: 1em !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    color: #000000;
}
.KFaIpG_text,
.KFaIpG_text.KFaIpG_mt2,
.KFaIpG_text.KFaIpG_mt6,
.CCca4W_expandableText,
.KFaIpG_listElement,
.KFaIpG_listElement strong {
  color: #000000 !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: 1.2em !important;
  margin-top: 0 !important;
}
.CCca4W_expandableText strong {
  font-weight: 400 !important;
}
.CCca4W_expandableText a {
  text-decoration: none !important;
}
.KFaIpG_text.undefined {
    margin:0 0 1.25em 0 !important;
    padding: 0;
    line-height: 1.2em !important;
}
.KFaIpG_mt6, .KFaIpG_text.KFaIpG_mt6 {
    margin-top: 0.4em !important;
}
.KFaIpG_mt6 a {
  color: #000000 !important;
}
.CCca4W_expandableName,
.CCca4W_expandableRightText,
.CCca4W_expandableTag {
  color: #000000 !important;
  font-weight: 400 !important;
}
.CCca4W_expandableMain:hover,
.KFaIpG_mt6 a:hover,
.CCca4W_expandableName:hover,
.CCca4W_expandableImage:hover,
.CCca4W_expandableRight:hover,
a.KFaIpG_link:hover,
.KFaIpG_text.KFaIpG_htmlText.KFaIpG_mt2 a:hover
 {
  color: #444444 !important;
}
.KFaIpG_list .KFaIpG_listElement {
  display: list-item;
  list-style: disc;
  font-size: 1em !important;
}
.CCca4W_expandableTagMobile {
  display: none !important;
}