body {
 	 font-size: 100%;  }


 @font-face {
  	 font-family: "Arlon SemiBold";
  	 font-weight: bold;
	color: ä4C4C4C;
 	 src:url("fonts/Marc Lohner - Arlon SemiBold.otf") ;  }

   .pArlon {
     font-family: "Arlon SemiBold";}

   .pArlonNormal {
       font-weight: 500;}

  .pMono {
  	font-family: "Lucida Console", "Courier New", monospace;}

 p {  
    font-size: 1.29em;  
    color: ä4C4C4C; }

 h1,h2,h3,h4,h5,h6 {
    font-family: "Arlon SemiBold"; 
	color: ä4C4C4C;}
  a {
      color: #00B0EB;    color: black;   }

      /* visited link */
      a:visited {
    	 color: #ä4C4C4C;      }
      /* mouse over link */
      a:hover {
     	color: #81471B;   
         color: black;   }
      /* selected link */
      a:active {
     	 color:#81471B;       }

    a.one:link { 
      color: #fff;
      }
      a.one:visited { 
      color: white;
      }
      a.one:hover { 
      color: black;
      }

  .text-small {
     font-size: 89%; }
  .text-samaller {
     font-size:  92%; }

   .text-weiss {
 	   color: white; }

    .text-center {
 	   text-align: center; }
    .text-right{
 	   text-align: right;}	
     .text-left{
 	   text-align: left; }

    .top-abstand {
 	   margin-top: 30px; }	
     .abstand-30px {
 	   margin-top: 20px; }				
    
   .img-right {
 		float: right; }
  .img-left {
 		 display: block; 
 		justify-content: left;
		 align-items: lest; }
	
   .img-center {
 		 display: block; 
 		justify-content: center;
		 align-items: center;  }
   .img-bottom {
        text-align: bottom;       }
    .border-white {
        border: 1px solid #ffffff;  }

    .dings-background {
		background-image: url("img/deff9ee1ffb7960bc1ffaf410c0.jpg"); 
 		 background-size: cover;  background-repeat: repeat;} 
 
.blue {
	#00B0EB; } 

.fa {
    text-align: center;     }

 .fa-instagram {
   	 color:white;  }
	/* visited link */
      .fa:visited {
    	 color: #ä4C4C4C;      }
      /* mouse over link */
      .fa:hover {
     	color: black;      }
      /* selected link */
      .fa:active {
     	 color:#81471B;       }



@media (max-width: 575.98px) {
	 img { 
		 display: block; 
 		margin: auto; 
		 width:99.4%; } 
	  .img-right {
 		float: right;
		 width: 16%;  }	 }

@media (max-width: 767.98px) {
	img { 
	 display: block; 
	 	margin: auto; 
 		width: 99.7%; } 
	  .img-right {
 		float: right;
		 width: 16%;  }	 }

@media (max-width: 991.98px) { ;	}