
#box_bg {
  position:absolute;
  left:0;top:0;
  z-index:-2;
  width: 95vw;
  height: 100vh; }
/*#box_bg .svginside {
  height: 99vh !important;
  width: 99vw !important; }
#box_bg #OurArtIsLogo {
  object-fit: cover;
  object-position: left center; }*/
/*#box_bg, #box_bg .mod-custom, #box_bg .svginside, #box_bg canvas, #box_bg #OurArtIsLogo*/


body {
  background: url(../images/logo-bg.svg) no-repeat;
  background-size:cover;
  background-attachment: fixed; }

#box_anker {
  position:absolute;
  left:0;top:0;
  height:100%;
  width:100%;
  z-index:-1; }

#box_header {
  position:relative;
  z-index:20;
  left:0;top:0;}

#box_logo {
  width:48.5%;
  margin:0% 0% 1.6% 0%;}

#box_menumobile {
  position:absolute;
  z-index:99;
  right:0;top:0;
  margin:0 2.5%; }

#box_menuconti {
  position:absolute;
  z-index:33;
  right:0;bottom:0;
  text-align:right;
  width:45%;
  margin:0 2.5%; }
#box_menu {
  transform:translateY(16em) !important;
  margin:-2.0rem 0 -0.4rem;  }
#box_menusub {
  transform:translateY(-2.05em);
/*  transform:translateY(1.3em); falls unter menue-Ebene-0*/}
#box_menusubm {
  margin:-1.3% 0 4%;
  text-align:right;
  display:none; }
#box_menusu, #box_suche {
  position:absolute;
  right:0;bottom:0;
  text-align:right; }
#box_menusu {
  width:75%;
  margin:0 27.5%;}
#box_suche {
  width:24.98%;
  margin:0 2.5%; }
#box_suche input {background-color: #fefefe; /*funktioniert nicht in fff!*/
  border:none;
  text-align:right;
  padding-top:0.2em;}
.search-suche {
  margin:1.05em 0 -1.05em; }

#box_spot {
  position:absolute;
  z-index:11;
  right:0; top:18.2vw;
  width:37.5%;
  margin: 0 2.5%;
  padding:0;}

/*#box_spotm {
  margin:1.5em 2.5% 0;
  padding:0;
  display:none;}*/

#box_content {
  position:relative;
  z-index:10;
  left:0;top:0;
  padding-bottom:2.0em; }

#box_leading, #box_maiding {
  position:relative;
  z-index:10;
  left:0;top:0;
  width:95%;
  margin:0 auto; }
#box_leading {}
#box_maiding {
  margin-top:4.5rem; }

#box_pfad {
  text-align:right;
  margin:-0.7rem 0 0.7rem 0; }
#box_top {}

#box_main {
  position:relative;
  z-index:10;
  left:0;top:0;
  width:66%;
  max-width:48em;
  margin:0 auto;
  padding:0;}

#box_texttop {
  margin-bottom:3rem;}
#box_textbottom {
  margin-top:3rem;}

#box_left, #box_right {
  position:absolute;
  z-index:10;
  top:0;
  width:15%;}
#box_left {
  left:0;
  margin-right:2%;
  text-align:right;}
#box_right {
  right:0;
  margin-left:2%;
  text-align:left;}

#box_footer {
  position:fixed;
  z-index:33;
  left:0;bottom:0;
  width:100%;
  margin:0;padding:0;}

#box_darr {
  position:absolute;
  z-index:22;
  left:0; bottom:1.0rem;
  width:100%;
  margin: 0 auto; }

#box_bottom {
  position:absolute;
  z-index:10;
  left:0;bottom:0;
  max-width:76.9%;
/*  border-top: 2px dashed #000;
  border-right: 2px dashed #000;*/
  padding:0.2em 1.5% 0 2.5%;
  margin-bottom: -0.5em; }

#box_ogol {
  position:absolute;
  z-index:10;
  right:0;bottom:0;
  text-align:right;
  max-width:16%;
  padding:0.3em 2.0% 0 0.5%;
  margin-bottom:0.2em;}

#box_uarr {
  position:fixed;
  right:2.0%;  
bottom:1.5rem;
  width:1.9rem;
  z-index:55; }


/* $$$$$$$$$$$$$$$$$$$$$$*/
/* Zustand -0 */
@media (max-width: 991.98px) {
#box_logo {
  width:48.0%;
  margin:0 0 1.6% 0;}
#box_menu {
  margin:-1.6rem 0 -0.4rem;
  transform:translateY(-0.2em); }
#box_menusub {
  transform:translateY(-1.9em); }
#box_pfad {
  margin-top:-0.7rem; }
 } 

/* Zustand -1 */
@media (max-width: 767.98px) {
#box_logo {
  width:47.2%;}
#box_menu {
  margin:10.0rem 0 -0.4rem; }
#box_menusu, #box_suche {display:none;}
#box_pfad {
  margin:0; }
#box_main {
  width:100%;
  max-width:100%;
  margin-bottom:1%;}
#box_left, #box_right {
  position:static;
  text-align:left;
  margin-top:1.6em;
  padding-bottom:1.8em; }
#box_left {
  width:50%;
  float:left; }
#box_right {
  width:40.0%;
  float:right; }
/*#box_darr {
  left:0; top:100vw; }*/
 } 

/* Zustand -2 */
@media (max-width: 575.98px) {
#box_logo {
  width:100.4%;
  margin:0 0 1.6%;}
#box_spot {/*display:none;*/
width:98%;
left:0; top:100vw;
margin:1.5em 2.5% 0;
}
/*#box_spotm {display:block;width:98%;}*/
#box_menu {}
#box_menusub {display:none;}
/*#box_menusubm {display:block;}*/
#box_uarr {bottom:4.5rem;}
#box_right {
  width:38.0%;
  float:left; }
#box_bottom {
  max-width:85.9%; }
#box_ogol {
  max-width:7%;
  margin-bottom:0.0;}
/*#box_darr {
  left:0; top:100vw; }*/
 }

/* Zustand -3 */
@media (max-width: 479.98px) {
/*#box_menu {display:none;}*/}



/* +++ ("normal" ist zwischen 768 und 1200) +++ */
/* Zustand 0 */
@media (min-width: 992px) { } 
/* Zustand 1 */
@media  (min-width: 1200px) { } 
/* Zustand 2 */
@media  (min-width: 1600px) { }








