#clear, .clear {
  clear:both;
  height:0; }
#box_anker {
  position:absolute;
  left:0; top:0;
  height:101%;
  width:100%;
  z-index:-1; }

#box_bg {
  position:fixed;
  z-index:0;
  left:-50%;
  top:0;
  width:200%;
  height:100%; }
#box_bg img {
  position:absolute;  
  left:0; top:0;
  right:0;
  margin:auto;
  min-width:50%;
  min-height:100%; }


#box_logo {
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  width:146px;
  margin-top:55px;
  margin-left:7%;
  padding:0;
  background-image: url(../images/logo.png);
  background-position:top left;
  background-repeat:no-repeat; }
img.logo, .logo {
  margin:0; padding:0; }

#box_content, #box_content2 {
  position:absolute;
  z-index:10;
  left:0; top:175px;
  width:90%;
  margin:0 5% 0 5%;
  padding:0;
  text-align:left; }
#box_content2 {
  z-index:1; }

#box_header {
  position:absolute;
  z-index:20;
  left:0; top:0;
  width:72%;
  margin:102px 5% 0 12%; 
  padding:0 0 0 146px;
  height:73px;
  display: flex;
  align-items: center; }

#box_menumobile {
  position:absolute;
  z-index:888;
  right:0; top:0;
  margin:0; padding:0;}

#box_leading, #box_leading2 {
  margin:2rem 5% 0 8%;  
  padding:0 0 0 146px;
  max-width: 820px; }

#box_pfad { }
#box_top { }
#box_menu {
  margin:1em 0 0 0; }
#box_dekoleiste /*position dekoleiste*/ {
  width:100.2vw;
  margin:2em 5vw 2em -5vw;
  padding:0;
/*  background-color:#00a0a0;*/ }
#box_dekoleiste img {
  min-width:100%;}
#box_main {
  margin:3em auto 1em 0; }
#box_main, #box_left {
  max-width:85%;
  margin-left:10%; }
#box_bildleiste /*position bilder*/ {
  width:132%;
  margin:2em -13% 2em -19%;
  padding:0;
  background-color:#00a0a0; }

h1, .newsflash-title-newsflash {
  text-align:right; }


#box_spot, #box_spot2 {
  position:absolute;
  z-index:21;
  left:0; top:-175px;
  width:85%;
  margin:0.5em 5% 0 10%; 
  padding:0;
  text-align:right; }



/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/* Zustand 1 */
@media  (max-width: 920px) {
  #box_menu {
    display: none; }
  #box_content, #box_content2 {
    width:95%;
    margin:0 2% 0 3%; }
  #box_content2 {
    top:215px; }
  #box_header {
    padding-left:116px; }
  #box_leading, #box_leading2 {
    padding-left:126px; }
  #box_leading2 {
    margin-top:-0.5em; }
  .h0 { 
    font-size:2.5rem !important;
    letter-spacing:0; }
  h1, .h1,
  .menu a, .menu span { 
    font-size:1.3em !important;}
  .menu a, .menu span { 
    line-height:140% !important;}
  h2, .h2, .moduletable .h2 { 
    font-size:1.2rem; }
  #box_dekoleiste /*position dekoleiste*/ {
    margin:2em 3.1vw 2em -3.1vw; }
  #box_main, #box_left {
    max-width:90%;
    margin-left:5%; }
  #box_bildleiste /*position bilder*/ {
    width:120%;
    margin:2em -10% 2em -10%; }
  #box_spot, #box_spot2 {
    width:87%;
    margin:0px 10% 0 3%; }
  #box_spot2 {
    margin-top:-40px; }
 } 
	
/* Zustand 2 +++ ACHTUNG weitere in fonts.css, menu.css +++ */
@media  (max-width: 568px) {
  body {
    background-image: url(../images/bg-kachel-m.png) !important; }
  #box_logo {
    left:50%;
    margin-top:5px;
    margin-left:-83px;  }
  #box_dekoleiste { }
  #box_content, #box_content2 {
    top:125; }
  #box_header {
    width:85%;
    margin:6px 12% 0 3%; 
    padding:0; 
    height:64px;
    align-items: flex-start; }  
  .h0 { 
    font-size:1.9rem !important; }
  #box_main, #box_left, #box_bildleiste {
    max-width:100%;
    margin-left:0; }
  .menu a, .menu span { 
    line-height:150% !important;}
  #box_leading, #box_leading2 {
    margin:1rem 0 0 0;
    padding:0; }
  #box_leading2 {
    margin-top:-1.7em; }
  #box_leading p, #box_leading span,
  h1, h2, h3, h4, h5, h6 {
    background-color: rgba(255, 255, 255, 0.7); }
  #box_leading .moduletable {
    display:none; }  
  #box_bildleiste /*position bilder*/ {
    min-width:100.2vw;
    margin:2em 2.9vw 2em -3.1vw; }
  #box_spot, #box_spot2 {
    position:static;
    right:0 !important;
    bottom:0 !important;
    width:98%;
    margin:3rem 2% 2rem 0;
    text-align:right; }
 }




/* Zustand -1 */
@media  (min-width: 1200px) {
  #box_spot {
    width:auto;
    margin-left: 8%; 
    margin-right: 5%;
    padding-left:146px; }
  #box_main {
    max-width: 820px;
    margin-left: 8%; 
    padding-left:146px; }
  #box_bildleiste { }
  #box_left {
    position:absolute;
    z-index:11;
    left:0;
    top:380px;
    width:166px;
    margin:0 0 0 30px; 
    padding:0; }
  .h0 { 
    letter-spacing:0.15rem; }
 } 

/* Zustand -2 */
@media  (min-width: 1600px) {
  #box_left {
    width:13% !important;
    margin:0 10% 0 77% !important; }
  #box_bildleiste { }
 }