@font-face {
    font-family: 'Montserrat-Medium';
    src: url('fonts/Montserrat-Medium.otf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.otf');
}    
@font-face {
    font-family: 'James-Stroker';
    src: url('fonts/James Stroker.ttf');
}

html, body {
    font-family: "Montserrat-Medium", sans-serif, Helvetica;
    margin: 0 auto;
    max-width: 85%;
    overflow-x: auto;
    line-height:1.4;
/*  padding-left: 5vw;
    padding-right: 5vw; */
}



/* Link Styling */
a {
    outline: none;
    text-decoration: none;
    padding: 8px;
  }
 
a:link {
    color: white;
}
 
a:visited {
    color: white; 
}
 
a:hover {
    text-decoration: underline;
 
}
 
a:active {
    color: white;
}

/* Top area */
#top {
    text-align: center;
    background-color: rgb(194, 153, 123);
    /* padding: 4px; */
}
 
#name {
    font-family: 'James-Stroker';
    color: white;
    display: inline-block;
    /* font-style: oblique; */ 
    /* font-family: cursive; */
    font-size: calc(4vw + 0.1em);
    font-weight: bold;
    /* padding: 8px; */
    margin-top: 50px;
    margin-bottom: 0px;

}
 
#name-addition {
    color: white;
    font-size: calc(1.9vw + 0.1em);
    font-weight: bold;
    margin:0px;
}
 
#title {
    font-family: 'Montserrat-Bold';
    color: white;
    font-size: calc(2.2vw + 0.1em);
    font-weight: bold;
    margin:8px;
}
 
#undertitle {
    color: white;
    font-size: calc(2.0vw + 0.1em);
    margin-bottom: 60px;
}

/* Navigation */
#navigation {
    display: inline-block;
    border: 1px solid white;
    padding: 8px;
    font-size: calc(1.2vw + 0.1em);
    border-radius: 10px;
    margin-bottom: 30px;
}

/* Main Section */
#main {
	/*width: 100%; */
	border-left: 1px solid rgb(194, 153, 123);
	border-right: 1px solid rgb(194, 153, 123);
    /* max-width: 800px; */
    /* margin: auto;*/
    /* padding: 4px; */
}

#about-raidho-1{
    position: relative;
    text-align: center;
    color: rgb(194, 153, 123);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-1 {
    position: absolute;
    top: 30%;
    left: 80%;
    transform: translate(-50%, -50%);
}

#about-raidho-2{
    text-align: center
}

#about-raidho-2-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: rgb(194, 153, 123);
    background-color: white;
}

#about-raidho-3{
    position: relative;
    text-align: center;
    color: rgb(194, 153, 123);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-3 {
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-50%, -50%);
}


#about-raidho-4{
    text-align: center;
    background-color:  rgb(194, 153, 123);
}

#about-raidho-4-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: white;
    background-color:  rgb(194, 153, 123);
}

#about-raidho-5{
    position: relative;
    text-align: center;
    color: rgb(194, 153, 123);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-5 {
    position: absolute;
    top: 30%;
    left: 25%;
    transform: translate(-50%, -50%);
}

#about-raidho-6{
    text-align: center
}

#about-raidho-6-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: rgb(194, 153, 123);
    background-color: white;
}

#about-raidho-7{
    position: relative;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-7 {
    position: absolute;
    top: 70%;
    left: 75%;
    transform: translate(-50%, -50%);
}

#about-raidho-8{
    text-align: center;
    background-color:  rgb(194, 153, 123);
}

#about-raidho-8-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: white;
    background-color:  rgb(194, 153, 123);
}


#about-raidho-9{
    position: relative;
    text-align: center;
    color: rgb(194, 153, 123);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-9 {
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-50%, -50%);
}

#about-raidho-10{
    text-align: center;
    background-color:  rgb(194, 153, 123);
}

#about-raidho-10-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: white;
    background-color:  rgb(194, 153, 123);
}

#about-raidho-11{
    position: relative;
    text-align: center;
    color: rgb(194, 153, 123);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-11 {
    position: absolute;
    top: 30%;
    left: 78%;
    transform: translate(-50%, -50%);
}

#about-raidho-12{
    text-align: center
}

#about-raidho-12-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: rgb(194, 153, 123);
    background-color: white;
}

#about-raidho-13{
    position: relative;
    text-align: center;
    color: rgb(194, 153, 123);
    font-size: calc(2.5vw + 0.1em);
    font-weight: bold;
}

/* Class Centered text */
.centered-13 {
    position: absolute;
    top: 30%;
    left: 78%;
    transform: translate(-50%, -50%);
}


#about-raidho-14_route_contact{
    text-align: center;
    background-color:  rgb(194, 153, 123);
}

#about-raidho-14-1{
    display: inline-block;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 16vw;
    padding-bottom: 4vw;
    text-align: left;
    font-size: calc(2.0vw + 0.1em);
    color: white;
    background-color:  rgb(194, 153, 123);
}



/*#route{
    display: inline-block;
}


#contact{
    display: inline-block;
}

*/
/* Footer and Bottom Navigation */
#footer {
    text-align: center;
    background-color: rgb(194, 153, 123);
    /* padding: 4px; */
}
 
#impressum {
    text-align: center;
    background-color: rgb(194, 153, 123);
    color: white;
    font-size: calc(0.5vw + 0.1em);
    padding: 4px;
}