

/*#box_bg {
  position:absolute;
  left:0;top:0;
  z-index:1;
  opacity: 0.03; }
#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-color: rgb(0 128 0 /0.5) !important;
  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_logofree {display:none;}
#box_logo, #box_logofree {
  width:50%;
/*  width:42%;*/
/*  margin:0% 0% 1.6% 10%;*/
  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 {	display:none;
  margin:0.25rem 0 0; }
#box_menusub {	display:none; }
#box_menusubm {
	text-align:right;
	margin: 0em 0 4%; }
#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;bottom:0;
  width:37.5%;
  margin: 9.6% 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 {
  padding-top:2.5rem;
  margin-top:0rem; }

#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 {
  padding-top:2rem;
  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%;
	padding: 0 1.2%;
	margin: -0.5em 0; }

#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.4rem;
  width:1.15rem;
  z-index:55; }

/* $$$$$$$$$$$$$$$$$$$$$$*/
/* Zustand -0 */ @media (max-width: 991.98px) {
#box_logo {
  width:50%;
  margin:0 0 1.6% 0;}
#box_menusubm {	margin: 0em 0 4%;  }
#box_pfad {	margin-top:-0.7rem; }
 } 

/* Zustand -1 */ @media (max-width: 767.98px) {
#box_menu, #box_menusu, #box_suche {display:none;}
#box_menusub {display:none;}
#box_menusubm {display:block;}
#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; }
 } 

/* Zustand -2 */ @media (max-width: 575.98px) {
#box_logo {
  width:100.4%;
  margin:0 0 1.6%;}
#box_spot {display:none;}
#box_spotm {display:block;width:98%;text-align: center;}
#box_uarr {bottom:4.4rem;}
#box_right {
  width:38.0%;
  float:left; }
#box_bottom {
  max-width:85.9%; }
#box_ogol {
  max-width:7%;
  margin-bottom:0.0;}
 }

/* Zustand -3 */ @media (max-width: 479.98px) { 
#box_logo, #box_logofree { margin-top: 1rem; } }




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








