body, html {  height: 100%;  margin: 0;}
.bgimg {
  background-image: url('../galerie/folie1.jpg'), linear-gradient(to top, darkred, black);
  height: 100%;  background-position: center;  background-size: cover;
  position: relative;  color: #eee;  font-family: "Rajdhani", sans-serif;
  font-size: 20px;  
  background-blend-mode: color-burn ;  /*color-burn   multiply*/
}

.bgimgxxx {
  background-image: url('https://www.pro-data.at/images-in-arbeit/<?echo $ordner;?><?echo $bild;?>');
  height: 100%;  background-position: center;  background-size: cover;
  position: relative;  color: #eee;  font-family: "Rajdhani", sans-serif;
  font-size: 20px;  filter:sepia(50%);  /*filter:saturate(30%);*/
}

.middle {  position: absolute;  top: 40%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;}
.middle .div1{
font-weight: normal;  color: #eee; /* background: rgb(0, 0, 0);   background: rgba(0, 0, 0, 0.2); */

padding:20px;  width:420px;font-weight: 400;}
table{width:96%;}
hr {  margin: auto;  width: 70%;color:#eee;}
td{padding:0px;text-align:left;vertical-align: top}
a{color:#eee;}
a:hover{text-decoration:none;}
h1{margin:0;padding:0;font-size:30px;}
h1 a{text-decoration:none;}
.inarb{font-size:60px;text-transform: none;color:#611200;font-weight:bold;padding-bottom:30px;font-weight:bold;}  /*font-family:'Amatic SC';*/
@media (max-width: 600px){
	.inarb{font-size:40px;}
}

@font-face {
    font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 400;
	font-display: swap;   
    src: url('../fonts-ia/Rajdhani-Medium1.woff2') format('woff2'),        
         url('../fonts-ia/Rajdhani-Medium.ttf') format('truetype');
	 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

/* latin-ext */
@font-face {
    font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 400;
	font-display: swap;   
    src: url('../fonts-ia/Rajdhani-Medium2.woff2') format('woff2'),        
         url('../fonts-ia/Rajdhani-Medium.ttf') format('truetype');
	  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */
@font-face {
    font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 400;
	font-display: swap;   
    src: url('../fonts-ia/Rajdhani-Medium3.woff2') format('woff2'),        
         url('../fonts-ia/Rajdhani-Medium.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: 'Amatic SC';
	font-style: normal;
	font-weight: 700;
   src: url('../fonts-ia/amaticsc-bold-webfont.eot');
    src: url('../fonts-ia/amaticsc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts-ia/amaticsc-bold-webfont.woff2') format('woff2'),
         url('../fonts-ia/amaticsc-bold-webfont.woff') format('woff'),
         url('../fonts-ia/amaticsc-bold-webfont.ttf') format('truetype'),
         url('../fonts-ia/amaticsc-bold-webfont.svg#Amatic SC') format('svg');
    
}