*, *::before, *::after {
  box-sizing: border-box;
}
* {padding:0;
  margin: 0;
}
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

html { width:100%; 
       height:100%; 
       background-color: #fdc218;
       padding: 0 1% 0 1%;
       color:#000000;
       overflow: hidden; 
}

body { width:100%; 
       height:100%; 
       display: flex;
       flex-direction: column;
       -ms-overflow-style: none; /* for Internet Explorer, Edge */
       scrollbar-width: none; /* for Firefox */
       overflow-y: scroll;
  
}

body::-webkit-scrollbar {
       display: none; /* for Chrome, Safari, and Opera */
}

h1 { font-family: Candal;
     text-align:right; 
     text-transform: uppercase; 
     font-weight: bold; 
     padding-bottom:20px;
     letter-spacing: .2rem;
   }

a {  color:#000000; 
     text-decoration:none;
  }
a:hover, a:active, a:link {
     text-decoration: underline;
  }

p { font-family: Candal; 
    font-size:1em;
    text-align:justify;
}
.content { width:100%; height:auto;
}

.logo{  float:left;
        background-size: contain;
        background-repeat: no-repeat;
	background-image: url('bg.png');
}

        	
.inhalt { float:left;
        }

.footer {
          margin-top: auto;
          width:100%;
          height: 5em;
}
.footer span.right { 
         float:right;
         padding:20px; 
        }
.footer span.left { 
         float:left;
         padding:20px; 
        }



.box {   float:right;
	 width:95%;
         padding: 30px;
         margin: 20px;
background-color: transparent;
       	 backgr_ound-color: rgba(248, 207, 94, .9); r_gba(255,255,255, .9);  
         border-radius: 15px;

box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
         bo_x-shadow:
  2.2px 1.3px 2.9px -1px rgba(0, 0, 0, 0.038),
  5.3px 3.1px 6.9px -1px rgba(0, 0, 0, 0.051),
  9.9px 5.9px 13px -1px rgba(0, 0, 0, 0.057),
  17.6px 10.5px 23.2px -1px rgba(0, 0, 0, 0.061),
  33px 19.6px 43.4px -1px rgba(0, 0, 0, 0.065),
  79px 47px 104px -1px rgba(0, 0, 0, 0.07)
;
}
.column1 { float: left; width:70%; }
.column2 { float: left; width:30%; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.logo { aspect-ratio : 1 / 1;
        width:100%; 
        
      }
.inhalt { 
        width:90%;
      }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.logo { aspect-ratio : 1 / 1;
        width:100%; 
        
      }
.inhalt { 
        width:100%;
      }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.logo{ aspect-ratio : 1 / 1;
        width:100%; 
        
}
.inhalt { width:100%;}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.logo {
        width:50%; 
        height:100%;
      }
.inhalt { 
        width:50%;
      }


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {.logo {
        width:50%; 
        height:100%;
      }
.inhalt { 
        width:50%;
      }
}