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

.yn {
display:block;
}
.width_1 {
position:absolute;
top: 12.0vh;
width : 70.0vw;
left:3.0vw;
z-index:111;
}

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

.width_5 {
position:absolute;
top: 80.0vh;
width: 5.0vw;
left: 65.0vw;
}

.width_6 {
position:absolute;
top: 8.0vh;
width: 5.0vw;
left: 35.0vw;
z-index:100;
}

.width_7 {
position:absolute;
top: 83.0vh;
width: 5.0vw;
left: 60.0vw;
}

.width_8 {
width: 14.6vw;
margin:2.6vh;
}

.hg_scroll {
width : 100%;
height : 102%;
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 : 1.1vh;
border : solid;
border-width : thin;
width : 5.0vw;
box-shadow : 0 0 0.1vh 0.1vh 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 : 0px;