html, body {
margin : 0;
width : 100%;
height : 100%;
background-color:#FFE8CF;
}

/*.yn{
display : none;
}*/

.width_1 {
position:absolute;
top: 12.0vh;
width : 90.0vw;
left:3.0vw;
z-index:111;
}

.width_2 {
position:absolute;
top: 30.0vh;
width: 21.3vw;
left : 70vw;
z-index:100;
}

.width_5 {
position:absolute;
top: 40.0vh;
width: 10.0vw;
left: 60.0vw;
}

.width_6 {
position:absolute;
top: 10.0vh;
width: 10.0vw;
left: 55.0vw;
z-index:100;
}

.width_7 {
position:absolute;
top: 43.0vh;
width: 10.0vw;
left: 45.0vw;
}

.width_8 {
/*position:absolute;*/
top: 5vh;
left: 0.0vw;
width: 25.0vw;
/*margin:2.6vh;*/

}

.hg_scroll {
width : 100%;
height : 100%;
background-image : url(../images/hg_0005_neu.svg);
background-repeat : repeat -x;
background-position : left top;

animation-name: slide;
animation-duration: 500s;
animation-timing-function: linear;
animation-delay: 1.0s;
animation-iteration-count: infinite;
/*animation-direction: alternate;*/
/* Kurzschreibweide animation : slide 100s linear infinite;*/
}

@keyframes slide {
from {
background-position : left top;
}
to {
background-position : right top;
}
}
  
.button {
color : #FFFFFF;
text-align : center;
font-size : 1.5vh;
text-decoration : none;
vertical-align:middle;
padding : 0;
border-radius : 2vh;
border : solid;
border-width : thin;
width : 10vw;
box-shadow : 0 0 0.2vh 0.2vh rgb(255, 255, 255, 0.9);
cursor : pointer;
background : #399B65;
}
.button:hover {
border : solid;
border-width : thin;
transition : all 0.11s;
background : #FF0000;
}
.button:focus {
border : solid;
border-width : thin;
transition : all 0.11s;
background : #EE0000;
}
.text {
color : #b71a11;
text-align : center;
font-size : 1.5vh;
text-decoration : none;
padding : 0;
background : none;
}
.transparent {
	opacity:1.0;
}

div {
border-color : red;
border-style : solid;
border-width : 0;